@elizaos/agent 2.0.0-alpha.520 → 2.0.0-alpha.521

package/packages/app-core/src/components/pages/relationships/RelationshipsWorkspaceView.js

@@ -1,130 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, PageLayout, PagePanel } from "@elizaos/ui";
-import { Filter, RefreshCw, Search, X } from "lucide-react";
-import { useCallback, useDeferredValue, useEffect, useRef, useState, } from "react";
-import { client } from "../../../api/client";
-import { useApp } from "../../../state/useApp";
-import { RelationshipsGraphPanel } from "../RelationshipsGraphPanel";
-import { RelationshipsActivityFeed } from "./RelationshipsActivityFeed";
-import { RelationshipsCandidateMergesPanel } from "./RelationshipsCandidateMergesPanel";
-import { RelationshipsConnectionsPanel, RelationshipsConversationsPanel, RelationshipsFactsPanel, RelationshipsPersonSummaryPanel, RelationshipsRelevantMemoriesPanel, RelationshipsUserPreferencesPanel, } from "./RelationshipsPersonPanels";
-import { RelationshipsSidebar } from "./RelationshipsSidebar";
-import { buildRelationshipsGraphQuery, platformOptions, sortPeople, } from "./relationships-utils";
-export function RelationshipsWorkspaceView({ contentHeader, embedded = false, onViewMemories, }) {
-    const { t, setTab } = useApp();
-    const [search, setSearch] = useState("");
-    const [platform, setPlatform] = useState("all");
-    const [graphLoading, setGraphLoading] = useState(true);
-    const [graphError, setGraphError] = useState(null);
-    const [graph, setGraph] = useState(null);
-    const [selectedPersonId, setSelectedPersonId] = useState(null);
-    const [detailLoading, setDetailLoading] = useState(false);
-    const [detailError, setDetailError] = useState(null);
-    const [detail, setDetail] = useState(null);
-    const graphRequestId = useRef(0);
-    const deferredSearch = useDeferredValue(search);
-    const loadGraph = useCallback(async (query = buildRelationshipsGraphQuery("", "all")) => {
-        const requestId = graphRequestId.current + 1;
-        graphRequestId.current = requestId;
-        setGraphLoading(true);
-        setGraphError(null);
-        try {
-            const snapshot = await client.getRelationshipsGraph(query);
-            if (requestId !== graphRequestId.current) {
-                return;
-            }
-            setGraph({
-                ...snapshot,
-                people: sortPeople(snapshot.people),
-            });
-        }
-        catch (error) {
-            if (requestId !== graphRequestId.current) {
-                return;
-            }
-            setGraphError(error instanceof Error
-                ? error.message
-                : "Failed to load the relationships graph.");
-            setGraph(null);
-        }
-        finally {
-            if (requestId === graphRequestId.current) {
-                setGraphLoading(false);
-            }
-        }
-    }, []);
-    useEffect(() => {
-        void loadGraph(buildRelationshipsGraphQuery(deferredSearch, platform));
-    }, [deferredSearch, loadGraph, platform]);
-    useEffect(() => {
-        if (!graph || graph.people.length === 0) {
-            setSelectedPersonId(null);
-            setDetail(null);
-            return;
-        }
-        const stillSelected = graph.people.some((person) => person.primaryEntityId === selectedPersonId);
-        if (!stillSelected) {
-            setSelectedPersonId(graph.people[0].primaryEntityId);
-        }
-    }, [graph, selectedPersonId]);
-    useEffect(() => {
-        if (!selectedPersonId) {
-            setDetail(null);
-            return;
-        }
-        let cancelled = false;
-        setDetail(null);
-        setDetailLoading(true);
-        setDetailError(null);
-        void client
-            .getRelationshipsPerson(selectedPersonId)
-            .then((person) => {
-            if (!cancelled) {
-                setDetail(person);
-            }
-        })
-            .catch((err) => {
-            if (!cancelled) {
-                setDetail(null);
-                setDetailError(err instanceof Error
-                    ? err.message
-                    : "Failed to load the selected person.");
-            }
-        })
-            .finally(() => {
-            if (!cancelled) {
-                setDetailLoading(false);
-            }
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [selectedPersonId]);
-    const platforms = platformOptions(graph);
-    const selectedSummary = graph?.people.find((person) => person.primaryEntityId === selectedPersonId) ?? null;
-    const selectedGroupId = selectedSummary?.groupId ?? null;
-    const ownerSummary = graph?.people.find((person) => person.isOwner) ?? null;
-    const ownerGroupId = ownerSummary?.groupId ?? null;
-    const ownerDisplayName = ownerSummary?.displayName ?? null;
-    const handleViewMemories = onViewMemories ??
-        (() => {
-            setTab("memories");
-        });
-    const refreshGraph = () => {
-        void loadGraph(buildRelationshipsGraphQuery(deferredSearch, platform));
-    };
-    const toolbar = (_jsx(PagePanel, { variant: "surface", className: "px-3 py-3", children: _jsx("div", { className: "flex flex-col gap-3", children: _jsxs("div", { className: embedded
-                    ? "grid min-w-0 gap-2 md:grid-cols-[minmax(16rem,1fr)_minmax(12rem,14rem)_auto]"
-                    : "flex min-w-0 flex-col gap-2 sm:flex-row sm:justify-end", children: [embedded ? (_jsxs(_Fragment, { children: [_jsx("label", { className: "sr-only", htmlFor: "relationships-search", children: "Search people, aliases, handles" }), _jsxs("div", { className: "relative min-w-0 flex-1", children: [_jsx(Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted" }), _jsx("input", { id: "relationships-search", value: search, onChange: (event) => setSearch(event.target.value), placeholder: "Search", "aria-label": "Search people, aliases, handles", className: "h-9 w-full rounded-lg border border-border/35 bg-card/45 pl-9 pr-10 text-sm text-txt outline-none transition focus:border-accent/55" }), search ? (_jsx("button", { type: "button", className: "absolute right-1.5 top-1.5 inline-flex h-6 w-6 items-center justify-center rounded-md text-muted transition hover:bg-bg-hover hover:text-txt", onClick: () => setSearch(""), "aria-label": "Clear relationship search", children: _jsx(X, { className: "h-3.5 w-3.5" }) })) : null] })] })) : null, _jsxs("div", { className: "relative min-w-0", children: [_jsx("label", { className: "sr-only", htmlFor: "relationships-platform", children: "Platform filter" }), _jsx(Filter, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted" }), _jsxs("select", { id: "relationships-platform", value: platform, onChange: (event) => setPlatform(event.target.value), "aria-label": "Platform filter", className: "h-9 w-full rounded-lg border border-border/35 bg-card/45 pl-9 pr-8 text-sm text-txt outline-none transition focus:border-accent/55", children: [_jsx("option", { value: "all", children: "All" }), platforms.map((entry) => (_jsx("option", { value: entry, children: entry }, entry)))] })] }), _jsx(Button, { type: "button", size: "sm", variant: "outline", className: "h-9 w-9 shrink-0 rounded-lg p-0", onClick: refreshGraph, "aria-label": "Refresh relationships", children: _jsx(RefreshCw, { className: `h-4 w-4 ${graphLoading ? "animate-spin" : ""}` }) })] }) }) }));
-    const content = (_jsxs("div", { className: `flex min-h-0 flex-1 flex-col ${embedded ? "gap-3" : "gap-4"}`, "data-testid": embedded ? "relationships-embedded-view" : undefined, children: [toolbar, detailError ? (_jsx("div", { className: "rounded-xl border border-warning/30 bg-warning/10 px-4 py-3 text-sm text-warning", children: detailError })) : null, graphError && !graph ? (_jsx(PagePanel.Empty, { variant: "panel", className: embedded ? "min-h-[18rem]" : "min-h-[24rem]", title: "Relationships failed to load", description: graphError })) : !graph && graphLoading ? (_jsx(PagePanel.Loading, { heading: t("common.loading", { defaultValue: "Loading..." }) })) : !graph || graph.people.length === 0 ? (_jsx(PagePanel.Empty, { variant: "panel", className: embedded ? "min-h-[18rem]" : "min-h-[24rem]", description: search || platform !== "all"
-                    ? "No people match these filters."
-                    : "No relationship data yet.", title: search || platform !== "all"
-                    ? "No matching relationships"
-                    : "No relationships data available" })) : (_jsxs(_Fragment, { children: [graphError ? (_jsx("div", { className: "rounded-xl border border-danger/30 bg-danger/10 px-4 py-3 text-sm text-danger", children: graphError })) : null, _jsxs("div", { className: embedded
-                            ? "grid min-h-0 gap-3"
-                            : "grid min-h-0 gap-4 xl:grid-cols-[minmax(0,1.35fr)_minmax(22rem,0.65fr)]", children: [_jsx(PagePanel, { variant: "surface", className: "px-3 py-3 sm:px-4 sm:py-4", children: _jsx(RelationshipsGraphPanel, { snapshot: graph, selectedGroupId: selectedGroupId, compact: embedded, onSelectPersonId: setSelectedPersonId }) }), detail ? (_jsx("div", { className: "transition-opacity duration-200", children: _jsx(RelationshipsPersonSummaryPanel, { person: detail, compact: embedded, ownerGroupId: ownerGroupId, ownerDisplayName: ownerDisplayName, onViewMemories: handleViewMemories, onOwnerNameUpdated: () => refreshGraph() }) })) : detailLoading ? (_jsx(PagePanel.Loading, { heading: "Loading person..." })) : (_jsx(PagePanel.Empty, { variant: "panel", title: "Select a person", description: "Choose a person from the list or graph." }))] }), detail ? (_jsxs("div", { className: "grid gap-3 transition-opacity duration-200 xl:grid-cols-2", children: [_jsx(RelationshipsFactsPanel, { person: detail }), _jsx(RelationshipsConnectionsPanel, { person: detail }), _jsx("div", { className: "xl:col-span-2", children: _jsx(RelationshipsConversationsPanel, { person: detail }) }), _jsx(RelationshipsRelevantMemoriesPanel, { person: detail }), _jsx(RelationshipsUserPreferencesPanel, { person: detail })] })) : null, !embedded ? (_jsxs(_Fragment, { children: [_jsx(RelationshipsCandidateMergesPanel, { graph: graph, onResolved: refreshGraph }), _jsx(PagePanel, { as: "section", variant: "surface", "aria-label": "Activity", className: "px-3 py-3", children: _jsx("div", { className: "max-h-[24rem] overflow-auto pr-1", children: _jsx(RelationshipsActivityFeed, {}) }) })] })) : null] }))] }));
-    if (embedded) {
-        return content;
-    }
-    return (_jsx(PageLayout, { sidebar: _jsx(RelationshipsSidebar, { search: search, graph: graph, selectedPersonId: selectedPersonId, onSearchChange: setSearch, onSearchClear: () => setSearch(""), onSelectPersonId: setSelectedPersonId }), contentHeader: contentHeader, "data-testid": "relationships-view", children: content }));
-}

package/packages/app-core/src/components/pages/relationships/relationships-utils.d.ts

@@ -1,16 +0,0 @@
-import type { RelationshipsGraphQuery, RelationshipsGraphSnapshot, RelationshipsMergeCandidate, RelationshipsPersonDetail, RelationshipsPersonSummary } from "../../../api/client-types-relationships";
-type PersonContactRow = {
-    label: string;
-    value: string;
-};
-export declare function buildRelationshipsGraphQuery(search: string, platform: string, limit?: number): RelationshipsGraphQuery;
-export declare function sortPeople(people: RelationshipsPersonSummary[]): RelationshipsPersonSummary[];
-export declare function summarizeHandles(person: RelationshipsPersonSummary): string;
-export declare function platformOptions(snapshot: RelationshipsGraphSnapshot | null): string[];
-export declare function topContacts(person: RelationshipsPersonDetail): PersonContactRow[];
-export declare function profileSourceLabel(source: string): string;
-export declare function profilePrimaryValue(person: RelationshipsPersonDetail, source: string): string;
-export declare function personLabel(graph: RelationshipsGraphSnapshot | null, entityId: string): string;
-export declare function evidenceSummary(candidate: RelationshipsMergeCandidate): string;
-export {};
-//# sourceMappingURL=relationships-utils.d.ts.map

package/packages/app-core/src/components/pages/relationships/relationships-utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"relationships-utils.d.ts","sourceRoot":"","sources":["../../../../../../../../app-core/src/components/pages/relationships/relationships-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,yCAAyC,CAAC;AAEjD,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAQF,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,KAAK,SAAM,GACV,uBAAuB,CAMzB;AAED,wBAAgB,UAAU,CACxB,MAAM,EAAE,0BAA0B,EAAE,GACnC,0BAA0B,EAAE,CAa9B;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,0BAA0B,GAAG,MAAM,CAK3E;AAED,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,0BAA0B,GAAG,IAAI,GAC1C,MAAM,EAAE,CAKV;AAED,wBAAgB,WAAW,CACzB,MAAM,EAAE,yBAAyB,GAChC,gBAAgB,EAAE,CAapB;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAazD;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,yBAAyB,EACjC,MAAM,EAAE,MAAM,UAYf;AAED,wBAAgB,WAAW,CACzB,KAAK,EAAE,0BAA0B,GAAG,IAAI,EACxC,QAAQ,EAAE,MAAM,GACf,MAAM,CAQR;AAED,wBAAgB,eAAe,CAC7B,SAAS,EAAE,2BAA2B,GACrC,MAAM,CAaR"}

package/packages/app-core/src/components/pages/relationships/relationships-utils.js

@@ -1,105 +0,0 @@
-function toTimestamp(value) {
-    if (!value)
-        return 0;
-    const timestamp = Date.parse(value);
-    return Number.isFinite(timestamp) ? timestamp : 0;
-}
-export function buildRelationshipsGraphQuery(search, platform, limit = 200) {
-    return {
-        search: search.trim() || undefined,
-        platform: platform === "all" ? undefined : platform,
-        limit,
-    };
-}
-export function sortPeople(people) {
-    return [...people].sort((left, right) => {
-        if (left.isOwner !== right.isOwner) {
-            return left.isOwner ? -1 : 1;
-        }
-        const timeDiff = toTimestamp(right.lastInteractionAt) -
-            toTimestamp(left.lastInteractionAt);
-        if (timeDiff !== 0)
-            return timeDiff;
-        const relationshipDiff = right.relationshipCount - left.relationshipCount;
-        if (relationshipDiff !== 0)
-            return relationshipDiff;
-        return left.displayName.localeCompare(right.displayName);
-    });
-}
-export function summarizeHandles(person) {
-    const handles = person.identities.flatMap((identity) => identity.handles.map((handle) => `@${handle.handle}`));
-    return handles.slice(0, 3).join(", ");
-}
-export function platformOptions(snapshot) {
-    if (!snapshot)
-        return [];
-    return [...new Set(snapshot.people.flatMap((person) => person.platforms))]
-        .filter((platform) => platform.trim().length > 0)
-        .sort((left, right) => left.localeCompare(right));
-}
-export function topContacts(person) {
-    const rows = [];
-    if (person.emails[0])
-        rows.push({ label: "Email", value: person.emails[0] });
-    if (person.phones[0])
-        rows.push({ label: "Phone", value: person.phones[0] });
-    if (person.websites[0])
-        rows.push({ label: "Website", value: person.websites[0] });
-    if (person.preferredCommunicationChannel) {
-        rows.push({
-            label: "Preferred channel",
-            value: person.preferredCommunicationChannel,
-        });
-    }
-    return rows;
-}
-export function profileSourceLabel(source) {
-    switch (source) {
-        case "client_chat":
-            return "App chat";
-        case "elizacloud":
-            return "Eliza Cloud";
-        case "twitter":
-            return "X / Twitter";
-        default:
-            return source
-                .replace(/_/g, " ")
-                .replace(/\b\w/g, (match) => match.toUpperCase());
-    }
-}
-export function profilePrimaryValue(person, source) {
-    const profile = person.profiles.find((entry) => entry.source === source);
-    if (!profile) {
-        return null;
-    }
-    return (profile.displayName ??
-        profile.handle ??
-        profile.userId ??
-        person.displayName);
-}
-export function personLabel(graph, entityId) {
-    if (!graph)
-        return entityId;
-    for (const person of graph.people) {
-        if (person.memberEntityIds.includes(entityId)) {
-            return person.displayName;
-        }
-    }
-    return entityId;
-}
-export function evidenceSummary(candidate) {
-    const parts = [];
-    const { platform, handle, notes, identityIds } = candidate.evidence;
-    if (platform && handle) {
-        parts.push(`${platform}:${handle}`);
-    }
-    else if (platform) {
-        parts.push(platform);
-    }
-    if (notes)
-        parts.push(notes);
-    if (identityIds && identityIds.length > 0) {
-        parts.push(`${identityIds.length} identities`);
-    }
-    return parts.join(" · ") || "No evidence";
-}

package/packages/app-core/src/components/pages/settings/IdentitySettingsSection.d.ts

@@ -1,2 +0,0 @@
-export declare function IdentitySettingsSection(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=IdentitySettingsSection.d.ts.map

package/packages/app-core/src/components/pages/settings/IdentitySettingsSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IdentitySettingsSection.d.ts","sourceRoot":"","sources":["../../../../../../../../app-core/src/components/pages/settings/IdentitySettingsSection.tsx"],"names":[],"mappings":"AA+GA,wBAAgB,uBAAuB,4CA+WtC"}

package/packages/app-core/src/components/pages/settings/IdentitySettingsSection.js

@@ -1,310 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input, SaveFooter, Textarea, ThemedSelect, useTimeout, } from "@elizaos/ui";
-import { Volume2, VolumeX } from "lucide-react";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { client } from "../../../api";
-import { dispatchWindowEvent, VOICE_CONFIG_UPDATED_EVENT, } from "../../../events";
-import { useApp } from "../../../state";
-import { replaceNameTokens } from "../../../utils/name-tokens";
-import { EDGE_BACKUP_VOICES, hasConfiguredApiKey, PREMADE_VOICES, sanitizeApiKey, } from "../../../voice/types";
-import { DEFAULT_ELEVEN_FAST_MODEL, EDGE_VOICE_GROUPS, ELEVENLABS_VOICE_GROUPS, } from "../../character/character-voice-config";
-import { SettingsField, SettingsFieldLabel, } from "../../settings/settings-control-primitives";
-function resolveEditableVoiceSelectionKey(config) {
-    const elevenLabsVoiceId = typeof config?.elevenlabs?.voiceId === "string"
-        ? config.elevenlabs.voiceId.trim()
-        : "";
-    const edgeVoiceId = typeof config?.edge?.voice === "string" ? config.edge.voice.trim() : "";
-    const provider = config?.provider ??
-        (edgeVoiceId && !elevenLabsVoiceId ? "edge" : "elevenlabs");
-    return `${provider}:${provider === "edge" ? edgeVoiceId : elevenLabsVoiceId}`;
-}
-function resolveVisibleVoicePresetId(config, useElevenLabs) {
-    if (useElevenLabs) {
-        const elevenLabsVoiceId = typeof config.elevenlabs?.voiceId === "string"
-            ? config.elevenlabs.voiceId.trim()
-            : "";
-        if (!elevenLabsVoiceId)
-            return null;
-        return (PREMADE_VOICES.find((preset) => preset.voiceId === elevenLabsVoiceId)
-            ?.id ?? null);
-    }
-    const edgeVoiceId = typeof config.edge?.voice === "string" ? config.edge.voice.trim() : "";
-    if (!edgeVoiceId)
-        return null;
-    return (EDGE_BACKUP_VOICES.find((preset) => preset.voiceId === edgeVoiceId)?.id ??
-        null);
-}
-function normalizeVoiceConfigForSave(args) {
-    const provider = args.voiceConfig.provider ?? (args.useElevenLabs ? "elevenlabs" : "edge");
-    if (provider === "edge") {
-        return {
-            ...args.voiceConfig,
-            provider: "edge",
-            edge: args.voiceConfig.edge ?? {},
-        };
-    }
-    const hasElevenLabsApiKey = hasConfiguredApiKey(args.voiceConfig.elevenlabs?.apiKey);
-    const defaultVoiceMode = typeof args.voiceConfig.mode === "string"
-        ? args.voiceConfig.mode
-        : args.useElevenLabs && !hasElevenLabsApiKey
-            ? "cloud"
-            : "own-key";
-    const normalized = {
-        ...(args.voiceConfig.elevenlabs ?? {}),
-        modelId: args.voiceConfig.elevenlabs?.modelId ?? DEFAULT_ELEVEN_FAST_MODEL,
-    };
-    const sanitizedKey = sanitizeApiKey(normalized.apiKey);
-    if (sanitizedKey)
-        normalized.apiKey = sanitizedKey;
-    else
-        delete normalized.apiKey;
-    return {
-        ...args.voiceConfig,
-        provider: "elevenlabs",
-        mode: defaultVoiceMode,
-        elevenlabs: normalized,
-    };
-}
-export function IdentitySettingsSection() {
-    const { setTimeout } = useTimeout();
-    const { t, characterData, characterDraft, characterLoading, handleCharacterFieldInput, handleSaveCharacter, loadCharacter, elizaCloudConnected, elizaCloudVoiceProxyAvailable, } = useApp();
-    const useElevenLabs = elizaCloudConnected || elizaCloudVoiceProxyAvailable;
-    const [voiceConfig, setVoiceConfig] = useState({});
-    const [savedVoiceConfig, setSavedVoiceConfig] = useState({});
-    const [voiceLoading, setVoiceLoading] = useState(false);
-    const [saving, setSaving] = useState(false);
-    const [saveSuccess, setSaveSuccess] = useState(false);
-    const [saveError, setSaveError] = useState(null);
-    const [voiceTesting, setVoiceTesting] = useState(false);
-    const audioRef = useRef(null);
-    const attemptedInitialCharacterLoadRef = useRef(false);
-    const hasCharacterDraft = Object.keys(characterDraft).length > 0;
-    useEffect(() => {
-        if (attemptedInitialCharacterLoadRef.current ||
-            characterLoading ||
-            characterData ||
-            hasCharacterDraft) {
-            return;
-        }
-        attemptedInitialCharacterLoadRef.current = true;
-        void loadCharacter();
-    }, [characterData, characterLoading, hasCharacterDraft, loadCharacter]);
-    useEffect(() => {
-        let cancelled = false;
-        void (async () => {
-            setVoiceLoading(true);
-            try {
-                const config = await client.getConfig();
-                const messages = (config.messages ?? {});
-                const tts = messages.tts ?? {};
-                if (!cancelled) {
-                    setVoiceConfig(tts);
-                    setSavedVoiceConfig(tts);
-                }
-            }
-            catch {
-                if (!cancelled) {
-                    setVoiceConfig({});
-                    setSavedVoiceConfig({});
-                }
-            }
-            finally {
-                if (!cancelled) {
-                    setVoiceLoading(false);
-                }
-            }
-        })();
-        return () => {
-            cancelled = true;
-        };
-    }, []);
-    useEffect(() => {
-        return () => {
-            if (!audioRef.current)
-                return;
-            audioRef.current.pause();
-            audioRef.current.currentTime = 0;
-            audioRef.current = null;
-        };
-    }, []);
-    const stopVoicePreview = useCallback(() => {
-        if (!audioRef.current)
-            return;
-        audioRef.current.pause();
-        audioRef.current.currentTime = 0;
-        audioRef.current = null;
-        setVoiceTesting(false);
-    }, []);
-    const visibleVoicePresetId = useMemo(() => resolveVisibleVoicePresetId(voiceConfig, useElevenLabs), [useElevenLabs, voiceConfig]);
-    const activeVoicePreset = useMemo(() => {
-        const presets = useElevenLabs ? PREMADE_VOICES : EDGE_BACKUP_VOICES;
-        return presets.find((preset) => preset.id === visibleVoicePresetId) ?? null;
-    }, [useElevenLabs, visibleVoicePresetId]);
-    const voiceGroups = useMemo(() => {
-        if (useElevenLabs) {
-            return ELEVENLABS_VOICE_GROUPS.map((group) => ({
-                label: t(group.labelKey, { defaultValue: group.defaultLabel }),
-                items: group.items.map((item) => {
-                    const preset = PREMADE_VOICES.find((entry) => entry.id === item.id);
-                    return {
-                        id: item.id,
-                        text: preset?.nameKey
-                            ? t(preset.nameKey, { defaultValue: preset.name })
-                            : (preset?.name ?? item.text),
-                        hint: preset?.hintKey
-                            ? t(preset.hintKey, { defaultValue: preset.hint })
-                            : preset?.hint,
-                    };
-                }),
-            }));
-        }
-        return EDGE_VOICE_GROUPS.map((group) => ({
-            label: t(group.labelKey, { defaultValue: group.defaultLabel }),
-            items: group.items.map((item) => {
-                const preset = EDGE_BACKUP_VOICES.find((entry) => entry.id === item.id);
-                return {
-                    id: item.id,
-                    text: preset?.nameKey
-                        ? t(preset.nameKey, { defaultValue: preset.name })
-                        : (preset?.name ?? item.text),
-                    hint: preset?.hintKey
-                        ? t(preset.hintKey, { defaultValue: preset.hint })
-                        : preset?.hint,
-                };
-            }),
-        }));
-    }, [t, useElevenLabs]);
-    const savedName = typeof characterData?.name === "string" ? characterData.name : "";
-    const savedSystem = typeof characterData?.system === "string"
-        ? replaceNameTokens(characterData.system, savedName)
-        : "";
-    const draftName = typeof characterDraft.name === "string" ? characterDraft.name : "";
-    const draftSystem = typeof characterDraft.system === "string" ? characterDraft.system : "";
-    const characterDirty = draftName !== savedName || draftSystem !== savedSystem;
-    const voiceDirty = resolveEditableVoiceSelectionKey(voiceConfig) !==
-        resolveEditableVoiceSelectionKey(savedVoiceConfig);
-    const dirty = characterDirty || voiceDirty;
-    const showCharacterBootstrapping = !characterData &&
-        !hasCharacterDraft &&
-        (characterLoading || !attemptedInitialCharacterLoadRef.current);
-    const handleVoiceSelect = useCallback((presetId) => {
-        stopVoicePreview();
-        if (useElevenLabs) {
-            const preset = PREMADE_VOICES.find((entry) => entry.id === presetId);
-            if (!preset)
-                return;
-            setVoiceConfig((prev) => {
-                const existing = typeof prev.elevenlabs === "object" ? prev.elevenlabs : {};
-                return {
-                    ...prev,
-                    provider: "elevenlabs",
-                    elevenlabs: {
-                        ...existing,
-                        voiceId: preset.voiceId,
-                    },
-                };
-            });
-            return;
-        }
-        const preset = EDGE_BACKUP_VOICES.find((entry) => entry.id === presetId);
-        if (!preset)
-            return;
-        setVoiceConfig((prev) => {
-            const existingEdge = typeof prev.edge === "object" ? prev.edge : {};
-            return {
-                ...prev,
-                provider: "edge",
-                edge: {
-                    ...existingEdge,
-                    voice: preset.voiceId,
-                },
-            };
-        });
-    }, [stopVoicePreview, useElevenLabs]);
-    const handlePreviewVoice = useCallback(() => {
-        if (!activeVoicePreset?.previewUrl)
-            return;
-        stopVoicePreview();
-        setVoiceTesting(true);
-        const audio = new Audio(activeVoicePreset.previewUrl);
-        audioRef.current = audio;
-        audio.onended = () => {
-            audioRef.current = null;
-            setVoiceTesting(false);
-        };
-        audio.onerror = () => {
-            audioRef.current = null;
-            setVoiceTesting(false);
-        };
-        audio.play().catch(() => {
-            audioRef.current = null;
-            setVoiceTesting(false);
-        });
-    }, [activeVoicePreset, stopVoicePreview]);
-    const handleSave = useCallback(async () => {
-        if (!dirty)
-            return;
-        setSaving(true);
-        setSaveError(null);
-        setSaveSuccess(false);
-        try {
-            if (characterDirty) {
-                await handleSaveCharacter();
-            }
-            if (voiceDirty) {
-                const config = await client.getConfig();
-                const messages = (config.messages ?? {});
-                const normalizedVoiceConfig = normalizeVoiceConfigForSave({
-                    voiceConfig,
-                    useElevenLabs,
-                });
-                await client.updateConfig({
-                    messages: {
-                        ...messages,
-                        tts: normalizedVoiceConfig,
-                    },
-                });
-                dispatchWindowEvent(VOICE_CONFIG_UPDATED_EVENT, normalizedVoiceConfig);
-                setSavedVoiceConfig(normalizedVoiceConfig);
-            }
-            setSaveSuccess(true);
-            setTimeout(() => setSaveSuccess(false), 2500);
-        }
-        catch (error) {
-            setSaveError(error instanceof Error
-                ? error.message
-                : t("settings.identity.saveFailed", {
-                    defaultValue: "Failed to save identity settings.",
-                }));
-        }
-        finally {
-            setSaving(false);
-        }
-    }, [
-        characterDirty,
-        dirty,
-        handleSaveCharacter,
-        setTimeout,
-        t,
-        useElevenLabs,
-        voiceConfig,
-        voiceDirty,
-    ]);
-    return (_jsxs("div", { className: "flex flex-col gap-5", children: [showCharacterBootstrapping ? (_jsx("div", { className: "rounded-2xl border border-border/60 bg-card/92 px-4 py-6 text-center text-xs text-muted shadow-sm", children: t("settings.identity.loading", {
-                    defaultValue: "Loading identity settings…",
-                }) })) : null, _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsxs(SettingsField, { className: "min-w-0", children: [_jsx(SettingsFieldLabel, { htmlFor: "settings-identity-name", children: t("common.name", { defaultValue: "Name" }) }), _jsx(Input, { id: "settings-identity-name", type: "text", value: draftName, placeholder: t("startupshell.AgentName", {
-                                    defaultValue: "Agent name",
-                                }), onChange: (event) => handleCharacterFieldInput("name", event.target.value), className: "rounded-xl border-border/60 bg-card/80" })] }), _jsxs(SettingsField, { className: "min-w-0", children: [_jsx(SettingsFieldLabel, { id: "settings-identity-voice-label", children: t("common.voice", { defaultValue: "Voice" }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ThemedSelect, { value: visibleVoicePresetId, groups: voiceGroups, onChange: handleVoiceSelect, placeholder: t("charactereditor.SelectAVoice", {
-                                            defaultValue: "Select a voice",
-                                        }), ariaLabelledBy: "settings-identity-voice-label", menuPlacement: "bottom", className: "min-w-0 flex-1", triggerClassName: "h-11 rounded-xl border-border/60 bg-card/80 px-3 text-sm shadow-none", menuClassName: "border-border/60 bg-bg/92 shadow-2xl backdrop-blur-md" }), _jsx(Button, { type: "button", variant: voiceTesting ? "destructive" : "ghost", size: "icon", className: "h-10 w-10 shrink-0 rounded-full", onClick: voiceTesting ? stopVoicePreview : handlePreviewVoice, "aria-label": voiceTesting
-                                            ? t("settings.identity.stopVoicePreview", {
-                                                defaultValue: "Stop voice preview",
-                                            })
-                                            : t("settings.identity.previewVoice", {
-                                                defaultValue: "Preview voice",
-                                            }), disabled: !activeVoicePreset?.previewUrl || voiceLoading, children: voiceTesting ? (_jsx(VolumeX, { className: "h-4 w-4" })) : (_jsx(Volume2, { className: "h-4 w-4" })) })] })] })] }), _jsxs(SettingsField, { children: [_jsx(SettingsFieldLabel, { htmlFor: "settings-identity-system-prompt", children: t("settings.identity.systemPromptLabel", {
-                            defaultValue: "System prompt",
-                        }) }), _jsx(Textarea, { id: "settings-identity-system-prompt", value: draftSystem, rows: 10, maxLength: 100000, placeholder: t("charactereditor.SystemPromptPlaceholder", {
-                            defaultValue: "Write in first person...",
-                        }), onChange: (event) => handleCharacterFieldInput("system", event.target.value), className: "min-h-[14rem] rounded-xl border-border/60 bg-card/80 font-mono text-xs leading-relaxed" })] }), _jsx(SaveFooter, { dirty: dirty, saving: saving, saveError: saveError, saveSuccess: saveSuccess, onSave: () => void handleSave() })] }));
-}

package/packages/app-core/src/components/pages/skill-detail-panel.d.ts

@@ -1,13 +0,0 @@
-/**
- * Skill detail panel — edit modal and companion modal view.
- *
- * Extracted from SkillsView.tsx to keep individual files under ~500 LOC.
- */
-export declare function EditSkillModal({ skillId, skillName, onClose, onSaved, }: {
-    skillId: string;
-    skillName: string;
-    onClose: () => void;
-    onSaved: () => void;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SkillsModalView(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=skill-detail-panel.d.ts.map

package/packages/app-core/src/components/pages/skill-detail-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skill-detail-panel.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/skill-detail-panel.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AA8BH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,GACR,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,2CAyKA;AAID,wBAAgB,eAAe,4CAsR9B"}