@elizaos/app-core 2.0.0-alpha.144 → 2.0.0-alpha.151

package/apps/app-lifeops/src/LifeOpsPageSections.js

@@ -0,0 +1,170 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Button } from "@elizaos/app-core";
+import { ExternalLink } from "lucide-react";
+function isRecord(value) {
+    return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function formatDateTime(value) {
+    if (!value) {
+        return "—";
+    }
+    const parsed = Date.parse(value);
+    if (!Number.isFinite(parsed)) {
+        return value;
+    }
+    return new Intl.DateTimeFormat(undefined, {
+        month: "short",
+        day: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+    }).format(new Date(parsed));
+}
+function humanize(value) {
+    return value
+        .replace(/_/g, " ")
+        .replace(/\b\w/g, (match) => match.toUpperCase());
+}
+function cadenceLabel(cadence) {
+    switch (cadence.kind) {
+        case "once":
+            return "One-off";
+        case "daily":
+            return cadence.windows.length > 0 ? "Daily" : "Every day";
+        case "times_per_day":
+            return cadence.slots.length <= 1
+                ? "Daily"
+                : `${cadence.slots.length}x daily`;
+        case "interval":
+            return cadence.everyMinutes >= 60 && cadence.everyMinutes % 60 === 0
+                ? `Every ${cadence.everyMinutes / 60}h`
+                : `Every ${cadence.everyMinutes}m`;
+        case "weekly":
+            return cadence.weekdays.length > 0 ? "Weekly" : "As needed";
+    }
+}
+export function occurrenceSortValue(occurrence) {
+    const candidates = [
+        occurrence.dueAt,
+        occurrence.snoozedUntil,
+        occurrence.scheduledAt,
+        occurrence.relevanceStartAt,
+    ];
+    for (const candidate of candidates) {
+        if (!candidate) {
+            continue;
+        }
+        const parsed = Date.parse(candidate);
+        if (Number.isFinite(parsed)) {
+            return parsed;
+        }
+    }
+    return Number.MAX_SAFE_INTEGER;
+}
+function occurrenceWindowLabel(occurrence) {
+    if (occurrence.snoozedUntil) {
+        return `Snoozed until ${formatDateTime(occurrence.snoozedUntil)}`;
+    }
+    if (occurrence.dueAt) {
+        return `Due ${formatDateTime(occurrence.dueAt)}`;
+    }
+    if (occurrence.scheduledAt) {
+        return `Scheduled ${formatDateTime(occurrence.scheduledAt)}`;
+    }
+    return `Visible ${formatDateTime(occurrence.relevanceStartAt)}`;
+}
+function githubIdentityLabel(connection) {
+    const displayName = typeof connection.displayName === "string" &&
+        connection.displayName.trim().length > 0
+        ? connection.displayName.trim()
+        : null;
+    const username = typeof connection.username === "string" &&
+        connection.username.trim().length > 0
+        ? `@${connection.username.trim()}`
+        : null;
+    const email = typeof connection.email === "string" && connection.email.trim().length > 0
+        ? connection.email.trim()
+        : null;
+    return displayName ?? username ?? email ?? "No account linked";
+}
+function githubOwnerActionLabel(connection) {
+    return connection.username?.trim()
+        ? `@${connection.username.trim()}`
+        : githubIdentityLabel(connection);
+}
+function githubBindingModeLabel(mode) {
+    switch (mode) {
+        case "cloud-managed":
+            return "Agent account";
+        case "shared-owner":
+            return "Shared LifeOps account";
+        default:
+            return null;
+    }
+}
+function githubBindingSourceLabel(source) {
+    switch (source) {
+        case "platform_credentials":
+            return "Eliza Cloud OAuth";
+        case "secrets":
+            return "Cloud secret";
+        default:
+            return null;
+    }
+}
+export function SectionSurface({ title, icon, subtitle, children, }) {
+    return (_jsxs("div", { className: "rounded-3xl border border-border/45 bg-card/78 p-4 backdrop-blur-sm", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "rounded-2xl border border-border/45 bg-bg/70 p-2 text-muted", children: icon }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: title }), _jsx("div", { className: "mt-1 text-xs leading-5 text-muted", children: subtitle })] })] }), _jsx("div", { className: "mt-4 space-y-3", children: children })] }));
+}
+export function SummaryMetric({ label, value, detail, }) {
+    return (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/72 p-4", children: [_jsx("div", { className: "text-2xs font-semibold uppercase tracking-[0.12em] text-muted", children: label }), _jsx("div", { className: "mt-2 text-lg font-semibold text-txt", children: value }), _jsx("div", { className: "mt-1 text-xs-tight text-muted", children: detail })] }));
+}
+export function OccurrenceList({ occurrences, }) {
+    if (occurrences.length === 0) {
+        return (_jsx("div", { className: "rounded-2xl border border-dashed border-border/45 bg-bg/55 p-4 text-xs text-muted", children: "No active items." }));
+    }
+    return (_jsx(_Fragment, { children: occurrences.map((occurrence) => (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/60 p-3", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-txt", children: occurrence.title }), _jsx("div", { className: "mt-1 text-xs leading-5 text-muted", children: occurrenceWindowLabel(occurrence) })] }), _jsx(Badge, { variant: "secondary", className: "text-2xs", children: humanize(occurrence.state) })] }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2 text-xs-tight text-muted", children: [_jsx("span", { children: cadenceLabel(occurrence.cadence) }), _jsxs("span", { children: ["Priority ", occurrence.priority] }), _jsx("span", { children: humanize(occurrence.domain) })] }), occurrence.description.trim().length > 0 ? (_jsx("div", { className: "mt-2 text-xs leading-5 text-muted", children: occurrence.description })) : null] }, occurrence.id))) }));
+}
+export function GoalList({ goals }) {
+    if (goals.length === 0) {
+        return (_jsx("div", { className: "rounded-2xl border border-dashed border-border/45 bg-bg/55 p-4 text-xs text-muted", children: "No active goals." }));
+    }
+    return (_jsx(_Fragment, { children: goals.map((goal) => {
+            const goalMetadata = isRecord(goal.metadata) ? goal.metadata : null;
+            const grounding = goalMetadata && isRecord(goalMetadata.goalGrounding)
+                ? goalMetadata.goalGrounding
+                : null;
+            const groundingSummary = grounding && typeof grounding.summary === "string"
+                ? grounding.summary
+                : null;
+            const goalDescription = goal.description.trim() || groundingSummary;
+            return (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/60 p-3", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-txt", children: goal.title }), _jsx("div", { className: "mt-1 text-xs leading-5 text-muted", children: goalDescription || "No goal detail yet." })] }), _jsx(Badge, { variant: "secondary", className: "text-2xs", children: humanize(goal.reviewState) })] }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2 text-xs-tight text-muted", children: [_jsx("span", { children: humanize(goal.status) }), _jsx("span", { children: humanize(goal.domain) }), _jsxs("span", { children: ["Updated ", formatDateTime(goal.updatedAt)] })] })] }, goal.id));
+        }) }));
+}
+export function ReminderList({ reminders, }) {
+    if (reminders.length === 0) {
+        return (_jsx("div", { className: "rounded-2xl border border-dashed border-border/45 bg-bg/55 p-4 text-xs text-muted", children: "No live reminders." }));
+    }
+    return (_jsx(_Fragment, { children: reminders.map((reminder) => (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/60 p-3", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-txt", children: reminder.title }), _jsxs("div", { className: "mt-1 text-xs leading-5 text-muted", children: [reminder.stepLabel, " via ", humanize(reminder.channel)] })] }), _jsx(Badge, { variant: "outline", className: "text-2xs", children: humanize(reminder.state) })] }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2 text-xs-tight text-muted", children: [_jsxs("span", { children: ["Scheduled ", formatDateTime(reminder.scheduledFor)] }), reminder.dueAt ? (_jsxs("span", { children: ["Due ", formatDateTime(reminder.dueAt)] })) : null] })] }, reminder.ownerId + reminder.stepIndex))) }));
+}
+export function OwnerGithubConnectionCard({ connection, busy, onDisconnect, }) {
+    return (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/60 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-semibold text-txt", children: githubIdentityLabel(connection) }), _jsx("div", { className: "mt-1 text-xs text-muted", children: connection.username
+                                    ? `@${connection.username}`
+                                    : (connection.email ?? "GitHub") })] }), _jsx(Badge, { variant: connection.status === "active" ? "secondary" : "outline", className: "text-2xs", children: humanize(connection.status) })] }), _jsxs("div", { className: "mt-3 flex flex-wrap gap-2 text-xs-tight text-muted", children: [_jsxs("span", { children: ["Linked ", formatDateTime(connection.linkedAt)] }), _jsxs("span", { children: [connection.scopes.length, " scopes"] }), connection.connectionRole ? (_jsx("span", { children: humanize(connection.connectionRole) })) : null] }), connection.scopes.length > 0 ? (_jsxs("div", { className: "mt-3 flex flex-wrap gap-1.5", children: [connection.scopes.slice(0, 4).map((scope) => (_jsx(Badge, { variant: "outline", className: "text-2xs", children: scope }, scope))), connection.scopes.length > 4 ? (_jsxs(Badge, { variant: "outline", className: "text-2xs", children: ["+", connection.scopes.length - 4, " more"] })) : null] })) : null, _jsx("div", { className: "mt-3", children: _jsx(Button, { variant: "outline", size: "sm", className: "rounded-full px-4 text-xs-tight font-semibold", disabled: busy, onClick: () => onDisconnect(connection.id), children: "Disconnect" }) })] }));
+}
+export function AgentGithubCard({ entry, ownerConnections, busyAgentId, onConnect, onDisconnect, onUseOwnerConnection, }) {
+    const { agent, github } = entry;
+    const busy = busyAgentId === agent.agent_id;
+    const connected = github?.connected === true;
+    const bindingModeLabel = githubBindingModeLabel(github?.mode);
+    const sourceLabel = githubBindingSourceLabel(github?.source);
+    return (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/60 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-semibold text-txt", children: agent.agent_name }), _jsx("div", { className: "mt-1 text-xs text-muted", children: connected
+                                    ? githubIdentityLabel({
+                                        displayName: github?.githubDisplayName,
+                                        username: github?.githubUsername,
+                                        email: github?.githubEmail,
+                                    })
+                                    : "No agent GitHub account linked" })] }), _jsx(Badge, { variant: connected ? "secondary" : "outline", className: "text-2xs", children: connected ? "Connected" : "Not connected" })] }), _jsxs("div", { className: "mt-3 flex flex-wrap gap-2 text-xs-tight text-muted", children: [_jsxs("span", { children: ["Agent ", humanize(agent.status)] }), github?.connectedAt ? (_jsxs("span", { children: ["Linked ", formatDateTime(github.connectedAt)] })) : null, bindingModeLabel ? _jsx("span", { children: bindingModeLabel }) : null, sourceLabel ? _jsx("span", { children: sourceLabel }) : null] }), github?.scopes?.length ? (_jsxs("div", { className: "mt-3 flex flex-wrap gap-1.5", children: [github.scopes.slice(0, 4).map((scope) => (_jsx(Badge, { variant: "outline", className: "text-2xs", children: scope }, scope))), github.scopes.length > 4 ? (_jsxs(Badge, { variant: "outline", className: "text-2xs", children: ["+", github.scopes.length - 4, " more"] })) : null] })) : null, _jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [_jsxs(Button, { variant: "default", size: "sm", className: "rounded-full px-4 text-xs-tight font-semibold", disabled: busy || github?.configured === false, onClick: () => onConnect(agent.agent_id), children: [_jsx(ExternalLink, { className: "mr-2 h-3.5 w-3.5" }), connected ? "Reconnect agent GitHub" : "Connect agent GitHub"] }), connected ? (_jsx(Button, { variant: "outline", size: "sm", className: "rounded-full px-4 text-xs-tight font-semibold", disabled: busy, onClick: () => onDisconnect(agent.agent_id), children: "Disconnect" })) : null] }), ownerConnections.length > 0 ? (_jsxs("div", { className: "mt-4 rounded-2xl border border-border/35 bg-card/70 p-3", children: [_jsx("div", { className: "text-xs-tight font-semibold text-txt", children: "Use LifeOps GitHub" }), _jsx("div", { className: "mt-1 text-xs-tight leading-5 text-muted", children: "Link this agent to one of the owner\u2019s LifeOps GitHub connections through Eliza Cloud. Disconnecting the agent later leaves the owner connection intact." }), _jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: ownerConnections.map((connection) => {
+                            const alreadySelected = github?.mode === "shared-owner" &&
+                                github.connectionId === connection.id;
+                            return (_jsxs(Button, { variant: "outline", size: "sm", className: "rounded-full px-4 text-xs-tight font-semibold", disabled: busy || alreadySelected, onClick: () => onUseOwnerConnection(agent.agent_id, connection.id), children: [alreadySelected ? "Using" : "Use", " ", githubOwnerActionLabel(connection)] }, connection.id));
+                        }) })] })) : null, _jsx("div", { className: "mt-3 text-xs-tight leading-5 text-muted", children: "This account is bound to the cloud agent for coding, pull requests, and repo context. Repo access still depends on the GitHub account or app installation behind it." })] }));
+}

package/apps/app-lifeops/src/LifeOpsPageView.d.ts

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

package/apps/app-lifeops/src/LifeOpsPageView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LifeOpsPageView.d.ts","sourceRoot":"","sources":["../../../../../../apps/app-lifeops/src/LifeOpsPageView.tsx"],"names":[],"mappings":"AA4GA,wBAAgB,eAAe,4CAwsB9B"}

package/apps/app-lifeops/src/LifeOpsPageView.js

@@ -0,0 +1,387 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, PagePanel } from "@elizaos/app-core";
+import { BellRing, Bot, ExternalLink, Github, ListTodo, RefreshCw, Shield, Target, } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { client } from "@elizaos/app-core";
+import { LIFEOPS_GITHUB_CALLBACK_EVENT, } from "@elizaos/app-core";
+import { consumeQueuedLifeOpsGithubCallback, dispatchLifeOpsGithubCallbackFromWindowMessage, drainLifeOpsGithubCallbacks, isWebPlatform, } from "@elizaos/app-core";
+import { useLifeOpsAppState } from "@elizaos/app-core";
+import { useApp } from "@elizaos/app-core";
+import { openExternalUrl } from "@elizaos/app-core";
+import { AgentGithubCard, GoalList, OccurrenceList, occurrenceSortValue, OwnerGithubConnectionCard, ReminderList, SectionSurface, SummaryMetric, } from "./LifeOpsPageSections";
+import { LifeOpsSettingsSection } from "./LifeOpsSettingsSection";
+import { LifeOpsWorkspaceView } from "./LifeOpsWorkspaceView";
+const LIFEOPS_GITHUB_COMPLETE_PATH = "/api/v1/app/lifeops/github-complete";
+const LIFEOPS_GITHUB_RETURN_URL = "elizaos://lifeops";
+function buildOwnerGithubRedirectUrl() {
+    const params = new URLSearchParams();
+    if (isWebPlatform()) {
+        params.set("post_message", "1");
+    }
+    else {
+        params.set("return_url", LIFEOPS_GITHUB_RETURN_URL);
+    }
+    return `${LIFEOPS_GITHUB_COMPLETE_PATH}?${params.toString()}`;
+}
+function openWebOauthPopup() {
+    if (!isWebPlatform() ||
+        typeof window === "undefined" ||
+        typeof window.open !== "function") {
+        return null;
+    }
+    return window.open("", "elizaos-lifeops-github");
+}
+function describeGithubCallback(detail) {
+    if (detail.status === "error") {
+        return {
+            message: detail.message?.trim() || "GitHub setup did not complete.",
+            tone: "error",
+            durationMs: 5000,
+        };
+    }
+    if (detail.target === "owner") {
+        return {
+            message: "LifeOps GitHub connected through Eliza Cloud.",
+            tone: "success",
+            durationMs: 3600,
+        };
+    }
+    if (detail.bindingMode === "shared-owner") {
+        return {
+            message: detail.restarted
+                ? "Agent is using the LifeOps GitHub account and the cloud runtime is restarting."
+                : "Agent is using the LifeOps GitHub account.",
+            tone: "success",
+            durationMs: 4200,
+        };
+    }
+    const githubHandle = detail.githubUsername?.trim()
+        ? ` @${detail.githubUsername.trim()}`
+        : "";
+    return {
+        message: detail.restarted
+            ? `Agent GitHub${githubHandle} connected and the cloud runtime is restarting.`
+            : `Agent GitHub${githubHandle} connected.`,
+        tone: "success",
+        durationMs: 4200,
+    };
+}
+export function LifeOpsPageView() {
+    const lifeOpsApp = useLifeOpsAppState();
+    const { agentStatus, backendConnection, elizaCloudConnected, setActionNotice, setState, setTab, startupCoordinator, } = useApp();
+    const [overview, setOverview] = useState(null);
+    const [overviewLoading, setOverviewLoading] = useState(false);
+    const [overviewError, setOverviewError] = useState(null);
+    const [ownerGithubConnections, setOwnerGithubConnections] = useState([]);
+    const [agentGithubEntries, setAgentGithubEntries] = useState([]);
+    const [githubLoading, setGithubLoading] = useState(false);
+    const [githubError, setGithubError] = useState(null);
+    const [ownerGithubBusy, setOwnerGithubBusy] = useState(false);
+    const [disconnectingOwnerConnectionId, setDisconnectingOwnerConnectionId] = useState(null);
+    const [busyAgentGithubId, setBusyAgentGithubId] = useState(null);
+    const appEnabled = lifeOpsApp.enabled;
+    const runtimeReady = startupCoordinator.phase === "ready" &&
+        agentStatus?.state === "running" &&
+        backendConnection?.state === "connected";
+    const loadOverview = useCallback(async () => {
+        if (!appEnabled) {
+            setOverview(null);
+            setOverviewError(null);
+            setOverviewLoading(false);
+            return;
+        }
+        if (!runtimeReady) {
+            return;
+        }
+        setOverviewLoading(true);
+        setOverviewError(null);
+        try {
+            const nextOverview = await client.getLifeOpsOverview();
+            setOverview(nextOverview);
+        }
+        catch (cause) {
+            setOverviewError(cause instanceof Error && cause.message.trim().length > 0
+                ? cause.message.trim()
+                : "LifeOps overview failed to load.");
+        }
+        finally {
+            setOverviewLoading(false);
+        }
+    }, [appEnabled, runtimeReady]);
+    const loadGithub = useCallback(async () => {
+        if (!appEnabled || !elizaCloudConnected) {
+            setGithubError(null);
+            setOwnerGithubConnections([]);
+            setAgentGithubEntries([]);
+            setGithubLoading(false);
+            return;
+        }
+        setGithubLoading(true);
+        setGithubError(null);
+        try {
+            const [connectionsResult, agentsResult] = await Promise.allSettled([
+                client.listCloudOauthConnections({
+                    platform: "github",
+                    connectionRole: "owner",
+                }),
+                client.getCloudCompatAgents(),
+            ]);
+            if (connectionsResult.status === "rejected" &&
+                agentsResult.status === "rejected") {
+                throw connectionsResult.reason;
+            }
+            const connections = connectionsResult.status === "fulfilled" &&
+                Array.isArray(connectionsResult.value.connections)
+                ? connectionsResult.value.connections
+                : [];
+            const agents = agentsResult.status === "fulfilled" &&
+                Array.isArray(agentsResult.value.data)
+                ? agentsResult.value.data
+                : [];
+            const entries = await Promise.all(agents.map(async (agent) => ({
+                agent,
+                github: await client
+                    .getCloudCompatAgentManagedGithub(agent.agent_id)
+                    .then((response) => response.data)
+                    .catch(() => null),
+            })));
+            setOwnerGithubConnections(connections);
+            setAgentGithubEntries(entries);
+            if (connectionsResult.status === "rejected" ||
+                agentsResult.status === "rejected") {
+                setGithubError("Some GitHub cloud details are still unavailable. You can still connect accounts.");
+            }
+        }
+        catch (cause) {
+            setGithubError(cause instanceof Error && cause.message.trim().length > 0
+                ? cause.message.trim()
+                : "GitHub connection details failed to load.");
+        }
+        finally {
+            setGithubLoading(false);
+        }
+    }, [appEnabled, elizaCloudConnected]);
+    useEffect(() => {
+        void loadOverview();
+    }, [loadOverview]);
+    useEffect(() => {
+        void loadGithub();
+    }, [loadGithub]);
+    const refreshAll = useCallback(async () => {
+        await Promise.all([loadOverview(), loadGithub()]);
+    }, [loadGithub, loadOverview]);
+    const handleGithubCallback = useCallback((detail) => {
+        consumeQueuedLifeOpsGithubCallback(detail);
+        setOwnerGithubBusy(false);
+        setBusyAgentGithubId(null);
+        void (async () => {
+            let resolvedDetail = detail;
+            if (detail.target === "agent" &&
+                detail.status === "connected" &&
+                detail.agentId &&
+                detail.connectionId &&
+                !detail.bindingMode) {
+                try {
+                    const response = await client.linkCloudCompatAgentManagedGithub(detail.agentId, detail.connectionId);
+                    resolvedDetail = {
+                        ...detail,
+                        bindingMode: response.data.mode ?? "cloud-managed",
+                        githubUsername: response.data.githubUsername ?? detail.githubUsername ?? null,
+                        restarted: response.data.restarted,
+                    };
+                }
+                catch (cause) {
+                    resolvedDetail = {
+                        ...detail,
+                        status: "error",
+                        message: cause instanceof Error
+                            ? cause.message
+                            : "Failed to link GitHub to this agent.",
+                    };
+                }
+            }
+            const notice = describeGithubCallback(resolvedDetail);
+            setActionNotice(notice.message, notice.tone, notice.durationMs);
+            await loadGithub();
+        })();
+    }, [loadGithub, setActionNotice]);
+    const openCloudAgents = useCallback(() => {
+        setState("cloudDashboardView", "agents");
+        setTab("settings");
+    }, [setState, setTab]);
+    const handleSetLifeOpsEnabled = useCallback(async (nextEnabled) => {
+        try {
+            await lifeOpsApp.updateEnabled(nextEnabled);
+            if (!nextEnabled) {
+                setOverview(null);
+                setOverviewError(null);
+                setOwnerGithubConnections([]);
+                setAgentGithubEntries([]);
+                setGithubError(null);
+            }
+            setActionNotice(nextEnabled
+                ? "LifeOps enabled for this agent. The chat widgets will appear in Chat."
+                : "LifeOps disabled for this agent.", "success", 3600);
+        }
+        catch (cause) {
+            setActionNotice(cause instanceof Error
+                ? cause.message
+                : "Failed to update the LifeOps app state.", "error", 4200);
+        }
+    }, [lifeOpsApp, setActionNotice]);
+    const handleConnectOwnerGithub = useCallback(async () => {
+        const popup = openWebOauthPopup();
+        if (isWebPlatform() && !popup) {
+            setActionNotice("Popup blocked. Please allow popups and try again.", "error", 4200);
+            return;
+        }
+        setOwnerGithubBusy(true);
+        try {
+            const response = await client.initiateCloudOauth("github", {
+                redirectUrl: buildOwnerGithubRedirectUrl(),
+                connectionRole: "owner",
+            });
+            if (popup && !popup.closed) {
+                popup.location.href = response.authUrl;
+            }
+            else {
+                await openExternalUrl(response.authUrl);
+            }
+            setActionNotice("Finish GitHub authorization in your browser, then return here.", "info", 5000);
+        }
+        catch (cause) {
+            popup?.close();
+            setActionNotice(cause instanceof Error
+                ? cause.message
+                : "Failed to start GitHub setup.", "error", 4200);
+        }
+        finally {
+            setOwnerGithubBusy(false);
+        }
+    }, [setActionNotice]);
+    const handleDisconnectOwnerGithub = useCallback(async (connectionId) => {
+        setDisconnectingOwnerConnectionId(connectionId);
+        try {
+            await client.disconnectCloudOauthConnection(connectionId);
+            setOwnerGithubConnections((current) => current.filter((connection) => connection.id !== connectionId));
+            setActionNotice("LifeOps GitHub disconnected.", "success", 3200);
+            await loadGithub();
+        }
+        catch (cause) {
+            setActionNotice(cause instanceof Error
+                ? cause.message
+                : "Failed to disconnect GitHub.", "error", 4200);
+        }
+        finally {
+            setDisconnectingOwnerConnectionId(null);
+        }
+    }, [loadGithub, setActionNotice]);
+    const handleConnectAgentGithub = useCallback(async (agentId) => {
+        const popup = openWebOauthPopup();
+        if (isWebPlatform() && !popup) {
+            setActionNotice("Popup blocked. Please allow popups and try again.", "error", 4200);
+            return;
+        }
+        setBusyAgentGithubId(agentId);
+        try {
+            const response = await client.createCloudCompatAgentManagedGithubOauth(agentId, isWebPlatform()
+                ? { postMessage: true }
+                : { returnUrl: LIFEOPS_GITHUB_RETURN_URL });
+            if (popup && !popup.closed) {
+                popup.location.href = response.data.authorizeUrl;
+            }
+            else {
+                await openExternalUrl(response.data.authorizeUrl);
+            }
+            setActionNotice("Finish GitHub authorization in your browser, then return here.", "info", 5000);
+        }
+        catch (cause) {
+            popup?.close();
+            setActionNotice(cause instanceof Error
+                ? cause.message
+                : "Failed to start agent GitHub setup.", "error", 4200);
+        }
+        finally {
+            setBusyAgentGithubId(null);
+        }
+    }, [setActionNotice]);
+    const handleUseOwnerGithub = useCallback(async (agentId, connectionId) => {
+        setBusyAgentGithubId(agentId);
+        try {
+            const response = await client.linkCloudCompatAgentManagedGithub(agentId, connectionId);
+            setAgentGithubEntries((current) => current.map((entry) => entry.agent.agent_id === agentId
+                ? { ...entry, github: response.data }
+                : entry));
+            setActionNotice(response.data.restarted
+                ? "Agent is using the LifeOps GitHub account and the cloud runtime is restarting."
+                : "Agent is using the LifeOps GitHub account.", "success", 4200);
+            await loadGithub();
+        }
+        catch (cause) {
+            setActionNotice(cause instanceof Error
+                ? cause.message
+                : "Failed to link the LifeOps GitHub account to this agent.", "error", 4200);
+        }
+        finally {
+            setBusyAgentGithubId(null);
+        }
+    }, [loadGithub, setActionNotice]);
+    useEffect(() => {
+        drainLifeOpsGithubCallbacks().forEach(handleGithubCallback);
+        const handleCallbackEvent = (event) => {
+            const detail = event.detail;
+            if (!detail) {
+                return;
+            }
+            handleGithubCallback(detail);
+        };
+        window.addEventListener(LIFEOPS_GITHUB_CALLBACK_EVENT, handleCallbackEvent);
+        return () => {
+            window.removeEventListener(LIFEOPS_GITHUB_CALLBACK_EVENT, handleCallbackEvent);
+        };
+    }, [handleGithubCallback]);
+    useEffect(() => {
+        const handleWindowMessage = (event) => {
+            dispatchLifeOpsGithubCallbackFromWindowMessage(event.data);
+        };
+        window.addEventListener("message", handleWindowMessage);
+        return () => {
+            window.removeEventListener("message", handleWindowMessage);
+        };
+    }, []);
+    const handleDisconnectAgentGithub = useCallback(async (agentId) => {
+        setBusyAgentGithubId(agentId);
+        try {
+            const response = await client.disconnectCloudCompatAgentManagedGithub(agentId);
+            setAgentGithubEntries((current) => current.map((entry) => entry.agent.agent_id === agentId
+                ? { ...entry, github: response.data }
+                : entry));
+            setActionNotice("Agent GitHub disconnected.", "success", 3200);
+            await loadGithub();
+        }
+        catch (cause) {
+            setActionNotice(cause instanceof Error
+                ? cause.message
+                : "Failed to disconnect agent GitHub.", "error", 4200);
+        }
+        finally {
+            setBusyAgentGithubId(null);
+        }
+    }, [loadGithub, setActionNotice]);
+    const ownerOccurrences = useMemo(() => [...(overview?.owner.occurrences ?? [])]
+        .sort((left, right) => occurrenceSortValue(left) - occurrenceSortValue(right))
+        .slice(0, 5), [overview?.owner.occurrences]);
+    const agentOccurrences = useMemo(() => [...(overview?.agentOps.occurrences ?? [])]
+        .sort((left, right) => occurrenceSortValue(left) - occurrenceSortValue(right))
+        .slice(0, 4), [overview?.agentOps.occurrences]);
+    const ownerGoals = useMemo(() => (overview?.owner.goals ?? []).slice(0, 4), [overview?.owner.goals]);
+    const ownerReminders = useMemo(() => (overview?.owner.reminders ?? []).slice(0, 4), [overview?.owner.reminders]);
+    return (_jsxs("div", { className: "space-y-4", "data-testid": "lifeops-shell", children: [_jsxs(PagePanel, { variant: "section", className: "p-4 lg:p-5", children: [_jsx(PagePanel.Header, { eyebrow: "LifeOps", heading: "Personal Operations", description: "Tasks, goals, reminders, connected identities, calendar, and inbox in one operational tab.", actions: _jsxs("div", { className: "flex flex-wrap gap-2", children: [appEnabled ? (_jsxs(Button, { variant: "outline", size: "sm", className: "rounded-full px-4 text-xs-tight font-semibold", onClick: () => void refreshAll(), disabled: lifeOpsApp.loading ||
+                                        lifeOpsApp.saving ||
+                                        overviewLoading ||
+                                        githubLoading, children: [_jsx(RefreshCw, { className: "mr-2 h-3.5 w-3.5" }), "Refresh"] })) : null, _jsx(Button, { variant: appEnabled ? "outline" : "default", size: "sm", className: "rounded-full px-4 text-xs-tight font-semibold", onClick: () => void handleSetLifeOpsEnabled(!appEnabled), disabled: lifeOpsApp.loading || lifeOpsApp.saving, children: appEnabled ? "Disable LifeOps" : "Enable LifeOps" })] }) }), lifeOpsApp.error ? (_jsx(PagePanel.Notice, { tone: "danger", className: "mt-4", children: lifeOpsApp.error })) : null, lifeOpsApp.loading ? (_jsx(PagePanel.Loading, { variant: "surface", className: "mt-4", heading: "Loading LifeOps app state" })) : null, !lifeOpsApp.loading && !appEnabled ? (_jsx(PagePanel.Empty, { variant: "surface", className: "mt-4 min-h-[12rem] rounded-3xl", title: "LifeOps starts disabled", description: "Enable LifeOps for this agent to turn on the chat widgets and unlock the operational workspace." })) : null, appEnabled && !runtimeReady && !overview ? (_jsx(PagePanel.Loading, { variant: "surface", className: "mt-4", heading: "Waiting for LifeOps runtime" })) : null, appEnabled && overviewError ? (_jsx(PagePanel.Notice, { tone: "danger", className: "mt-4", children: overviewError })) : null, appEnabled && overview ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [_jsx(SummaryMetric, { label: "Open items", value: `${overview.owner.summary.activeOccurrenceCount}`, detail: `${overview.owner.summary.overdueOccurrenceCount} overdue` }), _jsx(SummaryMetric, { label: "Goals", value: `${overview.owner.summary.activeGoalCount}`, detail: "Owner goals in motion" }), _jsx(SummaryMetric, { label: "Reminders", value: `${overview.owner.summary.activeReminderCount}`, detail: `${overview.owner.summary.snoozedOccurrenceCount} snoozed items` }), _jsx(SummaryMetric, { label: "Agent ops", value: `${overview.agentOps.summary.activeOccurrenceCount}`, detail: `${overview.agentOps.summary.activeGoalCount} active agent goals` })] }), _jsxs("div", { className: "mt-4 grid gap-4 xl:grid-cols-[1.2fr_1fr_1fr]", children: [_jsx(SectionSurface, { title: "Current queue", icon: _jsx(ListTodo, { className: "h-4 w-4" }), subtitle: "The owner-facing tasks and occurrences that need attention next.", children: _jsx(OccurrenceList, { occurrences: ownerOccurrences }) }), _jsx(SectionSurface, { title: "Goals", icon: _jsx(Target, { className: "h-4 w-4" }), subtitle: "Active LifeOps goals the agent is tracking for the owner.", children: _jsx(GoalList, { goals: ownerGoals }) }), _jsx(SectionSurface, { title: "Live reminders", icon: _jsx(BellRing, { className: "h-4 w-4" }), subtitle: "Reminders that are currently scheduled or in-flight.", children: _jsx(ReminderList, { reminders: ownerReminders }) })] }), _jsx("div", { className: "mt-4", children: _jsx(SectionSurface, { title: "Agent operations", icon: _jsx(Bot, { className: "h-4 w-4" }), subtitle: "Work the agent is carrying on your behalf across goals and active occurrences.", children: _jsx(OccurrenceList, { occurrences: agentOccurrences }) }) })] })) : null] }), appEnabled ? _jsx(LifeOpsSettingsSection, {}) : null, appEnabled ? (_jsxs(PagePanel, { variant: "section", className: "p-4 lg:p-5", children: [_jsx(PagePanel.Header, { eyebrow: "GitHub", heading: "LifeOps and Agent GitHub", description: "Keep the owner\u2019s LifeOps GitHub separate from the cloud agent\u2019s GitHub identity. Both authorization flows run through Eliza Cloud, and repo access depends on the GitHub account or app installation behind each connection.", actions: _jsx(Button, { variant: "outline", size: "sm", className: "rounded-full px-4 text-xs-tight font-semibold", onClick: openCloudAgents, children: "Open Cloud" }) }), !elizaCloudConnected ? (_jsx(PagePanel.Empty, { variant: "surface", className: "mt-4 min-h-[12rem] rounded-3xl", title: "Connect Eliza Cloud first", description: "GitHub authorization runs through Eliza Cloud. Connect Cloud, then come back here to manage both accounts." })) : (_jsxs(_Fragment, { children: [githubError ? (_jsx(PagePanel.Notice, { tone: "danger", className: "mt-4", children: githubError })) : null, githubLoading &&
+                                ownerGithubConnections.length === 0 &&
+                                agentGithubEntries.length === 0 ? (_jsx(PagePanel.Loading, { variant: "surface", className: "mt-4", heading: "Loading GitHub identities" })) : null, _jsxs("div", { className: "mt-4 grid gap-4 xl:grid-cols-[minmax(20rem,0.95fr)_minmax(22rem,1.05fr)]", children: [_jsxs(SectionSurface, { title: "LifeOps GitHub", icon: _jsx(Github, { className: "h-4 w-4" }), subtitle: "Use this account for the owner\u2019s LifeOps repos, issues, and planning context.", children: [_jsx("div", { className: "flex flex-wrap gap-2", children: _jsxs(Button, { variant: "default", size: "sm", className: "rounded-full px-4 text-xs-tight font-semibold", disabled: ownerGithubBusy, onClick: () => void handleConnectOwnerGithub(), children: [_jsx(ExternalLink, { className: "mr-2 h-3.5 w-3.5" }), ownerGithubConnections.length > 0
+                                                            ? "Reconnect / add account"
+                                                            : "Connect LifeOps GitHub"] }) }), ownerGithubConnections.length === 0 ? (_jsx("div", { className: "rounded-2xl border border-dashed border-border/45 bg-bg/55 p-4 text-xs text-muted", children: "No owner GitHub account linked yet." })) : (ownerGithubConnections.map((connection) => (_jsx(OwnerGithubConnectionCard, { connection: connection, busy: disconnectingOwnerConnectionId === connection.id, onDisconnect: handleDisconnectOwnerGithub }, connection.id))))] }), _jsx(SectionSurface, { title: "Agent GitHub", icon: _jsx(Shield, { className: "h-4 w-4" }), subtitle: "Bind GitHub per cloud agent so coding work can use a separate identity from the owner account. Access may be read-only or write-enabled depending on the connected account or installation.", children: agentGithubEntries.length === 0 ? (_jsx("div", { className: "rounded-2xl border border-dashed border-border/45 bg-bg/55 p-4 text-xs text-muted", children: "No cloud agents found yet. Create or connect a cloud agent to give it its own GitHub identity." })) : (agentGithubEntries.map((entry) => (_jsx(AgentGithubCard, { entry: entry, ownerConnections: ownerGithubConnections, busyAgentId: busyAgentGithubId, onConnect: handleConnectAgentGithub, onDisconnect: handleDisconnectAgentGithub, onUseOwnerConnection: handleUseOwnerGithub }, entry.agent.agent_id)))) })] })] }))] })) : null, appEnabled ? _jsx(LifeOpsWorkspaceView, {}) : null] }));
+}

package/apps/app-lifeops/src/LifeOpsSettingsSection.d.ts

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

package/apps/app-lifeops/src/LifeOpsSettingsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LifeOpsSettingsSection.d.ts","sourceRoot":"","sources":["../../../../../../apps/app-lifeops/src/LifeOpsSettingsSection.tsx"],"names":[],"mappings":"AAmYA,wBAAgB,sBAAsB,4CAwCrC"}