@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/settings/VaultInventoryPanel.js

@@ -0,0 +1,283 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Vault inventory panel — shows every secret stored, grouped by category,
+ * with reveal / edit / delete and per-key profile management.
+ *
+ * Endpoints driven:
+ *   GET    /api/secrets/inventory                       (load list)
+ *   GET    /api/secrets/inventory/:key                  (reveal, on demand)
+ *   PUT    /api/secrets/inventory/:key                  (add or replace)
+ *   DELETE /api/secrets/inventory/:key                  (drop)
+ *   GET    /api/secrets/inventory/:key/profiles         (profile list)
+ *   POST   /api/secrets/inventory/:key/profiles         (add)
+ *   PATCH  /api/secrets/inventory/:key/profiles/:id     (update)
+ *   DELETE /api/secrets/inventory/:key/profiles/:id     (drop)
+ *   PUT    /api/secrets/inventory/:key/active-profile   (switch active)
+ *   POST   /api/secrets/inventory/migrate-to-profiles   (opt-in promotion)
+ *
+ * Routing rules live in a sibling tab (`RoutingTab`); the per-key
+ * "Routing rules for this profile →" affordance hands control back to
+ * the Vault modal via `onJumpToRouting`.
+ *
+ * Hard rule: revealed values never persist in component state past the
+ * 10-second auto-hide window.
+ */
+import { Button, Input, Label } from "@elizaos/ui";
+import { ArrowRight, CheckCircle2, ChevronDown, ChevronRight, Copy, Eye, EyeOff, Loader2, Plus, Trash2, } from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
+const CATEGORY_LABEL = {
+    provider: "Providers",
+    plugin: "Plugins",
+    wallet: "Wallet",
+    credential: "Saved logins",
+    session: "Sessions",
+    system: "System",
+};
+const CATEGORY_ORDER = [
+    "provider",
+    "plugin",
+    "wallet",
+    "credential",
+    "session",
+    "system",
+];
+const CATEGORY_INPUT_OPTIONS = [
+    { value: "provider", label: "Provider" },
+    { value: "plugin", label: "Plugin" },
+    { value: "wallet", label: "Wallet" },
+    { value: "credential", label: "Saved login" },
+    { value: "session", label: "Session" },
+    { value: "system", label: "System" },
+];
+export function VaultInventoryPanel(props = {}) {
+    const { entries: externalEntries, onChanged: externalOnChanged, onJumpToRouting, focusKey, focusProfileId, onFocusApplied, } = props;
+    const ownsData = externalEntries === undefined;
+    const [internalEntries, setInternalEntries] = useState(null);
+    const [error, setError] = useState(null);
+    const [showAdd, setShowAdd] = useState(false);
+    const load = useCallback(async () => {
+        setError(null);
+        try {
+            const res = await fetch("/api/secrets/inventory");
+            if (!res.ok)
+                throw new Error(`HTTP ${res.status}`);
+            const body = (await res.json());
+            setInternalEntries(body.entries);
+        }
+        catch (err) {
+            // Boundary translation: surface fetch / parse errors to the panel
+            // banner so the modal stays usable (other tabs can still load).
+            setError(err instanceof Error ? err.message : "load failed");
+            setInternalEntries([]);
+        }
+    }, []);
+    useEffect(() => {
+        if (!ownsData)
+            return;
+        void load();
+    }, [load, ownsData]);
+    const onChanged = useCallback(() => {
+        if (externalOnChanged)
+            externalOnChanged();
+        else
+            void load();
+    }, [externalOnChanged, load]);
+    const entries = ownsData ? internalEntries : (externalEntries ?? []);
+    const grouped = useMemo(() => {
+        const buckets = {
+            provider: [],
+            plugin: [],
+            wallet: [],
+            credential: [],
+            session: [],
+            system: [],
+        };
+        for (const e of entries ?? [])
+            buckets[e.category].push(e);
+        return buckets;
+    }, [entries]);
+    return (_jsxs("section", { "data-testid": "vault-inventory-panel", className: "space-y-2 pt-1", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-txt", children: "Stored secrets" }), _jsx("p", { className: "text-2xs text-muted", children: "Every secret stored locally, grouped by category. Add API keys, wallet keys, and plugin tokens here." })] }), _jsxs(Button, { variant: "outline", size: "sm", className: "h-8 shrink-0 gap-1 rounded-md px-2", onClick: () => setShowAdd((v) => !v), "aria-label": "Add secret", children: [_jsx(Plus, { className: "h-3.5 w-3.5", "aria-hidden": true }), "Add secret"] })] }), error && (_jsx("div", { "aria-live": "polite", "data-testid": "vault-inventory-error", className: "rounded-md border border-danger/40 bg-danger/10 px-3 py-1.5 text-xs text-danger", children: error })), showAdd && (_jsx(AddSecretForm, { onClose: () => setShowAdd(false), onSaved: () => {
+                    setShowAdd(false);
+                    onChanged();
+                } })), entries === null ? (_jsxs("div", { className: "flex items-center gap-2 px-1 py-3 text-xs text-muted", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": true }), " Loading\u2026"] })) : entries.length === 0 ? (_jsx("div", { "data-testid": "vault-inventory-empty", className: "rounded-md border border-dashed border-border/50 bg-card/20 px-3 py-3 text-center text-xs text-muted", children: "No secrets stored yet. Add an API key to get started." })) : (_jsx("div", { className: "space-y-3", children: CATEGORY_ORDER.map((cat) => {
+                    const rows = grouped[cat];
+                    if (rows.length === 0)
+                        return null;
+                    return (_jsx(CategoryGroup, { category: cat, entries: rows, onChanged: onChanged, onJumpToRouting: onJumpToRouting, focusKey: focusKey ?? null, focusProfileId: focusProfileId ?? null, onFocusApplied: onFocusApplied }, cat));
+                }) }))] }));
+}
+// ── Category group ─────────────────────────────────────────────────
+function CategoryGroup({ category, entries, onChanged, onJumpToRouting, focusKey, focusProfileId, onFocusApplied, }) {
+    return (_jsxs("div", { "data-testid": `vault-category-${category}`, className: "space-y-1", children: [_jsx("p", { className: "text-2xs font-semibold uppercase tracking-wide text-muted", children: CATEGORY_LABEL[category] }), _jsx("ul", { className: "space-y-1 rounded-md border border-border/40 bg-card/30 p-1", children: entries.map((entry) => (_jsx("li", { children: _jsx(EntryRow, { entry: entry, onChanged: onChanged, onJumpToRouting: onJumpToRouting, focusKey: focusKey, focusProfileId: focusProfileId, onFocusApplied: onFocusApplied }) }, entry.key))) })] }));
+}
+// ── Single entry row ───────────────────────────────────────────────
+function EntryRow({ entry, onChanged, onJumpToRouting, focusKey, focusProfileId, onFocusApplied, }) {
+    const [revealed, setRevealed] = useState(null);
+    const [revealError, setRevealError] = useState(null);
+    const [revealing, setRevealing] = useState(false);
+    const [expanded, setExpanded] = useState(false);
+    const rowRef = useRef(null);
+    // Apply incoming focus once: expand and scroll into view.
+    useEffect(() => {
+        if (focusKey !== entry.key)
+            return;
+        setExpanded(true);
+        // jsdom doesn't define `scrollIntoView`, so guard before calling.
+        if (rowRef.current && typeof rowRef.current.scrollIntoView === "function") {
+            rowRef.current.scrollIntoView({ behavior: "smooth", block: "center" });
+        }
+        if (onFocusApplied) {
+            // Defer to allow scroll-into-view to settle visually before the
+            // parent clears the focus state and re-renders.
+            const id = window.setTimeout(onFocusApplied, 250);
+            return () => window.clearTimeout(id);
+        }
+        return undefined;
+    }, [focusKey, entry.key, onFocusApplied]);
+    // Auto-hide the revealed value after 10 seconds.
+    useEffect(() => {
+        if (!revealed)
+            return;
+        const id = setTimeout(() => setRevealed(null), 10_000);
+        return () => clearTimeout(id);
+    }, [revealed]);
+    const reveal = useCallback(async () => {
+        setRevealing(true);
+        setRevealError(null);
+        const res = await fetch(`/api/secrets/inventory/${encodeURIComponent(entry.key)}`);
+        if (!res.ok) {
+            setRevealError(`HTTP ${res.status}`);
+            setRevealing(false);
+            return;
+        }
+        const body = (await res.json());
+        setRevealed(body);
+        setRevealing(false);
+    }, [entry.key]);
+    const hide = useCallback(() => setRevealed(null), []);
+    const copy = useCallback(async () => {
+        if (!revealed)
+            return;
+        if (typeof navigator !== "undefined" && navigator.clipboard) {
+            await navigator.clipboard.writeText(revealed.value);
+        }
+    }, [revealed]);
+    const onDelete = useCallback(async () => {
+        const confirmed = window.confirm(`Delete "${entry.label}"? This drops the value, every profile, and the metadata.`);
+        if (!confirmed)
+            return;
+        const res = await fetch(`/api/secrets/inventory/${encodeURIComponent(entry.key)}`, { method: "DELETE" });
+        if (res.ok)
+            onChanged();
+    }, [entry.key, entry.label, onChanged]);
+    const profileCount = entry.profiles?.length ?? 0;
+    return (_jsxs("div", { ref: rowRef, "data-testid": `vault-entry-row-${entry.key}`, className: "rounded px-2 py-1.5 hover:bg-bg-muted/30", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", className: "h-6 w-6 shrink-0 rounded-md p-0 text-muted", onClick: () => setExpanded((v) => !v), "aria-label": expanded ? "Collapse" : "Expand", children: expanded ? (_jsx(ChevronDown, { className: "h-3.5 w-3.5", "aria-hidden": true })) : (_jsx(ChevronRight, { className: "h-3.5 w-3.5", "aria-hidden": true })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-xs font-medium text-txt", children: entry.label }), _jsx("p", { className: "truncate font-mono text-2xs text-muted", children: entry.key })] }), profileCount > 0 && (_jsxs("span", { "data-testid": `profile-badge-${entry.key}`, className: "shrink-0 rounded-full border border-accent/40 bg-accent/10 px-1.5 py-0.5 text-2xs font-medium text-accent", children: [profileCount, " profile", profileCount === 1 ? "" : "s"] })), !revealed ? (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 shrink-0 gap-1 rounded-md px-2 text-xs text-muted", onClick: () => void reveal(), disabled: revealing, "aria-label": `Reveal ${entry.label}`, children: [revealing ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": true })) : (_jsx(Eye, { className: "h-3.5 w-3.5", "aria-hidden": true })), "Reveal"] })) : (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 shrink-0 gap-1 rounded-md px-2 text-xs text-muted", onClick: hide, "aria-label": `Hide ${entry.label}`, children: [_jsx(EyeOff, { className: "h-3.5 w-3.5", "aria-hidden": true }), "Hide"] })), _jsx(Button, { variant: "ghost", size: "sm", className: "h-7 w-7 shrink-0 rounded-md p-0 text-muted hover:text-danger", onClick: () => void onDelete(), "aria-label": `Delete ${entry.label}`, children: _jsx(Trash2, { className: "h-3.5 w-3.5", "aria-hidden": true }) })] }), revealed && (_jsxs("div", { "data-testid": `vault-revealed-${entry.key}`, className: "mt-1.5 flex items-center gap-2 rounded-md border border-border/50 bg-bg/40 p-2", children: [_jsx("code", { className: "flex-1 truncate font-mono text-2xs text-txt", children: revealed.value }), revealed.source === "profile" && revealed.profileId && (_jsx("span", { className: "shrink-0 rounded-full border border-accent/40 bg-accent/10 px-1.5 py-0.5 text-2xs text-accent", children: revealed.profileId })), _jsxs(Button, { variant: "ghost", size: "sm", className: "h-6 shrink-0 gap-1 rounded-md px-2 text-2xs", onClick: () => void copy(), "aria-label": "Copy", children: [_jsx(Copy, { className: "h-3 w-3", "aria-hidden": true }), " Copy"] })] })), revealError && (_jsx("p", { className: "mt-1 text-2xs text-danger", children: revealError })), expanded && (_jsx(ProfilesPanel, { entry: entry, onChanged: onChanged, onJumpToRouting: onJumpToRouting, highlightProfileId: focusKey === entry.key ? focusProfileId : null }))] }));
+}
+// ── Profiles management ────────────────────────────────────────────
+function ProfilesPanel({ entry, onChanged, onJumpToRouting, highlightProfileId, }) {
+    const [showAdd, setShowAdd] = useState(false);
+    const [newId, setNewId] = useState("");
+    const [newLabel, setNewLabel] = useState("");
+    const [newValue, setNewValue] = useState("");
+    const [submitting, setSubmitting] = useState(false);
+    const [err, setErr] = useState(null);
+    const [migrating, setMigrating] = useState(false);
+    const profiles = entry.profiles ?? [];
+    const hasProfiles = profiles.length > 0;
+    const onAdd = useCallback(async (e) => {
+        e.preventDefault();
+        if (!newId || !newValue)
+            return;
+        setSubmitting(true);
+        setErr(null);
+        const res = await fetch(`/api/secrets/inventory/${encodeURIComponent(entry.key)}/profiles`, {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({
+                id: newId,
+                label: newLabel || newId,
+                value: newValue,
+            }),
+        });
+        setSubmitting(false);
+        if (!res.ok) {
+            setErr(`HTTP ${res.status}`);
+            return;
+        }
+        setNewId("");
+        setNewLabel("");
+        setNewValue("");
+        setShowAdd(false);
+        onChanged();
+    }, [entry.key, newId, newLabel, newValue, onChanged]);
+    const onActivate = useCallback(async (profileId) => {
+        const res = await fetch(`/api/secrets/inventory/${encodeURIComponent(entry.key)}/active-profile`, {
+            method: "PUT",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ profileId }),
+        });
+        if (res.ok)
+            onChanged();
+    }, [entry.key, onChanged]);
+    const onDelete = useCallback(async (profileId) => {
+        const confirmed = window.confirm(`Delete profile "${profileId}"?`);
+        if (!confirmed)
+            return;
+        const res = await fetch(`/api/secrets/inventory/${encodeURIComponent(entry.key)}/profiles/${encodeURIComponent(profileId)}`, { method: "DELETE" });
+        if (res.ok)
+            onChanged();
+    }, [entry.key, onChanged]);
+    const onMigrate = useCallback(async () => {
+        setMigrating(true);
+        setErr(null);
+        const res = await fetch("/api/secrets/inventory/migrate-to-profiles", {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ key: entry.key }),
+        });
+        setMigrating(false);
+        if (!res.ok) {
+            setErr(`HTTP ${res.status}`);
+            return;
+        }
+        onChanged();
+    }, [entry.key, onChanged]);
+    return (_jsxs("div", { "data-testid": `profiles-panel-${entry.key}`, className: "mt-2 space-y-2 rounded-md border border-border/40 bg-bg/30 p-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("p", { className: "text-2xs font-semibold uppercase text-muted", children: "Profiles" }), _jsxs("div", { className: "flex items-center gap-1", children: [hasProfiles && onJumpToRouting && (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-6 gap-1 rounded-md px-2 text-2xs", onClick: () => onJumpToRouting(entry.key), "aria-label": `Routing rules for ${entry.label}`, children: ["Routing rules for this profile", _jsx(ArrowRight, { className: "h-3 w-3", "aria-hidden": true })] })), hasProfiles ? (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-6 gap-1 rounded-md px-2 text-2xs", onClick: () => setShowAdd((v) => !v), "aria-label": "Add profile", children: [_jsx(Plus, { className: "h-3 w-3", "aria-hidden": true }), " Add profile"] })) : (_jsxs(Button, { variant: "outline", size: "sm", className: "h-6 gap-1 rounded-md px-2 text-2xs", onClick: () => void onMigrate(), disabled: migrating, "aria-label": "Enable profiles for this key", children: [migrating ? (_jsx(Loader2, { className: "h-3 w-3 animate-spin", "aria-hidden": true })) : (_jsx(Plus, { className: "h-3 w-3", "aria-hidden": true })), "Enable profiles"] }))] })] }), err && (_jsx("p", { className: "text-2xs text-danger", "aria-live": "polite", children: err })), hasProfiles && (_jsx("ul", { className: "space-y-1", children: profiles.map((p) => {
+                    const highlight = highlightProfileId === p.id;
+                    return (_jsxs("li", { className: `flex items-center gap-2 rounded px-1.5 py-1 text-xs ${highlight ? "ring-1 ring-accent/40" : ""}`, children: [_jsx("input", { type: "radio", name: `active-${entry.key}`, checked: entry.activeProfile === p.id, onChange: () => void onActivate(p.id), className: "h-3 w-3 cursor-pointer accent-accent", "aria-label": `Make ${p.label} active` }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate font-medium text-txt", children: p.label }), _jsx("p", { className: "truncate font-mono text-2xs text-muted", children: p.id })] }), entry.activeProfile === p.id && (_jsxs("span", { className: "shrink-0 inline-flex items-center gap-0.5 rounded-full border border-accent/40 bg-accent/10 px-1.5 py-0.5 text-2xs font-medium text-accent", children: [_jsx(CheckCircle2, { className: "h-3 w-3", "aria-hidden": true }), " Active"] })), _jsx(Button, { variant: "ghost", size: "sm", className: "h-6 w-6 shrink-0 rounded-md p-0 text-muted hover:text-danger", "aria-label": `Delete profile ${p.label}`, onClick: () => void onDelete(p.id), children: _jsx(Trash2, { className: "h-3 w-3", "aria-hidden": true }) })] }, p.id));
+                }) })), showAdd && (_jsxs("form", { onSubmit: onAdd, "data-testid": `add-profile-form-${entry.key}`, className: "space-y-1.5 rounded-md border border-border/40 bg-card/40 p-2", children: [_jsxs("div", { className: "grid grid-cols-1 gap-1.5 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsx(Label, { className: "text-2xs text-muted", children: "Profile id" }), _jsx(Input, { value: newId, onChange: (e) => setNewId(e.target.value), placeholder: "work", className: "h-7 text-xs", pattern: "[A-Za-z0-9_-]+", required: true })] }), _jsxs("div", { children: [_jsx(Label, { className: "text-2xs text-muted", children: "Display label" }), _jsx(Input, { value: newLabel, onChange: (e) => setNewLabel(e.target.value), placeholder: "Work", className: "h-7 text-xs" })] })] }), _jsxs("div", { children: [_jsx(Label, { className: "text-2xs text-muted", children: "Value" }), _jsx(Input, { type: "password", autoComplete: "off", value: newValue, onChange: (e) => setNewValue(e.target.value), className: "h-7 font-mono text-xs", required: true })] }), _jsxs("div", { className: "flex justify-end gap-2 pt-1", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-6 rounded-md px-2 text-2xs", onClick: () => setShowAdd(false), disabled: submitting, children: "Cancel" }), _jsx(Button, { type: "submit", variant: "default", size: "sm", className: "h-6 rounded-md px-2 text-2xs", disabled: submitting || !newId || !newValue, children: submitting ? "Saving…" : "Save profile" })] })] }))] }));
+}
+// ── Add-secret form ────────────────────────────────────────────────
+function AddSecretForm({ onClose, onSaved, }) {
+    const [key, setKey] = useState("");
+    const [value, setValue] = useState("");
+    const [label, setLabel] = useState("");
+    const [providerId, setProviderId] = useState("");
+    const [category, setCategory] = useState("plugin");
+    const [submitting, setSubmitting] = useState(false);
+    const [err, setErr] = useState(null);
+    const onSubmit = useCallback(async (event) => {
+        event.preventDefault();
+        if (!key.trim() || !value)
+            return;
+        setSubmitting(true);
+        setErr(null);
+        const res = await fetch(`/api/secrets/inventory/${encodeURIComponent(key.trim())}`, {
+            method: "PUT",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({
+                value,
+                ...(label.trim() ? { label: label.trim() } : {}),
+                ...(providerId.trim() ? { providerId: providerId.trim() } : {}),
+                category,
+            }),
+        });
+        setSubmitting(false);
+        if (!res.ok) {
+            setErr(`HTTP ${res.status}`);
+            return;
+        }
+        onSaved();
+    }, [category, key, label, providerId, value, onSaved]);
+    return (_jsxs("form", { onSubmit: onSubmit, "data-testid": "vault-add-secret-form", className: "space-y-2 rounded-md border border-border/50 bg-card/30 p-2", children: [_jsx("p", { className: "text-2xs text-muted", children: "Stored locally and encrypted at rest. The key is the env-var-style identifier; the value is what plugins read at runtime." }), _jsxs("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsx(Label, { className: "text-2xs text-muted", children: "Key" }), _jsx(Input, { value: key, onChange: (e) => setKey(e.target.value), placeholder: "OPENROUTER_API_KEY", className: "h-8 font-mono text-xs", autoComplete: "off", required: true })] }), _jsxs("div", { children: [_jsx(Label, { className: "text-2xs text-muted", children: "Display label" }), _jsx(Input, { value: label, onChange: (e) => setLabel(e.target.value), placeholder: "OpenRouter", className: "h-8 text-xs", autoComplete: "off" })] })] }), _jsxs("div", { children: [_jsx(Label, { className: "text-2xs text-muted", children: "Value" }), _jsx(Input, { type: "password", value: value, onChange: (e) => setValue(e.target.value), className: "h-8 font-mono text-xs", autoComplete: "new-password", required: true })] }), _jsxs("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsx(Label, { className: "text-2xs text-muted", children: "Category" }), _jsx("select", { value: category, onChange: (e) => setCategory(e.target.value), className: "block h-8 w-full rounded-md border border-border bg-bg px-2 text-xs text-txt", children: CATEGORY_INPUT_OPTIONS.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value))) })] }), _jsxs("div", { children: [_jsx(Label, { className: "text-2xs text-muted", children: "Provider id (optional)" }), _jsx(Input, { value: providerId, onChange: (e) => setProviderId(e.target.value), placeholder: "openrouter", className: "h-8 text-xs", autoComplete: "off" })] })] }), err && (_jsx("p", { className: "text-2xs text-danger", "aria-live": "polite", children: err })), _jsxs("div", { className: "flex justify-end gap-2 pt-1", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "h-7 rounded-md px-3 text-xs", onClick: onClose, disabled: submitting, children: "Cancel" }), _jsx(Button, { type: "submit", variant: "default", size: "sm", className: "h-7 rounded-md px-3 text-xs", disabled: submitting || !key.trim() || !value, children: submitting ? "Saving…" : "Save secret" })] })] }));
+}

package/components/settings/VoiceConfigView.d.ts

@@ -0,0 +1,5 @@
+import type { DesktopClickAuditItem } from "../../utils";
+export declare const DESKTOP_TALKMODE_CLICK_AUDIT: readonly DesktopClickAuditItem[];
+export declare function DesktopTalkModePanel(): import("react/jsx-runtime").JSX.Element;
+export declare function VoiceConfigView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VoiceConfigView.d.ts.map

package/components/settings/VoiceConfigView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceConfigView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/settings/VoiceConfigView.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAyBzD,eAAO,MAAM,4BAA4B,EAAE,SAAS,qBAAqB,EAkC/D,CAAC;AAEX,wBAAgB,oBAAoB,4CAoSnC;AA8QD,wBAAgB,eAAe,4CA8W9B"}