@elizaos/ui 2.0.0-alpha.520 → 2.0.0-alpha.522

package/apps/app-task-coordinator/src/CodingAgentTasksPanel.js

@@ -1,417 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { client, EmptyWidgetState, PULSE_STATUSES, STATUS_DOT, TERMINAL_STATUSES, useApp, usePtySessions, WidgetSection, } from "@elizaos/app-core";
-import { Badge, Button } from "@elizaos/ui";
-import { Activity, SquareArrowOutUpRight } from "lucide-react";
-import { useDeferredValue, useEffect, useMemo, useState, } from "react";
-const ANSI_ESCAPE_PATTERN = new RegExp([
-    "\\u001b(?:",
-    "\\[[0-9;?]*[A-Za-z]|\\][^\\u0007]*\\u0007|[()][0-9A-Za-z])",
-].join(""), "g");
-const fallbackTranslate = (key, vars) => String(vars?.defaultValue ?? key);
-function deriveSessionActivity(session, t) {
-    if (session.status === "tool_running" && session.toolDescription) {
-        return t("codingagenttaskspanel.runningTool", {
-            defaultValue: "Running {{tool}}",
-            tool: session.toolDescription,
-        }).slice(0, 60);
-    }
-    if (session.status === "blocked") {
-        return t("codingagenttaskspanel.waitingForInput", {
-            defaultValue: "Waiting for input",
-        });
-    }
-    return t("codingagenttaskspanel.running", {
-        defaultValue: "Running",
-    });
-}
-function formatRelativeTime(ts, locale) {
-    const delta = Math.max(0, Math.floor((Date.now() - ts) / 1000));
-    const formatter = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
-    if (delta < 5)
-        return formatter.format(0, "second");
-    if (delta < 60)
-        return formatter.format(-delta, "second");
-    const minutes = Math.floor(delta / 60);
-    if (minutes < 60)
-        return formatter.format(-minutes, "minute");
-    const hours = Math.floor(minutes / 60);
-    if (hours < 24)
-        return formatter.format(-hours, "hour");
-    return formatter.format(-Math.floor(hours / 24), "day");
-}
-function stripAnsi(str) {
-    return str.replace(ANSI_ESCAPE_PATTERN, "").trim();
-}
-function formatIsoTime(value, locale, t) {
-    if (!value) {
-        return t("codingagenttaskspanel.unknown", {
-            defaultValue: "Unknown",
-        });
-    }
-    const date = new Date(value);
-    if (Number.isNaN(date.getTime())) {
-        return t("codingagenttaskspanel.unknown", {
-            defaultValue: "Unknown",
-        });
-    }
-    return formatRelativeTime(date.getTime(), locale);
-}
-function formatThreadStatus(status, t) {
-    const mapped = {
-        open: "codingagenttaskspanel.status.open",
-        active: "codingagenttaskspanel.status.active",
-        waiting_on_user: "codingagenttaskspanel.status.waitingOnUser",
-        blocked: "codingagenttaskspanel.status.blocked",
-        validating: "codingagenttaskspanel.status.validating",
-        done: "codingagenttaskspanel.status.done",
-        failed: "codingagenttaskspanel.status.failed",
-        archived: "codingagenttaskspanel.status.archived",
-        interrupted: "codingagenttaskspanel.status.interrupted",
-    };
-    return t(mapped[status] ?? "codingagenttaskspanel.status.unknown", {
-        defaultValue: status.replace(/_/g, " "),
-    });
-}
-function formatThreadKind(kind, t) {
-    const mapped = {
-        coding: "codingagenttaskspanel.kind.coding",
-    };
-    return t(mapped[kind] ?? "codingagenttaskspanel.kind.unknown", {
-        defaultValue: kind,
-    });
-}
-function getWorkspaceChangesSummary(metadata) {
-    const raw = metadata.workspaceChanges;
-    if (!raw || typeof raw !== "object" || Array.isArray(raw)) {
-        return null;
-    }
-    const workspaceChanges = raw;
-    const changedFiles = Array.isArray(workspaceChanges.changedFiles)
-        ? workspaceChanges.changedFiles.filter((value) => typeof value === "string")
-        : [];
-    const total = typeof workspaceChanges.totalChangedFiles === "number"
-        ? workspaceChanges.totalChangedFiles
-        : changedFiles.length;
-    if (total <= 0 || changedFiles.length === 0) {
-        return null;
-    }
-    return {
-        files: changedFiles,
-        total,
-    };
-}
-const THREAD_STATUS_BADGE = {
-    open: "bg-muted/20 text-muted",
-    active: "bg-ok/20 text-ok",
-    waiting_on_user: "bg-warn/20 text-warn",
-    blocked: "bg-warn/20 text-warn",
-    validating: "bg-accent/20 text-accent",
-    done: "bg-ok/20 text-ok",
-    failed: "bg-danger/20 text-danger",
-    archived: "bg-muted/20 text-muted",
-    interrupted: "bg-warn/20 text-warn",
-};
-function getClientErrorMessage(error, fallback) {
-    return error instanceof Error ? error.message : fallback;
-}
-function TaskCard({ session, t, }) {
-    const activity = session.lastActivity ?? deriveSessionActivity(session, t);
-    return (_jsxs("div", { className: "rounded-lg border border-border/50 bg-bg-accent/30 p-3 text-left", children: [_jsxs("div", { className: "mb-1 flex items-center gap-2", children: [_jsx("span", { className: `inline-block h-2 w-2 shrink-0 rounded-full ${STATUS_DOT[session.status] ?? "bg-muted"}${PULSE_STATUSES.has(session.status) ? " animate-pulse" : ""}` }), _jsx("span", { className: "flex-1 truncate text-xs font-semibold text-txt", children: session.label })] }), session.originalTask ? (_jsx("p", { className: "mb-1 line-clamp-2 text-xs text-muted", children: session.originalTask })) : null, _jsx("p", { className: `truncate text-[11px] ${session.status === "blocked" ? "text-warn" : "text-muted"}`, children: activity })] }));
-}
-function TaskItemsContent({ sessions, t, }) {
-    if (sessions.length === 0) {
-        return (_jsx(EmptyWidgetState, { icon: _jsx(Activity, { className: "h-8 w-8" }), title: t("codingagenttaskspanel.noWorkRunning", {
-                defaultValue: "No orchestrator work running",
-            }) }));
-    }
-    return (_jsx("div", { className: "flex flex-col gap-2", children: sessions.map((session) => (_jsx(TaskCard, { session: session, t: t }, session.sessionId))) }));
-}
-function DetailList({ title, children, }) {
-    return (_jsxs("div", { className: "rounded-lg border border-border/50 bg-bg-accent/20 p-2.5", children: [_jsx("div", { className: "mb-2 text-2xs font-semibold uppercase tracking-[0.08em] text-muted", children: title }), children] }));
-}
-function ThreadDetailContent({ detail, busy, onDelete, onReopen, t, locale, }) {
-    const latestTranscripts = (detail.transcripts ?? [])
-        .filter((entry) => entry.direction === "stdin" || entry.direction === "system")
-        .slice(-8)
-        .reverse();
-    const latestEvents = (detail.events ?? []).slice(-6).reverse();
-    const latestDecisions = (detail.decisions ?? []).slice(-6).reverse();
-    const latestArtifacts = (detail.artifacts ?? []).slice(-6).reverse();
-    const pendingDecisions = (detail.pendingDecisions ?? []).slice(-4).reverse();
-    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex flex-wrap gap-3 text-2xs text-muted", children: [_jsx("span", { children: t("codingagenttaskspanel.sessionsCount", {
-                            defaultValue: "{{count}} sessions",
-                            count: (detail.sessions ?? []).length,
-                        }) }), _jsx("span", { children: t("codingagenttaskspanel.artifactsCount", {
-                            defaultValue: "{{count}} artifacts",
-                            count: (detail.artifacts ?? []).length,
-                        }) }), _jsx("span", { children: t("codingagenttaskspanel.transcriptEntriesCount", {
-                            defaultValue: "{{count}} transcript entries",
-                            count: (detail.transcripts ?? []).length,
-                        }) })] }), detail.acceptanceCriteria && detail.acceptanceCriteria.length > 0 ? (_jsxs("div", { children: [_jsx("div", { className: "mb-1 text-2xs font-semibold uppercase tracking-[0.08em] text-muted", children: t("codingagenttaskspanel.acceptance", {
-                            defaultValue: "Acceptance",
-                        }) }), _jsx("div", { className: "space-y-0.5", children: detail.acceptanceCriteria.map((criterion) => (_jsx("div", { className: "text-xs-tight text-txt", children: criterion }, `${detail.id}-criterion-${criterion}`))) })] })) : null, _jsx(DetailList, { title: t("codingagenttaskspanel.sessions", {
-                    defaultValue: "Sessions",
-                }), children: (detail.sessions ?? []).length === 0 ? (_jsx("div", { className: "text-xs-tight text-muted", children: t("codingagenttaskspanel.noSessionsRecorded", {
-                        defaultValue: "No sessions recorded.",
-                    }) })) : (_jsx("div", { className: "space-y-1.5", children: (detail.sessions ?? [])
-                        .slice(-4)
-                        .reverse()
-                        .map((session) => (_jsxs("div", { className: "text-xs-tight text-txt", children: [_jsx("div", { className: "font-medium", children: session.label }), _jsxs("div", { className: "text-muted", children: [session.framework, session.providerSource
-                                        ? ` (${session.providerSource})`
-                                        : "", " · ", formatThreadStatus(session.status, t), " \u00B7", " ", session.workdir ||
-                                        session.repo ||
-                                        t("codingagenttaskspanel.noWorkspace", {
-                                            defaultValue: "No workspace",
-                                        })] }), getWorkspaceChangesSummary(session.metadata) ? (_jsx("div", { className: "text-muted", children: (() => {
-                                    const summary = getWorkspaceChangesSummary(session.metadata);
-                                    if (!summary)
-                                        return null;
-                                    const preview = summary.files.slice(0, 3).join(", ");
-                                    return summary.total > 3
-                                        ? t("codingagenttaskspanel.changedFilesMore", {
-                                            defaultValue: "{{count}} changed files: {{preview}}, +{{remaining}} more",
-                                            count: summary.total,
-                                            preview,
-                                            remaining: summary.total - 3,
-                                        })
-                                        : t("codingagenttaskspanel.changedFiles", {
-                                            defaultValue: "{{count}} changed files: {{preview}}",
-                                            count: summary.total,
-                                            preview,
-                                        });
-                                })() })) : null] }, session.id))) })) }), pendingDecisions.length > 0 ? (_jsx(DetailList, { title: t("codingagenttaskspanel.pendingUserInput", {
-                    defaultValue: "Pending User Input",
-                }), children: _jsx("div", { className: "space-y-1.5", children: pendingDecisions.map((decision) => (_jsxs("div", { className: "text-xs-tight text-txt", children: [_jsx("div", { className: "font-medium", children: decision.promptText }), _jsx("div", { className: "line-clamp-2 text-muted", children: typeof decision.llmDecision.reasoning === "string"
-                                    ? decision.llmDecision.reasoning
-                                    : decision.recentOutput ||
-                                        t("codingagenttaskspanel.waitingForNextUserResponse", {
-                                            defaultValue: "Coordinator is waiting for the next user response.",
-                                        }) })] }, `${decision.threadId}-${decision.sessionId}`))) }) })) : null, latestArtifacts.length > 0 ? (_jsx(DetailList, { title: t("codingagenttaskspanel.artifacts", {
-                    defaultValue: "Artifacts",
-                }), children: _jsx("div", { className: "space-y-1.5", children: latestArtifacts.map((artifact) => (_jsxs("div", { className: "text-xs-tight text-txt", children: [_jsx("div", { className: "font-medium", children: artifact.title }), _jsxs("div", { className: "break-all text-muted", children: [artifact.artifactType, " \u00B7", " ", artifact.path ??
-                                        artifact.uri ??
-                                        t("codingagenttaskspanel.inline", {
-                                            defaultValue: "inline",
-                                        })] })] }, artifact.id))) }) })) : null, latestDecisions.length > 0 ? (_jsx(DetailList, { title: t("codingagenttaskspanel.coordinatorDecisions", {
-                    defaultValue: "Coordinator Decisions",
-                }), children: _jsx("div", { className: "space-y-1.5", children: latestDecisions.map((decision) => (_jsxs("div", { className: "text-xs-tight text-txt", children: [_jsxs("div", { className: "font-medium", children: [decision.decision, " \u00B7", " ", formatRelativeTime(decision.timestamp, locale)] }), _jsx("div", { className: "line-clamp-3 text-muted", children: decision.reasoning })] }, decision.id))) }) })) : null, latestEvents.length > 0 ? (_jsx(DetailList, { title: t("codingagenttaskspanel.events", {
-                    defaultValue: "Events",
-                }), children: _jsx("div", { className: "space-y-1.5", children: latestEvents.map((event) => (_jsxs("div", { className: "text-xs-tight text-txt", children: [_jsxs("div", { className: "font-medium", children: [event.eventType.replace(/_/g, " "), " \u00B7", " ", formatRelativeTime(event.timestamp, locale)] }), _jsx("div", { className: "line-clamp-2 text-muted", children: event.summary })] }, event.id))) }) })) : null, latestTranscripts.length > 0 ? (_jsx(DetailList, { title: t("codingagenttaskspanel.messages", {
-                    defaultValue: "Messages",
-                }), children: _jsx("div", { className: "max-h-40 space-y-2 overflow-y-auto pr-1", children: latestTranscripts.map((entry) => {
-                        const text = stripAnsi(entry.content);
-                        if (!text)
-                            return null;
-                        return (_jsxs("div", { className: "rounded border border-border/40 bg-bg-hover/40 p-2", children: [_jsxs("div", { className: "mb-1 text-2xs uppercase tracking-[0.08em] text-muted", children: [entry.direction === "stdin"
-                                            ? t("codingagenttaskspanel.prompt", {
-                                                defaultValue: "prompt",
-                                            })
-                                            : t("codingagenttaskspanel.system", {
-                                                defaultValue: "system",
-                                            }), " ", "\u00B7 ", formatRelativeTime(entry.timestamp, locale)] }), _jsx("pre", { className: "whitespace-pre-wrap break-words font-mono text-2xs text-txt", children: text })] }, entry.id));
-                    }) }) })) : null, _jsx("div", { className: "flex gap-2 pt-1", children: detail.status === "archived" ? (_jsx(Button, { variant: "secondary", size: "sm", disabled: busy, onClick: onReopen, className: "h-7 px-2 text-xs-tight", children: t("codingagenttaskspanel.reopen", {
-                        defaultValue: "Reopen",
-                    }) })) : (_jsx(Button, { variant: "secondary", size: "sm", disabled: busy, onClick: onDelete, className: "h-7 px-2 text-xs-tight text-danger hover:bg-danger/10", children: t("codingagenttaskspanel.delete", {
-                        defaultValue: "Delete",
-                    }) })) })] }));
-}
-function TaskThreadCard({ thread, selected, onSelect, detail, detailLoading, busy, onDelete, onReopen, t, locale, }) {
-    return (_jsxs("div", { className: `flex flex-col rounded-lg border transition-colors ${selected
-            ? "border-accent/50 bg-bg-hover/70"
-            : "border-border/50 bg-bg-accent/30"}`, children: [_jsxs("button", { type: "button", onClick: () => onSelect(thread.id), className: "flex w-full flex-col gap-1 p-3 text-left hover:bg-bg-hover/30", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-xs font-semibold text-txt", children: thread.title }), _jsx("div", { className: "mt-0.5 truncate text-xs-tight text-muted", children: thread.originalRequest })] }), _jsx(Badge, { variant: "secondary", className: `shrink-0 text-3xs ${THREAD_STATUS_BADGE[thread.status] ?? "bg-muted/20 text-muted"}`, children: formatThreadStatus(thread.status, t) })] }), _jsxs("div", { className: "flex items-center gap-3 text-2xs text-muted", children: [_jsx("span", { children: formatThreadKind(thread.kind, t) }), _jsx("span", { children: t("codingagenttaskspanel.sessionsCount", {
-                                    defaultValue: "{{count}} sessions",
-                                    count: thread.sessionCount,
-                                }) }), _jsx("span", { children: t("codingagenttaskspanel.decisionsCount", {
-                                    defaultValue: "{{count}} decisions",
-                                    count: thread.decisionCount,
-                                }) }), _jsx("span", { children: formatIsoTime(thread.updatedAt, locale, t) })] }), thread.summary ? (_jsx("div", { className: "line-clamp-2 text-xs-tight text-txt", children: thread.summary })) : null] }), selected ? (_jsx("div", { className: "px-3 pb-3 pt-2.5", children: !detail && detailLoading ? (_jsx("div", { className: "text-xs-tight text-muted", children: t("common.loading", { defaultValue: "Loading…" }) })) : detail ? (_jsx(ThreadDetailContent, { detail: detail, busy: busy ?? false, onDelete: onDelete ?? (() => { }), onReopen: onReopen ?? (() => { }), t: t, locale: locale })) : null })) : null] }));
-}
-export function CodingAgentTasksPanel({ fullPage = false, } = {}) {
-    const app = useApp();
-    const t = app?.t ?? fallbackTranslate;
-    const uiLanguage = typeof app?.uiLanguage === "string" ? app.uiLanguage : undefined;
-    const setTab = app?.setTab ?? (() => undefined);
-    const { ptySessions } = usePtySessions();
-    const activeSessions = useMemo(() => (ptySessions ?? []).filter((session) => !TERMINAL_STATUSES.has(session.status)), [ptySessions]);
-    const [threads, setThreads] = useState([]);
-    const [selectedThreadId, setSelectedThreadId] = useState(null);
-    const [selectedThread, setSelectedThread] = useState(null);
-    const [showArchived, setShowArchived] = useState(false);
-    const [search, setSearch] = useState("");
-    const [loading, setLoading] = useState(true);
-    const [mutating, setMutating] = useState(false);
-    const [loadError, setLoadError] = useState(null);
-    const [detailError, setDetailError] = useState(null);
-    const [mutationError, setMutationError] = useState(null);
-    const deferredSearch = useDeferredValue(search.trim());
-    const selectedThreadSummary = useMemo(() => threads.find((thread) => thread.id === selectedThreadId) ?? null, [selectedThreadId, threads]);
-    useEffect(() => {
-        let cancelled = false;
-        const refreshThreads = async (silent = false) => {
-            if (!silent) {
-                setLoading(true);
-            }
-            try {
-                const nextThreads = await client.listCodingAgentTaskThreads({
-                    includeArchived: showArchived,
-                    search: deferredSearch || undefined,
-                    limit: 30,
-                });
-                if (cancelled)
-                    return;
-                setLoadError(null);
-                setMutationError(null);
-                setThreads(nextThreads);
-                setSelectedThreadId((current) => {
-                    if (current === null)
-                        return null;
-                    if (nextThreads.some((thread) => thread.id === current)) {
-                        return current;
-                    }
-                    return null;
-                });
-            }
-            catch (error) {
-                if (cancelled)
-                    return;
-                if (!silent) {
-                    setLoadError(getClientErrorMessage(error, t("codingagenttaskspanel.unknown", {
-                        defaultValue: "Unknown",
-                    })));
-                }
-                if (!silent) {
-                    setThreads([]);
-                    setSelectedThreadId(null);
-                    setSelectedThread(null);
-                }
-            }
-            finally {
-                if (!cancelled && !silent) {
-                    setLoading(false);
-                }
-            }
-        };
-        void refreshThreads(false);
-        const timer = setInterval(() => {
-            // Poll in the background without toggling loading UI to avoid flicker.
-            void refreshThreads(true);
-        }, 5_000);
-        return () => {
-            cancelled = true;
-            clearInterval(timer);
-        };
-    }, [deferredSearch, showArchived, t]);
-    useEffect(() => {
-        let cancelled = false;
-        if (!selectedThreadId) {
-            setDetailError(null);
-            setSelectedThread(null);
-            return;
-        }
-        const loadDetail = async () => {
-            try {
-                const expectedUpdatedAt = selectedThreadSummary?.updatedAt ?? null;
-                const detail = await client.getCodingAgentTaskThread(selectedThreadId);
-                if (cancelled)
-                    return;
-                setDetailError(null);
-                setSelectedThread((current) => {
-                    if (current &&
-                        detail &&
-                        expectedUpdatedAt &&
-                        current.updatedAt === expectedUpdatedAt &&
-                        current.id === detail.id) {
-                        return current;
-                    }
-                    return detail;
-                });
-            }
-            catch (error) {
-                if (cancelled)
-                    return;
-                setDetailError(getClientErrorMessage(error, t("codingagenttaskspanel.unknown", {
-                    defaultValue: "Unknown",
-                })));
-                setSelectedThread(null);
-            }
-        };
-        void loadDetail();
-        return () => {
-            cancelled = true;
-        };
-    }, [selectedThreadId, selectedThreadSummary?.updatedAt, t]);
-    const handleDelete = async () => {
-        if (!selectedThread)
-            return;
-        setMutating(true);
-        setMutationError(null);
-        try {
-            await client.archiveCodingAgentTaskThread(selectedThread.id);
-            const nextThreads = await client.listCodingAgentTaskThreads({
-                includeArchived: showArchived,
-                search: deferredSearch || undefined,
-                limit: 30,
-            });
-            setLoadError(null);
-            setDetailError(null);
-            setMutationError(null);
-            setThreads(nextThreads);
-            setSelectedThreadId(nextThreads[0]?.id ?? null);
-        }
-        catch (error) {
-            setMutationError(t("codingagenttaskspanel.deleteFailed", {
-                defaultValue: error instanceof Error
-                    ? "Failed to delete task: {{error}}"
-                    : "Failed to delete task.",
-                error: error instanceof Error ? error.message : undefined,
-            }));
-        }
-        finally {
-            setMutating(false);
-        }
-    };
-    const handleReopen = async () => {
-        if (!selectedThread)
-            return;
-        setMutating(true);
-        setMutationError(null);
-        try {
-            await client.reopenCodingAgentTaskThread(selectedThread.id);
-            const nextThreads = await client.listCodingAgentTaskThreads({
-                includeArchived: false,
-                search: deferredSearch || undefined,
-                limit: 30,
-            });
-            setLoadError(null);
-            setDetailError(null);
-            setMutationError(null);
-            setThreads(nextThreads);
-            setShowArchived(false);
-            setSelectedThreadId(nextThreads[0]?.id ?? null);
-        }
-        catch (error) {
-            setMutationError(t("codingagenttaskspanel.reopenFailed", {
-                defaultValue: error instanceof Error
-                    ? "Failed to reopen task: {{error}}"
-                    : "Failed to reopen task.",
-                error: error instanceof Error ? error.message : undefined,
-            }));
-        }
-        finally {
-            setMutating(false);
-        }
-    };
-    return (_jsxs(WidgetSection, { title: t("taskseventspanel.Tasks", { defaultValue: "Tasks" }), icon: _jsx(Activity, { className: "h-4 w-4" }), action: !fullPage ? (_jsx(Button, { variant: "ghost", size: "sm", className: "h-6 w-6 p-0", onClick: () => setTab("tasks"), "aria-label": t("taskseventspanel.OpenView", {
-                defaultValue: "Open Tasks view",
-            }), children: _jsx(SquareArrowOutUpRight, { className: "h-3.5 w-3.5" }) })) : null, testId: "chat-widget-orchestrator", children: [_jsx("div", { className: "mb-2", children: _jsx("input", { value: search, onChange: (event) => setSearch(event.target.value), placeholder: t("codingagenttaskspanel.searchPlaceholder", {
-                        defaultValue: "Search tasks",
-                    }), className: "h-8 w-full rounded-md border border-border/50 bg-bg px-2 text-xs text-txt outline-none transition-colors placeholder:text-muted focus:border-accent/50" }) }), loadError ? (_jsx("div", { className: "mb-2 rounded-md border border-danger/30 bg-danger/10 px-2 py-1.5 text-xs text-danger", children: t("codingagenttaskspanel.loadThreadsFailed", {
-                    defaultValue: "Failed to load task threads: {{error}}",
-                    error: loadError,
-                }) })) : null, mutationError ? (_jsx("div", { className: "mb-2 rounded-md border border-danger/30 bg-danger/10 px-2 py-1.5 text-xs text-danger", children: mutationError })) : null, threads.length > 0 ? (_jsxs("div", { className: "flex flex-col gap-2.5", children: [detailError ? (_jsx("div", { className: "rounded-md border border-danger/30 bg-danger/10 px-2 py-1.5 text-xs text-danger", children: t("codingagenttaskspanel.loadTaskDetailFailed", {
-                            defaultValue: "Failed to load task detail: {{error}}",
-                            error: detailError,
-                        }) })) : null, _jsx("div", { className: "flex flex-col gap-2", children: threads.map((thread) => (_jsx(TaskThreadCard, { thread: thread, selected: thread.id === selectedThreadId, onSelect: (id) => setSelectedThreadId((current) => (current === id ? null : id)), detail: thread.id === selectedThreadId ? selectedThread : null, detailLoading: loading, busy: mutating, onDelete: handleDelete, onReopen: handleReopen, t: t, locale: uiLanguage }, thread.id))) })] })) : loading ? (_jsx("div", { className: "text-xs text-muted", children: t("codingagenttaskspanel.loadingTasks", {
-                    defaultValue: "Loading tasks…",
-                }) })) : (_jsx("div", { className: "flex flex-col gap-2.5", children: _jsx(TaskItemsContent, { sessions: activeSessions, t: t }) }))] }));
-}

package/apps/app-task-coordinator/src/GitHubConnectionCard.d.ts

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

package/apps/app-task-coordinator/src/GitHubConnectionCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GitHubConnectionCard.d.ts","sourceRoot":"","sources":["../../../../../../apps/app-task-coordinator/src/GitHubConnectionCard.tsx"],"names":[],"mappings":"AAwCA,wBAAgB,oBAAoB,4CAqKnC"}

package/apps/app-task-coordinator/src/GitHubConnectionCard.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { client, openExternalUrl } from "@elizaos/app-core";
-import { Button, SettingsControls } from "@elizaos/ui";
-import { CheckCircle2, ExternalLink, GitPullRequest, Unplug, } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
-const TOKEN_GENERATE_URL = "https://github.com/settings/tokens/new?description=eliza-coding-agents&scopes=repo,read:user";
-export function GitHubConnectionCard() {
-    const [status, setStatus] = useState(null);
-    const [draft, setDraft] = useState("");
-    const [submitState, setSubmitState] = useState({ kind: "idle" });
-    const refreshStatus = useCallback(async () => {
-        const next = await client.fetch("/api/github/token");
-        setStatus(next);
-    }, []);
-    useEffect(() => {
-        void refreshStatus();
-    }, [refreshStatus]);
-    const handleConnect = useCallback(async () => {
-        const token = draft.trim();
-        if (token.length === 0)
-            return;
-        setSubmitState({ kind: "submitting" });
-        try {
-            const res = await client.fetch("/api/github/token", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ token }),
-            });
-            if ("error" in res) {
-                setSubmitState({ kind: "error", message: res.error });
-                return;
-            }
-            setStatus(res);
-            setDraft("");
-            setSubmitState({ kind: "idle" });
-        }
-        catch (err) {
-            const message = err instanceof Error ? err.message : String(err);
-            setSubmitState({ kind: "error", message });
-        }
-    }, [draft]);
-    const handleDisconnect = useCallback(async () => {
-        setSubmitState({ kind: "submitting" });
-        try {
-            await client.fetch("/api/github/token", { method: "DELETE" });
-            setStatus({ connected: false });
-            setSubmitState({ kind: "idle" });
-        }
-        catch (err) {
-            const message = err instanceof Error ? err.message : String(err);
-            setSubmitState({ kind: "error", message });
-        }
-    }, []);
-    const submitting = submitState.kind === "submitting";
-    const errorMessage = submitState.kind === "error" ? submitState.message : null;
-    return (_jsxs("div", { className: "space-y-3 rounded-lg border border-border/20 bg-card/14 px-3 py-3", children: [_jsx("div", { className: "flex items-center justify-between gap-3", children: _jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [_jsx(GitPullRequest, { className: "h-4 w-4 text-muted", "aria-hidden": true }), _jsx("span", { className: "text-sm font-medium text-txt", children: "GitHub" }), status?.connected ? (_jsx("span", { className: "inline-block h-1.5 w-1.5 rounded-full bg-emerald-500", title: `Connected as @${status.username}`, "aria-label": `Connected as @${status.username}`, role: "img" })) : (_jsx("span", { className: "inline-block h-1.5 w-1.5 rounded-full bg-muted/40", title: "Not connected", "aria-label": "Not connected", role: "img" }))] }) }), status?.connected ? (_jsxs("div", { className: "flex flex-col gap-2 text-xs", children: [_jsxs("div", { className: "flex items-center gap-2 text-muted", children: [_jsx(CheckCircle2, { className: "h-3.5 w-3.5 text-emerald-500", "aria-hidden": true }), _jsxs("span", { children: ["Connected as", " ", _jsxs("span", { className: "font-medium text-txt", children: ["@", status.username] })] })] }), status.scopes && status.scopes.length > 0 ? (_jsxs("div", { className: "text-muted", children: ["Scopes:", " ", _jsx("span", { className: "font-mono text-txt", children: status.scopes.join(", ") })] })) : (_jsxs("div", { className: "text-muted", children: ["Scopes: ", _jsx("span", { className: "text-amber-500", children: "(none reported)" })] })), _jsxs("div", { className: "flex items-center justify-between pt-1", children: [_jsx("span", { className: "text-muted", children: "Coding sub-agents will use this token for git/gh operations." }), _jsxs(Button, { variant: "secondary", size: "sm", onClick: handleDisconnect, disabled: submitting, children: [_jsx(Unplug, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }), "Disconnect"] })] })] })) : (_jsxs("div", { className: "flex flex-col gap-2 text-xs", children: [_jsx("p", { className: "text-muted", children: "Paste a personal access token so coding sub-agents can clone private repos, push commits, and open pull requests." }), _jsxs("button", { type: "button", className: "inline-flex w-fit items-center gap-1 text-xs text-blue-500 hover:underline", onClick: () => openExternalUrl(TOKEN_GENERATE_URL), children: [_jsx(ExternalLink, { className: "h-3 w-3", "aria-hidden": true }), "Generate a token on github.com (scopes: repo, read:user)"] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SettingsControls.Input, { className: "w-full", variant: "compact", type: "password", placeholder: "ghp_\u2026", value: draft, onChange: (e) => setDraft(e.target.value), onKeyDown: (e) => {
-                                    if (e.key === "Enter")
-                                        void handleConnect();
-                                }, autoComplete: "off" }), _jsx(Button, { variant: "default", size: "sm", onClick: () => void handleConnect(), disabled: submitting || draft.trim().length === 0, children: submitting ? "Connecting…" : "Connect" })] })] })), errorMessage ? (_jsx("div", { className: "rounded-md border border-rose-500/40 bg-rose-500/10 px-2 py-1.5 text-xs text-rose-500", children: errorMessage })) : null] }));
-}

package/apps/app-task-coordinator/src/GlobalPrefsSection.d.ts

@@ -1,10 +0,0 @@
-import { type AgentSelectionStrategy, type ApprovalPreset } from "./coding-agent-settings-shared";
-interface GlobalPrefsSectionProps {
-    prefs: Record<string, string>;
-    selectionStrategy: AgentSelectionStrategy;
-    approvalPreset: ApprovalPreset;
-    setPref: (key: string, value: string) => void;
-}
-export declare function GlobalPrefsSection({ prefs, selectionStrategy, approvalPreset, setPref, }: GlobalPrefsSectionProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=GlobalPrefsSection.d.ts.map

package/apps/app-task-coordinator/src/GlobalPrefsSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalPrefsSection.d.ts","sourceRoot":"","sources":["../../../../../../apps/app-task-coordinator/src/GlobalPrefsSection.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,KAAK,sBAAsB,EAE3B,KAAK,cAAc,EACpB,MAAM,gCAAgC,CAAC;AA0BxC,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,iBAAiB,EAAE,sBAAsB,CAAC;IAC1C,cAAc,EAAE,cAAc,CAAC;IAC/B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,iBAAiB,EACjB,cAAc,EACd,OAAO,GACR,EAAE,uBAAuB,2CAoIzB"}

package/apps/app-task-coordinator/src/GlobalPrefsSection.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useApp } from "@elizaos/app-core";
-import { Select, SelectContent, SelectItem, SelectValue, SettingsControls, } from "@elizaos/ui";
-import { useState } from "react";
-import { APPROVAL_PRESETS, } from "./coding-agent-settings-shared";
-function CodingDirInput({ initial, onCommit, }) {
-    const [val, setVal] = useState(initial);
-    return (_jsx(SettingsControls.Input, { className: "w-full", variant: "compact", type: "text", placeholder: "~/Projects", value: val, onChange: (e) => setVal(e.target.value), onBlur: () => onCommit(val), onKeyDown: (e) => {
-            if (e.key === "Enter")
-                onCommit(val);
-        } }));
-}
-export function GlobalPrefsSection({ prefs, selectionStrategy, approvalPreset, setPref, }) {
-    const { t } = useApp();
-    return (_jsxs(_Fragment, { children: [_jsxs(SettingsControls.Field, { children: [_jsx(SettingsControls.FieldLabel, { children: t("codingagentsettingssection.AgentSelectionStra") }), _jsxs(Select, { value: selectionStrategy, onValueChange: (value) => setPref("PARALLAX_AGENT_SELECTION_STRATEGY", value), children: [_jsx(SettingsControls.SelectTrigger, { variant: "compact", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "fixed", children: t("codingagentsettingssection.Fixed") }), _jsx(SelectItem, { value: "ranked", children: t("codingagentsettingssection.RankedAutoSelect") })] })] }), _jsx(SettingsControls.FieldDescription, { className: "mt-1.5", children: selectionStrategy === "fixed"
-                            ? t("codingagentsettingssection.AgentUsedWhenNoEStrategyFixed")
-                            : t("codingagentsettingssection.AgentUsedWhenNoEStrategyRanked") })] }), _jsxs(SettingsControls.Field, { children: [_jsx(SettingsControls.FieldLabel, { children: t("codingagentsettingssection.DefaultPermissionL") }), _jsxs(Select, { value: approvalPreset, onValueChange: (value) => setPref("PARALLAX_DEFAULT_APPROVAL_PRESET", value), children: [_jsx(SettingsControls.SelectTrigger, { variant: "compact", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: APPROVAL_PRESETS.map((preset) => (_jsx(SelectItem, { value: preset.value, children: t(preset.labelKey) }, preset.value))) })] }), _jsxs(SettingsControls.FieldDescription, { className: "mt-1.5", children: [APPROVAL_PRESETS.find((preset) => preset.value === approvalPreset)
-                                ?.descKey
-                                ? t(APPROVAL_PRESETS.find((preset) => preset.value === approvalPreset)?.descKey ?? "")
-                                : "", t("codingagentsettingssection.AppliesToAllNewlySpawned")] })] }), _jsxs(SettingsControls.Field, { children: [_jsx(SettingsControls.FieldLabel, { children: t("codingagentsettingssection.ScratchRetention", {
-                            defaultValue: "Scratch Retention",
-                        }) }), _jsxs(Select, { value: prefs.PARALLAX_SCRATCH_RETENTION || "pending_decision", onValueChange: (value) => {
-                            if (!prefs.PARALLAX_SCRATCH_RETENTION &&
-                                value === "pending_decision")
-                                return;
-                            setPref("PARALLAX_SCRATCH_RETENTION", value);
-                        }, children: [_jsx(SettingsControls.SelectTrigger, { variant: "compact", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "ephemeral", children: t("codingagentsettingssection.RetentionEphemeral", {
-                                            defaultValue: "Auto-delete",
-                                        }) }), _jsx(SelectItem, { value: "pending_decision", children: t("codingagentsettingssection.RetentionAskMe", {
-                                            defaultValue: "Ask me (default)",
-                                        }) }), _jsx(SelectItem, { value: "persistent", children: t("codingagentsettingssection.RetentionAlwaysKeep", {
-                                            defaultValue: "Always keep",
-                                        }) })] })] }), _jsx(SettingsControls.FieldDescription, { children: t("codingagentsettingssection.ScratchRetentionDesc", {
-                            defaultValue: "What happens to scratch workspace code when a task finishes.",
-                        }) })] }), _jsxs(SettingsControls.Field, { children: [_jsx(SettingsControls.FieldLabel, { children: t("codingagentsettingssection.CodingDirectory", {
-                            defaultValue: "Coding Directory",
-                        }) }), _jsx(CodingDirInput, { initial: prefs.PARALLAX_CODING_DIRECTORY || "", onCommit: (val) => setPref("PARALLAX_CODING_DIRECTORY", val) }), _jsx(SettingsControls.FieldDescription, { children: t("codingagentsettingssection.CodingDirectoryDesc", {
-                            defaultValue: "Where scratch task code is saved. Leave empty for default (~/.eliza/workspaces/).",
-                        }) })] })] }));
-}

package/apps/app-task-coordinator/src/LlmProviderSection.d.ts

@@ -1,10 +0,0 @@
-import type { LlmProvider } from "./coding-agent-settings-shared";
-interface LlmProviderSectionProps {
-    llmProvider: LlmProvider;
-    isCloud: boolean;
-    prefs: Record<string, string>;
-    setPref: (key: string, value: string) => void;
-}
-export declare function LlmProviderSection({ llmProvider, isCloud, prefs, setPref, }: LlmProviderSectionProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=LlmProviderSection.d.ts.map

package/apps/app-task-coordinator/src/LlmProviderSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LlmProviderSection.d.ts","sourceRoot":"","sources":["../../../../../../apps/app-task-coordinator/src/LlmProviderSection.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,UAAU,uBAAuB;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,OAAO,EACP,KAAK,EACL,OAAO,GACR,EAAE,uBAAuB,2CAoIzB"}

package/apps/app-task-coordinator/src/LlmProviderSection.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useApp } from "@elizaos/app-core";
-import { Button, SettingsControls } from "@elizaos/ui";
-import { AlertTriangle, CheckCircle2, Cloud, KeyRound, Terminal, } from "lucide-react";
-export function LlmProviderSection({ llmProvider, isCloud, prefs, setPref, }) {
-    const { t } = useApp();
-    const providerOptions = [
-        {
-            value: "subscription",
-            label: t("codingagentsettingssection.LlmProviderSubscription", {
-                defaultValue: "CLI Subscription",
-            }),
-            icon: Terminal,
-        },
-        {
-            value: "api_keys",
-            label: t("codingagentsettingssection.LlmProviderApiKeys", {
-                defaultValue: "API Keys",
-            }),
-            icon: KeyRound,
-        },
-        {
-            value: "cloud",
-            label: t("codingagentsettingssection.LlmProviderCloud", {
-                defaultValue: "Eliza Cloud",
-            }),
-            icon: Cloud,
-        },
-    ];
-    return (_jsxs(_Fragment, { children: [_jsxs(SettingsControls.Field, { children: [_jsx(SettingsControls.FieldLabel, { children: t("codingagentsettingssection.LlmProvider", {
-                            defaultValue: "LLM Provider",
-                        }) }), _jsx("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-3", children: providerOptions.map((option) => {
-                            const Icon = option.icon;
-                            const active = llmProvider === option.value;
-                            return (_jsxs(Button, { type: "button", variant: active ? "default" : "outline", size: "sm", className: "h-9 justify-start rounded-lg px-2.5 text-xs font-semibold", onClick: () => setPref("PARALLAX_LLM_PROVIDER", option.value), "aria-pressed": active, children: [_jsx(Icon, { className: "h-3.5 w-3.5", "aria-hidden": true }), option.label] }, option.value));
-                        }) })] }), llmProvider === "api_keys" && (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs(SettingsControls.Field, { children: [_jsx(SettingsControls.FieldLabel, { children: t("codingagentsettingssection.AnthropicApiKey", {
-                                    defaultValue: "Anthropic API Key",
-                                }) }), _jsx(SettingsControls.Input, { variant: "compact", type: "password", placeholder: "sk-ant-...", value: prefs.ANTHROPIC_API_KEY || "", onChange: (e) => setPref("ANTHROPIC_API_KEY", e.target.value) })] }), _jsxs(SettingsControls.Field, { children: [_jsx(SettingsControls.FieldLabel, { children: t("codingagentsettingssection.OpenaiApiKey", {
-                                    defaultValue: "OpenAI API Key",
-                                }) }), _jsx(SettingsControls.Input, { variant: "compact", type: "password", placeholder: "sk-...", value: prefs.OPENAI_API_KEY || "", onChange: (e) => setPref("OPENAI_API_KEY", e.target.value) })] }), _jsxs(SettingsControls.Field, { children: [_jsx(SettingsControls.FieldLabel, { children: t("codingagentsettingssection.GoogleApiKey", {
-                                    defaultValue: "Google API Key",
-                                }) }), _jsx(SettingsControls.Input, { variant: "compact", type: "password", placeholder: "AIza...", value: prefs.GOOGLE_GENERATIVE_AI_API_KEY || "", onChange: (e) => setPref("GOOGLE_GENERATIVE_AI_API_KEY", e.target.value) })] })] })), isCloud && (_jsx("div", { className: "flex flex-col gap-3", children: prefs._CLOUD_API_KEY ? (_jsxs(SettingsControls.MutedText, { className: "inline-flex items-center gap-1.5 text-xs text-ok", children: [_jsx(CheckCircle2, { className: "h-3.5 w-3.5", "aria-hidden": true }), t("codingagentsettingssection.CloudPaired", {
-                            defaultValue: "Using your Eliza Cloud account for coding agent LLM calls.",
-                        })] })) : (_jsxs(SettingsControls.MutedText, { className: "inline-flex items-center gap-1.5 text-xs text-warn", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5", "aria-hidden": true }), t("codingagentsettingssection.CloudUnpaired", {
-                            defaultValue: "No Eliza Cloud account connected. Pair your account in the Cloud settings section first.",
-                        })] })) }))] }));
-}