@elizaos/ui 2.0.3-beta.2 → 2.0.3-beta.3

package/components/apps/extensions/surface.js

@@ -2,29 +2,29 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function toneClassName(tone) {
     switch (tone) {
         case "success":
-            return "border-ok/30 bg-ok/10 text-ok";
+            return "text-ok";
         case "accent":
-            return "border-accent/25 bg-accent/10 text-accent";
+            return "text-accent";
         case "warn":
-            return "border-warn/30 bg-warn/10 text-warn";
+            return "text-warn";
         case "danger":
-            return "border-danger/30 bg-danger/10 text-danger";
+            return "text-danger";
         default:
-            return "border-border/35 bg-bg-hover/70 text-muted-strong";
+            return "text-muted-strong";
     }
 }
 export function SurfaceBadge({ children, tone = "neutral", }) {
-    return (_jsx("span", { className: `inline-flex min-h-6 items-center rounded-full border px-2.5 py-1 text-2xs font-medium uppercase tracking-[0.14em] ${toneClassName(tone)}`, children: children }));
+    return (_jsx("span", { className: `inline-flex min-h-6 items-center px-1.5 py-1 text-2xs font-medium ${toneClassName(tone)}`, children: children }));
 }
 export function SurfaceCard({ label, value, tone = "neutral", subtitle, }) {
-    return (_jsxs("div", { className: "rounded-sm border border-border/35 bg-card/74 px-4 py-3 ", children: [_jsx("div", { className: "text-xs-tight font-medium uppercase tracking-[0.16em] text-muted", children: label }), _jsx("div", { className: `mt-1 text-xs leading-5 ${toneClassName(tone)}`, children: value }), subtitle ? (_jsx("div", { className: "mt-1 text-xs-tight leading-5 text-muted-strong", children: subtitle })) : null] }));
+    return (_jsxs("div", { className: "px-1 py-1.5", children: [_jsx("div", { className: "text-xs-tight font-medium text-muted", children: label }), _jsx("div", { className: `mt-0.5 text-xs leading-5 ${toneClassName(tone)}`, children: value }), subtitle ? (_jsx("div", { className: "mt-0.5 text-xs-tight leading-5 text-muted-strong", children: subtitle })) : null] }));
 }
 export function SurfaceGrid({ children }) {
     return _jsx("div", { className: "grid gap-2 md:grid-cols-2", children: children });
 }
 export function SurfaceSection({ title, children, }) {
-    return (_jsxs("section", { className: "space-y-3 rounded-sm border border-border/35 bg-card/74 p-4 ", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.18em] text-muted", children: title }), children] }));
+    return (_jsxs("section", { className: "space-y-2 py-1", children: [_jsx("div", { className: "sr-only", children: title }), children] }));
 }
 export function SurfaceEmptyState({ title, body, }) {
-    return (_jsxs("div", { className: "rounded-sm border border-border/35 bg-card/74 p-4 ", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.18em] text-muted", children: title }), _jsx("p", { className: "mt-2 text-xs leading-6 text-muted-strong", children: body })] }));
+    return (_jsxs("div", { className: "px-1 py-2", children: [_jsx("div", { className: "text-xs-tight font-semibold text-muted", children: title }), body ? (_jsx("p", { className: "mt-1 text-xs leading-5 text-muted-strong", children: body })) : null] }));
 }

package/components/apps/extensions/types.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from "react";
-import type { RegistryAppInfo } from "../../../api";
+import type { RegistryAppInfo } from "../../../api/index.js";
 export interface AppDetailExtensionProps {
     app: RegistryAppInfo;
 }

package/components/apps/helpers.d.ts

@@ -1,4 +1,5 @@
-import type { RegistryAppInfo } from "../../api";
+import { type EnabledViewKinds } from "@elizaos/core";
+import type { RegistryAppInfo } from "../../api/index.js";
 export declare const DEFAULT_VIEWER_SANDBOX = "allow-scripts allow-same-origin allow-popups";
 export declare const CATEGORY_LABELS: Record<string, string>;
 export type AppCatalogSectionKey = "featured" | "favorites" | "games" | "developerUtilities" | "finance" | "other";
@@ -17,10 +18,12 @@ interface AppsCatalogFilterOptions {
     showActiveOnly?: boolean;
     walletEnabled?: boolean;
     /**
-     * When false (or omitted), apps marked `developerOnly: true` are hidden.
-     * Pass the current value from `useIsDeveloperMode()` to opt in.
+     * Which view kinds the user/​build has enabled (system + release always on;
+     * developer + preview follow the Settings toggles). Apps whose kind is not
+     * enabled are hidden. Pass the value from `useEnabledViewKinds()`. When
+     * omitted, only system/release apps are shown.
      */
-    developerMode?: boolean;
+    enabledKinds?: EnabledViewKinds;
 }
 export declare function isHiddenFromAppsView(appName: string): boolean;
 export declare function isCuratedGameApp(app: Pick<RegistryAppInfo, "category" | "name">): boolean;
@@ -29,7 +32,7 @@ export declare function shouldShowAppInAppsView(app: Pick<RegistryAppInfo, "cate
     showAllApps?: boolean;
     walletEnabled?: boolean;
 }): boolean;
-export declare function filterAppsForCatalog(apps: RegistryAppInfo[], { activeAppNames, isProd, searchQuery, showAllApps, showActiveOnly, walletEnabled, developerMode, }?: AppsCatalogFilterOptions): RegistryAppInfo[];
+export declare function filterAppsForCatalog(apps: RegistryAppInfo[], { activeAppNames, isProd, searchQuery, showAllApps, showActiveOnly, walletEnabled, enabledKinds, }?: AppsCatalogFilterOptions): RegistryAppInfo[];
 export declare function getDefaultAppsCatalogSelection(apps: RegistryAppInfo[], options?: {
     isProd?: boolean;
     showAllApps?: boolean;

package/components/apps/helpers.d.ts.map

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

package/components/apps/helpers.js

@@ -1,3 +1,4 @@
+import { isViewVisible } from "@elizaos/core";
 import { getElizaCuratedAppCatalogOrder, isElizaCuratedAppName, normalizeElizaCuratedAppName, packageNameToAppRouteSlug, } from "@elizaos/shared";
 import { getBootConfig } from "../../config/boot-config-store.js";
 import { getInternalToolAppCatalogOrder, isInternalToolApp, } from "./internal-tool-apps.js";
@@ -33,13 +34,9 @@ const APPS_VIEW_HIDDEN_APP_NAME_SET = new Set(APPS_VIEW_HIDDEN_APP_NAMES);
 const FEATURED_APP_NAMES = new Set([
     "@elizaos/plugin-personal-assistant",
     "@elizaos/plugin-companion",
-    "@elizaos/plugin-defense-of-the-agents",
-    "@elizaos/plugin-clawville",
 ]);
 const DEFAULT_VISIBLE_GAME_APP_NAMES = new Set([
     "@elizaos/plugin-companion",
-    "@elizaos/plugin-defense-of-the-agents",
-    "@elizaos/plugin-clawville",
 ]);
 const DEFAULT_HIDDEN_APP_NAMES = new Set([
     "@elizaos/plugin-elizamaker",
@@ -139,7 +136,7 @@ export function shouldShowAppInAppsView(app, options = {}) {
     }
     return true;
 }
-export function filterAppsForCatalog(apps, { activeAppNames = new Set(), isProd, searchQuery = "", showAllApps, showActiveOnly = false, walletEnabled, developerMode = false, } = {}) {
+export function filterAppsForCatalog(apps, { activeAppNames = new Set(), isProd, searchQuery = "", showAllApps, showActiveOnly = false, walletEnabled, enabledKinds = { developer: false, preview: false }, } = {}) {
     const normalizedSearch = searchQuery.trim().toLowerCase();
     const seenCanonicalNames = new Set();
     const sortedApps = [...apps].sort((left, right) => {
@@ -166,8 +163,9 @@ export function filterAppsForCatalog(apps, { activeAppNames = new Set(), isProd,
         if (!shouldShowAppInAppsView(app, { isProd, showAllApps, walletEnabled })) {
             return false;
         }
-        // Developer-only apps are hidden unless Developer Mode is on.
-        if (app.developerOnly && !developerMode) {
+        // Apps are gated by their view kind: developer apps need Developer views on,
+        // preview apps need Preview views on; system/release always show.
+        if (!isViewVisible(app, enabledKinds)) {
             return false;
         }
         // Apps that opt out of the catalog are always hidden, regardless of Developer Mode.
@@ -223,9 +221,6 @@ export function getAppCatalogSectionKey(app) {
             return "finance";
         case "@elizaos/plugin-feed":
             return "games";
-        case "@elizaos/plugin-defense-of-the-agents":
-        case "@elizaos/plugin-clawville":
-            return "games";
     }
     const normalizedCategory = app.category.trim().toLowerCase();
     if (normalizedCategory === "game") {

package/components/apps/home-grid-apps.d.ts

@@ -1,5 +1,5 @@
-import type { Tab } from "../../navigation";
-import type { AppIdentitySource } from "./app-identity";
+import type { Tab } from "../../navigation/index.js";
+import type { AppIdentitySource } from "./app-identity.js";
 /** A homescreen launcher tile: app identity plus where tapping it navigates. */
 export interface HomeGridApp extends AppIdentitySource {
     targetTab: Tab;

package/components/apps/internal-tool-apps.d.ts

@@ -1,5 +1,5 @@
-import type { RegistryAppInfo } from "../../api";
-import type { Tab } from "../../navigation";
+import type { RegistryAppInfo } from "../../api/index.js";
+import type { Tab } from "../../navigation/index.js";
 export declare function getInternalToolApps(): RegistryAppInfo[];
 export declare function isInternalToolApp(name: string): boolean;
 export declare function getInternalToolAppTargetTab(name: string): Tab | null;

package/components/apps/internal-tool-apps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal-tool-apps.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/internal-tool-apps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAsK5C,wBAAgB,mBAAmB,IAAI,eAAe,EAAE,CAsBvD;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEvD;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CAEpE;AAED,wBAAgB,8BAA8B,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEnE;AAED,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAExE;AAED,wBAAgB,gCAAgC,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEtE;AAED,mEAAmE;AACnE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,6BAA6B,IAAI,SAAS,yBAAyB,EAAE,CAQpF"}
+{"version":3,"file":"internal-tool-apps.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/internal-tool-apps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAiL5C,wBAAgB,mBAAmB,IAAI,eAAe,EAAE,CAsBvD;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEvD;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CAEpE;AAED,wBAAgB,8BAA8B,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEnE;AAED,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAExE;AAED,wBAAgB,gCAAgC,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEtE;AAED,mEAAmE;AACnE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,6BAA6B,IAAI,SAAS,yBAAyB,EAAE,CAQpF"}

package/components/apps/internal-tool-apps.js

@@ -3,7 +3,7 @@ const INTERNAL_TOOL_APPS = [
         name: "@elizaos/app-plugin-viewer",
         displayName: "Plugin Viewer",
         description: "Inspect installed plugins, connectors, and runtime feature flags.",
-        heroImage: "/app-heroes/plugin-viewer.png",
+        heroImage: null,
         targetTab: "plugins",
         capabilities: ["plugins", "connectors", "viewer"],
         order: 1,
@@ -13,7 +13,7 @@ const INTERNAL_TOOL_APPS = [
         name: "@elizaos/app-skills-viewer",
         displayName: "Skills Viewer",
         description: "Create, enable, review, and install custom agent skills.",
-        heroImage: "/app-heroes/skills-viewer.png",
+        heroImage: null,
         targetTab: "skills",
         capabilities: ["skills", "viewer"],
         order: 2,
@@ -44,7 +44,7 @@ const INTERNAL_TOOL_APPS = [
         name: "@elizaos/app-trajectory-viewer",
         displayName: "Trajectory Viewer",
         description: "Inspect LLM call history, prompts, and execution traces.",
-        heroImage: "/app-heroes/trajectory-viewer.png",
+        heroImage: null,
         targetTab: "trajectories",
         capabilities: ["trajectories", "debug", "viewer"],
         order: 4,
@@ -54,7 +54,7 @@ const INTERNAL_TOOL_APPS = [
         name: "@elizaos/app-relationship-viewer",
         displayName: "Relationship Viewer",
         description: "Explore cross-channel people, identities, and relationship graphs.",
-        heroImage: "/app-heroes/relationship-viewer.png",
+        heroImage: null,
         targetTab: "relationships",
         capabilities: ["relationships", "graph", "viewer"],
         order: 5,
@@ -64,7 +64,7 @@ const INTERNAL_TOOL_APPS = [
         name: "@elizaos/app-memory-viewer",
         displayName: "Memory Viewer",
         description: "Browse memory, fact, and extraction activity.",
-        heroImage: "/app-heroes/memory-viewer.png",
+        heroImage: null,
         targetTab: "memories",
         capabilities: ["memory", "facts", "viewer"],
         order: 6,
@@ -85,7 +85,7 @@ const INTERNAL_TOOL_APPS = [
         name: "@elizaos/app-runtime-debugger",
         displayName: "Runtime Debugger",
         description: "Inspect runtime objects, plugin order, providers, and services.",
-        heroImage: "/app-heroes/runtime-debugger.png",
+        heroImage: null,
         targetTab: "runtime",
         capabilities: ["runtime", "debug", "viewer"],
         order: 8,
@@ -95,12 +95,22 @@ const INTERNAL_TOOL_APPS = [
         name: "@elizaos/app-database-viewer",
         displayName: "Database Viewer",
         description: "Inspect tables, media, vectors, and ad-hoc SQL.",
-        heroImage: "/app-heroes/database-viewer.png",
+        heroImage: null,
         targetTab: "database",
         capabilities: ["database", "sql", "viewer"],
         order: 9,
         windowPath: "/apps/database",
     },
+    {
+        name: "@elizaos/app-files-viewer",
+        displayName: "Files",
+        description: "Browse every stored file with download, share, and delete, filtered by type.",
+        heroImage: null,
+        targetTab: "files",
+        capabilities: ["files", "attachments", "media", "viewer"],
+        order: 13,
+        windowPath: "/apps/files",
+    },
     {
         name: "@elizaos/plugin-elizamaker",
         displayName: "ElizaMaker",
@@ -116,7 +126,7 @@ const INTERNAL_TOOL_APPS = [
         name: "@elizaos/app-log-viewer",
         displayName: "Log Viewer",
         description: "Search runtime and service logs.",
-        heroImage: "/app-heroes/log-viewer.png",
+        heroImage: null,
         targetTab: "logs",
         capabilities: ["logs", "debug", "viewer"],
         order: 11,

package/components/apps/launch-history.d.ts

@@ -2,7 +2,7 @@
  * Ring buffer of recent app launch attempts for the App Details diagnostics
  * panel. Persisted to localStorage as a single array — capped at MAX entries.
  */
-import type { AppLaunchDiagnostic } from "../../api";
+import type { AppLaunchDiagnostic } from "../../api/index.js";
 export interface LaunchAttemptRecord {
     timestamp: number;
     appName: string;

package/components/apps/load-apps-catalog.d.ts

@@ -1,4 +1,4 @@
-import { type RegistryAppInfo } from "../../api";
+import { type RegistryAppInfo } from "../../api/index.js";
 /**
  * Fetch the merged apps catalog used by AppsView. Internal-tool entries are
  * authoritative — server / overlay duplicates are dropped via first-occurrence

package/components/apps/overlay-app-registry.d.ts

@@ -4,8 +4,11 @@
  * Apps register here at module scope. The host shell and apps catalog
  * query the registry to discover and launch overlay apps.
  */
-import type { RegistryAppInfo } from "../../api";
-import type { OverlayApp } from "./overlay-app-api";
+import type { RegistryAppInfo } from "../../api/index.js";
+import type { OverlayApp } from "./overlay-app-api.js";
+declare global {
+    var __elizaosOverlayAppRegistry__: Map<string, OverlayApp> | undefined;
+}
 /** Register an overlay app. Call at module scope. */
 export declare function registerOverlayApp(app: OverlayApp): void;
 /** Look up a registered overlay app by name. */

package/components/apps/overlay-app-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-app-registry.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/overlay-app-registry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAkCpD,qDAAqD;AACrD,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,UAAU,GAAG,IAAI,CAExD;AAED,gDAAgD;AAChD,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAElE;AAED,uCAAuC;AACvC,wBAAgB,iBAAiB,IAAI,UAAU,EAAE,CAEhD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CACrC,OAAO,GACH,MAAM,GACN,6BAAkE,GACrE,UAAU,EAAE,CAUd;AAyCD;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,OAAO,GAAE,6BAAkC,GAC1C,OAAO,CAKT;AAED,gEAAgE;AAChE,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAElD;AAED,uEAAuE;AACvE,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,UAAU,GAAG,eAAe,CAsBzE"}
+{"version":3,"file":"overlay-app-registry.d.ts","sourceRoot":"","sources":["../../../../../../src/components/apps/overlay-app-registry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,CAAC,MAAM,CAAC;IAGb,IAAI,6BAA6B,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,SAAS,CAAC;CACxE;AA0BD,qDAAqD;AACrD,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,UAAU,GAAG,IAAI,CAExD;AAED,gDAAgD;AAChD,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAElE;AAED,uCAAuC;AACvC,wBAAgB,iBAAiB,IAAI,UAAU,EAAE,CAEhD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CACrC,OAAO,GACH,MAAM,GACN,6BAAkE,GACrE,UAAU,EAAE,CAUd;AAyCD;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,OAAO,GAAE,6BAAkC,GAC1C,OAAO,CAKT;AAED,gEAAgE;AAChE,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAElD;AAED,uEAAuE;AACvE,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,UAAU,GAAG,eAAe,CAsBzE"}

package/components/apps/overlay-app-registry.js

@@ -5,7 +5,6 @@
  * query the registry to discover and launch overlay apps.
  */
 import { userAgentHasElizaOSMarker } from "../../platform/aosp-user-agent.js";
-const OVERLAY_APP_REGISTRY_KEY = "__elizaosOverlayAppRegistry__";
 // Anchor the registry on the real browser `window` when present, falling back
 // to `globalThis`. The app build can hand a duplicated or shimmed `globalThis`
 // to different chunks (Node-builtin shims + the `global: globalThis` define),
@@ -16,18 +15,16 @@ const OVERLAY_APP_REGISTRY_KEY = "__elizaosOverlayAppRegistry__";
 // access — never freeze a Map reference at module scope — so all copies of this
 // module converge on one shared registry regardless of evaluation order.
 function getOverlayRegistryHost() {
-    return (typeof window !== "undefined"
-        ? window
-        : globalThis);
+    return typeof window !== "undefined" ? window : globalThis;
 }
 function getOverlayRegistry() {
     const host = getOverlayRegistryHost();
-    const existing = host[OVERLAY_APP_REGISTRY_KEY];
+    const existing = host.__elizaosOverlayAppRegistry__;
     if (existing) {
         return existing;
     }
     const next = new Map();
-    host[OVERLAY_APP_REGISTRY_KEY] = next;
+    host.__elizaosOverlayAppRegistry__ = next;
     return next;
 }
 /** Register an overlay app. Call at module scope. */

package/components/apps/run-attention.d.ts

@@ -1,3 +1,3 @@
-import type { AppRunSummary } from "../../api";
+import type { AppRunSummary } from "../../api/index.js";
 export declare function getRunAttentionReasons(run: AppRunSummary, now?: number): string[];
 //# sourceMappingURL=run-attention.d.ts.map

package/components/apps/surfaces/registry.d.ts

@@ -1,4 +1,4 @@
-import type { AppOperatorSurfaceComponent } from "./types";
+import type { AppOperatorSurfaceComponent } from "./types.js";
 /**
  * Register an operator surface component for a given app package name.
  * Call this once per app at module load time (e.g. from the app's UI entry).

package/components/apps/useRegistryCatalog.d.ts

@@ -4,7 +4,7 @@
  * (registry). A module-level promise coalesces concurrent callers so two
  * views mounted for the same slug only hit the API once.
  */
-import { type RegistryAppInfo } from "../../api";
+import { type RegistryAppInfo } from "../../api/index.js";
 interface RegistryCatalogState {
     catalog: RegistryAppInfo[] | null;
     error: string | null;

package/components/apps/viewer-auth.d.ts

@@ -1,4 +1,4 @@
-import type { AppRunSummary, AppViewerAuthMessage } from "../../api/client-types-cloud";
+import type { AppRunSummary, AppViewerAuthMessage } from "../../api/client-types-cloud.js";
 export declare function resolveEmbeddedViewerUrl(viewerUrl: string): string;
 /**
  * Resolve the concrete http(s) origin to use as the postMessage targetOrigin

package/components/auth/LoginView.d.ts

@@ -1,4 +1,4 @@
-import { type AuthLoginResult } from "../../api/auth-client";
+import { type AuthLoginResult } from "../../api/auth-client.js";
 export interface LoginViewProps {
     /**
      * Called after a successful login so the shell can redirect to the

package/components/auth/LoginView.js

@@ -74,7 +74,7 @@ function PasswordTab({ onLoginSuccess, loginFn, }) {
 }
 // ── Root component ────────────────────────────────────────────────────────────
 const SCREEN_SHELL_CLASS = "relative flex min-h-screen w-full items-center justify-center overflow-hidden bg-bg px-4 py-6 font-body text-txt sm:px-6";
-const SCREEN_CARD_CLASS = "relative z-10 w-full max-w-[520px] overflow-hidden border border-border/60 bg-card/95 backdrop-blur-xl";
+const SCREEN_CARD_CLASS = "relative z-10 w-full max-w-[520px] overflow-hidden border border-border/60 bg-card/95";
 export function LoginView({ onLoginSuccess, loginFn, reason }) {
     const { t } = useTranslation();
     const remotePasswordMissing = reason === "remote_password_not_configured";

package/components/character/CharacterEditor.d.ts

@@ -1,5 +1,8 @@
 import { type ReactNode } from "react";
-export declare function CharacterEditor({ sceneOverlay, inModal: _inModal, onHeaderActionsChange, }?: {
+declare const CHARACTER_EDITOR_PAGES: readonly ["personality", "style", "examples", "documents"];
+type CharacterEditorPage = (typeof CHARACTER_EDITOR_PAGES)[number];
+export declare function CharacterEditor({ initialPage, sceneOverlay, inModal: _inModal, onHeaderActionsChange, }?: {
+    initialPage?: CharacterEditorPage;
     sceneOverlay?: boolean;
     inModal?: boolean;
     onHeaderActionsChange?: (actions: ReactNode | null) => void;

package/components/character/CharacterEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CharacterEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/character/CharacterEditor.tsx"],"names":[],"mappings":"AA4EA,OAAO,EAKL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAmKf,wBAAgB,eAAe,CAAC,EAC9B,YAAoB,EACpB,OAAO,EAAE,QAAgB,EACzB,qBAAqB,GACtB,GAAE;IACD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;CACxD,2CA81CL;AAED;;;GAGG;AACH,OAAO,EAAE,eAAe,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"CharacterEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/character/CharacterEditor.tsx"],"names":[],"mappings":"AA4EA,OAAO,EAKL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AA4Bf,QAAA,MAAM,sBAAsB,4DAKlB,CAAC;AACX,KAAK,mBAAmB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AA2HnE,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,YAAoB,EACpB,OAAO,EAAE,QAAgB,EACzB,qBAAqB,GACtB,GAAE;IACD,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;CACxD,2CA24CL;AAED;;;GAGG;AACH,OAAO,EAAE,eAAe,IAAI,aAAa,EAAE,CAAC"}

package/components/character/CharacterEditor.js

@@ -5,7 +5,7 @@ import { client } from "../../api/client.js";
 import { APP_EMOTE_EVENT, dispatchWindowEvent, VOICE_CONFIG_UPDATED_EVENT, } from "../../events/index.js";
 import { useChatAvatarVoiceBridge, useVoiceChat } from "../../hooks/index.js";
 import { useRenderGuard } from "../../hooks/useRenderGuard.js";
-import { useApp } from "../../state/useApp.js";
+import { useAppSelectorShallow } from "../../state/index.js";
 import { normalizeCharacterMessageExamples } from "../../utils/character-message-examples.js";
 import { hasConfiguredApiKey, PREMADE_VOICES, sanitizeApiKey, } from "../../voice/types.js";
 import { DocumentsView } from "../pages/DocumentsView.js";
@@ -40,15 +40,12 @@ const accentGradientStyle = {
     background: "linear-gradient(180deg, color-mix(in srgb, var(--accent) 92%, white 8%) 0%, var(--accent) 100%)",
     color: "var(--accent-foreground, #1a1f26)",
     borderColor: "rgba(var(--accent-rgb, 240, 185, 11), 0.5)",
-    boxShadow: "0 0 14px rgba(var(--accent-rgb, 240, 185, 11), 0.16), inset 0 1px 0 var(--soft-white-glow)",
 };
 const idleSaveBtnStyle = {
     background: "linear-gradient(180deg, rgba(var(--accent-rgb,240,185,11),0.16) 0%, rgba(var(--accent-rgb,240,185,11),0.1) 100%)",
     color: "rgba(var(--accent-rgb, 240, 185, 11), 0.78)",
     borderColor: "rgba(var(--accent-rgb, 240, 185, 11), 0.22)",
-    boxShadow: "none",
 };
-const pageTabsBoxShadow = "0 10px 26px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.05)";
 /* ── Constants ─────────────────────────────────────────────────────── */
 const CHARACTER_EDITOR_PAGES = [
     "personality",
@@ -121,9 +118,45 @@ function CharacterAgentButton({ agentId, agentLabel, agentGroup, agentDescriptio
     return _jsx(Button, { ...buttonProps, ...agentProps });
 }
 /* ── Component ─────────────────────────────────────────────────────── */
-export function CharacterEditor({ sceneOverlay = false, inModal: _inModal = false, onHeaderActionsChange, } = {}) {
+export function CharacterEditor({ initialPage, sceneOverlay = false, inModal: _inModal = false, onHeaderActionsChange, } = {}) {
     useRenderGuard("CharacterEditor");
-    const { tab, setTab, characterData, characterDraft, characterLoading, characterSaving, characterSaveSuccess, chatAgentVoiceMuted: _chatAgentVoiceMuted, characterSaveError, handleCharacterFieldInput, handleCharacterStyleInput, handleSaveCharacter, loadCharacter, setState, firstRunOptions, selectedVrmIndex, customVrmUrl: _customVrmUrl, customVrmPreviewUrl, customCatchphrase, customVoicePresetId, activePackId, t, uiLanguage, registryStatus: _registryStatus, registryLoading: _registryLoading, registryRegistering: _registryRegistering, registryError: _registryError, dropStatus: _dropStatus, loadRegistryStatus, registerOnChain: _registerOnChain, syncRegistryProfile: _syncRegistryProfile, loadDropStatus, walletConfig: _walletConfig, elizaCloudConnected, elizaCloudVoiceProxyAvailable, } = useApp();
+    const { tab, setTab, characterData, characterDraft, characterLoading, characterSaving, characterSaveSuccess, chatAgentVoiceMuted: _chatAgentVoiceMuted, characterSaveError, handleCharacterFieldInput, handleCharacterStyleInput, handleSaveCharacter, loadCharacter, setState, firstRunOptions, selectedVrmIndex, customVrmUrl: _customVrmUrl, customVrmPreviewUrl, customCatchphrase, customVoicePresetId, activePackId, t, uiLanguage, registryStatus: _registryStatus, registryLoading: _registryLoading, registryRegistering: _registryRegistering, registryError: _registryError, dropStatus: _dropStatus, loadRegistryStatus, registerOnChain: _registerOnChain, syncRegistryProfile: _syncRegistryProfile, loadDropStatus, walletConfig: _walletConfig, elizaCloudConnected, elizaCloudVoiceProxyAvailable, } = useAppSelectorShallow((s) => ({
+        tab: s.tab,
+        setTab: s.setTab,
+        characterData: s.characterData,
+        characterDraft: s.characterDraft,
+        characterLoading: s.characterLoading,
+        characterSaving: s.characterSaving,
+        characterSaveSuccess: s.characterSaveSuccess,
+        chatAgentVoiceMuted: s.chatAgentVoiceMuted,
+        characterSaveError: s.characterSaveError,
+        handleCharacterFieldInput: s.handleCharacterFieldInput,
+        handleCharacterStyleInput: s.handleCharacterStyleInput,
+        handleSaveCharacter: s.handleSaveCharacter,
+        loadCharacter: s.loadCharacter,
+        setState: s.setState,
+        firstRunOptions: s.firstRunOptions,
+        selectedVrmIndex: s.selectedVrmIndex,
+        customVrmUrl: s.customVrmUrl,
+        customVrmPreviewUrl: s.customVrmPreviewUrl,
+        customCatchphrase: s.customCatchphrase,
+        customVoicePresetId: s.customVoicePresetId,
+        activePackId: s.activePackId,
+        t: s.t,
+        uiLanguage: s.uiLanguage,
+        registryStatus: s.registryStatus,
+        registryLoading: s.registryLoading,
+        registryRegistering: s.registryRegistering,
+        registryError: s.registryError,
+        dropStatus: s.dropStatus,
+        loadRegistryStatus: s.loadRegistryStatus,
+        registerOnChain: s.registerOnChain,
+        syncRegistryProfile: s.syncRegistryProfile,
+        loadDropStatus: s.loadDropStatus,
+        walletConfig: s.walletConfig,
+        elizaCloudConnected: s.elizaCloudConnected,
+        elizaCloudVoiceProxyAvailable: s.elizaCloudVoiceProxyAvailable,
+    }));
     /** ElevenLabs voices are available only when direct key or cloud voice routing is active. */
     const useElevenLabs = elizaCloudConnected || elizaCloudVoiceProxyAvailable;
     useEffect(() => {
@@ -141,7 +174,7 @@ export function CharacterEditor({ sceneOverlay = false, inModal: _inModal = fals
             setFieldsEdited(true);
         handleCharacterStyleInput(key, value);
     }, [handleCharacterStyleInput]);
-    const [activePage, setActivePage] = useState(tab === "documents" ? "documents" : "personality");
+    const [activePage, setActivePage] = useState(initialPage ?? (tab === "documents" ? "documents" : "personality"));
     const [rightTab, setRightTab] = useState("style");
     const [customizing, setCustomizing] = useState(false);
     const [pendingNavigation, setPendingNavigation] = useState(null);
@@ -153,12 +186,17 @@ export function CharacterEditor({ sceneOverlay = false, inModal: _inModal = fals
         else if (activePage === "examples")
             setRightTab("examples");
     }, [activePage]);
-    // Sync activePage when tab changes externally (e.g. nav to /documents)
+    // Sync activePage when tab changes externally (e.g. nav to /documents) or
+    // when an embedded router renders a specific built-in subpage in split view.
     useEffect(() => {
+        if (initialPage && activePage !== initialPage) {
+            setActivePage(initialPage);
+            return;
+        }
         if (tab === "documents" && activePage !== "documents") {
             setActivePage("documents");
         }
-    }, [tab, activePage]);
+    }, [initialPage, tab, activePage]);
     /* ── Style entry state ──────────────────────────────────────────── */
     const [pendingStyleEntries, setPendingStyleEntries] = useState({ all: "", chat: "", post: "" });
     const [styleEntryDrafts, setStyleEntryDrafts] = useState({ all: [], chat: [], post: [] });
@@ -808,10 +846,10 @@ export function CharacterEditor({ sceneOverlay = false, inModal: _inModal = fals
     return (_jsx(ShellViewAgentSurface, { viewId: "character", children: _jsxs("div", { className: sceneOverlay
                 ? "absolute inset-0 z-10 flex flex-col pointer-events-none pt-[4.5rem] px-6 pb-3 max-md:px-3 max-md:pb-2 max-md:pt-[4.5rem] [&>*]:pointer-events-auto"
                 : "flex flex-col w-full flex-1 min-h-0 gap-4", "data-no-camera-zoom": sceneOverlay ? "true" : undefined, "data-no-camera-drag": sceneOverlay ? "true" : undefined, "data-testid": sceneOverlay ? "companion-character-editor" : undefined, onWheel: sceneOverlay ? (e) => e.stopPropagation() : undefined, children: [_jsxs("div", { className: sceneOverlay
-                        ? `relative flex flex-col justify-end w-full flex-1 gap-2 overflow-hidden select-none transition-[width,margin-left] duration-[400ms] ease-in-out [-webkit-tap-highlight-color:transparent] max-[600px]:overflow-visible [&_input]:select-text [&_textarea]:select-text [&_*:focus-visible:not(input):not(textarea)]:outline-none [&_*:focus-visible:not(input):not(textarea)]:shadow-none [&_button:focus-visible]:outline-none [&_button:focus-visible]:shadow-none${customizing ? " md:w-[40%] md:ml-auto" : ""}`
+                        ? `relative flex flex-col justify-end w-full flex-1 gap-2 overflow-hidden select-none transition-[width,margin-left] duration-[400ms] ease-in-out [-webkit-tap-highlight-color:transparent] max-[600px]:overflow-visible [&_input]:select-text [&_textarea]:select-text${customizing ? " md:w-[40%] md:ml-auto" : ""}`
                         : "relative flex min-h-0 w-full flex-1 flex-col select-none [&_input]:select-text [&_textarea]:select-text", children: [sceneOverlay && !customizing && (_jsx("div", { className: "shrink min-h-0 overflow-hidden flex flex-col items-center justify-end w-full relative max-[600px]:!overflow-visible pointer-events-auto", children: _jsx(CharacterRoster, { entries: characterRoster, selectedId: selectedCharacterId ?? activeCharacterRosterEntry?.id ?? null, onSelect: handleSelectCharacter }) })), sceneOverlay && customizing && (_jsxs("section", { className: "flex flex-col flex-1 min-h-0 gap-2 overflow-hidden", "aria-label": t("charactereditor.TabbedEditorGroupLabel", {
                                 defaultValue: "Character editor — tabbed sections",
-                            }), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3 shrink-0", children: [_jsx("div", { className: "flex shrink-0 items-center gap-1 rounded-sm border border-border bg-elevated p-1", style: { boxShadow: pageTabsBoxShadow }, role: "tablist", "aria-label": t("charactereditor.TabbedEditorGroupLabel", {
+                            }), children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3 shrink-0", children: [_jsx("div", { className: "flex shrink-0 items-center gap-1 rounded-sm border border-border bg-elevated p-1", role: "tablist", "aria-label": t("charactereditor.TabbedEditorGroupLabel", {
                                                 defaultValue: "Character editor sections",
                                             }), children: CHARACTER_EDITOR_PAGES.map((page) => {
                                                 const pageLabel = page === "personality"
@@ -861,7 +899,9 @@ export function CharacterEditor({ sceneOverlay = false, inModal: _inModal = fals
                                                         display: rightTab === "style" ? undefined : "none",
                                                     }, children: _jsx(CharacterStylePanel, { d: d, pendingStyleEntries: pendingStyleEntries, styleEntryDrafts: styleEntryDrafts, handlePendingStyleEntryChange: handlePendingStyleEntryChange, handleAddStyleEntry: handleAddStyleEntry, handleRemoveStyleEntry: handleRemoveStyleEntry, handleStyleEntryDraftChange: handleStyleEntryDraftChange, handleCommitStyleEntry: handleCommitStyleEntry, handleReorderStyleEntries: handleReorderStyleEntries, t: t }) }), _jsx("div", { style: {
                                                         display: rightTab === "examples" ? undefined : "none",
-                                                    }, children: _jsx(CharacterExamplesPanel, { d: d, normalizedMessageExamples: normalizedMessageExamples, handleFieldEdit: handleFieldEdit, t: t }) })] }), _jsx("div", { className: `flex flex-col flex-1 min-h-0 overflow-hidden${activePage !== "documents" ? " hidden" : ""}`, children: _jsx(DocumentsView, { inModal: true }) })] })] })), !sceneOverlay && (_jsx(CharacterHubView, { d: d, bioText: bioText, normalizedMessageExamples: normalizedMessageExamples, pendingStyleEntries: pendingStyleEntries, styleEntryDrafts: styleEntryDrafts, handleFieldEdit: handleFieldEdit, applyFieldEdit: (field, value) => {
+                                                    }, children: _jsx(CharacterExamplesPanel, { d: d, normalizedMessageExamples: normalizedMessageExamples, handleFieldEdit: handleFieldEdit, t: t }) })] }), _jsx("div", { className: `flex flex-col flex-1 min-h-0 overflow-hidden${activePage !== "documents" ? " hidden" : ""}`, children: _jsx(DocumentsView, { inModal: true }) })] })] })), !sceneOverlay && (_jsx(CharacterHubView, { initialSection: initialPage === "documents" || initialPage === "personality"
+                                ? initialPage
+                                : undefined, d: d, bioText: bioText, normalizedMessageExamples: normalizedMessageExamples, pendingStyleEntries: pendingStyleEntries, styleEntryDrafts: styleEntryDrafts, handleFieldEdit: handleFieldEdit, applyFieldEdit: (field, value) => {
                                 handleCharacterFieldInput(field, value);
                             }, handlePendingStyleEntryChange: handlePendingStyleEntryChange, applyStyleEdit: handleCharacterStyleInput, handleStyleEntryDraftChange: handleStyleEntryDraftChange, characterSaving: characterSaving, characterSaveSuccess: characterSaveSuccess, characterSaveError: characterSaveError, hasPendingChanges: hasPendingChanges, onSave: handleSaveCharacter }))] }), sceneOverlay && (_jsxs("div", { className: "flex flex-col gap-2 pt-2 shrink-0 pointer-events-auto", children: [(characterSaveSuccess || combinedSaveError) && (_jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [characterSaveSuccess && (_jsx("span", { className: "rounded-sm border border-status-success/20 bg-status-success-bg px-3 py-1 text-xs font-bold text-status-success", children: characterSaveSuccess })), combinedSaveError && (_jsx("span", { className: "rounded-sm border border-status-danger/20 bg-status-danger-bg px-3 py-1 text-xs font-medium text-status-danger", children: combinedSaveError }))] })), _jsxs("div", { className: "flex min-h-9 items-center justify-end", children: [_jsx("input", { type: "file", id: "ce-vrm-upload", accept: ".vrm", className: "hidden", style: { display: "none" }, onChange: (e) => {
                                         const file = e.target.files?.[0];
@@ -898,7 +938,7 @@ export function CharacterEditor({ sceneOverlay = false, inModal: _inModal = fals
                                         }) })] })] })), _jsx(Dialog, { open: pendingNavigation !== null, onOpenChange: (open) => {
                         if (!open)
                             setPendingNavigation(null);
-                    }, children: _jsxs(DialogContent, { className: "max-w-md rounded-sm border-border/60 bg-bg backdrop-blur-xl", children: [_jsxs(DialogHeader, { className: "gap-3", children: [_jsx(DialogTitle, { children: t("charactereditor.UnsavedChangesTitle", {
+                    }, children: _jsxs(DialogContent, { className: "max-w-md rounded-sm border-border/60 bg-bg", children: [_jsxs(DialogHeader, { className: "gap-3", children: [_jsx(DialogTitle, { children: t("charactereditor.UnsavedChangesTitle", {
                                             defaultValue: "Unsaved changes",
                                         }) }), _jsxs(DialogDescription, { className: "whitespace-pre-line text-muted-strong", children: [t("charactereditor.UnsavedChangesBody", {
                                                 defaultValue: "You have unsaved changes. Save before switching?",
@@ -931,7 +971,7 @@ export function CharacterEditor({ sceneOverlay = false, inModal: _inModal = fals
                                         }) }), _jsx(Button, { type: "button", variant: "outline", onClick: () => setPendingNavigation(null), children: t("common.cancel") })] })] }) }), _jsx(Dialog, { open: resetConfirmOpen, onOpenChange: (open) => {
                         if (!open)
                             setResetConfirmOpen(false);
-                    }, children: _jsxs(DialogContent, { className: "max-w-md rounded-sm border-border/60 bg-bg backdrop-blur-xl", children: [_jsxs(DialogHeader, { className: "gap-3", children: [_jsx(DialogTitle, { children: t("charactereditor.ResetToDefaults", {
+                    }, children: _jsxs(DialogContent, { className: "max-w-md rounded-sm border-border/60 bg-bg", children: [_jsxs(DialogHeader, { className: "gap-3", children: [_jsx(DialogTitle, { children: t("charactereditor.ResetToDefaults", {
                                             defaultValue: "Reset to defaults?",
                                         }) }), _jsx(DialogDescription, { className: "text-muted-strong", children: t("charactereditor.ResetConfirmBody", {
                                             defaultValue: "This will discard all unsaved changes and restore this character to its default values.",

package/components/character/CharacterEditorPanels.d.ts

@@ -1,5 +1,5 @@
 import type { MessageExampleGroup } from "@elizaos/core";
-import type { CharacterData } from "../../api/client-types-config";
+import type { CharacterData } from "../../api/client-types-config.js";
 export interface CharacterIdentityPanelProps {
     bioText: string;
     handleFieldEdit: (field: string, value: unknown) => void;

package/components/character/CharacterEditorPanels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CharacterEditorPanels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/character/CharacterEditorPanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAQzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAqGnE,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAE,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;CAC9D;AAED,MAAM,WAAW,wBAAwB;IACvC,CAAC,EAAE,aAAa,CAAC;IACjB,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAC3C,6BAA6B,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,mBAAmB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,sBAAsB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,2BAA2B,EAAE,CAC3B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IACV,sBAAsB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,yBAAyB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAClE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAE,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;CAC9D;AAED,MAAM,WAAW,2BAA2B;IAC1C,CAAC,EAAE,aAAa,CAAC;IACjB,yBAAyB,EAAE,mBAAmB,EAAE,CAAC;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAE,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;CAC9D;AAID,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,eAAe,EACf,CAAC,GACF,EAAE,2BAA2B,2CAiC7B;AAgMD,wBAAgB,mBAAmB,CAAC,EAClC,CAAC,EACD,mBAAmB,EACnB,gBAAgB,EAChB,6BAA6B,EAC7B,mBAAmB,EACnB,sBAAsB,EACtB,2BAA2B,EAC3B,sBAAsB,EACtB,yBAAyB,EACzB,CAAC,GACF,EAAE,wBAAwB,2CAoI1B;AA0ND,wBAAgB,sBAAsB,CAAC,EACrC,CAAC,EACD,yBAAyB,EACzB,eAAe,EACf,CAAC,GACF,EAAE,2BAA2B,2CAwQ7B"}
+{"version":3,"file":"CharacterEditorPanels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/character/CharacterEditorPanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAQzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAqGnE,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAE,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;CAC9D;AAED,MAAM,WAAW,wBAAwB;IACvC,CAAC,EAAE,aAAa,CAAC;IACjB,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAC3C,6BAA6B,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,mBAAmB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,sBAAsB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,2BAA2B,EAAE,CAC3B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IACV,sBAAsB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,yBAAyB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAClE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAE,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;CAC9D;AAED,MAAM,WAAW,2BAA2B;IAC1C,CAAC,EAAE,aAAa,CAAC;IACjB,yBAAyB,EAAE,mBAAmB,EAAE,CAAC;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;QAAE,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;CAC9D;AAID,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,eAAe,EACf,CAAC,GACF,EAAE,2BAA2B,2CAiC7B;AA8LD,wBAAgB,mBAAmB,CAAC,EAClC,CAAC,EACD,mBAAmB,EACnB,gBAAgB,EAChB,6BAA6B,EAC7B,mBAAmB,EACnB,sBAAsB,EACtB,2BAA2B,EAC3B,sBAAsB,EACtB,yBAAyB,EACzB,CAAC,GACF,EAAE,wBAAwB,2CAoI1B;AA0ND,wBAAgB,sBAAsB,CAAC,EACrC,CAAC,EACD,yBAAyB,EACzB,eAAe,EACf,CAAC,GACF,EAAE,2BAA2B,2CAwQ7B"}