@elizaos/app-core 2.0.0-alpha.73 → 2.0.0-alpha.75

package/components/HeartbeatsView.d.ts

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

package/components/HeartbeatsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeartbeatsView.d.ts","sourceRoot":"","sources":["../../src/components/HeartbeatsView.tsx"],"names":[],"mappings":"AAiQA,wBAAgB,cAAc,4CAyuB7B"}

package/components/HeartbeatsView.js

@@ -0,0 +1,378 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Input } from "@elizaos/ui";
+import { ChevronDown, Clock3, PencilLine, Plus } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { useApp } from "../state";
+import { confirmDesktopAction } from "../utils";
+import { formatDateTime, formatDurationMs } from "./format";
+import { StatusBadge, StatusDot } from "./ui-badges";
+const DURATION_UNITS = [
+    {
+        unit: "seconds",
+        ms: 1000,
+        labelKey: "heartbeatsview.durationUnitSeconds",
+    },
+    {
+        unit: "minutes",
+        ms: 60_000,
+        labelKey: "heartbeatsview.durationUnitMinutes",
+    },
+    {
+        unit: "hours",
+        ms: 3_600_000,
+        labelKey: "heartbeatsview.durationUnitHours",
+    },
+    {
+        unit: "days",
+        ms: 86_400_000,
+        labelKey: "heartbeatsview.durationUnitDays",
+    },
+];
+const FIELD_LABEL_CLASS = "mb-1.5 block text-xs font-medium text-muted";
+const INPUT_CLASS = "h-10 w-full rounded-xl border-border/60 bg-bg/70 px-3 py-2 text-sm shadow-sm focus-visible:ring-1 focus-visible:ring-accent";
+const SELECT_CLASS = "h-10 w-full rounded-xl border border-border/60 bg-bg/70 px-3 py-2 text-sm outline-none focus:border-accent";
+const TEXTAREA_CLASS = "min-h-[120px] w-full resize-y rounded-xl border border-border/60 bg-bg/70 px-3 py-2 text-sm outline-none focus:border-accent";
+function bestFitUnit(ms) {
+    for (let i = DURATION_UNITS.length - 1; i >= 0; i -= 1) {
+        const unit = DURATION_UNITS[i];
+        if (ms >= unit.ms && ms % unit.ms === 0) {
+            return { value: ms / unit.ms, unit: unit.unit };
+        }
+    }
+    return { value: ms / 1000, unit: "seconds" };
+}
+function durationToMs(value, unit) {
+    const found = DURATION_UNITS.find((candidate) => candidate.unit === unit);
+    return value * (found?.ms ?? 1000);
+}
+function durationUnitLabel(unit, t) {
+    const found = DURATION_UNITS.find((candidate) => candidate.unit === unit);
+    return found ? t(found.labelKey) : unit;
+}
+const emptyForm = {
+    displayName: "",
+    instructions: "",
+    triggerType: "interval",
+    wakeMode: "inject_now",
+    scheduledAtIso: "",
+    cronExpression: "0 * * * *",
+    maxRuns: "",
+    enabled: true,
+    durationValue: "1",
+    durationUnit: "hours",
+};
+function parsePositiveInteger(value) {
+    const trimmed = value.trim();
+    if (!/^\d+$/.test(trimmed))
+        return undefined;
+    const parsed = Number.parseInt(trimmed, 10);
+    return Number.isSafeInteger(parsed) && parsed > 0 ? parsed : undefined;
+}
+function scheduleLabel(trigger, t) {
+    if (trigger.triggerType === "interval") {
+        return `${t("heartbeatsview.every")} ${formatDurationMs(trigger.intervalMs)}`;
+    }
+    if (trigger.triggerType === "once") {
+        return trigger.scheduledAtIso
+            ? t("heartbeatsview.onceAt", {
+                time: formatDateTime(trigger.scheduledAtIso),
+            })
+            : t("heartbeatsview.once");
+    }
+    if (trigger.triggerType === "cron") {
+        return `${t("heartbeatsview.cronPrefix")} ${trigger.cronExpression ?? "—"}`;
+    }
+    return trigger.triggerType;
+}
+function formFromTrigger(trigger) {
+    const intervalMs = trigger.intervalMs ?? 3_600_000;
+    const { value, unit } = bestFitUnit(intervalMs);
+    return {
+        displayName: trigger.displayName,
+        instructions: trigger.instructions,
+        triggerType: trigger.triggerType,
+        wakeMode: trigger.wakeMode,
+        scheduledAtIso: trigger.scheduledAtIso ?? "",
+        cronExpression: trigger.cronExpression ?? "0 * * * *",
+        maxRuns: trigger.maxRuns ? String(trigger.maxRuns) : "",
+        enabled: trigger.enabled,
+        durationValue: String(value),
+        durationUnit: unit,
+    };
+}
+function buildCreateRequest(form) {
+    const maxRuns = parsePositiveInteger(form.maxRuns);
+    return {
+        displayName: form.displayName.trim(),
+        instructions: form.instructions.trim(),
+        triggerType: form.triggerType,
+        wakeMode: form.wakeMode,
+        enabled: form.enabled,
+        intervalMs: form.triggerType === "interval"
+            ? durationToMs(Number(form.durationValue) || 1, form.durationUnit)
+            : undefined,
+        scheduledAtIso: form.triggerType === "once" ? form.scheduledAtIso.trim() : undefined,
+        cronExpression: form.triggerType === "cron" ? form.cronExpression.trim() : undefined,
+        maxRuns,
+    };
+}
+function buildUpdateRequest(form) {
+    return { ...buildCreateRequest(form) };
+}
+function validateForm(form, t) {
+    if (!form.displayName.trim()) {
+        return t("heartbeatsview.validationDisplayNameRequired");
+    }
+    if (!form.instructions.trim()) {
+        return t("heartbeatsview.validationInstructionsRequired");
+    }
+    if (form.triggerType === "interval") {
+        const value = Number(form.durationValue);
+        if (!Number.isFinite(value) || value <= 0) {
+            return t("heartbeatsview.validationIntervalPositive");
+        }
+    }
+    if (form.triggerType === "once") {
+        const raw = form.scheduledAtIso.trim();
+        if (!raw)
+            return t("heartbeatsview.validationScheduledTimeRequired");
+        if (!Number.isFinite(Date.parse(raw))) {
+            return t("heartbeatsview.validationScheduledTimeInvalid");
+        }
+    }
+    if (form.triggerType === "cron") {
+        const cronTrimmed = form.cronExpression.trim();
+        if (!cronTrimmed)
+            return t("heartbeatsview.validationCronRequired");
+        const cronParts = cronTrimmed.split(/\s+/);
+        if (cronParts.length !== 5) {
+            return t("heartbeatsview.validationCronFiveFields");
+        }
+        const ranges = [
+            { name: t("heartbeatsview.cronFieldMinute") },
+            { name: t("heartbeatsview.cronFieldHour") },
+            { name: t("heartbeatsview.cronFieldDay") },
+            { name: t("heartbeatsview.cronFieldMonth") },
+            { name: t("heartbeatsview.cronFieldWeekday") },
+        ];
+        for (let index = 0; index < 5; index += 1) {
+            if (!/^[\d,\-*/]+$/.test(cronParts[index])) {
+                return t("heartbeatsview.validationCronInvalidField", {
+                    field: ranges[index]?.name ?? "",
+                    value: cronParts[index] ?? "",
+                });
+            }
+        }
+    }
+    if (form.maxRuns.trim() && !parsePositiveInteger(form.maxRuns)) {
+        return t("heartbeatsview.validationMaxRunsPositive");
+    }
+    return null;
+}
+function toneForLastStatus(status) {
+    if (!status)
+        return "muted";
+    if (status === "success" || status === "completed")
+        return "success";
+    if (status === "skipped" || status === "queued")
+        return "warning";
+    if (status === "error" || status === "failed")
+        return "danger";
+    return "muted";
+}
+function wakeModeLabel(wakeMode, t) {
+    return wakeMode === "inject_now"
+        ? t("triggersview.InjectAmpWakeIm")
+        : t("triggersview.QueueForNextCycle");
+}
+function localizedExecutionStatus(status, t) {
+    switch (status) {
+        case "success":
+            return t("heartbeatsview.statusSuccess");
+        case "completed":
+            return t("heartbeatsview.statusCompleted");
+        case "skipped":
+            return t("heartbeatsview.statusSkipped");
+        case "queued":
+            return t("heartbeatsview.statusQueued");
+        case "error":
+            return t("heartbeatsview.statusError");
+        case "failed":
+            return t("heartbeatsview.statusFailed");
+        default:
+            return status;
+    }
+}
+function runCountLabel(count, t) {
+    return count === 1
+        ? t("heartbeatsview.runCountSingle", { count })
+        : t("heartbeatsview.runCountPlural", { count });
+}
+export function HeartbeatsView() {
+    const { triggers = [], triggersLoading = false, triggersSaving = false, triggerRunsById = {}, triggerHealth: _triggerHealth = null, triggerError = null, loadTriggers = async () => { }, createTrigger = async () => null, updateTrigger = async () => null, deleteTrigger = async () => true, runTriggerNow = async () => true, loadTriggerRuns = async () => { }, loadTriggerHealth = async () => { }, t, } = useApp();
+    const [form, setForm] = useState(emptyForm);
+    const [editingId, setEditingId] = useState(null);
+    const [selectedTriggerId, setSelectedTriggerId] = useState(null);
+    const [formError, setFormError] = useState(null);
+    const [editorOpen, setEditorOpen] = useState(false);
+    const selectedRuns = useMemo(() => {
+        if (!selectedTriggerId)
+            return [];
+        return triggerRunsById[selectedTriggerId] ?? [];
+    }, [selectedTriggerId, triggerRunsById]);
+    useEffect(() => {
+        void loadTriggerHealth();
+        void loadTriggers();
+    }, [loadTriggerHealth, loadTriggers]);
+    useEffect(() => {
+        if (!selectedTriggerId)
+            return;
+        if (!triggers.some((trigger) => trigger.id === selectedTriggerId)) {
+            setSelectedTriggerId(null);
+        }
+    }, [selectedTriggerId, triggers]);
+    useEffect(() => {
+        if (!editorOpen)
+            return undefined;
+        const onKeyDown = (event) => {
+            if (event.key === "Escape") {
+                setEditorOpen(false);
+                setEditingId(null);
+                setForm(emptyForm);
+                setFormError(null);
+            }
+        };
+        window.addEventListener("keydown", onKeyDown);
+        return () => window.removeEventListener("keydown", onKeyDown);
+    }, [editorOpen]);
+    const resetEditor = () => {
+        setForm(emptyForm);
+        setEditingId(null);
+        setFormError(null);
+    };
+    const closeEditor = () => {
+        setEditorOpen(false);
+        resetEditor();
+    };
+    const openCreateEditor = () => {
+        resetEditor();
+        setEditorOpen(true);
+    };
+    const openEditEditor = (trigger) => {
+        setEditingId(trigger.id);
+        setForm(formFromTrigger(trigger));
+        setFormError(null);
+        setSelectedTriggerId(trigger.id);
+        setEditorOpen(true);
+    };
+    const setField = (key, value) => setForm((previous) => ({ ...previous, [key]: value }));
+    const toggleExpandedTrigger = (triggerId) => {
+        const nextTriggerId = selectedTriggerId === triggerId ? null : triggerId;
+        setSelectedTriggerId(nextTriggerId);
+        if (nextTriggerId) {
+            void loadTriggerRuns(nextTriggerId);
+        }
+    };
+    const onSubmit = async () => {
+        const error = validateForm(form, t);
+        if (error) {
+            setFormError(error);
+            return;
+        }
+        setFormError(null);
+        if (editingId) {
+            const updated = await updateTrigger(editingId, buildUpdateRequest(form));
+            if (updated) {
+                setSelectedTriggerId(updated.id);
+                closeEditor();
+            }
+            return;
+        }
+        const created = await createTrigger(buildCreateRequest(form));
+        if (created) {
+            setSelectedTriggerId(created.id);
+            void loadTriggerRuns(created.id);
+            closeEditor();
+        }
+    };
+    const onDelete = async () => {
+        if (!editingId)
+            return;
+        const confirmed = await confirmDesktopAction({
+            title: t("heartbeatsview.deleteTitle"),
+            message: t("heartbeatsview.deleteMessage", { name: form.displayName }),
+            confirmLabel: t("triggersview.Delete"),
+            cancelLabel: t("onboarding.cancel"),
+            type: "warning",
+        });
+        if (!confirmed)
+            return;
+        const deleted = await deleteTrigger(editingId);
+        if (!deleted)
+            return;
+        if (selectedTriggerId === editingId) {
+            setSelectedTriggerId(null);
+        }
+        closeEditor();
+    };
+    const onRunSelectedTrigger = async (triggerId) => {
+        setSelectedTriggerId(triggerId);
+        await runTriggerNow(triggerId);
+    };
+    const onToggleTriggerEnabled = async (triggerId, currentlyEnabled) => {
+        const updated = await updateTrigger(triggerId, {
+            enabled: !currentlyEnabled,
+        });
+        if (updated && editingId === updated.id) {
+            setForm(formFromTrigger(updated));
+        }
+    };
+    const modalTitle = editingId
+        ? t("heartbeatsview.editTitle", {
+            name: form.displayName.trim() || t("heartbeatsview.heartbeatSingular"),
+        })
+        : t("heartbeatsview.newHeartbeat");
+    const editorEnabled = editingId != null
+        ? (triggers.find((trigger) => trigger.id === editingId)?.enabled ??
+            form.enabled)
+        : form.enabled;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex min-h-[calc(100vh-9rem)] w-full flex-col gap-5 pb-6 sm:gap-6", children: [_jsx("div", { className: "flex flex-col gap-4 px-1 lg:flex-row lg:items-end lg:justify-between", children: _jsxs(Button, { variant: "default", size: "sm", className: "h-10 px-4 text-sm shadow-sm", onClick: openCreateEditor, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), t("heartbeatsview.newHeartbeat")] }) }), _jsxs("div", { className: "flex min-h-[60vh] flex-1 flex-col overflow-hidden rounded-[1.35rem] border border-border/60 bg-card/80 shadow-[0_18px_40px_rgba(0,0,0,0.18)]", children: [triggerError && (_jsx("div", { className: "mx-4 mt-4 rounded-xl border border-danger/30 bg-danger/10 px-4 py-3 text-sm text-danger sm:mx-6", children: triggerError })), triggers.length === 0 && !triggersLoading ? (_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center px-6 py-16 text-center", children: [_jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-bg/70", children: _jsx(Clock3, { className: "h-7 w-7 text-muted" }) }), _jsx("div", { className: "mt-5 text-base font-medium text-txt", children: t("triggersview.NoTriggersConfigur") }), _jsx("div", { className: "mt-2 max-w-md text-sm leading-6 text-muted", children: t("heartbeatsview.emptyStateDescription") })] })) : (_jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: triggers.map((trigger, index) => {
+                                    const isExpanded = selectedTriggerId === trigger.id;
+                                    const hasLoadedRuns = Object.hasOwn(triggerRunsById, trigger.id);
+                                    const runs = isExpanded ? selectedRuns : [];
+                                    return (_jsx("div", { className: index === 0 ? "" : "border-t border-border/50", children: _jsxs("div", { className: "px-4 py-4 sm:px-6 sm:py-5", children: [_jsxs("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("button", { type: "button", onClick: () => toggleExpandedTrigger(trigger.id), className: "group flex min-w-0 flex-1 items-start gap-3 text-left", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-bg/65 text-muted transition-colors group-hover:text-txt", children: _jsx(Clock3, { className: "h-4 w-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-semibold text-txt", children: trigger.displayName }), _jsx(StatusBadge, { label: trigger.enabled
+                                                                                        ? t("heartbeatsview.statusActive")
+                                                                                        : t("heartbeatsview.statusPaused"), tone: trigger.enabled ? "success" : "muted", withDot: true }), trigger.lastStatus && (_jsx(StatusBadge, { label: localizedExecutionStatus(trigger.lastStatus, t), tone: toneForLastStatus(trigger.lastStatus) }))] }), _jsxs("div", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-1 text-xs text-muted", children: [_jsx("span", { children: scheduleLabel(trigger, t) }), trigger.nextRunAtMs && (_jsx("span", { children: t("heartbeatsview.nextInline", {
+                                                                                        time: formatDateTime(trigger.nextRunAtMs),
+                                                                                    }) })), trigger.runCount > 0 && (_jsx("span", { children: runCountLabel(trigger.runCount, t) }))] })] }), _jsx(ChevronDown, { className: `mt-1 h-4 w-4 shrink-0 text-muted transition-transform ${isExpanded ? "rotate-180" : ""}` })] }), _jsxs("div", { className: "flex items-center gap-2 pl-[52px] lg:pl-0", children: [_jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", disabled: triggersSaving, onClick: () => void onRunSelectedTrigger(trigger.id), children: t("triggersview.RunNow") }), _jsxs(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => openEditEditor(trigger), children: [_jsx(PencilLine, { className: "mr-1.5 h-3.5 w-3.5" }), t("triggersview.Edit")] })] })] }), isExpanded && (_jsxs("div", { className: "mt-4 grid gap-5 border-t border-border/50 pt-4 lg:grid-cols-[minmax(0,1.15fr)_minmax(280px,0.85fr)]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("div", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] text-muted", children: t("triggersview.Instructions") }), _jsx("p", { className: "mt-2 whitespace-pre-wrap text-sm leading-6 text-txt/90", children: trigger.instructions })] }), _jsxs("dl", { className: "grid gap-x-6 gap-y-4 text-sm sm:grid-cols-2", children: [_jsxs("div", { children: [_jsx("dt", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] text-muted", children: t("triggersview.WakeMode") }), _jsx("dd", { className: "mt-1 text-txt", children: wakeModeLabel(trigger.wakeMode, t) })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] text-muted", children: t("heartbeatsview.maxRuns") }), _jsx("dd", { className: "mt-1 text-txt", children: trigger.maxRuns
+                                                                                        ? trigger.maxRuns
+                                                                                        : t("heartbeatsview.unlimited") })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] text-muted", children: t("triggersview.LastRun") }), _jsx("dd", { className: "mt-1 text-txt", children: formatDateTime(trigger.lastRunAtIso, {
+                                                                                        fallback: t("heartbeatsview.notYetRun"),
+                                                                                    }) })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] text-muted", children: t("heartbeatsview.nextRun") }), _jsx("dd", { className: "mt-1 text-txt", children: formatDateTime(trigger.nextRunAtMs, {
+                                                                                        fallback: t("heartbeatsview.notScheduled"),
+                                                                                    }) })] })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", disabled: triggersSaving, onClick: () => void onToggleTriggerEnabled(trigger.id, trigger.enabled), children: trigger.enabled
+                                                                            ? t("heartbeatsview.disable")
+                                                                            : t("heartbeatsview.enable") }) })] }), _jsxs("div", { className: "space-y-3 rounded-2xl bg-bg/45 p-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("div", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] text-muted", children: t("triggersview.RunHistory") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => void loadTriggerRuns(trigger.id), children: t("heartbeatsview.refresh") })] }), !hasLoadedRuns ? (_jsx("div", { className: "py-2 text-sm text-muted", children: t("heartbeatsview.loading") })) : runs.length === 0 ? (_jsx("div", { className: "py-2 text-sm text-muted", children: t("triggersview.NoRunsRecordedYet") })) : (_jsx("div", { className: "space-y-2", children: runs
+                                                                        .slice()
+                                                                        .reverse()
+                                                                        .map((run) => (_jsx("div", { className: "rounded-xl bg-card/70 px-3 py-3 text-sm", children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(StatusDot, { status: run.status, className: "mt-1" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "font-medium text-txt", children: localizedExecutionStatus(run.status, t) }), _jsx("span", { className: "text-xs text-muted", children: formatDateTime(run.finishedAt, {
+                                                                                                        fallback: t("heartbeatsview.emDash"),
+                                                                                                    }) })] }), _jsxs("div", { className: "mt-1 text-xs text-muted", children: [formatDurationMs(run.latencyMs), " \u00B7", " ", run.source] }), run.error && (_jsx("div", { className: "mt-2 text-xs text-danger", children: run.error }))] })] }) }, run.triggerRunId))) }))] })] }))] }) }, trigger.id));
+                                }) }))] })] }), editorOpen && (_jsx("div", { className: "fixed inset-0 z-[70] flex items-center justify-center bg-black/75 px-4 py-6", onClick: (event) => {
+                    if (event.target === event.currentTarget) {
+                        closeEditor();
+                    }
+                }, onKeyDown: (event) => {
+                    if (event.key === "Escape") {
+                        closeEditor();
+                    }
+                }, role: "dialog", "aria-modal": "true", "aria-label": modalTitle, tabIndex: -1, children: _jsxs("div", { className: "flex max-h-[90vh] w-full max-w-3xl flex-col overflow-hidden rounded-[1.5rem] border border-border/60 bg-card shadow-[0_24px_60px_rgba(0,0,0,0.35)]", children: [_jsxs("div", { className: "flex items-start justify-between gap-4 border-b border-border/50 px-5 py-4 sm:px-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-[11px] font-semibold uppercase tracking-[0.16em] text-muted", children: editingId
+                                                ? t("heartbeatsview.editHeartbeat")
+                                                : t("heartbeatsview.createHeartbeat") }), _jsx("h2", { className: "text-lg font-semibold text-txt", children: modalTitle })] }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: closeEditor, children: t("heartbeatsview.close") })] }), _jsxs("div", { className: "min-h-0 overflow-y-auto px-5 py-5 sm:px-6", children: [triggerError && (_jsx("div", { className: "mb-4 rounded-xl border border-danger/30 bg-danger/10 px-4 py-3 text-sm text-danger", children: triggerError })), _jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { children: [_jsx("span", { className: FIELD_LABEL_CLASS, children: t("triggersview.Name") }), _jsx(Input, { className: INPUT_CLASS, value: form.displayName, onChange: (event) => setField("displayName", event.target.value), placeholder: t("triggersview.eGDailyDigestH") })] }), _jsxs("div", { children: [_jsx("span", { className: FIELD_LABEL_CLASS, children: t("triggersview.Instructions") }), _jsx("textarea", { className: TEXTAREA_CLASS, value: form.instructions, onChange: (event) => setField("instructions", event.target.value), placeholder: t("triggersview.WhatShouldTheAgen") })] }), _jsxs("div", { className: "grid grid-cols-1 gap-3 lg:grid-cols-2", children: [_jsxs("div", { children: [_jsx("span", { className: FIELD_LABEL_CLASS, children: t("triggersview.ScheduleType") }), _jsxs("select", { className: SELECT_CLASS, value: form.triggerType, onChange: (event) => setField("triggerType", event.target.value), children: [_jsx("option", { value: "interval", children: t("triggersview.RepeatingInterval") }), _jsx("option", { value: "once", children: t("triggersview.OneTime") }), _jsx("option", { value: "cron", children: t("triggersview.CronSchedule") })] })] }), _jsxs("div", { children: [_jsx("span", { className: FIELD_LABEL_CLASS, children: t("triggersview.WakeMode") }), _jsxs("select", { className: SELECT_CLASS, value: form.wakeMode, onChange: (event) => setField("wakeMode", event.target.value), children: [_jsx("option", { value: "inject_now", children: t("triggersview.InjectAmpWakeIm") }), _jsx("option", { value: "next_autonomy_cycle", children: t("triggersview.QueueForNextCycle") })] })] })] }), form.triggerType === "interval" && (_jsxs("div", { children: [_jsx("span", { className: FIELD_LABEL_CLASS, children: t("heartbeatsview.interval") }), _jsxs("div", { className: "grid grid-cols-[140px_minmax(0,1fr)] gap-3", children: [_jsx(Input, { type: "number", min: "1", className: INPUT_CLASS, value: form.durationValue, onChange: (event) => setField("durationValue", event.target.value), placeholder: "1" }), _jsx("select", { className: SELECT_CLASS, value: form.durationUnit, onChange: (event) => setField("durationUnit", event.target.value), children: DURATION_UNITS.map((unit) => (_jsx("option", { value: unit.unit, children: durationUnitLabel(unit.unit, t) }, unit.unit))) })] })] })), form.triggerType === "once" && (_jsxs("div", { children: [_jsx("span", { className: FIELD_LABEL_CLASS, children: t("triggersview.ScheduledTimeISO") }), _jsx(Input, { type: "datetime-local", className: INPUT_CLASS, value: form.scheduledAtIso, onChange: (event) => setField("scheduledAtIso", event.target.value) })] })), form.triggerType === "cron" && (_jsxs("div", { children: [_jsx("span", { className: FIELD_LABEL_CLASS, children: t("triggersview.CronExpression5F") }), _jsx(Input, { className: `${INPUT_CLASS} font-mono`, value: form.cronExpression, onChange: (event) => setField("cronExpression", event.target.value), placeholder: "*/15 * * * *" }), _jsx("div", { className: "mt-2 text-[11px] text-muted", children: t("triggersview.minuteHourDayMont") })] })), _jsxs("div", { className: "grid grid-cols-1 gap-3 lg:grid-cols-2", children: [_jsxs("div", { children: [_jsx("span", { className: FIELD_LABEL_CLASS, children: t("triggersview.MaxRunsOptional") }), _jsx(Input, { className: INPUT_CLASS, value: form.maxRuns, onChange: (event) => setField("maxRuns", event.target.value), placeholder: "\u221E" })] }), _jsx("div", { className: "flex items-end", children: _jsxs("label", { className: "inline-flex cursor-pointer select-none items-center gap-2 rounded-xl bg-bg/55 px-3 py-3 text-sm text-txt", children: [_jsx("input", { type: "checkbox", checked: form.enabled, onChange: (event) => setField("enabled", event.target.checked) }), t("triggersview.StartEnabled")] }) })] }), formError && (_jsx("div", { className: "rounded-xl border border-danger/30 bg-danger/10 px-4 py-3 text-sm text-danger", children: formError }))] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t border-border/50 px-5 py-4 sm:px-6", children: [_jsx(Button, { variant: "default", size: "sm", className: "h-10 px-4 text-sm shadow-sm", disabled: triggersSaving, onClick: () => void onSubmit(), children: triggersSaving
+                                        ? t("heartbeatsview.saving")
+                                        : editingId
+                                            ? t("heartbeatsview.saveChanges")
+                                            : t("heartbeatsview.createHeartbeat") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-10 px-4 text-sm", onClick: closeEditor, children: t("onboarding.cancel") }), editingId && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", size: "sm", className: "h-10 px-4 text-sm", disabled: triggersSaving, onClick: () => void onRunSelectedTrigger(editingId), children: t("triggersview.RunNow") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-10 px-4 text-sm", onClick: () => void onToggleTriggerEnabled(editingId, editorEnabled), children: editorEnabled
+                                                ? t("heartbeatsview.disable")
+                                                : t("heartbeatsview.enable") }), _jsx("span", { className: "flex-1" }), _jsx(Button, { variant: "outline", size: "sm", className: "h-10 px-4 text-sm text-danger hover:border-danger", onClick: () => void onDelete(), children: t("triggersview.Delete") })] }))] })] }) }))] }));
+}

package/components/InventoryView.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Inventory view — unified wallet balances, NFTs, and scoped BSC trading.
+ *
+ * This is a thin coordinator that delegates rendering to sub-components
+ * inside the ./inventory/ directory.
+ */
+export declare function InventoryView({ inModal }?: {
+    inModal?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InventoryView.d.ts.map

package/components/InventoryView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InventoryView.d.ts","sourceRoot":"","sources":["../../src/components/InventoryView.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AA0BH,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,2CAyWpE"}

package/components/InventoryView.js

@@ -0,0 +1,176 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Inventory view — unified wallet balances, NFTs, and scoped BSC trading.
+ *
+ * This is a thin coordinator that delegates rendering to sub-components
+ * inside the ./inventory/ directory.
+ */
+import { useApp } from "@elizaos/app-core/state";
+import { useCallback, useState } from "react";
+import { TradePanel } from "./BscTradePanel";
+import { CHAIN_CONFIGS, chainKeyToWalletRpcChain, resolveChainKey, } from "./chainConfig";
+import { BSC_GAS_THRESHOLD, loadTrackedBscTokens, loadTrackedTokens, removeTrackedBscToken, saveTrackedTokens, } from "./inventory";
+import { InventoryToolbar } from "./inventory/InventoryToolbar";
+import { NftGrid } from "./inventory/NftGrid";
+import { TokensTable } from "./inventory/TokensTable";
+import { useInventoryData } from "./inventory/useInventoryData";
+/* ── Component ─────────────────────────────────────────────────────── */
+export function InventoryView({ inModal } = {}) {
+    const { walletConfig, walletAddresses, walletBalances, walletNfts, walletLoading, walletNftsLoading, inventoryView, inventorySort, inventoryChainFocus, walletError, loadBalances, loadNfts, elizaCloudConnected, setTab, setState, setActionNotice, executeBscTrade, getBscTradePreflight, getBscTradeQuote, getBscTradeTxStatus, copyToClipboard, t, } = useApp();
+    // ── Tracked tokens state ──────────────────────────────────────────
+    const [trackedTokens, setTrackedTokens] = useState(() => loadTrackedTokens());
+    const [trackedBscTokens, setTrackedBscTokens] = useState(loadTrackedBscTokens);
+    // ── RPC + wallet readiness ───────────────────────────────────────
+    const cfg = walletConfig;
+    const hasManagedBscRpc = Boolean(cfg?.managedBscRpcReady);
+    const cloudManagedAccess = Boolean(cfg?.cloudManagedAccess || elizaCloudConnected);
+    const goToRpcSettings = useCallback(() => {
+        setTab("settings");
+        setTimeout(() => {
+            document
+                .getElementById("wallet-rpc")
+                ?.scrollIntoView({ behavior: "smooth", block: "start" });
+        }, 150);
+    }, [setTab]);
+    // ── Derived data (hook) ───────────────────────────────────────────
+    const { chainFocus, bnbBalance, bscHasError, allNfts, focusedChainError, focusedChainName, visibleRows, totalUsd, visibleChainErrors, } = useInventoryData({
+        walletBalances,
+        walletAddresses,
+        walletConfig,
+        walletNfts,
+        inventorySort,
+        inventoryChainFocus,
+        trackedBscTokens,
+        trackedTokens,
+    });
+    const evmAddr = walletAddresses?.evmAddress ?? walletConfig?.evmAddress;
+    const solAddr = walletAddresses?.solanaAddress ?? walletConfig?.solanaAddress;
+    const loadedEvmChainKeys = new Set((walletBalances?.evm?.chains ?? [])
+        .filter((chain) => !chain.error)
+        .map((chain) => resolveChainKey(chain.chain))
+        .filter((chainKey) => chainKey !== null));
+    const evmChainErrors = new Map((walletBalances?.evm?.chains ?? [])
+        .map((chain) => [resolveChainKey(chain.chain), chain.error])
+        .filter((entry) => entry[0] !== null));
+    const ethereumReady = Boolean(evmAddr &&
+        !evmChainErrors.get("ethereum") &&
+        (loadedEvmChainKeys.has("ethereum") ||
+            cfg?.ethereumBalanceReady ||
+            cfg?.alchemyKeySet ||
+            cloudManagedAccess));
+    const baseReady = Boolean(evmAddr &&
+        !evmChainErrors.get("base") &&
+        (loadedEvmChainKeys.has("base") ||
+            cfg?.baseBalanceReady ||
+            cfg?.alchemyKeySet ||
+            cloudManagedAccess));
+    const bscReady = Boolean(evmAddr &&
+        !evmChainErrors.get("bsc") &&
+        (loadedEvmChainKeys.has("bsc") ||
+            cfg?.bscBalanceReady ||
+            cfg?.ankrKeySet ||
+            hasManagedBscRpc));
+    const avaxReady = Boolean(evmAddr &&
+        !evmChainErrors.get("avax") &&
+        (loadedEvmChainKeys.has("avax") ||
+            cfg?.avalancheBalanceReady ||
+            cfg?.alchemyKeySet ||
+            cloudManagedAccess));
+    const solanaReady = Boolean(solAddr &&
+        (Boolean(walletBalances?.solana) ||
+            cfg?.solanaBalanceReady ||
+            cfg?.heliusKeySet ||
+            cloudManagedAccess));
+    const tradeReady = bnbBalance >= BSC_GAS_THRESHOLD;
+    const addresses = [
+        evmAddr ? { label: "EVM", address: evmAddr } : null,
+        solAddr ? { label: "Solana", address: solAddr } : null,
+    ].filter((item) => Boolean(item));
+    const focusedChainLabel = focusedChainName ??
+        (chainFocus !== "all"
+            ? (CHAIN_CONFIGS[chainFocus]?.name ??
+                chainFocus)
+            : null);
+    const inlineError = chainFocus !== "all" && focusedChainError
+        ? {
+            message: `${focusedChainLabel ?? "Chain"}: ${focusedChainError}`,
+            retryTitle: `Retry fetching ${focusedChainLabel ?? "chain"} balances`,
+        }
+        : null;
+    const legacyRpcChain = chainKeyToWalletRpcChain(chainFocus);
+    const headerWarning = chainFocus !== "all" &&
+        legacyRpcChain !== null &&
+        cfg?.legacyCustomChains?.includes(legacyRpcChain)
+        ? {
+            title: `${focusedChainLabel ??
+                (chainFocus === "bsc"
+                    ? "BSC"
+                    : chainFocus === "solana"
+                        ? "Solana"
+                        : "EVM")} is using legacy raw RPC config.`,
+            body: "Re-save a supported provider in Settings to migrate fully.",
+            actionLabel: t("wallet.setup.configureRpc"),
+        }
+        : chainFocus === "bsc" && evmAddr && !bscReady
+            ? {
+                title: t("wallet.setup.rpcNotConfigured"),
+                body: t("portfolioheader.ConnectViaElizaCl"),
+                actionLabel: t("wallet.setup.configureRpc"),
+            }
+            : chainFocus === "solana" && solAddr && !solanaReady
+                ? {
+                    title: "Solana RPC is not configured.",
+                    body: "Connect via Eliza Cloud or configure HELIUS_API_KEY / SOLANA_RPC_URL in Settings to load Solana balances.",
+                    actionLabel: t("wallet.setup.configureRpc"),
+                }
+                : chainFocus !== "all" &&
+                    chainFocus !== "bsc" &&
+                    chainFocus !== "solana" &&
+                    evmAddr &&
+                    !(chainFocus === "ethereum"
+                        ? ethereumReady
+                        : chainFocus === "base"
+                            ? baseReady
+                            : chainFocus === "avax"
+                                ? avaxReady
+                                : false)
+                    ? {
+                        title: `${focusedChainLabel ?? "Chain"} access is not configured.`,
+                        body: `Connect via Eliza Cloud or configure ${focusedChainLabel ?? "this chain"} RPC access in Settings to load balances.`,
+                        actionLabel: t("wallet.setup.configureRpc"),
+                    }
+                    : null;
+    // ── Tracked token handlers ────────────────────────────────────────
+    const handleAddToken = useCallback((token) => {
+        const updated = [...trackedTokens, token];
+        setTrackedTokens(updated);
+        saveTrackedTokens(updated);
+    }, [trackedTokens]);
+    const handleUntrackToken = useCallback((address) => {
+        const updated = trackedTokens.filter((tk) => tk.address.toLowerCase() !== address.toLowerCase());
+        setTrackedTokens(updated);
+        saveTrackedTokens(updated);
+        setTrackedBscTokens((prev) => removeTrackedBscToken(address, prev));
+        setActionNotice(t("wallet.tokenRemovedManual"), "info", 2200);
+    }, [trackedTokens, setActionNotice, t]);
+    const handleCopyAddress = useCallback(async (address) => {
+        await copyToClipboard(address);
+        setActionNotice(t("wallet.addressCopied"), "success", 2000);
+    }, [copyToClipboard, setActionNotice, t]);
+    // ════════════════════════════════════════════════════════════════════
+    // Render
+    // ════════════════════════════════════════════════════════════════════
+    // ── Standalone states (no two-panel layout) ─────────────────────
+    if (walletLoading && !walletBalances) {
+        return (_jsx("div", { className: inModal ? "p-6 h-full overflow-y-auto" : "", children: _jsx("div", { className: "text-center py-10 text-muted italic mt-6", children: t("wallet.loadingBalances") }) }));
+    }
+    if (!evmAddr && !solAddr) {
+        return (_jsx("div", { className: inModal ? "p-6 h-full overflow-y-auto" : "", children: _jsxs("div", { className: `mt-4 border px-4 py-6 text-center ${inModal
+                    ? "border-[var(--border)] bg-[rgba(255,255,255,0.04)] backdrop-blur-sm rounded-xl"
+                    : "border-border bg-card"}`, children: [_jsx("div", { className: "text-sm font-bold mb-1", children: t("wallet.noOnchainWallet") }), _jsx("p", { className: "text-xs text-muted mb-3", children: t("wallet.noOnchainWalletHint") }), _jsx("button", { type: "button", className: `px-4 py-1.5 border cursor-pointer text-xs font-mono ${inModal
+                            ? "border-[var(--accent)] bg-[var(--accent)] text-[var(--accent-foreground,#1a1f26)] rounded-md hover:opacity-90"
+                            : "border-accent bg-accent text-accent-fg hover:bg-accent-hover hover:border-accent-hover"}`, onClick: () => setTab("settings"), children: t("nav.settings") })] }) }));
+    }
+    // ── Wallet layout ───────────────────────────────────────────────
+    return (_jsxs("div", { className: `flex min-h-full w-full flex-col ${inModal ? "p-6 h-full overflow-y-auto" : ""}`, children: [_jsx(InventoryToolbar, { t: t, totalUsd: totalUsd, inventoryView: inventoryView, inventorySort: inventorySort, chainFocus: chainFocus, walletBalances: walletBalances, walletNfts: walletNfts, setState: setState, onChainChange: (chain) => setState("inventoryChainFocus", chain), loadBalances: loadBalances, loadNfts: loadNfts }), _jsxs("div", { className: "mt-3 flex flex-col gap-2", children: [walletError && (_jsx("div", { className: "border-l-2 border-danger/70 pl-3 py-1 text-xs text-danger", children: walletError })), inlineError?.message && (_jsxs("div", { className: "flex items-center gap-2 border-l-2 border-danger/70 pl-3 py-1 text-[11px] text-danger", children: [_jsx("span", { children: inlineError.message }), _jsx("button", { type: "button", className: "text-[11px] font-medium text-danger underline cursor-pointer", onClick: () => void loadBalances(), title: inlineError.retryTitle ?? t("common.retry"), children: t("common.retry") })] })), headerWarning && (_jsxs("div", { className: "border-l-2 border-accent/70 pl-3 py-1 text-[11px]", children: [_jsx("div", { className: "font-semibold text-txt-strong", children: headerWarning.title }), _jsx("div", { className: "mt-1 text-muted", children: headerWarning.body }), _jsx("button", { type: "button", className: "mt-1 text-[11px] font-medium text-accent cursor-pointer", onClick: goToRpcSettings, children: headerWarning.actionLabel })] })), chainFocus === "bsc" && evmAddr && !bscHasError && (_jsx(TradePanel, { tradeReady: tradeReady, bnbBalance: bnbBalance, onAddToken: handleAddToken, getBscTradePreflight: getBscTradePreflight, getBscTradeQuote: getBscTradeQuote, executeBscTrade: executeBscTrade, getBscTradeTxStatus: getBscTradeTxStatus }))] }), _jsx("div", { className: "mt-4 flex min-h-[58vh] flex-1 flex-col", children: inventoryView === "tokens" ? (_jsx(TokensTable, { t: t, walletLoading: walletLoading, walletBalances: walletBalances, visibleRows: visibleRows, visibleChainErrors: visibleChainErrors, inventoryChainFocus: inventoryChainFocus ?? "all", addresses: addresses, onCopyAddress: handleCopyAddress, handleUntrackToken: handleUntrackToken })) : (_jsx(NftGrid, { t: t, walletNftsLoading: walletNftsLoading, walletNfts: walletNfts, allNfts: allNfts })) })] }));
+}

package/components/KnowledgeView.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Knowledge management view — upload, search, and manage knowledge documents.
+ *
+ * Features:
+ * - Stats display (document count, fragment count)
+ * - Document upload (file picker + drag-and-drop)
+ * - URL upload (with YouTube auto-transcription)
+ * - Search across knowledge base
+ * - Document list with delete functionality
+ * - Document detail view with fragments
+ */
+export type KnowledgeUploadFile = File & {
+    webkitRelativePath?: string;
+};
+export declare function getKnowledgeUploadFilename(file: KnowledgeUploadFile): string;
+export declare function shouldReadKnowledgeFileAsText(file: Pick<File, "type" | "name">): boolean;
+export declare function KnowledgeView({ inModal }?: {
+    inModal?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=KnowledgeView.d.ts.map

package/components/KnowledgeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KnowledgeView.d.ts","sourceRoot":"","sources":["../../src/components/KnowledgeView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AA2CH,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAMF,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,mBAAmB,GAAG,MAAM,CAE5E;AAED,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,GAChC,OAAO,CAaT;AA2dD,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,2CA4jBpE"}