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

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

@@ -0,0 +1,1041 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, client, Input, SegmentedControl, Textarea, useApp, } from "@elizaos/app-core";
+import { useCallback, useEffect, useMemo, useState, } from "react";
+import { useGoogleLifeOpsConnector } from "../hooks/useGoogleLifeOpsConnector.js";
+const CONNECTOR_REFRESH_INTERVAL_MS = 30_000;
+const GMAIL_MESSAGE_LIMIT = 12;
+const GMAIL_BULK_MESSAGE_LIMIT = 50;
+const TODAY_WINDOW_DAYS = 1;
+const WEEK_WINDOW_DAYS = 7;
+function capabilitySet(status) {
+    return new Set(status?.grantedCapabilities ?? []);
+}
+function sideLabel(side, t) {
+    return side === "owner"
+        ? t("lifeopsworkspace.user", {
+            defaultValue: "User",
+        })
+        : t("chat.agentType", {
+            defaultValue: "Agent",
+        });
+}
+function connectorStatusLabel(status, t) {
+    if (status?.connected) {
+        return t("lifeopsworkspace.connected", {
+            defaultValue: "Connected",
+        });
+    }
+    switch (status?.reason) {
+        case "needs_reauth":
+            return t("lifeopsworkspace.needsReauth", {
+                defaultValue: "Needs reauth",
+            });
+        case "config_missing":
+            return t("lifeopsworkspace.needsSetup", {
+                defaultValue: "Needs setup",
+            });
+        case "token_missing":
+            return t("lifeopsworkspace.tokenMissing", {
+                defaultValue: "Token missing",
+            });
+        default:
+            return t("lifeopsworkspace.notConnected", {
+                defaultValue: "Not connected",
+            });
+    }
+}
+function readIdentityLabel(identity, t) {
+    if (!identity) {
+        return {
+            primary: t("lifeopsworkspace.notConnected", {
+                defaultValue: "Not connected",
+            }),
+            secondary: null,
+        };
+    }
+    const name = typeof identity.name === "string" && identity.name.trim().length > 0
+        ? identity.name.trim()
+        : null;
+    const email = typeof identity.email === "string" && identity.email.trim().length > 0
+        ? identity.email.trim()
+        : null;
+    return {
+        primary: name ??
+            email ??
+            t("lifeopsworkspace.connected", {
+                defaultValue: "Connected",
+            }),
+        secondary: name && email ? email : null,
+    };
+}
+function startOfLocalDay(date = new Date()) {
+    const next = new Date(date);
+    next.setHours(0, 0, 0, 0);
+    return next;
+}
+function addDays(date, days) {
+    const next = new Date(date);
+    next.setDate(next.getDate() + days);
+    return next;
+}
+function combineDateTime(dateValue, timeValue) {
+    if (!dateValue || !timeValue) {
+        return null;
+    }
+    const parsed = new Date(`${dateValue}T${timeValue}`);
+    return Number.isFinite(parsed.getTime()) ? parsed.toISOString() : null;
+}
+function formatLocalDateTime(value, timeZone) {
+    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",
+        timeZone,
+    }).format(new Date(parsed));
+}
+function formatDayLabel(value, timeZone) {
+    const parsed = Date.parse(value);
+    if (!Number.isFinite(parsed)) {
+        return value;
+    }
+    return new Intl.DateTimeFormat(undefined, {
+        weekday: "short",
+        month: "short",
+        day: "numeric",
+        timeZone,
+    }).format(new Date(parsed));
+}
+function formatTimeOfDay(value, timeZone) {
+    const parsed = Date.parse(value);
+    if (!Number.isFinite(parsed)) {
+        return value;
+    }
+    return new Intl.DateTimeFormat(undefined, {
+        hour: "numeric",
+        minute: "2-digit",
+        timeZone,
+    }).format(new Date(parsed));
+}
+function formatEventWindow(event, t, timeZone) {
+    if (event.isAllDay) {
+        return t("lifeopsworkspace.allDay", {
+            defaultValue: "All day",
+        });
+    }
+    return `${formatTimeOfDay(event.startAt, timeZone)} - ${formatTimeOfDay(event.endAt, timeZone)}`;
+}
+function eventOriginLabel(event) {
+    const parts = [event.calendarSummary, event.accountEmail].filter((value) => typeof value === "string" && value.trim().length > 0);
+    if (parts.length === 0) {
+        return null;
+    }
+    return parts.join(" · ");
+}
+function toLocalDateKey(date, timeZone) {
+    const formatter = new Intl.DateTimeFormat("en-CA", {
+        timeZone,
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+    });
+    const parts = formatter.formatToParts(date);
+    const year = parts.find((part) => part.type === "year")?.value ?? "0000";
+    const month = parts.find((part) => part.type === "month")?.value ?? "00";
+    const day = parts.find((part) => part.type === "day")?.value ?? "00";
+    return `${year}-${month}-${day}`;
+}
+function groupEventsByDay(events, timeZone) {
+    const grouped = new Map();
+    for (const event of [...events].sort((left, right) => left.startAt.localeCompare(right.startAt))) {
+        const dayKey = toLocalDateKey(new Date(event.startAt), timeZone);
+        const existing = grouped.get(dayKey);
+        if (existing) {
+            existing.events.push(event);
+            continue;
+        }
+        grouped.set(dayKey, {
+            label: formatDayLabel(event.startAt, timeZone),
+            events: [event],
+        });
+    }
+    return [...grouped.entries()].map(([dayKey, value]) => ({
+        dayKey,
+        label: value.label,
+        events: value.events,
+    }));
+}
+function sortMessages(messages) {
+    return [...messages].sort((left, right) => {
+        if (left.likelyReplyNeeded !== right.likelyReplyNeeded) {
+            return left.likelyReplyNeeded ? -1 : 1;
+        }
+        return right.receivedAt.localeCompare(left.receivedAt);
+    });
+}
+function parseGmailLabelIds(value) {
+    return value
+        .split(",")
+        .map((labelId) => labelId.trim())
+        .filter((labelId) => labelId.length > 0);
+}
+function isDestructiveGmailOperation(operation) {
+    return (operation === "trash" ||
+        operation === "delete" ||
+        operation === "report_spam");
+}
+function gmailOperationLabel(operation, t) {
+    switch (operation) {
+        case "archive":
+            return t("lifeopsworkspace.archive", { defaultValue: "Archive" });
+        case "trash":
+            return t("lifeopsworkspace.trash", { defaultValue: "Trash" });
+        case "report_spam":
+            return t("lifeopsworkspace.reportSpam", {
+                defaultValue: "Report spam",
+            });
+        case "mark_read":
+            return t("lifeopsworkspace.markRead", { defaultValue: "Mark read" });
+        case "mark_unread":
+            return t("lifeopsworkspace.markUnread", {
+                defaultValue: "Mark unread",
+            });
+        case "apply_label":
+            return t("lifeopsworkspace.applyLabel", {
+                defaultValue: "Apply label",
+            });
+        case "remove_label":
+            return t("lifeopsworkspace.removeLabel", {
+                defaultValue: "Remove label",
+            });
+        case "delete":
+            return t("lifeopsworkspace.delete", { defaultValue: "Delete" });
+    }
+}
+function useLifeOpsSideWorkspace({ side, calendarWindow, timeZone, }) {
+    const { setActionNotice, t } = useApp();
+    const connector = useGoogleLifeOpsConnector({
+        pollWhileDisconnected: false,
+        side,
+        pollIntervalMs: CONNECTOR_REFRESH_INTERVAL_MS,
+    });
+    const status = connector.status;
+    const capabilities = useMemo(() => capabilitySet(status), [status]);
+    const connected = status?.connected === true;
+    const calendarEnabled = connected &&
+        (capabilities.has("google.calendar.read") ||
+            capabilities.has("google.calendar.write"));
+    const emailEnabled = connected &&
+        (capabilities.has("google.gmail.triage") ||
+            capabilities.has("google.gmail.send"));
+    const emailManageEnabled = connected && capabilities.has("google.gmail.manage");
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [calendarFeed, setCalendarFeed] = useState(null);
+    const [gmailFeed, setGmailFeed] = useState(null);
+    const [gmailRecommendations, setGmailRecommendations] = useState(null);
+    const [gmailQuery, setGmailQuery] = useState("in:inbox");
+    const [gmailReplyNeededOnly, setGmailReplyNeededOnly] = useState(false);
+    const [gmailIncludeSpamTrash, setGmailIncludeSpamTrash] = useState(false);
+    const [gmailSelectedMessageIds, setGmailSelectedMessageIds] = useState([]);
+    const [gmailLabelIds, setGmailLabelIds] = useState("");
+    const [gmailManageConfirmed, setGmailManageConfirmed] = useState(false);
+    const [selectedCalendarId, setSelectedCalendarId] = useState(null);
+    const [selectedMessageId, setSelectedMessageId] = useState(null);
+    const [draftTone, setDraftTone] = useState("neutral");
+    const [drafting, setDrafting] = useState(false);
+    const [sending, setSending] = useState(false);
+    const [managing, setManaging] = useState(false);
+    const [draft, setDraft] = useState(null);
+    const [draftBody, setDraftBody] = useState("");
+    const [sendConfirmed, setSendConfirmed] = useState(false);
+    const [eventTitle, setEventTitle] = useState("");
+    const [eventDate, setEventDate] = useState(new Date().toISOString().slice(0, 10));
+    const [eventTime, setEventTime] = useState("09:00");
+    const [eventDurationMinutes, setEventDurationMinutes] = useState("30");
+    const [eventLocation, setEventLocation] = useState("");
+    const [creatingEvent, setCreatingEvent] = useState(false);
+    const windowDays = calendarWindow === "week" ? WEEK_WINDOW_DAYS : TODAY_WINDOW_DAYS;
+    const load = useCallback(async (options) => {
+        if (!connected || !status) {
+            setLoading(false);
+            setError(null);
+            setCalendarFeed(null);
+            setGmailFeed(null);
+            setGmailRecommendations(null);
+            setGmailSelectedMessageIds([]);
+            setDraft(null);
+            setDraftBody("");
+            setSendConfirmed(false);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const [nextCalendarFeed, nextGmailFeed] = await Promise.all([
+                calendarEnabled
+                    ? client.getLifeOpsCalendarFeed({
+                        side: status.side,
+                        mode: status.mode,
+                        timeMin: startOfLocalDay().toISOString(),
+                        timeMax: addDays(startOfLocalDay(), windowDays).toISOString(),
+                        timeZone,
+                        forceSync: options?.forceSync,
+                    })
+                    : Promise.resolve(null),
+                emailEnabled
+                    ? client.getLifeOpsGmailTriage({
+                        side: status.side,
+                        mode: status.mode,
+                        maxResults: GMAIL_MESSAGE_LIMIT,
+                        forceSync: options?.forceSync,
+                    })
+                    : Promise.resolve(null),
+            ]);
+            setCalendarFeed(nextCalendarFeed);
+            setGmailFeed(nextGmailFeed);
+            setGmailRecommendations(null);
+        }
+        catch (cause) {
+            setError(cause instanceof Error && cause.message.trim().length > 0
+                ? cause.message.trim()
+                : t("lifeopsworkspace.loadFailed", {
+                    defaultValue: "Workspace failed to load.",
+                }));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [calendarEnabled, connected, emailEnabled, status, t, timeZone, windowDays]);
+    useEffect(() => {
+        void load();
+    }, [load]);
+    const calendarEvents = useMemo(() => [...(calendarFeed?.events ?? [])].sort((left, right) => left.startAt.localeCompare(right.startAt)), [calendarFeed]);
+    const groupedCalendarEvents = useMemo(() => groupEventsByDay(calendarEvents, timeZone), [calendarEvents, timeZone]);
+    const selectedCalendarEvent = useMemo(() => calendarEvents.find((event) => event.id === selectedCalendarId) ??
+        calendarEvents[0] ??
+        null, [calendarEvents, selectedCalendarId]);
+    const gmailMessages = useMemo(() => sortMessages(gmailFeed?.messages ?? []), [gmailFeed]);
+    const selectedGmailMessage = useMemo(() => gmailMessages.find((message) => message.id === selectedMessageId) ??
+        gmailMessages[0] ??
+        null, [gmailMessages, selectedMessageId]);
+    const identity = useMemo(() => readIdentityLabel(status?.identity ?? null, t), [status?.identity, t]);
+    useEffect(() => {
+        if (calendarEvents.length === 0) {
+            setSelectedCalendarId(null);
+            return;
+        }
+        if (selectedCalendarId &&
+            calendarEvents.some((event) => event.id === selectedCalendarId)) {
+            return;
+        }
+        setSelectedCalendarId(calendarEvents[0].id);
+    }, [calendarEvents, selectedCalendarId]);
+    useEffect(() => {
+        if (gmailMessages.length === 0) {
+            setSelectedMessageId(null);
+            setGmailSelectedMessageIds([]);
+            setDraft(null);
+            setDraftBody("");
+            setSendConfirmed(false);
+            return;
+        }
+        if (selectedMessageId &&
+            gmailMessages.some((message) => message.id === selectedMessageId)) {
+            return;
+        }
+        setSelectedMessageId(gmailMessages[0].id);
+        setSendConfirmed(false);
+    }, [gmailMessages, selectedMessageId]);
+    useEffect(() => {
+        const visibleIds = new Set(gmailMessages.map((message) => message.id));
+        setGmailSelectedMessageIds((current) => current.filter((messageId) => visibleIds.has(messageId)));
+    }, [gmailMessages]);
+    const handleSelectGmailMessage = useCallback((messageId) => {
+        setSelectedMessageId(messageId);
+        setSendConfirmed(false);
+    }, []);
+    const refresh = useCallback(async () => {
+        await connector.refresh({ silent: true });
+        await load({ forceSync: true });
+        setGmailSelectedMessageIds([]);
+        setGmailManageConfirmed(false);
+    }, [connector, load]);
+    const handleCreateEvent = useCallback(async () => {
+        if (!status || !calendarEnabled) {
+            return;
+        }
+        const startAt = combineDateTime(eventDate, eventTime);
+        const durationMinutes = Number(eventDurationMinutes);
+        if (!eventTitle.trim() || !startAt || !Number.isFinite(durationMinutes)) {
+            setError(t("lifeopsworkspace.createEventValidation", {
+                defaultValue: "Enter a title, date, time, and duration.",
+            }));
+            return;
+        }
+        setCreatingEvent(true);
+        setError(null);
+        try {
+            const result = await client.createLifeOpsCalendarEvent({
+                side: status.side,
+                mode: status.mode,
+                title: eventTitle.trim(),
+                location: eventLocation.trim() || undefined,
+                startAt,
+                timeZone,
+                durationMinutes,
+            });
+            setActionNotice(t("lifeopsworkspace.createdEvent", {
+                defaultValue: "Created {{title}}",
+                title: result.event.title,
+            }), "success", 2400);
+            setEventTitle("");
+            setEventLocation("");
+            await refresh();
+            setSelectedCalendarId(result.event.id);
+        }
+        catch (cause) {
+            setError(cause instanceof Error && cause.message.trim().length > 0
+                ? cause.message.trim()
+                : t("lifeopsworkspace.createEventFailed", {
+                    defaultValue: "Could not create the event.",
+                }));
+        }
+        finally {
+            setCreatingEvent(false);
+        }
+    }, [
+        calendarEnabled,
+        eventDate,
+        eventDurationMinutes,
+        eventLocation,
+        eventTime,
+        eventTitle,
+        refresh,
+        setActionNotice,
+        status,
+        t,
+        timeZone,
+    ]);
+    const handleGenerateDraft = useCallback(async () => {
+        if (!status || !emailEnabled || !selectedGmailMessage) {
+            return;
+        }
+        setDrafting(true);
+        setError(null);
+        try {
+            const response = await client.createLifeOpsGmailReplyDraft({
+                side: status.side,
+                mode: status.mode,
+                messageId: selectedGmailMessage.id,
+                tone: draftTone,
+                includeQuotedOriginal: true,
+            });
+            setDraft(response.draft);
+            setDraftBody(response.draft.bodyText);
+            setSendConfirmed(false);
+            setActionNotice(t("lifeopsworkspace.draftedReply", {
+                defaultValue: "Drafted {{subject}}",
+                subject: selectedGmailMessage.subject,
+            }), "success", 2200);
+        }
+        catch (cause) {
+            setError(cause instanceof Error && cause.message.trim().length > 0
+                ? cause.message.trim()
+                : t("lifeopsworkspace.draftReplyFailed", {
+                    defaultValue: "Could not draft the reply.",
+                }));
+        }
+        finally {
+            setDrafting(false);
+        }
+    }, [
+        draftTone,
+        emailEnabled,
+        selectedGmailMessage,
+        setActionNotice,
+        status,
+        t,
+    ]);
+    const handleSearchGmail = useCallback(async () => {
+        if (!status || !emailEnabled) {
+            return;
+        }
+        const query = gmailQuery.trim();
+        if (!query) {
+            setError(t("lifeopsworkspace.gmailSearchValidation", {
+                defaultValue: "Enter a Gmail search query.",
+            }));
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const result = await client.getLifeOpsGmailSearch({
+                side: status.side,
+                mode: status.mode,
+                query,
+                maxResults: GMAIL_BULK_MESSAGE_LIMIT,
+                forceSync: true,
+                replyNeededOnly: gmailReplyNeededOnly,
+                includeSpamTrash: gmailIncludeSpamTrash,
+            });
+            setGmailFeed(result);
+            setGmailRecommendations(null);
+            setGmailSelectedMessageIds([]);
+            setGmailManageConfirmed(false);
+        }
+        catch (cause) {
+            setError(cause instanceof Error && cause.message.trim().length > 0
+                ? cause.message.trim()
+                : t("lifeopsworkspace.gmailSearchFailed", {
+                    defaultValue: "Could not search Gmail.",
+                }));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [
+        emailEnabled,
+        gmailIncludeSpamTrash,
+        gmailQuery,
+        gmailReplyNeededOnly,
+        status,
+        t,
+    ]);
+    const handleShowNeedsResponse = useCallback(async () => {
+        if (!status || !emailEnabled) {
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const result = await client.getLifeOpsGmailNeedsResponse({
+                side: status.side,
+                mode: status.mode,
+                maxResults: GMAIL_BULK_MESSAGE_LIMIT,
+                forceSync: true,
+            });
+            setGmailFeed(result);
+            setGmailRecommendations(null);
+            setGmailSelectedMessageIds([]);
+            setGmailManageConfirmed(false);
+        }
+        catch (cause) {
+            setError(cause instanceof Error && cause.message.trim().length > 0
+                ? cause.message.trim()
+                : t("lifeopsworkspace.gmailNeedsResponseFailed", {
+                    defaultValue: "Could not load Gmail messages that need response.",
+                }));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [emailEnabled, status, t]);
+    const handleLoadRecommendations = useCallback(async () => {
+        if (!status || !emailEnabled) {
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const result = await client.getLifeOpsGmailRecommendations({
+                side: status.side,
+                mode: status.mode,
+                query: gmailQuery.trim() || undefined,
+                maxResults: GMAIL_BULK_MESSAGE_LIMIT,
+                forceSync: true,
+                replyNeededOnly: gmailReplyNeededOnly,
+                includeSpamTrash: gmailIncludeSpamTrash,
+            });
+            setGmailRecommendations(result);
+            setGmailManageConfirmed(false);
+        }
+        catch (cause) {
+            setError(cause instanceof Error && cause.message.trim().length > 0
+                ? cause.message.trim()
+                : t("lifeopsworkspace.gmailRecommendationsFailed", {
+                    defaultValue: "Could not load Gmail recommendations.",
+                }));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [
+        emailEnabled,
+        gmailIncludeSpamTrash,
+        gmailQuery,
+        gmailReplyNeededOnly,
+        status,
+        t,
+    ]);
+    const handleSendDraft = useCallback(async () => {
+        if (!status || !selectedGmailMessage || draftBody.trim().length === 0) {
+            return;
+        }
+        if (!sendConfirmed) {
+            setError(t("lifeopsworkspace.sendConfirmationRequired", {
+                defaultValue: "Confirm this Gmail send before sending.",
+            }));
+            return;
+        }
+        setSending(true);
+        setError(null);
+        try {
+            await client.sendLifeOpsGmailReply({
+                side: status.side,
+                mode: status.mode,
+                messageId: selectedGmailMessage.id,
+                bodyText: draftBody,
+                confirmSend: true,
+                subject: draft?.subject,
+                to: draft?.to,
+                cc: draft?.cc,
+            });
+            setActionNotice(t("lifeopsworkspace.sentReply", {
+                defaultValue: "Sent {{subject}}",
+                subject: selectedGmailMessage.subject,
+            }), "success", 2400);
+            setDraft(null);
+            setDraftBody("");
+            setSendConfirmed(false);
+            await refresh();
+        }
+        catch (cause) {
+            setError(cause instanceof Error && cause.message.trim().length > 0
+                ? cause.message.trim()
+                : t("lifeopsworkspace.sendReplyFailed", {
+                    defaultValue: "Could not send the reply.",
+                }));
+        }
+        finally {
+            setSending(false);
+        }
+    }, [
+        draft,
+        draftBody,
+        refresh,
+        selectedGmailMessage,
+        sendConfirmed,
+        setActionNotice,
+        status,
+        t,
+    ]);
+    const toggleGmailMessageSelection = useCallback((messageId) => {
+        setGmailManageConfirmed(false);
+        setGmailSelectedMessageIds((current) => current.includes(messageId)
+            ? current.filter((id) => id !== messageId)
+            : [...current, messageId]);
+    }, []);
+    const handleManageMessage = useCallback(async (operation, options = {}) => {
+        if (!status || !emailManageEnabled) {
+            return;
+        }
+        const messageIds = options.messageIds ??
+            (gmailSelectedMessageIds.length > 0
+                ? gmailSelectedMessageIds
+                : selectedGmailMessage
+                    ? [selectedGmailMessage.id]
+                    : []);
+        if (messageIds.length === 0) {
+            setError(t("lifeopsworkspace.gmailSelectMessages", {
+                defaultValue: "Select at least one Gmail message.",
+            }));
+            return;
+        }
+        const labelIds = options.labelIds ??
+            (operation === "apply_label" || operation === "remove_label"
+                ? parseGmailLabelIds(gmailLabelIds)
+                : []);
+        if ((operation === "apply_label" || operation === "remove_label") &&
+            labelIds.length === 0) {
+            setError(t("lifeopsworkspace.gmailLabelValidation", {
+                defaultValue: "Enter at least one Gmail label ID.",
+            }));
+            return;
+        }
+        const requiresConfirmation = options.requiresConfirmation === true ||
+            messageIds.length > 1 ||
+            isDestructiveGmailOperation(operation);
+        if (requiresConfirmation && !gmailManageConfirmed) {
+            setError(t("lifeopsworkspace.gmailManageConfirmationRequired", {
+                defaultValue: "Confirm this bulk or destructive Gmail update before running it.",
+            }));
+            return;
+        }
+        setManaging(true);
+        setError(null);
+        try {
+            const result = await client.manageLifeOpsGmailMessages({
+                side: status.side,
+                mode: status.mode,
+                messageIds,
+                operation,
+                labelIds,
+                confirmDestructive: isDestructiveGmailOperation(operation),
+            });
+            setActionNotice(t("lifeopsworkspace.gmailManaged", {
+                defaultValue: "{{operation}} applied to {{count}} message",
+                operation: result.operation,
+                count: result.affectedCount,
+            }), "success", 2200);
+            setGmailSelectedMessageIds([]);
+            setGmailManageConfirmed(false);
+            setDraft(null);
+            setDraftBody("");
+            setSendConfirmed(false);
+            await refresh();
+        }
+        catch (cause) {
+            setError(cause instanceof Error && cause.message.trim().length > 0
+                ? cause.message.trim()
+                : t("lifeopsworkspace.gmailManageFailed", {
+                    defaultValue: "Could not update the Gmail message.",
+                }));
+        }
+        finally {
+            setManaging(false);
+        }
+    }, [
+        emailManageEnabled,
+        gmailLabelIds,
+        gmailManageConfirmed,
+        gmailSelectedMessageIds,
+        refresh,
+        selectedGmailMessage,
+        setActionNotice,
+        status,
+        t,
+    ]);
+    const handleApplyRecommendation = useCallback(async (recommendation) => {
+        if (!recommendation.operation) {
+            return;
+        }
+        await handleManageMessage(recommendation.operation, {
+            messageIds: recommendation.messageIds,
+            labelIds: recommendation.labelIds,
+            requiresConfirmation: recommendation.requiresConfirmation,
+        });
+    }, [handleManageMessage]);
+    return {
+        side,
+        identity,
+        status,
+        connected,
+        statusLabel: connectorStatusLabel(status, t),
+        loading,
+        error,
+        calendarEnabled,
+        emailEnabled,
+        emailManageEnabled,
+        calendarEvents,
+        groupedCalendarEvents,
+        selectedCalendarEvent,
+        setSelectedCalendarId,
+        refresh,
+        gmailMessages,
+        selectedGmailMessage,
+        setSelectedMessageId: handleSelectGmailMessage,
+        gmailRecommendations,
+        gmailQuery,
+        setGmailQuery,
+        gmailReplyNeededOnly,
+        setGmailReplyNeededOnly,
+        gmailIncludeSpamTrash,
+        setGmailIncludeSpamTrash,
+        gmailSelectedMessageIds,
+        toggleGmailMessageSelection,
+        gmailLabelIds,
+        setGmailLabelIds,
+        gmailManageConfirmed,
+        setGmailManageConfirmed,
+        draftTone,
+        setDraftTone,
+        draft,
+        draftBody,
+        setDraftBody,
+        sendConfirmed,
+        setSendConfirmed,
+        drafting,
+        sending,
+        managing,
+        eventTitle,
+        setEventTitle,
+        eventDate,
+        setEventDate,
+        eventTime,
+        setEventTime,
+        eventDurationMinutes,
+        setEventDurationMinutes,
+        eventLocation,
+        setEventLocation,
+        creatingEvent,
+        handleCreateEvent,
+        handleGenerateDraft,
+        handleSearchGmail,
+        handleShowNeedsResponse,
+        handleLoadRecommendations,
+        handleSendDraft,
+        handleManageMessage,
+        handleApplyRecommendation,
+    };
+}
+function SectionShell({ title, actions, children, }) {
+    return (_jsxs("section", { className: "overflow-hidden rounded-3xl border border-border/16 bg-card/18", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 px-4 py-4", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: title }), actions] }), _jsx("div", { className: "border-t border-border/12 px-4 py-4", children: children })] }));
+}
+function LockedSection({ title, hint, owner, agent, t, }) {
+    return (_jsxs(SectionShell, { title: title, children: [_jsx("div", { className: "mb-3 text-xs leading-5 text-muted", children: hint }), _jsx("div", { className: "grid gap-4 lg:grid-cols-2", children: [owner, agent].map((workspace) => (_jsxs("div", { className: "rounded-2xl bg-bg/36 px-4 py-4", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: sideLabel(workspace.side, t) }), _jsx("div", { className: "mt-1 text-xs text-muted", children: workspace.statusLabel })] }, workspace.side))) })] }));
+}
+function AccountBadge({ label }) {
+    if (!label) {
+        return null;
+    }
+    return (_jsx(Badge, { variant: "outline", className: "text-3xs", children: label }));
+}
+function CalendarColumn({ workspace, timeZone, t, }) {
+    const [composerOpen, setComposerOpen] = useState(false);
+    const eventCount = workspace.calendarEvents.length;
+    return (_jsxs("div", { className: "space-y-4 rounded-2xl bg-bg/36 px-4 py-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: sideLabel(workspace.side, t) }), _jsx("div", { className: "mt-1 truncate text-xs text-muted", children: workspace.identity.secondary ?? workspace.identity.primary })] }), _jsx(Badge, { variant: "outline", className: "text-2xs", children: eventCount })] }), workspace.error ? (_jsx("div", { className: "rounded-2xl bg-danger/10 px-3 py-2 text-xs text-danger", children: workspace.error })) : null, !workspace.calendarEnabled ? (_jsx("div", { className: "text-xs text-muted", children: t("lifeopsworkspace.grantCalendarAccess", {
+                    defaultValue: "Grant calendar access for this Google account in Setup.",
+                }) })) : workspace.loading && eventCount === 0 ? (_jsx("div", { className: "text-xs text-muted", children: t("lifeopsworkspace.loadingEvents", {
+                    defaultValue: "Loading events…",
+                }) })) : eventCount === 0 ? (_jsx("div", { className: "text-xs text-muted", children: t("lifeopsworkspace.nothingScheduled", {
+                    defaultValue: "Nothing scheduled. Use New event below to add one.",
+                }) })) : (_jsx("div", { className: "space-y-3", children: workspace.groupedCalendarEvents.map((group) => (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-[0.12em] text-muted", children: group.label }), _jsx("div", { className: "overflow-hidden rounded-2xl bg-bg/45", children: group.events.map((event, index) => (_jsxs("button", { type: "button", onClick: () => workspace.setSelectedCalendarId(event.id), className: `flex w-full items-start justify-between gap-3 px-3 py-3 text-left ${index > 0 ? "border-t border-border/12" : ""} ${workspace.selectedCalendarEvent?.id === event.id
+                                    ? "bg-accent/8"
+                                    : "hover:bg-bg-hover/30"}`, children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium text-txt", children: event.title }), _jsx("div", { className: "mt-1 text-xs text-muted", children: formatEventWindow(event, t, timeZone) }), event.location.trim().length > 0 ? (_jsx("div", { className: "mt-1 truncate text-xs text-muted/90", children: event.location })) : null] }), _jsx("div", { className: "flex flex-col items-end gap-1", children: _jsx(AccountBadge, { label: eventOriginLabel(event) }) })] }, event.id))) })] }, group.dayKey))) })), workspace.selectedCalendarEvent ? (_jsxs("div", { className: "space-y-2 rounded-2xl bg-card/18 px-3 py-3 text-xs text-muted", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: workspace.selectedCalendarEvent.title }), _jsx("div", { children: formatLocalDateTime(workspace.selectedCalendarEvent.startAt, timeZone) }), workspace.selectedCalendarEvent.location.trim().length > 0 ? (_jsx("div", { children: workspace.selectedCalendarEvent.location })) : null, workspace.selectedCalendarEvent.conferenceLink ? (_jsx("div", { className: "truncate", children: workspace.selectedCalendarEvent.conferenceLink })) : null, _jsx(AccountBadge, { label: eventOriginLabel(workspace.selectedCalendarEvent) })] })) : null, workspace.calendarEnabled ? (_jsxs("div", { className: "space-y-3", children: [_jsx(Button, { size: "sm", variant: "outline", className: "h-8 rounded-xl px-3 text-xs font-semibold", onClick: () => setComposerOpen((current) => !current), children: composerOpen
+                            ? t("lifeopsworkspace.hideNewEvent", {
+                                defaultValue: "Hide new event",
+                            })
+                            : t("lifeopsworkspace.newEvent", {
+                                defaultValue: "New event",
+                            }) }), composerOpen ? (_jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsx(Input, { value: workspace.eventTitle, onChange: (event) => workspace.setEventTitle(event.target.value), placeholder: t("common.title", {
+                                    defaultValue: "Title",
+                                }), "aria-label": t("lifeopsworkspace.eventTitle", {
+                                    defaultValue: "Event title",
+                                }), className: "sm:col-span-2" }), _jsx(Input, { type: "date", value: workspace.eventDate, onChange: (event) => workspace.setEventDate(event.target.value), "aria-label": t("lifeopsworkspace.eventDate", {
+                                    defaultValue: "Event date",
+                                }) }), _jsx(Input, { type: "time", value: workspace.eventTime, onChange: (event) => workspace.setEventTime(event.target.value), "aria-label": t("lifeopsworkspace.eventStartTime", {
+                                    defaultValue: "Event start time",
+                                }) }), _jsx(Input, { type: "number", min: 5, step: 5, value: workspace.eventDurationMinutes, onChange: (event) => workspace.setEventDurationMinutes(event.target.value), placeholder: t("lifeopsworkspace.durationMinutes", {
+                                    defaultValue: "Duration in minutes",
+                                }), "aria-label": t("lifeopsworkspace.durationMinutes", {
+                                    defaultValue: "Duration in minutes",
+                                }) }), _jsx(Input, { value: workspace.eventLocation, onChange: (event) => workspace.setEventLocation(event.target.value), placeholder: t("lifeopsworkspace.locationOptional", {
+                                    defaultValue: "Location (optional)",
+                                }), "aria-label": t("common.location", {
+                                    defaultValue: "Location",
+                                }) }), _jsx(Button, { size: "sm", className: "h-9 rounded-xl px-3 text-xs font-semibold sm:col-span-2", disabled: workspace.creatingEvent || !workspace.eventTitle.trim(), onClick: () => void workspace.handleCreateEvent(), children: workspace.creatingEvent
+                                    ? t("lifeopsworkspace.creating", {
+                                        defaultValue: "Creating…",
+                                    })
+                                    : t("lifeopsworkspace.createEvent", {
+                                        defaultValue: "Create event",
+                                    }) })] })) : null] })) : null] }));
+}
+function GmailControls({ workspace, t, }) {
+    return (_jsxs("div", { className: "space-y-2 rounded-2xl bg-card/18 px-3 py-3", children: [_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Input, { value: workspace.gmailQuery, onChange: (event) => workspace.setGmailQuery(event.target.value), placeholder: t("lifeopsworkspace.gmailSearchPlaceholder", {
+                            defaultValue: "Gmail query, e.g. in:inbox newer_than:7d",
+                        }), "aria-label": t("lifeopsworkspace.gmailSearchQuery", {
+                            defaultValue: "Gmail search query",
+                        }), className: "h-8 min-w-48 flex-1 text-xs" }), _jsx(Button, { size: "sm", variant: "outline", className: "h-8 rounded-xl px-3 text-xs font-semibold", disabled: workspace.loading || workspace.gmailQuery.trim().length === 0, onClick: () => void workspace.handleSearchGmail(), children: t("lifeopsworkspace.searchGmail", {
+                            defaultValue: "Search Gmail",
+                        }) }), _jsx(Button, { size: "sm", variant: "outline", className: "h-8 rounded-xl px-3 text-xs font-semibold", disabled: workspace.loading, onClick: () => void workspace.refresh(), children: t("lifeopsworkspace.refreshInbox", {
+                            defaultValue: "Refresh inbox",
+                        }) })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted", children: [_jsxs("label", { className: "inline-flex items-center gap-1.5", children: [_jsx("input", { type: "checkbox", checked: workspace.gmailReplyNeededOnly, onChange: (event) => workspace.setGmailReplyNeededOnly(event.target.checked) }), t("lifeopsworkspace.replyNeededOnly", {
+                                defaultValue: "Reply-needed only",
+                            })] }), _jsxs("label", { className: "inline-flex items-center gap-1.5", children: [_jsx("input", { type: "checkbox", checked: workspace.gmailIncludeSpamTrash, onChange: (event) => workspace.setGmailIncludeSpamTrash(event.target.checked) }), t("lifeopsworkspace.includeSpamTrash", {
+                                defaultValue: "Include spam/trash",
+                            })] }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-8 rounded-xl px-3 text-xs font-semibold", disabled: workspace.loading, onClick: () => void workspace.handleShowNeedsResponse(), children: t("lifeopsworkspace.needsResponse", {
+                            defaultValue: "Needs response",
+                        }) }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-8 rounded-xl px-3 text-xs font-semibold", disabled: workspace.loading, onClick: () => void workspace.handleLoadRecommendations(), children: t("lifeopsworkspace.recommendations", {
+                            defaultValue: "Recommendations",
+                        }) })] })] }));
+}
+function GmailRecommendationsPanel({ workspace, t, }) {
+    const recommendations = workspace.gmailRecommendations?.recommendations ?? [];
+    const needsConfirmation = recommendations.some((recommendation) => recommendation.requiresConfirmation ||
+        recommendation.kind === "review_spam" ||
+        (recommendation.operation
+            ? recommendation.messageIds.length > 1 ||
+                isDestructiveGmailOperation(recommendation.operation)
+            : false));
+    if (recommendations.length === 0) {
+        return (_jsx("div", { className: "rounded-2xl bg-card/18 px-3 py-3 text-xs text-muted", children: t("lifeopsworkspace.noGmailRecommendations", {
+                defaultValue: "No Gmail recommendations for this query.",
+            }) }));
+    }
+    return (_jsxs("div", { className: "space-y-2 rounded-2xl bg-card/18 px-3 py-3", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-[0.12em] text-muted", children: t("lifeopsworkspace.gmailRecommendations", {
+                    defaultValue: "Gmail recommendations",
+                }) }), needsConfirmation ? (_jsxs("label", { className: "inline-flex items-center gap-1.5 text-xs text-muted", children: [_jsx("input", { type: "checkbox", checked: workspace.gmailManageConfirmed, onChange: (event) => workspace.setGmailManageConfirmed(event.target.checked) }), t("lifeopsworkspace.confirmGmailRecommendation", {
+                        defaultValue: "Confirm recommendation update",
+                    })] })) : null, recommendations.map((recommendation) => (_jsxs("div", { className: "space-y-2 rounded-2xl bg-bg/40 px-3 py-3", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: recommendation.title }), _jsx("div", { className: "mt-1 text-xs text-muted", children: recommendation.rationale })] }), _jsx(Badge, { variant: "outline", className: "text-3xs", children: recommendation.affectedCount })] }), recommendation.sampleMessages.length > 0 ? (_jsx("div", { className: "space-y-1", children: recommendation.sampleMessages.slice(0, 3).map((message) => (_jsxs("div", { className: "text-xs text-muted", children: [_jsx("span", { className: "font-medium text-txt/85", children: message.subject }), " ", message.from] }, message.messageId))) })) : null, _jsxs("div", { className: "flex flex-wrap gap-2", children: [recommendation.operation ? (_jsx(Button, { size: "sm", variant: "outline", className: "h-8 rounded-xl px-3 text-xs font-semibold", disabled: workspace.managing ||
+                                    ((recommendation.requiresConfirmation ||
+                                        recommendation.messageIds.length > 1 ||
+                                        isDestructiveGmailOperation(recommendation.operation)) &&
+                                        !workspace.gmailManageConfirmed), onClick: () => void workspace.handleApplyRecommendation(recommendation), children: gmailOperationLabel(recommendation.operation, t) })) : null, recommendation.kind === "review_spam"
+                                ? recommendation.sampleMessages.map((message) => (_jsx(Button, { size: "sm", variant: "outline", className: "h-8 rounded-xl px-3 text-xs font-semibold", disabled: workspace.managing || !workspace.gmailManageConfirmed, onClick: () => void workspace.handleManageMessage("report_spam", {
+                                        messageIds: [message.messageId],
+                                    }), children: t("lifeopsworkspace.reportSampleSpam", {
+                                        defaultValue: "Report sample spam",
+                                    }) }, message.messageId)))
+                                : null] })] }, recommendation.id)))] }));
+}
+function EmailColumn({ workspace, timeZone, t, }) {
+    const messageCount = workspace.gmailMessages.length;
+    const selectedBulkMessageIds = workspace.gmailSelectedMessageIds.length > 0
+        ? workspace.gmailSelectedMessageIds
+        : workspace.selectedGmailMessage
+            ? [workspace.selectedGmailMessage.id]
+            : [];
+    const selectedBulkCount = selectedBulkMessageIds.length;
+    const labelIds = parseGmailLabelIds(workspace.gmailLabelIds);
+    const isManageDisabled = (operation) => {
+        if (workspace.managing || selectedBulkCount === 0) {
+            return true;
+        }
+        if ((operation === "apply_label" || operation === "remove_label") &&
+            labelIds.length === 0) {
+            return true;
+        }
+        if ((selectedBulkCount > 1 || isDestructiveGmailOperation(operation)) &&
+            !workspace.gmailManageConfirmed) {
+            return true;
+        }
+        return false;
+    };
+    return (_jsxs("div", { className: "space-y-4 rounded-2xl bg-bg/36 px-4 py-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: sideLabel(workspace.side, t) }), _jsx("div", { className: "mt-1 truncate text-xs text-muted", children: workspace.identity.secondary ?? workspace.identity.primary })] }), _jsx(Badge, { variant: "outline", className: "text-2xs", children: messageCount })] }), workspace.error ? (_jsx("div", { className: "rounded-2xl bg-danger/10 px-3 py-2 text-xs text-danger", children: workspace.error })) : null, !workspace.emailEnabled ? (_jsx("div", { className: "text-xs text-muted", children: t("lifeopsworkspace.grantGmailAccess", {
+                    defaultValue: "Grant Gmail access for this Google account in Setup.",
+                }) })) : messageCount === 0 ? (_jsxs("div", { className: "space-y-3", children: [_jsx(GmailControls, { workspace: workspace, t: t }), _jsx("div", { className: "text-xs text-muted", children: workspace.loading
+                            ? t("lifeopsworkspace.loadingRecentMail", {
+                                defaultValue: "Loading recent mail…",
+                            })
+                            : t("lifeopsworkspace.inboxClear", {
+                                defaultValue: "Inbox clear. Nothing to triage right now.",
+                            }) })] })) : (_jsxs("div", { className: "space-y-3", children: [_jsx(GmailControls, { workspace: workspace, t: t }), _jsx("div", { className: "overflow-hidden rounded-2xl bg-bg/45", children: workspace.gmailMessages.map((message, index) => (_jsxs("div", { className: `flex w-full items-start justify-between gap-3 px-3 py-3 text-left ${index > 0 ? "border-t border-border/12" : ""} ${workspace.selectedGmailMessage?.id === message.id
+                                ? "bg-accent/8"
+                                : "hover:bg-bg-hover/30"}`, children: [_jsx("label", { className: "mt-1 inline-flex shrink-0 items-center", children: _jsx("input", { type: "checkbox", checked: workspace.gmailSelectedMessageIds.includes(message.id), onChange: () => workspace.toggleGmailMessageSelection(message.id), "aria-label": t("lifeopsworkspace.selectGmailMessage", {
+                                            defaultValue: "Select Gmail message {{subject}}",
+                                            subject: message.subject,
+                                        }) }) }), _jsxs("button", { type: "button", onClick: () => workspace.setSelectedMessageId(message.id), className: "min-w-0 flex flex-1 items-start justify-between gap-3 text-left", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-medium text-txt", children: message.subject }), _jsx("div", { className: "mt-1 truncate text-xs text-muted", children: message.from }), _jsx("div", { className: "mt-1 line-clamp-2 text-xs text-muted/90", children: message.snippet })] }), _jsxs("div", { className: "flex flex-col items-end gap-1", children: [message.likelyReplyNeeded ? (_jsx(Badge, { variant: "secondary", className: "text-3xs", children: t("lifeopsworkspace.reply", {
+                                                        defaultValue: "Reply",
+                                                    }) })) : null, message.isUnread ? (_jsx(Badge, { variant: "outline", className: "text-3xs", children: t("lifeopsworkspace.unread", {
+                                                        defaultValue: "Unread",
+                                                    }) })) : null, _jsx(AccountBadge, { label: message.accountEmail }), _jsx("div", { className: "text-[11px] text-muted", children: formatLocalDateTime(message.receivedAt, timeZone) })] })] })] }, message.id))) })] })), workspace.selectedGmailMessage ? (_jsxs("div", { className: "space-y-3 rounded-2xl bg-card/18 px-3 py-3", children: [_jsxs("div", { className: "space-y-1 text-xs text-muted", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: workspace.selectedGmailMessage.subject }), _jsx("div", { children: workspace.selectedGmailMessage.from }), _jsx("div", { children: workspace.selectedGmailMessage.snippet })] }), workspace.emailManageEnabled ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs text-muted", children: [_jsx("span", { children: t("lifeopsworkspace.gmailManageTarget", {
+                                            defaultValue: selectedBulkCount > 1
+                                                ? "{{count}} selected messages"
+                                                : "Selected message",
+                                            count: selectedBulkCount,
+                                        }) }), _jsxs("label", { className: "inline-flex items-center gap-1.5", children: [_jsx("input", { type: "checkbox", checked: workspace.gmailManageConfirmed, onChange: (event) => workspace.setGmailManageConfirmed(event.target.checked) }), t("lifeopsworkspace.confirmGmailManage", {
+                                                defaultValue: "Confirm bulk/destructive update",
+                                            })] })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: [
+                                    "archive",
+                                    "mark_read",
+                                    "mark_unread",
+                                    "report_spam",
+                                    "trash",
+                                ].map((operation) => (_jsx(Button, { size: "sm", variant: "outline", className: "h-8 rounded-xl px-3 text-xs font-semibold", disabled: isManageDisabled(operation), onClick: () => void workspace.handleManageMessage(operation), children: gmailOperationLabel(operation, t) }, operation))) }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Input, { value: workspace.gmailLabelIds, onChange: (event) => workspace.setGmailLabelIds(event.target.value), placeholder: t("lifeopsworkspace.gmailLabelIds", {
+                                            defaultValue: "Label ID(s), comma-separated",
+                                        }), "aria-label": t("lifeopsworkspace.gmailLabelIds", {
+                                            defaultValue: "Label ID(s), comma-separated",
+                                        }), className: "h-8 min-w-48 flex-1 text-xs" }), ["apply_label", "remove_label"].map((operation) => (_jsx(Button, { size: "sm", variant: "outline", className: "h-8 rounded-xl px-3 text-xs font-semibold", disabled: isManageDisabled(operation), onClick: () => void workspace.handleManageMessage(operation), children: gmailOperationLabel(operation, t) }, operation)))] })] })) : null, _jsx(SegmentedControl, { "aria-label": t("lifeopsworkspace.draftToneAria", {
+                            defaultValue: "{{side}} draft tone",
+                            side: sideLabel(workspace.side, t),
+                        }), value: workspace.draftTone, onValueChange: workspace.setDraftTone, items: [
+                            {
+                                value: "brief",
+                                label: t("lifeopsworkspace.brief", {
+                                    defaultValue: "Brief",
+                                }),
+                            },
+                            {
+                                value: "neutral",
+                                label: t("lifeopsworkspace.neutral", {
+                                    defaultValue: "Neutral",
+                                }),
+                            },
+                            {
+                                value: "warm",
+                                label: t("lifeopsworkspace.warm", {
+                                    defaultValue: "Warm",
+                                }),
+                            },
+                        ], className: "border-border/28 bg-card/24 p-0.5", buttonClassName: "min-h-8 px-3 py-1.5 text-xs" }), _jsx(Textarea, { value: workspace.draftBody, onChange: (event) => {
+                            workspace.setDraftBody(event.target.value);
+                            workspace.setSendConfirmed(false);
+                        }, placeholder: t("lifeopsworkspace.reply", {
+                            defaultValue: "Reply",
+                        }), className: "min-h-32" }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { size: "sm", className: "h-8 rounded-xl px-3 text-xs font-semibold", disabled: workspace.drafting, onClick: () => void workspace.handleGenerateDraft(), children: workspace.drafting
+                                    ? t("lifeopsworkspace.drafting", {
+                                        defaultValue: "Drafting...",
+                                    })
+                                    : t("lifeopsworkspace.draftReply", {
+                                        defaultValue: "Draft reply",
+                                    }) }), _jsx(Button, { size: "sm", variant: "outline", className: "h-8 rounded-xl px-3 text-xs font-semibold", disabled: workspace.sending ||
+                                    workspace.draftBody.trim().length === 0 ||
+                                    !workspace.sendConfirmed, onClick: () => void workspace.handleSendDraft(), children: workspace.sending
+                                    ? t("lifeopsworkspace.sending", {
+                                        defaultValue: "Sending...",
+                                    })
+                                    : t("common.send", {
+                                        defaultValue: "Send",
+                                    }) })] }), _jsxs("label", { className: "inline-flex items-center gap-2 text-xs text-muted", children: [_jsx("input", { type: "checkbox", checked: workspace.sendConfirmed, onChange: (event) => workspace.setSendConfirmed(event.target.checked) }), t("lifeopsworkspace.confirmSendGmailReply", {
+                                defaultValue: "Confirm sending this Gmail reply now",
+                            })] }), workspace.draft ? (_jsx("div", { className: "text-xs text-muted", children: t("lifeopsworkspace.gmailDraftCreatedNoAutoSend", {
+                            defaultValue: "Draft created. It will not send until you confirm and press Send.",
+                        }) })) : null] })) : null, workspace.gmailRecommendations ? (_jsx(GmailRecommendationsPanel, { workspace: workspace, t: t })) : null] }));
+}
+export function LifeOpsWorkspaceView() {
+    const { t } = useApp();
+    const timeZone = useMemo(() => Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC", []);
+    const [calendarWindow, setCalendarWindow] = useState("today");
+    const owner = useLifeOpsSideWorkspace({
+        side: "owner",
+        calendarWindow,
+        timeZone,
+    });
+    const agent = useLifeOpsSideWorkspace({
+        side: "agent",
+        calendarWindow,
+        timeZone,
+    });
+    const workspaceReady = owner.connected && agent.connected;
+    if (!workspaceReady) {
+        return (_jsxs("div", { className: "space-y-6", children: [_jsx(LockedSection, { title: t("lifeopsworkspace.calendar", {
+                        defaultValue: "Calendar",
+                    }), hint: t("lifeopsworkspace.calendarLockedHint", {
+                        defaultValue: "Connect Google for both User and Agent in Setup above to see today's events and create new ones here.",
+                    }), owner: owner, agent: agent, t: t }), _jsx(LockedSection, { title: t("lifeopsworkspace.email", {
+                        defaultValue: "Email",
+                    }), hint: t("lifeopsworkspace.emailLockedHint", {
+                        defaultValue: "Connect Google for both User and Agent in Setup above to triage replies and draft responses here.",
+                    }), owner: owner, agent: agent, t: t })] }));
+    }
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(SectionShell, { title: t("lifeopsworkspace.calendar", {
+                    defaultValue: "Calendar",
+                }), actions: _jsx(SegmentedControl, { "aria-label": t("lifeopsworkspace.calendarWindow", {
+                        defaultValue: "Calendar window",
+                    }), value: calendarWindow, onValueChange: setCalendarWindow, items: [
+                        {
+                            value: "today",
+                            label: t("lifeopsworkspace.today", {
+                                defaultValue: "Today",
+                            }),
+                        },
+                        {
+                            value: "week",
+                            label: t("lifeopsworkspace.week", {
+                                defaultValue: "Week",
+                            }),
+                        },
+                    ], className: "border-border/28 bg-card/24 p-0.5", buttonClassName: "min-h-8 px-3 py-1.5 text-xs" }), children: _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsx(CalendarColumn, { workspace: owner, timeZone: timeZone, t: t }), _jsx(CalendarColumn, { workspace: agent, timeZone: timeZone, t: t })] }) }), _jsx(SectionShell, { title: t("lifeopsworkspace.email", {
+                    defaultValue: "Email",
+                }), children: _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsx(EmailColumn, { workspace: owner, timeZone: timeZone, t: t }), _jsx(EmailColumn, { workspace: agent, timeZone: timeZone, t: t })] }) })] }));
+}