@elizaos/agent 2.0.0-alpha.358 → 2.0.0-alpha.376

package/apps/app-lifeops/src/components/LifeOpsSettingsSection.js

@@ -0,0 +1,597 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, client, SegmentedControl, useApp, } from "@elizaos/app-core";
+import { AlertTriangle, CalendarDays, Cloud, Copy, ExternalLink, GitBranch, HardDrive, Mail, Plug2, Plus, Sparkles, ToggleRight, Unplug, X, } from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
+import { useGoogleLifeOpsConnector } from "../hooks/useGoogleLifeOpsConnector";
+import { BrowserBridgeSetupPanel } from "./BrowserBridgeSetupPanel.js";
+import { LifeOpsFeatureTogglesSection } from "./LifeOpsFeatureTogglesSection";
+import { MobileSignalsSetupCard } from "./MobileSignalsSetupCard";
+const MAX_GOOGLE_ACCOUNTS_PER_SIDE = 6;
+const VISIBLE_CONNECTOR_MODES = ["cloud_managed", "local"];
+const DEFAULT_OWNER_GITHUB = {
+    identity: "",
+    status: "",
+};
+const DEFAULT_AGENT_GITHUB = {
+    identity: "",
+    status: "",
+};
+function statusLabel(reason, connected, t) {
+    if (connected) {
+        return t("lifeopssettings.connected", {
+            defaultValue: "Connected",
+        });
+    }
+    switch (reason) {
+        case "needs_reauth":
+            return t("lifeopssettings.needsReauth", {
+                defaultValue: "Needs reauth",
+            });
+        case "config_missing":
+            return t("lifeopssettings.needsSetup", {
+                defaultValue: "Needs setup",
+            });
+        case "token_missing":
+            return t("lifeopssettings.tokenMissing", {
+                defaultValue: "Token missing",
+            });
+        default:
+            return t("lifeopssettings.notConnected", {
+                defaultValue: "Not connected",
+            });
+    }
+}
+function readIdentity(identity, t) {
+    if (!identity) {
+        return {
+            primary: t("lifeopssettings.googleNotConnected", {
+                defaultValue: "Google not connected",
+            }),
+            secondary: null,
+        };
+    }
+    const name = typeof identity.name === "string" && identity.name.trim().length > 0
+        ? identity.name.trim()
+        : null;
+    const email = typeof identity.email === "string" && identity.email.trim().length > 0
+        ? identity.email.trim()
+        : null;
+    return {
+        primary: name ??
+            email ??
+            t("lifeopssettings.googleConnected", {
+                defaultValue: "Google connected",
+            }),
+        secondary: name && email ? email : null,
+    };
+}
+function modeLabel(mode, t) {
+    return mode === "local"
+        ? t("lifeopssettings.local", {
+            defaultValue: "Local",
+        })
+        : t("lifeopssettings.cloud", {
+            defaultValue: "Cloud",
+        });
+}
+function sideTitle(side, t) {
+    return side === "owner"
+        ? t("lifeopssettings.user", {
+            defaultValue: "User",
+        })
+        : t("chat.agentType", {
+            defaultValue: "Agent",
+        });
+}
+function capabilityItems(capabilities, t) {
+    const items = [];
+    if (capabilities.includes("google.calendar.read") ||
+        capabilities.includes("google.calendar.write")) {
+        items.push({
+            key: "calendar",
+            label: t("lifeopssettings.capabilityCalendar", {
+                defaultValue: "Cal",
+            }),
+        });
+    }
+    if (capabilities.includes("google.gmail.triage") ||
+        capabilities.includes("google.gmail.send")) {
+        items.push({
+            key: "mail",
+            label: t("lifeopssettings.capabilityMail", {
+                defaultValue: "Mail",
+            }),
+        });
+    }
+    return items;
+}
+function GoogleIcon({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 48 48", fill: "none", "aria-hidden": "true", className: className, children: [_jsx("path", { fill: "#EA4335", d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z" }), _jsx("path", { fill: "#4285F4", d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z" }), _jsx("path", { fill: "#FBBC05", d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z" }), _jsx("path", { fill: "#34A853", d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z" })] }));
+}
+function statusDotClassName(tone) {
+    switch (tone) {
+        case "ok":
+            return "bg-emerald-500 shadow-[0_0_0_3px_rgba(16,185,129,0.14)]";
+        case "warning":
+            return "bg-amber-500 shadow-[0_0_0_3px_rgba(245,158,11,0.14)]";
+        default:
+            return "bg-muted/45";
+    }
+}
+function StatusDot({ label, tone, className = "", }) {
+    return (_jsx("span", { "aria-label": label, className: `inline-block h-2.5 w-2.5 shrink-0 rounded-full ${statusDotClassName(tone)} ${className}`, role: "img", title: label }));
+}
+function IconOnlyLabel({ children, label, }) {
+    return (_jsxs("span", { className: "inline-flex items-center justify-center", title: label, children: [children, _jsx("span", { className: "sr-only", children: label })] }));
+}
+function ModeLabel({ mode, label, }) {
+    const Icon = mode === "cloud_managed" ? Cloud : HardDrive;
+    return (_jsx(IconOnlyLabel, { label: label, children: _jsx(Icon, { className: "h-3.5 w-3.5", "aria-hidden": true }) }));
+}
+function MiniMeter({ label, tone, total, value, }) {
+    const boundedTotal = Math.max(total, 0);
+    const boundedValue = boundedTotal > 0 ? Math.min(Math.max(value, 0), boundedTotal) : 0;
+    const width = boundedTotal > 0 ? `${(boundedValue / boundedTotal) * 100}%` : "0%";
+    const fill = tone === "ok"
+        ? "bg-emerald-500"
+        : tone === "warning"
+            ? "bg-amber-500"
+            : "bg-muted/45";
+    return (_jsx("span", { "aria-label": label, className: "relative inline-flex h-1.5 w-16 overflow-hidden rounded-full bg-bg/70", role: "img", title: label, children: _jsx("span", { className: `h-full rounded-full ${fill}`, style: { width } }) }));
+}
+function PendingAuthBanner({ url, onDismiss, }) {
+    const { t } = useApp();
+    const handleCopy = useCallback(async () => {
+        await navigator.clipboard.writeText(url);
+    }, [url]);
+    const handleOpen = useCallback(() => {
+        const parsed = new URL(url);
+        if (parsed.protocol !== "https:" ||
+            parsed.hostname !== "accounts.google.com") {
+            return;
+        }
+        window.open(url, "_blank", "noopener,noreferrer");
+    }, [url]);
+    return (_jsx("div", { className: "rounded-2xl bg-card/22 px-3 py-3 text-xs text-muted", children: _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs(Button, { size: "sm", variant: "outline", className: "h-7 rounded-lg px-2 text-[11px] font-semibold", onClick: () => void handleCopy(), children: [_jsx(Copy, { className: "mr-1.5 h-3.5 w-3.5" }), t("lifeopssettings.copyUrl", {
+                            defaultValue: "Copy URL",
+                        })] }), _jsxs(Button, { size: "sm", variant: "outline", className: "h-7 rounded-lg px-2 text-[11px] font-semibold", onClick: handleOpen, children: [_jsx(ExternalLink, { className: "mr-1.5 h-3.5 w-3.5" }), t("common.open", {
+                            defaultValue: "Open",
+                        })] }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7 rounded-lg px-2 text-[11px] font-semibold", onClick: onDismiss, children: t("common.dismiss", {
+                        defaultValue: "Dismiss",
+                    }) })] }) }));
+}
+function GithubRow({ github }) {
+    const { t } = useApp();
+    const identity = github.identity.trim();
+    const identityLower = identity.toLowerCase();
+    const showIdentity = identity.length > 0 &&
+        identityLower !== "not linked" &&
+        identityLower !== "no agent" &&
+        identityLower !== "cloud required";
+    const linked = github.status.trim().startsWith("1 /") ||
+        (showIdentity && !identityLower.includes("not linked"));
+    const tone = linked
+        ? "ok"
+        : github.connectDisabled
+            ? "muted"
+            : "warning";
+    const status = linked
+        ? t("lifeopssettings.connected", { defaultValue: "Connected" })
+        : t("lifeopssettings.notConnected", { defaultValue: "Not connected" });
+    return (_jsx("div", { className: "space-y-2 pt-2", children: _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: "inline-flex items-center gap-1.5 text-xs font-medium text-muted", children: [_jsx(GitBranch, { className: "h-4 w-4 shrink-0" }), _jsx("span", { children: "GitHub" }), _jsx(StatusDot, { label: status, tone: tone })] }), showIdentity ? (_jsx("div", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-txt", children: identity })) : (_jsx("div", { className: "flex-1" })), _jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: [github.onConnect ? (_jsx(Button, { size: "sm", variant: "outline", className: "h-8 w-8 rounded-xl p-0", disabled: github.connectDisabled, onClick: github.onConnect, title: github.connectLabel ??
+                                t("common.connect", {
+                                    defaultValue: "Connect",
+                                }), "aria-label": github.connectLabel ??
+                                t("common.connect", {
+                                    defaultValue: "Connect",
+                                }), children: _jsx(Plug2, { className: "h-3.5 w-3.5", "aria-hidden": true }) })) : null, github.onDisconnect ? (_jsx(Button, { size: "sm", variant: "outline", className: "h-8 w-8 rounded-xl p-0", disabled: github.disconnectDisabled, onClick: github.onDisconnect, title: t("common.disconnect", {
+                                defaultValue: "Disconnect",
+                            }), "aria-label": t("common.disconnect", {
+                                defaultValue: "Disconnect",
+                            }), children: _jsx(Unplug, { className: "h-3.5 w-3.5", "aria-hidden": true }) })) : null] })] }) }));
+}
+function GoogleConnectorSideCard({ connector, side, github, }) {
+    const { t } = useApp();
+    const { accounts, activeMode, actionPending, connect, connectAdditional, disconnect, disconnectAccount, error, loading, pendingAuthUrl, selectMode, status, } = connector;
+    const [dismissedAuthUrl, setDismissedAuthUrl] = useState(null);
+    const [calendars, setCalendars] = useState([]);
+    const [calendarLoading, setCalendarLoading] = useState(false);
+    const [calendarError, setCalendarError] = useState(null);
+    const [calendarPendingId, setCalendarPendingId] = useState(null);
+    const [calendarFeedOpen, setCalendarFeedOpen] = useState(false);
+    const connectedAccounts = accounts.filter((account) => account.connected);
+    const primaryIdentity = readIdentity(connectedAccounts[0]?.identity ?? status?.identity ?? null, t);
+    const emptyIdentityLabel = t("lifeopssettings.googleNotConnected", {
+        defaultValue: "Google not connected",
+    });
+    const showPrimaryIdentity = status?.connected === true ||
+        primaryIdentity.primary !== emptyIdentityLabel;
+    const currentStatusLabel = statusLabel(status?.reason ?? "disconnected", status?.connected === true, t);
+    const currentStatusTone = status?.connected
+        ? "ok"
+        : status?.reason === "needs_reauth" ||
+            status?.reason === "config_missing" ||
+            status?.reason === "token_missing"
+            ? "warning"
+            : "muted";
+    const controlDisabled = loading || actionPending;
+    const visibleMode = activeMode === "local" ? "local" : "cloud_managed";
+    const visibleAuthUrl = pendingAuthUrl && pendingAuthUrl !== dismissedAuthUrl
+        ? pendingAuthUrl
+        : null;
+    const preferredGrantId = status?.grant?.id ?? null;
+    useEffect(() => {
+        let cancelled = false;
+        if (!status?.connected) {
+            setCalendars([]);
+            setCalendarError(null);
+            setCalendarLoading(false);
+            return;
+        }
+        const loadCalendars = async () => {
+            setCalendarLoading(true);
+            setCalendarError(null);
+            try {
+                const response = await client.getLifeOpsCalendars({
+                    side,
+                    mode: status.mode,
+                });
+                if (!cancelled) {
+                    setCalendars(response.calendars);
+                }
+            }
+            catch (cause) {
+                if (!cancelled) {
+                    setCalendarError(cause instanceof Error && cause.message.trim().length > 0
+                        ? cause.message.trim()
+                        : "Could not load calendars.");
+                }
+            }
+            finally {
+                if (!cancelled) {
+                    setCalendarLoading(false);
+                }
+            }
+        };
+        void loadCalendars();
+        return () => {
+            cancelled = true;
+        };
+    }, [side, status?.connected, status?.mode]);
+    const toggleCalendar = useCallback(async (calendar) => {
+        setCalendarPendingId(calendar.calendarId);
+        setCalendarError(null);
+        try {
+            const response = await client.setLifeOpsCalendarIncluded({
+                calendarId: calendar.calendarId,
+                includeInFeed: !calendar.includeInFeed,
+                side,
+                mode: status?.mode,
+                grantId: calendar.grantId,
+            });
+            setCalendars((current) => current.map((entry) => entry.calendarId === response.calendar.calendarId &&
+                entry.grantId === response.calendar.grantId
+                ? response.calendar
+                : entry));
+        }
+        catch (cause) {
+            setCalendarError(cause instanceof Error && cause.message.trim().length > 0
+                ? cause.message.trim()
+                : "Could not update calendar visibility.");
+        }
+        finally {
+            setCalendarPendingId(null);
+        }
+    }, [side, status?.mode]);
+    return (_jsxs("section", { className: "space-y-3 rounded-2xl border border-border/20 bg-card/14 px-4 py-4", children: [_jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-border/30 bg-bg/38", children: _jsx(GoogleIcon, { className: "h-5 w-5" }) }), _jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: sideTitle(side, t) }), _jsx(StatusDot, { label: currentStatusLabel, tone: currentStatusTone })] }), showPrimaryIdentity ? (_jsx("div", { className: "mt-1 truncate text-sm font-semibold text-txt", children: primaryIdentity.primary })) : null, primaryIdentity.secondary ? (_jsx("div", { className: "mt-0.5 truncate text-xs text-muted", children: primaryIdentity.secondary })) : null] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:justify-end", children: [_jsx(SegmentedControl, { "aria-label": t("lifeopssettings.googleModeAria", {
+                                    defaultValue: "{{side}} Google mode",
+                                    side: sideTitle(side, t),
+                                }), value: visibleMode, onValueChange: (mode) => void selectMode(mode), items: VISIBLE_CONNECTOR_MODES.map((mode) => ({
+                                    value: mode,
+                                    label: (_jsx(ModeLabel, { mode: mode, label: modeLabel(mode, t) })),
+                                    disabled: controlDisabled,
+                                })), className: "min-w-40 flex-1 bg-bg/40 p-0.5 sm:w-auto sm:flex-none", buttonClassName: "min-h-8 flex-1 px-3 py-1.5 text-xs" }), !status?.connected ? (_jsx(Button, { size: "sm", className: "h-8 w-8 rounded-xl p-0", disabled: controlDisabled, onClick: () => void connect(), title: status?.reason === "needs_reauth"
+                                    ? t("common.reconnect", {
+                                        defaultValue: "Reconnect",
+                                    })
+                                    : t("common.connect", {
+                                        defaultValue: "Connect",
+                                    }), "aria-label": status?.reason === "needs_reauth"
+                                    ? t("common.reconnect", {
+                                        defaultValue: "Reconnect",
+                                    })
+                                    : t("common.connect", {
+                                        defaultValue: "Connect",
+                                    }), children: _jsx(Plug2, { className: "h-3.5 w-3.5", "aria-hidden": true }) })) : null, status?.connected &&
+                                connectedAccounts.length < MAX_GOOGLE_ACCOUNTS_PER_SIDE ? (_jsx(Button, { size: "sm", variant: "outline", className: "h-8 w-8 rounded-xl p-0", disabled: controlDisabled, onClick: () => void connectAdditional(), title: t("common.add", {
+                                    defaultValue: "Add",
+                                }), "aria-label": t("common.add", {
+                                    defaultValue: "Add",
+                                }), children: _jsx(Plus, { className: "h-3.5 w-3.5", "aria-hidden": true }) })) : null, status?.connected && connectedAccounts.length <= 1 ? (_jsx(Button, { size: "sm", variant: "outline", className: "h-8 w-8 rounded-xl p-0", disabled: controlDisabled, onClick: () => void disconnect(), title: t("common.disconnect", {
+                                    defaultValue: "Disconnect",
+                                }), "aria-label": t("common.disconnect", {
+                                    defaultValue: "Disconnect",
+                                }), children: _jsx(Unplug, { className: "h-3.5 w-3.5", "aria-hidden": true }) })) : null] })] }), connectedAccounts.length > 0 ? (_jsx("div", { className: "grid gap-2", children: connectedAccounts.map((account) => {
+                    const accountIdentity = readIdentity(account.identity ?? null, t);
+                    const capabilities = capabilityItems(account.grantedCapabilities, t);
+                    const isPreferred = preferredGrantId != null &&
+                        account.grant?.id === preferredGrantId;
+                    return (_jsxs("div", { className: "rounded-2xl bg-bg/40 px-3 py-2 text-xs", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("span", { className: "min-w-0 flex-1 truncate font-medium text-txt", children: accountIdentity.primary }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [isPreferred ? (_jsx(StatusDot, { label: t("lifeopssettings.active", {
+                                                    defaultValue: "Active",
+                                                }), tone: "ok" })) : null, account.grant?.id ? (_jsx("button", { type: "button", className: "text-muted transition-colors hover:text-danger", "aria-label": t("lifeopssettings.disconnectAccount", {
+                                                    defaultValue: "Disconnect {{label}}",
+                                                    label: accountIdentity.primary,
+                                                }), disabled: controlDisabled, onClick: () => {
+                                                    if (!account.grant?.id)
+                                                        return;
+                                                    void disconnectAccount(account.grant.id);
+                                                }, children: _jsx(X, { className: "h-3.5 w-3.5", "aria-hidden": true }) })) : null] })] }), capabilities.length > 0 ? (_jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: capabilities.map((capability) => (_jsx("span", { className: "inline-flex h-7 w-7 items-center justify-center rounded-full border border-border/26 bg-card/28 text-muted", title: capability.label, "aria-label": capability.label, role: "img", children: capability.key === "calendar" ? (_jsx(CalendarDays, { className: "h-3.5 w-3.5", "aria-hidden": true })) : (_jsx(Mail, { className: "h-3.5 w-3.5", "aria-hidden": true })) }, capability.key))) })) : null] }, account.grant?.id ?? accountIdentity.primary));
+                }) })) : null, status?.connected ? (_jsxs("details", { className: "rounded-2xl bg-bg/30 px-3 py-3", open: calendarFeedOpen, onToggle: (event) => setCalendarFeedOpen(event.currentTarget.open), children: [_jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-3 text-xs font-semibold text-txt", children: [_jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx(CalendarDays, { className: "h-3.5 w-3.5 text-muted", "aria-hidden": true }), t("lifeopssettings.calendarFeedTitle", {
+                                        defaultValue: "Calendar feed",
+                                    })] }), calendarError ? (_jsx(AlertTriangle, { className: "h-3.5 w-3.5 text-danger", "aria-label": t("lifeopssettings.calendarFeedIssue", {
+                                    defaultValue: "Issue",
+                                }), role: "img" })) : calendars.length > 0 ? (_jsx(MiniMeter, { label: `${calendars.filter((calendar) => calendar.includeInFeed).length}/${calendars.length}`, tone: "ok", total: calendars.length, value: calendars.filter((calendar) => calendar.includeInFeed).length })) : null] }), _jsxs("div", { className: "mt-3 space-y-2", children: [calendarLoading ? (_jsx("div", { className: "text-xs text-muted", children: t("lifeopssettings.loadingCalendars", {
+                                    defaultValue: "Loading calendars…",
+                                }) })) : calendars.length > 0 ? (_jsx("div", { className: "grid gap-2", children: calendars.map((calendar) => {
+                                    const disabled = controlDisabled ||
+                                        calendarPendingId === calendar.calendarId;
+                                    return (_jsxs("label", { className: "flex cursor-pointer items-start gap-3 rounded-xl bg-card/18 px-3 py-2 text-xs", children: [_jsx("input", { type: "checkbox", className: "mt-0.5 h-4 w-4 rounded border-border bg-bg", checked: calendar.includeInFeed, disabled: disabled, onChange: () => void toggleCalendar(calendar) }), _jsx("span", { className: "mt-1 h-2.5 w-2.5 shrink-0 rounded-full", style: {
+                                                    backgroundColor: calendar.backgroundColor ??
+                                                        "rgba(148, 163, 184, 0.8)",
+                                                } }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate font-medium text-txt", children: calendar.summary }), _jsx("span", { className: "block truncate text-muted", children: calendar.accountEmail ?? calendar.calendarId })] })] }, `${calendar.grantId}:${calendar.calendarId}`));
+                                }) })) : (_jsx("div", { className: "text-xs text-muted", children: t("lifeopssettings.noCalendars", {
+                                    defaultValue: "No readable calendars found for this connector.",
+                                }) })), calendarError ? (_jsx("div", { className: "text-xs text-danger", children: calendarError })) : null] })] })) : null, visibleAuthUrl ? (_jsx(PendingAuthBanner, { url: visibleAuthUrl, onDismiss: () => setDismissedAuthUrl(visibleAuthUrl) })) : null, error ? _jsx("div", { className: "text-xs text-danger", children: error }) : null, _jsx(GithubRow, { github: github })] }));
+}
+function flattenModelOptions(models) {
+    if (!models)
+        return [];
+    const seen = new Set();
+    const out = [];
+    // Smart features run on the small-model tier by default — surface those
+    // first so the most appropriate ids are at the top of the dropdown.
+    for (const tier of ["small", "nano", "medium", "large", "mega"]) {
+        const list = models[tier];
+        if (!list)
+            continue;
+        for (const opt of list) {
+            if (seen.has(opt.id))
+                continue;
+            seen.add(opt.id);
+            out.push(opt);
+        }
+    }
+    return out;
+}
+function SmartFeaturesCard() {
+    const { t } = useApp();
+    const [enabled, setEnabled] = useState(true);
+    const [model, setModel] = useState("");
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState(null);
+    const [modelOptions, setModelOptions] = useState([]);
+    const [optionsLoading, setOptionsLoading] = useState(true);
+    useEffect(() => {
+        let cancelled = false;
+        void (async () => {
+            try {
+                const state = await client.getLifeOpsAppState();
+                if (cancelled)
+                    return;
+                setEnabled(state.priorityScoring?.enabled !== false);
+                setModel(state.priorityScoring?.model ?? "");
+                setError(null);
+            }
+            catch (cause) {
+                if (cancelled)
+                    return;
+                setError(cause instanceof Error ? cause.message : String(cause));
+            }
+            finally {
+                if (!cancelled)
+                    setLoading(false);
+            }
+        })();
+        void (async () => {
+            try {
+                const opts = await client.getOnboardingOptions();
+                if (cancelled)
+                    return;
+                setModelOptions(flattenModelOptions(opts.models));
+            }
+            catch {
+                // Onboarding options can fail on first boot; the dropdown then falls
+                // back to a free-text input. No need to surface this as an error.
+            }
+            finally {
+                if (!cancelled)
+                    setOptionsLoading(false);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    const persist = useCallback(async (next) => {
+        setSaving(true);
+        try {
+            const previous = await client.getLifeOpsAppState();
+            const saved = await client.updateLifeOpsAppState({
+                enabled: previous.enabled,
+                priorityScoring: {
+                    enabled: next.enabled,
+                    model: next.model.trim().length > 0 ? next.model.trim() : null,
+                },
+            });
+            setEnabled(saved.priorityScoring.enabled !== false);
+            setModel(saved.priorityScoring.model ?? "");
+            setError(null);
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+        }
+        finally {
+            setSaving(false);
+        }
+    }, []);
+    const handleToggle = useCallback(() => void persist({ enabled: !enabled, model }), [enabled, model, persist]);
+    const handleModelChange = useCallback((value) => {
+        setModel(value);
+        void persist({ enabled, model: value });
+    }, [enabled, persist]);
+    return (_jsxs("section", { className: "space-y-3 rounded-2xl border border-border/20 bg-card/14 px-4 py-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-border/30 bg-bg/38", children: _jsx(Sparkles, { className: "h-4 w-4 text-muted", "aria-hidden": true }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "text-sm font-semibold text-txt", children: t("lifeopssettings.smartFeaturesTitle", {
+                                    defaultValue: "Smart features",
+                                }) }), _jsx("p", { className: "mt-0.5 text-xs text-muted", children: t("lifeopssettings.smartFeaturesDescription", {
+                                    defaultValue: "LLM-based priority scoring for the inbox. Falls back to the keyword heuristic when disabled or unavailable.",
+                                }) })] })] }), _jsxs("label", { className: "flex items-center justify-between gap-3 rounded-xl bg-bg/40 px-3 py-2 text-xs", children: [_jsx("span", { className: "font-medium text-txt", children: t("lifeopssettings.priorityScoringEnable", {
+                            defaultValue: "Enable LLM priority scoring",
+                        }) }), _jsx("input", { type: "checkbox", className: "h-4 w-4", checked: enabled, disabled: loading || saving, onChange: handleToggle })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs font-medium text-txt", htmlFor: "lifeops-priority-scoring-model", children: t("lifeopssettings.priorityScoringModel", {
+                            defaultValue: "Model",
+                        }) }), modelOptions.length > 0 ? (_jsxs("select", { id: "lifeops-priority-scoring-model", className: "w-full rounded-xl border border-border/30 bg-bg/40 px-2.5 py-1.5 text-xs text-txt", value: model, disabled: loading || saving || optionsLoading || !enabled, onChange: (e) => handleModelChange(e.target.value), children: [_jsx("option", { value: "", children: t("lifeopssettings.priorityScoringDefaultModel", {
+                                    defaultValue: "Default (small/fast model from runtime)",
+                                }) }), modelOptions.map((opt) => (_jsxs("option", { value: opt.id, children: [opt.name, " (", opt.provider, ")"] }, opt.id)))] })) : (_jsx("input", { id: "lifeops-priority-scoring-model", type: "text", className: "w-full rounded-xl border border-border/30 bg-bg/40 px-2.5 py-1.5 text-xs text-txt", placeholder: t("lifeopssettings.priorityScoringModelPlaceholder", {
+                            defaultValue: "e.g. claude-haiku-4-5, gpt-4o-mini",
+                        }), value: model, disabled: loading || saving || !enabled, onChange: (e) => setModel(e.target.value), onBlur: () => handleModelChange(model), title: t("lifeopssettings.priorityScoringModelHint", {
+                            defaultValue: "Model id passed to runtime.useModel. Leave blank to use the runtime default small model.",
+                        }) })), _jsx("p", { className: "text-[11px] text-muted", children: t("lifeopssettings.priorityScoringModelHelp", {
+                            defaultValue: "Used to score inbox messages 0–100 and bucket them into Important / Planning / Casual.",
+                        }) })] }), error ? _jsx("div", { className: "text-xs text-danger", children: error }) : null] }));
+}
+function EmailIntelligenceCard() {
+    const { t } = useApp();
+    const [enabled, setEnabled] = useState(true);
+    const [autoExtract, setAutoExtract] = useState(true);
+    const [model, setModel] = useState("");
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState(null);
+    const [modelOptions, setModelOptions] = useState([]);
+    const [optionsLoading, setOptionsLoading] = useState(true);
+    useEffect(() => {
+        let cancelled = false;
+        void (async () => {
+            try {
+                const settings = await client.getLifeOpsSmartFeatureSettings();
+                if (cancelled)
+                    return;
+                setEnabled(settings.emailClassifierEnabled);
+                setAutoExtract(settings.billsAutoExtract);
+                setModel(settings.emailClassifierModel === "TEXT_SMALL"
+                    ? ""
+                    : settings.emailClassifierModel);
+                setError(null);
+            }
+            catch (cause) {
+                if (cancelled)
+                    return;
+                setError(cause instanceof Error ? cause.message : String(cause));
+            }
+            finally {
+                if (!cancelled)
+                    setLoading(false);
+            }
+        })();
+        void (async () => {
+            try {
+                const opts = await client.getOnboardingOptions();
+                if (cancelled)
+                    return;
+                setModelOptions(flattenModelOptions(opts.models));
+            }
+            catch {
+                // Onboarding options can fail before the backend has discovered any
+                // providers — UI then falls back to a free-text input.
+            }
+            finally {
+                if (!cancelled)
+                    setOptionsLoading(false);
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    const persist = useCallback(async (next) => {
+        setSaving(true);
+        try {
+            await client.updateLifeOpsSmartFeatureSettings({
+                emailClassifierEnabled: next.enabled,
+                emailClassifierModel: next.model.trim().length > 0 ? next.model.trim() : "TEXT_SMALL",
+                billsAutoExtract: next.autoExtract,
+            });
+            setError(null);
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+        }
+        finally {
+            setSaving(false);
+        }
+    }, []);
+    const onToggleEnabled = useCallback(() => {
+        const next = !enabled;
+        setEnabled(next);
+        void persist({ enabled: next, autoExtract, model });
+    }, [enabled, autoExtract, model, persist]);
+    const onToggleAutoExtract = useCallback(() => {
+        const next = !autoExtract;
+        setAutoExtract(next);
+        void persist({ enabled, autoExtract: next, model });
+    }, [enabled, autoExtract, model, persist]);
+    const onModelChange = useCallback((value) => {
+        setModel(value);
+        void persist({ enabled, autoExtract, model: value });
+    }, [enabled, autoExtract, persist]);
+    return (_jsxs("section", { className: "space-y-3 rounded-2xl border border-border/20 bg-card/14 px-4 py-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-border/30 bg-bg/38", children: _jsx(Mail, { className: "h-4 w-4 text-muted", "aria-hidden": true }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h3", { className: "text-sm font-semibold text-txt", children: t("lifeopssettings.emailIntelligenceTitle", {
+                                    defaultValue: "Email intelligence",
+                                }) }), _jsx("p", { className: "mt-0.5 text-xs text-muted", children: t("lifeopssettings.emailIntelligenceDescription", {
+                                    defaultValue: "Classify incoming Gmail and pull bills into the Money dashboard. Rules run first; the LLM is only asked when rules are ambiguous.",
+                                }) })] })] }), _jsxs("label", { className: "flex items-center justify-between gap-3 rounded-xl bg-bg/40 px-3 py-2 text-xs", children: [_jsx("span", { className: "font-medium text-txt", children: t("lifeopssettings.emailClassifierEnable", {
+                            defaultValue: "Enable email classification",
+                        }) }), _jsx("input", { type: "checkbox", className: "h-4 w-4", checked: enabled, disabled: loading || saving, onChange: onToggleEnabled })] }), _jsxs("label", { className: "flex items-center justify-between gap-3 rounded-xl bg-bg/40 px-3 py-2 text-xs", children: [_jsx("span", { className: "font-medium text-txt", children: t("lifeopssettings.billsAutoExtract", {
+                            defaultValue: "Auto-extract bills into Money",
+                        }) }), _jsx("input", { type: "checkbox", className: "h-4 w-4", checked: autoExtract, disabled: loading || saving || !enabled, onChange: onToggleAutoExtract })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs font-medium text-txt", htmlFor: "lifeops-email-classifier-model", children: t("lifeopssettings.emailClassifierModel", {
+                            defaultValue: "Email classifier model",
+                        }) }), modelOptions.length > 0 ? (_jsxs("select", { id: "lifeops-email-classifier-model", className: "w-full rounded-xl border border-border/30 bg-bg/40 px-2.5 py-1.5 text-xs text-txt", value: model, disabled: loading || saving || optionsLoading || !enabled, onChange: (event) => onModelChange(event.target.value), children: [_jsx("option", { value: "", children: t("lifeopssettings.emailClassifierDefaultModel", {
+                                    defaultValue: "Default (small/fast model from runtime)",
+                                }) }), modelOptions.map((opt) => (_jsxs("option", { value: opt.id, children: [opt.name, " (", opt.provider, ")"] }, opt.id)))] })) : (_jsx("input", { id: "lifeops-email-classifier-model", type: "text", className: "w-full rounded-xl border border-border/30 bg-bg/40 px-2.5 py-1.5 text-xs text-txt", placeholder: "e.g. claude-haiku-4-5, gpt-4o-mini", value: model, disabled: loading || saving || !enabled, onChange: (event) => setModel(event.target.value), onBlur: () => onModelChange(model) })), _jsx("p", { className: "text-[11px] text-muted", children: t("lifeopssettings.emailClassifierModelHelp", {
+                            defaultValue: "Used only for ambiguous emails (when rules can't decide). Rules cover most senders cheaply.",
+                        }) })] }), error ? _jsx("div", { className: "text-xs text-danger", children: error }) : null] }));
+}
+export function LifeOpsSettingsSection({ ownerGithub = DEFAULT_OWNER_GITHUB, agentGithub = DEFAULT_AGENT_GITHUB, cloudAction = null, } = {}) {
+    const { t } = useApp();
+    const ownerConnector = useGoogleLifeOpsConnector({
+        includeAccounts: true,
+        side: "owner",
+    });
+    const agentConnector = useGoogleLifeOpsConnector({
+        includeAccounts: true,
+        side: "agent",
+    });
+    const resolvedOwnerGithub = ownerGithub.identity || ownerGithub.status
+        ? ownerGithub
+        : {
+            ...ownerGithub,
+            identity: t("lifeopssettings.ownerGithubNotLinked", {
+                defaultValue: "LifeOps owner GitHub not linked",
+            }),
+            status: t("lifeopssettings.notConnected", {
+                defaultValue: "Not connected",
+            }),
+        };
+    const resolvedAgentGithub = agentGithub.identity || agentGithub.status
+        ? agentGithub
+        : {
+            ...agentGithub,
+            identity: t("lifeopssettings.agentGithubNotLinked", {
+                defaultValue: "Agent GitHub not linked",
+            }),
+            status: t("lifeopssettings.notConnected", {
+                defaultValue: "Not connected",
+            }),
+        };
+    return (_jsxs("section", { className: "space-y-4", children: [cloudAction ? (_jsx("div", { className: "flex justify-end", children: _jsx(Button, { size: "sm", variant: "outline", className: "h-8 rounded-xl px-3 text-xs font-semibold", onClick: cloudAction.onClick, children: cloudAction.label }) })) : null, _jsx(MobileSignalsSetupCard, {}), _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsx(GoogleConnectorSideCard, { connector: ownerConnector, side: "owner", github: resolvedOwnerGithub }), _jsx(GoogleConnectorSideCard, { connector: agentConnector, side: "agent", github: resolvedAgentGithub })] }), _jsx(BrowserBridgeSetupPanel, {}), _jsx(SmartFeaturesCard, {}), _jsx(EmailIntelligenceCard, {}), _jsxs("section", { className: "space-y-3 rounded-2xl border border-border/20 bg-card/14 px-4 py-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-border/30 bg-bg/38", children: _jsx(ToggleRight, { className: "h-4 w-4 text-muted", "aria-hidden": true }) }), _jsx("h3", { className: "text-sm font-semibold text-txt", children: t("lifeopssettings.featuresTitle", {
+                                    defaultValue: "Features",
+                                }) })] }), _jsx(LifeOpsFeatureTogglesSection, {})] })] }));
+}

package/apps/app-lifeops/src/components/LifeOpsSetupGate.d.ts

@@ -0,0 +1,13 @@
+export declare const LIFEOPS_SETUP_GATE_DISMISSED_KEY = "eliza:lifeops-setup-gate-dismissed";
+export declare function clearLifeOpsSetupGateDismissed(): void;
+export declare function useLifeOpsSetupGate(): {
+    dismissed: boolean;
+    dismiss: () => void;
+    reset: () => void;
+};
+interface LifeOpsSetupGateProps {
+    onDismiss: () => void;
+}
+export declare function LifeOpsSetupGate({ onDismiss }: LifeOpsSetupGateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LifeOpsSetupGate.d.ts.map

package/apps/app-lifeops/src/components/LifeOpsSetupGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LifeOpsSetupGate.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/LifeOpsSetupGate.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,gCAAgC,uCACP,CAAC;AAkBvC,wBAAgB,8BAA8B,IAAI,IAAI,CAMrD;AAED,wBAAgB,mBAAmB;;;;EAclC;AAED,UAAU,qBAAqB;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAiOpE"}