@rightkit/workspace-ui 0.0.0-stage → 0.2.0

package/dist/hooks/useDrive.js

@@ -0,0 +1,158 @@
+import { useWorkspaceClient, useWorkspaceHost, useWorkspaceState } from "../host.js";
+// Shared Drive logic for DriveNav (the contextual sidebar) and DriveView (the
+// file grid). Reads/writes Drive state through the host state so both surfaces stay
+// in sync (shelf selection in the nav re-lists the grid, etc.). Transient modal
+// state (move/share pickers) stays local to DriveView since only it renders them.
+export const FOLDER_MIME = "application/vnd.google-apps.folder";
+export function useDrive() {
+    const { listDriveFiles, driveDownload, driveUpload, driveCreateFolder, driveRename, driveTrash } = useWorkspaceClient();
+    const showDialog = useWorkspaceHost().dialog;
+    const saveAndScan = useWorkspaceHost().saveDownload;
+    const linkIntoCompose = useWorkspaceHost().linkIntoCompose;
+    const activeAccount = useWorkspaceState((s) => s.activeAccount);
+    const setErr = useWorkspaceHost().reportError;
+    const showUndo = useWorkspaceHost().notify;
+    const driveType = useWorkspaceState((s) => s.driveType);
+    const setDriveType = useWorkspaceState((s) => s.setDriveType);
+    const driveQuery = useWorkspaceState((s) => s.driveQuery);
+    const setDriveQuery = useWorkspaceState((s) => s.setDriveQuery);
+    const driveShelf = useWorkspaceState((s) => s.driveShelf);
+    const setDriveShelf = useWorkspaceState((s) => s.setDriveShelf);
+    const drivePath = useWorkspaceState((s) => s.drivePath);
+    const setDrivePath = useWorkspaceState((s) => s.setDrivePath);
+    const setDriveToken = useWorkspaceState((s) => s.setDriveToken);
+    const setDriveFiles = useWorkspaceState((s) => s.setDriveFiles);
+    const setDriveBusy = useWorkspaceState((s) => s.setDriveBusy);
+    /** Current Drive folder id for write ops + reload (undefined = My Drive root). */
+    function currentFolderId() {
+        return driveShelf === "my" && drivePath.length ? drivePath[drivePath.length - 1].id : undefined;
+    }
+    async function reload(folderId, query, shelf = driveShelf, typeFilter = driveType) {
+        if (!activeAccount)
+            return;
+        setDriveBusy(true);
+        try {
+            const listing = await listDriveFiles(activeAccount, folderId, query || undefined, undefined, shelf === "my" ? undefined : shelf, typeFilter || undefined);
+            setDriveFiles(listing.files);
+            setDriveToken(listing.next_page_token);
+        }
+        catch (e) {
+            setErr(String(e));
+        }
+        finally {
+            setDriveBusy(false);
+        }
+    }
+    /** Switch Drive shelf (My Drive / Recent / Shared / Starred / Trash) — clears folder nav. */
+    function selectShelf(shelf) {
+        setDriveShelf(shelf);
+        setDrivePath([]);
+        setDriveQuery("");
+        reload(undefined, "", shelf, driveType);
+    }
+    function setTypeFilter(t) {
+        setDriveType(t);
+        reload(currentFolderId(), driveQuery, driveShelf, t);
+    }
+    function openFolder(f) {
+        setDriveShelf("my");
+        setDrivePath((p) => [...p, { id: f.id, name: f.name }]);
+        setDriveQuery("");
+        reload(f.id, "", "my", driveType);
+    }
+    function breadcrumbTo(idx) {
+        const next = idx < 0 ? [] : drivePath.slice(0, idx + 1);
+        setDrivePath(next);
+        setDriveQuery("");
+        reload(next.length ? next[next.length - 1].id : undefined, "", "my", driveType);
+    }
+    function refresh() {
+        reload(currentFolderId(), driveQuery, driveShelf, driveType);
+    }
+    function download(f) {
+        if (!activeAccount)
+            return;
+        saveAndScan(f.name, () => driveDownload(activeAccount, f.id, f.mime_type, f.name));
+    }
+    async function newFolder() {
+        if (!activeAccount)
+            return;
+        const name = await showDialog({ kind: "prompt", message: "New folder name" });
+        if (!name || !name.trim())
+            return;
+        driveCreateFolder(activeAccount, name.trim(), currentFolderId())
+            .then(() => {
+            showUndo("Folder created");
+            refresh();
+        })
+            .catch((e) => setErr(String(e)));
+    }
+    /** Upload one or more files into the current folder, then refresh. */
+    async function upload(files) {
+        if (!activeAccount)
+            return;
+        const list = Array.from(files);
+        if (list.length === 0)
+            return;
+        const parent = currentFolderId();
+        setDriveBusy(true);
+        let ok = 0;
+        for (const file of list) {
+            try {
+                const data = Array.from(new Uint8Array(await file.arrayBuffer()));
+                await driveUpload(activeAccount, file.name, file.type, data, parent);
+                ok++;
+            }
+            catch (e) {
+                setErr(String(e));
+                break;
+            }
+        }
+        setDriveBusy(false);
+        if (ok > 0) {
+            showUndo(`Uploaded ${ok} file${ok > 1 ? "s" : ""}`);
+            refresh();
+        }
+    }
+    async function rename(f) {
+        if (!activeAccount)
+            return;
+        const name = await showDialog({ kind: "prompt", message: "Rename to", initial: f.name });
+        if (!name || !name.trim() || name.trim() === f.name)
+            return;
+        driveRename(activeAccount, f.id, name.trim())
+            .then(() => {
+            showUndo("Renamed");
+            refresh();
+        })
+            .catch((e) => setErr(String(e)));
+    }
+    async function trash(f) {
+        if (!activeAccount)
+            return;
+        if ((await showDialog({ kind: "confirm", message: `Move "${f.name}" to Drive trash? You can restore it from Google Drive.` })) !== "ok")
+            return;
+        driveTrash(activeAccount, f.id)
+            .then(() => {
+            showUndo("Moved to Drive trash");
+            refresh();
+        })
+            .catch((e) => setErr(String(e)));
+    }
+    /** Insert a Drive file's share link into the compose body (open compose if needed). */
+    function insertDriveLink(f) {
+        const link = f.web_view_link;
+        if (!link) {
+            setErr("That item has no shareable link.");
+            return;
+        }
+        const html = `<a href="${link}">${f.name}</a>`;
+        showUndo(linkIntoCompose(html) === "inserted" ? `Linked ${f.name}` : `Linked ${f.name} into a new email`);
+    }
+    return {
+        activeAccount, driveShelf, drivePath, driveQuery, driveType,
+        setDriveQuery,
+        currentFolderId, reload, selectShelf, setTypeFilter, openFolder,
+        breadcrumbTo, refresh, download, upload, newFolder, rename, trash, insertDriveLink,
+    };
+}

package/dist/host.d.ts

@@ -0,0 +1,109 @@
+import { type ComponentType, type ReactNode } from "react";
+import type { CalEvent, CalendarInfo, ContactDupes, ContactGroup, DriveFile, DriveShelf, EventForm, StorageQuota, TaskCreate, TaskItem, TaskListInfo, WorkspaceClient } from "./client.js";
+/** The workspace slices of the host's state. */
+export interface WorkspaceFields {
+    calendars: CalendarInfo[];
+    selectedCal: string;
+    shownCals: string[];
+    calView: "month" | "week" | "day";
+    calCursor: number;
+    events: CalEvent[];
+    openEvent: CalEvent | null;
+    eventForm: EventForm | null;
+    freeBusyMsg: string;
+    calendarBusy: boolean;
+    /** A pending "new event" seed (Meet's "schedule for later" fills it, the calendar opens the form with it). */
+    eventSeed: {
+        summary: string;
+        withMeet: boolean;
+    } | null;
+    gtasks: TaskItem[];
+    taskLists: TaskListInfo[];
+    taskListId: string;
+    taskDue: string;
+    showCompletedTasks: boolean;
+    listMgrOpen: boolean;
+    taskFormOpen: boolean;
+    taskCreate: TaskCreate;
+    tasksBusy: boolean;
+    driveFiles: DriveFile[];
+    drivePath: {
+        id: string;
+        name: string;
+    }[];
+    driveQuery: string;
+    driveToken: string;
+    driveShelf: DriveShelf;
+    driveType: string;
+    driveViewMode: "grid" | "list";
+    driveQuota: StorageQuota | null;
+    drivePreview: DriveFile | null;
+    driveBusy: boolean;
+    contactGroups: ContactGroup[];
+    contactsQuery: string;
+    contactsBusy: boolean;
+    contactDupes: ContactDupes | null;
+}
+/** A setter that takes a value or an updater, like React's `setState`. */
+export type FieldSetter<T> = (v: T | ((prev: T) => T)) => void;
+/** `setX` for every field `x`. */
+export type WorkspaceSetters = {
+    [K in keyof WorkspaceFields as `set${Capitalize<K & string>}`]: FieldSetter<WorkspaceFields[K]>;
+};
+/** What `useState` selects from. `activeAccount` is the host's current account key (read only). */
+export type WorkspaceState = WorkspaceFields & WorkspaceSetters & {
+    activeAccount: string | null;
+};
+/** The preferences the views persist through the host. */
+export interface WorkspacePreferences {
+    shownCals: string[];
+    calView: "month" | "week" | "day";
+    driveViewMode: "grid" | "list";
+}
+export type WorkspaceDialog = {
+    kind: "confirm";
+    message: string;
+} | {
+    kind: "prompt";
+    message: string;
+    initial?: string;
+};
+/** The views a workspace view can ask the host to show. */
+export type WorkspaceView = "calendar" | "contacts" | "drive" | "tasks" | "meet";
+export interface WorkspaceHost {
+    client: WorkspaceClient;
+    /** Selector hook over the host's state. */
+    useState: <T>(selector: (s: WorkspaceState) => T) => T;
+    /** Shows an error to the user. */
+    reportError(message: string): void;
+    /** Shows a short notice (the host's toast). */
+    notify(message: string): void;
+    /** Confirm or prompt. Resolves to "ok" (confirm), the entered text (prompt), or null when cancelled. */
+    dialog(cfg: WorkspaceDialog): Promise<string | null>;
+    /** Persists a view preference. */
+    savePreference<K extends keyof WorkspacePreferences>(key: K, value: WorkspacePreferences[K]): void;
+    /** Opens a new message to `to` with `subject` and an HTML `body`. */
+    composeTo(to: string, subject: string, body: string): void;
+    /**
+     * Puts an HTML link into the message being written, or into a new message when none is open. Resolves to which
+     * one happened, so the view can say so.
+     */
+    linkIntoCompose(html: string): "inserted" | "new-message";
+    /** Runs a download the host saves (and may scan) under `label`. */
+    saveDownload(label: string, download: () => Promise<string>): void;
+    /** Switches the host to another workspace view. */
+    openView(view: WorkspaceView): void;
+    /** The host's account switcher, shown in each view's header. */
+    AccountSwitcher?: ComponentType;
+}
+/** Supplies the host to every workspace view and nav below it. */
+export declare function WorkspaceHostProvider({ host, children }: {
+    host: WorkspaceHost;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function useWorkspaceHost(): WorkspaceHost;
+/** Selects from the host's workspace state. */
+export declare function useWorkspaceState<T>(selector: (s: WorkspaceState) => T): T;
+export declare function useWorkspaceClient(): WorkspaceClient;
+/** The host's account switcher, or nothing. */
+export declare function HostAccountSwitcher(): import("react").JSX.Element | null;

package/dist/host.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// The host contract of the workspace views (calendar, contacts, drive, tasks, meet and their navs).
+//
+// The package holds no IPC, no store and no product name. The host supplies, once, above the views:
+//  - `client`: every data call (`WorkspaceClient`), over the host's own transport;
+//  - `useState`: a selector hook over the host's state that holds the `WorkspaceState` slices (a zustand store
+//    with these fields and `set*` setters satisfies it directly), so the views and the host's navs share state;
+//  - the host actions the views trigger: errors, notices, dialogs, saved preferences, compose, downloads, view
+//    switches, and an optional account switcher.
+import { createContext, useContext } from "react";
+const HostContext = createContext(null);
+/** Supplies the host to every workspace view and nav below it. */
+export function WorkspaceHostProvider({ host, children }) {
+    return _jsx(HostContext.Provider, { value: host, children: children });
+}
+export function useWorkspaceHost() {
+    const host = useContext(HostContext);
+    if (!host)
+        throw new Error("@rightkit/workspace-ui: render the views inside <WorkspaceHostProvider host={...}>");
+    return host;
+}
+/** Selects from the host's workspace state. */
+export function useWorkspaceState(selector) {
+    return useWorkspaceHost().useState(selector);
+}
+export function useWorkspaceClient() {
+    return useWorkspaceHost().client;
+}
+/** The host's account switcher, or nothing. */
+export function HostAccountSwitcher() {
+    const Switcher = useWorkspaceHost().AccountSwitcher;
+    return Switcher ? _jsx(Switcher, {}) : null;
+}

package/dist/icons.d.ts

@@ -0,0 +1,34 @@
+import { type CSSProperties } from "react";
+import { type LucideIcon } from "lucide-react";
+declare const GLYPHS: {
+    calendar: LucideIcon;
+    check: LucideIcon;
+    "chevron-left": LucideIcon;
+    "chevron-right": LucideIcon;
+    clock: LucideIcon;
+    doc: LucideIcon;
+    draft: LucideIcon;
+    drive: LucideIcon;
+    folder: LucideIcon;
+    grid: LucideIcon;
+    image: LucideIcon;
+    list: LucideIcon;
+    more: LucideIcon;
+    people: LucideIcon;
+    "person-add": LucideIcon;
+    plus: LucideIcon;
+    star: LucideIcon;
+    tag: LucideIcon;
+    trash: LucideIcon;
+    upload: LucideIcon;
+    video: LucideIcon;
+};
+export type WorkspaceIconName = keyof typeof GLYPHS;
+/** A workspace glyph. Decorative (hidden from assistive technology); stroke follows the text colour. */
+export declare const Icon: import("react").MemoExoticComponent<({ name, size, className, style, }: {
+    name: WorkspaceIconName;
+    size?: number;
+    className?: string;
+    style?: CSSProperties;
+}) => import("react").JSX.Element>;
+export {};

package/dist/icons.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// The workspace views' glyphs, from Lucide (lucide-react). One name per glyph the views use, so a view names a
+// glyph without importing an app's icon set.
+import { memo } from "react";
+import { Calendar, Check, ChevronLeft, ChevronRight, Clock, Ellipsis, File, FileText, Folder, HardDrive, Image, LayoutGrid, List, Plus, Star, Tag, Trash2, Upload, UserPlus, Users, Video, } from "lucide-react";
+const GLYPHS = {
+    calendar: Calendar,
+    check: Check,
+    "chevron-left": ChevronLeft,
+    "chevron-right": ChevronRight,
+    clock: Clock,
+    doc: File,
+    draft: FileText,
+    drive: HardDrive,
+    folder: Folder,
+    grid: LayoutGrid,
+    image: Image,
+    list: List,
+    more: Ellipsis,
+    people: Users,
+    "person-add": UserPlus,
+    plus: Plus,
+    star: Star,
+    tag: Tag,
+    trash: Trash2,
+    upload: Upload,
+    video: Video,
+};
+/** A workspace glyph. Decorative (hidden from assistive technology); stroke follows the text colour. */
+export const Icon = memo(function Icon({ name, size = 16, className, style, }) {
+    const Glyph = GLYPHS[name];
+    return _jsx(Glyph, { size: size, className: className, style: style, strokeWidth: 1.75, "aria-hidden": "true", focusable: "false" });
+});

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+export * from "./client.js";
+export * from "./host.js";
+export * from "./icons.js";
+export * from "./hooks/useDrive.js";
+export * from "./lib/avatar.js";
+export * from "./lib/calendarUtils.js";
+export * from "./lib/vcard.js";
+export * from "./views/CalendarEventFormModal.js";
+export * from "./views/CalendarEventPopover.js";
+export * from "./views/CalendarGrids.js";
+export * from "./views/CalendarView.js";
+export * from "./views/ContactsView.js";
+export * from "./views/ContactsView.types.js";
+export * from "./views/DriveFileMenu.js";
+export * from "./views/DrivePreviewModal.js";
+export * from "./views/DriveView.js";
+export * from "./views/MeetView.js";
+export * from "./views/TasksView.js";
+export * from "./views/driveFileGlyph.js";
+export * from "./views/nav/CalendarNav.js";
+export * from "./views/nav/ContactsNav.js";
+export * from "./views/nav/DriveNav.js";
+export * from "./views/nav/TasksNav.js";

package/dist/index.js

@@ -0,0 +1,24 @@
+// The workspace views and navs, the host contract they render over, and the workspace data model.
+export * from "./client.js";
+export * from "./host.js";
+export * from "./icons.js";
+export * from "./hooks/useDrive.js";
+export * from "./lib/avatar.js";
+export * from "./lib/calendarUtils.js";
+export * from "./lib/vcard.js";
+export * from "./views/CalendarEventFormModal.js";
+export * from "./views/CalendarEventPopover.js";
+export * from "./views/CalendarGrids.js";
+export * from "./views/CalendarView.js";
+export * from "./views/ContactsView.js";
+export * from "./views/ContactsView.types.js";
+export * from "./views/DriveFileMenu.js";
+export * from "./views/DrivePreviewModal.js";
+export * from "./views/DriveView.js";
+export * from "./views/MeetView.js";
+export * from "./views/TasksView.js";
+export * from "./views/driveFileGlyph.js";
+export * from "./views/nav/CalendarNav.js";
+export * from "./views/nav/ContactsNav.js";
+export * from "./views/nav/DriveNav.js";
+export * from "./views/nav/TasksNav.js";

package/dist/lib/avatar.d.ts

@@ -0,0 +1,4 @@
+/** The first letter of a name or address, upper-cased; "?" for an empty one. */
+export declare const initialOf: (s: string) => string;
+/** Stable per-person avatar colour (Gmail-style coloured initials). */
+export declare function colorFor(s: string): string;

package/dist/lib/avatar.js

@@ -0,0 +1,13 @@
+// Coloured-initial avatars for people (contacts, senders). One copy: the mail views import them from here.
+/** The first letter of a name or address, upper-cased; "?" for an empty one. */
+export const initialOf = (s) => (s.trim()[0] || "?").toUpperCase();
+const AVATAR_COLORS = [
+    "#C46A3D", "#6E8B6B", "#B07A84", "#7E8AA8", "#B59A52", "#8A6BA8", "#5E8C8C", "#A8675B",
+];
+/** Stable per-person avatar colour (Gmail-style coloured initials). */
+export function colorFor(s) {
+    let h = 0;
+    for (let i = 0; i < s.length; i++)
+        h = (h * 31 + s.charCodeAt(i)) >>> 0;
+    return AVATAR_COLORS[h % AVATAR_COLORS.length];
+}

package/dist/lib/calendarUtils.d.ts

@@ -0,0 +1,11 @@
+import type { CalEvent } from "../client.js";
+export declare const DAY = 86400000;
+export declare const WEEKDAY_LABELS: string[];
+/** RRULE BYDAY codes with their short labels, Monday first (the event form's repeat-on picker). */
+export declare const WEEKDAYS: ReadonlyArray<readonly [string, string]>;
+export declare const startOfDay: (ms: number) => number;
+export declare const startOfWeek: (ms: number) => number;
+export declare const sameDay: (a: number, b: number) => boolean;
+export declare function rangeFor(cursor: number, view: "month" | "week" | "day"): [number, number];
+export declare function eventDay(e: CalEvent): number;
+export declare const hhmm: (s: string) => string;

package/dist/lib/calendarUtils.js

@@ -0,0 +1,42 @@
+export const DAY = 86400000;
+export const WEEKDAY_LABELS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+/** RRULE BYDAY codes with their short labels, Monday first (the event form's repeat-on picker). */
+export const WEEKDAYS = [
+    ["MO", "Mon"],
+    ["TU", "Tue"],
+    ["WE", "Wed"],
+    ["TH", "Thu"],
+    ["FR", "Fri"],
+    ["SA", "Sat"],
+    ["SU", "Sun"],
+];
+export const startOfDay = (ms) => {
+    const d = new Date(ms);
+    d.setHours(0, 0, 0, 0);
+    return d.getTime();
+};
+export const startOfWeek = (ms) => {
+    const d = new Date(startOfDay(ms));
+    return d.getTime() - d.getDay() * DAY;
+};
+export const sameDay = (a, b) => startOfDay(a) === startOfDay(b);
+export function rangeFor(cursor, view) {
+    if (view === "day")
+        return [startOfDay(cursor), startOfDay(cursor) + DAY];
+    if (view === "week") {
+        const s = startOfWeek(cursor);
+        return [s, s + 7 * DAY];
+    }
+    const d = new Date(cursor);
+    const first = new Date(d.getFullYear(), d.getMonth(), 1).getTime();
+    const gridStart = startOfWeek(first);
+    return [gridStart, gridStart + 42 * DAY];
+}
+export function eventDay(e) {
+    if (e.all_day) {
+        const [y, m, d] = e.start.slice(0, 10).split("-").map(Number);
+        return new Date(y, (m || 1) - 1, d || 1).getTime();
+    }
+    return startOfDay(new Date(e.start).getTime());
+}
+export const hhmm = (s) => new Date(s).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" });

package/dist/lib/vcard.d.ts

@@ -0,0 +1,12 @@
+export interface VCardContact {
+    name: string;
+    emails: string[];
+    phones: string[];
+    org?: string;
+}
+/** Serialize contacts to a vCard 3.0 (.vcf) document. */
+export declare function buildVcf(contacts: VCardContact[]): string;
+/** Parse a vCard document (one or many cards) into contacts. */
+export declare function parseVcf(text: string): VCardContact[];
+/** Best-effort CSV parse: needs a header row with name/email columns (Google/Outlook export style). */
+export declare function parseContactsCsv(text: string): VCardContact[];

package/dist/lib/vcard.js

@@ -0,0 +1,86 @@
+// Minimal vCard 3.0 + simple CSV (de)serialization for contacts import/export.
+// Pure functions, no DOM/IPC — unit-testable.
+function escapeVcard(v) {
+    // RFC 6350 escaping for the values we emit.
+    return v.replace(/\\/g, "\\\\").replace(/\n/g, "\\n").replace(/,/g, "\\,").replace(/;/g, "\\;");
+}
+function unescapeVcard(v) {
+    return v.replace(/\\n/gi, "\n").replace(/\\,/g, ",").replace(/\\;/g, ";").replace(/\\\\/g, "\\");
+}
+/** Serialize contacts to a vCard 3.0 (.vcf) document. */
+export function buildVcf(contacts) {
+    const cards = contacts.map((c) => {
+        const lines = ["BEGIN:VCARD", "VERSION:3.0", `FN:${escapeVcard(c.name || "")}`];
+        for (const e of c.emails)
+            if (e.trim())
+                lines.push(`EMAIL:${escapeVcard(e.trim())}`);
+        for (const p of c.phones)
+            if (p.trim())
+                lines.push(`TEL:${escapeVcard(p.trim())}`);
+        if (c.org && c.org.trim())
+            lines.push(`ORG:${escapeVcard(c.org.trim())}`);
+        lines.push("END:VCARD");
+        return lines.join("\r\n");
+    });
+    return cards.join("\r\n") + "\r\n";
+}
+/** Parse a vCard document (one or many cards) into contacts. */
+export function parseVcf(text) {
+    const out = [];
+    // Unfold folded lines (RFC 6350 §3.2: a CRLF + space/tab continues a line).
+    const unfolded = text.replace(/\r\n[ \t]/g, "").replace(/\n[ \t]/g, "");
+    const blocks = unfolded.split(/END:VCARD/i);
+    for (const block of blocks) {
+        if (!/BEGIN:VCARD/i.test(block))
+            continue;
+        const c = { name: "", emails: [], phones: [], org: "" };
+        for (const raw of block.split(/\r?\n/)) {
+            const line = raw.trim();
+            // Strip any property parameters before the ':' (e.g. EMAIL;TYPE=WORK:).
+            const colon = line.indexOf(":");
+            if (colon < 0)
+                continue;
+            const key = line.slice(0, colon).split(";")[0].toUpperCase();
+            const val = unescapeVcard(line.slice(colon + 1).trim());
+            if (!val)
+                continue;
+            if (key === "FN")
+                c.name = val;
+            else if (key === "N" && !c.name) {
+                const [family = "", given = ""] = val.split(";");
+                c.name = [given, family].filter(Boolean).join(" ");
+            }
+            else if (key === "EMAIL")
+                c.emails.push(val);
+            else if (key === "TEL")
+                c.phones.push(val);
+            else if (key === "ORG")
+                c.org = val.split(";")[0];
+        }
+        if (c.name || c.emails.length)
+            out.push(c);
+    }
+    return out;
+}
+/** Best-effort CSV parse: needs a header row with name/email columns (Google/Outlook export style). */
+export function parseContactsCsv(text) {
+    const rows = text.split(/\r?\n/).filter((r) => r.trim());
+    if (rows.length < 2)
+        return [];
+    const split = (r) => r.split(",").map((c) => c.replace(/^"|"$/g, "").trim());
+    const header = split(rows[0]).map((h) => h.toLowerCase());
+    const nameIdx = header.findIndex((h) => h.includes("name"));
+    const emailIdx = header.findIndex((h) => h.includes("e-mail") || h.includes("email"));
+    const phoneIdx = header.findIndex((h) => h.includes("phone"));
+    const out = [];
+    for (let i = 1; i < rows.length; i++) {
+        const cols = split(rows[i]);
+        const name = nameIdx >= 0 ? cols[nameIdx] ?? "" : "";
+        const email = emailIdx >= 0 ? cols[emailIdx] ?? "" : "";
+        const phone = phoneIdx >= 0 ? cols[phoneIdx] ?? "" : "";
+        if (name || email) {
+            out.push({ name, emails: email ? [email] : [], phones: phone ? [phone] : [], org: "" });
+        }
+    }
+    return out;
+}

package/dist/views/CalendarEventFormModal.d.ts

@@ -0,0 +1,10 @@
+import type { EventForm } from "../client.js";
+type CalendarEventFormModalProps = {
+    eventForm: EventForm;
+    setEventForm: (form: EventForm | null) => void;
+    freeBusyMsg: string;
+    checkAvailability: () => void;
+    submitEvent: () => void;
+};
+export declare function CalendarEventFormModal({ eventForm, setEventForm, freeBusyMsg, checkAvailability, submitEvent, }: CalendarEventFormModalProps): import("react").JSX.Element;
+export {};

package/dist/views/CalendarEventFormModal.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, Input, Checkbox, Select } from "@rightkit/react-shell/react";
+import { WEEKDAYS } from "../lib/calendarUtils.js";
+export function CalendarEventFormModal({ eventForm, setEventForm, freeBusyMsg, checkAvailability, submitEvent, }) {
+    return (_jsx(Dialog, { title: eventForm.id ? "Edit event" : "New event", width: 460, onClose: () => setEventForm(null), children: _jsxs("div", { className: "ws-form", children: [_jsx(Input, { className: "event-title-input", placeholder: "Add title", autoFocus: true, value: eventForm.summary, onChange: (e) => setEventForm({ ...eventForm, summary: e.target.value }) }), _jsxs("label", { className: "ws-form-row", children: [_jsx("span", { children: "Start" }), _jsx(Input, { type: eventForm.allDay ? "date" : "datetime-local", value: eventForm.allDay ? eventForm.start.slice(0, 10) : eventForm.start, onChange: (e) => setEventForm({ ...eventForm, start: eventForm.allDay ? `${e.target.value}T09:00` : e.target.value }) })] }), _jsxs("label", { className: "ws-form-row", children: [_jsx("span", { children: "End" }), _jsx(Input, { type: eventForm.allDay ? "date" : "datetime-local", value: eventForm.allDay ? eventForm.end.slice(0, 10) : eventForm.end, onChange: (e) => setEventForm({ ...eventForm, end: eventForm.allDay ? `${e.target.value}T10:00` : e.target.value }) })] }), _jsx("div", { className: "label-toggle", children: _jsx(Checkbox, { label: "All day", checked: eventForm.allDay, onChange: (on) => setEventForm({ ...eventForm, allDay: on }) }) }), _jsx(Input, { placeholder: "Guests (comma-separated emails)", value: eventForm.attendees, onChange: (e) => setEventForm({ ...eventForm, attendees: e.target.value }) }), _jsxs("label", { className: "ws-form-row", children: [_jsx("span", { children: "Remind (min before)" }), _jsx(Input, { type: "number", style: { width: 80 }, value: eventForm.reminderMinutes, onChange: (e) => setEventForm({ ...eventForm, reminderMinutes: e.target.value }) })] }), _jsx("div", { className: "label-toggle", children: _jsx(Checkbox, { label: "Add Google Meet video call", checked: eventForm.addMeet, onChange: (on) => setEventForm({ ...eventForm, addMeet: on }) }) }), _jsxs("label", { className: "ws-form-row", children: [_jsx("span", { children: "Repeats" }), _jsx(Select, { label: "Repeats", value: eventForm.recurrence, options: [
+                                { value: "", label: "Does not repeat" },
+                                { value: "DAILY", label: "Daily" },
+                                { value: "WEEKLY", label: "Weekly" },
+                                { value: "MONTHLY", label: "Monthly" },
+                                { value: "YEARLY", label: "Yearly" },
+                            ], onChange: (v) => setEventForm({ ...eventForm, recurrence: v }) })] }), eventForm.recurrence === "WEEKLY" && (_jsxs("div", { className: "ws-form-row", children: [_jsx("span", { children: "On" }), _jsx("div", { className: "byday-row", children: WEEKDAYS.map(([code, label]) => {
+                                const on = eventForm.recurByday.includes(code);
+                                return (_jsx(Button, { variant: "ghost", type: "button", className: `chip ${on ? "on" : ""}`, title: label, onClick: () => setEventForm({ ...eventForm, recurByday: on ? eventForm.recurByday.filter((d) => d !== code) : [...eventForm.recurByday, code] }), children: label[0] }, code));
+                            }) })] })), eventForm.recurrence && (_jsxs("div", { className: "ws-form-row", children: [_jsx("span", { children: "Ends" }), _jsx(Select, { label: "Ends", value: eventForm.recurEnd, options: [
+                                { value: "never", label: "Never" },
+                                { value: "until", label: "On date" },
+                                { value: "count", label: "After…" },
+                            ], onChange: (v) => setEventForm({ ...eventForm, recurEnd: v }) }), eventForm.recurEnd === "until" && (_jsx(Input, { type: "date", min: eventForm.start.slice(0, 10), value: eventForm.recurUntil, onChange: (e) => setEventForm({ ...eventForm, recurUntil: e.target.value }) })), eventForm.recurEnd === "count" && (_jsxs("span", { className: "recur-count", children: [_jsx(Input, { type: "number", min: 1, max: 999, value: eventForm.recurCount, onChange: (e) => setEventForm({ ...eventForm, recurCount: e.target.value }) }), "occurrences"] }))] })), eventForm.attendees.trim() && (_jsxs("div", { className: "ws-form-row", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: checkAvailability, children: "Check availability" }), freeBusyMsg && _jsx("span", { className: "hint", children: freeBusyMsg })] })), _jsxs("div", { className: "ws-form-foot", children: [_jsx(Button, { variant: "primary", onClick: submitEvent, children: eventForm.id ? "Save" : "Create" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setEventForm(null), children: "Cancel" })] })] }) }));
+}

package/dist/views/CalendarEventPopover.d.ts

@@ -0,0 +1,10 @@
+import type { CalEvent } from "../client.js";
+type CalendarEventPopoverProps = {
+    openEvent: CalEvent;
+    setOpenEvent: (ev: CalEvent | null) => void;
+    openEventForm: (ev: CalEvent) => void;
+    deleteEv: (ev: CalEvent) => void;
+    rsvp: (ev: CalEvent, response: string) => void;
+};
+export declare function CalendarEventPopover({ openEvent, setOpenEvent, openEventForm, deleteEv, rsvp, }: CalendarEventPopoverProps): import("react").JSX.Element;
+export {};