@elizaos/app-core 2.0.0-alpha.54 → 2.0.0-alpha.55

package/dist/components/AdvancedPageView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedPageView.d.ts","sourceRoot":"","sources":["../../src/components/AdvancedPageView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAqOH,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,2CAwHvE"}
+{"version":3,"file":"AdvancedPageView.d.ts","sourceRoot":"","sources":["../../src/components/AdvancedPageView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAqPH,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,2CA4HvE"}

package/dist/components/AdvancedPageView.js

@@ -18,9 +18,15 @@ import { useState } from "react";
 import { CustomActionsView } from "./CustomActionsView";
 import { FineTuningView } from "./FineTuningView";
 import { LifoSandboxView } from "./LifoSandboxView";
+import { SecurityPageView } from "./SecurityPageView";
 import { TrajectoriesView } from "./TrajectoriesView";
 import { TrajectoryDetailView } from "./TrajectoryDetailView";
 const SUB_TABS = [
+    {
+        id: "actions",
+        label: "Actions",
+        description: "Custom agent commands and workflows",
+    },
     { id: "plugins", label: "Plugins", description: "Features and connectors" },
     { id: "skills", label: "Skills", description: "Custom agent skills" },
     // {
@@ -49,6 +55,11 @@ const SUB_TABS = [
     //   description: "Browser-native shell sandbox and file explorer",
     // },
     { id: "logs", label: "Logs", description: "Runtime and service logs" },
+    {
+        id: "security",
+        label: "Security",
+        description: "Audit trail for privileged runtime activity",
+    },
 ];
 const MODAL_SUB_TABS = SUB_TABS.filter((t) => t.id !== "plugins" && t.id !== "skills");
 const SUBTAB_ICONS = {
@@ -63,6 +74,8 @@ const SUBTAB_ICONS = {
 };
 function mapTabToSubTab(tab) {
     switch (tab) {
+        case "actions":
+            return "actions";
         case "plugins":
             return "plugins";
         case "skills":
@@ -79,6 +92,8 @@ function mapTabToSubTab(tab) {
             return "lifo";
         case "logs":
             return "logs";
+        case "security":
+            return "security";
         default:
             return "plugins";
     }
@@ -94,6 +109,8 @@ export function AdvancedPageView({ inModal } = {}) {
     };
     const renderContent = () => {
         switch (currentSubTab) {
+            case "actions":
+                return _jsx(CustomActionsView, {});
             case "plugins":
                 return _jsx(PluginsPageView, {});
             case "skills":
@@ -113,8 +130,10 @@ export function AdvancedPageView({ inModal } = {}) {
                 return _jsx(LifoSandboxView, {});
             case "logs":
                 return _jsx(LogsPageView, {});
+            case "security":
+                return _jsx(SecurityPageView, {});
             default:
-                return inModal ? _jsx(CustomActionsView, {}) : _jsx(PluginsPageView, {});
+                return _jsx(PluginsPageView, {});
         }
     };
     return (_jsxs("div", { className: inModal ? "settings-modal-layout" : "flex flex-col h-full min-h-0", children: [inModal ? (_jsx("nav", { className: "settings-icon-sidebar", children: tabs.map((subTab) => (_jsxs("button", { type: "button", className: `advanced-subtab-btn settings-icon-btn ${currentSubTab === subTab.id ? "is-active" : ""}`, onClick: () => handleSubTabChange(subTab.id), title: subTab.description, children: [SUBTAB_ICONS[subTab.id], _jsx("span", { className: "settings-icon-label", children: subTab.label })] }, subTab.id))) })) : (_jsx("div", { className: "mb-4 shrink-0", children: _jsx("div", { className: "flex gap-1 border-b border-border", children: tabs.map((subTab) => {

package/dist/components/SecurityPageView.d.ts

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

package/dist/components/SecurityPageView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityPageView.d.ts","sourceRoot":"","sources":["../../src/components/SecurityPageView.tsx"],"names":[],"mappings":"AAgEA,wBAAgB,gBAAgB,4CA0K/B"}

package/dist/components/SecurityPageView.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@elizaos/ui";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { client, } from "../api";
+import { formatDateTime } from "./format";
+const SEVERITY_OPTIONS = [
+    { value: "", label: "All severities" },
+    { value: "critical", label: "Critical" },
+    { value: "error", label: "Error" },
+    { value: "warn", label: "Warn" },
+    { value: "info", label: "Info" },
+];
+const SEVERITY_STYLES = {
+    critical: {
+        badge: "bg-red-500/15 text-red-300 border-red-500/30",
+        tone: "text-red-200",
+    },
+    error: {
+        badge: "bg-orange-500/15 text-orange-200 border-orange-500/30",
+        tone: "text-orange-100",
+    },
+    warn: {
+        badge: "bg-amber-500/15 text-amber-200 border-amber-500/30",
+        tone: "text-amber-100",
+    },
+    info: {
+        badge: "bg-sky-500/15 text-sky-200 border-sky-500/30",
+        tone: "text-sky-100",
+    },
+};
+function summarizeCounts(entries) {
+    return entries.reduce((counts, entry) => {
+        counts[entry.severity] += 1;
+        return counts;
+    }, {
+        critical: 0,
+        error: 0,
+        warn: 0,
+        info: 0,
+    });
+}
+function metadataPairs(entry) {
+    return Object.entries(entry.metadata ?? {}).map(([key, value]) => [
+        key,
+        String(value),
+    ]);
+}
+export function SecurityPageView() {
+    const [entries, setEntries] = useState([]);
+    const [totalBuffered, setTotalBuffered] = useState(0);
+    const [severity, setSeverity] = useState("");
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const loadAudit = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const response = await client.getSecurityAudit({
+                limit: 50,
+                severity: severity || undefined,
+            });
+            setEntries(response.entries);
+            setTotalBuffered(response.totalBuffered);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to load audit log.");
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [severity]);
+    useEffect(() => {
+        void loadAudit();
+    }, [loadAudit]);
+    const counts = useMemo(() => summarizeCounts(entries), [entries]);
+    return (_jsxs("section", { className: "flex h-full flex-col gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "m-0 text-lg font-bold", children: "Security Audit" }), _jsx("p", { className: "mt-1 text-sm text-[var(--muted)]", children: "Review privileged actions, policy decisions, and runtime security events." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("select", { "aria-label": "Security severity filter", className: "h-9 min-w-40 rounded-xl border border-border bg-bg px-3 text-sm text-txt", value: severity, onChange: (event) => setSeverity(event.target.value), children: SEVERITY_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.label))) }), _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "h-9 rounded-xl", onClick: () => void loadAudit(), disabled: loading, children: loading ? "Refreshing..." : "Refresh" })] })] }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-5", children: [_jsxs("div", { className: "rounded-2xl border border-border/60 bg-card/50 p-4", children: [_jsx("div", { className: "text-xs uppercase tracking-[0.16em] text-muted", children: "Buffered" }), _jsx("div", { className: "mt-2 text-2xl font-semibold", children: totalBuffered })] }), ["critical", "error", "warn", "info"].map((level) => (_jsxs("div", { className: "rounded-2xl border border-border/60 bg-card/50 p-4", children: [_jsx("div", { className: "text-xs uppercase tracking-[0.16em] text-muted", children: level }), _jsx("div", { className: `mt-2 text-2xl font-semibold ${SEVERITY_STYLES[level].tone}`, children: counts[level] })] }, level)))] }), error ? (_jsx("div", { className: "rounded-2xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-200", children: error })) : null, _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto rounded-2xl border border-border/60 bg-card/35", children: loading && entries.length === 0 ? (_jsx("div", { className: "px-4 py-6 text-sm text-[var(--muted)]", children: "Loading security audit..." })) : entries.length === 0 ? (_jsx("div", { className: "px-4 py-6 text-sm text-[var(--muted)]", children: "No security events recorded for the current filter." })) : (_jsx("div", { className: "divide-y divide-border/50", children: entries.map((entry, index) => {
+                        const metadata = metadataPairs(entry);
+                        const severityStyle = SEVERITY_STYLES[entry.severity];
+                        return (_jsxs("article", { className: "px-4 py-4", children: [_jsxs("div", { className: "flex flex-wrap items-start gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: `rounded-full border px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.14em] ${severityStyle.badge}`, children: entry.severity }), _jsx("span", { className: "text-xs text-[var(--muted)]", children: entry.type })] }), _jsx("div", { className: "mt-2 text-sm font-medium text-txt", children: entry.summary })] }), _jsx("div", { className: "text-right text-xs text-[var(--muted)]", children: formatDateTime(entry.timestamp) })] }), entry.traceId ? (_jsxs("div", { className: "mt-2 text-xs text-[var(--muted)]", children: ["Trace:", " ", _jsx("span", { className: "font-mono text-txt", children: entry.traceId })] })) : null, metadata.length > 0 ? (_jsx("dl", { className: "mt-3 grid gap-2 sm:grid-cols-2 xl:grid-cols-3", children: metadata.map(([key, value]) => (_jsxs("div", { className: "rounded-xl border border-border/40 bg-bg/40 px-3 py-2", children: [_jsx("dt", { className: "text-[11px] uppercase tracking-[0.12em] text-muted", children: key }), _jsx("dd", { className: "mt-1 break-all font-mono text-xs text-txt", children: value })] }, `${entry.timestamp}-${key}`))) })) : null] }, `${entry.timestamp}-${entry.type}-${index}`));
+                    }) })) })] }));
+}

package/dist/components/index.d.ts

@@ -71,6 +71,7 @@ export * from "./RestartBanner";
 export * from "./RuntimeView";
 export * from "./SaveCommandModal";
 export * from "./SecretsView";
+export * from "./SecurityPageView";
 export * from "./SettingsView";
 export * from "./ShellOverlays";
 export * from "./ShortcutsOverlay";

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.js

@@ -71,6 +71,7 @@ export * from "./RestartBanner";
 export * from "./RuntimeView";
 export * from "./SaveCommandModal";
 export * from "./SecretsView";
+export * from "./SecurityPageView";
 export * from "./SettingsView";
 export * from "./ShellOverlays";
 export * from "./ShortcutsOverlay";

package/dist/config/config-field.js

@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { ChevronDown, X } from "lucide-react";
 import React, { useCallback, useRef, useState } from "react";
-import { useApp } from "../state";
+import { useApp } from "../state/useApp";
 import { resolveDynamic } from "./config-catalog";
 // ── Action binding helper ──────────────────────────────────────────────
 /**

package/dist/config/config-renderer.js

@@ -12,7 +12,7 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
  *   - Prompt generation: registry.catalog.prompt() for AI system prompts
  */
 import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useState, } from "react";
-import { useApp } from "../state";
+import { useApp } from "../state/useApp";
 import { defaultCatalog, defineRegistry, evaluateShowIf, evaluateVisibility, resolveFields, runValidation, } from "./config-catalog";
 import { ConfigField } from "./config-field";
 // ── Group icons ────────────────────────────────────────────────────────

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/app-core",
-  "version": "2.0.0-alpha.54",
+  "version": "2.0.0-alpha.55",
   "description": "Shared application core for elizaOS shells and white-label apps.",
   "type": "module",
   "license": "MIT",
@@ -68,8 +68,8 @@
     "@capacitor/haptics": "8.0.0",
     "@capacitor/keyboard": "8.0.0",
     "@capacitor/preferences": "^8.0.1",
-    "@elizaos/autonomous": "2.0.0-alpha.54",
-    "@elizaos/ui": "2.0.0-alpha.54",
+    "@elizaos/autonomous": "2.0.0-alpha.55",
+    "@elizaos/ui": "2.0.0-alpha.55",
     "@lifo-sh/core": "0.4.4",
     "@lifo-sh/ui": "0.4.2",
     "@pixiv/three-vrm": "^3.4.5",
@@ -89,5 +89,5 @@
     "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3"
   },
-  "gitHead": "2a2db284c54c4762fdd996be3c9a68458b6a041b"
+  "gitHead": "500b9377b46e9e674d0624b4e964bfd10ae7d9d8"
 }

package/src/components/AdvancedPageView.tsx

@@ -25,10 +25,12 @@ import React, { type ReactNode, useState } from "react";
 import { CustomActionsView } from "./CustomActionsView";
 import { FineTuningView } from "./FineTuningView";
 import { LifoSandboxView } from "./LifoSandboxView";
+import { SecurityPageView } from "./SecurityPageView";
 import { TrajectoriesView } from "./TrajectoriesView";
 import { TrajectoryDetailView } from "./TrajectoryDetailView";
 
 type SubTab =
+  | "actions"
   | "plugins"
   | "skills"
   | "fine-tuning"
@@ -40,6 +42,11 @@ type SubTab =
   | "security";
 
 const SUB_TABS: Array<{ id: SubTab; label: string; description: string }> = [
+  {
+    id: "actions",
+    label: "Actions",
+    description: "Custom agent commands and workflows",
+  },
   { id: "plugins", label: "Plugins", description: "Features and connectors" },
   { id: "skills", label: "Skills", description: "Custom agent skills" },
   // {
@@ -68,6 +75,11 @@ const SUB_TABS: Array<{ id: SubTab; label: string; description: string }> = [
   //   description: "Browser-native shell sandbox and file explorer",
   // },
   { id: "logs", label: "Logs", description: "Runtime and service logs" },
+  {
+    id: "security",
+    label: "Security",
+    description: "Audit trail for privileged runtime activity",
+  },
 ];
 
 const MODAL_SUB_TABS = SUB_TABS.filter(
@@ -218,6 +230,8 @@ const SUBTAB_ICONS: Record<string, ReactNode> = {
 
 function mapTabToSubTab(tab: Tab): SubTab {
   switch (tab) {
+    case "actions":
+      return "actions";
     case "plugins":
       return "plugins";
     case "skills":
@@ -234,6 +248,8 @@ function mapTabToSubTab(tab: Tab): SubTab {
       return "lifo";
     case "logs":
       return "logs";
+    case "security":
+      return "security";
     default:
       return "plugins";
   }
@@ -255,6 +271,8 @@ export function AdvancedPageView({ inModal }: { inModal?: boolean } = {}) {
 
   const renderContent = () => {
     switch (currentSubTab) {
+      case "actions":
+        return <CustomActionsView />;
       case "plugins":
         return <PluginsPageView />;
       case "skills":
@@ -281,8 +299,10 @@ export function AdvancedPageView({ inModal }: { inModal?: boolean } = {}) {
         return <LifoSandboxView />;
       case "logs":
         return <LogsPageView />;
+      case "security":
+        return <SecurityPageView />;
       default:
-        return inModal ? <CustomActionsView /> : <PluginsPageView />;
+        return <PluginsPageView />;
     }
   };
 

package/src/components/SecurityPageView.tsx

@@ -0,0 +1,235 @@
+import { Button } from "@elizaos/ui";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import {
+  client,
+  type SecurityAuditEntry,
+  type SecurityAuditSeverity,
+} from "../api";
+import { formatDateTime } from "./format";
+
+const SEVERITY_OPTIONS: Array<{
+  value: "" | SecurityAuditSeverity;
+  label: string;
+}> = [
+  { value: "", label: "All severities" },
+  { value: "critical", label: "Critical" },
+  { value: "error", label: "Error" },
+  { value: "warn", label: "Warn" },
+  { value: "info", label: "Info" },
+];
+
+const SEVERITY_STYLES: Record<
+  SecurityAuditSeverity,
+  { badge: string; tone: string }
+> = {
+  critical: {
+    badge: "bg-red-500/15 text-red-300 border-red-500/30",
+    tone: "text-red-200",
+  },
+  error: {
+    badge: "bg-orange-500/15 text-orange-200 border-orange-500/30",
+    tone: "text-orange-100",
+  },
+  warn: {
+    badge: "bg-amber-500/15 text-amber-200 border-amber-500/30",
+    tone: "text-amber-100",
+  },
+  info: {
+    badge: "bg-sky-500/15 text-sky-200 border-sky-500/30",
+    tone: "text-sky-100",
+  },
+};
+
+function summarizeCounts(entries: SecurityAuditEntry[]) {
+  return entries.reduce<Record<SecurityAuditSeverity, number>>(
+    (counts, entry) => {
+      counts[entry.severity] += 1;
+      return counts;
+    },
+    {
+      critical: 0,
+      error: 0,
+      warn: 0,
+      info: 0,
+    },
+  );
+}
+
+function metadataPairs(entry: SecurityAuditEntry): Array<[string, string]> {
+  return Object.entries(entry.metadata ?? {}).map(([key, value]) => [
+    key,
+    String(value),
+  ]);
+}
+
+export function SecurityPageView() {
+  const [entries, setEntries] = useState<SecurityAuditEntry[]>([]);
+  const [totalBuffered, setTotalBuffered] = useState(0);
+  const [severity, setSeverity] = useState<"" | SecurityAuditSeverity>("");
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const loadAudit = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await client.getSecurityAudit({
+        limit: 50,
+        severity: severity || undefined,
+      });
+      setEntries(response.entries);
+      setTotalBuffered(response.totalBuffered);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load audit log.");
+    } finally {
+      setLoading(false);
+    }
+  }, [severity]);
+
+  useEffect(() => {
+    void loadAudit();
+  }, [loadAudit]);
+
+  const counts = useMemo(() => summarizeCounts(entries), [entries]);
+
+  return (
+    <section className="flex h-full flex-col gap-4">
+      <div className="flex flex-wrap items-start justify-between gap-3">
+        <div>
+          <h2 className="m-0 text-lg font-bold">Security Audit</h2>
+          <p className="mt-1 text-sm text-[var(--muted)]">
+            Review privileged actions, policy decisions, and runtime security
+            events.
+          </p>
+        </div>
+        <div className="flex items-center gap-2">
+          <select
+            aria-label="Security severity filter"
+            className="h-9 min-w-40 rounded-xl border border-border bg-bg px-3 text-sm text-txt"
+            value={severity}
+            onChange={(event) =>
+              setSeverity(event.target.value as "" | SecurityAuditSeverity)
+            }
+          >
+            {SEVERITY_OPTIONS.map((option) => (
+              <option key={option.label} value={option.value}>
+                {option.label}
+              </option>
+            ))}
+          </select>
+          <Button
+            type="button"
+            variant="outline"
+            size="sm"
+            className="h-9 rounded-xl"
+            onClick={() => void loadAudit()}
+            disabled={loading}
+          >
+            {loading ? "Refreshing..." : "Refresh"}
+          </Button>
+        </div>
+      </div>
+
+      <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-5">
+        <div className="rounded-2xl border border-border/60 bg-card/50 p-4">
+          <div className="text-xs uppercase tracking-[0.16em] text-muted">
+            Buffered
+          </div>
+          <div className="mt-2 text-2xl font-semibold">{totalBuffered}</div>
+        </div>
+        {(["critical", "error", "warn", "info"] as const).map((level) => (
+          <div
+            key={level}
+            className="rounded-2xl border border-border/60 bg-card/50 p-4"
+          >
+            <div className="text-xs uppercase tracking-[0.16em] text-muted">
+              {level}
+            </div>
+            <div
+              className={`mt-2 text-2xl font-semibold ${SEVERITY_STYLES[level].tone}`}
+            >
+              {counts[level]}
+            </div>
+          </div>
+        ))}
+      </div>
+
+      {error ? (
+        <div className="rounded-2xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-200">
+          {error}
+        </div>
+      ) : null}
+
+      <div className="min-h-0 flex-1 overflow-y-auto rounded-2xl border border-border/60 bg-card/35">
+        {loading && entries.length === 0 ? (
+          <div className="px-4 py-6 text-sm text-[var(--muted)]">
+            Loading security audit...
+          </div>
+        ) : entries.length === 0 ? (
+          <div className="px-4 py-6 text-sm text-[var(--muted)]">
+            No security events recorded for the current filter.
+          </div>
+        ) : (
+          <div className="divide-y divide-border/50">
+            {entries.map((entry, index) => {
+              const metadata = metadataPairs(entry);
+              const severityStyle = SEVERITY_STYLES[entry.severity];
+              return (
+                <article
+                  key={`${entry.timestamp}-${entry.type}-${index}`}
+                  className="px-4 py-4"
+                >
+                  <div className="flex flex-wrap items-start gap-3">
+                    <div className="min-w-0 flex-1">
+                      <div className="flex flex-wrap items-center gap-2">
+                        <span
+                          className={`rounded-full border px-2 py-0.5 text-[11px] font-semibold uppercase tracking-[0.14em] ${severityStyle.badge}`}
+                        >
+                          {entry.severity}
+                        </span>
+                        <span className="text-xs text-[var(--muted)]">
+                          {entry.type}
+                        </span>
+                      </div>
+                      <div className="mt-2 text-sm font-medium text-txt">
+                        {entry.summary}
+                      </div>
+                    </div>
+                    <div className="text-right text-xs text-[var(--muted)]">
+                      {formatDateTime(entry.timestamp)}
+                    </div>
+                  </div>
+
+                  {entry.traceId ? (
+                    <div className="mt-2 text-xs text-[var(--muted)]">
+                      Trace:{" "}
+                      <span className="font-mono text-txt">{entry.traceId}</span>
+                    </div>
+                  ) : null}
+
+                  {metadata.length > 0 ? (
+                    <dl className="mt-3 grid gap-2 sm:grid-cols-2 xl:grid-cols-3">
+                      {metadata.map(([key, value]) => (
+                        <div
+                          key={`${entry.timestamp}-${key}`}
+                          className="rounded-xl border border-border/40 bg-bg/40 px-3 py-2"
+                        >
+                          <dt className="text-[11px] uppercase tracking-[0.12em] text-muted">
+                            {key}
+                          </dt>
+                          <dd className="mt-1 break-all font-mono text-xs text-txt">
+                            {value}
+                          </dd>
+                        </div>
+                      ))}
+                    </dl>
+                  ) : null}
+                </article>
+              );
+            })}
+          </div>
+        )}
+      </div>
+    </section>
+  );
+}

package/src/components/index.ts

@@ -71,6 +71,7 @@ export * from "./RestartBanner";
 export * from "./RuntimeView";
 export * from "./SaveCommandModal";
 export * from "./SecretsView";
+export * from "./SecurityPageView";
 export * from "./SettingsView";
 export * from "./ShellOverlays";
 export * from "./ShortcutsOverlay";

package/src/config/config-field.tsx

@@ -11,7 +11,7 @@
 
 import { ChevronDown, X } from "lucide-react";
 import React, { useCallback, useRef, useState } from "react";
-import { useApp } from "../state";
+import { useApp } from "../state/useApp";
 import type { DynamicValue } from "../types";
 import type { FieldRenderer, FieldRenderProps } from "./config-catalog";
 import { resolveDynamic } from "./config-catalog";

package/src/config/config-renderer.tsx

@@ -18,7 +18,7 @@ import React, {
   useMemo,
   useState,
 } from "react";
-import { useApp } from "../state";
+import { useApp } from "../state/useApp";
 import type { ConfigUiHint, PluginUiTheme } from "../types";
 import type {
   FieldRegistry,