@unctad-ai/voice-agent-ui 5.4.7 → 5.5.0

package/dist/{chunk-YWDI7ZAG.js → chunk-FDCCCMUD.js}

@@ -1,5 +1,5 @@
 // src/components/VoiceSettingsView.tsx
-import { useState as useState3, useEffect as useEffect2, useCallback as useCallback3 } from "react";
+import { useState as useState4, useEffect as useEffect3, useCallback as useCallback4 } from "react";
 import { motion, AnimatePresence } from "motion/react";
 import {
   ArrowLeft,
@@ -7,7 +7,7 @@ import {
   Volume2,
   Gauge,
   AudioLines,
-  Sparkles,
+  Sparkles as Sparkles2,
   Mic,
   Timer,
   MessageSquare,
@@ -27,7 +27,7 @@ import {
   Headphones,
   SlidersHorizontal,
   Wrench,
-  Globe,
+  Globe as Globe2,
   Type,
   TextCursorInput,
   Sparkle
@@ -156,7 +156,7 @@ function useVoiceSettings() {
 }
 
 // src/components/VoiceSettingsView.tsx
-import { VAD, useSiteConfig as useSiteConfig2, usePersonaContext as usePersonaContext2 } from "@unctad-ai/voice-agent-core";
+import { VAD, useSiteConfig as useSiteConfig3, usePersonaContext as usePersonaContext2 } from "@unctad-ai/voice-agent-core";
 
 // src/components/PersonaSettings.tsx
 import { useState as useState2, useRef as useRef2, useEffect, useCallback as useCallback2 } from "react";
@@ -1079,9 +1079,109 @@ function QualityBadge({ warning }) {
   ] });
 }
 
+// src/components/LlmSettings.tsx
+import { useState as useState3, useEffect as useEffect2, useCallback as useCallback3 } from "react";
+import { Globe, Sparkles } from "lucide-react";
+import { useSiteConfig as useSiteConfig2 } from "@unctad-ai/voice-agent-core";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var BACKEND_URL = import.meta.env?.VITE_BACKEND_URL || "";
+var API_KEY = import.meta.env?.VITE_API_KEY || "";
+var iconStyle = { width: 18, height: 18, color: "var(--copilot-color, #DB2129)" };
+function LlmSettings({ adminPassword }) {
+  const config = useSiteConfig2();
+  const endpoint = config.personaEndpoint;
+  if (!endpoint) return null;
+  if (!adminPassword) return null;
+  return /* @__PURE__ */ jsx3(LlmSettingsInner, { endpoint, adminPassword });
+}
+function LlmSettingsInner({
+  endpoint,
+  adminPassword
+}) {
+  const [state, setState] = useState3(null);
+  const [error, setError] = useState3(null);
+  const url = `${BACKEND_URL}${endpoint}/llm`;
+  useEffect2(() => {
+    let cancelled = false;
+    fetch(url, { headers: API_KEY ? { "X-API-Key": API_KEY } : {} }).then((r) => r.json()).then((data) => {
+      if (!cancelled) setState(data);
+    }).catch((err) => !cancelled && setError(err.message));
+    return () => {
+      cancelled = true;
+    };
+  }, [url]);
+  const apply = useCallback3(async (next) => {
+    setError(null);
+    setState((prev) => prev ? { ...prev, current: next } : prev);
+    try {
+      const res = await fetch(url, {
+        method: "PATCH",
+        headers: {
+          "Content-Type": "application/json",
+          "X-Admin-Password": adminPassword,
+          ...API_KEY ? { "X-API-Key": API_KEY } : {}
+        },
+        body: JSON.stringify(next)
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error || `Save failed: ${res.status}`);
+      setState(data);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+      fetch(url, { headers: API_KEY ? { "X-API-Key": API_KEY } : {} }).then((r) => r.json()).then((data) => setState(data)).catch(() => {
+      });
+    }
+  }, [url, adminPassword]);
+  if (!state) return null;
+  const onProviderChange = (provider) => {
+    const preset = state.providers.find((p) => p.id === provider);
+    if (!preset || !preset.configured) return;
+    apply({ provider, model: preset.models[0].id });
+  };
+  const onModelChange = (model) => {
+    apply({ provider: state.current.provider, model });
+  };
+  const providerOptions = state.providers.map((p) => ({
+    value: p.id,
+    label: p.configured ? p.label : `${p.label} (no API key)`,
+    disabled: !p.configured
+  }));
+  const currentProvider = state.providers.find((p) => p.id === state.current.provider);
+  const modelOptions = (currentProvider?.models ?? []).map((m) => ({
+    value: m.id,
+    label: m.qualifier ? `${m.id} \u2014 ${m.qualifier}` : m.id
+  }));
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx3(
+      SelectSetting,
+      {
+        icon: /* @__PURE__ */ jsx3(Globe, { style: iconStyle }),
+        label: "Provider",
+        value: state.current.provider,
+        onChange: onProviderChange,
+        options: providerOptions,
+        width: 180
+      }
+    ),
+    /* @__PURE__ */ jsx3(Divider, {}),
+    /* @__PURE__ */ jsx3(
+      SelectSetting,
+      {
+        icon: /* @__PURE__ */ jsx3(Sparkles, { style: iconStyle }),
+        label: "Model",
+        value: state.current.model,
+        onChange: onModelChange,
+        options: modelOptions,
+        width: 260
+      }
+    ),
+    error && /* @__PURE__ */ jsx3("div", { style: { fontSize: 11, color: "#dc2626", padding: "4px 0" }, children: error })
+  ] });
+}
+
 // src/components/VoiceSettingsView.tsx
 import { Lock, Unlock } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function expressivenessLabel(v) {
   if (v <= 0.15) return "Low";
   if (v <= 0.4) return "Medium";
@@ -1176,13 +1276,13 @@ function SliderSetting({
 }) {
   ensureSliderStyles();
   const pct = (value - min) / (max - min) * 100;
-  return /* @__PURE__ */ jsxs2("div", { style: { paddingTop: 12, paddingBottom: 12, display: "flex", flexDirection: "column", gap: 10 }, children: [
-    /* @__PURE__ */ jsxs2("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+  return /* @__PURE__ */ jsxs3("div", { style: { paddingTop: 12, paddingBottom: 12, display: "flex", flexDirection: "column", gap: 10 }, children: [
+    /* @__PURE__ */ jsxs3("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
       icon,
-      /* @__PURE__ */ jsx3("span", { style: { flex: 1, fontSize: 13, fontWeight: 500, color: "#111827" }, children: label }),
-      /* @__PURE__ */ jsx3("span", { style: { fontSize: 11, fontWeight: 500, fontVariantNumeric: "tabular-nums", color: "var(--voice-settings-accent, #DB2129)" }, children: displayValue })
+      /* @__PURE__ */ jsx4("span", { style: { flex: 1, fontSize: 13, fontWeight: 500, color: "#111827" }, children: label }),
+      /* @__PURE__ */ jsx4("span", { style: { fontSize: 11, fontWeight: 500, fontVariantNumeric: "tabular-nums", color: "var(--voice-settings-accent, #DB2129)" }, children: displayValue })
     ] }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       "input",
       {
         type: "range",
@@ -1206,13 +1306,13 @@ function ToggleSetting({
   checked,
   onChange
 }) {
-  return /* @__PURE__ */ jsxs2("label", { style: { paddingTop: 12, paddingBottom: 12, display: "flex", alignItems: "center", gap: 12, cursor: "pointer" }, children: [
+  return /* @__PURE__ */ jsxs3("label", { style: { paddingTop: 12, paddingBottom: 12, display: "flex", alignItems: "center", gap: 12, cursor: "pointer" }, children: [
     icon,
-    /* @__PURE__ */ jsxs2("div", { style: { flex: 1, minWidth: 0 }, children: [
-      /* @__PURE__ */ jsx3("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: label }),
-      /* @__PURE__ */ jsx3("div", { style: { fontSize: 11, color: "#6b7280" }, children: description })
+    /* @__PURE__ */ jsxs3("div", { style: { flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ jsx4("div", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: label }),
+      /* @__PURE__ */ jsx4("div", { style: { fontSize: 11, color: "#6b7280" }, children: description })
     ] }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       "button",
       {
         role: "switch",
@@ -1232,7 +1332,7 @@ function ToggleSetting({
           transition: "background-color 0.2s",
           flexShrink: 0
         },
-        children: /* @__PURE__ */ jsx3(
+        children: /* @__PURE__ */ jsx4(
           "span",
           {
             style: {
@@ -1256,26 +1356,31 @@ function SelectSetting({
   label,
   value,
   onChange,
-  options
+  options,
+  width = 110,
+  disabled = false
 }) {
-  return /* @__PURE__ */ jsxs2("div", { style: { paddingTop: 12, paddingBottom: 12, display: "flex", alignItems: "center", gap: 12 }, children: [
+  return /* @__PURE__ */ jsxs3("div", { style: { paddingTop: 12, paddingBottom: 12, display: "flex", alignItems: "center", gap: 12 }, children: [
     icon,
-    /* @__PURE__ */ jsx3("span", { style: { flex: 1, fontSize: 13, fontWeight: 500, color: "#111827", minWidth: 0 }, children: label }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4("span", { style: { flex: 1, fontSize: 13, fontWeight: 500, color: "#111827", minWidth: 0 }, children: label }),
+    /* @__PURE__ */ jsx4(
       "select",
       {
         value,
+        disabled,
         onChange: (e) => onChange(e.target.value),
         onMouseEnter: (e) => {
+          if (disabled) return;
           e.currentTarget.style.borderColor = "#d1d5db";
           e.currentTarget.style.backgroundColor = "#f3f4f6";
         },
         onMouseLeave: (e) => {
+          if (disabled) return;
           e.currentTarget.style.borderColor = "#e5e7eb";
           e.currentTarget.style.backgroundColor = "#f9fafb";
         },
         onFocus: (e) => {
-          e.currentTarget.style.borderColor = "#9ca3af";
+          if (!disabled) e.currentTarget.style.borderColor = "#9ca3af";
         },
         onBlur: (e) => {
           e.currentTarget.style.borderColor = "#e5e7eb";
@@ -1285,7 +1390,7 @@ function SelectSetting({
           lineHeight: "34px",
           fontSize: 12,
           fontWeight: 500,
-          color: "#374151",
+          color: disabled ? "#9ca3af" : "#374151",
           borderRadius: 9999,
           border: "1px solid #e5e7eb",
           backgroundColor: "#f9fafb",
@@ -1296,15 +1401,15 @@ function SelectSetting({
           outline: "none",
           WebkitAppearance: "none",
           appearance: "none",
-          cursor: "pointer",
+          cursor: disabled ? "not-allowed" : "pointer",
           flexShrink: 0,
-          width: 110,
+          width,
           transition: "border-color 0.15s, background-color 0.15s",
           backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")`,
           backgroundRepeat: "no-repeat",
           backgroundPosition: "right 8px center"
         },
-        children: options.map((opt) => /* @__PURE__ */ jsx3("option", { value: opt.value, children: opt.label }, opt.value))
+        children: options.map((opt) => /* @__PURE__ */ jsx4("option", { value: opt.value, disabled: opt.disabled, children: opt.label }, opt.value))
       }
     )
   ] });
@@ -1318,13 +1423,13 @@ function TextInputSetting({
   multiline,
   rows = 2
 }) {
-  const [local, setLocal] = useState3(value);
-  const [focused, setFocused] = useState3(false);
-  const [saveStatus, setSaveStatus] = useState3("idle");
-  useEffect2(() => {
+  const [local, setLocal] = useState4(value);
+  const [focused, setFocused] = useState4(false);
+  const [saveStatus, setSaveStatus] = useState4("idle");
+  useEffect3(() => {
     setLocal(value);
   }, [value]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (saveStatus === "saved") {
       const t = setTimeout(() => setSaveStatus("idle"), 1500);
       return () => clearTimeout(t);
@@ -1352,21 +1457,21 @@ function TextInputSetting({
     resize: multiline ? "vertical" : "none",
     transition: "border-color 0.15s"
   };
-  return /* @__PURE__ */ jsxs2("div", { style: { paddingTop: 10, paddingBottom: 10, display: "flex", flexDirection: "column", gap: 8 }, children: [
-    /* @__PURE__ */ jsxs2("div", { style: { display: "flex", alignItems: "flex-start", gap: 12 }, children: [
-      /* @__PURE__ */ jsx3("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: 16, height: 20, flexShrink: 0 }, children: icon }),
-      /* @__PURE__ */ jsxs2("div", { style: { flex: 1 }, children: [
-        /* @__PURE__ */ jsxs2("div", { style: { display: "flex", alignItems: "baseline", gap: 6, minHeight: 20 }, children: [
-          /* @__PURE__ */ jsx3("span", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: label }),
-          /* @__PURE__ */ jsxs2(AnimatePresence, { children: [
-            saveStatus === "saved" && /* @__PURE__ */ jsx3(motion.span, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 }, style: { fontSize: 11, color: "#22c55e", fontWeight: 400 }, children: "Saved" }, "saved"),
-            saveStatus === "error" && /* @__PURE__ */ jsx3(motion.span, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 }, style: { fontSize: 11, color: "#ef4444", fontWeight: 400 }, children: "Save failed" }, "error")
+  return /* @__PURE__ */ jsxs3("div", { style: { paddingTop: 10, paddingBottom: 10, display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ jsxs3("div", { style: { display: "flex", alignItems: "flex-start", gap: 12 }, children: [
+      /* @__PURE__ */ jsx4("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: 16, height: 20, flexShrink: 0 }, children: icon }),
+      /* @__PURE__ */ jsxs3("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ jsxs3("div", { style: { display: "flex", alignItems: "baseline", gap: 6, minHeight: 20 }, children: [
+          /* @__PURE__ */ jsx4("span", { style: { fontSize: 13, fontWeight: 500, color: "#111827" }, children: label }),
+          /* @__PURE__ */ jsxs3(AnimatePresence, { children: [
+            saveStatus === "saved" && /* @__PURE__ */ jsx4(motion.span, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 }, style: { fontSize: 11, color: "#22c55e", fontWeight: 400 }, children: "Saved" }, "saved"),
+            saveStatus === "error" && /* @__PURE__ */ jsx4(motion.span, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.2 }, style: { fontSize: 11, color: "#ef4444", fontWeight: 400 }, children: "Save failed" }, "error")
           ] })
         ] }),
-        description && /* @__PURE__ */ jsx3("p", { style: { fontSize: 11, color: "#9ca3af", margin: "2px 0 0", lineHeight: 1.4 }, children: description })
+        description && /* @__PURE__ */ jsx4("p", { style: { fontSize: 11, color: "#9ca3af", margin: "2px 0 0", lineHeight: 1.4 }, children: description })
       ] })
     ] }),
-    multiline ? /* @__PURE__ */ jsx3(
+    multiline ? /* @__PURE__ */ jsx4(
       "textarea",
       {
         value: local,
@@ -1379,7 +1484,7 @@ function TextInputSetting({
         rows,
         style: inputStyle
       }
-    ) : /* @__PURE__ */ jsx3(
+    ) : /* @__PURE__ */ jsx4(
       "input",
       {
         type: "text",
@@ -1397,25 +1502,25 @@ function TextInputSetting({
 }
 function VoiceSettingsView({ onBack, onVolumeChange }) {
   const { settings, updateSetting, resetSettings } = useVoiceSettings();
-  const config = useSiteConfig2();
+  const config = useSiteConfig3();
   const persona = usePersonaContext2();
   const { colors } = config;
-  const [openSection, setOpenSection] = useState3(null);
-  const iconStyle = { width: 16, height: 16, flexShrink: 0, color: colors.primary };
+  const [openSection, setOpenSection] = useState4(null);
+  const iconStyle2 = { width: 16, height: 16, flexShrink: 0, color: colors.primary };
   const sectionIconStyle = { width: 16, height: 16, flexShrink: 0, color: colors.primary };
   const sectionProps = (id) => ({
     open: openSection === id,
     onToggle: () => setOpenSection(openSection === id ? null : id)
   });
-  const [adminPassword, setAdminPassword] = useState3(
+  const [adminPassword, setAdminPassword] = useState4(
     () => sessionStorage.getItem("voice-admin-pw")
   );
-  const [showPasswordInput, setShowPasswordInput] = useState3(false);
-  const [passwordInput, setPasswordInput] = useState3("");
-  const [authError, setAuthError] = useState3("");
+  const [showPasswordInput, setShowPasswordInput] = useState4(false);
+  const [passwordInput, setPasswordInput] = useState4("");
+  const [authError, setAuthError] = useState4("");
   const isAdmin = adminPassword !== null;
   const updateConfigFn = persona?.updateConfig;
-  const handleSharedSave = useCallback3(async (fields) => {
+  const handleSharedSave = useCallback4(async (fields) => {
     if (!adminPassword || !updateConfigFn) return false;
     try {
       await updateConfigFn(fields, adminPassword);
@@ -1425,7 +1530,7 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
       return false;
     }
   }, [adminPassword, updateConfigFn]);
-  const handleAdminLogin = useCallback3(async (pw) => {
+  const handleAdminLogin = useCallback4(async (pw) => {
     if (!persona) return;
     try {
       await persona.updateConfig({}, pw);
@@ -1438,7 +1543,7 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
       setAuthError("Invalid password");
     }
   }, [persona]);
-  const handleAdminToggle = useCallback3(() => {
+  const handleAdminToggle = useCallback4(() => {
     if (isAdmin) {
       sessionStorage.removeItem("voice-admin-pw");
       setAdminPassword(null);
@@ -1448,7 +1553,7 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
       setShowPasswordInput(true);
     }
   }, [isAdmin]);
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     motion.div,
     {
       initial: { opacity: 0, x: 20 },
@@ -1467,12 +1572,12 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
         "--voice-settings-accent": colors.primary
       },
       children: [
-        /* @__PURE__ */ jsxs2(
+        /* @__PURE__ */ jsxs3(
           "div",
           {
             style: { display: "flex", alignItems: "center", gap: 10, flexShrink: 0, paddingLeft: 16, paddingRight: 16, height: 56, borderBottom: "1px solid #e5e7eb" },
             children: [
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4(
                 "button",
                 {
                   onClick: onBack,
@@ -1484,11 +1589,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                     e.currentTarget.style.color = "#6b7280";
                   },
                   "aria-label": "Back to conversation",
-                  children: /* @__PURE__ */ jsx3(ArrowLeft, { style: { width: 16, height: 16 } })
+                  children: /* @__PURE__ */ jsx4(ArrowLeft, { style: { width: 16, height: 16 } })
                 }
               ),
-              /* @__PURE__ */ jsx3("span", { style: { flex: 1, fontSize: 13, fontWeight: 600, color: "#111827" }, children: "Settings" }),
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4("span", { style: { flex: 1, fontSize: 13, fontWeight: 600, color: "#111827" }, children: "Settings" }),
+              /* @__PURE__ */ jsx4(
                 "button",
                 {
                   onClick: resetSettings,
@@ -1501,41 +1606,41 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                   },
                   "aria-label": "Reset all settings",
                   title: "Reset to defaults",
-                  children: /* @__PURE__ */ jsx3(RotateCcw, { style: { width: 14, height: 14 } })
+                  children: /* @__PURE__ */ jsx4(RotateCcw, { style: { width: 14, height: 14 } })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ jsxs2("div", { style: { flex: 1, minHeight: 0, overflowY: "auto" }, children: [
-          config.personaEndpoint && /* @__PURE__ */ jsx3(SettingsSection, { title: "Persona", icon: /* @__PURE__ */ jsx3(User, { style: sectionIconStyle }), ...sectionProps("persona"), children: /* @__PURE__ */ jsx3(PersonaSettings, { adminPassword }) }),
-          config.personaEndpoint && isAdmin && persona?.persona && /* @__PURE__ */ jsxs2(SettingsSection, { title: "Agent", icon: /* @__PURE__ */ jsx3(Sparkle, { style: sectionIconStyle }), ...sectionProps("agent"), children: [
-            /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsxs3("div", { style: { flex: 1, minHeight: 0, overflowY: "auto" }, children: [
+          config.personaEndpoint && /* @__PURE__ */ jsx4(SettingsSection, { title: "Persona", icon: /* @__PURE__ */ jsx4(User, { style: sectionIconStyle }), ...sectionProps("persona"), children: /* @__PURE__ */ jsx4(PersonaSettings, { adminPassword }) }),
+          config.personaEndpoint && isAdmin && persona?.persona && /* @__PURE__ */ jsxs3(SettingsSection, { title: "Agent", icon: /* @__PURE__ */ jsx4(Sparkle, { style: sectionIconStyle }), ...sectionProps("agent"), children: [
+            /* @__PURE__ */ jsx4(
               TextInputSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Type, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Type, { style: iconStyle2 }),
                 label: "Portal context",
                 description: "What this portal offers \u2014 helps the AI understand the domain",
                 value: persona.persona.siteTitle || config.siteTitle || "",
                 onSave: (v) => handleSharedSave({ siteTitle: v })
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               TextInputSetting,
               {
-                icon: /* @__PURE__ */ jsx3(MessageSquare, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(MessageSquare, { style: iconStyle2 }),
                 label: "Greeting",
                 description: "Shown when the panel opens with no conversation",
                 value: persona.persona.greetingMessage || config.greetingMessage || "",
                 onSave: (v) => handleSharedSave({ greetingMessage: v })
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               TextInputSetting,
               {
-                icon: /* @__PURE__ */ jsx3(TextCursorInput, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(TextCursorInput, { style: iconStyle2 }),
                 label: "Suggested prompts",
                 description: "Tappable chips in the empty state (one per line)",
                 value: persona.persona.suggestedPrompts || config.suggestedPrompts?.join("\n") || "",
@@ -1544,11 +1649,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 rows: 3
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               TextInputSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Info, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Info, { style: iconStyle2 }),
                 label: "System prompt intro",
                 description: "Prefixed to every LLM conversation. Use {name} for the agent's name.",
                 value: persona.persona.systemPromptIntro || config.systemPromptIntro || "",
@@ -1557,11 +1662,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 rows: 4
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SelectSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Globe, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Globe2, { style: iconStyle2 }),
                 label: "Default language",
                 value: persona.persona.language || config.language || "en",
                 onChange: (v) => handleSharedSave({ language: v }),
@@ -1569,11 +1674,12 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs2(SettingsSection, { title: "Conversation", icon: /* @__PURE__ */ jsx3(MessageCircle, { style: sectionIconStyle }), ...sectionProps("conversation"), children: [
-            /* @__PURE__ */ jsx3(
+          config.personaEndpoint && isAdmin && /* @__PURE__ */ jsx4(SettingsSection, { title: "Language model", icon: /* @__PURE__ */ jsx4(Cpu, { style: sectionIconStyle }), ...sectionProps("llm"), children: /* @__PURE__ */ jsx4(LlmSettings, { adminPassword }) }),
+          /* @__PURE__ */ jsxs3(SettingsSection, { title: "Conversation", icon: /* @__PURE__ */ jsx4(MessageCircle, { style: sectionIconStyle }), ...sectionProps("conversation"), children: [
+            /* @__PURE__ */ jsx4(
               SelectSetting,
               {
-                icon: /* @__PURE__ */ jsx3(MessageSquare, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(MessageSquare, { style: iconStyle2 }),
                 label: "Response length",
                 value: String(settings.responseLength),
                 onChange: (v) => updateSetting("responseLength", Number(v)),
@@ -1584,11 +1690,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SelectSetting,
               {
-                icon: /* @__PURE__ */ jsx3(History, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(History, { style: iconStyle2 }),
                 label: "Chat memory",
                 value: String(settings.maxHistoryMessages),
                 onChange: (v) => updateSetting("maxHistoryMessages", Number(v)),
@@ -1601,33 +1707,33 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs2(SettingsSection, { title: "Listening", icon: /* @__PURE__ */ jsx3(Headphones, { style: sectionIconStyle }), ...sectionProps("listening"), children: [
-            /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsxs3(SettingsSection, { title: "Listening", icon: /* @__PURE__ */ jsx4(Headphones, { style: sectionIconStyle }), ...sectionProps("listening"), children: [
+            /* @__PURE__ */ jsx4(
               SelectSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Globe, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Globe2, { style: iconStyle2 }),
                 label: "Language",
                 value: settings.language,
                 onChange: (v) => updateSetting("language", v),
                 options: LANGUAGE_OPTIONS
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               ToggleSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Mic, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Mic, { style: iconStyle2 }),
                 label: "Auto-listen",
                 description: "Start mic when panel opens",
                 checked: settings.autoListen,
                 onChange: (v) => updateSetting("autoListen", v)
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SliderSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Ear, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Ear, { style: iconStyle2 }),
                 label: "Speech threshold",
                 value: settings.speechThreshold * 100,
                 displayValue: speechThresholdLabel(settings.speechThreshold),
@@ -1637,11 +1743,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 onChange: (v) => updateSetting("speechThreshold", v / 100)
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SelectSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Clock, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Clock, { style: iconStyle2 }),
                 label: "Pause tolerance",
                 value: String(settings.pauseToleranceMs),
                 onChange: (v) => updateSetting("pauseToleranceMs", Number(v)),
@@ -1653,11 +1759,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SliderSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Zap, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Zap, { style: iconStyle2 }),
                 label: "Barge-in threshold",
                 value: settings.bargeInThreshold * 100,
                 displayValue: bargeInLabel(settings.bargeInThreshold),
@@ -1668,22 +1774,22 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs2(SettingsSection, { title: "Speaking", icon: /* @__PURE__ */ jsx3(Volume2, { style: sectionIconStyle }), ...sectionProps("speaking"), children: [
-            /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsxs3(SettingsSection, { title: "Speaking", icon: /* @__PURE__ */ jsx4(Volume2, { style: sectionIconStyle }), ...sectionProps("speaking"), children: [
+            /* @__PURE__ */ jsx4(
               ToggleSetting,
               {
-                icon: /* @__PURE__ */ jsx3(AudioLines, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(AudioLines, { style: iconStyle2 }),
                 label: "Text-to-speech",
                 description: "Speak responses aloud",
                 checked: settings.ttsEnabled,
                 onChange: (v) => updateSetting("ttsEnabled", v)
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SliderSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Volume2, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Volume2, { style: iconStyle2 }),
                 label: "Volume",
                 value: settings.volume * 100,
                 displayValue: `${Math.round(settings.volume * 100)}%`,
@@ -1696,11 +1802,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 }
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SliderSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Gauge, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Gauge, { style: iconStyle2 }),
                 label: "Speed",
                 value: settings.playbackSpeed * 100,
                 displayValue: `${settings.playbackSpeed.toFixed(2)}x`,
@@ -1710,11 +1816,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 onChange: (v) => updateSetting("playbackSpeed", v / 100)
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SliderSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Sparkles, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Sparkles2, { style: iconStyle2 }),
                 label: "Expressiveness",
                 value: settings.expressiveness * 100,
                 displayValue: expressivenessLabel(settings.expressiveness),
@@ -1725,11 +1831,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs2(SettingsSection, { title: "Behavior", icon: /* @__PURE__ */ jsx3(SlidersHorizontal, { style: sectionIconStyle }), ...sectionProps("behavior"), children: [
-            /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsxs3(SettingsSection, { title: "Behavior", icon: /* @__PURE__ */ jsx4(SlidersHorizontal, { style: sectionIconStyle }), ...sectionProps("behavior"), children: [
+            /* @__PURE__ */ jsx4(
               SelectSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Timer, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Timer, { style: iconStyle2 }),
                 label: "Idle timeout",
                 value: String(settings.idleTimeoutMs),
                 onChange: (v) => updateSetting("idleTimeoutMs", Number(v)),
@@ -1741,11 +1847,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SelectSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Minimize2, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Minimize2, { style: iconStyle2 }),
                 label: "Auto-collapse",
                 value: String(settings.panelCollapseTimeoutMs),
                 onChange: (v) => updateSetting("panelCollapseTimeoutMs", Number(v)),
@@ -1758,22 +1864,22 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs2(SettingsSection, { title: "Developer", icon: /* @__PURE__ */ jsx3(Wrench, { style: sectionIconStyle }), ...sectionProps("developer"), last: true, children: [
-            /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsxs3(SettingsSection, { title: "Developer", icon: /* @__PURE__ */ jsx4(Wrench, { style: sectionIconStyle }), ...sectionProps("developer"), last: true, children: [
+            /* @__PURE__ */ jsx4(
               ToggleSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Activity, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Activity, { style: iconStyle2 }),
                 label: "Pipeline metrics",
                 description: "Show STT / LLM / TTS timings",
                 checked: settings.showPipelineMetrics,
                 onChange: (v) => updateSetting("showPipelineMetrics", v)
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SelectSetting,
               {
-                icon: /* @__PURE__ */ jsx3(EyeOff, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(EyeOff, { style: iconStyle2 }),
                 label: "Auto-hide metrics",
                 value: String(settings.pipelineMetricsAutoHideMs),
                 onChange: (v) => updateSetting("pipelineMetricsAutoHideMs", Number(v)),
@@ -1785,11 +1891,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SelectSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Mic, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Mic, { style: iconStyle2 }),
                 label: "STT timeout",
                 value: String(settings.sttTimeoutMs),
                 onChange: (v) => updateSetting("sttTimeoutMs", Number(v)),
@@ -1800,11 +1906,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SelectSetting,
               {
-                icon: /* @__PURE__ */ jsx3(AudioLines, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(AudioLines, { style: iconStyle2 }),
                 label: "TTS timeout",
                 value: String(settings.ttsTimeoutMs),
                 onChange: (v) => updateSetting("ttsTimeoutMs", Number(v)),
@@ -1815,11 +1921,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SelectSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Cpu, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Cpu, { style: iconStyle2 }),
                 label: "LLM timeout",
                 value: String(settings.llmTimeoutMs),
                 onChange: (v) => updateSetting("llmTimeoutMs", Number(v)),
@@ -1831,11 +1937,11 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsx4(
               SelectSetting,
               {
-                icon: /* @__PURE__ */ jsx3(Signal, { style: iconStyle }),
+                icon: /* @__PURE__ */ jsx4(Signal, { style: iconStyle2 }),
                 label: "Min audio level",
                 value: String(settings.minAudioRms),
                 onChange: (v) => updateSetting("minAudioRms", Number(v)),
@@ -1847,15 +1953,15 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx3(Divider, {}),
-            /* @__PURE__ */ jsxs2("div", { style: { paddingTop: 8, paddingBottom: 4, fontSize: 11, color: "#9ca3af" }, children: [
+            /* @__PURE__ */ jsx4(Divider, {}),
+            /* @__PURE__ */ jsxs3("div", { style: { paddingTop: 8, paddingBottom: 4, fontSize: 11, color: "#9ca3af" }, children: [
               "VAD Threshold: ",
-              /* @__PURE__ */ jsx3("span", { style: { fontWeight: 500, color: "#6b7280" }, children: VAD.positiveSpeechThreshold })
+              /* @__PURE__ */ jsx4("span", { style: { fontWeight: 500, color: "#6b7280" }, children: VAD.positiveSpeechThreshold })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx3("div", { style: { flexShrink: 0, padding: "8px 16px", fontSize: 11, color: "#9ca3af", borderTop: "1px solid #f3f4f6" }, children: showPasswordInput ? /* @__PURE__ */ jsxs2("div", { style: { display: "flex", gap: 6, alignItems: "center", justifyContent: "center", padding: "4px 0" }, children: [
-          /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4("div", { style: { flexShrink: 0, padding: "8px 16px", fontSize: 11, color: "#9ca3af", borderTop: "1px solid #f3f4f6" }, children: showPasswordInput ? /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: 6, alignItems: "center", justifyContent: "center", padding: "4px 0" }, children: [
+          /* @__PURE__ */ jsx4(
             "input",
             {
               type: "text",
@@ -1889,7 +1995,7 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
               }
             }
           ),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4(
             "button",
             {
               onClick: () => handleAdminLogin(passwordInput),
@@ -1907,7 +2013,7 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
               children: "OK"
             }
           ),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4(
             "button",
             {
               onClick: () => {
@@ -1919,9 +2025,9 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
               children: "Cancel"
             }
           ),
-          authError && /* @__PURE__ */ jsx3("span", { style: { fontSize: 10, color: "#ef4444" }, children: authError })
-        ] }) : /* @__PURE__ */ jsxs2("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-          config.personaEndpoint ? /* @__PURE__ */ jsx3(
+          authError && /* @__PURE__ */ jsx4("span", { style: { fontSize: 10, color: "#ef4444" }, children: authError })
+        ] }) : /* @__PURE__ */ jsxs3("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+          config.personaEndpoint ? /* @__PURE__ */ jsx4(
             "button",
             {
               onClick: handleAdminToggle,
@@ -1938,18 +2044,18 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
                 padding: 0,
                 transition: "color 0.15s"
               },
-              children: isAdmin ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-                /* @__PURE__ */ jsx3(Unlock, { style: { width: 12, height: 12 } }),
+              children: isAdmin ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
+                /* @__PURE__ */ jsx4(Unlock, { style: { width: 12, height: 12 } }),
                 " Admin mode"
-              ] }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-                /* @__PURE__ */ jsx3(Lock, { style: { width: 12, height: 12 } }),
+              ] }) : /* @__PURE__ */ jsxs3(Fragment3, { children: [
+                /* @__PURE__ */ jsx4(Lock, { style: { width: 12, height: 12 } }),
                 " Admin mode"
               ] })
             }
-          ) : /* @__PURE__ */ jsx3("span", {}),
-          /* @__PURE__ */ jsxs2("span", { children: [
+          ) : /* @__PURE__ */ jsx4("span", {}),
+          /* @__PURE__ */ jsxs3("span", { children: [
             "Kit v",
-            /* @__PURE__ */ jsx3("span", { style: { fontWeight: 500, color: "#6b7280" }, children: "5.4.7" })
+            /* @__PURE__ */ jsx4("span", { style: { fontWeight: 500, color: "#6b7280" }, children: "5.5.0" })
           ] })
         ] }) })
       ]
@@ -1964,9 +2070,9 @@ function SettingsSection({
   open = false,
   onToggle
 }) {
-  const [hovered, setHovered] = useState3(false);
-  return /* @__PURE__ */ jsxs2("div", { style: { borderBottom: last ? "none" : "1px solid #e5e7eb" }, children: [
-    /* @__PURE__ */ jsxs2(
+  const [hovered, setHovered] = useState4(false);
+  return /* @__PURE__ */ jsxs3("div", { style: { borderBottom: last ? "none" : "1px solid #e5e7eb" }, children: [
+    /* @__PURE__ */ jsxs3(
       "button",
       {
         onClick: onToggle,
@@ -1989,14 +2095,14 @@ function SettingsSection({
         },
         children: [
           icon,
-          /* @__PURE__ */ jsx3("span", { style: {
+          /* @__PURE__ */ jsx4("span", { style: {
             flex: 1,
             textAlign: "left",
             fontSize: 13,
             fontWeight: 600,
             color: "#374151"
           }, children: title }),
-          /* @__PURE__ */ jsx3(ChevronDown, { style: {
+          /* @__PURE__ */ jsx4(ChevronDown, { style: {
             width: 14,
             height: 14,
             color: "#9ca3af",
@@ -2006,7 +2112,7 @@ function SettingsSection({
         ]
       }
     ),
-    /* @__PURE__ */ jsx3(AnimatePresence, { initial: false, children: open && /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(AnimatePresence, { initial: false, children: open && /* @__PURE__ */ jsx4(
       motion.div,
       {
         initial: { height: 0, opacity: 0 },
@@ -2014,7 +2120,7 @@ function SettingsSection({
         exit: { height: 0, opacity: 0 },
         transition: { duration: 0.2, ease: [0.22, 1, 0.36, 1] },
         style: { overflow: "hidden" },
-        children: /* @__PURE__ */ jsx3("div", { style: {
+        children: /* @__PURE__ */ jsx4("div", { style: {
           paddingLeft: 16,
           paddingRight: 16,
           paddingTop: 4,
@@ -2027,13 +2133,14 @@ function SettingsSection({
   ] });
 }
 function Divider() {
-  return /* @__PURE__ */ jsx3("div", { style: { height: 1, backgroundColor: "#f3f4f6" } });
+  return /* @__PURE__ */ jsx4("div", { style: { height: 1, backgroundColor: "#f3f4f6" } });
 }
 
 export {
   VoiceSettingsProvider,
   useVoiceSettings,
   PersonaSettings,
+  LlmSettings,
   SliderSetting,
   ToggleSetting,
   SelectSetting,
@@ -2041,4 +2148,4 @@ export {
   SettingsSection,
   Divider
 };
-//# sourceMappingURL=chunk-YWDI7ZAG.js.map
+//# sourceMappingURL=chunk-FDCCCMUD.js.map