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

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

@@ -0,0 +1,9 @@
+interface MissingSourceCardProps {
+    title: string;
+    ctaLabel?: string;
+    onCta?: () => void;
+    className?: string;
+}
+export declare function MissingSourceCard({ title, ctaLabel, onCta, className, }: MissingSourceCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MissingSourceCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MissingSourceCard.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/MissingSourceCard.tsx"],"names":[],"mappings":"AAEA,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAc,GACf,EAAE,sBAAsB,2CA0BxB"}

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRight, PlugZap } from "lucide-react";
+export function MissingSourceCard({ title, ctaLabel, onCta, className = "", }) {
+    return (_jsxs("section", { "data-testid": "lifeops-overview-missing-source", "data-source-title": title, className: `flex min-w-0 items-center gap-3 rounded-lg border border-border/16 bg-card/8 px-3 py-2 ${className}`, children: [_jsx("span", { className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-border/16 bg-bg/30 text-muted", children: _jsx(PlugZap, { className: "h-3.5 w-3.5", "aria-hidden": true }) }), _jsx("div", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-txt", children: title }), ctaLabel && onCta ? (_jsx("button", { type: "button", onClick: onCta, "aria-label": ctaLabel, title: ctaLabel, className: "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full border border-border/16 bg-bg/40 text-txt transition-colors hover:border-accent/30 hover:text-accent", children: _jsx(ArrowRight, { className: "h-3.5 w-3.5", "aria-hidden": true }) })) : null] }));
+}

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

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

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

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

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

@@ -0,0 +1,163 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Button, isElectrobunRuntime, isNative, useApp, } from "@elizaos/app-core";
+import { MobileSignals, } from "@elizaos/capacitor-mobile-signals";
+import { Activity, Monitor, RefreshCw, Settings, Smartphone, } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+function actionBadge(action, t) {
+    if (action.status === "ready") {
+        return {
+            variant: "secondary",
+            label: t("lifeopssettings.deviceSetupReady", { defaultValue: "Ready" }),
+        };
+    }
+    if (action.status === "unavailable") {
+        return {
+            variant: "outline",
+            label: t("lifeopssettings.deviceSetupUnavailable", {
+                defaultValue: "Unavailable",
+            }),
+        };
+    }
+    return {
+        variant: "outline",
+        label: t("lifeopssettings.deviceSetupNeedsAction", {
+            defaultValue: "Needs action",
+        }),
+    };
+}
+function primaryActionLabel(action, t) {
+    if (action.canRequest) {
+        return t("lifeopssettings.deviceSetupGrant", { defaultValue: "Grant" });
+    }
+    return t("lifeopssettings.deviceSetupOpenSettings", {
+        defaultValue: "Open Settings",
+    });
+}
+function nonMobileBadgeLabel(t) {
+    return isElectrobunRuntime()
+        ? t("lifeopssettings.deviceSetupDesktop", {
+            defaultValue: "Desktop",
+        })
+        : t("lifeopssettings.deviceSetupWeb", {
+            defaultValue: "Web",
+        });
+}
+function DeviceRuntimeGlyph({ label, nativeMobile, ready, }) {
+    const Icon = nativeMobile ? Smartphone : Monitor;
+    const tone = ready
+        ? "border-emerald-500/30 bg-emerald-500/12 text-emerald-500"
+        : "border-border/50 bg-bg/40 text-muted";
+    return (_jsx("span", { "aria-label": label, className: `inline-flex h-8 w-8 items-center justify-center rounded-full border ${tone}`, role: "img", title: label, children: _jsx(Icon, { className: "h-4 w-4", "aria-hidden": true }) }));
+}
+export function MobileSignalsSetupCard() {
+    const { t } = useApp();
+    const nativeMobile = isNative && !isElectrobunRuntime();
+    const [permissionStatus, setPermissionStatus] = useState(null);
+    const [busy, setBusy] = useState(null);
+    const [message, setMessage] = useState(null);
+    const plugin = useMemo(() => {
+        if (!nativeMobile) {
+            return null;
+        }
+        try {
+            return MobileSignals;
+        }
+        catch {
+            return null;
+        }
+    }, [nativeMobile]);
+    const refresh = useCallback(async () => {
+        if (!plugin || typeof plugin.checkPermissions !== "function") {
+            return;
+        }
+        setBusy("refresh");
+        try {
+            setPermissionStatus(await plugin.checkPermissions());
+            setMessage(null);
+        }
+        catch (error) {
+            setMessage(error instanceof Error
+                ? error.message
+                : t("lifeopssettings.deviceSetupRefreshFailed", {
+                    defaultValue: "Failed to refresh device setup.",
+                }));
+        }
+        finally {
+            setBusy(null);
+        }
+    }, [plugin, t]);
+    useEffect(() => {
+        void refresh();
+    }, [refresh]);
+    const requestPermissions = useCallback(async () => {
+        if (!plugin || typeof plugin.requestPermissions !== "function") {
+            return;
+        }
+        setBusy("request");
+        try {
+            const next = await plugin.requestPermissions();
+            setPermissionStatus(next);
+            setMessage(next.reason ?? null);
+        }
+        catch (error) {
+            setMessage(error instanceof Error
+                ? error.message
+                : t("lifeopssettings.deviceSetupRequestFailed", {
+                    defaultValue: "Failed to request device permissions.",
+                }));
+        }
+        finally {
+            setBusy(null);
+        }
+    }, [plugin, t]);
+    const openSettings = useCallback(async (action) => {
+        if (!plugin ||
+            !action.settingsTarget ||
+            typeof plugin.openSettings !== "function") {
+            return;
+        }
+        setBusy(`open:${action.id}`);
+        try {
+            const result = await plugin.openSettings({
+                target: action.settingsTarget,
+            });
+            setMessage(result.reason ?? null);
+            window.setTimeout(() => {
+                void refresh();
+            }, 1_500);
+        }
+        catch (error) {
+            setMessage(error instanceof Error
+                ? error.message
+                : t("lifeopssettings.deviceSetupOpenFailed", {
+                    defaultValue: "Failed to open device settings.",
+                }));
+        }
+        finally {
+            setBusy(null);
+        }
+    }, [plugin, refresh, t]);
+    const actions = permissionStatus?.setupActions ?? [];
+    const needsRequest = actions.some((action) => action.status !== "ready" && action.canRequest);
+    const runtimeLabel = nativeMobile
+        ? (permissionStatus?.status ?? "checking")
+        : nonMobileBadgeLabel(t);
+    const runtimeReady = nativeMobile
+        ? permissionStatus?.status === "granted"
+        : true;
+    return (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-card/62 shadow-sm", children: [_jsxs("div", { className: "flex flex-col gap-3 px-4 py-3 sm:flex-row sm:items-center 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/40 bg-bg/36", children: _jsx(Activity, { className: "h-5 w-5 text-txt", "aria-hidden": true }) }), _jsxs("div", { className: "min-w-0 space-y-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("div", { className: "font-bold text-sm text-txt", children: t("lifeopssettings.deviceSetupTitle", {
+                                                    defaultValue: "Device Data",
+                                                }) }), _jsx(DeviceRuntimeGlyph, { label: runtimeLabel, nativeMobile: nativeMobile, ready: runtimeReady })] }), message ? _jsx("p", { className: "text-xs text-muted", children: message }) : null] })] }), _jsx("div", { className: "flex shrink-0 flex-wrap gap-2 sm:pt-0.5", children: nativeMobile && plugin ? (_jsxs(_Fragment, { children: [needsRequest ? (_jsxs(Button, { type: "button", size: "sm", className: "min-h-10 rounded-xl px-3 text-xs-tight font-semibold", disabled: busy !== null, onClick: () => void requestPermissions(), children: [_jsx(Settings, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }), t("lifeopssettings.deviceSetupEnable", {
+                                            defaultValue: "Enable",
+                                        })] })) : null, _jsxs(Button, { type: "button", size: "sm", variant: "outline", className: "min-h-10 rounded-xl px-3 text-xs-tight font-semibold", disabled: busy !== null, onClick: () => void refresh(), children: [_jsx(RefreshCw, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }), t("lifeopssettings.deviceSetupRefresh", {
+                                            defaultValue: "Refresh",
+                                        })] })] })) : null })] }), nativeMobile && actions.length > 0 ? (_jsx("div", { className: "grid gap-2 border-t border-border/60 px-4 py-3 md:grid-cols-2", children: actions.map((action) => {
+                    const badge = actionBadge(action, t);
+                    const canAct = action.status !== "ready" &&
+                        (action.canRequest ||
+                            (action.canOpenSettings && action.settingsTarget !== null));
+                    return (_jsxs("div", { className: "flex min-w-0 items-start justify-between gap-3 rounded-xl border border-border/50 bg-bg/30 px-3 py-3", children: [_jsxs("div", { className: "min-w-0 space-y-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("div", { className: "text-xs font-semibold text-txt", children: action.label }), _jsx(Badge, { variant: badge.variant, className: "text-3xs", children: badge.label })] }), action.reason ? (_jsx("p", { className: "text-xs-tight leading-5 text-muted", children: action.reason })) : null] }), canAct ? (_jsx(Button, { type: "button", size: "sm", variant: action.canRequest ? "default" : "outline", className: "min-h-8 shrink-0 rounded-xl px-2.5 text-2xs font-semibold", disabled: busy !== null, onClick: () => action.canRequest
+                                    ? void requestPermissions()
+                                    : void openSettings(action), children: primaryActionLabel(action, t) })) : null] }, action.id));
+                }) })) : null] }));
+}

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

@@ -0,0 +1,8 @@
+import type { JSX } from "react";
+/**
+ * 7-day sleep/wake episode browser. Reads from
+ * `GET /api/lifeops/schedule/inspection` so the timeline matches exactly
+ * what the scorer saw this tick.
+ */
+export declare function SleepInspectionPanel(): JSX.Element;
+//# sourceMappingURL=SleepInspectionPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SleepInspectionPanel.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/SleepInspectionPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAwBjC;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,GAAG,CAAC,OAAO,CA0HlD"}

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

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Moon, Sunrise } from "lucide-react";
+import { useMemo } from "react";
+import { useLifeOpsScheduleInspection } from "../hooks/useLifeOpsScheduleInspection.js";
+const DAY_MS = 24 * 60 * 60 * 1_000;
+function parseIsoMs(value) {
+    if (typeof value !== "string" || value.trim().length === 0)
+        return null;
+    const parsed = Date.parse(value);
+    return Number.isFinite(parsed) ? parsed : null;
+}
+/**
+ * 7-day sleep/wake episode browser. Reads from
+ * `GET /api/lifeops/schedule/inspection` so the timeline matches exactly
+ * what the scorer saw this tick.
+ */
+export function SleepInspectionPanel() {
+    const { inspection, loading, error, refresh } = useLifeOpsScheduleInspection();
+    const episodes = useMemo(() => {
+        if (!inspection)
+            return [];
+        const cutoffMs = Date.now() - 7 * DAY_MS;
+        const rows = [];
+        for (const episode of inspection.sleepEpisodes) {
+            const startMs = parseIsoMs(episode.startAt);
+            if (startMs === null || startMs < cutoffMs)
+                continue;
+            const endMs = parseIsoMs(episode.endAt);
+            rows.push({
+                startIso: episode.startAt,
+                endIso: episode.endAt,
+                startMs,
+                endMs,
+                durationMinutes: episode.durationMinutes,
+                // Naps are <4h and non-current; the server exposes the raw episode
+                // so we classify client-side to avoid teaching the inspection type
+                // about cycle semantics.
+                isNap: !episode.current && episode.durationMinutes < 240,
+                current: episode.current,
+                source: episode.source,
+                confidence: episode.confidence,
+            });
+        }
+        rows.sort((left, right) => right.startMs - left.startMs);
+        return rows;
+    }, [inspection]);
+    if (loading && !inspection) {
+        return (_jsx("div", { className: "rounded-2xl border border-border/20 bg-bg/36 px-3 py-2 text-xs text-muted", children: "Loading sleep inspection\u2026" }));
+    }
+    if (error) {
+        return (_jsxs("div", { className: "rounded-2xl border border-rose-500/30 bg-rose-500/10 px-3 py-2 text-xs text-rose-200", children: [error, _jsx("button", { type: "button", onClick: () => void refresh(), className: "ml-2 rounded-md border border-rose-400/40 px-2 py-0.5 text-[11px]", children: "Retry" })] }));
+    }
+    if (!inspection || !inspection.insight) {
+        return (_jsx("div", { className: "rounded-2xl border border-border/20 bg-bg/36 px-3 py-2 text-xs text-muted", children: "No schedule inspection available yet." }));
+    }
+    const { insight } = inspection;
+    const regularity = insight.regularity;
+    return (_jsxs("div", { className: "space-y-3 rounded-2xl border border-border/20 bg-bg/36 px-3 py-3", children: [_jsxs("div", { className: "flex items-baseline justify-between", children: [_jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted", children: "Sleep inspection \u00B7 last 7 days" }), _jsxs("div", { className: "text-[11px] text-muted", children: ["SRI ", Math.round(regularity.sri), " \u00B7", " ", regularity.regularityClass.replace(/_/g, " "), " \u00B7 n", regularity.sampleCount] })] }), episodes.length === 0 ? (_jsx("div", { className: "text-xs text-muted", children: "No sleep episodes recorded in the last 7 days." })) : (_jsx("ul", { className: "space-y-1.5", children: episodes.map((episode) => (_jsxs("li", { className: "flex items-center gap-2 text-xs", children: [episode.isNap ? (_jsx(Sunrise, { className: "h-3.5 w-3.5 text-amber-300" })) : (_jsx(Moon, { className: "h-3.5 w-3.5 text-violet-300" })), _jsxs("span", { className: "flex-1", children: [new Date(episode.startMs).toLocaleString(), episode.endMs !== null ? (_jsxs(_Fragment, { children: [" → ", new Date(episode.endMs).toLocaleString()] })) : (_jsx("span", { className: "text-amber-300", children: " \u00B7 in progress" }))] }), _jsx("span", { className: "text-muted", children: `${Math.floor(episode.durationMinutes / 60)}h${episode.durationMinutes % 60}m` }), _jsxs("span", { className: "text-[11px] text-muted", children: [episode.source, " \u00B7 ", Math.round(episode.confidence * 100), "%"] })] }, `${episode.startIso}:${episode.endIso ?? "open"}`))) })), _jsx("div", { className: "flex flex-wrap gap-1.5 pt-2", children: _jsxs("span", { className: "text-[11px] uppercase tracking-wide text-muted", children: ["Bedtime stddev ", Math.round(regularity.bedtimeStddevMin), "m \u00B7 wake stddev ", Math.round(regularity.wakeStddevMin), "m"] }) })] }));
+}

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

@@ -0,0 +1,3 @@
+import type { WebsiteBlockerSettingsCardProps } from "../types";
+export declare function WebsiteBlockerSettingsCard({ mode, permission, platform, onOpenPermissionSettings, onRequestPermission, }: WebsiteBlockerSettingsCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WebsiteBlockerSettingsCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebsiteBlockerSettingsCard.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/WebsiteBlockerSettingsCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAqEhE,wBAAgB,0BAA0B,CAAC,EACzC,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,wBAAwB,EACxB,mBAAmB,GACpB,EAAE,+BAA+B,2CA8GjC"}

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

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, useApp } from "@elizaos/app-core";
+import { ShieldBan } from "lucide-react";
+function translate(t, key, fallback) {
+    const value = t(key);
+    return value === key ? fallback : value;
+}
+function statusBadge(t, status, platform) {
+    if (!status) {
+        return {
+            variant: "outline",
+            label: translate(t, "permissionssection.badge.unknown", "Unknown"),
+        };
+    }
+    if (status === "denied") {
+        return {
+            variant: "outline",
+            label: translate(t, "permissionssection.badge.needsAdmin", "Needs Admin"),
+        };
+    }
+    if (status === "not-determined") {
+        return {
+            variant: "outline",
+            label: translate(t, "permissionssection.badge.needsApproval", "Needs Approval"),
+        };
+    }
+    if (status === "granted" || status === "not-applicable") {
+        return {
+            variant: "secondary",
+            label: translate(t, "permissionssection.badge.ready", "Ready"),
+        };
+    }
+    if (status === "restricted") {
+        return {
+            variant: "outline",
+            label: translate(t, "permissionssection.badge.restricted", "Restricted"),
+        };
+    }
+    return {
+        variant: "outline",
+        label: platform === "darwin"
+            ? translate(t, "permissionssection.badge.offInSettings", "Off in Settings")
+            : translate(t, "permissionssection.badge.off", "Off"),
+    };
+}
+export function WebsiteBlockerSettingsCard({ mode, permission, platform, onOpenPermissionSettings, onRequestPermission, }) {
+    const { t: rawT } = useApp();
+    const t = typeof rawT === "function" ? rawT : (key) => key;
+    const title = translate(t, "permissionssection.permission.websiteBlocking.name", "Website Blocking");
+    const description = translate(t, "permissionssection.permission.websiteBlocking.description", "Edit the system hosts file to block distracting websites. This may require admin or root approval each time.");
+    if (mode === "web" || mode === "mobile") {
+        return (_jsx("div", { className: "rounded-2xl border border-border/60 bg-card/92 px-4 py-4 shadow-sm", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl border border-border/50 bg-bg/40", children: _jsx(ShieldBan, { className: "h-5 w-5 text-muted", "aria-hidden": true }) }), _jsxs("div", { className: "min-w-0 space-y-1", children: [_jsx("div", { className: "font-bold text-sm text-txt", children: title }), _jsx("p", { className: "text-xs-tight leading-5 text-muted", children: mode === "web"
+                                    ? translate(t, "permissionssection.websiteBlocking.webInfo", "Hosts-file website blocking runs in the desktop app. Use Milady on macOS, Windows, or Linux to enable SelfControl-style blocking for your agent.")
+                                    : translate(t, "permissionssection.websiteBlocking.mobileInfo", "Website blocking via the system hosts file is a desktop feature. Install the desktop build to manage blocked sites for LifeOps.") })] })] }) }));
+    }
+    const badge = statusBadge(t, permission?.status, platform);
+    const primary = permission &&
+        permission.status !== "granted" &&
+        permission.status !== "not-applicable"
+        ? permission.status === "not-determined" && permission.canRequest
+            ? onRequestPermission
+                ? {
+                    label: translate(t, "permissionssection.RequestApproval", "Request Approval"),
+                    action: onRequestPermission,
+                }
+                : null
+            : onOpenPermissionSettings
+                ? {
+                    label: translate(t, "permissionssection.OpenHostsFile", "Open Hosts File"),
+                    action: onOpenPermissionSettings,
+                }
+                : null
+        : null;
+    return (_jsx("div", { className: "rounded-2xl border border-border/60 bg-card/92 shadow-sm", children: _jsxs("div", { className: "flex flex-col gap-3 px-4 py-4 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-10 w-10 shrink-0 items-center justify-center rounded-xl border border-border/50 bg-bg/40", children: _jsx(ShieldBan, { className: "h-5 w-5 text-txt", "aria-hidden": true }) }), _jsxs("div", { className: "min-w-0 space-y-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("div", { className: "font-bold text-sm text-txt", children: title }), permission ? (_jsx(Badge, { variant: badge.variant, children: badge.label })) : null] }), _jsx("p", { className: "max-w-2xl text-xs-tight leading-5 text-muted", children: description }), permission?.reason ? (_jsx("p", { className: "text-xs text-danger", children: permission.reason })) : null] })] }), primary ? (_jsx("div", { className: "flex shrink-0 flex-wrap gap-2 sm:pt-0.5", children: _jsx(Button, { type: "button", size: "sm", variant: "default", className: "min-h-10 rounded-xl px-3 text-xs-tight font-semibold", onClick: () => void primary.action(), children: primary.label }) })) : null] }) }));
+}

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

@@ -0,0 +1,8 @@
+interface WhatsAppQrOverlayProps {
+    accountId?: string;
+    onConnected?: () => void;
+    connectedMessage?: string;
+}
+export declare function WhatsAppQrOverlay({ accountId, onConnected, connectedMessage, }: WhatsAppQrOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WhatsAppQrOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WhatsAppQrOverlay.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/WhatsAppQrOverlay.tsx"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAqB,EACrB,WAAW,EACX,gBAAgB,GACjB,EAAE,sBAAsB,2CAgLxB"}

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

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useApp } from "@elizaos/app-core/state";
+import { Button } from "@elizaos/ui";
+import { useEffect, useRef } from "react";
+import { useWhatsAppPairing } from "../hooks/useWhatsAppPairing.js";
+export function WhatsAppQrOverlay({ accountId = "default", onConnected, connectedMessage, }) {
+    const { status, qrDataUrl, phoneNumber, error, startPairing, stopPairing, disconnect, } = useWhatsAppPairing(accountId);
+    const { t } = useApp();
+    const firedRef = useRef(false);
+    useEffect(() => {
+        if (status !== "connected" || !onConnected || firedRef.current) {
+            return;
+        }
+        firedRef.current = true;
+        const timer = setTimeout(onConnected, 1200);
+        return () => clearTimeout(timer);
+    }, [status, onConnected]);
+    if (status === "connected") {
+        return (_jsxs("div", { className: "mt-3 border border-ok bg-[var(--ok-subtle)] p-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "inline-block h-2 w-2 rounded-full bg-ok" }), _jsxs("span", { className: "text-xs font-medium text-ok", children: [t("common.connected"), phoneNumber ? ` (+${phoneNumber})` : ""] })] }), _jsx("div", { className: "text-2xs mt-1 text-muted", children: connectedMessage ??
+                        (onConnected
+                            ? "Finishing WhatsApp setup..."
+                            : "WhatsApp is paired. Auth state is saved for automatic reconnection.") }), !onConnected ? (_jsx(Button, { variant: "destructive", size: "sm", className: "mt-2 text-2xs", onClick: () => void disconnect(), children: t("common.disconnect") })) : null] }));
+    }
+    if (status === "error" || status === "timeout") {
+        return (_jsxs("div", { className: "mt-3 border border-danger bg-[var(--destructive-subtle)] p-4", children: [_jsx("div", { className: "mb-2 text-xs text-danger", children: status === "timeout"
+                        ? "QR code expired. Please try again."
+                        : (error ?? "An error occurred.") }), _jsx(Button, { variant: "outline", size: "sm", className: "text-xs-tight", style: { borderColor: "var(--accent)", color: "var(--accent)" }, onClick: () => {
+                        firedRef.current = false;
+                        void startPairing();
+                    }, children: t("whatsappqroverlay.TryAgain") })] }));
+    }
+    if (status === "idle" || status === "disconnected") {
+        return (_jsxs("div", { className: "mt-3 border border-border bg-bg-hover p-4", children: [_jsx("div", { className: "mb-2 text-xs text-muted", children: t("whatsappqroverlay.ScanAQRCodeWith") }), _jsx("div", { className: "text-2xs mb-2 text-muted opacity-70", children: t("whatsappqroverlay.UsesAnUnofficialW") }), _jsx(Button, { variant: "outline", size: "sm", className: "text-xs-tight", style: { borderColor: "var(--accent)", color: "var(--accent)" }, onClick: () => {
+                        firedRef.current = false;
+                        void startPairing();
+                    }, children: t("whatsappqroverlay.ConnectWhatsApp") })] }));
+    }
+    return (_jsx("div", { className: "mt-3 p-4", style: {
+            border: "1px solid rgba(255,255,255,0.08)",
+            background: "rgba(255,255,255,0.04)",
+        }, children: _jsxs("div", { className: "flex flex-col items-start gap-4 sm:flex-row", children: [_jsx("div", { className: "shrink-0", children: qrDataUrl ? (_jsx("img", { src: qrDataUrl, alt: "WhatsApp QR Code", className: "h-40 w-40 bg-white dark:bg-white sm:h-48 sm:w-48", style: {
+                            imageRendering: "pixelated",
+                            border: "1px solid var(--border)",
+                        } })) : (_jsx("div", { className: "flex h-40 w-40 items-center justify-center sm:h-48 sm:w-48", style: {
+                            border: "1px solid var(--border)",
+                            background: "var(--bg-hover)",
+                        }, children: _jsx("span", { className: "animate-pulse text-xs text-muted", children: t("whatsappqroverlay.GeneratingQR") }) })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "mb-2 text-xs font-medium text-txt", children: t("whatsappqroverlay.ScanWithWhatsApp") }), _jsxs("ol", { className: "text-xs-tight m-0 list-decimal space-y-1 pl-4 text-muted", children: [_jsx("li", { children: t("whatsappqroverlay.OpenWhatsAppOnYou") }), _jsxs("li", { children: [t("whatsappqroverlay.Tap"), " ", _jsx("strong", { children: t("whatsappqroverlay.Menu") }), " or", " ", _jsx("strong", { children: t("nav.settings") }), " ", t("whatsappqroverlay.andSelect"), " ", _jsx("strong", { children: t("whatsappqroverlay.LinkedDevices") })] }), _jsxs("li", { children: [t("whatsappqroverlay.Tap"), " ", _jsx("strong", { children: t("whatsappqroverlay.LinkADevice") })] }), _jsx("li", { children: t("whatsappqroverlay.PointYourPhoneAt") })] }), _jsxs("div", { className: "mt-3 flex items-center gap-2", children: [_jsx("span", { className: "inline-block h-1.5 w-1.5 animate-pulse rounded-full", style: { background: "var(--accent)" } }), _jsx("span", { className: "text-2xs text-muted", children: t("whatsappqroverlay.QRRefreshesAutomat") })] }), _jsx(Button, { variant: "ghost", size: "sm", className: "text-2xs mt-3 text-muted", onClick: () => void stopPairing(), children: t("common.cancel") })] })] }) }));
+}

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

@@ -0,0 +1,2 @@
+export declare function humanizeLifeOpsLabel(value: string): string;
+//# sourceMappingURL=lifeops-labels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lifeops-labels.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/lifeops-labels.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAI1D"}

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

@@ -0,0 +1,5 @@
+export function humanizeLifeOpsLabel(value) {
+    return value
+        .replace(/_/g, " ")
+        .replace(/\b\w/g, (match) => match.toUpperCase());
+}

package/apps/app-lifeops/src/events/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * LifeOps-specific window events.
+ *
+ * Dispatched on `window` for cross-frame visibility and local diagnostics.
+ */
+import type { LifeOpsConnectorMode, LifeOpsConnectorSide } from "@elizaos/shared";
+export declare const LIFEOPS_GOOGLE_CONNECTOR_REFRESH_EVENT: "eliza:lifeops-google-connector-refresh";
+export declare const LIFEOPS_GITHUB_CALLBACK_EVENT: "eliza:lifeops-github-callback";
+export declare const LIFEOPS_ACTIVITY_SIGNALS_STATUS_EVENT: "eliza:lifeops-activity-signals-status";
+export interface LifeOpsGoogleConnectorRefreshDetail {
+    origin?: string;
+    side?: LifeOpsConnectorSide;
+    mode?: LifeOpsConnectorMode;
+    source?: "callback" | "connect" | "disconnect" | "mode_change" | "refresh" | "focus" | "visibility" | "resume";
+}
+export interface LifeOpsGithubCallbackDetail {
+    target: "owner" | "agent";
+    status: "connected" | "error";
+    connectionId?: string | null;
+    agentId?: string | null;
+    githubUsername?: string | null;
+    bindingMode?: "cloud-managed" | "shared-owner" | null;
+    message?: string | null;
+    restarted?: boolean;
+}
+export interface LifeOpsActivitySignalsStatusDetail {
+    status: "capture_error" | "snapshot_unavailable" | "background_refresh_unavailable";
+    message?: string;
+    reason?: string;
+}
+export declare function dispatchLifeOpsGoogleConnectorRefresh(detail?: LifeOpsGoogleConnectorRefreshDetail): void;
+export declare function dispatchLifeOpsGithubCallback(detail: LifeOpsGithubCallbackDetail): void;
+export declare function dispatchLifeOpsActivitySignalsStatus(detail: LifeOpsActivitySignalsStatusDetail): void;
+//# sourceMappingURL=index.d.ts.map

package/apps/app-lifeops/src/events/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/events/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAEzB,eAAO,MAAM,sCAAsC,EACjD,wCAAiD,CAAC;AAEpD,eAAO,MAAM,6BAA6B,EACxC,+BAAwC,CAAC;AAE3C,eAAO,MAAM,qCAAqC,EAChD,uCAAgD,CAAC;AAEnD,MAAM,WAAW,mCAAmC;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,MAAM,CAAC,EACH,UAAU,GACV,SAAS,GACT,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,QAAQ,CAAC;CACd;AAED,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,OAAO,GAAG,OAAO,CAAC;IAC1B,MAAM,EAAE,WAAW,GAAG,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,eAAe,GAAG,cAAc,GAAG,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kCAAkC;IACjD,MAAM,EACF,eAAe,GACf,sBAAsB,GACtB,gCAAgC,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,qCAAqC,CACnD,MAAM,CAAC,EAAE,mCAAmC,GAC3C,IAAI,CAKN;AAED,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,2BAA2B,GAClC,IAAI,CAKN;AAED,wBAAgB,oCAAoC,CAClD,MAAM,EAAE,kCAAkC,GACzC,IAAI,CAKN"}

package/apps/app-lifeops/src/events/index.js

@@ -0,0 +1,23 @@
+/**
+ * LifeOps-specific window events.
+ *
+ * Dispatched on `window` for cross-frame visibility and local diagnostics.
+ */
+export const LIFEOPS_GOOGLE_CONNECTOR_REFRESH_EVENT = "eliza:lifeops-google-connector-refresh";
+export const LIFEOPS_GITHUB_CALLBACK_EVENT = "eliza:lifeops-github-callback";
+export const LIFEOPS_ACTIVITY_SIGNALS_STATUS_EVENT = "eliza:lifeops-activity-signals-status";
+export function dispatchLifeOpsGoogleConnectorRefresh(detail) {
+    if (typeof window === "undefined")
+        return;
+    window.dispatchEvent(new CustomEvent(LIFEOPS_GOOGLE_CONNECTOR_REFRESH_EVENT, { detail }));
+}
+export function dispatchLifeOpsGithubCallback(detail) {
+    if (typeof window === "undefined")
+        return;
+    window.dispatchEvent(new CustomEvent(LIFEOPS_GITHUB_CALLBACK_EVENT, { detail }));
+}
+export function dispatchLifeOpsActivitySignalsStatus(detail) {
+    if (typeof window === "undefined")
+        return;
+    window.dispatchEvent(new CustomEvent(LIFEOPS_ACTIVITY_SIGNALS_STATUS_EVENT, { detail }));
+}

package/apps/app-lifeops/src/hooks/useCalendarWeek.d.ts

@@ -0,0 +1,28 @@
+/**
+ * useCalendarWeek — fetches calendar events for a date window.
+ *
+ * Defaults to the current week (7 days from today). The caller can
+ * switch to day or month views by passing windowDays.
+ */
+import type { LifeOpsCalendarEvent } from "@elizaos/shared";
+export type CalendarViewMode = "day" | "week" | "month";
+export interface UseCalendarWeekOptions {
+    viewMode?: CalendarViewMode;
+    /** Base date for the window. Defaults to today. */
+    baseDate?: Date;
+}
+export interface UseCalendarWeekResult {
+    events: LifeOpsCalendarEvent[];
+    loading: boolean;
+    error: string | null;
+    viewMode: CalendarViewMode;
+    setViewMode: (mode: CalendarViewMode) => void;
+    windowStart: Date;
+    windowEnd: Date;
+    refresh: () => Promise<void>;
+    goToToday: () => void;
+    goPrevious: () => void;
+    goNext: () => void;
+}
+export declare function useCalendarWeek(opts?: UseCalendarWeekOptions): UseCalendarWeekResult;
+//# sourceMappingURL=useCalendarWeek.d.ts.map

package/apps/app-lifeops/src/hooks/useCalendarWeek.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendarWeek.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/hooks/useCalendarWeek.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAG5D,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,WAAW,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9C,WAAW,EAAE,IAAI,CAAC;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAmBD,wBAAgB,eAAe,CAC7B,IAAI,GAAE,sBAA2B,GAChC,qBAAqB,CAmFvB"}

package/apps/app-lifeops/src/hooks/useCalendarWeek.js

@@ -0,0 +1,93 @@
+/**
+ * useCalendarWeek — fetches calendar events for a date window.
+ *
+ * Defaults to the current week (7 days from today). The caller can
+ * switch to day or month views by passing windowDays.
+ */
+import { client, useApp } from "@elizaos/app-core";
+import { useCallback, useEffect, useMemo, useState } from "react";
+function windowDaysForMode(mode) {
+    switch (mode) {
+        case "day":
+            return 1;
+        case "month":
+            return 31;
+        default:
+            return 7;
+    }
+}
+function startOfLocalDay(date = new Date()) {
+    const d = new Date(date);
+    d.setHours(0, 0, 0, 0);
+    return d;
+}
+export function useCalendarWeek(opts = {}) {
+    const { t } = useApp();
+    const [viewMode, setViewMode] = useState(opts.viewMode ?? "week");
+    const [baseDate, setBaseDate] = useState(() => opts.baseDate ?? new Date());
+    const [events, setEvents] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const windowStart = useMemo(() => startOfLocalDay(baseDate), [baseDate]);
+    const windowEnd = useMemo(() => {
+        const end = new Date(windowStart);
+        end.setDate(end.getDate() + windowDaysForMode(viewMode));
+        return end;
+    }, [windowStart, viewMode]);
+    const shiftBase = useCallback((direction) => {
+        setBaseDate((current) => {
+            const next = new Date(current);
+            const days = windowDaysForMode(viewMode);
+            if (viewMode === "month") {
+                next.setMonth(next.getMonth() + direction);
+            }
+            else {
+                next.setDate(next.getDate() + direction * days);
+            }
+            return next;
+        });
+    }, [viewMode]);
+    const goToToday = useCallback(() => setBaseDate(new Date()), []);
+    const goPrevious = useCallback(() => shiftBase(-1), [shiftBase]);
+    const goNext = useCallback(() => shiftBase(1), [shiftBase]);
+    const fetch = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const feed = await client.getLifeOpsCalendarFeed({
+                side: "owner",
+                timeMin: windowStart.toISOString(),
+                timeMax: windowEnd.toISOString(),
+                timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+            });
+            const sorted = [...feed.events].sort((a, b) => a.startAt.localeCompare(b.startAt));
+            setEvents(sorted);
+        }
+        catch (cause) {
+            setError(cause instanceof Error && cause.message.trim().length > 0
+                ? cause.message.trim()
+                : t("lifeopsCalendar.loadFailed", {
+                    defaultValue: "Calendar failed to load.",
+                }));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [windowStart, windowEnd, t]);
+    useEffect(() => {
+        void fetch();
+    }, [fetch]);
+    return {
+        events,
+        loading,
+        error,
+        viewMode,
+        setViewMode,
+        windowStart,
+        windowEnd,
+        refresh: fetch,
+        goToToday,
+        goPrevious,
+        goNext,
+    };
+}