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

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

@@ -1,1041 +0,0 @@
-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 })] }) })] }));
-}