react-os-shell 0.1.0

package/dist/PomodoroTimer-HARIJN4S.js

@@ -0,0 +1,196 @@
+import { loadAppearance, WidgetSettingsModal } from './chunk-SVBID2P6.js';
+import { useWidgetSettings } from './chunk-WQIS72NL.js';
+import './chunk-RFTLYCSF.js';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var POMO_SETTINGS_KEY = "pomodoro_appearance";
+var DURATIONS = { focus: 25 * 60, short: 5 * 60, long: 15 * 60 };
+var LABELS = { focus: "Focus", short: "Short", long: "Long" };
+var COLORS = {
+  focus: { ring: "stroke-blue-500", text: "text-blue-600" },
+  short: { ring: "stroke-emerald-500", text: "text-emerald-600" },
+  long: { ring: "stroke-emerald-600", text: "text-emerald-700" }
+};
+function getTodayKey() {
+  return `pomodoro-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}`;
+}
+function loadCount() {
+  return parseInt(localStorage.getItem(getTodayKey()) || "0", 10);
+}
+function saveCount(n) {
+  localStorage.setItem(getTodayKey(), String(n));
+}
+function beep() {
+  try {
+    const ctx = new AudioContext();
+    const osc = ctx.createOscillator();
+    const gain = ctx.createGain();
+    osc.connect(gain);
+    gain.connect(ctx.destination);
+    osc.frequency.value = 830;
+    osc.type = "sine";
+    gain.gain.setValueAtTime(0.3, ctx.currentTime);
+    gain.gain.exponentialRampToValueAtTime(1e-3, ctx.currentTime + 0.8);
+    osc.start();
+    osc.stop(ctx.currentTime + 0.8);
+    setTimeout(() => ctx.close(), 1e3);
+  } catch {
+  }
+}
+function PomodoroTimer() {
+  const [mode, setMode] = useState("focus");
+  const [remaining, setRemaining] = useState(DURATIONS.focus);
+  const [running, setRunning] = useState(false);
+  const [count, setCount] = useState(loadCount);
+  const [streak, setStreak] = useState(0);
+  const intervalRef = useRef();
+  const [appearance, setAppearance] = useState(() => loadAppearance(POMO_SETTINGS_KEY));
+  const [settingsOpen, setSettingsOpen] = useState(false);
+  const [configAppearance, setConfigAppearance] = useState(appearance);
+  useWidgetSettings(useCallback(() => {
+    setConfigAppearance({ ...appearance });
+    setSettingsOpen(true);
+  }, [appearance]));
+  const total = DURATIONS[mode];
+  const progress = 1 - remaining / total;
+  const mm = String(Math.floor(remaining / 60)).padStart(2, "0");
+  const ss = String(remaining % 60).padStart(2, "0");
+  const c = COLORS[mode];
+  const R = 54, C = 2 * Math.PI * R;
+  const notify = useCallback((title) => {
+    beep();
+    if (Notification.permission === "granted") new Notification(title);
+    else if (Notification.permission !== "denied") Notification.requestPermission();
+  }, []);
+  const switchMode = useCallback((next) => {
+    setMode(next);
+    setRemaining(DURATIONS[next]);
+    setRunning(false);
+  }, []);
+  useEffect(() => {
+    if (!running) {
+      clearInterval(intervalRef.current);
+      return;
+    }
+    intervalRef.current = setInterval(() => setRemaining((r) => {
+      if (r <= 1) {
+        clearInterval(intervalRef.current);
+        return 0;
+      }
+      return r - 1;
+    }), 1e3);
+    return () => clearInterval(intervalRef.current);
+  }, [running]);
+  useEffect(() => {
+    if (remaining > 0 || running === false) return;
+    setRunning(false);
+    if (mode === "focus") {
+      const next = streak + 1;
+      const newCount = count + 1;
+      setStreak(next);
+      setCount(newCount);
+      saveCount(newCount);
+      notify(next % 4 === 0 ? "Time for a long break!" : "Time for a short break!");
+      switchMode(next % 4 === 0 ? "long" : "short");
+    } else {
+      notify("Back to work!");
+      switchMode("focus");
+    }
+  }, [remaining, running, mode, streak, count, notify, switchMode]);
+  const reset = () => {
+    setRunning(false);
+    setRemaining(DURATIONS[mode]);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex flex-col items-center justify-between h-full p-3 select-none",
+        style: { opacity: appearance.activeOpacity / 100, backdropFilter: appearance.activeBlur > 0 ? `blur(${appearance.activeBlur}px)` : void 0 },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex gap-0.5 rounded-lg bg-gray-100 p-0.5 text-xs font-medium w-full", children: ["focus", "short", "long"].map((m) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => switchMode(m),
+              className: `flex-1 px-2 py-1 rounded-md transition ${mode === m ? "bg-blue-600 text-white" : "text-gray-500 hover:bg-gray-200"}`,
+              children: LABELS[m]
+            },
+            m
+          )) }),
+          /* @__PURE__ */ jsxs("div", { className: "relative", style: { width: 210, height: 210 }, children: [
+            /* @__PURE__ */ jsxs("svg", { className: "w-full h-full -rotate-90", viewBox: "0 0 120 120", children: [
+              /* @__PURE__ */ jsx("circle", { cx: "60", cy: "60", r: R, fill: "none", strokeWidth: "6", className: "stroke-gray-200" }),
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: "60",
+                  cy: "60",
+                  r: R,
+                  fill: "none",
+                  strokeWidth: "6",
+                  className: `${c.ring} transition-all duration-500`,
+                  strokeLinecap: "round",
+                  strokeDasharray: C,
+                  strokeDashoffset: C * (1 - progress)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
+              /* @__PURE__ */ jsxs("span", { className: `text-3xl font-mono font-bold ${c.text}`, children: [
+                mm,
+                ":",
+                ss
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 mt-0.5", children: LABELS[mode] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 w-full", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setRunning((r) => !r),
+                className: "flex-1 py-1.5 rounded-lg text-white font-medium text-xs bg-blue-600 hover:bg-blue-700 transition",
+                children: running ? "Pause" : "Start"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: reset,
+                className: "flex-1 py-1.5 rounded-lg text-xs font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition",
+                children: "Reset"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-gray-400", children: [
+            count > 0 ? Array.from({ length: Math.min(count, 8) }, (_, i) => /* @__PURE__ */ jsx("span", { children: "\u{1F345}" }, i)) : /* @__PURE__ */ jsx("span", { children: "No sessions yet" }),
+            count > 8 && /* @__PURE__ */ jsxs("span", { children: [
+              "+",
+              count - 8
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      WidgetSettingsModal,
+      {
+        open: settingsOpen,
+        onClose: () => setSettingsOpen(false),
+        title: "Pomodoro Settings",
+        appearance: configAppearance,
+        onAppearanceChange: setConfigAppearance,
+        onSave: () => {
+          setAppearance(configAppearance);
+          localStorage.setItem(POMO_SETTINGS_KEY, JSON.stringify(configAppearance));
+          setSettingsOpen(false);
+        }
+      }
+    )
+  ] });
+}
+
+export { PomodoroTimer as default };
+//# sourceMappingURL=PomodoroTimer-HARIJN4S.js.map
+//# sourceMappingURL=PomodoroTimer-HARIJN4S.js.map

package/dist/PomodoroTimer-HARIJN4S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/apps/PomodoroTimer.tsx"],"names":[],"mappings":"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","file":"PomodoroTimer-HARIJN4S.js","sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\nimport { useWidgetSettings } from '../shell/Modal';\nimport WidgetSettingsModal, { loadAppearance, type WidgetAppearance } from '../shell/WidgetSettingsModal';\n\ntype Mode = 'focus' | 'short' | 'long';\nconst POMO_SETTINGS_KEY = 'pomodoro_appearance';\nconst DURATIONS: Record<Mode, number> = { focus: 25 * 60, short: 5 * 60, long: 15 * 60 };\nconst LABELS: Record<Mode, string> = { focus: 'Focus', short: 'Short', long: 'Long' };\nconst COLORS: Record<Mode, { ring: string; text: string }> = {\n  focus: { ring: 'stroke-blue-500', text: 'text-blue-600' },\n  short: { ring: 'stroke-emerald-500', text: 'text-emerald-600' },\n  long: { ring: 'stroke-emerald-600', text: 'text-emerald-700' },\n};\n\nfunction getTodayKey() { return `pomodoro-${new Date().toISOString().slice(0, 10)}`; }\nfunction loadCount() { return parseInt(localStorage.getItem(getTodayKey()) || '0', 10); }\nfunction saveCount(n: number) { localStorage.setItem(getTodayKey(), String(n)); }\n\nfunction beep() {\n  try {\n    const ctx = new AudioContext();\n    const osc = ctx.createOscillator();\n    const gain = ctx.createGain();\n    osc.connect(gain); gain.connect(ctx.destination);\n    osc.frequency.value = 830; osc.type = 'sine';\n    gain.gain.setValueAtTime(0.3, ctx.currentTime);\n    gain.gain.exponentialRampToValueAtTime(0.001, ctx.currentTime + 0.8);\n    osc.start(); osc.stop(ctx.currentTime + 0.8);\n    setTimeout(() => ctx.close(), 1000);\n  } catch { /* silent fallback */ }\n}\n\nexport default function PomodoroTimer() {\n  const [mode, setMode] = useState<Mode>('focus');\n  const [remaining, setRemaining] = useState(DURATIONS.focus);\n  const [running, setRunning] = useState(false);\n  const [count, setCount] = useState(loadCount);\n  const [streak, setStreak] = useState(0);\n  const intervalRef = useRef<ReturnType<typeof setInterval>>();\n  const [appearance, setAppearance] = useState(() => loadAppearance(POMO_SETTINGS_KEY));\n  const [settingsOpen, setSettingsOpen] = useState(false);\n  const [configAppearance, setConfigAppearance] = useState<WidgetAppearance>(appearance);\n\n  useWidgetSettings(useCallback(() => {\n    setConfigAppearance({ ...appearance });\n    setSettingsOpen(true);\n  }, [appearance]));\n\n  const total = DURATIONS[mode];\n  const progress = 1 - remaining / total;\n  const mm = String(Math.floor(remaining / 60)).padStart(2, '0');\n  const ss = String(remaining % 60).padStart(2, '0');\n  const c = COLORS[mode];\n  const R = 54, C = 2 * Math.PI * R;\n\n  const notify = useCallback((title: string) => {\n    beep();\n    if (Notification.permission === 'granted') new Notification(title);\n    else if (Notification.permission !== 'denied') Notification.requestPermission();\n  }, []);\n\n  const switchMode = useCallback((next: Mode) => {\n    setMode(next); setRemaining(DURATIONS[next]); setRunning(false);\n  }, []);\n\n  useEffect(() => {\n    if (!running) { clearInterval(intervalRef.current); return; }\n    intervalRef.current = setInterval(() => setRemaining(r => {\n      if (r <= 1) { clearInterval(intervalRef.current); return 0; }\n      return r - 1;\n    }), 1000);\n    return () => clearInterval(intervalRef.current);\n  }, [running]);\n\n  useEffect(() => {\n    if (remaining > 0 || running === false) return;\n    setRunning(false);\n    if (mode === 'focus') {\n      const next = streak + 1;\n      const newCount = count + 1;\n      setStreak(next); setCount(newCount); saveCount(newCount);\n      notify(next % 4 === 0 ? 'Time for a long break!' : 'Time for a short break!');\n      switchMode(next % 4 === 0 ? 'long' : 'short');\n    } else {\n      notify('Back to work!');\n      switchMode('focus');\n    }\n  }, [remaining, running, mode, streak, count, notify, switchMode]);\n\n  const reset = () => { setRunning(false); setRemaining(DURATIONS[mode]); };\n\n  return (\n    <>\n    <div className=\"flex flex-col items-center justify-between h-full p-3 select-none\"\n      style={{ opacity: appearance.activeOpacity / 100, backdropFilter: appearance.activeBlur > 0 ? `blur(${appearance.activeBlur}px)` : undefined }}>\n      {/* Mode tabs */}\n      <div className=\"flex gap-0.5 rounded-lg bg-gray-100 p-0.5 text-xs font-medium w-full\">\n        {(['focus', 'short', 'long'] as Mode[]).map(m => (\n          <button key={m} onClick={() => switchMode(m)}\n            className={`flex-1 px-2 py-1 rounded-md transition ${mode === m ? 'bg-blue-600 text-white' : 'text-gray-500 hover:bg-gray-200'}`}>\n            {LABELS[m]}\n          </button>\n        ))}\n      </div>\n\n      {/* Circular timer */}\n      <div className=\"relative\" style={{ width: 210, height: 210 }}>\n        <svg className=\"w-full h-full -rotate-90\" viewBox=\"0 0 120 120\">\n          <circle cx=\"60\" cy=\"60\" r={R} fill=\"none\" strokeWidth=\"6\" className=\"stroke-gray-200\" />\n          <circle cx=\"60\" cy=\"60\" r={R} fill=\"none\" strokeWidth=\"6\"\n            className={`${c.ring} transition-all duration-500`}\n            strokeLinecap=\"round\" strokeDasharray={C} strokeDashoffset={C * (1 - progress)} />\n        </svg>\n        <div className=\"absolute inset-0 flex flex-col items-center justify-center\">\n          <span className={`text-3xl font-mono font-bold ${c.text}`}>{mm}:{ss}</span>\n          <span className=\"text-[10px] text-gray-400 mt-0.5\">{LABELS[mode]}</span>\n        </div>\n      </div>\n\n      {/* Controls */}\n      <div className=\"flex gap-2 w-full\">\n        <button onClick={() => setRunning(r => !r)}\n          className=\"flex-1 py-1.5 rounded-lg text-white font-medium text-xs bg-blue-600 hover:bg-blue-700 transition\">\n          {running ? 'Pause' : 'Start'}\n        </button>\n        <button onClick={reset}\n          className=\"flex-1 py-1.5 rounded-lg text-xs font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition\">\n          Reset\n        </button>\n      </div>\n\n      {/* Session dots */}\n      <div className=\"flex items-center gap-1 text-xs text-gray-400\">\n        {count > 0 ? Array.from({ length: Math.min(count, 8) }, (_, i) => (\n          <span key={i}>&#x1F345;</span>\n        )) : <span>No sessions yet</span>}\n        {count > 8 && <span>+{count - 8}</span>}\n      </div>\n    </div>\n    <WidgetSettingsModal open={settingsOpen} onClose={() => setSettingsOpen(false)} title=\"Pomodoro Settings\"\n      appearance={configAppearance} onAppearanceChange={setConfigAppearance}\n      onSave={() => { setAppearance(configAppearance); localStorage.setItem(POMO_SETTINGS_KEY, JSON.stringify(configAppearance)); setSettingsOpen(false); }} />\n    </>\n  );\n}\n"]}

package/dist/Spreadsheet-IOKEDNS6.js

@@ -0,0 +1,446 @@
+import { EditableGrid } from './chunk-GP4Y3VCB.js';
+import { WindowTitle } from './chunk-WQIS72NL.js';
+import './chunk-RFTLYCSF.js';
+import { useRef, useState, useEffect, useCallback } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var TITLE_DISPLAY_MAX = 24;
+function truncateForTitle(s) {
+  return s.length > TITLE_DISPLAY_MAX ? `${s.slice(0, TITLE_DISPLAY_MAX - 1)}\u2026` : s;
+}
+var ALPHA = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+var DEFAULT_COLS = 10;
+var DEFAULT_ROWS = 30;
+function colLabel(i) {
+  if (i < 26) return ALPHA[i];
+  return ALPHA[Math.floor(i / 26) - 1] + ALPHA[i % 26];
+}
+function makeColumns(count) {
+  return Array.from({ length: count }, (_, i) => ({
+    key: `col_${i}`,
+    title: colLabel(i),
+    width: 100
+  }));
+}
+function makeEmptyData(rows, cols) {
+  return Array.from({ length: rows }, () => Array(cols).fill(""));
+}
+function newSheet(name) {
+  return {
+    id: crypto.randomUUID(),
+    name,
+    columns: makeColumns(DEFAULT_COLS),
+    data: makeEmptyData(DEFAULT_ROWS, DEFAULT_COLS),
+    cellStyles: {}
+  };
+}
+function parseCSV(text) {
+  return text.split("\n").map((line) => {
+    if (line.includes("	")) return line.split("	").map((s) => s.trim());
+    const parts = [];
+    let current = "";
+    let inQuotes = false;
+    for (const ch of line) {
+      if (ch === '"') {
+        inQuotes = !inQuotes;
+        continue;
+      }
+      if (ch === "," && !inQuotes) {
+        parts.push(current.trim());
+        current = "";
+        continue;
+      }
+      current += ch;
+    }
+    parts.push(current.trim());
+    return parts;
+  }).filter((r) => r.some((c) => c.trim()));
+}
+function Spreadsheet() {
+  const containerRef = useRef(null);
+  const [sheets, setSheets] = useState([newSheet("Sheet 1")]);
+  const [activeIdx, setActiveIdx] = useState(0);
+  const undoStackRef = useRef([]);
+  const lastCommittedRef = useRef(sheets);
+  const skipRecordRef = useRef(false);
+  useEffect(() => {
+    if (skipRecordRef.current) {
+      skipRecordRef.current = false;
+    } else if (lastCommittedRef.current !== sheets) {
+      undoStackRef.current.push(lastCommittedRef.current);
+      if (undoStackRef.current.length > 50) undoStackRef.current.shift();
+    }
+    lastCommittedRef.current = sheets;
+  }, [sheets]);
+  const undo = useCallback(() => {
+    const prev = undoStackRef.current.pop();
+    if (!prev) return;
+    skipRecordRef.current = true;
+    setSheets(prev);
+  }, []);
+  useEffect(() => {
+    const handler = (e) => {
+      if (!containerRef.current?.contains(document.activeElement) && !containerRef.current?.matches(":focus-within")) return;
+      const isUndo = (e.ctrlKey || e.metaKey) && !e.shiftKey && (e.key === "z" || e.key === "Z");
+      if (isUndo) {
+        e.preventDefault();
+        undo();
+      }
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [undo]);
+  const [title, setTitle] = useState("Untitled");
+  const [editingTitle, setEditingTitle] = useState(false);
+  const [editingTab, setEditingTab] = useState(null);
+  const [tabName, setTabName] = useState("");
+  const fileRef = useRef(null);
+  const [addColCount, setAddColCount] = useState("1");
+  const [addRowCount, setAddRowCount] = useState("10");
+  const active = sheets[activeIdx] || sheets[0];
+  const data = active.data;
+  const columns = active.columns;
+  const cellStyles = active.cellStyles ?? {};
+  const [focusedCell, setFocusedCell] = useState(null);
+  const [selection, setSelection] = useState(null);
+  const targetCells = useCallback(() => {
+    if (selection) {
+      const r1 = Math.min(selection.anchor.row, selection.end.row);
+      const r2 = Math.max(selection.anchor.row, selection.end.row);
+      const c1 = Math.min(selection.anchor.col, selection.end.col);
+      const c2 = Math.max(selection.anchor.col, selection.end.col);
+      const cells = [];
+      for (let r = r1; r <= r2; r++) for (let c = c1; c <= c2; c++) cells.push({ row: r, col: c });
+      return cells;
+    }
+    return focusedCell ? [focusedCell] : [];
+  }, [selection, focusedCell]);
+  const toggleCellStyle = useCallback((key, value) => {
+    const cells = targetCells();
+    if (cells.length === 0) return;
+    setSheets((prev) => prev.map((s, i) => {
+      if (i !== activeIdx) return s;
+      const styles = { ...s.cellStyles ?? {} };
+      const firstKey = `${cells[0].row}:${cells[0].col}`;
+      const desired = value !== void 0 ? value : !(styles[firstKey] ?? {})[key];
+      for (const { row, col } of cells) {
+        const k = `${row}:${col}`;
+        styles[k] = { ...styles[k] ?? {}, [key]: desired };
+      }
+      return { ...s, cellStyles: styles };
+    }));
+  }, [targetCells, activeIdx]);
+  const headCell = selection ? { row: selection.anchor.row, col: selection.anchor.col } : focusedCell;
+  const focusedStyle = headCell ? cellStyles[`${headCell.row}:${headCell.col}`] ?? {} : {};
+  const hasTarget = !!headCell;
+  const updateActiveSheet = useCallback((update) => {
+    setSheets((prev) => prev.map((s, i) => i === activeIdx ? { ...s, ...update } : s));
+  }, [activeIdx]);
+  const handleChange = useCallback((newData) => {
+    const maxCols = newData.reduce((m, r) => Math.max(m, r.length), 0);
+    if (maxCols !== columns.length) {
+      updateActiveSheet({ data: newData, columns: makeColumns(maxCols) });
+    } else {
+      updateActiveSheet({ data: newData });
+    }
+  }, [updateActiveSheet, columns.length]);
+  const addSheet = () => {
+    const name = `Sheet ${sheets.length + 1}`;
+    setSheets((prev) => [...prev, newSheet(name)]);
+    setActiveIdx(sheets.length);
+  };
+  const removeSheet = (idx) => {
+    if (sheets.length <= 1) return;
+    setSheets((prev) => prev.filter((_, i) => i !== idx));
+    if (activeIdx >= idx && activeIdx > 0) setActiveIdx(activeIdx - 1);
+  };
+  const renameSheet = (idx, name) => {
+    setSheets((prev) => prev.map((s, i) => i === idx ? { ...s, name } : s));
+    setEditingTab(null);
+  };
+  const addColumns = (count) => {
+    const newColCount = columns.length + count;
+    updateActiveSheet({
+      columns: makeColumns(newColCount),
+      data: data.map((row) => [...row, ...Array(count).fill("")])
+    });
+  };
+  const addRows = (count) => {
+    updateActiveSheet({
+      data: [...data, ...Array.from({ length: count }, () => Array(columns.length).fill(""))]
+    });
+  };
+  const handleClear = () => {
+    updateActiveSheet({
+      columns: makeColumns(DEFAULT_COLS),
+      data: makeEmptyData(DEFAULT_ROWS, DEFAULT_COLS)
+    });
+  };
+  const exportCSV = () => {
+    const csv = data.filter((row) => row.some((c) => c.trim())).map((row) => row.map((cell) => {
+      if (cell.includes(",") || cell.includes('"') || cell.includes("\n"))
+        return `"${cell.replace(/"/g, '""')}"`;
+      return cell;
+    }).join(",")).join("\n");
+    const blob = new Blob([csv], { type: "text/csv" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${title || "spreadsheet"}.csv`;
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+  const importFile = async (e) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    const name = file.name.replace(/\.(csv|tsv|txt|xlsx|xls|ods)$/i, "");
+    if (/\.(xlsx|xls|ods)$/i.test(file.name)) {
+      const byteArr = new Uint8Array(await file.arrayBuffer());
+      const XLSX = await import('xlsx');
+      const wb = XLSX.read(byteArr, { type: "array" });
+      const newSheets = wb.SheetNames.map((sn) => {
+        const rows = XLSX.utils.sheet_to_json(wb.Sheets[sn], { header: 1, defval: "" });
+        const maxCols = Math.max(DEFAULT_COLS, rows.reduce((m, r) => Math.max(m, r.length), 0));
+        const padded = rows.map((r) => {
+          const nr = r.map((c) => String(c ?? ""));
+          while (nr.length < maxCols) nr.push("");
+          return nr;
+        });
+        while (padded.length < DEFAULT_ROWS) padded.push(Array(maxCols).fill(""));
+        return { id: crypto.randomUUID(), name: sn, columns: makeColumns(maxCols), data: padded };
+      });
+      setSheets(newSheets);
+      setActiveIdx(0);
+      setTitle(name);
+    } else {
+      const text = await file.text();
+      const parsed = parseCSV(text);
+      if (parsed.length === 0) return;
+      const maxCols = Math.max(DEFAULT_COLS, parsed.reduce((m, r) => Math.max(m, r.length), 0));
+      const padded = parsed.map((r) => {
+        while (r.length < maxCols) r.push("");
+        return r;
+      });
+      while (padded.length < DEFAULT_ROWS) padded.push(Array(maxCols).fill(""));
+      updateActiveSheet({ columns: makeColumns(maxCols), data: padded });
+      setTitle(name);
+    }
+    if (fileRef.current) fileRef.current.value = "";
+  };
+  const allNums = [];
+  data.forEach((row) => row.forEach((cell) => {
+    const v = parseFloat(cell);
+    if (!isNaN(v) && cell.trim()) allNums.push(v);
+  }));
+  const filledCount = data.reduce((c, row) => c + row.filter((cell) => cell.trim()).length, 0);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx(WindowTitle, { title: `${truncateForTitle(title || "Untitled")} - Spreadsheets` }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-gray-200 bg-gray-50 shrink-0", children: [
+      editingTitle ? /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: title,
+          onChange: (e) => setTitle(e.target.value),
+          onBlur: () => setEditingTitle(false),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") setEditingTitle(false);
+          },
+          autoFocus: true,
+          className: "text-sm font-medium text-gray-900 border border-gray-300 rounded px-2 py-0.5 w-40 focus:border-blue-500 focus:ring-blue-500"
+        }
+      ) : /* @__PURE__ */ jsx("button", { onClick: () => setEditingTitle(true), className: "text-sm font-medium text-gray-900 hover:text-blue-600 truncate max-w-[200px]", title: "Click to rename", children: title || "Untitled" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-gray-300" }),
+      /* @__PURE__ */ jsx("input", { ref: fileRef, type: "file", accept: ".csv,.tsv,.txt,.xlsx,.xls,.ods", onChange: importFile, className: "hidden" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => fileRef.current?.click(),
+          className: "text-xs text-gray-600 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",
+          children: "Open"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: exportCSV,
+          className: "text-xs text-gray-600 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",
+          children: "Save CSV"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-gray-300" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: "1",
+            max: "50",
+            value: addColCount,
+            onChange: (e) => setAddColCount(e.target.value),
+            className: "w-10 text-xs text-center border border-gray-300 rounded px-1 py-0.5 focus:border-blue-500 focus:ring-blue-500"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => addColumns(parseInt(addColCount) || 1),
+            className: "text-xs text-gray-600 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",
+            children: "+ Col"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: "1",
+            max: "500",
+            value: addRowCount,
+            onChange: (e) => setAddRowCount(e.target.value),
+            className: "w-10 text-xs text-center border border-gray-300 rounded px-1 py-0.5 focus:border-blue-500 focus:ring-blue-500"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => addRows(parseInt(addRowCount) || 10),
+            className: "text-xs text-gray-600 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",
+            children: "+ Row"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-gray-300" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleClear,
+          className: "text-xs text-gray-600 hover:text-gray-900 px-2 py-1 rounded hover:bg-gray-200 transition-colors",
+          children: "Clear"
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-gray-300" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", title: hasTarget ? "" : "Click a cell first", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => toggleCellStyle("bold"),
+            disabled: !hasTarget,
+            className: `px-2 py-1 text-xs rounded transition-colors font-bold ${focusedStyle.bold ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:bg-gray-200"} disabled:opacity-40 disabled:cursor-not-allowed`,
+            children: "B"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => toggleCellStyle("italic"),
+            disabled: !hasTarget,
+            className: `px-2 py-1 text-xs rounded transition-colors italic ${focusedStyle.italic ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:bg-gray-200"} disabled:opacity-40 disabled:cursor-not-allowed`,
+            children: "I"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => toggleCellStyle("underline"),
+            disabled: !hasTarget,
+            className: `px-2 py-1 text-xs rounded transition-colors underline ${focusedStyle.underline ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:bg-gray-200"} disabled:opacity-40 disabled:cursor-not-allowed`,
+            children: "U"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: focusedStyle.fontSize ?? "base",
+            onChange: (e) => toggleCellStyle("fontSize", e.target.value),
+            disabled: !hasTarget,
+            className: "ml-1 text-xs border border-gray-300 rounded px-1 py-0.5 bg-white disabled:opacity-40 disabled:cursor-not-allowed",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "sm", children: "XS" }),
+              /* @__PURE__ */ jsx("option", { value: "base", children: "S" }),
+              /* @__PURE__ */ jsx("option", { value: "lg", children: "M" }),
+              /* @__PURE__ */ jsx("option", { value: "xl", children: "L" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsx(
+      EditableGrid,
+      {
+        columns,
+        data,
+        onChange: handleChange,
+        onColumnsChange: (newCols) => updateActiveSheet({ columns: newCols }),
+        cellStyles,
+        onFocusChange: setFocusedCell,
+        onSelectionChange: setSelection,
+        minRows: DEFAULT_ROWS,
+        maxHeight: "100%"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center border-t border-gray-200 bg-gray-50 shrink-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 px-1 py-1 overflow-x-auto flex-1 min-w-0", children: [
+        sheets.map((sheet, idx) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setActiveIdx(idx),
+            onDoubleClick: () => {
+              setEditingTab(idx);
+              setTabName(sheet.name);
+            },
+            onContextMenu: (e) => {
+              e.preventDefault();
+              if (sheets.length > 1) removeSheet(idx);
+            },
+            className: `px-3 py-1 text-xs font-medium rounded-b whitespace-nowrap transition-colors ${idx === activeIdx ? "bg-white text-blue-700 border border-t-0 border-gray-300 -mt-px relative z-10" : "text-gray-500 hover:text-gray-700 hover:bg-gray-100"}`,
+            children: editingTab === idx ? /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: tabName,
+                onChange: (e) => setTabName(e.target.value),
+                onBlur: () => renameSheet(idx, tabName || sheet.name),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") renameSheet(idx, tabName || sheet.name);
+                  if (e.key === "Escape") setEditingTab(null);
+                },
+                onClick: (e) => e.stopPropagation(),
+                autoFocus: true,
+                className: "w-20 text-xs border border-blue-400 rounded px-1 py-0 focus:ring-0 focus:outline-none"
+              }
+            ) : sheet.name
+          },
+          sheet.id
+        )),
+        /* @__PURE__ */ jsx("button", { onClick: addSheet, className: "px-2 py-1 text-xs text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded", title: "Add sheet", children: "+" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 px-3 py-1 text-xs text-gray-500 shrink-0 border-l border-gray-200", children: [
+        /* @__PURE__ */ jsxs("span", { children: [
+          filledCount,
+          " cells"
+        ] }),
+        allNums.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            "Sum: ",
+            allNums.reduce((s, v) => s + v, 0).toLocaleString(void 0, { maximumFractionDigits: 2 })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            "Avg: ",
+            (allNums.reduce((s, v) => s + v, 0) / allNums.length).toLocaleString(void 0, { maximumFractionDigits: 2 })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          data.length,
+          " \xD7 ",
+          columns.length
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+export { Spreadsheet as default };
+//# sourceMappingURL=Spreadsheet-IOKEDNS6.js.map
+//# sourceMappingURL=Spreadsheet-IOKEDNS6.js.map