@elizaos/ui 2.0.0-alpha.84 → 2.0.0-beta.1

package/dist/components/pages/SkillsView.js

@@ -0,0 +1,205 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, ConfirmDelete, Input, PageLayout, PagePanel, SidebarContent, SidebarHeader, SidebarPanel, SidebarScrollRegion, SkillSidebarItem, StatusBadge, Switch, } from "@elizaos/ui";
+import { RefreshCw } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { useApp } from "../../state/index.js";
+import { AppPageSidebar } from "../shared/AppPageSidebar.js";
+import { EditSkillModal, SkillsModalView } from "./skill-detail-panel.js";
+import { InstallModal } from "./skill-marketplace.js";
+/* ── Main Skills View ───────────────────────────────────────────────── */
+export function SkillsView({ contentHeader, inModal, } = {}) {
+    if (inModal)
+        return _jsx(SkillsModalView, {});
+    return _jsx(SkillsFullView, { contentHeader: contentHeader });
+}
+/* ── Full-Page Skills View ─────────────────────────────────────────── */
+function SkillsFullView({ contentHeader } = {}) {
+    const { skills, skillCreateFormOpen, skillCreateName, skillCreateDescription, skillCreating, skillReviewReport, skillReviewId, skillReviewLoading, skillToggleAction, skillsMarketplaceQuery, skillsMarketplaceResults, skillsMarketplaceError, skillsMarketplaceLoading, skillsMarketplaceAction, skillsMarketplaceManualGithubUrl, loadSkills, refreshSkills, handleSkillToggle, handleCreateSkill, handleDeleteSkill, handleReviewSkill, handleAcknowledgeSkill, searchSkillsMarketplace, installSkillFromMarketplace, uninstallMarketplaceSkill, installSkillFromGithubUrl, enableMarketplaceSkill, disableMarketplaceSkill, copyMarketplaceSkillSource, setState, t, } = useApp();
+    const [installModalOpen, setInstallModalOpen] = useState(false);
+    const [filterText, setFilterText] = useState("");
+    const [filterTab, setFilterTab] = useState("all");
+    const [selectedId, setSelectedId] = useState(null);
+    const [editingSkill, setEditingSkill] = useState(null);
+    useEffect(() => {
+        void loadSkills();
+    }, [loadSkills]);
+    const filteredSkills = useMemo(() => {
+        const query = filterText.toLowerCase();
+        return skills.filter((skill) => {
+            if (filterTab === "on" && !skill.enabled)
+                return false;
+            if (filterTab === "off" && skill.enabled)
+                return false;
+            if (filterTab === "binance" && !BINANCE_SKILL_IDS.has(skill.id))
+                return false;
+            if (query &&
+                !skill.name.toLowerCase().includes(query) &&
+                !skill.description?.toLowerCase().includes(query)) {
+                return false;
+            }
+            return true;
+        });
+    }, [skills, filterText, filterTab]);
+    const selectedSkillId = selectedId && filteredSkills.some((skill) => skill.id === selectedId)
+        ? selectedId
+        : (filteredSkills[0]?.id ?? null);
+    const selectedSkill = selectedSkillId
+        ? (skills.find((skill) => skill.id === selectedSkillId) ?? null)
+        : null;
+    const filterTabs = [
+        {
+            key: "all",
+            label: `${t("common.all", { defaultValue: "All" })} (${skills.length})`,
+        },
+        {
+            key: "on",
+            label: `${t("common.on")} (${skills.filter((skill) => skill.enabled).length})`,
+        },
+        {
+            key: "off",
+            label: `${t("common.off")} (${skills.filter((skill) => !skill.enabled).length})`,
+        },
+    ];
+    const handleDismissReview = () => {
+        setState("skillReviewId", "");
+        setState("skillReviewReport", null);
+    };
+    const handleCancelCreate = () => {
+        setState("skillCreateFormOpen", false);
+        setState("skillCreateName", "");
+        setState("skillCreateDescription", "");
+    };
+    const selectedSkillReviewOpen = skillReviewId === selectedSkill?.id;
+    const selectedNeedsAttention = selectedSkill?.scanStatus === "warning" ||
+        selectedSkill?.scanStatus === "critical" ||
+        selectedSkill?.scanStatus === "blocked";
+    const skillsSidebar = (_jsxs(AppPageSidebar, { testId: "skills-sidebar", collapsible: true, contentIdentity: "skills", "aria-label": t("skillsview.filterSkills", {
+            defaultValue: "Skills list",
+        }), collapsedRailItems: filteredSkills.map((skill) => {
+            const selected = selectedSkillId === skill.id;
+            return (_jsx(SidebarContent.RailItem, { "aria-label": skill.name, title: skill.name, active: selected, indicatorTone: skill.enabled ? "accent" : undefined, onClick: () => {
+                    setSelectedId(skill.id);
+                    setState("skillCreateFormOpen", false);
+                }, children: skill.name.charAt(0).toUpperCase() }, skill.id));
+        }), children: [_jsx(SidebarHeader, { search: {
+                    value: filterText,
+                    onChange: (event) => setFilterText(event.target.value),
+                    placeholder: t("skillsview.filterSkills"),
+                    "aria-label": t("skillsview.filterSkills"),
+                    onClear: () => setFilterText(""),
+                } }), _jsx(SidebarScrollRegion, { children: _jsxs(SidebarPanel, { children: [_jsxs(SidebarContent.Toolbar, { className: "mb-3", children: [_jsx(SidebarContent.ToolbarPrimary, { children: _jsx(Button, { variant: skillCreateFormOpen ? "outline" : "default", size: "sm", type: "button", className: `h-9 w-full rounded-full px-4 text-xs-tight font-bold tracking-[0.12em] ${skillCreateFormOpen
+                                            ? "border-border/50 bg-bg/25 text-txt"
+                                            : "text-txt-strong"}`, onClick: () => {
+                                            setState("skillCreateFormOpen", !skillCreateFormOpen);
+                                            if (skillCreateFormOpen) {
+                                                handleCancelCreate();
+                                            }
+                                        }, children: skillCreateFormOpen
+                                            ? t("common.cancel")
+                                            : `+ ${t("skillsview.NewSkill", { defaultValue: "New Skill" })}` }) }), _jsxs(SidebarContent.ToolbarActions, { children: [_jsx(Button, { variant: "outline", size: "sm", type: "button", className: "h-9 rounded-full px-4 text-xs-tight font-bold tracking-[0.12em]", onClick: () => setInstallModalOpen(true), children: t("common.install", { defaultValue: "Install" }) }), _jsx(Button, { variant: "ghost", size: "icon", type: "button", className: "h-9 w-9 rounded-full text-muted hover:text-txt", onClick: () => void refreshSkills(), title: t("skillsview.RefreshSkillsList", {
+                                                defaultValue: "Refresh Skills List",
+                                            }), "aria-label": t("skillsview.RefreshSkillsList", {
+                                                defaultValue: "Refresh Skills List",
+                                            }), children: _jsx(RefreshCw, { className: "h-4 w-4" }) })] })] }), _jsx("div", { className: "mb-3 flex flex-wrap gap-2", children: filterTabs.map((tab) => (_jsx(Button, { variant: "ghost", size: "sm", type: "button", className: `h-8 rounded-full border px-3 text-2xs font-bold tracking-[0.14em] ${filterTab === tab.key
+                                    ? "border-accent/30 bg-accent/10 text-txt"
+                                    : "border-border/45 text-muted hover:border-border/70 hover:bg-bg/35 hover:text-txt"}`, onClick: () => setFilterTab(tab.key), children: tab.label }, tab.key))) }), filteredSkills.length === 0 ? (_jsx(SidebarContent.EmptyState, { children: skills.length === 0
+                                ? t("skillsview.noSkillsInstalled", {
+                                    defaultValue: "No Skills Installed",
+                                })
+                                : t("skillsview.noSkillsMatchFilter", {
+                                    defaultValue: 'No skills match "{{filter}}"',
+                                    filter: filterText,
+                                }) })) : (_jsx("div", { className: "space-y-1.5", children: filteredSkills.map((skill) => {
+                                const needsAttention = skill.scanStatus === "warning" ||
+                                    skill.scanStatus === "critical" ||
+                                    skill.scanStatus === "blocked";
+                                const selected = selectedSkillId === skill.id;
+                                return (_jsx(SkillSidebarItem, { active: selected, testId: `skill-row-${skill.id}`, enabled: skill.enabled, icon: skill.name.charAt(0).toUpperCase(), name: skill.name, description: skill.description || t("skillsview.noDescription"), onLabel: t("common.on"), offLabel: t("common.off"), onSelect: () => {
+                                        setSelectedId(skill.id);
+                                        setState("skillCreateFormOpen", false);
+                                    }, attentionLabel: needsAttention
+                                        ? skill.scanStatus === "blocked"
+                                            ? t("skillsview.statusBlocked")
+                                            : t("skillsview.statusWarning")
+                                        : undefined }, skill.id));
+                            }) }))] }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(PageLayout, { "data-testid": "skills-shell", sidebar: skillsSidebar, contentHeader: contentHeader, contentInnerClassName: "mx-auto w-full max-w-[76rem]", children: _jsx("div", { "data-testid": "skills-detail", children: _jsxs(PagePanel, { variant: "section", children: [_jsx(PagePanel.Header, { eyebrow: t("nav.advanced"), heading: t("advancedpageview.Skills", {
+                                    defaultValue: "Skills",
+                                }), description: t("advancedpageview.SkillsDescription", {
+                                    defaultValue: "Custom agent skills",
+                                }), className: "border-border/35", actions: _jsx(PagePanel.Meta, { className: "border-border/45 px-2.5 py-1 font-bold tracking-[0.16em] text-muted", children: t("skillsview.VisibleCount", {
+                                        defaultValue: "{{count}} shown",
+                                        count: filteredSkills.length,
+                                    }) }) }), _jsx("div", { className: "bg-bg/18 px-4 py-4 sm:px-5", children: skills.length === 0 && !skillCreateFormOpen ? (_jsx(PagePanel.Empty, { "data-testid": "skills-empty-state", variant: "surface", className: "min-h-[18rem] rounded-3xl px-6 py-12", title: t("skillsview.noSkillsInstalled", {
+                                        defaultValue: "No Skills Installed",
+                                    }), description: t("skillsview.noSkillsInstalledDesc", {
+                                        defaultValue: "Install skills from the marketplace or create your own.",
+                                    }), action: _jsxs("div", { className: "flex justify-center gap-3", children: [_jsx(Button, { variant: "default", size: "sm", className: "h-10 rounded-full px-5 font-bold tracking-[0.12em]", onClick: () => setInstallModalOpen(true), children: t("skillsview.BrowseMarketplace") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-10 rounded-full px-5 font-bold tracking-[0.12em]", onClick: () => setState("skillCreateFormOpen", true), children: t("skillsview.createSkill", {
+                                                    defaultValue: "Create Skill",
+                                                }) })] }) })) : filteredSkills.length === 0 && !skillCreateFormOpen ? (_jsx(PagePanel.Empty, { "data-testid": "skills-filter-empty", variant: "surface", className: "min-h-[16rem] rounded-3xl px-6 py-12", title: t("skillsview.noMatchingSkills", {
+                                        defaultValue: "No matching skills",
+                                    }), description: t("skillsview.noSkillsMatchFilter", {
+                                        defaultValue: 'No skills match "{{filter}}"',
+                                        filter: filterText,
+                                    }) })) : skillCreateFormOpen ? (_jsxs(PagePanel, { variant: "surface", className: "overflow-hidden", children: [_jsx(PagePanel.Header, { eyebrow: t("skillsview.skillBuilder", {
+                                                defaultValue: "Skill Builder",
+                                            }), heading: t("skillsview.CreateNewSkill") }), _jsx("div", { className: "bg-bg/18 px-4 py-4 sm:px-5", children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { children: [_jsxs("span", { className: "mb-1 block text-xs-tight font-medium text-muted", children: [t("skillsview.SkillName"), " ", _jsx("span", { className: "text-danger", children: "*" })] }), _jsx(Input, { className: "w-full border-border/50 bg-bg/50 focus-visible:ring-accent", placeholder: t("skillsview.eGMyAwesomeSkil"), value: skillCreateName, onChange: (event) => setState("skillCreateName", event.target.value), onKeyDown: (event) => {
+                                                                    if (event.key === "Enter" &&
+                                                                        skillCreateName.trim() &&
+                                                                        !skillCreating) {
+                                                                        handleCreateSkill();
+                                                                    }
+                                                                } })] }), _jsxs("div", { children: [_jsx("span", { className: "mb-1 block text-xs-tight font-medium text-muted", children: t("common.description") }), _jsx(Input, { className: "w-full border-border/50 bg-bg/50 focus-visible:ring-accent", placeholder: t("skillsview.BriefDescriptionOf"), value: skillCreateDescription, onChange: (event) => setState("skillCreateDescription", event.target.value), onKeyDown: (event) => {
+                                                                    if (event.key === "Enter" &&
+                                                                        skillCreateName.trim() &&
+                                                                        !skillCreating) {
+                                                                        handleCreateSkill();
+                                                                    }
+                                                                } })] }), _jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: handleCancelCreate, children: t("common.cancel") }), _jsx(Button, { variant: "default", size: "sm", onClick: handleCreateSkill, disabled: !skillCreateName.trim() || skillCreating, children: skillCreating
+                                                                    ? t("skillsview.creating", {
+                                                                        defaultValue: "Creating...",
+                                                                    })
+                                                                    : t("skillsview.createSkill", {
+                                                                        defaultValue: "Create Skill",
+                                                                    }) })] })] }) })] })) : selectedSkill ? (_jsxs(PagePanel, { variant: "surface", className: "overflow-hidden", "data-skill-id": selectedSkill.id, children: [_jsxs("div", { className: "flex items-start gap-3 px-4 py-4 sm:px-5", children: [_jsx("div", { className: "mt-0.5 shrink-0", children: _jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-2xl border border-accent/30 bg-accent/18 p-2.5 text-base font-bold text-txt-strong", children: selectedSkill.name.charAt(0).toUpperCase() }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [_jsx("div", { "data-testid": "skills-detail-name", className: "whitespace-normal break-words [overflow-wrap:anywhere] text-sm font-semibold leading-snug text-txt", children: selectedSkill.name }), _jsx(StatusBadge, { label: selectedSkill.scanStatus === "blocked" ||
+                                                                        selectedSkill.scanStatus === "critical"
+                                                                        ? t("skillsview.statusBlocked")
+                                                                        : selectedSkill.scanStatus === "warning"
+                                                                            ? t("skillsview.statusWarning")
+                                                                            : selectedSkill.enabled
+                                                                                ? t("common.active")
+                                                                                : t("common.inactive"), variant: selectedSkill.scanStatus === "warning"
+                                                                        ? "warning"
+                                                                        : selectedSkill.scanStatus === "blocked" ||
+                                                                            selectedSkill.scanStatus === "critical"
+                                                                            ? "danger"
+                                                                            : selectedSkill.enabled
+                                                                                ? "success"
+                                                                                : "muted", withDot: true }), _jsx("span", { className: "text-xs-tight font-mono text-muted/80", children: selectedSkill.id })] }), _jsx("div", { className: "mt-3 max-w-3xl text-sm leading-relaxed text-muted", children: selectedSkill.description ||
+                                                                t("skillsview.noDescriptionProvided", {
+                                                                    defaultValue: "No description provided.",
+                                                                }) })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [selectedNeedsAttention && !selectedSkillReviewOpen && (_jsx(Button, { variant: "outline", size: "sm", className: "h-auto rounded-full border-warn/35 bg-warn/12 px-3 py-1.5 text-2xs font-bold tracking-[0.14em] text-warn", onClick: () => handleReviewSkill(selectedSkill.id), children: t("skillsview.ReviewFindings") })), selectedNeedsAttention && selectedSkillReviewOpen && (_jsx(Button, { variant: "outline", size: "sm", className: "h-auto rounded-full border-border/50 px-3 py-1.5 text-xs-tight font-semibold text-muted hover:text-txt", onClick: handleDismissReview, children: t("common.dismiss") })), _jsx(Switch, { checked: selectedSkill.enabled, disabled: skillToggleAction === selectedSkill.id, onCheckedChange: (next) => handleSkillToggle(selectedSkill.id, next === true) })] })] }), _jsxs("div", { className: "bg-bg/18 px-4 py-4 sm:px-5", children: [_jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", className: "h-9 rounded-full px-4 text-xs-tight font-bold tracking-[0.12em]", onClick: () => setEditingSkill(selectedSkill), children: t("skillsview.EditSource", {
+                                                                defaultValue: "Edit Source",
+                                                            }) }), _jsx(Button, { variant: "ghost", size: "icon", type: "button", className: "h-9 w-9 rounded-full text-muted hover:text-txt", onClick: () => void refreshSkills(), title: t("common.refresh"), "aria-label": t("common.refresh"), children: _jsx(RefreshCw, { className: "h-4 w-4" }) }), _jsx(ConfirmDelete, { triggerClassName: "h-9 rounded-full px-4 text-xs-tight font-bold tracking-[0.12em] !bg-transparent text-danger hover:!bg-danger/15 hover:text-danger-foreground transition-colors border border-danger/30", confirmClassName: "px-3 py-1 text-xs-tight font-bold bg-danger text-danger-foreground hover:bg-danger/90 transition-colors rounded-md shadow-sm", cancelClassName: "px-3 py-1 text-xs-tight font-bold text-muted border border-border/40 hover:text-txt transition-colors rounded-md", confirmLabel: t("common.yes"), cancelLabel: t("common.no"), onConfirm: () => handleDeleteSkill(selectedSkill.id, selectedSkill.name) })] }), selectedSkillReviewOpen && skillReviewReport ? (_jsxs(PagePanel, { variant: "inset", className: "p-4 sm:p-5", children: [_jsxs("div", { className: "mb-3 flex flex-wrap items-center gap-3", children: [_jsx("span", { className: "text-xs font-semibold text-txt", children: t("skillsview.ScanReport") }), _jsxs("span", { className: "text-xs-tight font-mono text-danger", children: [skillReviewReport.summary.critical, " ", t("skillsview.critical")] }), _jsxs("span", { className: "text-xs-tight font-mono text-warn", children: [skillReviewReport.summary.warn, " ", t("skillsview.warnings")] })] }), skillReviewReport.findings.length > 0 && (_jsx("div", { className: "custom-scrollbar max-h-64 overflow-y-auto rounded-2xl border border-border/35 bg-card/30", children: skillReviewReport.findings.map((finding, _idx) => (_jsxs("div", { className: `flex items-start gap-2 px-3 py-2 text-xs-tight`, children: [_jsx("span", { className: `shrink-0 rounded-full px-2 py-0.5 text-3xs font-bold uppercase tracking-[0.12em] ${finding.severity === "critical"
+                                                                            ? "bg-danger/12 text-danger"
+                                                                            : "bg-warn/12 text-warn"}`, children: finding.severity === "critical"
+                                                                            ? t("skillsview.critical")
+                                                                            : t("skillsview.statusWarning") }), _jsx("span", { className: "min-w-0 flex-1 text-txt", children: finding.message }), _jsxs("span", { className: "shrink-0 font-mono text-muted", children: [finding.file, ":", finding.line] })] }, `${finding.file}:${finding.line}:${finding.message}`))) })), _jsxs("div", { className: "mt-4 flex gap-2", children: [_jsx(Button, { variant: "default", size: "sm", className: "h-9 rounded-full px-4 text-xs-tight font-bold tracking-[0.12em]", onClick: () => handleAcknowledgeSkill(selectedSkill.id), children: t("skillsview.AcknowledgeAmpEn") }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-9 rounded-full px-4 text-xs-tight font-bold tracking-[0.12em] text-muted hover:text-txt", onClick: handleDismissReview, children: t("common.dismiss") })] })] })) : selectedSkillReviewOpen && skillReviewLoading ? (_jsx(PagePanel.Notice, { tone: "accent", children: t("skillsview.LoadingScanReport") })) : (_jsxs(PagePanel, { variant: "inset", className: "p-4 sm:p-5", children: [_jsx("div", { className: "text-2xs font-semibold uppercase tracking-[0.16em] text-muted/60", children: t("skillsview.EditSource", {
+                                                                defaultValue: "Edit Source",
+                                                            }) }), _jsx("div", { className: "mt-2 text-sm leading-relaxed text-muted", children: t("skillsview.SkillSourceEditorDescription", {
+                                                                defaultValue: "Open the skill source editor to inspect or modify `SKILL.md`, or review findings here when a skill needs attention.",
+                                                            }) })] }))] })] })) : (_jsx(PagePanel.Empty, { variant: "surface", className: "min-h-[16rem] rounded-3xl px-6 py-12", title: t("skillsview.SelectATalentToConf", {
+                                        defaultValue: "Select a talent to configure",
+                                    }) })) })] }) }) }), editingSkill && (_jsx(EditSkillModal, { skillId: editingSkill.id, skillName: editingSkill.name, onClose: () => setEditingSkill(null), onSaved: () => void refreshSkills() })), installModalOpen && (_jsx(InstallModal, { skills: skills, skillsMarketplaceQuery: skillsMarketplaceQuery, skillsMarketplaceResults: skillsMarketplaceResults, skillsMarketplaceError: skillsMarketplaceError, skillsMarketplaceLoading: skillsMarketplaceLoading, skillsMarketplaceAction: skillsMarketplaceAction, skillsMarketplaceManualGithubUrl: skillsMarketplaceManualGithubUrl, searchSkillsMarketplace: searchSkillsMarketplace, installSkillFromMarketplace: installSkillFromMarketplace, uninstallMarketplaceSkill: uninstallMarketplaceSkill, installSkillFromGithubUrl: installSkillFromGithubUrl, enableSkill: enableMarketplaceSkill, disableSkill: disableMarketplaceSkill, copySkillSource: copyMarketplaceSkillSource, showSkillDetails: (skillId) => {
+                    setSelectedId(skillId);
+                    setInstallModalOpen(false);
+                }, setState: setState, onClose: () => setInstallModalOpen(false) }))] }));
+}
+const BINANCE_SKILL_IDS = new Set([
+    "binance-crypto-market-rank",
+    "binance-meme-rush",
+    "binance-query-address-info",
+    "binance-query-token-audit",
+    "binance-query-token-info",
+    "binance-trading-signal",
+]);

package/dist/components/pages/SqlEditorPanel.d.ts

@@ -0,0 +1,13 @@
+import type { QueryResult } from "../../api";
+export declare function SqlEditorPanel({ queryText, setQueryText, queryResult, queryLoading, runQuery, queryHistory, showHistory, onCellClick, }: {
+    queryText: string;
+    setQueryText: (text: string) => void;
+    queryResult: QueryResult | null;
+    queryLoading: boolean;
+    runQuery: () => void;
+    queryHistory: string[];
+    /** Show inline query history (used when there is no sidebar to display it). */
+    showHistory: boolean;
+    onCellClick: (value: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SqlEditorPanel.d.ts.map

package/dist/components/pages/SqlEditorPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SqlEditorPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/SqlEditorPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAI7C,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,WAAW,GACZ,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,+EAA+E;IAC/E,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,2CA2GA"}

package/dist/components/pages/SqlEditorPanel.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, PagePanel, Textarea } from "@elizaos/ui";
+import { useApp } from "../../state/index.js";
+import { ResultsGrid } from "./database-utils.js";
+export function SqlEditorPanel({ queryText, setQueryText, queryResult, queryLoading, runQuery, queryHistory, showHistory, onCellClick, }) {
+    const { t } = useApp();
+    return (_jsxs(_Fragment, { children: [_jsxs(PagePanel, { variant: "surface", as: "section", className: "px-5 py-5 sm:px-6", children: [_jsx("div", { className: "text-xs-tight font-semibold uppercase tracking-[0.16em] text-muted", children: t("common.database") }), _jsx("h1", { className: "mt-1 text-2xl font-semibold text-txt-strong", children: t("databaseview.SQLEditor") })] }), _jsxs(PagePanel, { variant: "surface", className: "mt-4 flex flex-col p-4", children: [_jsxs("div", { className: "relative group", children: [_jsx("div", { className: "absolute -inset-[1px] bg-gradient-to-r from-accent/0 via-accent/30 to-accent/0 rounded-2xl opacity-0 group-focus-within:opacity-100 blur transition-opacity duration-500" }), _jsx(Textarea, { value: queryText, onChange: (e) => setQueryText(e.target.value), onKeyDown: (e) => {
+                                    if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
+                                        e.preventDefault();
+                                        runQuery();
+                                    }
+                                }, placeholder: t("databaseview.SELECTFROMMemori"), rows: 6, className: "w-full relative bg-bg/80 backdrop-blur-md border-border/50 text-txt text-sm font-mono resize-y leading-relaxed rounded-xl focus-visible:ring-accent focus-visible:border-accent custom-scrollbar shadow-inner", spellCheck: false })] }), _jsxs("div", { className: "flex items-center gap-3 mt-3", children: [_jsx(Button, { variant: "default", size: "sm", className: "h-auto min-h-[2.25rem] whitespace-normal break-words rounded-xl bg-accent px-6 py-1.5 text-left text-xs font-bold text-accent-fg shadow-[0_0_15px_rgba(var(--accent-rgb),0.4)] transition-[opacity,transform,box-shadow] hover:scale-[1.02] hover:opacity-90 disabled:opacity-40", disabled: queryLoading || !queryText.trim(), onClick: runQuery, children: queryLoading
+                                    ? t("common.running", { defaultValue: "Running..." })
+                                    : t("databaseview.runQuery", {
+                                        defaultValue: "Run Query",
+                                    }) }), _jsxs("kbd", { className: "text-2xs text-muted font-mono bg-bg/50 px-2 py-1 rounded-md border border-border/30 shadow-inner tracking-wider", children: [navigator.platform.includes("Mac") ? "⌘" : "Ctrl", " ", t("onboarding.enter")] }), queryResult && (_jsxs("div", { className: "text-xs text-muted ml-auto bg-bg/50 px-3 py-1.5 rounded-lg border border-border/30 font-medium shadow-inner tracking-wide", children: [_jsx("span", { className: "text-txt", children: queryResult.rowCount }), " ", queryResult.rowCount === 1
+                                        ? t("databaseview.row")
+                                        : t("common.rows"), " ", "\u00B7 ", _jsxs("span", { className: "text-txt", children: [queryResult.durationMs, "ms"] })] }))] })] }), showHistory && queryHistory.length > 0 && !queryResult && (_jsxs("div", { className: "border border-border/40 bg-card/40 backdrop-blur-xl rounded-2xl shadow-sm overflow-hidden", children: [_jsx("div", { className: "px-4 py-2.5 text-2xs text-muted uppercase font-bold tracking-widest bg-bg/60 shadow-inner", children: t("databaseview.RecentQueries") }), _jsx("div", { className: "flex flex-col", children: queryHistory.slice(0, 5).map((q) => (_jsx(Button, { variant: "ghost", className: "w-full px-4 py-3 h-auto justify-start text-xs-tight font-mono text-txt text-left rounded-none hover:bg-accent/10 hover:text-txt transition-colors truncate", onClick: () => setQueryText(q), children: _jsx("span", { className: "truncate opacity-80 group-hover:opacity-100", children: q }) }, q))) })] })), queryResult && queryResult.rows.length > 0 ? (_jsx(PagePanel, { variant: "surface", className: "mt-4 flex flex-1 min-h-0 flex-col overflow-hidden p-3", children: _jsx(ResultsGrid, { columns: queryResult.columns, rows: queryResult.rows, onCellClick: onCellClick }) })) : null, queryResult && queryResult.rows.length === 0 ? (_jsx(PagePanel.Empty, { className: "mt-4 min-h-[12rem]", title: t("databaseview.QueryReturnedNoRo"), description: t("databaseview.QueryReturnedNoRo") })) : null] }));
+}

package/dist/components/pages/StreamView.d.ts

@@ -0,0 +1,4 @@
+export declare function StreamView({ inModal }?: {
+    inModal?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StreamView.d.ts.map

package/dist/components/pages/StreamView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/StreamView.tsx"],"names":[],"mappings":"AAWA,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,2CA6JjE"}

package/dist/components/pages/StreamView.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDocumentVisibility } from "@elizaos/ui";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { client } from "../../api/client.js";
+import { isApiError } from "../../api/client-types-core.js";
+import { isElectrobunRuntime } from "../../bridge/electrobun-runtime.js";
+import { getBootConfig } from "../../config/boot-config.js";
+import { useApp } from "../../state/useApp.js";
+import { formatUptime } from "../../utils/format.js";
+import { IS_POPOUT } from "../stream/helpers.js";
+import { StatusBar } from "../stream/StatusBar.js";
+export function StreamView({ inModal } = {}) {
+    const { agentStatus, t } = useApp();
+    const { branding } = getBootConfig();
+    const agentName = agentStatus?.agentName ?? branding.appName ?? "Eliza";
+    const isElectrobun = isElectrobunRuntime();
+    const [streamLive, setStreamLive] = useState(false);
+    const [streamLoading, setStreamLoading] = useState(false);
+    const loadingRef = useRef(false);
+    const docVisible = useDocumentVisibility();
+    const [streamAvailable, setStreamAvailable] = useState(true);
+    const [uptime, setUptime] = useState(0);
+    const [frameCount, setFrameCount] = useState(0);
+    // Poll stream status
+    useEffect(() => {
+        let mounted = true;
+        const poll = async () => {
+            if (loadingRef.current || !streamAvailable)
+                return;
+            try {
+                const status = await client.streamStatus();
+                if (mounted && !loadingRef.current) {
+                    setStreamLive(status.running && status.ffmpegAlive);
+                    setUptime(status.uptime);
+                    setFrameCount(status.frameCount);
+                }
+            }
+            catch (err) {
+                if (isApiError(err) && err.status === 404) {
+                    setStreamAvailable(false);
+                    return;
+                }
+            }
+        };
+        if (!streamAvailable || !docVisible)
+            return;
+        poll();
+        const id = setInterval(poll, 5_000);
+        return () => {
+            mounted = false;
+            clearInterval(id);
+        };
+    }, [streamAvailable, docVisible]);
+    const toggleStream = useCallback(async () => {
+        if (loadingRef.current)
+            return;
+        loadingRef.current = true;
+        setStreamLoading(true);
+        try {
+            if (streamLive) {
+                await client.streamGoOffline();
+                setStreamLive(false);
+            }
+            else {
+                const result = await client.streamGoLive();
+                setStreamLive(result.live);
+                if (result.live && !IS_POPOUT && !isElectrobun) {
+                    const apiBase = getBootConfig().apiBase;
+                    const base = window.location.origin || "";
+                    const sep = window.location.protocol === "file:" ||
+                        window.location.protocol === "electrobun:"
+                        ? "#"
+                        : "";
+                    const qs = apiBase
+                        ? `popout&apiBase=${encodeURIComponent(apiBase)}`
+                        : "popout";
+                    window.open(`${base}${sep}/?${qs}`, "elizaos-stream", "width=1280,height=720,menubar=no,toolbar=no,location=no,status=no");
+                }
+            }
+        }
+        catch (err) {
+            console.warn("[stream] Failed to toggle stream:", err);
+            try {
+                const status = await client.streamStatus();
+                setStreamLive(status.running && status.ffmpegAlive);
+            }
+            catch {
+                /* poll will recover within 5s */
+            }
+        }
+        finally {
+            loadingRef.current = false;
+            setStreamLoading(false);
+        }
+    }, [isElectrobun, streamLive]);
+    return (_jsxs("div", { "data-stream-view": true, className: `flex flex-col text-txt font-body ${inModal ? "bg-transparent" : "bg-bg"} h-full w-full`, children: [_jsx(StatusBar, { agentName: agentName, streamAvailable: streamAvailable, streamLive: streamLive, streamLoading: streamLoading, onToggleStream: toggleStream, uptime: uptime, frameCount: frameCount }), _jsx("div", { className: "flex flex-1 min-h-0 items-center justify-center", children: !streamAvailable ? (_jsxs("div", { className: "max-w-lg rounded-3xl border border-border/60 bg-card/94 p-6 text-center shadow-xl backdrop-blur-xl", children: [_jsx("p", { className: "text-xs-tight uppercase tracking-[0.24em] text-muted", children: t("streamview.StreamingUnavailabl") }), _jsx("h2", { className: "mt-2 text-xl font-semibold text-txt", children: t("streamview.EnableTheStreaming") }), _jsxs("p", { className: "mt-3 text-sm leading-6 text-muted", children: [t("streamview.CouldNotRea"), " ", _jsx("code", { className: "rounded-md border border-border/45 bg-bg-hover px-1.5 py-0.5 text-xs text-txt-strong", children: t("streamview.streamingBase") }), " ", t("streamview.pluginThenReload")] }), _jsx("p", { className: "mt-4 text-xs text-muted", children: t("streamview.IfThePluginIsAlr") })] })) : (_jsxs("div", { className: "max-w-md rounded-3xl border border-border/60 bg-card/94 p-6 text-center shadow-xl backdrop-blur-xl", children: [_jsx("div", { className: `mx-auto mb-4 h-3 w-3 rounded-full ${streamLive
+                                ? "bg-danger ring-4 ring-danger/20 animate-pulse"
+                                : "bg-muted"}` }), _jsx("h2", { className: "text-lg font-semibold text-txt", children: streamLive
+                                ? t("streamview.StreamIsLive", {
+                                    defaultValue: "Stream is Live",
+                                })
+                                : t("streamview.StreamReady", {
+                                    defaultValue: "Stream Ready",
+                                }) }), _jsx("p", { className: "mt-2 text-sm text-muted", children: streamLive
+                                ? t("streamview.StreamLiveStatus", {
+                                    uptime: formatUptime(uptime),
+                                    frameCount: frameCount.toLocaleString(),
+                                    defaultValue: "Uptime: {{uptime}} · {{frameCount}} frames",
+                                })
+                                : t("streamview.GoLiveHint", {
+                                    defaultValue: "Press Go Live to start streaming.",
+                                }) })] })) })] }));
+}

package/dist/components/pages/TaskEditor.d.ts

@@ -0,0 +1,39 @@
+/**
+ * TaskEditor — single-screen editor for a "simple" automation: title,
+ * prompt, and a schedule (once / recurring cron / on-event).
+ *
+ * Most users land here and don't need a node graph. The editor calls
+ * `client.createWorkbenchTask` / `client.updateWorkbenchTask`. The
+ * schedule is stored as `tags` because the WorkbenchTask shape doesn't
+ * have a dedicated schedule field — the existing AutomationsView already
+ * uses tags as free-form metadata. When the workflow plugin grows a
+ * dedicated `cron` field on WorkbenchTask we can drop the tag encoding.
+ */
+import type { WorkbenchTask } from "../../api/client-types-config";
+import { type TaskScheduleKind } from "../../utils/task-schedule";
+export type { TaskScheduleKind } from "../../utils/task-schedule";
+export { decodeScheduleTags, encodeScheduleTags, } from "../../utils/task-schedule";
+export interface TaskEditorInitialValue {
+    id?: string;
+    name: string;
+    prompt: string;
+    scheduleKind: TaskScheduleKind;
+    cronExpression: string;
+    eventName: string;
+}
+export interface TaskEditorProps {
+    initial?: Partial<TaskEditorInitialValue>;
+    /**
+     * Available trigger events the user can pick from. The host should
+     * source this from the runtime's trigger catalog. We accept it as a
+     * prop so this component stays free of upstream coupling.
+     */
+    availableEvents?: ReadonlyArray<{
+        id: string;
+        label: string;
+    }>;
+    onSaved?: (task: WorkbenchTask) => void;
+    onCancel?: () => void;
+}
+export declare function TaskEditor({ initial, availableEvents, onSaved, onCancel, }: TaskEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TaskEditor.d.ts.map

package/dist/components/pages/TaskEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/TaskEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAaH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EACL,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,sBAAsB;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,gBAAgB,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAC1C;;;;OAIG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,eAAoB,EACpB,OAAO,EACP,QAAQ,GACT,EAAE,eAAe,2CA2LjB"}

package/dist/components/pages/TaskEditor.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * TaskEditor — single-screen editor for a "simple" automation: title,
+ * prompt, and a schedule (once / recurring cron / on-event).
+ *
+ * Most users land here and don't need a node graph. The editor calls
+ * `client.createWorkbenchTask` / `client.updateWorkbenchTask`. The
+ * schedule is stored as `tags` because the WorkbenchTask shape doesn't
+ * have a dedicated schedule field — the existing AutomationsView already
+ * uses tags as free-form metadata. When the workflow plugin grows a
+ * dedicated `cron` field on WorkbenchTask we can drop the tag encoding.
+ */
+import { Button, FieldLabel, Input, PagePanel, Spinner, Textarea, } from "@elizaos/ui";
+import { Calendar, Clock3, Zap } from "lucide-react";
+import { useCallback, useMemo, useState } from "react";
+import { client } from "../../api/index.js";
+import { CRON_PRESETS, formatSchedule } from "../../utils/cron-format.js";
+import { encodeScheduleTags, } from "../../utils/task-schedule.js";
+export { decodeScheduleTags, encodeScheduleTags, } from "../../utils/task-schedule.js";
+export function TaskEditor({ initial, availableEvents = [], onSaved, onCancel, }) {
+    const [name, setName] = useState(initial?.name ?? "");
+    const [prompt, setPrompt] = useState(initial?.prompt ?? "");
+    const [scheduleKind, setScheduleKind] = useState(initial?.scheduleKind ?? "once");
+    const [cron, setCron] = useState(initial?.cronExpression ?? CRON_PRESETS[1].expression);
+    const [eventName, setEventName] = useState(initial?.eventName ?? availableEvents[0]?.id ?? "");
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(null);
+    const cronPreview = useMemo(() => (scheduleKind === "recurring" ? formatSchedule(cron) : null), [scheduleKind, cron]);
+    const submit = useCallback(async () => {
+        const trimmedName = name.trim();
+        const trimmedPrompt = prompt.trim();
+        if (!trimmedName) {
+            setError("Title is required.");
+            return;
+        }
+        if (!trimmedPrompt) {
+            setError("Prompt is required.");
+            return;
+        }
+        setError(null);
+        setBusy(true);
+        try {
+            const tags = encodeScheduleTags(scheduleKind, cron, eventName);
+            const payload = {
+                name: trimmedName,
+                description: trimmedPrompt,
+                tags,
+            };
+            const res = initial?.id
+                ? await client.updateWorkbenchTask(initial.id, payload)
+                : await client.createWorkbenchTask(payload);
+            onSaved?.(res.task);
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : "Failed to save task.");
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [name, prompt, scheduleKind, cron, eventName, initial?.id, onSaved]);
+    return (_jsxs(PagePanel, { variant: "padded", className: "space-y-5", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("h2", { className: "text-lg font-semibold tracking-[-0.01em] text-txt", children: initial?.id ? "Edit task" : "New task" }), _jsx("p", { className: "text-sm text-muted-strong", children: "A task is a single prompt the agent runs \u2014 once, on a schedule, or in response to an event." })] }), error && (_jsx("div", { className: "rounded-lg border border-danger/20 bg-danger/10 p-3 text-sm text-danger", children: error })), _jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { children: "Title" }), _jsx(Input, { value: name, onChange: (e) => setName(e.target.value), placeholder: "Summarise yesterday's emails", autoFocus: true, "data-testid": "task-editor-name" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(FieldLabel, { children: "Prompt" }), _jsx(Textarea, { value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "What should the agent do when this task runs?", rows: 5, "data-testid": "task-editor-prompt" })] }), _jsxs("fieldset", { className: "space-y-3", children: [_jsx("legend", { className: "text-sm font-medium text-txt", children: "Schedule" }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(ScheduleRadio, { id: "task-sched-once", label: "Once", icon: _jsx(Zap, { className: "h-3.5 w-3.5", "aria-hidden": true }), checked: scheduleKind === "once", onSelect: () => setScheduleKind("once") }), _jsx(ScheduleRadio, { id: "task-sched-recurring", label: "Recurring", icon: _jsx(Clock3, { className: "h-3.5 w-3.5", "aria-hidden": true }), checked: scheduleKind === "recurring", onSelect: () => setScheduleKind("recurring") }), _jsx(ScheduleRadio, { id: "task-sched-event", label: "On event", icon: _jsx(Calendar, { className: "h-3.5 w-3.5", "aria-hidden": true }), checked: scheduleKind === "event", onSelect: () => setScheduleKind("event"), disabled: availableEvents.length === 0 })] }), scheduleKind === "recurring" && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex flex-wrap gap-1.5", children: CRON_PRESETS.map((preset) => (_jsx("button", { type: "button", onClick: () => setCron(preset.expression), className: `rounded-full border px-2.5 py-1 text-xs transition-colors ${cron === preset.expression
+                                        ? "border-accent bg-accent/10 text-accent"
+                                        : "border-border/40 text-muted-strong hover:border-border"}`, children: preset.label }, preset.expression))) }), _jsx(Input, { value: cron, onChange: (e) => setCron(e.target.value), placeholder: "0 9 * * 1-5", className: "font-mono text-xs", "data-testid": "task-editor-cron" }), cronPreview && (_jsxs("div", { className: "text-xs text-muted-strong", children: ["Runs", " ", _jsx("span", { className: "text-txt", children: cronPreview.toLowerCase() }), "."] }))] })), scheduleKind === "event" && availableEvents.length > 0 && (_jsx("select", { value: eventName, onChange: (e) => setEventName(e.target.value), className: "w-full rounded-md border border-border/40 bg-bg px-3 py-2 text-sm text-txt", "data-testid": "task-editor-event", children: availableEvents.map((event) => (_jsx("option", { value: event.id, children: event.label }, event.id))) }))] }), _jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-border/40 pt-4", children: [onCancel && (_jsx(Button, { variant: "ghost", size: "sm", onClick: onCancel, disabled: busy, children: "Cancel" })), _jsxs(Button, { variant: "default", size: "sm", onClick: () => void submit(), disabled: busy || !name.trim() || !prompt.trim(), "data-testid": "task-editor-save", children: [busy ? _jsx(Spinner, { className: "mr-2 h-3.5 w-3.5" }) : null, initial?.id ? "Save task" : "Create task"] })] })] }));
+}
+function ScheduleRadio({ id, label, icon, checked, onSelect, disabled, }) {
+    return (_jsxs("label", { htmlFor: id, className: `inline-flex cursor-pointer items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs transition-colors ${disabled
+            ? "cursor-not-allowed border-border/30 text-muted opacity-60"
+            : checked
+                ? "border-accent bg-accent/10 text-accent"
+                : "border-border/40 text-muted-strong hover:border-border"}`, children: [_jsx("input", { id: id, type: "radio", name: "task-schedule-kind", className: "sr-only", checked: checked, onChange: onSelect, disabled: disabled }), icon, label] }));
+}

package/dist/components/pages/TasksPageView.d.ts

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

package/dist/components/pages/TasksPageView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TasksPageView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/TasksPageView.tsx"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,4CAsB5B"}

package/dist/components/pages/TasksPageView.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PagePanel } from "@elizaos/ui";
+import { CodingAgentTasksPanel } from "../../slots/task-coordinator-slots.js";
+import { useApp } from "../../state/index.js";
+export function TasksPageView() {
+    const { t } = useApp();
+    return (_jsxs("div", { className: "device-layout mx-auto flex w-full max-w-6xl flex-col gap-4 px-4 py-4 lg:px-6", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("h1", { className: "text-lg font-semibold tracking-[-0.01em] text-txt", children: t("taskseventspanel.Tasks", { defaultValue: "Tasks" }) }), _jsx("p", { className: "max-w-3xl text-sm leading-6 text-muted-strong", children: t("taskseventspanel.TasksViewDescription", {
+                            defaultValue: "Detailed status, history, approvals, and coordinator output for coding-agent tasks.",
+                        }) })] }), _jsx(PagePanel, { variant: "inset", className: "rounded-2xl p-4 lg:p-5", children: _jsx(CodingAgentTasksPanel, { fullPage: true }) })] }));
+}

package/dist/components/pages/TrajectoriesView.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+interface TrajectoriesViewProps {
+    contentHeader?: ReactNode;
+    selectedTrajectoryId?: string | null;
+    onSelectTrajectory?: (id: string | null) => void;
+}
+export declare function TrajectoriesView({ contentHeader, selectedTrajectoryId: controlledId, onSelectTrajectory: controlledOnSelect, }: TrajectoriesViewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TrajectoriesView.d.ts.map

package/dist/components/pages/TrajectoriesView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrajectoriesView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/TrajectoriesView.tsx"],"names":[],"mappings":"AAeA,OAAO,EACL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAsCf,UAAU,qBAAqB;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,oBAAoB,EAAE,YAAY,EAClC,kBAAkB,EAAE,kBAAkB,GACvC,EAAE,qBAAqB,2CAgfvB"}