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

package/packages/app-core/src/components/pages/ScratchpadView.js

@@ -1,364 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, PagePanel } from "@elizaos/ui";
-import { Plus, RefreshCw, Save, Search, Trash2, X } from "lucide-react";
-import { useCallback, useEffect, useMemo, useRef, useState, } from "react";
-import { client } from "../../api/client";
-import { useApp } from "../../state/useApp";
-import { ConfirmDeleteControl } from "../shared/confirm-delete-control";
-const EMPTY_DRAFT = {
-    title: "",
-    text: "",
-};
-function formatScratchpadTimestamp(timestamp) {
-    return new Date(timestamp).toLocaleString(undefined, {
-        dateStyle: "medium",
-        timeStyle: "short",
-    });
-}
-function getErrorMessage(error, fallback) {
-    return error instanceof Error ? error.message : fallback;
-}
-function upsertTopic(topics, topic) {
-    const existingIndex = topics.findIndex((item) => item.id === topic.id);
-    if (existingIndex === -1) {
-        return [topic, ...topics];
-    }
-    return topics.map((item) => (item.id === topic.id ? topic : item));
-}
-function ScratchpadTopicListItem({ active, matchCount, onSelect, topic, }) {
-    return (_jsxs("button", { type: "button", "aria-current": active ? "page" : undefined, onClick: () => onSelect(topic.id), className: `group flex w-full items-start gap-3 px-3 py-3 text-left transition-colors ${active ? "bg-accent/8" : "bg-transparent hover:bg-white/[0.03]"}`, children: [_jsx("span", { className: `mt-1 h-2.5 w-2.5 shrink-0 rounded-full ${active ? "bg-accent" : "bg-border"}` }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate text-sm font-semibold leading-snug text-txt", children: topic.title }), _jsx("span", { className: "mt-1 block line-clamp-2 text-xs text-muted", children: topic.summary }), _jsxs("span", { className: "mt-2 flex flex-wrap items-center gap-1.5 text-2xs text-muted/70", children: [_jsxs("span", { children: [topic.tokenCount, " tokens"] }), _jsx("span", { children: "/" }), _jsxs("span", { children: [topic.fragmentCount, " fragments"] }), matchCount !== undefined ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "/" }), _jsxs("span", { children: [matchCount, " matches"] })] })) : null] })] })] }));
-}
-export function ScratchpadView() {
-    const { setActionNotice, t } = useApp();
-    const [topics, setTopics] = useState([]);
-    const [limits, setLimits] = useState(null);
-    const [selectedTopicId, setSelectedTopicId] = useState(null);
-    const [draft, setDraft] = useState(EMPTY_DRAFT);
-    const [creatingNew, setCreatingNew] = useState(true);
-    const [loading, setLoading] = useState(true);
-    const [reading, setReading] = useState(false);
-    const [saving, setSaving] = useState(false);
-    const [deletingTopicId, setDeletingTopicId] = useState(null);
-    const [searching, setSearching] = useState(false);
-    const [searchQuery, setSearchQuery] = useState("");
-    const [searchResults, setSearchResults] = useState(null);
-    const [preview, setPreview] = useState(null);
-    const [previewing, setPreviewing] = useState(false);
-    const [previewError, setPreviewError] = useState(null);
-    const [error, setError] = useState(null);
-    const setActionNoticeRef = useRef(setActionNotice);
-    const selectedTopicIdRef = useRef(null);
-    setActionNoticeRef.current = setActionNotice;
-    selectedTopicIdRef.current = selectedTopicId;
-    const selectedTopic = useMemo(() => topics.find((topic) => topic.id === selectedTopicId) ?? null, [selectedTopicId, topics]);
-    const isAtTopicCap = limits !== null && limits.count >= limits.maxTopics && creatingNew;
-    const visibleResults = searchResults ?? [];
-    const tokenCount = preview?.tokenCount ??
-        (!creatingNew &&
-            selectedTopic &&
-            draft.title === selectedTopic.title &&
-            draft.text === selectedTopic.text
-            ? selectedTopic.tokenCount
-            : null);
-    const serverSummary = preview?.summary ??
-        (!creatingNew && selectedTopic && draft.text === selectedTopic.text
-            ? selectedTopic.summary
-            : null);
-    const canSave = draft.title.trim().length > 0 &&
-        draft.text.trim().length > 0 &&
-        !saving &&
-        !isAtTopicCap &&
-        previewError === null;
-    const startNewTopic = useCallback(() => {
-        if (limits && limits.count >= limits.maxTopics)
-            return;
-        setCreatingNew(true);
-        setSelectedTopicId(null);
-        setDraft(EMPTY_DRAFT);
-        setPreview(null);
-        setPreviewError(null);
-        setError(null);
-    }, [limits]);
-    const loadTopics = useCallback(async (preferredTopicId) => {
-        setLoading(true);
-        setError(null);
-        try {
-            const response = await client.listScratchpadTopics();
-            setTopics(response.topics);
-            setLimits({
-                count: response.count,
-                maxTopics: response.maxTopics,
-                maxTokensPerTopic: response.maxTokensPerTopic,
-            });
-            const selectedId = preferredTopicId === undefined
-                ? selectedTopicIdRef.current
-                : preferredTopicId;
-            const nextSelectedId = selectedId && response.topics.some((topic) => topic.id === selectedId)
-                ? selectedId
-                : (response.topics[0]?.id ?? null);
-            if (nextSelectedId) {
-                setCreatingNew(false);
-                setSelectedTopicId(nextSelectedId);
-            }
-            else {
-                setCreatingNew(true);
-                setSelectedTopicId(null);
-                setDraft(EMPTY_DRAFT);
-            }
-        }
-        catch (err) {
-            const message = getErrorMessage(err, t("scratchpadview.FailedToLoad", {
-                defaultValue: "Failed to load scratchpad topics.",
-            }));
-            setError(message);
-            setActionNoticeRef.current(message, "error");
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [t]);
-    useEffect(() => {
-        void loadTopics(null);
-    }, [loadTopics]);
-    useEffect(() => {
-        if (creatingNew || !selectedTopicId)
-            return;
-        let cancelled = false;
-        setReading(true);
-        setError(null);
-        setPreview(null);
-        setPreviewError(null);
-        void client
-            .getScratchpadTopic(selectedTopicId)
-            .then((response) => {
-            if (cancelled)
-                return;
-            setTopics((currentTopics) => upsertTopic(currentTopics, response.topic));
-            setDraft({
-                title: response.topic.title,
-                text: response.topic.text,
-            });
-        })
-            .catch((err) => {
-            if (cancelled)
-                return;
-            const message = getErrorMessage(err, t("scratchpadview.FailedToRead", {
-                defaultValue: "Failed to read scratchpad topic.",
-            }));
-            setError(message);
-            setActionNoticeRef.current(message, "error");
-        })
-            .finally(() => {
-            if (!cancelled)
-                setReading(false);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [creatingNew, selectedTopicId, t]);
-    useEffect(() => {
-        const text = draft.text.trim();
-        const selectedTextIsUnchanged = !creatingNew &&
-            selectedTopic !== null &&
-            draft.title === selectedTopic.title &&
-            draft.text === selectedTopic.text;
-        if (!text || selectedTextIsUnchanged) {
-            setPreview(null);
-            setPreviewError(null);
-            setPreviewing(false);
-            return;
-        }
-        let cancelled = false;
-        setPreviewing(true);
-        setPreviewError(null);
-        const timer = window.setTimeout(() => {
-            void client
-                .previewScratchpadSummary({ text })
-                .then((response) => {
-                if (cancelled)
-                    return;
-                setPreview(response);
-            })
-                .catch((err) => {
-                if (cancelled)
-                    return;
-                setPreview(null);
-                setPreviewError(getErrorMessage(err, t("scratchpadview.FailedToPreview", {
-                    defaultValue: "Failed to preview scratchpad size.",
-                })));
-            })
-                .finally(() => {
-                if (!cancelled)
-                    setPreviewing(false);
-            });
-        }, 250);
-        return () => {
-            cancelled = true;
-            window.clearTimeout(timer);
-        };
-    }, [creatingNew, draft.text, draft.title, selectedTopic, t]);
-    const handleSelectTopic = useCallback((topicId) => {
-        setCreatingNew(false);
-        setSelectedTopicId(topicId);
-        setError(null);
-    }, []);
-    const handleSearch = useCallback(async (event) => {
-        event?.preventDefault();
-        const query = searchQuery.trim();
-        if (!query) {
-            setSearchResults(null);
-            return;
-        }
-        setSearching(true);
-        setError(null);
-        try {
-            const response = await client.searchScratchpadTopics(query, {
-                limit: limits?.maxTopics,
-            });
-            setSearchResults(response.results);
-        }
-        catch (err) {
-            const message = getErrorMessage(err, t("scratchpadview.SearchFailed", {
-                defaultValue: "Scratchpad search failed.",
-            }));
-            setError(message);
-            setActionNoticeRef.current(message, "error");
-        }
-        finally {
-            setSearching(false);
-        }
-    }, [limits?.maxTopics, searchQuery, t]);
-    const handleSave = useCallback(async (event) => {
-        event.preventDefault();
-        if (!canSave)
-            return;
-        setSaving(true);
-        setError(null);
-        try {
-            const response = creatingNew || !selectedTopicId
-                ? await client.createScratchpadTopic({
-                    title: draft.title,
-                    text: draft.text,
-                })
-                : await client.replaceScratchpadTopic(selectedTopicId, {
-                    title: draft.title,
-                    text: draft.text,
-                });
-            setTopics((currentTopics) => upsertTopic(currentTopics, response.topic));
-            setCreatingNew(false);
-            setSelectedTopicId(response.topic.id);
-            setDraft({
-                title: response.topic.title,
-                text: response.topic.text,
-            });
-            setPreview(null);
-            setPreviewError(null);
-            setActionNotice(creatingNew
-                ? t("scratchpadview.TopicCreated", {
-                    defaultValue: "Scratchpad topic created.",
-                })
-                : t("scratchpadview.TopicUpdated", {
-                    defaultValue: "Scratchpad topic updated.",
-                }), "success");
-            await loadTopics(response.topic.id);
-        }
-        catch (err) {
-            const message = getErrorMessage(err, t("scratchpadview.SaveFailed", {
-                defaultValue: "Failed to save scratchpad topic.",
-            }));
-            setError(message);
-            setActionNotice(message, "error");
-        }
-        finally {
-            setSaving(false);
-        }
-    }, [
-        canSave,
-        creatingNew,
-        draft.text,
-        draft.title,
-        loadTopics,
-        selectedTopicId,
-        setActionNotice,
-        t,
-    ]);
-    const handleDelete = useCallback(async () => {
-        if (!selectedTopicId)
-            return;
-        setDeletingTopicId(selectedTopicId);
-        setError(null);
-        try {
-            await client.deleteScratchpadTopic(selectedTopicId);
-            setTopics((currentTopics) => currentTopics.filter((topic) => topic.id !== selectedTopicId));
-            setDraft(EMPTY_DRAFT);
-            setPreview(null);
-            setPreviewError(null);
-            setSelectedTopicId(null);
-            setCreatingNew(true);
-            setActionNotice(t("scratchpadview.TopicDeleted", {
-                defaultValue: "Scratchpad topic deleted.",
-            }), "success");
-            await loadTopics(null);
-        }
-        catch (err) {
-            const message = getErrorMessage(err, t("scratchpadview.DeleteFailed", {
-                defaultValue: "Failed to delete scratchpad topic.",
-            }));
-            setError(message);
-            setActionNotice(message, "error");
-        }
-        finally {
-            setDeletingTopicId(null);
-        }
-    }, [loadTopics, selectedTopicId, setActionNotice, t]);
-    return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4", "data-testid": "scratchpad-view", children: [error ? (_jsx(PagePanel.Notice, { tone: "danger", children: error })) : null, _jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4 lg:flex-row", children: [_jsx("div", { className: "order-2 flex min-w-0 flex-1 flex-col lg:order-1", children: _jsxs(PagePanel, { variant: "inset", className: "flex min-h-0 flex-1 flex-col gap-4 p-4 !rounded-none !border-0 !bg-transparent !shadow-none !ring-0", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-bold text-txt", children: creatingNew
-                                                        ? t("scratchpadview.NewTopic", {
-                                                            defaultValue: "New scratchpad topic",
-                                                        })
-                                                        : (selectedTopic?.title ??
-                                                            t("scratchpadview.SelectedTopic", {
-                                                                defaultValue: "Scratchpad topic",
-                                                            })) }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-muted", children: [tokenCount !== null && limits ? (_jsxs("span", { children: [tokenCount, " / ", limits.maxTokensPerTopic, " tokens"] })) : null, previewing ? (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(RefreshCw, { className: "h-3 w-3 animate-spin", "aria-hidden": "true" }), t("scratchpadview.Counting", {
-                                                                    defaultValue: "Counting",
-                                                                })] })) : null, !creatingNew && selectedTopic ? (_jsx("span", { children: t("scratchpadview.UpdatedAt", {
-                                                                defaultValue: "Updated {{date}}",
-                                                                date: formatScratchpadTimestamp(selectedTopic.updatedAt),
-                                                            }) })) : null] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: startNewTopic, disabled: limits !== null && limits.count >= limits.maxTopics, className: "gap-1.5 px-3 text-xs", title: t("scratchpadview.NewTopic", {
-                                                        defaultValue: "New scratchpad topic",
-                                                    }), children: [_jsx(Plus, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), t("common.new", { defaultValue: "New" })] }), !creatingNew && selectedTopicId ? (_jsx(ConfirmDeleteControl, { triggerLabel: _jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx(Trash2, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), t("common.delete", { defaultValue: "Delete" })] }), triggerClassName: "h-8 rounded-lg border border-danger/25 px-3 text-xs font-bold !bg-transparent text-danger transition-all hover:!bg-danger/12", confirmClassName: "h-8 rounded-lg border border-danger/25 bg-danger/14 px-3 text-xs font-bold text-danger transition-all hover:bg-danger/20", cancelClassName: "h-8 rounded-lg border border-border/35 px-3 text-xs font-bold text-muted-strong transition-all hover:border-border-strong hover:text-txt", disabled: deletingTopicId === selectedTopicId, busyLabel: "...", onConfirm: handleDelete, triggerTitle: t("scratchpadview.DeleteTopic", {
-                                                        defaultValue: "Delete scratchpad topic",
-                                                    }) })) : null] })] }), isAtTopicCap ? (_jsx(PagePanel.Notice, { tone: "warning", children: t("scratchpadview.TopicLimitReached", {
-                                        defaultValue: "Scratchpad topic limit reached.",
-                                    }) })) : null, _jsxs("form", { className: "flex min-h-0 flex-1 flex-col gap-3", onSubmit: handleSave, children: [_jsxs("label", { className: "flex flex-col gap-1.5", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-[0.12em] text-muted/70", children: t("scratchpadview.Title", { defaultValue: "Title" }) }), _jsx("input", { type: "text", value: draft.title, onChange: (event) => setDraft((currentDraft) => ({
-                                                        ...currentDraft,
-                                                        title: event.target.value,
-                                                    })), className: "w-full rounded-lg border border-border/50 bg-bg px-3 py-2 text-sm text-txt placeholder:text-muted/50 focus:border-accent/50 focus:outline-none focus:ring-1 focus:ring-accent/30", disabled: reading || saving })] }), _jsxs("label", { className: "flex min-h-0 flex-1 flex-col gap-1.5", children: [_jsx("span", { className: "text-xs font-semibold uppercase tracking-[0.12em] text-muted/70", children: t("scratchpadview.Text", { defaultValue: "Text" }) }), _jsx("textarea", { value: draft.text, onChange: (event) => setDraft((currentDraft) => ({
-                                                        ...currentDraft,
-                                                        text: event.target.value,
-                                                    })), className: "custom-scrollbar min-h-[18rem] flex-1 resize-none rounded-lg border border-border/50 bg-bg px-3 py-2 text-sm leading-6 text-txt placeholder:text-muted/50 focus:border-accent/50 focus:outline-none focus:ring-1 focus:ring-accent/30", disabled: reading || saving })] }), _jsx("div", { className: "min-h-6 text-xs text-muted", children: previewError ? (_jsx("span", { className: "text-danger", children: previewError })) : serverSummary ? (_jsx("span", { children: serverSummary })) : null }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { type: "submit", size: "sm", disabled: !canSave, className: "gap-1.5 px-3 text-xs", children: [_jsx(Save, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), saving
-                                                        ? t("common.saving", { defaultValue: "Saving..." })
-                                                        : t("common.save", { defaultValue: "Save" })] }) })] })] }) }), _jsx("div", { className: "order-1 flex w-full shrink-0 flex-col gap-3 lg:order-2 lg:w-[22rem] xl:w-[24rem]", children: _jsxs(PagePanel, { variant: "inset", className: "flex flex-1 flex-col overflow-hidden p-2.5 !rounded-none !border-0 !bg-transparent !shadow-none !ring-0", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between gap-3 px-1", children: [_jsx("div", { className: "min-w-0 text-xs font-semibold uppercase tracking-[0.12em] text-muted/70", children: searchResults
-                                                ? t("scratchpadview.SearchResults", {
-                                                    defaultValue: "Search results",
-                                                })
-                                                : t("scratchpadview.Topics", { defaultValue: "Topics" }) }), _jsx("div", { className: "shrink-0 text-2xs text-muted", children: limits
-                                                ? t("scratchpadview.TopicCount", {
-                                                    defaultValue: "{{count}} / {{max}} topics",
-                                                    count: limits.count,
-                                                    max: limits.maxTopics,
-                                                })
-                                                : null })] }), _jsxs("form", { className: "relative", onSubmit: handleSearch, children: [_jsx("input", { type: "text", value: searchQuery, onChange: (event) => setSearchQuery(event.target.value), placeholder: t("scratchpadview.SearchPlaceholder", {
-                                                defaultValue: "Search scratchpad",
-                                            }), className: "w-full rounded-lg border border-border/50 bg-bg px-3 py-2 pl-9 pr-20 text-sm text-txt placeholder:text-muted/50 focus:border-accent/50 focus:outline-none focus:ring-1 focus:ring-accent/30" }), _jsx(Search, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted/50", "aria-hidden": "true" }), _jsxs("div", { className: "absolute right-1.5 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [searchResults || searchQuery ? (_jsx("button", { type: "button", onClick: () => {
-                                                        setSearchQuery("");
-                                                        setSearchResults(null);
-                                                    }, className: "inline-flex h-7 w-7 items-center justify-center rounded-md text-muted transition-colors hover:bg-white/[0.04] hover:text-txt", "aria-label": t("common.clear", { defaultValue: "Clear" }), title: t("common.clear", { defaultValue: "Clear" }), children: _jsx(X, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) })) : null, _jsx("button", { type: "submit", className: "inline-flex h-7 w-7 items-center justify-center rounded-md text-muted transition-colors hover:bg-white/[0.04] hover:text-txt", "aria-label": t("common.search", { defaultValue: "Search" }), title: t("common.search", { defaultValue: "Search" }), disabled: searching, children: _jsx(Search, { className: `h-3.5 w-3.5 ${searching ? "animate-pulse" : ""}`, "aria-hidden": "true" }) })] })] }), _jsxs("div", { className: "custom-scrollbar mt-2 flex min-h-[18rem] flex-1 flex-col gap-1.5 overflow-y-auto px-0.5 py-0.5", children: [loading && topics.length === 0 ? (_jsx(PagePanel.Empty, { variant: "inset", className: "min-h-[12rem] px-0 py-8 !rounded-none !border-0 !bg-transparent !shadow-none !ring-0", title: t("scratchpadview.LoadingTopics", {
-                                                defaultValue: "Loading topics",
-                                            }) })) : null, !loading && !searchResults && topics.length === 0 ? (_jsx(PagePanel.Empty, { variant: "inset", className: "min-h-[12rem] px-0 py-8 !rounded-none !border-0 !bg-transparent !shadow-none !ring-0", title: t("scratchpadview.NoTopics", {
-                                                defaultValue: "No scratchpad topics",
-                                            }) })) : null, searchResults && visibleResults.length === 0 ? (_jsx(PagePanel.Empty, { variant: "inset", className: "min-h-[12rem] px-0 py-8 !rounded-none !border-0 !bg-transparent !shadow-none !ring-0", title: t("scratchpadview.NoSearchResults", {
-                                                defaultValue: "No matching topics",
-                                            }) })) : null, searchResults
-                                            ? visibleResults.map((result) => (_jsx(ScratchpadTopicListItem, { topic: result.topic, active: selectedTopicId === result.topic.id, matchCount: result.matches.length, onSelect: handleSelectTopic }, result.topic.id)))
-                                            : topics.map((topic) => (_jsx(ScratchpadTopicListItem, { topic: topic, active: selectedTopicId === topic.id, onSelect: handleSelectTopic }, topic.id)))] })] }) })] })] }));
-}

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

@@ -1,5 +0,0 @@
-export declare function SecretsView({ contentHeader, inModal, }?: {
-    contentHeader?: React.ReactNode;
-    inModal?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SecretsView.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SecretsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/SecretsView.tsx"],"names":[],"mappings":"AA8FA,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,OAAO,GACR,GAAE;IACD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;CACd,2CA0QL"}

package/packages/app-core/src/components/pages/SecretsView.js

@@ -1,245 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, ContentLayout, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Input, } from "@elizaos/ui";
-import { ChevronDown } from "lucide-react";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { client } from "../../api";
-import { useApp } from "../../state";
-/* ── Constants ──────────────────────────────────────────────────────── */
-const STORAGE_KEY = "eliza:secrets-vault-keys";
-const CATEGORY_ORDER = [
-    "ai-provider",
-    "blockchain",
-    "connector",
-    "auth",
-    "other",
-];
-const CATEGORY_LABELS = {
-    "ai-provider": "AI Providers",
-    blockchain: "Blockchain",
-    connector: "Connectors",
-    auth: "Authentication",
-    other: "Other",
-};
-const fallbackTranslate = (key, vars) => typeof vars?.defaultValue === "string" ? vars.defaultValue : key;
-function groupSecretsByCategory(secrets) {
-    const grouped = new Map();
-    for (const secret of secrets) {
-        const existing = grouped.get(secret.category);
-        if (existing) {
-            existing.push(secret);
-        }
-        else {
-            grouped.set(secret.category, [secret]);
-        }
-    }
-    return CATEGORY_ORDER.filter((category) => grouped.has(category)).map((category) => ({
-        category,
-        label: CATEGORY_LABELS[category],
-        secrets: grouped.get(category) ?? [],
-    }));
-}
-/* ── Persistence ────────────────────────────────────────────────────── */
-function loadPinnedKeys() {
-    try {
-        const raw = localStorage.getItem(STORAGE_KEY);
-        if (raw)
-            return new Set(JSON.parse(raw));
-    }
-    catch (err) {
-        console.warn("[SecretsView] Failed to load pinned keys from localStorage:", err);
-    }
-    return new Set();
-}
-function savePinnedKeys(keys) {
-    try {
-        localStorage.setItem(STORAGE_KEY, JSON.stringify([...keys]));
-    }
-    catch (err) {
-        console.warn("[SecretsView] Failed to save pinned keys to localStorage:", err);
-    }
-}
-/* ── Component ──────────────────────────────────────────────────────── */
-export function SecretsView({ contentHeader, inModal, } = {}) {
-    const app = useApp();
-    const t = app?.t ?? fallbackTranslate;
-    const [allSecrets, setAllSecrets] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const [pinnedKeys, setPinnedKeys] = useState(loadPinnedKeys);
-    const [draft, setDraft] = useState({});
-    const [visible, setVisible] = useState(new Set());
-    const [saving, setSaving] = useState(false);
-    const [saveResult, setSaveResult] = useState(null);
-    const [collapsed, setCollapsed] = useState(new Set());
-    const [pickerOpen, setPickerOpen] = useState(false);
-    const [pickerSearch, setPickerSearch] = useState("");
-    const load = useCallback(async () => {
-        setLoading(true);
-        setError(null);
-        try {
-            const res = await client.getSecrets();
-            setAllSecrets(res.secrets);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to load secrets");
-        }
-        finally {
-            setLoading(false);
-        }
-    }, []);
-    useEffect(() => {
-        load();
-    }, [load]);
-    // Vault secrets = pinned by user OR already set in env
-    const vaultSecrets = useMemo(() => {
-        return allSecrets.filter((s) => pinnedKeys.has(s.key) || s.isSet);
-    }, [allSecrets, pinnedKeys]);
-    // Available secrets not in the vault (for the picker)
-    const availableSecrets = useMemo(() => {
-        const vaultKeys = new Set(vaultSecrets.map((s) => s.key));
-        const available = allSecrets.filter((s) => !vaultKeys.has(s.key));
-        if (!pickerSearch.trim())
-            return available;
-        const q = pickerSearch.toLowerCase();
-        return available.filter((s) => s.key.toLowerCase().includes(q) ||
-            s.description.toLowerCase().includes(q) ||
-            s.usedBy.some((u) => u.pluginName.toLowerCase().includes(q)));
-    }, [allSecrets, vaultSecrets, pickerSearch]);
-    // Group vault secrets by category
-    const grouped = useMemo(() => {
-        return groupSecretsByCategory(vaultSecrets);
-    }, [vaultSecrets]);
-    const dirtyKeys = useMemo(() => {
-        return Object.keys(draft).filter((k) => draft[k].trim() !== "");
-    }, [draft]);
-    const pinKey = (key) => {
-        setPinnedKeys((prev) => {
-            const next = new Set(prev);
-            next.add(key);
-            savePinnedKeys(next);
-            return next;
-        });
-    };
-    const unpinKey = (key) => {
-        setPinnedKeys((prev) => {
-            const next = new Set(prev);
-            next.delete(key);
-            savePinnedKeys(next);
-            return next;
-        });
-        setDraft((prev) => {
-            const next = { ...prev };
-            delete next[key];
-            return next;
-        });
-    };
-    const handleSave = async () => {
-        if (dirtyKeys.length === 0)
-            return;
-        setSaving(true);
-        setSaveResult(null);
-        try {
-            const payload = {};
-            for (const key of dirtyKeys)
-                payload[key] = draft[key];
-            const res = await client.updateSecrets(payload);
-            setSaveResult({
-                ok: true,
-                message: `Updated ${res.updated.length} secret${res.updated.length !== 1 ? "s" : ""}`,
-            });
-            setDraft({});
-            await load();
-        }
-        catch (err) {
-            setSaveResult({
-                ok: false,
-                message: err instanceof Error ? err.message : "Save failed",
-            });
-        }
-        finally {
-            setSaving(false);
-        }
-    };
-    const toggleCollapse = (cat) => {
-        setCollapsed((prev) => {
-            const next = new Set(prev);
-            if (next.has(cat))
-                next.delete(cat);
-            else
-                next.add(cat);
-            return next;
-        });
-    };
-    const toggleVisible = (key) => {
-        setVisible((prev) => {
-            const next = new Set(prev);
-            if (next.has(key))
-                next.delete(key);
-            else
-                next.add(key);
-            return next;
-        });
-    };
-    if (loading) {
-        return (_jsx(ContentLayout, { contentHeader: contentHeader, inModal: inModal, children: _jsx("div", { className: "rounded-2xl border border-border/50 bg-card/92 shadow-sm py-8 text-center text-sm italic text-muted", children: t("secretsview.LoadingSecrets") }) }));
-    }
-    if (error) {
-        return (_jsx(ContentLayout, { contentHeader: contentHeader, inModal: inModal, children: _jsxs("div", { className: "rounded-2xl border border-border/50 bg-card/92 shadow-sm px-4 py-8 text-center", children: [_jsx("div", { className: "mb-2 text-sm text-danger", children: error }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-sm", onClick: load, children: t("common.retry") })] }) }));
-    }
-    return (_jsx(ContentLayout, { contentHeader: contentHeader, inModal: inModal, children: _jsxs("div", { className: "space-y-5", children: [_jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [_jsx("div", { className: "m-0 max-w-2xl text-sm leading-6 text-muted" }), _jsx(Button, { variant: "default", size: "sm", className: "h-9 flex-shrink-0 px-3 text-sm shadow-sm", onClick: () => {
-                                setPickerOpen(true);
-                                setPickerSearch("");
-                            }, children: t("secretsview.AddSecret") })] }), pickerOpen && (_jsx(SecretPicker, { available: availableSecrets, search: pickerSearch, onSearchChange: setPickerSearch, onAdd: (key) => {
-                        pinKey(key);
-                    }, onClose: () => setPickerOpen(false) })), vaultSecrets.length === 0 && (_jsx("div", { className: "rounded-2xl border border-border/50 bg-card/92 shadow-sm border-dashed px-4 py-8 text-center text-sm italic text-muted", children: t("secretsview.YourVaultIsEmpty") })), grouped.map(({ category, label, secrets: catSecrets }) => (_jsxs("section", { className: "space-y-3", children: [_jsxs(Button, { variant: "ghost", className: "mb-3 h-auto w-full items-center gap-2 rounded-xl border border-transparent px-3 py-2 text-left hover:border-border/50 hover:bg-bg-hover", onClick: () => toggleCollapse(category), "aria-expanded": !collapsed.has(category), children: [_jsx(ChevronDown, { className: "h-3 w-3 select-none text-muted transition-transform", style: {
-                                        transform: collapsed.has(category)
-                                            ? "rotate(-90deg)"
-                                            : "rotate(0deg)",
-                                    } }), _jsx("span", { className: "text-sm font-semibold text-txt", children: label }), _jsxs("span", { className: "text-xs text-muted", children: ["(", catSecrets.length, ")"] })] }), !collapsed.has(category) && (_jsx("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: catSecrets.map((secret) => (_jsx(SecretCard, { secret: secret, draftValue: draft[secret.key] ?? "", isVisible: visible.has(secret.key), isPinned: pinnedKeys.has(secret.key), onToggleVisible: () => toggleVisible(secret.key), onDraftChange: (val) => setDraft((prev) => ({ ...prev, [secret.key]: val })), onRemove: () => unpinKey(secret.key) }, secret.key))) }))] }, category))), vaultSecrets.length > 0 && (_jsxs("div", { className: "rounded-2xl border border-border/50 bg-card/92 shadow-sm flex flex-col gap-3 border-border/60 px-4 py-3 sm:flex-row sm:items-center", children: [_jsx(Button, { variant: "default", size: "sm", className: "h-9 px-4 text-sm font-medium shadow-sm transition-colors", disabled: dirtyKeys.length === 0 || saving, onClick: handleSave, children: saving
-                                ? t("common.saving", {
-                                    defaultValue: "Saving...",
-                                })
-                                : dirtyKeys.length > 0
-                                    ? `${t("common.save")} (${dirtyKeys.length})`
-                                    : t("common.save") }), saveResult && (_jsx("span", { className: `text-sm ${saveResult.ok ? "text-ok" : "text-danger"}`, children: saveResult.message }))] }))] }) }));
-}
-/* ── Secret Picker ──────────────────────────────────────────────────── */
-function SecretPicker({ available, search, onSearchChange, onAdd, onClose, }) {
-    const app = useApp();
-    const t = app?.t ?? fallbackTranslate;
-    // Group available by category
-    const grouped = useMemo(() => {
-        return groupSecretsByCategory(available);
-    }, [available]);
-    return (_jsx(Dialog, { open: true, onOpenChange: (open) => {
-            if (!open)
-                onClose();
-        }, children: _jsxs(DialogContent, { showCloseButton: false, className: "w-[min(calc(100%_-_2rem),35rem)] max-h-[min(80vh,36rem)] overflow-hidden rounded-2xl border border-border/60 bg-card/96 p-0 shadow-2xl", children: [_jsxs(DialogHeader, { className: "flex flex-row items-center justify-between px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx(DialogTitle, { className: "text-sm font-semibold text-txt", children: t("secretsview.AddSecretsToVault") }), _jsx(DialogDescription, { className: "sr-only", children: t("secretsview.SearchByKeyDescr") })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 rounded-lg text-base text-muted hover:text-txt", onClick: onClose, "aria-label": t("common.close"), children: "x" })] }), _jsx(Input, { type: "text", className: "h-12 w-full rounded-none border-0 bg-transparent px-4 py-2.5 text-sm text-txt shadow-none focus-visible:ring-0 font-body", placeholder: t("secretsview.SearchByKeyDescr"), "aria-label": t("secretsview.SearchByKeyDescr"), value: search, onChange: (e) => onSearchChange(e.target.value), autoFocus: true }), _jsx("div", { className: "flex-1 overflow-y-auto p-3", children: available.length === 0 ? (_jsx("div", { className: "rounded-xl border border-dashed border-border/60 py-6 text-center text-sm text-muted", children: search
-                            ? "No matching secrets found."
-                            : "All available secrets are already in your vault." })) : (grouped.map(({ category, label, secrets }) => (_jsxs("div", { className: "mb-4 space-y-2", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-wide text-muted", children: label }), secrets.map((s) => {
-                                const enabledPlugins = s.usedBy.filter((u) => u.enabled);
-                                const pluginList = s.usedBy
-                                    .map((u) => u.pluginName || u.pluginId)
-                                    .join(", ");
-                                return (_jsxs("div", { className: "flex items-start justify-between gap-3 rounded-xl border border-transparent px-3 py-2 hover:border-border/40 hover:bg-bg-hover", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "truncate text-sm font-mono text-txt", children: s.key }), _jsxs("div", { className: "text-xs-tight leading-5 text-muted", title: pluginList, children: [s.description, s.usedBy.length > 0 && (_jsxs("span", { className: "ml-1", children: ["\u2014", " ", enabledPlugins.length > 0
-                                                                    ? `${enabledPlugins.length} active plugin${enabledPlugins.length !== 1 ? "s" : ""}`
-                                                                    : `${s.usedBy.length} plugin${s.usedBy.length !== 1 ? "s" : ""} (none active)`] }))] })] }), _jsx(Button, { variant: "default", size: "sm", className: "px-2.5 py-1 h-7 text-xs shadow-sm flex-shrink-0", onClick: () => onAdd(s.key), children: t("common.add") })] }, s.key));
-                            })] }, category)))) })] }) }));
-}
-/* ── Secret Card ────────────────────────────────────────────────────── */
-function SecretCard({ secret, draftValue, isVisible, isPinned, onToggleVisible, onDraftChange, onRemove, }) {
-    const app = useApp();
-    const t = app?.t ?? fallbackTranslate;
-    const enabledPlugins = secret.usedBy.filter((u) => u.enabled);
-    const pluginList = secret.usedBy
-        .map((u) => u.pluginName || u.pluginId)
-        .join(", ");
-    const hasDraft = draftValue.trim() !== "";
-    // Only show "Required" if an enabled plugin actually requires it
-    const showRequired = secret.required && enabledPlugins.length > 0;
-    return (_jsxs("div", { className: "rounded-2xl border border-border/50 bg-card/92 shadow-sm flex flex-col gap-3 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("div", { className: "flex-1 min-w-0", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-2 w-2 flex-shrink-0 rounded-full", style: {
-                                        backgroundColor: secret.isSet ? "var(--ok)" : "var(--muted)",
-                                    } }), _jsx("span", { className: "truncate text-sm font-mono font-medium text-txt", children: secret.key })] }) }), _jsxs("div", { className: "flex flex-shrink-0 items-center gap-1.5", children: [showRequired && (_jsx("span", { className: "rounded border border-danger/35 bg-danger/10 px-1.5 py-0.5 text-2xs font-medium text-danger", children: t("secretsview.Required") })), isPinned && !secret.isSet && (_jsx(Button, { variant: "ghost", size: "sm", className: "h-7 rounded-md px-2 text-xs-tight text-muted hover:bg-danger/10 hover:text-danger", onClick: onRemove, title: t("secretsview.RemoveFromVault"), children: "x" }))] })] }), _jsx("div", { className: "break-words text-xs-tight leading-5 text-muted", title: pluginList, children: enabledPlugins.length > 0
-                    ? `Used by ${enabledPlugins.length} active plugin${enabledPlugins.length !== 1 ? "s" : ""}: ${enabledPlugins.map((u) => u.pluginName || u.pluginId).join(", ")}`
-                    : `Available for: ${pluginList}` }), secret.isSet && !hasDraft && (_jsx("div", { className: "rounded-lg border border-border/50 bg-bg px-2 py-1 text-xs font-mono text-muted", children: secret.maskedValue })), _jsxs("div", { className: "flex flex-col items-stretch gap-2 sm:flex-row sm:items-center", children: [_jsx(Input, { type: isVisible ? "text" : "password", className: "h-9 flex-1 border-border/60 bg-bg px-2.5 py-1.5 text-sm font-mono text-txt focus-visible:border-accent/50 focus-visible:ring-1 focus-visible:ring-accent/30", placeholder: secret.isSet ? "Enter new value to update" : "Enter value", value: draftValue, onChange: (e) => onDraftChange(e.target.value) }), _jsx(Button, { variant: "outline", size: "sm", className: "h-9 px-3 text-xs text-muted-strong shadow-sm hover:text-txt", onClick: onToggleVisible, title: isVisible ? "Hide" : "Show", children: isVisible ? "Hide" : "Show" })] })] }));
-}

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

@@ -1,6 +0,0 @@
-export declare function SettingsView({ inModal, onClose: _onClose, initialSection, }?: {
-    inModal?: boolean;
-    onClose?: () => void;
-    initialSection?: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SettingsView.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/SettingsView.tsx"],"names":[],"mappings":"AAslBA,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EAAE,QAAQ,EACjB,cAAc,GACf,GAAE;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACpB,2CAsgBL"}