react-os-shell 0.2.67 → 0.3.0

package/dist/index.js

@@ -1,20 +1,20 @@
 import { useEmailUnreadCount } from './chunk-PDFQNHW7.js';
 import { formatDate } from './chunk-NSU7OHPC.js';
 export { formatDate } from './chunk-NSU7OHPC.js';
+import { useMailAuth } from './chunk-57B3WALN.js';
+export { setShellMailServer, useMailAuth } from './chunk-57B3WALN.js';
 import { subscribePomo, getPomoSnapshot } from './chunk-MK3HLUO4.js';
-import { useGoogleAuth } from './chunk-MVWEL34Y.js';
 import { useShellPrefs } from './chunk-36VM54SC.js';
 export { ShellPrefsProvider, useLocalStoragePrefs, useShellPrefs } from './chunk-36VM54SC.js';
-import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-EXYMMWOS.js';
+import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-ZBRFMK3E.js';
 import { playNotification, playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, playLogout, setSoundForType, previewSound, setAllSounds } from './chunk-D7PYW2QS.js';
-import { setPdfPreview } from './chunk-HAUVCQNK.js';
+import { setPdfPreview } from './chunk-ATQVRDDQ.js';
 import './chunk-KUIPWCTJ.js';
 import { toast_default } from './chunk-WIJ45SYD.js';
 export { toast_default as toast } from './chunk-WIJ45SYD.js';
-import './chunk-62EP7CNW.js';
-export { EditableGrid } from './chunk-GP4Y3VCB.js';
-import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, useIsMobile, ModalActions, useModalActive, WINDOW_REGISTRY, isPageEntry, LoadingSpinner, ThumbCard, activateModal } from './chunk-GAC6D4LN.js';
-export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, isEntityEntry, isPageEntry, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, subscribeExposeHighlight, toggleExposeMode, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-GAC6D4LN.js';
+export { EditableGrid } from './chunk-KMGWSDEI.js';
+import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, ModalActions, useIsMobile, useModalActive, WINDOW_REGISTRY, isPageEntry, LoadingSpinner, ThumbCard, activateModal } from './chunk-62FC2FHC.js';
+export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, isEntityEntry, isPageEntry, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, subscribeExposeHighlight, toggleExposeMode, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-62FC2FHC.js';
 import { confirm } from './chunk-PLGHQ7QW.js';
 export { ConfirmProvider, confirm, confirmDestructive, prompt } from './chunk-PLGHQ7QW.js';
 import { useAuth } from './chunk-ADJ3CERD.js';
@@ -915,7 +915,7 @@ function StatusBadge({ status }) {
 }
 
 // src/version.ts
-var VERSION = "0.2.67" ;
+var VERSION = "0.3.0" ;
 var APP_VERSION = VERSION;
 
 // src/changelog.ts
@@ -2510,126 +2510,219 @@ function useTheme() {
   }, [accentColor, customBgColor, customTitleColor, customWindowColor, customButtonColor]);
   return { theme: saved, resolved };
 }
-function GoogleConnectModal({ open, onClose }) {
-  const { isConnected, user, connect, disconnect, loading, error, hasClientId, setClientId } = useGoogleAuth();
-  const [clientIdInput, setClientIdInput] = useState("");
-  const clientIdRef = useRef(null);
-  return /* @__PURE__ */ jsxs(Modal, { open, onClose, title: "Google Services", size: "md", children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
-      /* @__PURE__ */ jsx("div", { className: `rounded-lg border p-4 ${isConnected ? "border-green-200 bg-green-50" : "border-gray-200 bg-gray-50"}`, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("div", { className: `h-10 w-10 rounded-full flex items-center justify-center ${isConnected ? "bg-green-100" : "bg-gray-200"}`, children: isConnected && user?.picture ? /* @__PURE__ */ jsx("img", { src: user.picture, alt: "", className: "h-10 w-10 rounded-full" }) : /* @__PURE__ */ jsx("svg", { className: "h-5 w-5 text-gray-400", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" }) }) }),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: isConnected ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-green-900", children: user?.name || "Connected" }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-green-700 truncate", children: user?.email })
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900", children: "Not connected" }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: "Sign in to access Google services" })
-        ] }) }),
-        isConnected && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-green-100 px-2.5 py-0.5 text-xs font-medium text-green-700", children: [
-          /* @__PURE__ */ jsx("svg", { className: "h-3 w-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }),
-          "Connected"
+var PRESETS = [
+  {
+    id: "fastmail",
+    label: "Fastmail",
+    imap: { host: "imap.fastmail.com", port: 993, secure: true },
+    smtp: { host: "smtp.fastmail.com", port: 465, secure: true },
+    caldav: "https://caldav.fastmail.com/"
+  },
+  {
+    id: "icloud",
+    label: "iCloud",
+    note: "Requires an app-specific password (appleid.apple.com).",
+    imap: { host: "imap.mail.me.com", port: 993, secure: true },
+    smtp: { host: "smtp.mail.me.com", port: 587, secure: false },
+    caldav: "https://caldav.icloud.com/"
+  },
+  {
+    id: "yahoo",
+    label: "Yahoo",
+    note: "Requires an app password (account.yahoo.com).",
+    imap: { host: "imap.mail.yahoo.com", port: 993, secure: true },
+    smtp: { host: "smtp.mail.yahoo.com", port: 465, secure: true },
+    caldav: "https://caldav.calendar.yahoo.com/"
+  },
+  {
+    id: "gmail",
+    label: "Gmail (app password required)",
+    note: "Enable 2FA and create an app password \u2014 Gmail rejects regular passwords for IMAP.",
+    imap: { host: "imap.gmail.com", port: 993, secure: true },
+    smtp: { host: "smtp.gmail.com", port: 465, secure: true }
+  },
+  {
+    id: "outlook",
+    label: "Outlook (app password required)",
+    note: "Modern auth not supported \u2014 generate an app password in Microsoft account settings.",
+    imap: { host: "outlook.office365.com", port: 993, secure: true },
+    smtp: { host: "smtp.office365.com", port: 587, secure: false }
+  },
+  {
+    id: "custom",
+    label: "Custom",
+    imap: { host: "", port: 993, secure: true },
+    smtp: { host: "", port: 465, secure: true }
+  }
+];
+function MailConnectModal({ open, onClose }) {
+  const { isConnected, user, capabilities, login, logout, loading, error } = useMailAuth();
+  const [presetId, setPresetId] = useState("fastmail");
+  const preset = PRESETS.find((p) => p.id === presetId) || PRESETS[0];
+  const prefill = typeof window !== "undefined" ? localStorage.getItem("mail_login_prefill_email") || "" : "";
+  const [email, setEmail] = useState(prefill);
+  const [password, setPassword] = useState("");
+  const [imapHost, setImapHost] = useState(preset.imap.host);
+  const [imapPort, setImapPort] = useState(preset.imap.port);
+  const [imapSecure, setImapSecure] = useState(preset.imap.secure);
+  const [smtpHost, setSmtpHost] = useState(preset.smtp.host);
+  const [smtpPort, setSmtpPort] = useState(preset.smtp.port);
+  const [smtpSecure, setSmtpSecure] = useState(preset.smtp.secure);
+  const [caldavUrl, setCaldavUrl] = useState(preset.caldav || "");
+  const [localError, setLocalError] = useState(null);
+  useEffect(() => {
+    setImapHost(preset.imap.host);
+    setImapPort(preset.imap.port);
+    setImapSecure(preset.imap.secure);
+    setSmtpHost(preset.smtp.host);
+    setSmtpPort(preset.smtp.port);
+    setSmtpSecure(preset.smtp.secure);
+    setCaldavUrl(preset.caldav || "");
+  }, [preset]);
+  async function handleSubmit(e) {
+    e.preventDefault();
+    setLocalError(null);
+    if (!email || !password) {
+      setLocalError("Email and password are required");
+      return;
+    }
+    const payload = {
+      imap: { host: imapHost, port: imapPort, secure: imapSecure, user: email, pass: password },
+      smtp: { host: smtpHost, port: smtpPort, secure: smtpSecure, user: email, pass: password },
+      caldav: caldavUrl ? { serverUrl: caldavUrl, user: email, pass: password } : void 0
+    };
+    try {
+      await login(payload);
+      onClose();
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ jsxs(Modal, { open, onClose, title: "Mail & Calendar", size: "md", children: [
+    isConnected ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-green-200 bg-green-50 p-4", children: [
+        /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-green-900", children: [
+          "Connected as ",
+          user?.email
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-green-700 mt-1", children: [
+          "IMAP: ok \xB7 SMTP: ok \xB7 CalDAV: ",
+          capabilities?.caldav ? "ok" : "not configured"
         ] })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900 mb-2", children: "Available Services" }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: [
-          { icon: /* @__PURE__ */ jsxs("svg", { className: "h-5 w-5", viewBox: "0 0 24 24", children: [
-            /* @__PURE__ */ jsx("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z", fill: "#4285F4" }),
-            /* @__PURE__ */ jsx("path", { d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z", fill: "#34A853" }),
-            /* @__PURE__ */ jsx("path", { d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z", fill: "#FBBC05" }),
-            /* @__PURE__ */ jsx("path", { d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z", fill: "#EA4335" })
-          ] }), label: "Gmail", desc: "Read, compose, and send emails" },
-          { icon: /* @__PURE__ */ jsxs("svg", { className: "h-5 w-5", viewBox: "0 0 24 24", children: [
-            /* @__PURE__ */ jsx("path", { d: "M19.5 3.75H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V6a2.25 2.25 0 00-2.25-2.25z", fill: "none", stroke: "#4285F4", strokeWidth: 1.5 }),
-            /* @__PURE__ */ jsx("path", { d: "M2.25 9h19.5M6.75 3.75v3m4.5-3v3m4.5-3v3", fill: "none", stroke: "#4285F4", strokeWidth: 1.5, strokeLinecap: "round" })
-          ] }), label: "Calendar", desc: "View and create calendar events" },
-          { icon: /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5", fill: "none", stroke: "#8B5CF6", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }) }), label: "Gemini AI", desc: "Chat with Google AI assistant" }
-        ].map((svc) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-gray-200 px-4 py-3", children: [
-          /* @__PURE__ */ jsx("div", { className: "shrink-0", children: svc.icon }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900", children: svc.label }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: svc.desc })
-          ] }),
-          isConnected && /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-green-500 shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) })
-        ] }, svc.label)) })
       ] }),
-      !hasClientId && /* @__PURE__ */ jsxs("div", { className: "space-y-2 bg-amber-50 border border-amber-200 rounded-lg p-4", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-amber-800", children: "Setup required: Google OAuth Client ID" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: "Disconnect to switch accounts. Credentials are not persisted to disk \u2014 restarting the bridge server signs you out." })
+    ] }) : /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("label", { className: "block", children: [
+        /* @__PURE__ */ jsx("span", { className: "block text-xs font-medium text-gray-700 mb-1", children: "Provider" }),
         /* @__PURE__ */ jsx(
-          "input",
+          "select",
           {
-            ref: clientIdRef,
-            value: clientIdInput,
-            onChange: (e) => setClientIdInput(e.target.value),
-            onInput: (e) => setClientIdInput(e.target.value),
-            placeholder: "123456789.apps.googleusercontent.com",
-            className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:ring-blue-500"
+            value: presetId,
+            onChange: (e) => setPresetId(e.target.value),
+            className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm",
+            children: PRESETS.map((p) => /* @__PURE__ */ jsx("option", { value: p.id, children: p.label }, p.id))
           }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onPointerDown: (e) => e.stopPropagation(),
-            onClick: () => {
-              const val = (clientIdRef.current?.value || clientIdInput).trim();
-              if (val) {
-                setClientId(val);
-                setClientIdInput(val);
-              }
-            },
-            className: "w-full bg-gray-900 text-white px-4 py-2 text-sm font-medium rounded-lg hover:bg-gray-800 cursor-pointer",
-            children: "Save Client ID"
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "text-[10px] text-gray-500 space-y-0.5 mt-1", children: [
-          /* @__PURE__ */ jsx("p", { className: "font-medium text-gray-600", children: "Setup instructions:" }),
-          /* @__PURE__ */ jsxs("p", { children: [
-            "1. Go to ",
-            /* @__PURE__ */ jsx("a", { href: "https://console.cloud.google.com/apis/credentials", target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", children: "console.cloud.google.com > APIs & Services > Credentials" })
+        )
+      ] }),
+      preset.note && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-amber-700 bg-amber-50 border border-amber-200 rounded p-2", children: preset.note }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs("label", { className: "block col-span-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "block text-xs font-medium text-gray-700 mb-1", children: "Email" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "email",
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              autoComplete: "username",
+              className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "block col-span-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "block text-xs font-medium text-gray-700 mb-1", children: "Password" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "password",
+              value: password,
+              onChange: (e) => setPassword(e.target.value),
+              autoComplete: "current-password",
+              className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("fieldset", { className: "border border-gray-200 rounded-md p-3", children: [
+        /* @__PURE__ */ jsx("legend", { className: "px-1 text-xs font-medium text-gray-600", children: "IMAP (incoming)" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
+          /* @__PURE__ */ jsxs("label", { className: "block col-span-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-gray-600 mb-1", children: "Host" }),
+            /* @__PURE__ */ jsx("input", { value: imapHost, onChange: (e) => setImapHost(e.target.value), className: "w-full rounded border border-gray-300 px-2 py-1 text-sm" })
           ] }),
-          /* @__PURE__ */ jsxs("p", { children: [
-            "2. Click ",
-            /* @__PURE__ */ jsx("b", { children: '"+ Create Credentials"' }),
-            ", then select ",
-            /* @__PURE__ */ jsx("b", { children: "OAuth client ID" })
+          /* @__PURE__ */ jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-gray-600 mb-1", children: "Port" }),
+            /* @__PURE__ */ jsx("input", { type: "number", value: imapPort, onChange: (e) => setImapPort(Number(e.target.value)), className: "w-full rounded border border-gray-300 px-2 py-1 text-sm" })
           ] }),
-          /* @__PURE__ */ jsxs("p", { children: [
-            "3. Choose ",
-            /* @__PURE__ */ jsx("b", { children: '"Web application"' }),
-            ", give it any name, add the URL where this app runs (e.g. ",
-            /* @__PURE__ */ jsx("b", { children: "http://localhost:5173" }),
-            ") as an Authorized JavaScript origin, then click Create"
+          /* @__PURE__ */ jsxs("label", { className: "col-span-3 flex items-center gap-2 text-xs text-gray-600 mt-1", children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", checked: imapSecure, onChange: (e) => setImapSecure(e.target.checked) }),
+            "Use TLS/SSL (recommended for port 993)"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("fieldset", { className: "border border-gray-200 rounded-md p-3", children: [
+        /* @__PURE__ */ jsx("legend", { className: "px-1 text-xs font-medium text-gray-600", children: "SMTP (outgoing)" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
+          /* @__PURE__ */ jsxs("label", { className: "block col-span-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-gray-600 mb-1", children: "Host" }),
+            /* @__PURE__ */ jsx("input", { value: smtpHost, onChange: (e) => setSmtpHost(e.target.value), className: "w-full rounded border border-gray-300 px-2 py-1 text-sm" })
           ] }),
-          /* @__PURE__ */ jsx("p", { children: "4. Copy your Client ID and paste it above" })
+          /* @__PURE__ */ jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-gray-600 mb-1", children: "Port" }),
+            /* @__PURE__ */ jsx("input", { type: "number", value: smtpPort, onChange: (e) => setSmtpPort(Number(e.target.value)), className: "w-full rounded border border-gray-300 px-2 py-1 text-sm" })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "col-span-3 flex items-center gap-2 text-xs text-gray-600 mt-1", children: [
+            /* @__PURE__ */ jsx("input", { type: "checkbox", checked: smtpSecure, onChange: (e) => setSmtpSecure(e.target.checked) }),
+            "Use TLS/SSL (recommended for port 465)"
+          ] })
         ] })
       ] }),
-      error && /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600", children: error })
+      /* @__PURE__ */ jsxs("fieldset", { className: "border border-gray-200 rounded-md p-3", children: [
+        /* @__PURE__ */ jsx("legend", { className: "px-1 text-xs font-medium text-gray-600", children: "CalDAV (optional)" }),
+        /* @__PURE__ */ jsxs("label", { className: "block", children: [
+          /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-gray-600 mb-1", children: "Server URL" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "url",
+              value: caldavUrl,
+              onChange: (e) => setCaldavUrl(e.target.value),
+              placeholder: "https://caldav.example.com/",
+              className: "w-full rounded border border-gray-300 px-2 py-1 text-sm"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-[10px] text-gray-500 mt-1", children: "Leave blank to skip calendar setup." })
+      ] }),
+      (localError || error) && /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600 bg-red-50 border border-red-200 rounded p-2", children: localError || error })
     ] }),
     /* @__PURE__ */ jsx(ModalActions, { children: isConnected ? /* @__PURE__ */ jsx(
       "button",
       {
-        onClick: disconnect,
-        className: "inline-flex items-center gap-1.5 text-red-600 border border-red-200 bg-white px-4 py-2 text-sm font-medium rounded-lg hover:bg-red-50",
-        children: "Disconnect"
+        onClick: logout,
+        disabled: loading,
+        className: "inline-flex items-center gap-1.5 text-red-600 border border-red-200 bg-white px-4 py-2 text-sm font-medium rounded-lg hover:bg-red-50 disabled:opacity-50",
+        children: loading ? "Disconnecting\u2026" : "Disconnect"
       }
-    ) : hasClientId ? /* @__PURE__ */ jsxs(
+    ) : /* @__PURE__ */ jsx(
       "button",
       {
-        onClick: connect,
+        type: "button",
+        onClick: (e) => handleSubmit(e),
         disabled: loading,
-        className: "inline-flex items-center gap-2 bg-white border border-gray-300 shadow-sm px-5 py-2 text-sm font-medium rounded-lg hover:bg-gray-50 disabled:opacity-50",
-        children: [
-          /* @__PURE__ */ jsxs("svg", { className: "h-5 w-5", viewBox: "0 0 24 24", children: [
-            /* @__PURE__ */ jsx("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z", fill: "#4285F4" }),
-            /* @__PURE__ */ jsx("path", { d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z", fill: "#34A853" }),
-            /* @__PURE__ */ jsx("path", { d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z", fill: "#FBBC05" }),
-            /* @__PURE__ */ jsx("path", { d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z", fill: "#EA4335" })
-          ] }),
-          loading ? "Connecting..." : "Sign in with Google"
-        ]
+        className: "inline-flex items-center gap-2 bg-gray-900 text-white px-5 py-2 text-sm font-medium rounded-lg hover:bg-gray-800 disabled:opacity-50",
+        children: loading ? "Connecting\u2026" : "Connect"
       }
-    ) : null })
+    ) })
   ] });
 }
 function useClickOutside(ref, onClose) {
@@ -3550,7 +3643,7 @@ function MobileSwitcher({ windows, onActivate, onClose, onCloseAll }) {
         "Open apps \xB7 ",
         windows.length
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3", children: windows.map((w) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-stretch gap-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3", children: windows.map((w) => /* @__PURE__ */ jsxs("div", { className: "group flex flex-col items-stretch gap-1", children: [
         /* @__PURE__ */ jsx(
           ThumbCard,
           {
@@ -4165,13 +4258,36 @@ function Layout({
   const [balloonDismissed, setBalloonDismissed] = useState(false);
   const [isFullscreen, setIsFullscreen] = useState(!!document.fullscreenElement);
   const [taskbarMenu, setTaskbarMenu] = useState(null);
-  const [googleConnectOpen, setGoogleConnectOpen] = useState(false);
-  const { isConnected: googleConnected } = useGoogleAuth();
+  const [mailConnectOpen, setMailConnectOpen] = useState(false);
+  const { isConnected: mailConnected } = useMailAuth();
+  useEffect(() => {
+    const KEY = "shell_migration_v2_mail";
+    if (typeof window === "undefined" || localStorage.getItem(KEY) === "done") return;
+    localStorage.removeItem("google_access_token");
+    localStorage.removeItem("google_token_expiry");
+    localStorage.removeItem("google_user_info");
+    localStorage.removeItem("google_oauth_client_id");
+    try {
+      const raw = localStorage.getItem("shell_todos");
+      if (raw) {
+        const parsed = JSON.parse(raw);
+        if (Array.isArray(parsed)) {
+          const cleaned = parsed.map((t) => {
+            const { gtaskId: _g, gtaskListId: _l, syncedAt: _s, ...rest } = t;
+            return rest;
+          });
+          localStorage.setItem("shell_todos", JSON.stringify(cleaned));
+        }
+      }
+    } catch {
+    }
+    localStorage.setItem(KEY, "done");
+  }, []);
   const [showLogout, setShowLogout] = useState(false);
   useEffect(() => {
-    const handler = () => setGoogleConnectOpen(true);
-    window.addEventListener("open-google-connect", handler);
-    return () => window.removeEventListener("open-google-connect", handler);
+    const handler = () => setMailConnectOpen(true);
+    window.addEventListener("open-mail-connect", handler);
+    return () => window.removeEventListener("open-mail-connect", handler);
   }, []);
   const savePref = useCallback((key, value) => {
     savePrefs({ [key]: value });
@@ -4430,21 +4546,16 @@ function Layout({
               /* @__PURE__ */ jsx("div", { id: "taskbar-windows", className: `flex-1 flex ${isVerticalTaskbar ? "flex-col items-center gap-1 min-h-0 overflow-y-auto w-full" : "items-center gap-1.5 min-w-0 overflow-x-auto"}` }),
               /* @__PURE__ */ jsx("div", { className: isVerticalTaskbar ? "h-px w-6 bg-gray-300 my-1" : "w-px h-6 bg-gray-300 mx-1" }),
               isVerticalTaskbar ? (
-                /* Vertical: clock + bell + google evenly spaced in a row */
+                /* Vertical: clock + mail-connect + bell evenly spaced */
                 /* @__PURE__ */ jsx("div", { className: "w-full px-2", children: /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-center gap-2 ${taskbarPosition === "right" ? "flex-row-reverse" : ""}`, children: [
                   /* @__PURE__ */ jsx(TaskbarClock, {}),
                   /* @__PURE__ */ jsx(
                     "button",
                     {
-                      onClick: () => setGoogleConnectOpen(true),
-                      title: googleConnected ? "Google Connected" : "Connect Google",
-                      className: `shrink-0 rounded-md p-1.5 transition-colors ${googleConnected ? "hover:bg-green-50" : "text-gray-500 hover:text-gray-900 hover:bg-gray-200"}`,
-                      children: /* @__PURE__ */ jsxs("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", children: [
-                        /* @__PURE__ */ jsx("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z", fill: googleConnected ? "#16a34a" : "#9ca3af" }),
-                        /* @__PURE__ */ jsx("path", { d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z", fill: googleConnected ? "#16a34a" : "#9ca3af" }),
-                        /* @__PURE__ */ jsx("path", { d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z", fill: googleConnected ? "#16a34a" : "#9ca3af" }),
-                        /* @__PURE__ */ jsx("path", { d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z", fill: googleConnected ? "#16a34a" : "#9ca3af" })
-                      ] })
+                      onClick: () => setMailConnectOpen(true),
+                      title: mailConnected ? "Mail & Calendar Connected" : "Connect Mail & Calendar",
+                      className: `shrink-0 rounded-md p-1.5 transition-colors ${mailConnected ? "hover:bg-green-50 text-green-600" : "text-gray-500 hover:text-gray-900 hover:bg-gray-200"}`,
+                      children: /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.8, children: /* @__PURE__ */ jsx("path", { d: "M3 7l9 6 9-6M5 5h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2z", strokeLinecap: "round", strokeLinejoin: "round" }) })
                     }
                   ),
                   /* @__PURE__ */ jsx(TaskbarPomodoro, {}),
@@ -4460,15 +4571,10 @@ function Layout({
                   /* @__PURE__ */ jsx(
                     "button",
                     {
-                      onClick: () => setGoogleConnectOpen(true),
-                      title: googleConnected ? "Google Connected" : "Connect Google",
-                      className: `shrink-0 rounded-md p-2 transition-colors ${googleConnected ? "hover:bg-green-50" : "text-gray-500 hover:text-gray-900 hover:bg-gray-200"}`,
-                      children: /* @__PURE__ */ jsxs("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", children: [
-                        /* @__PURE__ */ jsx("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z", fill: googleConnected ? "#16a34a" : "#9ca3af" }),
-                        /* @__PURE__ */ jsx("path", { d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z", fill: googleConnected ? "#16a34a" : "#9ca3af" }),
-                        /* @__PURE__ */ jsx("path", { d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z", fill: googleConnected ? "#16a34a" : "#9ca3af" }),
-                        /* @__PURE__ */ jsx("path", { d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z", fill: googleConnected ? "#16a34a" : "#9ca3af" })
-                      ] })
+                      onClick: () => setMailConnectOpen(true),
+                      title: mailConnected ? "Mail & Calendar Connected" : "Connect Mail & Calendar",
+                      className: `shrink-0 rounded-md p-2 transition-colors ${mailConnected ? "hover:bg-green-50 text-green-600" : "text-gray-500 hover:text-gray-900 hover:bg-gray-200"}`,
+                      children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.8, children: /* @__PURE__ */ jsx("path", { d: "M3 7l9 6 9-6M5 5h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2z", strokeLinecap: "round", strokeLinejoin: "round" }) })
                     }
                   ),
                   /* @__PURE__ */ jsx(TaskbarClock, {})
@@ -4500,7 +4606,7 @@ function Layout({
     ),
     /* @__PURE__ */ jsx(GlobalSearch, { ...search }),
     /* @__PURE__ */ jsx(ShortcutHelp, {}),
-    /* @__PURE__ */ jsx(GoogleConnectModal, { open: googleConnectOpen, onClose: () => setGoogleConnectOpen(false) })
+    /* @__PURE__ */ jsx(MailConnectModal, { open: mailConnectOpen, onClose: () => setMailConnectOpen(false) })
   ] });
 }
 var THEMES = [
@@ -5046,6 +5152,6 @@ function useEditHotkey(callback) {
   }, [callback, isActive]);
 }
 
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, BugReportConfigProvider, BugReportDetail, BugReportProvider, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Customization, Desktop, DesktopHostProvider, ENTER, GlobalSearch, Layout, MOD, NotificationBell, SHIFT, ShellEntityFetcherProvider, ShortcutHelp, StartMenu, StatusBadge, StatusBadgeProvider, VERSION, createWindowRegistry, isMac, openBugReportDialog, reportBug, useBugReport, useClickOutside, useDesktopHost, useEditHotkey, useNewHotkey, useShellEntityFetcher };
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, BugReportConfigProvider, BugReportDetail, BugReportProvider, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Customization, Desktop, DesktopHostProvider, ENTER, GlobalSearch, Layout, MOD, MailConnectModal, NotificationBell, SHIFT, ShellEntityFetcherProvider, ShortcutHelp, StartMenu, StatusBadge, StatusBadgeProvider, VERSION, createWindowRegistry, isMac, openBugReportDialog, reportBug, useBugReport, useClickOutside, useDesktopHost, useEditHotkey, useNewHotkey, useShellEntityFetcher };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map