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

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

@@ -0,0 +1,7 @@
+import type { LifeOpsSection } from "../hooks/useLifeOpsSection.js";
+interface BrowserBridgeStatusChipProps {
+    onNavigate: (section: LifeOpsSection) => void;
+}
+export declare function BrowserBridgeStatusChip({ onNavigate, }: BrowserBridgeStatusChipProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BrowserBridgeStatusChip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserBridgeStatusChip.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/BrowserBridgeStatusChip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAMpE,UAAU,4BAA4B;IACpC,UAAU,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C;AAwCD,wBAAgB,uBAAuB,CAAC,EACtC,UAAU,GACX,EAAE,4BAA4B,2CAuD9B"}

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

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { client } from "@elizaos/app-core";
+import { useCallback, useEffect, useState } from "react";
+const RECENT_CONTACT_WINDOW_MS = 5 * 60_000;
+const CHIP_DESCRIPTORS = {
+    connected: {
+        label: "Browser connected",
+        dotClass: "bg-emerald-400",
+        borderClass: "border-emerald-500/30",
+    },
+    stale: {
+        label: "Browser offline",
+        dotClass: "bg-amber-300",
+        borderClass: "border-amber-500/30",
+    },
+    "needs-setup": {
+        label: "Browser setup needed",
+        dotClass: "bg-muted",
+        borderClass: "border-border/24",
+    },
+};
+function computeChipState(companions) {
+    if (companions.length === 0)
+        return "needs-setup";
+    const now = Date.now();
+    const hasRecent = companions.some((companion) => {
+        if (!companion.lastSeenAt)
+            return false;
+        const seenAt = Date.parse(companion.lastSeenAt);
+        if (!Number.isFinite(seenAt))
+            return false;
+        return now - seenAt < RECENT_CONTACT_WINDOW_MS;
+    });
+    return hasRecent ? "connected" : "stale";
+}
+export function BrowserBridgeStatusChip({ onNavigate, }) {
+    const [state, setState] = useState("needs-setup");
+    const [loaded, setLoaded] = useState(false);
+    const refresh = useCallback(async () => {
+        const result = await client.listBrowserBridgeCompanions();
+        setState(computeChipState(result.companions));
+        setLoaded(true);
+    }, []);
+    useEffect(() => {
+        void refresh();
+    }, [refresh]);
+    useEffect(() => {
+        if (typeof document === "undefined")
+            return;
+        function handleVisibility() {
+            if (document.visibilityState === "visible") {
+                void refresh();
+            }
+        }
+        document.addEventListener("visibilitychange", handleVisibility);
+        return () => document.removeEventListener("visibilitychange", handleVisibility);
+    }, [refresh]);
+    const descriptor = CHIP_DESCRIPTORS[state];
+    const handleClick = useCallback(() => {
+        onNavigate("setup");
+        if (typeof window !== "undefined") {
+            try {
+                window.location.hash = `${window.location.hash.split("?")[0] || "#"}#browser-bridge`;
+            }
+            catch {
+                // Hash assignment can fail in restricted environments — non-fatal.
+            }
+        }
+    }, [onNavigate]);
+    return (_jsx("button", { type: "button", onClick: handleClick, "aria-label": descriptor.label, title: descriptor.label, "data-testid": "lifeops-overview-browser-chip", "data-state": state, "data-loaded": loaded ? "1" : "0", className: `inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full border bg-bg/30 transition-colors hover:bg-bg/50 ${descriptor.borderClass}`, children: _jsx("span", { className: `h-2 w-2 rounded-full ${descriptor.dotClass}`, "aria-hidden": true }) }));
+}

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

@@ -0,0 +1,14 @@
+export type DataSourceState = "live" | "partial" | "unwired";
+export interface DataSourceDescriptor {
+    id: string;
+    label: string;
+    state: DataSourceState;
+}
+interface DataSourcesStripProps {
+    sources: DataSourceDescriptor[];
+    className?: string;
+    onSetup?: (sourceId: string) => void;
+}
+export declare function DataSourcesStrip({ sources, className, onSetup, }: DataSourcesStripProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=DataSourcesStrip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSourcesStrip.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/DataSourcesStrip.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,UAAU,qBAAqB;IAC7B,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAsBD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,SAAc,EACd,OAAO,GACR,EAAE,qBAAqB,kDA+CvB"}

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function sourceInitials(label) {
+    return label
+        .split(/[\s/_-]+/)
+        .filter(Boolean)
+        .slice(0, 2)
+        .map((part) => part[0]?.toUpperCase() ?? "")
+        .join("");
+}
+function sourceToneClass(state) {
+    switch (state) {
+        case "live":
+            return "border-emerald-400/35 bg-emerald-400/14 text-emerald-200";
+        case "partial":
+            return "border-amber-300/35 bg-amber-300/14 text-amber-200";
+        default:
+            return "border-border/18 bg-bg/30 text-muted";
+    }
+}
+export function DataSourcesStrip({ sources, className = "", onSetup, }) {
+    if (sources.length === 0)
+        return null;
+    return (_jsx("div", { className: `flex flex-wrap gap-2 ${className}`, "data-testid": "lifeops-data-sources-strip", children: sources.map((source) => {
+            const isClickable = source.state === "unwired" && Boolean(onSetup);
+            const baseClasses = `inline-flex h-7 w-7 items-center justify-center rounded-full border text-[10px] font-semibold ${sourceToneClass(source.state)}`;
+            const interactiveClasses = isClickable
+                ? " transition-colors hover:border-accent/30 hover:text-accent"
+                : "";
+            const initials = sourceInitials(source.label) || "?";
+            const label = `${source.label}: ${source.state}`;
+            if (isClickable) {
+                return (_jsx("button", { type: "button", title: label, "aria-label": `Set up ${source.label}`, onClick: () => onSetup?.(source.id), className: `${baseClasses}${interactiveClasses}`, "data-state": source.state, children: initials }, source.id));
+            }
+            return (_jsx("span", { role: "img", title: label, "aria-label": label, className: baseClasses, "data-state": source.state, children: initials }, source.id));
+        }) }));
+}

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

@@ -0,0 +1,23 @@
+import type { LifeOpsCalendarEvent, LifeOpsConnectorSide } from "@elizaos/shared";
+export type EventEditorMode = "create" | "edit";
+export interface EventEditorDefaults {
+    /** ISO date used to seed the start time when opening in create mode. */
+    date?: Date;
+    side?: LifeOpsConnectorSide;
+    calendarId?: string;
+    grantId?: string;
+}
+export interface EventEditorDrawerProps {
+    open: boolean;
+    mode?: EventEditorMode;
+    event: LifeOpsCalendarEvent | null;
+    /** Used when `mode === "create"` to seed defaults. */
+    createDefaults?: EventEditorDefaults;
+    onClose: () => void;
+    onSaved?: (event: LifeOpsCalendarEvent) => void;
+    onCreated?: (event: LifeOpsCalendarEvent) => void;
+    onDeleted?: (eventId: string) => void;
+    onChat?: (event: LifeOpsCalendarEvent) => void;
+}
+export declare function EventEditorDrawer({ open, mode, event, createDefaults, onClose, onSaved, onCreated, onDeleted, onChat, }: EventEditorDrawerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=EventEditorDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventEditorDrawer.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/EventEditorDrawer.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAGV,oBAAoB,EAGpB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAuHzB,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,mBAAmB;IAClC,wEAAwE;IACxE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACnC,sDAAsD;IACtD,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAChD;AAkFD,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,IAAa,EACb,KAAK,EACL,cAAc,EACd,OAAO,EACP,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,GACP,EAAE,sBAAsB,kDAouBxB"}