react-os-shell 0.7.5 → 0.9.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-os-shell",
-  "version": "0.7.5",
-  "description": "Desktop-style React UI shell — windows, taskbar, start menu, sticky notes, frosted glass theming, and bundled apps. Email + Calendar talk to your own IMAP/SMTP/CalDAV provider via a colocated Node bridge server.",
+  "version": "0.9.0",
+  "description": "Desktop-style React UI shell — windows, taskbar, start menu, sticky notes, frosted glass theming, and bundled apps.",
   "license": "MIT",
   "author": "Victor Y. Mau",
   "homepage": "https://github.com/victorymau/react-os-shell#readme",
@@ -53,7 +53,6 @@
   "devDependencies": {
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
-    "concurrently": "^8.2.2",
     "dxf-viewer": "^1.0.47",
     "mammoth": "^1.8.0",
     "online-3d-viewer": "^0.18.0",
@@ -70,13 +69,7 @@
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
     "screenshot": "node scripts/screenshot.mjs",
-    "clean": "rm -rf dist",
-    "server:install": "cd server && npm install",
-    "server:dev": "cd server && npm run dev",
-    "server:build": "cd server && npm run build",
-    "server:start": "cd server && npm start",
-    "server:typecheck": "cd server && npm run typecheck",
-    "dev:all": "concurrently -n shell,server -c blue,green \"npm run dev\" \"npm run server:dev\""
+    "clean": "rm -rf dist"
   },
   "keywords": [
     "react",

package/dist/Calendar-QQYHT57Z.js

@@ -1,598 +0,0 @@
-import { useMailAuth, getMailClient } from './chunk-VBFB3ZIN.js';
-import { useTodoTasks } from './chunk-FTL7F4TM.js';
-import { useShellPrefs } from './chunk-36VM54SC.js';
-import { toast_default } from './chunk-WIJ45SYD.js';
-import { Modal, ModalActions } from './chunk-3T6SQ4UO.js';
-import './chunk-UBN4IUDE.js';
-import './chunk-ZF6AYO4G.js';
-import { useState, useMemo, useEffect, useCallback } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var COLORS = [
-  { key: "blue", bg: "bg-blue-500", light: "bg-blue-100 text-blue-800", dot: "bg-blue-500" },
-  { key: "green", bg: "bg-green-500", light: "bg-green-100 text-green-800", dot: "bg-green-500" },
-  { key: "red", bg: "bg-red-500", light: "bg-red-100 text-red-800", dot: "bg-red-500" },
-  { key: "purple", bg: "bg-purple-500", light: "bg-purple-100 text-purple-800", dot: "bg-purple-500" },
-  { key: "orange", bg: "bg-orange-500", light: "bg-orange-100 text-orange-800", dot: "bg-orange-500" },
-  { key: "pink", bg: "bg-pink-500", light: "bg-pink-100 text-pink-800", dot: "bg-pink-500" },
-  { key: "yellow", bg: "bg-yellow-500", light: "bg-yellow-100 text-yellow-800", dot: "bg-yellow-500" },
-  { key: "gray", bg: "bg-gray-500", light: "bg-gray-100 text-gray-800", dot: "bg-gray-500" }
-];
-function getColor(key) {
-  return COLORS.find((c) => c.key === key) || COLORS[0];
-}
-var DAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-function pad(n) {
-  return String(n).padStart(2, "0");
-}
-function toDateStr(d) {
-  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
-}
-function getMonthDays(year, month) {
-  const first = new Date(year, month, 1);
-  const startDay = first.getDay();
-  const daysInMonth = new Date(year, month + 1, 0).getDate();
-  const prevDays = new Date(year, month, 0).getDate();
-  const cells = [];
-  for (let i = startDay - 1; i >= 0; i--) {
-    cells.push({ date: new Date(year, month - 1, prevDays - i), isCurrentMonth: false });
-  }
-  for (let d = 1; d <= daysInMonth; d++) {
-    cells.push({ date: new Date(year, month, d), isCurrentMonth: true });
-  }
-  const remaining = 42 - cells.length;
-  for (let d = 1; d <= remaining; d++) {
-    cells.push({ date: new Date(year, month + 1, d), isCurrentMonth: false });
-  }
-  return cells;
-}
-function getWeekDays(date) {
-  const start = new Date(date);
-  start.setDate(start.getDate() - start.getDay());
-  const days = [];
-  for (let i = 0; i < 7; i++) {
-    const d = new Date(start);
-    d.setDate(d.getDate() + i);
-    days.push(d);
-  }
-  return days;
-}
-function davToLocal(ev, calendarId) {
-  const startIso = ev.start;
-  const endIso = ev.end;
-  const startDate = startIso.slice(0, 10);
-  const startTime = ev.allDay ? void 0 : startIso.slice(11, 16);
-  const endTime = ev.allDay ? void 0 : endIso.slice(11, 16);
-  return {
-    id: `caldav-${calendarId}-${ev.uid}`,
-    title: ev.summary || "(No title)",
-    date: startDate,
-    start_time: startTime,
-    end_time: endTime,
-    color: "blue",
-    all_day: ev.allDay,
-    description: ev.description || void 0,
-    _caldav: { calendarId, eventUid: ev.uid, etag: ev.etag }
-  };
-}
-function toDavInput(evt) {
-  const start = evt.all_day ? evt.date : `${evt.date}T${evt.start_time || "09:00"}:00`;
-  const end = evt.all_day ? evt.date : `${evt.date}T${evt.end_time || "10:00"}:00`;
-  return {
-    summary: evt.title,
-    description: evt.description,
-    start: new Date(start).toISOString(),
-    end: new Date(end).toISOString(),
-    allDay: !!evt.all_day
-  };
-}
-function Calendar() {
-  const { prefs, save } = useShellPrefs();
-  const { isConnected, capabilities } = useMailAuth();
-  const caldavEnabled = isConnected && capabilities?.caldav === true;
-  const localEvents = prefs.calendar_events || [];
-  const [calendars, setCalendars] = useState([]);
-  const [caldavEvents, setCaldavEvents] = useState([]);
-  const { tasks: todoTasks, toggleDone: toggleTodoDone } = useTodoTasks();
-  const todoEvents = useMemo(
-    () => todoTasks.filter((t) => !!t.dueDate).map((t) => ({
-      id: `todo-${t.id}`,
-      title: t.name,
-      date: t.dueDate,
-      color: "gray",
-      _todo: true,
-      _todoId: t.id,
-      _done: t.done
-    })),
-    [todoTasks]
-  );
-  const events = useMemo(
-    () => [...localEvents, ...caldavEvents, ...todoEvents],
-    [localEvents, caldavEvents, todoEvents]
-  );
-  const today = /* @__PURE__ */ new Date();
-  const [currentDate, setCurrentDate] = useState(new Date(today.getFullYear(), today.getMonth(), 1));
-  const [view, setView] = useState("month");
-  const [editingEvent, setEditingEvent] = useState(null);
-  const [newEventDate, setNewEventDate] = useState(null);
-  useEffect(() => {
-    if (!caldavEnabled) {
-      setCalendars([]);
-      return;
-    }
-    getMailClient().get("/api/calendar/calendars").then((r) => setCalendars(r.data.calendars)).catch(() => setCalendars([]));
-  }, [caldavEnabled]);
-  useEffect(() => {
-    if (!caldavEnabled || calendars.length === 0) {
-      setCaldavEvents([]);
-      return;
-    }
-    const y = currentDate.getFullYear();
-    const m = currentDate.getMonth();
-    const start = new Date(y, m - 1, 1).toISOString();
-    const end = new Date(y, m + 2, 0).toISOString();
-    let cancelled = false;
-    Promise.all(
-      calendars.map(
-        (cal) => getMailClient().get(`/api/calendar/calendars/${encodeURIComponent(cal.id)}/events`, {
-          params: { start, end }
-        }).then((r) => r.data.events.map((e) => davToLocal(e, cal.id))).catch(() => [])
-      )
-    ).then((perCalendar) => {
-      if (cancelled) return;
-      setCaldavEvents(perCalendar.flat());
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [caldavEnabled, calendars, currentDate]);
-  const saveLocalEvents = useCallback((updated) => {
-    save({ calendar_events: updated });
-  }, [save]);
-  const saveEvent = async (evt, targetCalendarId) => {
-    if (evt._caldav) {
-      try {
-        const input = toDavInput(evt);
-        const res = await getMailClient().put(
-          `/api/calendar/calendars/${encodeURIComponent(evt._caldav.calendarId)}/events/${encodeURIComponent(evt._caldav.eventUid)}`,
-          input,
-          { headers: { "If-Match": evt._caldav.etag } }
-        );
-        setCaldavEvents((prev) => prev.map(
-          (e) => e.id === evt.id ? { ...evt, _caldav: { ...evt._caldav, etag: res.data.etag } } : e
-        ));
-        toast_default.success("Event updated");
-      } catch (err) {
-        const status = err?.response?.status;
-        if (status === 409) {
-          toast_default.error("Event was modified elsewhere \u2014 refresh to see latest");
-        } else {
-          toast_default.error(extractError(err));
-        }
-        return;
-      }
-    } else if (targetCalendarId) {
-      try {
-        const input = toDavInput(evt);
-        const res = await getMailClient().post(
-          `/api/calendar/calendars/${encodeURIComponent(targetCalendarId)}/events`,
-          input
-        );
-        const newEvt = {
-          ...evt,
-          id: `caldav-${targetCalendarId}-${res.data.uid}`,
-          _caldav: { calendarId: targetCalendarId, eventUid: res.data.uid, etag: res.data.etag }
-        };
-        setCaldavEvents((prev) => [...prev, newEvt]);
-        toast_default.success("Event created");
-      } catch (err) {
-        toast_default.error(extractError(err));
-        return;
-      }
-    } else {
-      const existing = localEvents.find((e) => e.id === evt.id);
-      if (existing) {
-        saveLocalEvents(localEvents.map((e) => e.id === evt.id ? evt : e));
-      } else {
-        saveLocalEvents([...localEvents, evt]);
-      }
-    }
-    setEditingEvent(null);
-    setNewEventDate(null);
-  };
-  const deleteEvent = async (evt) => {
-    if (evt._caldav) {
-      try {
-        await getMailClient().delete(
-          `/api/calendar/calendars/${encodeURIComponent(evt._caldav.calendarId)}/events/${encodeURIComponent(evt._caldav.eventUid)}`,
-          { headers: { "If-Match": evt._caldav.etag } }
-        );
-        setCaldavEvents((prev) => prev.filter((e) => e.id !== evt.id));
-        toast_default.success("Event deleted");
-      } catch (err) {
-        toast_default.error(extractError(err));
-        return;
-      }
-    } else {
-      saveLocalEvents(localEvents.filter((e) => e.id !== evt.id));
-    }
-    setEditingEvent(null);
-  };
-  const goToday = () => setCurrentDate(new Date(today.getFullYear(), today.getMonth(), 1));
-  const goPrev = () => {
-    if (view === "year") setCurrentDate(new Date(currentDate.getFullYear() - 1, currentDate.getMonth(), 1));
-    else if (view === "month") setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1));
-    else {
-      const d = new Date(currentDate);
-      d.setDate(d.getDate() - 7);
-      setCurrentDate(d);
-    }
-  };
-  const goNext = () => {
-    if (view === "year") setCurrentDate(new Date(currentDate.getFullYear() + 1, currentDate.getMonth(), 1));
-    else if (view === "month") setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1));
-    else {
-      const d = new Date(currentDate);
-      d.setDate(d.getDate() + 7);
-      setCurrentDate(d);
-    }
-  };
-  const monthLabel = view === "year" ? String(currentDate.getFullYear()) : currentDate.toLocaleDateString(void 0, { month: "long", year: "numeric" });
-  const eventsByDate = useMemo(() => {
-    const map = {};
-    events.forEach((e) => {
-      if (!map[e.date]) map[e.date] = [];
-      map[e.date].push(e);
-    });
-    for (const key of Object.keys(map)) {
-      map[key].sort((a, b) => (a.start_time || "").localeCompare(b.start_time || ""));
-    }
-    return map;
-  }, [events]);
-  const handleDayClick = (dateStr) => {
-    setNewEventDate(dateStr);
-    setEditingEvent({
-      id: `evt-${Date.now()}-${Math.random().toString(36).slice(2, 5)}`,
-      title: "",
-      date: dateStr,
-      start_time: "09:00",
-      end_time: "10:00",
-      color: "blue",
-      all_day: false
-    });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-b border-gray-200 shrink-0", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("button", { onClick: goToday, className: "px-2.5 py-1 text-xs font-medium rounded-md border border-gray-300 text-gray-700 hover:bg-gray-50", children: "Today" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx("button", { onClick: goPrev, className: "p-1 rounded hover:bg-gray-100", children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5L8.25 12l7.5-7.5" }) }) }),
-          /* @__PURE__ */ jsx("button", { onClick: goNext, className: "p-1 rounded hover:bg-gray-100", children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) }) })
-        ] }),
-        /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-gray-900", children: monthLabel })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            onClick: () => window.dispatchEvent(new Event("open-mail-connect")),
-            className: "text-[11px] text-gray-600 cursor-pointer hover:text-gray-900",
-            title: "Open mail & calendar settings",
-            children: caldavEnabled ? `CalDAV \xB7 ${calendars.length} calendar${calendars.length === 1 ? "" : "s"}` : "CalDAV not connected"
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-gray-200" }),
-        /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: ["year", "month", "week"].map((v) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setView(v),
-            className: `px-3 py-1 text-xs font-medium rounded-md transition-colors ${view === v ? "bg-blue-600 text-white" : "bg-white border border-gray-300 text-gray-600 hover:bg-gray-50"}`,
-            children: v.charAt(0).toUpperCase() + v.slice(1)
-          },
-          v
-        )) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", children: view === "year" ? /* @__PURE__ */ jsx(
-      YearView,
-      {
-        year: currentDate.getFullYear(),
-        eventsByDate,
-        today: toDateStr(today),
-        onPickMonth: (m) => {
-          setCurrentDate(new Date(currentDate.getFullYear(), m, 1));
-          setView("month");
-        },
-        onDayClick: handleDayClick
-      }
-    ) : view === "month" ? /* @__PURE__ */ jsx(
-      MonthView,
-      {
-        year: currentDate.getFullYear(),
-        month: currentDate.getMonth(),
-        eventsByDate,
-        today: toDateStr(today),
-        onDayClick: handleDayClick,
-        onEventClick: setEditingEvent,
-        onToggleTodo: toggleTodoDone
-      }
-    ) : /* @__PURE__ */ jsx(
-      WeekView,
-      {
-        currentDate,
-        eventsByDate,
-        today: toDateStr(today),
-        onDayClick: handleDayClick,
-        onEventClick: setEditingEvent,
-        onToggleTodo: toggleTodoDone
-      }
-    ) }),
-    editingEvent && /* @__PURE__ */ jsx(
-      EventEditor,
-      {
-        event: editingEvent,
-        isNew: !!newEventDate,
-        calendars,
-        onSave: saveEvent,
-        onDelete: () => deleteEvent(editingEvent),
-        onClose: () => {
-          setEditingEvent(null);
-          setNewEventDate(null);
-        }
-      }
-    )
-  ] });
-}
-function extractError(err) {
-  const r = err?.response?.data?.error;
-  if (r) return r;
-  if (err instanceof Error) return err.message;
-  return "Unknown error";
-}
-function DayEventBadge({ evt, onEventClick, onToggleTodo, compact = false }) {
-  if (evt._todo && evt._todoId) {
-    return compact ? /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: (ev) => {
-          ev.stopPropagation();
-          onToggleTodo(evt._todoId);
-        },
-        title: evt.title,
-        className: `w-full text-left flex items-center gap-1 truncate rounded px-1 py-0.5 text-[10px] leading-tight font-medium hover:bg-gray-100 transition-colors ${evt._done ? "text-gray-400" : "text-gray-700"}`,
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "shrink-0", children: evt._done ? "\u2611" : "\u2610" }),
-          /* @__PURE__ */ jsx("span", { className: `truncate ${evt._done ? "line-through" : ""}`, children: evt.title || "Task" })
-        ]
-      }
-    ) : /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: (ev) => {
-          ev.stopPropagation();
-          onToggleTodo(evt._todoId);
-        },
-        className: `w-full text-left flex items-center gap-2 rounded-md px-2 py-1.5 hover:bg-gray-100 transition-colors ${evt._done ? "text-gray-400" : "text-gray-700"}`,
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-base leading-none", children: evt._done ? "\u2611" : "\u2610" }),
-          /* @__PURE__ */ jsx("span", { className: `text-xs font-medium truncate ${evt._done ? "line-through" : ""}`, children: evt.title || "Task" })
-        ]
-      }
-    );
-  }
-  const c = getColor(evt.color);
-  return compact ? /* @__PURE__ */ jsxs(
-    "button",
-    {
-      onClick: (ev) => {
-        ev.stopPropagation();
-        onEventClick(evt);
-      },
-      className: `w-full text-left truncate rounded px-1 py-0.5 text-[10px] leading-tight font-medium ${c.light} hover:opacity-80 transition-opacity`,
-      children: [
-        !evt.all_day && evt.start_time && /* @__PURE__ */ jsx("span", { className: "text-[9px] opacity-70 mr-0.5", children: evt.start_time }),
-        evt.title || "Untitled"
-      ]
-    }
-  ) : /* @__PURE__ */ jsxs(
-    "button",
-    {
-      onClick: (ev) => {
-        ev.stopPropagation();
-        onEventClick(evt);
-      },
-      className: `w-full text-left rounded-md px-2 py-1.5 ${c.light} hover:opacity-80 transition-opacity`,
-      children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium truncate", children: evt.title || "Untitled" }),
-        !evt.all_day && evt.start_time && /* @__PURE__ */ jsxs("p", { className: "text-[10px] opacity-70", children: [
-          evt.start_time,
-          evt.end_time ? ` - ${evt.end_time}` : ""
-        ] })
-      ]
-    }
-  );
-}
-function MonthView({ year, month, eventsByDate, today, onDayClick, onEventClick, onToggleTodo }) {
-  const cells = useMemo(() => getMonthDays(year, month), [year, month]);
-  return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col", children: [
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 border-b border-gray-200", children: DAYS.map((d) => /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-[10px] font-semibold text-gray-500 uppercase text-center", children: d }, d)) }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 flex-1 auto-rows-fr", children: cells.map((cell, i) => {
-      const dateStr = toDateStr(cell.date);
-      const isToday = dateStr === today;
-      const dayEvents = eventsByDate[dateStr] || [];
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          onClick: () => onDayClick(dateStr),
-          className: `border-b border-r border-gray-100 px-1 py-0.5 cursor-pointer hover:bg-blue-50/50 transition-colors overflow-hidden ${!cell.isCurrentMonth ? "bg-gray-50/50" : ""}`,
-          children: [
-            /* @__PURE__ */ jsx("div", { className: `text-[11px] font-medium mb-0.5 w-5 h-5 flex items-center justify-center rounded-full ${isToday ? "bg-blue-600 text-white" : cell.isCurrentMonth ? "text-gray-900" : "text-gray-400"}`, children: cell.date.getDate() }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
-              dayEvents.slice(0, 3).map((evt) => /* @__PURE__ */ jsx(DayEventBadge, { evt, onEventClick, onToggleTodo, compact: true }, evt.id)),
-              dayEvents.length > 3 && /* @__PURE__ */ jsxs("p", { className: "text-[9px] text-gray-400 pl-1", children: [
-                "+",
-                dayEvents.length - 3,
-                " more"
-              ] })
-            ] })
-          ]
-        },
-        i
-      );
-    }) })
-  ] });
-}
-function YearView({ year, eventsByDate, today, onPickMonth, onDayClick }) {
-  const monthShort = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-  const dowShort = ["S", "M", "T", "W", "T", "F", "S"];
-  return /* @__PURE__ */ jsx("div", { className: "h-full overflow-y-auto p-4", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-x-6 gap-y-5 max-w-5xl mx-auto", children: monthShort.map((label, m) => {
-    const cells = getMonthDays(year, m);
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => onPickMonth(m),
-          className: "self-start text-[13px] font-semibold text-blue-600 hover:text-blue-800 mb-1 px-1 -ml-1 rounded transition-colors",
-          children: label
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 mb-0.5", children: dowShort.map((d, i) => /* @__PURE__ */ jsx("div", { className: "text-[9px] font-medium text-gray-400 text-center", children: d }, i)) }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", children: cells.map((cell, i) => {
-        const dateStr = toDateStr(cell.date);
-        const isToday = dateStr === today;
-        const hasEvents = !!eventsByDate[dateStr]?.length;
-        return /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: (e) => {
-              e.stopPropagation();
-              onDayClick(dateStr);
-            },
-            className: "relative h-6 flex items-center justify-center group",
-            tabIndex: cell.isCurrentMonth ? 0 : -1,
-            children: [
-              /* @__PURE__ */ jsx("span", { className: `text-[10px] tabular-nums leading-none flex items-center justify-center w-5 h-5 rounded-full transition-colors
-                        ${isToday ? "bg-blue-600 text-white font-semibold" : cell.isCurrentMonth ? "text-gray-700 group-hover:bg-blue-100" : "text-gray-300"}`, children: cell.date.getDate() }),
-              hasEvents && cell.isCurrentMonth && !isToday && /* @__PURE__ */ jsx("span", { className: "absolute bottom-0 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-blue-500" })
-            ]
-          },
-          i
-        );
-      }) })
-    ] }, m);
-  }) }) });
-}
-function WeekView({ currentDate, eventsByDate, today, onDayClick, onEventClick, onToggleTodo }) {
-  const days = useMemo(() => getWeekDays(currentDate), [currentDate]);
-  return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col", children: [
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 border-b border-gray-200", children: days.map((d) => {
-      const dateStr = toDateStr(d);
-      const isToday = dateStr === today;
-      return /* @__PURE__ */ jsxs("div", { className: "px-2 py-2 text-center", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-[10px] font-medium text-gray-500 uppercase", children: DAYS[d.getDay()] }),
-        /* @__PURE__ */ jsx("p", { className: `text-lg font-semibold mt-0.5 ${isToday ? "text-blue-600" : "text-gray-900"}`, children: d.getDate() })
-      ] }, dateStr);
-    }) }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 flex-1 overflow-y-auto", children: days.map((d) => {
-      const dateStr = toDateStr(d);
-      const dayEvents = eventsByDate[dateStr] || [];
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          onClick: () => onDayClick(dateStr),
-          className: "border-r border-gray-100 px-1.5 py-2 cursor-pointer hover:bg-blue-50/30 transition-colors min-h-[200px]",
-          children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: dayEvents.map((evt) => /* @__PURE__ */ jsx(DayEventBadge, { evt, onEventClick, onToggleTodo }, evt.id)) })
-        },
-        dateStr
-      );
-    }) })
-  ] });
-}
-function EventEditor({ event, isNew, calendars, onSave, onDelete, onClose }) {
-  const [title, setTitle] = useState(event.title);
-  const [date, setDate] = useState(event.date);
-  const [startTime, setStartTime] = useState(event.start_time || "09:00");
-  const [endTime, setEndTime] = useState(event.end_time || "10:00");
-  const [color, setColor] = useState(event.color);
-  const [allDay, setAllDay] = useState(event.all_day ?? false);
-  const [description, setDescription] = useState(event.description || "");
-  const isFromCaldav = !!event._caldav;
-  const [target, setTarget] = useState(isFromCaldav ? event._caldav.calendarId : "local");
-  const handleSave = () => {
-    if (!title.trim()) {
-      toast_default.error("Event title is required.");
-      return;
-    }
-    const updated = {
-      ...event,
-      title: title.trim(),
-      date,
-      start_time: allDay ? void 0 : startTime,
-      end_time: allDay ? void 0 : endTime,
-      color,
-      all_day: allDay,
-      description: description.trim() || void 0
-    };
-    const targetCal = !isFromCaldav && target !== "local" ? target : void 0;
-    onSave(updated, targetCal);
-  };
-  const inp = "block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm";
-  return /* @__PURE__ */ jsxs(Modal, { open: true, onClose, title: isNew ? "New Event" : "Edit Event", size: "sm", children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Title *" }),
-        /* @__PURE__ */ jsx("input", { value: title, onChange: (e) => setTitle(e.target.value), className: inp, placeholder: "Event title", autoFocus: true })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Date" }),
-        /* @__PURE__ */ jsx("input", { type: "date", value: date, onChange: (e) => setDate(e.target.value), className: inp })
-      ] }),
-      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
-        /* @__PURE__ */ jsx("input", { type: "checkbox", checked: allDay, onChange: (e) => setAllDay(e.target.checked), className: "h-4 w-4 rounded border-gray-300 text-blue-600" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-700", children: "All day" })
-      ] }),
-      !allDay && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Start" }),
-          /* @__PURE__ */ jsx("input", { type: "time", value: startTime, onChange: (e) => setStartTime(e.target.value), className: inp })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "End" }),
-          /* @__PURE__ */ jsx("input", { type: "time", value: endTime, onChange: (e) => setEndTime(e.target.value), className: inp })
-        ] })
-      ] }),
-      isNew && calendars.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Save to" }),
-        /* @__PURE__ */ jsxs("select", { value: target, onChange: (e) => setTarget(e.target.value), className: inp, children: [
-          /* @__PURE__ */ jsx("option", { value: "local", children: "Local (this device only)" }),
-          calendars.map((c) => /* @__PURE__ */ jsx("option", { value: c.id, children: c.displayName }, c.id))
-        ] })
-      ] }),
-      isFromCaldav && /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-gray-500", children: [
-        "From ",
-        calendars.find((c) => c.id === event._caldav?.calendarId)?.displayName || "CalDAV"
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Color" }),
-        /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: COLORS.map((c) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setColor(c.key),
-            className: `w-6 h-6 rounded-full ${c.bg} border-2 transition-all ${color === c.key ? "border-gray-700 scale-110" : "border-transparent hover:border-gray-400"}`
-          },
-          c.key
-        )) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-gray-700 mb-1", children: "Description" }),
-        /* @__PURE__ */ jsx("textarea", { value: description, onChange: (e) => setDescription(e.target.value), rows: 2, className: inp, placeholder: "Optional notes..." })
-      ] })
-    ] }),
-    !isNew && /* @__PURE__ */ jsx(ModalActions, { position: "left", children: /* @__PURE__ */ jsx("button", { onClick: onDelete, className: "text-sm text-red-600 hover:text-red-800 font-medium", children: "Delete" }) }),
-    /* @__PURE__ */ jsx(ModalActions, { children: /* @__PURE__ */ jsx("button", { onClick: handleSave, className: "bg-blue-600 text-white px-4 py-2 text-sm font-medium rounded-lg hover:bg-blue-700", children: isNew ? "Create" : "Save" }) })
-  ] });
-}
-
-export { Calendar as default };
-//# sourceMappingURL=Calendar-QQYHT57Z.js.map
-//# sourceMappingURL=Calendar-QQYHT57Z.js.map