@elizaos/agent 2.0.0-alpha.519 → 2.0.0-alpha.521

package/packages/app-core/src/hooks/useCanvasWindow.js

@@ -1,277 +0,0 @@
-/**
- * useCanvasWindow
- *
- * Creates a floating BrowserWindow (via the Electrobun canvas RPC) that is
- * positioned and sized to match a DOM placeholder div.  The BrowserWindow
- * appears to be "embedded" because it is always kept aligned with the div.
- *
- * Works in:
- *   - Electrobun — calls via the preload-exposed renderer RPC
- *   - Legacy desktop bridge compatibility — falls back to the historical bridge
- *
- * Falls back gracefully (isReady=false, no window created) when neither
- * runtime is detected (web / Capacitor / SSR).
- */
-import { useCallback, useEffect, useRef, useState } from "react";
-import { invokeDesktopBridgeRequest } from "../bridge";
-// ---------------------------------------------------------------------------
-// Geometry helpers
-// ---------------------------------------------------------------------------
-function getScreenRect(el) {
-    const rect = el.getBoundingClientRect();
-    return {
-        x: Math.round(rect.left + window.scrollX),
-        y: Math.round(rect.top + window.scrollY),
-        width: Math.round(rect.width),
-        height: Math.round(rect.height),
-    };
-}
-// ---------------------------------------------------------------------------
-// Hook
-// ---------------------------------------------------------------------------
-export function useCanvasWindow(options) {
-    const { url, enabled, title } = options;
-    const containerRef = useRef(null);
-    const windowIdRef = useRef(null);
-    const [windowId, setWindowId] = useState(null);
-    const [isReady, setIsReady] = useState(false);
-    // Stable refs so callbacks don't need to re-bind.
-    const urlRef = useRef(url);
-    urlRef.current = url;
-    const titleRef = useRef(title);
-    titleRef.current = title;
-    // Track last-synced bounds to avoid redundant bridge calls.
-    const lastBoundsRef = useRef(null);
-    const syncFrameRef = useRef(null);
-    const trackingFrameRef = useRef(null);
-    const animationTrackerCountRef = useRef(0);
-    // ---------------------------------------------------------------------------
-    // Sync position/size to the placeholder div
-    // ---------------------------------------------------------------------------
-    const syncBounds = useCallback(() => {
-        const el = containerRef.current;
-        const id = windowIdRef.current;
-        if (!el || !id)
-            return;
-        const bounds = getScreenRect(el);
-        const last = lastBoundsRef.current;
-        if (last &&
-            last.x === bounds.x &&
-            last.y === bounds.y &&
-            last.width === bounds.width &&
-            last.height === bounds.height) {
-            return; // Nothing changed — skip the bridge call.
-        }
-        lastBoundsRef.current = bounds;
-        void invokeDesktopBridgeRequest({
-            rpcMethod: "canvasSetBounds",
-            ipcChannel: "canvas:setBounds",
-            params: { id, ...bounds },
-        }).catch((err) => {
-            console.warn("[useCanvasWindow] canvas:setBounds failed", err);
-        });
-    }, []);
-    const scheduleSyncBounds = useCallback(() => {
-        if (trackingFrameRef.current !== null || syncFrameRef.current !== null) {
-            return;
-        }
-        syncFrameRef.current = requestAnimationFrame(() => {
-            syncFrameRef.current = null;
-            syncBounds();
-        });
-    }, [syncBounds]);
-    const startTrackingBounds = useCallback(() => {
-        if (trackingFrameRef.current !== null) {
-            return;
-        }
-        const loop = () => {
-            syncBounds();
-            trackingFrameRef.current = requestAnimationFrame(loop);
-        };
-        trackingFrameRef.current = requestAnimationFrame(loop);
-    }, [syncBounds]);
-    const stopTrackingBounds = useCallback(() => {
-        if (trackingFrameRef.current !== null) {
-            cancelAnimationFrame(trackingFrameRef.current);
-            trackingFrameRef.current = null;
-        }
-        if (syncFrameRef.current !== null) {
-            cancelAnimationFrame(syncFrameRef.current);
-            syncFrameRef.current = null;
-        }
-    }, []);
-    // ---------------------------------------------------------------------------
-    // Lifecycle: create / destroy window
-    // ---------------------------------------------------------------------------
-    useEffect(() => {
-        if (!enabled)
-            return;
-        let destroyed = false;
-        let createdId = null;
-        // Determine initial position from the container div (if already mounted).
-        const el = containerRef.current;
-        const initial = el
-            ? getScreenRect(el)
-            : { x: 100, y: 100, width: 800, height: 600 };
-        void invokeDesktopBridgeRequest({
-            rpcMethod: "canvasCreateWindow",
-            ipcChannel: "canvas:createWindow",
-            params: {
-                url: urlRef.current,
-                title: titleRef.current ?? "Canvas",
-                x: initial.x,
-                y: initial.y,
-                width: initial.width,
-                height: initial.height,
-            },
-        })
-            .then((result) => {
-            if (!result) {
-                return;
-            }
-            if (destroyed) {
-                // Component unmounted before the promise resolved — clean up.
-                const id = result.id;
-                if (id) {
-                    void invokeDesktopBridgeRequest({
-                        rpcMethod: "canvasDestroyWindow",
-                        ipcChannel: "canvas:destroyWindow",
-                        params: { id },
-                    }).catch((err) => {
-                        console.warn("[useCanvasWindow] canvas:destroyWindow cleanup failed", err);
-                    });
-                }
-                return;
-            }
-            const id = result.id;
-            if (!id) {
-                console.warn("[useCanvasWindow] canvasCreateWindow returned no id");
-                return;
-            }
-            createdId = id;
-            windowIdRef.current = id;
-            setWindowId(id);
-            lastBoundsRef.current = null; // Force a setBounds on next sync.
-            setIsReady(true);
-            scheduleSyncBounds();
-        })
-            .catch((err) => {
-            console.warn("[useCanvasWindow] canvas:createWindow failed", err);
-        });
-        const isTrackedTarget = (target) => {
-            const trackedElement = containerRef.current;
-            return (trackedElement !== null &&
-                target instanceof Node &&
-                trackedElement.contains(target));
-        };
-        const handleViewportChange = () => {
-            scheduleSyncBounds();
-        };
-        const startAnimationTracking = (event) => {
-            if (!isTrackedTarget(event.target)) {
-                return;
-            }
-            animationTrackerCountRef.current += 1;
-            startTrackingBounds();
-        };
-        const stopAnimationTracking = (event) => {
-            if (!isTrackedTarget(event.target)) {
-                return;
-            }
-            animationTrackerCountRef.current = Math.max(0, animationTrackerCountRef.current - 1);
-            if (animationTrackerCountRef.current === 0) {
-                stopTrackingBounds();
-                scheduleSyncBounds();
-            }
-        };
-        window.addEventListener("resize", handleViewportChange);
-        window.addEventListener("scroll", handleViewportChange, true);
-        window.addEventListener("transitionstart", startAnimationTracking, true);
-        window.addEventListener("transitionend", stopAnimationTracking, true);
-        window.addEventListener("transitioncancel", stopAnimationTracking, true);
-        window.addEventListener("animationstart", startAnimationTracking, true);
-        window.addEventListener("animationend", stopAnimationTracking, true);
-        window.addEventListener("animationcancel", stopAnimationTracking, true);
-        window.visualViewport?.addEventListener("resize", handleViewportChange);
-        window.visualViewport?.addEventListener("scroll", handleViewportChange);
-        // ResizeObserver: pick up size changes from layout shifts.
-        let ro = null;
-        if (el && typeof ResizeObserver !== "undefined") {
-            ro = new ResizeObserver(() => {
-                scheduleSyncBounds();
-            });
-            ro.observe(el);
-        }
-        return () => {
-            destroyed = true;
-            animationTrackerCountRef.current = 0;
-            stopTrackingBounds();
-            ro?.disconnect();
-            window.removeEventListener("resize", handleViewportChange);
-            window.removeEventListener("scroll", handleViewportChange, true);
-            window.removeEventListener("transitionstart", startAnimationTracking, true);
-            window.removeEventListener("transitionend", stopAnimationTracking, true);
-            window.removeEventListener("transitioncancel", stopAnimationTracking, true);
-            window.removeEventListener("animationstart", startAnimationTracking, true);
-            window.removeEventListener("animationend", stopAnimationTracking, true);
-            window.removeEventListener("animationcancel", stopAnimationTracking, true);
-            window.visualViewport?.removeEventListener("resize", handleViewportChange);
-            window.visualViewport?.removeEventListener("scroll", handleViewportChange);
-            const id = createdId ?? windowIdRef.current;
-            if (id) {
-                windowIdRef.current = null;
-                setWindowId(null);
-                setIsReady(false);
-                lastBoundsRef.current = null;
-                void invokeDesktopBridgeRequest({
-                    rpcMethod: "canvasDestroyWindow",
-                    ipcChannel: "canvas:destroyWindow",
-                    params: { id },
-                }).catch((err) => {
-                    console.warn("[useCanvasWindow] canvas:destroyWindow teardown failed", err);
-                });
-            }
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [enabled, scheduleSyncBounds, startTrackingBounds, stopTrackingBounds]);
-    // ---------------------------------------------------------------------------
-    // Public API
-    // ---------------------------------------------------------------------------
-    const navigate = useCallback((newUrl) => {
-        const id = windowIdRef.current;
-        if (!id)
-            return;
-        void invokeDesktopBridgeRequest({
-            rpcMethod: "canvasNavigate",
-            ipcChannel: "canvas:navigate",
-            params: { id, url: newUrl },
-        }).catch((err) => {
-            console.warn("[useCanvasWindow] canvas:navigate failed", err);
-        });
-    }, []);
-    const show = useCallback(() => {
-        const id = windowIdRef.current;
-        if (!id)
-            return;
-        void invokeDesktopBridgeRequest({
-            rpcMethod: "canvasShow",
-            ipcChannel: "canvas:show",
-            params: { id },
-        }).catch((err) => {
-            console.warn("[useCanvasWindow] canvas:show failed", err);
-        });
-    }, []);
-    const hide = useCallback(() => {
-        const id = windowIdRef.current;
-        if (!id)
-            return;
-        void invokeDesktopBridgeRequest({
-            rpcMethod: "canvasHide",
-            ipcChannel: "canvas:hide",
-            params: { id },
-        }).catch((err) => {
-            console.warn("[useCanvasWindow] canvas:hide failed", err);
-        });
-    }, []);
-    return { containerRef, windowId, isReady, navigate, show, hide };
-}

package/packages/app-core/src/hooks/useChatAvatarVoiceBridge.d.ts

@@ -1,12 +0,0 @@
-export interface UseChatAvatarVoiceBridgeOptions {
-    mouthOpen: number;
-    isSpeaking: boolean;
-    usingAudioAnalysis: boolean;
-    onSpeakingChange: (isSpeaking: boolean) => void;
-}
-/**
- * Pushes voice analysis from {@link useVoiceChat} to the companion avatar via
- * {@link CHAT_AVATAR_VOICE_EVENT} and syncs speaking state into chat shell state.
- */
-export declare function useChatAvatarVoiceBridge({ mouthOpen, isSpeaking, onSpeakingChange, }: UseChatAvatarVoiceBridgeOptions): void;
-//# sourceMappingURL=useChatAvatarVoiceBridge.d.ts.map

package/packages/app-core/src/hooks/useChatAvatarVoiceBridge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChatAvatarVoiceBridge.d.ts","sourceRoot":"","sources":["../../../../../../app-core/src/hooks/useChatAvatarVoiceBridge.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,+BAA+B;IAC9C,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,UAAU,EACV,gBAAgB,GACjB,EAAE,+BAA+B,GAAG,IAAI,CAkBxC"}

package/packages/app-core/src/hooks/useChatAvatarVoiceBridge.js

@@ -1,21 +0,0 @@
-import { useEffect, useRef } from "react";
-import { CHAT_AVATAR_VOICE_EVENT, } from "../events";
-/**
- * Pushes voice analysis from {@link useVoiceChat} to the companion avatar via
- * {@link CHAT_AVATAR_VOICE_EVENT} and syncs speaking state into chat shell state.
- */
-export function useChatAvatarVoiceBridge({ mouthOpen, isSpeaking, onSpeakingChange, }) {
-    const prevSpeakingRef = useRef(isSpeaking);
-    useEffect(() => {
-        if (prevSpeakingRef.current !== isSpeaking) {
-            prevSpeakingRef.current = isSpeaking;
-            onSpeakingChange(isSpeaking);
-        }
-    }, [isSpeaking, onSpeakingChange]);
-    useEffect(() => {
-        const detail = { mouthOpen, isSpeaking };
-        window.dispatchEvent(new CustomEvent(CHAT_AVATAR_VOICE_EVENT, {
-            detail,
-        }));
-    }, [mouthOpen, isSpeaking]);
-}

package/packages/app-core/src/hooks/useContextMenu.d.ts

@@ -1,17 +0,0 @@
-/**
- * Listens for native desktop context-menu events
- * and dispatches actions into the app state.
- */
-import { type SavedCustomCommand } from "../chat";
-export type CustomCommand = SavedCustomCommand;
-/** Read saved custom commands from localStorage. */
-export declare function loadCustomCommands(): CustomCommand[];
-export interface ContextMenuState {
-    saveCommandModalOpen: boolean;
-    saveCommandText: string;
-    customCommands: CustomCommand[];
-    closeSaveCommandModal: () => void;
-    confirmSaveCommand: (name: string) => void;
-}
-export declare function useContextMenu(): ContextMenuState;
-//# sourceMappingURL=useContextMenu.d.ts.map

package/packages/app-core/src/hooks/useContextMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContextMenu.d.ts","sourceRoot":"","sources":["../../../../../../app-core/src/hooks/useContextMenu.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,SAAS,CAAC;AAIjB,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC;AAE/C,oDAAoD;AACpD,wBAAgB,kBAAkB,IAAI,aAAa,EAAE,CAEpD;AAED,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAmBD,wBAAgB,cAAc,IAAI,gBAAgB,CAmIjD"}

package/packages/app-core/src/hooks/useContextMenu.js

@@ -1,142 +0,0 @@
-/**
- * Listens for native desktop context-menu events
- * and dispatches actions into the app state.
- */
-import { useCallback, useEffect, useState } from "react";
-import { invokeDesktopBridgeRequest, isElectrobunRuntime, subscribeDesktopBridgeEvent, } from "../bridge";
-import { appendSavedCustomCommand, loadSavedCustomCommands, } from "../chat";
-import { useChatInputRef } from "../state/ChatComposerContext";
-import { useApp } from "../state/useApp";
-/** Read saved custom commands from localStorage. */
-export function loadCustomCommands() {
-    return loadSavedCustomCommands();
-}
-function getSelectedText(target) {
-    if (target instanceof HTMLInputElement ||
-        target instanceof HTMLTextAreaElement) {
-        const start = target.selectionStart ?? 0;
-        const end = target.selectionEnd ?? start;
-        return target.value.slice(start, end).trim();
-    }
-    if (typeof window.getSelection === "function") {
-        return window.getSelection()?.toString().trim() ?? "";
-    }
-    return "";
-}
-export function useContextMenu() {
-    const { setState, handleChatSend, setActionNotice } = useApp();
-    // useChatInputRef() returns a stable MutableRefObject — subscribing to it never
-    // causes re-renders, so App.tsx (which calls this hook) stays quiet while typing.
-    const chatInputRef = useChatInputRef();
-    const desktopRuntime = isElectrobunRuntime();
-    const [saveCommandModalOpen, setSaveCommandModalOpen] = useState(false);
-    const [saveCommandText, setSaveCommandText] = useState("");
-    const [customCommands, setCustomCommands] = useState(loadCustomCommands);
-    useEffect(() => {
-        const onSaveAsCommand = (payload) => {
-            const command = payload;
-            if (!command?.text)
-                return;
-            setSaveCommandText(command.text);
-            setSaveCommandModalOpen(true);
-        };
-        const onAskAgent = (payload) => {
-            const command = payload;
-            if (!command?.text)
-                return;
-            setState("chatInput", command.text);
-            // Defer send to next tick so chatInput state propagates
-            setTimeout(() => handleChatSend(), 0);
-        };
-        const onCreateSkill = (payload) => {
-            const command = payload;
-            if (!command?.text)
-                return;
-            const prompt = `Create a skill from the following content:\n\n"""${command.text}"""\n\nAnalyze this and create a reusable skill.`;
-            setState("chatInput", prompt);
-            setTimeout(() => handleChatSend(), 0);
-        };
-        const onQuoteInChat = (payload) => {
-            const command = payload;
-            if (!command?.text)
-                return;
-            const quoted = `> ${command.text}\n\n`;
-            const existing = chatInputRef?.current ?? "";
-            setState("chatInput", quoted + existing);
-        };
-        const unsubscribers = [
-            subscribeDesktopBridgeEvent({
-                rpcMessage: "contextMenuSaveAsCommand",
-                ipcChannel: "contextMenu:saveAsCommand",
-                listener: onSaveAsCommand,
-            }),
-            subscribeDesktopBridgeEvent({
-                rpcMessage: "contextMenuAskAgent",
-                ipcChannel: "contextMenu:askAgent",
-                listener: onAskAgent,
-            }),
-            subscribeDesktopBridgeEvent({
-                rpcMessage: "contextMenuCreateSkill",
-                ipcChannel: "contextMenu:createSkill",
-                listener: onCreateSkill,
-            }),
-            subscribeDesktopBridgeEvent({
-                rpcMessage: "contextMenuQuoteInChat",
-                ipcChannel: "contextMenu:quoteInChat",
-                listener: onQuoteInChat,
-            }),
-        ];
-        return () => {
-            for (const unsubscribe of unsubscribers) {
-                unsubscribe();
-            }
-        };
-    }, [setState, handleChatSend, chatInputRef]);
-    useEffect(() => {
-        if (!desktopRuntime || typeof window === "undefined") {
-            return;
-        }
-        const onContextMenu = (event) => {
-            if (event.defaultPrevented) {
-                return;
-            }
-            const text = getSelectedText(event.target);
-            if (!text) {
-                return;
-            }
-            event.preventDefault();
-            void invokeDesktopBridgeRequest({
-                rpcMethod: "desktopShowSelectionContextMenu",
-                ipcChannel: "desktop:showSelectionContextMenu",
-                params: { text },
-            });
-        };
-        window.addEventListener("contextmenu", onContextMenu);
-        return () => {
-            window.removeEventListener("contextmenu", onContextMenu);
-        };
-    }, [desktopRuntime]);
-    const closeSaveCommandModal = useCallback(() => {
-        setSaveCommandModalOpen(false);
-        setSaveCommandText("");
-    }, []);
-    const confirmSaveCommand = useCallback((name) => {
-        const cmd = {
-            name,
-            text: saveCommandText,
-            createdAt: Date.now(),
-        };
-        appendSavedCustomCommand(cmd);
-        setCustomCommands(loadCustomCommands());
-        setSaveCommandModalOpen(false);
-        setSaveCommandText("");
-        setActionNotice(`Saved /${name} command`, "success");
-    }, [saveCommandText, setActionNotice]);
-    return {
-        saveCommandModalOpen,
-        saveCommandText,
-        customCommands,
-        closeSaveCommandModal,
-        confirmSaveCommand,
-    };
-}

package/packages/app-core/src/hooks/useKeyboardShortcuts.d.ts

@@ -1,5 +0,0 @@
-import { type ShortcutConfig } from "@elizaos/ui";
-export { formatShortcut, type ShortcutConfig, useKeyboardShortcuts, } from "@elizaos/ui";
-export declare const COMMON_SHORTCUTS: Omit<ShortcutConfig, "handler">[];
-export declare function useShortcutsHelp(): string;
-//# sourceMappingURL=useKeyboardShortcuts.d.ts.map

package/packages/app-core/src/hooks/useKeyboardShortcuts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../../../../app-core/src/hooks/useKeyboardShortcuts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAElE,OAAO,EACL,cAAc,EACd,KAAK,cAAc,EACnB,oBAAoB,GACrB,MAAM,aAAa,CAAC;AAGrB,eAAO,MAAM,gBAAgB,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAwB7D,CAAC;AAGF,wBAAgB,gBAAgB,IAAI,MAAM,CAIzC"}

package/packages/app-core/src/hooks/useKeyboardShortcuts.js

@@ -1,32 +0,0 @@
-import { formatShortcut } from "@elizaos/ui";
-export { formatShortcut, useKeyboardShortcuts, } from "@elizaos/ui";
-// Common shortcuts — app-specific definitions
-export const COMMON_SHORTCUTS = [
-    {
-        key: "k",
-        ctrl: true,
-        description: "Open command palette",
-        scope: "global",
-    },
-    { key: "Enter", ctrl: true, description: "Send message", scope: "chat" },
-    { key: "Escape", description: "Close modal / Cancel", scope: "global" },
-    {
-        key: "?",
-        shift: true,
-        description: "Show keyboard shortcuts",
-        scope: "global",
-    },
-    { key: "r", ctrl: true, description: "Restart agent", scope: "global" },
-    { key: " ", description: "Pause/Resume agent", scope: "global" },
-    {
-        key: "t",
-        ctrl: true,
-        shift: true,
-        description: "Toggle terminal",
-        scope: "global",
-    },
-];
-// Hook to get shortcuts display
-export function useShortcutsHelp() {
-    return COMMON_SHORTCUTS.map((s) => `${formatShortcut(s)} — ${s.description}`).join("\n");
-}

package/packages/app-core/src/hooks/useMediaQuery.d.ts

@@ -1,4 +0,0 @@
-export declare function useMediaQuery(query: string, options?: {
-    defaultValue?: boolean;
-}): boolean;
-//# sourceMappingURL=useMediaQuery.d.ts.map

package/packages/app-core/src/hooks/useMediaQuery.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../../../../app-core/src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAaA,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE;IAAE,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,GACnC,OAAO,CAgCT"}

package/packages/app-core/src/hooks/useMediaQuery.js

@@ -1,30 +0,0 @@
-import { useCallback, useSyncExternalStore } from "react";
-function getMediaQueryMatch(query) {
-    if (typeof window === "undefined" ||
-        typeof window.matchMedia !== "function") {
-        return false;
-    }
-    return window.matchMedia(query).matches;
-}
-export function useMediaQuery(query, options) {
-    const defaultValue = options?.defaultValue ?? false;
-    const subscribe = useCallback((onStoreChange) => {
-        if (typeof window === "undefined" ||
-            typeof window.matchMedia !== "function") {
-            return () => { };
-        }
-        const mediaQuery = window.matchMedia(query);
-        const handleChange = () => {
-            onStoreChange();
-        };
-        if (typeof mediaQuery.addEventListener === "function") {
-            mediaQuery.addEventListener("change", handleChange);
-            return () => mediaQuery.removeEventListener("change", handleChange);
-        }
-        mediaQuery.addListener(handleChange);
-        return () => mediaQuery.removeListener(handleChange);
-    }, [query]);
-    const getSnapshot = useCallback(() => getMediaQueryMatch(query), [query]);
-    const getServerSnapshot = useCallback(() => defaultValue, [defaultValue]);
-    return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}

package/packages/app-core/src/hooks/useMusicPlayer.d.ts

@@ -1,54 +0,0 @@
-/**
- * Default guild/room id for plugin-music-player when Discord is not used.
- * Keep in sync with `ELIZA_DESKTOP_MUSIC_GUILD_ID` in Electrobun `music-player.ts`.
- */
-export declare const ELIZA_DESKTOP_MUSIC_GUILD_ID = "elizaos-desktop";
-/**
- * Guild key used by plugin-music-player for web chat — must match
- * `playAudio` / `queueMusic` (`web-${message.roomId}` when `room.serverId` is unset).
- */
-export declare function getWebMusicGuildIdFromRoomId(roomId: string | null | undefined): string;
-export type MusicPlaybackUrls = {
-    apiBase: string;
-    guildId: string;
-    streamUrl: string;
-    nowPlayingUrl: string;
-    queueUrl: string;
-};
-export declare function buildMusicPlayerPaths(guildId: string): {
-    stream: string;
-    file: string;
-    nowPlaying: string;
-    queue: string;
-};
-/**
- * Resolves absolute URLs for plugin-music-player HTTP routes.
- * On Electrobun, prefers the main-process URL resolution (direct agent port).
- * Otherwise uses the same API base chain as the rest of the app (boot config →
- * shell injection → sessionStorage → same origin via empty string, which lets
- * the Vite dev proxy forward `/music-player/*` to the agent).
- */
-export declare function resolveMusicPlayerPlaybackUrls(options?: {
-    guildId?: string;
-}): Promise<({
-    ok: true;
-} & MusicPlaybackUrls) | {
-    ok: false;
-    reason: string;
-}>;
-/**
- * Loads playback URLs for the music player stream. Use `attachStreamToAudioElement`
- * to point an `<audio>` element at the Ogg Opus stream when a track is playing.
- */
-export declare function useMusicPlayerStream(options?: {
-    guildId?: string;
-}): {
-    urls: ({
-        ok: true;
-    } & MusicPlaybackUrls) | {
-        ok: false;
-        reason: string;
-    } | null;
-    attachStreamToAudioElement: (el: HTMLAudioElement | null) => void;
-};
-//# sourceMappingURL=useMusicPlayer.d.ts.map

package/packages/app-core/src/hooks/useMusicPlayer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMusicPlayer.d.ts","sourceRoot":"","sources":["../../../../../../app-core/src/hooks/useMusicPlayer.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,4BAA4B,oBAAoB,CAAC;AAE9D;;;GAGG;AACH,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAChC,MAAM,CAMR;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAQA;AA6BD;;;;;;GAMG;AACH,wBAAsB,8BAA8B,CAAC,OAAO,CAAC,EAAE;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,OAAO,CACT,CAAC;IAAE,EAAE,EAAE,IAAI,CAAA;CAAE,GAAG,iBAAiB,CAAC,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CACnE,CAsCA;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,CAAC,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG;IACpE,IAAI,EACA,CAAC;QAAE,EAAE,EAAE,IAAI,CAAA;KAAE,GAAG,iBAAiB,CAAC,GAClC;QAAE,EAAE,EAAE,KAAK,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAC7B,IAAI,CAAC;IACT,0BAA0B,EAAE,CAAC,EAAE,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CACnE,CA6BA"}