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

package/packages/app-core/src/components/pages/LogsView.js

@@ -1,81 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input, PagePanel, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@elizaos/ui";
-import { useEffect, useMemo, useState } from "react";
-import { useApp } from "../../state";
-import { formatTime } from "../../utils/format";
-export function LogsView() {
-    const [searchQuery, setSearchQuery] = useState("");
-    const { logs, logSources, logTags, logTagFilter, logLevelFilter, logSourceFilter, logLoadError, loadLogs, setState, t, } = useApp();
-    useEffect(() => {
-        void loadLogs();
-    }, [loadLogs]);
-    const handleClearFilters = () => {
-        setState("logTagFilter", "");
-        setState("logLevelFilter", "");
-        setState("logSourceFilter", "");
-        setSearchQuery("");
-    };
-    const hasActiveFilters = logTagFilter !== "" ||
-        logLevelFilter !== "" ||
-        logSourceFilter !== "" ||
-        searchQuery.trim() !== "";
-    const normalizedSearch = searchQuery.trim().toLowerCase();
-    const filteredLogs = useMemo(() => {
-        if (!normalizedSearch)
-            return logs;
-        return logs.filter((entry) => {
-            const haystack = [
-                entry.message ?? "",
-                entry.source ?? "",
-                entry.level ?? "",
-                ...(entry.tags ?? []),
-            ];
-            return haystack.some((part) => part.toLowerCase().includes(normalizedSearch));
-        });
-    }, [logs, normalizedSearch]);
-    const activeFilterCount = [
-        logTagFilter !== "",
-        logLevelFilter !== "",
-        logSourceFilter !== "",
-        normalizedSearch !== "",
-    ].filter(Boolean).length;
-    return (_jsxs("div", { className: "flex h-full flex-col gap-3", "data-testid": "logs-view", children: [_jsxs(PagePanel, { variant: "surface", className: "space-y-3 p-3 sm:p-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: t("logsview.FilterLogs") }), _jsx("p", { className: "max-w-3xl text-xs leading-5 text-muted", children: t("logsview.FilterLogsDescription") })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Input, { type: "text", className: "min-w-[15rem] flex-1 h-10 rounded-xl border-border/50 bg-bg/80 text-sm text-txt shadow-sm", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: t("logsview.SearchLogs"), "aria-label": t("aria.searchLogs") }), _jsxs(Select, { value: logLevelFilter === "" ? "all" : logLevelFilter, onValueChange: (val) => {
-                                    setState("logLevelFilter", val === "all" ? "" : val);
-                                }, children: [_jsx(SelectTrigger, { className: "w-40 h-10 rounded-xl border-border/50 bg-bg/80 text-sm text-txt shadow-sm", children: _jsx(SelectValue, { placeholder: t("logsview.AllLevels") }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: t("logsview.AllLevels") }), _jsx(SelectItem, { value: "debug", children: t("logsview.Debug") }), _jsx(SelectItem, { value: "info", children: t("logsview.Info") }), _jsx(SelectItem, { value: "warn", children: t("logsview.Warn") }), _jsx(SelectItem, { value: "error", children: t("common.error") })] })] }), _jsxs(Select, { value: logSourceFilter === "" ? "all" : logSourceFilter, onValueChange: (val) => {
-                                    setState("logSourceFilter", val === "all" ? "" : val);
-                                }, children: [_jsx(SelectTrigger, { className: "w-40 h-10 rounded-xl border-border/50 bg-bg/80 text-sm text-txt shadow-sm", children: _jsx(SelectValue, { placeholder: t("logsview.AllSources") }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: t("logsview.AllSources") }), logSources.map((s) => (_jsx(SelectItem, { value: s, children: s }, s)))] })] }), logTags.length > 0 && (_jsxs(Select, { value: logTagFilter === "" ? "all" : logTagFilter, onValueChange: (val) => {
-                                    setState("logTagFilter", val === "all" ? "" : val);
-                                }, children: [_jsx(SelectTrigger, { className: "w-40 h-10 rounded-xl border-border/50 bg-bg/80 text-sm text-txt shadow-sm", children: _jsx(SelectValue, { placeholder: t("logsview.AllTags") }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: t("logsview.AllTags") }), logTags.map((tag) => (_jsx(SelectItem, { value: tag, children: tag }, tag)))] })] })), hasActiveFilters && (_jsx(Button, { variant: "outline", size: "sm", className: "min-h-10 rounded-2xl px-3 text-xs font-medium border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] text-muted-strong shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_14px_20px_-18px_rgba(15,23,42,0.14)] backdrop-blur-md transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-border/46 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] hover:text-txt hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_16px_22px_-18px_rgba(15,23,42,0.16)] active:scale-95 disabled:hover:border-border/32 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] disabled:hover:text-muted-strong dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_16px_24px_-20px_rgba(0,0,0,0.24)]", onClick: handleClearFilters, children: t("logsview.ClearFilters") })), _jsx(Button, { variant: "outline", size: "sm", className: "ml-auto min-h-10 rounded-2xl px-3 text-xs font-medium border border-border/32 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] text-muted-strong shadow-[inset_0_1px_0_rgba(255,255,255,0.14),0_14px_20px_-18px_rgba(15,23,42,0.14)] backdrop-blur-md transition-[border-color,background-color,color,transform,box-shadow] duration-200 hover:border-border/46 hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_90%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] hover:text-txt hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_16px_22px_-18px_rgba(15,23,42,0.16)] active:scale-95 disabled:hover:border-border/32 disabled:hover:bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_84%,transparent),color-mix(in_srgb,var(--bg)_95%,transparent))] disabled:hover:text-muted-strong dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.04),0_16px_24px_-20px_rgba(0,0,0,0.24)]", onClick: () => void loadLogs(), children: t("common.refresh") })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs", children: [_jsx("div", { className: "rounded-full border border-border/40 bg-bg-hover/60 px-2.5 py-1 text-muted tabular-nums", children: t(filteredLogs.length === 1
-                                    ? "logsview.ShowingEntry"
-                                    : "logsview.ShowingEntries", { count: filteredLogs.length }) }), _jsx("div", { className: "rounded-full border border-border/35 bg-bg/80 px-2.5 py-1 text-muted tabular-nums", children: t(activeFilterCount === 1
-                                    ? "logsview.ActiveFilter"
-                                    : "logsview.ActiveFilters", { count: activeFilterCount }) })] }), logLoadError ? (_jsx("div", { role: "alert", className: "rounded-2xl border border-danger/35 bg-danger/8 px-3 py-2 text-xs text-danger", children: t("logsview.LoadFailed", {
-                            defaultValue: "Failed to load logs: {{message}}",
-                            message: logLoadError,
-                        }) })) : null] }), _jsx(PagePanel, { variant: "surface", className: "flex-1 min-h-0 overflow-y-auto p-2 font-mono text-sm", children: filteredLogs.length === 0 ? (_jsx(PagePanel.Empty, { variant: "panel", role: "status", className: "m-1 min-h-[16rem] rounded-xl border-border/35 bg-bg-hover/60 px-6 py-10", description: hasActiveFilters
-                        ? t("logsview.NoLogEntriesMatchingFiltersDescription")
-                        : t("logsview.NoLogEntriesYetDescription"), title: t(hasActiveFilters
-                        ? "logsview.NoLogEntriesMatchingFilters"
-                        : "logsview.NoLogEntriesYet") })) : (_jsxs(PagePanel, { variant: "inset", className: "overflow-hidden rounded-2xl", children: [_jsxs("div", { className: "hidden grid-cols-[5.75rem_3.5rem_5rem_14rem_minmax(0,1fr)] gap-3 px-3 py-2 text-xs-tight font-medium uppercase tracking-[0.08em] text-muted md:grid", children: [_jsx("span", { children: t("logsview.Time") }), _jsx("span", { children: t("logsview.Level") }), _jsx("span", { children: t("logsview.Source") }), _jsx("span", { children: t("logsview.Tags") }), _jsx("span", { children: t("common.message") })] }), filteredLogs.map((entry) => (_jsxs("div", { className: "flex items-start gap-3 px-3 py-3 text-sm", "data-testid": "log-entry", children: [_jsx("span", { className: "w-[5.75rem] shrink-0 whitespace-nowrap text-xs-tight text-muted tabular-nums", children: formatTime(entry.timestamp, { fallback: "—" }) }), _jsx("span", { className: `w-14 shrink-0 font-semibold uppercase tracking-[0.08em] text-xs-tight ${entry.level === "error"
-                                        ? "text-danger"
-                                        : entry.level === "warn"
-                                            ? "text-warning"
-                                            : entry.level === "info"
-                                                ? "text-muted-strong"
-                                                : entry.level === "debug"
-                                                    ? "text-muted"
-                                                    : "text-muted"}`, children: entry.level }), _jsxs("span", { className: "w-20 shrink-0 truncate text-xs-tight text-muted", children: ["[", entry.source, "]"] }), _jsx("span", { className: "inline-flex max-w-[14rem] shrink-0 flex-wrap gap-1", children: (entry.tags ?? []).map((t) => {
-                                        return (_jsx("span", { className: `inline-flex items-center rounded-full border px-2 py-0.5 text-2xs font-medium ${{
-                                                agent: "border-accent/25 bg-accent/10 text-accent-fg",
-                                                server: "border-ok/25 bg-ok/10 text-ok",
-                                                system: "border-border/40 bg-bg-hover text-muted-strong",
-                                                cloud: "border-accent/20 bg-accent/8 text-accent",
-                                                plugins: "border-accent/25 bg-accent/10 text-accent-fg",
-                                                autonomy: "border-warning/30 bg-warning/10 text-warning",
-                                                websocket: "border-ok/20 bg-ok/8 text-ok",
-                                            }[t] ??
-                                                "border-border/35 bg-bg-hover text-muted-strong"}`, style: {
-                                                fontFamily: "var(--font-body, sans-serif)",
-                                            }, children: t }, t));
-                                    }) }), _jsx("span", { className: "min-w-0 flex-1 break-words leading-6 text-txt", children: entry.message })] }, `${entry.timestamp}-${entry.source}-${entry.level}-${entry.message}`)))] })) })] }));
-}

package/packages/app-core/src/components/pages/MediaGalleryView.d.ts

@@ -1,6 +0,0 @@
-import type { ReactNode } from "react";
-export declare function MediaGalleryView({ leftNav, contentHeader, }: {
-    leftNav?: ReactNode;
-    contentHeader?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MediaGalleryView.d.ts.map

package/packages/app-core/src/components/pages/MediaGalleryView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaGalleryView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/MediaGalleryView.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgKvC,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,aAAa,GACd,EAAE;IACD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,2CAkWA"}

package/packages/app-core/src/components/pages/MediaGalleryView.js

@@ -1,273 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Input, MetaPill, PageLayout, PagePanel, SidebarContent, SidebarPanel, SidebarScrollRegion, } from "@elizaos/ui";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { client } from "../../api";
-import { useApp } from "../../state";
-import { resolveAppAssetUrl } from "../../utils";
-import { AppPageSidebar } from "../shared/AppPageSidebar";
-const IMAGE_EXTS = /\.(png|jpe?g|gif|webp|svg|bmp|ico|avif)(\?|$)/i;
-const VIDEO_EXTS = /\.(mp4|webm|mov|avi|mkv|ogv)(\?|$)/i;
-const AUDIO_EXTS = /\.(mp3|wav|ogg|flac|aac|m4a|opus)(\?|$)/i;
-const DATA_URI_IMG = /^data:image\//i;
-const DATA_URI_VID = /^data:video\//i;
-const DATA_URI_AUD = /^data:audio\//i;
-const MEDIA_URL_PREFIX = /^(https?:|data:|blob:|file:|capacitor:|electrobun:|app:|\/|\.\/|\.\.\/)/i;
-function classifyUrl(url) {
-    if (IMAGE_EXTS.test(url) || DATA_URI_IMG.test(url))
-        return "image";
-    if (VIDEO_EXTS.test(url) || DATA_URI_VID.test(url))
-        return "video";
-    if (AUDIO_EXTS.test(url) || DATA_URI_AUD.test(url))
-        return "audio";
-    return null;
-}
-function filenameFromUrl(url) {
-    try {
-        const path = new URL(url, "https://placeholder").pathname;
-        const segments = path.split("/").filter(Boolean);
-        return segments[segments.length - 1] || "";
-    }
-    catch {
-        return "";
-    }
-}
-function looksLikePotentialMediaUrl(value) {
-    const candidate = value.trim();
-    if (!candidate)
-        return false;
-    if (classifyUrl(candidate))
-        return true;
-    return MEDIA_URL_PREFIX.test(candidate);
-}
-function normalizeMediaUrl(url) {
-    const candidate = url.trim();
-    if (!candidate)
-        return candidate;
-    return MEDIA_URL_PREFIX.test(candidate)
-        ? resolveAppAssetUrl(candidate)
-        : candidate;
-}
-function mediaTypeLabel(t, type) {
-    switch (type) {
-        case "all":
-            return t("common.all", { defaultValue: "All" });
-        case "image":
-            return t("mediagalleryview.Images", { defaultValue: "Images" });
-        case "video":
-            return t("common.video", { defaultValue: "Video" });
-        case "audio":
-            return t("common.audio", { defaultValue: "Audio" });
-    }
-}
-const FILTER_CHIPS = ["all", "image", "video", "audio"];
-/** Extract media URLs from arbitrary row data by scanning all string values. */
-function extractMediaFromRows(rows, tableName) {
-    const items = [];
-    const seen = new Set();
-    for (const row of rows) {
-        const createdAt = String(row.createdAt ?? row.created_at ?? row.timestamp ?? "");
-        for (const val of Object.values(row)) {
-            if (typeof val !== "string")
-                continue;
-            // Try parsing as JSON content field (elizaOS memories store JSON in content)
-            const urls = extractUrlsFromValue(val);
-            for (const url of urls) {
-                const mediaType = classifyUrl(url);
-                if (mediaType && !seen.has(url)) {
-                    seen.add(url);
-                    items.push({
-                        url,
-                        type: mediaType,
-                        filename: filenameFromUrl(url),
-                        source: tableName,
-                        createdAt,
-                    });
-                }
-            }
-        }
-    }
-    return items;
-}
-/** Pull URLs out of a string value — handles plain URLs and JSON blobs. */
-function extractUrlsFromValue(val) {
-    const urls = new Set();
-    // If it looks like JSON, parse it and search recursively
-    if (val.startsWith("{") || val.startsWith("[")) {
-        try {
-            const parsed = JSON.parse(val);
-            collectStrings(parsed, urls);
-            return Array.from(urls);
-        }
-        catch {
-            // not JSON, fall through to regex
-        }
-    }
-    // Absolute URL/scheme match
-    const urlRegex = /(?:https?:\/\/|file:\/\/|blob:|capacitor:\/\/|electrobun:\/\/|app:\/\/)[^\s"'<>]+/gi;
-    const matches = val.match(urlRegex);
-    if (matches) {
-        for (const match of matches)
-            urls.add(match);
-    }
-    // Relative/path-like token match
-    const tokens = val
-        .split(/[\s"'<>]+/)
-        .map((token) => token.replace(/^[([{]+/, "").replace(/[)\]},;.!?]+$/, ""));
-    for (const token of tokens) {
-        if (looksLikePotentialMediaUrl(token))
-            urls.add(token);
-    }
-    // Data URI match
-    if (val.startsWith("data:"))
-        urls.add(val);
-    return Array.from(urls);
-}
-function collectStrings(obj, out) {
-    if (typeof obj === "string") {
-        if (looksLikePotentialMediaUrl(obj))
-            out.add(obj.trim());
-        return;
-    }
-    if (Array.isArray(obj)) {
-        for (const item of obj)
-            collectStrings(item, out);
-        return;
-    }
-    if (obj && typeof obj === "object") {
-        for (const v of Object.values(obj))
-            collectStrings(v, out);
-    }
-}
-export function MediaGalleryView({ leftNav, contentHeader, }) {
-    const { t } = useApp();
-    const [media, setMedia] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState("");
-    const [filter, setFilter] = useState("all");
-    const [search, setSearch] = useState("");
-    const [selectedMediaUrl, setSelectedMediaUrl] = useState(null);
-    const loadMedia = useCallback(async () => {
-        setLoading(true);
-        setError("");
-        try {
-            // Discover tables
-            const { tables } = await client.getDatabaseTables();
-            const allMedia = [];
-            // Scan tables likely to contain media: memories, messages, media, attachments, files
-            const mediaTableNames = tables
-                .map((t) => t.name)
-                .filter((name) => {
-                const n = name.toLowerCase();
-                return (n.includes("memor") ||
-                    n.includes("message") ||
-                    n.includes("media") ||
-                    n.includes("attach") ||
-                    n.includes("file") ||
-                    n.includes("asset") ||
-                    n.includes("document"));
-            });
-            // If no likely tables found, scan all tables with modest limits
-            const tablesToScan = mediaTableNames.length > 0
-                ? mediaTableNames
-                : tables.map((t) => t.name);
-            const scanLimit = mediaTableNames.length > 0 ? 500 : 100;
-            for (const tableName of tablesToScan.slice(0, 10)) {
-                try {
-                    const result = await client.executeDatabaseQuery(`SELECT * FROM "${tableName}" LIMIT ${scanLimit}`);
-                    const items = extractMediaFromRows(result.rows, tableName);
-                    allMedia.push(...items);
-                }
-                catch {
-                    // skip tables that fail
-                }
-            }
-            // Sort by date descending
-            allMedia.sort((a, b) => {
-                if (!a.createdAt && !b.createdAt)
-                    return 0;
-                if (!a.createdAt)
-                    return 1;
-                if (!b.createdAt)
-                    return -1;
-                return b.createdAt.localeCompare(a.createdAt);
-            });
-            setMedia(allMedia);
-        }
-        catch (err) {
-            setError(t("mediagalleryview.LoadFailed", {
-                message: err instanceof Error ? err.message : "error",
-                defaultValue: "Failed to load media: {{message}}",
-            }));
-        }
-        setLoading(false);
-    }, [t]);
-    useEffect(() => {
-        loadMedia();
-    }, [loadMedia]);
-    const filtered = useMemo(() => media.filter((m) => {
-        if (filter !== "all" && m.type !== filter)
-            return false;
-        if (search &&
-            !m.filename.toLowerCase().includes(search.toLowerCase()) &&
-            !m.url.toLowerCase().includes(search.toLowerCase()))
-            return false;
-        return true;
-    }), [filter, media, search]);
-    useEffect(() => {
-        if (filtered.length === 0) {
-            setSelectedMediaUrl(null);
-            return;
-        }
-        if (!selectedMediaUrl ||
-            !filtered.some((item) => item.url === selectedMediaUrl)) {
-            setSelectedMediaUrl(filtered[0].url);
-        }
-    }, [filtered, selectedMediaUrl]);
-    const selectedItem = filtered.find((item) => item.url === selectedMediaUrl) ??
-        filtered[0] ??
-        null;
-    const mediaSidebar = (_jsx(AppPageSidebar, { testId: "media-sidebar", collapsible: true, contentIdentity: "media", children: _jsxs(SidebarPanel, { children: [_jsxs("div", { className: "space-y-3 pt-4", children: [leftNav, _jsxs(PagePanel.SummaryCard, { children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: filtered.length === 1
-                                        ? t("mediagalleryview.ItemCountOne", {
-                                            count: filtered.length,
-                                            defaultValue: "{{count}} item",
-                                        })
-                                        : t("mediagalleryview.ItemCountMany", {
-                                            count: filtered.length,
-                                            defaultValue: "{{count}} items",
-                                        }) }), _jsxs("div", { className: "mt-3 flex flex-wrap gap-2 text-2xs font-semibold uppercase tracking-[0.14em] text-muted/75", children: [_jsx(MetaPill, { children: filter === "all"
-                                                ? t("mediagalleryview.AllMedia", {
-                                                    defaultValue: "All media",
-                                                })
-                                                : mediaTypeLabel(t, filter) }), search ? (_jsx("span", { className: "rounded-full border border-accent/25 bg-accent/8 px-2.5 py-1 text-accent", children: t("mediagalleryview.SearchActive", {
-                                                defaultValue: "Search active",
-                                            }) })) : null] })] })] }), _jsxs("div", { className: "space-y-3 pt-4", children: [_jsx(Input, { type: "search", placeholder: t("mediagalleryview.SearchMedia"), value: search, onChange: (e) => setSearch(e.target.value), className: "h-10 rounded-xl border-border/40 bg-card/50 text-sm placeholder:text-muted/65 focus-visible:ring-accent/30" }), _jsx("div", { className: "grid grid-cols-2 gap-1.5", children: FILTER_CHIPS.map((chip) => {
-                                const isActive = filter === chip;
-                                return (_jsx(Button, { variant: "ghost", size: "sm", className: `h-auto min-h-[2.25rem] rounded-xl border px-3 py-2 text-left text-xs-tight font-semibold transition-colors ${isActive
-                                        ? "border-accent/35 bg-accent/14 text-txt-strong"
-                                        : "border-border/45 bg-bg/35 text-muted hover:border-border/60 hover:bg-bg-hover hover:text-txt"}`, onClick: () => setFilter(chip), children: mediaTypeLabel(t, chip) }, chip));
-                            }) })] }), _jsx(SidebarScrollRegion, { className: "mt-3 space-y-1.5", children: loading ? (_jsx(SidebarContent.EmptyState, { children: t("mediagalleryview.ScanningForMedia") })) : filtered.length === 0 ? (_jsx(SidebarContent.EmptyState, { children: t("mediagalleryview.NoMediaFound") })) : (filtered.map((item, index) => {
-                        const isActive = selectedItem?.url === item.url;
-                        return (_jsxs(SidebarContent.Item, { active: isActive, onClick: () => setSelectedMediaUrl(item.url), children: [_jsx(SidebarContent.ItemIcon, { active: isActive, children: item.type.slice(0, 1).toUpperCase() }), _jsxs(SidebarContent.ItemBody, { children: [_jsx(SidebarContent.ItemTitle, { className: "truncate", children: item.filename ||
-                                                t("mediagalleryview.MediaItem", {
-                                                    defaultValue: "Media item",
-                                                }) }), _jsxs(SidebarContent.ItemDescription, { children: [_jsx("span", { className: "truncate", children: item.source }), _jsx("span", { className: "rounded-full border border-border/45 px-2 py-0.5 uppercase tracking-[0.16em]", children: mediaTypeLabel(t, item.type) })] })] })] }, `${item.url}-${index}`));
-                    })) })] }) }));
-    return (_jsx(PageLayout, { sidebar: mediaSidebar, contentHeader: contentHeader, contentInnerClassName: "w-full min-h-0", children: _jsx("div", { className: "flex min-h-0 flex-1 flex-col w-full", children: error ? (_jsx("div", { className: "mb-4 rounded-2xl border border-danger/35 bg-danger/10 px-4 py-3 text-sm text-danger", children: error })) : loading ? (_jsx("div", { className: "flex flex-1 items-center justify-center text-sm italic text-muted", children: t("mediagalleryview.ScanningForMedia") })) : !selectedItem ? (_jsx(PagePanel.Empty, { variant: "surface", className: "min-h-[18rem] rounded-3xl px-5 py-10", title: t("mediagalleryview.NoMediaFound"), description: media.length === 0
-                    ? t("mediagalleryview.NoMediaDetectedDescription", {
-                        defaultValue: "No images, videos, or audio files were detected in the database.",
-                    })
-                    : t("mediagalleryview.NoFilterMatchesDescription", {
-                        defaultValue: "No items match the current filter.",
-                    }) })) : (_jsxs("div", { className: "w-full", children: [_jsxs(PagePanel, { variant: "surface", as: "section", className: "px-6 py-5", children: [_jsx("div", { className: "text-2xs font-semibold uppercase tracking-[0.16em] text-muted/60", children: t("mediagalleryview.Media", { defaultValue: "Media" }) }), _jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-3", children: [_jsx("h2", { className: "text-2xl font-semibold text-txt", children: selectedItem.filename ||
-                                            t("mediagalleryview.MediaItem", {
-                                                defaultValue: "Media item",
-                                            }) }), _jsx("span", { className: "rounded-full border border-accent/30 bg-accent/12 px-3 py-1 text-xs-tight font-semibold uppercase tracking-[0.16em] text-accent-fg", children: mediaTypeLabel(t, selectedItem.type) })] }), _jsxs("div", { className: "mt-2 text-sm text-muted", children: [t("common.source", {
-                                        defaultValue: "Source:",
-                                    }), " ", selectedItem.source, selectedItem.createdAt ? ` · ${selectedItem.createdAt}` : ""] })] }), _jsx(PagePanel, { variant: "inset", className: "mt-4 flex min-h-[22rem] flex-1 items-center justify-center p-6", children: selectedItem.type === "image" ? (_jsx("img", { src: normalizeMediaUrl(selectedItem.url), alt: selectedItem.filename, className: "max-h-[32rem] max-w-full rounded-2xl object-contain" })) : selectedItem.type === "video" ? (_jsx("video", { src: normalizeMediaUrl(selectedItem.url), controls: true, className: "max-h-[32rem] max-w-full rounded-2xl", children: _jsx("track", { kind: "captions" }) })) : (_jsxs("div", { className: "flex w-full max-w-xl flex-col items-center gap-5 rounded-3xl border border-border/35 bg-bg/35 px-8 py-10 text-center", children: [_jsx("div", { className: "text-lg font-semibold text-txt", children: t("mediagalleryview.AudioPreview", {
-                                        defaultValue: "Audio Preview",
-                                    }) }), _jsx("audio", { src: normalizeMediaUrl(selectedItem.url), controls: true, className: "w-full", children: _jsx("track", { kind: "captions" }) })] })) }), _jsxs("div", { className: "mt-5 rounded-2xl border border-border/40 bg-card/45 px-5 py-4 text-sm text-muted", children: [_jsx("div", { className: "text-2xs font-semibold uppercase tracking-[0.16em] text-muted/60", children: t("mediagalleryview.MediaDetails", {
-                                    defaultValue: "Media Details",
-                                }) }), _jsxs("div", { className: "mt-3 grid gap-3 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.16em] text-muted/60", children: t("common.type", { defaultValue: "Type" }) }), _jsx("div", { className: "mt-1 text-sm text-txt", children: mediaTypeLabel(t, selectedItem.type) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.16em] text-muted/60", children: t("logsview.Source", {
-                                                    defaultValue: "Source",
-                                                }) }), _jsx("div", { className: "mt-1 text-sm text-txt", children: selectedItem.source })] }), _jsxs("div", { className: "sm:col-span-2", children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.16em] text-muted/60", children: "URL" }), _jsx("div", { className: "mt-1 break-all text-sm text-txt", children: selectedItem.url })] })] })] })] })) }) }));
-}

package/packages/app-core/src/components/pages/MemoryDetailPanel.d.ts

@@ -1,5 +0,0 @@
-import type { MemoryRecord } from "./vector-browser-utils";
-export declare function MemoryDetailPanel({ memory }: {
-    memory: MemoryRecord | null;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MemoryDetailPanel.d.ts.map

package/packages/app-core/src/components/pages/MemoryDetailPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MemoryDetailPanel.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/MemoryDetailPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;CAAE,2CAuH5E"}

package/packages/app-core/src/components/pages/MemoryDetailPanel.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PagePanel } from "@elizaos/ui";
-import { useApp } from "../../state";
-export function MemoryDetailPanel({ memory }) {
-    const { t } = useApp();
-    if (!memory) {
-        return (_jsx("div", { className: "flex flex-1 items-center justify-center p-8", children: _jsxs("div", { className: "rounded-3xl border border-border/35 bg-bg/35 px-8 py-10 text-center shadow-inner", children: [_jsx("div", { className: "text-base font-semibold text-txt", children: t("vectorbrowserview.MemoryDetail") }), _jsx("div", { className: "mt-2 max-w-sm text-sm text-muted", children: t("vectorbrowserview.MemorySelectionHint", {
-                            defaultValue: "Select a memory from the sidebar to inspect its content, metadata, and embedding values.",
-                        }) })] }) }));
-    }
-    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col overflow-hidden", children: [_jsxs("div", { className: "px-6 py-5", children: [_jsx("div", { className: "text-2xs font-semibold uppercase tracking-[0.16em] text-muted/60", children: t("common.vectors", { defaultValue: "Vectors" }) }), _jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-3", children: [_jsx("h2", { className: "text-2xl font-semibold text-txt", children: memory.type && memory.type !== "undefined"
-                                    ? memory.type
-                                    : t("vectorbrowserview.MemoryDetail") }), memory.unique ? (_jsx("span", { className: "rounded-full border border-accent/30 bg-accent/12 px-3 py-1 text-xs-tight font-semibold uppercase tracking-[0.16em] text-accent-fg", children: t("vectorbrowserview.Unique", { defaultValue: "Unique" }) })) : null] }), _jsxs("div", { className: "mt-2 text-sm text-muted", children: [memory.createdAt ||
-                                t("vectorbrowserview.NoTimestamp", {
-                                    defaultValue: "No timestamp",
-                                }), " ", memory.id ? `· ${memory.id}` : ""] })] }), _jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-5 overflow-auto p-6", children: [_jsxs(PagePanel, { variant: "inset", className: "p-5", children: [_jsx("div", { className: "text-xs-tight font-bold uppercase tracking-[0.16em] text-muted/60", children: t("vectorbrowserview.Content") }), _jsx("div", { className: "mt-3 whitespace-pre-wrap break-words text-sm leading-7 text-txt", children: memory.content || "(empty)" })] }), _jsxs("section", { className: "rounded-2xl border border-border/40 bg-card/45 p-5", children: [_jsx("div", { className: "text-xs-tight font-bold uppercase tracking-[0.16em] text-muted/60", children: t("vectorbrowserview.Metadata") }), _jsxs("div", { className: "mt-4 grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.16em] text-muted/60", children: t("vectorbrowserview.ID", { defaultValue: "ID" }) }), _jsx("div", { className: "mt-1 break-all font-mono text-sm text-txt", children: memory.id || "—" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.16em] text-muted/60", children: t("common.type") }), _jsx("div", { className: "mt-1 text-sm text-txt", children: memory.type || "—" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.16em] text-muted/60", children: t("vectorbrowserview.Room") }), _jsx("div", { className: "mt-1 break-all font-mono text-sm text-txt", children: memory.roomId || "—" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs-tight uppercase tracking-[0.16em] text-muted/60", children: t("vectorbrowserview.Entity") }), _jsx("div", { className: "mt-1 break-all font-mono text-sm text-txt", children: memory.entityId || "—" })] })] })] }), memory.embedding ? (_jsxs("section", { className: "rounded-2xl border border-border/40 bg-card/45 p-5", children: [_jsxs("div", { className: "text-xs-tight font-bold uppercase tracking-[0.16em] text-muted/60", children: [t("vectorbrowserview.Embedding"), " · ", memory.embedding.length, " ", t("vectorbrowserview.dimensions")] }), _jsxs("div", { className: "mt-3 max-h-[16rem] overflow-auto rounded-xl border border-border/35 bg-bg/35 p-3 text-xs-tight leading-6 text-muted", children: ["[", memory.embedding.map((v) => v.toFixed(6)).join(", "), "]"] })] })) : null, _jsxs("details", { className: "rounded-2xl border border-border/40 bg-card/45 p-5", children: [_jsx("summary", { className: "cursor-pointer text-xs-tight font-bold uppercase tracking-[0.16em] text-muted/60 hover:text-txt", children: t("vectorbrowserview.RawRecord") }), _jsx("div", { className: "mt-3 max-h-[18rem] overflow-auto rounded-xl border border-border/35 bg-bg/35 p-3 font-mono text-xs-tight leading-6 text-muted", children: JSON.stringify(memory.raw, null, 2) })] })] })] }));
-}

package/packages/app-core/src/components/pages/MemoryViewerView.d.ts

@@ -1,5 +0,0 @@
-import { type ReactNode } from "react";
-export declare function MemoryViewerView({ contentHeader, }?: {
-    contentHeader?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MemoryViewerView.d.ts.map

package/packages/app-core/src/components/pages/MemoryViewerView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MemoryViewerView.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/pages/MemoryViewerView.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AA8Yf,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,GACd,GAAE;IACD,aAAa,CAAC,EAAE,SAAS,CAAC;CACtB,2CA4QL"}