@elizaos/ui 2.0.0-alpha.382 → 2.0.0-alpha.385

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

@@ -1,597 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}