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

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

@@ -0,0 +1,42 @@
+import type { LifeOpsActiveReminderView, LifeOpsGoalDefinition, LifeOpsOccurrenceView } from "../contracts/index.js";
+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/components/LifeOpsPageSections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LifeOpsPageSections.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/LifeOpsPageSections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,yBAAyB,EAEzB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,gBAAgB,EAChB,8BAA8B,EAC9B,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAG3B,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,8BAA8B,GAAG,IAAI,CAAC;CAC/C,CAAC;AAyCF,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,CAAC,EAAE,MAAM,CAAC;IAClB,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,CAAC,EAAE,MAAM,CAAC;CACjB,2CAYA;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,GACZ,EAAE;IACD,WAAW,EAAE,qBAAqB,EAAE,CAAC;CACtC,2CAuCA;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,qBAAqB,EAAE,CAAA;CAAE,2CA8CrE;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,GACV,EAAE;IACD,SAAS,EAAE,yBAAyB,EAAE,CAAC;CACxC,2CAoCA;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"}

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

@@ -0,0 +1,166 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Button } from "@elizaos/app-core";
+import { ExternalLink } from "lucide-react";
+import { humanizeLifeOpsLabel } from "./lifeops-labels.js";
+function isRecord(value) {
+    return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function formatDateTime(value) {
+    if (!value) {
+        return "—";
+    }
+    const parsed = Date.parse(value);
+    if (!Number.isFinite(parsed)) {
+        return value;
+    }
+    return new Intl.DateTimeFormat(undefined, {
+        month: "short",
+        day: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+    }).format(new Date(parsed));
+}
+function cadenceLabel(cadence) {
+    switch (cadence.kind) {
+        case "once":
+            return "One-off";
+        case "daily":
+            return cadence.windows.length > 0 ? "Daily" : "Every day";
+        case "times_per_day":
+            return cadence.slots.length <= 1
+                ? "Daily"
+                : `${cadence.slots.length}x daily`;
+        case "interval":
+            return cadence.everyMinutes >= 60 && cadence.everyMinutes % 60 === 0
+                ? `Every ${cadence.everyMinutes / 60}h`
+                : `Every ${cadence.everyMinutes}m`;
+        case "weekly":
+            return cadence.weekdays.length > 0 ? "Weekly" : "As needed";
+    }
+}
+export function occurrenceSortValue(occurrence) {
+    const candidates = [
+        occurrence.dueAt,
+        occurrence.snoozedUntil,
+        occurrence.scheduledAt,
+        occurrence.relevanceStartAt,
+    ];
+    for (const candidate of candidates) {
+        if (!candidate) {
+            continue;
+        }
+        const parsed = Date.parse(candidate);
+        if (Number.isFinite(parsed)) {
+            return parsed;
+        }
+    }
+    return Number.MAX_SAFE_INTEGER;
+}
+function occurrenceWindowLabel(occurrence) {
+    if (occurrence.snoozedUntil) {
+        return `Snoozed until ${formatDateTime(occurrence.snoozedUntil)}`;
+    }
+    if (occurrence.dueAt) {
+        return `Due ${formatDateTime(occurrence.dueAt)}`;
+    }
+    if (occurrence.scheduledAt) {
+        return `Scheduled ${formatDateTime(occurrence.scheduledAt)}`;
+    }
+    return `Visible ${formatDateTime(occurrence.relevanceStartAt)}`;
+}
+function githubIdentityLabel(connection) {
+    const displayName = typeof connection.displayName === "string" &&
+        connection.displayName.trim().length > 0
+        ? connection.displayName.trim()
+        : null;
+    const username = typeof connection.username === "string" &&
+        connection.username.trim().length > 0
+        ? `@${connection.username.trim()}`
+        : null;
+    const email = typeof connection.email === "string" && connection.email.trim().length > 0
+        ? connection.email.trim()
+        : null;
+    return displayName ?? username ?? email ?? "No account linked";
+}
+function githubOwnerActionLabel(connection) {
+    return connection.username?.trim()
+        ? `@${connection.username.trim()}`
+        : githubIdentityLabel(connection);
+}
+function githubBindingModeLabel(mode) {
+    switch (mode) {
+        case "cloud-managed":
+            return "Agent account";
+        case "shared-owner":
+            return "Shared LifeOps account";
+        default:
+            return null;
+    }
+}
+function githubBindingSourceLabel(source) {
+    switch (source) {
+        case "platform_credentials":
+            return "Eliza Cloud OAuth";
+        case "secrets":
+            return "Cloud secret";
+        default:
+            return null;
+    }
+}
+export function SectionSurface({ title, icon, subtitle, children, }) {
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 text-muted", children: [icon, _jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted", children: title })] }), subtitle ? (_jsx("div", { className: "mt-1 text-xs leading-5 text-muted", children: subtitle })) : null, _jsx("div", { className: "mt-2 space-y-2", children: children })] }));
+}
+export function SummaryMetric({ label, value, detail, }) {
+    return (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/72 p-4", children: [_jsx("div", { className: "text-2xs font-semibold uppercase tracking-[0.12em] text-muted", children: label }), _jsx("div", { className: "mt-2 text-lg font-semibold text-txt", children: value }), detail ? (_jsx("div", { className: "mt-1 text-xs-tight text-muted", children: detail })) : null] }));
+}
+export function OccurrenceList({ occurrences, }) {
+    if (occurrences.length === 0) {
+        return _jsx("div", { className: "py-3 text-xs text-muted/60", children: "No active items." });
+    }
+    return (_jsx(_Fragment, { children: occurrences.map((occurrence) => (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/60 p-3", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-txt", children: occurrence.title }), _jsx("div", { className: "mt-1 text-xs leading-5 text-muted", children: occurrenceWindowLabel(occurrence) })] }), _jsx(Badge, { variant: "secondary", className: "text-2xs", children: humanizeLifeOpsLabel(occurrence.state) })] }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2 text-xs-tight text-muted", children: [_jsx("span", { children: cadenceLabel(occurrence.cadence) }), _jsxs("span", { children: ["Priority ", occurrence.priority] }), _jsx("span", { children: humanizeLifeOpsLabel(occurrence.domain) })] }), occurrence.description.trim().length > 0 ? (_jsx("div", { className: "mt-2 text-xs leading-5 text-muted", children: occurrence.description })) : null] }, occurrence.id))) }));
+}
+export function GoalList({ goals }) {
+    if (goals.length === 0) {
+        return _jsx("div", { className: "py-3 text-xs text-muted/60", children: "No active goals." });
+    }
+    return (_jsx(_Fragment, { children: goals.map((goal) => {
+            const goalMetadata = isRecord(goal.metadata) ? goal.metadata : null;
+            const grounding = goalMetadata && isRecord(goalMetadata.goalGrounding)
+                ? goalMetadata.goalGrounding
+                : null;
+            const groundingSummary = grounding && typeof grounding.summary === "string"
+                ? grounding.summary
+                : null;
+            const goalDescription = goal.description.trim() || groundingSummary;
+            return (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/60 p-3", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-txt", children: goal.title }), _jsx("div", { className: "mt-1 text-xs leading-5 text-muted", children: goalDescription || "No goal detail yet." })] }), _jsx(Badge, { variant: "secondary", className: "text-2xs", children: humanizeLifeOpsLabel(goal.reviewState) })] }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2 text-xs-tight text-muted", children: [_jsx("span", { children: humanizeLifeOpsLabel(goal.status) }), _jsx("span", { children: humanizeLifeOpsLabel(goal.domain) }), _jsxs("span", { children: ["Updated ", formatDateTime(goal.updatedAt)] })] })] }, goal.id));
+        }) }));
+}
+export function ReminderList({ reminders, }) {
+    if (reminders.length === 0) {
+        return _jsx("div", { className: "py-3 text-xs text-muted/60", children: "No live reminders." });
+    }
+    return (_jsx(_Fragment, { children: reminders.map((reminder) => (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/60 p-3", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-txt", children: reminder.title }), _jsxs("div", { className: "mt-1 text-xs leading-5 text-muted", children: [reminder.stepLabel, " via", " ", humanizeLifeOpsLabel(reminder.channel)] })] }), _jsx(Badge, { variant: "outline", className: "text-2xs", children: humanizeLifeOpsLabel(reminder.state) })] }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2 text-xs-tight text-muted", children: [_jsxs("span", { children: ["Scheduled ", formatDateTime(reminder.scheduledFor)] }), reminder.dueAt ? (_jsxs("span", { children: ["Due ", formatDateTime(reminder.dueAt)] })) : null] })] }, reminder.ownerId + reminder.stepIndex))) }));
+}
+export function OwnerGithubConnectionCard({ connection, busy, onDisconnect, }) {
+    return (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/60 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-semibold text-txt", children: githubIdentityLabel(connection) }), _jsx("div", { className: "mt-1 text-xs text-muted", children: connection.username
+                                    ? `@${connection.username}`
+                                    : (connection.email ?? "GitHub") })] }), _jsx(Badge, { variant: connection.status === "active" ? "secondary" : "outline", className: "text-2xs", children: humanizeLifeOpsLabel(connection.status) })] }), _jsxs("div", { className: "mt-3 flex flex-wrap gap-2 text-xs-tight text-muted", children: [_jsxs("span", { children: ["Linked ", formatDateTime(connection.linkedAt)] }), _jsxs("span", { children: [connection.scopes.length, " scopes"] }), connection.connectionRole ? (_jsx("span", { children: humanizeLifeOpsLabel(connection.connectionRole) })) : null] }), connection.scopes.length > 0 ? (_jsxs("div", { className: "mt-3 flex flex-wrap gap-1.5", children: [connection.scopes.slice(0, 4).map((scope) => (_jsx(Badge, { variant: "outline", className: "text-2xs", children: scope }, scope))), connection.scopes.length > 4 ? (_jsxs(Badge, { variant: "outline", className: "text-2xs", children: ["+", connection.scopes.length - 4, " more"] })) : null] })) : null, _jsx("div", { className: "mt-3", children: _jsx(Button, { variant: "outline", size: "sm", className: "rounded-full px-4 text-xs-tight font-semibold", disabled: busy, onClick: () => onDisconnect(connection.id), children: "Disconnect" }) })] }));
+}
+export function AgentGithubCard({ entry, ownerConnections, busyAgentId, onConnect, onDisconnect, onUseOwnerConnection, }) {
+    const { agent, github } = entry;
+    const busy = busyAgentId === agent.agent_id;
+    const connected = github?.connected === true;
+    const bindingModeLabel = githubBindingModeLabel(github?.mode);
+    const sourceLabel = githubBindingSourceLabel(github?.source);
+    return (_jsxs("div", { className: "rounded-2xl border border-border/40 bg-bg/60 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-semibold text-txt", children: agent.agent_name }), _jsx("div", { className: "mt-1 text-xs text-muted", children: connected
+                                    ? githubIdentityLabel({
+                                        displayName: github?.githubDisplayName,
+                                        username: github?.githubUsername,
+                                        email: github?.githubEmail,
+                                    })
+                                    : "No agent GitHub account linked" })] }), _jsx(Badge, { variant: connected ? "secondary" : "outline", className: "text-2xs", children: connected ? "Connected" : "Not connected" })] }), _jsxs("div", { className: "mt-3 flex flex-wrap gap-2 text-xs-tight text-muted", children: [_jsxs("span", { children: ["Agent ", humanizeLifeOpsLabel(agent.status)] }), github?.connectedAt ? (_jsxs("span", { children: ["Linked ", formatDateTime(github.connectedAt)] })) : null, bindingModeLabel ? _jsx("span", { children: bindingModeLabel }) : null, sourceLabel ? _jsx("span", { children: sourceLabel }) : null] }), github?.scopes?.length ? (_jsxs("div", { className: "mt-3 flex flex-wrap gap-1.5", children: [github.scopes.slice(0, 4).map((scope) => (_jsx(Badge, { variant: "outline", className: "text-2xs", children: scope }, scope))), github.scopes.length > 4 ? (_jsxs(Badge, { variant: "outline", className: "text-2xs", children: ["+", github.scopes.length - 4, " more"] })) : null] })) : null, _jsxs("div", { className: "mt-4 flex flex-wrap gap-2", children: [_jsxs(Button, { variant: "default", size: "sm", className: "rounded-full px-4 text-xs-tight font-semibold", disabled: busy || github?.configured === false, onClick: () => onConnect(agent.agent_id), children: [_jsx(ExternalLink, { className: "mr-2 h-3.5 w-3.5" }), connected ? "Reconnect agent GitHub" : "Connect agent GitHub"] }), connected ? (_jsx(Button, { variant: "outline", size: "sm", className: "rounded-full px-4 text-xs-tight font-semibold", disabled: busy, onClick: () => onDisconnect(agent.agent_id), children: "Disconnect" })) : null] }), ownerConnections.length > 0 ? (_jsxs("div", { className: "mt-4 rounded-2xl border border-border/35 bg-card/70 p-3", children: [_jsx("div", { className: "text-xs-tight font-semibold text-txt", children: "Use LifeOps GitHub" }), _jsx("div", { className: "mt-1 text-xs-tight leading-5 text-muted", children: "Link this agent to one of the owner\u2019s LifeOps GitHub connections through Eliza Cloud. Disconnecting the agent later leaves the owner connection intact." }), _jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: ownerConnections.map((connection) => {
+                            const alreadySelected = github?.mode === "shared-owner" &&
+                                github.connectionId === connection.id;
+                            return (_jsxs(Button, { variant: "outline", size: "sm", className: "rounded-full px-4 text-xs-tight font-semibold", disabled: busy || alreadySelected, onClick: () => onUseOwnerConnection(agent.agent_id, connection.id), children: [alreadySelected ? "Using" : "Use", " ", githubOwnerActionLabel(connection)] }, connection.id));
+                        }) })] })) : null, _jsx("div", { className: "mt-3 text-xs-tight leading-5 text-muted", children: "This account is bound to the cloud agent for coding, pull requests, and repo context. Repo access still depends on the GitHub account or app installation behind it." })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LifeOpsPageView.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-lifeops/src/components/LifeOpsPageView.tsx"],"names":[],"mappings":"AAibA,wBAAgB,eAAe,4CAM9B"}