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

package/chat/slash-menu.js

@@ -7,6 +7,7 @@
  * (@elizaos/plugin-commands) served from `GET /api/commands`; the client keeps
  * its own copy of the type rather than depending on the runtime package.
  */
+import { matchShortcut, } from "@elizaos/core";
 const NONE = {
     isSlash: false,
     raw: "",
@@ -71,6 +72,31 @@ export function splitLeadingSlashCommand(text) {
     const command = match[1];
     return { command, rest: text.slice(command.length) };
 }
+/**
+ * Gate the raw catalog to the commands a given sender may see on a given
+ * surface. Pure so it can be unit-tested without React. Applied once, where the
+ * controller exposes its merged `commands`, so surface + auth gating flows
+ * uniformly through matching, listing, and resolution.
+ *
+ * Rules:
+ * - A command with a non-empty `surfaces` list is hidden unless that list
+ *   includes the current surface. An undefined/empty `surfaces` means the
+ *   command is surface-agnostic and shown everywhere (default).
+ * - `requiresAuth` commands are hidden when the sender is not authorized.
+ * - `requiresElevated` commands are hidden when the sender is not elevated.
+ */
+export function filterCommandsForSurface(commands, { surface, isAuthorized, isElevated }) {
+    return commands.filter((command) => {
+        if (command.surfaces?.length && !command.surfaces.includes(surface)) {
+            return false;
+        }
+        if (command.requiresAuth && !isAuthorized)
+            return false;
+        if (command.requiresElevated && !isElevated)
+            return false;
+        return true;
+    });
+}
 // ── Matching + filtering ─────────────────────────────────────────────────────
 function aliasMatches(command, token) {
     const normalized = `/${token}`.toLowerCase();
@@ -149,6 +175,200 @@ export function filterArgChoices(choices, query) {
     const includes = choices.filter((c) => !c.toLowerCase().startsWith(q) && c.toLowerCase().includes(q));
     return [...starts, ...includes];
 }
+// ── Natural client shortcuts ────────────────────────────────────────────────
+const NAVIGATION_VERB_PATTERN = "(?:open|show(?:\\s+me)?|go\\s+to|switch\\s+to|take\\s+me\\s+to|pull\\s+up|bring\\s+up)";
+const OPTIONAL_OBJECT_PATTERN = "(?:(?:the|my)\\s+)?";
+const SLOT_WORD_PATTERN = "[\\p{L}\\p{N}]+(?:\\s+[\\p{L}\\p{N}]+)*";
+const SLOT_WORD_PATTERN_LAZY = "[\\p{L}\\p{N}]+(?:\\s+[\\p{L}\\p{N}]+)*?";
+function normalizeShortcutPhrase(value) {
+    return (value ?? "")
+        .replace(/^\//, "")
+        .replace(/[-_]+/g, " ")
+        .replace(/[^\p{L}\p{N}\s]/gu, " ")
+        .replace(/\s+/g, " ")
+        .trim()
+        .toLowerCase();
+}
+function phraseRegexSource(phrase) {
+    return normalizeShortcutPhrase(phrase)
+        .split(/\s+/)
+        .filter(Boolean)
+        .map((token) => token.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"))
+        .join("\\s+");
+}
+function regexPattern(source, confidence) {
+    return { regex: new RegExp(source, "iu"), confidence };
+}
+function primaryAlias(command) {
+    return command.textAliases[0] ?? `/${command.nativeName}`;
+}
+function commandPhrases(command) {
+    const phrases = new Map();
+    const add = (value) => {
+        const normalized = normalizeShortcutPhrase(value);
+        if (!normalized || phrases.has(normalized))
+            return;
+        phrases.set(normalized, normalized);
+    };
+    for (const alias of command.textAliases)
+        add(alias);
+    add(command.nativeName);
+    add(command.key);
+    if (command.target.kind === "navigate") {
+        add(command.target.tab);
+        add(command.target.viewId);
+        if (command.target.section)
+            add(`${command.target.section} settings`);
+    }
+    return [...phrases.values()];
+}
+function shortcutTargetForCommand(command) {
+    if (command.target.kind === "client") {
+        return { kind: "client", clientAction: command.target.clientAction };
+    }
+    if (command.target.kind === "navigate") {
+        return {
+            kind: "navigate",
+            path: command.target.path ?? "",
+            tab: command.target.tab,
+            viewId: command.target.viewId,
+            section: command.target.section,
+        };
+    }
+    return { kind: "client", clientAction: command.key };
+}
+function naturalPatternsForCommand(command) {
+    const target = command.target;
+    if (target.kind === "agent")
+        return [];
+    if (target.kind === "client") {
+        switch (target.clientAction) {
+            case "clear-chat":
+                return [
+                    regexPattern("^(?:clear|reset)\\s+(?:the\\s+|current\\s+)?(?:chat|conversation|thread)$", 0.95),
+                ];
+            case "new-conversation":
+                return [
+                    regexPattern("^(?:new|start|open)\\s+(?:a\\s+)?(?:chat|conversation|thread)$", 0.92),
+                ];
+            case "toggle-fullscreen":
+                return [
+                    regexPattern("^(?:toggle|enter|exit|open|close)\\s+(?:full\\s+screen|fullscreen)(?:\\s+chat)?$", 0.9),
+                    regexPattern("^(?:full\\s+screen|fullscreen)\\s+chat$", 0.86),
+                ];
+            case "open-command-palette":
+            case "show-commands":
+                return [
+                    regexPattern(`^${NAVIGATION_VERB_PATTERN}\\s+(?:the\\s+)?(?:command\\s+palette|commands)$`, 0.9),
+                    regexPattern("^(?:show|list)\\s+(?:available\\s+)?commands$", 0.9),
+                ];
+            case "toggle-transcription":
+                return [
+                    regexPattern("^(?:toggle|start|stop|turn\\s+on|turn\\s+off)\\s+(?:transcription|transcribe|dictation)$", 0.9),
+                    regexPattern("^(?:transcribe|dictate)$", 0.84),
+                ];
+        }
+    }
+    const patterns = [];
+    const phrases = commandPhrases(command)
+        .map(phraseRegexSource)
+        .filter(Boolean);
+    if (phrases.length > 0) {
+        patterns.push(regexPattern(`^${NAVIGATION_VERB_PATTERN}\\s+${OPTIONAL_OBJECT_PATTERN}(?:${phrases.join("|")})$`, 0.94));
+    }
+    if (target.kind === "navigate" && target.tab === "settings") {
+        patterns.push(regexPattern(`^${NAVIGATION_VERB_PATTERN}\\s+${OPTIONAL_OBJECT_PATTERN}(?<section>${SLOT_WORD_PATTERN})\\s+settings$`, 0.91), regexPattern(`^(?:change|configure|edit|set)\\s+${OPTIONAL_OBJECT_PATTERN}(?<section>${SLOT_WORD_PATTERN})\\s+settings$`, 0.88));
+    }
+    if (target.kind === "navigate" && commandHasArgSource(command, "views")) {
+        patterns.push(regexPattern(`^${NAVIGATION_VERB_PATTERN}\\s+${OPTIONAL_OBJECT_PATTERN}(?<view>${SLOT_WORD_PATTERN_LAZY})\\s+(?:view|app|screen)$`, 0.75), regexPattern(`^${NAVIGATION_VERB_PATTERN}\\s+${OPTIONAL_OBJECT_PATTERN}(?<view>${SLOT_WORD_PATTERN})$`, 0.72));
+    }
+    return patterns;
+}
+function naturalShortcutDefinitions(commands) {
+    const commandById = new Map();
+    const definitions = [];
+    for (const command of commands) {
+        if (command.target.kind === "agent")
+            continue;
+        const patterns = naturalPatternsForCommand(command);
+        if (patterns.length === 0)
+            continue;
+        const id = `client-command:${command.key}`;
+        commandById.set(id, command);
+        definitions.push({
+            id,
+            kind: "natural",
+            patterns,
+            target: shortcutTargetForCommand(command),
+            confidence: 0.9,
+            priority: command.target.kind === "navigate" ? 20 : 10,
+            requiresAuth: command.requiresAuth,
+            requiresElevated: command.requiresElevated,
+        });
+    }
+    return { definitions, commandById };
+}
+function cleanSlotValue(value) {
+    return normalizeShortcutPhrase(value)
+        .replace(/^(?:the|my)\s+/, "")
+        .replace(/\s+(?:view|app|screen)$/, "")
+        .trim();
+}
+function resolveChoice(value, choices) {
+    const normalized = cleanSlotValue(value);
+    if (!normalized || choices.length === 0)
+        return undefined;
+    return choices.find((choice) => normalizeShortcutPhrase(choice) === normalized);
+}
+function resolveSectionSlot(value, resolveSection) {
+    const normalized = cleanSlotValue(value);
+    if (!normalized)
+        return undefined;
+    return (resolveSection(normalized) ??
+        resolveSection(normalized.replace(/\s+/g, "-")));
+}
+/**
+ * Resolve caller-enabled natural-language client shortcuts (e.g. "open settings",
+ * "show me my calendar", "clear chat") into the same execution objects as
+ * slash commands. Agent-targeted commands deliberately fall through to normal
+ * chat; only deterministic navigate/client commands are eligible here.
+ */
+export function resolveClientShortcutExecution(commands, text, resolveSection = (t) => t, options = {}) {
+    if (!options.allowNatural)
+        return null;
+    const raw = text.trim();
+    if (!raw ||
+        raw.startsWith("/") ||
+        raw.startsWith("!") ||
+        raw.includes("\n")) {
+        return null;
+    }
+    const { definitions, commandById } = naturalShortcutDefinitions(commands);
+    const match = matchShortcut(definitions, raw, {
+        allowNatural: true,
+        isAuthorized: options.isAuthorized ?? true,
+        isElevated: options.isElevated ?? true,
+    });
+    if (!match)
+        return null;
+    const command = commandById.get(match.shortcut.id);
+    if (!command)
+        return null;
+    const alias = primaryAlias(command);
+    if (match.parameters.section) {
+        const section = resolveSectionSlot(match.parameters.section, resolveSection);
+        if (!section)
+            return null;
+        return resolveSlashExecution(command, `${alias} ${section}`, resolveSection);
+    }
+    if (match.parameters.view) {
+        const view = resolveChoice(match.parameters.view, options.resolveChoices?.("views") ?? []);
+        if (!view)
+            return null;
+        return resolveSlashExecution(command, `${alias} ${view}`, resolveSection);
+    }
+    return resolveSlashExecution(command, alias, resolveSection);
+}
 // ── Completion (Tab) ─────────────────────────────────────────────────────────
 /** The draft text after completing to a command alias (with trailing space if it takes args). */
 export function completeCommand(command) {

package/chat/useSlashCommandController.d.ts

@@ -4,9 +4,25 @@
  * overlay combines these with its own conversation-scoped effects (send,
  * new-conversation, fullscreen) to run a command.
  */
-import type { CommandArgSource, SlashCommandCatalogItem } from "../api/client-types-commands";
+import type { CommandArgSource, SlashCommandCatalogItem } from "../api/client-types-commands.js";
 /** Event the App shell listens for to open settings at a specific section. */
 export declare const NAVIGATE_SETTINGS_EVENT = "eliza:navigate:settings";
+/**
+ * Report a user-initiated view switch to the agent (#8792). Fire-and-forget,
+ * fully guarded: a failure here must never break navigation. `source: "user"`
+ * makes the server record state + emit VIEW_SWITCHED without echoing
+ * shell:navigate:view back to the client. The surface id is any view/tab id
+ * (e.g. a view id, a tab id, or "settings") the proactive decider keys off.
+ */
+export declare function reportUserViewSwitch(viewId: string, viewPath?: string): void;
+/**
+ * Report a user-fired keyboard / command-palette shortcut to the agent (#8792).
+ * Fire-and-forget, fully guarded: a failure here must never break the shortcut.
+ * The server emits SHORTCUT_FIRED for the proactive decider, which decides
+ * (governed) whether a scoped comment helps. Only meaningful, intent-bearing
+ * shortcuts should report — not every keystroke — to keep the judge cheap.
+ */
+export declare function reportShortcutFired(shortcutId: string, context?: string): void;
 export interface NavigateSettingsDetail {
     section?: string;
 }
@@ -14,6 +30,8 @@ export interface SlashCommandController {
     /** The merged catalog (server commands + custom actions + saved commands). */
     commands: SlashCommandCatalogItem[];
     loading: boolean;
+    /** Whether natural-language navigate/client shortcuts may short-circuit send. */
+    naturalShortcutsEnabled: boolean;
     /** Resolve dynamic argument completions for a named source. */
     resolveChoices: (source: CommandArgSource) => string[];
     /** Map a user-typed settings token to a canonical section id. */
@@ -27,5 +45,20 @@ export interface SlashCommandController {
     clearChat: () => void;
     openCommandPalette: () => void;
 }
-export declare function useSlashCommandController(): SlashCommandController;
+export interface SlashCommandControllerOptions {
+    /**
+     * Whether the current sender is authenticated. Commands flagged
+     * `requiresAuth` are hidden when this is false. Defaults to `true`: the local
+     * dashboard composer is the trusted owner surface (gated by the agent's own
+     * API token), so the dashboard user is authorized by definition.
+     */
+    isAuthorized?: boolean;
+    /**
+     * Whether the current sender has elevated/owner privileges. Commands flagged
+     * `requiresElevated` are hidden when this is false. Defaults to `true` for the
+     * same reason as {@link isAuthorized}.
+     */
+    isElevated?: boolean;
+}
+export declare function useSlashCommandController(options?: SlashCommandControllerOptions): SlashCommandController;
 //# sourceMappingURL=useSlashCommandController.d.ts.map

package/chat/useSlashCommandController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSlashCommandController.d.ts","sourceRoot":"","sources":["../../../../../src/chat/useSlashCommandController.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EACV,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,8BAA8B,CAAC;AAYtC,8EAA8E;AAC9E,eAAO,MAAM,uBAAuB,4BAA4B,CAAC;AA6BjE,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,8EAA8E;IAC9E,QAAQ,EAAE,uBAAuB,EAAE,CAAC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,cAAc,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,MAAM,EAAE,CAAC;IACvD,iEAAiE;IACjE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAEtD,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACvE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAuDD,wBAAgB,yBAAyB,IAAI,sBAAsB,CA8HlE"}
+{"version":3,"file":"useSlashCommandController.d.ts","sourceRoot":"","sources":["../../../../../src/chat/useSlashCommandController.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EACV,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,8BAA8B,CAAC;AAiBtC,8EAA8E;AAC9E,eAAO,MAAM,uBAAuB,4BAA4B,CAAC;AAEjE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAmB5E;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,IAAI,CAmBN;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,8EAA8E;IAC9E,QAAQ,EAAE,uBAAuB,EAAE,CAAC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,iFAAiF;IACjF,uBAAuB,EAAE,OAAO,CAAC;IACjC,+DAA+D;IAC/D,cAAc,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,MAAM,EAAE,CAAC;IACvD,iEAAiE;IACjE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAEtD,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACvE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAuDD,MAAM,WAAW,6BAA6B;IAC5C;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,yBAAyB,CACvC,OAAO,GAAE,6BAAkC,GAC1C,sBAAsB,CAsJxB"}

package/chat/useSlashCommandController.js

@@ -7,20 +7,25 @@
 import * as React from "react";
 import { client } from "../api/index.js";
 import { resolveSettingsSectionToken, SETTINGS_SECTION_SUGGESTIONS, } from "../components/settings/settings-section-tokens.js";
+import { useBootConfig } from "../config/boot-config-react.hooks.js";
 import { COMMAND_PALETTE_EVENT } from "../events/index.js";
 import { useAvailableViews } from "../hooks/useAvailableViews.js";
-import { useApp } from "../state/index.js";
+import { useAppSelectorShallow } from "../state/index.js";
 import { getElizaApiBase, getElizaApiToken } from "../utils/eliza-globals.js";
 import { loadSavedCustomCommands, normalizeSlashCommandName } from "./index.js";
+import { filterCommandsForSurface } from "./slash-menu.js";
+/** The surface the dashboard chat composer renders on. */
+const GUI_SURFACE = "gui";
 /** Event the App shell listens for to open settings at a specific section. */
 export const NAVIGATE_SETTINGS_EVENT = "eliza:navigate:settings";
 /**
  * Report a user-initiated view switch to the agent (#8792). Fire-and-forget,
  * fully guarded: a failure here must never break navigation. `source: "user"`
  * makes the server record state + emit VIEW_SWITCHED without echoing
- * shell:navigate:view back to the client.
+ * shell:navigate:view back to the client. The surface id is any view/tab id
+ * (e.g. a view id, a tab id, or "settings") the proactive decider keys off.
  */
-function reportUserViewSwitch(viewId, viewPath) {
+export function reportUserViewSwitch(viewId, viewPath) {
     try {
         const base = getElizaApiBase();
         if (!base || typeof fetch === "undefined")
@@ -42,6 +47,35 @@ function reportUserViewSwitch(viewId, viewPath) {
         // Best-effort observability only.
     }
 }
+/**
+ * Report a user-fired keyboard / command-palette shortcut to the agent (#8792).
+ * Fire-and-forget, fully guarded: a failure here must never break the shortcut.
+ * The server emits SHORTCUT_FIRED for the proactive decider, which decides
+ * (governed) whether a scoped comment helps. Only meaningful, intent-bearing
+ * shortcuts should report — not every keystroke — to keep the judge cheap.
+ */
+export function reportShortcutFired(shortcutId, context) {
+    try {
+        const base = getElizaApiBase();
+        if (!base || typeof fetch === "undefined")
+            return;
+        const token = getElizaApiToken();
+        void fetch(`${base}/api/interactions/shortcut`, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+                ...(token ? { Authorization: `Bearer ${token}` } : {}),
+            },
+            body: JSON.stringify({
+                shortcutId,
+                ...(context ? { context } : {}),
+            }),
+        }).catch(() => { });
+    }
+    catch {
+        // Best-effort observability only.
+    }
+}
 function customActionToCommand(name) {
     const slug = name.toLowerCase();
     return {
@@ -92,8 +126,13 @@ function mergeByAlias(groups) {
     }
     return merged;
 }
-export function useSlashCommandController() {
-    const { setTab, handleChatClear } = useApp();
+export function useSlashCommandController(options = {}) {
+    const { isAuthorized = true, isElevated = true } = options;
+    const bootConfig = useBootConfig();
+    const { setTab, handleChatClear } = useAppSelectorShallow((s) => ({
+        setTab: s.setTab,
+        handleChatClear: s.handleChatClear,
+    }));
     const { views } = useAvailableViews();
     const [serverCommands, setServerCommands] = React.useState([]);
     const [customCommands, setCustomCommands] = React.useState([]);
@@ -123,8 +162,15 @@ export function useSlashCommandController() {
         };
     }, []);
     const commands = React.useMemo(
-    // Server catalog wins over custom/saved on alias collisions.
-    () => mergeByAlias([serverCommands, customCommands]), [serverCommands, customCommands]);
+    // Server catalog wins over custom/saved on alias collisions; then gate by
+    // surface (hide non-gui commands) and sender authorization (hide
+    // requiresAuth/requiresElevated commands the sender can't run).
+    () => filterCommandsForSurface(mergeByAlias([serverCommands, customCommands]), {
+        surface: GUI_SURFACE,
+        isAuthorized,
+        isElevated,
+    }), [serverCommands, customCommands, isAuthorized, isElevated]);
+    const naturalShortcutsEnabled = bootConfig.shortcutFlags?.naturalLanguage === true;
     const resolveChoices = React.useCallback((source) => {
         switch (source) {
             case "settings-sections":
@@ -135,13 +181,21 @@ export function useSlashCommandController() {
                 return [];
         }
     }, [views]);
-    const navigateTab = React.useCallback((tab) => setTab(tab), [setTab]);
+    const navigateTab = React.useCallback((tab) => {
+        setTab(tab);
+        // Report the tab id as a surface so the proactive decider can react to
+        // user-initiated tab navigation (#8792). Fire-and-forget.
+        reportUserViewSwitch(tab);
+    }, [setTab]);
     const navigateSettings = React.useCallback((section) => {
         if (typeof window === "undefined")
             return;
         window.dispatchEvent(new CustomEvent(NAVIGATE_SETTINGS_EVENT, {
             detail: { section },
         }));
+        // Surface key is "settings" with the section threaded through as the path
+        // so the decider can distinguish settings sub-screens (#8792).
+        reportUserViewSwitch("settings", section);
     }, []);
     const navigateView = React.useCallback((target) => {
         if (typeof window === "undefined")
@@ -172,6 +226,7 @@ export function useSlashCommandController() {
     return React.useMemo(() => ({
         commands,
         loading,
+        naturalShortcutsEnabled,
         resolveChoices,
         resolveSection: resolveSettingsSectionToken,
         navigateTab,
@@ -182,6 +237,7 @@ export function useSlashCommandController() {
     }), [
         commands,
         loading,
+        naturalShortcutsEnabled,
         resolveChoices,
         navigateTab,
         navigateSettings,

package/cloud/account-security/AccountRoute.js

@@ -13,10 +13,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * `/dashboard/account` route (the body calls `useSetPageHeader`).
  */
 import { DashboardErrorState, DashboardLoadingState, PageHeaderProvider, } from "../../cloud-ui/index.js";
+import { useDocumentTitle } from "../lib/use-document-title.js";
 import { useCloudT } from "../shell/CloudI18nProvider.js";
 import { AccountPageClient } from "./components/account-page-client.js";
 import { useUserProfile } from "./data/user.js";
-import { useDocumentTitle } from "./use-document-title.js";
 /**
  * The account surface. Embeddable: handed to the Wave-3 settings section and
  * wrapped by {@link AccountRoute} for the standalone route. Assumes a

package/cloud/account-security/PermissionsRoute.js

@@ -12,9 +12,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * route (the body calls `useSetPageHeader`).
  */
 import { PageHeaderProvider } from "../../cloud-ui/index.js";
+import { useDocumentTitle } from "../lib/use-document-title.js";
 import { useCloudT } from "../shell/CloudI18nProvider.js";
 import { PluginPermissionsPageClient } from "./components/plugin-permissions-page-client.js";
-import { useDocumentTitle } from "./use-document-title.js";
 /**
  * The plugin-permissions surface. Embeddable: handed to the Wave-3 settings
  * section and wrapped by {@link PermissionsRoute} for the standalone route.

package/cloud/account-security/SecurityRoute.js

@@ -12,6 +12,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { Link } from "react-router-dom";
 import { DashboardPageContainer, PageHeaderProvider, useSetPageHeader, } from "../../cloud-ui/index.js";
+import { useDocumentTitle } from "../lib/use-document-title.js";
 import { useCloudT } from "../shell/CloudI18nProvider.js";
 import { ActiveSessionsPanel } from "./components/active-sessions-panel.js";
 import { ApiKeysLink } from "./components/api-keys-link.js";
@@ -19,7 +20,6 @@ import { IncidentReportPanel } from "./components/incident-report-panel.js";
 import { MfaPanel } from "./components/mfa-panel.js";
 import { PrivacyPanel } from "./components/privacy-panel.js";
 import { RecentAuditEvents } from "./components/recent-audit-events.js";
-import { useDocumentTitle } from "./use-document-title.js";
 /**
  * The security surface. Embeddable: handed to the Wave-3 settings section and
  * wrapped by {@link SecurityRoute} for the standalone route. Assumes a

package/cloud/account-security/components/account-details.d.ts

@@ -3,7 +3,7 @@
  * important dates. Ported from
  * `@elizaos/cloud-frontend/src/dashboard/account/_components/account-details.tsx`.
  */
-import type { UserProfile } from "../data/user";
+import type { UserProfile } from "../data/user.js";
 interface AccountDetailsProps {
     user: UserProfile;
 }

package/cloud/account-security/components/account-page-client.d.ts

@@ -7,7 +7,7 @@
  * dead "Coming Soon" controls) is intentionally NOT ported; the live
  * MFA / privacy / delete controls live in the Security page instead.
  */
-import type { UserProfile } from "../data/user";
+import type { UserProfile } from "../data/user.js";
 interface AccountPageClientProps {
     user: UserProfile;
 }

package/cloud/account-security/components/organization-info.d.ts

@@ -3,7 +3,7 @@
  * Ported from
  * `@elizaos/cloud-frontend/src/dashboard/account/_components/organization-info.tsx`.
  */
-import type { UserProfile } from "../data/user";
+import type { UserProfile } from "../data/user.js";
 type Organization = NonNullable<UserProfile["organization"]>;
 interface OrganizationInfoProps {
     organization: Organization;

package/cloud/account-security/components/profile-form.d.ts

@@ -12,7 +12,7 @@
  * mutation rather than react-query invalidation — ported as-is to preserve
  * behavior; convert when the page is reshaped into a settings section.
  */
-import type { UserProfile } from "../data/user";
+import type { UserProfile } from "../data/user.js";
 interface ProfileFormProps {
     user: UserProfile;
 }

package/cloud/account-security/components/profile-form.js

@@ -245,11 +245,11 @@ export function ProfileForm({ user }) {
         }
         setIsUpdatingEmail(false);
     };
-    return (_jsxs(BrandCard, { className: "relative", children: [_jsx(CornerBrackets, { size: "sm", className: "opacity-50" }), _jsxs("div", { className: "relative z-10 space-y-6", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(User, { className: "h-5 w-5 text-[var(--brand-orange)]" }), _jsx("h3", { className: "text-lg font-bold text-white", children: "Profile Information" })] }), _jsx("p", { className: "text-sm text-white/60", children: "Update your profile information and manage your account settings" })] }), !user.email && !emailAdded && (_jsxs("div", { className: "space-y-2 p-4 border border-orange-500/40 bg-orange-500/5 rounded-sm", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(Mail, { className: "h-4 w-4 text-orange-400" }), _jsx("label", { htmlFor: "new-email", className: "text-xs font-medium text-orange-400 uppercase tracking-wide", children: "Add Email Address" })] }), _jsx("p", { className: "text-xs text-white/60 mb-3", children: "Adding an email allows you to receive important notifications and updates." }), _jsxs("form", { onSubmit: handleEmailSubmit, className: "space-y-3", children: [_jsx(Input, { id: "new-email", name: "email", type: "email", placeholder: "your@email.com", disabled: isUpdatingEmail, required: true, className: "rounded-sm border-white/20 bg-black/40 text-white placeholder:text-white/40 focus:ring-1 focus:ring-orange-500 focus:border-orange-500" }), _jsx(BrandButton, { type: "submit", variant: "primary", size: "sm", disabled: isUpdatingEmail, className: "w-full", children: isUpdatingEmail ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }), "Adding Email..."] })) : (_jsxs(_Fragment, { children: [_jsx(Mail, { className: "h-4 w-4 mr-2 text-white" }), _jsx("p", { className: "text-white", children: "Add Email Address" })] })) })] })] })), user.email && (_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { htmlFor: "email", className: "text-xs font-medium text-white/70 uppercase tracking-wide flex items-center gap-2", children: [_jsx(Mail, { className: "h-4 w-4" }), "Email Address"] }), _jsx(Input, { id: "email", type: "email", value: user.email, disabled: true, className: "rounded-sm border-white/10 bg-black/60 text-white/50" }), _jsx("p", { className: "text-xs text-white/74", children: "Email cannot be changed. Please contact support if you need to update this." })] })), emailAdded && !user.email && (_jsxs("div", { className: "space-y-2 p-4 border border-green-500/40 bg-green-500/5 rounded-sm", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "h-4 w-4 text-green-400" }), _jsx("p", { className: "text-sm font-medium text-green-400", children: "Email Added Successfully!" })] }), _jsx("p", { className: "text-xs text-white/60", children: "Your email has been added and will appear here after the page refreshes." })] })), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsxs("div", { className: "flex flex-col sm:flex-row items-start gap-4 pb-6 border-b border-white/10", children: [_jsx("div", { className: "relative group", children: previewUrl ? (_jsxs("div", { className: "relative", children: [_jsx("div", { className: "h-24 w-24 rounded-full overflow-hidden ring-2 ring-[var(--brand-orange)] ring-offset-2 ring-offset-black/50", children: _jsx(Image, { src: previewUrl, alt: "Preview", width: 96, height: 96, className: "h-full w-full object-cover", unoptimized: true }) }), _jsx("div", { className: "absolute -top-1 -right-1 bg-orange-500 text-black text-[10px] font-bold px-2 py-0.5 rounded-full animate-pulse", children: "PREVIEW" })] })) : (_jsxs(Avatar, { className: "h-24 w-24 ring-2 ring-[var(--brand-orange)] ring-offset-2 ring-offset-black/50", children: [_jsx(AvatarImage, { src: user.avatar || undefined, alt: user.name ||
+    return (_jsxs(BrandCard, { className: "relative", children: [_jsx(CornerBrackets, { size: "sm", className: "opacity-50" }), _jsxs("div", { className: "relative z-10 space-y-6", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(User, { className: "h-5 w-5 text-[var(--brand-orange)]" }), _jsx("h3", { className: "text-lg font-bold text-white", children: "Profile Information" })] }), _jsx("p", { className: "text-sm text-white/60", children: "Update your profile information and manage your account settings" })] }), !user.email && !emailAdded && (_jsxs("div", { className: "space-y-2 p-4 border border-orange-500/40 bg-orange-500/5 rounded-sm", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(Mail, { className: "h-4 w-4 text-orange-400" }), _jsx("label", { htmlFor: "new-email", className: "text-xs font-medium text-orange-400 uppercase tracking-wide", children: "Add Email Address" })] }), _jsx("p", { className: "text-xs text-white/60 mb-3", children: "Adding an email allows you to receive important notifications and updates." }), _jsxs("form", { onSubmit: handleEmailSubmit, className: "space-y-3", children: [_jsx(Input, { id: "new-email", name: "email", type: "email", placeholder: "your@email.com", disabled: isUpdatingEmail, required: true, className: "rounded-sm border-white/20 bg-black/40 text-white placeholder:text-white/40   " }), _jsx(BrandButton, { type: "submit", variant: "primary", size: "sm", disabled: isUpdatingEmail, className: "w-full", children: isUpdatingEmail ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }), "Adding Email..."] })) : (_jsxs(_Fragment, { children: [_jsx(Mail, { className: "h-4 w-4 mr-2 text-white" }), _jsx("p", { className: "text-white", children: "Add Email Address" })] })) })] })] })), user.email && (_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { htmlFor: "email", className: "text-xs font-medium text-white/70 uppercase tracking-wide flex items-center gap-2", children: [_jsx(Mail, { className: "h-4 w-4" }), "Email Address"] }), _jsx(Input, { id: "email", type: "email", value: user.email, disabled: true, className: "rounded-sm border-white/10 bg-black/60 text-white/50" }), _jsx("p", { className: "text-xs text-white/74", children: "Email cannot be changed. Please contact support if you need to update this." })] })), emailAdded && !user.email && (_jsxs("div", { className: "space-y-2 p-4 border border-green-500/40 bg-green-500/5 rounded-sm", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "h-4 w-4 text-green-400" }), _jsx("p", { className: "text-sm font-medium text-green-400", children: "Email Added Successfully!" })] }), _jsx("p", { className: "text-xs text-white/60", children: "Your email has been added and will appear here after the page refreshes." })] })), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsxs("div", { className: "flex flex-col sm:flex-row items-start gap-4 pb-6 border-b border-white/10", children: [_jsx("div", { className: "relative group", children: previewUrl ? (_jsxs("div", { className: "relative", children: [_jsx("div", { className: "h-24 w-24 rounded-full overflow-hidden    ", children: _jsx(Image, { src: previewUrl, alt: "Preview", width: 96, height: 96, className: "h-full w-full object-cover", unoptimized: true }) }), _jsx("div", { className: "absolute -top-1 -right-1 bg-orange-500 text-black text-[10px] font-bold px-2 py-0.5 rounded-full animate-pulse", children: "PREVIEW" })] })) : (_jsxs(Avatar, { className: "h-24 w-24    ", children: [_jsx(AvatarImage, { src: user.avatar || undefined, alt: user.name ||
                                                         user.email ||
                                                         (user.wallet_address
                                                             ? `${user.wallet_address.substring(0, 6)}...${user.wallet_address.substring(user.wallet_address.length - 4)}`
                                                             : "User") }), _jsx(AvatarFallback, { className: "text-xl bg-[var(--brand-orange)]/15", children: getInitials(user.name, user.email, user.wallet_address) })] })) }), _jsxs("div", { className: "flex-1 space-y-3", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "avatar-upload", className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: "Profile Picture" }), _jsx("p", { className: "text-xs text-white/74 mt-1", children: "PNG, JPG or WEBP. Max 5MB. Drag & drop or click to upload." })] }), _jsx("input", { ref: fileInputRef, id: "avatar-upload", type: "file", accept: "image/jpeg,image/jpg,image/png,image/webp", onChange: handleAvatarSelect, disabled: isUploadingAvatar, className: "hidden" }), previewUrl && pendingFile ? (_jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "flex items-center gap-2 p-3 rounded-sm border border-[var(--brand-orange)]/30 bg-[var(--brand-orange)]/5", children: _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm text-white font-medium truncate", children: pendingFile.name }), _jsxs("p", { className: "text-xs text-white/74", children: [(pendingFile.size / 1024).toFixed(1), " KB"] })] }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BrandButton, { type: "button", variant: "primary", size: "sm", disabled: isUploadingAvatar, onClick: handleSaveAvatar, className: "flex-1", children: isUploadingAvatar ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }), "Uploading..."] })) : (_jsxs(_Fragment, { children: [_jsx(Check, { className: "h-4 w-4 mr-2" }), "Save Avatar"] })) }), _jsxs(BrandButton, { type: "button", variant: "outline", size: "sm", disabled: isUploadingAvatar, onClick: handleCancelPreview, children: [_jsx(X, { className: "h-4 w-4 mr-2" }), "Cancel"] })] })] })) : (_jsx("button", { type: "button", onClick: () => fileInputRef.current?.click(), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, className: `flex items-center justify-center gap-3 p-4 rounded-sm border-2 border-dashed transition-all cursor-pointer w-full bg-transparent ${isDragging
                                                     ? "border-white/50 bg-white/10"
-                                                    : "border-white/20 hover:border-white/40 hover:bg-white/5"}`, children: isDragging ? (_jsxs(_Fragment, { children: [_jsx(ImagePlus, { className: "h-5 w-5 text-[var(--brand-orange)]" }), _jsx("span", { className: "text-sm font-medium text-[var(--brand-orange)]", children: "Drop your image here" })] })) : (_jsxs(_Fragment, { children: [_jsx(Upload, { className: "h-5 w-5 text-white/50" }), _jsx("span", { className: "text-sm text-white/70", children: "Click or drag image to upload" })] })) }))] })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { htmlFor: "name", className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: ["Full Name ", _jsx("span", { className: "text-red-400", children: "*" })] }), _jsx(Input, { id: "name", name: "name", type: "text", defaultValue: user.name || "", placeholder: "Enter your full name", required: true, maxLength: 100, disabled: isPending, className: "rounded-sm border-white/10 bg-black/40 text-white placeholder:text-white/40 focus:ring-1 focus:ring-[var(--brand-orange)] focus:border-[var(--brand-orange)]" })] }), user.wallet_address && (_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { htmlFor: "wallet-address", className: "text-xs font-medium text-white/70 uppercase tracking-wide flex items-center gap-2", children: [_jsx(User, { className: "h-4 w-4" }), "Wallet Address"] }), _jsx(Input, { id: "wallet-address", type: "text", value: user.wallet_address, disabled: true, className: "rounded-sm border-white/10 bg-black/60 text-white/50 font-mono text-xs" }), user.wallet_chain_type && (_jsxs("p", { className: "text-xs text-white/74 capitalize", children: ["Connected via ", user.wallet_chain_type, " wallet"] }))] })), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "avatar", className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: "Avatar URL (Optional)" }), _jsx(Input, { id: "avatar", name: "avatar", type: "url", defaultValue: user.avatar || "", placeholder: "https://example.com/avatar.jpg", disabled: isPending, className: "rounded-sm border-white/10 bg-black/40 text-white placeholder:text-white/40 focus:ring-1 focus:ring-[var(--brand-orange)] focus:border-[var(--brand-orange)]" }), _jsx("p", { className: "text-xs text-white/74", children: "Or use the upload button above to add a profile picture." })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("label", { htmlFor: "user-role", className: "text-xs font-medium text-white/70 uppercase tracking-wide flex items-center gap-2", children: [_jsx(Shield, { className: "h-4 w-4" }), "Role"] }), _jsx(Input, { id: "user-role", type: "text", value: user.role, disabled: true, className: "rounded-sm border-white/10 bg-black/60 text-white/50 capitalize" }), _jsx("p", { className: "text-xs text-white/74", children: "Your role in the organization. Contact an admin to change this." })] })] }), error && (_jsx(Alert, { variant: "destructive", className: "rounded-sm border-red-500/40 bg-red-500/10", children: _jsx(AlertDescription, { className: "text-red-400", children: error }) })), success && (_jsx(Alert, { className: "rounded-sm border-green-500/40 bg-green-500/10", children: _jsx(AlertDescription, { className: "text-green-400", children: success }) })), _jsxs("div", { className: "flex items-center gap-3 pt-4", children: [_jsx(BrandButton, { type: "submit", variant: "primary", disabled: isPending, children: isPending ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }), "Saving..."] })) : (_jsx("p", { className: "text-white", children: "Save Changes" })) }), _jsx(BrandButton, { type: "button", variant: "outline", onClick: () => window.location.reload(), disabled: isPending, children: "Cancel" })] })] })] })] }));
+                                                    : "border-white/20 hover:border-white/40 hover:bg-white/5"}`, children: isDragging ? (_jsxs(_Fragment, { children: [_jsx(ImagePlus, { className: "h-5 w-5 text-[var(--brand-orange)]" }), _jsx("span", { className: "text-sm font-medium text-[var(--brand-orange)]", children: "Drop your image here" })] })) : (_jsxs(_Fragment, { children: [_jsx(Upload, { className: "h-5 w-5 text-white/50" }), _jsx("span", { className: "text-sm text-white/70", children: "Click or drag image to upload" })] })) }))] })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { htmlFor: "name", className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: ["Full Name ", _jsx("span", { className: "text-red-400", children: "*" })] }), _jsx(Input, { id: "name", name: "name", type: "text", defaultValue: user.name || "", placeholder: "Enter your full name", required: true, maxLength: 100, disabled: isPending, className: "rounded-sm border-white/10 bg-black/40 text-white placeholder:text-white/40   " })] }), user.wallet_address && (_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { htmlFor: "wallet-address", className: "text-xs font-medium text-white/70 uppercase tracking-wide flex items-center gap-2", children: [_jsx(User, { className: "h-4 w-4" }), "Wallet Address"] }), _jsx(Input, { id: "wallet-address", type: "text", value: user.wallet_address, disabled: true, className: "rounded-sm border-white/10 bg-black/60 text-white/50 font-mono text-xs" }), user.wallet_chain_type && (_jsxs("p", { className: "text-xs text-white/74 capitalize", children: ["Connected via ", user.wallet_chain_type, " wallet"] }))] })), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "avatar", className: "text-xs font-medium text-white/70 uppercase tracking-wide", children: "Avatar URL (Optional)" }), _jsx(Input, { id: "avatar", name: "avatar", type: "url", defaultValue: user.avatar || "", placeholder: "https://example.com/avatar.jpg", disabled: isPending, className: "rounded-sm border-white/10 bg-black/40 text-white placeholder:text-white/40   " }), _jsx("p", { className: "text-xs text-white/74", children: "Or use the upload button above to add a profile picture." })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("label", { htmlFor: "user-role", className: "text-xs font-medium text-white/70 uppercase tracking-wide flex items-center gap-2", children: [_jsx(Shield, { className: "h-4 w-4" }), "Role"] }), _jsx(Input, { id: "user-role", type: "text", value: user.role, disabled: true, className: "rounded-sm border-white/10 bg-black/60 text-white/50 capitalize" }), _jsx("p", { className: "text-xs text-white/74", children: "Your role in the organization. Contact an admin to change this." })] })] }), error && (_jsx(Alert, { variant: "destructive", className: "rounded-sm border-red-500/40 bg-red-500/10", children: _jsx(AlertDescription, { className: "text-red-400", children: error }) })), success && (_jsx(Alert, { className: "rounded-sm border-green-500/40 bg-green-500/10", children: _jsx(AlertDescription, { className: "text-green-400", children: success }) })), _jsxs("div", { className: "flex items-center gap-3 pt-4", children: [_jsx(BrandButton, { type: "submit", variant: "primary", disabled: isPending, children: isPending ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }), "Saving..."] })) : (_jsx("p", { className: "text-white", children: "Save Changes" })) }), _jsx(BrandButton, { type: "button", variant: "outline", onClick: () => window.location.reload(), disabled: isPending, children: "Cancel" })] })] })] })] }));
 }

package/cloud/account-security/data/use-session-auth.d.ts

@@ -17,7 +17,7 @@ export type StewardSessionUser = {
  * Safe wrapper around the Steward auth context that returns a fallback when the
  * shell's StewardProvider runtime is not mounted (cheap routes / native).
  */
-export declare function useStewardAuth(): import("../../shell/StewardProvider").LocalStewardAuthValue | {
+export declare function useStewardAuth(): import("../../shell/StewardProviderShared.js").LocalStewardAuthValue | {
     readonly isAuthenticated: false;
     readonly isLoading: false;
     readonly user: StewardSessionUser;

package/cloud/account-security/index.d.ts

@@ -25,14 +25,14 @@
  * Dropped per migration scope: the stub `SecurityPreferences`
  * (2FA/notifications/delete-account — all dead "Coming Soon" controls).
  */
-export { AccountSurface, default as AccountRoute } from "./AccountRoute";
-export { AccountSection } from "./AccountSection";
-export { type SessionAuthState, useSessionAuth, useStewardAuth, } from "./data/use-session-auth";
-export { type UserProfile, useUserProfile } from "./data/user";
-export { default as PermissionsRoute, PermissionsSurface, } from "./PermissionsRoute";
-export { PermissionsSection } from "./PermissionsSection";
-export { default as SecurityRoute, SecuritySurface } from "./SecurityRoute";
-export { SecuritySection } from "./SecuritySection";
+export { AccountSurface, default as AccountRoute } from "./AccountRoute.js";
+export { AccountSection } from "./AccountSection.js";
+export { type SessionAuthState, useSessionAuth, useStewardAuth, } from "./data/use-session-auth.js";
+export { type UserProfile, useUserProfile } from "./data/user.js";
+export { default as PermissionsRoute, PermissionsSurface, } from "./PermissionsRoute.js";
+export { PermissionsSection } from "./PermissionsSection.js";
+export { default as SecurityRoute, SecuritySurface } from "./SecurityRoute.js";
+export { SecuritySection } from "./SecuritySection.js";
 /** Stable settings-section ids + URL hashes for the surfaces. */
 export declare const ACCOUNT_SECTION_ID = "account";
 export declare const SECURITY_SECTION_ID = "security";

package/cloud/admin/ModerationPage.js

@@ -4,9 +4,9 @@ import { AlertTriangle, Ban, Eye, Loader2, Plus, RefreshCw, Shield, Trash2, User
 import { useCallback, useEffect, useState } from "react";
 import { toast } from "sonner";
 import { ApiError, api } from "../lib/api-client.js";
+import { useDocumentTitle } from "../lib/use-document-title.js";
 import { useCloudT } from "../shell/CloudI18nProvider.js";
 import { useAdminGate } from "./data/use-admin-gate.js";
-import { useDocumentTitle } from "./use-document-title.js";
 function errorMessage(error, fallback) {
     if (error instanceof ApiError)
         return error.message;

package/cloud/admin/RedemptionsPage.js

@@ -24,9 +24,9 @@ import { Ban, Check, CheckCircle, Copy, ExternalLink, Eye, RefreshCw, Wallet, XC
 import { useState } from "react";
 import { toast } from "sonner";
 import { ApiError, api } from "../lib/api-client.js";
+import { formatUsd as formatCurrency } from "../lib/format-usd.js";
+import { useDocumentTitle } from "../lib/use-document-title.js";
 import { useCloudT } from "../shell/CloudI18nProvider.js";
-import { formatUsd as formatCurrency } from "./lib/format-usd.js";
-import { useDocumentTitle } from "./use-document-title.js";
 const STATUS_COLORS = {
     pending: "bg-yellow-500/20 text-yellow-400 border-yellow-500/30",
     approved: "bg-white/10 text-white/80 border-white/20",