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

package/packages/app-core/src/components/shell/BugReportModal.js

@@ -1,366 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Banner, Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Field, FieldDescription, FieldLabel, FieldMessage, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Textarea, } from "@elizaos/ui";
-import { ChevronRight } from "lucide-react";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { client } from "../../api";
-import { isElectrobunRuntime } from "../../bridge";
-import { useBranding } from "../../config/branding";
-import { useBugReport } from "../../hooks";
-import { useApp } from "../../state";
-import { openExternalUrl } from "../../utils";
-import { createDesktopBugReportBundle, formatDesktopBugReportDiagnostics, loadDesktopBugReportDiagnostics, openDesktopLogsFolder, } from "../../utils/desktop-bug-report";
-const ENV_OPTIONS = ["macOS", "Windows", "Linux", "Other"];
-const EMPTY_FORM = {
-    description: "",
-    stepsToReproduce: "",
-    expectedBehavior: "",
-    actualBehavior: "",
-    environment: "",
-    nodeVersion: "",
-    modelProvider: "",
-    logs: "",
-};
-const modalContentClassName = "w-[min(calc(100%_-_2rem),42rem)] max-h-[min(88vh,52rem)] overflow-hidden rounded-2xl border border-border/70 bg-card/96 p-0 shadow-2xl backdrop-blur-xl";
-const modalInputClassName = "h-11 rounded-xl border-border bg-bg-hover text-txt placeholder:text-muted/70 focus-visible:ring-accent/30";
-const modalTextareaClassName = "min-h-[88px] rounded-xl border-border bg-bg-hover px-4 py-3 text-sm text-txt placeholder:text-muted/70 focus-visible:ring-accent/30";
-const subtleMonoDescriptionClassName = "font-mono text-xs-tight text-muted";
-function environmentOptionLabel(t, option) {
-    if (option === "Other") {
-        return t("bugreportmodal.Other", { defaultValue: "Other" });
-    }
-    return option;
-}
-function normalizeHttpsResultUrl(url) {
-    if (!url)
-        return null;
-    try {
-        const parsed = new URL(url);
-        return parsed.protocol === "https:" ? parsed.toString() : null;
-    }
-    catch {
-        return null;
-    }
-}
-export function BugReportModal() {
-    const { copyToClipboard, t } = useApp();
-    const desktopRuntime = isElectrobunRuntime();
-    const branding = useBranding();
-    const { isOpen, draft, close } = useBugReport();
-    const [form, setForm] = useState(EMPTY_FORM);
-    const [submitting, setSubmitting] = useState(false);
-    const [resultUrl, setResultUrl] = useState(null);
-    const [acceptedWithoutUrl, setAcceptedWithoutUrl] = useState(false);
-    const [errorMsg, setErrorMsg] = useState(null);
-    const [showLogs, setShowLogs] = useState(false);
-    const [copied, setCopied] = useState(false);
-    const [copiedDiagnostics, setCopiedDiagnostics] = useState(false);
-    const [desktopDiagnostics, setDesktopDiagnostics] = useState(null);
-    const [attachLogs, setAttachLogs] = useState(true);
-    const [attachSystemInfo, setAttachSystemInfo] = useState(true);
-    const [bundlePath, setBundlePath] = useState(null);
-    const [savingBundle, setSavingBundle] = useState(false);
-    const descRef = useRef(null);
-    const successHeadingRef = useRef(null);
-    // Fetch env info on open with cancellation guard
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        let cancelled = false;
-        setForm(EMPTY_FORM);
-        setSubmitting(false);
-        setResultUrl(null);
-        setAcceptedWithoutUrl(false);
-        setErrorMsg(null);
-        setShowLogs(false);
-        setCopied(false);
-        setCopiedDiagnostics(false);
-        setDesktopDiagnostics(null);
-        setAttachLogs(true);
-        setAttachSystemInfo(true);
-        setBundlePath(null);
-        setSavingBundle(false);
-        client
-            .checkBugReportInfo()
-            .then((info) => {
-            if (cancelled)
-                return;
-            setForm((f) => ({
-                ...f,
-                ...(info.nodeVersion ? { nodeVersion: info.nodeVersion ?? "" } : {}),
-                ...(info.platform
-                    ? {
-                        environment: info.platform === "darwin"
-                            ? "macOS"
-                            : info.platform === "win32"
-                                ? "Windows"
-                                : info.platform === "linux"
-                                    ? "Linux"
-                                    : "Other",
-                    }
-                    : {}),
-            }));
-        })
-            .catch((err) => {
-            console.warn("[BugReportModal] Failed to fetch bug report info:", err);
-        });
-        if (desktopRuntime) {
-            loadDesktopBugReportDiagnostics()
-                .then((diagnostics) => {
-                if (cancelled || !diagnostics)
-                    return;
-                setDesktopDiagnostics(diagnostics);
-                if (diagnostics.platform === "win32") {
-                    setForm((f) => ({
-                        ...f,
-                        environment: f.environment || "Windows",
-                        logs: f.logs || diagnostics.logTail || "",
-                    }));
-                }
-                else {
-                    setForm((f) => ({
-                        ...f,
-                        logs: f.logs || diagnostics.logTail || "",
-                    }));
-                }
-            })
-                .catch((err) => {
-                console.warn("[BugReportModal] Failed to fetch desktop diagnostics:", err);
-            });
-        }
-        setTimeout(() => descRef.current?.focus(), 50);
-        return () => {
-            cancelled = true;
-        };
-    }, [desktopRuntime, isOpen]);
-    useEffect(() => {
-        if (!isOpen || !draft)
-            return;
-        setForm((f) => ({
-            ...f,
-            ...draft,
-        }));
-    }, [draft, isOpen]);
-    useEffect(() => {
-        if (!resultUrl)
-            return;
-        successHeadingRef.current?.focus();
-    }, [resultUrl]);
-    const updateField = useCallback((key, value) => {
-        setForm((f) => ({ ...f, [key]: value }));
-    }, []);
-    const buildDiagnosticsBlock = useCallback(() => {
-        if (!desktopDiagnostics)
-            return "";
-        const sections = [];
-        if (attachSystemInfo) {
-            sections.push(formatDesktopBugReportDiagnostics(desktopDiagnostics));
-        }
-        if (attachLogs && desktopDiagnostics.logTail) {
-            sections.push(`Startup Log Tail\n${desktopDiagnostics.logTail}`);
-        }
-        return sections.join("\n\n");
-    }, [attachLogs, attachSystemInfo, desktopDiagnostics]);
-    const buildCombinedLogs = useCallback(() => {
-        const sections = [form.logs.trim(), buildDiagnosticsBlock().trim()].filter(Boolean);
-        return sections.join("\n\n");
-    }, [buildDiagnosticsBlock, form.logs]);
-    const formatMarkdown = useCallback(() => {
-        const strip = (s, max = 10_000) => {
-            const truncated = s.length > max ? s.slice(0, max) : s;
-            // Iteratively strip `<...>` tags to defeat embedded `<scr<script>ipt>` patterns.
-            let out = truncated;
-            let prev;
-            do {
-                prev = out;
-                out = out.replace(/<[^>]*>/g, "");
-            } while (out !== prev);
-            return out.slice(0, max);
-        };
-        const lines = [];
-        lines.push(`### Description\n${strip(form.description)}`);
-        lines.push(`\n### Steps to Reproduce\n${strip(form.stepsToReproduce)}`);
-        if (form.expectedBehavior)
-            lines.push(`\n### Expected Behavior\n${strip(form.expectedBehavior)}`);
-        if (form.actualBehavior)
-            lines.push(`\n### Actual Behavior\n${strip(form.actualBehavior)}`);
-        lines.push(`\n### Environment\n${strip(form.environment || "Not specified", 200)}`);
-        if (form.nodeVersion)
-            lines.push(`\n### Node Version\n${strip(form.nodeVersion, 200)}`);
-        if (form.modelProvider)
-            lines.push(`\n### Model Provider\n${strip(form.modelProvider, 200)}`);
-        const combinedLogs = buildCombinedLogs();
-        if (combinedLogs) {
-            lines.push(`\n### Logs\n\`\`\`\n${strip(combinedLogs, 50_000)}\n\`\`\``);
-        }
-        return lines.join("\n");
-    }, [buildCombinedLogs, form]);
-    const buildReportPayload = useCallback(() => ({
-        description: form.description,
-        stepsToReproduce: form.stepsToReproduce,
-        expectedBehavior: form.expectedBehavior,
-        actualBehavior: form.actualBehavior,
-        environment: form.environment,
-        nodeVersion: form.nodeVersion,
-        modelProvider: form.modelProvider,
-        attachLogs,
-        attachSystemInfo,
-        desktopDiagnostics: desktopDiagnostics
-            ? {
-                ...desktopDiagnostics,
-                logTail: attachLogs ? desktopDiagnostics.logTail : "",
-            }
-            : null,
-    }), [attachLogs, attachSystemInfo, desktopDiagnostics, form]);
-    const handleSubmit = useCallback(async () => {
-        if (!form.description.trim() || !form.stepsToReproduce.trim()) {
-            setErrorMsg(t("bugreportmodal.descriptionRequired"));
-            return;
-        }
-        setSubmitting(true);
-        setErrorMsg(null);
-        try {
-            const result = await client.submitBugReport({
-                description: form.description,
-                stepsToReproduce: form.stepsToReproduce,
-                expectedBehavior: form.expectedBehavior,
-                actualBehavior: form.actualBehavior,
-                environment: form.environment,
-                nodeVersion: form.nodeVersion,
-                modelProvider: form.modelProvider,
-                logs: buildCombinedLogs(),
-            });
-            const safeResultUrl = normalizeHttpsResultUrl(result.url);
-            if (safeResultUrl) {
-                setResultUrl(safeResultUrl);
-            }
-            else if (result.accepted) {
-                setAcceptedWithoutUrl(true);
-            }
-            else if (result.fallback) {
-                // No GITHUB_TOKEN on server — copy report and open GitHub manually
-                let ok = false;
-                try {
-                    await copyToClipboard(formatMarkdown());
-                    ok = true;
-                }
-                catch (err) {
-                    console.warn("[BugReportModal] Failed to copy bug report to clipboard:", err);
-                    ok = false;
-                }
-                setCopied(ok);
-                await openExternalUrl(result.fallback);
-            }
-        }
-        catch (err) {
-            setErrorMsg(err instanceof Error ? err.message : "Failed to submit bug report");
-        }
-        finally {
-            setSubmitting(false);
-        }
-    }, [buildCombinedLogs, copyToClipboard, form, formatMarkdown, t]);
-    const handleCopyAndOpen = useCallback(async () => {
-        let ok = false;
-        try {
-            await copyToClipboard(formatMarkdown());
-            ok = true;
-        }
-        catch (err) {
-            console.warn("[BugReportModal] Failed to copy bug report to clipboard:", err);
-            ok = false;
-        }
-        setCopied(ok);
-        await openExternalUrl(branding.bugReportUrl);
-    }, [copyToClipboard, formatMarkdown, branding.bugReportUrl]);
-    const handleCopyDiagnostics = useCallback(async () => {
-        const diagnosticsText = buildDiagnosticsBlock();
-        if (!diagnosticsText)
-            return;
-        let ok = false;
-        try {
-            await copyToClipboard(diagnosticsText);
-            ok = true;
-        }
-        catch (err) {
-            console.warn("[BugReportModal] Failed to copy diagnostics:", err);
-        }
-        setCopiedDiagnostics(ok);
-    }, [buildDiagnosticsBlock, copyToClipboard]);
-    const handleSaveBundle = useCallback(async () => {
-        setSavingBundle(true);
-        setErrorMsg(null);
-        try {
-            const bundle = await createDesktopBugReportBundle({
-                prefix: "elizaos-report",
-                reportMarkdown: formatMarkdown(),
-                reportJson: buildReportPayload(),
-            });
-            setBundlePath(bundle?.directory ?? null);
-        }
-        catch (err) {
-            setErrorMsg(err instanceof Error ? err.message : "Failed to create report bundle");
-        }
-        finally {
-            setSavingBundle(false);
-        }
-    }, [buildReportPayload, formatMarkdown]);
-    // Close on Escape
-    useEffect(() => {
-        if (!isOpen || typeof window === "undefined")
-            return;
-        const onKeyDown = (e) => {
-            if (e.key === "Escape") {
-                e.preventDefault();
-                close();
-            }
-        };
-        window.addEventListener("keydown", onKeyDown);
-        return () => window.removeEventListener("keydown", onKeyDown);
-    }, [isOpen, close]);
-    if (!isOpen)
-        return null;
-    const canSubmit = form.description.trim() && form.stepsToReproduce.trim() && !submitting;
-    // Success state
-    if (resultUrl || acceptedWithoutUrl) {
-        return (_jsx(Dialog, { open: isOpen, onOpenChange: (open) => {
-                if (!open)
-                    close();
-            }, children: _jsxs(DialogContent, { className: "w-[min(calc(100%_-_2rem),28rem)] rounded-2xl border border-border/70 bg-card/96 p-0 shadow-2xl backdrop-blur-xl", children: [_jsxs(DialogHeader, { className: "px-5 py-4 text-left", children: [_jsx(DialogTitle, { ref: (node) => {
-                                    successHeadingRef.current = node;
-                                }, tabIndex: -1, className: "text-sm font-bold text-txt focus:outline-none", children: t("bugreportmodal.BugReportSubmitted") }), _jsx(DialogDescription, { className: "text-sm leading-relaxed text-muted", children: t("bugreportmodal.YourBugReportHas") })] }), _jsxs("div", { className: "space-y-3 px-5 py-6 text-center", children: [_jsx("p", { className: "text-sm text-txt", children: acceptedWithoutUrl
-                                    ? "Your report was received."
-                                    : t("bugreportmodal.YourBugReportHas") }), resultUrl ? (_jsx("a", { href: resultUrl, target: "_blank", rel: "noopener noreferrer", className: "break-all text-sm font-medium text-accent underline-offset-4 hover:underline", children: resultUrl })) : (_jsx("p", { className: "text-xs text-muted", children: t("bugreportmodal.DiagnosticsSharedSuccessfully", {
-                                    defaultValue: "Diagnostics were shared successfully.",
-                                }) }))] }), _jsx(DialogFooter, { className: "px-5 py-4 sm:justify-end", children: _jsx(Button, { variant: "outline", size: "sm", onClick: close, children: t("common.close") }) })] }) }));
-    }
-    return (_jsx(Dialog, { open: isOpen, onOpenChange: (open) => {
-            if (!open)
-                close();
-        }, children: _jsxs(DialogContent, { className: modalContentClassName, onOpenAutoFocus: (event) => {
-                event.preventDefault();
-                descRef.current?.focus();
-            }, children: [_jsxs(DialogHeader, { className: "px-5 py-4 text-left", children: [_jsx(DialogTitle, { className: "text-sm font-bold text-txt", children: t("bugreportmodal.ReportABug") }), _jsx(DialogDescription, { className: "text-sm leading-relaxed text-muted", children: t("bugreportmodal.ReproductionPrompt", {
-                                defaultValue: "Help us reproduce the issue with concrete steps and environment details.",
-                            }) })] }), _jsxs("div", { className: "flex max-h-[min(88vh,52rem)] flex-col", "aria-busy": submitting, children: [_jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto px-5 py-4", children: [errorMsg && (_jsx(Banner, { variant: "error", className: "rounded-xl text-xs", children: errorMsg })), bundlePath && (_jsx(FieldMessage, { tone: "success", className: "text-xs", children: bundlePath })), _jsxs(Field, { children: [_jsxs(FieldLabel, { htmlFor: "bug-report-description", children: [t("common.description"), " ", _jsx("span", { className: "text-danger", "aria-hidden": "true", children: "*" })] }), _jsx(Textarea, { ref: descRef, id: "bug-report-description", className: modalTextareaClassName, placeholder: t("bugreportmodal.DescribeTheIssueY"), value: form.description, onChange: (e) => updateField("description", e.target.value), rows: 4 }), _jsx(FieldDescription, { className: subtleMonoDescriptionClassName, children: t("bugreportmodal.DescriptionHint", {
-                                                defaultValue: "Describe what happened and why it was unexpected.",
-                                            }) })] }), _jsxs(Field, { children: [_jsxs(FieldLabel, { htmlFor: "bug-report-steps", children: [t("bugreportmodal.StepsToReproduce"), " ", _jsx("span", { className: "text-danger", "aria-hidden": "true", children: "*" })] }), _jsx(Textarea, { id: "bug-report-steps", className: modalTextareaClassName, placeholder: t("bugreportmodal.stepsPlaceholder"), value: form.stepsToReproduce, onChange: (e) => updateField("stepsToReproduce", e.target.value), rows: 4 }), _jsx(FieldDescription, { className: subtleMonoDescriptionClassName, children: t("bugreportmodal.StepsHint", {
-                                                defaultValue: "Include the shortest reliable path that reproduces the bug.",
-                                            }) })] }), _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "bug-report-expected", children: t("bugreportmodal.ExpectedBehavior") }), _jsx(Textarea, { id: "bug-report-expected", className: `${modalTextareaClassName} min-h-[72px]`, placeholder: t("bugreportmodal.DescribeTheExpecte"), value: form.expectedBehavior, onChange: (e) => updateField("expectedBehavior", e.target.value), rows: 3 })] }), _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "bug-report-actual", children: t("bugreportmodal.ActualBehavior") }), _jsx(Textarea, { id: "bug-report-actual", className: `${modalTextareaClassName} min-h-[72px]`, placeholder: t("bugreportmodal.DescribeTheActual"), value: form.actualBehavior, onChange: (e) => updateField("actualBehavior", e.target.value), rows: 3 })] }), _jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "bug-report-environment", children: t("bugreportmodal.Environment") }), _jsxs(Select, { value: form.environment, onValueChange: (value) => updateField("environment", value), children: [_jsx(SelectTrigger, { id: "bug-report-environment", className: modalInputClassName, children: _jsx(SelectValue, { placeholder: t("bugreportmodal.Select") }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__none__", disabled: true, children: t("bugreportmodal.Select") }), ENV_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt, children: environmentOptionLabel(t, opt) }, opt)))] })] })] }), _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "bug-report-node-version", children: t("bugreportmodal.NodeVersion") }), _jsx(Input, { id: "bug-report-node-version", className: modalInputClassName, placeholder: t("bugreportmodal.22X"), value: form.nodeVersion, onChange: (e) => updateField("nodeVersion", e.target.value) })] })] }), _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "bug-report-model-provider", children: t("bugreportmodal.ModelProvider") }), _jsx(Input, { id: "bug-report-model-provider", className: modalInputClassName, placeholder: t("bugreportmodal.AnthropicOpenAI"), value: form.modelProvider, onChange: (e) => updateField("modelProvider", e.target.value) })] }), _jsxs(Field, { children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(FieldLabel, { className: "mb-0", children: t("common.logs") }), _jsx(FieldDescription, { className: subtleMonoDescriptionClassName, children: t("bugreportmodal.LogsHint", {
-                                                                defaultValue: "Paste only the relevant errors, traces, or console output.",
-                                                            }) })] }), _jsxs(Button, { type: "button", variant: "ghost", className: "h-10 rounded-xl px-3 text-xs text-muted hover:text-txt", onClick: () => setShowLogs(!showLogs), "aria-expanded": showLogs, "aria-controls": "bug-report-logs-panel", children: [_jsx(ChevronRight, { className: `h-3.5 w-3.5 transition-transform ${showLogs ? "rotate-90" : ""}` }), showLogs
-                                                            ? t("bugreportmodal.HideLogs", {
-                                                                defaultValue: "Hide logs",
-                                                            })
-                                                            : t("bugreportmodal.AddLogs", {
-                                                                defaultValue: "Add logs",
-                                                            })] })] }), showLogs && (_jsxs("div", { className: "space-y-3", children: [desktopRuntime ? (_jsxs("div", { className: "flex flex-wrap gap-4 text-xs-tight text-muted", children: [_jsxs("label", { className: "inline-flex items-center gap-2", children: [_jsx("input", { type: "checkbox", checked: attachLogs, onChange: (e) => setAttachLogs(e.target.checked) }), t("bugreportmodal.attachLogs")] }), _jsxs("label", { className: "inline-flex items-center gap-2", children: [_jsx("input", { type: "checkbox", checked: attachSystemInfo, onChange: (e) => setAttachSystemInfo(e.target.checked) }), t("bugreportmodal.attachSystemInfo")] })] })) : null, _jsx(Textarea, { id: "bug-report-logs-panel", className: `${modalTextareaClassName} min-h-[120px] font-mono text-xs`, placeholder: t("bugreportmodal.PasteRelevantError"), value: form.logs, onChange: (e) => updateField("logs", e.target.value), rows: 6 })] }))] })] }), _jsxs(DialogFooter, { className: "px-5 py-4 sm:items-center sm:justify-between sm:space-x-0", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: close, children: t("common.cancel") }), _jsxs("div", { className: "flex flex-col-reverse gap-2 sm:flex-row", children: [desktopRuntime ? (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", size: "sm", onClick: handleCopyDiagnostics, children: copiedDiagnostics
-                                                        ? t("bugreportmodal.copiedDiagnostics")
-                                                        : t("bugreportmodal.copyDiagnostics") }), _jsx(Button, { variant: "outline", size: "sm", onClick: openDesktopLogsFolder, children: t("bugreportmodal.openLogsFolder") }), _jsx(Button, { variant: "outline", size: "sm", onClick: handleSaveBundle, disabled: savingBundle, children: savingBundle
-                                                        ? t("bugreportmodal.savingBundle")
-                                                        : t("bugreportmodal.saveBundle") })] })) : null, _jsx(Button, { variant: "outline", size: "sm", onClick: handleCopyAndOpen, disabled: !canSubmit, children: copied
-                                                ? t("bugreportmodal.copied")
-                                                : t("bugreportmodal.copyAndOpenGitHub") }), _jsx(Button, { variant: "default", size: "sm", onClick: handleSubmit, disabled: !canSubmit, children: submitting
-                                                ? t("bugreportmodal.submitting")
-                                                : t("common.submit") })] })] }), copied && !resultUrl ? (_jsx(FieldMessage, { tone: "success", role: "status", "aria-live": "polite", "aria-atomic": "true", className: "px-5 pb-4 pt-0", children: t("bugreportmodal.ReportCopiedToClipboard", {
-                                defaultValue: "Report copied to clipboard.",
-                            }) })) : null] })] }) }));
-}

package/packages/app-core/src/components/shell/CommandPalette.d.ts

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

package/packages/app-core/src/components/shell/CommandPalette.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/shell/CommandPalette.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,cAAc,4CAwS7B"}

package/packages/app-core/src/components/shell/CommandPalette.js

@@ -1,185 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Input, } from "@elizaos/ui";
-import { useCallback, useEffect, useMemo, useRef, } from "react";
-import { isElectrobunRuntime } from "../../bridge";
-import { buildCommands as buildCommandPaletteCommands, } from "../../chat";
-import { COMMAND_PALETTE_EVENT } from "../../events";
-import { useBugReport } from "../../hooks";
-import { useApp } from "../../state";
-import { openDesktopSettingsWindow, openDesktopSurfaceWindow, requestDesktopBridge, } from "../../utils";
-export function CommandPalette() {
-    const { commandPaletteOpen, commandQuery, commandActiveIndex, agentStatus, handleStart, handleStop, handleRestart, setTab, loadPlugins, loadSkills, loadLogs, loadWorkbench, handleChatClear, activeGameViewerUrl, setState, t, } = useApp();
-    const { open: openBugReport } = useBugReport();
-    const closeCommandPalette = useCallback(() => setState("commandPaletteOpen", false), [setState]);
-    const inputRef = useRef(null);
-    const listboxId = "command-palette-results";
-    const agentState = agentStatus?.state ?? "stopped";
-    const currentGameViewerUrl = typeof activeGameViewerUrl === "string" ? activeGameViewerUrl : "";
-    const desktopRuntime = isElectrobunRuntime();
-    const allCommands = useMemo(() => {
-        return buildCommandPaletteCommands({
-            agentState,
-            activeGameViewerUrl: currentGameViewerUrl,
-            handleStart,
-            handleStop,
-            handleRestart,
-            setTab,
-            setAppsSubTab: () => setState("appsSubTab", "games"),
-            loadPlugins,
-            loadSkills,
-            loadLogs,
-            loadWorkbench,
-            handleChatClear,
-            openBugReport,
-            desktopRuntime,
-            focusDesktopMainWindow: () => {
-                void requestDesktopBridge("desktopFocusWindow", "desktop:focusWindow");
-            },
-            openDesktopSettingsWindow: (tabHint) => {
-                void openDesktopSettingsWindow(tabHint);
-            },
-            openDesktopSurfaceWindow: (surface, options) => {
-                void openDesktopSurfaceWindow(surface, options);
-            },
-        });
-    }, [
-        agentState,
-        currentGameViewerUrl,
-        handleStart,
-        handleStop,
-        handleRestart,
-        setTab,
-        setState,
-        loadPlugins,
-        loadSkills,
-        loadLogs,
-        loadWorkbench,
-        handleChatClear,
-        openBugReport,
-        desktopRuntime,
-    ]);
-    // Filter commands by query
-    const filteredCommands = useMemo(() => {
-        if (!commandQuery.trim())
-            return allCommands;
-        const query = commandQuery.toLowerCase();
-        return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(query));
-    }, [allCommands, commandQuery]);
-    // Listen for elizaos:command-palette from main.tsx (desktop shortcut Cmd/Ctrl+K)
-    useEffect(() => {
-        const toggle = () => {
-            setState("commandPaletteOpen", !commandPaletteOpen);
-            if (!commandPaletteOpen) {
-                setState("commandQuery", "");
-                setState("commandActiveIndex", 0);
-            }
-        };
-        document.addEventListener(COMMAND_PALETTE_EVENT, toggle);
-        return () => document.removeEventListener(COMMAND_PALETTE_EVENT, toggle);
-    }, [commandPaletteOpen, setState]);
-    // Also listen for Ctrl/Meta+K in the browser (non-native context)
-    useEffect(() => {
-        const handleKeyDown = (e) => {
-            if ((e.metaKey || e.ctrlKey) && e.key === "k") {
-                e.preventDefault();
-                setState("commandPaletteOpen", !commandPaletteOpen);
-                if (!commandPaletteOpen) {
-                    setState("commandQuery", "");
-                    setState("commandActiveIndex", 0);
-                }
-            }
-        };
-        window.addEventListener("keydown", handleKeyDown);
-        return () => window.removeEventListener("keydown", handleKeyDown);
-    }, [commandPaletteOpen, setState]);
-    // Auto-focus input when opened
-    useEffect(() => {
-        if (commandPaletteOpen && inputRef.current) {
-            inputRef.current.focus();
-        }
-    }, [commandPaletteOpen]);
-    useEffect(() => {
-        if (filteredCommands.length === 0) {
-            if (commandActiveIndex !== 0) {
-                setState("commandActiveIndex", 0);
-            }
-            return;
-        }
-        const maxIndex = filteredCommands.length - 1;
-        if (commandActiveIndex < 0 || commandActiveIndex > maxIndex) {
-            setState("commandActiveIndex", Math.min(Math.max(commandActiveIndex, 0), maxIndex));
-        }
-    }, [commandActiveIndex, filteredCommands.length, setState]);
-    // Reset active index when query changes
-    useEffect(() => {
-        if (commandQuery !== "") {
-            setState("commandActiveIndex", 0);
-        }
-    }, [commandQuery, setState]);
-    const commandPaletteTitle = t("commandpalette.Title", {
-        defaultValue: "Command palette",
-    });
-    const commandPaletteDescription = t("commandpalette.Description", {
-        defaultValue: "Search commands and jump straight to actions.",
-    });
-    const commandSearchLabel = t("commandpalette.SearchLabel", {
-        defaultValue: "Search commands",
-    });
-    const commandResultsLabel = t("commandpalette.ResultsLabel", {
-        defaultValue: "Command results",
-    });
-    const activeCommand = filteredCommands.length > 0 ? filteredCommands[commandActiveIndex] : null;
-    const activeOptionId = activeCommand
-        ? `command-palette-option-${activeCommand.id}`
-        : undefined;
-    const handlePaletteKeyDown = useCallback((e) => {
-        if (e.key === "Escape") {
-            e.preventDefault();
-            closeCommandPalette();
-            return;
-        }
-        if (e.key === "ArrowDown") {
-            if (filteredCommands.length === 0)
-                return;
-            e.preventDefault();
-            setState("commandActiveIndex", commandActiveIndex < filteredCommands.length - 1
-                ? commandActiveIndex + 1
-                : 0);
-            return;
-        }
-        if (e.key === "ArrowUp") {
-            if (filteredCommands.length === 0)
-                return;
-            e.preventDefault();
-            setState("commandActiveIndex", commandActiveIndex > 0
-                ? commandActiveIndex - 1
-                : filteredCommands.length - 1);
-            return;
-        }
-        if (e.key === "Enter") {
-            if (filteredCommands.length === 0)
-                return;
-            e.preventDefault();
-            const cmd = filteredCommands[commandActiveIndex];
-            if (cmd) {
-                cmd.action();
-                closeCommandPalette();
-            }
-        }
-    }, [closeCommandPalette, commandActiveIndex, filteredCommands, setState]);
-    return (_jsx(Dialog, { open: commandPaletteOpen, onOpenChange: (v) => {
-            if (!v)
-                closeCommandPalette();
-        }, children: _jsxs(DialogContent, { className: "flex max-h-[min(420px,calc(100dvh_-_1rem))] w-[min(calc(100vw_-_1rem),32.5rem)] max-w-none flex-col rounded-xl p-0 sm:top-[30%] sm:translate-y-0", onKeyDown: handlePaletteKeyDown, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: commandPaletteTitle }), _jsx(DialogDescription, { children: commandPaletteDescription })] }), _jsx(Input, { ref: inputRef, id: "command-palette-search", type: "text", className: "w-full px-4 py-3.5 bg-transparent text-sm outline-none font-body", style: {
-                        borderBottom: "1px solid var(--border)",
-                        color: "var(--text)",
-                    }, placeholder: t("commandpalette.TypeToSearchComma"), "aria-label": commandSearchLabel, role: "combobox", "aria-autocomplete": "list", "aria-expanded": commandPaletteOpen, "aria-controls": listboxId, "aria-activedescendant": activeOptionId, value: commandQuery, onChange: (e) => setState("commandQuery", e.target.value) }), _jsx("div", { id: listboxId, role: "listbox", "aria-label": commandResultsLabel, className: "flex-1 overflow-y-auto py-1", children: filteredCommands.length === 0 ? (_jsx("div", { role: "status", "aria-live": "polite", className: "py-5 text-center text-sm", style: { color: "var(--muted)" }, children: t("commandpalette.NoCommandsFound") })) : (filteredCommands.map((cmd, idx) => (_jsxs(Button, { variant: "ghost", id: `command-palette-option-${cmd.id}`, role: "option", "aria-selected": idx === commandActiveIndex, className: "flex h-auto w-full cursor-pointer items-center justify-between gap-3 rounded-none border-0 px-4 py-2.5 text-left font-body text-sm", style: {
-                            background: idx === commandActiveIndex
-                                ? "var(--bg-hover)"
-                                : "transparent",
-                            color: "var(--text)",
-                        }, onClick: () => {
-                            cmd.action();
-                            closeCommandPalette();
-                        }, onMouseEnter: () => setState("commandActiveIndex", idx), children: [_jsx("span", { className: "min-w-0 truncate", children: cmd.label }), cmd.hint && (_jsx("span", { className: "shrink-0 text-xs", style: { color: "var(--muted)" }, children: cmd.hint }))] }, cmd.id)))) })] }) }));
-}

package/packages/app-core/src/components/shell/ComputerUseApprovalOverlay.d.ts

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

package/packages/app-core/src/components/shell/ComputerUseApprovalOverlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComputerUseApprovalOverlay.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/shell/ComputerUseApprovalOverlay.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,0BAA0B,4CAgTzC"}