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

package/components/pages/RelationshipsIdentityCluster.d.ts

@@ -0,0 +1,5 @@
+import type { RelationshipsPersonDetail } from "../../api/client-types-relationships";
+export declare function RelationshipsIdentityCluster({ person, }: {
+    person: RelationshipsPersonDetail;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=RelationshipsIdentityCluster.d.ts.map

package/components/pages/RelationshipsIdentityCluster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationshipsIdentityCluster.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/RelationshipsIdentityCluster.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAMtF,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,GACP,EAAE;IACD,MAAM,EAAE,yBAAyB,CAAC;CACnC,kDAmCA"}

package/components/pages/RelationshipsIdentityCluster.js

@@ -0,0 +1,17 @@
+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/components/pages/RelationshipsView.d.ts

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

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

@@ -0,0 +1 @@
+{"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/components/pages/RelationshipsView.js

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

package/components/pages/ReleaseCenterView.d.ts

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

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

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

package/components/pages/ReleaseCenterView.js

@@ -0,0 +1,216 @@
+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/components/pages/RuntimeView.d.ts

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

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

@@ -0,0 +1 @@
+{"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/components/pages/RuntimeView.js

@@ -0,0 +1,283 @@
+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/components/pages/SecretsView.d.ts

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

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

@@ -0,0 +1 @@
+{"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"}