mysticals 0.1.1 → 0.2.0

package/dist/cli.js

@@ -5,7 +5,7 @@ import { createElement } from "react";
 import { render } from "ink";
 
 // package.json
-var version = "0.1.1";
+var version = "0.2.0";
 
 // src/client.ts
 import { spawn } from "child_process";
@@ -256,6 +256,10 @@ var SyncEngine = class {
   timers = /* @__PURE__ */ new Map();
   inflight = /* @__PURE__ */ new Map();
   failures = /* @__PURE__ */ new Map();
+  /** Follow-up passes queued behind a running one (see `fresh`). */
+  queued = /* @__PURE__ */ new Map();
+  /** Bumped by `edited`: a pass that started before a local edit must not overwrite it. */
+  edits = /* @__PURE__ */ new Map();
   running = false;
   unsubscribe;
   start() {
@@ -276,14 +280,30 @@ var SyncEngine = class {
    * Sync one account, or all accounts independently when id omitted.
    * A single-account call rejects with that account's error; the all-accounts call never rejects.
    */
-  /** `quiet`: the change came from this app (own edit/RSVP), so don't notify about it. */
+  /**
+   * `quiet`: the change came from this app (own edit/RSVP), so don't notify about it.
+   * `fresh`: the caller just changed the account on the server, so a pass already running (it may have fetched
+   * before the change) is followed by one more instead of being reused.
+   */
   async syncNow(accountId, opts = {}) {
     if (accountId === void 0) {
       await Promise.allSettled(this.store.list().map((a) => this.syncNow(a.id)));
       return;
     }
     const existing = this.inflight.get(accountId);
-    if (existing) return existing;
+    if (existing && !opts.fresh) return existing;
+    if (existing) {
+      let next = this.queued.get(accountId);
+      if (!next) {
+        next = existing.catch(() => {
+        }).then(() => {
+          this.queued.delete(accountId);
+          return this.syncNow(accountId, { quiet: opts.quiet });
+        });
+        this.queued.set(accountId, next);
+      }
+      return next;
+    }
     const p = this.syncAccount(accountId, !!opts.quiet).finally(() => {
       this.inflight.delete(accountId);
       this.schedule(accountId);
@@ -293,6 +313,10 @@ var SyncEngine = class {
     this.opts.onSyncing?.(accountId);
     return p;
   }
+  /** A local edit was applied to this account's cache; a pass already running won't overwrite it. */
+  edited(accountId) {
+    this.edits.set(accountId, (this.edits.get(accountId) ?? 0) + 1);
+  }
   /** True while a sync of this account is running. */
   isSyncing(accountId) {
     return this.inflight.has(accountId);
@@ -316,6 +340,7 @@ var SyncEngine = class {
   // ponytail: quiet silences the whole sync, so an external change landing in the same pass is not announced.
   async syncAccount(id2, quiet) {
     const hadError = !!this.store.list().find((a) => a.id === id2)?.error;
+    const edits = this.edits.get(id2) ?? 0;
     try {
       const provider = this.store.getProvider(id2);
       const now = /* @__PURE__ */ new Date();
@@ -327,6 +352,10 @@ var SyncEngine = class {
         )
       );
       const next = { calendars, events: lists.flat(), syncedAt: now.toISOString() };
+      if ((this.edits.get(id2) ?? 0) !== edits) {
+        this.failures.delete(id2);
+        return;
+      }
       let prev;
       try {
         prev = this.store.readCache(id2);
@@ -495,7 +524,20 @@ function createApi(store, sync, deps) {
     return a;
   };
   const syncOne = (accountId) => {
-    sync.syncNow(accountId, { quiet: true }).catch((e) => console.error(`sync ${accountId} failed`, e));
+    sync.syncNow(accountId, { quiet: true, fresh: true }).catch((e) => console.error(`sync ${accountId} failed`, e));
+  };
+  const applyLocal = (accountId, fn) => {
+    try {
+      store.patchCache(accountId, (c) => ({ ...c, events: fn(c.events) }));
+      sync.edited(accountId);
+      deps.onChanged?.(accountId);
+    } catch (e) {
+      console.error(`local update of ${accountId} failed`, e);
+    }
+  };
+  const upsert = (ev, accountId, calendarId) => {
+    const own = { ...ev, accountId, calendarId };
+    applyLocal(accountId, (events) => [...events.filter((e) => e.id !== own.id), own]);
   };
   const nextColor = () => PALETTE[store.list().length % PALETTE.length];
   const cachedEvent = (ref) => {
@@ -566,6 +608,7 @@ function createApi(store, sync, deps) {
         if (!cal) throw new Error("calendar does not belong to account");
         if (cal.readOnly) throw new Error("calendar is read-only");
         const ev = await store.getProvider(a.id).createEvent(cal.id, { ...input, accountId: a.id });
+        upsert(ev, a.id, cal.id);
         syncOne(a.id);
         return ev;
       },
@@ -574,17 +617,21 @@ function createApi(store, sync, deps) {
         const cached2 = writable(cachedEvent(edit));
         const { title: title2, start, end, allDay, location, description, attendees } = edit;
         const ev = await store.getProvider(cached2.accountId).updateEvent({ ...cached2, title: title2, start, end, allDay, location, description, attendees });
+        upsert(ev, cached2.accountId, cached2.calendarId);
         syncOne(cached2.accountId);
         return ev;
       },
       delete: async (raw, scope) => {
         const cached2 = writable(cachedEvent(EventRef.parse(raw)));
-        await store.getProvider(cached2.accountId).deleteEvent(cached2, Scope.parse(scope));
+        const how = Scope.parse(scope);
+        await store.getProvider(cached2.accountId).deleteEvent(cached2, how);
+        applyLocal(cached2.accountId, (events) => events.filter((e) => !deletedBy(cached2, how, e)));
         syncOne(cached2.accountId);
       },
       respond: async (raw, status) => {
         const cached2 = cachedEvent(EventRef.parse(raw));
         const ev = await store.getProvider(cached2.accountId).respond(cached2, RsvpStatus.parse(status));
+        upsert(ev, cached2.accountId, cached2.calendarId);
         syncOne(cached2.accountId);
         return ev;
       }
@@ -597,6 +644,12 @@ function createApi(store, sync, deps) {
     }
   };
 }
+function deletedBy(target, scope, e) {
+  if (e.id === target.id) return true;
+  const series = target.recurringEventId;
+  if (!series || scope === "one" || e.recurringEventId !== series || e.calendarId !== target.calendarId) return false;
+  return scope === "all" || Date.parse(e.start) >= Date.parse(target.start);
+}
 
 // ../../packages/core/src/accounts/store.ts
 import { randomUUID as randomUUID2 } from "crypto";
@@ -748,6 +801,11 @@ var AccountStore = class {
       this.caches.set(id2, cache);
     });
   }
+  /** In-memory only: shows a local edit at once; the next sync writes the server's copy to disk. */
+  patchCache(id2, fn) {
+    this.require(id2);
+    this.caches.set(id2, fn(this.readCache(id2)));
+  }
   hiddenCalendars(id2) {
     const file = join4(this.accountDir(id2), "prefs.json");
     try {
@@ -1442,8 +1500,8 @@ async function postToken(params) {
   if (!res.ok && !json.error) json.error = `http_${res.status}`;
   return parseTokenResponse(json);
 }
-var DONE_HTML = (msg) => `<!doctype html><meta charset="utf-8"><title>Mysticals</title><body style="font:15px -apple-system,sans-serif;text-align:center;padding-top:80px"><h2>${msg}</h2><p>You can close this tab and return to Mysticals.</p></body>`;
-async function runOAuthFlow(openUrl3) {
+var DONE_HTML = (msg, returnUrl) => `<!doctype html><meta charset="utf-8"><title>Mysticals</title><body style="font:15px -apple-system,sans-serif;text-align:center;padding-top:80px"><h2>${msg}</h2>` + (returnUrl ? `<p>Returning to Mysticals\u2026</p><p><a href="${returnUrl}" style="display:inline-block;padding:8px 16px;border-radius:6px;background:#bd93f9;color:#0b0b10;font-weight:600;text-decoration:none">Open Mysticals</a></p><p style="color:#888">You can close this tab.</p><script>location.href=${JSON.stringify(returnUrl)}</script></body>` : `<p>You can close this tab and return to Mysticals.</p></body>`);
+async function runOAuthFlow(openUrl3, opts = {}) {
   const cfg = getClientConfig();
   const { verifier, challenge } = createPkce();
   const state = randomBytes(16).toString("base64url");
@@ -1465,7 +1523,7 @@ async function runOAuthFlow(openUrl3) {
         const params = new URL(req.url ?? "/", redirectUri).searchParams;
         const reply = (status, msg, then) => {
           res.writeHead(status, { "Content-Type": "text/html; charset=utf-8", Connection: "close" });
-          res.end(DONE_HTML(msg), then);
+          res.end(DONE_HTML(msg, status === 200 ? opts.returnUrl : void 0), then);
         };
         if (!params.has("code") && !params.has("error")) {
           res.writeHead(404, { Connection: "close" }).end();
@@ -1484,6 +1542,7 @@ async function runOAuthFlow(openUrl3) {
         (e) => finish(e instanceof Error ? e : new Error(String(e)))
       );
     });
+    opts.onCode?.();
     const tok = await postToken({
       grant_type: "authorization_code",
       code,
@@ -1689,8 +1748,8 @@ function createGoogleProviderImpl(ctx) {
 
 // ../../packages/core/src/providers/google/index.ts
 var createGoogleProvider = createGoogleProviderImpl;
-async function googleSignIn(openUrl3) {
-  return runOAuthFlow(openUrl3);
+async function googleSignIn(openUrl3, opts) {
+  return runOAuthFlow(openUrl3, opts);
 }
 
 // src/telemetry.ts
@@ -2461,6 +2520,11 @@ var cleanNotes = (s = "") => s.replace(/^@color(hex)?:.*$\n?/gim, "").trim();
 function meetingUrl(location) {
   return location?.match(/https?:\/\/[^\s<>"]+/i)?.[0].replace(/[.,;:!?)\]}'>]+$/, "");
 }
+function place(location = "") {
+  const url = meetingUrl(location);
+  const rest = (url ? location.replace(url, "") : location).replace(/^[\s/|,·-]+|[\s/|,·-]+$/g, "");
+  return rest || (url ? "video call" : "");
+}
 
 // ../../packages/core/src/logic/status.ts
 import { differenceInMinutes, format as format6 } from "date-fns";
@@ -2683,11 +2747,6 @@ function useScroll(first, last, height, total) {
 }
 var WHEEL_STEP = 3;
 var rsvpMark = (e) => e.myStatus && e.myStatus !== "accepted" ? `${STATUS_ICON[e.myStatus]} ` : "";
-function place(location = "") {
-  const url = meetingUrl(location);
-  const rest = (url ? location.replace(url, "") : location).replace(/^[\s/|,·-]+|[\s/|,·-]+$/g, "");
-  return rest || (url ? "video call" : "");
-}
 var span = (m) => {
   const h = Math.floor(m / 60);
   return h ? m % 60 ? `${h}h ${m % 60}m` : `${h}h` : `${m}m`;
@@ -2938,6 +2997,18 @@ import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var GUTTER = 6;
 var ALL_DAY_MAX = 3;
 var COMPACT_BELOW = 18;
+function abutting(placed) {
+  const span2 = (p) => [p.col / p.cols, (p.col + 1) / p.cols];
+  return new Set(
+    placed.filter((p) => {
+      const [a, b] = span2(p);
+      return placed.some((q) => {
+        const [c, d] = span2(q);
+        return q !== p && q.start === p.end && a < d && c < b;
+      });
+    })
+  );
+}
 function slots(events, day) {
   return packColumns(
     layoutDay(events, day).map((p) => {
@@ -2951,7 +3022,8 @@ function TimeGrid({ days, events, now, cursor, selectedKey, width, height, onSel
   const cols = useMemo2(
     () => days.map((day) => {
       const on = eventsOnDay(events, day);
-      return { day, count: on.length, allDay: on.filter((e) => e.allDay), placed: slots(events, day) };
+      const placed = slots(events, day);
+      return { day, count: on.length, allDay: on.filter((e) => e.allDay), placed, joined: abutting(placed) };
     }),
     [events, days]
   );
@@ -2963,21 +3035,21 @@ function TimeGrid({ days, events, now, cursor, selectedKey, width, height, onSel
   const focus = sel ? sel.start / 60 : today ? now.getHours() : 8;
   const [top, scrollBy] = useScroll(sel ? focus : Math.max(focus - 1, 0), focus, gridH, 24);
   const bar = /* @__PURE__ */ jsx5(Text5, { color: C.muted, children: "\u2502" });
-  const row = (key3, gutter, cells) => /* @__PURE__ */ jsxs5(Box5, { width, height: 1, overflow: "hidden", children: [
+  const row = (key3, gutter, cells, sep = bar) => /* @__PURE__ */ jsxs5(Box5, { width, height: 1, overflow: "hidden", children: [
     gutter,
     cols.map((c) => /* @__PURE__ */ jsxs5(Box5, { flexShrink: 0, children: [
-      bar,
+      sep,
       /* @__PURE__ */ jsx5(Box5, { width: colW, flexShrink: 0, overflow: "hidden", children: cells(c) })
     ] }, c.day.getTime()))
   ] }, key3);
   const gutterText = (text2) => /* @__PURE__ */ jsx5(Box5, { width: GUTTER, flexShrink: 0, children: /* @__PURE__ */ jsx5(Text5, { color: C.muted, children: text2 }) });
-  const hourCells = (placed, day, h, nowLine) => {
+  const hourCells = ({ placed, day, joined }, h, nowLine) => {
     const out = [];
     let pos = 0;
     const gap = (to) => {
       if (to <= pos) return;
       out.push(
-        /* @__PURE__ */ jsx5(Box5, { width: to - pos, flexShrink: 0, children: /* @__PURE__ */ jsx5(Text5, { color: C.now, children: (nowLine ? "\u2500" : " ").repeat(to - pos) }) }, `g${pos}`)
+        /* @__PURE__ */ jsx5(Box5, { width: to - pos, flexShrink: 0, children: /* @__PURE__ */ jsx5(Text5, { color: C.now, dimColor: nowLine === "other", children: (nowLine ? "\u2500" : " ").repeat(to - pos) }) }, `g${pos}`)
       );
       pos = to;
     };
@@ -3008,6 +3080,7 @@ function TimeGrid({ days, events, now, cursor, selectedKey, width, height, onSel
             bold: selected || h === first,
             italic: e.myStatus === "needsAction",
             strikethrough: e.myStatus === "declined",
+            underline: h === p.end / 60 - 1 && joined.has(p),
             children: (" " + text2).slice(0, inner).padEnd(inner)
           }
         ) }, k)
@@ -3052,8 +3125,13 @@ function TimeGrid({ days, events, now, cursor, selectedKey, width, height, onSel
     /* @__PURE__ */ jsx5(Clickable, { flexDirection: "column", width, onWheel: (dir) => scrollBy(dir), children: Array.from({ length: Math.min(gridH, 24) }, (_, i) => {
       const h = top + i;
       const current = today && h === now.getHours();
-      const gutter = /* @__PURE__ */ jsx5(Box5, { width: GUTTER, flexShrink: 0, children: /* @__PURE__ */ jsx5(Text5, { color: current ? C.now : C.muted, bold: current, children: current ? format9(now, "HH:mm") : `${String(h).padStart(2, "0")}:00` }) });
-      return row(`h${h}`, gutter, (c) => hourCells(c.placed, c.day, h, current && isSameDay6(c.day, now)));
+      const gutter = /* @__PURE__ */ jsx5(Box5, { width: GUTTER, flexShrink: 0, children: /* @__PURE__ */ jsx5(Text5, { color: current ? C.now : C.muted, bold: current, children: current ? `${format9(now, "HH:mm")}\u2500` : `${String(h).padStart(2, "0")}:00` }) });
+      return row(
+        `h${h}`,
+        gutter,
+        (c) => hourCells(c, h, current && (isSameDay6(c.day, now) ? "today" : "other")),
+        current ? /* @__PURE__ */ jsx5(Text5, { color: C.now, children: "\u253C" }) : bar
+      );
     }) })
   ] });
 }
@@ -3299,13 +3377,172 @@ function EventEditor({ event, initialStart, onClose }) {
 }
 
 // src/ui/screens/Accounts.tsx
-import { useEffect as useEffect4, useRef as useRef5, useState as useState5 } from "react";
-import { Box as Box8, Text as Text8, useStdout as useStdout2 } from "ink";
+import { useEffect as useEffect5, useRef as useRef6, useState as useState7 } from "react";
+import { Box as Box10, Text as Text10, useStdout as useStdout2 } from "ink";
 
 // src/ui/screens/AddCaldav.tsx
-import { useRef as useRef4, useState as useState4 } from "react";
+import { useRef as useRef5, useState as useState6 } from "react";
+import { Box as Box9, Text as Text9 } from "ink";
+
+// src/ui/StatusLine.tsx
+import { useEffect as useEffect4, useState as useState5 } from "react";
+import { Box as Box8, Text as Text8 } from "ink";
+
+// src/ui/screens/Invites.tsx
+import { useMemo as useMemo5, useRef as useRef4, useState as useState4 } from "react";
 import { Box as Box7, Text as Text7 } from "ink";
+import { addDays as addDays8, startOfDay as startOfDay6 } from "date-fns";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var INVITE_DAYS = 60;
+function useUpcoming(now) {
+  const day = startOfDay6(now).getTime();
+  const range = useMemo5(() => ({ start: new Date(day).toISOString(), end: addDays8(day, INVITE_DAYS).toISOString() }), [day]);
+  return useEvents(range);
+}
+var REPLY = { y: "accepted", n: "declined", m: "tentative" };
+function Invites({ onClose }) {
+  const api = useApi();
+  const [now] = useState4(() => /* @__PURE__ */ new Date());
+  const { events, loaded } = useUpcoming(now);
+  const invites = useMemo5(() => pendingInvites(events, now), [events, now]);
+  const { accounts } = useDirectory();
+  const [idx, setIdx] = useState4(0);
+  const [rows, setRows] = useState4({});
+  const busy = useRef4(/* @__PURE__ */ new Set());
+  const [error, setError] = useState4("");
+  const sel = Math.min(idx, Math.max(invites.length - 1, 0));
+  const reply = (e, status) => {
+    const k = eventKey(e);
+    if (busy.current.has(k)) return;
+    busy.current.add(k);
+    setError("");
+    setRows((r) => ({ ...r, [k]: "sending\u2026" }));
+    api.events.respond(e, status).then(
+      () => setRows((r) => ({ ...r, [k]: "sent" })),
+      (err) => {
+        busy.current.delete(k);
+        setRows(({ [k]: _, ...r }) => r);
+        setError(errorText(err));
+      }
+    );
+  };
+  const move = (dir) => setIdx(Math.max(Math.min(sel + dir, invites.length - 1), 0));
+  const replySelected = (status) => void (invites[sel] && reply(invites[sel], status));
+  useKeys((input, key3) => {
+    if (key3.escape || input === "q") return onClose();
+    if (input === "j" || key3.downArrow) return move(1);
+    if (input === "k" || key3.upArrow) return move(-1);
+    if (Object.hasOwn(REPLY, input)) replySelected(REPLY[input]);
+  });
+  return /* @__PURE__ */ jsxs7(Clickable, { flexDirection: "column", borderStyle: "round", borderColor: C.muted, paddingX: 1, onWheel: move, children: [
+    /* @__PURE__ */ jsx9(Text7, { bold: true, children: "Invitations" }),
+    !loaded ? /* @__PURE__ */ jsx9(Text7, { color: C.muted, children: "Loading\u2026" }) : invites.length === 0 ? /* @__PURE__ */ jsx9(Text7, { color: C.muted, children: "No pending invites" }) : invites.map((e, i) => {
+      const a = accounts.find((x) => x.id === e.accountId);
+      const o = ownerLine(void 0, a?.label ?? e.accountId, a?.email);
+      return /* @__PURE__ */ jsx9(Clickable, { height: 1, onClick: () => setIdx(i), children: /* @__PURE__ */ jsxs7(Text7, { wrap: "truncate", inverse: i === sel, children: [
+        i === sel ? "\u25B8 " : "  ",
+        /* @__PURE__ */ jsx9(Text7, { bold: true, children: e.title || "Untitled" }),
+        " ",
+        /* @__PURE__ */ jsx9(Text7, { color: C.muted, children: formatWhen(e) }),
+        " ",
+        /* @__PURE__ */ jsx9(Text7, { color: ansiOf(a?.color ?? ""), children: "\u25CF" }),
+        " ",
+        o.label,
+        o.email ? ` \xB7 ${o.email}` : "",
+        rows[eventKey(e)] ? /* @__PURE__ */ jsxs7(Text7, { color: C.yellow, children: [
+          " ",
+          rows[eventKey(e)]
+        ] }) : null
+      ] }) }, eventKey(e));
+    }),
+    error ? /* @__PURE__ */ jsx9(Text7, { color: C.red, children: error }) : null,
+    /* @__PURE__ */ jsxs7(Box7, { marginTop: 1, flexWrap: "wrap", children: [
+      invites.length > 0 && /* @__PURE__ */ jsx9(Button, { k: "y", label: "accept", color: C.green, onPress: () => replySelected("accepted") }),
+      invites.length > 0 && /* @__PURE__ */ jsx9(Button, { k: "n", label: "decline", color: C.red, onPress: () => replySelected("declined") }),
+      invites.length > 0 && /* @__PURE__ */ jsx9(Button, { k: "m", label: "maybe", color: C.yellow, onPress: () => replySelected("tentative") }),
+      /* @__PURE__ */ jsx9(Box7, { marginRight: 2, children: /* @__PURE__ */ jsx9(Text7, { color: C.muted, children: "j/k move" }) }),
+      /* @__PURE__ */ jsx9(Button, { k: "esc", label: "close", onPress: onClose })
+    ] })
+  ] });
+}
+
+// src/ui/StatusLine.tsx
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var DAY_MS = 24 * 36e5;
+var noop = () => {
+};
+var FRAMES = "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F";
+function Spinner() {
+  const [i, setI] = useState5(0);
+  useEffect4(() => {
+    const t = setInterval(() => setI((n) => (n + 1) % FRAMES.length), 100);
+    return () => clearInterval(t);
+  }, []);
+  return /* @__PURE__ */ jsx10(Text8, { color: C.accent, children: FRAMES[i] });
+}
+function StatusLine({ now, message, update, width, onOpen, onInvites, onAccounts, onHelp, onNew, onSync, onQuit }) {
+  const { events } = useUpcoming(now);
+  const { accounts } = useDirectory();
+  const failed = accounts.filter((a) => a.error);
+  const syncing = accounts.filter((a) => a.syncing);
+  const { current, next } = pickNowNext(events, now);
+  const soon = next && Date.parse(next.start) - now.getTime() < DAY_MS ? next : void 0;
+  const invites = pendingInvites(events, now).length;
+  const parts = [];
+  if (syncing.length) parts.push([/* @__PURE__ */ jsxs8(Fragment2, { children: [
+    /* @__PURE__ */ jsx10(Spinner, {}),
+    " ",
+    /* @__PURE__ */ jsxs8(Text8, { color: C.muted, children: [
+      "syncing ",
+      syncing.map((a) => a.label).join(", ")
+    ] })
+  ] }), onAccounts]);
+  for (const e of current) parts.push([/* @__PURE__ */ jsxs8(Fragment2, { children: [
+    /* @__PURE__ */ jsx10(Text8, { color: C.green, bold: true, children: "now" }),
+    " ",
+    e.title || "Untitled"
+  ] }), onOpen && (() => onOpen(e))]);
+  if (soon) parts.push([/* @__PURE__ */ jsxs8(Fragment2, { children: [
+    /* @__PURE__ */ jsx10(Text8, { color: C.cyan, bold: true, children: "next" }),
+    " ",
+    soon.title || "Untitled",
+    " ",
+    /* @__PURE__ */ jsx10(Text8, { color: C.yellow, children: startsLabel(soon.start, now) })
+  ] }), onOpen && (() => onOpen(soon))]);
+  if (invites) parts.push([/* @__PURE__ */ jsxs8(Text8, { color: C.yellow, children: [
+    invites === 1 ? "1 invite" : `${invites} invites`,
+    " (i)"
+  ] }), onInvites]);
+  if (failed.length) parts.push([/* @__PURE__ */ jsxs8(Text8, { color: C.red, children: [
+    "\u26A0 ",
+    failed.map((a) => a.label).join(", "),
+    " sync failed (s)"
+  ] }), onAccounts]);
+  if (message) parts.push([message]);
+  if (!parts.length) parts.push([/* @__PURE__ */ jsx10(Text8, { color: C.muted, children: "nothing on in the next 24h" })]);
+  if (update) parts.push([/* @__PURE__ */ jsxs8(Text8, { color: C.yellow, children: [
+    "\u2191 ",
+    update,
+    " available \xB7 npm i -g mysticals"
+  ] })]);
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", width, height: 2, children: [
+    /* @__PURE__ */ jsx10(Box8, { width, height: 1, overflow: "hidden", children: parts.map(([p, onClick], i) => /* @__PURE__ */ jsx10(Clickable, { flexShrink: 0, onClick, children: /* @__PURE__ */ jsxs8(Text8, { children: [
+      i > 0 && /* @__PURE__ */ jsx10(Text8, { color: C.muted, children: " \xB7 " }),
+      p
+    ] }) }, i)) }),
+    /* @__PURE__ */ jsxs8(Box8, { width, height: 1, overflow: "hidden", children: [
+      /* @__PURE__ */ jsx10(Button, { k: "n", label: "new", onPress: onNew ?? noop }),
+      /* @__PURE__ */ jsx10(Button, { k: "r", label: "sync", onPress: onSync ?? noop }),
+      /* @__PURE__ */ jsx10(Button, { k: "i", label: "invites", onPress: onInvites ?? noop }),
+      /* @__PURE__ */ jsx10(Button, { k: "s", label: "accounts", onPress: onAccounts ?? noop }),
+      /* @__PURE__ */ jsx10(Button, { k: "?", label: "help", onPress: onHelp ?? noop }),
+      /* @__PURE__ */ jsx10(Button, { k: "q", label: "quit", onPress: onQuit ?? noop })
+    ] })
+  ] });
+}
+
+// src/ui/screens/AddCaldav.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var PALETTE2 = ["#bd93f9", "#50fa7b", "#8be9fd", "#ff79c6", "#ffb86c", "#f1fa8c"];
 var PRESETS2 = [
   { id: "privateemail", name: "Namecheap Private Email", url: "https://dav.privateemail.com/dav.php/" },
@@ -3336,8 +3573,8 @@ var NAMES = {
   color: "Colour"
 };
 function useKeyState(init) {
-  const ref = useRef4(init);
-  const [, bump] = useState4(0);
+  const ref = useRef5(init);
+  const [, bump] = useState6(0);
   return [
     () => ref.current,
     (next) => {
@@ -3413,53 +3650,58 @@ function AddCaldav({ onBack, onDone }) {
   const v = get();
   const shown = (f) => {
     if (f === "provider") return `\u2039 ${PRESETS2.find((p) => p.id === v.preset).name} \u203A`;
-    if (f === "color") return /* @__PURE__ */ jsxs7(Text7, { color: ansiOf(v.color), children: [
+    if (f === "color") return /* @__PURE__ */ jsxs9(Text9, { color: ansiOf(v.color), children: [
       "\u2039 \u25CF ",
       v.color,
       " \u203A"
     ] });
     if (f === "password") return "\u2022".repeat(v.password.length);
-    return v[f] || /* @__PURE__ */ jsx9(Text7, { color: C.muted, children: f === "serverUrl" ? "https://caldav.example.com/" : f === "username" ? "you@company.com" : "Work" });
+    return v[f] || /* @__PURE__ */ jsx11(Text9, { color: C.muted, children: f === "serverUrl" ? "https://caldav.example.com/" : f === "username" ? "you@company.com" : "Work" });
   };
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx9(Text7, { bold: true, children: "Add CalDAV account" }),
-    /* @__PURE__ */ jsx9(Text7, { color: C.muted, children: "Each account is isolated: events and invitations are only sent from the account they belong to." }),
-    FIELDS.map((f) => /* @__PURE__ */ jsx9(Clickable, { onClick: () => clickField(f), children: /* @__PURE__ */ jsxs7(Text7, { children: [
-      /* @__PURE__ */ jsx9(Text7, { color: f === v.field ? C.cyan : void 0, children: `${f === v.field ? "\u203A" : " "} ${NAMES[f].padEnd(13)}` }),
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx11(Text9, { bold: true, children: "Add CalDAV account" }),
+    /* @__PURE__ */ jsx11(Text9, { color: C.muted, children: "Each account is isolated: events and invitations are only sent from the account they belong to." }),
+    FIELDS.map((f) => /* @__PURE__ */ jsx11(Clickable, { onClick: () => clickField(f), children: /* @__PURE__ */ jsxs9(Text9, { children: [
+      /* @__PURE__ */ jsx11(Text9, { color: f === v.field ? C.cyan : void 0, children: `${f === v.field ? "\u203A" : " "} ${NAMES[f].padEnd(13)}` }),
       shown(f),
-      f === v.field && f !== "provider" && f !== "color" ? /* @__PURE__ */ jsx9(Text7, { color: C.cyan, children: "\u258F" }) : null
+      f === v.field && f !== "provider" && f !== "color" ? /* @__PURE__ */ jsx11(Text9, { color: C.cyan, children: "\u258F" }) : null
     ] }) }, f)),
-    /* @__PURE__ */ jsx9(Text7, { color: C.muted, children: "Check your provider's docs if connection fails." }),
-    v.busy && /* @__PURE__ */ jsx9(Text7, { color: C.yellow, children: "Verifying\u2026" }),
-    v.error && /* @__PURE__ */ jsx9(Text7, { color: C.red, children: v.error }),
-    /* @__PURE__ */ jsxs7(Box7, { flexWrap: "wrap", children: [
-      /* @__PURE__ */ jsx9(Box7, { marginRight: 2, children: /* @__PURE__ */ jsx9(Text7, { color: C.muted, children: "tab/\u2191\u2193 field  \u2190\u2192 change provider/colour" }) }),
-      /* @__PURE__ */ jsx9(Button, { k: "enter", label: "add account", color: C.green, onPress: () => !get().busy && submit() }),
-      /* @__PURE__ */ jsx9(Button, { k: "esc", label: "back", onPress: () => !get().busy && onBack() })
+    /* @__PURE__ */ jsx11(Text9, { color: C.muted, children: "Check your provider's docs if connection fails." }),
+    v.busy && /* @__PURE__ */ jsxs9(Text9, { children: [
+      /* @__PURE__ */ jsx11(Spinner, {}),
+      " Signing in to ",
+      URL.canParse(v.serverUrl.trim()) ? new URL(v.serverUrl.trim()).host : "the server",
+      "\u2026"
+    ] }),
+    v.error && /* @__PURE__ */ jsx11(Text9, { color: C.red, children: v.error }),
+    /* @__PURE__ */ jsxs9(Box9, { flexWrap: "wrap", children: [
+      /* @__PURE__ */ jsx11(Box9, { marginRight: 2, children: /* @__PURE__ */ jsx11(Text9, { color: C.muted, children: "tab/\u2191\u2193 field  \u2190\u2192 change provider/colour" }) }),
+      /* @__PURE__ */ jsx11(Button, { k: "enter", label: "add account", color: C.green, onPress: () => !get().busy && submit() }),
+      /* @__PURE__ */ jsx11(Button, { k: "esc", label: "back", onPress: () => !get().busy && onBack() })
     ] })
   ] });
 }
 
 // src/ui/screens/Accounts.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function Accounts({ onClose }) {
   const api = useApi();
   const { accounts, calendars, loaded, error: loadError } = useDirectory();
   const [getCursor, setCursor] = useKeyState(0);
   const [getMode, setMode] = useKeyState({ kind: "list" });
   const mode = getMode();
-  const [message, setMessage] = useState5();
-  const [authUrl, setAuthUrl] = useState5();
-  useEffect4(() => api.onAuthUrl(setAuthUrl), [api]);
+  const [message, setMessage] = useState7();
+  const [authUrl, setAuthUrl] = useState7();
+  useEffect5(() => api.onAuthUrl(setAuthUrl), [api]);
   const { stdout } = useStdout2();
   const copyAuthUrl = () => {
     if (!authUrl) return;
     stdout.write(`\x1B]52;c;${Buffer.from(authUrl).toString("base64")}\x07`);
     say("Sign-in link sent to the clipboard (needs a terminal with OSC 52 clipboard support)");
   };
-  const googleSession = useRef5(0);
-  const alive2 = useRef5(true);
-  useEffect4(() => () => void (alive2.current = false), []);
+  const googleSession = useRef6(0);
+  const alive2 = useRef6(true);
+  useEffect5(() => () => void (alive2.current = false), []);
   const rows = accounts.flatMap((account) => [
     { account },
     ...calendars.filter((c) => c.accountId === account.id).map((calendar) => ({ account, calendar }))
@@ -3559,7 +3801,7 @@ function Accounts({ onClose }) {
     { isActive: mode.kind !== "caldav" }
   );
   if (mode.kind === "caldav") {
-    return /* @__PURE__ */ jsx10(Box8, { flexDirection: "column", borderStyle: "round", borderColor: C.muted, paddingX: 1, children: /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx12(Box10, { flexDirection: "column", borderStyle: "round", borderColor: C.muted, paddingX: 1, children: /* @__PURE__ */ jsx12(
       AddCaldav,
       {
         onBack: () => setMode({ kind: "list" }),
@@ -3570,80 +3812,85 @@ function Accounts({ onClose }) {
       }
     ) });
   }
-  const button = (k, label, input = k) => /* @__PURE__ */ jsx10(Button, { k, label, onPress: () => listing() && act(input) });
+  const button = (k, label, input = k) => /* @__PURE__ */ jsx12(Button, { k, label, onPress: () => listing() && act(input) });
   const row = rows[idx];
-  return /* @__PURE__ */ jsxs8(Clickable, { flexDirection: "column", borderStyle: "round", borderColor: C.muted, paddingX: 1, onWheel: (dir) => listing() && move(dir), children: [
-    /* @__PURE__ */ jsx10(Text8, { bold: true, children: "Accounts & calendars" }),
-    /* @__PURE__ */ jsx10(Text8, { color: C.muted, children: "Accounts sync automatically every 2 minutes." }),
-    loaded && !accounts.length && /* @__PURE__ */ jsx10(Text8, { color: C.muted, children: "No accounts yet. Press g (Google) or a (CalDAV) to add one." }),
+  return /* @__PURE__ */ jsxs10(Clickable, { flexDirection: "column", borderStyle: "round", borderColor: C.muted, paddingX: 1, onWheel: (dir) => listing() && move(dir), children: [
+    /* @__PURE__ */ jsx12(Text10, { bold: true, children: "Accounts & calendars" }),
+    /* @__PURE__ */ jsx12(Text10, { color: C.muted, children: "Accounts sync automatically every 2 minutes." }),
+    loaded && !accounts.length && /* @__PURE__ */ jsx12(Text10, { color: C.muted, children: "No accounts yet. Press g (Google) or a (CalDAV) to add one." }),
     rows.map((r, i) => {
       const sel = i === idx;
-      const mark = /* @__PURE__ */ jsx10(Text8, { color: C.cyan, children: sel ? "\u203A " : "  " });
+      const mark = /* @__PURE__ */ jsx12(Text10, { color: C.cyan, children: sel ? "\u203A " : "  " });
       if (r.calendar) {
         const c = r.calendar;
-        return /* @__PURE__ */ jsx10(Clickable, { onClick: () => click(i), children: /* @__PURE__ */ jsxs8(Text8, { inverse: sel, children: [
+        return /* @__PURE__ */ jsx12(Clickable, { onClick: () => click(i), children: /* @__PURE__ */ jsxs10(Text10, { inverse: sel, children: [
           mark,
           "    ",
           c.visible === false ? "[ ]" : "[x]",
           " ",
-          /* @__PURE__ */ jsx10(Text8, { color: ansiOf(c.color), children: "\u25CF" }),
+          /* @__PURE__ */ jsx12(Text10, { color: ansiOf(c.color), children: "\u25CF" }),
           " ",
           c.name,
-          c.readOnly && /* @__PURE__ */ jsx10(Text8, { color: C.muted, children: " (read-only)" })
+          c.readOnly && /* @__PURE__ */ jsx12(Text10, { color: C.muted, children: " (read-only)" })
         ] }) }, `${c.accountId}/${c.id}`);
       }
       const a = r.account;
       const renaming = mode.kind === "rename" && mode.account.id === a.id;
-      return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx10(Clickable, { onClick: () => click(i), children: /* @__PURE__ */ jsxs8(Text8, { inverse: sel && !renaming, children: [
+      return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx12(Clickable, { onClick: () => click(i), children: /* @__PURE__ */ jsxs10(Text10, { inverse: sel && !renaming, children: [
           mark,
-          /* @__PURE__ */ jsx10(Text8, { color: ansiOf(a.color), children: "\u25CF" }),
+          /* @__PURE__ */ jsx12(Text10, { color: ansiOf(a.color), children: "\u25CF" }),
           " ",
-          renaming ? /* @__PURE__ */ jsxs8(Text8, { color: C.cyan, children: [
+          renaming ? /* @__PURE__ */ jsxs10(Text10, { color: C.cyan, children: [
             mode.value,
             "\u258F"
-          ] }) : /* @__PURE__ */ jsx10(Text8, { bold: true, children: a.label }),
+          ] }) : /* @__PURE__ */ jsx12(Text10, { bold: true, children: a.label }),
           " ",
-          /* @__PURE__ */ jsxs8(Text8, { color: C.muted, children: [
+          /* @__PURE__ */ jsxs10(Text10, { color: C.muted, children: [
             a.email,
             " \xB7 ",
             a.kind === "google" ? "Google" : "CalDAV"
           ] })
         ] }) }),
-        a.error && /* @__PURE__ */ jsx10(Text8, { color: C.red, children: `    Last sync failed: ${a.error}` })
+        a.syncing && !a.synced && /* @__PURE__ */ jsxs10(Text10, { color: C.muted, children: [
+          "    ",
+          /* @__PURE__ */ jsx12(Spinner, {}),
+          " Loading calendars\u2026"
+        ] }),
+        a.error && /* @__PURE__ */ jsx12(Text10, { color: C.red, children: `    Last sync failed: ${a.error}` })
       ] }, a.id);
     }),
-    mode.kind === "confirm" && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsxs8(Text8, { color: C.red, bold: true, children: [
+    mode.kind === "confirm" && /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsxs10(Text10, { color: C.red, bold: true, children: [
         "Remove ",
         mode.account.label,
         " (",
         mode.account.email,
         ")? [y/N]"
       ] }),
-      /* @__PURE__ */ jsxs8(Text8, { children: [
+      /* @__PURE__ */ jsxs10(Text10, { children: [
         "Removes local data and credentials for ",
         mode.account.email,
         ". Nothing is deleted on the server."
       ] }),
-      /* @__PURE__ */ jsxs8(Box8, { children: [
-        /* @__PURE__ */ jsx10(Button, { k: "y", label: "remove", color: C.red, onPress: () => confirmRemove(true) }),
-        /* @__PURE__ */ jsx10(Button, { k: "n", label: "keep", onPress: () => confirmRemove(false) })
+      /* @__PURE__ */ jsxs10(Box10, { children: [
+        /* @__PURE__ */ jsx12(Button, { k: "y", label: "remove", color: C.red, onPress: () => confirmRemove(true) }),
+        /* @__PURE__ */ jsx12(Button, { k: "n", label: "keep", onPress: () => confirmRemove(false) })
       ] })
     ] }),
-    mode.kind === "google" && /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx10(Text8, { color: C.yellow, children: "Opening browser \u2014 finish sign-in there\u2026 (esc to stop waiting)" }),
-      authUrl && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-        /* @__PURE__ */ jsx10(Text8, { color: C.muted, children: "No browser? Open this link yourself (c copies it):" }),
-        /* @__PURE__ */ jsx10(Text8, { children: authUrl }),
-        /* @__PURE__ */ jsx10(Text8, { color: C.muted, children: `Over SSH, forward its port first: ssh -L ${loopbackPort(authUrl)}:127.0.0.1:${loopbackPort(authUrl)} <host>` })
+    mode.kind === "google" && /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx12(Text10, { color: C.yellow, children: "Opening browser \u2014 finish sign-in there\u2026 (esc to stop waiting)" }),
+      authUrl && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+        /* @__PURE__ */ jsx12(Text10, { color: C.muted, children: "No browser? Open this link yourself (c copies it):" }),
+        /* @__PURE__ */ jsx12(Text10, { children: authUrl }),
+        /* @__PURE__ */ jsx12(Text10, { color: C.muted, children: `Over SSH, forward its port first: ssh -L ${loopbackPort(authUrl)}:127.0.0.1:${loopbackPort(authUrl)} <host>` })
       ] })
     ] }),
-    mode.kind === "rename" && /* @__PURE__ */ jsx10(Text8, { color: C.muted, children: "enter save  esc cancel" }),
-    loadError && /* @__PURE__ */ jsx10(Text8, { color: C.red, children: loadError }),
-    message && /* @__PURE__ */ jsx10(Text8, { color: message.error ? C.red : C.green, children: message.text }),
-    mode.kind === "list" && /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, flexWrap: "wrap", children: [
-      /* @__PURE__ */ jsx10(Box8, { marginRight: 2, children: /* @__PURE__ */ jsx10(Text8, { color: C.muted, children: "j/k move" }) }),
+    mode.kind === "rename" && /* @__PURE__ */ jsx12(Text10, { color: C.muted, children: "enter save  esc cancel" }),
+    loadError && /* @__PURE__ */ jsx12(Text10, { color: C.red, children: loadError }),
+    message && /* @__PURE__ */ jsx12(Text10, { color: message.error ? C.red : C.green, children: message.text }),
+    mode.kind === "list" && /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, flexWrap: "wrap", children: [
+      /* @__PURE__ */ jsx12(Box10, { marginRight: 2, children: /* @__PURE__ */ jsx12(Text10, { color: C.muted, children: "j/k move" }) }),
       row?.calendar && button("space", "show/hide", " "),
       row && button("r", "sync"),
       button("R", "sync all"),
@@ -3652,7 +3899,7 @@ function Accounts({ onClose }) {
       row && button("x", "remove"),
       button("g", "add Google"),
       button("a", "add CalDAV"),
-      /* @__PURE__ */ jsx10(Button, { k: "esc", label: "close", onPress: onClose })
+      /* @__PURE__ */ jsx12(Button, { k: "esc", label: "close", onPress: onClose })
     ] })
   ] });
 }
@@ -3664,161 +3911,6 @@ var loopbackPort = (authUrl) => {
   }
 };
 
-// src/ui/screens/Invites.tsx
-import { useMemo as useMemo5, useRef as useRef6, useState as useState6 } from "react";
-import { Box as Box9, Text as Text9 } from "ink";
-import { addDays as addDays8, startOfDay as startOfDay6 } from "date-fns";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-var INVITE_DAYS = 60;
-function useUpcoming(now) {
-  const day = startOfDay6(now).getTime();
-  const range = useMemo5(() => ({ start: new Date(day).toISOString(), end: addDays8(day, INVITE_DAYS).toISOString() }), [day]);
-  return useEvents(range);
-}
-var REPLY = { y: "accepted", n: "declined", m: "tentative" };
-function Invites({ onClose }) {
-  const api = useApi();
-  const [now] = useState6(() => /* @__PURE__ */ new Date());
-  const { events, loaded } = useUpcoming(now);
-  const invites = useMemo5(() => pendingInvites(events, now), [events, now]);
-  const { accounts } = useDirectory();
-  const [idx, setIdx] = useState6(0);
-  const [rows, setRows] = useState6({});
-  const busy = useRef6(/* @__PURE__ */ new Set());
-  const [error, setError] = useState6("");
-  const sel = Math.min(idx, Math.max(invites.length - 1, 0));
-  const reply = (e, status) => {
-    const k = eventKey(e);
-    if (busy.current.has(k)) return;
-    busy.current.add(k);
-    setError("");
-    setRows((r) => ({ ...r, [k]: "sending\u2026" }));
-    api.events.respond(e, status).then(
-      () => setRows((r) => ({ ...r, [k]: "sent" })),
-      (err) => {
-        busy.current.delete(k);
-        setRows(({ [k]: _, ...r }) => r);
-        setError(errorText(err));
-      }
-    );
-  };
-  const move = (dir) => setIdx(Math.max(Math.min(sel + dir, invites.length - 1), 0));
-  const replySelected = (status) => void (invites[sel] && reply(invites[sel], status));
-  useKeys((input, key3) => {
-    if (key3.escape || input === "q") return onClose();
-    if (input === "j" || key3.downArrow) return move(1);
-    if (input === "k" || key3.upArrow) return move(-1);
-    if (Object.hasOwn(REPLY, input)) replySelected(REPLY[input]);
-  });
-  return /* @__PURE__ */ jsxs9(Clickable, { flexDirection: "column", borderStyle: "round", borderColor: C.muted, paddingX: 1, onWheel: move, children: [
-    /* @__PURE__ */ jsx11(Text9, { bold: true, children: "Invitations" }),
-    !loaded ? /* @__PURE__ */ jsx11(Text9, { color: C.muted, children: "Loading\u2026" }) : invites.length === 0 ? /* @__PURE__ */ jsx11(Text9, { color: C.muted, children: "No pending invites" }) : invites.map((e, i) => {
-      const a = accounts.find((x) => x.id === e.accountId);
-      const o = ownerLine(void 0, a?.label ?? e.accountId, a?.email);
-      return /* @__PURE__ */ jsx11(Clickable, { height: 1, onClick: () => setIdx(i), children: /* @__PURE__ */ jsxs9(Text9, { wrap: "truncate", inverse: i === sel, children: [
-        i === sel ? "\u25B8 " : "  ",
-        /* @__PURE__ */ jsx11(Text9, { bold: true, children: e.title || "Untitled" }),
-        " ",
-        /* @__PURE__ */ jsx11(Text9, { color: C.muted, children: formatWhen(e) }),
-        " ",
-        /* @__PURE__ */ jsx11(Text9, { color: ansiOf(a?.color ?? ""), children: "\u25CF" }),
-        " ",
-        o.label,
-        o.email ? ` \xB7 ${o.email}` : "",
-        rows[eventKey(e)] ? /* @__PURE__ */ jsxs9(Text9, { color: C.yellow, children: [
-          " ",
-          rows[eventKey(e)]
-        ] }) : null
-      ] }) }, eventKey(e));
-    }),
-    error ? /* @__PURE__ */ jsx11(Text9, { color: C.red, children: error }) : null,
-    /* @__PURE__ */ jsxs9(Box9, { marginTop: 1, flexWrap: "wrap", children: [
-      invites.length > 0 && /* @__PURE__ */ jsx11(Button, { k: "y", label: "accept", color: C.green, onPress: () => replySelected("accepted") }),
-      invites.length > 0 && /* @__PURE__ */ jsx11(Button, { k: "n", label: "decline", color: C.red, onPress: () => replySelected("declined") }),
-      invites.length > 0 && /* @__PURE__ */ jsx11(Button, { k: "m", label: "maybe", color: C.yellow, onPress: () => replySelected("tentative") }),
-      /* @__PURE__ */ jsx11(Box9, { marginRight: 2, children: /* @__PURE__ */ jsx11(Text9, { color: C.muted, children: "j/k move" }) }),
-      /* @__PURE__ */ jsx11(Button, { k: "esc", label: "close", onPress: onClose })
-    ] })
-  ] });
-}
-
-// src/ui/StatusLine.tsx
-import { useEffect as useEffect5, useState as useState7 } from "react";
-import { Box as Box10, Text as Text10 } from "ink";
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-var DAY_MS = 24 * 36e5;
-var noop = () => {
-};
-var FRAMES = "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F";
-function Spinner() {
-  const [i, setI] = useState7(0);
-  useEffect5(() => {
-    const t = setInterval(() => setI((n) => (n + 1) % FRAMES.length), 100);
-    return () => clearInterval(t);
-  }, []);
-  return /* @__PURE__ */ jsx12(Text10, { color: C.accent, children: FRAMES[i] });
-}
-function StatusLine({ now, message, update, width, onOpen, onInvites, onAccounts, onHelp, onNew, onSync, onQuit }) {
-  const { events } = useUpcoming(now);
-  const { accounts } = useDirectory();
-  const failed = accounts.filter((a) => a.error);
-  const syncing = accounts.filter((a) => a.syncing);
-  const { current, next } = pickNowNext(events, now);
-  const soon = next && Date.parse(next.start) - now.getTime() < DAY_MS ? next : void 0;
-  const invites = pendingInvites(events, now).length;
-  const parts = [];
-  if (syncing.length) parts.push([/* @__PURE__ */ jsxs10(Fragment3, { children: [
-    /* @__PURE__ */ jsx12(Spinner, {}),
-    " ",
-    /* @__PURE__ */ jsxs10(Text10, { color: C.muted, children: [
-      "syncing ",
-      syncing.map((a) => a.label).join(", ")
-    ] })
-  ] }), onAccounts]);
-  for (const e of current) parts.push([/* @__PURE__ */ jsxs10(Fragment3, { children: [
-    /* @__PURE__ */ jsx12(Text10, { color: C.green, bold: true, children: "now" }),
-    " ",
-    e.title || "Untitled"
-  ] }), onOpen && (() => onOpen(e))]);
-  if (soon) parts.push([/* @__PURE__ */ jsxs10(Fragment3, { children: [
-    /* @__PURE__ */ jsx12(Text10, { color: C.cyan, bold: true, children: "next" }),
-    " ",
-    soon.title || "Untitled",
-    " ",
-    /* @__PURE__ */ jsx12(Text10, { color: C.yellow, children: startsLabel(soon.start, now) })
-  ] }), onOpen && (() => onOpen(soon))]);
-  if (invites) parts.push([/* @__PURE__ */ jsxs10(Text10, { color: C.yellow, children: [
-    invites === 1 ? "1 invite" : `${invites} invites`,
-    " (i)"
-  ] }), onInvites]);
-  if (failed.length) parts.push([/* @__PURE__ */ jsxs10(Text10, { color: C.red, children: [
-    "\u26A0 ",
-    failed.map((a) => a.label).join(", "),
-    " sync failed (s)"
-  ] }), onAccounts]);
-  if (message) parts.push([message]);
-  if (!parts.length) parts.push([/* @__PURE__ */ jsx12(Text10, { color: C.muted, children: "nothing on in the next 24h" })]);
-  if (update) parts.push([/* @__PURE__ */ jsxs10(Text10, { color: C.yellow, children: [
-    "\u2191 ",
-    update,
-    " available \xB7 npm i -g mysticals"
-  ] })]);
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", width, height: 2, children: [
-    /* @__PURE__ */ jsx12(Box10, { width, height: 1, overflow: "hidden", children: parts.map(([p, onClick], i) => /* @__PURE__ */ jsx12(Clickable, { flexShrink: 0, onClick, children: /* @__PURE__ */ jsxs10(Text10, { children: [
-      i > 0 && /* @__PURE__ */ jsx12(Text10, { color: C.muted, children: " \xB7 " }),
-      p
-    ] }) }, i)) }),
-    /* @__PURE__ */ jsxs10(Box10, { width, height: 1, overflow: "hidden", children: [
-      /* @__PURE__ */ jsx12(Button, { k: "n", label: "new", onPress: onNew ?? noop }),
-      /* @__PURE__ */ jsx12(Button, { k: "r", label: "sync", onPress: onSync ?? noop }),
-      /* @__PURE__ */ jsx12(Button, { k: "i", label: "invites", onPress: onInvites ?? noop }),
-      /* @__PURE__ */ jsx12(Button, { k: "s", label: "accounts", onPress: onAccounts ?? noop }),
-      /* @__PURE__ */ jsx12(Button, { k: "?", label: "help", onPress: onHelp ?? noop }),
-      /* @__PURE__ */ jsx12(Button, { k: "q", label: "quit", onPress: onQuit ?? noop })
-    ] })
-  ] });
-}
-
 // src/ui/App.tsx
 import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var VIEWS = { agenda: Agenda, day: Day, "2day": TwoDay, week: Week, month: Month };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mysticals",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Isolated multi-account calendar for the terminal on macOS, Linux and Windows",
   "keywords": [
     "calendar",
@@ -47,7 +47,7 @@
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "vitest": "^3.2.7",
-    "@mysticals/core": "0.1.1"
+    "@mysticals/core": "0.2.0"
   },
   "scripts": {
     "dev": "tsup --watch",