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

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

@@ -0,0 +1,175 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAppWorkspaceChatChrome, useChatComposer } from "@elizaos/app-core";
+import { useCallback, useEffect } from "react";
+import { useLifeOpsSelection, } from "./LifeOpsSelectionContext.js";
+function channelLabel(channel) {
+    switch (channel) {
+        case "gmail":
+            return "email";
+        case "x_dm":
+            return "X DM";
+        case "discord":
+            return "Discord message";
+        case "telegram":
+            return "Telegram message";
+        case "signal":
+            return "Signal message";
+        case "imessage":
+            return "iMessage";
+        case "whatsapp":
+            return "WhatsApp message";
+        case "sms":
+            return "text message";
+        default:
+            return "message";
+    }
+}
+function formatChatDateTime(iso) {
+    if (!iso)
+        return null;
+    const parsed = Date.parse(iso);
+    if (!Number.isFinite(parsed))
+        return null;
+    return new Intl.DateTimeFormat(undefined, {
+        month: "short",
+        day: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+    }).format(new Date(parsed));
+}
+export function postToChat(text, options) {
+    window.dispatchEvent(new CustomEvent("milady:chat:prefill", {
+        detail: { text, select: options?.select ?? false },
+    }));
+}
+export function buildMessageChatPrefill(message) {
+    const subject = message.subject?.trim() || `${channelLabel(message.channel)}`;
+    const receivedAt = formatChatDateTime(message.receivedAt);
+    const link = message.deepLink ? ` Source: ${message.deepLink}` : "";
+    return [
+        `Help me handle this ${channelLabel(message.channel)} from ${message.sender.displayName}.`,
+        `Subject: ${subject}.`,
+        receivedAt ? `Received: ${receivedAt}.` : null,
+        message.snippet?.trim().length
+            ? `Context: ${message.snippet.trim()}`
+            : null,
+        link || null,
+    ]
+        .filter(Boolean)
+        .join(" ");
+}
+export function buildReminderChatPrefill(reminder) {
+    const scheduledFor = formatChatDateTime(reminder.scheduledFor);
+    return [
+        `Help me handle this reminder: ${reminder.title}.`,
+        scheduledFor ? `Scheduled: ${scheduledFor}.` : null,
+        reminder.stepLabel ? `Step: ${reminder.stepLabel}.` : null,
+        reminder.channel ? `Delivery: ${reminder.channel}.` : null,
+    ]
+        .filter(Boolean)
+        .join(" ");
+}
+export function buildEventChatPrefill(event) {
+    const startAt = formatChatDateTime(event.startAt);
+    const endAt = formatChatDateTime(event.endAt);
+    return [
+        `Help me with this calendar event: ${event.title}.`,
+        startAt ? `Starts: ${startAt}.` : null,
+        endAt ? `Ends: ${endAt}.` : null,
+        event.location ? `Location: ${event.location}.` : null,
+    ]
+        .filter(Boolean)
+        .join(" ");
+}
+export function useLifeOpsChatLauncher() {
+    const { select } = useLifeOpsSelection();
+    const chatChrome = useAppWorkspaceChatChrome();
+    const openLifeOpsChat = useCallback((text, selection, options) => {
+        select(selection ?? {});
+        chatChrome?.openChat();
+        if (typeof window === "undefined") {
+            postToChat(text, options);
+            return;
+        }
+        window.requestAnimationFrame(() => {
+            postToChat(text, options);
+        });
+    }, [chatChrome, select]);
+    const chatAboutMessage = useCallback((message) => {
+        openLifeOpsChat(buildMessageChatPrefill(message), {
+            messageId: message.id,
+        });
+    }, [openLifeOpsChat]);
+    const chatAboutReminder = useCallback((reminder) => {
+        openLifeOpsChat(buildReminderChatPrefill(reminder), {
+            reminderId: reminder.ownerId,
+            eventId: reminder.eventId ?? null,
+        });
+    }, [openLifeOpsChat]);
+    const chatAboutEvent = useCallback((event) => {
+        openLifeOpsChat(buildEventChatPrefill(event), {
+            eventId: event.id,
+        });
+    }, [openLifeOpsChat]);
+    return {
+        openLifeOpsChat,
+        chatAboutMessage,
+        chatAboutReminder,
+        chatAboutEvent,
+    };
+}
+export function useLifeOpsChatAdapter(selection) {
+    const { setChatInput } = useChatComposer();
+    useEffect(() => {
+        const handler = (event) => {
+            const detail = event.detail;
+            if (!detail?.text) {
+                return;
+            }
+            setChatInput(detail.text);
+            window.requestAnimationFrame(() => {
+                const ta = document.querySelector("[data-chat-composer-textarea]");
+                if (!ta)
+                    return;
+                ta.focus();
+                if (detail.select) {
+                    ta.select();
+                }
+            });
+        };
+        window.addEventListener("milady:chat:prefill", handler);
+        return () => {
+            window.removeEventListener("milady:chat:prefill", handler);
+        };
+    }, [setChatInput]);
+    useEffect(() => {
+        if (!selection.reminderId && !selection.eventId && !selection.messageId) {
+            setChatInput("");
+        }
+    }, [
+        selection.eventId,
+        selection.messageId,
+        selection.reminderId,
+        setChatInput,
+    ]);
+    let placeholder = null;
+    if (selection.reminderId) {
+        placeholder = "Ask about this reminder…";
+    }
+    else if (selection.eventId) {
+        placeholder = "Ask about this event…";
+    }
+    else if (selection.messageId) {
+        placeholder = "Ask about this message…";
+    }
+    return { placeholder };
+}
+export function LifeOpsChatAdapter({ children }) {
+    const { selection } = useLifeOpsSelection();
+    const { placeholder } = useLifeOpsChatAdapter(selection);
+    return (_jsxs("div", { className: "relative flex h-full flex-col", "data-testid": "lifeops-chat-adapter", children: [placeholder ? (_jsx("div", { className: "shrink-0 border-b border-border/12 bg-bg/60 px-4 py-1.5", children: _jsx("span", { className: "text-xs text-muted", children: placeholder }) })) : null, _jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: children })] }));
+}
+export function buildReplyPrefill(opts) {
+    const link = opts.deepLink ? ` — ${opts.deepLink}` : "";
+    return `Please draft a reply to this ${opts.channel} message from ${opts.sender}: ${opts.snippet}${link}`;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LifeOpsFeatureTogglesSection.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/LifeOpsFeatureTogglesSection.tsx"],"names":[],"mappings":"AAWA,wBAAgB,4BAA4B,4CA4N3C"}

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

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { client, useApp } from "@elizaos/app-core";
+import { Button, Switch } from "@elizaos/ui";
+import { Cloud, DollarSign, Loader2, LogIn, RefreshCw } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+export function LifeOpsFeatureTogglesSection() {
+    const { elizaCloudConnected, handleCloudLogin } = useApp();
+    const [features, setFeatures] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [busyKey, setBusyKey] = useState(null);
+    const [syncing, setSyncing] = useState(false);
+    const [syncedNote, setSyncedNote] = useState(null);
+    const [signInBusy, setSignInBusy] = useState(false);
+    const load = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const res = await client.fetch("/api/cloud/features");
+            setFeatures([...res.features]);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    const handleToggle = useCallback(async (feature, next) => {
+        if (feature.source === "cloud")
+            return;
+        setBusyKey(feature.featureKey);
+        setError(null);
+        try {
+            const res = await client.fetch("/api/lifeops/features/toggle", {
+                method: "POST",
+                body: JSON.stringify({
+                    featureKey: feature.featureKey,
+                    enabled: next,
+                }),
+            });
+            setFeatures((prev) => prev.map((row) => row.featureKey === feature.featureKey ? res.feature : row));
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setBusyKey(null);
+        }
+    }, []);
+    const handleSync = useCallback(async () => {
+        setSyncing(true);
+        setSyncedNote(null);
+        setError(null);
+        try {
+            const res = await client.fetch("/api/cloud/features/sync", { method: "POST" });
+            setFeatures([...res.features]);
+            setSyncedNote(`Synced ${res.synced} cloud-managed feature(s).`);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setSyncing(false);
+        }
+    }, []);
+    const handleSignIn = useCallback(async () => {
+        setSignInBusy(true);
+        setError(null);
+        try {
+            await handleCloudLogin();
+            await load();
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setSignInBusy(false);
+        }
+    }, [handleCloudLogin, load]);
+    const headerCta = useMemo(() => {
+        if (!elizaCloudConnected) {
+            return (_jsxs(Button, { variant: "outline", size: "sm", className: "!mt-0 h-9 rounded-lg", onClick: () => void handleSignIn(), disabled: signInBusy, title: "Sign in to Cloud", children: [signInBusy ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": true })) : (_jsx(LogIn, { className: "h-3.5 w-3.5", "aria-hidden": true })), _jsx("span", { children: signInBusy ? "Opening" : "Sign in" })] }));
+        }
+        return (_jsxs(Button, { variant: "outline", size: "sm", className: "!mt-0 h-9 rounded-lg", onClick: () => void handleSync(), disabled: syncing, title: "Sync from Cloud", children: [_jsx(RefreshCw, { className: `h-3.5 w-3.5 ${syncing ? "animate-spin" : ""}`, "aria-hidden": true }), _jsx("span", { children: syncing ? "Syncing" : "Sync" })] }));
+    }, [elizaCloudConnected, handleSignIn, handleSync, signInBusy, syncing]);
+    return (_jsxs("div", { children: [_jsx("div", { className: "flex items-center justify-end gap-3 pb-3", children: headerCta }), error && (_jsx("div", { className: "mb-3 rounded-lg border border-danger/30 bg-danger/5 px-2.5 py-2 text-xs leading-relaxed text-danger", children: error })), syncedNote && !error && (_jsx("div", { className: "mb-3 rounded-lg border border-ok/30 bg-ok/5 px-2.5 py-2 text-xs leading-relaxed text-ok", children: syncedNote })), loading ? (_jsx("div", { className: "inline-flex items-center text-muted", role: "status", "aria-label": "Loading features", children: _jsx(Loader2, { className: "h-4 w-4 animate-spin", "aria-hidden": true }) })) : (_jsx("ul", { className: "space-y-2", children: features.map((feature) => {
+                    const isCloudManaged = feature.source === "cloud";
+                    const isBusy = busyKey === feature.featureKey;
+                    const showCloudBillingTag = feature.cloudDefaultOn && isCloudManaged;
+                    const showCloudHint = feature.cloudDefaultOn && !elizaCloudConnected && !isCloudManaged;
+                    return (_jsxs("li", { className: "flex items-start justify-between gap-3 rounded-lg border border-border/40 bg-card/40 px-3 py-2.5", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-xs font-semibold", children: feature.label }), isCloudManaged && (_jsxs("span", { className: "inline-flex h-5 w-5 items-center justify-center rounded-full border border-accent/35 bg-accent/10 text-accent", title: feature.packageId
+                                                    ? `Managed by cloud package ${feature.packageId}`
+                                                    : "Managed by Cloud", children: [_jsx(Cloud, { className: "h-3 w-3", "aria-hidden": true }), _jsx("span", { className: "sr-only", children: "Cloud-managed" })] })), (feature.costsMoney || showCloudBillingTag) && (_jsxs("span", { className: "inline-flex h-5 w-5 items-center justify-center rounded-full border border-warn/35 bg-warn/10 text-warn", title: "May use billable services", children: [_jsx(DollarSign, { className: "h-3 w-3", "aria-hidden": true }), _jsx("span", { className: "sr-only", children: "May cost money" })] }))] }), _jsx("p", { className: "text-xs leading-relaxed text-muted", children: feature.description }), showCloudHint && (_jsx("p", { className: "text-xs-tight text-muted", children: "Cloud sign-in enables managed billing; local toggle uses your credentials." }))] }), _jsx(Switch, { checked: feature.enabled, disabled: isCloudManaged || isBusy, onCheckedChange: (value) => void handleToggle(feature, value), "aria-label": `Toggle ${feature.label}` })] }, feature.featureKey));
+                }) }))] }));
+}

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

@@ -0,0 +1,37 @@
+import type { ReactNode } from "react";
+export type LifeOpsBucket = {
+    key: string;
+    label: string;
+    totalSeconds: number;
+};
+export declare function startOfLocalDayIso(date?: Date): string;
+export declare function formatDurationSeconds(value: number | null | undefined): string;
+export declare function formatClockTime(iso: string | null | undefined): string;
+export declare function HabitPanel({ title, icon, action, className, children, }: {
+    title: string;
+    icon: ReactNode;
+    action?: ReactNode;
+    className?: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MetricTile({ icon, value, label, }: {
+    icon: ReactNode;
+    value: string;
+    label: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function StackedBar({ items, totalSeconds, }: {
+    items: LifeOpsBucket[];
+    totalSeconds: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BucketBars({ items, totalSeconds, emptyLabel, limit, }: {
+    items: LifeOpsBucket[];
+    totalSeconds: number;
+    emptyLabel?: string;
+    limit?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DonutChart({ items, totalSeconds, label, }: {
+    items: LifeOpsBucket[];
+    totalSeconds: number;
+    label: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LifeOpsHabitVisuals.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LifeOpsHabitVisuals.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/LifeOpsHabitVisuals.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAwBF,wBAAgB,kBAAkB,CAAC,IAAI,OAAa,GAAG,MAAM,CAI5D;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC/B,MAAM,CAYR;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAQtE;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAkBA;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,2CAYA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,GACb,EAAE;IACD,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB,2CAoBA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,UAAsB,EACtB,KAAS,GACV,EAAE;IACD,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,2CA6BA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,KAAK,GACN,EAAE;IACD,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,2CAqDA"}

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

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BUCKET_COLORS = [
+    "bg-cyan-400",
+    "bg-amber-300",
+    "bg-emerald-400",
+    "bg-rose-400",
+    "bg-blue-400",
+    "bg-lime-300",
+    "bg-fuchsia-400",
+    "bg-orange-300",
+];
+const DONUT_COLORS = [
+    "#22d3ee",
+    "#fbbf24",
+    "#34d399",
+    "#fb7185",
+    "#60a5fa",
+    "#bef264",
+    "#e879f9",
+    "#fdba74",
+];
+export function startOfLocalDayIso(date = new Date()) {
+    const start = new Date(date);
+    start.setHours(0, 0, 0, 0);
+    return start.toISOString();
+}
+export function formatDurationSeconds(value) {
+    if (typeof value !== "number" || !Number.isFinite(value)) {
+        return "";
+    }
+    if (value <= 0) {
+        return "0m";
+    }
+    const totalMinutes = Math.round(value / 60);
+    if (totalMinutes < 60)
+        return `${totalMinutes}m`;
+    const hours = Math.floor(totalMinutes / 60);
+    const minutes = totalMinutes % 60;
+    return minutes === 0 ? `${hours}h` : `${hours}h ${minutes}m`;
+}
+export function formatClockTime(iso) {
+    if (!iso)
+        return "";
+    const parsed = Date.parse(iso);
+    if (!Number.isFinite(parsed))
+        return "";
+    return new Intl.DateTimeFormat(undefined, {
+        hour: "numeric",
+        minute: "2-digit",
+    }).format(new Date(parsed));
+}
+export function HabitPanel({ title, icon, action, className, children, }) {
+    return (_jsxs("section", { className: [
+            "rounded-lg border border-border/16 bg-card/16 p-4",
+            className ?? "",
+        ].join(" "), children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2 text-sm font-semibold text-txt", children: [_jsx("span", { className: "text-muted [&>svg]:h-4 [&>svg]:w-4", children: icon }), _jsx("span", { className: "truncate", children: title })] }), action] }), children] }));
+}
+export function MetricTile({ icon, value, label, }) {
+    return (_jsxs("div", { className: "min-w-0 rounded-lg border border-border/12 bg-bg/30 p-3", children: [_jsx("div", { className: "mb-2 text-muted [&>svg]:h-4 [&>svg]:w-4", children: icon }), _jsx("div", { className: "truncate text-xl font-semibold leading-none text-txt", children: value }), _jsx("div", { className: "mt-1 truncate text-[11px] font-medium text-muted", children: label })] }));
+}
+export function StackedBar({ items, totalSeconds, }) {
+    const total = Math.max(totalSeconds, 1);
+    return (_jsx("div", { className: "flex h-3 overflow-hidden rounded-full bg-bg-muted/40", children: items.length === 0 ? (_jsx("div", { className: "h-full w-full bg-bg-muted/60" })) : (items.slice(0, BUCKET_COLORS.length).map((item, index) => (_jsx("div", { className: BUCKET_COLORS[index] ?? "bg-muted", style: {
+                width: `${Math.max(3, (item.totalSeconds / total) * 100)}%`,
+            }, title: `${item.label}: ${formatDurationSeconds(item.totalSeconds)}` }, item.key)))) }));
+}
+export function BucketBars({ items, totalSeconds, emptyLabel = "No data", limit = 6, }) {
+    const total = Math.max(totalSeconds, 1);
+    if (items.length === 0) {
+        return _jsx("div", { className: "py-4 text-xs text-muted", children: emptyLabel });
+    }
+    return (_jsx("div", { className: "space-y-2", children: items.slice(0, limit).map((item, index) => (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-xs", children: [_jsx("span", { className: "min-w-0 truncate font-medium text-txt/90", children: item.label }), _jsx("span", { className: "shrink-0 tabular-nums text-muted", children: formatDurationSeconds(item.totalSeconds) })] }), _jsx("div", { className: "h-1.5 overflow-hidden rounded-full bg-bg-muted/40", children: _jsx("div", { className: BUCKET_COLORS[index % BUCKET_COLORS.length], style: {
+                            width: `${Math.max(2, (item.totalSeconds / total) * 100)}%`,
+                        } }) })] }, item.key))) }));
+}
+export function DonutChart({ items, totalSeconds, label, }) {
+    const radius = 42;
+    const circumference = 2 * Math.PI * radius;
+    let offset = 0;
+    const total = Math.max(totalSeconds, 1);
+    return (_jsxs("div", { className: "relative h-32 w-32 shrink-0", children: [_jsxs("svg", { viewBox: "0 0 110 110", className: "h-full w-full -rotate-90", role: "img", "aria-label": label, children: [_jsx("circle", { cx: "55", cy: "55", r: radius, fill: "none", stroke: "currentColor", strokeWidth: "12", className: "text-bg-muted/50" }), items.slice(0, DONUT_COLORS.length).map((item, index) => {
+                        const length = (item.totalSeconds / total) * circumference;
+                        const strokeDasharray = `${length} ${circumference - length}`;
+                        const strokeDashoffset = -offset;
+                        offset += length;
+                        return (_jsx("circle", { cx: "55", cy: "55", r: radius, fill: "none", stroke: DONUT_COLORS[index] ?? "#94a3b8", strokeWidth: "12", strokeDasharray: strokeDasharray, strokeDashoffset: strokeDashoffset, strokeLinecap: "butt" }, item.key));
+                    })] }), _jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-center", children: [_jsx("div", { className: "text-lg font-semibold leading-none text-txt", children: formatDurationSeconds(totalSeconds) }), _jsx("div", { className: "mt-1 max-w-20 truncate text-[10px] font-medium uppercase text-muted", children: label })] })] }));
+}

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

@@ -0,0 +1,13 @@
+import { type LifeOpsInboxChannel } from "@elizaos/shared";
+import { type LifeOpsSelection } from "./LifeOpsSelectionContext.js";
+export declare const LIFEOPS_MESSAGE_CHANNELS: LifeOpsInboxChannel[];
+export declare const LIFEOPS_MAIL_CHANNELS: LifeOpsInboxChannel[];
+export interface LifeOpsInboxSectionProps {
+    selection?: LifeOpsSelection;
+    onSelect?: (args: Partial<LifeOpsSelection>) => void;
+    channels?: readonly LifeOpsInboxChannel[];
+    title?: string;
+    emptyLabel?: string;
+}
+export declare function LifeOpsInboxSection(props?: LifeOpsInboxSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LifeOpsInboxSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LifeOpsInboxSection.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/LifeOpsInboxSection.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,KAAK,mBAAmB,EAGzB,MAAM,iBAAiB,CAAC;AAmCzB,OAAO,EACL,KAAK,gBAAgB,EAEtB,MAAM,8BAA8B,CAAC;AA6EtC,eAAO,MAAM,wBAAwB,EAAE,mBAAmB,EACO,CAAC;AAClE,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAc,CAAC;AAitBtE,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,GAAE,wBAA6B,2CAsWvE"}