@elizaos/ui 2.0.0-beta.1 → 2.0.3-beta.2

package/dist/components/pages/RelationshipsIdentityCluster.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fingerprint } from "lucide-react";
-function shortLabel(value, maxLength = 18) {
-    return value.length > maxLength ? `${value.slice(0, maxLength - 1)}…` : value;
-}
-export function RelationshipsIdentityCluster({ person, }) {
-    if (person.identities.length === 0) {
-        return null;
-    }
-    return (_jsx("ul", { className: "space-y-1.5", children: person.identities.map((identity) => {
-            const platform = identity.platforms[0] ?? "linked";
-            const primaryName = identity.names[0];
-            const handles = identity.handles.map((h) => h.handle).filter(Boolean);
-            const detail = handles.length > 0 ? handles.join(", ") : identity.entityId;
-            return (_jsxs("li", { className: "flex items-center gap-2 rounded-lg border border-border/24 bg-card/30 px-2.5 py-1.5 text-xs", children: [_jsx(Fingerprint, { className: "h-3 w-3 shrink-0 text-accent" }), _jsx("span", { className: "shrink-0 rounded-full bg-card/60 px-1.5 py-0.5 text-2xs font-semibold uppercase tracking-[0.1em] text-muted", children: shortLabel(platform.replace(/_/g, " "), 12) }), primaryName ? (_jsx("span", { className: "min-w-0 truncate font-semibold text-txt", children: shortLabel(primaryName, 28) })) : null, _jsx("span", { className: "ml-auto min-w-0 truncate text-muted", children: shortLabel(detail, 32) })] }, identity.entityId));
-        }) }));
-}

package/dist/components/pages/RelationshipsView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RelationshipsView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/RelationshipsView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,GACd,GAAE;IACD,aAAa,CAAC,EAAE,SAAS,CAAC;CACtB,2CAEL"}

package/dist/components/pages/RelationshipsView.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { RelationshipsWorkspaceView } from "./relationships/RelationshipsWorkspaceView.js";
-export function RelationshipsView({ contentHeader, } = {}) {
-    return _jsx(RelationshipsWorkspaceView, { contentHeader: contentHeader });
-}

package/dist/components/pages/ReleaseCenterView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReleaseCenterView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/ReleaseCenterView.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,iBAAiB,4CAyZhC"}

package/dist/components/pages/ReleaseCenterView.js

@@ -1,216 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input } from "@elizaos/ui";
-import { AlertTriangle, CheckCircle2, ExternalLink, RefreshCw, RotateCcw, } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
-import { invokeDesktopBridgeRequest, isElectrobunRuntime, subscribeDesktopBridgeEvent, } from "../../bridge/index.js";
-import { useBranding } from "../../config/branding.js";
-import { useApp } from "../../state/index.js";
-import { openExternalUrl } from "../../utils/index.js";
-import { openDesktopSurfaceWindow } from "../../utils/desktop-workspace.js";
-import { normalizeReleaseNotesUrl, summarizeError, } from "../release-center/shared.js";
-export function ReleaseCenterView() {
-    const { appUrl } = useBranding();
-    const defaultReleaseNotesUrl = `${appUrl}/releases/`;
-    const desktopRuntime = isElectrobunRuntime();
-    const { loadUpdateStatus, t, updateLoading, updateStatus } = useApp();
-    const [busyAction, setBusyAction] = useState(null);
-    const [actionError, setActionError] = useState(null);
-    const [actionMessage, setActionMessage] = useState(null);
-    const [nativeUpdater, setNativeUpdater] = useState(null);
-    const [releaseNotesUrl, setReleaseNotesUrl] = useState(defaultReleaseNotesUrl);
-    const [releaseNotesUrlDirty, setReleaseNotesUrlDirty] = useState(false);
-    const refreshNativeState = useCallback(async () => {
-        if (!desktopRuntime)
-            return;
-        const snapshot = await invokeDesktopBridgeRequest({
-            rpcMethod: "desktopGetUpdaterState",
-            ipcChannel: "desktop:getUpdaterState",
-        }).catch(() => null);
-        setNativeUpdater(snapshot);
-        setReleaseNotesUrl((current) => releaseNotesUrlDirty
-            ? current
-            : normalizeReleaseNotesUrl(snapshot?.baseUrl ?? current));
-    }, [desktopRuntime, releaseNotesUrlDirty]);
-    useEffect(() => {
-        void loadUpdateStatus();
-    }, [loadUpdateStatus]);
-    useEffect(() => {
-        if (!desktopRuntime)
-            return;
-        void refreshNativeState();
-    }, [desktopRuntime, refreshNativeState]);
-    useEffect(() => {
-        if (!desktopRuntime)
-            return;
-        const unsubscribers = [
-            subscribeDesktopBridgeEvent({
-                rpcMessage: "desktopUpdateAvailable",
-                ipcChannel: "desktop:updateAvailable",
-                listener: () => void refreshNativeState(),
-            }),
-            subscribeDesktopBridgeEvent({
-                rpcMessage: "desktopUpdateReady",
-                ipcChannel: "desktop:updateReady",
-                listener: () => void refreshNativeState(),
-            }),
-        ];
-        return () => {
-            for (const unsubscribe of unsubscribers)
-                unsubscribe();
-        };
-    }, [desktopRuntime, refreshNativeState]);
-    const runAction = useCallback(async (id, action, successMessage) => {
-        setBusyAction(id);
-        setActionError(null);
-        setActionMessage(null);
-        try {
-            const result = await action();
-            if (successMessage)
-                setActionMessage(successMessage);
-            return result;
-        }
-        catch (error) {
-            setActionError(summarizeError(error));
-            return null;
-        }
-        finally {
-            setBusyAction(null);
-        }
-    }, []);
-    const detachReleaseCenter = async () => {
-        if (!desktopRuntime)
-            return;
-        await openDesktopSurfaceWindow("release");
-    };
-    const refreshReleaseState = async () => {
-        if (desktopRuntime) {
-            await Promise.all([loadUpdateStatus(true), refreshNativeState()]);
-            return;
-        }
-        await loadUpdateStatus(true);
-    };
-    const checkForDesktopUpdate = async () => {
-        if (!desktopRuntime)
-            return;
-        const snapshot = await invokeDesktopBridgeRequest({
-            rpcMethod: "desktopCheckForUpdates",
-            ipcChannel: "desktop:checkForUpdates",
-        });
-        setNativeUpdater(snapshot);
-        if (!releaseNotesUrlDirty && snapshot?.baseUrl) {
-            setReleaseNotesUrl(normalizeReleaseNotesUrl(snapshot.baseUrl));
-        }
-    };
-    const applyDesktopUpdate = async () => {
-        if (!desktopRuntime)
-            return;
-        await invokeDesktopBridgeRequest({
-            rpcMethod: "desktopApplyUpdate",
-            ipcChannel: "desktop:applyUpdate",
-        });
-    };
-    const openReleaseNotesWindow = async () => {
-        if (!desktopRuntime) {
-            await openExternalUrl(releaseNotesUrl);
-            return;
-        }
-        await invokeDesktopBridgeRequest({
-            rpcMethod: "desktopOpenReleaseNotesWindow",
-            ipcChannel: "desktop:openReleaseNotesWindow",
-            params: {
-                url: releaseNotesUrl,
-                title: t("releasecenterview.ReleaseNotes", {
-                    defaultValue: "Release Notes",
-                }),
-            },
-        });
-    };
-    const appStatus = updateStatus;
-    const appVersion = appStatus?.currentVersion ?? "—";
-    const desktopVersion = nativeUpdater?.currentVersion ?? "—";
-    const channel = nativeUpdater?.channel ?? "—";
-    const latestVersion = appStatus?.latestVersion ??
-        t("releasecenterview.Current", { defaultValue: "Current" });
-    const lastCheckAt = appStatus?.lastCheckAt;
-    const lastChecked = lastCheckAt
-        ? new Date(lastCheckAt).toLocaleString()
-        : t("releasecenter.NotYet", { defaultValue: "Not yet" });
-    const updaterStatus = nativeUpdater?.updateReady
-        ? t("releasecenterview.UpdateReady", { defaultValue: "Update ready" })
-        : nativeUpdater?.updateAvailable
-            ? t("releasecenterview.UpdateAvailable", {
-                defaultValue: "Update available",
-            })
-            : t("common.idle", { defaultValue: "Idle" });
-    const updaterNeedsAttention = Boolean(nativeUpdater?.updateReady || nativeUpdater?.updateAvailable);
-    const autoUpdateDisabled = nativeUpdater != null && !nativeUpdater.canAutoUpdate;
-    const versionRows = [
-        {
-            label: t("releasecenterview.App", { defaultValue: "App" }),
-            value: appVersion,
-        },
-        ...(desktopRuntime
-            ? [
-                {
-                    label: t("common.desktop", {
-                        defaultValue: "Desktop",
-                    }),
-                    value: desktopVersion,
-                },
-                {
-                    label: t("common.channel", {
-                        defaultValue: "Channel",
-                    }),
-                    value: channel,
-                },
-            ]
-            : []),
-        {
-            label: t("releasecenterview.Latest", { defaultValue: "Latest" }),
-            value: latestVersion,
-        },
-        {
-            label: t("releasecenter.LastChecked", {
-                defaultValue: "Last checked",
-            }),
-            value: lastChecked,
-        },
-        {
-            label: t("common.status", { defaultValue: "Status" }),
-            value: (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [updaterNeedsAttention ? (_jsx(AlertTriangle, { className: "h-3.5 w-3.5 text-warn", "aria-hidden": true })) : (_jsx(CheckCircle2, { className: "h-3.5 w-3.5 text-ok", "aria-hidden": true })), updaterStatus] })),
-        },
-    ];
-    return (_jsxs("div", { className: "space-y-5", children: [actionError && (_jsx("div", { role: "alert", className: "rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: actionError })), actionMessage && (_jsx("div", { role: "status", className: "rounded-lg border border-ok/30 bg-ok/10 px-3 py-2 text-xs text-ok", children: actionMessage })), autoUpdateDisabled && nativeUpdater?.autoUpdateDisabledReason && (_jsx("div", { role: "status", className: "rounded-lg border border-warning/40 bg-warning/10 px-3 py-2 text-xs text-warning", children: nativeUpdater.autoUpdateDisabledReason })), _jsx("dl", { className: "grid grid-cols-1 gap-x-6 gap-y-1.5 text-xs sm:grid-cols-2", children: versionRows.map((row) => (_jsxs("div", { className: "flex items-baseline justify-between gap-3 border-b border-border/30 py-1.5", children: [_jsx("dt", { className: "text-muted", children: row.label }), _jsx("dd", { className: "break-all text-right font-medium text-txt", children: row.value })] }, row.label))) }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [desktopRuntime ? (_jsx(Button, { size: "sm", className: "h-9 rounded-lg px-3 text-xs font-medium", disabled: busyAction === "check-updates" ||
-                            updateLoading ||
-                            autoUpdateDisabled, onClick: () => void runAction("check-updates", checkForDesktopUpdate, t("releasecenterview.CheckStarted", {
-                            defaultValue: "Desktop update check started.",
-                        })), children: t("releasecenter.CheckDownloadUpdate", {
-                            defaultValue: "Check / Download Update",
-                        }) })) : null, desktopRuntime && nativeUpdater?.updateReady && (_jsx(Button, { size: "sm", className: "h-9 rounded-lg px-3 text-xs font-medium", disabled: busyAction === "apply-update" || autoUpdateDisabled, onClick: () => void runAction("apply-update", applyDesktopUpdate, t("releasecenterview.ApplyStarted", {
-                            defaultValue: "Applying downloaded update.",
-                        })), children: t("releasecenter.ApplyDownloadedUpdate", {
-                            defaultValue: "Apply Downloaded Update",
-                        }) })), _jsx(Button, { size: "icon", variant: "outline", className: "h-9 w-9 rounded-lg", disabled: busyAction === "refresh" || updateLoading, "aria-label": t("common.refresh"), title: t("common.refresh"), onClick: () => void runAction("refresh", refreshReleaseState, t("releasecenterview.ReleaseStatusRefreshed", {
-                            defaultValue: "Release status refreshed.",
-                        })), children: _jsx(RefreshCw, { className: `h-4 w-4 ${busyAction === "refresh" || updateLoading ? "animate-spin" : ""}`, "aria-hidden": true }) }), desktopRuntime ? (_jsx(Button, { size: "sm", variant: "outline", className: "h-9 rounded-lg px-3 text-xs font-medium", disabled: busyAction === "detach-release", onClick: () => void runAction("detach-release", detachReleaseCenter, t("releasecenterview.DetachedOpened", {
-                            defaultValue: "Detached release center opened.",
-                        })), children: t("releasecenter.OpenDetachedReleaseCenter", {
-                            defaultValue: "Open Detached Release Center",
-                        }) })) : null] }), _jsxs("div", { className: "border-t border-border/40 pt-4", children: [_jsx("label", { htmlFor: "release-notes-url", className: "mb-1.5 block text-xs font-medium uppercase tracking-wider text-muted", children: t("releasecenterview.ReleaseNotes", {
-                            defaultValue: "Release Notes",
-                        }) }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [_jsx(Input, { id: "release-notes-url", type: "text", className: "h-9 flex-1 rounded-lg bg-bg text-xs", value: releaseNotesUrl, onChange: (e) => {
-                                    setReleaseNotesUrlDirty(true);
-                                    setReleaseNotesUrl(e.target.value);
-                                } }), _jsxs("div", { className: "flex flex-wrap gap-2 sm:justify-end", children: [_jsxs(Button, { size: "sm", variant: "outline", className: "h-9 rounded-lg px-3 text-xs font-medium", disabled: busyAction === "open-release-notes", onClick: () => void runAction("open-release-notes", openReleaseNotesWindow, t("releasecenterview.ReleaseNotesOpened", {
-                                            defaultValue: "Release notes opened.",
-                                        })), children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5", "aria-hidden": true }), t("common.open", { defaultValue: "Open" })] }), _jsx(Button, { size: "icon", variant: "ghost", className: "h-9 w-9 rounded-lg text-muted-strong", "aria-label": t("releasecenter.ResetUrl", {
-                                            defaultValue: "Reset URL",
-                                        }), title: t("releasecenter.ResetUrl", {
-                                            defaultValue: "Reset URL",
-                                        }), onClick: () => void runAction("reset-release-url", async () => {
-                                            setReleaseNotesUrlDirty(false);
-                                            setReleaseNotesUrl(normalizeReleaseNotesUrl(nativeUpdater?.baseUrl ?? defaultReleaseNotesUrl));
-                                        }, t("releasecenterview.ReleaseNotesReset", {
-                                            defaultValue: "Release notes URL reset.",
-                                        })), children: _jsx(RotateCcw, { className: "h-4 w-4", "aria-hidden": true }) })] })] })] })] }));
-}

package/dist/components/pages/RuntimeView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuntimeView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/RuntimeView.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,SAAS,EAAoC,MAAM,OAAO,CAAC;AAoWzE,wBAAgB,WAAW,CAAC,EAC1B,aAAa,GACd,GAAE;IACD,aAAa,CAAC,EAAE,SAAS,CAAC;CACtB,2CA8YL"}

package/dist/components/pages/RuntimeView.js

@@ -1,283 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Input, MetaPill, PageLayout, PagePanel, SidebarContent, SidebarHeader, SidebarPanel, SidebarScrollRegion, } from "@elizaos/ui";
-import { useCallback, useEffect, useState } from "react";
-import { client, } from "../../api/index.js";
-import { useApp } from "../../state/index.js";
-import { formatDateTime } from "../../utils/format.js";
-import { AppPageSidebar } from "../shared/AppPageSidebar.js";
-const SECTION_TAB_KEYS = [
-    {
-        key: "summary",
-        i18nKey: "runtimeview.Summary",
-    },
-    {
-        key: "runtime",
-        i18nKey: "common.runtime",
-    },
-    {
-        key: "actions",
-        i18nKey: "common.actions",
-    },
-    {
-        key: "providers",
-        i18nKey: "common.providers",
-    },
-    {
-        key: "plugins",
-        i18nKey: "common.plugins",
-    },
-    {
-        key: "services",
-        i18nKey: "runtimeview.tabServices",
-    },
-    {
-        key: "evaluators",
-        i18nKey: "common.evaluators",
-    },
-];
-const SECTION_DESCRIPTION_KEYS = {
-    summary: "runtimeview.summaryDescription",
-    runtime: "runtimeview.runtimeDescription",
-    actions: "runtimeview.actionsDescription",
-    providers: "runtimeview.providersDescription",
-    plugins: "runtimeview.pluginsDescription",
-    services: "runtimeview.servicesDescription",
-    evaluators: "runtimeview.evaluatorsDescription",
-};
-function nodeSummary(value) {
-    if (value === null)
-        return "null";
-    if (typeof value === "string") {
-        const compact = value.length > 100 ? `${value.slice(0, 100)}...` : value;
-        return JSON.stringify(compact);
-    }
-    if (typeof value === "number" || typeof value === "boolean") {
-        return String(value);
-    }
-    if (Array.isArray(value))
-        return `Array(${value.length})`;
-    if (typeof value === "object") {
-        const record = value;
-        const typeTag = typeof record.__type === "string" ? record.__type : null;
-        if (typeTag === "array" && typeof record.length === "number") {
-            return `Array(${String(record.length)})`;
-        }
-        if (typeTag === "map" && typeof record.size === "number") {
-            return `Map(${String(record.size)})`;
-        }
-        if (typeTag === "set" && typeof record.size === "number") {
-            return `Set(${String(record.size)})`;
-        }
-        if (typeTag === "object") {
-            const className = typeof record.className === "string" ? record.className : "Object";
-            const props = record.properties &&
-                typeof record.properties === "object" &&
-                !Array.isArray(record.properties)
-                ? Object.keys(record.properties).length
-                : 0;
-            return `${className} {${props}}`;
-        }
-        return `${typeTag ?? "Object"} {${Object.keys(record).length}}`;
-    }
-    return String(value);
-}
-function isExpandable(value) {
-    if (Array.isArray(value))
-        return value.length > 0;
-    if (!value || typeof value !== "object")
-        return false;
-    return Object.keys(value).length > 0;
-}
-function nodeEntries(value, path) {
-    if (Array.isArray(value)) {
-        return value.map((entry, index) => ({
-            key: `[${index}]`,
-            value: entry,
-            path: `${path}[${index}]`,
-        }));
-    }
-    if (!value || typeof value !== "object")
-        return [];
-    return Object.entries(value).map(([key, entry]) => ({
-        key,
-        value: entry,
-        path: `${path}.${key}`,
-    }));
-}
-function buildInitialExpanded(rootPath, value) {
-    const expanded = new Set([rootPath]);
-    const firstLayer = nodeEntries(value, rootPath).slice(0, 24);
-    for (const entry of firstLayer)
-        expanded.add(entry.path);
-    return expanded;
-}
-function orderItemLabel(entry) {
-    const idPart = entry.id ? ` (${entry.id})` : "";
-    return `[${entry.index}] ${entry.name} :: ${entry.className}${idPart}`;
-}
-function TreeNode(props) {
-    const { t } = useApp();
-    const { label, value, path, depth, expanded, onToggle } = props;
-    const canExpand = isExpandable(value);
-    const open = expanded.has(path);
-    const entries = canExpand ? nodeEntries(value, path) : [];
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-baseline gap-1 text-xs font-mono leading-6", style: { paddingLeft: `${depth * 14}px` }, children: [canExpand ? (_jsx(Button, { variant: "ghost", size: "icon", type: "button", onClick: () => onToggle(path), className: "h-5 w-5 shrink-0 rounded-md p-0 text-left text-muted hover:bg-bg-hover hover:text-txt", title: open ? t("common.collapse") : t("common.expand"), children: open ? "▾" : "▸" })) : (_jsx("span", { className: "inline-block w-4 text-muted", children: "\u00B7" })), _jsx("span", { className: "text-muted", children: label }), _jsx("span", { className: "min-w-0 break-all text-txt", children: nodeSummary(value) })] }), canExpand && open ? (_jsx("div", { children: entries.map((entry) => (_jsx(TreeNode, { label: entry.key, value: entry.value, path: entry.path, depth: depth + 1, expanded: expanded, onToggle: onToggle }, entry.path))) })) : null] }));
-}
-function OrderCard(props) {
-    const { t } = useApp();
-    const { title, entries } = props;
-    return (_jsxs(PagePanel, { variant: "section", className: "p-5", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: title }), _jsx(MetaPill, { children: entries.length })] }), _jsx(PagePanel, { variant: "inset", className: "max-h-[18rem] overflow-auto px-4 py-3 text-xs font-mono leading-6 tabular-nums", children: entries.length === 0 ? (_jsx("div", { className: "text-muted", children: t("runtimeview.none") })) : (entries.map((entry) => (_jsx("div", { className: "min-w-0 break-words text-txt", children: orderItemLabel(entry) }, `${title}-${entry.index}`)))) })] }));
-}
-function ServicesOrderCard(props) {
-    const { t } = useApp();
-    const { entries } = props;
-    return (_jsxs(PagePanel, { variant: "section", className: "p-5", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: t("runtimeview.Services") }), _jsxs(MetaPill, { children: [entries.length, " ", t("runtimeview.types")] })] }), _jsx(PagePanel, { variant: "inset", className: "max-h-[18rem] space-y-3 overflow-auto px-4 py-3 text-xs font-mono leading-6 tabular-nums", children: entries.length === 0 ? (_jsx("div", { className: "text-muted", children: t("runtimeview.none") })) : (entries.map((serviceGroup) => (_jsxs(PagePanel, { variant: "inset", className: "px-3 py-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "min-w-0 break-words text-txt", children: ["[", serviceGroup.index, "] ", serviceGroup.serviceType] }), _jsx(MetaPill, { children: serviceGroup.count })] }), _jsx("div", { className: "mt-2 space-y-1 pl-3 text-muted", children: serviceGroup.instances.map((instance) => (_jsx("div", { className: "min-w-0 break-words", children: orderItemLabel(instance) }, `${serviceGroup.serviceType}-${instance.index}`))) })] }, `${serviceGroup.serviceType}-${serviceGroup.index}`)))) })] }));
-}
-function RuntimeSummaryCard(props) {
-    const { snapshot, t } = props;
-    const summaryRows = [
-        {
-            label: t("runtimeview.runtime"),
-            value: snapshot.runtimeAvailable
-                ? t("runtimeview.available")
-                : t("common.offline"),
-        },
-        { label: t("runtimeview.agent"), value: snapshot.meta.agentName },
-        { label: t("runtimeview.state"), value: snapshot.meta.agentState },
-        { label: t("runtimeview.model"), value: snapshot.meta.model ?? "n/a" },
-        {
-            label: t("runtimeview.plugins"),
-            value: String(snapshot.meta.pluginCount),
-        },
-        {
-            label: t("runtimeview.actions"),
-            value: String(snapshot.meta.actionCount),
-        },
-        {
-            label: t("runtimeview.providers"),
-            value: String(snapshot.meta.providerCount),
-        },
-        {
-            label: t("runtimeview.evaluators"),
-            value: String(snapshot.meta.evaluatorCount),
-        },
-        {
-            label: t("runtimeview.services"),
-            value: String(snapshot.meta.serviceCount),
-        },
-    ];
-    return (_jsxs(PagePanel, { variant: "section", className: "p-5", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: t("runtimeview.Summary") }), _jsx("div", { className: snapshot.runtimeAvailable
-                            ? "rounded-full border border-ok/30 bg-ok/10 px-2.5 py-1 text-xs-tight font-medium text-ok"
-                            : "rounded-full border border-warning/30 bg-warning/10 px-2.5 py-1 text-xs-tight font-medium text-warning", children: snapshot.runtimeAvailable
-                            ? t("runtimeview.available")
-                            : t("common.offline") })] }), _jsx("div", { className: "grid gap-2 text-xs tabular-nums", children: summaryRows.map((row) => (_jsxs(PagePanel, { variant: "inset", className: "flex items-start justify-between gap-3 px-3 py-2", children: [_jsx("span", { className: "text-muted", children: row.label }), _jsx("span", { className: "min-w-0 break-all text-right font-semibold text-txt", children: row.value })] }, row.label))) })] }));
-}
-export function RuntimeView({ contentHeader, } = {}) {
-    const { t } = useApp();
-    const [snapshot, setSnapshot] = useState(null);
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState(null);
-    const [activeSection, setActiveSection] = useState("summary");
-    const [sidebarSearch, setSidebarSearch] = useState("");
-    const [expandedPaths, setExpandedPaths] = useState(new Set());
-    const [depth, setDepth] = useState(10);
-    const [maxArrayLength, setMaxArrayLength] = useState(1000);
-    const [maxObjectEntries, setMaxObjectEntries] = useState(1000);
-    const sectionData = activeSection === "summary"
-        ? (snapshot?.sections.runtime ?? null)
-        : (snapshot?.sections[activeSection] ?? null);
-    const rootPath = activeSection === "summary" ? "$runtime" : `$${activeSection}`;
-    const loadSnapshot = useCallback(async () => {
-        setLoading(true);
-        setError(null);
-        try {
-            const next = await client.getRuntimeSnapshot({
-                depth,
-                maxArrayLength,
-                maxObjectEntries,
-            });
-            setSnapshot(next);
-        }
-        catch (err) {
-            setError(err instanceof Error ? err.message : "Failed to load runtime snapshot");
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [depth, maxArrayLength, maxObjectEntries]);
-    useEffect(() => {
-        void loadSnapshot();
-    }, [loadSnapshot]);
-    useEffect(() => {
-        setExpandedPaths(buildInitialExpanded(rootPath, sectionData));
-    }, [rootPath, sectionData]);
-    const handleTogglePath = useCallback((path) => {
-        setExpandedPaths((previous) => {
-            const next = new Set(previous);
-            if (next.has(path))
-                next.delete(path);
-            else
-                next.add(path);
-            return next;
-        });
-    }, []);
-    const sectionMeta = {
-        summary: snapshot
-            ? `${snapshot.meta.pluginCount + snapshot.meta.providerCount + snapshot.meta.evaluatorCount} signals`
-            : "overview",
-        runtime: snapshot
-            ? `${Object.keys(snapshot.sections.runtime ?? {}).length} roots`
-            : "raw tree",
-        actions: snapshot ? "registered handlers" : "actions",
-        providers: snapshot ? "loaded contexts" : "providers",
-        plugins: snapshot ? "active modules" : "plugins",
-        services: snapshot ? "instantiated services" : "services",
-        evaluators: snapshot ? "decision hooks" : "evaluators",
-    };
-    const getSectionCount = (sectionKey) => {
-        if (!snapshot)
-            return null;
-        switch (sectionKey) {
-            case "summary":
-                return null;
-            case "runtime":
-                return snapshot.runtimeAvailable ? "live" : "offline";
-            case "actions":
-                return String(snapshot.order.actions.length);
-            case "providers":
-                return String(snapshot.order.providers.length);
-            case "plugins":
-                return String(snapshot.order.plugins.length);
-            case "services":
-                return String(snapshot.order.services.length);
-            case "evaluators":
-                return String(snapshot.order.evaluators.length);
-        }
-    };
-    const filteredSections = sidebarSearch
-        ? SECTION_TAB_KEYS.filter((s) => t(s.i18nKey).toLowerCase().includes(sidebarSearch.toLowerCase()))
-        : SECTION_TAB_KEYS;
-    const runtimeSidebar = (_jsxs(AppPageSidebar, { testId: "runtime-sidebar", collapsible: true, contentIdentity: "runtime", children: [_jsx(SidebarHeader, { search: {
-                    value: sidebarSearch,
-                    onChange: (e) => setSidebarSearch(e.target.value),
-                    placeholder: t("runtimeview.filterSections", {
-                        defaultValue: "Filter sections",
-                    }),
-                    "aria-label": t("runtimeview.filterSections", {
-                        defaultValue: "Filter sections",
-                    }),
-                    onClear: () => setSidebarSearch(""),
-                } }), _jsxs(SidebarPanel, { children: [_jsxs(PagePanel.SummaryCard, { compact: true, className: "mt-2 space-y-2", children: [_jsxs("label", { className: "flex flex-col gap-1 text-xs-tight text-muted", children: [_jsx("span", { children: t("runtimeview.depth") }), _jsx(Input, { type: "number", min: 1, max: 24, value: depth, onChange: (event) => setDepth(Math.max(1, Math.min(24, Number(event.target.value) || 1))), className: "relative overflow-hidden border border-border/28 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_86%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_18px_28px_-24px_rgba(15,23,42,0.12)] backdrop-blur-md transition-[border-color,background-color,box-shadow] duration-200 before:pointer-events-none before:absolute before:inset-x-3 before:top-0 before:h-px before:bg-[linear-gradient(90deg,transparent,rgba(255,255,255,0.24),transparent)] hover:border-border/40 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_96%,transparent))] focus-within:border-accent/24 focus-within:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_92%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] focus-within:shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_20px_30px_-24px_rgba(15,23,42,0.14)] dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_20px_30px_-26px_rgba(0,0,0,0.24)] h-9 rounded-xl px-3 text-sm text-txt" })] }), _jsxs("label", { className: "flex flex-col gap-1 text-xs-tight text-muted", children: [_jsx("span", { children: t("runtimeview.arrayCap") }), _jsx(Input, { type: "number", min: 1, max: 5000, value: maxArrayLength, onChange: (event) => setMaxArrayLength(Math.max(1, Math.min(5000, Number(event.target.value) || 1))), className: "relative overflow-hidden border border-border/28 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_86%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_18px_28px_-24px_rgba(15,23,42,0.12)] backdrop-blur-md transition-[border-color,background-color,box-shadow] duration-200 before:pointer-events-none before:absolute before:inset-x-3 before:top-0 before:h-px before:bg-[linear-gradient(90deg,transparent,rgba(255,255,255,0.24),transparent)] hover:border-border/40 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_96%,transparent))] focus-within:border-accent/24 focus-within:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_92%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] focus-within:shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_20px_30px_-24px_rgba(15,23,42,0.14)] dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_20px_30px_-26px_rgba(0,0,0,0.24)] h-9 rounded-xl px-3 text-sm text-txt" })] }), _jsxs("label", { className: "flex flex-col gap-1 text-xs-tight text-muted", children: [_jsx("span", { children: t("runtimeview.objectCap") }), _jsx(Input, { type: "number", min: 1, max: 5000, value: maxObjectEntries, onChange: (event) => setMaxObjectEntries(Math.max(1, Math.min(5000, Number(event.target.value) || 1))), className: "relative overflow-hidden border border-border/28 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_86%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_18px_28px_-24px_rgba(15,23,42,0.12)] backdrop-blur-md transition-[border-color,background-color,box-shadow] duration-200 before:pointer-events-none before:absolute before:inset-x-3 before:top-0 before:h-px before:bg-[linear-gradient(90deg,transparent,rgba(255,255,255,0.24),transparent)] hover:border-border/40 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_96%,transparent))] focus-within:border-accent/24 focus-within:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_92%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] focus-within:shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_20px_30px_-24px_rgba(15,23,42,0.14)] dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_20px_30px_-26px_rgba(0,0,0,0.24)] h-9 rounded-xl px-3 text-sm text-txt" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-1.5 pt-0.5", children: [_jsx(Button, { variant: "outline", size: "sm", type: "button", onClick: () => void loadSnapshot(), disabled: loading, className: loading
-                                            ? "h-8 rounded-full px-3.5 text-2xs font-semibold tracking-[0.12em] border border-accent/26 bg-[linear-gradient(180deg,rgba(var(--accent-rgb),0.16),rgba(var(--accent-rgb),0.07))] text-txt-strong shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_14px_22px_-18px_rgba(var(--accent-rgb),0.24)] ring-1 ring-inset ring-accent/10 hover:border-accent/42 hover:bg-[linear-gradient(180deg,rgba(var(--accent-rgb),0.2),rgba(var(--accent-rgb),0.1))] hover:text-txt-strong"
-                                            : "h-8 rounded-full px-3.5 text-2xs font-semibold tracking-[0.12em] border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] text-muted-strong shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_14px_20px_-18px_rgba(15,23,42,0.14)] backdrop-blur-md transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-border/46 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] hover:text-txt hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_16px_22px_-18px_rgba(15,23,42,0.16)] active:scale-95 disabled:hover:border-border/32 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] disabled:hover:text-muted-strong dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_16px_24px_-20px_rgba(0,0,0,0.24)]", children: loading ? t("common.refreshing") : t("common.refresh") }), _jsx(Button, { variant: "outline", size: "sm", type: "button", onClick: () => setExpandedPaths(buildInitialExpanded(rootPath, sectionData)), className: "h-8 rounded-full px-3.5 text-2xs font-semibold tracking-[0.12em] border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] text-muted-strong shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_14px_20px_-18px_rgba(15,23,42,0.14)] backdrop-blur-md transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-border/46 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] hover:text-txt hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_16px_22px_-18px_rgba(15,23,42,0.16)] active:scale-95 disabled:hover:border-border/32 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] disabled:hover:text-muted-strong dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_16px_24px_-20px_rgba(0,0,0,0.24)]", disabled: activeSection === "summary", children: t("runtimeview.ExpandTop") })] })] }), _jsx(SidebarContent.SectionLabel, { className: "mt-3", children: t("runtimeview.sections") }), _jsx(SidebarScrollRegion, { className: "mt-2", children: _jsx("div", { className: "space-y-1.5", children: filteredSections.map((section) => {
-                                const active = section.key === activeSection;
-                                return (_jsxs(SidebarContent.Item, { active: active, onClick: () => setActiveSection(section.key), "aria-current": active ? "page" : undefined, children: [_jsx(SidebarContent.ItemIcon, { active: active, children: section.key === "summary"
-                                                ? "Σ"
-                                                : t(section.i18nKey).charAt(0).toUpperCase() }), _jsxs("span", { className: "min-w-0 flex-1 text-left", children: [_jsx(SidebarContent.ItemTitle, { children: t(section.i18nKey) }), _jsx(SidebarContent.ItemDescription, { children: sectionMeta[section.key] })] }), getSectionCount(section.key) ? (_jsx(MetaPill, { compact: true, children: getSectionCount(section.key) })) : null] }, section.key));
-                            }) }) })] })] }));
-    return (_jsx(PageLayout, { sidebar: runtimeSidebar, contentHeader: contentHeader, "data-testid": "runtime-view", children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4", children: [error ? (_jsx("div", { className: "rounded-2xl border border-danger/30 bg-danger/10 px-4 py-3 text-sm text-danger", children: error })) : null, !snapshot ? (_jsx(PagePanel.Empty, { variant: "panel", className: "min-h-[24rem]", description: t("runtimeview.loadingDescription"), title: loading
-                        ? t("runtimeview.loadingSnapshot")
-                        : t("runtimeview.noSnapshotAvailable") })) : !snapshot.runtimeAvailable ? (_jsx(PagePanel.Empty, { variant: "panel", className: "min-h-[24rem] border-warning/25 bg-warning/10 text-warning", description: t("runtimeview.runtimePendingDescription"), title: t("runtimeview.AgentRuntimeIsNot") })) : activeSection === "summary" ? (_jsxs("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3", children: [_jsx(OrderCard, { title: t("common.plugins"), entries: snapshot.order.plugins }), _jsx(OrderCard, { title: t("common.actions"), entries: snapshot.order.actions }), _jsx(OrderCard, { title: t("common.providers"), entries: snapshot.order.providers }), _jsx(OrderCard, { title: t("common.evaluators"), entries: snapshot.order.evaluators }), _jsx(ServicesOrderCard, { entries: snapshot.order.services }), _jsx(RuntimeSummaryCard, { snapshot: snapshot, t: t })] })) : (_jsxs(_Fragment, { children: [_jsxs(PagePanel, { variant: "padded", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted/70", children: t("runtimeview.sectionLabel") }), _jsx("div", { className: "mt-2 text-[2rem] font-semibold leading-tight text-txt", children: t(SECTION_TAB_KEYS.find((section) => section.key === activeSection)?.i18nKey ?? "runtimeview.runtime") }), _jsx("p", { className: "mt-3 max-w-3xl text-sm leading-6 text-muted", children: t(SECTION_DESCRIPTION_KEYS[activeSection]) })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", type: "button", onClick: () => setExpandedPaths(new Set([rootPath])), className: "h-8 rounded-full px-3.5 text-2xs font-semibold tracking-[0.12em] border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] text-muted-strong shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_14px_20px_-18px_rgba(15,23,42,0.14)] backdrop-blur-md transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-border/46 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] hover:text-txt hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_16px_22px_-18px_rgba(15,23,42,0.16)] active:scale-95 disabled:hover:border-border/32 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] disabled:hover:text-muted-strong dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_16px_24px_-20px_rgba(0,0,0,0.24)]", children: t("common.collapse") }), _jsx(Button, { variant: "outline", size: "sm", type: "button", onClick: () => setExpandedPaths(buildInitialExpanded(rootPath, sectionData)), className: "h-8 rounded-full px-3.5 text-2xs font-semibold tracking-[0.12em] border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] text-muted-strong shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_14px_20px_-18px_rgba(15,23,42,0.14)] backdrop-blur-md transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-border/46 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] hover:text-txt hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_16px_22px_-18px_rgba(15,23,42,0.16)] active:scale-95 disabled:hover:border-border/32 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] disabled:hover:text-muted-strong dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_16px_24px_-20px_rgba(0,0,0,0.24)]", children: t("runtimeview.ExpandTop") })] })] }), _jsxs("div", { className: "mt-5 grid gap-3 sm:grid-cols-2 xl:grid-cols-4", children: [_jsxs(PagePanel, { variant: "inset", className: "px-4 py-4", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: t("runtimeview.path") }), _jsx("div", { className: "mt-2 font-mono text-sm text-txt", children: rootPath })] }), _jsxs(PagePanel, { variant: "inset", className: "px-4 py-4", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: t("runtimeview.lastUpdated") }), _jsx("div", { className: "mt-2 text-sm font-semibold text-txt", children: formatDateTime(snapshot.generatedAt, {
-                                                        fallback: "n/a",
-                                                    }) })] }), _jsxs(PagePanel, { variant: "inset", className: "px-4 py-4", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: t("runtimeview.depth") }), _jsx("div", { className: "mt-2 text-sm font-semibold text-txt", children: depth })] }), _jsxs(PagePanel, { variant: "inset", className: "px-4 py-4", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.14em] text-muted/70", children: t("runtimeview.objectCap") }), _jsx("div", { className: "mt-2 text-sm font-semibold text-txt", children: maxObjectEntries })] })] })] }), _jsx(PagePanel, { variant: "surface", className: "min-h-[24rem] flex-1 overflow-auto p-4", children: sectionData == null ? (_jsx(PagePanel.Empty, { variant: "inset", description: t("runtimeview.noSectionData"), title: t("runtimeview.sectionUnavailable") })) : (_jsx(TreeNode, { label: activeSection, value: sectionData, path: rootPath, depth: 0, expanded: expandedPaths, onToggle: handleTogglePath })) })] }))] }) }));
-}

package/dist/components/pages/SecretsView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SecretsView.d.ts","sourceRoot":"","sources":["../../../../../../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"}