CodeRabbit Generated Unit Tests: Generate unit tests for PR changes

.coderabbit.yaml

@@ -15,8 +15,6 @@ reviews:
   auto_review:
     enabled: false
     drafts: false
-  unit_tests:
-    enabled: false
 chat:
   auto_reply: true
 issue_enrichment:

config-schema.json

@@ -572,24 +572,6 @@
             "default": {},
             "description": "A dictionary of remote peers and models they provide. Peers can be another llama-swap or any server that provides the /v1/ generative API endpoints supported by llama-swap."
         },
-        "upstream": {
-            "type": "object",
-            "description": "Controls behaviour of the /upstream passthrough endpoint. Recommended to only use in special use cases; leaving it as the default will typically be the best experience.",
-            "properties": {
-                "ignorePaths": {
-                    "type": "array",
-                    "items": {
-                        "type": "string"
-                    },
-                    "default": [
-                        ".*\\.(js|json|css|png|gif|jpg|jpeg|ico|txt)$"
-                    ],
-                    "description": "List of RE2 compatible regular expressions. Any request to a path matching any of the regular expressions will be ignored and not trigger a swap. When not specified, defaults to a pattern matching common static-asset suffixes (.js, .json, .css, .png, .gif, .jpg, .jpeg, .ico, .txt)."
-                }
-            },
-            "additionalProperties": false,
-            "default": {}
-        },
         "routing": {
             "type": "object",
             "description": "Canonical routing/scheduling configuration. Alternative to the legacy top-level 'groups'/'matrix' keys; a config must not use both styles.",

config.example.yaml

@@ -134,18 +134,6 @@ apiKeys:
   - "${env.API_KEY_1}"
   - "${env.API_KEY_2}"
 
-# upstream: controls behaviour of the /upstream passthrough endpoint
-# - optional, default: empty dictionary
-# - recommended to only use in special use cases. Leaving it as the
-#   default will typically be the best experience
-upstream:
-  # ignorePaths: list of RE2 compatible regular expressions
-  # - default: (see below)
-  # - any request to a path matching any of the regular expressions
-  #   will be ignored and not trigger a swap
-  ignorePaths:
-    - '.*\.(js|json|css|png|gif|jpg|jpeg|ico|txt)$'
-
 # models: a dictionary of model configurations
 # - required
 # - each key is the model's ID, used in API requests

internal/config/commands.go

@@ -1,57 +0,0 @@
-package config
-
-import (
-	"fmt"
-	"runtime"
-	"strings"
-
-	"github.com/billziss-gh/golib/shlex"
-)
-
-func SanitizeCommand(cmdStr string) ([]string, error) {
-	var cleanedLines []string
-	for _, line := range strings.Split(cmdStr, "\n") {
-		trimmed := strings.TrimSpace(line)
-		// Skip comment lines
-		if strings.HasPrefix(trimmed, "#") {
-			continue
-		}
-		// Handle trailing backslashes by replacing with space
-		if strings.HasSuffix(trimmed, "\\") {
-			cleanedLines = append(cleanedLines, strings.TrimSuffix(trimmed, "\\")+" ")
-		} else {
-			cleanedLines = append(cleanedLines, line)
-		}
-	}
-
-	// put it back together
-	cmdStr = strings.Join(cleanedLines, "\n")
-
-	// Split the command into arguments
-	var args []string
-	if runtime.GOOS == "windows" {
-		args = shlex.Windows.Split(cmdStr)
-	} else {
-		args = shlex.Posix.Split(cmdStr)
-	}
-
-	// Ensure the command is not empty
-	if len(args) == 0 {
-		return nil, fmt.Errorf("empty command")
-	}
-
-	return args, nil
-}
-
-func StripComments(cmdStr string) string {
-	var cleanedLines []string
-	for _, line := range strings.Split(cmdStr, "\n") {
-		trimmed := strings.TrimSpace(line)
-		// Skip comment lines
-		if strings.HasPrefix(trimmed, "#") {
-			continue
-		}
-		cleanedLines = append(cleanedLines, line)
-	}
-	return strings.Join(cleanedLines, "\n")
-}

internal/config/config.go

@@ -2,9 +2,16 @@ package config
 
 import (
 	"fmt"
+	"io"
+	"net/url"
 	"os"
+	"regexp"
+	"runtime"
 	"sort"
+	"strings"
+	"time"
 
+	"github.com/billziss-gh/golib/shlex"
 	"gopkg.in/yaml.v3"
 )
 
@@ -78,6 +85,12 @@ type GroupConfig struct {
 	Members    []string `yaml:"members"`
 }
 
+var (
+	macroNameRegex    = regexp.MustCompile(`^[a-zA-Z0-9_-]+$`)
+	macroPatternRegex = regexp.MustCompile(`\$\{([a-zA-Z0-9_-]+)\}`)
+	envMacroRegex     = regexp.MustCompile(`\$\{env\.([a-zA-Z_][a-zA-Z0-9_]*)\}`)
+)
+
 // set default values for GroupConfig
 func (c *GroupConfig) UnmarshalYAML(unmarshal func(interface{}) error) error {
 	type rawGroupConfig GroupConfig
@@ -150,9 +163,6 @@ type Config struct {
 
 	// support remote peers, see issue #433, #296
 	Peers PeerDictionaryConfig `yaml:"peers"`
-
-	// upstream controls behaviour of the /upstream passthrough endpoint
-	Upstream UpstreamConfig `yaml:"upstream"`
 }
 
 // RoutingConfig is the canonical, normalized routing/scheduling configuration.
@@ -211,6 +221,424 @@ func LoadConfig(path string) (Config, error) {
 	return LoadConfigFromReader(file)
 }
 
+func LoadConfigFromReader(r io.Reader) (Config, error) {
+	data, err := io.ReadAll(r)
+	if err != nil {
+		return Config{}, err
+	}
+	yamlStr := string(data)
+
+	// Phase 1: Substitute all ${env.VAR} macros at string level
+	// This is safe because env values are simple strings without YAML formatting
+	yamlStr, err = substituteEnvMacros(yamlStr)
+	if err != nil {
+		return Config{}, err
+	}
+
+	// Unmarshal into full Config with defaults
+	config := Config{
+		HealthCheckTimeout: 120,
+		StartPort:          5800,
+		LogLevel:           "info",
+		LogTimeFormat:      "",
+		LogToStdout:        LogToStdoutProxy,
+		MetricsMaxInMemory: 1000,
+		CaptureBuffer:      5,
+		GlobalTTL:          0,
+	}
+	if err = yaml.Unmarshal([]byte(yamlStr), &config); err != nil {
+		return Config{}, err
+	}
+
+	if config.HealthCheckTimeout < 15 {
+		config.HealthCheckTimeout = 15
+	}
+
+	// Apply defaults for performance config when section is missing
+	if config.Performance.Every == 0 {
+		config.Performance.Every = 5 * time.Second
+	}
+	if err = config.Performance.Validate(); err != nil {
+		return Config{}, fmt.Errorf("performance: %w", err)
+	}
+
+	if config.StartPort < 1 {
+		return Config{}, fmt.Errorf("startPort must be greater than 1")
+	}
+
+	if config.GlobalTTL < 0 {
+		return Config{}, fmt.Errorf("globalTTL must be >= 0")
+	}
+
+	switch config.LogToStdout {
+	case LogToStdoutProxy, LogToStdoutUpstream, LogToStdoutBoth, LogToStdoutNone:
+	default:
+		return Config{}, fmt.Errorf("logToStdout must be one of: proxy, upstream, both, none")
+	}
+
+	// Populate the aliases map
+	config.aliases = make(map[string]string)
+	for modelName, modelConfig := range config.Models {
+		for _, alias := range modelConfig.Aliases {
+			if _, found := config.aliases[alias]; found {
+				return Config{}, fmt.Errorf("duplicate alias %s found in model: %s", alias, modelName)
+			}
+			config.aliases[alias] = modelName
+		}
+	}
+
+	// Validate global macros
+	for _, macro := range config.Macros {
+		if err = validateMacro(macro.Name, macro.Value); err != nil {
+			return Config{}, err
+		}
+	}
+
+	// Get and sort all model IDs for consistent port assignment
+	modelIds := make([]string, 0, len(config.Models))
+	for modelId := range config.Models {
+		modelIds = append(modelIds, modelId)
+	}
+	sort.Strings(modelIds)
+
+	nextPort := config.StartPort
+	for _, modelId := range modelIds {
+		modelConfig := config.Models[modelId]
+		modelConfig.HealthCheckTimeout = config.HealthCheckTimeout
+
+		// Strip comments from command fields
+		modelConfig.Cmd = StripComments(modelConfig.Cmd)
+		modelConfig.CmdStop = StripComments(modelConfig.CmdStop)
+
+		// set model TTL to globalTTL it is the default value
+		if modelConfig.UnloadAfter == MODEL_CONFIG_DEFAULT_TTL {
+			modelConfig.UnloadAfter = config.GlobalTTL
+		}
+
+		if modelConfig.UnloadAfter < 0 {
+			return Config{}, fmt.Errorf("model %s: invalid TTL value %d", modelId, modelConfig.UnloadAfter)
+		}
+
+		// Validate model macros
+		for _, macro := range modelConfig.Macros {
+			if err = validateMacro(macro.Name, macro.Value); err != nil {
+				return Config{}, fmt.Errorf("model %s: %s", modelId, err.Error())
+			}
+		}
+
+		// Build merged macro list: MODEL_ID + global macros + model macros (model overrides global)
+		mergedMacros := make(MacroList, 0, len(config.Macros)+len(modelConfig.Macros)+1)
+		mergedMacros = append(mergedMacros, MacroEntry{Name: "MODEL_ID", Value: modelId})
+		mergedMacros = append(mergedMacros, config.Macros...)
+
+		// Add model macros (override globals with same name)
+		for _, entry := range modelConfig.Macros {
+			found := false
+			for i, existing := range mergedMacros {
+				if existing.Name == entry.Name {
+					mergedMacros[i] = entry
+					found = true
+					break
+				}
+			}
+			if !found {
+				mergedMacros = append(mergedMacros, entry)
+			}
+		}
+
+		// Substitute remaining macros in model fields (LIFO order)
+		for i := len(mergedMacros) - 1; i >= 0; i-- {
+			entry := mergedMacros[i]
+			macroSlug := fmt.Sprintf("${%s}", entry.Name)
+			macroStr := fmt.Sprintf("%v", entry.Value)
+
+			modelConfig.Cmd = strings.ReplaceAll(modelConfig.Cmd, macroSlug, macroStr)
+			modelConfig.CmdStop = strings.ReplaceAll(modelConfig.CmdStop, macroSlug, macroStr)
+			modelConfig.Proxy = strings.ReplaceAll(modelConfig.Proxy, macroSlug, macroStr)
+			modelConfig.CheckEndpoint = strings.ReplaceAll(modelConfig.CheckEndpoint, macroSlug, macroStr)
+			modelConfig.Filters.StripParams = strings.ReplaceAll(modelConfig.Filters.StripParams, macroSlug, macroStr)
+			modelConfig.Name = strings.ReplaceAll(modelConfig.Name, macroSlug, macroStr)
+			modelConfig.Description = strings.ReplaceAll(modelConfig.Description, macroSlug, macroStr)
+
+			// Substitute macros in SetParamsByID keys and values
+			if len(modelConfig.Filters.SetParamsByID) > 0 {
+				newSetParamsByID := make(map[string]map[string]any, len(modelConfig.Filters.SetParamsByID))
+				for key, paramMap := range modelConfig.Filters.SetParamsByID {
+					newKey := strings.ReplaceAll(key, macroSlug, macroStr)
+					newValAny, err := substituteMacroInValue(any(paramMap), entry.Name, entry.Value)
+					if err != nil {
+						return Config{}, fmt.Errorf("model %s filters.setParamsByID: %s", modelId, err.Error())
+					}
+					newParamMap, ok := newValAny.(map[string]any)
+					if !ok {
+						return Config{}, fmt.Errorf("model %s filters.setParamsByID: unexpected type after macro substitution", modelId)
+					}
+					newSetParamsByID[newKey] = newParamMap
+				}
+				modelConfig.Filters.SetParamsByID = newSetParamsByID
+			}
+
+			// Substitute in metadata (type-preserving)
+			if len(modelConfig.Metadata) > 0 {
+				result, err := substituteMacroInValue(modelConfig.Metadata, entry.Name, entry.Value)
+				if err != nil {
+					return Config{}, fmt.Errorf("model %s metadata: %s", modelId, err.Error())
+				}
+				modelConfig.Metadata = result.(map[string]any)
+			}
+		}
+
+		// Handle PORT macro - only allocate if cmd uses it
+		cmdHasPort := strings.Contains(modelConfig.Cmd, "${PORT}")
+		proxyHasPort := strings.Contains(modelConfig.Proxy, "${PORT}")
+		if cmdHasPort || proxyHasPort {
+			if !cmdHasPort && proxyHasPort {
+				return Config{}, fmt.Errorf("model %s: proxy uses ${PORT} but cmd does not - ${PORT} is only available when used in cmd", modelId)
+			}
+
+			macroSlug := "${PORT}"
+			macroStr := fmt.Sprintf("%v", nextPort)
+
+			modelConfig.Cmd = strings.ReplaceAll(modelConfig.Cmd, macroSlug, macroStr)
+			modelConfig.CmdStop = strings.ReplaceAll(modelConfig.CmdStop, macroSlug, macroStr)
+			modelConfig.Proxy = strings.ReplaceAll(modelConfig.Proxy, macroSlug, macroStr)
+			modelConfig.Name = strings.ReplaceAll(modelConfig.Name, macroSlug, macroStr)
+			modelConfig.Description = strings.ReplaceAll(modelConfig.Description, macroSlug, macroStr)
+
+			if len(modelConfig.Metadata) > 0 {
+				result, err := substituteMacroInValue(modelConfig.Metadata, "PORT", nextPort)
+				if err != nil {
+					return Config{}, fmt.Errorf("model %s metadata: %s", modelId, err.Error())
+				}
+				modelConfig.Metadata = result.(map[string]any)
+			}
+
+			nextPort++
+		}
+
+		// Validate no unknown macros remain
+		fieldMap := map[string]string{
+			"cmd":                 modelConfig.Cmd,
+			"cmdStop":             modelConfig.CmdStop,
+			"proxy":               modelConfig.Proxy,
+			"checkEndpoint":       modelConfig.CheckEndpoint,
+			"filters.stripParams": modelConfig.Filters.StripParams,
+			"name":                modelConfig.Name,
+			"description":         modelConfig.Description,
+		}
+
+		for fieldName, fieldValue := range fieldMap {
+			matches := macroPatternRegex.FindAllStringSubmatch(fieldValue, -1)
+			for _, match := range matches {
+				macroName := match[1]
+				if macroName == "PID" && fieldName == "cmdStop" {
+					continue // replaced at runtime
+				}
+				if macroName == "PORT" || macroName == "MODEL_ID" {
+					return Config{}, fmt.Errorf("macro '${%s}' should have been substituted in %s.%s", macroName, modelId, fieldName)
+				}
+				return Config{}, fmt.Errorf("unknown macro '${%s}' found in %s.%s", macroName, modelId, fieldName)
+			}
+		}
+
+		if len(modelConfig.Metadata) > 0 {
+			if err := validateNestedForUnknownMacros(modelConfig.Metadata, fmt.Sprintf("model %s metadata", modelId)); err != nil {
+				return Config{}, err
+			}
+		}
+
+		if err = modelConfig.Capabilities.Validate(); err != nil {
+			return Config{}, fmt.Errorf("model %s: %w", modelId, err)
+		}
+
+		// Validate SetParamsByID keys and values
+		for key, paramMap := range modelConfig.Filters.SetParamsByID {
+			if matches := macroPatternRegex.FindAllStringSubmatch(key, -1); len(matches) > 0 {
+				return Config{}, fmt.Errorf("unknown macro '${%s}' found in model %s filters.setParamsByID key", matches[0][1], modelId)
+			}
+			if err := validateNestedForUnknownMacros(any(paramMap), fmt.Sprintf("model %s filters.setParamsByID[%s]", modelId, key)); err != nil {
+				return Config{}, err
+			}
+		}
+
+		// Auto-register setParamsByID keys as aliases (skip the model's own ID)
+		for key := range modelConfig.Filters.SetParamsByID {
+			if key == modelId {
+				continue
+			}
+			if _, exists := config.Models[key]; exists {
+				return Config{}, fmt.Errorf("model %s filters.setParamsByID: key '%s' conflicts with an existing model ID", modelId, key)
+			}
+			if existingModel, exists := config.aliases[key]; exists {
+				if existingModel != modelId {
+					return Config{}, fmt.Errorf("duplicate alias '%s' in model %s filters.setParamsByID, already used by model %s", key, modelId, existingModel)
+				}
+				continue // already registered as explicit alias for this model
+			}
+			config.aliases[key] = modelId
+			modelConfig.Aliases = append(modelConfig.Aliases, key)
+		}
+
+		if _, err := url.Parse(modelConfig.Proxy); err != nil {
+			return Config{}, fmt.Errorf("model %s: invalid proxy URL: %w", modelId, err)
+		}
+
+		if modelConfig.SendLoadingState == nil {
+			v := config.SendLoadingState
+			modelConfig.SendLoadingState = &v
+		}
+
+		config.Models[modelId] = modelConfig
+	}
+
+	// Normalize routing config. The legacy top-level `matrix`/`groups` keys and
+	// the new `routing.router` block are mutually exclusive: a config may use
+	// either style, never both.
+	hasTopLevel := config.Matrix != nil || len(config.Groups) > 0
+	rtr := config.Routing.Router
+	hasRouting := rtr.Use != "" || rtr.Settings.Matrix != nil || len(rtr.Settings.Groups) > 0
+
+	if hasTopLevel && hasRouting {
+		return Config{}, fmt.Errorf("config uses both the legacy top-level 'matrix'/'groups' keys and the new 'routing.router' block; please migrate the top-level keys into 'routing.router' and remove them")
+	}
+
+	if !hasTopLevel {
+		// Both groups and matrix may be defined under routing.router.settings;
+		// routing.router.use selects which one is active, so there is no conflict.
+		rs := config.Routing.Router.Settings
+		switch config.Routing.Router.Use {
+		case "matrix":
+			if rs.Matrix == nil {
+				return Config{}, fmt.Errorf("routing.router.use is 'matrix' but routing.router.settings.matrix is not set")
+			}
+			config.Matrix = rs.Matrix
+		case "group", "":
+			config.Groups = rs.Groups
+		default:
+			return Config{}, fmt.Errorf("routing.router.use: unknown router %q (valid: group, matrix)", config.Routing.Router.Use)
+		}
+	}
+
+	// groups XOR matrix
+	if config.Matrix != nil && len(config.Groups) > 0 {
+		return Config{}, fmt.Errorf("config cannot use both 'groups' and 'matrix'")
+	}
+
+	if config.Matrix != nil {
+		expandedSets, err := ValidateMatrix(*config.Matrix, config.Models)
+		if err != nil {
+			return Config{}, fmt.Errorf("matrix: %w", err)
+		}
+		config.Matrix.ExpandedSets = expandedSets
+	} else {
+		config = AddDefaultGroupToConfig(config)
+
+		// Validate group members
+		memberUsage := make(map[string]string)
+		for groupID, groupConfig := range config.Groups {
+			prevSet := make(map[string]bool)
+			for _, member := range groupConfig.Members {
+				if _, found := prevSet[member]; found {
+					return Config{}, fmt.Errorf("duplicate model member %s found in group: %s", member, groupID)
+				}
+				prevSet[member] = true
+
+				if existingGroup, exists := memberUsage[member]; exists {
+					return Config{}, fmt.Errorf("model member %s is used in multiple groups: %s and %s", member, existingGroup, groupID)
+				}
+				memberUsage[member] = groupID
+			}
+		}
+	}
+
+	// Build the canonical Config.Routing from the effective result. Both legacy
+	// and new-style configs converge here. The Matrix pointer is shared so
+	// ExpandedSets stays in one place.
+	if config.Matrix != nil {
+		config.Routing.Router.Use = "matrix"
+	} else {
+		config.Routing.Router.Use = "group"
+	}
+	config.Routing.Router.Settings.Matrix = config.Matrix
+	config.Routing.Router.Settings.Groups = config.Groups
+
+	if config.Routing.Scheduler.Use == "" {
+		config.Routing.Scheduler.Use = "fifo"
+	}
+	if config.Routing.Scheduler.Use != "fifo" {
+		return Config{}, fmt.Errorf("routing.scheduler.use: unknown scheduler %q (valid: fifo)", config.Routing.Scheduler.Use)
+	}
+	for modelID := range config.Routing.Scheduler.Settings.Fifo.Priority {
+		if _, found := config.RealModelName(modelID); !found {
+			return Config{}, fmt.Errorf("routing.scheduler.settings.fifo.priority references unknown model %q", modelID)
+		}
+	}
+
+	// Clean up hooks preload
+	if len(config.Hooks.OnStartup.Preload) > 0 {
+		var toPreload []string
+		for _, modelID := range config.Hooks.OnStartup.Preload {
+			modelID = strings.TrimSpace(modelID)
+			if modelID == "" {
+				continue
+			}
+			if real, found := config.RealModelName(modelID); found {
+				toPreload = append(toPreload, real)
+			}
+		}
+		config.Hooks.OnStartup.Preload = toPreload
+	}
+
+	// Validate API keys (env macros already substituted at string level)
+	for i, apikey := range config.RequiredAPIKeys {
+		if apikey == "" {
+			return Config{}, fmt.Errorf("empty api key found in apiKeys")
+		}
+		if strings.Contains(apikey, " ") {
+			return Config{}, fmt.Errorf("api key cannot contain spaces: `%s`", apikey)
+		}
+		config.RequiredAPIKeys[i] = apikey
+	}
+
+	// Process peers with global macro substitution
+	for peerName, peerConfig := range config.Peers {
+		// Substitute global macros (LIFO order)
+		for i := len(config.Macros) - 1; i >= 0; i-- {
+			entry := config.Macros[i]
+			macroSlug := fmt.Sprintf("${%s}", entry.Name)
+			macroStr := fmt.Sprintf("%v", entry.Value)
+
+			peerConfig.ApiKey = strings.ReplaceAll(peerConfig.ApiKey, macroSlug, macroStr)
+			peerConfig.Filters.StripParams = strings.ReplaceAll(peerConfig.Filters.StripParams, macroSlug, macroStr)
+
+			// Substitute in setParams (type-preserving)
+			if len(peerConfig.Filters.SetParams) > 0 {
+				result, err := substituteMacroInValue(peerConfig.Filters.SetParams, entry.Name, entry.Value)
+				if err != nil {
+					return Config{}, fmt.Errorf("peers.%s.filters.setParams: %w", peerName, err)
+				}
+				peerConfig.Filters.SetParams = result.(map[string]any)
+			}
+		}
+
+		// Validate no unknown macros remain
+		if matches := macroPatternRegex.FindAllStringSubmatch(peerConfig.ApiKey, -1); len(matches) > 0 {
+			return Config{}, fmt.Errorf("peers.%s.apiKey: unknown macro '${%s}'", peerName, matches[0][1])
+		}
+		if matches := macroPatternRegex.FindAllStringSubmatch(peerConfig.Filters.StripParams, -1); len(matches) > 0 {
+			return Config{}, fmt.Errorf("peers.%s.filters.stripParams: unknown macro '${%s}'", peerName, matches[0][1])
+		}
+		if len(peerConfig.Filters.SetParams) > 0 {
+			if err := validateNestedForUnknownMacros(peerConfig.Filters.SetParams, fmt.Sprintf("peers.%s.filters.setParams", peerName)); err != nil {
+				return Config{}, err
+			}
+		}
+		config.Peers[peerName] = peerConfig
+	}
+
+	return config, nil
+}
+
 // rewrites the yaml to include a default group with any orphaned models
 func AddDefaultGroupToConfig(config Config) Config {
 
@@ -255,3 +683,233 @@ func AddDefaultGroupToConfig(config Config) Config {
 
 	return config
 }
+
+func SanitizeCommand(cmdStr string) ([]string, error) {
+	var cleanedLines []string
+	for _, line := range strings.Split(cmdStr, "\n") {
+		trimmed := strings.TrimSpace(line)
+		// Skip comment lines
+		if strings.HasPrefix(trimmed, "#") {
+			continue
+		}
+		// Handle trailing backslashes by replacing with space
+		if strings.HasSuffix(trimmed, "\\") {
+			cleanedLines = append(cleanedLines, strings.TrimSuffix(trimmed, "\\")+" ")
+		} else {
+			cleanedLines = append(cleanedLines, line)
+		}
+	}
+
+	// put it back together
+	cmdStr = strings.Join(cleanedLines, "\n")
+
+	// Split the command into arguments
+	var args []string
+	if runtime.GOOS == "windows" {
+		args = shlex.Windows.Split(cmdStr)
+	} else {
+		args = shlex.Posix.Split(cmdStr)
+	}
+
+	// Ensure the command is not empty
+	if len(args) == 0 {
+		return nil, fmt.Errorf("empty command")
+	}
+
+	return args, nil
+}
+
+func StripComments(cmdStr string) string {
+	var cleanedLines []string
+	for _, line := range strings.Split(cmdStr, "\n") {
+		trimmed := strings.TrimSpace(line)
+		// Skip comment lines
+		if strings.HasPrefix(trimmed, "#") {
+			continue
+		}
+		cleanedLines = append(cleanedLines, line)
+	}
+	return strings.Join(cleanedLines, "\n")
+}
+
+// validateMacro validates macro name and value constraints
+func validateMacro(name string, value any) error {
+	if len(name) >= 64 {
+		return fmt.Errorf("macro name '%s' exceeds maximum length of 63 characters", name)
+	}
+	if !macroNameRegex.MatchString(name) {
+		return fmt.Errorf("macro name '%s' contains invalid characters, must match pattern ^[a-zA-Z0-9_-]+$", name)
+	}
+
+	// Validate that value is a scalar type
+	switch v := value.(type) {
+	case string:
+		// Check for self-reference
+		macroSlug := fmt.Sprintf("${%s}", name)
+		if strings.Contains(v, macroSlug) {
+			return fmt.Errorf("macro '%s' contains self-reference", name)
+		}
+	case int, int8, int16, int32, int64, uint, uint8, uint16, uint32, uint64, float32, float64, bool:
+		// These types are allowed
+	default:
+		return fmt.Errorf("macro '%s' has invalid type %T, must be a scalar type (string, int, float, or bool)", name, value)
+	}
+
+	switch name {
+	case "PORT", "MODEL_ID":
+		return fmt.Errorf("macro name '%s' is reserved", name)
+	}
+
+	return nil
+}
+
+// validateNestedForUnknownMacros recursively checks for any remaining macro references in nested structures
+func validateNestedForUnknownMacros(value any, context string) error {
+	switch v := value.(type) {
+	case string:
+		matches := macroPatternRegex.FindAllStringSubmatch(v, -1)
+		for _, match := range matches {
+			macroName := match[1]
+			return fmt.Errorf("%s: unknown macro '${%s}'", context, macroName)
+		}
+		// Check for unsubstituted env macros
+		envMatches := envMacroRegex.FindAllStringSubmatch(v, -1)
+		for _, match := range envMatches {
+			varName := match[1]
+			return fmt.Errorf("%s: environment variable '%s' not set", context, varName)
+		}
+		return nil
+
+	case map[string]any:
+		for _, val := range v {
+			if err := validateNestedForUnknownMacros(val, context); err != nil {
+				return err
+			}
+		}
+		return nil
+
+	case []any:
+		for _, val := range v {
+			if err := validateNestedForUnknownMacros(val, context); err != nil {
+				return err
+			}
+		}
+		return nil
+
+	default:
+		// Scalar types don't contain macros
+		return nil
+	}
+}
+
+// substituteMacroInValue recursively substitutes a single macro in a value structure
+// This is called once per macro, allowing LIFO substitution order
+func substituteMacroInValue(value any, macroName string, macroValue any) (any, error) {
+	macroSlug := fmt.Sprintf("${%s}", macroName)
+	macroStr := fmt.Sprintf("%v", macroValue)
+
+	switch v := value.(type) {
+	case string:
+		// Check if this is a direct macro substitution
+		if v == macroSlug {
+			return macroValue, nil
+		}
+		// Handle string interpolation
+		if strings.Contains(v, macroSlug) {
+			return strings.ReplaceAll(v, macroSlug, macroStr), nil
+		}
+		return v, nil
+
+	case map[string]any:
+		// Recursively process map values
+		newMap := make(map[string]any)
+		for key, val := range v {
+			newVal, err := substituteMacroInValue(val, macroName, macroValue)
+			if err != nil {
+				return nil, err
+			}
+			newMap[key] = newVal
+		}
+		return newMap, nil
+
+	case []any:
+		// Recursively process slice elements
+		newSlice := make([]any, len(v))
+		for i, val := range v {
+			newVal, err := substituteMacroInValue(val, macroName, macroValue)
+			if err != nil {
+				return nil, err
+			}
+			newSlice[i] = newVal
+		}
+		return newSlice, nil
+
+	default:
+		// Return scalar types as-is
+		return value, nil
+	}
+}
+
+// substituteEnvMacros replaces ${env.VAR_NAME} with environment variable values.
+// Returns error if any referenced env var is not set or contains invalid characters.
+// Env macros inside YAML comments are ignored by unmarshalling the YAML first
+// (which strips comments) and only checking the comment-free version for macros.
+func substituteEnvMacros(s string) (string, error) {
+	// Unmarshal and remarshal to strip YAML comments
+	var raw any
+	if err := yaml.Unmarshal([]byte(s), &raw); err != nil {
+		// If YAML is invalid, fall back to scanning the original string
+		// so the user gets the env var error rather than a confusing YAML parse error
+		return substituteEnvMacrosInString(s, s)
+	}
+	clean, err := yaml.Marshal(raw)
+	if err != nil {
+		return substituteEnvMacrosInString(s, s)
+	}
+
+	return substituteEnvMacrosInString(s, string(clean))
+}
+
+// substituteEnvMacrosInString finds ${env.VAR} macros in scanStr and substitutes
+// them in target. This separation allows scanning comment-free YAML while
+// substituting in the original string.
+func substituteEnvMacrosInString(target, scanStr string) (string, error) {
+	result := target
+	matches := envMacroRegex.FindAllStringSubmatch(scanStr, -1)
+	for _, match := range matches {
+		fullMatch := match[0] // ${env.VAR_NAME}
+		varName := match[1]   // VAR_NAME
+
+		value, exists := os.LookupEnv(varName)
+		if !exists {
+			return "", fmt.Errorf("environment variable '%s' is not set", varName)
+		}
+
+		// Sanitize the value for safe YAML substitution
+		value, err := sanitizeEnvValueForYAML(value, varName)
+		if err != nil {
+			return "", err
+		}
+
+		result = strings.ReplaceAll(result, fullMatch, value)
+	}
+	return result, nil
+}
+
+// sanitizeEnvValueForYAML ensures an environment variable value is safe for YAML substitution.
+// It rejects values with characters that break YAML structure and escapes quotes/backslashes
+// for compatibility with double-quoted YAML strings.
+func sanitizeEnvValueForYAML(value, varName string) (string, error) {
+	// Reject values that would break YAML structure regardless of quoting context
+	if strings.ContainsAny(value, "\n\r\x00") {
+		return "", fmt.Errorf("environment variable '%s' contains newlines or null bytes which are not allowed in YAML substitution", varName)
+	}
+
+	// Escape backslashes and double quotes for safe use in double-quoted YAML strings.
+	// In unquoted contexts, these escapes appear literally (harmless for most use cases).
+	// In double-quoted contexts, they are interpreted correctly.
+	value = strings.ReplaceAll(value, `\`, `\\`)
+	value = strings.ReplaceAll(value, `"`, `\"`)
+
+	return value, nil
+}

internal/config/config_posix_test.go

@@ -266,9 +266,6 @@ groups:
 			"mthree":    "model3",
 		},
 		Groups: expectedGroups,
-		Upstream: UpstreamConfig{
-			IgnorePaths: DefaultUpstreamIgnorePaths(),
-		},
 		Routing: RoutingConfig{
 			Router: RouterConfig{
 				Use: "group",

internal/config/config_test.go

@@ -777,27 +777,22 @@ func TestConfig_APIKeys_Invalid(t *testing.T) {
 		{
 			name:        "blank spaces only",
 			content:     `apiKeys: ["   "]`,
-			expectedErr: "apiKeys[0]: api key cannot contain spaces",
+			expectedErr: "api key cannot contain spaces: `   `",
 		},
 		{
 			name:        "contains leading space",
 			content:     `apiKeys: [" key123"]`,
-			expectedErr: "apiKeys[0]: api key cannot contain spaces",
+			expectedErr: "api key cannot contain spaces: ` key123`",
 		},
 		{
 			name:        "contains trailing space",
 			content:     `apiKeys: ["key123 "]`,
-			expectedErr: "apiKeys[0]: api key cannot contain spaces",
+			expectedErr: "api key cannot contain spaces: `key123 `",
 		},
 		{
 			name:        "contains middle space",
 			content:     `apiKeys: ["key 123"]`,
-			expectedErr: "apiKeys[0]: api key cannot contain spaces",
-		},
-		{
-			name:        "space in second key reports correct index",
-			content:     `apiKeys: ["valid-key", "bad key"]`,
-			expectedErr: "apiKeys[1]: api key cannot contain spaces",
+			expectedErr: "api key cannot contain spaces: `key 123`",
 		},
 		{
 			name:        "empty in list with valid keys",

internal/config/config_windows_test.go

@@ -255,9 +255,6 @@ groups:
 			"mthree":    "model3",
 		},
 		Groups: expectedGroups,
-		Upstream: UpstreamConfig{
-			IgnorePaths: DefaultUpstreamIgnorePaths(),
-		},
 		Routing: RoutingConfig{
 			Router: RouterConfig{
 				Use: "group",

internal/config/load.go

@@ -1,436 +0,0 @@
-package config
-
-import (
-	"fmt"
-	"io"
-	"net/url"
-	"sort"
-	"strings"
-	"time"
-
-	"gopkg.in/yaml.v3"
-)
-
-func LoadConfigFromReader(r io.Reader) (Config, error) {
-	data, err := io.ReadAll(r)
-	if err != nil {
-		return Config{}, err
-	}
-	yamlStr := string(data)
-
-	// Phase 1: Substitute all ${env.VAR} macros at string level
-	// This is safe because env values are simple strings without YAML formatting
-	yamlStr, err = substituteEnvMacros(yamlStr)
-	if err != nil {
-		return Config{}, err
-	}
-
-	// Unmarshal into full Config with defaults
-	config := Config{
-		HealthCheckTimeout: 120,
-		StartPort:          5800,
-		LogLevel:           "info",
-		LogTimeFormat:      "",
-		LogToStdout:        LogToStdoutProxy,
-		MetricsMaxInMemory: 1000,
-		CaptureBuffer:      5,
-		GlobalTTL:          0,
-	}
-	if err = yaml.Unmarshal([]byte(yamlStr), &config); err != nil {
-		return Config{}, err
-	}
-
-	if config.HealthCheckTimeout < 15 {
-		config.HealthCheckTimeout = 15
-	}
-
-	// Apply defaults for performance config when section is missing
-	if config.Performance.Every == 0 {
-		config.Performance.Every = 5 * time.Second
-	}
-	if err = config.Performance.Validate(); err != nil {
-		return Config{}, fmt.Errorf("performance: %w", err)
-	}
-
-	if config.StartPort < 1 {
-		return Config{}, fmt.Errorf("startPort must be greater than 1")
-	}
-
-	if config.GlobalTTL < 0 {
-		return Config{}, fmt.Errorf("globalTTL must be >= 0")
-	}
-
-	// Apply default for upstream.ignorePaths when not specified. The default
-	// matches common static-asset suffixes so they do not trigger a swap.
-	if len(config.Upstream.IgnorePaths) == 0 {
-		config.Upstream.IgnorePaths = DefaultUpstreamIgnorePaths()
-	}
-
-	switch config.LogToStdout {
-	case LogToStdoutProxy, LogToStdoutUpstream, LogToStdoutBoth, LogToStdoutNone:
-	default:
-		return Config{}, fmt.Errorf("logToStdout must be one of: proxy, upstream, both, none")
-	}
-
-	// Populate the aliases map
-	config.aliases = make(map[string]string)
-	for modelName, modelConfig := range config.Models {
-		for _, alias := range modelConfig.Aliases {
-			if _, found := config.aliases[alias]; found {
-				return Config{}, fmt.Errorf("duplicate alias %s found in model: %s", alias, modelName)
-			}
-			config.aliases[alias] = modelName
-		}
-	}
-
-	// Validate global macros
-	for _, macro := range config.Macros {
-		if err = validateMacro(macro.Name, macro.Value); err != nil {
-			return Config{}, err
-		}
-	}
-
-	// Get and sort all model IDs for consistent port assignment
-	modelIds := make([]string, 0, len(config.Models))
-	for modelId := range config.Models {
-		modelIds = append(modelIds, modelId)
-	}
-	sort.Strings(modelIds)
-
-	nextPort := config.StartPort
-	for _, modelId := range modelIds {
-		modelConfig := config.Models[modelId]
-		modelConfig.HealthCheckTimeout = config.HealthCheckTimeout
-
-		// Strip comments from command fields
-		modelConfig.Cmd = StripComments(modelConfig.Cmd)
-		modelConfig.CmdStop = StripComments(modelConfig.CmdStop)
-
-		// set model TTL to globalTTL it is the default value
-		if modelConfig.UnloadAfter == MODEL_CONFIG_DEFAULT_TTL {
-			modelConfig.UnloadAfter = config.GlobalTTL
-		}
-
-		if modelConfig.UnloadAfter < 0 {
-			return Config{}, fmt.Errorf("model %s: invalid TTL value %d", modelId, modelConfig.UnloadAfter)
-		}
-
-		// Validate model macros
-		for _, macro := range modelConfig.Macros {
-			if err = validateMacro(macro.Name, macro.Value); err != nil {
-				return Config{}, fmt.Errorf("model %s: %s", modelId, err.Error())
-			}
-		}
-
-		// Build merged macro list: MODEL_ID + global macros + model macros (model overrides global)
-		mergedMacros := make(MacroList, 0, len(config.Macros)+len(modelConfig.Macros)+1)
-		mergedMacros = append(mergedMacros, MacroEntry{Name: "MODEL_ID", Value: modelId})
-		mergedMacros = append(mergedMacros, config.Macros...)
-
-		// Add model macros (override globals with same name)
-		for _, entry := range modelConfig.Macros {
-			found := false
-			for i, existing := range mergedMacros {
-				if existing.Name == entry.Name {
-					mergedMacros[i] = entry
-					found = true
-					break
-				}
-			}
-			if !found {
-				mergedMacros = append(mergedMacros, entry)
-			}
-		}
-
-		// Substitute remaining macros in model fields (LIFO order)
-		for i := len(mergedMacros) - 1; i >= 0; i-- {
-			entry := mergedMacros[i]
-			macroSlug := fmt.Sprintf("${%s}", entry.Name)
-			macroStr := fmt.Sprintf("%v", entry.Value)
-
-			modelConfig.Cmd = strings.ReplaceAll(modelConfig.Cmd, macroSlug, macroStr)
-			modelConfig.CmdStop = strings.ReplaceAll(modelConfig.CmdStop, macroSlug, macroStr)
-			modelConfig.Proxy = strings.ReplaceAll(modelConfig.Proxy, macroSlug, macroStr)
-			modelConfig.CheckEndpoint = strings.ReplaceAll(modelConfig.CheckEndpoint, macroSlug, macroStr)
-			modelConfig.Filters.StripParams = strings.ReplaceAll(modelConfig.Filters.StripParams, macroSlug, macroStr)
-			modelConfig.Name = strings.ReplaceAll(modelConfig.Name, macroSlug, macroStr)
-			modelConfig.Description = strings.ReplaceAll(modelConfig.Description, macroSlug, macroStr)
-
-			// Substitute macros in SetParamsByID keys and values
-			if len(modelConfig.Filters.SetParamsByID) > 0 {
-				newSetParamsByID := make(map[string]map[string]any, len(modelConfig.Filters.SetParamsByID))
-				for key, paramMap := range modelConfig.Filters.SetParamsByID {
-					newKey := strings.ReplaceAll(key, macroSlug, macroStr)
-					newValAny, err := substituteMacroInValue(any(paramMap), entry.Name, entry.Value)
-					if err != nil {
-						return Config{}, fmt.Errorf("model %s filters.setParamsByID: %s", modelId, err.Error())
-					}
-					newParamMap, ok := newValAny.(map[string]any)
-					if !ok {
-						return Config{}, fmt.Errorf("model %s filters.setParamsByID: unexpected type after macro substitution", modelId)
-					}
-					newSetParamsByID[newKey] = newParamMap
-				}
-				modelConfig.Filters.SetParamsByID = newSetParamsByID
-			}
-
-			// Substitute in metadata (type-preserving)
-			if len(modelConfig.Metadata) > 0 {
-				result, err := substituteMacroInValue(modelConfig.Metadata, entry.Name, entry.Value)
-				if err != nil {
-					return Config{}, fmt.Errorf("model %s metadata: %s", modelId, err.Error())
-				}
-				modelConfig.Metadata = result.(map[string]any)
-			}
-		}
-
-		// Handle PORT macro - only allocate if cmd uses it
-		cmdHasPort := strings.Contains(modelConfig.Cmd, "${PORT}")
-		proxyHasPort := strings.Contains(modelConfig.Proxy, "${PORT}")
-		if cmdHasPort || proxyHasPort {
-			if !cmdHasPort && proxyHasPort {
-				return Config{}, fmt.Errorf("model %s: proxy uses ${PORT} but cmd does not - ${PORT} is only available when used in cmd", modelId)
-			}
-
-			macroSlug := "${PORT}"
-			macroStr := fmt.Sprintf("%v", nextPort)
-
-			modelConfig.Cmd = strings.ReplaceAll(modelConfig.Cmd, macroSlug, macroStr)
-			modelConfig.CmdStop = strings.ReplaceAll(modelConfig.CmdStop, macroSlug, macroStr)
-			modelConfig.Proxy = strings.ReplaceAll(modelConfig.Proxy, macroSlug, macroStr)
-			modelConfig.Name = strings.ReplaceAll(modelConfig.Name, macroSlug, macroStr)
-			modelConfig.Description = strings.ReplaceAll(modelConfig.Description, macroSlug, macroStr)
-
-			if len(modelConfig.Metadata) > 0 {
-				result, err := substituteMacroInValue(modelConfig.Metadata, "PORT", nextPort)
-				if err != nil {
-					return Config{}, fmt.Errorf("model %s metadata: %s", modelId, err.Error())
-				}
-				modelConfig.Metadata = result.(map[string]any)
-			}
-
-			nextPort++
-		}
-
-		// Validate no unknown macros remain
-		fieldMap := map[string]string{
-			"cmd":                 modelConfig.Cmd,
-			"cmdStop":             modelConfig.CmdStop,
-			"proxy":               modelConfig.Proxy,
-			"checkEndpoint":       modelConfig.CheckEndpoint,
-			"filters.stripParams": modelConfig.Filters.StripParams,
-			"name":                modelConfig.Name,
-			"description":         modelConfig.Description,
-		}
-
-		for fieldName, fieldValue := range fieldMap {
-			matches := macroPatternRegex.FindAllStringSubmatch(fieldValue, -1)
-			for _, match := range matches {
-				macroName := match[1]
-				if macroName == "PID" && fieldName == "cmdStop" {
-					continue // replaced at runtime
-				}
-				if macroName == "PORT" || macroName == "MODEL_ID" {
-					return Config{}, fmt.Errorf("macro '${%s}' should have been substituted in %s.%s", macroName, modelId, fieldName)
-				}
-				return Config{}, fmt.Errorf("unknown macro '${%s}' found in %s.%s", macroName, modelId, fieldName)
-			}
-		}
-
-		if len(modelConfig.Metadata) > 0 {
-			if err := validateNestedForUnknownMacros(modelConfig.Metadata, fmt.Sprintf("model %s metadata", modelId)); err != nil {
-				return Config{}, err
-			}
-		}
-
-		if err = modelConfig.Capabilities.Validate(); err != nil {
-			return Config{}, fmt.Errorf("model %s: %w", modelId, err)
-		}
-
-		// Validate SetParamsByID keys and values
-		for key, paramMap := range modelConfig.Filters.SetParamsByID {
-			if matches := macroPatternRegex.FindAllStringSubmatch(key, -1); len(matches) > 0 {
-				return Config{}, fmt.Errorf("unknown macro '${%s}' found in model %s filters.setParamsByID key", matches[0][1], modelId)
-			}
-			if err := validateNestedForUnknownMacros(any(paramMap), fmt.Sprintf("model %s filters.setParamsByID[%s]", modelId, key)); err != nil {
-				return Config{}, err
-			}
-		}
-
-		// Auto-register setParamsByID keys as aliases (skip the model's own ID)
-		for key := range modelConfig.Filters.SetParamsByID {
-			if key == modelId {
-				continue
-			}
-			if _, exists := config.Models[key]; exists {
-				return Config{}, fmt.Errorf("model %s filters.setParamsByID: key '%s' conflicts with an existing model ID", modelId, key)
-			}
-			if existingModel, exists := config.aliases[key]; exists {
-				if existingModel != modelId {
-					return Config{}, fmt.Errorf("duplicate alias '%s' in model %s filters.setParamsByID, already used by model %s", key, modelId, existingModel)
-				}
-				continue // already registered as explicit alias for this model
-			}
-			config.aliases[key] = modelId
-			modelConfig.Aliases = append(modelConfig.Aliases, key)
-		}
-
-		if _, err := url.Parse(modelConfig.Proxy); err != nil {
-			return Config{}, fmt.Errorf("model %s: invalid proxy URL: %w", modelId, err)
-		}
-
-		if modelConfig.SendLoadingState == nil {
-			v := config.SendLoadingState
-			modelConfig.SendLoadingState = &v
-		}
-
-		config.Models[modelId] = modelConfig
-	}
-
-	// Normalize routing config. The legacy top-level `matrix`/`groups` keys and
-	// the new `routing.router` block are mutually exclusive: a config may use
-	// either style, never both.
-	hasTopLevel := config.Matrix != nil || len(config.Groups) > 0
-	rtr := config.Routing.Router
-	hasRouting := rtr.Use != "" || rtr.Settings.Matrix != nil || len(rtr.Settings.Groups) > 0
-
-	if hasTopLevel && hasRouting {
-		return Config{}, fmt.Errorf("config uses both the legacy top-level 'matrix'/'groups' keys and the new 'routing.router' block; please migrate the top-level keys into 'routing.router' and remove them")
-	}
-
-	if !hasTopLevel {
-		// Both groups and matrix may be defined under routing.router.settings;
-		// routing.router.use selects which one is active, so there is no conflict.
-		rs := config.Routing.Router.Settings
-		switch config.Routing.Router.Use {
-		case "matrix":
-			if rs.Matrix == nil {
-				return Config{}, fmt.Errorf("routing.router.use is 'matrix' but routing.router.settings.matrix is not set")
-			}
-			config.Matrix = rs.Matrix
-		case "group", "":
-			config.Groups = rs.Groups
-		default:
-			return Config{}, fmt.Errorf("routing.router.use: unknown router %q (valid: group, matrix)", config.Routing.Router.Use)
-		}
-	}
-
-	// groups XOR matrix
-	if config.Matrix != nil && len(config.Groups) > 0 {
-		return Config{}, fmt.Errorf("config cannot use both 'groups' and 'matrix'")
-	}
-
-	if config.Matrix != nil {
-		expandedSets, err := ValidateMatrix(*config.Matrix, config.Models)
-		if err != nil {
-			return Config{}, fmt.Errorf("matrix: %w", err)
-		}
-		config.Matrix.ExpandedSets = expandedSets
-	} else {
-		config = AddDefaultGroupToConfig(config)
-
-		// Validate group members
-		memberUsage := make(map[string]string)
-		for groupID, groupConfig := range config.Groups {
-			prevSet := make(map[string]bool)
-			for _, member := range groupConfig.Members {
-				if _, found := prevSet[member]; found {
-					return Config{}, fmt.Errorf("duplicate model member %s found in group: %s", member, groupID)
-				}
-				prevSet[member] = true
-
-				if existingGroup, exists := memberUsage[member]; exists {
-					return Config{}, fmt.Errorf("model member %s is used in multiple groups: %s and %s", member, existingGroup, groupID)
-				}
-				memberUsage[member] = groupID
-			}
-		}
-	}
-
-	// Build the canonical Config.Routing from the effective result. Both legacy
-	// and new-style configs converge here. The Matrix pointer is shared so
-	// ExpandedSets stays in one place.
-	if config.Matrix != nil {
-		config.Routing.Router.Use = "matrix"
-	} else {
-		config.Routing.Router.Use = "group"
-	}
-	config.Routing.Router.Settings.Matrix = config.Matrix
-	config.Routing.Router.Settings.Groups = config.Groups
-
-	if config.Routing.Scheduler.Use == "" {
-		config.Routing.Scheduler.Use = "fifo"
-	}
-	if config.Routing.Scheduler.Use != "fifo" {
-		return Config{}, fmt.Errorf("routing.scheduler.use: unknown scheduler %q (valid: fifo)", config.Routing.Scheduler.Use)
-	}
-	for modelID := range config.Routing.Scheduler.Settings.Fifo.Priority {
-		if _, found := config.RealModelName(modelID); !found {
-			return Config{}, fmt.Errorf("routing.scheduler.settings.fifo.priority references unknown model %q", modelID)
-		}
-	}
-
-	// Clean up hooks preload
-	if len(config.Hooks.OnStartup.Preload) > 0 {
-		var toPreload []string
-		for _, modelID := range config.Hooks.OnStartup.Preload {
-			modelID = strings.TrimSpace(modelID)
-			if modelID == "" {
-				continue
-			}
-			if real, found := config.RealModelName(modelID); found {
-				toPreload = append(toPreload, real)
-			}
-		}
-		config.Hooks.OnStartup.Preload = toPreload
-	}
-
-	// Validate API keys (env macros already substituted at string level)
-	for i, apikey := range config.RequiredAPIKeys {
-		if apikey == "" {
-			return Config{}, fmt.Errorf("empty api key found in apiKeys")
-		}
-		if strings.Contains(apikey, " ") {
-			return Config{}, fmt.Errorf("apiKeys[%d]: api key cannot contain spaces", i)
-		}
-		config.RequiredAPIKeys[i] = apikey
-	}
-
-	// Process peers with global macro substitution
-	for peerName, peerConfig := range config.Peers {
-		// Substitute global macros (LIFO order)
-		for i := len(config.Macros) - 1; i >= 0; i-- {
-			entry := config.Macros[i]
-			macroSlug := fmt.Sprintf("${%s}", entry.Name)
-			macroStr := fmt.Sprintf("%v", entry.Value)
-
-			peerConfig.ApiKey = strings.ReplaceAll(peerConfig.ApiKey, macroSlug, macroStr)
-			peerConfig.Filters.StripParams = strings.ReplaceAll(peerConfig.Filters.StripParams, macroSlug, macroStr)
-
-			// Substitute in setParams (type-preserving)
-			if len(peerConfig.Filters.SetParams) > 0 {
-				result, err := substituteMacroInValue(peerConfig.Filters.SetParams, entry.Name, entry.Value)
-				if err != nil {
-					return Config{}, fmt.Errorf("peers.%s.filters.setParams: %w", peerName, err)
-				}
-				peerConfig.Filters.SetParams = result.(map[string]any)
-			}
-		}
-
-		// Validate no unknown macros remain
-		if matches := macroPatternRegex.FindAllStringSubmatch(peerConfig.ApiKey, -1); len(matches) > 0 {
-			return Config{}, fmt.Errorf("peers.%s.apiKey: unknown macro '${%s}'", peerName, matches[0][1])
-		}
-		if matches := macroPatternRegex.FindAllStringSubmatch(peerConfig.Filters.StripParams, -1); len(matches) > 0 {
-			return Config{}, fmt.Errorf("peers.%s.filters.stripParams: unknown macro '${%s}'", peerName, matches[0][1])
-		}
-		if len(peerConfig.Filters.SetParams) > 0 {
-			if err := validateNestedForUnknownMacros(peerConfig.Filters.SetParams, fmt.Sprintf("peers.%s.filters.setParams", peerName)); err != nil {
-				return Config{}, err
-			}
-		}
-		config.Peers[peerName] = peerConfig
-	}
-
-	return config, nil
-}

internal/config/macros.go

@@ -1,198 +0,0 @@
-package config
-
-import (
-	"fmt"
-	"os"
-	"regexp"
-	"strings"
-
-	"gopkg.in/yaml.v3"
-)
-
-var (
-	macroNameRegex    = regexp.MustCompile(`^[a-zA-Z0-9_-]+$`)
-	macroPatternRegex = regexp.MustCompile(`\$\{([a-zA-Z0-9_-]+)\}`)
-	envMacroRegex     = regexp.MustCompile(`\$\{env\.([a-zA-Z_][a-zA-Z0-9_]*)\}`)
-)
-
-// validateMacro validates macro name and value constraints
-func validateMacro(name string, value any) error {
-	if len(name) >= 64 {
-		return fmt.Errorf("macro name '%s' exceeds maximum length of 63 characters", name)
-	}
-	if !macroNameRegex.MatchString(name) {
-		return fmt.Errorf("macro name '%s' contains invalid characters, must match pattern ^[a-zA-Z0-9_-]+$", name)
-	}
-
-	// Validate that value is a scalar type
-	switch v := value.(type) {
-	case string:
-		// Check for self-reference
-		macroSlug := fmt.Sprintf("${%s}", name)
-		if strings.Contains(v, macroSlug) {
-			return fmt.Errorf("macro '%s' contains self-reference", name)
-		}
-	case int, int8, int16, int32, int64, uint, uint8, uint16, uint32, uint64, float32, float64, bool:
-		// These types are allowed
-	default:
-		return fmt.Errorf("macro '%s' has invalid type %T, must be a scalar type (string, int, float, or bool)", name, value)
-	}
-
-	switch name {
-	case "PORT", "MODEL_ID":
-		return fmt.Errorf("macro name '%s' is reserved", name)
-	}
-
-	return nil
-}
-
-// validateNestedForUnknownMacros recursively checks for any remaining macro references in nested structures
-func validateNestedForUnknownMacros(value any, context string) error {
-	switch v := value.(type) {
-	case string:
-		matches := macroPatternRegex.FindAllStringSubmatch(v, -1)
-		for _, match := range matches {
-			macroName := match[1]
-			return fmt.Errorf("%s: unknown macro '${%s}'", context, macroName)
-		}
-		// Check for unsubstituted env macros
-		envMatches := envMacroRegex.FindAllStringSubmatch(v, -1)
-		for _, match := range envMatches {
-			varName := match[1]
-			return fmt.Errorf("%s: environment variable '%s' not set", context, varName)
-		}
-		return nil
-
-	case map[string]any:
-		for _, val := range v {
-			if err := validateNestedForUnknownMacros(val, context); err != nil {
-				return err
-			}
-		}
-		return nil
-
-	case []any:
-		for _, val := range v {
-			if err := validateNestedForUnknownMacros(val, context); err != nil {
-				return err
-			}
-		}
-		return nil
-
-	default:
-		// Scalar types don't contain macros
-		return nil
-	}
-}
-
-// substituteMacroInValue recursively substitutes a single macro in a value structure
-// This is called once per macro, allowing LIFO substitution order
-func substituteMacroInValue(value any, macroName string, macroValue any) (any, error) {
-	macroSlug := fmt.Sprintf("${%s}", macroName)
-	macroStr := fmt.Sprintf("%v", macroValue)
-
-	switch v := value.(type) {
-	case string:
-		// Check if this is a direct macro substitution
-		if v == macroSlug {
-			return macroValue, nil
-		}
-		// Handle string interpolation
-		if strings.Contains(v, macroSlug) {
-			return strings.ReplaceAll(v, macroSlug, macroStr), nil
-		}
-		return v, nil
-
-	case map[string]any:
-		// Recursively process map values
-		newMap := make(map[string]any)
-		for key, val := range v {
-			newVal, err := substituteMacroInValue(val, macroName, macroValue)
-			if err != nil {
-				return nil, err
-			}
-			newMap[key] = newVal
-		}
-		return newMap, nil
-
-	case []any:
-		// Recursively process slice elements
-		newSlice := make([]any, len(v))
-		for i, val := range v {
-			newVal, err := substituteMacroInValue(val, macroName, macroValue)
-			if err != nil {
-				return nil, err
-			}
-			newSlice[i] = newVal
-		}
-		return newSlice, nil
-
-	default:
-		// Return scalar types as-is
-		return value, nil
-	}
-}
-
-// substituteEnvMacros replaces ${env.VAR_NAME} with environment variable values.
-// Returns error if any referenced env var is not set or contains invalid characters.
-// Env macros inside YAML comments are ignored by unmarshalling the YAML first
-// (which strips comments) and only checking the comment-free version for macros.
-func substituteEnvMacros(s string) (string, error) {
-	// Unmarshal and remarshal to strip YAML comments
-	var raw any
-	if err := yaml.Unmarshal([]byte(s), &raw); err != nil {
-		// If YAML is invalid, fall back to scanning the original string
-		// so the user gets the env var error rather than a confusing YAML parse error
-		return substituteEnvMacrosInString(s, s)
-	}
-	clean, err := yaml.Marshal(raw)
-	if err != nil {
-		return substituteEnvMacrosInString(s, s)
-	}
-
-	return substituteEnvMacrosInString(s, string(clean))
-}
-
-// substituteEnvMacrosInString finds ${env.VAR} macros in scanStr and substitutes
-// them in target. This separation allows scanning comment-free YAML while
-// substituting in the original string.
-func substituteEnvMacrosInString(target, scanStr string) (string, error) {
-	result := target
-	matches := envMacroRegex.FindAllStringSubmatch(scanStr, -1)
-	for _, match := range matches {
-		fullMatch := match[0] // ${env.VAR_NAME}
-		varName := match[1]   // VAR_NAME
-
-		value, exists := os.LookupEnv(varName)
-		if !exists {
-			return "", fmt.Errorf("environment variable '%s' is not set", varName)
-		}
-
-		// Sanitize the value for safe YAML substitution
-		value, err := sanitizeEnvValueForYAML(value, varName)
-		if err != nil {
-			return "", err
-		}
-
-		result = strings.ReplaceAll(result, fullMatch, value)
-	}
-	return result, nil
-}
-
-// sanitizeEnvValueForYAML ensures an environment variable value is safe for YAML substitution.
-// It rejects values with characters that break YAML structure and escapes quotes/backslashes
-// for compatibility with double-quoted YAML strings.
-func sanitizeEnvValueForYAML(value, varName string) (string, error) {
-	// Reject values that would break YAML structure regardless of quoting context
-	if strings.ContainsAny(value, "\n\r\x00") {
-		return "", fmt.Errorf("environment variable '%s' contains newlines or null bytes which are not allowed in YAML substitution", varName)
-	}
-
-	// Escape backslashes and double quotes for safe use in double-quoted YAML strings.
-	// In unquoted contexts, these escapes appear literally (harmless for most use cases).
-	// In double-quoted contexts, they are interpreted correctly.
-	value = strings.ReplaceAll(value, `\`, `\\`)
-	value = strings.ReplaceAll(value, `"`, `\"`)
-
-	return value, nil
-}

internal/config/merge.go

@@ -1,300 +0,0 @@
-package config
-
-import (
-	"fmt"
-	"os"
-	"path/filepath"
-	"sort"
-	"strings"
-
-	"gopkg.in/yaml.v3"
-)
-
-// identityMapPaths is the set of dotted paths whose direct children are
-// identity-keyed maps. A child key present in two sources is a hard error;
-// such keys name discrete entities (a model, a group, a peer, etc.) and a
-// duplicate means the user has split one entity across files by mistake.
-var identityMapPaths = map[string]bool{
-	"models":                         true,
-	"groups":                         true,
-	"profiles":                       true,
-	"peers":                          true,
-	"matrix":                         true,
-	"routing.router.settings.groups": true,
-	"routing.router.settings.matrix": true,
-}
-
-// LoadConfigSources loads and merges configuration from -config (optional)
-// and -config-dir (optional). At least one must be provided. The -config file
-// is loaded first; *.yml/*.yaml files directly under -config-dir are then
-// merged in sorted filename order. The merged document is passed through the
-// existing LoadConfigFromReader pipeline unchanged.
-func LoadConfigSources(configPath, configDir string) (Config, error) {
-	if configPath == "" && configDir == "" {
-		return Config{}, fmt.Errorf("at least one of -config or -config-dir must be provided")
-	}
-
-	var sourcePaths []string
-
-	if configPath != "" {
-		sourcePaths = append(sourcePaths, configPath)
-	}
-
-	if configDir != "" {
-		dirFiles, err := listYAMLFiles(configDir)
-		if err != nil {
-			return Config{}, fmt.Errorf("-config-dir %s: %w", configDir, err)
-		}
-
-		if configPath != "" {
-			absConfig, err := filepath.Abs(configPath)
-			if err != nil {
-				return Config{}, fmt.Errorf("failed to resolve -config path: %w", err)
-			}
-			for _, f := range dirFiles {
-				absF, err := filepath.Abs(f)
-				if err != nil {
-					return Config{}, fmt.Errorf("failed to resolve config dir file %s: %w", f, err)
-				}
-				if absConfig == absF {
-					return Config{}, fmt.Errorf("-config path %s is also present in -config-dir %s; remove it from one", configPath, configDir)
-				}
-			}
-		}
-
-		sourcePaths = append(sourcePaths, dirFiles...)
-	}
-
-	if len(sourcePaths) == 0 {
-		return Config{}, fmt.Errorf("no configuration sources found")
-	}
-
-	var merged *yaml.Node
-	for _, p := range sourcePaths {
-		node, err := parseSource(p)
-		if err != nil {
-			return Config{}, err
-		}
-		if node == nil {
-			continue // empty file
-		}
-		if merged == nil {
-			merged = node
-			continue
-		}
-		if err := mergeNodes(merged, node, "", p); err != nil {
-			return Config{}, err
-		}
-	}
-
-	if merged == nil {
-		// All sources were empty; run the pipeline on empty input so defaults
-		// and validation still apply (e.g. startPort, performance defaults).
-		return LoadConfigFromReader(strings.NewReader(""))
-	}
-
-	out, err := yaml.Marshal(merged)
-	if err != nil {
-		return Config{}, fmt.Errorf("failed to marshal merged config: %w", err)
-	}
-	return LoadConfigFromReader(strings.NewReader(string(out)))
-}
-
-// listYAMLFiles returns the top-level *.yml and *.yaml files in dir, sorted by
-// filename for deterministic merge order. Subdirectories are not traversed.
-func listYAMLFiles(dir string) ([]string, error) {
-	entries, err := os.ReadDir(dir)
-	if err != nil {
-		return nil, err
-	}
-	var files []string
-	for _, e := range entries {
-		if e.IsDir() {
-			continue
-		}
-		name := e.Name()
-		if !strings.HasSuffix(name, ".yml") && !strings.HasSuffix(name, ".yaml") {
-			continue
-		}
-		files = append(files, filepath.Join(dir, name))
-	}
-	sort.Strings(files)
-	return files, nil
-}
-
-// parseSource reads and parses one YAML config file into a root mapping node.
-// Returns a nil node (no error) when the file is empty or contains only
-// comments.
-//
-// Env macros (${env.VAR}) are substituted at the string level before YAML
-// parsing so that flow-style constructs like [${env.API_KEY}] parse
-// correctly — the brace would otherwise be interpreted as a flow mapping.
-func parseSource(path string) (*yaml.Node, error) {
-	data, err := os.ReadFile(path)
-	if err != nil {
-		return nil, fmt.Errorf("failed to read config %s: %w", path, err)
-	}
-	yamlStr, err := substituteEnvMacros(string(data))
-	if err != nil {
-		return nil, fmt.Errorf("config %s: %w", path, err)
-	}
-	var doc yaml.Node
-	if err := yaml.Unmarshal([]byte(yamlStr), &doc); err != nil {
-		return nil, fmt.Errorf("failed to parse config %s: %w", path, err)
-	}
-	// yaml.Unmarshal into a yaml.Node yields a DocumentNode whose Content[0]
-	// is the actual root. Unwrap it so callers see the real top-level node.
-	root := &doc
-	if root.Kind == yaml.DocumentNode && len(root.Content) > 0 {
-		root = root.Content[0]
-	}
-	if root.Kind == 0 || root.Content == nil {
-		return nil, nil
-	}
-	if root.Kind != yaml.MappingNode {
-		return nil, fmt.Errorf("config %s: top-level YAML must be a mapping", path)
-	}
-	return root, nil
-}
-
-// mergeNodes merges src into dst (both MappingNodes) in place. Keys present in
-// only one side are kept; shared keys are merged recursively under the rules
-// in mergeValue. srcPath is included in error messages to identify the file
-// that introduced the conflict.
-func mergeNodes(dst, src *yaml.Node, path, srcPath string) error {
-	srcIdx := indexMapping(src)
-
-	// First pass: merge shared keys in place.
-	for i := 0; i+1 < len(dst.Content); i += 2 {
-		keyNode := dst.Content[i]
-		dstVal := dst.Content[i+1]
-		key := keyNode.Value
-
-		srcVal, ok := srcIdx[key]
-		if !ok {
-			continue // dst-only key, keep as-is
-		}
-
-		childPath := joinPath(path, key)
-
-		if identityMapPaths[childPath] {
-			// Identity-keyed map: each child key names a discrete entity
-			// (a model, group, peer, ...). A shared child key is a hard
-			// error; src-only children are appended in the second pass.
-			if err := mergeIdentityMap(dstVal, srcVal, childPath, key, srcPath); err != nil {
-				return err
-			}
-			continue
-		}
-
-		if err := mergeValue(dstVal, srcVal, childPath, srcPath); err != nil {
-			return err
-		}
-	}
-
-	// Second pass: append src-only keys.
-	dstIdx := indexMapping(dst)
-	for i := 0; i+1 < len(src.Content); i += 2 {
-		keyNode := src.Content[i]
-		srcVal := src.Content[i+1]
-		key := keyNode.Value
-
-		if _, ok := dstIdx[key]; ok {
-			continue // already merged above
-		}
-		keyCopy := *keyNode
-		valCopy := *srcVal
-		dst.Content = append(dst.Content, &keyCopy, &valCopy)
-	}
-
-	return nil
-}
-
-// mergeIdentityMap merges two identity-keyed mapping nodes (e.g. `models`,
-// `groups`, `peers`). Any child key present in both sides is a duplicate
-// entity and produces an error naming the conflicting key and source file.
-// src-only keys are appended to dst.
-func mergeIdentityMap(dst, src *yaml.Node, path, mapName, srcPath string) error {
-	if dst.Kind != yaml.MappingNode || src.Kind != yaml.MappingNode {
-		return fmt.Errorf("conflict at %q: expected a mapping, introduced by %s", path, srcPath)
-	}
-	dstIdx := indexMapping(dst)
-	for i := 0; i+1 < len(src.Content); i += 2 {
-		keyNode := src.Content[i]
-		srcVal := src.Content[i+1]
-		key := keyNode.Value
-		if _, dup := dstIdx[key]; dup {
-			return fmt.Errorf("duplicate %s %q found in %s (already defined in another config source)", mapName, key, srcPath)
-		}
-		keyCopy := *keyNode
-		valCopy := *srcVal
-		dst.Content = append(dst.Content, &keyCopy, &valCopy)
-	}
-	return nil
-}
-
-// mergeValue merges srcVal into dstVal (both pointing into the parent's
-// Content slice). Mapping+Mapping recurses; Sequence+Sequence concatenates;
-// Scalar+Scalar errors on value mismatch; null on either side yields to the
-// non-null side.
-func mergeValue(dstVal, srcVal *yaml.Node, path, srcPath string) error {
-	switch {
-	case dstVal.Kind == yaml.MappingNode && srcVal.Kind == yaml.MappingNode:
-		return mergeNodes(dstVal, srcVal, path, srcPath)
-
-	case dstVal.Kind == yaml.SequenceNode && srcVal.Kind == yaml.SequenceNode:
-		dstVal.Content = append(dstVal.Content, srcVal.Content...)
-		return nil
-
-	case dstVal.Kind == yaml.ScalarNode && srcVal.Kind == yaml.ScalarNode:
-		if isNullScalar(dstVal) {
-			*dstVal = *srcVal
-			return nil
-		}
-		if isNullScalar(srcVal) {
-			return nil
-		}
-		if dstVal.Value == srcVal.Value && dstVal.Tag == srcVal.Tag {
-			return nil
-		}
-		return fmt.Errorf("conflict at %q: %s sets a different value than a previous source", path, srcPath)
-
-	case isNull(dstVal):
-		*dstVal = *srcVal
-		return nil
-
-	case isNull(srcVal):
-		return nil
-
-	default:
-		return fmt.Errorf("conflict at %q: incompatible YAML node kinds (kind %d vs %d) introduced by %s", path, dstVal.Kind, srcVal.Kind, srcPath)
-	}
-}
-
-// isNull reports whether n represents a YAML null (empty or !!null).
-func isNull(n *yaml.Node) bool {
-	if n == nil || n.Kind == 0 {
-		return true
-	}
-	return isNullScalar(n)
-}
-
-func isNullScalar(n *yaml.Node) bool {
-	return n.Kind == yaml.ScalarNode && (n.Tag == "!!null" || n.Tag == "") && n.Value == ""
-}
-
-// indexMapping builds a key -> value-node index for a mapping node.
-func indexMapping(n *yaml.Node) map[string]*yaml.Node {
-	idx := make(map[string]*yaml.Node, len(n.Content)/2)
-	for i := 0; i+1 < len(n.Content); i += 2 {
-		idx[n.Content[i].Value] = n.Content[i+1]
-	}
-	return idx
-}
-
-func joinPath(parent, key string) string {
-	if parent == "" {
-		return key
-	}
-	return parent + "." + key
-}

internal/config/merge_test.go

@@ -1,304 +0,0 @@
-package config
-
-import (
-	"os"
-	"path/filepath"
-	"testing"
-
-	"github.com/stretchr/testify/assert"
-	"github.com/stretchr/testify/require"
-)
-
-// writeYAML writes content to a file named name inside dir. Returns the full
-// path of the written file.
-func writeYAML(t *testing.T, dir, name, content string) string {
-	t.Helper()
-	p := filepath.Join(dir, name)
-	require.NoError(t, os.MkdirAll(filepath.Dir(p), 0o755))
-	require.NoError(t, os.WriteFile(p, []byte(content), 0o644))
-	return p
-}
-
-// modelCfg builds a single-model YAML snippet indented for nesting under a
-// `models:` key. The proxy uses a fixed port so tests don't depend on
-// ${PORT} allocation.
-func modelCfg(id, cmd string) string {
-	return "  " + id + ":\n    cmd: " + cmd + "\n    proxy: \"http://localhost:9999\"\n"
-}
-
-func TestLoadConfigSources_NeitherProvided(t *testing.T) {
-	_, err := LoadConfigSources("", "")
-	require.Error(t, err)
-	assert.Contains(t, err.Error(), "at least one of -config or -config-dir")
-}
-
-func TestLoadConfigSources_ConfigOnly(t *testing.T) {
-	dir := t.TempDir()
-	cfgPath := writeYAML(t, dir, "config.yaml", `
-models:
-`+modelCfg("model1", "echo hi")+`
-groups:
-  group1:
-    members: ["model1"]
-`)
-	cfg, err := LoadConfigSources(cfgPath, "")
-	require.NoError(t, err)
-	_, id, ok := cfg.FindConfig("model1")
-	require.True(t, ok)
-	assert.Equal(t, "model1", id)
-}
-
-func TestLoadConfigSources_DirOnly(t *testing.T) {
-	dir := t.TempDir()
-	writeYAML(t, dir, "a.yaml", "models:\n"+modelCfg("alpha", "echo a"))
-	writeYAML(t, dir, "b.yaml", "models:\n"+modelCfg("beta", "echo b"))
-
-	cfg, err := LoadConfigSources("", dir)
-	require.NoError(t, err)
-	for _, want := range []string{"alpha", "beta"} {
-		_, _, ok := cfg.FindConfig(want)
-		assert.True(t, ok, "model %s should be present", want)
-	}
-}
-
-func TestLoadConfigSources_ConfigPlusDirAdditive(t *testing.T) {
-	// -config lives outside -config-dir; both contribute models additively.
-	dir := t.TempDir()
-	cfgPath := writeYAML(t, dir, "config.yaml", "models:\n"+modelCfg("base", "echo base"))
-	cfgDir := t.TempDir()
-	writeYAML(t, cfgDir, "extra.yaml", "models:\n"+modelCfg("ext", "echo ext"))
-
-	cfg, err := LoadConfigSources(cfgPath, cfgDir)
-	require.NoError(t, err)
-	for _, want := range []string{"base", "ext"} {
-		_, _, ok := cfg.FindConfig(want)
-		assert.True(t, ok, "model %s should be present after merge", want)
-	}
-}
-
-// TestLoadConfigSources_ConfigInDirOverlap verifies that a -config file that
-// is also a member of -config-dir is rejected.
-func TestLoadConfigSources_ConfigInDirOverlap(t *testing.T) {
-	dir := t.TempDir()
-	cfgPath := writeYAML(t, dir, "main.yaml", "models:\n"+modelCfg("base", "echo base"))
-
-	_, err := LoadConfigSources(cfgPath, dir)
-	require.Error(t, err)
-	assert.Contains(t, err.Error(), "is also present in -config-dir")
-}
-
-func TestLoadConfigSources_DuplicateModelID(t *testing.T) {
-	dir := t.TempDir()
-	writeYAML(t, dir, "a.yaml", "models:\n"+modelCfg("dup", "echo a"))
-	writeYAML(t, dir, "b.yaml", "models:\n"+modelCfg("dup", "echo b"))
-
-	_, err := LoadConfigSources("", dir)
-	require.Error(t, err)
-	assert.Contains(t, err.Error(), `duplicate models "dup"`)
-}
-
-func TestLoadConfigSources_DuplicateGroupID(t *testing.T) {
-	dir := t.TempDir()
-	writeYAML(t, dir, "a.yaml", `
-models:
-`+modelCfg("m1", "echo m1")+"groups:\n  g1:\n    members: [m1]\n")
-	writeYAML(t, dir, "b.yaml", `
-models:
-`+modelCfg("m2", "echo m2")+"groups:\n  g1:\n    members: [m2]\n")
-
-	_, err := LoadConfigSources("", dir)
-	require.Error(t, err)
-	assert.Contains(t, err.Error(), `duplicate groups "g1"`)
-}
-
-func TestLoadConfigSources_DuplicatePeer(t *testing.T) {
-	dir := t.TempDir()
-	peerA := "peers:\n  remote:\n    proxy: http://x:1\n    models: [m1]\n"
-	peerB := "peers:\n  remote:\n    proxy: http://x:2\n    models: [m2]\n"
-	writeYAML(t, dir, "a.yaml", "models:\n"+modelCfg("m1", "echo m1")+"\n"+peerA)
-	writeYAML(t, dir, "b.yaml", "models:\n"+modelCfg("m2", "echo m2")+"\n"+peerB)
-
-	_, err := LoadConfigSources("", dir)
-	require.Error(t, err)
-	assert.Contains(t, err.Error(), `duplicate peers "remote"`)
-}
-
-func TestLoadConfigSources_ScalarConflict(t *testing.T) {
-	dir := t.TempDir()
-	writeYAML(t, dir, "a.yaml", "models:\n"+modelCfg("m1", "echo m1")+"\nglobalTTL: 100\n")
-	writeYAML(t, dir, "b.yaml", "models:\n"+modelCfg("m2", "echo m2")+"\nglobalTTL: 200\n")
-
-	_, err := LoadConfigSources("", dir)
-	require.Error(t, err)
-	assert.Contains(t, err.Error(), `conflict at "globalTTL"`)
-}
-
-func TestLoadConfigSources_ScalarSameValueNoConflict(t *testing.T) {
-	dir := t.TempDir()
-	writeYAML(t, dir, "a.yaml", "models:\n"+modelCfg("m1", "echo m1")+"\nglobalTTL: 100\n")
-	writeYAML(t, dir, "b.yaml", "models:\n"+modelCfg("m2", "echo m2")+"\nglobalTTL: 100\n")
-
-	cfg, err := LoadConfigSources("", dir)
-	require.NoError(t, err)
-	assert.Equal(t, 100, cfg.GlobalTTL)
-}
-
-func TestLoadConfigSources_MacrosConcatenate(t *testing.T) {
-	dir := t.TempDir()
-	writeYAML(t, dir, "a.yaml", "macros:\n  LOW: 1\nmodels:\n"+modelCfg("m1", "echo ${LOW}"))
-	writeYAML(t, dir, "b.yaml", "macros:\n  HIGH: 2\nmodels:\n"+modelCfg("m2", "echo ${HIGH}"))
-
-	cfg, err := LoadConfigSources("", dir)
-	require.NoError(t, err)
-	// Both macros are available globally after merge.
-	low, ok := cfg.Macros.Get("LOW")
-	require.True(t, ok)
-	assert.Equal(t, 1, low)
-	high, ok := cfg.Macros.Get("HIGH")
-	require.True(t, ok)
-	assert.Equal(t, 2, high)
-}
-
-func TestLoadConfigSources_APIKeysConcatenate(t *testing.T) {
-	dir := t.TempDir()
-	writeYAML(t, dir, "a.yaml", "models:\n"+modelCfg("m1", "echo m1")+"\napiKeys: [key-a]\n")
-	writeYAML(t, dir, "b.yaml", "models:\n"+modelCfg("m2", "echo m2")+"\napiKeys: [key-b]\n")
-
-	cfg, err := LoadConfigSources("", dir)
-	require.NoError(t, err)
-	assert.ElementsMatch(t, []string{"key-a", "key-b"}, cfg.RequiredAPIKeys)
-}
-
-func TestLoadConfigSources_RoutingGroupsMerge(t *testing.T) {
-	dir := t.TempDir()
-	writeYAML(t, dir, "a.yaml", `
-models:
-`+modelCfg("m1", "echo m1")+`
-routing:
-  router:
-    settings:
-      groups:
-        groupA:
-          members: [m1]
-`)
-	writeYAML(t, dir, "b.yaml", `
-models:
-`+modelCfg("m2", "echo m2")+`
-routing:
-  router:
-    settings:
-      groups:
-        groupB:
-          members: [m2]
-`)
-
-	cfg, err := LoadConfigSources("", dir)
-	require.NoError(t, err)
-	groups := cfg.Routing.Router.Settings.Groups
-	assert.Contains(t, groups, "groupA")
-	assert.Contains(t, groups, "groupB")
-	// default group added by pipeline for orphaned/leftover routing groups...
-	// here both groups reference distinct models
-}
-
-func TestLoadConfigSources_EnvMacrosSubstituted(t *testing.T) {
-	dir := t.TempDir()
-	// Use ${PORT} in cmd so the pipeline allocates a port and substitutes it;
-	// verifies env/macro substitution runs on the merged document.
-	writeYAML(t, dir, "a.yaml", "models:\n  m1:\n    cmd: serve --port ${PORT}\n    proxy: \"http://localhost:${PORT}\"\n")
-	cfg, err := LoadConfigSources("", dir)
-	require.NoError(t, err)
-	m := cfg.Models["m1"]
-	assert.NotContains(t, m.Cmd, "${PORT}", "PORT macro should have been substituted")
-	assert.NotContains(t, m.Proxy, "${PORT}", "PORT macro should have been substituted in proxy")
-}
-
-func TestLoadConfigSources_EnvMacroInFlowStyleList(t *testing.T) {
-	// Regression: flow-style lists with ${env.*} must parse. Previously
-	// parseSource unmarshalled before env substitution, so the brace in
-	// [${env.API_KEY}] was misread as a flow mapping and parsing failed.
-	dir := t.TempDir()
-	writeYAML(t, dir, "a.yaml", "models:\n  m1:\n    cmd: echo hi\n    proxy: \"http://localhost:9999\"\n")
-	writeYAML(t, dir, "keys.yaml", "apiKeys: [${env.TEST_API_KEY}]\nmodels:\n  m2:\n    cmd: echo hi\n    proxy: \"http://localhost:9998\"\n")
-
-	t.Setenv("TEST_API_KEY", "secret123")
-	cfg, err := LoadConfigSources("", dir)
-	require.NoError(t, err)
-	assert.Contains(t, cfg.RequiredAPIKeys, "secret123")
-}
-
-func TestLoadConfigSources_SortedOrderDeterministic(t *testing.T) {
-	// Two files defining distinct models, scanned in z..a order by filename.
-	// Determine merged result is the same regardless of how the FS returns them.
-	dir := t.TempDir()
-	writeYAML(t, dir, "z.yaml", "models:\n"+modelCfg("zmodel", "echo z"))
-	writeYAML(t, dir, "a.yaml", "models:\n"+modelCfg("amodel", "echo a"))
-
-	const runs = 3
-	for i := 0; i < runs; i++ {
-		cfg, err := LoadConfigSources("", dir)
-		require.NoError(t, err)
-		// startPort-based allocation: first allocated model gets 5800.
-		// Sorted order means amodel gets 5800, zmodel gets 5801.
-		_, _, ok := cfg.FindConfig("amodel")
-		assert.True(t, ok)
-		_, _, ok = cfg.FindConfig("zmodel")
-		assert.True(t, ok)
-	}
-}
-
-func TestLoadConfigSources_EmptyDirWithConfig(t *testing.T) {
-	dir := t.TempDir()
-	cfgDir := t.TempDir()
-	cfgPath := writeYAML(t, dir, "main.yaml", "models:\n"+modelCfg("m1", "echo m1"))
-
-	cfg, err := LoadConfigSources(cfgPath, cfgDir)
-	require.NoError(t, err)
-	assert.Contains(t, cfg.Models, "m1")
-}
-
-func TestLoadConfigSources_EmptyDirOnly(t *testing.T) {
-	// An empty -config-dir with no -config is an error: there is nothing to
-	// load and silently producing an empty config would mask the misconfig.
-	cfgDir := t.TempDir()
-	_, err := LoadConfigSources("", cfgDir)
-	require.Error(t, err)
-	assert.Contains(t, err.Error(), "no configuration sources found")
-}
-
-func TestLoadConfigSources_AssertNoUnknownMacrosAfterMerge(t *testing.T) {
-	// Macros defined in one file should not satisfy unknown-macro validation in
-	// another — they do, because merge concats global macros before validation
-	// runs. This test documents that a macro from file A is usable in file B.
-	dir := t.TempDir()
-	writeYAML(t, dir, "macros.yaml", "macros:\n  SHARED: hello\nmodels:\n"+modelCfg("dummy", "echo dummy"))
-	writeYAML(t, dir, "use.yaml", "models:\n"+modelCfg("user", "echo ${SHARED}"))
-
-	cfg, err := LoadConfigSources("", dir)
-	require.NoError(t, err)
-	m := cfg.Models["user"]
-	assert.Contains(t, m.Cmd, "hello")
-	assert.NotContains(t, m.Cmd, "${SHARED}")
-}
-
-func TestLoadConfigSources_KindMismatchErrors(t *testing.T) {
-	dir := t.TempDir()
-	writeYAML(t, dir, "a.yaml", "startPort: 5800\nmodels:\n"+modelCfg("m1", "echo m1"))
-	writeYAML(t, dir, "b.yaml", "startPort: [5800, 5801]\nmodels:\n"+modelCfg("m2", "echo m2"))
-
-	_, err := LoadConfigSources("", dir)
-	require.Error(t, err)
-	assert.Contains(t, err.Error(), "incompatible YAML node kinds")
-}
-
-func TestLoadConfigSources_NullYieldsToValue(t *testing.T) {
-	// File A: routing.router block absent (null on root for routing);
-	// file B: defines routing.router.settings.groups. Merge should keep B's.
-	dir := t.TempDir()
-	writeYAML(t, dir, "a.yaml", "models:\n"+modelCfg("m1", "echo m1"))
-	writeYAML(t, dir, "b.yaml", "routing:\n  router:\n    settings:\n      groups:\n        g1:\n          members: [m1]\nmodels:\n"+modelCfg("m2", "echo m2"))
-
-	cfg, err := LoadConfigSources("", dir)
-	require.NoError(t, err)
-	assert.Contains(t, cfg.Routing.Router.Settings.Groups, "g1")
-}

internal/config/upstream.go

@@ -1,55 +0,0 @@
-package config
-
-import (
-	"fmt"
-	"regexp"
-
-	"gopkg.in/yaml.v3"
-)
-
-// DefaultUpstreamIgnorePathsPattern is the default regular expression applied
-// to upstream.ignorePaths when the section is empty or absent from the config.
-// It matches common static-asset suffixes so requests for .js/.css/.png/etc.
-// files do not trigger a model swap.
-const DefaultUpstreamIgnorePathsPattern = `.*\.(js|json|css|png|gif|jpg|jpeg|ico|txt)$`
-
-// DefaultUpstreamIgnorePaths returns the default compiled ignore paths used
-// when upstream.ignorePaths is not specified in the config. The returned slice
-// is fresh so callers may mutate it without affecting other configs.
-func DefaultUpstreamIgnorePaths() []*regexp.Regexp {
-	return []*regexp.Regexp{regexp.MustCompile(DefaultUpstreamIgnorePathsPattern)}
-}
-
-// UpstreamConfig controls behaviour of the /upstream passthrough endpoint.
-type UpstreamConfig struct {
-	// IgnorePaths is a slice of compiled regular expressions. Any request to
-	// /upstream/<model>/<path> whose remaining path matches any of these
-	// expressions will be ignored and not trigger a swap. When the config
-	// does not specify any patterns, DefaultUpstreamIgnorePaths is applied.
-	IgnorePaths []*regexp.Regexp `yaml:"-"`
-}
-
-// rawUpstreamConfig is the intermediate form used to unmarshal the YAML into
-// plain strings, which are then compiled into *regexp.Regexp.
-type rawUpstreamConfig struct {
-	IgnorePaths []string `yaml:"ignorePaths"`
-}
-
-// UnmarshalYAML compiles each ignorePaths entry into a *regexp.Regexp. If any
-// entry fails to compile, an error is returned.
-func (u *UpstreamConfig) UnmarshalYAML(value *yaml.Node) error {
-	var raw rawUpstreamConfig
-	if err := value.Decode(&raw); err != nil {
-		return err
-	}
-	patterns := make([]*regexp.Regexp, 0, len(raw.IgnorePaths))
-	for _, p := range raw.IgnorePaths {
-		re, err := regexp.Compile(p)
-		if err != nil {
-			return fmt.Errorf("upstream.ignorePaths: invalid regular expression %q: %w", p, err)
-		}
-		patterns = append(patterns, re)
-	}
-	u.IgnorePaths = patterns
-	return nil
-}

internal/config/upstream_test.go

@@ -1,88 +0,0 @@
-package config
-
-import (
-	"regexp"
-	"strings"
-	"testing"
-
-	"github.com/stretchr/testify/assert"
-	"github.com/stretchr/testify/require"
-)
-
-const upstreamConfigHeader = `
-models:
-  model1:
-    cmd: path/to/cmd --arg1 one
-    proxy: "http://localhost:8080"
-`
-
-func TestConfig_UpstreamIgnorePaths_DefaultWhenAbsent(t *testing.T) {
-	// When upstream is not specified at all, the default pattern is applied.
-	content := upstreamConfigHeader
-	cfg, err := LoadConfigFromReader(strings.NewReader(content))
-	require.NoError(t, err)
-	require.Len(t, cfg.Upstream.IgnorePaths, 1)
-
-	def := cfg.Upstream.IgnorePaths[0]
-	assert.IsType(t, &regexp.Regexp{}, def)
-	assert.Equal(t, DefaultUpstreamIgnorePathsPattern, def.String())
-
-	// The default matches common static-asset suffixes.
-	assert.True(t, def.MatchString("/foo.js"))
-	assert.True(t, def.MatchString("/bar/baz.json"))
-	assert.True(t, def.MatchString("/static/img.png"))
-	assert.True(t, def.MatchString("/notes.txt"))
-	assert.True(t, def.MatchString("/favicon.ico"))
-	// And does not match inference API paths.
-	assert.False(t, def.MatchString("/v1/chat/completions"))
-	assert.False(t, def.MatchString("/v1/models"))
-	assert.False(t, def.MatchString("/health"))
-}
-
-func TestConfig_UpstreamIgnorePaths_DefaultWhenSectionEmpty(t *testing.T) {
-	// When upstream is present but ignorePaths is omitted, the default is still
-	// applied.
-	content := `upstream: {}` + "\n" + upstreamConfigHeader
-	cfg, err := LoadConfigFromReader(strings.NewReader(content))
-	require.NoError(t, err)
-	require.Len(t, cfg.Upstream.IgnorePaths, 1)
-	assert.Equal(t, DefaultUpstreamIgnorePathsPattern, cfg.Upstream.IgnorePaths[0].String())
-}
-
-func TestConfig_UpstreamIgnorePaths_Compiles(t *testing.T) {
-	content := `
-upstream:
-  ignorePaths:
-    - ".*\\.(js|json|css|png|gif|jpg|jpeg|txt)$"
-    - "^/static/.*"
-` + upstreamConfigHeader
-
-	cfg, err := LoadConfigFromReader(strings.NewReader(content))
-	require.NoError(t, err)
-	require.Len(t, cfg.Upstream.IgnorePaths, 2)
-
-	// Verify the patterns are compiled into *regexp.Regexp and match as expected.
-	assert.True(t, cfg.Upstream.IgnorePaths[0].MatchString("/foo.js"))
-	assert.True(t, cfg.Upstream.IgnorePaths[0].MatchString("/bar/baz.json"))
-	assert.False(t, cfg.Upstream.IgnorePaths[0].MatchString("/v1/chat/completions"))
-	assert.True(t, cfg.Upstream.IgnorePaths[1].MatchString("/static/foo.png"))
-	assert.False(t, cfg.Upstream.IgnorePaths[1].MatchString("/v1/chat/completions"))
-
-	// Confirm the type is *regexp.Regexp to satisfy the API contract.
-	for _, re := range cfg.Upstream.IgnorePaths {
-		assert.IsType(t, &regexp.Regexp{}, re)
-	}
-}
-
-func TestConfig_UpstreamIgnorePaths_InvalidRegexReturnsError(t *testing.T) {
-	content := `
-upstream:
-  ignorePaths:
-    - "[invalid("
-` + upstreamConfigHeader
-
-	_, err := LoadConfigFromReader(strings.NewReader(content))
-	require.Error(t, err)
-	assert.Contains(t, err.Error(), "upstream.ignorePaths")
-	assert.Contains(t, err.Error(), "invalid regular expression")
-}

internal/perf/d3dkmt_types.go

@@ -1,92 +0,0 @@
-package perf
-
-type LUID struct {
-	LowPart  uint32
-	HighPart int32
-}
-
-const maxEnumAdapters = 16
-
-type D3DKMT_ENUMADAPTERS2 struct {
-	NumAdapters uint32
-	pAdapters   uintptr
-}
-
-type D3DKMT_ADAPTERINFO struct {
-	hAdapter                     uint32
-	AdapterLuid                  LUID
-	NumOfSources                 uint32
-	bPresentMoveRegionsPreferred int32
-}
-
-type D3DKMT_OPENADAPTERFROMLUID struct {
-	AdapterLuid LUID
-	hAdapter    uint32
-}
-
-type D3DKMT_CLOSEADAPTER struct {
-	hAdapter uint32
-}
-
-type KMTQUERYADAPTERINFOTYPE int32
-
-const (
-	KMTQAITYPE_UMDRIVERPRIVATE          KMTQUERYADAPTERINFOTYPE = 0
-	KMTQAITYPE_ADAPTERREGISTRYINFO      KMTQUERYADAPTERINFOTYPE = 8
-	KMTQAITYPE_DRIVERVERSION            KMTQUERYADAPTERINFOTYPE = 13
-	KMTQAITYPE_PHYSICALADAPTERDEVICEIDS KMTQUERYADAPTERINFOTYPE = 31
-	KMTQAITYPE_NODEPERFDATA             KMTQUERYADAPTERINFOTYPE = 61
-	KMTQAITYPE_ADAPTERPERFDATA          KMTQUERYADAPTERINFOTYPE = 62
-	KMTQAITYPE_ADAPTERPERFDATA_CAPS     KMTQUERYADAPTERINFOTYPE = 63
-)
-
-type D3DKMT_QUERYADAPTERINFO struct {
-	hAdapter              uint32
-	Type                  KMTQUERYADAPTERINFOTYPE
-	pPrivateDriverData    uintptr
-	PrivateDriverDataSize uint32
-}
-
-type D3DKMT_ADAPTER_PERFDATA struct {
-	PhysicalAdapterIndex uint32
-	MemoryFrequency      uint64
-	MaxMemoryFrequency   uint64
-	MaxMemoryFrequencyOC uint64
-	MemoryBandwidth      uint64
-	PCIEBandwidth        uint64
-	FanRPM               uint32
-	Power                uint32
-	Temperature          uint32
-	PowerStateOverride   byte
-}
-
-type D3DKMT_QUERYSTATISTICS_TYPE int32
-
-const (
-	D3DKMT_QUERYSTATISTICS_ADAPTER             D3DKMT_QUERYSTATISTICS_TYPE = 0
-	D3DKMT_QUERYSTATISTICS_PROCESS             D3DKMT_QUERYSTATISTICS_TYPE = 1
-	D3DKMT_QUERYSTATISTICS_PROCESS_ADAPTER     D3DKMT_QUERYSTATISTICS_TYPE = 2
-	D3DKMT_QUERYSTATISTICS_SEGMENT             D3DKMT_QUERYSTATISTICS_TYPE = 3
-	D3DKMT_QUERYSTATISTICS_PROCESS_SEGMENT     D3DKMT_QUERYSTATISTICS_TYPE = 4
-	D3DKMT_QUERYSTATISTICS_NODE                D3DKMT_QUERYSTATISTICS_TYPE = 5
-	D3DKMT_QUERYSTATISTICS_PROCESS_NODE        D3DKMT_QUERYSTATISTICS_TYPE = 6
-	D3DKMT_QUERYSTATISTICS_VIDPNSOURCE         D3DKMT_QUERYSTATISTICS_TYPE = 7
-	D3DKMT_QUERYSTATISTICS_PROCESS_VIDPNSOURCE D3DKMT_QUERYSTATISTICS_TYPE = 8
-)
-
-type D3DKMT_ADAPTER_PERFDATACAPS struct {
-	PhysicalAdapterIndex uint32
-	MaxMemoryBandwidth   uint64
-	MaxPCIEBandwidth     uint64
-	MaxFanRPM            uint32
-	TemperatureMax       uint32
-	TemperatureWarning   uint32
-}
-
-type D3DKMT_QUERYSTATISTICS_QUERY_SEGMENT struct {
-	SegmentId uint32
-}
-
-type D3DKMT_QUERYSTATISTICS_QUERY_NODE struct {
-	NodeId uint32
-}

internal/perf/d3dkmt_windows.go

@@ -1,529 +0,0 @@
-//go:build windows
-
-package perf
-
-import (
-	"context"
-	"encoding/binary"
-	"fmt"
-	"sync"
-	"time"
-	"unsafe"
-
-	"github.com/mostlygeek/llama-swap/internal/logmon"
-	"golang.org/x/sys/windows"
-)
-
-var (
-	d3dkmDLL                *windows.LazyDLL
-	procEnumAdapters2       *windows.LazyProc
-	procOpenAdapterFromLuid *windows.LazyProc
-	procCloseAdapter        *windows.LazyProc
-	procQueryAdapterInfo    *windows.LazyProc
-	procQueryStatistics     *windows.LazyProc
-	d3dkmtInitOnce          sync.Once
-	d3dkmtInitErr           error
-)
-
-// initD3DKMT lazily loads gdi32.dll and resolves D3DKMT function pointers.
-// Safe for concurrent use via sync.Once.
-func initD3DKMT() error {
-	d3dkmtInitOnce.Do(func() {
-		d3dkmDLL = windows.NewLazySystemDLL("gdi32.dll")
-
-		procEnumAdapters2 = d3dkmDLL.NewProc("D3DKMTEnumAdapters2")
-		procOpenAdapterFromLuid = d3dkmDLL.NewProc("D3DKMTOpenAdapterFromLuid")
-		procCloseAdapter = d3dkmDLL.NewProc("D3DKMTCloseAdapter")
-		procQueryAdapterInfo = d3dkmDLL.NewProc("D3DKMTQueryAdapterInfo")
-		procQueryStatistics = d3dkmDLL.NewProc("D3DKMTQueryStatistics")
-
-		for name, p := range map[string]*windows.LazyProc{
-			"D3DKMTEnumAdapters2":       procEnumAdapters2,
-			"D3DKMTOpenAdapterFromLuid": procOpenAdapterFromLuid,
-			"D3DKMTCloseAdapter":        procCloseAdapter,
-			"D3DKMTQueryAdapterInfo":    procQueryAdapterInfo,
-			"D3DKMTQueryStatistics":     procQueryStatistics,
-		} {
-			if err := p.Find(); err != nil {
-				d3dkmtInitErr = fmt.Errorf("D3DKMT %s not found: %w", name, err)
-				return
-			}
-		}
-	})
-	return d3dkmtInitErr
-}
-
-// ntstatusCall invokes a D3DKMT function and returns a non-nil error if the
-// NTSTATUS result is not STATUS_SUCCESS (0).
-func ntstatusCall(proc *windows.LazyProc, arg unsafe.Pointer) error {
-	ret, _, _ := proc.Call(uintptr(arg))
-	if ret != 0 {
-		return fmt.Errorf("NTSTATUS 0x%08x", uint32(ret))
-	}
-	return nil
-}
-
-// d3dkmEnumerateAdapters enumerates all available graphics adapters via
-// D3DKMTEnumAdapters2.
-func d3dkmEnumerateAdapters() ([]D3DKMT_ADAPTERINFO, error) {
-	var adapters [maxEnumAdapters]D3DKMT_ADAPTERINFO
-	enum := D3DKMT_ENUMADAPTERS2{
-		NumAdapters: maxEnumAdapters,
-		pAdapters:   uintptr(unsafe.Pointer(&adapters[0])),
-	}
-	if err := ntstatusCall(procEnumAdapters2, unsafe.Pointer(&enum)); err != nil {
-		return nil, fmt.Errorf("EnumAdapters2: %w", err)
-	}
-	if enum.NumAdapters == 0 {
-		return nil, fmt.Errorf("no adapters found")
-	}
-	result := make([]D3DKMT_ADAPTERINFO, enum.NumAdapters)
-	for i := uint32(0); i < enum.NumAdapters; i++ {
-		result[i] = adapters[i]
-	}
-	return result, nil
-}
-
-// d3dkmOpenAdapter opens a D3DKMT adapter handle for the given LUID.
-func d3dkmOpenAdapter(luid LUID) (uint32, error) {
-	req := D3DKMT_OPENADAPTERFROMLUID{
-		AdapterLuid: luid,
-	}
-	if err := ntstatusCall(procOpenAdapterFromLuid, unsafe.Pointer(&req)); err != nil {
-		return 0, fmt.Errorf("OpenAdapterFromLuid: %w", err)
-	}
-	return req.hAdapter, nil
-}
-
-// d3dkmCloseAdapter closes a previously opened D3DKMT adapter handle.
-func d3dkmCloseAdapter(hAdapter uint32) error {
-	req := D3DKMT_CLOSEADAPTER{hAdapter: hAdapter}
-	return ntstatusCall(procCloseAdapter, unsafe.Pointer(&req))
-}
-
-// d3dkmGetAdapterPerfData queries per-adapter performance data (temperature,
-// fan RPM, power, bandwidth) via KMTQAITYPE_ADAPTERPERFDATA.
-func d3dkmGetAdapterPerfData(hAdapter uint32) (*D3DKMT_ADAPTER_PERFDATA, error) {
-	var data D3DKMT_ADAPTER_PERFDATA
-	req := D3DKMT_QUERYADAPTERINFO{
-		hAdapter:              hAdapter,
-		Type:                  KMTQAITYPE_ADAPTERPERFDATA,
-		pPrivateDriverData:    uintptr(unsafe.Pointer(&data)),
-		PrivateDriverDataSize: uint32(unsafe.Sizeof(data)),
-	}
-	if err := ntstatusCall(procQueryAdapterInfo, unsafe.Pointer(&req)); err != nil {
-		return nil, fmt.Errorf("QueryAdapterInfo(ADAPTERPERFDATA): %w", err)
-	}
-	return &data, nil
-}
-
-// d3dkmGetAdapterPerfDataCaps queries static adapter performance capabilities
-// (max fan RPM, temperature limits, max bandwidth) via KMTQAITYPE_ADAPTERPERFDATA_CAPS.
-func d3dkmGetAdapterPerfDataCaps(hAdapter uint32) (*D3DKMT_ADAPTER_PERFDATACAPS, error) {
-	var data D3DKMT_ADAPTER_PERFDATACAPS
-	req := D3DKMT_QUERYADAPTERINFO{
-		hAdapter:              hAdapter,
-		Type:                  KMTQAITYPE_ADAPTERPERFDATA_CAPS,
-		pPrivateDriverData:    uintptr(unsafe.Pointer(&data)),
-		PrivateDriverDataSize: uint32(unsafe.Sizeof(data)),
-	}
-	if err := ntstatusCall(procQueryAdapterInfo, unsafe.Pointer(&req)); err != nil {
-		return nil, fmt.Errorf("QueryAdapterInfo(ADAPTERPERFDATACAPS): %w", err)
-	}
-	return &data, nil
-}
-
-type queryStatsBuffer struct {
-	Type        int32   // offset 0
-	AdapterLuid LUID    // offset 4
-	hProcess    uintptr // offset 16
-	// _result mirrors the D3DKMT_QUERYSTATISTICS_RESULT union.
-	// sizeof(D3DKMT_QUERYSTATISTICS) == 0x328 (808 bytes) on x64.
-	//
-	// The C struct layout (x64):
-	//   offset  0: Type (int32, 4 bytes)
-	//   offset  4: AdapterLuid (LUID, 8 bytes)
-	//   offset 12: 4 bytes padding (for 8-byte alignment of hProcess)
-	//   offset 16: hProcess (HANDLE, 8 bytes)
-	//   offset 24: QueryResult (union, 780 bytes — largest member is AdapterInformation)
-	//   offset 804: anonymous input union (QueryNode.NodeId / QuerySegment.SegmentId, 4 bytes)
-	//
-	// Previous bug: _result was [776]byte, placing QueryId at offset 800 instead of 804.
-	// The kernel read NodeId/SegmentId from offset 804 (always zero from _pad),
-	// causing all NODE and SEGMENT queries to use index 0 regardless of the value
-	// passed in QueryId. This produced alternating behavior where only GPU util OR
-	// memory util appeared to work, depending on which test variant happened to put
-	// non-zero data near offset 804 in the result buffer.
-	_result [780]byte // offset 24, size 780 — places QueryId at offset 804
-	QueryId int32     // offset 804 — matches C anonymous union for NodeId/SegmentId
-}
-
-func init() {
-	var buf queryStatsBuffer
-	if unsafe.Sizeof(buf) != 808 {
-		panic(fmt.Sprintf("queryStatsBuffer size %d != expected 808 (sizeof D3DKMT_QUERYSTATISTICS on x64)", unsafe.Sizeof(buf)))
-	}
-	if unsafe.Offsetof(buf.QueryId) != 804 {
-		panic(fmt.Sprintf("queryStatsBuffer.QueryId offset %d != expected 804 (C anonymous union offset)", unsafe.Offsetof(buf.QueryId)))
-	}
-
-	var perfData D3DKMT_ADAPTER_PERFDATA
-	if unsafe.Sizeof(perfData) != 64 {
-		panic(fmt.Sprintf("D3DKMT_ADAPTER_PERFDATA size %d != expected 64 on x64", unsafe.Sizeof(perfData)))
-	}
-
-	var caps D3DKMT_ADAPTER_PERFDATACAPS
-	if unsafe.Sizeof(caps) != 40 {
-		panic(fmt.Sprintf("D3DKMT_ADAPTER_PERFDATACAPS size %d != expected 40 on x64", unsafe.Sizeof(caps)))
-	}
-}
-
-const (
-	qsoffsetNbSegments        = 0
-	qsoffsetNodeCount         = 4
-	qsoffsetCommitLimit       = 0
-	qsoffsetBytesCommitted    = 8
-	qsoffsetBytesResident     = 16
-	qsoffsetRunningTime       = 0
-	qsoffsetSystemRunningTime = 272
-)
-
-// d3dkmQueryAdapterStats returns the number of memory segments and compute
-// nodes for the adapter identified by luid.
-func d3dkmQueryAdapterStats(luid LUID) (nbSegments uint32, nodeCount uint32, err error) {
-	buf := queryStatsBuffer{
-		Type:        int32(D3DKMT_QUERYSTATISTICS_ADAPTER),
-		AdapterLuid: luid,
-	}
-	if err := ntstatusCall(procQueryStatistics, unsafe.Pointer(&buf)); err != nil {
-		return 0, 0, fmt.Errorf("QueryStatistics(ADAPTER): %w", err)
-	}
-	nbSegments = binary.LittleEndian.Uint32(buf._result[qsoffsetNbSegments : qsoffsetNbSegments+4])
-	nodeCount = binary.LittleEndian.Uint32(buf._result[qsoffsetNodeCount : qsoffsetNodeCount+4])
-	return nbSegments, nodeCount, nil
-}
-
-// d3dkmQuerySegmentStats returns the commit limit (total) and resident
-// (used) bytes for the given memory segment of an adapter.
-func d3dkmQuerySegmentStats(luid LUID, segmentID uint32) (commitLimit uint64, bytesResident uint64, err error) {
-	buf := queryStatsBuffer{
-		Type:        int32(D3DKMT_QUERYSTATISTICS_SEGMENT),
-		AdapterLuid: luid,
-		QueryId:     int32(segmentID),
-	}
-	if err := ntstatusCall(procQueryStatistics, unsafe.Pointer(&buf)); err != nil {
-		return 0, 0, fmt.Errorf("QueryStatistics(SEGMENT %d): %w", segmentID, err)
-	}
-	commitLimit = binary.LittleEndian.Uint64(buf._result[qsoffsetCommitLimit : qsoffsetCommitLimit+8])
-	bytesResident = binary.LittleEndian.Uint64(buf._result[qsoffsetBytesResident : qsoffsetBytesResident+8])
-	if bytesResident == 0 {
-		bytesResident = binary.LittleEndian.Uint64(buf._result[qsoffsetBytesCommitted : qsoffsetBytesCommitted+8])
-	}
-	return commitLimit, bytesResident, nil
-}
-
-// d3dkmQueryNodeStats returns the global and system running time counters
-// (in 100ns units) for the given compute node of an adapter.
-func d3dkmQueryNodeStats(luid LUID, nodeID uint32) (runningTime uint64, systemRunningTime uint64, err error) {
-	buf := queryStatsBuffer{
-		Type:        int32(D3DKMT_QUERYSTATISTICS_NODE),
-		AdapterLuid: luid,
-		QueryId:     int32(nodeID),
-	}
-	if err := ntstatusCall(procQueryStatistics, unsafe.Pointer(&buf)); err != nil {
-		return 0, 0, fmt.Errorf("QueryStatistics(NODE %d): %w", nodeID, err)
-	}
-	runningTime = binary.LittleEndian.Uint64(buf._result[qsoffsetRunningTime : qsoffsetRunningTime+8])
-	systemRunningTime = binary.LittleEndian.Uint64(buf._result[qsoffsetSystemRunningTime : qsoffsetSystemRunningTime+8])
-	return runningTime, systemRunningTime, nil
-}
-
-type nodeRunningTimes struct {
-	Global uint64
-	System uint64
-}
-
-// d3dkmtNodeUtil computes GPU node utilization as a percentage from running
-// time deltas. Returns -1 if counters went backwards (wrap/reset), 0 if idle.
-func d3dkmtNodeUtil(prevRT, curRT nodeRunningTimes, elapsed100ns int64) float64 {
-	if curRT.Global < prevRT.Global || curRT.System < prevRT.System {
-		return -1
-	}
-	gd := curRT.Global - prevRT.Global
-	sd := curRT.System - prevRT.System
-
-	if gd > 0 && sd > 0 {
-		util := float64(gd) / float64(sd)
-		if util > 1.0 {
-			util = 1.0
-		}
-		return util * 100.0
-	} else if gd > 0 && elapsed100ns > 0 {
-		util := float64(gd) / float64(elapsed100ns) * 100.0
-		if util > 100.0 {
-			util = 100.0
-		}
-		return util
-	}
-	return 0
-}
-
-// d3dkmtFanPct returns fan speed as a percentage of maxFanRPM, clamped to
-// 100%. Returns 0 if maxFanRPM is unavailable or fan is not spinning.
-func d3dkmtFanPct(fanRPM, maxFanRPM uint32) float64 {
-	if maxFanRPM > 0 && fanRPM > 0 {
-		pct := float64(fanRPM) / float64(maxFanRPM) * 100.0
-		if pct > 100.0 {
-			pct = 100.0
-		}
-		return pct
-	}
-	return 0
-}
-
-// d3dkmtPowerW converts power from deci-watts (as reported by D3DKMT) to
-// watts. Returns 0 if the power value is zero.
-func d3dkmtPowerW(power uint32) float64 {
-	if power > 0 {
-		return float64(power) / 10.0
-	}
-	return 0
-}
-
-// d3dkmtTempC converts temperature from deci-Celsius (as reported by D3DKMT)
-// to degrees Celsius.
-func d3dkmtTempC(tempDeciC uint32) int {
-	return int(tempDeciC / 10)
-}
-
-type d3dkmtAdapterState struct {
-	luid       LUID
-	hAdapter   uint32
-	nbSegments uint32
-	nodeCount  uint32
-	maxFanRPM  uint32
-	prevNodeRT map[uint32]nodeRunningTimes
-	prevTime   time.Time
-}
-
-// tryD3DKMT attempts to start GPU monitoring using D3DKMT and optional PDH
-// counters. It returns a channel of GpuStat snapshots or an error if no
-// usable adapters are found.
-func tryD3DKMT(ctx context.Context, every time.Duration, logger *logmon.Monitor) (chan []GpuStat, error) {
-	if err := initD3DKMT(); err != nil {
-		return nil, err
-	}
-
-	adapterInfos, err := d3dkmEnumerateAdapters()
-	if err != nil {
-		return nil, err
-	}
-
-	type adapterMeta struct {
-		luid       LUID
-		nbSegments uint32
-		nodeCount  uint32
-		maxFanRPM  uint32
-	}
-
-	var metaList []adapterMeta
-
-	for i, ai := range adapterInfos {
-		hAdapter, err := d3dkmOpenAdapter(ai.AdapterLuid)
-		if err != nil {
-			logger.Debugf("adapter %d: open failed: %s", i, err.Error())
-			continue
-		}
-
-		nbSegments, nodeCount, err := d3dkmQueryAdapterStats(ai.AdapterLuid)
-		if err != nil {
-			logger.Debugf("adapter %d: query stats failed: %s", i, err.Error())
-			d3dkmCloseAdapter(hAdapter)
-			continue
-		}
-
-		caps, err := d3dkmGetAdapterPerfDataCaps(hAdapter)
-		if err != nil {
-			logger.Debugf("adapter %d: perf caps failed: %s", i, err.Error())
-		}
-
-		d3dkmCloseAdapter(hAdapter)
-
-		var maxFanRPM uint32
-		if caps != nil {
-			maxFanRPM = caps.MaxFanRPM
-		}
-
-		metaList = append(metaList, adapterMeta{
-			luid:       ai.AdapterLuid,
-			nbSegments: nbSegments,
-			nodeCount:  nodeCount,
-			maxFanRPM:  maxFanRPM,
-		})
-		logger.Debugf("adapter %d: segments=%d nodes=%d fan_max=%d luid=%d:%d", i, nbSegments, nodeCount, maxFanRPM, ai.AdapterLuid.HighPart, ai.AdapterLuid.LowPart)
-	}
-
-	if len(metaList) == 0 {
-		return nil, fmt.Errorf("no usable D3DKMT adapters found")
-	}
-
-	pdhUtil, pdhErr := initPdhGpuUtil()
-	if pdhErr != nil {
-		logger.Debugf("PDH GPU utilization not available: %s", pdhErr.Error())
-	} else {
-		logger.Info("using PDH performance counters for GPU utilization")
-	}
-
-	ch := make(chan []GpuStat, 1)
-
-	go func() {
-		defer close(ch)
-		if pdhUtil != nil {
-			defer pdhUtil.close()
-		}
-
-		var adapters []d3dkmtAdapterState
-		for _, m := range metaList {
-			hAdapter, err := d3dkmOpenAdapter(m.luid)
-			if err != nil {
-				logger.Debugf("reopen adapter failed: %s", err.Error())
-				continue
-			}
-			adapters = append(adapters, d3dkmtAdapterState{
-				luid:       m.luid,
-				hAdapter:   hAdapter,
-				nbSegments: m.nbSegments,
-				nodeCount:  m.nodeCount,
-				maxFanRPM:  m.maxFanRPM,
-				prevNodeRT: make(map[uint32]nodeRunningTimes),
-			})
-		}
-
-		if len(adapters) == 0 {
-			return
-		}
-
-		defer func() {
-			for _, a := range adapters {
-				d3dkmCloseAdapter(a.hAdapter)
-			}
-		}()
-
-		for i := range adapters {
-			a := &adapters[i]
-			for node := uint32(0); node < a.nodeCount; node++ {
-				globalRT, systemRT, err := d3dkmQueryNodeStats(a.luid, node)
-				if err != nil {
-					continue
-				}
-				a.prevNodeRT[node] = nodeRunningTimes{Global: globalRT, System: systemRT}
-			}
-			a.prevTime = time.Now()
-		}
-
-		ticker := time.NewTicker(every)
-		defer ticker.Stop()
-
-		for {
-			select {
-			case <-ctx.Done():
-				return
-			case <-ticker.C:
-				stats := make([]GpuStat, 0, len(adapters))
-				now := time.Now()
-
-				var pdhUtilMap map[LUID]float64
-				if pdhUtil != nil {
-					pdhUtilMap = pdhUtil.collect()
-				}
-
-				for i := range adapters {
-					a := &adapters[i]
-
-					perfData, err := d3dkmGetAdapterPerfData(a.hAdapter)
-					if err != nil {
-						logger.Debugf("adapter %d perfdata: %s", i, err.Error())
-						continue
-					}
-
-					var memUsedMB, memTotalMB int
-					for seg := uint32(0); seg < a.nbSegments; seg++ {
-						limit, resident, err := d3dkmQuerySegmentStats(a.luid, seg)
-						if err != nil {
-							continue
-						}
-						memUsedMB += int(resident / (1024 * 1024))
-						memTotalMB += int(limit / (1024 * 1024))
-					}
-
-					var gpuUtil float64
-					pdhGaveValue := false
-					if pdhUtilMap != nil {
-						if util, ok := pdhUtilMap[a.luid]; ok {
-							gpuUtil = util
-							pdhGaveValue = true
-						}
-					}
-
-					if !pdhGaveValue && a.nodeCount > 0 {
-						elapsedNs := now.Sub(a.prevTime).Nanoseconds()
-						elapsed100ns := elapsedNs / 100
-
-						for node := uint32(0); node < a.nodeCount; node++ {
-							globalRT, systemRT, err := d3dkmQueryNodeStats(a.luid, node)
-							if err != nil {
-								continue
-							}
-
-							if prevRT, ok := a.prevNodeRT[node]; ok {
-								if globalRT < prevRT.Global || systemRT < prevRT.System {
-									a.prevNodeRT[node] = nodeRunningTimes{Global: globalRT, System: systemRT}
-									continue
-								}
-								nodeUtil := d3dkmtNodeUtil(prevRT, nodeRunningTimes{Global: globalRT, System: systemRT}, elapsed100ns)
-								if nodeUtil > gpuUtil {
-									gpuUtil = nodeUtil
-								}
-							}
-							a.prevNodeRT[node] = nodeRunningTimes{Global: globalRT, System: systemRT}
-						}
-
-						a.prevTime = now
-					}
-
-					tempC := d3dkmtTempC(perfData.Temperature)
-
-					fanSpeedPct := d3dkmtFanPct(perfData.FanRPM, a.maxFanRPM)
-					powerDrawW := d3dkmtPowerW(perfData.Power)
-
-					var memUtilPct float64
-					if memTotalMB > 0 {
-						memUtilPct = float64(memUsedMB) / float64(memTotalMB) * 100.0
-					}
-
-					stats = append(stats, GpuStat{
-						Timestamp:   now,
-						ID:          i,
-						Name:        fmt.Sprintf("GPU %d", i),
-						TempC:       tempC,
-						GpuUtilPct:  gpuUtil,
-						MemUtilPct:  memUtilPct,
-						MemUsedMB:   memUsedMB,
-						MemTotalMB:  memTotalMB,
-						FanSpeedPct: fanSpeedPct,
-						PowerDrawW:  powerDrawW,
-					})
-				}
-
-				if len(stats) > 0 {
-					select {
-					case ch <- stats:
-					default:
-					}
-				}
-			}
-		}
-	}()
-
-	return ch, nil
-}

internal/perf/d3dkmt_windows_test.go

@@ -1,98 +0,0 @@
-//go:build windows
-
-package perf
-
-import (
-	"testing"
-
-	"github.com/stretchr/testify/assert"
-)
-
-func TestD3dkmtNodeUtil_FullLoad(t *testing.T) {
-	prev := nodeRunningTimes{Global: 1000, System: 10000}
-	cur := nodeRunningTimes{Global: 5000, System: 14000}
-	got := d3dkmtNodeUtil(prev, cur, 100000)
-	assert.Equal(t, 100.0, got)
-}
-
-func TestD3dkmtNodeUtil_PartialUtil(t *testing.T) {
-	prev := nodeRunningTimes{Global: 1000, System: 10000}
-	cur := nodeRunningTimes{Global: 3000, System: 14000}
-	got := d3dkmtNodeUtil(prev, cur, 100000)
-	assert.Equal(t, 50.0, got)
-}
-
-func TestD3dkmtNodeUtil_Identical(t *testing.T) {
-	prev := nodeRunningTimes{Global: 10000, System: 10000}
-	cur := nodeRunningTimes{Global: 20000, System: 20000}
-	got := d3dkmtNodeUtil(prev, cur, 100000)
-	assert.Equal(t, 100.0, got)
-}
-
-func TestD3dkmtNodeUtil_CounterWrap(t *testing.T) {
-	prev := nodeRunningTimes{Global: 9000, System: 10000}
-	cur := nodeRunningTimes{Global: 1000, System: 10000}
-	got := d3dkmtNodeUtil(prev, cur, 100000)
-	assert.Equal(t, -1.0, got)
-}
-
-func TestD3dkmtNodeUtil_SystemWrap(t *testing.T) {
-	prev := nodeRunningTimes{Global: 1000, System: 9000}
-	cur := nodeRunningTimes{Global: 5000, System: 1000}
-	got := d3dkmtNodeUtil(prev, cur, 100000)
-	assert.Equal(t, -1.0, got)
-}
-
-func TestD3dkmtNodeUtil_ZeroDelta(t *testing.T) {
-	prev := nodeRunningTimes{Global: 1000, System: 10000}
-	cur := nodeRunningTimes{Global: 1000, System: 10000}
-	got := d3dkmtNodeUtil(prev, cur, 100000)
-	assert.Equal(t, 0.0, got)
-}
-
-func TestD3dkmtNodeUtil_ElapsedFallback(t *testing.T) {
-	prev := nodeRunningTimes{Global: 1000, System: 10000}
-	cur := nodeRunningTimes{Global: 6000, System: 10000}
-	got := d3dkmtNodeUtil(prev, cur, 50000)
-	assert.InDelta(t, 10.0, got, 0.01)
-}
-
-func TestD3dkmtFanPct_Normal(t *testing.T) {
-	assert.Equal(t, 50.0, d3dkmtFanPct(1500, 3000))
-}
-
-func TestD3dkmtFanPct_MaxFan(t *testing.T) {
-	assert.Equal(t, 100.0, d3dkmtFanPct(3000, 3000))
-}
-
-func TestD3dkmtFanPct_OverMaxClamped(t *testing.T) {
-	assert.Equal(t, 100.0, d3dkmtFanPct(4000, 3000))
-}
-
-func TestD3dkmtFanPct_ZeroMaxFan(t *testing.T) {
-	assert.Equal(t, 0.0, d3dkmtFanPct(1500, 0))
-}
-
-func TestD3dkmtFanPct_ZeroFanRPM(t *testing.T) {
-	assert.Equal(t, 0.0, d3dkmtFanPct(0, 3000))
-}
-
-func TestD3dkmtFanPct_BothZero(t *testing.T) {
-	assert.Equal(t, 0.0, d3dkmtFanPct(0, 0))
-}
-
-func TestD3dkmtPowerW(t *testing.T) {
-	assert.Equal(t, 250.0, d3dkmtPowerW(2500))
-}
-
-func TestD3dkmtPowerW_Zero(t *testing.T) {
-	assert.Equal(t, 0.0, d3dkmtPowerW(0))
-}
-
-func TestD3dkmtTempC(t *testing.T) {
-	assert.Equal(t, 65, d3dkmtTempC(650))
-}
-
-func TestD3dkmtTempC_Zero(t *testing.T) {
-	assert.Equal(t, 0, d3dkmtTempC(0))
-}

internal/perf/monitor_windows.go

@@ -22,13 +22,6 @@ func getGpuStats(ctx context.Context, every time.Duration, logger *logmon.Monito
 		logger.Debugf("nvidia-smi: %s", err.Error())
 	}
 
-	if ch, err := tryD3DKMT(ctx, every, logger); err == nil {
-		logger.Info("using D3DKMT for GPU monitoring")
-		return ch, nil
-	} else {
-		logger.Debugf("D3DKMT: %s", err.Error())
-	}
-
 	return nil, ErrNoGpuTool
 }
 

internal/perf/pdh_windows.go

@@ -1,159 +0,0 @@
-//go:build windows
-
-package perf
-
-import (
-	"fmt"
-	"strconv"
-	"strings"
-	"unsafe"
-
-	"golang.org/x/sys/windows"
-)
-
-var (
-	pdhDLL                          = windows.NewLazySystemDLL("pdh.dll")
-	procPdhOpenQuery                = pdhDLL.NewProc("PdhOpenQueryW")
-	procPdhAddEnglishCounter        = pdhDLL.NewProc("PdhAddEnglishCounterW")
-	procPdhCollectQueryData         = pdhDLL.NewProc("PdhCollectQueryData")
-	procPdhGetFormattedCounterArray = pdhDLL.NewProc("PdhGetFormattedCounterArrayW")
-	procPdhCloseQuery               = pdhDLL.NewProc("PdhCloseQuery")
-)
-
-const (
-	pdhFmtDouble = 0x00000200
-	pdhMoreData  = 0x800007D2
-	pdhNoData    = 0x800007D5
-)
-
-type pdhCounterValue struct {
-	CStatus uint32
-	DblVal  float64
-}
-
-type pdhCounterValueItem struct {
-	SzName   *uint16
-	FmtValue pdhCounterValue
-}
-
-func init() {
-	var item pdhCounterValueItem
-	if unsafe.Sizeof(item) != 24 {
-		panic(fmt.Sprintf("pdhCounterValueItem size %d != expected 24 on x64", unsafe.Sizeof(item)))
-	}
-}
-
-type pdhGpuUtil struct {
-	query   uintptr
-	counter uintptr
-}
-
-// initPdhGpuUtil creates a PDH query for the GPU Engine utilization counter.
-// Returns nil with an error if PDH or the counter is unavailable.
-func initPdhGpuUtil() (*pdhGpuUtil, error) {
-	var query uintptr
-	if ret, _, _ := procPdhOpenQuery.Call(0, 0, uintptr(unsafe.Pointer(&query))); ret != 0 {
-		return nil, fmt.Errorf("PdhOpenQuery: 0x%x", ret)
-	}
-
-	path, _ := windows.UTF16PtrFromString(`\GPU Engine(*)\Utilization Percentage`)
-	var counter uintptr
-	if ret, _, _ := procPdhAddEnglishCounter.Call(
-		query, uintptr(unsafe.Pointer(path)), 0, uintptr(unsafe.Pointer(&counter)),
-	); ret != 0 {
-		procPdhCloseQuery.Call(query)
-		return nil, fmt.Errorf("PdhAddEnglishCounter(GPU Engine): 0x%x", ret)
-	}
-
-	procPdhCollectQueryData.Call(query)
-
-	return &pdhGpuUtil{query: query, counter: counter}, nil
-}
-
-// close releases the PDH query handle.
-func (p *pdhGpuUtil) close() {
-	if p.query != 0 {
-		procPdhCloseQuery.Call(p.query)
-		p.query = 0
-	}
-}
-
-// collect reads the PDH counter and returns a map of adapter LUID to
-// aggregated GPU utilization percentage, summed across all engine instances
-// per adapter and clamped to 100%.
-func (p *pdhGpuUtil) collect() map[LUID]float64 {
-	ret, _, _ := procPdhCollectQueryData.Call(p.query)
-	if ret != 0 && ret != pdhNoData {
-		return nil
-	}
-
-	var bufSize uint32
-	var itemCount uint32
-	ret, _, _ = procPdhGetFormattedCounterArray.Call(
-		p.counter, pdhFmtDouble,
-		uintptr(unsafe.Pointer(&bufSize)),
-		uintptr(unsafe.Pointer(&itemCount)),
-		0,
-	)
-	if ret != pdhMoreData || itemCount == 0 {
-		return nil
-	}
-
-	buf := make([]byte, bufSize)
-	ret, _, _ = procPdhGetFormattedCounterArray.Call(
-		p.counter, pdhFmtDouble,
-		uintptr(unsafe.Pointer(&bufSize)),
-		uintptr(unsafe.Pointer(&itemCount)),
-		uintptr(unsafe.Pointer(&buf[0])),
-	)
-	if ret != 0 {
-		return nil
-	}
-
-	itemSize := uint32(unsafe.Sizeof(pdhCounterValueItem{}))
-	result := make(map[LUID]float64)
-
-	for i := uint32(0); i < itemCount; i++ {
-		item := (*pdhCounterValueItem)(unsafe.Pointer(&buf[i*itemSize]))
-		if item.FmtValue.CStatus != 0 {
-			continue
-		}
-		luid, ok := parsePdhLuid(windows.UTF16PtrToString(item.SzName))
-		if !ok {
-			continue
-		}
-		result[luid] += item.FmtValue.DblVal
-	}
-
-	for luid := range result {
-		if result[luid] > 100.0 {
-			result[luid] = 100.0
-		}
-	}
-
-	return result
-}
-
-// parsePdhLuid extracts the adapter LUID (high and low parts) from a PDH
-// GPU Engine instance name (e.g. "pid_1234_luid_0x00000000_0x000148BF_phys_0_eng_2_engtype_Compute").
-func parsePdhLuid(name string) (LUID, bool) {
-	idx := strings.Index(name, "luid_0x")
-	if idx < 0 {
-		return LUID{}, false
-	}
-	rest := name[idx+7:]
-	parts := strings.SplitN(rest, "_", 4)
-	if len(parts) < 3 {
-		return LUID{}, false
-	}
-	hp, err := strconv.ParseUint(parts[0], 16, 32)
-	if err != nil {
-		return LUID{}, false
-	}
-	lpStr := strings.TrimPrefix(parts[1], "0x")
-	lp, err := strconv.ParseUint(lpStr, 16, 32)
-	if err != nil {
-		return LUID{}, false
-	}
-	return LUID{LowPart: uint32(lp), HighPart: int32(hp)}, true
-}

internal/perf/pdh_windows_test.go

@@ -1,53 +0,0 @@
-//go:build windows
-
-package perf
-
-import (
-	"testing"
-
-	"github.com/stretchr/testify/assert"
-)
-
-func TestParsePdhLuid_Valid(t *testing.T) {
-	name := `pid_25312_luid_0x00000000_0x000148BF_phys_0_eng_2_engtype_Compute`
-	got, ok := parsePdhLuid(name)
-	assert.True(t, ok)
-	assert.Equal(t, uint32(0x000148BF), got.LowPart)
-	assert.Equal(t, int32(0x00000000), got.HighPart)
-}
-
-func TestParsePdhLuid_ValidNvidia(t *testing.T) {
-	name := `pid_1388_luid_0x00000000_0x00011372_phys_0_eng_8_engtype_Compute_1`
-	got, ok := parsePdhLuid(name)
-	assert.True(t, ok)
-	assert.Equal(t, uint32(0x00011372), got.LowPart)
-	assert.Equal(t, int32(0x00000000), got.HighPart)
-}
-
-func TestParsePdhLuid_NonZeroHighPart(t *testing.T) {
-	name := `pid_1234_luid_0x00000001_0x0000C85A_phys_0_eng_5_engtype_Copy`
-	got, ok := parsePdhLuid(name)
-	assert.True(t, ok)
-	assert.Equal(t, uint32(0x0000C85A), got.LowPart)
-	assert.Equal(t, int32(0x00000001), got.HighPart)
-}
-
-func TestParsePdhLuid_InvalidNoLuid(t *testing.T) {
-	_, ok := parsePdhLuid("invalid_string_without_luid")
-	assert.False(t, ok)
-}
-
-func TestParsePdhLuid_InvalidEmpty(t *testing.T) {
-	_, ok := parsePdhLuid("")
-	assert.False(t, ok)
-}
-
-func TestParsePdhLuid_InvalidHex(t *testing.T) {
-	_, ok := parsePdhLuid("pid_1234_luid_0xZZZZ_0xGGGG_phys_0")
-	assert.False(t, ok)
-}
-
-func TestParsePdhLuid_ShortAfterLuid(t *testing.T) {
-	_, ok := parsePdhLuid("pid_1234_luid_0x00000000")
-	assert.False(t, ok)
-}

internal/router/scheduler/fifo.go

@@ -3,7 +3,6 @@ package scheduler
 import (
 	"fmt"
 	"sort"
-	"strconv"
 	"time"
 
 	"github.com/mostlygeek/llama-swap/internal/config"
@@ -279,11 +278,6 @@ func (s *FIFO) grantHandler(req HandlerReq, modelID string) {
 		s.effects.GrantError(req, shared.ConcurrencyLimitError{})
 		return
 	}
-
-	if err := shared.SetReqData(req.Ctx, "fifo_priority", strconv.Itoa(s.cfg.Priority[req.Model])); err != nil {
-		s.logger.Debugf("failed to set fifo_priority metadata: %v", err)
-	}
-
 	if s.effects.GrantServe(req, modelID) {
 		s.inFlight[modelID]++
 	}

internal/router/scheduler/fifo_test.go

@@ -193,6 +193,78 @@ func TestFIFO_GrantSetsPriorityMetadata(t *testing.T) {
 	}
 }
 
+func TestFIFO_GrantSetsPriorityMetadata_DefaultZero(t *testing.T) {
+	// A model that is not listed in the Priority map should get fifo_priority="0".
+	eff := newFakeEffects()
+	eff.states["unlisted"] = process.StateReady
+	cfg := config.FifoConfig{Priority: map[string]int{"other": 5}} // "unlisted" absent
+	s := NewFIFO("test", logmon.NewWriter(io.Discard), &stubPlanner{}, cfg, nil, eff)
+
+	ctx := shared.SetContext(context.Background(), shared.ReqContextData{ModelID: "unlisted", Metadata: make(map[string]string)})
+	s.OnRequest(HandlerReq{Model: "unlisted", Ctx: ctx})
+
+	if got := eff.served("unlisted"); got != 1 {
+		t.Fatalf("served(unlisted)=%d want 1", got)
+	}
+	data, ok := shared.ReadContext(eff.lastServeReq.Ctx)
+	if !ok {
+		t.Fatal("context data missing from granted request")
+	}
+	if data.Metadata["fifo_priority"] != "0" {
+		t.Errorf("fifo_priority = %q, want %q", data.Metadata["fifo_priority"], "0")
+	}
+}
+
+func TestFIFO_GrantSetsPriorityMetadata_NoMetadataMap(t *testing.T) {
+	// When the request context has no Metadata map, grantHandler must not crash.
+	// It should log a debug message and still grant the request.
+	eff := newFakeEffects()
+	eff.states["a"] = process.StateReady
+	cfg := config.FifoConfig{Priority: map[string]int{"a": 3}}
+	s := NewFIFO("test", logmon.NewWriter(io.Discard), &stubPlanner{}, cfg, nil, eff)
+
+	// No Metadata map in the context data — SetReqData will return an error.
+	ctx := shared.SetContext(context.Background(), shared.ReqContextData{ModelID: "a"})
+	s.OnRequest(HandlerReq{Model: "a", Ctx: ctx})
+
+	// The grant must still succeed despite the missing metadata map.
+	if got := eff.served("a"); got != 1 {
+		t.Fatalf("served(a)=%d want 1 (metadata error must not prevent grant)", got)
+	}
+}
+
+func TestFIFO_GrantSetsPriorityMetadata_AfterSwapCompletion(t *testing.T) {
+	// Priority metadata must be set for waiters granted via OnSwapDone, not just
+	// requests that hit the fast path.
+	eff := newFakeEffects()
+	eff.states["a"] = process.StateStopped // forces a swap
+	cfg := config.FifoConfig{Priority: map[string]int{"a": 9}}
+	s := NewFIFO("test", logmon.NewWriter(io.Discard), &stubPlanner{}, cfg, nil, eff)
+
+	ctx := shared.SetContext(context.Background(), shared.ReqContextData{ModelID: "a", Metadata: make(map[string]string)})
+	s.OnRequest(HandlerReq{Model: "a", Ctx: ctx})
+
+	// Swap is in flight; no grant yet.
+	if got := eff.served("a"); got != 0 {
+		t.Fatalf("served(a)=%d want 0 before swap done", got)
+	}
+
+	// Complete the swap.
+	eff.states["a"] = process.StateReady
+	s.OnSwapDone(SwapDone{ModelID: "a"})
+
+	if got := eff.served("a"); got != 1 {
+		t.Fatalf("served(a)=%d want 1 after swap done", got)
+	}
+	data, ok := shared.ReadContext(eff.lastServeReq.Ctx)
+	if !ok {
+		t.Fatal("context data missing from granted request after swap")
+	}
+	if data.Metadata["fifo_priority"] != "9" {
+		t.Errorf("fifo_priority = %q, want %q", data.Metadata["fifo_priority"], "9")
+	}
+}
+
 func TestFIFO_ModelNotFound(t *testing.T) {
 	eff := newFakeEffects() // no states => model unknown
 	s := newFIFO(&stubPlanner{}, eff)

internal/server/api.go

@@ -2,7 +2,6 @@ package server
 
 import (
 	"encoding/json"
-	"fmt"
 	"net/http"
 	"sort"
 	"strings"
@@ -10,7 +9,6 @@ import (
 
 	"github.com/mostlygeek/llama-swap/internal/config"
 	"github.com/mostlygeek/llama-swap/internal/event"
-	"github.com/mostlygeek/llama-swap/internal/process"
 	"github.com/mostlygeek/llama-swap/internal/shared"
 )
 
@@ -273,7 +271,7 @@ func (s *Server) startPreload() {
 			if err != nil {
 				continue
 			}
-			req = req.WithContext(shared.SetContext(req.Context(), shared.ReqContextData{Model: modelID, ModelID: modelID, Metadata: make(map[string]string)}))
+			req = req.WithContext(shared.SetContext(req.Context(), shared.ReqContextData{Model: modelID, ModelID: modelID}))
 
 			dw := &discardResponseWriter{status: http.StatusOK}
 			s.local.ServeHTTP(dw, req)
@@ -316,7 +314,7 @@ func handleUpstreamRedirect(w http.ResponseWriter, r *http.Request) {
 func (s *Server) handleUpstream(w http.ResponseWriter, r *http.Request) {
 	upstreamPath := r.PathValue("upstreamPath")
 
-	searchName, modelID, remainingPath, found := shared.FindModelInPath(s.cfg, "/"+upstreamPath)
+	searchName, modelID, remainingPath, found := findModelInPath(s.cfg, "/"+upstreamPath)
 	if !found {
 		shared.SendResponse(w, r, http.StatusNotFound, "model not found")
 		return
@@ -340,29 +338,7 @@ func (s *Server) handleUpstream(w http.ResponseWriter, r *http.Request) {
 	// Strip the /upstream/<model> prefix before forwarding.
 	r.URL.Path = remainingPath
 	// Pin the resolved model so the router skips body/query extraction.
-	*r = *r.WithContext(shared.SetContext(r.Context(), shared.ReqContextData{Model: searchName, ModelID: modelID, Metadata: make(map[string]string)}))
-
-	// If the path matches an upstream.ignorePaths entry and the model is
-	// not already loaded, refuse the request without triggering a swap. The
-	// server was not able to process the response because the model was not
-	// already loaded.
-	for _, re := range s.cfg.Upstream.IgnorePaths {
-		if !re.MatchString(remainingPath) {
-			continue
-		}
-		if s.local.Handles(modelID) {
-			state, ok := s.local.RunningModels()[modelID]
-			if !ok || state != process.StateReady {
-				shared.SendResponse(w, r, http.StatusConflict,
-					fmt.Sprintf("model %s is not loaded; path matches upstream.ignorePaths", modelID))
-				return
-			}
-		}
-		// Either the model is already loaded (no swap would be triggered)
-		// or this is a peer model (peer proxying never swaps). Fall through
-		// to normal dispatch.
-		break
-	}
+	*r = *r.WithContext(shared.SetContext(r.Context(), shared.ReqContextData{Model: searchName, ModelID: modelID}))
 
 	switch {
 	case s.local.Handles(modelID):
@@ -373,3 +349,29 @@ func (s *Server) handleUpstream(w http.ResponseWriter, r *http.Request) {
 		shared.SendResponse(w, r, http.StatusNotFound, "no router for model "+modelID)
 	}
 }
+
+// findModelInPath walks a slash-separated path, building up segments until one
+// matches a configured model. This resolves model names that contain slashes
+// (e.g. "author/model"). Returns the matched name, its real model ID, the
+// remaining path, and whether a match was found.
+func findModelInPath(cfg config.Config, path string) (searchName, realName, remainingPath string, found bool) {
+	parts := strings.Split(strings.TrimSpace(path), "/")
+	name := ""
+
+	for i, part := range parts {
+		if part == "" {
+			continue
+		}
+		if name == "" {
+			name = part
+		} else {
+			name = name + "/" + part
+		}
+
+		if modelID, ok := cfg.RealModelName(name); ok {
+			return name, modelID, "/" + strings.Join(parts[i+1:], "/"), true
+		}
+	}
+
+	return "", "", "", false
+}

internal/server/api_test.go

@@ -2,17 +2,11 @@ package server
 
 import (
 	"encoding/json"
-	"io"
 	"net/http"
 	"net/http/httptest"
-	"regexp"
-	"strings"
 	"testing"
 
 	"github.com/mostlygeek/llama-swap/internal/config"
-	"github.com/mostlygeek/llama-swap/internal/logmon"
-	"github.com/mostlygeek/llama-swap/internal/process"
-	"github.com/mostlygeek/llama-swap/internal/shared"
 )
 
 func TestServer_HandleListModels(t *testing.T) {
@@ -84,7 +78,6 @@ func TestServer_HandleListModels_Aliases(t *testing.T) {
 
 func TestServer_FindModelInPath(t *testing.T) {
 	cfg := config.Config{Models: map[string]config.ModelConfig{
-		"author":       {},
 		"author/model": {},
 		"simple":       {},
 	}}
@@ -98,14 +91,13 @@ func TestServer_FindModelInPath(t *testing.T) {
 		{"/simple/v1/chat", "simple", "/v1/chat", true},
 		{"/author/model/v1/chat", "author/model", "/v1/chat", true},
 		{"/author/model", "author/model", "/", true},
-		{"/author/v1/chat", "author", "/v1/chat", true},
 		{"/missing/v1", "", "", false},
 		{"/", "", "", false},
 	}
 	for _, c := range cases {
-		name, _, rem, found := shared.FindModelInPath(cfg, c.path)
+		name, _, rem, found := findModelInPath(cfg, c.path)
 		if found != c.wantFound || name != c.wantName || (found && rem != c.wantRem) {
-			t.Errorf("FindModelInPath(%q) = (%q,%q,%v), want (%q,%q,%v)",
+			t.Errorf("findModelInPath(%q) = (%q,%q,%v), want (%q,%q,%v)",
 				c.path, name, rem, found, c.wantName, c.wantRem, c.wantFound)
 		}
 	}
@@ -141,165 +133,6 @@ func TestServer_HandleUpstream(t *testing.T) {
 	})
 }
 
-func upstreamMetricsServer(response string) *Server {
-	cfg := config.Config{Models: map[string]config.ModelConfig{"m1": {}}}
-	proxylog := logmon.NewWriter(io.Discard)
-	s := &Server{
-		cfg:         cfg,
-		muxlog:      logmon.NewWriter(io.Discard),
-		proxylog:    proxylog,
-		upstreamlog: logmon.NewWriter(io.Discard),
-		inflight:    &inflightCounter{},
-		metrics:     newMetricsMonitor(proxylog, 10, 0),
-		local:       newStubRouter([]string{"m1"}, response),
-		peer:        newStubRouter(nil, ""),
-	}
-	s.routes()
-	return s
-}
-
-func TestServer_HandleUpstream_IgnorePaths(t *testing.T) {
-	// Compile a pattern that matches static asset suffixes.
-	pattern := regexp.MustCompile(`.*\.(js|json|css|png|gif|jpg|jpeg|txt)$`)
-
-	t.Run("matched path, model not loaded, returns 409", func(t *testing.T) {
-		local := newStubRouter([]string{"m1"}, "upstream-body")
-		// running is nil/empty: model is not in RunningModels() => not loaded.
-		s := newTestServer(local, newStubRouter(nil, ""))
-		s.cfg = config.Config{
-			Models: map[string]config.ModelConfig{"m1": {}},
-			Upstream: config.UpstreamConfig{
-				IgnorePaths: []*regexp.Regexp{pattern},
-			},
-		}
-
-		w := httptest.NewRecorder()
-		s.ServeHTTP(w, httptest.NewRequest(http.MethodGet, "/upstream/m1/foo.js", nil))
-
-		if w.Code != http.StatusConflict {
-			t.Fatalf("status = %d, want %d (body=%q)", w.Code, http.StatusConflict, w.Body.String())
-		}
-		if !strings.Contains(w.Body.String(), "not loaded") {
-			t.Errorf("body = %q, want it to contain 'not loaded'", w.Body.String())
-		}
-	})
-
-	t.Run("matched path, model already loaded, serves normally", func(t *testing.T) {
-		local := newStubRouter([]string{"m1"}, "upstream-body")
-		local.running = map[string]process.ProcessState{"m1": process.StateReady}
-		s := newTestServer(local, newStubRouter(nil, ""))
-		s.cfg = config.Config{
-			Models: map[string]config.ModelConfig{"m1": {}},
-			Upstream: config.UpstreamConfig{
-				IgnorePaths: []*regexp.Regexp{pattern},
-			},
-		}
-
-		w := httptest.NewRecorder()
-		s.ServeHTTP(w, httptest.NewRequest(http.MethodGet, "/upstream/m1/foo.js", nil))
-
-		if w.Code != http.StatusOK || w.Body.String() != "upstream-body" {
-			t.Fatalf("status=%d body=%q, want 200 'upstream-body'", w.Code, w.Body.String())
-		}
-	})
-
-	t.Run("non-matched path, model not loaded, serves normally", func(t *testing.T) {
-		local := newStubRouter([]string{"m1"}, "upstream-body")
-		s := newTestServer(local, newStubRouter(nil, ""))
-		s.cfg = config.Config{
-			Models: map[string]config.ModelConfig{"m1": {}},
-			Upstream: config.UpstreamConfig{
-				IgnorePaths: []*regexp.Regexp{pattern},
-			},
-		}
-
-		w := httptest.NewRecorder()
-		s.ServeHTTP(w, httptest.NewRequest(http.MethodGet, "/upstream/m1/v1/chat/completions", nil))
-
-		if w.Code != http.StatusOK || w.Body.String() != "upstream-body" {
-			t.Fatalf("status=%d body=%q, want 200 'upstream-body'", w.Code, w.Body.String())
-		}
-	})
-
-	t.Run("matched path, peer model, serves normally", func(t *testing.T) {
-		// Peer routers do not appear via RunningModels on the local router;
-		// they should fall through to normal dispatch without 409.
-		local := newStubRouter(nil, "")
-		peer := newStubRouter([]string{"m1"}, "peer-body")
-		s := newTestServer(local, peer)
-		s.cfg = config.Config{
-			Models: map[string]config.ModelConfig{"m1": {}},
-			Upstream: config.UpstreamConfig{
-				IgnorePaths: []*regexp.Regexp{pattern},
-			},
-		}
-
-		w := httptest.NewRecorder()
-		s.ServeHTTP(w, httptest.NewRequest(http.MethodGet, "/upstream/m1/foo.js", nil))
-
-		if w.Code != http.StatusOK || w.Body.String() != "peer-body" {
-			t.Fatalf("status=%d body=%q, want 200 'peer-body'", w.Code, w.Body.String())
-		}
-	})
-}
-
-func TestServer_HandleUpstream_MetricsRecordsSupportedPath(t *testing.T) {
-	resp := `{"usage":{"prompt_tokens":3,"completion_tokens":5}}`
-	s := upstreamMetricsServer(resp)
-
-	w := httptest.NewRecorder()
-	req := httptest.NewRequest(http.MethodPost, "/upstream/m1/v1/chat/completions", strings.NewReader(`{}`))
-	req.Header.Set("Content-Type", "application/json")
-	s.ServeHTTP(w, req)
-
-	if w.Code != http.StatusOK || w.Body.String() != resp {
-		t.Fatalf("status=%d body=%q", w.Code, w.Body.String())
-	}
-	entries := s.metrics.getMetrics()
-	if len(entries) != 1 {
-		t.Fatalf("want 1 metrics entry, got %d", len(entries))
-	}
-	if entries[0].Model != "m1" {
-		t.Errorf("model = %q, want m1", entries[0].Model)
-	}
-	if entries[0].ReqPath != "/v1/chat/completions" {
-		t.Errorf("req_path = %q, want /v1/chat/completions", entries[0].ReqPath)
-	}
-	if entries[0].Tokens.InputTokens != 3 || entries[0].Tokens.OutputTokens != 5 {
-		t.Errorf("tokens = %+v, want input=3 output=5", entries[0].Tokens)
-	}
-}
-
-func TestServer_HandleUpstream_MetricsSkipsUnsupportedPath(t *testing.T) {
-	s := upstreamMetricsServer("ok")
-
-	w := httptest.NewRecorder()
-	req := httptest.NewRequest(http.MethodPost, "/upstream/m1/probe", strings.NewReader(`{}`))
-	req.Header.Set("Content-Type", "application/json")
-	s.ServeHTTP(w, req)
-
-	if w.Code != http.StatusOK || w.Body.String() != "ok" {
-		t.Fatalf("status=%d body=%q", w.Code, w.Body.String())
-	}
-	if len(s.metrics.getMetrics()) != 0 {
-		t.Errorf("want no metrics entries for unsupported path, got %d", len(s.metrics.getMetrics()))
-	}
-}
-
-func TestServer_HandleUpstream_MetricsSkipsGET(t *testing.T) {
-	s := upstreamMetricsServer(`{"usage":{}}`)
-
-	w := httptest.NewRecorder()
-	s.ServeHTTP(w, httptest.NewRequest(http.MethodGet, "/upstream/m1/v1/chat/completions", nil))
-
-	if w.Code != http.StatusOK {
-		t.Fatalf("status=%d", w.Code)
-	}
-	if len(s.metrics.getMetrics()) != 0 {
-		t.Errorf("want no metrics entries for GET upstream, got %d", len(s.metrics.getMetrics()))
-	}
-}
-
 func TestServer_HandleMetrics_Unavailable(t *testing.T) {
 	s := newTestServer(newStubRouter(nil, ""), newStubRouter(nil, ""))
 

internal/server/apigroup.go

@@ -105,9 +105,7 @@ func (s *Server) handleAPIMetrics(w http.ResponseWriter, r *http.Request) {
 // filtered to samples after the ?after=<RFC3339> timestamp.
 func (s *Server) handleAPIPerformance(w http.ResponseWriter, r *http.Request) {
 	if s.perf == nil {
-		w.Header().Set("Content-Type", "application/json")
-		w.WriteHeader(http.StatusServiceUnavailable)
-		json.NewEncoder(w).Encode(map[string]bool{"enabled": false})
+		shared.SendResponse(w, r, http.StatusServiceUnavailable, "performance monitor not available")
 		return
 	}
 
@@ -138,7 +136,6 @@ func (s *Server) handleAPIPerformance(w http.ResponseWriter, r *http.Request) {
 
 	w.Header().Set("Content-Type", "application/json")
 	json.NewEncoder(w).Encode(map[string]any{
-		"enabled":   true,
 		"sys_stats": sysStats,
 		"gpu_stats": gpuStats,
 	})

internal/server/log.go

@@ -76,7 +76,7 @@ func (s *Server) getLogger(logMonitorID string) (*logmon.Monitor, error) {
 	case "upstream":
 		return s.upstreamlog, nil
 	default:
-		if _, modelID, _, found := shared.FindModelInPath(s.cfg, "/"+logMonitorID); found {
+		if _, modelID, _, found := findModelInPath(s.cfg, "/"+logMonitorID); found {
 			if log, ok := s.local.ProcessLogger(modelID); ok {
 				return log, nil
 			}

internal/server/metrics.go

@@ -25,8 +25,6 @@ import (
 // TokenMetrics holds token usage and performance metrics.
 type TokenMetrics struct {
 	CachedTokens    int     `json:"cache_tokens"`
-	DraftTokens     int     `json:"draft_tokens"`
-	DraftAccTokens  int     `json:"draft_acc_tokens"`
 	InputTokens     int     `json:"input_tokens"`
 	OutputTokens    int     `json:"output_tokens"`
 	PromptPerSecond float64 `json:"prompt_per_second"`
@@ -35,17 +33,15 @@ type TokenMetrics struct {
 
 // ActivityLogEntry represents parsed token statistics from llama-server logs.
 type ActivityLogEntry struct {
-	ID              int               `json:"id"`
-	Timestamp       time.Time         `json:"timestamp"`
-	Model           string            `json:"model"`
-	ReqPath         string            `json:"req_path"`
-	RespContentType string            `json:"resp_content_type"`
-	RespStatusCode  int               `json:"resp_status_code"`
-	Tokens          TokenMetrics      `json:"tokens"`
-	DurationMs      int               `json:"duration_ms"`
-	HasCapture      bool              `json:"has_capture"`
-	ErrorMsg        string            `json:"error_msg,omitempty"`
-	Metadata        map[string]string `json:"metadata,omitempty"`
+	ID              int          `json:"id"`
+	Timestamp       time.Time    `json:"timestamp"`
+	Model           string       `json:"model"`
+	ReqPath         string       `json:"req_path"`
+	RespContentType string       `json:"resp_content_type"`
+	RespStatusCode  int          `json:"resp_status_code"`
+	Tokens          TokenMetrics `json:"tokens"`
+	DurationMs      int          `json:"duration_ms"`
+	HasCapture      bool         `json:"has_capture"`
 }
 
 // ActivityLogEvent carries a single activity log entry to event subscribers.
@@ -126,11 +122,9 @@ func (mp *metricsMonitor) getMetricsJSON() ([]byte, error) {
 }
 
 // record parses a completed response body and stores/emits an activity entry.
-// Successful requests store a zstd+CBOR capture (when enabled) with cf
-// controlling which parts are retained. Failed (non-200) requests capture the
-// request only and set ErrorMsg to a description of the failure, so the error
-// can be inspected without storing unreadable raw response bytes. reqBody and
-// reqHeaders are the request data buffered before dispatch.
+// When captures are enabled, a zstd+CBOR capture is stored for successful
+// requests, with cf controlling which request/response parts are retained.
+// reqBody and reqHeaders are the request data buffered before dispatch.
 func (mp *metricsMonitor) record(modelID string, r *http.Request, recorder *responseBodyCopier, cf captureFields, reqBody []byte, reqHeaders map[string]string) {
 	tm := ActivityLogEntry{
 		Timestamp:       time.Now(),
@@ -141,13 +135,6 @@ func (mp *metricsMonitor) record(modelID string, r *http.Request, recorder *resp
 		DurationMs:      int(time.Since(recorder.StartTime()).Milliseconds()),
 	}
 
-	if ctxData, ok := shared.ReadContext(r.Context()); ok && len(ctxData.Metadata) > 0 {
-		tm.Metadata = make(map[string]string, len(ctxData.Metadata))
-		for k, v := range ctxData.Metadata {
-			tm.Metadata[k] = v
-		}
-	}
-
 	queueAndEmit := func() {
 		tm.ID = mp.queueMetrics(tm)
 		mp.emitMetric(tm)
@@ -155,13 +142,7 @@ func (mp *metricsMonitor) record(modelID string, r *http.Request, recorder *resp
 
 	if recorder.Status() != http.StatusOK {
 		mp.logger.Warnf("non-200 response, recording partial metrics: status=%d, path=%s", recorder.Status(), r.URL.Path)
-		decoded, decErr := mp.decodeResponseBody(recorder, r.URL.Path)
-		tm.ErrorMsg = failedErrorMessage(recorder.Status(), decoded, decErr)
-		tm.ID = mp.queueMetrics(tm)
-		// Capture the request only; the failure is surfaced via ErrorMsg
-		// rather than storing the (possibly undisplayable) response body.
-		tm.HasCapture = mp.storeCapture(tm.ID, r, recorder, cf&^captureRespBody, reqBody, reqHeaders, nil)
-		mp.emitMetric(tm)
+		queueAndEmit()
 		return
 	}
 
@@ -176,7 +157,6 @@ func (mp *metricsMonitor) record(modelID string, r *http.Request, recorder *resp
 		decoded, err := decompressBody(body, encoding)
 		if err != nil {
 			mp.logger.Warnf("metrics: decompression failed: %v, path=%s, recording minimal metrics", err, r.URL.Path)
-			tm.ErrorMsg = fmt.Sprintf("response decompression failed: %v", err)
 			queueAndEmit()
 			return
 		}
@@ -215,101 +195,30 @@ func (mp *metricsMonitor) record(modelID string, r *http.Request, recorder *resp
 	}
 
 	tm.ID = mp.queueMetrics(tm)
-	tm.HasCapture = mp.storeCapture(tm.ID, r, recorder, cf, reqBody, reqHeaders, body)
+	if mp.enableCaptures {
+		capture := ReqRespCapture{
+			ID:         tm.ID,
+			ReqPath:    r.URL.Path,
+			ReqHeaders: reqHeaders,
+		}
+		if cf&captureReqBody != 0 {
+			capture.ReqBody = reqBody
+		}
+		if cf&captureRespHeaders != 0 {
+			capture.RespHeaders = headerMap(recorder.Header())
+			redactHeaders(capture.RespHeaders)
+			delete(capture.RespHeaders, "Content-Encoding")
+		}
+		if cf&captureRespBody != 0 {
+			capture.RespBody = body
+		}
+		if mp.addCapture(capture) {
+			tm.HasCapture = true
+		}
+	}
 	mp.emitMetric(tm)
 }
 
-// storeCapture assembles a ReqRespCapture for id, honoring the captureFields
-// mask, and stores it when captures are enabled. body is the response body to
-// capture (already decompressed by the caller); pass nil to omit it. Returns
-// true if a capture was stored.
-func (mp *metricsMonitor) storeCapture(id int, r *http.Request, recorder *responseBodyCopier, cf captureFields, reqBody []byte, reqHeaders map[string]string, body []byte) bool {
-	if !mp.enableCaptures {
-		return false
-	}
-	capture := ReqRespCapture{
-		ID:         id,
-		ReqPath:    r.URL.Path,
-		ReqHeaders: reqHeaders,
-	}
-	if cf&captureReqBody != 0 {
-		capture.ReqBody = reqBody
-	}
-	if cf&captureRespHeaders != 0 {
-		capture.RespHeaders = headerMap(recorder.Header())
-		redactHeaders(capture.RespHeaders)
-		delete(capture.RespHeaders, "Content-Encoding")
-	}
-	if cf&captureRespBody != 0 {
-		capture.RespBody = body
-	}
-	return mp.addCapture(capture)
-}
-
-// decodeResponseBody returns the buffered response body, decompressing it when
-// the upstream set a Content-Encoding we recognize. On decompression failure it
-// logs a warning and returns an error so the caller can record a description
-// (via ErrorMsg) instead of storing unreadable raw bytes.
-func (mp *metricsMonitor) decodeResponseBody(recorder *responseBodyCopier, path string) ([]byte, error) {
-	body := recorder.body.Bytes()
-	if len(body) == 0 {
-		return nil, nil
-	}
-	encoding := recorder.Header().Get("Content-Encoding")
-	if encoding == "" {
-		return body, nil
-	}
-	decoded, err := decompressBody(body, encoding)
-	if err != nil {
-		mp.logger.Warnf("metrics: response decompression failed: %v, path=%s", err, path)
-		return nil, err
-	}
-	return decoded, nil
-}
-
-// errorMessagePaths lists JSON paths where a human-readable error message can
-// live across OpenAI- and llama.cpp-style error responses.
-var errorMessagePaths = []string{"error.message", "error", "message", "detail"}
-
-// extractErrorMessage pulls a human-readable error string from a JSON error
-// response. Returns "" if no message is found or the body is not valid JSON.
-func extractErrorMessage(body []byte) string {
-	if !gjson.ValidBytes(body) {
-		return ""
-	}
-	parsed := gjson.ParseBytes(body)
-	for _, path := range errorMessagePaths {
-		v := parsed.Get(path)
-		if v.Exists() && v.Type == gjson.String {
-			if s := strings.TrimSpace(v.String()); s != "" {
-				return s
-			}
-		}
-	}
-	return ""
-}
-
-// failedErrorMessage builds a human-readable description for a non-200 response.
-// It prefers an error message parsed from the (decompressed) body and falls back
-// to the HTTP status text. A non-nil decErr indicates the body could not be
-// decoded, in which case the decode error is described instead.
-func failedErrorMessage(status int, body []byte, decErr error) string {
-	const maxLen = 500
-	if decErr != nil {
-		return fmt.Sprintf("response decode failed: %v", decErr)
-	}
-	if msg := extractErrorMessage(body); msg != "" {
-		if len(msg) > maxLen {
-			msg = msg[:maxLen] + "..."
-		}
-		return msg
-	}
-	if text := http.StatusText(status); text != "" {
-		return fmt.Sprintf("%d %s", status, text)
-	}
-	return fmt.Sprintf("HTTP %d", status)
-}
-
 // usagePaths lists the JSON paths where a per-event usage object can live.
 var usagePaths = []string{"usage", "response.usage", "message.usage"}
 
@@ -428,8 +337,6 @@ func buildMetrics(modelID string, start time.Time, inputTokens, outputTokens, ca
 	durationMs := wallDurationMs
 	tokensPerSecond := -1.0
 	promptPerSecond := -1.0
-	draftTokens := -1
-	draftAccTokens := -1
 
 	if timings.Exists() {
 		inputTokens = timings.Get("prompt_n").Int()
@@ -443,10 +350,6 @@ func buildMetrics(modelID string, start time.Time, inputTokens, outputTokens, ca
 		if cachedValue := timings.Get("cache_n"); cachedValue.Exists() {
 			cachedTokens = cachedValue.Int()
 		}
-		if timings.Get("draft_n").Exists() && timings.Get("draft_n_accepted").Exists() {
-			draftTokens = int(timings.Get("draft_n").Int())
-			draftAccTokens = int(timings.Get("draft_n_accepted").Int())
-		}
 	}
 
 	return ActivityLogEntry{
@@ -454,8 +357,6 @@ func buildMetrics(modelID string, start time.Time, inputTokens, outputTokens, ca
 		Model:     modelID,
 		Tokens: TokenMetrics{
 			CachedTokens:    int(cachedTokens),
-			DraftTokens:     draftTokens,
-			DraftAccTokens:  draftAccTokens,
 			InputTokens:     int(inputTokens),
 			OutputTokens:    int(outputTokens),
 			PromptPerSecond: promptPerSecond,

internal/server/metrics_middleware.go

@@ -4,7 +4,6 @@ import (
 	"bytes"
 	"io"
 	"net/http"
-	"strings"
 
 	"github.com/mostlygeek/llama-swap/internal/chain"
 	"github.com/mostlygeek/llama-swap/internal/config"
@@ -22,27 +21,8 @@ func CreateMetricsMiddleware(mm *metricsMonitor, cfg config.Config) chain.Middle
 				return
 			}
 
-			// Determine the model-routed endpoint path. Regular routes are
-			// already meterable; /upstream/<model>/<path> is metered only when
-			// the remaining path matches a model-dispatched endpoint.
-			checkPath := r.URL.Path
-			if strings.HasPrefix(r.URL.Path, "/upstream/") {
-				var found bool
-				_, _, checkPath, found = shared.FindModelInPath(cfg, strings.TrimPrefix(r.URL.Path, "/upstream"))
-				if !found {
-					next.ServeHTTP(w, r)
-					return
-				}
-			}
-
-			if !isMetricsRecordPath(checkPath) {
-				next.ServeHTTP(w, r)
-				return
-			}
-
 			// Resolve the model now so downstream dispatch hits the context
-			// fast path; FetchContext restores the request body for regular
-			// routes and extracts the model from the URL for /upstream routes.
+			// fast path; FetchContext restores the request body.
 			data, err := shared.FetchContext(r, cfg)
 			if err != nil {
 				shared.SendError(w, r, shared.ErrNoModelInContext)
@@ -51,7 +31,7 @@ func CreateMetricsMiddleware(mm *metricsMonitor, cfg config.Config) chain.Middle
 
 			// Buffer the request body/headers for capture before dispatch
 			// consumes them.
-			cf := captureFieldsFor(checkPath)
+			cf := captureFieldsFor(r.URL.Path)
 			var reqBody []byte
 			var reqHeaders map[string]string
 			if mm.enableCaptures {

internal/server/metrics_test.go

@@ -1,15 +1,12 @@
 package server
 
 import (
-	"io"
 	"net/http"
 	"net/http/httptest"
 	"strings"
 	"testing"
 	"time"
 
-	"github.com/mostlygeek/llama-swap/internal/config"
-	"github.com/mostlygeek/llama-swap/internal/logmon"
 	"github.com/mostlygeek/llama-swap/internal/shared"
 	"github.com/tidwall/gjson"
 )
@@ -90,169 +87,79 @@ func TestMetricsMonitor_RecordMetadata(t *testing.T) {
 	}
 }
 
-func TestMetricsMonitor_RecordFailedRequestCapture(t *testing.T) {
-	mm := newMetricsMonitor(logmon.NewWriter(io.Discard), 10, 5)
-	r := httptest.NewRequest(http.MethodPost, "/v1/chat/completions", nil)
-	reqHeaders := map[string]string{"content-type": "application/json"}
+func TestMetricsMonitor_RecordMetadata_EmptyMap(t *testing.T) {
+	// An empty Metadata map in context must NOT set tm.Metadata (omitempty semantics).
+	mm := newMetricsMonitor(nil, 10, 0)
+	r := httptest.NewRequest(http.MethodPost, "/v1/chat/completions", strings.NewReader(`{}`))
+	r = r.WithContext(shared.SetContext(r.Context(), shared.ReqContextData{
+		ModelID:  "m",
+		Metadata: map[string]string{}, // empty, not nil
+	}))
 
 	w := httptest.NewRecorder()
 	copier := newBodyCopier(w)
-	copier.Header().Set("Content-Type", "application/json")
-	copier.WriteHeader(http.StatusBadGateway)
-	copier.Write([]byte(`{"error":{"message":"model unavailable"}}`))
-
-	reqBody := []byte(`{"model":"m","messages":[]}`)
-	mm.record("m", r, copier, captureAll, reqBody, reqHeaders)
-
-	entries := mm.getMetrics()
-	if len(entries) != 1 {
-		t.Fatalf("want 1 entry, got %d", len(entries))
-	}
-	entry := entries[0]
-	if entry.RespStatusCode != http.StatusBadGateway {
-		t.Errorf("status = %d, want %d", entry.RespStatusCode, http.StatusBadGateway)
-	}
-	if entry.ErrorMsg != "model unavailable" {
-		t.Errorf("error_msg = %q, want extracted message", entry.ErrorMsg)
-	}
-	if !entry.HasCapture {
-		t.Fatal("failed request should capture the request so it can be inspected")
-	}
-
-	got := mm.getCaptureByID(entry.ID)
-	if got == nil {
-		t.Fatal("capture not found")
-	}
-	if string(got.ReqBody) != `{"model":"m","messages":[]}` {
-		t.Errorf("req body = %q", got.ReqBody)
-	}
-	if len(got.RespBody) != 0 {
-		t.Errorf("resp body stored for failed request (len=%d); want none", len(got.RespBody))
-	}
-	if got.RespHeaders["Content-Type"] != "application/json" {
-		t.Errorf("resp Content-Type = %q", got.RespHeaders["Content-Type"])
-	}
-}
-
-func TestMetricsMonitor_RecordFailedRequestStatusFallback(t *testing.T) {
-	// Non-JSON error body: ErrorMsg falls back to the HTTP status text.
-	mm := newMetricsMonitor(logmon.NewWriter(io.Discard), 10, 5)
-	r := httptest.NewRequest(http.MethodPost, "/v1/chat/completions", nil)
-
-	w := httptest.NewRecorder()
-	copier := newBodyCopier(w)
-	copier.WriteHeader(http.StatusBadGateway)
-	copier.Write([]byte("<html>upstream down</html>"))
-
-	mm.record("m", r, copier, captureAll, nil, nil)
-
-	entries := mm.getMetrics()
-	if len(entries) != 1 {
-		t.Fatalf("want 1 entry, got %d", len(entries))
-	}
-	if entries[0].ErrorMsg != "502 Bad Gateway" {
-		t.Errorf("error_msg = %q, want status text", entries[0].ErrorMsg)
-	}
-}
-
-func TestMetricsMonitor_RecordFailedRequestCaptureDisabled(t *testing.T) {
-	mm := newMetricsMonitor(logmon.NewWriter(io.Discard), 10, 0) // captures disabled
-	r := httptest.NewRequest(http.MethodPost, "/v1/chat/completions", nil)
-
-	w := httptest.NewRecorder()
-	copier := newBodyCopier(w)
-	copier.WriteHeader(http.StatusInternalServerError)
-	copier.Write([]byte(`{"error":"boom"}`))
-
-	mm.record("m", r, copier, captureAll, []byte("req"), nil)
-
-	entries := mm.getMetrics()
-	if len(entries) != 1 {
-		t.Fatalf("want 1 entry, got %d", len(entries))
-	}
-	if entries[0].HasCapture {
-		t.Fatal("captures disabled, HasCapture should be false")
-	}
-	// ErrorMsg is independent of whether captures are enabled.
-	if entries[0].ErrorMsg != "boom" {
-		t.Errorf("error_msg = %q, want boom", entries[0].ErrorMsg)
-	}
-	if mm.getCaptureByID(entries[0].ID) != nil {
-		t.Fatal("no capture should be stored when disabled")
-	}
-}
-
-func TestMetricsMonitor_RecordDecompressionFailureSetsErrorMsg(t *testing.T) {
-	mm := newMetricsMonitor(logmon.NewWriter(io.Discard), 10, 5)
-	r := httptest.NewRequest(http.MethodPost, "/v1/chat/completions", nil)
-
-	w := httptest.NewRecorder()
-	copier := newBodyCopier(w)
-	copier.Header().Set("Content-Encoding", "gzip")
 	copier.WriteHeader(http.StatusOK)
-	copier.Write([]byte("not-really-gzip"))
+	copier.Write([]byte(`{"usage":{"prompt_tokens":1,"completion_tokens":2}}`))
 
-	mm.record("m", r, copier, captureAll, []byte("req"), nil)
+	mm.record("m", r, copier, 0, nil, nil)
 
 	entries := mm.getMetrics()
 	if len(entries) != 1 {
 		t.Fatalf("want 1 entry, got %d", len(entries))
 	}
-	if entries[0].ErrorMsg == "" {
-		t.Fatal("expected ErrorMsg for decompression failure")
-	}
-	// Raw bytes must not be stored when the body could not be decoded.
-	if entries[0].HasCapture {
-		t.Fatal("decompression failure should not store a capture")
+	if entries[0].Metadata != nil {
+		t.Errorf("Metadata should be nil for empty context metadata, got %v", entries[0].Metadata)
 	}
 }
 
-func TestMetricsMonitor_DecodeResponseBody(t *testing.T) {
-	mm := newMetricsMonitor(logmon.NewWriter(io.Discard), 10, 5)
+func TestMetricsMonitor_RecordMetadata_NoContextData(t *testing.T) {
+	// A request with no ReqContextData in context should produce nil Metadata.
+	mm := newMetricsMonitor(nil, 10, 0)
+	r := httptest.NewRequest(http.MethodPost, "/v1/chat/completions", strings.NewReader(`{}`))
+	// No shared.SetContext call — no ReqContextData in context.
 
-	// No Content-Encoding: body returned unchanged.
 	w := httptest.NewRecorder()
 	copier := newBodyCopier(w)
-	copier.Write([]byte("plain"))
-	got, err := mm.decodeResponseBody(copier, "/p")
-	if err != nil || string(got) != "plain" {
-		t.Fatalf("plain body = %q, err = %v", got, err)
-	}
+	copier.WriteHeader(http.StatusOK)
+	copier.Write([]byte(`{"usage":{"prompt_tokens":3,"completion_tokens":4}}`))
 
-	// Bogus gzip payload: returns an error and no body (no raw bytes kept).
-	w2 := httptest.NewRecorder()
-	copier2 := newBodyCopier(w2)
-	copier2.Header().Set("Content-Encoding", "gzip")
-	copier2.Write([]byte("not-really-gzip"))
-	got, err = mm.decodeResponseBody(copier2, "/p")
-	if err == nil {
-		t.Fatal("expected decompression error")
+	mm.record("m", r, copier, 0, nil, nil)
+
+	entries := mm.getMetrics()
+	if len(entries) != 1 {
+		t.Fatalf("want 1 entry, got %d", len(entries))
 	}
-	if got != nil {
-		t.Errorf("expected nil body on failure, got %q", got)
+	if entries[0].Metadata != nil {
+		t.Errorf("Metadata should be nil when no context data, got %v", entries[0].Metadata)
 	}
 }
 
-func TestServer_ExtractErrorMessage(t *testing.T) {
-	cases := []struct {
-		name string
-		body string
-		want string
-	}{
-		{"openai object", `{"error":{"message":"rate limited"}}`, "rate limited"},
-		{"string error", `{"error":"bad request"}`, "bad request"},
-		{"message field", `{"message":"nope"}`, "nope"},
-		{"detail field", `{"detail":"oops"}`, "oops"},
-		{"object error ignored", `{"error":{"code":42}}`, ""},
-		{"no error", `{"usage":{}}`, ""},
-		{"invalid json", `not-json`, ""},
+func TestMetricsMonitor_RecordMetadata_DeepCopy(t *testing.T) {
+	// Mutating the original context metadata after record() must not affect the stored entry.
+	mm := newMetricsMonitor(nil, 10, 0)
+	original := map[string]string{"key": "before"}
+	r := httptest.NewRequest(http.MethodPost, "/v1/chat/completions", strings.NewReader(`{}`))
+	r = r.WithContext(shared.SetContext(r.Context(), shared.ReqContextData{
+		ModelID:  "m",
+		Metadata: original,
+	}))
+
+	w := httptest.NewRecorder()
+	copier := newBodyCopier(w)
+	copier.WriteHeader(http.StatusOK)
+	copier.Write([]byte(`{"usage":{"prompt_tokens":1,"completion_tokens":2}}`))
+
+	mm.record("m", r, copier, 0, nil, nil)
+
+	// Mutate the original map after record.
+	original["key"] = "after"
+
+	entries := mm.getMetrics()
+	if len(entries) != 1 {
+		t.Fatalf("want 1 entry, got %d", len(entries))
 	}
-	for _, tc := range cases {
-		t.Run(tc.name, func(t *testing.T) {
-			if got := extractErrorMessage([]byte(tc.body)); got != tc.want {
-				t.Errorf("extractErrorMessage = %q, want %q", got, tc.want)
-			}
-		})
+	if entries[0].Metadata["key"] != "before" {
+		t.Errorf("Metadata[key] = %q, want %q (deep copy expected)", entries[0].Metadata["key"], "before")
 	}
 }
 
@@ -272,40 +179,3 @@ func TestServer_ParseMetrics_Infill(t *testing.T) {
 		t.Fatalf("tokens = %+v", entry.Tokens)
 	}
 }
-
-// TestServer_MetricsMiddleware_UpstreamAudioCaptureSkipsRespBody verifies that
-// an /upstream/<model>/v1/audio/speech request uses the path-specific capture
-// mask (headers only) rather than falling back to captureAll.
-func TestServer_MetricsMiddleware_UpstreamAudioCaptureSkipsRespBody(t *testing.T) {
-	mm := newMetricsMonitor(logmon.NewWriter(io.Discard), 100, 5)
-	cfg := config.Config{Models: map[string]config.ModelConfig{"m1": {}}}
-
-	inner := http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-		w.Header().Set("Content-Type", "audio/mpeg")
-		w.WriteHeader(http.StatusOK)
-		w.Write([]byte("BINARY-AUDIO-DATA"))
-	})
-	handler := CreateMetricsMiddleware(mm, cfg)(inner)
-
-	req := httptest.NewRequest(http.MethodPost, "/upstream/m1/v1/audio/speech", strings.NewReader(`{"model":"m1"}`))
-	handler.ServeHTTP(httptest.NewRecorder(), req)
-
-	entries := mm.getMetrics()
-	if len(entries) == 0 {
-		t.Fatal("no metrics recorded")
-	}
-	last := entries[len(entries)-1]
-	if !last.HasCapture {
-		t.Fatal("expected capture to be stored")
-	}
-	cap := mm.getCaptureByID(last.ID)
-	if cap == nil {
-		t.Fatal("capture not found")
-	}
-	if len(cap.RespBody) != 0 {
-		t.Errorf("RespBody stored for /upstream audio route (len=%d); want path-specific mask to skip body", len(cap.RespBody))
-	}
-	if len(cap.RespHeaders) == 0 {
-		t.Error("RespHeaders not stored; want captureRespHeaders mask")
-	}
-}

internal/server/server.go

@@ -89,27 +89,6 @@ var modelGetRoutes = []string{
 	"/sdapi/v1/loras",
 }
 
-// isMetricsRecordPath reports whether path is one of the model-dispatched
-// endpoints that the metrics middleware records in the activity log.
-func isMetricsRecordPath(path string) bool {
-	for _, p := range modelPostJSONRoutes {
-		if p == path {
-			return true
-		}
-	}
-	for _, p := range modelPostFormRoutes {
-		if p == path {
-			return true
-		}
-	}
-	for _, p := range modelGetRoutes {
-		if p == path {
-			return true
-		}
-	}
-	return false
-}
-
 // BuildInfo carries version metadata surfaced by GET /api/version.
 type BuildInfo struct {
 	Version string
@@ -240,11 +219,9 @@ func (s *Server) routes() {
 	mux.Handle("GET /unload", apiChain.ThenFunc(s.handleUnload))
 	mux.Handle("GET /running", apiChain.ThenFunc(s.handleRunning))
 
-	// Upstream passthrough. Meter only the model-dispatched endpoints that can
-	// produce token usage/timings.
-	upstreamChain := apiChain.Append(CreateMetricsMiddleware(s.metrics, s.cfg))
+	// Upstream passthrough.
 	mux.HandleFunc("GET /upstream", handleUpstreamRedirect)
-	mux.Handle("/upstream/{upstreamPath...}", upstreamChain.ThenFunc(s.handleUpstream))
+	mux.Handle("/upstream/{upstreamPath...}", apiChain.ThenFunc(s.handleUpstream))
 
 	// API group (API-key protected) consumed by the UI.
 	mux.Handle("POST /api/models/unload", apiChain.ThenFunc(s.handleAPIUnloadAll))

internal/shared/http.go

@@ -26,9 +26,6 @@ type ReqContextData struct {
 	ModelID          string
 	Streaming        bool
 	SendLoadingState bool
-	// Metadata is a request-scoped key/value bag that handlers may mutate
-	// while processing. The metrics middleware copies it into ActivityLogEntry.
-	Metadata map[string]string
 }
 
 var (
@@ -91,24 +88,16 @@ func SendResponse(w http.ResponseWriter, r *http.Request, status int, message st
 	w.Write(resp)
 }
 
-// FetchContext will attempt to get the model id from the context, then
-// from an /upstream/<model> path prefix, then from the request body/query.
-// If it extracts the model it will store it in the context for downstream
-// handlers. An error will be returned when a model cannot be identified.
+// FetchContext will attempt to get the model id from the context then
+// from the model body. If it extracts the model from the body it will
+// store the model in the context for downstream handlers. An error
+// will be returned when model can not be fetch from either location.
 func FetchContext(r *http.Request, cfg config.Config) (ReqContextData, error) {
 	data, ok := ReadContext(r.Context())
 	if ok {
 		return data, nil
 	}
 
-	if strings.HasPrefix(r.URL.Path, "/upstream/") {
-		if data, ok := extractUpstreamContext(r, cfg); ok {
-			*r = *r.WithContext(SetContext(r.Context(), data))
-			return data, nil
-		}
-		return ReqContextData{}, ErrNoModelInContext
-	}
-
 	if data, err := extractContext(r); err == nil && data.Model != "" {
 		realName, _ := cfg.RealModelName(data.Model)
 		if realName == "" {
@@ -125,59 +114,6 @@ func FetchContext(r *http.Request, cfg config.Config) (ReqContextData, error) {
 	return ReqContextData{}, ErrNoModelInContext
 }
 
-// extractUpstreamContext resolves the model from an /upstream/<model>/... path.
-func extractUpstreamContext(r *http.Request, cfg config.Config) (ReqContextData, bool) {
-	searchName, realName, _, found := FindModelInPath(cfg, strings.TrimPrefix(r.URL.Path, "/upstream"))
-	if !found {
-		return ReqContextData{}, false
-	}
-	return ReqContextData{
-		Model:            searchName,
-		ModelID:          realName,
-		ApiKey:           ExtractAPIKey(r),
-		Streaming:        r.URL.Query().Get("stream") == "true",
-		SendLoadingState: sendLoadingState(cfg, realName),
-		Metadata:         make(map[string]string),
-	}, true
-}
-
-// sendLoadingState reports whether the configured model wants loading-state SSEs.
-func sendLoadingState(cfg config.Config, modelID string) bool {
-	if mc, ok := cfg.Models[modelID]; ok {
-		return mc.SendLoadingState != nil && *mc.SendLoadingState
-	}
-	return false
-}
-
-// FindModelInPath walks a slash-separated path, building up segments until one
-// matches a configured model. This resolves model names that contain slashes
-// (e.g. "author/model"). Returns the matched name, its real model ID, the
-// remaining path, and whether a match was found.
-func FindModelInPath(cfg config.Config, path string) (searchName, realName, remainingPath string, found bool) {
-	parts := strings.Split(strings.TrimSpace(path), "/")
-	name := ""
-
-	for i, part := range parts {
-		if part == "" {
-			continue
-		}
-		if name == "" {
-			name = part
-		} else {
-			name = name + "/" + part
-		}
-
-		if modelID, ok := cfg.RealModelName(name); ok {
-			searchName = name
-			realName = modelID
-			remainingPath = "/" + strings.Join(parts[i+1:], "/")
-			found = true
-		}
-	}
-
-	return
-}
-
 func SetContext(ctx context.Context, data ReqContextData) context.Context {
 	return context.WithValue(ctx, ReqContextKey, data)
 }
@@ -187,25 +123,6 @@ func ReadContext(ctx context.Context) (ReqContextData, bool) {
 	return data, ok
 }
 
-// SetReqData attaches a key/value pair to the request context's metadata map.
-// The metadata map must already exist in the context's ReqContextData; callers
-// should ensure FetchContext has run or initialize the map themselves.
-// It returns an error for nil contexts or contexts without request data.
-func SetReqData(ctx context.Context, key, value string) error {
-	if ctx == nil {
-		return fmt.Errorf("cannot set request metadata on nil context")
-	}
-	data, ok := ReadContext(ctx)
-	if !ok {
-		return fmt.Errorf("no request context data found")
-	}
-	if data.Metadata == nil {
-		return fmt.Errorf("no metadata map in request context")
-	}
-	data.Metadata[key] = value
-	return nil
-}
-
 // extractContext pulls fields from an HTTP request into a ReqContextData,
 // returning whatever is available. For GET requests it reads query parameters.
 // For POST requests it inspects Content-Type and parses JSON,
@@ -222,7 +139,6 @@ func extractContext(r *http.Request) (ReqContextData, error) {
 			Model:     q.Get("model"),
 			Streaming: q.Get("stream") == "true",
 			ApiKey:    apiKey,
-			Metadata:  make(map[string]string),
 		}, nil
 	}
 
@@ -241,7 +157,6 @@ func extractContext(r *http.Request) (ReqContextData, error) {
 			Model:     gjson.GetBytes(bodyBytes, "model").String(),
 			Streaming: gjson.GetBytes(bodyBytes, "stream").Bool(),
 			ApiKey:    apiKey,
-			Metadata:  make(map[string]string),
 		}, nil
 	}
 
@@ -263,7 +178,6 @@ func extractContext(r *http.Request) (ReqContextData, error) {
 		Model:     r.FormValue("model"),
 		Streaming: r.FormValue("stream") == "true",
 		ApiKey:    apiKey,
-		Metadata:  make(map[string]string),
 	}, nil
 }
 

internal/shared/http_test.go

@@ -11,8 +11,6 @@ import (
 	"net/url"
 	"strings"
 	"testing"
-
-	"github.com/mostlygeek/llama-swap/internal/config"
 )
 
 func TestExtractContext_GET(t *testing.T) {
@@ -421,6 +419,73 @@ func TestSetReqData_Errors(t *testing.T) {
 	}
 }
 
+func TestSetReqData_NilContext(t *testing.T) {
+	// nil context must return an error without panicking.
+	err := SetReqData(nil, "k", "v")
+	if err == nil {
+		t.Error("expected error for nil context, got nil")
+	}
+}
+
+func TestSetReqData_OverwritesExistingKey(t *testing.T) {
+	ctx := SetContext(context.Background(), ReqContextData{
+		Model:    "m",
+		Metadata: map[string]string{"key": "old"},
+	})
+	if err := SetReqData(ctx, "key", "new"); err != nil {
+		t.Fatalf("SetReqData: %v", err)
+	}
+	data, _ := ReadContext(ctx)
+	if data.Metadata["key"] != "new" {
+		t.Errorf("key = %q, want %q", data.Metadata["key"], "new")
+	}
+}
+
+func TestExtractContext_MetadataInitialized_GET(t *testing.T) {
+	r, _ := http.NewRequest(http.MethodGet, "/?model=llama3", nil)
+	got, err := extractContext(r)
+	if err != nil {
+		t.Fatalf("extractContext: %v", err)
+	}
+	if got.Metadata == nil {
+		t.Error("Metadata should be initialized (not nil) for GET requests")
+	}
+}
+
+func TestExtractContext_MetadataInitialized_JSON(t *testing.T) {
+	r, _ := http.NewRequest(http.MethodPost, "/v1/chat/completions", strings.NewReader(`{"model":"llama3"}`))
+	r.Header.Set("Content-Type", "application/json")
+	got, err := extractContext(r)
+	if err != nil {
+		t.Fatalf("extractContext: %v", err)
+	}
+	if got.Metadata == nil {
+		t.Error("Metadata should be initialized (not nil) for JSON POST requests")
+	}
+}
+
+func TestExtractContext_MetadataInitialized_Form(t *testing.T) {
+	r, _ := http.NewRequest(http.MethodPost, "/v1/audio/transcriptions", strings.NewReader("model=whisper-1"))
+	r.Header.Set("Content-Type", "application/x-www-form-urlencoded")
+	got, err := extractContext(r)
+	if err != nil {
+		t.Fatalf("extractContext: %v", err)
+	}
+	if got.Metadata == nil {
+		t.Error("Metadata should be initialized (not nil) for form POST requests")
+	}
+}
+
+func TestExtractContext_MetadataIsWritable(t *testing.T) {
+	// Verify the initialized map is writable — i.e. SetReqData can use it.
+	r, _ := http.NewRequest(http.MethodGet, "/?model=llama3", nil)
+	got, _ := extractContext(r)
+	ctx := SetContext(context.Background(), got)
+	if err := SetReqData(ctx, "x", "y"); err != nil {
+		t.Fatalf("SetReqData on extractContext Metadata: %v", err)
+	}
+}
+
 func TestServer_ExtractAPIKey(t *testing.T) {
 	basicHeader := func(user, pass string) string {
 		return "Basic " + base64.StdEncoding.EncodeToString([]byte(user+":"+pass))
@@ -458,68 +523,3 @@ func TestServer_ExtractAPIKey(t *testing.T) {
 		})
 	}
 }
-
-func TestFetchContext_UpstreamPath(t *testing.T) {
-	cfg := config.Config{
-		Models: map[string]config.ModelConfig{
-			"m1":           {},
-			"author/model": {},
-			"real":         {Aliases: []string{"nick"}},
-		},
-	}
-
-	cases := []struct {
-		name        string
-		path        string
-		wantModel   string
-		wantModelID string
-		wantErr     bool
-	}{
-		{"known model", "/upstream/m1/v1/chat/completions", "m1", "m1", false},
-		{"model with slash", "/upstream/author/model/v1/chat", "author/model", "author/model", false},
-		{"unknown model", "/upstream/nope/v1/chat/completions", "", "", true},
-		{"bare model path", "/upstream/m1/", "m1", "m1", false},
-	}
-
-	for _, c := range cases {
-		t.Run(c.name, func(t *testing.T) {
-			r := httptest.NewRequest(http.MethodPost, c.path, strings.NewReader(`{}`))
-			data, err := FetchContext(r, cfg)
-			if (err != nil) != c.wantErr {
-				t.Fatalf("wantErr=%v got err=%v", c.wantErr, err)
-			}
-			if c.wantErr {
-				return
-			}
-			if data.Model != c.wantModel {
-				t.Errorf("model = %q, want %q", data.Model, c.wantModel)
-			}
-			if data.ModelID != c.wantModelID {
-				t.Errorf("modelID = %q, want %q", data.ModelID, c.wantModelID)
-			}
-			if data.Metadata == nil {
-				t.Error("metadata map not initialized")
-			}
-		})
-	}
-}
-
-func TestFetchContext_UpstreamPath_DoesNotReadBody(t *testing.T) {
-	cfg := config.Config{Models: map[string]config.ModelConfig{"m1": {}}}
-	body := `{"model":"should-not-matter"}`
-	r := httptest.NewRequest(http.MethodPost, "/upstream/m1/v1/chat/completions", strings.NewReader(body))
-
-	_, err := FetchContext(r, cfg)
-	if err != nil {
-		t.Fatalf("FetchContext: %v", err)
-	}
-
-	// The body should be untouched so the upstream handler can still read it.
-	got, err := io.ReadAll(r.Body)
-	if err != nil {
-		t.Fatalf("read body: %v", err)
-	}
-	if string(got) != body {
-		t.Errorf("body was consumed: %q", string(got))
-	}
-}

internal/watcher/dirwatcher.go

@@ -1,137 +0,0 @@
-package configwatcher
-
-import (
-	"context"
-	"os"
-	"path/filepath"
-	"sort"
-	"strings"
-	"time"
-)
-
-// DirWatcher polls a directory for changes to its set of *.yml / *.yaml files.
-// It fires OnChange when a file is added, removed, or has its mod time/size
-// change. Like Watcher it is poll-based so it works in Docker bind-mounts and
-// k8s ConfigMap projections where inotify is unreliable.
-//
-// The baseline poll establishes initial state and does not fire OnChange.
-type DirWatcher struct {
-	Path     string
-	Interval time.Duration
-	OnChange func()
-}
-
-// dirSnapshot is an ordered map of file name -> file state. The ordering is
-// derived from sorted filenames so two snapshots compare deterministically
-// regardless of readdir order. exists reflects whether the directory was
-// readable at scan time; a missing directory yields exists=false.
-type dirSnapshot struct {
-	exists bool
-	names  []string
-	states map[string]snapshot
-}
-
-func newDirSnapshot() dirSnapshot {
-	return dirSnapshot{states: make(map[string]snapshot)}
-}
-
-// equal reports whether two snapshots describe the same file set and per-file
-// state. A missing directory (exists=false) is treated as equal to any other
-// missing directory regardless of cached names.
-func (s dirSnapshot) equal(other dirSnapshot) bool {
-	if !s.exists && !other.exists {
-		return true
-	}
-	if s.exists != other.exists {
-		return false
-	}
-	if len(s.names) != len(other.names) {
-		return false
-	}
-	for i, n := range s.names {
-		if other.names[i] != n {
-			return false
-		}
-	}
-	for _, n := range s.names {
-		a, b := s.states[n], other.states[n]
-		if a.exists != b.exists || a.size != b.size || !a.modTime.Equal(b.modTime) {
-			return false
-		}
-	}
-	return true
-}
-
-// Run blocks until ctx is canceled. It polls Path on Interval and invokes
-// OnChange whenever the directory's YAML file set changes.
-//
-// Policy mirrors the single-file Watcher: disappearance (directory missing or
-// empty) is treated as a transient rename-style write and stays quiet; the
-// transition back to present-with-content fires OnChange.
-func (w *DirWatcher) Run(ctx context.Context) {
-	interval := w.Interval
-	if interval <= 0 {
-		interval = DefaultInterval
-	}
-
-	prev := scanDir(w.Path)
-
-	ticker := time.NewTicker(interval)
-	defer ticker.Stop()
-
-	for {
-		select {
-		case <-ctx.Done():
-			return
-		case <-ticker.C:
-			cur := scanDir(w.Path)
-			// Suppress transitions involving an empty or missing directory —
-			// these are treated as transient rename-style writes, mirroring
-			// the single-file Watcher. Only present-with-content →
-			// present-with-content (changed) or no-content →
-			// present-with-content fires OnChange.
-			prevHasContent := prev.exists && len(prev.names) > 0
-			curHasContent := cur.exists && len(cur.names) > 0
-			if curHasContent && (!prevHasContent || !prev.equal(cur)) && w.OnChange != nil {
-				w.OnChange()
-			}
-			prev = cur
-		}
-	}
-}
-
-// scanDir returns a snapshot of the *.yml/*.yaml files in dir. If the
-// directory cannot be read (missing, permission denied) the snapshot reports
-// exists=false; the next successful scan will detect the recovery and fire
-// OnChange.
-func scanDir(dir string) dirSnapshot {
-	snap := newDirSnapshot()
-	entries, err := os.ReadDir(dir)
-	if err != nil {
-		return snap // exists=false
-	}
-	snap.exists = true
-	for _, e := range entries {
-		if e.IsDir() {
-			continue
-		}
-		name := e.Name()
-		if !strings.HasSuffix(name, ".yml") && !strings.HasSuffix(name, ".yaml") {
-			continue
-		}
-		fi, err := os.Stat(filepath.Join(dir, name))
-		if err != nil {
-			// File disappeared between ReadDir and Stat; skip it — the
-			// next poll will observe the removal cleanly.
-			continue
-		}
-		snap.names = append(snap.names, name)
-		snap.states[name] = snapshot{
-			exists:  true,
-			modTime: fi.ModTime(),
-			size:    fi.Size(),
-		}
-	}
-	sort.Strings(snap.names)
-	return snap
-}

internal/watcher/dirwatcher_test.go

@@ -1,199 +0,0 @@
-package configwatcher
-
-import (
-	"context"
-	"os"
-	"path/filepath"
-	"sync/atomic"
-	"testing"
-	"time"
-
-	"github.com/stretchr/testify/require"
-)
-
-// startDirWatcher launches w.Run in a goroutine and returns a function that
-// cancels the context and waits for Run to return.
-func startDirWatcher(t *testing.T, w *DirWatcher) func() {
-	t.Helper()
-	ctx, cancel := context.WithCancel(context.Background())
-	done := make(chan struct{})
-	go func() {
-		w.Run(ctx)
-		close(done)
-	}()
-	return func() {
-		cancel()
-		select {
-		case <-done:
-		case <-time.After(2 * time.Second):
-			t.Fatal("DirWatcher did not stop within 2s of cancel")
-		}
-	}
-}
-
-func writeYAMLInDir(t *testing.T, dir, name, content string) {
-	t.Helper()
-	require.NoError(t, os.WriteFile(filepath.Join(dir, name), []byte(content), 0o644))
-}
-
-func TestDirWatcher_NoFireOnBaseline(t *testing.T) {
-	dir := t.TempDir()
-	writeYAMLInDir(t, dir, "a.yaml", "a")
-
-	var n int64
-	stop := startDirWatcher(t, &DirWatcher{
-		Path:     dir,
-		Interval: testInterval,
-		OnChange: func() { atomic.AddInt64(&n, 1) },
-	})
-	defer stop()
-
-	time.Sleep(testInterval * 5)
-	require.Equal(t, int64(0), atomic.LoadInt64(&n), "baseline poll must not fire")
-}
-
-func TestDirWatcher_DetectsFileAdd(t *testing.T) {
-	dir := t.TempDir()
-	writeYAMLInDir(t, dir, "a.yaml", "a")
-
-	var n int64
-	stop := startDirWatcher(t, &DirWatcher{
-		Path:     dir,
-		Interval: testInterval,
-		OnChange: func() { atomic.AddInt64(&n, 1) },
-	})
-	defer stop()
-	time.Sleep(testInterval * 2)
-
-	writeYAMLInDir(t, dir, "b.yaml", "b")
-	require.True(t, waitForCount(t, &n, 1, time.Second), "callback should fire when a file is added")
-}
-
-func TestDirWatcher_DetectsFileRemoval(t *testing.T) {
-	dir := t.TempDir()
-	writeYAMLInDir(t, dir, "a.yaml", "a")
-	writeYAMLInDir(t, dir, "b.yaml", "b")
-
-	var n int64
-	stop := startDirWatcher(t, &DirWatcher{
-		Path:     dir,
-		Interval: testInterval,
-		OnChange: func() { atomic.AddInt64(&n, 1) },
-	})
-	defer stop()
-	time.Sleep(testInterval * 2)
-
-	require.NoError(t, os.Remove(filepath.Join(dir, "b.yaml")))
-	require.True(t, waitForCount(t, &n, 1, time.Second), "callback should fire when a file is removed")
-}
-
-func TestDirWatcher_DetectsModTimeChange(t *testing.T) {
-	dir := t.TempDir()
-	writeYAMLInDir(t, dir, "a.yaml", "a")
-
-	base := time.Now().Add(-1 * time.Hour).Truncate(time.Second)
-	require.NoError(t, os.Chtimes(filepath.Join(dir, "a.yaml"), base, base))
-
-	var n int64
-	stop := startDirWatcher(t, &DirWatcher{
-		Path:     dir,
-		Interval: testInterval,
-		OnChange: func() { atomic.AddInt64(&n, 1) },
-	})
-	defer stop()
-	time.Sleep(testInterval * 2)
-
-	require.NoError(t, os.Chtimes(filepath.Join(dir, "a.yaml"), base.Add(10*time.Second), base.Add(10*time.Second)))
-	require.True(t, waitForCount(t, &n, 1, time.Second), "callback should fire after mtime change")
-}
-
-func TestDirWatcher_IgnoresNonYAMLFiles(t *testing.T) {
-	dir := t.TempDir()
-	writeYAMLInDir(t, dir, "a.yaml", "a")
-
-	var n int64
-	stop := startDirWatcher(t, &DirWatcher{
-		Path:     dir,
-		Interval: testInterval,
-		OnChange: func() { atomic.AddInt64(&n, 1) },
-	})
-	defer stop()
-	time.Sleep(testInterval * 2)
-
-	// Adding a .txt file must not fire.
-	require.NoError(t, os.WriteFile(filepath.Join(dir, "notes.txt"), []byte("hi"), 0o644))
-	time.Sleep(testInterval * 4)
-	require.Equal(t, int64(0), atomic.LoadInt64(&n), "non-YAML files must be ignored")
-
-	// Adding a .yml file must fire.
-	writeYAMLInDir(t, dir, "b.yml", "b")
-	require.True(t, waitForCount(t, &n, 1, time.Second), "callback should fire for *.yml files")
-}
-
-func TestDirWatcher_MissingDirRecovers(t *testing.T) {
-	dir := t.TempDir()
-	writeYAMLInDir(t, dir, "a.yaml", "a")
-
-	var n int64
-	stop := startDirWatcher(t, &DirWatcher{
-		Path:     dir,
-		Interval: testInterval,
-		OnChange: func() { atomic.AddInt64(&n, 1) },
-	})
-	defer stop()
-	time.Sleep(testInterval * 2)
-
-	// Remove the directory. No fire expected on disappearance alone.
-	require.NoError(t, os.RemoveAll(dir))
-	time.Sleep(testInterval * 3)
-	require.Equal(t, int64(0), atomic.LoadInt64(&n), "directory removal alone must not fire")
-
-	// Recreate the directory and a YAML file; the recovery should fire.
-	require.NoError(t, os.MkdirAll(dir, 0o755))
-	writeYAMLInDir(t, dir, "recovered.yaml", "r")
-	require.True(t, waitForCount(t, &n, 1, time.Second), "callback should fire when dir returns with content")
-}
-
-func TestDirWatcher_EmptyDirSuppressedThenRecovers(t *testing.T) {
-	// Present-with-content → empty (all YAML removed, dir still exists)
-	// must stay quiet — treated as transient per the documented policy.
-	// The transition back to content fires.
-	dir := t.TempDir()
-	writeYAMLInDir(t, dir, "a.yaml", "a")
-
-	var n int64
-	stop := startDirWatcher(t, &DirWatcher{
-		Path:     dir,
-		Interval: testInterval,
-		OnChange: func() { atomic.AddInt64(&n, 1) },
-	})
-	defer stop()
-	time.Sleep(testInterval * 2)
-
-	// Remove the only YAML file. Dir still exists but is empty of YAML.
-	require.NoError(t, os.Remove(filepath.Join(dir, "a.yaml")))
-	time.Sleep(testInterval * 4)
-	require.Equal(t, int64(0), atomic.LoadInt64(&n), "emptying the directory must not fire")
-
-	// Add a YAML file back; transition to present-with-content fires.
-	writeYAMLInDir(t, dir, "c.yaml", "c")
-	require.True(t, waitForCount(t, &n, 1, time.Second), "callback should fire when content returns")
-}
-
-func TestDirWatcher_ContextCancelStopsRun(t *testing.T) {
-	dir := t.TempDir()
-	writeYAMLInDir(t, dir, "a.yaml", "a")
-
-	w := &DirWatcher{Path: dir, Interval: testInterval}
-	ctx, cancel := context.WithCancel(context.Background())
-	done := make(chan struct{})
-	go func() { w.Run(ctx); close(done) }()
-
-	time.Sleep(testInterval * 2)
-	cancel()
-	select {
-	case <-done:
-	case <-time.After(2 * time.Second):
-		t.Fatal("Run did not return within 2s of cancel")
-	}
-}

llama-swap.go

@@ -55,8 +55,7 @@ var logTimeFormats = map[string]string{
 }
 
 func main() {
-	flagConfig := flag.String("config", "", "path to config file")
-	flagConfigDir := flag.String("config-dir", "", "directory of *.yml/*.yaml config files (additive to -config)")
+	flagConfig := flag.String("config", "", "path to config file (required)")
 	flagListen := flag.String("listen", "", "listen address (default :8080 or :8443 for TLS)")
 	flagCertFile := flag.String("tls-cert-file", "", "TLS certificate file")
 	flagKeyFile := flag.String("tls-key-file", "", "TLS key file")
@@ -69,8 +68,8 @@ func main() {
 		os.Exit(0)
 	}
 
-	if *flagConfig == "" && *flagConfigDir == "" {
-		slog.Error("at least one of -config or -config-dir must be provided")
+	if *flagConfig == "" {
+		slog.Error("-config is required")
 		os.Exit(1)
 	}
 
@@ -89,9 +88,10 @@ func main() {
 		}
 	}
 
-	cfg, err := config.LoadConfigSources(*flagConfig, *flagConfigDir)
+	configPath := *flagConfig
+	cfg, err := config.LoadConfig(configPath)
 	if err != nil {
-		slog.Error("failed to load config", "config", *flagConfig, "config-dir", *flagConfigDir, "error", err)
+		slog.Error("failed to load config", "path", configPath, "error", err)
 		os.Exit(1)
 	}
 
@@ -187,7 +187,7 @@ func main() {
 
 		proxyLog.Info("reloading configuration")
 
-		newCfg, err := config.LoadConfigSources(*flagConfig, *flagConfigDir)
+		newCfg, err := config.LoadConfig(configPath)
 		if err != nil {
 			proxyLog.Warnf("failed to reload config: %v", err)
 			return
@@ -230,37 +230,19 @@ func main() {
 	defer watcherCancel()
 
 	if *flagWatchConfig {
+		absConfigPath, err := filepath.Abs(configPath)
+		if err != nil {
+			slog.Error("watch-config: failed to resolve config path", "error", err)
+			os.Exit(1)
+		}
 		proxyLog.Info("watching configuration for changes (poll-based, 2s interval)")
-
-		if *flagConfig != "" {
-			absConfigPath, err := filepath.Abs(*flagConfig)
-			if err != nil {
-				slog.Error("watch-config: failed to resolve config path", "error", err)
-				os.Exit(1)
-			}
-			go func() {
-				(&configwatcher.Watcher{
-					Path:     absConfigPath,
-					Interval: configwatcher.DefaultInterval,
-					OnChange: reload,
-				}).Run(watcherCtx)
-			}()
-		}
-
-		if *flagConfigDir != "" {
-			absConfigDir, err := filepath.Abs(*flagConfigDir)
-			if err != nil {
-				slog.Error("watch-config: failed to resolve config-dir path", "error", err)
-				os.Exit(1)
-			}
-			go func() {
-				(&configwatcher.DirWatcher{
-					Path:     absConfigDir,
-					Interval: configwatcher.DefaultInterval,
-					OnChange: reload,
-				}).Run(watcherCtx)
-			}()
-		}
+		go func() {
+			(&configwatcher.Watcher{
+				Path:     absConfigPath,
+				Interval: configwatcher.DefaultInterval,
+				OnChange: reload,
+			}).Run(watcherCtx)
+		}()
 	}
 
 	sigChan := make(chan os.Signal, 1)

ui-svelte/components.json

@@ -1,17 +0,0 @@
-{
-  "$schema": "https://shadcn-svelte.com/schema.json",
-  "tailwind": {
-    "css": "src/index.css",
-    "baseColor": "zinc"
-  },
-  "aliases": {
-    "components": "$lib/components",
-    "utils": "$lib/utils",
-    "ui": "$lib/components/ui",
-    "hooks": "$lib/hooks",
-    "lib": "$lib"
-  },
-  "typescript": true,
-  "registry": "https://shadcn-svelte.com/registry",
-  "iconLibrary": "lucide"
-}

ui-svelte/package-lock.json

@@ -8,10 +8,10 @@
       "name": "ui-svelte",
       "version": "0.0.0",
       "dependencies": {
-        "@tanstack/table-core": "^8.21.3",
         "chart.js": "4.5.1",
         "highlight.js": "^11.11.1",
         "katex": "^0.16.28",
+        "lucide-svelte": "^0.563.0",
         "rehype-katex": "^7.0.1",
         "rehype-stringify": "^10.0.1",
         "remark-gfm": "^4.0.1",
@@ -23,22 +23,14 @@
         "unist-util-visit": "^5.1.0"
       },
       "devDependencies": {
-        "@internationalized/date": "^3.12.2",
-        "@lucide/svelte": "^1.21.0",
         "@sveltejs/vite-plugin-svelte": "^7.0.0",
         "@tailwindcss/vite": "^4.1.8",
         "@tsconfig/svelte": "^5.0.4",
         "@types/hast": "^3.0.4",
         "@types/node": "^25.1.0",
-        "bits-ui": "^2.18.1",
-        "clsx": "^2.1.1",
-        "paneforge": "^1.0.2",
         "svelte": "^5.46.4",
         "svelte-check": "^4.1.4",
-        "tailwind-merge": "^3.6.0",
-        "tailwind-variants": "^3.2.2",
         "tailwindcss": "^4.1.8",
-        "tw-animate-css": "^1.4.0",
         "typescript": "~5.8.3",
         "vite": "^8.0.0",
         "vite-plugin-compression2": "^2.5.1",
@@ -46,21 +38,21 @@
       }
     },
     "node_modules/@emnapi/core": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.1.tgz",
-      "integrity": "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.2.tgz",
+      "integrity": "sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/wasi-threads": "1.2.2",
+        "@emnapi/wasi-threads": "1.2.1",
         "tslib": "^2.4.0"
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz",
-      "integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==",
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.2.tgz",
+      "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -69,9 +61,9 @@
       }
     },
     "node_modules/@emnapi/wasi-threads": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz",
-      "integrity": "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -79,44 +71,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "node_modules/@floating-ui/core": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz",
-      "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@floating-ui/utils": "^0.2.11"
-      }
-    },
-    "node_modules/@floating-ui/dom": {
-      "version": "1.7.6",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.6.tgz",
-      "integrity": "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@floating-ui/core": "^1.7.5",
-        "@floating-ui/utils": "^0.2.11"
-      }
-    },
-    "node_modules/@floating-ui/utils": {
-      "version": "0.2.11",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz",
-      "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@internationalized/date": {
-      "version": "3.12.2",
-      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.12.2.tgz",
-      "integrity": "sha512-FY1Y+H64NDs+HAF6omlnWxm3mEpfgaCSWtL5l551ZZfImA+kGjPFgrnJrGjH6lfmLL0g8Z/mBu1R3kufeCp6Jw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@swc/helpers": "^0.5.0"
-      }
-    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -173,25 +127,15 @@
       "integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==",
       "license": "MIT"
     },
-    "node_modules/@lucide/svelte": {
-      "version": "1.21.0",
-      "resolved": "https://registry.npmjs.org/@lucide/svelte/-/svelte-1.21.0.tgz",
-      "integrity": "sha512-MEv//A7Jv3kHukZowv/DWp1MAtUzJKYwtJsmnQ7X98lCgtac3z3NbaToDl3Q6jO3gS9sougFpcD+t+YuxOkRMw==",
-      "dev": true,
-      "license": "ISC",
-      "peerDependencies": {
-        "svelte": "^5"
-      }
-    },
     "node_modules/@napi-rs/wasm-runtime": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.6.tgz",
-      "integrity": "sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.3.tgz",
+      "integrity": "sha512-xK9sGVbJWYb08+mTJt3/YV24WxvxpXcXtP6B172paPZ+Ts69Re9dAr7lKwJoeIx8OoeuimEiRZ7umkiUVClmmQ==",
       "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@tybys/wasm-util": "^0.10.3"
+        "@tybys/wasm-util": "^0.10.1"
       },
       "funding": {
         "type": "github",
@@ -203,9 +147,9 @@
       }
     },
     "node_modules/@oxc-project/types": {
-      "version": "0.137.0",
-      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.137.0.tgz",
-      "integrity": "sha512-WT+Gb24i8hmvo85AIv2oEYouEXkRlKAlT9WaCa3TfLgNCN+GhrJOGZuIlMouAh38Qe4QOx26eUOVsq70qXrywA==",
+      "version": "0.124.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.124.0.tgz",
+      "integrity": "sha512-VBFWMTBvHxS11Z5Lvlr3IWgrwhMTXV+Md+EQF0Xf60+wAdsGFTBx7X7K/hP4pi8N7dcm1RvcHwDxZ16Qx8keUg==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -213,9 +157,9 @@
       }
     },
     "node_modules/@rolldown/binding-android-arm64": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.1.3.tgz",
-      "integrity": "sha512-DT6Z3PhvioeHMvxo+xHc3KtqggrI7CCTXCmC2h/5zUlp5jVitv7XEy+9q5/7v8IolhlioawpMo8Kg0EEBy7J0g==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-YYe6aWruPZDtHNpwu7+qAHEMbQ/yRl6atqb/AhznLTnD3UY99Q1jE7ihLSahNWkF4EqRPVC4SiR4O0UkLK02tA==",
       "cpu": [
         "arm64"
       ],
@@ -230,9 +174,9 @@
       }
     },
     "node_modules/@rolldown/binding-darwin-arm64": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.1.3.tgz",
-      "integrity": "sha512-0NwgwsjM7LrsuVnXMK3koTpagBNOhloc/BNjKqZjv4V5zI5r13qx69uVhRx+o5Z0yy4Hzq+lpy7TAgUG/ocvrw==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-oArR/ig8wNTPYsXL+Mzhs0oxhxfuHRfG7Ikw7jXsw8mYOtk71W0OkF2VEVh699pdmzjPQsTjlD1JIOoHkLP1Fg==",
       "cpu": [
         "arm64"
       ],
@@ -247,9 +191,9 @@
       }
     },
     "node_modules/@rolldown/binding-darwin-x64": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.1.3.tgz",
-      "integrity": "sha512-YtiBp4disu6V560loT6PjMdiRaWmVvDNrUunAalbiFx2ggeJwxdAsgZMcoGP17uyAsTwAj5V1niksxlHnVQ1Sw==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-YzeVqOqjPYvUbJSWJ4EDL8ahbmsIXQpgL3JVipmN+MX0XnXMeWomLN3Fb+nwCmP/jfyqte5I3XRSm7OfQrbyxw==",
       "cpu": [
         "x64"
       ],
@@ -264,9 +208,9 @@
       }
     },
     "node_modules/@rolldown/binding-freebsd-x64": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.1.3.tgz",
-      "integrity": "sha512-yD3EkEdXk2LypPxnf/kSZHirarsI8gcPzc62SukhR9VJTyvV+F9Q/GxWNuCojc7sXyuVC4DxRGhdDK4X8VSsbw==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-9Erhx956jeQ0nNTyif1+QWAXDRD38ZNjr//bSHrt6wDwB+QkAfl2q6Mn1k6OBPerznjRmbM10lgRb1Pli4xZPw==",
       "cpu": [
         "x64"
       ],
@@ -281,9 +225,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.1.3.tgz",
-      "integrity": "sha512-c+8vieQbsD7HNAHKIA34w0GJ9FedFFuJGD+7E6vz7Q3uqAIugL5p45fhlsj4UaAsHpcmlqugBWMhA0/j7o0sIg==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.15.tgz",
+      "integrity": "sha512-cVwk0w8QbZJGTnP/AHQBs5yNwmpgGYStL88t4UIaqcvYJWBfS0s3oqVLZPwsPU6M0zlW4GqjP0Zq5MnAGwFeGA==",
       "cpu": [
         "arm"
       ],
@@ -298,16 +242,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm64-gnu": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.1.3.tgz",
-      "integrity": "sha512-50jD0uUwLvur7Zz9LHz17kaAdTPjn5wN93hEgjvmYFRZwiR7ZJYovTd5ipyWJDAnXKvZ+wgc+/Ika6dwSF5OcA==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.15.tgz",
+      "integrity": "sha512-eBZ/u8iAK9SoHGanqe/jrPnY0JvBN6iXbVOsbO38mbz+ZJsaobExAm1Iu+rxa4S1l2FjG0qEZn4Rc6X8n+9M+w==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -318,16 +259,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm64-musl": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.1.3.tgz",
-      "integrity": "sha512-BO9+oPL8K9poZJBfYPsXNtYjPE5uM3qeehT3aFcW4LITOl+iSqhp0abzjR2nWBUNjIZeKXjAEWBZ64WjNoHd6w==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.15.tgz",
+      "integrity": "sha512-ZvRYMGrAklV9PEkgt4LQM6MjQX2P58HPAuecwYObY2DhS2t35R0I810bKi0wmaYORt6m/2Sm+Z+nFgb0WhXNcQ==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -338,16 +276,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-ppc64-gnu": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.1.3.tgz",
-      "integrity": "sha512-f3VpLB1vQ0Eo6ecr/6cekLnvYMFF4YBFoVGkfkvPLq1bAkbAwHYQPZKoAmG6OJyTcxxoC+AvezGx/S1obNC0Mw==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.15.tgz",
+      "integrity": "sha512-VDpgGBzgfg5hLg+uBpCLoFG5kVvEyafmfxGUV0UHLcL5irxAK7PKNeC2MwClgk6ZAiNhmo9FLhRYgvMmedLtnQ==",
       "cpu": [
         "ppc64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -358,16 +293,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-s390x-gnu": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.1.3.tgz",
-      "integrity": "sha512-AmurZ26Pqx/RI9N1gzEOCklkKXl927yjfXWUUS0O7Puh8ARM/Ob8qfrD3qnWksScdw6cSrW5PSHE9DyLu7+PtA==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.15.tgz",
+      "integrity": "sha512-y1uXY3qQWCzcPgRJATPSOUP4tCemh4uBdY7e3EZbVwCJTY3gLJWnQABgeUetvED+bt1FQ01OeZwvhLS2bpNrAQ==",
       "cpu": [
         "s390x"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -378,16 +310,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-x64-gnu": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.1.3.tgz",
-      "integrity": "sha512-JJpqs8bRGITDOdbkNKnlojzBabbOHrqjSvDr0IVsZObE1lBcPjxItUEY9eWIDbxaJ3cGrXPWGfGkIxFijg/URg==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.15.tgz",
+      "integrity": "sha512-023bTPBod7J3Y/4fzAN6QtpkSABR0rigtrwaP+qSEabUh5zf6ELr9Nc7GujaROuPY3uwdSIXWrvhn1KxOvurWA==",
       "cpu": [
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -398,16 +327,13 @@
       }
     },
     "node_modules/@rolldown/binding-linux-x64-musl": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.1.3.tgz",
-      "integrity": "sha512-rSJcdjPxzA/by/6/rYs+v+bXU7UjvnbUWz8MJb6kh6+knqB1dCrtHg0uu7C/4haqJvqdkYHQ5IGn+tCH9GLW/g==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.15.tgz",
+      "integrity": "sha512-witB2O0/hU4CgfOOKUoeFgQ4GktPi1eEbAhaLAIpgD6+ZnhcPkUtPsoKKHRzmOoWPZue46IThdSgdo4XneOLYw==",
       "cpu": [
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -418,9 +344,9 @@
       }
     },
     "node_modules/@rolldown/binding-openharmony-arm64": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.1.3.tgz",
-      "integrity": "sha512-hQ3/PYkDJICgevvyNcVrihVeqq7k1Pp3VZ9lY+dauAYUJKO+auqApvANhvR1An9BhmqYKvW2Mu1F9u4DXSMLxQ==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-UCL68NJ0Ud5zRipXZE9dF5PmirzJE4E4BCIOOssEnM7wLDsxjc6Qb0sGDxTNRTP53I6MZpygyCpY8Aa8sPfKPg==",
       "cpu": [
         "arm64"
       ],
@@ -435,9 +361,9 @@
       }
     },
     "node_modules/@rolldown/binding-wasm32-wasi": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.1.3.tgz",
-      "integrity": "sha512-Elcv/BtML9lXrV6JuKITc/grN2kYV9gjsQpW8Jfw4ioK0TOkjBjye0nnyqQNy9STNaI20lXNaQBRrD5gSgR0Yg==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.15.tgz",
+      "integrity": "sha512-ApLruZq/ig+nhaE7OJm4lDjayUnOHVUa77zGeqnqZ9pn0ovdVbbNPerVibLXDmWeUZXjIYIT8V3xkT58Rm9u5Q==",
       "cpu": [
         "wasm32"
       ],
@@ -445,18 +371,18 @@
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/core": "1.11.1",
-        "@emnapi/runtime": "1.11.1",
-        "@napi-rs/wasm-runtime": "^1.1.6"
+        "@emnapi/core": "1.9.2",
+        "@emnapi/runtime": "1.9.2",
+        "@napi-rs/wasm-runtime": "^1.1.3"
       },
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">=14.0.0"
       }
     },
     "node_modules/@rolldown/binding-win32-arm64-msvc": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.1.3.tgz",
-      "integrity": "sha512-2DrEfhluH9yhiaFApmsjsjwrSYbNcY1oFTzYSP1a535jDbV98zCFanA/96TBUd0iDFcxGmw9QRExwGCXz3U+/g==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.15.tgz",
+      "integrity": "sha512-KmoUoU7HnN+Si5YWJigfTws1jz1bKBYDQKdbLspz0UaqjjFkddHsqorgiW1mxcAj88lYUE6NC/zJNwT+SloqtA==",
       "cpu": [
         "arm64"
       ],
@@ -471,9 +397,9 @@
       }
     },
     "node_modules/@rolldown/binding-win32-x64-msvc": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.1.3.tgz",
-      "integrity": "sha512-OL4OMk7UPXOeVGGd3qo5zJyPIljf4AFgk5QAkPPS+OoLuOOozhuaQGC18MxVTnw/06q93gShAJzlwnSCY9YtqA==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.15.tgz",
+      "integrity": "sha512-3P2A8L+x75qavWLe/Dll3EYBJLQmtkJN8rfh+U/eR3MqMgL/h98PhYI+JFfXuDPgPeCB7iZAKiqii5vqOvnA0g==",
       "cpu": [
         "x64"
       ],
@@ -488,9 +414,9 @@
       }
     },
     "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz",
-      "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.15.tgz",
+      "integrity": "sha512-UromN0peaE53IaBRe9W7CjrZgXl90fqGpK+mIZbA3qSTeYqg3pqpROBdIPvOG3F5ereDHNwoHBI2e50n1BDr1g==",
       "dev": true,
       "license": "MIT"
     },
@@ -554,16 +480,6 @@
         "vite": "^8.0.0-beta.7 || ^8.0.0"
       }
     },
-    "node_modules/@swc/helpers": {
-      "version": "0.5.23",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.23.tgz",
-      "integrity": "sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "^2.8.0"
-      }
-    },
     "node_modules/@tailwindcss/node": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.1.tgz",
@@ -836,19 +752,6 @@
         "vite": "^5.2.0 || ^6 || ^7"
       }
     },
-    "node_modules/@tanstack/table-core": {
-      "version": "8.21.3",
-      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.3.tgz",
-      "integrity": "sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
-      }
-    },
     "node_modules/@tsconfig/svelte": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/@tsconfig/svelte/-/svelte-5.0.8.tgz",
@@ -857,9 +760,9 @@
       "license": "MIT"
     },
     "node_modules/@tybys/wasm-util": {
-      "version": "0.10.3",
-      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.3.tgz",
-      "integrity": "sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==",
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -1150,31 +1053,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/bits-ui": {
-      "version": "2.18.1",
-      "resolved": "https://registry.npmjs.org/bits-ui/-/bits-ui-2.18.1.tgz",
-      "integrity": "sha512-KkemzKFH4T3gt3H+P86JcnAWExjByv/6vlwjm/BoCwTPHu03yiCdxbghdJLvFReQTe0acCAiRcKfmixxD6XvlA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@floating-ui/core": "^1.7.1",
-        "@floating-ui/dom": "^1.7.1",
-        "esm-env": "^1.1.2",
-        "runed": "^0.35.1",
-        "svelte-toolbelt": "^0.10.6",
-        "tabbable": "^6.2.0"
-      },
-      "engines": {
-        "node": ">=20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/huntabyte"
-      },
-      "peerDependencies": {
-        "@internationalized/date": "^3.8.1",
-        "svelte": "^5.33.0"
-      }
-    },
     "node_modules/ccount": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
@@ -1677,13 +1555,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/inline-style-parser": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
-      "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/is-plain-obj": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
@@ -2010,14 +1881,13 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/lz-string": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
-      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "lz-string": "bin/bin.js"
+    "node_modules/lucide-svelte": {
+      "version": "0.563.0",
+      "resolved": "https://registry.npmjs.org/lucide-svelte/-/lucide-svelte-0.563.0.tgz",
+      "integrity": "sha512-pjZKw7TpQcamfQrx7YdbOHgmrcNeKiGGMD0tKZQaVktwSsbqw28CsKc2Q97ttwjytiCWkJyOa8ij2Q+Og0nPfQ==",
+      "license": "ISC",
+      "peerDependencies": {
+        "svelte": "^3 || ^4 || ^5.0.0-next.42"
       }
     },
     "node_modules/magic-string": {
@@ -2868,9 +2738,9 @@
       "license": "MIT"
     },
     "node_modules/nanoid": {
-      "version": "3.3.15",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.15.tgz",
-      "integrity": "sha512-y7Wygv/7mEOvxTuEQDB8StXdMRBWf1kR/tlhAzBRUFkB2jfcLOAxO/SHmOO2zgz1pVgK29/kyupn059/bCHdjA==",
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
       "dev": true,
       "funding": [
         {
@@ -2897,74 +2767,6 @@
       ],
       "license": "MIT"
     },
-    "node_modules/paneforge": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/paneforge/-/paneforge-1.0.2.tgz",
-      "integrity": "sha512-KzmIXQH1wCfwZ4RsMohD/IUtEjVhteR+c+ulb/CHYJHX8SuDXoJmChtsc/Xs5Wl8NHS4L5Q7cxL8MG40gSU1bA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "runed": "^0.23.4",
-        "svelte-toolbelt": "^0.9.2"
-      },
-      "peerDependencies": {
-        "svelte": "^5.29.0"
-      }
-    },
-    "node_modules/paneforge/node_modules/runed": {
-      "version": "0.23.4",
-      "resolved": "https://registry.npmjs.org/runed/-/runed-0.23.4.tgz",
-      "integrity": "sha512-9q8oUiBYeXIDLWNK5DfCWlkL0EW3oGbk845VdKlPeia28l751VpfesaB/+7pI6rnbx1I6rqoZ2fZxptOJLxILA==",
-      "dev": true,
-      "funding": [
-        "https://github.com/sponsors/huntabyte",
-        "https://github.com/sponsors/tglide"
-      ],
-      "dependencies": {
-        "esm-env": "^1.0.0"
-      },
-      "peerDependencies": {
-        "svelte": "^5.7.0"
-      }
-    },
-    "node_modules/paneforge/node_modules/svelte-toolbelt": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/svelte-toolbelt/-/svelte-toolbelt-0.9.3.tgz",
-      "integrity": "sha512-HCSWxCtVmv+c6g1ACb8LTwHVbDqLKJvHpo6J8TaqwUme2hj9ATJCpjCPNISR1OCq2Q4U1KT41if9ON0isINQZw==",
-      "dev": true,
-      "funding": [
-        "https://github.com/sponsors/huntabyte"
-      ],
-      "dependencies": {
-        "clsx": "^2.1.1",
-        "runed": "^0.29.0",
-        "style-to-object": "^1.0.8"
-      },
-      "engines": {
-        "node": ">=18",
-        "pnpm": ">=8.7.0"
-      },
-      "peerDependencies": {
-        "svelte": "^5.30.2"
-      }
-    },
-    "node_modules/paneforge/node_modules/svelte-toolbelt/node_modules/runed": {
-      "version": "0.29.2",
-      "resolved": "https://registry.npmjs.org/runed/-/runed-0.29.2.tgz",
-      "integrity": "sha512-0cq6cA6sYGZwl/FvVqjx9YN+1xEBu9sDDyuWdDW1yWX7JF2wmvmVKfH+hVCZs+csW+P3ARH92MjI3H9QTagOQA==",
-      "dev": true,
-      "funding": [
-        "https://github.com/sponsors/huntabyte",
-        "https://github.com/sponsors/tglide"
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "esm-env": "^1.0.0"
-      },
-      "peerDependencies": {
-        "svelte": "^5.7.0"
-      }
-    },
     "node_modules/parse5": {
       "version": "7.3.0",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
@@ -3005,9 +2807,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.15",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
-      "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
+      "version": "8.5.12",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.12.tgz",
+      "integrity": "sha512-W62t/Se6rA0Az3DfCL0AqJwXuKwBeYg6nOaIgzP+xZ7N5BFCI7DYi1qs6ygUYT6rvfi6t9k65UMLJC+PHZpDAA==",
       "dev": true,
       "funding": [
         {
@@ -3025,7 +2827,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.12",
+        "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
@@ -3183,14 +2985,14 @@
       }
     },
     "node_modules/rolldown": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.1.3.tgz",
-      "integrity": "sha512-1F1eEtUBtFvcGm1HQ9TiUIUHPQG7mSAODrhIzjxoUEFuo8OcbrGLiVLkevNgj84TE4lnHvnumwFjhJO5Eu135g==",
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.15.tgz",
+      "integrity": "sha512-Ff31guA5zT6WjnGp0SXw76X6hzGRk/OQq2hE+1lcDe+lJdHSgnSX6nK3erbONHyCbpSj9a9E+uX/OvytZoWp2g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@oxc-project/types": "=0.137.0",
-        "@rolldown/pluginutils": "^1.0.0"
+        "@oxc-project/types": "=0.124.0",
+        "@rolldown/pluginutils": "1.0.0-rc.15"
       },
       "bin": {
         "rolldown": "bin/cli.mjs"
@@ -3199,46 +3001,21 @@
         "node": "^20.19.0 || >=22.12.0"
       },
       "optionalDependencies": {
-        "@rolldown/binding-android-arm64": "1.1.3",
-        "@rolldown/binding-darwin-arm64": "1.1.3",
-        "@rolldown/binding-darwin-x64": "1.1.3",
-        "@rolldown/binding-freebsd-x64": "1.1.3",
-        "@rolldown/binding-linux-arm-gnueabihf": "1.1.3",
-        "@rolldown/binding-linux-arm64-gnu": "1.1.3",
-        "@rolldown/binding-linux-arm64-musl": "1.1.3",
-        "@rolldown/binding-linux-ppc64-gnu": "1.1.3",
-        "@rolldown/binding-linux-s390x-gnu": "1.1.3",
-        "@rolldown/binding-linux-x64-gnu": "1.1.3",
-        "@rolldown/binding-linux-x64-musl": "1.1.3",
-        "@rolldown/binding-openharmony-arm64": "1.1.3",
-        "@rolldown/binding-wasm32-wasi": "1.1.3",
-        "@rolldown/binding-win32-arm64-msvc": "1.1.3",
-        "@rolldown/binding-win32-x64-msvc": "1.1.3"
-      }
-    },
-    "node_modules/runed": {
-      "version": "0.35.1",
-      "resolved": "https://registry.npmjs.org/runed/-/runed-0.35.1.tgz",
-      "integrity": "sha512-2F4Q/FZzbeJTFdIS/PuOoPRSm92sA2LhzTnv6FXhCoENb3huf5+fDuNOg1LNvGOouy3u/225qxmuJvcV3IZK5Q==",
-      "dev": true,
-      "funding": [
-        "https://github.com/sponsors/huntabyte",
-        "https://github.com/sponsors/tglide"
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "dequal": "^2.0.3",
-        "esm-env": "^1.0.0",
-        "lz-string": "^1.5.0"
-      },
-      "peerDependencies": {
-        "@sveltejs/kit": "^2.21.0",
-        "svelte": "^5.7.0"
-      },
-      "peerDependenciesMeta": {
-        "@sveltejs/kit": {
-          "optional": true
-        }
+        "@rolldown/binding-android-arm64": "1.0.0-rc.15",
+        "@rolldown/binding-darwin-arm64": "1.0.0-rc.15",
+        "@rolldown/binding-darwin-x64": "1.0.0-rc.15",
+        "@rolldown/binding-freebsd-x64": "1.0.0-rc.15",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.15",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.15",
+        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.15",
+        "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.15",
+        "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.15",
+        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.15",
+        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.15",
+        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.15",
+        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.15",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.15",
+        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.15"
       }
     },
     "node_modules/sade": {
@@ -3309,16 +3086,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/style-to-object": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.14.tgz",
-      "integrity": "sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "inline-style-parser": "0.2.7"
-      }
-    },
     "node_modules/svelte": {
       "version": "5.55.7",
       "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.55.7.tgz",
@@ -3383,65 +3150,6 @@
         "url": "https://github.com/sponsors/ItalyPaleAle"
       }
     },
-    "node_modules/svelte-toolbelt": {
-      "version": "0.10.6",
-      "resolved": "https://registry.npmjs.org/svelte-toolbelt/-/svelte-toolbelt-0.10.6.tgz",
-      "integrity": "sha512-YWuX+RE+CnWYx09yseAe4ZVMM7e7GRFZM6OYWpBKOb++s+SQ8RBIMMe+Bs/CznBMc0QPLjr+vDBxTAkozXsFXQ==",
-      "dev": true,
-      "funding": [
-        "https://github.com/sponsors/huntabyte"
-      ],
-      "dependencies": {
-        "clsx": "^2.1.1",
-        "runed": "^0.35.1",
-        "style-to-object": "^1.0.8"
-      },
-      "engines": {
-        "node": ">=18",
-        "pnpm": ">=8.7.0"
-      },
-      "peerDependencies": {
-        "svelte": "^5.30.2"
-      }
-    },
-    "node_modules/tabbable": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.5.0.tgz",
-      "integrity": "sha512-wieBHXygIm7OyQOu5hQlkk62/WyCFYGlWg7L6/ZCUZwx0o398Zkn4pVmMyfYhfMG8kGrj/Krt8eIk6UKC6VzwA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tailwind-merge": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.6.0.tgz",
-      "integrity": "sha512-uxL7qAVQriqRQPAyK3pj66VqskWqoZ37PW94jwOTwNfq/z9oyu1V+eqrZqtR2+fCiXdYOZe/Modt8GtvqNzu+w==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/dcastil"
-      }
-    },
-    "node_modules/tailwind-variants": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-3.2.2.tgz",
-      "integrity": "sha512-Mi4kHeMTLvKlM98XPnK+7HoBPmf4gygdFmqQPaDivc3DpYS6aIY6KiG/PgThrGvii5YZJqRsPz0aPyhoFzmZgg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=16.x",
-        "pnpm": ">=7.x"
-      },
-      "peerDependencies": {
-        "tailwind-merge": ">=3.0.0",
-        "tailwindcss": "*"
-      },
-      "peerDependenciesMeta": {
-        "tailwind-merge": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/tailwindcss": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.1.tgz",
@@ -3488,14 +3196,14 @@
       }
     },
     "node_modules/tinyglobby": {
-      "version": "0.2.17",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
-      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
-        "picomatch": "^4.0.4"
+        "picomatch": "^4.0.3"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -3539,17 +3247,8 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "dev": true,
-      "license": "0BSD"
-    },
-    "node_modules/tw-animate-css": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.4.0.tgz",
-      "integrity": "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/Wombosvideo"
-      }
+      "license": "0BSD",
+      "optional": true
     },
     "node_modules/typescript": {
       "version": "5.8.3",
@@ -3730,17 +3429,17 @@
       }
     },
     "node_modules/vite": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-8.1.0.tgz",
-      "integrity": "sha512-BuJcQK/56NQTWDGn4ABea3q4SSBdNPWwNZKTkkUpcMPnLoquSYH8llRtSUIgoL1KSCpHt5eghLShn50mH36y7Q==",
+      "version": "8.0.8",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.8.tgz",
+      "integrity": "sha512-dbU7/iLVa8KZALJyLOBOQ88nOXtNG8vxKuOT4I2mD+Ya70KPceF4IAmDsmU0h1Qsn5bPrvsY9HJstCRh3hG6Uw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "lightningcss": "^1.32.0",
         "picomatch": "^4.0.4",
-        "postcss": "^8.5.15",
-        "rolldown": "~1.1.2",
-        "tinyglobby": "^0.2.17"
+        "postcss": "^8.5.8",
+        "rolldown": "1.0.0-rc.15",
+        "tinyglobby": "^0.2.15"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -3756,7 +3455,7 @@
       },
       "peerDependencies": {
         "@types/node": "^20.19.0 || >=22.12.0",
-        "@vitejs/devtools": "^0.3.0",
+        "@vitejs/devtools": "^0.1.0",
         "esbuild": "^0.27.0 || ^0.28.0",
         "jiti": ">=1.21.0",
         "less": "^4.0.0",

ui-svelte/package.json

@@ -12,38 +12,30 @@
     "test:watch": "vitest"
   },
   "devDependencies": {
-    "@internationalized/date": "^3.12.2",
-    "@lucide/svelte": "^1.21.0",
     "@sveltejs/vite-plugin-svelte": "^7.0.0",
     "@tailwindcss/vite": "^4.1.8",
     "@tsconfig/svelte": "^5.0.4",
     "@types/hast": "^3.0.4",
     "@types/node": "^25.1.0",
-    "bits-ui": "^2.18.1",
-    "clsx": "^2.1.1",
-    "paneforge": "^1.0.2",
     "svelte": "^5.46.4",
     "svelte-check": "^4.1.4",
-    "tailwind-merge": "^3.6.0",
-    "tailwind-variants": "^3.2.2",
     "tailwindcss": "^4.1.8",
-    "tw-animate-css": "^1.4.0",
     "typescript": "~5.8.3",
     "vite": "^8.0.0",
     "vite-plugin-compression2": "^2.5.1",
     "vitest": "^4.1.0"
   },
   "dependencies": {
-    "@tanstack/table-core": "^8.21.3",
-    "chart.js": "4.5.1",
     "highlight.js": "^11.11.1",
     "katex": "^0.16.28",
+    "lucide-svelte": "^0.563.0",
     "rehype-katex": "^7.0.1",
     "rehype-stringify": "^10.0.1",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
+    "chart.js": "4.5.1",
     "svelte-spa-router": "^4.0.1",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.1.0"

ui-svelte/src/App.svelte

@@ -1,68 +1,33 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import Router from "svelte-spa-router";
-  import AppSidebar from "./components/AppSidebar.svelte";
+  import Header from "./components/Header.svelte";
   import LogViewer from "./routes/LogViewer.svelte";
-  import ModelDetail from "./routes/ModelDetail.svelte";
-  import ModelsDash from "./routes/ModelsDash.svelte";
+  import Models from "./routes/Models.svelte";
   import Activity from "./routes/Activity.svelte";
   import Performance from "./routes/Performance.svelte";
   import Playground from "./routes/Playground.svelte";
   import PlaygroundStub from "./routes/PlaygroundStub.svelte";
-  import Settings from "./routes/Settings.svelte";
-  import * as Sidebar from "$lib/components/ui/sidebar/index.js";
-  import * as Tooltip from "$lib/components/ui/tooltip/index.js";
-  import { Separator } from "$lib/components/ui/separator/index.js";
-  import { enableAPIEvents, checkPerformanceEnabled } from "./stores/api";
+  import { enableAPIEvents } from "./stores/api";
   import { initScreenWidth, initSystemThemeListener, isDarkMode, appTitle, connectionState } from "./stores/theme";
   import { currentRoute } from "./stores/route";
-  import { selectedPlaygroundTab, playgroundTabs } from "./stores/playground";
 
   const routes = {
     "/": PlaygroundStub,
-    "/models": ModelsDash,
-    "/models/:id": ModelDetail,
+    "/models": Models,
     "/logs": LogViewer,
     "/activity": Activity,
-    "/settings": Settings,
     "/performance": Performance,
     "*": PlaygroundStub,
   };
 
-  const routeTitles: Record<string, string> = {
-    "/": "Playground",
-    "/models": "Models",
-    "/activity": "Activity",
-    "/logs": "Logs",
-    "/settings": "Settings",
-    "/performance": "Performance",
-  };
-
-  let sectionTitle = $derived.by(() => {
-    if ($currentRoute === "/") {
-      const tab = playgroundTabs.find((t) => t.id === $selectedPlaygroundTab);
-      return `Playground / ${tab?.label ?? ""}`;
-    }
-    if ($currentRoute.startsWith("/models/")) {
-      const id = $currentRoute.slice("/models/".length);
-      return id ? `Models / ${decodeURIComponent(id)}` : "Models";
-    }
-    if ($currentRoute === "/models") {
-      return "Models";
-    }
-    return routeTitles[$currentRoute] ?? "Playground";
-  });
-
-  function handleRouteLoaded(event: { detail: { route: string | RegExp; location?: string } }) {
+  function handleRouteLoaded(event: { detail: { route: string | RegExp } }) {
     const route = event.detail.route;
-    // Prefer the actual URL path so parameterised routes (e.g. /models/:id)
-    // are reflected accurately in currentRoute for sidebar highlighting.
-    const loc = event.detail.location;
-    currentRoute.set(loc ?? (typeof route === "string" ? route : "/"));
+    currentRoute.set(typeof route === "string" ? route : "/");
   }
 
   $effect(() => {
-    document.documentElement.classList.toggle("dark", $isDarkMode);
+    document.documentElement.setAttribute("data-theme", $isDarkMode ? "dark" : "light");
   });
 
   $effect(() => {
@@ -74,7 +39,6 @@
     const cleanupScreenWidth = initScreenWidth();
     const cleanupSystemTheme = initSystemThemeListener();
     enableAPIEvents(true);
-    checkPerformanceEnabled();
 
     return () => {
       cleanupScreenWidth();
@@ -84,26 +48,15 @@
   });
 </script>
 
-<Tooltip.Provider>
-  <Sidebar.Provider>
-    <AppSidebar />
-    <Sidebar.Inset class="h-screen min-w-0 overflow-hidden">
-      <header
-        class="bg-background sticky top-0 z-10 flex h-14 shrink-0 items-center gap-2 border-b px-4"
-      >
-        <Sidebar.Trigger class="-ml-1" />
-        <Separator orientation="vertical" class="mr-2 !h-4" />
-        <h2 class="truncate pb-0 text-sm font-semibold">{sectionTitle}</h2>
-      </header>
+<div class="flex flex-col h-screen">
+  <Header />
 
-      <main class="min-h-0 flex-1 overflow-auto p-4">
-        <div class="h-full" class:hidden={$currentRoute !== "/"}>
-          <Playground />
-        </div>
-        <div class="h-full" class:hidden={$currentRoute === "/"}>
-          <Router {routes} on:routeLoaded={handleRouteLoaded} />
-        </div>
-      </main>
-    </Sidebar.Inset>
-  </Sidebar.Provider>
-</Tooltip.Provider>
+  <main class="flex-1 overflow-auto p-4">
+    <div class="h-full" class:hidden={$currentRoute !== "/"}>
+      <Playground />
+    </div>
+    <div class="h-full" class:hidden={$currentRoute === "/"}>
+      <Router {routes} on:routeLoaded={handleRouteLoaded} />
+    </div>
+  </main>
+</div>

ui-svelte/src/components/ActivityStats.svelte

@@ -3,9 +3,6 @@
   import { persistentStore } from "../stores/persistent";
   import { calculateHistogramData } from "../lib/histogram";
   import TokenHistogram from "./TokenHistogram.svelte";
-  import { ChevronDown, X } from "@lucide/svelte";
-  import * as Card from "$lib/components/ui/card/index.js";
-  import { Button } from "$lib/components/ui/button/index.js";
 
   const nf = new Intl.NumberFormat();
   const histogramCollapsed = persistentStore<boolean>("activity-histogram-collapsed", false);
@@ -38,24 +35,26 @@
   });
 </script>
 
-<Card.Root class="relative p-3">
-  <Button
-    variant="ghost"
-    size="icon-xs"
-    class="text-muted-foreground absolute right-2 top-2 rounded-full"
+<div class="card relative p-3">
+  <button
+    class="absolute top-2 right-2 w-6 h-6 flex items-center justify-center rounded-full border border-gray-300 dark:border-gray-600 text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 hover:border-gray-400 dark:hover:border-gray-400 transition-colors"
     onclick={() => ($histogramCollapsed = !$histogramCollapsed)}
     title={$histogramCollapsed ? "Show histograms" : "Hide histograms"}
   >
     {#if $histogramCollapsed}
-      <ChevronDown />
+      <svg class="w-3.5 h-3.5" viewBox="0 0 16 16" fill="currentColor">
+        <path d="M4.5 6l3.5 4 3.5-4H4.5z" />
+      </svg>
     {:else}
-      <X />
+      <svg class="w-3 h-3" viewBox="0 0 16 16" fill="currentColor">
+        <path d="M3.5 3.5l9 9M12.5 3.5l-9 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" />
+      </svg>
     {/if}
-  </Button>
+  </button>
   {#if !$histogramCollapsed}
-    <div class="mb-3 flex flex-col gap-6 sm:flex-row">
-      <div class="w-full min-w-0 sm:w-1/2">
-        <div class="text-muted-foreground mb-1 text-sm font-medium">Prompt Processing</div>
+    <div class="flex flex-col sm:flex-row gap-6 mb-3">
+      <div class="w-full sm:w-1/2 min-w-0">
+        <div class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">Prompt Processing</div>
         {#if stats.promptHistogramData}
           <TokenHistogram
             data={stats.promptHistogramData}
@@ -63,36 +62,36 @@
             colorClass="text-amber-500 dark:text-amber-400"
           />
         {:else}
-          <div class="text-muted-foreground py-6 text-center text-sm">No prompt speed data yet</div>
+          <div class="py-6 text-center text-sm text-gray-500 dark:text-gray-400">No prompt speed data yet</div>
         {/if}
       </div>
-      <div class="w-full min-w-0 sm:w-1/2">
-        <div class="text-muted-foreground mb-1 text-sm font-medium">Token Generation</div>
+      <div class="w-full sm:w-1/2 min-w-0">
+        <div class="text-sm font-medium text-gray-500 dark:text-gray-400 mb-1">Token Generation</div>
         {#if stats.genHistogramData}
           <TokenHistogram data={stats.genHistogramData} unit="tokens/sec" />
         {:else}
-          <div class="text-muted-foreground py-6 text-center text-sm">No generation speed data yet</div>
+          <div class="py-6 text-center text-sm text-gray-500 dark:text-gray-400">No generation speed data yet</div>
         {/if}
       </div>
     </div>
   {/if}
   <div class="grid grid-cols-4 gap-x-6 gap-y-1 text-sm">
-    <div class="text-muted-foreground text-xs uppercase tracking-wider">Requests</div>
-    <div class="text-muted-foreground text-xs uppercase tracking-wider">Cached</div>
-    <div class="text-muted-foreground text-xs uppercase tracking-wider">Processed</div>
-    <div class="text-muted-foreground text-xs uppercase tracking-wider">Generated</div>
-    <div class="text-sm">
+    <div class="text-xs uppercase tracking-wider text-gray-500 dark:text-gray-400">Requests</div>
+    <div class="text-xs uppercase tracking-wider text-gray-500 dark:text-gray-400">Cached</div>
+    <div class="text-xs uppercase tracking-wider text-gray-500 dark:text-gray-400">Processed</div>
+    <div class="text-xs uppercase tracking-wider text-gray-500 dark:text-gray-400">Generated</div>
+    <div class="text-sm text-gray-700 dark:text-gray-300">
       <span class="font-semibold">{nf.format(stats.totalRequests)}</span> completed,
       <span class="font-semibold">{nf.format(stats.inFlightRequests)}</span> waiting
     </div>
-    <div class="text-sm">
+    <div class="text-sm text-gray-700 dark:text-gray-300">
       <span class="font-semibold">{nf.format(stats.totalCacheTokens)}</span> tokens
     </div>
-    <div class="text-sm">
+    <div class="text-sm text-gray-700 dark:text-gray-300">
       <span class="font-semibold">{nf.format(stats.totalInputTokens)}</span> tokens
     </div>
-    <div class="text-sm">
+    <div class="text-sm text-gray-700 dark:text-gray-300">
       <span class="font-semibold">{nf.format(stats.totalOutputTokens)}</span> tokens
     </div>
   </div>
-</Card.Root>
+</div>

ui-svelte/src/components/ActivityTable.svelte

@@ -1,449 +0,0 @@
-<script lang="ts">
-  import { untrack } from "svelte";
-  import type { ActivityLogEntry, ReqRespCapture } from "../lib/types";
-  import { getCapture } from "../stores/api";
-  import { persistentStore } from "../stores/persistent";
-  import CaptureDialog from "./CaptureDialog.svelte";
-  import {
-    type ColumnDef,
-    type PaginationState,
-    type VisibilityState,
-    getCoreRowModel,
-    getPaginationRowModel,
-  } from "@tanstack/table-core";
-  import {
-    FlexRender,
-    createSvelteTable,
-    renderComponent,
-  } from "$lib/components/ui/data-table/index.js";
-  import * as Table from "$lib/components/ui/table/index.js";
-  import * as Card from "$lib/components/ui/card/index.js";
-  import * as Select from "$lib/components/ui/select/index.js";
-  import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
-  import { Button } from "$lib/components/ui/button/index.js";
-  import {
-    Columns3,
-    ChevronLeft,
-    ChevronRight,
-    ChevronsLeft,
-    ChevronsRight,
-  } from "@lucide/svelte";
-  import HeaderLabel from "./activity-table/HeaderLabel.svelte";
-  import ViewCaptureButton from "./activity-table/ViewCaptureButton.svelte";
-  import MetaCell from "./activity-table/MetaCell.svelte";
-
-  interface Props {
-    metrics: ActivityLogEntry[];
-    storagePrefix: string;
-    showModelColumn?: boolean;
-    showPagination?: boolean;
-    title?: string;
-    compact?: boolean;
-    emptyMessage?: string;
-    cardClass?: string;
-  }
-
-  let {
-    metrics,
-    storagePrefix,
-    showModelColumn = true,
-    showPagination = false,
-    title,
-    compact = false,
-    emptyMessage = "No activity recorded",
-    cardClass = "",
-  }: Props = $props();
-
-  function formatSpeed(speed: number): string {
-    return speed < 0 ? "unknown" : speed.toFixed(2) + " t/s";
-  }
-
-  function formatDuration(ms: number): string {
-    return (ms / 1000).toFixed(2) + "s";
-  }
-
-  function formatRelativeTime(timestamp: string): string {
-    const now = new Date();
-    const date = new Date(timestamp);
-    const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000);
-    if (diffInSeconds < 5) return "now";
-    if (diffInSeconds < 60) return `${diffInSeconds}s ago`;
-    const diffInMinutes = Math.floor(diffInSeconds / 60);
-    if (diffInMinutes < 60) return `${diffInMinutes}m ago`;
-    const diffInHours = Math.floor(diffInMinutes / 60);
-    if (diffInHours < 24) return `${diffInHours}h ago`;
-    return "a while ago";
-  }
-
-  function formatDrafted(drafted: number, accepted: number): string {
-    return drafted > 0
-      ? ((accepted * 100) / drafted).toFixed(1) + "% (" + accepted + "/" + drafted + ")"
-      : "-";
-  }
-
-  interface ColMeta {
-    id: string;
-    label: string;
-    defaultVisible: boolean;
-  }
-
-  function buildColumnMeta(withModel: boolean): ColMeta[] {
-    const cols: ColMeta[] = [
-      { id: "id", label: "ID", defaultVisible: true },
-      { id: "time", label: "Time", defaultVisible: true },
-    ];
-    if (withModel) cols.push({ id: "model", label: "Model", defaultVisible: true });
-    cols.push(
-      { id: "req_path", label: "Path", defaultVisible: false },
-      { id: "resp_status_code", label: "Status", defaultVisible: true },
-      { id: "resp_content_type", label: "Content-Type", defaultVisible: false },
-      { id: "cached", label: "Cached", defaultVisible: true },
-      { id: "prompt", label: "Prompt", defaultVisible: true },
-      { id: "generated", label: "Generated", defaultVisible: true },
-      { id: "drafted", label: "Drafted", defaultVisible: false },
-      { id: "prompt_speed", label: "Prompt Speed", defaultVisible: true },
-      { id: "gen_speed", label: "Gen Speed", defaultVisible: true },
-      { id: "duration", label: "Duration", defaultVisible: true },
-      { id: "capture", label: "Capture", defaultVisible: true },
-      { id: "meta", label: "Meta", defaultVisible: false }
-    );
-    return cols;
-  }
-
-  let columnMeta = $derived(buildColumnMeta(showModelColumn));
-
-  let columnLabelMap = $derived(
-    Object.fromEntries(columnMeta.map((c) => [c.id, c.label])) as Record<string, string>
-  );
-
-  let defaultVisibility = $derived.by(() => {
-    const v: VisibilityState = {};
-    for (const c of columnMeta) v[c.id] = c.defaultVisible;
-    return v;
-  });
-
-  // svelte-ignore state_referenced_locally
-  const storedVisibility = persistentStore<VisibilityState>(
-    `${storagePrefix}-columns`,
-    {}
-  );
-
-  // svelte-ignore state_referenced_locally
-  let columnVisibility = $state<VisibilityState>(
-    Object.keys($storedVisibility).length > 0 ? $storedVisibility : defaultVisibility
-  );
-
-  // svelte-ignore state_referenced_locally
-  const storedPageSize = persistentStore<number>(`${storagePrefix}-page-size`, 10);
-
-  // When not paginating, use a large page size so all rows render in one page.
-  // svelte-ignore state_referenced_locally
-  let pagination = $state<PaginationState>({
-    pageIndex: 0,
-    pageSize: showPagination ? $storedPageSize : Number.MAX_SAFE_INTEGER,
-  });
-
-  // Reset to the first page when the data source changes. We deliberately do
-  // NOT track pagination here — page-size changes reset pageIndex inside
-  // onPaginationChange instead, to avoid clobbering page navigation.
-  $effect(() => {
-    metrics;
-    untrack(() => {
-      pagination = { ...pagination, pageIndex: 0 };
-    });
-  });
-
-  let selectedCapture = $state<ReqRespCapture | null>(null);
-  let dialogOpen = $state(false);
-  let loadingCaptureId = $state<number | null>(null);
-
-  async function viewCapture(id: number) {
-    loadingCaptureId = id;
-    const capture = await getCapture(id);
-    loadingCaptureId = null;
-    selectedCapture = capture;
-    dialogOpen = true;
-  }
-
-  function closeDialog() {
-    dialogOpen = false;
-    selectedCapture = null;
-  }
-
-  function buildColumns(withModel: boolean): ColumnDef<ActivityLogEntry>[] {
-    const cols: ColumnDef<ActivityLogEntry>[] = [
-      {
-        id: "id",
-        header: "ID",
-        cell: ({ row }) => String(row.original.id + 1),
-      },
-      {
-        id: "time",
-        header: "Time",
-        cell: ({ row }) => formatRelativeTime(row.original.timestamp),
-      },
-    ];
-
-    if (withModel) {
-      cols.push({
-        id: "model",
-        header: "Model",
-        cell: ({ row }) => row.original.model ?? "-",
-      });
-    }
-
-    cols.push(
-      {
-        id: "req_path",
-        header: "Path",
-        cell: ({ row }) => row.original.req_path || "-",
-      },
-      {
-        id: "resp_status_code",
-        header: "Status",
-        cell: ({ row }) => String(row.original.resp_status_code || "-"),
-      },
-      {
-        id: "resp_content_type",
-        header: "Content-Type",
-        cell: ({ row }) => row.original.resp_content_type || "-",
-      },
-      {
-        id: "cached",
-        header: () => renderComponent(HeaderLabel, { label: "Cached", tooltip: "prompt tokens from cache" }),
-        cell: ({ row }) =>
-          row.original.tokens.cache_tokens > 0
-            ? row.original.tokens.cache_tokens.toLocaleString()
-            : "-",
-      },
-      {
-        id: "prompt",
-        header: () => renderComponent(HeaderLabel, { label: "Prompt", tooltip: "new prompt tokens processed" }),
-        cell: ({ row }) => row.original.tokens.input_tokens.toLocaleString(),
-      },
-      {
-        id: "generated",
-        header: "Generated",
-        cell: ({ row }) => row.original.tokens.output_tokens.toLocaleString(),
-      },
-      {
-        id: "drafted",
-        header: () => renderComponent(HeaderLabel, { label: "Drafted", tooltip: "acceptance rate (accepted/drafted)" }),
-        cell: ({ row }) =>
-          formatDrafted(row.original.tokens.draft_tokens, row.original.tokens.draft_acc_tokens),
-      },
-      {
-        id: "prompt_speed",
-        header: "Prompt Speed",
-        cell: ({ row }) => formatSpeed(row.original.tokens.prompt_per_second),
-      },
-      {
-        id: "gen_speed",
-        header: "Gen Speed",
-        cell: ({ row }) => formatSpeed(row.original.tokens.tokens_per_second),
-      },
-      {
-        id: "duration",
-        header: "Duration",
-        cell: ({ row }) => formatDuration(row.original.duration_ms),
-      },
-      {
-        id: "capture",
-        header: "Capture",
-        cell: ({ row }) =>
-          renderComponent(ViewCaptureButton, {
-            hasCapture: row.original.has_capture,
-            loading: loadingCaptureId === row.original.id,
-            onclick: () => viewCapture(row.original.id),
-          }),
-      },
-      {
-        id: "meta",
-        header: "Meta",
-        cell: ({ row }) =>
-          renderComponent(MetaCell, { metadata: row.original.metadata }),
-      }
-    );
-    return cols;
-  }
-
-  let columns = $derived(buildColumns(showModelColumn));
-
-  const table = createSvelteTable({
-    get data() {
-      return metrics;
-    },
-    get columns() {
-      return columns;
-    },
-    state: {
-      get pagination() {
-        return pagination;
-      },
-      get columnVisibility() {
-        return columnVisibility;
-      },
-    },
-    onPaginationChange: (updater) => {
-      const prev = pagination;
-      const next =
-        typeof updater === "function" ? updater(prev) : updater;
-      // Reassign so the table's $effect.pre (which reads state.pagination)
-      // picks up the new value. Reset to first page when the page size
-      // changes so we don't land on an empty page.
-      pagination =
-        next.pageSize !== prev.pageSize
-          ? { pageIndex: 0, pageSize: next.pageSize }
-          : next;
-      if (showPagination) storedPageSize.set(pagination.pageSize);
-    },
-    onColumnVisibilityChange: (updater) => {
-      columnVisibility =
-        typeof updater === "function" ? updater(columnVisibility) : updater;
-      storedVisibility.set(columnVisibility);
-    },
-    getCoreRowModel: getCoreRowModel(),
-    getPaginationRowModel: getPaginationRowModel(),
-  });
-
-  let thClass = $derived(compact ? "px-4 py-2 h-9" : "px-6 py-3 h-12");
-  let tdClass = $derived(compact ? "px-4 py-2" : "px-6 py-4");
-</script>
-
-<Card.Root class="shrink-0 gap-0 overflow-hidden py-0 {cardClass}">
-  <Card.Header class="flex items-center justify-between border-b px-4 py-2">
-    <div class="flex items-center gap-2">
-      {#if title}
-        <Card.Title class="text-sm font-semibold">
-          {title}
-          <span class="text-muted-foreground text-xs font-normal">({metrics.length})</span>
-        </Card.Title>
-      {/if}
-    </div>
-    <div class="flex items-center gap-2">
-      {#if showPagination}
-        <span class="text-muted-foreground text-xs">Rows</span>
-        <Select.Root
-          type="single"
-          value={String(pagination.pageSize)}
-          onValueChange={(v) => table.setPageSize(Number(v))}
-        >
-          <Select.Trigger size="sm" class="h-7 w-[4.5rem] text-xs">
-            {pagination.pageSize}
-          </Select.Trigger>
-          <Select.Content>
-            {#each [5, 10, 25, 50] as size (size)}
-              <Select.Item value={String(size)}>{size}</Select.Item>
-            {/each}
-          </Select.Content>
-        </Select.Root>
-      {/if}
-      <DropdownMenu.Root>
-        <DropdownMenu.Trigger
-          class="hover:bg-muted inline-flex size-7 items-center justify-center rounded-[min(var(--radius-md),12px)]"
-          title="Select columns"
-        >
-          <Columns3 class="size-4" />
-        </DropdownMenu.Trigger>
-        <DropdownMenu.Content align="end" class="min-w-[16rem] p-0">
-          <DropdownMenu.Label class="text-muted-foreground border-b px-3 py-2 text-xs font-medium uppercase tracking-wider">
-            Columns
-          </DropdownMenu.Label>
-          {#each table.getAllColumns() as column (column.id)}
-            {#if column.getCanHide()}
-              <DropdownMenu.CheckboxItem
-                checked={column.getIsVisible()}
-                onCheckedChange={(v) => column.toggleVisibility(!!v)}
-                closeOnSelect={false}
-              >
-                {columnLabelMap[column.id] ?? column.id}
-              </DropdownMenu.CheckboxItem>
-            {/if}
-          {/each}
-        </DropdownMenu.Content>
-      </DropdownMenu.Root>
-    </div>
-  </Card.Header>
-  <Card.Content class="overflow-x-auto p-0">
-    <Table.Root class="min-w-full">
-      <Table.Header>
-        {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
-          <Table.Row>
-            {#each headerGroup.headers as header (header.id)}
-              <Table.Head class={thClass} colspan={header.colSpan}>
-                {#if !header.isPlaceholder}
-                  <FlexRender content={header.column.columnDef.header} context={header.getContext()} />
-                {/if}
-              </Table.Head>
-            {/each}
-          </Table.Row>
-        {/each}
-      </Table.Header>
-      <Table.Body>
-        {#each table.getRowModel().rows as row (row.id)}
-          <Table.Row>
-            {#each row.getVisibleCells() as cell (cell.id)}
-              <Table.Cell class={tdClass}>
-                <FlexRender content={cell.column.columnDef.cell} context={cell.getContext()} />
-              </Table.Cell>
-            {/each}
-          </Table.Row>
-        {:else}
-          <Table.Row>
-            <Table.Cell colspan={columns.length} class="text-muted-foreground py-6 text-center text-sm">
-              {emptyMessage}
-            </Table.Cell>
-          </Table.Row>
-        {/each}
-      </Table.Body>
-    </Table.Root>
-
-    {#if showPagination && metrics.length > 0}
-      <div class="flex items-center justify-between gap-2 border-t px-4 py-2 text-sm">
-        <span class="text-muted-foreground text-xs">
-          Page {pagination.pageIndex + 1} of {table.getPageCount()} · {metrics.length} total
-        </span>
-        <div class="flex items-center gap-1">
-          <Button
-            variant="ghost"
-            size="icon-sm"
-            onclick={() => table.setPageIndex(0)}
-            disabled={!table.getCanPreviousPage()}
-            title="First page"
-          >
-            <ChevronsLeft />
-          </Button>
-          <Button
-            variant="ghost"
-            size="icon-sm"
-            onclick={() => table.previousPage()}
-            disabled={!table.getCanPreviousPage()}
-            title="Previous page"
-          >
-            <ChevronLeft />
-          </Button>
-          <Button
-            variant="ghost"
-            size="icon-sm"
-            onclick={() => table.nextPage()}
-            disabled={!table.getCanNextPage()}
-            title="Next page"
-          >
-            <ChevronRight />
-          </Button>
-          <Button
-            variant="ghost"
-            size="icon-sm"
-            onclick={() => table.setPageIndex(table.getPageCount() - 1)}
-            disabled={!table.getCanNextPage()}
-            title="Last page"
-          >
-            <ChevronsRight />
-          </Button>
-        </div>
-      </div>
-    {/if}
-  </Card.Content>
-</Card.Root>
-
-<CaptureDialog capture={selectedCapture} open={dialogOpen} onclose={closeDialog} />

ui-svelte/src/components/AppSidebar.svelte

@@ -1,266 +0,0 @@
-<script lang="ts">
-  import { link } from "svelte-spa-router";
-  import { House, Boxes, Activity, ScrollText, Gauge, Sun, Moon, Monitor, ChevronRight, Settings } from "@lucide/svelte";
-  import * as Sidebar from "$lib/components/ui/sidebar/index.js";
-  import * as Collapsible from "$lib/components/ui/collapsible/index.js";
-  import { Button } from "$lib/components/ui/button/index.js";
-  import { toggleTheme, themeMode, appTitle } from "../stores/theme";
-  import { currentRoute } from "../stores/route";
-  import { playgroundActivity } from "../stores/playgroundActivity";
-  import { performanceEnabled, models } from "../stores/api";
-  import { selectedPlaygroundTab, playgroundTabs, playgroundMenuOpen } from "../stores/playground";
-  import { modelsMenuOpen } from "../stores/sidebar";
-  import type { Model } from "../lib/types";
-  import ConnectionStatus from "./ConnectionStatus.svelte";
-
-  function handleTitleChange(newTitle: string): void {
-    const sanitized = newTitle.replace(/\n/g, "").trim().substring(0, 64) || "llama-swap";
-    appTitle.set(sanitized);
-  }
-
-  function handleKeyDown(e: KeyboardEvent): void {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      const target = e.currentTarget as HTMLElement;
-      handleTitleChange(target.textContent || "(set title)");
-      target.blur();
-    }
-  }
-
-  function handleBlur(e: FocusEvent): void {
-    const target = e.currentTarget as HTMLElement;
-    handleTitleChange(target.textContent || "(set title)");
-  }
-
-  function isActive(path: string, current: string): boolean {
-    return path === "/" ? current === "/" : current.startsWith(path);
-  }
-
-  type DotColor = "grey" | "yellow" | "green";
-  function statusDotColor(model: Model): DotColor {
-    if (model.state === "ready") return "green";
-    if (model.state === "starting" || model.state === "stopping") return "yellow";
-    return "grey";
-  }
-
-  const dotClass: Record<DotColor, string> = {
-    grey: "bg-muted-foreground/40",
-    yellow: "bg-warning",
-    green: "bg-success",
-  };
-</script>
-
-<Sidebar.Root collapsible="icon">
-  <Sidebar.Header>
-    <div class="flex items-center gap-2 px-2 py-1.5">
-      <div class="flex shrink-0 items-center justify-center">
-        <ConnectionStatus />
-      </div>
-      <h1
-        contenteditable="true"
-        class="truncate pb-0 text-base font-semibold outline-none rounded-md px-1 hover:bg-sidebar-accent group-data-[collapsible=icon]:hidden"
-        onblur={handleBlur}
-        onkeydown={handleKeyDown}
-      >
-        {$appTitle}
-      </h1>
-    </div>
-  </Sidebar.Header>
-
-  <Sidebar.Content>
-    <Sidebar.Group>
-      <Sidebar.GroupContent>
-        <Sidebar.Menu class="gap-1">
-          <Sidebar.MenuItem>
-            <Sidebar.MenuButton isActive={isActive("/activity", $currentRoute)} tooltipContent="Activity">
-              {#snippet child({ props })}
-                <a href="/activity" use:link {...props}>
-                  <Activity />
-                  <span>Activity</span>
-                </a>
-              {/snippet}
-            </Sidebar.MenuButton>
-          </Sidebar.MenuItem>
-
-          <Sidebar.MenuItem>
-            <Collapsible.Root
-              open={$playgroundMenuOpen}
-              onOpenChange={(v) => playgroundMenuOpen.set(v)}
-              class="gap-0"
-            >
-              <Sidebar.MenuButton
-                isActive={isActive("/", $currentRoute)}
-                tooltipContent="Playground"
-              >
-                {#snippet child({ props })}
-                  <a href="/" use:link {...props}>
-                    <House />
-                    <span class={$playgroundActivity ? "activity-link" : ""}>Playground</span>
-                    <span
-                      class="ml-auto transition-transform duration-200 {$playgroundMenuOpen ? 'rotate-90' : ''}"
-                      role="button"
-                      tabindex="0"
-                      aria-label="Toggle playground section"
-                      onclick={(e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        playgroundMenuOpen.update((v) => !v);
-                      }}
-                      onkeydown={(e) => {
-                        if (e.key === 'Enter' || e.key === ' ') {
-                          e.preventDefault();
-                          e.stopPropagation();
-                          playgroundMenuOpen.update((v) => !v);
-                        }
-                      }}
-                    >
-                      <ChevronRight />
-                    </span>
-                  </a>
-                {/snippet}
-              </Sidebar.MenuButton>
-              <Collapsible.Content>
-                <Sidebar.MenuSub>
-                  {#each playgroundTabs as tab (tab.id)}
-                    <Sidebar.MenuSubItem>
-                      <Sidebar.MenuSubButton
-                        isActive={isActive("/", $currentRoute) && $selectedPlaygroundTab === tab.id}
-                      >
-                        {#snippet child({ props })}
-                          <a
-                            href="/"
-                            use:link
-                            {...props}
-                            onclick={() => selectedPlaygroundTab.set(tab.id)}
-                          >
-                            <span>{tab.label}</span>
-                          </a>
-                        {/snippet}
-                      </Sidebar.MenuSubButton>
-                    </Sidebar.MenuSubItem>
-                  {/each}
-                </Sidebar.MenuSub>
-              </Collapsible.Content>
-            </Collapsible.Root>
-          </Sidebar.MenuItem>
-
-          <Sidebar.MenuItem>
-            <Collapsible.Root
-              open={$modelsMenuOpen}
-              onOpenChange={(v) => modelsMenuOpen.set(v)}
-              class="gap-0"
-            >
-              <Sidebar.MenuButton
-                isActive={$currentRoute.startsWith("/models")}
-                tooltipContent="Models"
-              >
-                {#snippet child({ props })}
-                  <a href="/models" use:link {...props}>
-                    <Boxes />
-                    <span>Models</span>
-                    <span
-                      class="ml-auto transition-transform duration-200 {$modelsMenuOpen ? 'rotate-90' : ''}"
-                      role="button"
-                      tabindex="0"
-                      aria-label="Toggle models section"
-                      onclick={(e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        modelsMenuOpen.update((v) => !v);
-                      }}
-                      onkeydown={(e) => {
-                        if (e.key === 'Enter' || e.key === ' ') {
-                          e.preventDefault();
-                          e.stopPropagation();
-                          modelsMenuOpen.update((v) => !v);
-                        }
-                      }}
-                    >
-                      <ChevronRight />
-                    </span>
-                  </a>
-                {/snippet}
-              </Sidebar.MenuButton>
-              <Collapsible.Content>
-                <Sidebar.MenuSub>
-                  {#each $models as model (model.id)}
-                    <Sidebar.MenuSubItem>
-                      <Sidebar.MenuSubButton
-                        isActive={$currentRoute === `/models/${encodeURIComponent(model.id)}`}
-                      >
-                        {#snippet child({ props })}
-                          <a href="/models/{encodeURIComponent(model.id)}" use:link {...props}>
-                            <span class={`size-2 shrink-0 rounded-full ${dotClass[statusDotColor(model)]}`}></span>
-                            <span class="flex-1 truncate">{model.id}</span>
-                          </a>
-                        {/snippet}
-                      </Sidebar.MenuSubButton>
-                    </Sidebar.MenuSubItem>
-                  {/each}
-                </Sidebar.MenuSub>
-              </Collapsible.Content>
-            </Collapsible.Root>
-          </Sidebar.MenuItem>
-
-          <Sidebar.MenuItem>
-            <Sidebar.MenuButton isActive={isActive("/logs", $currentRoute)} tooltipContent="Logs">
-              {#snippet child({ props })}
-                <a href="/logs" use:link {...props}>
-                  <ScrollText />
-                  <span>Logs</span>
-                </a>
-              {/snippet}
-            </Sidebar.MenuButton>
-          </Sidebar.MenuItem>
-
-          {#if $performanceEnabled}
-            <Sidebar.MenuItem>
-              <Sidebar.MenuButton isActive={isActive("/performance", $currentRoute)} tooltipContent="Performance">
-                {#snippet child({ props })}
-                  <a href="/performance" use:link {...props}>
-                    <Gauge />
-                    <span>Performance</span>
-                  </a>
-                {/snippet}
-              </Sidebar.MenuButton>
-            </Sidebar.MenuItem>
-          {/if}
-        </Sidebar.Menu>
-      </Sidebar.GroupContent>
-    </Sidebar.Group>
-  </Sidebar.Content>
-
-  <Sidebar.Footer>
-    <div
-      class="flex items-center justify-between gap-2 px-1 group-data-[collapsible=icon]:flex-col-reverse"
-    >
-      <Sidebar.MenuButton
-        isActive={isActive("/settings", $currentRoute)}
-        tooltipContent="Settings"
-      >
-        {#snippet child({ props })}
-          <a href="/settings" use:link {...props}>
-            <Settings />
-            <span>Settings</span>
-          </a>
-        {/snippet}
-      </Sidebar.MenuButton>
-      <Button
-        variant="ghost"
-        size="icon"
-        onclick={toggleTheme}
-        title="Toggle theme (current: {$themeMode})"
-      >
-        {#if $themeMode === "system"}
-          <Monitor />
-        {:else if $themeMode === "light"}
-          <Sun />
-        {:else}
-          <Moon />
-        {/if}
-        <span class="sr-only">Toggle theme</span>
-      </Button>
-    </div>
-  </Sidebar.Footer>
-  <Sidebar.Rail />
-</Sidebar.Root>

ui-svelte/src/components/CaptureDialog.svelte

@@ -1,7 +1,5 @@
 <script lang="ts">
   import type { ReqRespCapture } from "../lib/types";
-  import { Button } from "$lib/components/ui/button/index.js";
-  import * as Dialog from "$lib/components/ui/dialog/index.js";
 
   interface Props {
     capture: ReqRespCapture | null;
@@ -11,12 +9,22 @@
 
   let { capture, open, onclose }: Props = $props();
 
+  let dialogEl: HTMLDialogElement | undefined = $state();
+
   type BodyTab = "raw" | "pretty" | "chat";
   let reqBodyTab: BodyTab = $state("pretty");
   let respBodyTab: BodyTab = $state("pretty");
   let copiedReq = $state(false);
   let copiedResp = $state(false);
 
+  $effect(() => {
+    if (open && dialogEl) {
+      dialogEl.showModal();
+    } else if (!open && dialogEl) {
+      dialogEl.close();
+    }
+  });
+
   // Reset tabs when capture changes
   $effect(() => {
     if (capture) {
@@ -31,6 +39,10 @@
     }
   });
 
+  function handleDialogClose() {
+    onclose();
+  }
+
   function decodeBody(body: string | null | undefined): string {
     if (!body) return "";
     try {
@@ -178,36 +190,40 @@
   });
 </script>
 
-<Dialog.Root
-  {open}
-  onOpenChange={(v) => {
-    if (!v) onclose();
-  }}
+<dialog
+  bind:this={dialogEl}
+  onclose={handleDialogClose}
+  class="bg-surface text-txtmain rounded-lg shadow-xl max-w-4xl w-full max-h-[90vh] p-0 backdrop:bg-black/50 m-auto"
 >
-  <Dialog.Content class="flex max-h-[90vh] w-[90%] sm:max-w-[90%] flex-col gap-0 p-0">
-    {#if capture}
-      <Dialog.Header class="border-b border-border px-4 py-3">
-        <Dialog.Title class="text-lg font-bold">
-          Capture #{capture.id + 1}{#if capture.req_path}
-            <span class="font-mono text-base font-normal text-muted-foreground">{capture.req_path}</span>{/if}
-        </Dialog.Title>
-      </Dialog.Header>
+  {#if capture}
+    <div class="flex flex-col max-h-[90vh]">
+      <div
+        class="flex justify-between items-center p-4 border-b border-card-border"
+      >
+        <h2 class="text-xl font-bold pb-0">Capture #{capture.id + 1}{#if capture.req_path} <span class="text-base font-mono font-normal text-txtsecondary">{capture.req_path}</span>{/if}</h2>
+        <button
+          onclick={() => dialogEl?.close()}
+          class="text-txtsecondary hover:text-txtmain text-2xl leading-none"
+        >
+          &times;
+        </button>
+      </div>
 
-      <div class="min-h-0 flex-1 overflow-y-auto space-y-4 p-4">
+      <div class="overflow-y-auto flex-1 p-4 space-y-4">
         <!-- Request Headers -->
         <details class="group" open>
           <summary
-            class="cursor-pointer font-semibold text-sm uppercase tracking-wider text-muted-foreground hover:text-foreground"
+            class="cursor-pointer font-semibold text-sm uppercase tracking-wider text-txtsecondary hover:text-txtmain"
           >
             Request Headers
           </summary>
           <div
-            class="mt-2 bg-background rounded-md border border-border overflow-auto max-h-48"
+            class="mt-2 bg-background rounded border border-card-border overflow-auto max-h-48"
           >
             <table class="w-full text-sm">
               <tbody>
                 {#each Object.entries(capture.req_headers || {}) as [key, value]}
-                  <tr class="border-b border-border last:border-0">
+                  <tr class="border-b border-card-border-inner last:border-0">
                     <td class="px-3 py-1 font-mono text-primary whitespace-nowrap"
                       >{key}</td
                     >
@@ -222,7 +238,7 @@
         <!-- Request Body -->
         <details class="group" open>
           <summary
-            class="cursor-pointer font-semibold text-sm uppercase tracking-wider text-muted-foreground hover:text-foreground"
+            class="cursor-pointer font-semibold text-sm uppercase tracking-wider text-txtsecondary hover:text-txtmain"
           >
             Request Body
           </summary>
@@ -255,14 +271,14 @@
               </button>
             </div>
             <div
-              class="mt-1 bg-background rounded-md border border-border overflow-auto max-h-96"
+              class="mt-1 bg-background rounded border border-card-border overflow-auto max-h-96"
             >
               <pre
                 class="p-3 text-sm font-mono whitespace-pre-wrap break-all">{displayedRequestBody}</pre>
             </div>
           {:else}
             <div
-              class="mt-2 bg-background rounded-md border border-border overflow-auto max-h-96"
+              class="mt-2 bg-background rounded border border-card-border overflow-auto max-h-96"
             >
               <pre class="p-3 text-sm font-mono whitespace-pre-wrap break-all"
                 >(empty)</pre
@@ -274,17 +290,17 @@
         <!-- Response Headers -->
         <details class="group" open>
           <summary
-            class="cursor-pointer font-semibold text-sm uppercase tracking-wider text-muted-foreground hover:text-foreground"
+            class="cursor-pointer font-semibold text-sm uppercase tracking-wider text-txtsecondary hover:text-txtmain"
           >
             Response Headers
           </summary>
           <div
-            class="mt-2 bg-background rounded-md border border-border overflow-auto max-h-48"
+            class="mt-2 bg-background rounded border border-card-border overflow-auto max-h-48"
           >
             <table class="w-full text-sm">
               <tbody>
                 {#each Object.entries(capture.resp_headers || {}) as [key, value]}
-                  <tr class="border-b border-border last:border-0">
+                  <tr class="border-b border-card-border-inner last:border-0">
                     <td class="px-3 py-1 font-mono text-primary whitespace-nowrap"
                       >{key}</td
                     >
@@ -299,13 +315,13 @@
         <!-- Response Body -->
         <details class="group" open>
           <summary
-            class="cursor-pointer font-semibold text-sm uppercase tracking-wider text-muted-foreground hover:text-foreground"
+            class="cursor-pointer font-semibold text-sm uppercase tracking-wider text-txtsecondary hover:text-txtmain"
           >
             Response Body
           </summary>
           {#if isResponseImage && capture.resp_body}
             <div
-              class="mt-2 bg-background rounded-md border border-border overflow-auto max-h-96"
+              class="mt-2 bg-background rounded border border-card-border overflow-auto max-h-96"
             >
               <div class="p-3 flex justify-center">
                 <img
@@ -352,26 +368,26 @@
               </button>
             </div>
             <div
-              class="mt-1 bg-background rounded-md border border-border overflow-auto max-h-96"
+              class="mt-1 bg-background rounded border border-card-border overflow-auto max-h-96"
             >
               {#if respBodyTab === "chat"}
                 <div class="p-3 text-sm space-y-3">
                   {#if sseChat.reasoning}
                     <div>
                       <div
-                        class="text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1"
+                        class="text-xs font-semibold uppercase tracking-wider text-txtsecondary mb-1"
                       >
                         Reasoning
                       </div>
                       <pre
-                        class="font-mono whitespace-pre-wrap break-all text-muted-foreground">{sseChat.reasoning}</pre>
+                        class="font-mono whitespace-pre-wrap break-all text-txtsecondary">{sseChat.reasoning}</pre>
                     </div>
                   {/if}
                   {#if sseChat.content}
                     <div>
                       {#if sseChat.reasoning}
                         <div
-                          class="text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1"
+                          class="text-xs font-semibold uppercase tracking-wider text-txtsecondary mb-1"
                         >
                           Response
                         </div>
@@ -391,15 +407,15 @@
             </div>
           {:else if responseBodyRaw}
             <div
-              class="mt-2 bg-background rounded-md border border-border overflow-auto max-h-96"
+              class="mt-2 bg-background rounded border border-card-border overflow-auto max-h-96"
             >
-              <div class="p-3 text-sm text-muted-foreground italic">
+              <div class="p-3 text-sm text-txtsecondary italic">
                 (binary data - {responseContentType || "unknown content type"})
               </div>
             </div>
           {:else}
             <div
-              class="mt-2 bg-background rounded-md border border-border overflow-auto max-h-96"
+              class="mt-2 bg-background rounded border border-card-border overflow-auto max-h-96"
             >
               <pre class="p-3 text-sm font-mono">(empty)</pre>
             </div>
@@ -407,39 +423,39 @@
         </details>
       </div>
 
-      <Dialog.Footer class="border-t border-border px-4 py-3 sm:justify-end">
-        <Button variant="outline" onclick={onclose}>Close</Button>
-      </Dialog.Footer>
-    {:else}
-      <div class="flex flex-col items-center justify-center p-12">
-        <p class="text-lg text-muted-foreground">Capture not found</p>
-        <p class="text-sm text-muted-foreground mt-1">The capture may have expired or was never recorded.</p>
-        <div class="mt-4">
-          <Button variant="outline" onclick={onclose}>Close</Button>
-        </div>
+      <div class="p-4 border-t border-card-border flex justify-end">
+        <button onclick={() => dialogEl?.close()} class="btn"> Close </button>
       </div>
-    {/if}
-  </Dialog.Content>
-</Dialog.Root>
+    </div>
+  {:else}
+    <div class="flex flex-col items-center justify-center p-12">
+      <p class="text-lg text-txtsecondary">Capture not found</p>
+      <p class="text-sm text-txtsecondary mt-1">The capture may have expired or was never recorded.</p>
+      <div class="mt-4">
+        <button onclick={() => dialogEl?.close()} class="btn">Close</button>
+      </div>
+    </div>
+  {/if}
+</dialog>
 
 <style>
   .tab-btn {
     padding: 2px 10px;
     font-size: 0.75rem;
-    border-radius: 0;
-    color: var(--muted-foreground);
+    border-radius: 4px;
+    color: var(--color-txtsecondary);
     cursor: pointer;
     border: 1px solid transparent;
     background: transparent;
     transition: all 0.15s;
   }
   .tab-btn:hover {
-    color: var(--foreground);
-    background: var(--accent);
+    color: var(--color-txtmain);
+    background: var(--color-secondary);
   }
   .tab-btn-active {
-    color: var(--primary);
-    background: color-mix(in srgb, var(--primary) 12%, transparent);
-    border-color: color-mix(in srgb, var(--primary) 25%, transparent);
+    color: var(--color-primary);
+    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
+    border-color: color-mix(in srgb, var(--color-primary) 25%, transparent);
   }
 </style>

ui-svelte/src/components/ConnectionStatus.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { connectionState } from "../stores/theme";
+  import { versionInfo } from "../stores/api";
 
   let eventStatusColor = $derived.by(() => {
     switch ($connectionState) {
@@ -13,7 +14,9 @@
     }
   });
 
-  let tooltipText = $derived(`Event Stream: ${$connectionState ?? "unknown"}`);
+  let tooltipText = $derived(
+    `Event Stream: ${$connectionState ?? "unknown"}\nAPI Version: ${$versionInfo?.version ?? "unknown"}\nCommit Hash: ${$versionInfo?.commit?.substring(0, 7) ?? "unknown"}\nBuild Date: ${$versionInfo?.build_date ?? "unknown"}`
+  );
 </script>
 
 <div class="flex items-center" title={tooltipText}>

ui-svelte/src/components/Header.svelte

@@ -0,0 +1,141 @@
+<script lang="ts">
+  import { link } from "svelte-spa-router";
+  import { screenWidth, toggleTheme, themeMode, appTitle, isNarrow } from "../stores/theme";
+  import { currentRoute } from "../stores/route";
+  import { playgroundActivity } from "../stores/playgroundActivity";
+  import ConnectionStatus from "./ConnectionStatus.svelte";
+
+  function handleTitleChange(newTitle: string): void {
+    const sanitized = newTitle.replace(/\n/g, "").trim().substring(0, 64) || "llama-swap";
+    appTitle.set(sanitized);
+  }
+
+  function handleKeyDown(e: KeyboardEvent): void {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      const target = e.currentTarget as HTMLElement;
+      handleTitleChange(target.textContent || "(set title)");
+      target.blur();
+    }
+  }
+
+  function handleBlur(e: FocusEvent): void {
+    const target = e.currentTarget as HTMLElement;
+    handleTitleChange(target.textContent || "(set title)");
+  }
+
+  function isActive(path: string, current: string): boolean {
+    return path === "/" ? current === "/" : current.startsWith(path);
+  }
+
+</script>
+
+<header
+  class="flex items-center justify-between bg-surface border-b border-border px-4 {$isNarrow
+    ? 'py-1 h-[60px]'
+    : 'p-2 h-[75px]'}"
+>
+  {#if $screenWidth !== "xs" && $screenWidth !== "sm"}
+    <h1
+      contenteditable="true"
+      class="p-0 outline-none hover:bg-gray-100 dark:hover:bg-gray-700 rounded"
+      onblur={handleBlur}
+      onkeydown={handleKeyDown}
+    >
+      {$appTitle}
+    </h1>
+  {/if}
+
+  <menu class="flex items-center gap-4 overflow-x-auto">
+    <a
+      href="/"
+      use:link
+      class="p-1 whitespace-nowrap {isActive('/', $currentRoute) ? 'font-semibold underline underline-offset-4' : ''} {$playgroundActivity ? 'activity-link' : 'text-gray-600 hover:text-black dark:text-gray-300 dark:hover:text-gray-100'}"
+    >
+      Playground
+    </a>
+    <a
+      href="/models"
+      use:link
+      class="text-gray-600 hover:text-black dark:text-gray-300 dark:hover:text-gray-100 p-1 whitespace-nowrap"
+      class:font-semibold={isActive("/models", $currentRoute)}
+      class:underline={isActive("/models", $currentRoute)}
+      class:underline-offset-4={isActive("/models", $currentRoute)}
+    >
+      Models
+    </a>
+    <a
+      href="/activity"
+      use:link
+      class="text-gray-600 hover:text-black dark:text-gray-300 dark:hover:text-gray-100 p-1 whitespace-nowrap"
+      class:font-semibold={isActive("/activity", $currentRoute)}
+      class:underline={isActive("/activity", $currentRoute)}
+      class:underline-offset-4={isActive("/activity", $currentRoute)}
+    >
+      Activity
+    </a>
+    <a
+      href="/logs"
+      use:link
+      class="text-gray-600 hover:text-black dark:text-gray-300 dark:hover:text-gray-100 p-1 whitespace-nowrap"
+      class:font-semibold={isActive("/logs", $currentRoute)}
+      class:underline={isActive("/logs", $currentRoute)}
+      class:underline-offset-4={isActive("/logs", $currentRoute)}
+    >
+      Logs
+    </a>
+    <a
+      href="/performance"
+      use:link
+      class="text-gray-600 hover:text-black dark:text-gray-300 dark:hover:text-gray-100 p-1 whitespace-nowrap"
+      class:font-semibold={isActive("/performance", $currentRoute)}
+      class:underline={isActive("/performance", $currentRoute)}
+      class:underline-offset-4={isActive("/performance", $currentRoute)}
+    >
+      Performance
+    </a>
+    <button onclick={toggleTheme} title="Toggle theme (current: {$themeMode})">
+      {#if $themeMode === "system"}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5">
+          <path d="M0,9c0-.552,.448-1,1-1H3.108c.147-.874,.472-1.721,1.006-2.471l-1.478-1.478c-.391-.391-.391-1.023,0-1.414s1.023-.391,1.414,0l1.478,1.478c.751-.534,1.598-.859,2.471-1.006V1c0-.552,.448-1,1-1s1,.448,1,1V3.108c.874,.147,1.725,.466,2.477,1.001l1.473-1.473c.391-.391,1.023-.391,1.414,0s.391,1.023,0,1.414L3.963,15.45c-.195,.195-.451,.293-.707,.293s-.512-.098-.707-.293c-.391-.391-.391-1.023,0-1.414l1.56-1.56c-.535-.751-.854-1.602-1.001-2.477H1c-.552,0-1-.448-1-1ZM23.707,.293c-.391-.391-1.023-.391-1.414,0L.293,22.293c-.391,.391-.391,1.023,0,1.414,.195,.195,.451,.293,.707,.293s.512-.098,.707-.293L23.707,1.707c.391-.391,.391-1.023,0-1.414Zm-.283,10.954c.32-.15,.538-.458,.572-.81,.034-.353-.121-.696-.407-.904-.858-.625-1.833-1.066-2.897-1.315-.335-.078-.69,.022-.934,.267l-8.392,8.391c-.244,.244-.345,.597-.267,.933,.843,3.646,4.047,6.191,7.792,6.191,1.695,0,3.32-.53,4.697-1.533,.286-.208,.441-.553,.407-.904-.034-.353-.251-.66-.572-.811-1.842-.861-3.033-2.727-3.033-4.752s1.19-3.891,3.033-4.753Z"/>
+        </svg>
+      {:else if $themeMode === "light"}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5">
+          <path
+            fill-rule="evenodd"
+            d="M12 2.25a.75.75 0 0 1 .75.75v2.25a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .75-.75ZM7.5 12a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM18.894 6.166a.75.75 0 0 0-1.06-1.06l-1.591 1.59a.75.75 0 1 0 1.06 1.061l1.591-1.59ZM21.75 12a.75.75 0 0 1-.75.75h-2.25a.75.75 0 0 1 0-1.5H21a.75.75 0 0 1 .75.75ZM17.834 18.894a.75.75 0 0 0 1.06-1.06l-1.59-1.591a.75.75 0 1 0-1.061 1.06l1.591 1.591ZM12 18a.75.75 0 0 1 .75.75V21a.75.75 0 0 1-1.5 0v-2.25A.75.75 0 0 1 12 18ZM7.758 17.303a.75.75 0 0 0-1.061-1.06l-1.591 1.59a.75.75 0 0 0 1.06 1.061l1.591-1.59ZM6 12a.75.75 0 0 1-.75.75H3a.75.75 0 0 1 0-1.5h2.25A.75.75 0 0 1 6 12ZM6.697 7.757a.75.75 0 0 0 1.06-1.06l-1.59-1.591a.75.75 0 0 0-1.061 1.06l1.59 1.591Z"
+          />
+        </svg>
+      {:else}
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5">
+          <path
+            fill-rule="evenodd"
+            d="M9.528 1.718a.75.75 0 0 1 .162.819A8.97 8.97 0 0 0 9 6a9 9 0 0 0 9 9 8.97 8.97 0 0 0 3.463-.69.75.75 0 0 1 .981.98 10.503 10.503 0 0 1-9.694 6.46c-5.799 0-10.5-4.7-10.5-10.5 0-4.368 2.667-8.112 6.46-9.694a.75.75 0 0 1 .818.162Z"
+            clip-rule="evenodd"
+          />
+        </svg>
+      {/if}
+    </button>
+    <ConnectionStatus />
+  </menu>
+</header>
+
+<style>
+  .activity-link {
+    background: linear-gradient(90deg, #6366f1, #8b5cf6, #a855f7, #8b5cf6, #6366f1);
+    background-size: 200% 100%;
+    -webkit-background-clip: text;
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+    animation: gradient-shift 2s linear infinite;
+  }
+
+  @keyframes gradient-shift {
+    0% {
+      background-position: 0% 50%;
+    }
+    100% {
+      background-position: 200% 50%;
+    }
+  }
+</style>

ui-svelte/src/components/LogPanel.svelte

@@ -1,9 +1,5 @@
 <script lang="ts">
   import { persistentStore } from "../stores/persistent";
-  import { Type, WrapText, Search, SearchX, CircleX } from "@lucide/svelte";
-  import { Button } from "$lib/components/ui/button/index.js";
-  import { Input } from "$lib/components/ui/input/index.js";
-  import * as Card from "$lib/components/ui/card/index.js";
 
   interface Props {
     id: string;
@@ -85,32 +81,59 @@
   });
 </script>
 
-<Card.Root class="bg-muted/30 h-full w-full gap-0 overflow-hidden py-0">
-  <Card.Header class="border-b px-4 py-2">
-    <Card.Title class="text-sm font-semibold">{title}</Card.Title>
-    <Card.Action>
-      <div class="flex items-center gap-1">
-        <Button variant="ghost" size="icon-sm" onclick={toggleFontSize} title="Change font size">
-          <Type />
-        </Button>
-        <Button variant="ghost" size="icon-sm" onclick={toggleWrapText} title="Toggle text wrap">
-          <WrapText class={$wrapTextStore ? "text-primary" : ""} />
-        </Button>
-        <Button variant="ghost" size="icon-sm" onclick={toggleFilter} title="Toggle filter">
-          {#if $showFilterStore}<SearchX />{:else}<Search />{/if}
-        </Button>
+<div class="rounded-lg overflow-hidden flex flex-col bg-gray-950/5 dark:bg-white/10 h-full w-full p-1">
+  <div class="p-4">
+    <div class="flex items-center justify-between">
+      <h3 class="m-0 text-lg p-0">{title}</h3>
+
+      <div class="flex gap-2 items-center">
+        <button class="btn border-0" onclick={toggleFontSize} title="Change font size">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4">
+            <path d="M2 4v3h5v12h3V7h5V4H2zm19 5h-9v3h3v7h3v-7h3V9z"/>
+          </svg>
+        </button>
+        <button class="btn border-0" onclick={toggleWrapText} title="Toggle text wrap">
+          {#if $wrapTextStore}
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4">
+              <path fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd" />
+            </svg>
+          {:else}
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4">
+              <path fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd" />
+            </svg>
+          {/if}
+        </button>
+        <button class="btn border-0" onclick={toggleFilter} title="Toggle filter">
+          {#if $showFilterStore}
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4">
+              <path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5ZM2.25 10.5a8.25 8.25 0 1 1 14.59 5.28l4.69 4.69a.75.75 0 1 1-1.06 1.06l-4.69-4.69A8.25 8.25 0 0 1 2.25 10.5Z" clip-rule="evenodd" />
+            </svg>
+          {:else}
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
+              <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+            </svg>
+          {/if}
+        </button>
       </div>
-    </Card.Action>
+    </div>
+
     {#if $showFilterStore}
-      <div class="flex w-full items-center gap-2 pt-2">
-        <Input type="text" class="h-8" placeholder="Filter logs (regex)..." bind:value={filterRegex} />
-        <Button variant="ghost" size="icon-sm" onclick={() => (filterRegex = "")} aria-label="Clear filter">
-          <CircleX />
-        </Button>
+      <div class="mt-2 flex gap-2 items-center w-full">
+        <input
+          type="text"
+          class="w-full text-sm border border-gray-950/10 dark:border-white/5 p-2 rounded outline-none"
+          placeholder="Filter logs (regex)..."
+          bind:value={filterRegex}
+        />
+        <button class="pl-2" onclick={() => (filterRegex = "")} aria-label="Clear filter">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
+            <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z" clip-rule="evenodd" />
+          </svg>
+        </button>
       </div>
     {/if}
-  </Card.Header>
-  <Card.Content class="bg-background min-h-0 flex-1 p-0 font-mono text-sm">
+  </div>
+  <div class="rounded-lg bg-background font-mono text-sm flex-1 overflow-hidden">
     <pre bind:this={preElement} onscroll={handleScroll} class="{textWrapClass} {fontSizeClass} h-full overflow-auto p-4">{filteredLogs}</pre>
-  </Card.Content>
-</Card.Root>
+  </div>
+</div>

ui-svelte/src/components/MetadataTooltip.svelte

@@ -1,37 +0,0 @@
-<script lang="ts">
-  import type { Snippet } from "svelte";
-  import * as Tooltip from "$lib/components/ui/tooltip/index.js";
-
-  interface Props {
-    metadata: Record<string, string> | undefined;
-    children: Snippet;
-  }
-
-  let { metadata, children }: Props = $props();
-
-  let entries = $derived(Object.entries(metadata || {}));
-</script>
-
-{#if entries.length > 0}
-  <Tooltip.Provider>
-    <Tooltip.Root>
-      <Tooltip.Trigger>
-        {@render children()}
-      </Tooltip.Trigger>
-      <Tooltip.Content class="min-w-[12rem] max-w-[24rem] normal-case">
-        <table class="w-full text-left">
-          <tbody>
-            {#each entries as [key, value]}
-              <tr class="border-b border-white/10 last:border-0">
-                <td class="py-1 pr-3 font-medium whitespace-nowrap text-primary">{key}</td>
-                <td class="py-1 break-all">{value}</td>
-              </tr>
-            {/each}
-          </tbody>
-        </table>
-      </Tooltip.Content>
-    </Tooltip.Root>
-  </Tooltip.Provider>
-{:else}
-  {@render children()}
-{/if}

ui-svelte/src/components/ModelsPanel.svelte

@@ -0,0 +1,238 @@
+<script lang="ts">
+  import { models, loadModel, unloadAllModels, unloadSingleModel } from "../stores/api";
+  import { isNarrow } from "../stores/theme";
+  import { persistentStore } from "../stores/persistent";
+  import type { Model } from "../lib/types";
+
+  let isUnloading = $state(false);
+  let menuOpen = $state(false);
+  let pendingLoads = $state<Record<string, boolean>>({});
+  const loadControllers = new Map<string, AbortController>();
+
+  const showUnlistedStore = persistentStore<boolean>("showUnlisted", true);
+  const showIdorNameStore = persistentStore<"id" | "name">("showIdorName", "id");
+
+  let filteredModels = $derived.by(() => {
+    const filtered = $models.filter((model) => $showUnlistedStore || !model.unlisted);
+    const peerModels = filtered.filter((m) => m.peerID);
+
+    // Group peer models by peerID
+    const grouped = peerModels.reduce(
+      (acc, model) => {
+        const peerId = model.peerID || "unknown";
+        if (!acc[peerId]) acc[peerId] = [];
+        acc[peerId].push(model);
+        return acc;
+      },
+      {} as Record<string, Model[]>
+    );
+
+    return {
+      regularModels: filtered.filter((m) => !m.peerID),
+      peerModelsByPeerId: grouped,
+    };
+  });
+
+  async function handleUnloadAllModels(): Promise<void> {
+    isUnloading = true;
+    try {
+      await unloadAllModels();
+    } catch (e) {
+      console.error(e);
+    } finally {
+      setTimeout(() => (isUnloading = false), 1000);
+    }
+  }
+
+  async function handleLoadModel(modelId: string): Promise<void> {
+    if (pendingLoads[modelId]) return;
+    const controller = new AbortController();
+    loadControllers.set(modelId, controller);
+    pendingLoads[modelId] = true;
+    try {
+      await loadModel(modelId, controller.signal);
+    } catch (e) {
+      console.error(e);
+    } finally {
+      loadControllers.delete(modelId);
+      delete pendingLoads[modelId];
+    }
+  }
+
+  function cancelLoad(modelId: string): void {
+    loadControllers.get(modelId)?.abort();
+  }
+
+  function toggleIdorName(): void {
+    showIdorNameStore.update((prev) => (prev === "name" ? "id" : "name"));
+  }
+
+  function toggleShowUnlisted(): void {
+    showUnlistedStore.update((prev) => !prev);
+  }
+
+  function getModelDisplay(model: Model): string {
+    return $showIdorNameStore === "id" ? model.id : (model.name || model.id);
+  }
+</script>
+
+<div class="card h-full flex flex-col">
+  <div class="shrink-0">
+    <div class="flex justify-between items-baseline">
+      <h2 class={$isNarrow ? "text-xl" : ""}>Models</h2>
+      {#if $isNarrow}
+        <div class="relative">
+          <button class="btn text-base flex items-center gap-2 py-1" onclick={() => (menuOpen = !menuOpen)} aria-label="Toggle menu">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5">
+              <path fill-rule="evenodd" d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd" />
+            </svg>
+          </button>
+          {#if menuOpen}
+            <div class="absolute right-0 mt-2 w-48 bg-surface border border-gray-200 dark:border-white/10 rounded shadow-lg z-20">
+              <button
+                class="w-full text-left px-4 py-2 hover:bg-secondary-hover flex items-center gap-2"
+                onclick={() => { toggleIdorName(); menuOpen = false; }}
+              >
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5">
+                  <path fill-rule="evenodd" d="M15.97 2.47a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06l3.22-3.22H7.5a.75.75 0 0 1 0-1.5h11.69l-3.22-3.22a.75.75 0 0 1 0-1.06Zm-7.94 9a.75.75 0 0 1 0 1.06l-3.22 3.22H16.5a.75.75 0 0 1 0 1.5H4.81l3.22 3.22a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" />
+                </svg>
+                {$showIdorNameStore === "id" ? "Show Name" : "Show ID"}
+              </button>
+              <button
+                class="w-full text-left px-4 py-2 hover:bg-secondary-hover flex items-center gap-2"
+                onclick={() => { toggleShowUnlisted(); menuOpen = false; }}
+              >
+                {#if $showUnlistedStore}
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5">
+                    <path d="M3.53 2.47a.75.75 0 0 0-1.06 1.06l18 18a.75.75 0 1 0 1.06-1.06l-18-18ZM22.676 12.553a11.249 11.249 0 0 1-2.631 4.31l-3.099-3.099a5.25 5.25 0 0 0-6.71-6.71L7.759 4.577a11.217 11.217 0 0 1 4.242-.827c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113Z" />
+                    <path d="M15.75 12c0 .18-.013.357-.037.53l-4.244-4.243A3.75 3.75 0 0 1 15.75 12ZM12.53 15.713l-4.243-4.244a3.75 3.75 0 0 0 4.244 4.243Z" />
+                    <path d="M6.75 12c0-.619.107-1.213.304-1.764l-3.1-3.1a11.25 11.25 0 0 0-2.63 4.31c-.12.362-.12.752 0 1.114 1.489 4.467 5.704 7.69 10.675 7.69 1.5 0 2.933-.294 4.242-.827l-2.477-2.477A5.25 5.25 0 0 1 6.75 12Z" />
+                  </svg>
+                {:else}
+                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5">
+                    <path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
+                    <path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 0 1 0-1.113ZM17.25 12a5.25 5.25 0 1 1-10.5 0 5.25 5.25 0 0 1 10.5 0Z" clip-rule="evenodd" />
+                  </svg>
+                {/if}
+                {$showUnlistedStore ? "Hide Unlisted" : "Show Unlisted"}
+              </button>
+              <button
+                class="w-full text-left px-4 py-2 hover:bg-secondary-hover flex items-center gap-2"
+                onclick={() => { handleUnloadAllModels(); menuOpen = false; }}
+                disabled={isUnloading}
+              >
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
+                  <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm.53 5.47a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72v5.69a.75.75 0 0 0 1.5 0v-5.69l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3Z" clip-rule="evenodd" />
+                </svg>
+                {isUnloading ? "Unloading..." : "Unload All"}
+              </button>
+            </div>
+          {/if}
+        </div>
+      {/if}
+    </div>
+    {#if !$isNarrow}
+      <div class="flex justify-between">
+        <div class="flex gap-2">
+          <button class="btn text-base flex items-center gap-2" onclick={toggleIdorName} style="line-height: 1.2">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5">
+              <path fill-rule="evenodd" d="M15.97 2.47a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06l3.22-3.22H7.5a.75.75 0 0 1 0-1.5h11.69l-3.22-3.22a.75.75 0 0 1 0-1.06Zm-7.94 9a.75.75 0 0 1 0 1.06l-3.22 3.22H16.5a.75.75 0 0 1 0 1.5H4.81l3.22 3.22a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" />
+            </svg>
+            {$showIdorNameStore === "id" ? "ID" : "Name"}
+          </button>
+
+          <button class="btn text-base flex items-center gap-2" onclick={toggleShowUnlisted} style="line-height: 1.2">
+            {#if $showUnlistedStore}
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5">
+                <path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
+                <path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 0 1 0-1.113ZM17.25 12a5.25 5.25 0 1 1-10.5 0 5.25 5.25 0 0 1 10.5 0Z" clip-rule="evenodd" />
+              </svg>
+            {:else}
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5">
+                <path d="M3.53 2.47a.75.75 0 0 0-1.06 1.06l18 18a.75.75 0 1 0 1.06-1.06l-18-18ZM22.676 12.553a11.249 11.249 0 0 1-2.631 4.31l-3.099-3.099a5.25 5.25 0 0 0-6.71-6.71L7.759 4.577a11.217 11.217 0 0 1 4.242-.827c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113Z" />
+                <path d="M15.75 12c0 .18-.013.357-.037.53l-4.244-4.243A3.75 3.75 0 0 1 15.75 12ZM12.53 15.713l-4.243-4.244a3.75 3.75 0 0 0 4.244 4.243Z" />
+                <path d="M6.75 12c0-.619.107-1.213.304-1.764l-3.1-3.1a11.25 11.25 0 0 0-2.63 4.31c-.12.362-.12.752 0 1.114 1.489 4.467 5.704 7.69 10.675 7.69 1.5 0 2.933-.294 4.242-.827l-2.477-2.477A5.25 5.25 0 0 1 6.75 12Z" />
+              </svg>
+            {/if}
+            unlisted
+          </button>
+        </div>
+        <button class="btn text-base flex items-center gap-2" onclick={handleUnloadAllModels} disabled={isUnloading}>
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
+            <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm.53 5.47a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72v5.69a.75.75 0 0 0 1.5 0v-5.69l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3Z" clip-rule="evenodd" />
+          </svg>
+          {isUnloading ? "Unloading..." : "Unload All"}
+        </button>
+      </div>
+    {/if}
+  </div>
+
+  <div class="flex-1 overflow-y-auto">
+    <table class="w-full">
+      <thead class="sticky top-0 bg-card z-10">
+        <tr class="text-left border-b border-gray-200 dark:border-white/10 bg-surface">
+          <th>{$showIdorNameStore === "id" ? "Model ID" : "Name"}</th>
+          <th></th>
+          <th>State</th>
+        </tr>
+      </thead>
+      <tbody>
+        {#each filteredModels.regularModels as model (model.id)}
+          <tr class="border-b hover:bg-secondary-hover border-gray-200">
+            <td class={model.unlisted ? "text-txtsecondary" : ""}>
+              <a href="/upstream/{model.id}/" class="font-semibold" target="_blank">
+                {getModelDisplay(model)}
+              </a>
+              {#if model.description}
+                <p class={model.unlisted ? "text-opacity-70" : ""}><em>{model.description}</em></p>
+              {/if}
+              {#if model.aliases && model.aliases.length > 0}
+                <p class="text-xs text-txtsecondary">Aliases: {model.aliases.join(", ")}</p>
+              {/if}
+            </td>
+            <td class="w-12">
+              {#if model.state === "stopped" && pendingLoads[model.id]}
+                <button class="btn btn--sm" onclick={() => cancelLoad(model.id)}>Cancel</button>
+              {:else if model.state === "stopped"}
+                <button class="btn btn--sm" onclick={() => handleLoadModel(model.id)}>Load</button>
+              {:else}
+                <button class="btn btn--sm" onclick={() => unloadSingleModel(model.id)} disabled={model.state !== "ready"}>Unload</button>
+              {/if}
+            </td>
+            <td class="w-20">
+              {#if model.state === "stopped" && pendingLoads[model.id]}
+                <span class="w-16 text-center status status--queued">queued</span>
+              {:else}
+                <span class="w-16 text-center status status--{model.state}">{model.state}</span>
+              {/if}
+            </td>
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+
+    {#if Object.keys(filteredModels.peerModelsByPeerId).length > 0}
+      <h3 class="mt-8 mb-2">Peer Models</h3>
+      {#each Object.entries(filteredModels.peerModelsByPeerId).sort(([a], [b]) => a.localeCompare(b)) as [peerId, peerModels] (peerId)}
+        <div class="mb-4">
+          <table class="w-full">
+            <thead class="sticky top-0 bg-card z-10">
+              <tr class="text-left border-b border-gray-200 dark:border-white/10 bg-surface">
+                <th class="font-semibold">{peerId}</th>
+              </tr>
+            </thead>
+            <tbody>
+              {#each peerModels as model (model.id)}
+                <tr class="border-b hover:bg-secondary-hover border-gray-200">
+                  <td class="pl-8 {model.unlisted ? 'text-txtsecondary' : ''}">
+                    <span>{model.id}</span>
+                  </td>
+                </tr>
+              {/each}
+            </tbody>
+          </table>
+        </div>
+      {/each}
+    {/if}
+  </div>
+</div>

ui-svelte/src/components/PerformanceChart.svelte

@@ -2,7 +2,6 @@
   import { onMount } from "svelte";
   import { Chart, registerables } from "chart.js";
   import { isDarkMode } from "../stores/theme";
-  import * as Card from "$lib/components/ui/card/index.js";
 
   Chart.register(...registerables);
 
@@ -144,8 +143,6 @@
   });
 </script>
 
-<Card.Root class="h-[300px] py-0">
-  <Card.Content class="h-full p-4">
-    <canvas bind:this={canvas}></canvas>
-  </Card.Content>
-</Card.Root>
+<div class="card p-4 h-[300px]">
+  <canvas bind:this={canvas}></canvas>
+</div>

ui-svelte/src/components/ResizablePanels.svelte

@@ -135,7 +135,7 @@
   <div
     role="separator"
     tabindex="0"
-    class="{handleClass} bg-primary hover:bg-success transition-colors rounded-md flex-shrink-0"
+    class="{handleClass} bg-primary hover:bg-success transition-colors rounded flex-shrink-0"
     onmousedown={handleMouseDown}
     ontouchstart={handleTouchStart}
     onkeydown={handleKeyDown}

ui-svelte/src/components/Tooltip.svelte

@@ -1,6 +1,4 @@
 <script lang="ts">
-  import * as Tooltip from "$lib/components/ui/tooltip/index.js";
-
   interface Props {
     content: string;
   }
@@ -8,7 +6,15 @@
   let { content }: Props = $props();
 </script>
 
-<Tooltip.Root>
-  <Tooltip.Trigger class="cursor-help align-middle normal-case">&#9432;</Tooltip.Trigger>
-  <Tooltip.Content>{content}</Tooltip.Content>
-</Tooltip.Root>
+<div class="relative group inline-block">
+  <span class="cursor-help">&#9432;</span>
+  <div
+    class="absolute top-full left-1/2 transform -translate-x-1/2 mt-2
+           px-3 py-2 bg-gray-900 text-white text-sm rounded-md
+           opacity-0 group-hover:opacity-100 transition-opacity
+           duration-200 pointer-events-none whitespace-nowrap z-50 normal-case"
+  >
+    {content}
+    <div class="absolute bottom-full left-1/2 transform -translate-x-1/2 border-4 border-transparent border-b-gray-900"></div>
+  </div>
+</div>

ui-svelte/src/components/activity-table/HeaderLabel.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-  import * as Tooltip from "$lib/components/ui/tooltip/index.js";
-
-  interface Props {
-    label: string;
-    tooltip?: string;
-  }
-
-  let { label, tooltip }: Props = $props();
-</script>
-
-{#if tooltip}
-  <Tooltip.Root>
-    <Tooltip.Trigger class="cursor-help border-b border-dotted border-current align-middle">
-      {label}
-    </Tooltip.Trigger>
-    <Tooltip.Content>{tooltip}</Tooltip.Content>
-  </Tooltip.Root>
-{:else}
-  {label}
-{/if}

ui-svelte/src/components/activity-table/MetaCell.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">
-  import * as Tooltip from "$lib/components/ui/tooltip/index.js";
-
-  interface Props {
-    metadata: Record<string, string> | undefined;
-  }
-
-  let { metadata }: Props = $props();
-
-  let entries = $derived(Object.entries(metadata || {}));
-</script>
-
-{#if entries.length > 0}
-  <Tooltip.Root>
-    <Tooltip.Trigger>
-      <span class="text-muted-foreground hover:text-foreground cursor-help">...</span>
-    </Tooltip.Trigger>
-    <Tooltip.Content class="min-w-[12rem] max-w-[24rem] normal-case">
-      <table class="w-full text-left">
-        <tbody>
-          {#each entries as [key, value]}
-            <tr class="border-b border-white/10 last:border-0">
-              <td class="py-1 pr-3 font-medium whitespace-nowrap text-primary">{key}</td>
-              <td class="py-1 break-all">{value}</td>
-            </tr>
-          {/each}
-        </tbody>
-      </table>
-    </Tooltip.Content>
-  </Tooltip.Root>
-{:else}
-  <span class="text-muted-foreground">-</span>
-{/if}

ui-svelte/src/components/activity-table/ViewCaptureButton.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-  import { Button } from "$lib/components/ui/button/index.js";
-
-  interface Props {
-    hasCapture: boolean;
-    loading: boolean;
-    onclick: () => void;
-  }
-
-  let { hasCapture, loading, onclick }: Props = $props();
-</script>
-
-{#if hasCapture}
-  <Button variant="outline" size="xs" {onclick} disabled={loading}>
-    {loading ? "..." : "View"}
-  </Button>
-{:else}
-  <span class="text-muted-foreground">-</span>
-{/if}

ui-svelte/src/components/model/ModelActivityTab.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-  import { metrics } from "../../stores/api";
-  import ActivityTable from "../ActivityTable.svelte";
-
-  interface Props {
-    modelId: string;
-  }
-
-  let { modelId }: Props = $props();
-
-  let modelMetrics = $derived(
-    [...$metrics].filter((m) => m.model === modelId).sort((a, b) => b.id - a.id)
-  );
-</script>
-
-<ActivityTable
-  metrics={modelMetrics}
-  storagePrefix="model-detail"
-  showModelColumn={false}
-  showPagination={true}
-  compact={true}
-  title="Recent Activity"
-  emptyMessage="No activity recorded for this model"
-/>

ui-svelte/src/components/model/ModelDetailsTab.svelte

@@ -1,44 +0,0 @@
-<script lang="ts">
-  import type { Model } from "../../lib/types";
-  import * as Card from "$lib/components/ui/card/index.js";
-
-  interface Props {
-    model: Model;
-  }
-
-  let { model }: Props = $props();
-
-  const capabilityLabels: Record<string, string> = {
-    vision: "Vision",
-    audio_transcriptions: "Transcription",
-    audio_speech: "Speech",
-    image_generation: "Image Gen",
-    image_to_image: "Img→Img",
-    function_calling: "Function Calling",
-    reranker: "Reranker",
-  };
-
-  let capabilities = $derived.by(() => {
-    const caps = model?.capabilities ?? {};
-    return Object.entries(caps).filter(([, v]) => v);
-  });
-</script>
-
-<Card.Root class="shrink-0 gap-0 overflow-hidden py-0">
-  <Card.Header class="border-b px-4 py-2">
-    <Card.Title class="text-sm font-semibold">Capabilities</Card.Title>
-  </Card.Header>
-  <Card.Content class="p-3">
-    {#if capabilities.length === 0}
-      <span class="text-muted-foreground text-sm">No capabilities reported.</span>
-    {:else}
-      <div class="flex flex-wrap gap-1.5">
-        {#each capabilities as [key] (key)}
-          <span class="bg-muted text-muted-foreground rounded-md px-2 py-0.5 text-xs font-medium">
-            {capabilityLabels[key] ?? key}
-          </span>
-        {/each}
-      </div>
-    {/if}
-  </Card.Content>
-</Card.Root>

ui-svelte/src/components/model/ModelLogsTab.svelte

@@ -1,26 +0,0 @@
-<script lang="ts">
-  import { streamModelLog } from "../../stores/modelLogs";
-  import LogPanel from "../LogPanel.svelte";
-
-  interface Props {
-    modelId: string;
-  }
-
-  let { modelId }: Props = $props();
-
-  let logData = $state("");
-  $effect(() => {
-    const id = modelId;
-    if (!id) {
-      logData = "";
-      return;
-    }
-    const store = streamModelLog(id);
-    const unsub = store.subscribe((v) => (logData = v));
-    return () => unsub();
-  });
-</script>
-
-<div class="h-full">
-  <LogPanel id={`model-${modelId}`} title="Model Logs" {logData} />
-</div>

ui-svelte/src/components/playground/AudioInterface.svelte

@@ -4,8 +4,6 @@
   import { transcribeAudio } from "../../lib/audioApi";
   import { playgroundStores } from "../../stores/playgroundActivity";
   import ModelSelector from "./ModelSelector.svelte";
-  import { Button } from "$lib/components/ui/button/index.js";
-  import { Copy, Check } from "@lucide/svelte";
 
   const selectedModelStore = persistentStore<string>("playground-audio-model", "");
 
@@ -152,14 +150,14 @@
 
   <!-- Empty state for no models configured -->
   {#if !hasModels}
-    <div class="flex-1 flex items-center justify-center text-muted-foreground">
+    <div class="flex-1 flex items-center justify-center text-txtsecondary">
       <p>No models configured. Add models to your configuration to transcribe audio.</p>
     </div>
   {:else}
     <!-- File upload / Result display area -->
-    <div class="flex-1 overflow-auto mb-4 flex items-center justify-center bg-background border border-border rounded-md">
+    <div class="flex-1 overflow-auto mb-4 flex items-center justify-center bg-surface border border-gray-200 dark:border-white/10 rounded">
       {#if isTranscribing}
-        <div class="text-center text-muted-foreground">
+        <div class="text-center text-txtsecondary">
           <div class="inline-block w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin mb-2"></div>
           <p>Transcribing audio...</p>
         </div>
@@ -171,26 +169,29 @@
       {:else if transcriptionResult}
         <div class="w-full h-full flex flex-col p-4">
           <div class="flex justify-between items-center mb-2">
-            <h3 class="pb-0 font-medium">Transcription Result</h3>
-            <Button
-              variant="outline"
-              size="icon-sm"
+            <h3 class="font-medium">Transcription Result</h3>
+            <button
+              class="btn btn-sm"
               onclick={copyToClipboard}
               title={copied ? 'Copied!' : 'Copy to clipboard'}
             >
               {#if copied}
-                <Check class="text-success" />
+                <svg class="w-5 h-5 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+                </svg>
               {:else}
-                <Copy />
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
+                </svg>
               {/if}
-            </Button>
+            </button>
           </div>
-          <div class="flex-1 overflow-auto p-3 rounded-md border border-border bg-background whitespace-pre-wrap">
+          <div class="flex-1 overflow-auto p-3 rounded border border-gray-200 dark:border-white/10 bg-background whitespace-pre-wrap">
             {transcriptionResult}
           </div>
         </div>
       {:else if selectedFile}
-        <div class="text-center text-muted-foreground p-4">
+        <div class="text-center text-txtsecondary p-4">
           <p class="font-medium mb-2">File Selected</p>
           <p class="text-sm">{selectedFile.name}</p>
           <p class="text-xs mt-1">{formatFileSize(selectedFile.size)}</p>
@@ -199,7 +200,7 @@
         <div
           role="region"
           aria-label="Audio file drop zone"
-          class="w-full h-full flex items-center justify-center text-center text-muted-foreground p-8 {isDragging ? 'bg-primary/10' : ''}"
+          class="w-full h-full flex items-center justify-center text-center text-txtsecondary p-8 {isDragging ? 'bg-primary/10' : ''}"
           ondragover={handleDragOver}
           ondragleave={handleDragLeave}
           ondrop={handleDrop}
@@ -222,21 +223,33 @@
         onchange={handleFileSelect}
         bind:this={fileInput}
       />
-      <Button variant="outline" onclick={() => fileInput?.click()} disabled={isTranscribing}>
+      <button
+        class="btn"
+        onclick={() => fileInput?.click()}
+        disabled={isTranscribing}
+      >
         Browse Files
-      </Button>
+      </button>
       <div class="flex-1"></div>
       {#if isTranscribing}
-        <Button variant="destructive" onclick={cancelTranscription}>Cancel</Button>
+        <button class="btn bg-red-500 hover:bg-red-600 text-white" onclick={cancelTranscription}>
+          Cancel
+        </button>
       {:else}
-        <Button onclick={transcribe} disabled={!canTranscribe}>Transcribe</Button>
-        <Button
-          variant="outline"
+        <button
+          class="btn bg-primary text-btn-primary-text hover:opacity-90"
+          onclick={transcribe}
+          disabled={!canTranscribe}
+        >
+          Transcribe
+        </button>
+        <button
+          class="btn"
           onclick={clearAll}
           disabled={!selectedFile && !transcriptionResult && !error}
         >
           Clear
-        </Button>
+        </button>
       {/if}
     </div>
   {/if}

ui-svelte/src/components/playground/ChatInterface.svelte

@@ -7,14 +7,6 @@
   import ChatMessageComponent from "./ChatMessage.svelte";
   import ModelSelector from "./ModelSelector.svelte";
   import ExpandableTextarea from "./ExpandableTextarea.svelte";
-  import { Settings, Paperclip } from "@lucide/svelte";
-  import { Button } from "$lib/components/ui/button/index.js";
-  import { Input } from "$lib/components/ui/input/index.js";
-  import { Textarea } from "$lib/components/ui/textarea/index.js";
-  import { Label } from "$lib/components/ui/label/index.js";
-  import * as Select from "$lib/components/ui/select/index.js";
-  import * as Dialog from "$lib/components/ui/dialog/index.js";
-  import { X } from "@lucide/svelte";
 
   const selectedModelStore = persistentStore<string>("playground-selected-model", "");
   const systemPromptStore = persistentStore<string>("playground-system-prompt", "");
@@ -38,7 +30,6 @@
   let reasoningStartTime = $state<number>(0);
   let abortController = $state<AbortController | null>(null);
   let messagesContainer: HTMLDivElement | undefined = $state();
-  let inputRef: HTMLTextAreaElement | null = $state(null);
   let showSettings = $state(false);
   let attachedImages = $state<string[]>([]);
   let fileInput = $state<HTMLInputElement | null>(null);
@@ -51,14 +42,6 @@
     playgroundStores.chatStreaming.set(isStreaming);
   });
 
-  let wasStreaming = $state(false);
-  $effect(() => {
-    if (wasStreaming && !isStreaming) {
-      inputRef?.focus();
-    }
-    wasStreaming = isStreaming;
-  });
-
   function handleMessagesScroll() {
     if (!messagesContainer) return;
     const { scrollTop, scrollHeight, clientHeight } = messagesContainer;
@@ -320,95 +303,96 @@
   <div class="shrink-0 flex flex-wrap gap-2 mb-4">
     <ModelSelector bind:value={$selectedModelStore} placeholder="Select a model..." disabled={isStreaming} />
     <div class="flex gap-2">
-      <Button variant="outline" size="icon" onclick={() => (showSettings = true)} title="Settings">
-        <Settings />
-      </Button>
-      <Button variant="outline" onclick={newChat} disabled={messages.length === 0 && !isStreaming}>
+      <button
+        class="btn"
+        onclick={() => (showSettings = !showSettings)}
+        title="Settings"
+      >
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
+          <path fill-rule="evenodd" d="M8.34 1.804A1 1 0 0 1 9.32 1h1.36a1 1 0 0 1 .98.804l.295 1.473c.497.144.971.342 1.416.587l1.25-.834a1 1 0 0 1 1.262.125l.962.962a1 1 0 0 1 .125 1.262l-.834 1.25c.245.445.443.919.587 1.416l1.473.295a1 1 0 0 1 .804.98v1.36a1 1 0 0 1-.804.98l-1.473.295a6.95 6.95 0 0 1-.587 1.416l.834 1.25a1 1 0 0 1-.125 1.262l-.962.962a1 1 0 0 1-1.262.125l-1.25-.834a6.953 6.953 0 0 1-1.416.587l-.295 1.473a1 1 0 0 1-.98.804H9.32a1 1 0 0 1-.98-.804l-.295-1.473a6.957 6.957 0 0 1-1.416-.587l-1.25.834a1 1 0 0 1-1.262-.125l-.962-.962a1 1 0 0 1-.125-1.262l.834-1.25a6.957 6.957 0 0 1-.587-1.416l-1.473-.295A1 1 0 0 1 1 10.68V9.32a1 1 0 0 1 .804-.98l1.473-.295c.144-.497.342-.971.587-1.416l-.834-1.25a1 1 0 0 1 .125-1.262l.962-.962A1 1 0 0 1 5.38 3.03l1.25.834a6.957 6.957 0 0 1 1.416-.587l.294-1.473ZM13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd" />
+        </svg>
+      </button>
+      <button class="btn" onclick={newChat} disabled={messages.length === 0 && !isStreaming}>
         New Chat
-      </Button>
+      </button>
     </div>
   </div>
 
-  <!-- Settings dialog -->
-  <Dialog.Root bind:open={showSettings}>
-    <Dialog.Content class="max-w-xl">
-      <Dialog.Header>
-        <Dialog.Title>Chat Settings</Dialog.Title>
-      </Dialog.Header>
-
-      <div class="space-y-4">
-        <div>
-          <Label class="mb-1" for="endpoint">Endpoint</Label>
-          <Select.Root
-            type="single"
-            value={$endpointStore}
-            onValueChange={(v) => v && endpointStore.set(v as Endpoint)}
-          >
-            <Select.Trigger class="w-full">/{$endpointStore}</Select.Trigger>
-            <Select.Content>
-              <Select.Item value="v1/chat/completions">/v1/chat/completions</Select.Item>
-              <Select.Item value="v1/messages">/v1/messages</Select.Item>
-              <Select.Item value="v1/responses">/v1/responses</Select.Item>
-            </Select.Content>
-          </Select.Root>
-        </div>
-        <div>
-          <Label class="mb-1" for="system-prompt">System Prompt</Label>
-          <Textarea
-            id="system-prompt"
-            class="resize-none"
-            placeholder="You are a helpful assistant..."
-            rows={3}
-            bind:value={$systemPromptStore}
-            disabled={isStreaming}
-          />
-        </div>
-        <div>
-          <Label class="mb-1" for="temperature">
-            Temperature: {$temperatureStore.toFixed(2)}
-          </Label>
-          <input
-            id="temperature"
-            type="range"
-            min="0"
-            max="2"
-            step="0.05"
-            class="accent-primary w-full"
-            bind:value={$temperatureStore}
-            disabled={isStreaming}
-          />
-          <div class="text-muted-foreground mt-1 flex justify-between text-xs">
-            <span>Precise (0)</span>
-            <span>Creative (2)</span>
-          </div>
-        </div>
-        <div>
-          <Label class="mb-1" for="max-tokens">Max Tokens</Label>
-          <Input id="max-tokens" type="number" min="1" bind:value={$maxTokensStore} disabled={isStreaming} />
-          <p class="text-muted-foreground mt-1 text-xs">Required for /v1/messages.</p>
+  <!-- Settings panel -->
+  {#if showSettings}
+    <div class="shrink-0 mb-4 p-4 bg-surface border border-gray-200 dark:border-white/10 rounded">
+      <div class="mb-4">
+        <label class="block text-sm font-medium mb-1" for="endpoint">Endpoint</label>
+        <select
+          id="endpoint"
+          class="w-full px-3 py-2 rounded border border-gray-200 dark:border-white/10 bg-card focus:outline-none focus:ring-2 focus:ring-primary"
+          bind:value={$endpointStore}
+          disabled={isStreaming}
+        >
+          <option value="v1/chat/completions">/v1/chat/completions</option>
+          <option value="v1/messages">/v1/messages</option>
+          <option value="v1/responses">/v1/responses</option>
+        </select>
+      </div>
+      <div class="mb-4">
+        <label class="block text-sm font-medium mb-1" for="system-prompt">System Prompt</label>
+        <textarea
+          id="system-prompt"
+          class="w-full px-3 py-2 rounded border border-gray-200 dark:border-white/10 bg-card focus:outline-none focus:ring-2 focus:ring-primary resize-none"
+          placeholder="You are a helpful assistant..."
+          rows="3"
+          bind:value={$systemPromptStore}
+          disabled={isStreaming}
+        ></textarea>
+      </div>
+      <div class="mb-4">
+        <label class="block text-sm font-medium mb-1" for="temperature">
+          Temperature: {$temperatureStore.toFixed(2)}
+        </label>
+        <input
+          id="temperature"
+          type="range"
+          min="0"
+          max="2"
+          step="0.05"
+          class="w-full"
+          bind:value={$temperatureStore}
+          disabled={isStreaming}
+        />
+        <div class="flex justify-between text-xs text-txtsecondary mt-1">
+          <span>Precise (0)</span>
+          <span>Creative (2)</span>
         </div>
       </div>
-
-      <Dialog.Footer>
-        <Button variant="outline" onclick={() => (showSettings = false)}>Done</Button>
-      </Dialog.Footer>
-    </Dialog.Content>
-  </Dialog.Root>
+      <div>
+        <label class="block text-sm font-medium mb-1" for="max-tokens">Max Tokens</label>
+        <input
+          id="max-tokens"
+          type="number"
+          min="1"
+          class="w-full px-3 py-2 rounded border border-gray-200 dark:border-white/10 bg-card focus:outline-none focus:ring-2 focus:ring-primary"
+          bind:value={$maxTokensStore}
+          disabled={isStreaming}
+        />
+        <p class="text-xs text-txtsecondary mt-1">Required for /v1/messages.</p>
+      </div>
+    </div>
+  {/if}
 
   <!-- Empty state for no models configured -->
   {#if !hasModels}
-    <div class="text-muted-foreground flex flex-1 items-center justify-center">
+    <div class="flex-1 flex items-center justify-center text-txtsecondary">
       <p>No models configured. Add models to your configuration to start chatting.</p>
     </div>
   {:else}
     <!-- Messages area -->
     <div
-      class="mb-4 flex-1 overflow-y-auto px-2"
+      class="flex-1 overflow-y-auto mb-4 px-2"
       bind:this={messagesContainer}
       onscroll={handleMessagesScroll}
     >
       {#if messages.length === 0}
-        <div class="text-muted-foreground flex h-full items-center justify-center">
+        <div class="h-full flex items-center justify-center text-txtsecondary">
           <p>Start a conversation by typing a message below.</p>
         </div>
       {:else}
@@ -435,21 +419,19 @@
       {#if attachedImages.length > 0}
         <div class="mb-2 flex flex-wrap gap-2">
           {#each attachedImages as imageUrl, idx (idx)}
-            <div class="group relative">
+            <div class="relative group">
               <img
                 src={imageUrl}
                 alt="Attached image {idx + 1}"
-                class="h-20 w-20 rounded-md border object-cover"
+                class="w-20 h-20 object-cover rounded border border-gray-200 dark:border-white/10"
               />
-              <Button
-                variant="destructive"
-                size="icon-sm"
-                class="absolute -right-2 -top-2 h-6 w-6 rounded-full opacity-0 transition-opacity group-hover:opacity-100"
+              <button
+                class="absolute -top-2 -right-2 bg-red-500 text-white rounded-full w-6 h-6 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
                 onclick={() => removeImage(idx)}
                 title="Remove image"
               >
-                <X class="size-3" />
-              </Button>
+                ×
+              </button>
             </div>
           {/each}
         </div>
@@ -457,7 +439,7 @@
 
       <!-- Error message -->
       {#if imageError}
-        <div class="bg-destructive/10 text-destructive mb-2 rounded-md p-2 text-sm">
+        <div class="mb-2 p-2 bg-red-100 dark:bg-red-900/20 text-red-700 dark:text-red-400 rounded text-sm">
           {imageError}
         </div>
       {/if}
@@ -474,7 +456,6 @@
         />
 
         <ExpandableTextarea
-          bind:ref={inputRef}
           bind:value={userInput}
           placeholder="Type a message..."
           rows={3}
@@ -483,23 +464,27 @@
         />
         <div class="flex flex-col gap-2">
           {#if isStreaming}
-            <Button variant="destructive" onclick={cancelStreaming}>Cancel</Button>
+            <button class="btn bg-red-500 hover:bg-red-600 text-white" onclick={cancelStreaming}>
+              Cancel
+            </button>
           {:else}
-            <Button
-              variant="outline"
-              size="icon"
+            <button
+              class="btn"
               onclick={() => fileInput?.click()}
               disabled={isStreaming || !$selectedModelStore}
               title="Attach image"
             >
-              <Paperclip />
-            </Button>
-            <Button
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
+                <path fill-rule="evenodd" d="M1 5.25A2.25 2.25 0 0 1 3.25 3h13.5A2.25 2.25 0 0 1 19 5.25v9.5A2.25 2.25 0 0 1 16.75 17H3.25A2.25 2.25 0 0 1 1 14.75v-9.5Zm1.5 5.81v3.69c0 .414.336.75.75.75h13.5a.75.75 0 0 0 .75-.75v-2.69l-2.22-2.219a.75.75 0 0 0-1.06 0l-1.91 1.909.47.47a.75.75 0 1 1-1.06 1.06L6.53 8.091a.75.75 0 0 0-1.06 0l-2.97 2.97ZM12 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" clip-rule="evenodd" />
+              </svg>
+            </button>
+            <button
+              class="btn bg-primary text-btn-primary-text hover:opacity-90"
               onclick={sendMessage}
               disabled={(!userInput.trim() && attachedImages.length === 0) || !$selectedModelStore}
             >
               Send
-            </Button>
+            </button>
           {/if}
         </div>
       </div>

ui-svelte/src/components/playground/ChatMessage.svelte

@@ -1,9 +1,7 @@
 <script lang="ts">
   import { renderMarkdown, escapeHtml, renderStreamingMarkdown, createStreamingCache } from "../../lib/markdown";
   import type { RenderedBlock } from "../../lib/markdown";
-  import { Copy, Check, Pencil, X, Save, RefreshCw, ChevronDown, ChevronRight, Brain, Code } from "@lucide/svelte";
-  import { Button } from "$lib/components/ui/button/index.js";
-  import { Textarea } from "$lib/components/ui/textarea/index.js";
+  import { Copy, Check, Pencil, X, Save, RefreshCw, ChevronDown, ChevronRight, Brain, Code } from "lucide-svelte";
   import { getTextContent, getImageUrls } from "../../lib/types";
   import type { ContentPart } from "../../lib/types";
 
@@ -163,37 +161,37 @@
 
 <div class="flex {role === 'user' ? 'justify-end' : 'justify-start'} mb-4">
   <div
-    class="group relative rounded-lg px-4 py-2 {role === 'user'
-      ? 'bg-primary text-primary-foreground max-w-[85%]'
-      : 'bg-card w-full border sm:w-4/5'}"
+    class="relative group rounded-lg px-4 py-2 {role === 'user'
+      ? 'max-w-[85%] bg-primary text-btn-primary-text'
+      : 'w-full sm:w-4/5 bg-surface border border-gray-200 dark:border-white/10'}"
   >
     {#if role === "assistant"}
       {#if reasoning_content || isReasoning}
-        <div class="mb-3 overflow-hidden rounded-md border">
+        <div class="mb-3 border border-gray-200 dark:border-white/10 rounded overflow-hidden">
           <button
-            class="bg-muted/50 hover:bg-muted flex w-full items-center gap-2 px-3 py-2 text-sm transition-colors"
+            class="w-full flex items-center gap-2 px-3 py-2 bg-gray-50 dark:bg-white/5 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors text-sm"
             onclick={() => showReasoning = !showReasoning}
           >
             {#if showReasoning}
-              <ChevronDown class="size-4" />
+              <ChevronDown class="w-4 h-4" />
             {:else}
-              <ChevronRight class="size-4" />
+              <ChevronRight class="w-4 h-4" />
             {/if}
-            <Brain class="size-4" />
+            <Brain class="w-4 h-4" />
             <span class="font-medium">Reasoning</span>
-            <span class="text-muted-foreground ml-2">
+            <span class="text-txtsecondary ml-2">
               ({reasoning_content.length} chars{#if !isReasoning && reasoningTimeMs > 0}, {formatDuration(reasoningTimeMs)}{/if})
             </span>
             {#if isReasoning}
-              <span class="text-muted-foreground ml-auto flex items-center gap-1">
-                <span class="bg-primary h-1.5 w-1.5 animate-pulse rounded-full"></span>
+              <span class="ml-auto flex items-center gap-1 text-txtsecondary">
+                <span class="w-1.5 h-1.5 bg-primary rounded-full animate-pulse"></span>
                 reasoning...
               </span>
             {/if}
           </button>
           {#if showReasoning}
-            <div class="bg-muted/30 text-muted-foreground whitespace-pre-wrap px-3 py-2 font-mono text-sm">
-              {reasoning_content}{#if isReasoning}<span class="ml-0.5 inline-block h-4 w-1.5 animate-pulse bg-current"></span>{/if}
+            <div class="px-3 py-2 bg-gray-50/50 dark:bg-white/[0.02] text-sm text-txtsecondary whitespace-pre-wrap font-mono">
+              {reasoning_content}{#if isReasoning}<span class="inline-block w-1.5 h-4 bg-current animate-pulse ml-0.5"></span>{/if}
             </div>
           {/if}
         </div>
@@ -203,12 +201,12 @@
           {#each imageUrls as imageUrl, idx (idx)}
             <button
               onclick={() => openModal(imageUrl)}
-              class="cursor-pointer rounded-md border transition-opacity hover:opacity-80"
+              class="cursor-pointer rounded border border-gray-200 dark:border-white/10 hover:opacity-80 transition-opacity"
             >
               <img
                 src={imageUrl}
                 alt="Image {idx + 1}"
-                class="max-h-64 rounded-md"
+                class="max-h-64 rounded"
               />
             </button>
           {/each}
@@ -228,47 +226,60 @@
         </div>
       {/if}
       {#if !isStreaming}
-        <div class="mt-2 flex gap-1 border-t pt-1">
+        <div class="flex gap-1 mt-2 pt-1 border-t border-gray-200 dark:border-white/10">
           {#if onRegenerate}
-            <Button variant="ghost" size="icon-xs" class="text-muted-foreground" onclick={onRegenerate} title="Regenerate response">
-              <RefreshCw />
-            </Button>
+            <button
+              class="p-1 rounded hover:bg-black/10 dark:hover:bg-white/10 text-txtsecondary"
+              onclick={onRegenerate}
+              title="Regenerate response"
+            >
+              <RefreshCw class="w-4 h-4" />
+            </button>
           {/if}
-          <Button
-            variant="ghost"
-            size="icon-xs"
-            class="text-muted-foreground"
+          <button
+            class="p-1 rounded hover:bg-black/10 dark:hover:bg-white/10 text-txtsecondary"
             onclick={copyToClipboard}
             title={copied ? "Copied!" : "Copy to clipboard"}
           >
             {#if copied}
-              <Check class="text-success" />
+              <Check class="w-4 h-4 text-green-500" />
             {:else}
-              <Copy />
+              <Copy class="w-4 h-4" />
             {/if}
-          </Button>
-          <Button
-            variant="ghost"
-            size="icon-xs"
-            class={showRaw ? "text-primary" : "text-muted-foreground"}
+          </button>
+          <button
+            class="p-1 rounded hover:bg-black/10 dark:hover:bg-white/10 {showRaw ? 'text-primary' : 'text-txtsecondary'}"
             onclick={() => showRaw = !showRaw}
             title={showRaw ? "Show rendered" : "Show raw"}
           >
-            <Code />
-          </Button>
+            <Code class="w-4 h-4" />
+          </button>
         </div>
       {/if}
     {:else}
       {#if isEditing}
-        <div class="flex min-w-[300px] flex-col gap-2">
-          <Textarea class="resize-none" rows={3} bind:value={editContent} onkeydown={handleKeyDown} />
+        <div class="flex flex-col gap-2 min-w-[300px]">
+          <textarea
+            class="w-full px-3 py-2 rounded border border-gray-200 dark:border-white/10 bg-surface text-txtmain focus:outline-none focus:ring-2 focus:ring-primary resize-none"
+            rows="3"
+            bind:value={editContent}
+            onkeydown={handleKeyDown}
+          ></textarea>
           <div class="flex justify-end gap-2">
-            <Button variant="ghost" size="icon-sm" onclick={cancelEdit} title="Cancel">
-              <X />
-            </Button>
-            <Button variant="ghost" size="icon-sm" onclick={saveEdit} title="Save">
-              <Save />
-            </Button>
+            <button
+              class="p-1.5 rounded hover:bg-white/20"
+              onclick={cancelEdit}
+              title="Cancel"
+            >
+              <X class="w-4 h-4" />
+            </button>
+            <button
+              class="p-1.5 rounded hover:bg-white/20"
+              onclick={saveEdit}
+              title="Save"
+            >
+              <Save class="w-4 h-4" />
+            </button>
           </div>
         </div>
       {:else}
@@ -277,12 +288,12 @@
             {#each imageUrls as imageUrl, idx (idx)}
               <button
                 onclick={() => openModal(imageUrl)}
-                class="cursor-pointer rounded-md border border-white/20 transition-opacity hover:opacity-80"
+                class="cursor-pointer rounded border border-white/20 hover:opacity-80 transition-opacity"
               >
                 <img
                   src={imageUrl}
                   alt="Image {idx + 1}"
-                  class="max-w-[200px] rounded-md"
+                  class="max-w-[200px] rounded"
                 />
               </button>
             {/each}
@@ -291,11 +302,11 @@
         <div class="whitespace-pre-wrap pr-8">{textContent}</div>
         {#if canEdit}
           <button
-            class="absolute right-2 top-2 rounded-lg bg-white/20 p-1.5 opacity-0 shadow-sm transition-opacity hover:bg-white/30 group-hover:opacity-100"
+            class="absolute top-2 right-2 p-1.5 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity bg-white/20 hover:bg-white/30 shadow-sm"
             onclick={startEdit}
             title="Edit message"
           >
-            <Pencil class="size-4" />
+            <Pencil class="w-4 h-4" />
           </button>
         {/if}
       {/if}
@@ -313,16 +324,16 @@
     tabindex="-1"
   >
     <button
-      class="absolute right-4 top-4 rounded-lg bg-white/10 p-2 text-white transition-colors hover:bg-white/20"
+      class="absolute top-4 right-4 p-2 rounded-lg bg-white/10 hover:bg-white/20 text-white transition-colors"
       onclick={() => closeModal()}
       title="Close"
     >
-      <X class="size-6" />
+      <X class="w-6 h-6" />
     </button>
     <img
       src={modalImageUrl}
       alt=""
-      class="max-w-full max-h-full rounded-md pointer-events-none"
+      class="max-w-full max-h-full rounded pointer-events-none"
     />
   </div>
 {/if}
@@ -330,8 +341,8 @@
 <style>
   .prose :global(pre) {
     position: relative;
-    background-color: var(--muted);
-    border: 1px solid var(--border);
+    background-color: var(--color-surface);
+    border: 1px solid var(--color-border, rgba(128, 128, 128, 0.2));
     border-radius: 0.375rem;
     padding: 0.75rem;
     padding-right: 2.5rem;
@@ -348,20 +359,20 @@
     justify-content: center;
     padding: 0.25rem;
     border-radius: 0.25rem;
-    border: 1px solid var(--border);
-    background: var(--muted);
-    color: var(--muted-foreground);
+    border: 1px solid var(--color-border);
+    background: var(--color-surface);
+    color: var(--color-txtsecondary);
     cursor: pointer;
     transition: background-color 0.15s;
     line-height: 0;
   }
 
   .prose :global(.code-copy-btn:hover) {
-    background: var(--accent);
+    background: var(--color-secondary);
   }
 
   .prose :global(.code-copy-btn.copied) {
-    color: var(--success);
+    color: var(--color-success);
     opacity: 1;
   }
 
@@ -376,10 +387,10 @@
   }
 
   .prose :global(code:not(pre code)) {
-    background-color: var(--muted);
+    background-color: var(--color-surface);
     padding: 0.125rem 0.25rem;
     border-radius: 0.25rem;
-    border: 1px solid var(--border);
+    border: 1px solid var(--color-border, rgba(128, 128, 128, 0.2));
   }
 
   .prose :global(p) {
@@ -420,14 +431,14 @@
   }
 
   .prose :global(blockquote) {
-    border-left: 3px solid var(--primary);
+    border-left: 3px solid var(--color-primary);
     padding-left: 1rem;
     margin: 0.5rem 0;
     font-style: italic;
   }
 
   .prose :global(a) {
-    color: var(--primary);
+    color: var(--color-primary);
     text-decoration: underline;
   }
 
@@ -439,13 +450,13 @@
 
   .prose :global(th),
   .prose :global(td) {
-    border: 1px solid var(--border);
+    border: 1px solid var(--color-border, rgba(128, 128, 128, 0.2));
     padding: 0.5rem;
     text-align: left;
   }
 
   .prose :global(th) {
-    background-color: var(--muted);
+    background-color: var(--color-surface);
     font-weight: 600;
   }
 

ui-svelte/src/components/playground/ConcurrencyInterface.svelte

@@ -2,10 +2,6 @@
   import { models } from "../../stores/api";
   import { persistentStore } from "../../stores/persistent";
   import { streamChatCompletion } from "../../lib/chatApi";
-  import { Button } from "$lib/components/ui/button/index.js";
-  import { Input } from "$lib/components/ui/input/index.js";
-  import { Textarea } from "$lib/components/ui/textarea/index.js";
-  import { X } from "@lucide/svelte";
 
   type Status = "waiting" | "streaming" | "done" | "error";
   type Phase = "waiting" | "loading" | "reasoning" | "content";
@@ -370,77 +366,77 @@
     <!-- Run controls -->
     <div class="flex items-center gap-2">
       {#if isRunning}
-        <Button variant="destructive" onclick={stop}>
-          <span class="mr-1 inline-block h-3 w-3 bg-current align-middle"></span>Stop
-        </Button>
+        <button class="btn bg-red-500 hover:bg-red-600 text-white border-red-500" onclick={stop}>
+          <span class="inline-block w-3 h-3 bg-white align-middle mr-2"></span>Stop
+        </button>
       {:else}
-        <Button
+        <button
+          class="btn bg-primary text-btn-primary-text hover:opacity-90"
           onclick={run}
           disabled={!canRun}
           title={$testListStore.length === 0 ? "Add models from the list below" : "Run concurrent requests"}
         >
-          <span class="mr-1 inline-block align-middle" aria-hidden="true">▶</span>Go
-        </Button>
+          <span class="inline-block align-middle mr-2" aria-hidden="true">▶</span>Go
+        </button>
       {/if}
-      <Button variant="outline" size="sm" onclick={clearAll} disabled={isRunning || $testListStore.length === 0}>
+      <button class="btn btn--sm" onclick={clearAll} disabled={isRunning || $testListStore.length === 0}>
         Clear ({$testListStore.length})
-      </Button>
+      </button>
     </div>
 
     <!-- Available models -->
     <div class="flex flex-col min-h-0 flex-1">
-      <div class="text-xs font-medium text-muted-foreground mb-1">
+      <div class="text-xs font-medium text-txtsecondary mb-1">
         Models <span class="text-[10px] font-normal">— click to queue (add the same model more than once to test parallel requests)</span>
       </div>
-      <div class="flex-1 border border-border rounded-md overflow-y-auto min-h-0">
+      <div class="flex-1 border border-gray-200 dark:border-white/10 rounded overflow-y-auto min-h-0">
         {#if !hasModels}
-          <div class="p-3 text-sm text-muted-foreground text-center">No models configured.</div>
+          <div class="p-3 text-sm text-txtsecondary text-center">No models configured.</div>
         {:else}
-          <div class="divide-y divide-gray-100 dark:divide-white/5">
+          <ul class="divide-y divide-gray-100 dark:divide-white/5">
             {#each availableModels as m (m.id)}
-              <button
-                type="button"
-                class="hover:bg-accent hover:text-foreground flex w-full items-center gap-1.5 px-2 py-1.5 text-left text-sm font-normal transition-colors disabled:pointer-events-none disabled:opacity-50"
-                onclick={() => addModel(m.id)}
-                disabled={isRunning}
-                title="Add {m.id}"
-              >
-                <span class="text-primary" aria-hidden="true">+</span>
-                <span class="truncate flex-1">{m.id}</span>
-              </button>
+              <li>
+                <button
+                  class="w-full text-left px-2 py-1.5 text-sm hover:bg-secondary-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2"
+                  onclick={() => addModel(m.id)}
+                  disabled={isRunning}
+                  title="Add {m.id}"
+                >
+                  <span class="text-primary" aria-hidden="true">+</span>
+                  <span class="truncate flex-1">{m.id}</span>
+                </button>
+              </li>
             {/each}
-          </div>
+          </ul>
         {/if}
       </div>
     </div>
 
     <!-- Settings -->
-    <div class="flex flex-col gap-2 border-t border-border pt-3">
+    <div class="flex flex-col gap-2 border-t border-gray-200 dark:border-white/10 pt-3">
       <div class="flex items-center justify-between">
-        <label for="concurrency-prompt" class="text-xs font-medium text-muted-foreground">Prompt</label>
-        <Button
-          variant="link"
-          size="sm"
-          class="h-auto p-0 text-[10px]"
+        <label for="concurrency-prompt" class="text-xs font-medium text-txtsecondary">Prompt</label>
+        <button
+          class="text-[10px] text-txtsecondary hover:text-txtmain underline"
           onclick={resetDefaults}
           disabled={isRunning}
         >
           reset defaults
-        </Button>
+        </button>
       </div>
-      <Textarea
+      <textarea
         id="concurrency-prompt"
-        class="resize-none text-sm"
-        rows={3}
+        class="w-full px-2 py-1.5 text-sm rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary resize-none"
+        rows="3"
         bind:value={$promptStore}
         disabled={isRunning}
-      ></Textarea>
-      <label for="concurrency-max-tokens" class="text-xs font-medium text-muted-foreground">max_tokens</label>
-      <Input
+      ></textarea>
+      <label for="concurrency-max-tokens" class="text-xs font-medium text-txtsecondary">max_tokens</label>
+      <input
         id="concurrency-max-tokens"
         type="number"
         min="1"
-        class="h-8 text-sm"
+        class="w-full px-2 py-1.5 text-sm rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
         bind:value={$maxTokensStore}
         disabled={isRunning}
       />
@@ -451,8 +447,8 @@
   <div class="flex-1 min-w-0 min-h-0 overflow-y-auto">
     {#if $testListStore.length === 0}
       <div class="h-full flex items-center justify-center px-6">
-        <div class="max-w-md text-sm text-muted-foreground space-y-4">
-          <h4 class="text-base font-semibold text-foreground pb-0">Load Test</h4>
+        <div class="max-w-md text-sm text-txtsecondary space-y-4">
+          <h4 class="text-base font-semibold text-txtmain pb-0">Load Test</h4>
           <p>
             Fire several streaming chat completions at llama-swap at the same time to see how it handles parallel
             loading and concurrent inference. Each request streams into its own panel with a live timer and status.
@@ -460,16 +456,16 @@
           <ol class="list-decimal list-inside space-y-1">
             <li>Click models on the left to queue them — repeat a model to hit it with parallel requests.</li>
             <li>Tweak the prompt and <code>max_tokens</code> if you want.</li>
-            <li>Press <span class="font-semibold text-foreground">Go</span> to launch them concurrently.</li>
+            <li>Press <span class="font-semibold text-txtmain">Go</span> to launch them concurrently.</li>
           </ol>
           <p class="text-xs">Tip: drag a result card's header to reorder, or hit × to drop it.</p>
         </div>
       </div>
     {:else}
       <!-- Gantt-style timeline -->
-      <div class="mb-3 border border-border rounded-md">
+      <div class="mb-3 border border-gray-200 dark:border-white/10 rounded">
           <button
-            class="w-full flex items-center gap-2 px-2 py-1.5 text-xs font-medium text-muted-foreground hover:bg-accent transition-colors {$timelineCollapsedStore ? 'rounded-md' : 'rounded-t border-b border-border'}"
+            class="w-full flex items-center gap-2 px-2 py-1.5 text-xs font-medium text-txtsecondary hover:bg-secondary-hover transition-colors {$timelineCollapsedStore ? 'rounded' : 'rounded-t border-b border-gray-200 dark:border-white/10'}"
             onclick={() => timelineCollapsedStore.update((v) => !v)}
             aria-expanded={!$timelineCollapsedStore}
           >
@@ -484,7 +480,7 @@
             </svg>
             <span>Timeline</span>
             {#if !$timelineCollapsedStore}
-              <span class="flex items-center gap-3 text-[10px] text-muted-foreground font-normal ml-3" aria-hidden="true">
+              <span class="flex items-center gap-3 text-[10px] text-txtsecondary font-normal ml-3" aria-hidden="true">
                 <span class="flex items-center gap-1"><span class="inline-block w-2.5 h-2.5 rounded-sm bg-slate-200 dark:bg-white/10 border border-gray-300 dark:border-white/10"></span>waiting</span>
                 <span class="flex items-center gap-1"><span class="inline-block w-2.5 h-2.5 rounded-sm bg-slate-400 dark:bg-slate-500"></span>loading</span>
                 <span class="flex items-center gap-1"><span class="inline-block w-2.5 h-2.5 rounded-sm bg-purple-500"></span>reasoning</span>
@@ -493,7 +489,7 @@
                 <span class="flex items-center gap-1"><span class="inline-block w-2.5 h-2.5 rounded-sm bg-red-500"></span>error</span>
               </span>
             {/if}
-            <span class="ml-auto tabular-nums text-muted-foreground">
+            <span class="ml-auto tabular-nums text-txtsecondary">
               max {formatElapsed(timelineMaxMs)} · {$testListStore.length} request{$testListStore.length === 1 ? "" : "s"}
             </span>
           </button>
@@ -502,13 +498,13 @@
               <!-- X axis ticks -->
               <div class="flex" aria-hidden="true">
                 <div class="w-40 shrink-0"></div>
-                <div class="relative flex-1 h-4 border-b border-border">
+                <div class="relative flex-1 h-4 border-b border-gray-200 dark:border-white/10">
                   {#each timelineTicks as t (t)}
                     <div
-                      class="absolute top-0 bottom-0 border-l border-border"
+                      class="absolute top-0 bottom-0 border-l border-gray-200 dark:border-white/10"
                       style="left: {(t / timelineMaxMs) * 100}%;"
                     >
-                      <span class="absolute -top-0.5 left-1 text-[10px] text-muted-foreground tabular-nums">{formatTickMs(t)}</span>
+                      <span class="absolute -top-0.5 left-1 text-[10px] text-txtsecondary tabular-nums">{formatTickMs(t)}</span>
                     </div>
                   {/each}
                 </div>
@@ -523,14 +519,14 @@
                   {@const reasoningPct = run ? (run.reasoningMs / timelineMaxMs) * 100 : 0}
                   {@const contentPct = run ? (run.contentMs / timelineMaxMs) * 100 : 0}
                   <div class="flex items-center text-xs">
-                    <div class="w-40 shrink-0 flex items-center gap-1 pr-2 text-muted-foreground">
+                    <div class="w-40 shrink-0 flex items-center gap-1 pr-2 text-txtsecondary">
                       <span class="tabular-nums w-5 text-right">{i + 1}.</span>
                       <span class="truncate" title={entry.model}>{entry.model}</span>
                     </div>
                     <div class="relative flex-1 h-4">
                       {#each timelineTicks as t (t)}
                         <div
-                          class="absolute top-0 bottom-0 border-l border-border"
+                          class="absolute top-0 bottom-0 border-l border-gray-100 dark:border-white/5"
                           style="left: {(t / timelineMaxMs) * 100}%;"
                           aria-hidden="true"
                         ></div>
@@ -564,7 +560,7 @@
                         ></div>
                       {/if}
                     </div>
-                    <div class="w-16 shrink-0 pl-2 tabular-nums text-muted-foreground text-right">
+                    <div class="w-16 shrink-0 pl-2 tabular-nums text-txtsecondary text-right">
                       {run ? formatElapsed(run.elapsedMs) : "—"}
                     </div>
                   </div>
@@ -578,16 +574,16 @@
           {@const run = runs[entry.id]}
           {@const status = run?.status ?? "waiting"}
           <div
-            class="border rounded-md flex flex-col min-h-0 transition-colors {dragOverIndex === i && dragIndex !== i
+            class="border rounded flex flex-col min-h-0 transition-colors {dragOverIndex === i && dragIndex !== i
               ? 'border-primary ring-2 ring-primary/40'
-              : 'border-border'} {dragIndex === i ? 'opacity-40' : ''}"
+              : 'border-gray-200 dark:border-white/10'} {dragIndex === i ? 'opacity-40' : ''}"
             style="height: 280px;"
             role="listitem"
             ondragover={(e) => onDragOver(i, e)}
             ondrop={(e) => onDrop(i, e)}
           >
             <div
-              class="shrink-0 flex items-center gap-2 px-2 py-1.5 border-b border-border bg-secondary/40 rounded-t"
+              class="shrink-0 flex items-center gap-2 px-2 py-1.5 border-b border-gray-200 dark:border-white/10 bg-secondary/40 rounded-t"
               draggable={!isRunning}
               role="button"
               tabindex="-1"
@@ -597,28 +593,26 @@
               class:cursor-grab={!isRunning}
               title={isRunning ? "" : "Drag to reorder"}
             >
-              <span class="text-muted-foreground select-none" aria-hidden="true">⋮⋮</span>
-              <span class="text-muted-foreground tabular-nums text-xs w-5 text-right">{i + 1}.</span>
+              <span class="text-txtsecondary select-none" aria-hidden="true">⋮⋮</span>
+              <span class="text-txtsecondary tabular-nums text-xs w-5 text-right">{i + 1}.</span>
               <span class="flex-1 truncate text-sm font-medium" title={entry.model}>{entry.model}</span>
-              <span class="text-xs tabular-nums text-muted-foreground">
+              <span class="text-xs tabular-nums text-txtsecondary">
                 {run ? formatElapsed(run.elapsedMs) : "—"}
               </span>
               <span class="status text-[10px] {statusBadgeClass(status)}">{status}</span>
-              <Button
-                variant="ghost"
-                size="icon-sm"
-                class="h-5 w-5 text-muted-foreground hover:text-red-500"
+              <button
+                class="w-5 h-5 flex items-center justify-center text-txtsecondary hover:text-red-500 transition-colors rounded disabled:opacity-30 disabled:cursor-not-allowed"
                 onclick={() => removeEntry(entry.id)}
                 disabled={isRunning}
                 aria-label="Remove"
-                tabindex={-1}
+                tabindex="-1"
               >
-                <X class="size-3" />
-              </Button>
+                ×
+              </button>
             </div>
             <div class="flex-1 min-h-0 overflow-y-auto font-mono text-xs px-2 py-1.5">
               {#if run?.loadingText}
-                <div class="bg-secondary/40 dark:bg-white/5 text-muted-foreground rounded-md px-2 py-1 mb-2 whitespace-pre-wrap">{run.loadingText.trim()}</div>
+                <div class="bg-secondary/40 dark:bg-white/5 text-txtsecondary rounded px-2 py-1 mb-2 whitespace-pre-wrap">{run.loadingText.trim()}</div>
               {/if}
               {#if run?.reasoningContent}
                 <div class="text-purple-700 dark:text-purple-300 whitespace-pre-wrap">{run.reasoningContent}</div>

ui-svelte/src/components/playground/ExpandableTextarea.svelte

@@ -1,12 +1,9 @@
 <script lang="ts">
   import { untrack } from "svelte";
-  import { Maximize2, X } from "@lucide/svelte";
-  import { Button } from "$lib/components/ui/button/index.js";
-  import { Textarea } from "$lib/components/ui/textarea/index.js";
+  import { Maximize2, X } from "lucide-svelte";
 
   interface Props {
     value: string;
-    ref?: HTMLTextAreaElement | null;
     placeholder?: string;
     rows?: number;
     disabled?: boolean;
@@ -15,7 +12,6 @@
 
   let {
     value = $bindable(),
-    ref = $bindable(null),
     placeholder = "",
     rows = 3,
     disabled = false,
@@ -56,55 +52,69 @@
   });
 </script>
 
-<div class="group relative flex min-h-0 flex-1 items-stretch">
-  <Textarea
-    class="resize-none pr-10"
-    bind:ref
+<div class="flex-1 relative group flex items-stretch min-h-0">
+  <textarea
+    class="w-full px-3 py-2 pr-10 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary resize-none"
     {placeholder}
     {rows}
     bind:value
     {onkeydown}
     {disabled}
-  />
-  <Button
-    variant="outline"
-    size="icon-sm"
-    class="absolute right-2 top-2 opacity-60 transition-opacity group-hover:opacity-100 md:opacity-0"
+  ></textarea>
+  <button
+    class="absolute top-2 right-2 p-1.5 rounded-lg opacity-60 md:opacity-0 group-hover:opacity-100 transition-opacity bg-surface/90 hover:bg-surface border border-gray-200 dark:border-white/10 shadow-sm"
     onclick={openExpanded}
     title="Expand to edit"
     type="button"
     {disabled}
   >
-    <Maximize2 />
-  </Button>
+    <Maximize2 class="w-4 h-4" />
+  </button>
 </div>
 
 {#if isExpanded}
   <div class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4">
-    <div class="bg-card flex h-[80vh] w-full max-w-4xl flex-col rounded-lg border shadow-xl">
+    <div class="w-full max-w-4xl h-[80vh] flex flex-col bg-surface rounded-lg shadow-xl border border-gray-200 dark:border-white/10">
       <!-- Header -->
-      <div class="flex items-center justify-between border-b p-4">
-        <h3 class="pb-0 font-medium">Edit Text</h3>
-        <Button variant="ghost" size="icon-sm" onclick={closeExpanded} title="Close" type="button">
-          <X />
-        </Button>
+      <div class="flex justify-between items-center p-4 border-b border-gray-200 dark:border-white/10">
+        <h3 class="font-medium">Edit Text</h3>
+        <button
+          class="p-1.5 rounded-lg hover:bg-gray-100 dark:hover:bg-white/10"
+          onclick={closeExpanded}
+          title="Close"
+          type="button"
+        >
+          <X class="w-5 h-5" />
+        </button>
       </div>
 
       <!-- Textarea -->
       <div class="flex-1 p-4">
-        <Textarea
-          bind:ref={expandedTextarea}
-          class="h-full resize-none"
-          {placeholder}
+        <textarea
+          bind:this={expandedTextarea}
+          class="w-full h-full px-4 py-3 rounded border border-gray-200 dark:border-white/10 bg-card focus:outline-none focus:ring-2 focus:ring-primary resize-none"
+          placeholder={placeholder}
           bind:value={expandedValue}
           onkeydown={handleKeyDown}
-        />
+        ></textarea>
       </div>
 
       <!-- Footer -->
-      <div class="flex justify-end gap-2 border-t p-4">
-        <Button variant="outline" onclick={closeExpanded} type="button">Cancel</Button>
-        <Button onclick={saveExpanded} type="button">Done</Button>
+      <div class="flex justify-end gap-2 p-4 border-t border-gray-200 dark:border-white/10">
+        <button
+          class="btn"
+          onclick={closeExpanded}
+          type="button"
+        >
+          Cancel
+        </button>
+        <button
+          class="btn bg-primary text-btn-primary-text hover:opacity-90"
+          onclick={saveExpanded}
+          type="button"
+        >
+          Done
+        </button>
       </div>
     </div>
   </div>

ui-svelte/src/components/playground/ImageInterface.svelte

@@ -7,11 +7,6 @@
   import ModelSelector from "./ModelSelector.svelte";
   import ExpandableTextarea from "./ExpandableTextarea.svelte";
   import type { ImageApiMode, SdApiLora, SdApiLoraRef } from "../../lib/types";
-  import { Button } from "$lib/components/ui/button/index.js";
-  import { Input } from "$lib/components/ui/input/index.js";
-  import { Textarea } from "$lib/components/ui/textarea/index.js";
-  import * as Select from "$lib/components/ui/select/index.js";
-  import { Download, X } from "@lucide/svelte";
 
   const selectedModelStore = persistentStore<string>("playground-image-model", "");
   const selectedSizeStore = persistentStore<string>("playground-image-size", "1024x1024");
@@ -66,6 +61,18 @@
     }
   }
 
+  function addLora(event: Event) {
+    const select = event.target as HTMLSelectElement;
+    const path = select.value;
+    if (!path) return;
+
+    const lora = availableLoras.find((l) => l.path === path);
+    if (lora && !selectedLoras.some((l) => l.path === path)) {
+      selectedLoras = [...selectedLoras, { path: lora.path, multiplier: 1.0 }];
+    }
+    select.value = "";
+  }
+
   function removeLora(path: string) {
     selectedLoras = selectedLoras.filter((l) => l.path !== path);
   }
@@ -188,73 +195,65 @@
   <div class="shrink-0 flex flex-wrap gap-2 mb-4">
     <ModelSelector bind:value={$selectedModelStore} placeholder="Select an image model..." disabled={isGenerating} capabilities={["image_generation", "image_to_image"]} matchAny={true} />
 
-    <Select.Root
-      type="single"
-      value={$apiModeStore}
-      onValueChange={(v) => v && apiModeStore.set(v as ImageApiMode)}
+    <select
+      class="px-3 py-2 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
+      bind:value={$apiModeStore}
+      disabled={isGenerating}
     >
-      <Select.Trigger class="h-9 w-32">{$apiModeStore}</Select.Trigger>
-      <Select.Content>
-        <Select.Item value="openai">OpenAI</Select.Item>
-        <Select.Item value="sdapi">SDAPI</Select.Item>
-      </Select.Content>
-    </Select.Root>
+      <option value="openai">OpenAI</option>
+      <option value="sdapi">SDAPI</option>
+    </select>
 
-    <Select.Root
-      type="single"
-      value={$selectedSizeStore}
-      onValueChange={(v) => v && selectedSizeStore.set(v)}
+    <select
+      class="px-3 py-2 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
+      bind:value={$selectedSizeStore}
+      disabled={isGenerating}
     >
-      <Select.Trigger class="h-9 w-40">{$selectedSizeStore}</Select.Trigger>
-      <Select.Content>
-        <Select.Group>
-          <Select.Label>Square</Select.Label>
-          <Select.Item value="512x512">512x512</Select.Item>
-          <Select.Item value="1024x1024">1024x1024</Select.Item>
-        </Select.Group>
-        <Select.Separator />
-        <Select.Group>
-          <Select.Label>Landscape</Select.Label>
-          <Select.Item value="1024x768">1024x768 (4:3)</Select.Item>
-          <Select.Item value="1280x720">1280x720 (16:9)</Select.Item>
-          <Select.Item value="1792x1024">1792x1024 (SDXL)</Select.Item>
-        </Select.Group>
-        <Select.Separator />
-        <Select.Group>
-          <Select.Label>Portrait</Select.Label>
-          <Select.Item value="768x1024">768x1024 (3:4)</Select.Item>
-          <Select.Item value="720x1280">720x1280 (9:16)</Select.Item>
-          <Select.Item value="1024x1792">1024x1792 (SDXL)</Select.Item>
-        </Select.Group>
-      </Select.Content>
-    </Select.Root>
+      <optgroup label="Square">
+        <option value="512x512">512x512</option>
+        <option value="1024x1024">1024x1024</option>
+      </optgroup>
+      <optgroup label="Landscape">
+        <option value="1024x768">1024x768 (4:3)</option>
+        <option value="1280x720">1280x720 (16:9)</option>
+        <option value="1792x1024">1792x1024 (SDXL)</option>
+      </optgroup>
+      <optgroup label="Portrait">
+        <option value="768x1024">768x1024 (3:4)</option>
+        <option value="720x1280">720x1280 (9:16)</option>
+        <option value="1024x1792">1024x1792 (SDXL)</option>
+      </optgroup>
+    </select>
 
     {#if isSdapi}
-      <Button variant="outline" onclick={() => showSettings = !showSettings}>
+      <button
+        class="px-3 py-2 rounded border border-gray-200 dark:border-white/10 bg-surface hover:bg-secondary-hover transition-colors"
+        onclick={() => showSettings = !showSettings}
+      >
         {showSettings ? "Hide Settings" : "Settings"}
-      </Button>
+      </button>
     {/if}
   </div>
 
   <!-- SDAPI Settings Panel -->
   {#if isSdapi && showSettings}
-    <div class="shrink-0 mb-4 p-4 rounded-md border border-border bg-background">
+    <div class="shrink-0 mb-4 p-4 rounded border border-gray-200 dark:border-white/10 bg-surface">
       <div class="grid grid-cols-2 md:grid-cols-4 gap-3 mb-3">
         <label class="flex flex-col gap-1">
-          <span class="text-xs text-muted-foreground">Steps</span>
-          <Input
+          <span class="text-xs text-txtsecondary">Steps</span>
+          <input
             type="number"
-            class="h-8"
+            class="px-2 py-1 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
             bind:value={$sdStepsStore}
             min="1"
             max="150"
           />
         </label>
         <label class="flex flex-col gap-1">
-          <span class="text-xs text-muted-foreground">CFG Scale</span>
-          <Input
+          <span class="text-xs text-txtsecondary">CFG Scale</span>
+          <input
             type="number"
-            class="h-8"
+            class="px-2 py-1 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
             bind:value={$sdCfgScaleStore}
             min="1"
             max="30"
@@ -262,141 +261,121 @@
           />
         </label>
         <label class="flex flex-col gap-1">
-          <span class="text-xs text-muted-foreground">Seed (-1 = random)</span>
-          <Input
+          <span class="text-xs text-txtsecondary">Seed (-1 = random)</span>
+          <input
             type="number"
-            class="h-8"
+            class="px-2 py-1 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
             bind:value={$sdSeedStore}
             min="-1"
           />
         </label>
         <label class="flex flex-col gap-1">
-          <span class="text-xs text-muted-foreground">Batch Size</span>
-          <Input
+          <span class="text-xs text-txtsecondary">Batch Size</span>
+          <input
             type="number"
-            class="h-8"
+            class="px-2 py-1 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
             bind:value={$sdBatchSizeStore}
             min="1"
             max="8"
           />
         </label>
         <label class="flex flex-col gap-1">
-          <span class="text-xs text-muted-foreground">Sampler</span>
-          <Select.Root
-            type="single"
-            value={$sdSamplerStore}
-            onValueChange={(v) => sdSamplerStore.set(v ?? "")}
+          <span class="text-xs text-txtsecondary">Sampler</span>
+          <select
+            class="px-2 py-1 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
+            bind:value={$sdSamplerStore}
           >
-            <Select.Trigger class="h-8">{$sdSamplerStore || "Default"}</Select.Trigger>
-            <Select.Content>
-              <Select.Item value="">Default</Select.Item>
-              <Select.Item value="euler_a">euler_a</Select.Item>
-              <Select.Item value="euler">euler</Select.Item>
-              <Select.Item value="heun">heun</Select.Item>
-              <Select.Item value="dpm2">dpm2</Select.Item>
-              <Select.Item value="dpmpp2s_a">dpmpp2s_a</Select.Item>
-              <Select.Item value="dpmpp2m">dpmpp2m</Select.Item>
-              <Select.Item value="dpmpp2mv2">dpmpp2mv2</Select.Item>
-              <Select.Item value="ipndm">ipndm</Select.Item>
-              <Select.Item value="ipndm_v">ipndm_v</Select.Item>
-              <Select.Item value="lcm">lcm</Select.Item>
-              <Select.Item value="ddim_trailing">ddim_trailing</Select.Item>
-              <Select.Item value="tcd">tcd</Select.Item>
-            </Select.Content>
-          </Select.Root>
+            <option value="">Default</option>
+            <option value="euler_a">euler_a</option>
+            <option value="euler">euler</option>
+            <option value="heun">heun</option>
+            <option value="dpm2">dpm2</option>
+            <option value="dpmpp2s_a">dpmpp2s_a</option>
+            <option value="dpmpp2m">dpmpp2m</option>
+            <option value="dpmpp2mv2">dpmpp2mv2</option>
+            <option value="ipndm">ipndm</option>
+            <option value="ipndm_v">ipndm_v</option>
+            <option value="lcm">lcm</option>
+            <option value="ddim_trailing">ddim_trailing</option>
+            <option value="tcd">tcd</option>
+          </select>
         </label>
         <label class="flex flex-col gap-1">
-          <span class="text-xs text-muted-foreground">Scheduler</span>
-          <Select.Root
-            type="single"
-            value={$sdSchedulerStore}
-            onValueChange={(v) => sdSchedulerStore.set(v ?? "")}
+          <span class="text-xs text-txtsecondary">Scheduler</span>
+          <select
+            class="px-2 py-1 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
+            bind:value={$sdSchedulerStore}
           >
-            <Select.Trigger class="h-8">{$sdSchedulerStore || "Auto for model"}</Select.Trigger>
-            <Select.Content>
-              <Select.Item value="">Auto for model</Select.Item>
-              <Select.Item value="discrete">discrete</Select.Item>
-              <Select.Item value="karras">karras</Select.Item>
-              <Select.Item value="exponential">exponential</Select.Item>
-              <Select.Item value="ays">ays</Select.Item>
-              <Select.Item value="gits">gits</Select.Item>
-            </Select.Content>
-          </Select.Root>
+            <option value="">Auto for model</option>
+            <option value="discrete">discrete</option>
+            <option value="karras">karras</option>
+            <option value="exponential">exponential</option>
+            <option value="ays">ays</option>
+            <option value="gits">gits</option>
+          </select>
         </label>
       </div>
 
       <label class="flex flex-col gap-1 mb-3">
-        <span class="text-xs text-muted-foreground">Negative Prompt</span>
-        <Textarea
+        <span class="text-xs text-txtsecondary">Negative Prompt</span>
+        <textarea
+          class="px-2 py-1 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary resize-y text-sm"
           bind:value={$sdNegativePromptStore}
-          rows={2}
+          rows="2"
           placeholder="Elements to avoid..."
-        ></Textarea>
+        ></textarea>
       </label>
 
       <!-- LoRA Selection -->
       <div>
-        <span class="text-xs text-muted-foreground block mb-1">LoRAs</span>
+        <span class="text-xs text-txtsecondary block mb-1">LoRAs</span>
         <div class="flex items-center gap-2 mb-2">
-          <Button
-            variant="outline"
-            size="sm"
+          <button
+            class="px-3 py-1.5 text-sm rounded border border-gray-200 dark:border-white/10 bg-surface hover:bg-secondary-hover transition-colors disabled:opacity-50"
             onclick={loadLoras}
             disabled={!$selectedModelStore || isLoadingLoras}
           >
             {isLoadingLoras ? "Loading..." : lorasLoaded ? "Reload LoRAs" : "Load LoRAs"}
-          </Button>
+          </button>
           {#if lorasLoaded && availableLoras.length > 0}
-            <Select.Root
-              type="single"
-              value=""
-              onValueChange={(v) => {
-                if (v) {
-                  const lora = availableLoras.find((l) => l.path === v);
-                  if (lora && !selectedLoras.some((s) => s.path === v)) {
-                    selectedLoras = [...selectedLoras, { path: lora.path, multiplier: 1.0 }];
-                  }
-                }
-              }}
+            <select
+              class="flex-1 px-2 py-1.5 text-sm rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
+              onchange={addLora}
             >
-              <Select.Trigger class="h-8 flex-1">Add a LoRA...</Select.Trigger>
-              <Select.Content>
-                {#each availableLoras.filter((l) => !selectedLoras.some((s) => s.path === l.path)) as lora (lora.path)}
-                  <Select.Item value={lora.path}>{lora.name}</Select.Item>
-                {/each}
-              </Select.Content>
-            </Select.Root>
+              <option value="">Add a LoRA...</option>
+              {#each availableLoras.filter((l) => !selectedLoras.some((s) => s.path === l.path)) as lora}
+                <option value={lora.path}>{lora.name}</option>
+              {/each}
+            </select>
           {/if}
         </div>
         {#if loraError}
           <p class="text-xs text-red-500 mb-1">{loraError}</p>
         {/if}
         {#if lorasLoaded && availableLoras.length === 0}
-          <p class="text-xs text-muted-foreground">No LoRAs available</p>
+          <p class="text-xs text-txtsecondary">No LoRAs available</p>
         {/if}
         {#if selectedLoras.length > 0}
           <div class="flex flex-col gap-1.5">
             {#each selectedLoras as lora}
               <div class="flex items-center gap-2 text-sm">
                 <span class="flex-1 truncate">{getLoraName(lora.path)}</span>
-                <Input
+                <input
                   type="number"
-                  class="h-7 w-20 text-xs"
+                  class="w-20 px-1.5 py-1 text-xs rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-1 focus:ring-primary"
                   value={lora.multiplier}
                   oninput={(e) => updateLoraMultiplier(lora.path, parseFloat((e.target as HTMLInputElement).value) || 1)}
                   min="0"
                   max="2"
                   step="0.1"
                 />
-                <Button
-                  variant="outline"
-                  size="sm"
-                  class="h-7 px-1.5 text-xs hover:bg-destructive hover:text-destructive-foreground"
+                <button
+                  class="px-1.5 py-0.5 text-xs rounded border border-gray-200 dark:border-white/10 hover:bg-red-500 hover:text-white hover:border-red-500 transition-colors"
                   onclick={() => removeLora(lora.path)}
                   aria-label="Remove LoRA"
                 >
-                  <X class="size-3" />
-                </Button>
+                  x
+                </button>
               </div>
             {/each}
           </div>
@@ -407,14 +386,14 @@
 
   <!-- Empty state for no models configured -->
   {#if !hasModels}
-    <div class="flex-1 flex items-center justify-center text-muted-foreground">
+    <div class="flex-1 flex items-center justify-center text-txtsecondary">
       <p>No models configured. Add models to your configuration to generate images.</p>
     </div>
   {:else}
     <!-- Image display area -->
-    <div class="flex-1 overflow-auto mb-4 flex items-center justify-center bg-background border border-border rounded-md">
+    <div class="flex-1 overflow-auto mb-4 flex items-center justify-center bg-surface border border-gray-200 dark:border-white/10 rounded">
       {#if isGenerating}
-        <div class="text-center text-muted-foreground">
+        <div class="text-center text-txtsecondary">
           <div class="inline-block w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin mb-2"></div>
           <p>Generating image...</p>
         </div>
@@ -424,6 +403,7 @@
           <p class="text-sm mt-1">{error}</p>
         </div>
       {:else if generatedImages.length > 1}
+        <!-- Grid for multiple images (batch) -->
         <div class="grid grid-cols-2 gap-2 p-2 w-full h-full overflow-auto">
           {#each generatedImages as img, i}
             <div class="relative flex items-center justify-center">
@@ -438,15 +418,15 @@
                   class="max-w-full max-h-full object-contain hover:opacity-90 transition-opacity"
                 />
               </button>
-              <Button
-                variant="secondary"
-                size="icon"
-                class="absolute bottom-2 right-2 h-8 w-8 bg-black/60 hover:bg-black/80 text-white"
+              <button
+                class="absolute bottom-2 right-2 p-1.5 bg-black/60 hover:bg-black/80 text-white rounded-full transition-colors"
                 onclick={(e) => { e.stopPropagation(); downloadImage(i); }}
                 aria-label="Download image"
               >
-                <Download class="size-4" />
-              </Button>
+                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
+                </svg>
+              </button>
             </div>
           {/each}
         </div>
@@ -463,18 +443,18 @@
               class="max-w-full max-h-full object-contain hover:opacity-90 transition-opacity"
             />
           </button>
-          <Button
-            variant="secondary"
-            size="icon"
-            class="absolute bottom-2 right-2 bg-black/60 hover:bg-black/80 text-white"
+          <button
+            class="absolute bottom-2 right-2 p-2 bg-black/60 hover:bg-black/80 text-white rounded-full transition-colors"
             onclick={(e) => { e.stopPropagation(); downloadImage(0); }}
             aria-label="Download image"
           >
-            <Download class="size-5" />
-          </Button>
+            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
+            </svg>
+          </button>
         </div>
       {:else}
-        <div class="text-center text-muted-foreground">
+        <div class="text-center text-txtsecondary">
           <p>Enter a prompt below to generate an image</p>
         </div>
       {/if}
@@ -491,25 +471,24 @@
       />
       <div class="flex flex-row md:flex-col gap-2">
         {#if isGenerating}
-          <Button variant="destructive" class="flex-1 md:flex-none" onclick={cancelGeneration}>
+          <button class="btn bg-red-500 hover:bg-red-600 text-white flex-1 md:flex-none" onclick={cancelGeneration}>
             Cancel
-          </Button>
+          </button>
         {:else}
-          <Button
-            class="flex-1 md:flex-none"
+          <button
+            class="btn bg-primary text-btn-primary-text hover:opacity-90 flex-1 md:flex-none"
             onclick={generate}
             disabled={!prompt.trim() || !$selectedModelStore}
           >
             Generate
-          </Button>
-          <Button
-            variant="outline"
-            class="flex-1 md:flex-none"
+          </button>
+          <button
+            class="btn flex-1 md:flex-none"
             onclick={clearImage}
             disabled={generatedImages.length === 0 && !error && !prompt.trim()}
           >
             Clear
-          </Button>
+          </button>
         {/if}
       </div>
     </div>
@@ -526,15 +505,13 @@
     aria-modal="true"
     tabindex="-1"
   >
-    <Button
-      variant="secondary"
-      size="icon"
-      class="absolute top-4 right-4 bg-black/60 hover:bg-black/80 text-white"
+    <button
+      class="absolute top-4 right-4 text-white hover:text-gray-300 text-2xl w-10 h-10 flex items-center justify-center rounded-full hover:bg-white/10 transition-colors"
       onclick={() => closeFullscreen()}
       aria-label="Close fullscreen"
     >
-      <X class="size-6" />
-    </Button>
+      ×
+    </button>
     <img
       src={generatedImages[fullscreenIndex]}
       alt="AI generated content"

ui-svelte/src/components/playground/ModelSelector.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
   import { models } from "../../stores/api";
   import { groupModels } from "../../lib/modelUtils";
-  import * as Select from "$lib/components/ui/select/index.js";
 
   interface Props {
     value: string;
@@ -19,51 +18,42 @@
 </script>
 
 {#if hasModels}
-  <Select.Root
-    type="single"
-    {value}
-    onValueChange={(v) => v !== undefined && (value = v)}
+  <select
+    class="min-w-0 flex-1 basis-48 px-3 py-2 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
+    bind:value
     {disabled}
   >
-    <Select.Trigger class="min-w-0 flex-1 basis-48">{value || placeholder}</Select.Trigger>
-    <Select.Content>
-      <Select.Item value="">{placeholder}</Select.Item>
-      {#if hasMatching}
-        <Select.Group>
-          <Select.Label>Matching Capabilities</Select.Label>
-          {#each grouped.localMatching as model (model.id)}
-            <Select.Item value={model.id}>{model.id}</Select.Item>
-            {#if model.aliases}
-              {#each model.aliases as alias (alias)}
-                <Select.Item value={alias}>↳ {alias}</Select.Item>
-              {/each}
-            {/if}
-          {/each}
-        </Select.Group>
-        <Select.Separator />
-      {/if}
-      {#if grouped.local.length > 0}
-        <Select.Group>
-          <Select.Label>Local</Select.Label>
-          {#each grouped.local as model (model.id)}
-            <Select.Item value={model.id}>{model.id}</Select.Item>
-            {#if model.aliases}
-              {#each model.aliases as alias (alias)}
-                <Select.Item value={alias}>↳ {alias}</Select.Item>
-              {/each}
-            {/if}
-          {/each}
-        </Select.Group>
-        <Select.Separator />
-      {/if}
-      {#each Object.entries(grouped.peersByProvider).sort(([a], [b]) => a.localeCompare(b)) as [peerId, peerModels] (peerId)}
-        <Select.Group>
-          <Select.Label>Peer: {peerId}</Select.Label>
-          {#each peerModels as model (model.id)}
-            <Select.Item value={model.id}>{model.id}</Select.Item>
-          {/each}
-        </Select.Group>
-      {/each}
-    </Select.Content>
-  </Select.Root>
+    <option value="">{placeholder}</option>
+    {#if hasMatching}
+      <optgroup label="Matching Capabilities">
+        {#each grouped.localMatching as model (model.id)}
+          <option value={model.id}>{model.id}</option>
+          {#if model.aliases}
+            {#each model.aliases as alias (alias)}
+              <option value={alias}>  ↳ {alias}</option>
+            {/each}
+          {/if}
+        {/each}
+      </optgroup>
+    {/if}
+    {#if grouped.local.length > 0}
+      <optgroup label="Local">
+        {#each grouped.local as model (model.id)}
+          <option value={model.id}>{model.id}</option>
+          {#if model.aliases}
+            {#each model.aliases as alias (alias)}
+              <option value={alias}>  ↳ {alias}</option>
+            {/each}
+          {/if}
+        {/each}
+      </optgroup>
+    {/if}
+    {#each Object.entries(grouped.peersByProvider).sort(([a], [b]) => a.localeCompare(b)) as [peerId, peerModels] (peerId)}
+      <optgroup label="Peer: {peerId}">
+        {#each peerModels as model (model.id)}
+          <option value={model.id}>{model.id}</option>
+        {/each}
+      </optgroup>
+    {/each}
+  </select>
 {/if}

ui-svelte/src/components/playground/PlaceholderTab.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <div class="flex items-center justify-center h-full">
-  <div class="text-muted-foreground text-center">
+  <div class="text-center text-txtsecondary">
     <p class="text-lg">{featureName}</p>
     <p class="text-sm mt-2">To be implemented</p>
   </div>

ui-svelte/src/components/playground/RerankInterface.svelte

@@ -4,10 +4,6 @@
   import { rerank } from "../../lib/rerankApi";
   import { playgroundStores } from "../../stores/playgroundActivity";
   import ModelSelector from "./ModelSelector.svelte";
-  import { Button } from "$lib/components/ui/button/index.js";
-  import { Input } from "$lib/components/ui/input/index.js";
-  import { Textarea } from "$lib/components/ui/textarea/index.js";
-  import * as ToggleGroup from "$lib/components/ui/toggle-group/index.js";
 
   type RerankRow = { doc: string; score: number | null };
   type SortOrder = "none" | "asc" | "desc";
@@ -238,9 +234,9 @@
   }
 
   function scoreColor(score: number | null): string {
-    if (score === null) return "text-muted-foreground";
+    if (score === null) return "text-txtsecondary";
     if (score > 0) return "text-green-600 dark:text-green-400";
-    return "text-destructive";
+    return "text-red-500 dark:text-red-400";
   }
 
   function formatScore(score: number | null): string {
@@ -270,9 +266,9 @@
   <div class="shrink-0 flex flex-wrap gap-2 mb-4">
     <ModelSelector bind:value={$selectedModelStore} placeholder="Select a rerank model..." disabled={isLoading} capabilities={["reranker"]} />
     {#if editorMode === "table"}
-      <Input
+      <input
         type="text"
-        class="min-w-0 flex-1 basis-48"
+        class="min-w-0 flex-1 basis-48 px-3 py-2 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
         placeholder="Query..."
         bind:value={query}
         disabled={isLoading}
@@ -280,50 +276,60 @@
       />
     {/if}
     <!-- Table / JSON toggle -->
-    <ToggleGroup.Root
-      type="single"
-      variant="outline"
-      value={editorMode}
-      onValueChange={(v) => v && (v === "table" ? switchToTable() : switchToJson())}
-      class="shrink-0"
-    >
-      <ToggleGroup.Item value="table" disabled={isLoading}>Table</ToggleGroup.Item>
-      <ToggleGroup.Item value="json" disabled={isLoading}>JSON</ToggleGroup.Item>
-    </ToggleGroup.Root>
+    <div class="flex rounded border border-gray-200 dark:border-white/10 overflow-hidden shrink-0">
+      <button
+        class="px-3 py-1.5 text-sm transition-colors {editorMode === 'table'
+          ? 'bg-primary text-btn-primary-text'
+          : 'bg-surface hover:bg-secondary-hover'}"
+        onclick={switchToTable}
+        disabled={isLoading}
+      >
+        Table
+      </button>
+      <button
+        class="px-3 py-1.5 text-sm border-l border-gray-200 dark:border-white/10 transition-colors {editorMode === 'json'
+          ? 'bg-primary text-btn-primary-text'
+          : 'bg-surface hover:bg-secondary-hover'}"
+        onclick={switchToJson}
+        disabled={isLoading}
+      >
+        JSON
+      </button>
+    </div>
   </div>
 
   {#if !hasModels}
-    <div class="text-muted-foreground flex flex-1 items-center justify-center">
+    <div class="flex-1 flex items-center justify-center text-txtsecondary">
       <p>No models configured. Add models to your configuration to use reranking.</p>
     </div>
   {:else if editorMode === "json"}
     <!-- JSON editor -->
-    <div class="mb-4 flex min-h-0 flex-1 flex-col">
-      <Textarea
-        class="w-full flex-1 resize-none font-mono text-sm"
+    <div class="flex-1 flex flex-col min-h-0 mb-4">
+      <textarea
+        class="flex-1 w-full font-mono text-sm px-3 py-2 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary resize-none"
         bind:value={jsonText}
         disabled={isLoading}
         placeholder={'{\n  "query": "your search query",\n  "documents": [\n    "document one",\n    "document two"\n  ]\n}'}
         spellcheck={false}
-      />
+      ></textarea>
       {#if jsonError}
-        <p class="text-destructive mt-1 text-sm">{jsonError}</p>
+        <p class="mt-1 text-sm text-red-500">{jsonError}</p>
       {/if}
     </div>
   {:else}
     <!-- Document table -->
-    <div class="mb-4 flex-1 overflow-y-auto rounded-lg border">
-      <table class="w-full table-fixed border-collapse">
+    <div class="flex-1 overflow-y-auto mb-4 border border-gray-200 dark:border-white/10 rounded">
+      <table class="w-full border-collapse table-fixed">
         <colgroup>
           <col class="w-auto" />
           <col style="width: 120px" />
           <col style="width: 40px" />
         </colgroup>
-        <thead class="bg-card sticky top-0 border-b">
+        <thead class="sticky top-0 bg-surface border-b border-gray-200 dark:border-white/10">
           <tr>
-            <th class="text-muted-foreground px-3 py-2 text-left text-sm font-medium">Document</th>
+            <th class="px-3 py-2 text-left text-sm font-medium text-txtsecondary">Document</th>
             <th
-              class="text-muted-foreground hover:text-foreground cursor-pointer select-none px-3 py-2 text-right text-sm font-medium transition-colors"
+              class="px-3 py-2 text-right text-sm font-medium text-txtsecondary cursor-pointer select-none hover:text-txtprimary transition-colors"
               onclick={cycleSortOrder}
             >
               Score{sortIndicator()}
@@ -333,11 +339,11 @@
         </thead>
         <tbody>
           {#each displayRows as { row, i } (i)}
-            <tr class="border-b last:border-0">
+            <tr class="border-b border-gray-100 dark:border-white/5 last:border-0">
               <td class="px-3 py-1.5">
-                <Input
+                <input
                   type="text"
-                  class="border-0 focus-visible:ring-1 h-7 px-1 py-0.5 bg-transparent"
+                  class="w-full bg-transparent focus:outline-none focus:ring-1 focus:ring-primary rounded px-1 py-0.5"
                   placeholder={i === rows.length - 1 ? "Add document..." : "Document text..."}
                   value={row.doc}
                   oninput={(e) => updateDoc(i, (e.target as HTMLInputElement).value)}
@@ -347,23 +353,21 @@
               </td>
               <td class="px-3 py-1.5 text-right font-mono text-sm {scoreColor(row.score)}">
                 {#if isLoading && row.score === null && row.doc.trim() !== ""}
-                  <span class="inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent align-middle"></span>
+                  <span class="inline-block w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin align-middle"></span>
                 {:else}
                   {formatScore(row.score)}
                 {/if}
               </td>
               <td class="px-2 py-1.5 text-center">
-                <Button
-                  variant="ghost"
-                  size="icon-sm"
-                  class="h-7 w-7 text-muted-foreground hover:text-destructive"
+                <button
+                  class="w-7 h-7 flex items-center justify-center text-txtsecondary hover:text-red-500 transition-colors rounded disabled:opacity-30 disabled:cursor-not-allowed"
                   onclick={() => deleteRow(i)}
                   disabled={rows.length <= 1}
-                  tabindex={-1}
+                  tabindex="-1"
                   aria-label="Remove row"
                 >
                   ×
-                </Button>
+                </button>
               </td>
             </tr>
           {/each}
@@ -374,18 +378,28 @@
 
   <!-- Bottom toolbar -->
   {#if hasModels}
-    <div class="flex shrink-0 flex-wrap items-center gap-2">
+    <div class="shrink-0 flex flex-wrap items-center gap-2">
       {#if isLoading}
-        <Button variant="destructive" onclick={cancel}>Cancel</Button>
+        <button class="btn bg-red-500 hover:bg-red-600 text-white" onclick={cancel}>
+          Cancel
+        </button>
       {:else}
-        <Button onclick={submit} disabled={!canSubmit}>Rerank</Button>
-        <Button variant="outline" onclick={clear} disabled={isCleared}>Clear</Button>
+        <button
+          class="btn bg-primary text-btn-primary-text hover:opacity-90"
+          onclick={submit}
+          disabled={!canSubmit}
+        >
+          Rerank
+        </button>
+        <button class="btn" onclick={clear} disabled={isCleared}>
+          Clear
+        </button>
       {/if}
 
       {#if error}
-        <span class="text-destructive ml-2 text-sm">{error}</span>
+        <span class="text-sm text-red-500 ml-2">{error}</span>
       {:else if usage}
-        <span class="text-muted-foreground ml-2 text-sm">{usage.total_tokens} tokens</span>
+        <span class="text-sm text-txtsecondary ml-2">{usage.total_tokens} tokens</span>
       {/if}
     </div>
   {/if}

ui-svelte/src/components/playground/SpeechInterface.svelte

@@ -5,9 +5,6 @@
   import { playgroundStores } from "../../stores/playgroundActivity";
   import ModelSelector from "./ModelSelector.svelte";
   import ExpandableTextarea from "./ExpandableTextarea.svelte";
-  import { Button } from "$lib/components/ui/button/index.js";
-  import * as Select from "$lib/components/ui/select/index.js";
-  import { RefreshCw, Download } from "@lucide/svelte";
 
   const selectedModelStore = persistentStore<string>("playground-speech-model", "");
   const selectedVoiceStore = persistentStore<string>("playground-speech-voice", "coral");
@@ -109,7 +106,8 @@
     }
   }
 
-  function handleVoiceChange(value: string) {
+  function handleVoiceChange(event: Event) {
+    const value = (event.target as HTMLSelectElement).value;
     if (value === "(refresh)") {
       refreshVoices();
     } else {
@@ -210,44 +208,49 @@
   <div class="shrink-0 flex gap-2 mb-4">
     <ModelSelector bind:value={$selectedModelStore} placeholder="Select a speech model..." disabled={isGenerating} capabilities={["audio_speech"]} />
     <div class="flex gap-2">
-      <Select.Root
-        type="single"
+      <select
+        class="shrink-0 px-3 py-2 rounded border border-gray-200 dark:border-white/10 bg-surface focus:outline-none focus:ring-2 focus:ring-primary"
         value={$selectedVoiceStore}
-        onValueChange={(v) => v && handleVoiceChange(v)}
+        onchange={handleVoiceChange}
+        disabled={isGenerating || isLoadingVoices || !$selectedModelStore}
       >
-        <Select.Trigger class="h-9 w-40">{$selectedVoiceStore}</Select.Trigger>
-        <Select.Content>
-          {#each availableVoices as voice (voice)}
-            <Select.Item value={voice}>{voice}</Select.Item>
-          {/each}
-          <Select.Item value="(refresh)">(refresh)</Select.Item>
-        </Select.Content>
-      </Select.Root>
+        {#each availableVoices as voice (voice)}
+          <option value={voice}>{voice}</option>
+        {/each}
+        <option value="(refresh)">(refresh)</option>
+      </select>
       {#if $selectedModelStore && !getVoicesCache()[$selectedModelStore]}
-        <Button
-          variant="outline"
-          size="icon"
-          class="shrink-0"
+        <button
+          class="btn shrink-0"
           onclick={refreshVoices}
           disabled={isLoadingVoices}
           title={isLoadingVoices ? "Loading voices..." : "Load voices for this model"}
         >
-          <RefreshCw class={isLoadingVoices ? "animate-spin" : ""} />
-        </Button>
+          {#if isLoadingVoices}
+            <svg class="w-5 h-5 animate-spin" fill="none" viewBox="0 0 24 24">
+              <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+              <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+            </svg>
+          {:else}
+            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
+            </svg>
+          {/if}
+        </button>
       {/if}
     </div>
   </div>
 
   <!-- Empty state for no models configured -->
   {#if !hasModels}
-    <div class="flex-1 flex items-center justify-center text-muted-foreground">
+    <div class="flex-1 flex items-center justify-center text-txtsecondary">
       <p>No models configured. Add models to your configuration to generate speech.</p>
     </div>
   {:else}
     <!-- Audio display area -->
-    <div class="shrink-0 mb-4 bg-background border border-border rounded-md p-4 md:p-6">
+    <div class="shrink-0 mb-4 bg-surface border border-gray-200 dark:border-white/10 rounded p-4 md:p-6">
       {#if isGenerating}
-        <div class="flex items-center justify-center text-muted-foreground py-8">
+        <div class="flex items-center justify-center text-txtsecondary py-8">
           <div class="text-center">
             <div class="inline-block w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin mb-2"></div>
             <p>Generating speech...</p>
@@ -264,7 +267,7 @@
         <div class="flex flex-col gap-4">
           <!-- Header with metadata and download -->
           <div class="flex items-center justify-between gap-4">
-            <div class="flex flex-wrap gap-3 text-sm text-muted-foreground">
+            <div class="flex flex-wrap gap-3 text-sm text-txtsecondary">
               {#if generatedVoice}
                 <span class="flex items-center gap-1">
                   <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -282,9 +285,15 @@
                 </span>
               {/if}
             </div>
-            <Button variant="outline" size="icon" class="shrink-0" onclick={downloadAudio} title="Download audio file">
-              <Download />
-            </Button>
+            <button
+              class="btn shrink-0"
+              onclick={downloadAudio}
+              title="Download audio file"
+            >
+              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
+              </svg>
+            </button>
           </div>
 
           <!-- Audio player with larger controls -->
@@ -296,7 +305,7 @@
           </div>
         </div>
       {:else}
-        <div class="flex items-center justify-center text-muted-foreground py-8">
+        <div class="flex items-center justify-center text-txtsecondary py-8">
           <div class="text-center">
             <svg class="w-12 h-12 md:w-16 md:h-16 mx-auto mb-2 opacity-40" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"></path>
@@ -318,25 +327,24 @@
       />
       <div class="shrink-0 flex md:flex-col gap-2">
         {#if isGenerating}
-          <Button variant="destructive" class="flex-1 md:flex-none" onclick={cancelGeneration}>
+          <button class="btn bg-red-500 hover:bg-red-600 text-white flex-1 md:flex-none" onclick={cancelGeneration}>
             Cancel
-          </Button>
+          </button>
         {:else}
-          <Button
-            class="flex-1 md:flex-none"
+          <button
+            class="btn bg-primary text-btn-primary-text hover:opacity-90 flex-1 md:flex-none"
             onclick={generate}
             disabled={!inputText.trim() || !$selectedModelStore}
           >
             Generate
-          </Button>
-          <Button
-            variant="outline"
-            class="flex-1 md:flex-none"
+          </button>
+          <button
+            class="btn flex-1 md:flex-none"
             onclick={clearInput}
             disabled={!inputText.trim()}
           >
             Clear
-          </Button>
+          </button>
           <label class="flex items-center justify-center gap-2 text-sm cursor-pointer">
             <input
               type="checkbox"

ui-svelte/src/index.css

@@ -1,196 +1,178 @@
 @import "tailwindcss";
-@import "tw-animate-css";
 @import "katex/dist/katex.min.css";
+@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
 
-@custom-variant dark (&:is(.dark *));
+@theme {
+  --color-background: rgba(252, 252, 249, 1);
+  --color-surface: rgba(255, 255, 253, 1);
 
-:root {
-  --radius: 0;
+  /* text colors */
+  --color-txtmain: rgba(19, 52, 59, 1);
+  --color-txtsecondary: rgba(98, 108, 113, 1);
+  --color-navlink-active: rgba(245, 245, 245, 1);
 
-  /* shadcn base palette (zinc) */
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.141 0.005 285.823);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.141 0.005 285.823);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.141 0.005 285.823);
+  --color-primary: rgba(50, 184, 198, 1);
 
-  /* brand accent: llama-swap teal */
-  --primary: rgb(50 184 198);
-  --primary-foreground: oklch(0.985 0 0);
-
-  --secondary: oklch(0.967 0.001 286.375);
-  --secondary-foreground: oklch(0.21 0.006 285.885);
-  --muted: oklch(0.967 0.001 286.375);
-  --muted-foreground: oklch(0.552 0.016 285.938);
-  --accent: oklch(0.967 0.001 286.375);
-  --accent-foreground: oklch(0.21 0.006 285.885);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.92 0.004 286.32);
-  --input: oklch(0.92 0.004 286.32);
-  --ring: rgb(50 184 198);
-
-  --chart-1: rgb(50 184 198);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.141 0.005 285.823);
-  --sidebar-primary: rgb(50 184 198);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.967 0.001 286.375);
-  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
-  --sidebar-border: oklch(0.92 0.004 286.32);
-  --sidebar-ring: rgb(50 184 198);
-
-  /* semantic status colors (shared light/dark-aware below) */
-  --success: oklch(0.6 0.118 184.704);
-  --warning: oklch(0.769 0.17 70.08);
-  --info: oklch(0.552 0.016 285.938);
+  --color-primary-hover: rgba(29, 116, 128, 1);
+  --color-primary-active: rgba(26, 104, 115, 1);
+  --color-secondary: rgba(94, 82, 64, 0.12);
+  --color-secondary-hover: rgba(94, 82, 64, 0.2);
+  --color-secondary-active: rgba(94, 82, 64, 0.25);
+  --color-border: rgba(94, 82, 64, 0.3);
+  --color-btn-primary-text: rgba(252, 252, 249, 1);
+  --color-card-border: rgba(94, 82, 64, 0.12);
+  --color-card-border-inner: rgba(94, 82, 64, 0.12);
+  --color-error: rgba(192, 21, 47, 1);
+  --color-success: rgba(33, 128, 141, 1);
+  --color-warning: rgb(244, 155, 0);
+  --color-info: rgba(98, 108, 113, 1);
+  --color-focus-ring: rgba(33, 128, 141, 0.4);
+  --color-select-caret: rgba(19, 52, 59, 0.8);
+  --color-btn-border: rgba(94, 82, 64, 0.7);
 }
 
-.dark {
-  --background: oklch(0.141 0.005 285.823);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.21 0.006 285.885);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.21 0.006 285.885);
-  --popover-foreground: oklch(0.985 0 0);
+@layer theme {
+  /* over ride theme for dark mode */
+  [data-theme="dark"] {
+    --color-background: rgba(31, 33, 33, 1);
+    --color-surface: rgba(38, 40, 40, 1);
+    /* text colors */
+    --color-txtmain: rgba(245, 245, 245, 1);
+    --color-txtsecondary: rgba(167, 169, 169, 0.7);
 
-  /* brand accent: deeper teal for dark surfaces */
-  --primary: rgb(45 166 178);
-  --primary-foreground: oklch(0.141 0.005 285.823);
+    --color-navlink-active: rgba(245, 245, 245, 1);
 
-  --secondary: oklch(0.274 0.006 286.033);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.274 0.006 286.033);
-  --muted-foreground: oklch(0.705 0.015 286.067);
-  --accent: oklch(0.274 0.006 286.033);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: rgb(50 184 198);
-
-  --chart-1: rgb(50 184 198);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-
-  --sidebar: oklch(0.21 0.006 285.885);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: rgb(50 184 198);
-  --sidebar-primary-foreground: oklch(0.141 0.005 285.823);
-  --sidebar-accent: oklch(0.274 0.006 286.033);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: rgb(50 184 198);
-
-  --success: oklch(0.696 0.17 162.48);
-  --warning: oklch(0.769 0.17 70.08);
-  --info: oklch(0.705 0.015 286.067);
-}
-
-@theme inline {
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-
-  --color-success: var(--success);
-  --color-warning: var(--warning);
-  --color-info: var(--info);
-  --color-error: var(--destructive);
+    --color-primary: rgba(33, 128, 141, 1);
+    --color-primary-hover: rgba(45, 166, 178, 1);
+    --color-primary-active: rgba(41, 150, 161, 1);
+    --color-secondary: rgba(119, 124, 124, 0.15);
+    --color-secondary-hover: rgba(119, 124, 124, 0.25);
+    --color-secondary-active: rgba(119, 124, 124, 0.3);
+    --color-border: rgba(119, 124, 124, 0.3);
+    --color-error: rgba(255, 84, 89, 1);
+    --color-success: rgba(50, 184, 198, 1);
+    --color-warning: rgb(244, 155, 0);
+    --color-info: rgba(167, 169, 169, 1);
+    --color-focus-ring: rgba(50, 184, 198, 0.4);
+    --color-btn-primary-text: rgba(19, 52, 59, 1);
+    --color-card-border: rgba(119, 124, 124, 0.2);
+    --color-card-border-inner: rgba(119, 124, 124, 0.15);
+    --shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+    --button-border-secondary: rgba(119, 124, 124, 0.2);
+  }
 }
 
 @layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-
   body {
-    @apply bg-background text-foreground;
+    /* example of how colors using theme colors*/
+    @apply bg-background text-txtmain;
   }
 
   h1 {
-    @apply text-3xl font-bold tracking-tight pb-4;
+    @apply text-4xl text-txtmain font-bold pb-4;
   }
   h2 {
-    @apply text-2xl font-bold tracking-tight pb-4;
+    @apply text-3xl text-txtmain font-bold pb-4;
   }
   h3 {
-    @apply text-xl font-semibold tracking-tight pb-4;
+    @apply text-2xl text-txtmain font-bold pb-4;
   }
   h4 {
-    @apply text-lg font-semibold pb-4;
+    @apply text-xl text-txtmain font-bold pb-4;
   }
   h5 {
-    @apply text-base font-semibold pb-4;
+    @apply text-lg text-txtmain font-bold pb-4;
   }
   h6 {
-    @apply text-sm font-semibold pb-4;
+    @apply text-base text-txtmain font-bold pb-4;
   }
 }
 
+/* define CSS classes here for specific types of components */
 @layer components {
-  /* default padding for ad-hoc tables (header/detail views) */
+  .container {
+    @apply px-4;
+  }
+
+  /* Tables */
   table th {
     @apply p-2 font-semibold;
   }
   table td {
     @apply p-2;
   }
-}
 
-@utility activity-link {
-  background: linear-gradient(90deg, #6366f1, #8b5cf6, #a855f7, #8b5cf6, #6366f1);
-  background-size: 200% 100%;
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  animation: gradient-shift 2s linear infinite;
-}
+  /* Navigation Header */
 
-@keyframes gradient-shift {
-  0% {
-    background-position: 0% 50%;
+  .navlink {
+    @apply text-txtsecondary hover:bg-secondary hover:text-txtmain rounded-lg p-2;
   }
-  100% {
-    background-position: 200% 50%;
+  .navlink.active {
+    @apply bg-primary text-navlink-active;
+  }
+
+  /* Card component */
+  .card {
+    @apply bg-surface rounded-lg border border-card-border shadow-sm overflow-hidden p-4;
+  }
+
+  .card:hover {
+    @apply shadow-md;
+  }
+
+  .card__body {
+    @apply p-4;
+  }
+
+  .card__header,
+  .card__footer {
+    @apply p-4 border-b border-card-border-inner;
+  }
+
+  /* Status Badges */
+  .status {
+    @apply inline-block px-2 py-1 text-xs font-medium rounded-lg;
+  }
+
+  .status--ready {
+    @apply bg-success/10 text-success;
+  }
+
+  .status--starting,
+  .status--stopping,
+  .status--queued {
+    @apply bg-warning/10 text-warning;
+  }
+
+  .status--stopped {
+    @apply bg-error/10 text-error;
+  }
+
+  /* Buttons */
+  .btn {
+    @apply bg-surface py-2 px-4 text-sm rounded-md border transition-colors duration-200 border-btn-border;
+  }
+
+  .btn:hover {
+    cursor: pointer;
+  }
+
+  .btn--sm {
+    @apply px-2 py-0.5 text-xs;
+  }
+
+  .btn:disabled {
+    @apply opacity-50 cursor-not-allowed;
+  }
+}
+
+@layer utilities {
+  .ml-2 {
+    margin-left: 0.5rem;
+  }
+
+  .my-8 {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
   }
 }

ui-svelte/src/lib/components/ui/badge/badge.svelte

@@ -1,49 +0,0 @@
-<script lang="ts" module>
-	import { type VariantProps, tv } from "tailwind-variants";
-
-	export const badgeVariants = tv({
-		base: "h-5 gap-1 rounded-none border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none",
-		variants: {
-			variant: {
-				default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-				secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-				destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
-				outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-				ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-				link: "text-primary underline-offset-4 hover:underline",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	});
-
-	export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
-</script>
-
-<script lang="ts">
-	import type { HTMLAnchorAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils.js";
-
-	let {
-		ref = $bindable(null),
-		href,
-		class: className,
-		variant = "default",
-		children,
-		...restProps
-	}: WithElementRef<HTMLAnchorAttributes> & {
-		variant?: BadgeVariant;
-	} = $props();
-</script>
-
-<svelte:element
-	this={href ? "a" : "span"}
-	bind:this={ref}
-	data-slot="badge"
-	{href}
-	class={cn(badgeVariants({ variant }), className)}
-	{...restProps}
->
-	{@render children?.()}
-</svelte:element>

ui-svelte/src/lib/components/ui/badge/index.ts

@@ -1,2 +0,0 @@
-export { default as Badge } from "./badge.svelte";
-export { badgeVariants, type BadgeVariant } from "./badge.svelte";

ui-svelte/src/lib/components/ui/button/button.svelte

@@ -1,82 +0,0 @@
-<script lang="ts" module>
-	import { cn, type WithElementRef } from "$lib/utils.js";
-	import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
-	import { type VariantProps, tv } from "tailwind-variants";
-
-	export const buttonVariants = tv({
-		base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		variants: {
-			variant: {
-				default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-				outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground",
-				secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-				ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
-				destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
-				link: "text-primary underline-offset-4 hover:underline",
-			},
-			size: {
-				default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-				xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-				sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-				lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-				icon: "size-8",
-				"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-				"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-				"icon-lg": "size-9",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-			size: "default",
-		},
-	});
-
-	export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
-	export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
-
-	export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
-		WithElementRef<HTMLAnchorAttributes> & {
-			variant?: ButtonVariant;
-			size?: ButtonSize;
-		};
-</script>
-
-<script lang="ts">
-	let {
-		class: className,
-		variant = "default",
-		size = "default",
-		ref = $bindable(null),
-		href = undefined,
-		type = "button",
-		disabled,
-		children,
-		...restProps
-	}: ButtonProps = $props();
-</script>
-
-{#if href}
-	<a
-		bind:this={ref}
-		data-slot="button"
-		class={cn(buttonVariants({ variant, size }), className)}
-		href={disabled ? undefined : href}
-		aria-disabled={disabled}
-		role={disabled ? "link" : undefined}
-		tabindex={disabled ? -1 : undefined}
-		{...restProps}
-	>
-		{@render children?.()}
-	</a>
-{:else}
-	<button
-		bind:this={ref}
-		data-slot="button"
-		class={cn(buttonVariants({ variant, size }), className)}
-		{type}
-		{disabled}
-		{...restProps}
-	>
-		{@render children?.()}
-	</button>
-{/if}

ui-svelte/src/lib/components/ui/button/index.ts

@@ -1,17 +0,0 @@
-import Root, {
-	type ButtonProps,
-	type ButtonSize,
-	type ButtonVariant,
-	buttonVariants,
-} from "./button.svelte";
-
-export {
-	Root,
-	type ButtonProps as Props,
-	//
-	Root as Button,
-	buttonVariants,
-	type ButtonProps,
-	type ButtonSize,
-	type ButtonVariant,
-};

ui-svelte/src/lib/components/ui/card/card-action.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-action"
-	class={cn(
-		"cn-card-action col-start-2 row-span-2 row-start-1 self-start justify-self-end",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

ui-svelte/src/lib/components/ui/card/card-content.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-content"
-	class={cn("px-4 group-data-[size=sm]/card:px-3", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

ui-svelte/src/lib/components/ui/card/card-description.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLParagraphElement>> = $props();
-</script>
-
-<p
-	bind:this={ref}
-	data-slot="card-description"
-	class={cn("text-muted-foreground text-sm", className)}
-	{...restProps}
->
-	{@render children?.()}
-</p>

ui-svelte/src/lib/components/ui/card/card-footer.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-footer"
-	class={cn("bg-muted/50 rounded-b-xl border-t p-4 group-data-[size=sm]/card:p-3 flex items-center", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

ui-svelte/src/lib/components/ui/card/card-header.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-header"
-	class={cn(
-		"gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header @container/card-header grid auto-rows-min items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

ui-svelte/src/lib/components/ui/card/card-title.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card-title"
-	class={cn("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

ui-svelte/src/lib/components/ui/card/card.svelte

@@ -1,22 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		size = "default",
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & { size?: "default" | "sm" } = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="card"
-	data-size={size}
-	class={cn("ring-foreground/10 bg-card text-card-foreground gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl group/card flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

ui-svelte/src/lib/components/ui/card/index.ts

@@ -1,25 +0,0 @@
-import Root from "./card.svelte";
-import Content from "./card-content.svelte";
-import Description from "./card-description.svelte";
-import Footer from "./card-footer.svelte";
-import Header from "./card-header.svelte";
-import Title from "./card-title.svelte";
-import Action from "./card-action.svelte";
-
-export {
-	Root,
-	Content,
-	Description,
-	Footer,
-	Header,
-	Title,
-	Action,
-	//
-	Root as Card,
-	Content as CardContent,
-	Description as CardDescription,
-	Footer as CardFooter,
-	Header as CardHeader,
-	Title as CardTitle,
-	Action as CardAction,
-};

ui-svelte/src/lib/components/ui/collapsible/collapsible-content.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: CollapsiblePrimitive.ContentProps = $props();
-</script>
-
-<CollapsiblePrimitive.Content
-	bind:ref
-	data-slot="collapsible-content"
-	class={className}
-	{...restProps}
->
-	{@render children?.()}
-</CollapsiblePrimitive.Content>

ui-svelte/src/lib/components/ui/collapsible/collapsible-trigger.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: CollapsiblePrimitive.TriggerProps = $props();
-</script>
-
-<CollapsiblePrimitive.Trigger
-	bind:ref
-	data-slot="collapsible-trigger"
-	class={className}
-	{...restProps}
->
-	{@render children?.()}
-</CollapsiblePrimitive.Trigger>

ui-svelte/src/lib/components/ui/collapsible/collapsible.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { Collapsible as CollapsiblePrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: CollapsiblePrimitive.RootProps = $props();
-</script>
-
-<CollapsiblePrimitive.Root
-	bind:ref
-	data-slot="collapsible"
-	class={className}
-	{...restProps}
->
-	{@render children?.()}
-</CollapsiblePrimitive.Root>

ui-svelte/src/lib/components/ui/collapsible/index.ts

@@ -1,13 +0,0 @@
-import Root from "./collapsible.svelte";
-import Trigger from "./collapsible-trigger.svelte";
-import Content from "./collapsible-content.svelte";
-
-export {
-	Root,
-	Trigger,
-	Content,
-	//
-	Root as Collapsible,
-	Trigger as CollapsibleTrigger,
-	Content as CollapsibleContent,
-};

ui-svelte/src/lib/components/ui/data-table/data-table.svelte.ts

@@ -1,142 +0,0 @@
-import {
-	type RowData,
-	type TableOptions,
-	type TableOptionsResolved,
-	type TableState,
-	type Updater,
-	createTable,
-} from "@tanstack/table-core";
-
-/**
- * Creates a reactive TanStack table object for Svelte.
- * @param options Table options to create the table with.
- * @returns A reactive table object.
- * @example
- * ```svelte
- * <script>
- *   const table = createSvelteTable({ ... })
- * </script>
- *
- * <table>
- *   <thead>
- *     {#each table.getHeaderGroups() as headerGroup}
- *       <tr>
- *         {#each headerGroup.headers as header}
- *           <th colspan={header.colSpan}>
- *         	   <FlexRender content={header.column.columnDef.header} context={header.getContext()} />
- *         	 </th>
- *         {/each}
- *       </tr>
- *     {/each}
- *   </thead>
- * 	 <!-- ... -->
- * </table>
- * ```
- */
-export function createSvelteTable<TData extends RowData>(options: TableOptions<TData>) {
-	const resolvedOptions: TableOptionsResolved<TData> = mergeObjects(
-		{
-			state: {},
-			onStateChange() {},
-			renderFallbackValue: null,
-			mergeOptions: (
-				defaultOptions: TableOptions<TData>,
-				options: Partial<TableOptions<TData>>
-			) => {
-				return mergeObjects(defaultOptions, options);
-			},
-		},
-		options
-	);
-
-	const table = createTable(resolvedOptions);
-	let state = $state<TableState>(table.initialState);
-
-	function updateOptions() {
-		table.setOptions(() => {
-			return mergeObjects(resolvedOptions, options, {
-				state: mergeObjects(state, options.state || {}),
-
-				onStateChange: (updater: Updater<TableState>) => {
-					if (updater instanceof Function) state = updater(state);
-					else state = mergeObjects(state, updater);
-
-					options.onStateChange?.(updater);
-				},
-			});
-		});
-	}
-
-	updateOptions();
-
-	$effect.pre(() => {
-		updateOptions();
-	});
-
-	return table;
-}
-
-type MaybeThunk<T extends object> = T | (() => T | null | undefined);
-type Intersection<T extends readonly unknown[]> = (T extends [infer H, ...infer R]
-	? H & Intersection<R>
-	: unknown) & {};
-
-/**
- * Lazily merges several objects (or thunks) while preserving
- * getter semantics from every source.
- *
- * Proxy-based to avoid known WebKit recursion issue.
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function mergeObjects<Sources extends readonly MaybeThunk<any>[]>(
-	...sources: Sources
-): Intersection<{ [K in keyof Sources]: Sources[K] }> {
-	const resolve = <T extends object>(src: MaybeThunk<T>): T | undefined =>
-		typeof src === "function" ? (src() ?? undefined) : src;
-
-	const findSourceWithKey = (key: PropertyKey) => {
-		for (let i = sources.length - 1; i >= 0; i--) {
-			const obj = resolve(sources[i]);
-			if (obj && key in obj) return obj;
-		}
-		return undefined;
-	};
-
-	return new Proxy(Object.create(null), {
-		get(_, key) {
-			const src = findSourceWithKey(key);
-
-			return src?.[key as never];
-		},
-
-		has(_, key) {
-			return !!findSourceWithKey(key);
-		},
-
-		ownKeys(): (string | symbol)[] {
-			// eslint-disable-next-line svelte/prefer-svelte-reactivity
-			const all = new Set<string | symbol>();
-			for (const s of sources) {
-				const obj = resolve(s);
-				if (obj) {
-					for (const k of Reflect.ownKeys(obj) as (string | symbol)[]) {
-						all.add(k);
-					}
-				}
-			}
-			return [...all];
-		},
-
-		getOwnPropertyDescriptor(_, key) {
-			const src = findSourceWithKey(key);
-			if (!src) return undefined;
-			return {
-				configurable: true,
-				enumerable: true,
-				// eslint-disable-next-line @typescript-eslint/no-explicit-any
-				value: (src as any)[key],
-				writable: true,
-			};
-		},
-	}) as Intersection<{ [K in keyof Sources]: Sources[K] }>;
-}

ui-svelte/src/lib/components/ui/data-table/flex-render.svelte

@@ -1,40 +0,0 @@
-<script
-	lang="ts"
-	generics="TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>"
->
-	import type { CellContext, ColumnDefTemplate, HeaderContext } from "@tanstack/table-core";
-	import { RenderComponentConfig, RenderSnippetConfig } from "./render-helpers.js";
-	import type { Attachment } from "svelte/attachments";
-	type Props = {
-		/** The cell or header field of the current cell's column definition. */
-		content?: TContext extends HeaderContext<TData, TValue>
-			? ColumnDefTemplate<HeaderContext<TData, TValue>>
-			: TContext extends CellContext<TData, TValue>
-				? ColumnDefTemplate<CellContext<TData, TValue>>
-				: never;
-		/** The result of the `getContext()` function of the header or cell */
-		context: TContext;
-
-		/** Used to pass attachments that can't be gotten through context */
-		attach?: Attachment;
-	};
-
-	let { content, context, attach }: Props = $props();
-</script>
-
-{#if typeof content === "string"}
-	{content}
-{:else if content instanceof Function}
-	<!-- It's unlikely that a CellContext will be passed to a Header -->
-	<!-- eslint-disable-next-line @typescript-eslint/no-explicit-any -->
-	{@const result = content(context as any)}
-	{#if result instanceof RenderComponentConfig}
-		{@const { component: Component, props } = result}
-		<Component {...props} {attach} />
-	{:else if result instanceof RenderSnippetConfig}
-		{@const { snippet, params } = result}
-		{@render snippet({ ...params, attach })}
-	{:else}
-		{result}
-	{/if}
-{/if}

ui-svelte/src/lib/components/ui/data-table/index.ts

@@ -1,3 +0,0 @@
-export { default as FlexRender } from "./flex-render.svelte";
-export { renderComponent, renderSnippet } from "./render-helpers.js";
-export { createSvelteTable } from "./data-table.svelte.js";

ui-svelte/src/lib/components/ui/data-table/render-helpers.ts

@@ -1,111 +0,0 @@
-import type { Component, ComponentProps, Snippet } from "svelte";
-
-/**
- * A helper class to make it easy to identify Svelte components in
- * `columnDef.cell` and `columnDef.header` properties.
- *
- * > NOTE: This class should only be used internally by the adapter. If you're
- * reading this and you don't know what this is for, you probably don't need it.
- *
- * @example
- * ```svelte
- * {@const result = content(context as any)}
- * {#if result instanceof RenderComponentConfig}
- *   {@const { component: Component, props } = result}
- *   <Component {...props} />
- * {/if}
- * ```
- */
-export class RenderComponentConfig<TComponent extends Component> {
-	component: TComponent;
-	props: ComponentProps<TComponent> | Record<string, never>;
-	constructor(
-		component: TComponent,
-		props: ComponentProps<TComponent> | Record<string, never> = {}
-	) {
-		this.component = component;
-		this.props = props;
-	}
-}
-
-/**
- * A helper class to make it easy to identify Svelte Snippets in `columnDef.cell` and `columnDef.header` properties.
- *
- * > NOTE: This class should only be used internally by the adapter. If you're
- * reading this and you don't know what this is for, you probably don't need it.
- *
- * @example
- * ```svelte
- * {@const result = content(context as any)}
- * {#if result instanceof RenderSnippetConfig}
- *   {@const { snippet, params } = result}
- *   {@render snippet(params)}
- * {/if}
- * ```
- */
-export class RenderSnippetConfig<TProps> {
-	snippet: Snippet<[TProps]>;
-	params: TProps;
-	constructor(snippet: Snippet<[TProps]>, params: TProps) {
-		this.snippet = snippet;
-		this.params = params;
-	}
-}
-
-/**
- * A helper function to help create cells from Svelte components through ColumnDef's `cell` and `header` properties.
- *
- * This is only to be used with Svelte Components - use `renderSnippet` for Svelte Snippets.
- *
- * @param component A Svelte component
- * @param props The props to pass to `component`
- * @returns A `RenderComponentConfig` object that helps svelte-table know how to render the header/cell component.
- * @example
- * ```ts
- * // +page.svelte
- * const defaultColumns = [
- *   columnHelper.accessor('name', {
- *     header: header => renderComponent(SortHeader, { label: 'Name', header }),
- *   }),
- *   columnHelper.accessor('state', {
- *     header: header => renderComponent(SortHeader, { label: 'State', header }),
- *   }),
- * ]
- * ```
- * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
- */
-export function renderComponent<
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	T extends Component<any>,
-	Props extends ComponentProps<T>,
->(component: T, props: Props = {} as Props) {
-	return new RenderComponentConfig(component, props);
-}
-
-/**
- * A helper function to help create cells from Svelte Snippets through ColumnDef's `cell` and `header` properties.
- *
- * The snippet must only take one parameter.
- *
- * This is only to be used with Snippets - use `renderComponent` for Svelte Components.
- *
- * @param snippet
- * @param params
- * @returns - A `RenderSnippetConfig` object that helps svelte-table know how to render the header/cell snippet.
- * @example
- * ```ts
- * // +page.svelte
- * const defaultColumns = [
- *   columnHelper.accessor('name', {
- *     cell: cell => renderSnippet(nameSnippet, { name: cell.row.name }),
- *   }),
- *   columnHelper.accessor('state', {
- *     cell: cell => renderSnippet(stateSnippet, { state: cell.row.state }),
- *   }),
- * ]
- * ```
- * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
- */
-export function renderSnippet<TProps>(snippet: Snippet<[TProps]>, params: TProps = {} as TProps) {
-	return new RenderSnippetConfig(snippet, params);
-}

ui-svelte/src/lib/components/ui/dialog/dialog-close.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		type = "button",
-		...restProps
-	}: DialogPrimitive.CloseProps = $props();
-</script>
-
-<DialogPrimitive.Close bind:ref data-slot="dialog-close" {type} {...restProps} />

ui-svelte/src/lib/components/ui/dialog/dialog-content.svelte

@@ -1,48 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import DialogPortal from "./dialog-portal.svelte";
-	import type { Snippet } from "svelte";
-	import * as Dialog from "./index.js";
-	import { cn, type WithoutChildrenOrChild } from "$lib/utils.js";
-	import type { ComponentProps } from "svelte";
-	import { Button } from "$lib/components/ui/button/index.js";
-	import XIcon from '@lucide/svelte/icons/x';
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		portalProps,
-		children,
-		showCloseButton = true,
-		...restProps
-	}: WithoutChildrenOrChild<DialogPrimitive.ContentProps> & {
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DialogPortal>>;
-		children: Snippet;
-		showCloseButton?: boolean;
-	} = $props();
-</script>
-
-<DialogPortal {...portalProps}>
-	<Dialog.Overlay />
-	<DialogPrimitive.Content
-		bind:ref
-		data-slot="dialog-content"
-		class={cn(
-			"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-4 text-sm ring-1 duration-100 sm:max-w-sm fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
-			className
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-		{#if showCloseButton}
-			<DialogPrimitive.Close data-slot="dialog-close">
-				{#snippet child({ props })}
-					<Button variant="ghost" class="absolute top-2 right-2" size="icon-sm" {...props}>
-						<XIcon  />
-						<span class="sr-only">Close</span>
-					</Button>
-				{/snippet}
-			</DialogPrimitive.Close>
-		{/if}
-	</DialogPrimitive.Content>
-</DialogPortal>

ui-svelte/src/lib/components/ui/dialog/dialog-description.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: DialogPrimitive.DescriptionProps = $props();
-</script>
-
-<DialogPrimitive.Description
-	bind:ref
-	data-slot="dialog-description"
-	class={cn("text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3", className)}
-	{...restProps}
-/>

ui-svelte/src/lib/components/ui/dialog/dialog-footer.svelte

@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "$lib/utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { Button } from "$lib/components/ui/button/index.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		showCloseButton = false,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		showCloseButton?: boolean;
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="dialog-footer"
-	class={cn("bg-muted/50 -mx-4 -mb-4 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
-	{...restProps}
->
-	{@render children?.()}
-	{#if showCloseButton}
-		<DialogPrimitive.Close>
-			{#snippet child({ props })}
-				<Button variant="outline" {...props}>Close</Button>
-			{/snippet}
-		</DialogPrimitive.Close>
-	{/if}
-</div>

ui-svelte/src/lib/components/ui/dialog/dialog-header.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "$lib/utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="dialog-header"
-	class={cn("gap-2 flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

ui-svelte/src/lib/components/ui/dialog/dialog-overlay.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: DialogPrimitive.OverlayProps = $props();
-</script>
-
-<DialogPrimitive.Overlay
-	bind:ref
-	data-slot="dialog-overlay"
-	class={cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className)}
-	{...restProps}
-/>

ui-svelte/src/lib/components/ui/dialog/dialog-portal.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let { ...restProps }: DialogPrimitive.PortalProps = $props();
-</script>
-
-<DialogPrimitive.Portal {...restProps} />

ui-svelte/src/lib/components/ui/dialog/dialog-title.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-	import { cn } from "$lib/utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: DialogPrimitive.TitleProps = $props();
-</script>
-
-<DialogPrimitive.Title
-	bind:ref
-	data-slot="dialog-title"
-	class={cn("text-base leading-none font-medium", className)}
-	{...restProps}
-/>

ui-svelte/src/lib/components/ui/dialog/dialog-trigger.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		type = "button",
-		...restProps
-	}: DialogPrimitive.TriggerProps = $props();
-</script>
-
-<DialogPrimitive.Trigger bind:ref data-slot="dialog-trigger" {type} {...restProps} />

ui-svelte/src/lib/components/ui/dialog/dialog.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Dialog as DialogPrimitive } from "bits-ui";
-
-	let { open = $bindable(false), ...restProps }: DialogPrimitive.RootProps = $props();
-</script>
-
-<DialogPrimitive.Root bind:open {...restProps} />

ui-svelte/src/lib/components/ui/dialog/index.ts

@@ -1,34 +0,0 @@
-import Root from "./dialog.svelte";
-import Portal from "./dialog-portal.svelte";
-import Title from "./dialog-title.svelte";
-import Footer from "./dialog-footer.svelte";
-import Header from "./dialog-header.svelte";
-import Overlay from "./dialog-overlay.svelte";
-import Content from "./dialog-content.svelte";
-import Description from "./dialog-description.svelte";
-import Trigger from "./dialog-trigger.svelte";
-import Close from "./dialog-close.svelte";
-
-export {
-	Root,
-	Title,
-	Portal,
-	Footer,
-	Header,
-	Trigger,
-	Overlay,
-	Content,
-	Description,
-	Close,
-	//
-	Root as Dialog,
-	Title as DialogTitle,
-	Portal as DialogPortal,
-	Footer as DialogFooter,
-	Header as DialogHeader,
-	Trigger as DialogTrigger,
-	Overlay as DialogOverlay,
-	Content as DialogContent,
-	Description as DialogDescription,
-	Close as DialogClose,
-};

ui-svelte/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable([]),
-		...restProps
-	}: DropdownMenuPrimitive.CheckboxGroupProps = $props();
-</script>
-
-<DropdownMenuPrimitive.CheckboxGroup
-	bind:ref
-	bind:value
-	data-slot="dropdown-menu-checkbox-group"
-	{...restProps}
-/>