react-os-shell 0.7.5 → 0.9.0

package/dist/index.js

@@ -1,10 +1,7 @@
-import { useEmailUnreadCount } from './chunk-PDFQNHW7.js';
-import { useMailAuth } from './chunk-VBFB3ZIN.js';
-export { setShellMailServer, useMailAuth } from './chunk-VBFB3ZIN.js';
-import { formatDate } from './chunk-NSU7OHPC.js';
-export { formatDate } from './chunk-NSU7OHPC.js';
+import { formatDate } from './chunk-Y4QYGQKS.js';
+export { formatDate } from './chunk-Y4QYGQKS.js';
 import { subscribePomo, getPomoSnapshot } from './chunk-MK3HLUO4.js';
-export { setShellTodoProvider } from './chunk-FTL7F4TM.js';
+export { setShellTodoProvider } from './chunk-QTJ2CHJX.js';
 import { useShellPrefs } from './chunk-36VM54SC.js';
 export { ShellPrefsProvider, useLocalStoragePrefs, useShellPrefs } from './chunk-36VM54SC.js';
 import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-SUUADOG6.js';
@@ -14,7 +11,7 @@ import './chunk-KUIPWCTJ.js';
 import { toast_default } from './chunk-WIJ45SYD.js';
 export { toast_default as toast } from './chunk-WIJ45SYD.js';
 export { EditableGrid } from './chunk-ZETQWO2W.js';
-import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, WINDOW_REGISTRY, isPageEntry, ModalActions, useIsMobile, useModalActive, client_default, LoadingSpinner, setWindowPosition, ThumbCard, activateModal } from './chunk-3T6SQ4UO.js';
+import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, Modal, WINDOW_REGISTRY, isPageEntry, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, setWindowPosition, ThumbCard, activateModal } from './chunk-3T6SQ4UO.js';
 export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useModalActive, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-3T6SQ4UO.js';
 import { confirm } from './chunk-UBN4IUDE.js';
 export { ConfirmProvider, confirm, confirmDestructive, prompt } from './chunk-UBN4IUDE.js';
@@ -1403,7 +1400,7 @@ function WidgetManager({ open, onClose }) {
 }
 
 // src/version.ts
-var VERSION = "0.7.5" ;
+var VERSION = "0.9.0" ;
 var APP_VERSION = VERSION;
 
 // src/changelog.ts
@@ -3012,221 +3009,6 @@ function useTheme() {
   }, [accentColor, customBgColor, customTitleColor, customWindowColor, customButtonColor]);
   return { theme: saved, resolved };
 }
-var PRESETS = [
-  {
-    id: "fastmail",
-    label: "Fastmail",
-    imap: { host: "imap.fastmail.com", port: 993, secure: true },
-    smtp: { host: "smtp.fastmail.com", port: 465, secure: true },
-    caldav: "https://caldav.fastmail.com/"
-  },
-  {
-    id: "icloud",
-    label: "iCloud",
-    note: "Requires an app-specific password (appleid.apple.com).",
-    imap: { host: "imap.mail.me.com", port: 993, secure: true },
-    smtp: { host: "smtp.mail.me.com", port: 587, secure: false },
-    caldav: "https://caldav.icloud.com/"
-  },
-  {
-    id: "yahoo",
-    label: "Yahoo",
-    note: "Requires an app password (account.yahoo.com).",
-    imap: { host: "imap.mail.yahoo.com", port: 993, secure: true },
-    smtp: { host: "smtp.mail.yahoo.com", port: 465, secure: true },
-    caldav: "https://caldav.calendar.yahoo.com/"
-  },
-  {
-    id: "gmail",
-    label: "Gmail (app password required)",
-    note: "Enable 2FA and create an app password \u2014 Gmail rejects regular passwords for IMAP.",
-    imap: { host: "imap.gmail.com", port: 993, secure: true },
-    smtp: { host: "smtp.gmail.com", port: 465, secure: true }
-  },
-  {
-    id: "outlook",
-    label: "Outlook (app password required)",
-    note: "Modern auth not supported \u2014 generate an app password in Microsoft account settings.",
-    imap: { host: "outlook.office365.com", port: 993, secure: true },
-    smtp: { host: "smtp.office365.com", port: 587, secure: false }
-  },
-  {
-    id: "custom",
-    label: "Custom",
-    imap: { host: "", port: 993, secure: true },
-    smtp: { host: "", port: 465, secure: true }
-  }
-];
-function MailConnectModal({ open, onClose }) {
-  const { isConnected, user, capabilities, login, logout, loading, error } = useMailAuth();
-  const [presetId, setPresetId] = useState("fastmail");
-  const preset = PRESETS.find((p) => p.id === presetId) || PRESETS[0];
-  const prefill = typeof window !== "undefined" ? localStorage.getItem("mail_login_prefill_email") || "" : "";
-  const [email, setEmail] = useState(prefill);
-  const [password, setPassword] = useState("");
-  const [imapHost, setImapHost] = useState(preset.imap.host);
-  const [imapPort, setImapPort] = useState(preset.imap.port);
-  const [imapSecure, setImapSecure] = useState(preset.imap.secure);
-  const [smtpHost, setSmtpHost] = useState(preset.smtp.host);
-  const [smtpPort, setSmtpPort] = useState(preset.smtp.port);
-  const [smtpSecure, setSmtpSecure] = useState(preset.smtp.secure);
-  const [caldavUrl, setCaldavUrl] = useState(preset.caldav || "");
-  const [localError, setLocalError] = useState(null);
-  useEffect(() => {
-    setImapHost(preset.imap.host);
-    setImapPort(preset.imap.port);
-    setImapSecure(preset.imap.secure);
-    setSmtpHost(preset.smtp.host);
-    setSmtpPort(preset.smtp.port);
-    setSmtpSecure(preset.smtp.secure);
-    setCaldavUrl(preset.caldav || "");
-  }, [preset]);
-  async function handleSubmit(e) {
-    e.preventDefault();
-    setLocalError(null);
-    if (!email || !password) {
-      setLocalError("Email and password are required");
-      return;
-    }
-    const payload = {
-      imap: { host: imapHost, port: imapPort, secure: imapSecure, user: email, pass: password },
-      smtp: { host: smtpHost, port: smtpPort, secure: smtpSecure, user: email, pass: password },
-      caldav: caldavUrl ? { serverUrl: caldavUrl, user: email, pass: password } : void 0
-    };
-    try {
-      await login(payload);
-      onClose();
-    } catch {
-    }
-  }
-  return /* @__PURE__ */ jsxs(Modal, { open, onClose, title: "Mail & Calendar", size: "md", children: [
-    isConnected ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-green-200 bg-green-50 p-4", children: [
-        /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-green-900", children: [
-          "Connected as ",
-          user?.email
-        ] }),
-        /* @__PURE__ */ jsxs("p", { className: "text-xs text-green-700 mt-1", children: [
-          "IMAP: ok \xB7 SMTP: ok \xB7 CalDAV: ",
-          capabilities?.caldav ? "ok" : "not configured"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500", children: "Disconnect to switch accounts. Credentials are not persisted to disk \u2014 restarting the bridge server signs you out." })
-    ] }) : /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("label", { className: "block", children: [
-        /* @__PURE__ */ jsx("span", { className: "block text-xs font-medium text-gray-700 mb-1", children: "Provider" }),
-        /* @__PURE__ */ jsx(
-          "select",
-          {
-            value: presetId,
-            onChange: (e) => setPresetId(e.target.value),
-            className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm",
-            children: PRESETS.map((p) => /* @__PURE__ */ jsx("option", { value: p.id, children: p.label }, p.id))
-          }
-        )
-      ] }),
-      preset.note && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-amber-700 bg-amber-50 border border-amber-200 rounded p-2", children: preset.note }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ jsxs("label", { className: "block col-span-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "block text-xs font-medium text-gray-700 mb-1", children: "Email" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "email",
-              value: email,
-              onChange: (e) => setEmail(e.target.value),
-              autoComplete: "username",
-              className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("label", { className: "block col-span-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "block text-xs font-medium text-gray-700 mb-1", children: "Password" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "password",
-              value: password,
-              onChange: (e) => setPassword(e.target.value),
-              autoComplete: "current-password",
-              className: "w-full rounded-md border border-gray-300 px-3 py-2 text-sm"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("fieldset", { className: "border border-gray-200 rounded-md p-3", children: [
-        /* @__PURE__ */ jsx("legend", { className: "px-1 text-xs font-medium text-gray-600", children: "IMAP (incoming)" }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
-          /* @__PURE__ */ jsxs("label", { className: "block col-span-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-gray-600 mb-1", children: "Host" }),
-            /* @__PURE__ */ jsx("input", { value: imapHost, onChange: (e) => setImapHost(e.target.value), className: "w-full rounded border border-gray-300 px-2 py-1 text-sm" })
-          ] }),
-          /* @__PURE__ */ jsxs("label", { className: "block", children: [
-            /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-gray-600 mb-1", children: "Port" }),
-            /* @__PURE__ */ jsx("input", { type: "number", value: imapPort, onChange: (e) => setImapPort(Number(e.target.value)), className: "w-full rounded border border-gray-300 px-2 py-1 text-sm" })
-          ] }),
-          /* @__PURE__ */ jsxs("label", { className: "col-span-3 flex items-center gap-2 text-xs text-gray-600 mt-1", children: [
-            /* @__PURE__ */ jsx("input", { type: "checkbox", checked: imapSecure, onChange: (e) => setImapSecure(e.target.checked) }),
-            "Use TLS/SSL (recommended for port 993)"
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("fieldset", { className: "border border-gray-200 rounded-md p-3", children: [
-        /* @__PURE__ */ jsx("legend", { className: "px-1 text-xs font-medium text-gray-600", children: "SMTP (outgoing)" }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2", children: [
-          /* @__PURE__ */ jsxs("label", { className: "block col-span-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-gray-600 mb-1", children: "Host" }),
-            /* @__PURE__ */ jsx("input", { value: smtpHost, onChange: (e) => setSmtpHost(e.target.value), className: "w-full rounded border border-gray-300 px-2 py-1 text-sm" })
-          ] }),
-          /* @__PURE__ */ jsxs("label", { className: "block", children: [
-            /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-gray-600 mb-1", children: "Port" }),
-            /* @__PURE__ */ jsx("input", { type: "number", value: smtpPort, onChange: (e) => setSmtpPort(Number(e.target.value)), className: "w-full rounded border border-gray-300 px-2 py-1 text-sm" })
-          ] }),
-          /* @__PURE__ */ jsxs("label", { className: "col-span-3 flex items-center gap-2 text-xs text-gray-600 mt-1", children: [
-            /* @__PURE__ */ jsx("input", { type: "checkbox", checked: smtpSecure, onChange: (e) => setSmtpSecure(e.target.checked) }),
-            "Use TLS/SSL (recommended for port 465)"
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("fieldset", { className: "border border-gray-200 rounded-md p-3", children: [
-        /* @__PURE__ */ jsx("legend", { className: "px-1 text-xs font-medium text-gray-600", children: "CalDAV (optional)" }),
-        /* @__PURE__ */ jsxs("label", { className: "block", children: [
-          /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-gray-600 mb-1", children: "Server URL" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "url",
-              value: caldavUrl,
-              onChange: (e) => setCaldavUrl(e.target.value),
-              placeholder: "https://caldav.example.com/",
-              className: "w-full rounded border border-gray-300 px-2 py-1 text-sm"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "text-[10px] text-gray-500 mt-1", children: "Leave blank to skip calendar setup." })
-      ] }),
-      (localError || error) && /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600 bg-red-50 border border-red-200 rounded p-2", children: localError || error })
-    ] }),
-    /* @__PURE__ */ jsx(ModalActions, { children: isConnected ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: logout,
-        disabled: loading,
-        className: "inline-flex items-center gap-1.5 text-red-600 border border-red-200 bg-white px-4 py-2 text-sm font-medium rounded-lg hover:bg-red-50 disabled:opacity-50",
-        children: loading ? "Disconnecting\u2026" : "Disconnect"
-      }
-    ) : /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: (e) => handleSubmit(e),
-        disabled: loading,
-        className: "inline-flex items-center gap-2 bg-gray-900 text-white px-5 py-2 text-sm font-medium rounded-lg hover:bg-gray-800 disabled:opacity-50",
-        children: loading ? "Connecting\u2026" : "Connect"
-      }
-    ) })
-  ] });
-}
 function useClickOutside(ref, onClose) {
   useEffect(() => {
     const handler = (e) => {
@@ -4694,14 +4476,11 @@ function TaskbarClock() {
       const rect = buttonRef.current?.getBoundingClientRect();
       const right = rect ? Math.max(8, window.innerWidth - rect.right) : 8;
       const posStyle = taskbarPos === "top" ? { right, top: (rect?.bottom ?? 0) + 4 } : { right, bottom: window.innerHeight - (rect?.top ?? 0) + 4 };
-      return /* @__PURE__ */ jsx("div", { className: "fixed z-[300] rounded-lg border border-gray-200 bg-white shadow-xl", style: posStyle, children: /* @__PURE__ */ jsx(CalendarPopup, { now, onOpenCalendar: () => {
-        openPage("/calendar");
-        setOpen(false);
-      } }) });
+      return /* @__PURE__ */ jsx("div", { className: "fixed z-[300] rounded-lg border border-gray-200 bg-white shadow-xl", style: posStyle, children: /* @__PURE__ */ jsx(CalendarPopup, { now }) });
     })()
   ] });
 }
-function CalendarPopup({ now, onOpenCalendar }) {
+function CalendarPopup({ now }) {
   const [month, setMonth] = useState(() => new Date(now.getFullYear(), now.getMonth(), 1));
   const monthLabel = month.toLocaleDateString(void 0, { month: "long", year: "numeric" });
   const fullDate = now.toLocaleDateString(void 0, { weekday: "long", month: "long", day: "numeric" });
@@ -4748,18 +4527,7 @@ function CalendarPopup({ now, onOpenCalendar }) {
         },
         i
       );
-    }) }),
-    /* @__PURE__ */ jsx("div", { className: "mt-2 pt-2 border-t border-gray-100", children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: onOpenCalendar,
-        className: "w-full text-[11px] font-medium text-gray-500 hover:text-blue-600 hover:bg-blue-50 rounded py-1 transition-colors flex items-center justify-center gap-1.5",
-        children: [
-          /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.8, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" }) }),
-          "Open Calendar"
-        ]
-      }
-    ) })
+    }) })
   ] });
 }
 function TaskbarContextMenu({ x, y, position, size, onChangePosition, onChangeSize, onClose, onReportBug }) {
@@ -4827,14 +4595,12 @@ function Layout({
   categories = startMenuCategories,
   notifications,
   search,
-  taskbarTrayLeft,
-  showMail = true
+  taskbarTrayLeft
 } = {}) {
   const bugReport = useBugReport();
   const { user, logout, hasAnyPerm } = useAuth();
   const { openPage, openEntity, openWindows } = useWindowManager();
   const [menuOpen, setMenuOpen] = useState(false);
-  useEmailUnreadCount();
   const isMobile = useIsMobile();
   const profile = user || {};
   useTheme();
@@ -4893,14 +4659,7 @@ function Layout({
   const [balloonDismissed, setBalloonDismissed] = useState(false);
   const [isFullscreen, setIsFullscreen] = useState(!!document.fullscreenElement);
   const [taskbarMenu, setTaskbarMenu] = useState(null);
-  const [mailConnectOpen, setMailConnectOpen] = useState(false);
-  const { isConnected: mailConnected } = useMailAuth();
   const [showLogout, setShowLogout] = useState(false);
-  useEffect(() => {
-    const handler = () => setMailConnectOpen(true);
-    window.addEventListener("open-mail-connect", handler);
-    return () => window.removeEventListener("open-mail-connect", handler);
-  }, []);
   const savePref = useCallback((key, value) => {
     savePrefs({ [key]: value });
   }, [savePrefs]);
@@ -5158,18 +4917,9 @@ function Layout({
               /* @__PURE__ */ jsx("div", { id: "taskbar-windows", className: `flex-1 flex ${isVerticalTaskbar ? "flex-col items-center gap-1 min-h-0 overflow-y-auto w-full" : "items-center gap-1.5 min-w-0 overflow-x-auto"}` }),
               /* @__PURE__ */ jsx("div", { className: isVerticalTaskbar ? "h-px w-6 bg-gray-300 my-1" : "w-px h-6 bg-gray-300 mx-1" }),
               isVerticalTaskbar ? (
-                /* Vertical: clock + mail-connect + bell evenly spaced */
+                /* Vertical: clock + bell evenly spaced */
                 /* @__PURE__ */ jsx("div", { className: "w-full px-2", children: /* @__PURE__ */ jsxs("div", { className: `flex items-center justify-center gap-2 ${taskbarPosition === "right" ? "flex-row-reverse" : ""}`, children: [
                   /* @__PURE__ */ jsx(TaskbarClock, {}),
-                  showMail && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      onClick: () => setMailConnectOpen(true),
-                      title: mailConnected ? "Mail & Calendar Connected" : "Connect Mail & Calendar",
-                      className: `shrink-0 rounded-md p-1.5 transition-colors ${mailConnected ? "hover:bg-green-50 text-green-600" : "text-gray-500 hover:text-gray-900 hover:bg-gray-200"}`,
-                      children: /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.8, children: /* @__PURE__ */ jsx("path", { d: "M3 7l9 6 9-6M5 5h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2z", strokeLinecap: "round", strokeLinejoin: "round" }) })
-                    }
-                  ),
                   /* @__PURE__ */ jsx(TaskbarPomodoro, {}),
                   taskbarTrayLeft,
                   notifications && /* @__PURE__ */ jsx(NotificationBell, { ...notifications, popDirection: taskbarPosition === "right" ? "left" : "right" })
@@ -5180,15 +4930,6 @@ function Layout({
                   /* @__PURE__ */ jsx(TaskbarPomodoro, {}),
                   taskbarTrayLeft,
                   notifications && /* @__PURE__ */ jsx(NotificationBell, { ...notifications }),
-                  showMail && /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      onClick: () => setMailConnectOpen(true),
-                      title: mailConnected ? "Mail & Calendar Connected" : "Connect Mail & Calendar",
-                      className: `shrink-0 rounded-md p-2 transition-colors ${mailConnected ? "hover:bg-green-50 text-green-600" : "text-gray-500 hover:text-gray-900 hover:bg-gray-200"}`,
-                      children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.8, children: /* @__PURE__ */ jsx("path", { d: "M3 7l9 6 9-6M5 5h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2z", strokeLinecap: "round", strokeLinejoin: "round" }) })
-                    }
-                  ),
                   /* @__PURE__ */ jsx(TaskbarClock, {})
                 ] })
               )
@@ -5217,8 +4958,7 @@ function Layout({
       }
     ),
     /* @__PURE__ */ jsx(GlobalSearch, { ...search }),
-    /* @__PURE__ */ jsx(ShortcutHelp, {}),
-    /* @__PURE__ */ jsx(MailConnectModal, { open: mailConnectOpen, onClose: () => setMailConnectOpen(false) })
+    /* @__PURE__ */ jsx(ShortcutHelp, {})
   ] });
 }
 var THEMES = [
@@ -6518,6 +6258,126 @@ function EntityList(props) {
     }
   ) }) });
 }
+function Kanban({
+  items,
+  columns,
+  columnOf,
+  getId,
+  onMove,
+  renderCard,
+  onCardClick,
+  sortInColumn,
+  isLoading = false,
+  loadingText = "Loading\u2026",
+  emptyState,
+  columnEmptyText = "Drop here"
+}) {
+  const [dragId, setDragId] = useState(null);
+  const [fromCol, setFromCol] = useState(null);
+  const [gap, setGap] = useState(0);
+  const [over, setOver] = useState(null);
+  const grouped = useMemo(() => {
+    const map = {};
+    for (const c of columns) map[c.value] = [];
+    for (const it of items) (map[columnOf(it)] ??= []).push(it);
+    if (sortInColumn) for (const k of Object.keys(map)) map[k].sort(sortInColumn);
+    return map;
+  }, [items, columns, columnOf, sortInColumn]);
+  const reset = () => {
+    setDragId(null);
+    setFromCol(null);
+    setOver(null);
+  };
+  const isActive = (col) => over !== null && over.col === col && fromCol !== col;
+  if (isLoading) return /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-500 p-4", children: loadingText });
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx(Fragment, { children: emptyState ?? /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-500 p-4", children: "No items." }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-x-auto grid-scroll", children: /* @__PURE__ */ jsx("div", { className: "flex gap-3 h-full min-w-max pb-2", children: columns.map((col) => {
+    const colItems = grouped[col.value] ?? [];
+    const active = isActive(col.value);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `flex flex-col w-72 shrink-0 rounded-xl bg-gray-50 border transition-colors ${active ? "border-blue-400 ring-2 ring-blue-300/60" : "border-gray-200"}`,
+        onDragOver: (e) => e.preventDefault(),
+        onDragEnter: () => setOver((prev) => prev && prev.col === col.value ? prev : { col: col.value, index: colItems.length }),
+        onDrop: () => {
+          if (dragId) onMove(dragId, col.value);
+          reset();
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `flex items-center justify-between px-3 py-2 rounded-t-xl text-sm font-medium ${col.accent ?? "text-gray-700 bg-gray-100"}`,
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: `h-2 w-2 rounded-full ${col.dot ?? "bg-gray-400"}` }),
+                  col.label
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs opacity-70", children: colItems.length })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex-1 overflow-y-auto p-2 space-y-2 min-h-[120px]",
+              style: { paddingBottom: active ? gap + 8 : 8, transition: "padding-bottom 160ms ease" },
+              children: [
+                colItems.map((item, index) => {
+                  const id = getId(item);
+                  const shift = active && over !== null && index >= over.index ? gap : 0;
+                  const style = dragId === null ? {} : {
+                    transform: `translateY(${shift}px)`,
+                    transition: "transform 160ms cubic-bezier(0.2, 0, 0, 1), opacity 120ms ease",
+                    opacity: id === dragId ? 0.4 : 1
+                  };
+                  return /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      draggable: true,
+                      onDragStart: (e) => {
+                        setDragId(id);
+                        setFromCol(col.value);
+                        setGap(Math.round(e.currentTarget.getBoundingClientRect().height) + 8);
+                        try {
+                          e.dataTransfer.effectAllowed = "move";
+                        } catch {
+                        }
+                      },
+                      onDragEnter: (e) => {
+                        e.stopPropagation();
+                        setOver(
+                          (prev) => prev && prev.col === col.value && prev.index === index ? prev : { col: col.value, index }
+                        );
+                      },
+                      onDragEnd: reset,
+                      onClick: onCardClick ? () => onCardClick(item) : void 0,
+                      style,
+                      className: `rounded-lg bg-white border border-gray-200 p-3 shadow-sm hover:border-blue-400 hover:shadow transition ${onCardClick ? "cursor-pointer" : ""}`,
+                      children: renderCard(item)
+                    },
+                    id
+                  );
+                }),
+                colItems.length === 0 && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: `text-[11px] text-center rounded-lg transition-all duration-150 ${active ? "border-2 border-dashed border-blue-300 bg-blue-50/50 text-blue-400 py-8" : "text-gray-400 py-6"}`,
+                    children: columnEmptyText
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      },
+      col.value
+    );
+  }) }) });
+}
 function useInfiniteScroll({
   queryKey,
   fetchFn,
@@ -6634,6 +6494,6 @@ function useEditHotkey(callback) {
   }, [callback, isActive]);
 }
 
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, BehaviorPanel, BugReportConfigProvider, BugReportDetail, BugReportProvider, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Customization, DEV_BANNER_TEXT, Desktop, DesktopHostProvider, DevIndicator, ENTER, EntityList, GlobalSearch, HelpCenter, Layout, ListFooter, MOD, MailConnectModal, Markdown, NotificationBell, ResizableTable, SHIFT, ShellEntityFetcherProvider, ShortcutHelp, SoundsPanel, StartMenu, StatusBadge, StatusBadgeProvider, SystemPreferences, VERSION, WidgetManager, applyDevTitle, createWindowRegistry, isDevEnv, isMac, openBugReportDialog, reportBug, useBugReport, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav };
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, BehaviorPanel, BugReportConfigProvider, BugReportDetail, BugReportProvider, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Customization, DEV_BANNER_TEXT, Desktop, DesktopHostProvider, DevIndicator, ENTER, EntityList, GlobalSearch, HelpCenter, Kanban, Layout, ListFooter, MOD, Markdown, NotificationBell, ResizableTable, SHIFT, ShellEntityFetcherProvider, ShortcutHelp, SoundsPanel, StartMenu, StatusBadge, StatusBadgeProvider, SystemPreferences, VERSION, WidgetManager, applyDevTitle, createWindowRegistry, isDevEnv, isMac, openBugReportDialog, reportBug, useBugReport, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map