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

package/apps/app-companion/src/types/render-modes.d.ts

@@ -0,0 +1,4 @@
+import type { CompanionHalfFramerateMode, CompanionVrmPowerMode } from "@elizaos/app-core/state/types";
+export declare const COMPANION_VRM_POWER_OPTIONS: readonly CompanionVrmPowerMode[];
+export declare const COMPANION_HALF_FRAMERATE_OPTIONS: readonly CompanionHalfFramerateMode[];
+//# sourceMappingURL=render-modes.d.ts.map

package/apps/app-companion/src/types/render-modes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-modes.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-companion/src/types/render-modes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAC1B,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AAEvC,eAAO,MAAM,2BAA2B,EAAE,SAAS,qBAAqB,EAIvE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,SAAS,0BAA0B,EAC1C,CAAC"}

package/apps/app-companion/src/types/render-modes.js

@@ -0,0 +1,6 @@
+export const COMPANION_VRM_POWER_OPTIONS = [
+    "quality",
+    "balanced",
+    "efficiency",
+];
+export const COMPANION_HALF_FRAMERATE_OPTIONS = ["off", "when_saving_power", "always"];

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LifeOpsBrowserSetupPanel.d.ts","sourceRoot":"","sources":["../../../../../../apps/app-lifeops/src/LifeOpsBrowserSetupPanel.tsx"],"names":[],"mappings":"AAsdA,wBAAgB,wBAAwB,4CA0rBvC"}

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

@@ -0,0 +1,463 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LIFEOPS_BROWSER_SITE_ACCESS_MODES, } from "@elizaos/shared/contracts/lifeops";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, Input, Label, Switch, Textarea, } from "@elizaos/app-core";
+import { Copy, Download, FolderOpen, Package, RefreshCw, ShieldCheck, Sparkles, } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { client } from "@elizaos/app-core";
+import { invokeDesktopBridgeRequest, isElectrobunRuntime, } from "@elizaos/app-core";
+import { copyTextToClipboard, openExternalUrl, resolveLifeOpsBrowserApiBaseUrl, } from "@elizaos/app-core";
+const DEFAULT_PAIRING_PROFILE = {
+    profileId: "default",
+    profileLabel: "Default",
+};
+const CHROME_EXTENSIONS_URL = "chrome://extensions/";
+function settingsToDraft(settings) {
+    return {
+        enabled: settings.enabled,
+        trackingMode: settings.trackingMode,
+        allowBrowserControl: settings.allowBrowserControl,
+        requireConfirmationForAccountAffecting: settings.requireConfirmationForAccountAffecting,
+        incognitoEnabled: settings.incognitoEnabled,
+        siteAccessMode: settings.siteAccessMode,
+        grantedOriginsText: settings.grantedOrigins.join("\n"),
+        blockedOriginsText: settings.blockedOrigins.join("\n"),
+        maxRememberedTabs: String(settings.maxRememberedTabs),
+        pauseUntilLocal: formatDateTimeLocalValue(settings.pauseUntil),
+    };
+}
+function parseOriginLines(value) {
+    return value
+        .split(/\r?\n/)
+        .map((entry) => entry.trim().replace(/\/+$/, ""))
+        .filter((entry) => entry.length > 0);
+}
+function formatDateTimeLocalValue(value) {
+    if (!value) {
+        return "";
+    }
+    const parsed = Date.parse(value);
+    if (!Number.isFinite(parsed)) {
+        return "";
+    }
+    const date = new Date(parsed);
+    const year = String(date.getFullYear());
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const day = String(date.getDate()).padStart(2, "0");
+    const hours = String(date.getHours()).padStart(2, "0");
+    const minutes = String(date.getMinutes()).padStart(2, "0");
+    return `${year}-${month}-${day}T${hours}:${minutes}`;
+}
+function parseDateTimeLocalValue(value) {
+    const trimmed = value.trim();
+    if (!trimmed) {
+        return null;
+    }
+    const parsed = new Date(trimmed);
+    if (!Number.isFinite(parsed.getTime())) {
+        throw new Error("Pause until must be a valid local date and time");
+    }
+    return parsed.toISOString();
+}
+function normalizePairingRequest(browser, existing) {
+    return {
+        browser,
+        profileId: existing?.profileId || DEFAULT_PAIRING_PROFILE.profileId,
+        profileLabel: existing?.profileLabel || DEFAULT_PAIRING_PROFILE.profileLabel,
+        label: existing?.label ||
+            `LifeOps Browser ${browser} ${existing?.profileLabel || DEFAULT_PAIRING_PROFILE.profileLabel}`,
+    };
+}
+function pairingPayload(response) {
+    return {
+        apiBaseUrl: resolveLifeOpsBrowserApiBaseUrl(),
+        companionId: response.companion.id,
+        pairingToken: response.pairingToken,
+        browser: response.companion.browser,
+        profileId: response.companion.profileId,
+        profileLabel: response.companion.profileLabel,
+        label: response.companion.label,
+    };
+}
+async function openDesktopPath(pathValue, revealOnly = false) {
+    await invokeDesktopBridgeRequest({
+        rpcMethod: revealOnly ? "desktopShowItemInFolder" : "desktopOpenPath",
+        ipcChannel: revealOnly ? "desktop:showItemInFolder" : "desktop:openPath",
+        params: { path: pathValue },
+    });
+}
+function formatTimestamp(value) {
+    if (!value) {
+        return null;
+    }
+    const parsed = Date.parse(value);
+    if (!Number.isFinite(parsed)) {
+        return null;
+    }
+    return new Intl.DateTimeFormat(undefined, {
+        month: "short",
+        day: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+    }).format(new Date(parsed));
+}
+function permissionSummary(permissions) {
+    if (!permissions) {
+        return "Permissions unavailable";
+    }
+    return [
+        permissions.allOrigins
+            ? "all-sites access"
+            : permissions.grantedOrigins.length > 0
+                ? `${permissions.grantedOrigins.length} granted site${permissions.grantedOrigins.length === 1 ? "" : "s"}`
+                : "current-site access",
+        permissions.scripting ? "DOM actions enabled" : "DOM actions unavailable",
+        permissions.incognitoEnabled ? "incognito on" : "incognito off",
+    ].join(" • ");
+}
+function mergePackageStatus(current, next) {
+    return {
+        relayReachable: current?.relayReachable ?? false,
+        relayPort: current?.relayPort ?? 18792,
+        extensionPath: next.extensionPath,
+        chromeBuildPath: next.chromeBuildPath,
+        chromePackagePath: next.chromePackagePath,
+        safariWebExtensionPath: next.safariWebExtensionPath,
+        safariAppPath: next.safariAppPath,
+        safariPackagePath: next.safariPackagePath,
+        releaseManifest: next.releaseManifest ?? null,
+    };
+}
+function releaseTargetForBrowser(browser, releaseManifest) {
+    if (!releaseManifest) {
+        return null;
+    }
+    return browser === "chrome" ? releaseManifest.chrome : releaseManifest.safari;
+}
+function installButtonLabel(browser, releaseManifest) {
+    const target = releaseTargetForBrowser(browser, releaseManifest);
+    if (target?.installKind === "chrome_web_store") {
+        return "Open Chrome Web Store";
+    }
+    if (target?.installKind === "apple_app_store") {
+        return "Open App Store";
+    }
+    if (target?.installKind === "github_release") {
+        return `Download ${browser === "chrome" ? "Chrome" : "Safari"} Release`;
+    }
+    if (target?.installKind === "local_download") {
+        return `Download ${browser === "chrome" ? "Chrome" : "Safari"} Package`;
+    }
+    return `Install ${browser === "chrome" ? "Chrome" : "Safari"}`;
+}
+function installHint(browser, releaseManifest) {
+    const target = releaseTargetForBrowser(browser, releaseManifest);
+    if (target?.installKind === "chrome_web_store") {
+        return "Open the Chrome Web Store listing, install the release build, then import the copied pairing JSON in the extension popup.";
+    }
+    if (target?.installKind === "apple_app_store") {
+        return "Open the Safari companion listing, install the released app, then enable the extension and import the copied pairing JSON.";
+    }
+    if (target?.installKind === "github_release") {
+        return "Download the tagged release bundle, install it, then import the copied pairing JSON in the extension popup.";
+    }
+    if (target?.installKind === "local_download") {
+        return "Download the packaged companion bundle, install it locally, then import the copied pairing JSON.";
+    }
+    return browser === "chrome"
+        ? "Load the unpacked build folder in Chrome, or use the packaged zip for distribution."
+        : "Open the generated macOS app once, then enable the Safari extension in Safari Settings.";
+}
+function releaseBadgeLabel(browser, releaseManifest) {
+    const target = releaseTargetForBrowser(browser, releaseManifest);
+    if (!target) {
+        return null;
+    }
+    if (target.installKind === "chrome_web_store") {
+        return "Chrome Web Store";
+    }
+    if (target.installKind === "apple_app_store") {
+        return "App Store";
+    }
+    if (target.installKind === "github_release") {
+        return "Release build";
+    }
+    return "Download";
+}
+function BrowserCompanionRow({ browser, buildPath, packagePath, appPath, releaseManifest, busy, pairing, onInstall, onBuild, onCreatePairing, onCopyPairing, onDownload, onOpenPath, }) {
+    const browserLabel = browser === "chrome" ? "Chrome" : "Safari";
+    const installHintText = installHint(browser, releaseManifest);
+    const installLabel = installButtonLabel(browser, releaseManifest);
+    const distributionLabel = releaseBadgeLabel(browser, releaseManifest);
+    const hasLocalArtifact = Boolean(buildPath || packagePath || appPath);
+    const showBuiltBadge = hasLocalArtifact || !distributionLabel;
+    return (_jsxs("div", { className: "rounded-2xl border border-border/60 bg-bg/30 p-4 space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: browserLabel }), distributionLabel ? (_jsx(Badge, { variant: "secondary", children: distributionLabel })) : null, showBuiltBadge && hasLocalArtifact ? (_jsx(Badge, { variant: "secondary", children: "Built" })) : null, showBuiltBadge && !hasLocalArtifact ? (_jsx(Badge, { variant: "outline", children: "Not built" })) : null] }), _jsx("p", { className: "text-sm text-muted", children: installHintText })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs(Button, { size: "sm", disabled: busy, onClick: () => void onInstall(browser), children: [_jsx(Sparkles, { className: "mr-2 h-3.5 w-3.5" }), busy ? "Preparing…" : installLabel] }), _jsxs(Button, { size: "sm", variant: "outline", disabled: busy, onClick: () => void onBuild(browser), children: [_jsx(Package, { className: "mr-2 h-3.5 w-3.5" }), busy ? "Building…" : `Build ${browserLabel}`] }), _jsxs(Button, { size: "sm", variant: "outline", disabled: busy, onClick: () => void onCreatePairing(browser), children: [_jsx(Sparkles, { className: "mr-2 h-3.5 w-3.5" }), "Pair ", browserLabel] }), pairing ? (_jsxs(Button, { size: "sm", variant: "outline", disabled: busy, onClick: () => void onCopyPairing(browser), children: [_jsx(Copy, { className: "mr-2 h-3.5 w-3.5" }), "Copy pairing JSON"] })) : null, packagePath ? (_jsxs(Button, { size: "sm", variant: "outline", disabled: busy, onClick: () => void onDownload(browser), children: [_jsx(Download, { className: "mr-2 h-3.5 w-3.5" }), "Download zip"] })) : null] })] }), _jsxs("div", { className: "grid gap-2 text-xs text-muted", children: [buildPath ? (_jsxs("div", { className: "rounded-xl border border-border/60 bg-bg/40 p-3", children: [_jsx("div", { className: "font-semibold text-txt", children: "Build folder" }), _jsx("div", { className: "mt-1 break-all font-mono", children: buildPath }), isElectrobunRuntime() ? (_jsx("div", { className: "mt-2", children: _jsxs(Button, { size: "sm", variant: "outline", onClick: () => void onOpenPath(buildPath, true), children: [_jsx(FolderOpen, { className: "mr-2 h-3.5 w-3.5" }), "Reveal build"] }) })) : null] })) : null, packagePath ? (_jsxs("div", { className: "rounded-xl border border-border/60 bg-bg/40 p-3", children: [_jsx("div", { className: "font-semibold text-txt", children: "Package" }), _jsx("div", { className: "mt-1 break-all font-mono", children: packagePath }), isElectrobunRuntime() ? (_jsx("div", { className: "mt-2", children: _jsxs(Button, { size: "sm", variant: "outline", onClick: () => void onOpenPath(packagePath, true), children: [_jsx(FolderOpen, { className: "mr-2 h-3.5 w-3.5" }), "Reveal package"] }) })) : null] })) : null, appPath ? (_jsxs("div", { className: "rounded-xl border border-border/60 bg-bg/40 p-3", children: [_jsx("div", { className: "font-semibold text-txt", children: "App bundle" }), _jsx("div", { className: "mt-1 break-all font-mono", children: appPath }), isElectrobunRuntime() ? (_jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: () => void onOpenPath(appPath), children: "Open app" }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => void onOpenPath(appPath, true), children: [_jsx(FolderOpen, { className: "mr-2 h-3.5 w-3.5" }), "Reveal app"] })] })) : null] })) : null] })] }));
+}
+export function LifeOpsBrowserSetupPanel() {
+    const [draft, setDraft] = useState(null);
+    const [companions, setCompanions] = useState([]);
+    const [currentPage, setCurrentPage] = useState(null);
+    const [packageStatus, setPackageStatus] = useState(null);
+    const [pairings, setPairings] = useState({});
+    const [loading, setLoading] = useState(true);
+    const [savingSettings, setSavingSettings] = useState(false);
+    const [buildingBrowser, setBuildingBrowser] = useState(null);
+    const [pairingBrowser, setPairingBrowser] = useState(null);
+    const [installingBrowser, setInstallingBrowser] = useState(null);
+    const [statusMessage, setStatusMessage] = useState(null);
+    const [error, setError] = useState(null);
+    const refresh = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const [settingsResponse, companionsResponse, currentPageResponse, status,] = await Promise.all([
+                client.getLifeOpsBrowserSettings(),
+                client.listLifeOpsBrowserCompanions(),
+                client.getLifeOpsBrowserCurrentPage(),
+                client.getLifeOpsBrowserPackageStatus(),
+            ]);
+            setDraft(settingsToDraft(settingsResponse.settings));
+            setCompanions(companionsResponse.companions);
+            setCurrentPage(currentPageResponse.page
+                ? `${currentPageResponse.page.title} ${currentPageResponse.page.url}`
+                : null);
+            setPackageStatus((current) => mergePackageStatus(current, status.status));
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        void refresh();
+    }, [refresh]);
+    const companionByBrowser = useMemo(() => {
+        const map = new Map();
+        for (const companion of companions) {
+            if (!map.has(companion.browser)) {
+                map.set(companion.browser, companion);
+            }
+        }
+        return map;
+    }, [companions]);
+    const pairingPayloads = useMemo(() => {
+        const payloads = {};
+        for (const browser of ["chrome", "safari"]) {
+            const pairing = pairings[browser];
+            if (pairing) {
+                payloads[browser] = JSON.stringify(pairingPayload(pairing), null, 2);
+            }
+        }
+        return payloads;
+    }, [pairings]);
+    const updateDraft = (key, value) => {
+        setDraft((current) => (current ? { ...current, [key]: value } : current));
+    };
+    const saveSettings = async () => {
+        if (!draft) {
+            return;
+        }
+        setSavingSettings(true);
+        setError(null);
+        try {
+            const maxRememberedTabs = Math.max(1, Number.parseInt(draft.maxRememberedTabs, 10) || 10);
+            const response = await client.updateLifeOpsBrowserSettings({
+                enabled: draft.enabled,
+                trackingMode: draft.trackingMode,
+                allowBrowserControl: draft.allowBrowserControl,
+                requireConfirmationForAccountAffecting: draft.requireConfirmationForAccountAffecting,
+                incognitoEnabled: draft.incognitoEnabled,
+                siteAccessMode: draft.siteAccessMode,
+                grantedOrigins: parseOriginLines(draft.grantedOriginsText),
+                blockedOrigins: parseOriginLines(draft.blockedOriginsText),
+                maxRememberedTabs,
+                pauseUntil: parseDateTimeLocalValue(draft.pauseUntilLocal),
+            });
+            setDraft(settingsToDraft(response.settings));
+            setStatusMessage("Saved LifeOps Browser settings.");
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+        }
+        finally {
+            setSavingSettings(false);
+        }
+    };
+    const buildPackage = async (browser, options) => {
+        setBuildingBrowser(browser);
+        setError(null);
+        try {
+            const response = await client.buildLifeOpsBrowserCompanionPackage(browser);
+            const nextStatus = mergePackageStatus(packageStatus, response.status);
+            setPackageStatus(nextStatus);
+            if (!options?.silent) {
+                setStatusMessage(`Built ${browser === "chrome" ? "Chrome" : "Safari"} companion package.`);
+            }
+            return nextStatus;
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+            throw cause;
+        }
+        finally {
+            setBuildingBrowser(null);
+        }
+    };
+    const createPairing = async (browser, options) => {
+        setPairingBrowser(browser);
+        setError(null);
+        try {
+            const response = await client.createLifeOpsBrowserCompanionPairing(normalizePairingRequest(browser, companionByBrowser.get(browser) ?? null));
+            setPairings((current) => ({
+                ...current,
+                [browser]: response,
+            }));
+            if (!options?.silent) {
+                setStatusMessage(`Created a ${browser} pairing payload. Import it into the companion popup.`);
+            }
+            await refresh();
+            return response;
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+            throw cause;
+        }
+        finally {
+            setPairingBrowser(null);
+        }
+    };
+    const copyPairing = async (browser) => {
+        try {
+            const payload = pairingPayloads[browser];
+            if (!payload) {
+                return;
+            }
+            await copyTextToClipboard(payload);
+            setStatusMessage(`Copied ${browser} pairing JSON to the clipboard.`);
+            setError(null);
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+        }
+    };
+    const downloadPackage = async (browser, options) => {
+        try {
+            setError(null);
+            const download = await client.downloadLifeOpsBrowserCompanionPackage(browser);
+            const objectUrl = URL.createObjectURL(download.blob);
+            const anchor = document.createElement("a");
+            anchor.href = objectUrl;
+            anchor.download = download.filename;
+            anchor.rel = "noopener";
+            document.body.appendChild(anchor);
+            anchor.click();
+            anchor.remove();
+            window.setTimeout(() => {
+                URL.revokeObjectURL(objectUrl);
+            }, 0);
+            if (!options?.silent) {
+                setStatusMessage(`Downloaded ${browser === "chrome" ? "Chrome" : "Safari"} companion package.`);
+            }
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+            throw cause;
+        }
+    };
+    const openPath = async (pathValue, revealOnly = false) => {
+        try {
+            if (isElectrobunRuntime()) {
+                await openDesktopPath(pathValue, revealOnly);
+                setError(null);
+                return;
+            }
+            await copyTextToClipboard(pathValue);
+            setStatusMessage("Copied the local path to the clipboard.");
+            setError(null);
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+        }
+    };
+    const installCompanion = async (browser) => {
+        setInstallingBrowser(browser);
+        setError(null);
+        try {
+            const releaseTarget = releaseTargetForBrowser(browser, packageStatus?.releaseManifest);
+            const response = await createPairing(browser, { silent: true });
+            await copyTextToClipboard(JSON.stringify(pairingPayload(response), null, 2));
+            if (releaseTarget?.installUrl) {
+                await openExternalUrl(releaseTarget.installUrl);
+                setStatusMessage(releaseTarget.installKind === "chrome_web_store"
+                    ? "Chrome install is prepared. We copied the pairing JSON and opened the Chrome Web Store listing. Install the release build, then import the copied pairing JSON in the extension popup."
+                    : releaseTarget.installKind === "apple_app_store"
+                        ? "Safari install is prepared. We copied the pairing JSON and opened the App Store listing. Install the release app, enable the Safari extension, then import the copied pairing JSON."
+                        : `${browser === "chrome" ? "Chrome" : "Safari"} install is prepared. We copied the pairing JSON and opened the release download. Install the release build, then import the copied pairing JSON in the extension popup.`);
+                return;
+            }
+            const needsBuild = browser === "chrome"
+                ? isElectrobunRuntime()
+                    ? !packageStatus?.chromeBuildPath
+                    : !packageStatus?.chromePackagePath
+                : isElectrobunRuntime()
+                    ? !packageStatus?.safariAppPath
+                    : !packageStatus?.safariPackagePath;
+            const nextStatus = needsBuild
+                ? await buildPackage(browser, { silent: true })
+                : packageStatus;
+            if (browser === "chrome") {
+                if (isElectrobunRuntime()) {
+                    const buildPath = nextStatus?.chromeBuildPath;
+                    if (!buildPath) {
+                        throw new Error("Chrome build folder is not available");
+                    }
+                    await openDesktopPath(buildPath, true);
+                }
+                else {
+                    await downloadPackage(browser, { silent: true });
+                }
+                await openExternalUrl(CHROME_EXTENSIONS_URL);
+                setStatusMessage("Chrome install is prepared. We copied the pairing JSON and opened the extension manager. In Chrome, click Load unpacked and select the built LifeOps Browser folder.");
+            }
+            else {
+                if (isElectrobunRuntime()) {
+                    const appPath = nextStatus?.safariAppPath;
+                    if (!appPath) {
+                        throw new Error("Safari app bundle is not available");
+                    }
+                    await openDesktopPath(appPath);
+                }
+                else {
+                    await downloadPackage(browser, { silent: true });
+                }
+                setStatusMessage("Safari install is prepared. We copied the pairing JSON and opened the LifeOps Browser app or package. Run the app once, then enable the extension in Safari Settings.");
+            }
+        }
+        catch (cause) {
+            setError(cause instanceof Error ? cause.message : String(cause));
+        }
+        finally {
+            setInstallingBrowser(null);
+        }
+    };
+    return (_jsxs(Card, { className: "border-border/60 bg-bg/20", children: [_jsxs(CardHeader, { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ShieldCheck, { className: "h-4 w-4 text-muted" }), _jsx(CardTitle, { className: "text-sm font-semibold", children: "LifeOps Browser" })] }), _jsx("p", { className: "text-sm text-muted", children: "Personal Chrome and Safari companions for the user\u2019s browser, separate from the browser workspace." })] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => void refresh(), children: [_jsx(RefreshCw, { className: "mr-2 h-3.5 w-3.5" }), "Refresh"] })] }), currentPage ? (_jsxs("div", { className: "rounded-xl border border-border/60 bg-bg/40 px-3 py-2 text-xs text-muted", children: ["Current page: ", _jsx("span", { className: "text-txt", children: currentPage })] })) : null, statusMessage ? (_jsx("div", { className: "rounded-xl border border-border/60 bg-bg/40 px-3 py-2 text-xs text-txt", children: statusMessage })) : null, error ? (_jsx("div", { className: "rounded-xl border border-danger/50 bg-danger/10 px-3 py-2 text-xs text-danger", children: error })) : null] }), _jsxs(CardContent, { className: "space-y-5", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [_jsx(BrowserCompanionRow, { browser: "chrome", buildPath: packageStatus?.chromeBuildPath, packagePath: packageStatus?.chromePackagePath, releaseManifest: packageStatus?.releaseManifest ?? null, busy: buildingBrowser === "chrome" ||
+                                    pairingBrowser === "chrome" ||
+                                    installingBrowser === "chrome", pairing: pairings.chrome ?? null, onInstall: installCompanion, onBuild: buildPackage, onCreatePairing: createPairing, onCopyPairing: copyPairing, onDownload: downloadPackage, onOpenPath: openPath }), _jsx(BrowserCompanionRow, { browser: "safari", buildPath: packageStatus?.safariWebExtensionPath, packagePath: packageStatus?.safariPackagePath, appPath: packageStatus?.safariAppPath, releaseManifest: packageStatus?.releaseManifest ?? null, busy: buildingBrowser === "safari" ||
+                                    pairingBrowser === "safari" ||
+                                    installingBrowser === "safari", pairing: pairings.safari ?? null, onInstall: installCompanion, onBuild: buildPackage, onCreatePairing: createPairing, onCopyPairing: copyPairing, onDownload: downloadPackage, onOpenPath: openPath })] }), ["chrome", "safari"].map((browser) => {
+                        const payload = pairingPayloads[browser];
+                        if (!payload) {
+                            return null;
+                        }
+                        return (_jsxs("div", { className: "rounded-2xl border border-border/60 bg-bg/30 p-4 space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "text-sm font-semibold text-txt", children: [browser === "chrome" ? "Chrome" : "Safari", " pairing payload"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => void copyPairing(browser), children: [_jsx(Copy, { className: "mr-2 h-3.5 w-3.5" }), "Copy"] })] }), _jsx(Textarea, { readOnly: true, rows: 8, value: payload, className: "font-mono text-xs" })] }, browser));
+                    }), draft ? (_jsxs("div", { className: "rounded-2xl border border-border/60 bg-bg/30 p-4 space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: "LifeOps Browser settings" }), _jsx(Button, { size: "sm", variant: "outline", disabled: savingSettings || loading, onClick: () => void saveSettings(), children: savingSettings ? "Saving…" : "Save settings" })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 rounded-xl border border-border/60 bg-bg/40 px-3 py-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-txt", children: "Enabled" }), _jsx("div", { className: "text-xs text-muted", children: "Allow the personal browser companion to sync with LifeOps." })] }), _jsx(Switch, { checked: draft.enabled, onCheckedChange: (checked) => updateDraft("enabled", checked) })] }), _jsxs("div", { className: "flex items-center justify-between gap-3 rounded-xl border border-border/60 bg-bg/40 px-3 py-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-txt", children: "Browser control" }), _jsx("div", { className: "text-xs text-muted", children: "Let approved sessions drive the personal browser." })] }), _jsx(Switch, { checked: draft.allowBrowserControl, onCheckedChange: (checked) => updateDraft("allowBrowserControl", checked) })] }), _jsxs("div", { className: "flex items-center justify-between gap-3 rounded-xl border border-border/60 bg-bg/40 px-3 py-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-txt", children: "Require confirmation" }), _jsx("div", { className: "text-xs text-muted", children: "Keep account-affecting actions gated by confirmation." })] }), _jsx(Switch, { checked: draft.requireConfirmationForAccountAffecting, onCheckedChange: (checked) => updateDraft("requireConfirmationForAccountAffecting", checked) })] }), _jsxs("div", { className: "flex items-center justify-between gap-3 rounded-xl border border-border/60 bg-bg/40 px-3 py-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-txt", children: "Incognito access" }), _jsx("div", { className: "text-xs text-muted", children: "Allow companion sync from incognito browser tabs." })] }), _jsx(Switch, { checked: draft.incognitoEnabled, onCheckedChange: (checked) => updateDraft("incognitoEnabled", checked) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "text-xs uppercase tracking-[0.08em] text-muted", children: "Tracking mode" }), _jsx("div", { className: "flex flex-wrap gap-2", children: ["off", "current_tab", "active_tabs"].map((mode) => (_jsx(Button, { size: "sm", variant: draft.trackingMode === mode ? "default" : "outline", onClick: () => updateDraft("trackingMode", mode), children: mode === "off"
+                                                ? "Off"
+                                                : mode === "current_tab"
+                                                    ? "Current tab"
+                                                    : "Active tabs" }, mode))) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "text-xs uppercase tracking-[0.08em] text-muted", children: "Site access mode" }), _jsx("div", { className: "flex flex-wrap gap-2", children: LIFEOPS_BROWSER_SITE_ACCESS_MODES.map((mode) => (_jsx(Button, { size: "sm", variant: draft.siteAccessMode === mode ? "default" : "outline", onClick: () => updateDraft("siteAccessMode", mode), children: mode === "current_site_only"
+                                                ? "Current site"
+                                                : mode === "granted_sites"
+                                                    ? "Granted sites"
+                                                    : "All sites" }, mode))) })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-[minmax(0,1fr)_220px]", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "lifeops-browser-max-tabs", children: "Max remembered tabs" }), _jsx(Input, { id: "lifeops-browser-max-tabs", value: draft.maxRememberedTabs, onChange: (event) => updateDraft("maxRememberedTabs", event.currentTarget.value), inputMode: "numeric" })] }), _jsxs("div", { className: "rounded-xl border border-border/60 bg-bg/40 px-3 py-2 text-xs text-muted", children: ["Connected companions:", " ", _jsx("span", { className: "text-txt", children: companions.length }), _jsx("br", {}), "Extension workspace:", " ", _jsx("span", { className: "break-all font-mono text-xs-tight text-txt", children: packageStatus?.extensionPath ?? "Unavailable" })] })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-[minmax(0,1fr)_auto_auto]", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "lifeops-browser-pause-until", children: "Pause sharing until" }), _jsx(Input, { id: "lifeops-browser-pause-until", type: "datetime-local", value: draft.pauseUntilLocal, onChange: (event) => updateDraft("pauseUntilLocal", event.currentTarget.value) })] }), _jsx(Button, { size: "sm", variant: "outline", className: "self-end", onClick: () => updateDraft("pauseUntilLocal", formatDateTimeLocalValue(new Date(Date.now() + 60 * 60 * 1000).toISOString())), children: "Pause 1 hour" }), _jsx(Button, { size: "sm", variant: "outline", className: "self-end", onClick: () => updateDraft("pauseUntilLocal", ""), children: "Resume now" })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "lifeops-browser-granted-origins", children: "Granted origins" }), _jsx(Textarea, { id: "lifeops-browser-granted-origins", rows: 5, placeholder: "https://mail.google.com", value: draft.grantedOriginsText, onChange: (event) => updateDraft("grantedOriginsText", event.currentTarget.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "lifeops-browser-blocked-origins", children: "Blocked origins" }), _jsx(Textarea, { id: "lifeops-browser-blocked-origins", rows: 5, placeholder: "https://bank.example.com", value: draft.blockedOriginsText, onChange: (event) => updateDraft("blockedOriginsText", event.currentTarget.value) })] })] }), _jsx("div", { className: "rounded-xl border border-border/60 bg-bg/40 px-3 py-2 text-xs text-muted", children: "Install Chrome or Safari in one click here. The framework builds the companion, prepares a fresh pairing token, and launches the next destination for that browser. Chrome still requires Load unpacked approval, and Safari still requires enabling the extension in Safari Settings." })] })) : loading ? (_jsx("div", { className: "text-sm text-muted", children: "Loading LifeOps Browser settings\u2026" })) : null, companions.length > 0 ? (_jsxs("div", { className: "rounded-2xl border border-border/60 bg-bg/30 p-4 space-y-2", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: "Paired companions" }), _jsx("div", { className: "grid gap-2 text-sm", children: companions.map((companion) => (_jsxs("div", { className: "rounded-xl border border-border/60 bg-bg/40 px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Badge, { variant: "outline", children: [companion.browser, "/", companion.profileLabel] }), _jsx(Badge, { variant: "secondary", children: companion.connectionState })] }), _jsxs("div", { className: "mt-1 text-xs text-muted", children: ["Last seen:", " ", formatTimestamp(companion.lastSeenAt) ?? "Never"] }), _jsx("div", { className: "mt-1 text-xs text-muted", children: permissionSummary(companion.permissions) })] }, companion.id))) })] })) : null] })] }));
+}

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

@@ -0,0 +1,42 @@
+import type { LifeOpsActiveReminderView, LifeOpsGoalDefinition, LifeOpsOccurrenceView } from "@elizaos/shared/contracts/lifeops";
+import type { ReactNode } from "react";
+import type { CloudCompatAgent, CloudCompatManagedGithubStatus, CloudOAuthConnection } from "@elizaos/app-core";
+export type ManagedAgentGithubEntry = {
+    agent: CloudCompatAgent;
+    github: CloudCompatManagedGithubStatus | null;
+};
+export declare function occurrenceSortValue(occurrence: LifeOpsOccurrenceView): number;
+export declare function SectionSurface({ title, icon, subtitle, children, }: {
+    title: string;
+    icon: ReactNode;
+    subtitle: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SummaryMetric({ label, value, detail, }: {
+    label: string;
+    value: string;
+    detail: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function OccurrenceList({ occurrences, }: {
+    occurrences: LifeOpsOccurrenceView[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function GoalList({ goals }: {
+    goals: LifeOpsGoalDefinition[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ReminderList({ reminders, }: {
+    reminders: LifeOpsActiveReminderView[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function OwnerGithubConnectionCard({ connection, busy, onDisconnect, }: {
+    connection: CloudOAuthConnection;
+    busy: boolean;
+    onDisconnect: (connectionId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function AgentGithubCard({ entry, ownerConnections, busyAgentId, onConnect, onDisconnect, onUseOwnerConnection, }: {
+    entry: ManagedAgentGithubEntry;
+    ownerConnections: CloudOAuthConnection[];
+    busyAgentId: string | null;
+    onConnect: (agentId: string) => void;
+    onDisconnect: (agentId: string) => void;
+    onUseOwnerConnection: (agentId: string, connectionId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LifeOpsPageSections.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LifeOpsPageSections.d.ts","sourceRoot":"","sources":["../../../../../../apps/app-lifeops/src/LifeOpsPageSections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,yBAAyB,EAEzB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,mCAAmC,CAAC;AAG3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,gBAAgB,EAChB,8BAA8B,EAC9B,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,8BAA8B,GAAG,IAAI,CAAC;CAC/C,CAAC;AA+CF,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,GAAG,MAAM,CAiB7E;AAsED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAeA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,2CAUA;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,GACZ,EAAE;IACD,WAAW,EAAE,qBAAqB,EAAE,CAAC;CACtC,2CA2CA;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,qBAAqB,EAAE,CAAA;CAAE,2CAkDrE;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,GACV,EAAE;IACD,SAAS,EAAE,yBAAyB,EAAE,CAAC;CACxC,2CAuCA;AAED,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,IAAI,EACJ,YAAY,GACb,EAAE;IACD,UAAU,EAAE,oBAAoB,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,2CAuDA;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,YAAY,EACZ,oBAAoB,GACrB,EAAE;IACD,KAAK,EAAE,uBAAuB,CAAC;IAC/B,gBAAgB,EAAE,oBAAoB,EAAE,CAAC;IACzC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oBAAoB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACvE,2CAqHA"}