react-os-shell 0.1.0

package/dist/Calendar-5EYUVGUU.js

@@ -0,0 +1,423 @@
+import { useGoogleAuth, getGoogleAccessToken } from './chunk-5O2KEISQ.js';
+import { useShellPrefs } from './chunk-TFGOLXGD.js';
+import { toast_default } from './chunk-WIJ45SYD.js';
+import { Modal, ModalActions } from './chunk-WQIS72NL.js';
+import './chunk-RFTLYCSF.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 Calendar() {
+  const { prefs, save } = useShellPrefs();
+  const google = useGoogleAuth();
+  const localEvents = prefs.calendar_events || [];
+  const [googleEvents, setGoogleEvents] = useState([]);
+  const events = useMemo(() => [...localEvents, ...googleEvents], [localEvents, googleEvents]);
+  const today = /* @__PURE__ */ new Date();
+  const [currentDate, setCurrentDate] = useState(new Date(today.getFullYear(), today.getMonth(), 1));
+  useEffect(() => {
+    const token = getGoogleAccessToken();
+    if (!token) {
+      setGoogleEvents([]);
+      return;
+    }
+    const year = currentDate.getFullYear();
+    const month = currentDate.getMonth();
+    const timeMin = new Date(year, month - 1, 1).toISOString();
+    const timeMax = new Date(year, month + 2, 0).toISOString();
+    fetch(`https://www.googleapis.com/calendar/v3/calendars/primary/events?timeMin=${timeMin}&timeMax=${timeMax}&maxResults=250&singleEvents=true&orderBy=startTime`, {
+      headers: { Authorization: `Bearer ${token}` }
+    }).then((r) => r.ok ? r.json() : null).then((data) => {
+      if (!data?.items) return;
+      const mapped = data.items.map((item) => {
+        const isAllDay = !!item.start?.date;
+        const startDate = isAllDay ? item.start.date : item.start?.dateTime?.split("T")[0];
+        const startTime = isAllDay ? void 0 : item.start?.dateTime?.split("T")[1]?.slice(0, 5);
+        const endTime = isAllDay ? void 0 : item.end?.dateTime?.split("T")[1]?.slice(0, 5);
+        return {
+          id: `gcal-${item.id}`,
+          title: item.summary || "(No title)",
+          date: startDate,
+          start_time: startTime,
+          end_time: endTime,
+          color: "blue",
+          all_day: isAllDay,
+          description: item.description,
+          _google: true
+        };
+      });
+      setGoogleEvents(mapped);
+    }).catch(() => setGoogleEvents([]));
+  }, [currentDate]);
+  const [view, setView] = useState("month");
+  const [editingEvent, setEditingEvent] = useState(null);
+  const [newEventDate, setNewEventDate] = useState(null);
+  const saveLocalEvents = useCallback((updated) => {
+    save({ calendar_events: updated });
+  }, [save]);
+  const saveEvent = (evt) => {
+    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 = (id) => {
+    saveLocalEvents(localEvents.filter((e) => e.id !== id));
+    setEditingEvent(null);
+  };
+  const goToday = () => setCurrentDate(new Date(today.getFullYear(), today.getMonth(), 1));
+  const goPrev = () => {
+    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 === "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 = 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: [
+        google.isConnected ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => window.dispatchEvent(new Event("open-google-connect")),
+            title: "Google Services",
+            className: "flex items-center gap-2 hover:bg-gray-50 rounded-md px-1.5 py-1 transition-colors",
+            children: [
+              google.user?.picture ? /* @__PURE__ */ jsx("img", { src: google.user.picture, alt: "", className: "h-6 w-6 rounded-full" }) : /* @__PURE__ */ jsx("div", { className: "h-6 w-6 rounded-full bg-gray-200" }),
+              /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-[11px] font-medium text-gray-900", children: google.user?.name }),
+                /* @__PURE__ */ jsx("p", { className: "text-[10px] text-gray-500", children: google.user?.email })
+              ] })
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => {
+              if (!google.hasClientId) {
+                const id = prompt("Enter your Google OAuth Client ID\n\nCreate one at console.cloud.google.com > APIs > Credentials > OAuth 2.0 Client ID (Web application)");
+                if (id?.trim()) google.setClientId(id.trim());
+                return;
+              }
+              google.connect();
+            },
+            disabled: google.loading,
+            className: "inline-flex items-center gap-1.5 border border-gray-300 bg-white rounded-md px-2 py-1 text-[10px] font-medium text-gray-600 hover:bg-gray-50 transition-colors disabled:opacity-50",
+            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: "#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" })
+              ] }),
+              google.loading ? "Connecting..." : "Connect Google Calendar"
+            ]
+          }
+        ),
+        google.error && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-red-500", children: google.error }),
+        /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-gray-200" }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: ["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 === "month" ? /* @__PURE__ */ jsx(
+      MonthView,
+      {
+        year: currentDate.getFullYear(),
+        month: currentDate.getMonth(),
+        eventsByDate,
+        today: toDateStr(today),
+        onDayClick: handleDayClick,
+        onEventClick: setEditingEvent
+      }
+    ) : /* @__PURE__ */ jsx(
+      WeekView,
+      {
+        currentDate,
+        eventsByDate,
+        today: toDateStr(today),
+        onDayClick: handleDayClick,
+        onEventClick: setEditingEvent
+      }
+    ) }),
+    editingEvent && /* @__PURE__ */ jsx(
+      EventEditor,
+      {
+        event: editingEvent,
+        isNew: !!newEventDate,
+        onSave: saveEvent,
+        onDelete: deleteEvent,
+        onClose: () => {
+          setEditingEvent(null);
+          setNewEventDate(null);
+        }
+      }
+    )
+  ] });
+}
+function MonthView({ year, month, eventsByDate, today, onDayClick, onEventClick }) {
+  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) => {
+                const c = getColor(evt.color);
+                return /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.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"
+                    ]
+                  },
+                  evt.id
+                );
+              }),
+              dayEvents.length > 3 && /* @__PURE__ */ jsxs("p", { className: "text-[9px] text-gray-400 pl-1", children: [
+                "+",
+                dayEvents.length - 3,
+                " more"
+              ] })
+            ] })
+          ]
+        },
+        i
+      );
+    }) })
+  ] });
+}
+function WeekView({ currentDate, eventsByDate, today, onDayClick, onEventClick }) {
+  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) => {
+            const c = getColor(evt.color);
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: (e) => {
+                  e.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}` : ""
+                  ] })
+                ]
+              },
+              evt.id
+            );
+          }) })
+        },
+        dateStr
+      );
+    }) })
+  ] });
+}
+function EventEditor({ event, isNew, 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 handleSave = () => {
+    if (!title.trim()) {
+      toast_default.error("Event title is required.");
+      return;
+    }
+    onSave({
+      ...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 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 })
+        ] })
+      ] }),
+      /* @__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(event.id), 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-5EYUVGUU.js.map
+//# sourceMappingURL=Calendar-5EYUVGUU.js.map

package/dist/Calendar-5EYUVGUU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/apps/Calendar.tsx"],"names":[],"mappings":"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","file":"Calendar-5EYUVGUU.js","sourcesContent":["import { useState, useMemo, useCallback, useEffect } from 'react';\nimport Modal, { ModalActions } from '../shell/Modal';\nimport toast from '../shell/toast';\nimport useGoogleAuth, { getGoogleAccessToken } from '../hooks/useGoogleAuth';\nimport { useShellPrefs } from '../shell/ShellPrefs';\n\n// ── Types ──\ninterface CalendarEvent {\n  id: string;\n  title: string;\n  date: string; // YYYY-MM-DD\n  start_time?: string; // HH:MM\n  end_time?: string; // HH:MM\n  color: string;\n  description?: string;\n  all_day?: boolean;\n}\n\ntype ViewMode = 'month' | 'week';\n\nconst COLORS = [\n  { key: 'blue', bg: 'bg-blue-500', light: 'bg-blue-100 text-blue-800', dot: 'bg-blue-500' },\n  { key: 'green', bg: 'bg-green-500', light: 'bg-green-100 text-green-800', dot: 'bg-green-500' },\n  { key: 'red', bg: 'bg-red-500', light: 'bg-red-100 text-red-800', dot: 'bg-red-500' },\n  { key: 'purple', bg: 'bg-purple-500', light: 'bg-purple-100 text-purple-800', dot: 'bg-purple-500' },\n  { key: 'orange', bg: 'bg-orange-500', light: 'bg-orange-100 text-orange-800', dot: 'bg-orange-500' },\n  { key: 'pink', bg: 'bg-pink-500', light: 'bg-pink-100 text-pink-800', dot: 'bg-pink-500' },\n  { key: 'yellow', bg: 'bg-yellow-500', light: 'bg-yellow-100 text-yellow-800', dot: 'bg-yellow-500' },\n  { key: 'gray', bg: 'bg-gray-500', light: 'bg-gray-100 text-gray-800', dot: 'bg-gray-500' },\n];\n\nfunction getColor(key: string) {\n  return COLORS.find(c => c.key === key) || COLORS[0];\n}\n\nconst DAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\nfunction pad(n: number) { return String(n).padStart(2, '0'); }\n\nfunction toDateStr(d: Date) {\n  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;\n}\n\nfunction getMonthDays(year: number, month: number) {\n  const first = new Date(year, month, 1);\n  const startDay = first.getDay();\n  const daysInMonth = new Date(year, month + 1, 0).getDate();\n  const prevDays = new Date(year, month, 0).getDate();\n\n  const cells: { date: Date; isCurrentMonth: boolean }[] = [];\n  // Previous month padding\n  for (let i = startDay - 1; i >= 0; i--) {\n    cells.push({ date: new Date(year, month - 1, prevDays - i), isCurrentMonth: false });\n  }\n  // Current month\n  for (let d = 1; d <= daysInMonth; d++) {\n    cells.push({ date: new Date(year, month, d), isCurrentMonth: true });\n  }\n  // Next month padding\n  const remaining = 42 - cells.length;\n  for (let d = 1; d <= remaining; d++) {\n    cells.push({ date: new Date(year, month + 1, d), isCurrentMonth: false });\n  }\n  return cells;\n}\n\nfunction getWeekDays(date: Date) {\n  const start = new Date(date);\n  start.setDate(start.getDate() - start.getDay());\n  const days: Date[] = [];\n  for (let i = 0; i < 7; i++) {\n    const d = new Date(start);\n    d.setDate(d.getDate() + i);\n    days.push(d);\n  }\n  return days;\n}\n\n// ── Main Component ──\nexport default function Calendar() {\n  const { prefs, save } = useShellPrefs();\n  const google = useGoogleAuth();\n  const localEvents: CalendarEvent[] = prefs.calendar_events || [];\n  const [googleEvents, setGoogleEvents] = useState<CalendarEvent[]>([]);\n  const events = useMemo(() => [...localEvents, ...googleEvents], [localEvents, googleEvents]);\n  const today = new Date();\n  const [currentDate, setCurrentDate] = useState(new Date(today.getFullYear(), today.getMonth(), 1));\n\n  // Fetch Google Calendar events\n  useEffect(() => {\n    const token = getGoogleAccessToken();\n    if (!token) { setGoogleEvents([]); return; }\n    const year = currentDate.getFullYear();\n    const month = currentDate.getMonth();\n    const timeMin = new Date(year, month - 1, 1).toISOString();\n    const timeMax = new Date(year, month + 2, 0).toISOString();\n    fetch(`https://www.googleapis.com/calendar/v3/calendars/primary/events?timeMin=${timeMin}&timeMax=${timeMax}&maxResults=250&singleEvents=true&orderBy=startTime`, {\n      headers: { Authorization: `Bearer ${token}` },\n    })\n      .then(r => r.ok ? r.json() : null)\n      .then(data => {\n        if (!data?.items) return;\n        const mapped: CalendarEvent[] = data.items.map((item: any) => {\n          const isAllDay = !!item.start?.date;\n          const startDate = isAllDay ? item.start.date : item.start?.dateTime?.split('T')[0];\n          const startTime = isAllDay ? undefined : item.start?.dateTime?.split('T')[1]?.slice(0, 5);\n          const endTime = isAllDay ? undefined : item.end?.dateTime?.split('T')[1]?.slice(0, 5);\n          return {\n            id: `gcal-${item.id}`,\n            title: item.summary || '(No title)',\n            date: startDate,\n            start_time: startTime,\n            end_time: endTime,\n            color: 'blue',\n            all_day: isAllDay,\n            description: item.description,\n            _google: true,\n          } as CalendarEvent;\n        });\n        setGoogleEvents(mapped);\n      })\n      .catch(() => setGoogleEvents([]));\n  }, [currentDate]);\n  const [view, setView] = useState<ViewMode>('month');\n  const [editingEvent, setEditingEvent] = useState<CalendarEvent | null>(null);\n  const [newEventDate, setNewEventDate] = useState<string | null>(null);\n\n  const saveLocalEvents = useCallback((updated: CalendarEvent[]) => {\n    save({ calendar_events: updated });\n  }, [save]);\n\n  const saveEvent = (evt: CalendarEvent) => {\n    const existing = localEvents.find(e => e.id === evt.id);\n    if (existing) {\n      saveLocalEvents(localEvents.map(e => e.id === evt.id ? evt : e));\n    } else {\n      saveLocalEvents([...localEvents, evt]);\n    }\n    setEditingEvent(null);\n    setNewEventDate(null);\n  };\n\n  const deleteEvent = (id: string) => {\n    saveLocalEvents(localEvents.filter(e => e.id !== id));\n    setEditingEvent(null);\n  };\n\n  // ── Navigation ──\n  const goToday = () => setCurrentDate(new Date(today.getFullYear(), today.getMonth(), 1));\n  const goPrev = () => {\n    if (view === 'month') setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1));\n    else {\n      const d = new Date(currentDate);\n      d.setDate(d.getDate() - 7);\n      setCurrentDate(d);\n    }\n  };\n  const goNext = () => {\n    if (view === 'month') setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1));\n    else {\n      const d = new Date(currentDate);\n      d.setDate(d.getDate() + 7);\n      setCurrentDate(d);\n    }\n  };\n\n  const monthLabel = currentDate.toLocaleDateString(undefined, { month: 'long', year: 'numeric' });\n\n  // Events by date\n  const eventsByDate = useMemo(() => {\n    const map: Record<string, CalendarEvent[]> = {};\n    events.forEach(e => {\n      if (!map[e.date]) map[e.date] = [];\n      map[e.date].push(e);\n    });\n    // Sort by start_time within each day\n    for (const key of Object.keys(map)) {\n      map[key].sort((a, b) => (a.start_time || '').localeCompare(b.start_time || ''));\n    }\n    return map;\n  }, [events]);\n\n  const handleDayClick = (dateStr: string) => {\n    setNewEventDate(dateStr);\n    setEditingEvent({\n      id: `evt-${Date.now()}-${Math.random().toString(36).slice(2, 5)}`,\n      title: '',\n      date: dateStr,\n      start_time: '09:00',\n      end_time: '10:00',\n      color: 'blue',\n      all_day: false,\n    });\n  };\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between px-4 py-2 border-b border-gray-200 shrink-0\">\n        <div className=\"flex items-center gap-3\">\n          <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\">Today</button>\n          <div className=\"flex items-center gap-1\">\n            <button onClick={goPrev} className=\"p-1 rounded hover:bg-gray-100\">\n              <svg className=\"h-4 w-4 text-gray-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M15.75 19.5L8.25 12l7.5-7.5\" /></svg>\n            </button>\n            <button onClick={goNext} className=\"p-1 rounded hover:bg-gray-100\">\n              <svg className=\"h-4 w-4 text-gray-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2}><path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\" /></svg>\n            </button>\n          </div>\n          <h2 className=\"text-sm font-semibold text-gray-900\">{monthLabel}</h2>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {/* Google Calendar connection */}\n          {google.isConnected ? (\n            <button onClick={() => window.dispatchEvent(new Event('open-google-connect'))} title=\"Google Services\"\n              className=\"flex items-center gap-2 hover:bg-gray-50 rounded-md px-1.5 py-1 transition-colors\">\n              {google.user?.picture ? (\n                <img src={google.user.picture} alt=\"\" className=\"h-6 w-6 rounded-full\" />\n              ) : (\n                <div className=\"h-6 w-6 rounded-full bg-gray-200\" />\n              )}\n              <div className=\"text-left\">\n                <p className=\"text-[11px] font-medium text-gray-900\">{google.user?.name}</p>\n                <p className=\"text-[10px] text-gray-500\">{google.user?.email}</p>\n              </div>\n            </button>\n          ) : (\n            <button onClick={() => {\n              if (!google.hasClientId) {\n                const id = prompt('Enter your Google OAuth Client ID\\n\\nCreate one at console.cloud.google.com > APIs > Credentials > OAuth 2.0 Client ID (Web application)');\n                if (id?.trim()) google.setClientId(id.trim());\n                return;\n              }\n              google.connect();\n            }} disabled={google.loading}\n              className=\"inline-flex items-center gap-1.5 border border-gray-300 bg-white rounded-md px-2 py-1 text-[10px] font-medium text-gray-600 hover:bg-gray-50 transition-colors disabled:opacity-50\">\n              <svg className=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\">\n                <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\"/>\n                <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\"/>\n                <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\"/>\n                <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\"/>\n              </svg>\n              {google.loading ? 'Connecting...' : 'Connect Google Calendar'}\n            </button>\n          )}\n          {google.error && <span className=\"text-[10px] text-red-500\">{google.error}</span>}\n\n          <div className=\"w-px h-4 bg-gray-200\" />\n          <div className=\"flex gap-1\">\n            {(['month', 'week'] as const).map(v => (\n              <button key={v} onClick={() => setView(v)}\n                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'}`}>\n                {v.charAt(0).toUpperCase() + v.slice(1)}\n              </button>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Calendar grid */}\n      <div className=\"flex-1 overflow-hidden\">\n        {view === 'month' ? (\n          <MonthView\n            year={currentDate.getFullYear()}\n            month={currentDate.getMonth()}\n            eventsByDate={eventsByDate}\n            today={toDateStr(today)}\n            onDayClick={handleDayClick}\n            onEventClick={setEditingEvent}\n          />\n        ) : (\n          <WeekView\n            currentDate={currentDate}\n            eventsByDate={eventsByDate}\n            today={toDateStr(today)}\n            onDayClick={handleDayClick}\n            onEventClick={setEditingEvent}\n          />\n        )}\n      </div>\n\n      {/* Event editor modal */}\n      {editingEvent && (\n        <EventEditor\n          event={editingEvent}\n          isNew={!!newEventDate}\n          onSave={saveEvent}\n          onDelete={deleteEvent}\n          onClose={() => { setEditingEvent(null); setNewEventDate(null); }}\n        />\n      )}\n    </div>\n  );\n}\n\n// ── Month View ──\nfunction MonthView({ year, month, eventsByDate, today, onDayClick, onEventClick }: {\n  year: number; month: number; eventsByDate: Record<string, CalendarEvent[]>;\n  today: string; onDayClick: (d: string) => void; onEventClick: (e: CalendarEvent) => void;\n}) {\n  const cells = useMemo(() => getMonthDays(year, month), [year, month]);\n\n  return (\n    <div className=\"h-full flex flex-col\">\n      {/* Day headers */}\n      <div className=\"grid grid-cols-7 border-b border-gray-200\">\n        {DAYS.map(d => (\n          <div key={d} className=\"px-2 py-1.5 text-[10px] font-semibold text-gray-500 uppercase text-center\">{d}</div>\n        ))}\n      </div>\n      {/* Day cells */}\n      <div className=\"grid grid-cols-7 flex-1 auto-rows-fr\">\n        {cells.map((cell, i) => {\n          const dateStr = toDateStr(cell.date);\n          const isToday = dateStr === today;\n          const dayEvents = eventsByDate[dateStr] || [];\n          return (\n            <div key={i}\n              onClick={() => onDayClick(dateStr)}\n              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' : ''}`}\n            >\n              <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'}`}>\n                {cell.date.getDate()}\n              </div>\n              <div className=\"space-y-0.5\">\n                {dayEvents.slice(0, 3).map(evt => {\n                  const c = getColor(evt.color);\n                  return (\n                    <button key={evt.id} onClick={e => { e.stopPropagation(); onEventClick(evt); }}\n                      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`}>\n                      {!evt.all_day && evt.start_time && <span className=\"text-[9px] opacity-70 mr-0.5\">{evt.start_time}</span>}\n                      {evt.title || 'Untitled'}\n                    </button>\n                  );\n                })}\n                {dayEvents.length > 3 && (\n                  <p className=\"text-[9px] text-gray-400 pl-1\">+{dayEvents.length - 3} more</p>\n                )}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n// ── Week View ──\nfunction WeekView({ currentDate, eventsByDate, today, onDayClick, onEventClick }: {\n  currentDate: Date; eventsByDate: Record<string, CalendarEvent[]>;\n  today: string; onDayClick: (d: string) => void; onEventClick: (e: CalendarEvent) => void;\n}) {\n  const days = useMemo(() => getWeekDays(currentDate), [currentDate]);\n\n  return (\n    <div className=\"h-full flex flex-col\">\n      {/* Day headers */}\n      <div className=\"grid grid-cols-7 border-b border-gray-200\">\n        {days.map(d => {\n          const dateStr = toDateStr(d);\n          const isToday = dateStr === today;\n          return (\n            <div key={dateStr} className=\"px-2 py-2 text-center\">\n              <p className=\"text-[10px] font-medium text-gray-500 uppercase\">{DAYS[d.getDay()]}</p>\n              <p className={`text-lg font-semibold mt-0.5 ${isToday ? 'text-blue-600' : 'text-gray-900'}`}>{d.getDate()}</p>\n            </div>\n          );\n        })}\n      </div>\n      {/* Day columns */}\n      <div className=\"grid grid-cols-7 flex-1 overflow-y-auto\">\n        {days.map(d => {\n          const dateStr = toDateStr(d);\n          const dayEvents = eventsByDate[dateStr] || [];\n          return (\n            <div key={dateStr}\n              onClick={() => onDayClick(dateStr)}\n              className=\"border-r border-gray-100 px-1.5 py-2 cursor-pointer hover:bg-blue-50/30 transition-colors min-h-[200px]\">\n              <div className=\"space-y-1\">\n                {dayEvents.map(evt => {\n                  const c = getColor(evt.color);\n                  return (\n                    <button key={evt.id} onClick={e => { e.stopPropagation(); onEventClick(evt); }}\n                      className={`w-full text-left rounded-md px-2 py-1.5 ${c.light} hover:opacity-80 transition-opacity`}>\n                      <p className=\"text-xs font-medium truncate\">{evt.title || 'Untitled'}</p>\n                      {!evt.all_day && evt.start_time && (\n                        <p className=\"text-[10px] opacity-70\">{evt.start_time}{evt.end_time ? ` - ${evt.end_time}` : ''}</p>\n                      )}\n                    </button>\n                  );\n                })}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n// ── Event Editor ──\nfunction EventEditor({ event, isNew, onSave, onDelete, onClose }: {\n  event: CalendarEvent; isNew: boolean;\n  onSave: (e: CalendarEvent) => void; onDelete: (id: string) => void; onClose: () => void;\n}) {\n  const [title, setTitle] = useState(event.title);\n  const [date, setDate] = useState(event.date);\n  const [startTime, setStartTime] = useState(event.start_time || '09:00');\n  const [endTime, setEndTime] = useState(event.end_time || '10:00');\n  const [color, setColor] = useState(event.color);\n  const [allDay, setAllDay] = useState(event.all_day ?? false);\n  const [description, setDescription] = useState(event.description || '');\n\n  const handleSave = () => {\n    if (!title.trim()) { toast.error('Event title is required.'); return; }\n    onSave({\n      ...event,\n      title: title.trim(),\n      date,\n      start_time: allDay ? undefined : startTime,\n      end_time: allDay ? undefined : endTime,\n      color,\n      all_day: allDay,\n      description: description.trim() || undefined,\n    });\n  };\n\n  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';\n\n  return (\n    <Modal open onClose={onClose} title={isNew ? 'New Event' : 'Edit Event'} size=\"sm\">\n      <div className=\"space-y-4\">\n        <div>\n          <label className=\"block text-sm font-medium text-gray-700 mb-1\">Title *</label>\n          <input value={title} onChange={e => setTitle(e.target.value)} className={inp} placeholder=\"Event title\" autoFocus />\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-gray-700 mb-1\">Date</label>\n          <input type=\"date\" value={date} onChange={e => setDate(e.target.value)} className={inp} />\n        </div>\n        <label className=\"flex items-center gap-2 cursor-pointer\">\n          <input type=\"checkbox\" checked={allDay} onChange={e => setAllDay(e.target.checked)} className=\"h-4 w-4 rounded border-gray-300 text-blue-600\" />\n          <span className=\"text-sm text-gray-700\">All day</span>\n        </label>\n        {!allDay && (\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label className=\"block text-sm font-medium text-gray-700 mb-1\">Start</label>\n              <input type=\"time\" value={startTime} onChange={e => setStartTime(e.target.value)} className={inp} />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-gray-700 mb-1\">End</label>\n              <input type=\"time\" value={endTime} onChange={e => setEndTime(e.target.value)} className={inp} />\n            </div>\n          </div>\n        )}\n        <div>\n          <label className=\"block text-sm font-medium text-gray-700 mb-1\">Color</label>\n          <div className=\"flex gap-2\">\n            {COLORS.map(c => (\n              <button key={c.key} onClick={() => setColor(c.key)}\n                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'}`} />\n            ))}\n          </div>\n        </div>\n        <div>\n          <label className=\"block text-sm font-medium text-gray-700 mb-1\">Description</label>\n          <textarea value={description} onChange={e => setDescription(e.target.value)} rows={2} className={inp} placeholder=\"Optional notes...\" />\n        </div>\n      </div>\n\n      {!isNew && (\n        <ModalActions position=\"left\">\n          <button onClick={() => onDelete(event.id)} className=\"text-sm text-red-600 hover:text-red-800 font-medium\">Delete</button>\n        </ModalActions>\n      )}\n      <ModalActions>\n        <button onClick={handleSave} className=\"bg-blue-600 text-white px-4 py-2 text-sm font-medium rounded-lg hover:bg-blue-700\">\n          {isNew ? 'Create' : 'Save'}\n        </button>\n      </ModalActions>\n    </Modal>\n  );\n}\n"]}