@rightkit/workspace-ui 0.0.0-stage → 0.1.0

package/dist/views/ContactsView.js

@@ -0,0 +1,230 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, SkeletonRows, Input } from "@rightkit/react-shell/react";
+// Contacts — a browsable list (parity with contacts.google.com): search +
+// full contact list with avatars, a create/edit modal, delete, and the
+// import/export/dedupe tools. Group filtering reads the active group from the
+// store (set in ContactsNav). Directory search falls back to the People API for
+// addresses outside the personal contact list.
+import { memo, useEffect, useMemo, useRef, useState } from "react";
+import Icon from "@rightkit/mail-ui/components/Icons";
+import { AccountSwitcher } from "@rightkit/mail-ui/components/AccountSwitcher";
+import { colorFor, initialOf } from "@rightkit/mail-ui/lib/mail";
+import { buildVcf, parseVcf, parseContactsCsv } from "../lib/vcard.js";
+import { useAppStore } from "@rightkit/mail-ui/store/index";
+import { showDialog } from "@rightkit/mail-ui/hooks/dialog";
+import { searchRecipients, listAllContacts, createContact, updateContact, deleteContact, saveTextDownload, } from "@rightkit/mail-ui/lib/ipc";
+import { EMPTY_EDITOR } from "./ContactsView.types.js";
+function ContactsViewInner() {
+    const openComposeTo = useAppStore((s) => s.openComposeTo);
+    const activeAccount = useAppStore((s) => s.activeAccount);
+    const setErr = useAppStore((s) => s.setErr);
+    const showUndo = useAppStore((s) => s.showUndo);
+    const setView = useAppStore((s) => s.setView);
+    const contactsQuery = useAppStore((s) => s.contactsQuery);
+    const setContactsQuery = useAppStore((s) => s.setContactsQuery);
+    const contactsBusy = useAppStore((s) => s.contactsBusy);
+    const setContactsBusy = useAppStore((s) => s.setContactsBusy);
+    const contactDupes = useAppStore((s) => s.contactDupes);
+    const setContactDupes = useAppStore((s) => s.setContactDupes);
+    const [contacts, setContacts] = useState([]);
+    const [dirResults, setDirResults] = useState([]);
+    const [editor, setEditor] = useState(null);
+    const fileRef = useRef(null);
+    const searchTimer = useRef(undefined);
+    function loadAll() {
+        if (!activeAccount)
+            return;
+        setContactsBusy(true);
+        listAllContacts(activeAccount)
+            .then((cs) => setContacts(cs.sort((a, b) => (a.display_name || a.emails[0] || "").localeCompare(b.display_name || b.emails[0] || ""))))
+            .catch((e) => setErr(String(e)))
+            .finally(() => setContactsBusy(false));
+    }
+    useEffect(() => {
+        loadAll();
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- loadAll is a plain function redefined every render (closes over setErr/setContactsBusy); tracking it would refetch the full contact list on every render instead of only on account change.
+    }, [activeAccount]);
+    // Local filter is instant; the directory lookup (≥2 chars) is debounced so we
+    // don't fire an IPC call on every keystroke.
+    function onSearch(q) {
+        setContactsQuery(q);
+        clearTimeout(searchTimer.current);
+        if (!activeAccount || q.trim().length < 2) {
+            setDirResults([]);
+            return;
+        }
+        searchTimer.current = setTimeout(() => {
+            searchRecipients(activeAccount, q.trim())
+                .then((rs) => setDirResults(rs))
+                .catch(() => setDirResults([]));
+        }, 280);
+    }
+    const query = contactsQuery.trim().toLowerCase();
+    const filtered = useMemo(() => {
+        if (!query)
+            return contacts;
+        return contacts.filter((c) => c.display_name.toLowerCase().includes(query) ||
+            c.emails.some((e) => e.toLowerCase().includes(query)) ||
+            c.org.toLowerCase().includes(query));
+    }, [contacts, query]);
+    // Directory hits not already in the personal list (only while searching).
+    const extraDir = useMemo(() => {
+        if (query.length < 2)
+            return [];
+        const known = new Set(contacts.flatMap((c) => c.emails.map((e) => e.toLowerCase())));
+        return dirResults.filter((r) => r.email && !known.has(r.email.toLowerCase()));
+    }, [dirResults, contacts, query]);
+    function emailContact(addr) {
+        setView("inbox");
+        setTimeout(() => openComposeTo(addr, "", ""), 0);
+    }
+    function startCreate() {
+        setEditor(EMPTY_EDITOR);
+    }
+    function startEdit(c) {
+        setEditor({
+            resource_name: c.resource_name,
+            etag: c.etag,
+            name: c.display_name,
+            emails: c.emails.length ? c.emails : [""],
+            phones: c.phones.length ? c.phones : [""],
+        });
+    }
+    function saveEditor() {
+        if (!activeAccount || !editor)
+            return;
+        const name = editor.name.trim();
+        const emails = editor.emails.map((e) => e.trim()).filter(Boolean);
+        const phones = editor.phones.map((p) => p.trim()).filter(Boolean);
+        if (!name && emails.length === 0) {
+            setErr("A contact needs at least a name or an email.");
+            return;
+        }
+        setContactsBusy(true);
+        const op = editor.resource_name
+            ? updateContact(activeAccount, editor.resource_name, editor.etag, name, emails, phones)
+            : createContact(activeAccount, name, emails, phones);
+        op.then(() => {
+            showUndo(editor.resource_name ? "Contact saved" : "Contact created", [], "");
+            setEditor(null);
+            loadAll();
+        })
+            .catch((e) => setErr(String(e)))
+            .finally(() => setContactsBusy(false));
+    }
+    async function removeContact(c) {
+        if (!activeAccount)
+            return;
+        if ((await showDialog({ kind: "confirm", message: `Delete "${c.display_name || c.emails[0]}"? Moves to Google's contact trash (30-day undo).` })) !== "ok")
+            return;
+        setContactsBusy(true);
+        deleteContact(activeAccount, c.resource_name)
+            .then(() => {
+            showUndo("Contact deleted", [], "");
+            setContacts((prev) => prev.filter((x) => x.resource_name !== c.resource_name));
+        })
+            .catch((e) => setErr(String(e)))
+            .finally(() => setContactsBusy(false));
+    }
+    function exportContacts() {
+        if (!activeAccount || contactsBusy)
+            return;
+        const vcf = buildVcf(contacts.map((c) => ({ name: c.display_name, emails: c.emails, phones: c.phones, org: c.org })));
+        // Saved natively to Downloads (exclusive atomic publish), like every other download.
+        saveTextDownload("contacts.vcf", vcf)
+            .then(() => showUndo(`Exported ${contacts.length} contacts`, [], ""))
+            .catch((e) => setErr(String(e)));
+    }
+    function importContactsFile(file) {
+        if (!activeAccount)
+            return;
+        file
+            .text()
+            .then(async (text) => {
+            const parsed = file.name.toLowerCase().endsWith(".csv")
+                ? parseContactsCsv(text)
+                : parseVcf(text);
+            if (parsed.length === 0) {
+                setErr("No contacts found in that file.");
+                return;
+            }
+            if ((await showDialog({ kind: "confirm", message: `Import ${parsed.length} contact(s) into ${activeAccount}?` })) !== "ok")
+                return;
+            setContactsBusy(true);
+            let ok = 0;
+            for (const c of parsed) {
+                try {
+                    await createContact(activeAccount, c.name, c.emails, c.phones);
+                    ok++;
+                }
+                catch (e) {
+                    setErr(String(e));
+                    break;
+                }
+            }
+            showUndo(`Imported ${ok} of ${parsed.length} contacts`, [], "");
+            loadAll();
+        })
+            .catch((e) => setErr(String(e)))
+            .finally(() => setContactsBusy(false));
+    }
+    function findContactDupes() {
+        if (!activeAccount || contactsBusy)
+            return;
+        const byEmail = new Map();
+        for (const c of contacts) {
+            for (const e of c.emails) {
+                const key = e.trim().toLowerCase();
+                if (!key)
+                    continue;
+                const arr = byEmail.get(key) ?? [];
+                if (!arr.includes(c))
+                    arr.push(c);
+                byEmail.set(key, arr);
+            }
+        }
+        const seen = new Set();
+        const groups = [];
+        for (const arr of byEmail.values()) {
+            if (arr.length < 2)
+                continue;
+            const key = arr.map((c) => c.resource_name).sort().join("|");
+            if (seen.has(key))
+                continue;
+            seen.add(key);
+            groups.push({ primary: arr[0], dups: arr.slice(1) });
+        }
+        setContactDupes(groups);
+        if (groups.length === 0)
+            showUndo("No duplicate contacts found", [], "");
+    }
+    async function mergeDupeGroup(group) {
+        if (!activeAccount || contactsBusy)
+            return;
+        if ((await showDialog({ kind: "confirm", message: `Merge ${group.dups.length} duplicate(s) into "${group.primary.display_name || group.primary.emails[0]}"?` })) !== "ok")
+            return;
+        const all = [group.primary, ...group.dups];
+        const emails = Array.from(new Set(all.flatMap((c) => c.emails.map((e) => e.trim())).filter(Boolean)));
+        const phones = Array.from(new Set(all.flatMap((c) => c.phones.map((p) => p.trim())).filter(Boolean)));
+        const name = all.map((c) => c.display_name).find((n) => n.trim()) || emails[0] || "";
+        setContactsBusy(true);
+        updateContact(activeAccount, group.primary.resource_name, group.primary.etag, name, emails, phones)
+            .then(async () => {
+            for (const d of group.dups)
+                await deleteContact(activeAccount, d.resource_name);
+            showUndo("Merged duplicates", [], "");
+            setContactDupes((prev) => (prev ? prev.filter((g) => g !== group) : prev));
+            loadAll();
+        })
+            .catch((e) => setErr(String(e)))
+            .finally(() => setContactsBusy(false));
+    }
+    const setEd = (patch) => setEditor((e) => (e ? { ...e, ...patch } : e));
+    return (_jsxs("div", { className: "contactsview", children: [_jsxs("div", { className: "contacts-bar", children: [_jsx("h2", { className: "workspace-title", children: "Contacts" }), _jsx("span", { className: "contacts-count", children: contacts.length }), _jsx("div", { className: "drive-bar-spacer" }), _jsx(Input, { className: "workspace-search", placeholder: "Search contacts & directory\u2026", value: contactsQuery, onChange: (e) => onSearch(e.target.value) }), _jsx(Button, { variant: "ghost", size: "sm", disabled: contactsBusy, onClick: exportContacts, children: "Export" }), _jsx(Button, { variant: "ghost", size: "sm", disabled: contactsBusy, onClick: () => fileRef.current?.click(), children: "Import" }), _jsx(Button, { variant: "ghost", size: "sm", disabled: contactsBusy, onClick: findContactDupes, children: "Find duplicates" }), _jsxs(Button, { variant: "primary", size: "sm", onClick: startCreate, children: [_jsx(Icon, { name: "person-add", size: 15 }), " Create"] }), _jsx(AccountSwitcher, {}), _jsx(Input, { ref: fileRef, type: "file", accept: ".vcf,.csv", style: { display: "none" }, onChange: (e) => {
+                            const f = e.target.files?.[0];
+                            if (f)
+                                importContactsFile(f);
+                            e.target.value = "";
+                        } })] }), _jsxs("div", { className: "contacts-scroll", children: [contactDupes && (_jsxs("div", { className: "dupe-panel", children: [_jsxs("div", { className: "labels-head", children: [_jsx("span", { children: "Duplicates" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setContactDupes(null), children: "Dismiss" })] }), contactDupes.length === 0 ? (_jsx("p", { className: "hint", children: "No duplicate contacts." })) : (contactDupes.map((g) => (_jsxs("div", { className: "contact-row", children: [_jsx("span", { className: "contact-av", style: { background: colorFor(g.primary.emails[0] || g.primary.display_name) }, children: initialOf(g.primary.display_name || g.primary.emails[0]) }), _jsx("span", { className: "contact-name", children: g.primary.display_name || g.primary.emails[0] }), _jsxs("span", { className: "contact-sub", children: [g.dups.length + 1, " copies \u00B7 ", g.primary.emails[0]] }), _jsx(Button, { variant: "ghost", size: "sm", disabled: contactsBusy, onClick: () => mergeDupeGroup(g), children: "Merge" })] }, g.primary.resource_name))))] })), contactsBusy && contacts.length === 0 ? (_jsx(SkeletonRows, { rows: 10 })) : filtered.length === 0 && extraDir.length === 0 ? (_jsxs("div", { className: "workspace-empty", children: [_jsx(Icon, { name: "people", size: 42 }), _jsx("p", { className: "hint", children: query ? "No matching contacts." : "No contacts yet." }), !query && _jsx(Button, { variant: "primary", size: "sm", onClick: startCreate, children: "Create your first contact" })] })) : (_jsxs("div", { className: "contacts-list", children: [filtered.map((c) => (_jsxs("div", { className: "contact-row", children: [_jsx("span", { className: "contact-av", style: { background: colorFor(c.emails[0] || c.display_name) }, children: initialOf(c.display_name || c.emails[0]) }), _jsx("span", { className: "contact-name", children: c.display_name || "(no name)" }), _jsx("span", { className: "contact-email", children: c.emails[0] || "" }), _jsx("span", { className: "contact-sub", children: c.phones[0] || c.org || "" }), _jsxs("div", { className: "contact-actions", children: [c.emails[0] && (_jsx(Button, { variant: "ghost", size: "sm", title: "Email", onClick: () => emailContact(c.emails[0]), children: "Email" })), _jsx(Button, { variant: "ghost", size: "sm", title: "Edit", onClick: () => startEdit(c), children: "Edit" }), _jsx(Button, { variant: "danger", size: "sm", title: "Delete", onClick: () => removeContact(c), children: "Delete" })] })] }, c.resource_name))), extraDir.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "labels-head", children: _jsx("span", { children: "From the directory" }) }), extraDir.map((r) => (_jsxs("div", { className: "contact-row", children: [r.photo_url ? (_jsx("img", { className: "contact-av", src: r.photo_url, alt: "" })) : (_jsx("span", { className: "contact-av", style: { background: colorFor(r.email) }, children: initialOf(r.name || r.email) })), _jsx("span", { className: "contact-name", children: r.name || r.email }), _jsx("span", { className: "contact-email", children: r.email }), _jsx("span", { className: "contact-sub" }), _jsxs("div", { className: "contact-actions", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => emailContact(r.email), children: "Email" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setEditor({ resource_name: "", etag: "", name: r.name || "", emails: [r.email], phones: [""] }), children: "Add to contacts" })] })] }, r.email)))] }))] }))] }), editor && (_jsxs(Dialog, { title: editor.resource_name ? "Edit contact" : "New contact", width: 440, onClose: () => setEditor(null), children: [_jsx(Input, { className: "event-title-input", placeholder: "Name", autoFocus: true, value: editor.name, onChange: (e) => setEd({ name: e.target.value }) }), _jsxs("div", { className: "ce-field-group", children: [_jsx("span", { className: "ce-label", children: "Email" }), editor.emails.map((em, i) => (_jsx(Input, { className: "workspace-search ce-input", type: "email", placeholder: "name@example.com", value: em, onChange: (e) => setEd({ emails: editor.emails.map((v, j) => (j === i ? e.target.value : v)) }) }, i))), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setEd({ emails: [...editor.emails, ""] }), children: "+ Add email" })] }), _jsxs("div", { className: "ce-field-group", children: [_jsx("span", { className: "ce-label", children: "Phone" }), editor.phones.map((ph, i) => (_jsx(Input, { className: "workspace-search ce-input", placeholder: "+1 555 000 0000", value: ph, onChange: (e) => setEd({ phones: editor.phones.map((v, j) => (j === i ? e.target.value : v)) }) }, i))), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setEd({ phones: [...editor.phones, ""] }), children: "+ Add phone" })] }), _jsxs("div", { className: "ws-form-foot", children: [_jsx(Button, { variant: "primary", disabled: contactsBusy, onClick: saveEditor, children: editor.resource_name ? "Save" : "Create" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setEditor(null), children: "Cancel" })] })] }))] }));
+}
+export const ContactsView = memo(ContactsViewInner);

package/dist/views/ContactsView.types.d.ts

@@ -0,0 +1,8 @@
+export type Editor = {
+    resource_name: string;
+    etag: string;
+    name: string;
+    emails: string[];
+    phones: string[];
+};
+export declare const EMPTY_EDITOR: Editor;

package/dist/views/ContactsView.types.js

@@ -0,0 +1,7 @@
+export const EMPTY_EDITOR = {
+    resource_name: "",
+    etag: "",
+    name: "",
+    emails: [""],
+    phones: [""],
+};

package/dist/views/DriveFileMenu.d.ts

@@ -0,0 +1,14 @@
+import { useDrive } from "@rightkit/mail-ui/hooks/useDrive";
+import { type DriveFile } from "@rightkit/mail-ui/lib/ipc";
+type DriveFileMenuProps = {
+    f: DriveFile;
+    anchor: Element;
+    onClose: () => void;
+    onPreview: () => void;
+    drive: ReturnType<typeof useDrive>;
+    onMove: (f: DriveFile) => void;
+    onShare: (f: DriveFile) => void;
+};
+/** The per-file dropdown (preview/open/download/attach/rename/move/share/trash). */
+export declare function DriveFileMenu({ f, anchor, onClose, onPreview, drive, onMove, onShare }: DriveFileMenuProps): import("react").JSX.Element;
+export {};

package/dist/views/DriveFileMenu.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { ContextMenu } from "@rightkit/react-shell/react";
+import { openExternal } from "@rightkit/mail-ui/lib/ipc";
+import { useAppStore } from "@rightkit/mail-ui/store/index";
+/** The per-file dropdown (preview/open/download/attach/rename/move/share/trash). */
+export function DriveFileMenu({ f, anchor, onClose, onPreview, drive, onMove, onShare }) {
+    const setErr = useAppStore((s) => s.setErr);
+    const items = useMemo(() => {
+        const list = [];
+        if (!f.is_folder)
+            list.push({ id: "preview", label: "Preview", run: onPreview });
+        if (f.web_view_link) {
+            list.push({
+                id: "open",
+                label: "Open in Drive",
+                run: () => { openExternal(f.web_view_link).catch((e) => setErr(String(e))); },
+            });
+        }
+        if (!f.is_folder)
+            list.push({ id: "download", label: "Download", run: () => drive.download(f) });
+        if (!f.is_folder && f.web_view_link) {
+            list.push({ id: "link", label: "Insert link in email", run: () => drive.insertDriveLink(f) });
+        }
+        list.push({ id: "rename", label: "Rename", separatorBefore: list.length > 0, run: () => drive.rename(f) });
+        list.push({ id: "move", label: "Move", run: () => onMove(f) });
+        list.push({ id: "share", label: "Share", run: () => onShare(f) });
+        list.push({ id: "trash", label: "Move to trash", danger: true, run: () => drive.trash(f) });
+        return list;
+    }, [f, drive, onPreview, onMove, onShare, setErr]);
+    return (_jsx("span", { style: { display: "contents" }, onClick: (e) => e.stopPropagation(), children: _jsx(ContextMenu, { anchor: anchor, placement: "bottom-end", items: items, onClose: onClose, label: "File actions", showLead: false }) }));
+}

package/dist/views/DrivePreviewModal.d.ts

@@ -0,0 +1,9 @@
+import { useDrive } from "@rightkit/mail-ui/hooks/useDrive";
+import { type DriveFile } from "@rightkit/mail-ui/lib/ipc";
+type DrivePreviewModalProps = {
+    drivePreview: DriveFile;
+    setDrivePreview: (f: DriveFile | null) => void;
+    drive: ReturnType<typeof useDrive>;
+};
+export declare function DrivePreviewModal({ drivePreview, setDrivePreview, drive }: DrivePreviewModalProps): import("react").JSX.Element;
+export {};

package/dist/views/DrivePreviewModal.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog } from "@rightkit/react-shell/react";
+import Icon from "@rightkit/mail-ui/components/Icons";
+import { openExternal } from "@rightkit/mail-ui/lib/ipc";
+import { formatBytes } from "@rightkit/settings-ui/core";
+import { useAppStore } from "@rightkit/mail-ui/store/index";
+import { fileGlyph } from "./driveFileGlyph.js";
+export function DrivePreviewModal({ drivePreview, setDrivePreview, drive }) {
+    const setErr = useAppStore((s) => s.setErr);
+    return (_jsxs(Dialog, { title: drivePreview.name, width: 520, onClose: () => setDrivePreview(null), children: [drivePreview.thumbnail_link ? (_jsx("img", { className: "dp-thumb", src: drivePreview.thumbnail_link, alt: "", onError: (e) => { e.currentTarget.style.display = "none"; } })) : (_jsxs("div", { className: "dp-noimg", children: [_jsx(Icon, { name: fileGlyph(drivePreview).icon, size: 48 }), _jsx("span", { className: "hint", children: "No preview available" })] })), _jsxs("div", { className: "dp-meta hint", children: [drivePreview.mime_type, drivePreview.size ? ` · ${formatBytes(Number(drivePreview.size))}` : "", drivePreview.modified_time ? ` · ${new Date(drivePreview.modified_time).toLocaleString()}` : ""] }), _jsxs("div", { className: "dp-actions", children: [drivePreview.web_view_link && (_jsx(Button, { variant: "primary", onClick: () => openExternal(drivePreview.web_view_link).catch((e) => setErr(String(e))), children: "Open in Drive" })), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => drive.download(drivePreview), children: "Download" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => { drive.insertDriveLink(drivePreview); setDrivePreview(null); }, children: "Insert link in email" })] })] }));
+}

package/dist/views/DriveView.d.ts

@@ -0,0 +1,3 @@
+declare function DriveViewInner(): import("react").JSX.Element;
+export declare const DriveView: import("react").MemoExoticComponent<typeof DriveViewInner>;
+export {};

package/dist/views/DriveView.js

@@ -0,0 +1,186 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Drive — the file grid. Mirrors drive.google.com: a breadcrumb/title header
+// with type filter + search + grid/list toggle, then a grid (or list) of file
+// cards with thumbnails or colored type tiles, each with a hover ⋮ menu.
+// Shelf nav + storage live in DriveNav; shared Drive logic in useDrive.
+import { memo, useEffect, useState } from "react";
+import Icon from "@rightkit/mail-ui/components/Icons";
+import { AccountSwitcher } from "@rightkit/mail-ui/components/AccountSwitcher";
+import { Button, Dialog, IconButton, Skeleton, SegmentedControl, Input, Select } from "@rightkit/react-shell/react";
+import { setPref } from "@rightkit/mail-ui/lib/preferences";
+import { useAppStore } from "@rightkit/mail-ui/store/index";
+import { useDrive, FOLDER_MIME } from "@rightkit/mail-ui/hooks/useDrive";
+import { DriveFileMenu } from "./DriveFileMenu.js";
+import { DrivePreviewModal } from "./DrivePreviewModal.js";
+import { fileGlyph } from "./driveFileGlyph.js";
+import { listDriveFiles, driveStorageQuota, driveMove, driveShare, driveListPermissions, driveRevokePermission, } from "@rightkit/mail-ui/lib/ipc";
+/** Native button that carries the keyboard/AT semantics of a file card or row;
+ *  the mouse click is handled by the card itself. */
+const FILE_OPEN_STYLE = {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    flex: "1 1 auto",
+    minWidth: 0,
+    padding: 0,
+    border: 0,
+    background: "none",
+    color: "inherit",
+    font: "inherit",
+    textAlign: "left",
+    cursor: "pointer",
+};
+const SHELF_LABEL = {
+    recent: "Recent",
+    shared: "Shared with me",
+    starred: "Starred",
+    trash: "Trash",
+};
+function DriveViewInner() {
+    const drive = useDrive();
+    const setErr = useAppStore((s) => s.setErr);
+    const showUndo = useAppStore((s) => s.showUndo);
+    const setDrivePath = useAppStore((s) => s.setDrivePath);
+    const setDriveQuery = useAppStore((s) => s.setDriveQuery);
+    const driveFiles = useAppStore((s) => s.driveFiles);
+    const setDriveFiles = useAppStore((s) => s.setDriveFiles);
+    const driveToken = useAppStore((s) => s.driveToken);
+    const setDriveToken = useAppStore((s) => s.setDriveToken);
+    const drivePreview = useAppStore((s) => s.drivePreview);
+    const setDrivePreview = useAppStore((s) => s.setDrivePreview);
+    const driveViewMode = useAppStore((s) => s.driveViewMode);
+    const setDriveViewMode = useAppStore((s) => s.setDriveViewMode);
+    const setDriveQuota = useAppStore((s) => s.setDriveQuota);
+    const driveBusy = useAppStore((s) => s.driveBusy);
+    const { activeAccount, driveShelf, drivePath, driveQuery, driveType } = drive;
+    // Transient UI state: the open ⋮ menu, the move/share modals, drag-over state.
+    const [menuFor, setMenuFor] = useState(null);
+    const [menuAnchor, setMenuAnchor] = useState(null);
+    const openMenuFor = (id, anchor) => { setMenuAnchor(anchor); setMenuFor(id); };
+    const [dragOver, setDragOver] = useState(false);
+    const [moveFile, setMoveFile] = useState(null);
+    const [moveFolders, setMoveFolders] = useState([]);
+    const [shareFile, setShareFile] = useState(null);
+    const [perms, setPerms] = useState([]);
+    const [shareEmail, setShareEmail] = useState("");
+    const [shareRole, setShareRole] = useState("reader");
+    // Load My Drive root + storage quota on mount / account change.
+    useEffect(() => {
+        setDrivePath([]);
+        setDriveQuery("");
+        drive.reload(undefined, "");
+        if (activeAccount)
+            driveStorageQuota(activeAccount).then(setDriveQuota).catch(() => { });
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- setDrivePath/setDriveQuery/drive.reload/setDriveQuota are store setters or a method on the `drive` object recreated every render; tracking them would reload Drive's root on every render instead of only on account change.
+    }, [activeAccount]);
+    function openMoveDialog(f) {
+        if (!activeAccount)
+            return;
+        setMenuFor(null);
+        setMoveFile(f);
+        setMoveFolders([]);
+        listDriveFiles(activeAccount, undefined, undefined, undefined, undefined, FOLDER_MIME)
+            .then((l) => setMoveFolders(l.files.filter((x) => x.id !== f.id)))
+            .catch((e) => setErr(String(e)));
+    }
+    function doMove(targetId, targetName) {
+        if (!activeAccount || !moveFile)
+            return;
+        const oldParent = driveShelf === "my" ? drive.currentFolderId() ?? "root" : undefined;
+        driveMove(activeAccount, moveFile.id, targetId, oldParent)
+            .then(() => {
+            showUndo(`Moved to ${targetName}`, [], "");
+            setMoveFile(null);
+            drive.refresh();
+        })
+            .catch((e) => setErr(String(e)));
+    }
+    function openShareDialog(f) {
+        if (!activeAccount)
+            return;
+        setMenuFor(null);
+        setShareFile(f);
+        setPerms([]);
+        setShareEmail("");
+        setShareRole("reader");
+        driveListPermissions(activeAccount, f.id).then(setPerms).catch((e) => setErr(String(e)));
+    }
+    function addShare() {
+        if (!activeAccount || !shareFile || !shareEmail.trim())
+            return;
+        driveShare(activeAccount, shareFile.id, shareEmail.trim(), shareRole)
+            .then(() => {
+            showUndo(`Shared with ${shareEmail.trim()} (${shareRole})`, [], "");
+            setShareEmail("");
+            driveListPermissions(activeAccount, shareFile.id).then(setPerms).catch(() => { });
+        })
+            .catch((e) => setErr(String(e)));
+    }
+    function revokeShare(permId) {
+        if (!activeAccount || !shareFile)
+            return;
+        driveRevokePermission(activeAccount, shareFile.id, permId)
+            .then(() => {
+            setPerms((prev) => prev.filter((p) => p.id !== permId));
+            showUndo("Access removed", [], "");
+        })
+            .catch((e) => setErr(String(e)));
+    }
+    function openItem(f) {
+        if (f.is_folder)
+            drive.openFolder(f);
+        else
+            setDrivePreview(f);
+    }
+    const title = driveShelf === "my" ? null : SHELF_LABEL[driveShelf];
+    return (_jsxs("div", { className: "driveview", onClick: () => setMenuFor(null), children: [_jsxs("div", { className: "drive-bar", children: [title ? (_jsx("h2", { className: "drive-title", children: title })) : (_jsxs("div", { className: "drive-crumbs", children: [_jsx(Button, { variant: "ghost", className: "crumb", onClick: () => drive.breadcrumbTo(-1), children: "My Drive" }), drivePath.map((p, i) => (_jsxs("span", { className: "crumb-wrap", children: [_jsx(Icon, { name: "chevron-right", size: 14, className: "crumb-sep" }), _jsx(Button, { variant: "ghost", className: "crumb", onClick: () => drive.breadcrumbTo(i), children: p.name })] }, p.id)))] })), _jsx("div", { className: "drive-bar-spacer" }), _jsx(Input, { className: "drive-search", placeholder: "Search in Drive\u2026", value: driveQuery, onChange: (e) => drive.setDriveQuery(e.target.value), onKeyDown: (e) => {
+                            if (e.key === "Enter")
+                                drive.reload(undefined, driveQuery);
+                        } }), _jsx(Select, { className: "drive-typefilter", value: driveType, label: "Filter by type", options: [
+                            { value: "", label: "All types" },
+                            { value: FOLDER_MIME, label: "Folders" },
+                            { value: "document", label: "Docs" },
+                            { value: "spreadsheet", label: "Sheets" },
+                            { value: "presentation", label: "Slides" },
+                            { value: "application/pdf", label: "PDFs" },
+                            { value: "image/", label: "Images" },
+                            { value: "video/", label: "Video" },
+                        ], onChange: drive.setTypeFilter }), _jsx("div", { className: "drive-toggle", children: _jsx(SegmentedControl, { label: "Drive view", value: driveViewMode, options: [
+                                { value: "list", label: _jsx(Icon, { name: "list", size: 18 }), title: "List view" },
+                                { value: "grid", label: _jsx(Icon, { name: "grid", size: 18 }), title: "Grid view" },
+                            ], onChange: (m) => { setDriveViewMode(m); setPref("driveViewMode", m); } }) }), _jsx(AccountSwitcher, {})] }), _jsxs("div", { className: `drive-scroll ${dragOver ? "drag-over" : ""}`, onDragOver: (e) => { e.preventDefault(); if (!dragOver)
+                    setDragOver(true); }, onDragLeave: (e) => { if (e.currentTarget === e.target)
+                    setDragOver(false); }, onDrop: (e) => {
+                    e.preventDefault();
+                    setDragOver(false);
+                    if (e.dataTransfer.files?.length)
+                        drive.upload(e.dataTransfer.files);
+                }, children: [dragOver && (_jsxs("div", { className: "drive-dropzone", children: [_jsx(Icon, { name: "upload", size: 40 }), _jsxs("span", { children: ["Drop files to upload to ", driveShelf === "my" && drivePath.length ? drivePath[drivePath.length - 1].name : "My Drive"] })] })), driveBusy ? (driveViewMode === "grid" ? (_jsx("div", { className: "drive-grid", children: Array.from({ length: 8 }).map((_, i) => (_jsx(Skeleton, { height: 150, radius: 12 }, i))) })) : (_jsx("div", { className: "drive-list", children: Array.from({ length: 8 }).map((_, i) => (_jsx("div", { className: "file-row", children: _jsx(Skeleton, { height: 18 }) }, i))) }))) : driveFiles.length === 0 ? (_jsxs("div", { className: "drive-empty", children: [_jsx(Icon, { name: "drive", size: 44 }), _jsx("p", { className: "hint", children: driveShelf === "trash" ? "Trash is empty." : driveQuery ? "No matching files." : "Nothing here yet." })] })) : driveViewMode === "grid" ? (_jsx("div", { className: "drive-grid", children: driveFiles.map((f) => {
+                            const g = fileGlyph(f);
+                            return (_jsxs("div", { className: `file-card ${f.is_folder ? "is-folder" : ""}`, onClick: () => openItem(f), onContextMenu: (e) => { e.preventDefault(); openMenuFor(f.id, e.currentTarget.querySelector(".file-menu-btn") ?? e.currentTarget); }, children: [_jsxs("div", { className: "file-thumb", children: [f.thumbnail_link && !f.is_folder ? (_jsx("img", { src: f.thumbnail_link, alt: "", loading: "lazy", onError: (e) => { e.currentTarget.style.display = "none"; } })) : null, _jsx(Icon, { name: g.icon, size: f.is_folder ? 34 : 30, className: "file-glyph", style: g.color ? { color: g.color } : undefined })] }), _jsxs("div", { className: "file-foot", children: [_jsxs(Button, { variant: "ghost", type: "button", className: "file-open", style: FILE_OPEN_STYLE, children: [_jsx(Icon, { name: g.icon, size: 15, className: "file-foot-ic", style: g.color ? { color: g.color } : undefined }), _jsx("span", { className: "file-name", title: f.name, children: f.name })] }), _jsx(IconButton, { label: "More", className: "file-menu-btn", onClick: (e) => { e.stopPropagation(); if (menuFor === f.id)
+                                                    setMenuFor(null);
+                                                else
+                                                    openMenuFor(f.id, e.currentTarget); }, children: _jsx(Icon, { name: "more", size: 16 }) })] }), menuFor === f.id && menuAnchor && _jsx(DriveFileMenu, { f: f, anchor: menuAnchor, onClose: () => setMenuFor(null), onPreview: () => setDrivePreview(f), drive: drive, onMove: openMoveDialog, onShare: openShareDialog })] }, f.id));
+                        }) })) : (_jsx("div", { className: "drive-list", children: driveFiles.map((f) => {
+                            const g = fileGlyph(f);
+                            return (_jsxs("div", { className: "file-row", onClick: () => openItem(f), onContextMenu: (e) => { e.preventDefault(); openMenuFor(f.id, e.currentTarget.querySelector(".file-menu-btn") ?? e.currentTarget); }, children: [_jsxs(Button, { variant: "ghost", type: "button", className: "file-open", style: { ...FILE_OPEN_STYLE, gap: 12 }, children: [_jsx(Icon, { name: g.icon, size: 18, className: "file-row-ic", style: g.color ? { color: g.color } : undefined }), _jsx("span", { className: "file-row-name", title: f.name, children: f.name }), _jsx("span", { className: "file-row-date", children: f.modified_time ? new Date(f.modified_time).toLocaleDateString() : "" })] }), _jsx(IconButton, { label: "More", className: "file-menu-btn", onClick: (e) => { e.stopPropagation(); if (menuFor === f.id)
+                                            setMenuFor(null);
+                                        else
+                                            openMenuFor(f.id, e.currentTarget); }, children: _jsx(Icon, { name: "more", size: 16 }) }), menuFor === f.id && menuAnchor && _jsx(DriveFileMenu, { f: f, anchor: menuAnchor, onClose: () => setMenuFor(null), onPreview: () => setDrivePreview(f), drive: drive, onMove: openMoveDialog, onShare: openShareDialog })] }, f.id));
+                        }) })), driveToken && !driveBusy && (_jsx(Button, { variant: "ghost", className: "label-more drive-loadmore", onClick: () => {
+                            if (!activeAccount)
+                                return;
+                            listDriveFiles(activeAccount, driveShelf === "my" && drivePath.length ? drivePath[drivePath.length - 1].id : undefined, driveQuery || undefined, driveToken, driveShelf === "my" ? undefined : driveShelf, driveType || undefined)
+                                .then((l) => {
+                                setDriveFiles((prev) => [...prev, ...l.files]);
+                                setDriveToken(l.next_page_token);
+                            })
+                                .catch((e) => setErr(String(e)));
+                        }, children: "Load more" }))] }), drivePreview && (_jsx(DrivePreviewModal, { drivePreview: drivePreview, setDrivePreview: setDrivePreview, drive: drive })), moveFile && (_jsx(Dialog, { title: `Move “${moveFile.name}” to…`, width: 480, onClose: () => setMoveFile(null), children: _jsxs("div", { className: "drive-dialog-list", children: [_jsxs(Button, { variant: "ghost", className: "ws-row drive-pick", onClick: () => doMove("root", "My Drive"), children: [_jsx(Icon, { name: "drive", size: 16, className: "ws-ic" }), _jsx("span", { className: "ws-title", children: "My Drive (root)" })] }), moveFolders.map((folder) => (_jsxs(Button, { variant: "ghost", className: "ws-row drive-pick", onClick: () => doMove(folder.id, folder.name), children: [_jsx(Icon, { name: "folder", size: 16, className: "ws-ic" }), _jsx("span", { className: "ws-title", children: folder.name })] }, folder.id))), moveFolders.length === 0 && _jsx("p", { className: "hint", children: "No folders found." })] }) })), shareFile && (_jsxs(Dialog, { title: `Share “${shareFile.name}”`, width: 480, onClose: () => setShareFile(null), children: [_jsxs("div", { className: "share-add", children: [_jsx(Input, { className: "drive-search", placeholder: "Add person by email\u2026", value: shareEmail, onChange: (e) => setShareEmail(e.target.value), onKeyDown: (e) => { if (e.key === "Enter")
+                                    addShare(); } }), _jsx(Select, { className: "workspace-select", label: "Access level", value: shareRole, options: [
+                                    { value: "reader", label: "Viewer" },
+                                    { value: "commenter", label: "Commenter" },
+                                    { value: "writer", label: "Editor" },
+                                ], onChange: setShareRole }), _jsx(Button, { variant: "primary", size: "sm", onClick: addShare, disabled: !shareEmail.trim(), children: "Share" })] }), _jsx("div", { className: "drive-dialog-list", children: perms.length === 0 ? (_jsx("p", { className: "hint", children: "No one else has access yet." })) : (perms.map((p) => (_jsxs("div", { className: "ws-row", children: [_jsx(Icon, { name: "people", size: 15, className: "ws-ic" }), _jsx("span", { className: "ws-title", children: p.email || p.display_name || p.kind || "—" }), _jsx("span", { className: "ws-sub", children: p.role }), p.role !== "owner" && (_jsx(Button, { variant: "danger", size: "sm", onClick: () => revokeShare(p.id), children: "Remove" }))] }, p.id)))) })] }))] }));
+}
+export const DriveView = memo(DriveViewInner);

package/dist/views/MeetView.d.ts

@@ -0,0 +1 @@
+export declare function MeetView(): import("react").JSX.Element;

package/dist/views/MeetView.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Meet — a landing surface (parity with meet.google.com's home): start an
+// instant meeting, join with a code, email a link, or schedule in Calendar.
+// The live video call is Google's WebRTC client, so starting/joining launches it
+// externally (openExternal) — every desktop client does this.
+import { useState } from "react";
+import Icon from "@rightkit/mail-ui/components/Icons";
+import { useAppStore } from "@rightkit/mail-ui/store/index";
+import { createMeet, openExternal } from "@rightkit/mail-ui/lib/ipc";
+import { Button, Input } from "@rightkit/react-shell/react";
+/** Accept a raw code ("abc-defg-hij"), a full URL, or a code with spaces. */
+function meetUrlFromCode(input) {
+    const s = input.trim();
+    if (!s)
+        return null;
+    if (/^https?:\/\//i.test(s))
+        return s;
+    const code = s.replace(/^meet\.google\.com\//i, "").replace(/\s+/g, "");
+    if (!/^[a-z0-9-]{3,}$/i.test(code))
+        return null;
+    return `https://meet.google.com/${code}`;
+}
+export function MeetView() {
+    const activeAccount = useAppStore((s) => s.activeAccount);
+    const setErr = useAppStore((s) => s.setErr);
+    const showUndo = useAppStore((s) => s.showUndo);
+    const openComposeTo = useAppStore((s) => s.openComposeTo);
+    const setEventSeed = useAppStore((s) => s.setEventSeed);
+    const setView = useAppStore((s) => s.setView);
+    const [code, setCode] = useState("");
+    const [starting, setStarting] = useState(false);
+    async function startInstant() {
+        if (!activeAccount || starting)
+            return;
+        setStarting(true);
+        try {
+            const sp = await createMeet(activeAccount);
+            if (sp.meeting_uri) {
+                await openExternal(sp.meeting_uri);
+                showUndo(`Meet ready · ${sp.meeting_code}`, [], "");
+            }
+        }
+        catch (e) {
+            setErr(String(e));
+        }
+        finally {
+            setStarting(false);
+        }
+    }
+    async function emailLink() {
+        if (!activeAccount)
+            return;
+        try {
+            const sp = await createMeet(activeAccount);
+            const uri = sp.meeting_uri || "";
+            const body = `<p>You're invited to a Google Meet video call.</p>` +
+                (uri ? `<p>Join: <a href="${uri}">${uri}</a></p>` : "") +
+                (sp.meeting_code ? `<p>Meeting code: ${sp.meeting_code}</p>` : "");
+            openComposeTo("", "Meeting invitation", body);
+            showUndo("Meeting link added to a new email", [], "");
+        }
+        catch (e) {
+            setErr(String(e));
+        }
+    }
+    function join() {
+        const url = meetUrlFromCode(code);
+        if (!url) {
+            setErr("Enter a valid meeting code or link (e.g. abc-defg-hij).");
+            return;
+        }
+        openExternal(url).catch((e) => setErr(String(e)));
+    }
+    function schedule() {
+        setEventSeed({ summary: "Meeting", withMeet: true });
+        setView("calendar");
+    }
+    const disabled = !activeAccount;
+    return (_jsx("div", { className: "meetview", children: _jsxs("div", { className: "meet-hero", children: [_jsx("div", { className: "meet-mark", children: _jsx(Icon, { name: "video", size: 40 }) }), _jsx("h1", { className: "meet-title", children: "Video calls and meetings for everyone" }), _jsx("p", { className: "meet-sub", children: "Connect, collaborate, and celebrate from anywhere with Google Meet. The call opens in your browser, where you're already signed in." }), _jsxs("div", { className: "meet-actions", children: [_jsxs(Button, { variant: "primary", className: "meet-start", disabled: disabled || starting, onClick: startInstant, children: [_jsx(Icon, { name: "video", size: 18 }), " ", starting ? "Creating…" : "New meeting"] }), _jsxs("div", { className: "meet-join", children: [_jsx(Icon, { name: "people", size: 18, className: "meet-join-ic" }), _jsx(Input, { className: "meet-code", placeholder: "Enter a code or link", value: code, onChange: (e) => setCode(e.target.value), onKeyDown: (e) => { if (e.key === "Enter")
+                                        join(); } }), _jsx(Button, { variant: "ghost", size: "sm", className: "meet-join-btn", disabled: !code.trim(), onClick: join, children: "Join" })] })] }), _jsxs("div", { className: "meet-secondary", children: [_jsxs(Button, { variant: "ghost", disabled: disabled, onClick: schedule, children: [_jsx(Icon, { name: "calendar", size: 16 }), " Schedule in Calendar"] }), _jsxs(Button, { variant: "ghost", disabled: disabled, onClick: emailLink, children: [_jsx(Icon, { name: "draft", size: 16 }), " Email a meeting link"] })] })] }) }));
+}

package/dist/views/TasksView.d.ts

@@ -0,0 +1,3 @@
+declare function TasksViewInner(): import("react").JSX.Element;
+export declare const TasksView: import("react").MemoExoticComponent<typeof TasksViewInner>;
+export {};