react-os-shell 3.7.0 → 3.8.0

package/dist/index.js

@@ -1,19 +1,21 @@
 import { subscribePomo, getPomoSnapshot } from './chunk-L7B66ALK.js';
 export { setShellTodoProvider } from './chunk-L7B66ALK.js';
-import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-K62Q5WNU.js';
-export { Breadcrumbs } from './chunk-K62Q5WNU.js';
+import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-X33RYNHS.js';
+export { Breadcrumbs } from './chunk-X33RYNHS.js';
 import { SidebarLayout } from './chunk-VGTEM5RZ.js';
 export { SidebarLayout } from './chunk-VGTEM5RZ.js';
 import { playNotification, playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, setSoundForType, previewSound, setAllSounds, playLogout } from './chunk-D7PYW2QS.js';
-export { ImageAnnotator_default as ImageAnnotator } from './chunk-AUQ74UJM.js';
+import { setPdfPreview } from './chunk-L7UUXITN.js';
+export { ImageAnnotator_default as ImageAnnotator } from './chunk-L7UUXITN.js';
 import { toast_default } from './chunk-VENYVK3L.js';
 export { toast_default as toast } from './chunk-VENYVK3L.js';
-export { EditableGrid } from './chunk-N3UIMOYF.js';
+import { EditableGrid } from './chunk-HWHRQMYQ.js';
+export { EditableGrid } from './chunk-HWHRQMYQ.js';
 import { useAuth, useShellAuth } from './chunk-ADJ3CERD.js';
 export { ShellAuthProvider, setShellAuthBridge, useShellAuth } from './chunk-ADJ3CERD.js';
-import { APP_VERSION } from './chunk-6FKV2CQK.js';
-export { VERSION } from './chunk-6FKV2CQK.js';
-import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, useShellPrefs, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, setWindowPosition, ThumbCard, activateModal } from './chunk-S22GZ4OQ.js';
+import { APP_VERSION, VERSION } from './chunk-VNDRNSOU.js';
+export { VERSION } from './chunk-VNDRNSOU.js';
+import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, useShellPrefs, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, CancelButton, setWindowPosition, ThumbCard, activateModal } from './chunk-S22GZ4OQ.js';
 export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, registerModalEscapeInterceptor, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useLocalStoragePrefs, useModalActive, useShellPrefs, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-S22GZ4OQ.js';
 export { ConfirmProvider, confirm, confirmDestructive, prompt } from './chunk-UBN4IUDE.js';
 import { glassStyle, startMenuCategories, navSections, isSection, GLASS_INPUT_BG, navIcons, sectionIcons } from './chunk-ZF6AYO4G.js';
@@ -6841,6 +6843,1366 @@ function SidebarNavItem({ label, count, active, onClick }) {
     }
   );
 }
+
+// src/utils/mergeBulkItems.ts
+function findDuplicateKeys(rows, keyRowKey) {
+  const groups = /* @__PURE__ */ new Map();
+  rows.forEach((r, i) => {
+    const raw = r[keyRowKey];
+    const trimmed = typeof raw === "string" ? raw.trim() : "";
+    if (!trimmed) return;
+    const dedupeKey = trimmed.toUpperCase();
+    const existing = groups.get(dedupeKey);
+    if (existing) existing.rowIndices.push(i);
+    else groups.set(dedupeKey, { key: trimmed, rowIndices: [i] });
+  });
+  const out = [];
+  for (const g of groups.values()) {
+    if (g.rowIndices.length >= 2) out.push(g);
+  }
+  return out;
+}
+function pickFilled(row, fieldMap) {
+  const out = {};
+  for (const [rowKey, itemField] of Object.entries(fieldMap)) {
+    const v = row[rowKey];
+    const trimmed = typeof v === "string" ? v.trim() : "";
+    if (trimmed !== "") out[itemField] = trimmed;
+  }
+  return out;
+}
+function mergeBulkItems(options) {
+  const { rows, existing, fieldMap, newItem, keyField = "part_number" } = options;
+  const keyEntry = Object.entries(fieldMap).find(([, v]) => v === keyField);
+  if (!keyEntry) {
+    throw new Error(`mergeBulkItems: fieldMap must map a row column to "${keyField}"`);
+  }
+  const keyRowKey = keyEntry[0];
+  const validRows = rows.filter((r) => (r[keyRowKey] ?? "").trim());
+  if (validRows.length === 0) return { merged: existing, importedCount: 0 };
+  const existingMap = /* @__PURE__ */ new Map();
+  existing.forEach((item, i) => {
+    const k = item[keyField];
+    if (typeof k === "string" && k.trim()) existingMap.set(k.toUpperCase(), i);
+  });
+  const result = [...existing];
+  const added = [];
+  for (const r of validRows) {
+    const filled = pickFilled(r, fieldMap);
+    const k = filled[keyField];
+    if (!k) continue;
+    const idx = existingMap.get(k.toUpperCase());
+    if (idx !== void 0) {
+      result[idx] = { ...result[idx], ...filled };
+    } else {
+      added.push({ ...newItem(filled), _isNew: true });
+    }
+  }
+  return { merged: [...result, ...added], importedCount: validRows.length };
+}
+function cleanNumber(s) {
+  if (!s) return "";
+  return s.replace(/[$¥￥€£,\s]/g, "");
+}
+function parseCSVLine(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;
+}
+function colKind(col, index) {
+  if (index === 0) return "key";
+  return col.kind ?? "text";
+}
+function detectColumnType(values) {
+  const nonEmpty = values.filter((v) => v.trim());
+  if (nonEmpty.length === 0) return "skip";
+  const allIntOrEmpty = values.every((v) => !v.trim() || /^\d+$/.test(v.trim()));
+  if (allIntOrEmpty) {
+    const nums = nonEmpty.map((v) => parseInt(v));
+    const isSequential = nums.length > 2 && nums.every((n, i) => i === 0 || n >= nums[i - 1]);
+    if (isSequential) return "skip";
+  }
+  const hasLetters = nonEmpty.some((v) => /[a-zA-Z]/.test(v));
+  const hasDollar = nonEmpty.some((v) => /\$/.test(v));
+  const hasDecimals = nonEmpty.filter((v) => /\.\d{2}$/.test(cleanNumber(v))).length > nonEmpty.length * 0.5;
+  const allWholeNumbers = nonEmpty.every((v) => /^\d+$/.test(cleanNumber(v)));
+  if (hasLetters && !hasDollar) return "key";
+  if (hasDollar) return "price";
+  if (hasDecimals) return "price";
+  if (allWholeNumbers) {
+    const avg = nonEmpty.reduce((s, v) => s + parseInt(cleanNumber(v)), 0) / nonEmpty.length;
+    if (avg > 10) return "qty";
+    return "skip";
+  }
+  return "key";
+}
+function autoMapColumns(csvData, targetColumns) {
+  if (csvData.length === 0 || csvData[0].length === 0) return null;
+  const csvColCount = csvData[0].length;
+  const targetKinds = targetColumns.map((c, i) => colKind(c, i));
+  const csvColTypes = [];
+  for (let c = 0; c < csvColCount; c++) {
+    const values = csvData.map((row) => row[c] || "");
+    csvColTypes.push(detectColumnType(values));
+  }
+  const mapping = new Array(targetColumns.length).fill(-1);
+  const used = /* @__PURE__ */ new Set();
+  for (let t = 0; t < targetColumns.length; t++) {
+    const kind = targetKinds[t];
+    if (kind === "text") continue;
+    for (let c = 0; c < csvColCount; c++) {
+      if (used.has(c)) continue;
+      if (csvColTypes[c] === kind) {
+        mapping[t] = c;
+        used.add(c);
+        break;
+      }
+    }
+  }
+  const priceTargets = targetKinds.map((k, i) => ({ i, k })).filter((x) => x.k === "price");
+  const priceCsvCols = csvColTypes.map((t, i) => ({ i, type: t })).filter((x) => x.type === "price" && !used.has(x.i));
+  let pi = 0;
+  for (const pt of priceTargets) {
+    if (mapping[pt.i] === -1 && pi < priceCsvCols.length) {
+      mapping[pt.i] = priceCsvCols[pi].i;
+      used.add(priceCsvCols[pi].i);
+      pi++;
+    }
+  }
+  if (mapping[0] === -1) return null;
+  return mapping;
+}
+function ColumnMapper({ csvPreview, targetColumns, onConfirm, onCancel }) {
+  const autoMapping = autoMapColumns(csvPreview, targetColumns);
+  const [mapping, setMapping] = useState(autoMapping || new Array(targetColumns.length).fill(-1));
+  const csvColCount = csvPreview[0]?.length || 0;
+  const keyMapped = mapping[0] >= 0;
+  return /* @__PURE__ */ jsxs("div", { className: "border border-blue-200 rounded-lg bg-blue-50 p-4 mb-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-800 mb-3", children: "Map CSV columns to fields" }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-x-6 gap-y-2 mb-4", children: targetColumns.map((col, ti) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-700 w-28 shrink-0", children: col.title }),
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: mapping[ti],
+          onChange: (e) => setMapping((prev) => {
+            const next = [...prev];
+            next[ti] = parseInt(e.target.value);
+            return next;
+          }),
+          className: "flex-1 border border-gray-300 rounded px-2 py-1 text-sm focus:border-blue-500 focus:ring-blue-500",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: -1, children: "\u2014 Skip \u2014" }),
+            Array.from({ length: csvColCount }, (_, ci) => /* @__PURE__ */ jsxs("option", { value: ci, children: [
+              "Column ",
+              ci + 1,
+              " (e.g. ",
+              csvPreview[0]?.[ci] || "",
+              ")"
+            ] }, ci))
+          ]
+        }
+      )
+    ] }, col.key)) }),
+    /* @__PURE__ */ jsx("div", { className: "border border-gray-200 rounded overflow-hidden mb-3", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full text-xs", children: [
+      /* @__PURE__ */ jsx("thead", { className: "bg-gray-100", children: /* @__PURE__ */ jsx("tr", { children: targetColumns.map((col) => /* @__PURE__ */ jsx("th", { className: "px-2 py-1 text-left text-gray-500 font-medium", children: col.title }, col.key)) }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: csvPreview.slice(0, 3).map((row, ri) => /* @__PURE__ */ jsx("tr", { children: targetColumns.map((col, ti) => /* @__PURE__ */ jsx("td", { className: "px-2 py-1 text-gray-700 font-mono", children: mapping[ti] >= 0 ? row[mapping[ti]] || "" : /* @__PURE__ */ jsx("span", { className: "text-gray-300", children: "\u2014" }) }, col.key)) }, ri)) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
+        csvPreview.length,
+        " rows detected"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(CancelButton, { onClick: onCancel, className: "text-sm text-gray-500 hover:text-gray-700", children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onConfirm(mapping),
+            disabled: !keyMapped,
+            className: "bg-blue-600 text-white px-3 py-1.5 text-sm font-medium rounded-lg hover:bg-blue-700 disabled:opacity-50",
+            children: "Confirm Mapping"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function DuplicateReview({
+  rows,
+  groups,
+  columns,
+  resolutions,
+  onResolutionChange,
+  onConfirm,
+  onCancel
+}) {
+  const totalKept = groups.reduce((acc, g) => {
+    const r = resolutions[g.key.toUpperCase()];
+    if (r === "skip") return acc;
+    return acc + 1;
+  }, 0);
+  const totalDropped = groups.reduce((acc, g) => {
+    const r = resolutions[g.key.toUpperCase()];
+    if (r === "skip") return acc + g.rowIndices.length;
+    return acc + (g.rowIndices.length - 1);
+  }, 0);
+  return /* @__PURE__ */ jsxs("div", { className: "border border-amber-200 rounded-lg bg-amber-50 p-4 mb-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-800 mb-1", children: "Duplicate entries detected" }),
+    /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-600 mb-3", children: [
+      groups.length,
+      " ",
+      groups.length === 1 ? "value appears" : "values appear",
+      " more than once in your import. Choose how to handle each before proceeding."
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-3 mb-3 max-h-80 overflow-y-auto", children: groups.map((g) => {
+      const dupKey = g.key.toUpperCase();
+      const choice = resolutions[dupKey] || "first";
+      return /* @__PURE__ */ jsxs("div", { className: "border border-amber-200 rounded bg-white p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-mono font-medium text-gray-800", children: g.key }),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
+            g.rowIndices.length,
+            " occurrences"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "border border-gray-200 rounded overflow-hidden mb-2", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full text-xs", children: [
+          /* @__PURE__ */ jsx("thead", { className: "bg-gray-100", children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsx("th", { className: "px-2 py-1 text-left text-gray-500 font-medium", children: col.title.replace(" *", "") }, col.key)) }) }),
+          /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: g.rowIndices.map((ri, occ) => /* @__PURE__ */ jsx("tr", { className: choice === "skip" ? "opacity-40" : choice === "first" && occ !== 0 || choice === "last" && occ !== g.rowIndices.length - 1 ? "opacity-40 line-through" : "", children: columns.map((col) => /* @__PURE__ */ jsx("td", { className: "px-2 py-1 text-gray-700 font-mono", children: rows[ri]?.[col.key] || /* @__PURE__ */ jsx("span", { className: "text-gray-300", children: "\u2014" }) }, col.key)) }, ri)) })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs", children: ["first", "last", "skip"].map((opt) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 cursor-pointer", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: `dup-${dupKey}`,
+              value: opt,
+              checked: choice === opt,
+              onChange: () => onResolutionChange(dupKey, opt),
+              className: "h-3 w-3 text-amber-600 focus:ring-amber-500"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-gray-700", children: opt === "first" ? "Keep first" : opt === "last" ? "Keep last" : "Skip all" })
+        ] }, opt)) })
+      ] }, dupKey);
+    }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-600", children: [
+        totalKept,
+        " kept \xB7 ",
+        totalDropped,
+        " dropped"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(CancelButton, { onClick: onCancel, className: "text-sm text-gray-500 hover:text-gray-700", children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onConfirm,
+            className: "bg-blue-600 text-white px-3 py-1.5 text-sm font-medium rounded-lg hover:bg-blue-700",
+            children: "Proceed"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function mergeDuplicateRows(rows, groups, columns) {
+  const keyCol = columns[0].key;
+  const firstOf = /* @__PURE__ */ new Map();
+  const dropped = /* @__PURE__ */ new Set();
+  for (const g of groups) {
+    firstOf.set(g.rowIndices[0], g);
+    g.rowIndices.slice(1).forEach((i) => dropped.add(i));
+  }
+  const out = [];
+  rows.forEach((row, i) => {
+    const g = firstOf.get(i);
+    if (g) {
+      const merged = {};
+      for (const col of columns) {
+        if (col.key === keyCol) {
+          merged[col.key] = g.key;
+          continue;
+        }
+        const nums = g.rowIndices.map((ri) => (rows[ri]?.[col.key] ?? "").trim()).filter((v) => v !== "" && Number.isFinite(Number(v))).map(Number);
+        merged[col.key] = nums.length > 0 ? String(nums.reduce((s, n) => s + n, 0)) : "";
+      }
+      out.push(merged);
+    } else if (!dropped.has(i)) {
+      out.push(row);
+    }
+  });
+  return out;
+}
+function MergeReview({
+  rows,
+  groups,
+  columns,
+  onConfirm,
+  onCancel
+}) {
+  const keyCol = columns[0].key;
+  const dupRowCount = groups.reduce((acc, g) => acc + g.rowIndices.length, 0);
+  return /* @__PURE__ */ jsxs("div", { className: "border border-amber-200 rounded-lg bg-amber-50 p-4 mb-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-800 mb-1", children: "Duplicate entries detected" }),
+    /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-600 mb-3", children: [
+      groups.length,
+      " ",
+      groups.length === 1 ? "value appeared" : "values appeared",
+      " more than once. Each is merged into a single line with its quantity summed \u2014 review before proceeding."
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "border border-gray-200 rounded overflow-hidden mb-3 bg-white max-h-80 overflow-y-auto", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full text-xs", children: [
+      /* @__PURE__ */ jsx("thead", { className: "bg-gray-100", children: /* @__PURE__ */ jsxs("tr", { children: [
+        columns.map((col) => /* @__PURE__ */ jsx("th", { className: "px-2 py-1 text-left text-gray-500 font-medium", children: col.title.replace(" *", "") }, col.key)),
+        /* @__PURE__ */ jsx("th", { className: "px-2 py-1 text-right text-gray-500 font-medium", children: "Merged from" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: groups.map((g) => /* @__PURE__ */ jsxs("tr", { children: [
+        columns.map((col) => {
+          if (col.key === keyCol) {
+            return /* @__PURE__ */ jsx("td", { className: "px-2 py-1 font-mono font-medium text-gray-800", children: g.key }, col.key);
+          }
+          const nums = g.rowIndices.map((ri) => (rows[ri]?.[col.key] ?? "").trim()).filter((v) => v !== "" && Number.isFinite(Number(v))).map(Number);
+          if (nums.length === 0) {
+            return /* @__PURE__ */ jsx("td", { className: "px-2 py-1 text-gray-300", children: "\u2014" }, col.key);
+          }
+          const sum = nums.reduce((s, n) => s + n, 0);
+          return /* @__PURE__ */ jsxs("td", { className: "px-2 py-1 font-mono text-gray-700", children: [
+            nums.length > 1 && /* @__PURE__ */ jsxs("span", { className: "text-gray-400", children: [
+              nums.join(" + "),
+              " = "
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-800", children: sum.toLocaleString() })
+          ] }, col.key);
+        }),
+        /* @__PURE__ */ jsxs("td", { className: "px-2 py-1 text-right text-gray-500", children: [
+          g.rowIndices.length,
+          " rows"
+        ] })
+      ] }, g.key.toUpperCase())) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-600", children: [
+        dupRowCount,
+        " duplicate rows \u2192 ",
+        groups.length,
+        " merged line",
+        groups.length === 1 ? "" : "s"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(CancelButton, { onClick: onCancel, className: "text-sm text-gray-500 hover:text-gray-700", children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onConfirm,
+            className: "bg-blue-600 text-white px-3 py-1.5 text-sm font-medium rounded-lg hover:bg-blue-700",
+            children: "Proceed"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function BulkImportGrid({ columns, onImport, description, mergeDuplicates = false }) {
+  const fileRef = useRef(null);
+  const [gridData, setGridData] = useState(
+    () => Array.from({ length: 15 }, () => Array(columns.length).fill(""))
+  );
+  const [importing, setImporting] = useState(false);
+  const [error, setError] = useState("");
+  const [pendingCSV, setPendingCSV] = useState(null);
+  const [dupReview, setDupReview] = useState(null);
+  const [mergeReview, setMergeReview] = useState(null);
+  const colCount = columns.length;
+  const requiredLabel = columns[0]?.title?.replace(" *", "") || "value";
+  const filledRows = gridData.filter((row) => row[0]?.trim());
+  const filledCount = filledRows.length;
+  const totals = {};
+  for (let ci = 1; ci < columns.length; ci++) {
+    if (colKind(columns[ci], ci) === "text") continue;
+    let sum = 0;
+    for (const row of filledRows) {
+      const v = parseFloat(cleanNumber(row[ci] || ""));
+      if (!isNaN(v)) sum += v;
+    }
+    if (sum > 0) totals[columns[ci].key] = sum;
+  }
+  const gridColumns = columns.map((c) => ({
+    key: c.key,
+    title: c.title,
+    width: c.width
+  }));
+  const loadDataIntoGrid = useCallback((data) => {
+    const cleaned = data.map((row) => {
+      const r = [...row];
+      while (r.length < colCount) r.push("");
+      return r.slice(0, colCount).map((cell, i) => i === 0 ? cell : cleanNumber(cell));
+    });
+    while (cleaned.length < 15) cleaned.push(Array(colCount).fill(""));
+    setGridData(cleaned);
+  }, [colCount]);
+  const handleCSV = (e) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.onload = (ev) => {
+      const text = ev.target?.result || "";
+      const parsed = text.split("\n").map((l) => l.trim()).filter(Boolean).map(parseCSVLine);
+      if (parsed.length === 0) return;
+      const mapping = autoMapColumns(parsed, columns);
+      if (mapping) {
+        const mapped = parsed.map((row) => columns.map((_, ti) => mapping[ti] >= 0 ? row[mapping[ti]] || "" : ""));
+        loadDataIntoGrid(mapped);
+      } else {
+        setPendingCSV(parsed);
+      }
+    };
+    reader.readAsText(file);
+    if (fileRef.current) fileRef.current.value = "";
+  };
+  const handleMappingConfirm = (mapping) => {
+    if (!pendingCSV) return;
+    const mapped = pendingCSV.map((row) => columns.map((_, ti) => mapping[ti] >= 0 ? row[mapping[ti]] || "" : ""));
+    loadDataIntoGrid(mapped);
+    setPendingCSV(null);
+  };
+  const runImport = async (rows) => {
+    setImporting(true);
+    try {
+      await onImport(rows);
+    } catch {
+      setError("Import failed.");
+    }
+    setImporting(false);
+  };
+  const handleImport = async () => {
+    const rows = gridData.filter((row) => row[0]?.trim()).map((row) => {
+      const obj = {};
+      columns.forEach((col, i) => {
+        const val = row[i]?.trim() || "";
+        obj[col.key] = i === 0 ? val : cleanNumber(val);
+      });
+      return obj;
+    });
+    if (rows.length === 0) {
+      setError(`Enter at least one ${requiredLabel.toLowerCase()}.`);
+      return;
+    }
+    setError("");
+    const keyCol = columns[0].key;
+    const groups = findDuplicateKeys(rows, keyCol);
+    if (groups.length > 0) {
+      if (mergeDuplicates) {
+        setMergeReview({ rows, groups });
+      } else {
+        const resolutions = {};
+        for (const g of groups) resolutions[g.key.toUpperCase()] = "first";
+        setDupReview({ rows, groups, resolutions });
+      }
+      return;
+    }
+    await runImport(rows);
+  };
+  const handleMergeConfirm = async () => {
+    if (!mergeReview) return;
+    const merged = mergeDuplicateRows(mergeReview.rows, mergeReview.groups, columns);
+    setMergeReview(null);
+    await runImport(merged);
+  };
+  const handleDupConfirm = async () => {
+    if (!dupReview) return;
+    const { rows, groups, resolutions } = dupReview;
+    const drop = /* @__PURE__ */ new Set();
+    for (const g of groups) {
+      const choice = resolutions[g.key.toUpperCase()] || "first";
+      const idx = g.rowIndices;
+      if (choice === "first") {
+        for (let i = 1; i < idx.length; i++) drop.add(idx[i]);
+      } else if (choice === "last") {
+        for (let i = 0; i < idx.length - 1; i++) drop.add(idx[i]);
+      } else {
+        for (const j of idx) drop.add(j);
+      }
+    }
+    const filtered = rows.filter((_, i) => !drop.has(i));
+    setDupReview(null);
+    if (filtered.length === 0) {
+      setError("All rows skipped.");
+      return;
+    }
+    await runImport(filtered);
+  };
+  const handleClear = () => {
+    setGridData(Array.from({ length: 15 }, () => Array(colCount).fill("")));
+  };
+  const descText = description || `Paste from spreadsheets, type directly, or upload a CSV. Rows don't need to be in order \u2014 they'll be matched. Values not in the list will be added to the end. Fields left blank will not be affected.`;
+  return /* @__PURE__ */ jsxs("div", { className: "border border-gray-200 rounded-lg bg-gray-50 mb-3 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-4 pt-3 pb-2 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500", children: [
+        descText,
+        /* @__PURE__ */ jsxs("span", { className: "text-gray-400 ml-1", children: [
+          "(",
+          filledCount,
+          " lines",
+          Object.keys(totals).length > 0 && " \xB7 ",
+          Object.entries(totals).map(([k, v]) => {
+            const col = columns.find((c) => c.key === k);
+            const label = col?.title?.replace(" *", "") || k;
+            const isPrice = col ? colKind(col, columns.indexOf(col)) === "price" : false;
+            return `${label}: ${isPrice ? v.toLocaleString(void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : v.toLocaleString()}`;
+          }).join(" \xB7 "),
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        filledCount > 0 && /* @__PURE__ */ jsx("button", { type: "button", onClick: handleClear, className: "text-gray-400 hover:text-gray-600 text-xs", children: "Clear" }),
+        /* @__PURE__ */ jsx("input", { ref: fileRef, type: "file", accept: ".csv,.tsv,.txt", onChange: handleCSV, className: "hidden" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => fileRef.current?.click(),
+            className: "text-blue-600 border border-blue-200 bg-white px-3 py-1.5 text-sm font-medium rounded-lg hover:bg-blue-50 hover:border-blue-300",
+            children: "Upload CSV"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleImport,
+            disabled: importing || filledCount === 0,
+            className: "text-green-600 border border-green-200 bg-white px-3 py-1.5 text-sm font-medium rounded-lg hover:bg-green-50 hover:border-green-300 disabled:opacity-50",
+            children: importing ? "Importing..." : `Import ${filledCount} Lines`
+          }
+        )
+      ] })
+    ] }),
+    pendingCSV && /* @__PURE__ */ jsx("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx(
+      ColumnMapper,
+      {
+        csvPreview: pendingCSV,
+        targetColumns: columns,
+        onConfirm: handleMappingConfirm,
+        onCancel: () => setPendingCSV(null)
+      }
+    ) }),
+    dupReview && /* @__PURE__ */ jsx("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx(
+      DuplicateReview,
+      {
+        rows: dupReview.rows,
+        groups: dupReview.groups,
+        columns,
+        resolutions: dupReview.resolutions,
+        onResolutionChange: (dupKey, choice) => setDupReview((prev) => prev ? { ...prev, resolutions: { ...prev.resolutions, [dupKey]: choice } } : prev),
+        onConfirm: handleDupConfirm,
+        onCancel: () => setDupReview(null)
+      }
+    ) }),
+    mergeReview && /* @__PURE__ */ jsx("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx(
+      MergeReview,
+      {
+        rows: mergeReview.rows,
+        groups: mergeReview.groups,
+        columns,
+        onConfirm: handleMergeConfirm,
+        onCancel: () => setMergeReview(null)
+      }
+    ) }),
+    /* @__PURE__ */ jsx(EditableGrid, { columns: gridColumns, data: gridData, onChange: setGridData }),
+    error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 px-4 py-1", children: error })
+  ] });
+}
+var C20 = 33;
+var C40 = 67;
+var toInt = (v) => typeof v === "number" ? v : parseInt(String(v ?? "")) || 0;
+function ContainerFillChart({
+  items,
+  getVolume,
+  qtyField = "instruction",
+  showNewIndicator = false,
+  getInstructionQty = (item) => item.quantity,
+  getActualQty = (item) => item.actual_qty,
+  isFilled,
+  isNew = (item) => Boolean(item._isNew),
+  className,
+  style
+}) {
+  const filledLines = isFilled ? items.filter(isFilled) : items;
+  const qtyInstr = (l) => toInt(getInstructionQty(l));
+  const qtyActual = (l) => toInt(getActualQty(l));
+  const hasActual = filledLines.some((l) => getActualQty(l) != null && qtyActual(l) > 0);
+  const qtyOf = (l) => {
+    if (hasActual) return qtyInstr(l);
+    return qtyField === "actual" ? getActualQty(l) ?? getInstructionQty(l) ?? 0 : getInstructionQty(l) ?? 0;
+  };
+  const totalQty = filledLines.reduce((s, l) => s + toInt(qtyOf(l)), 0);
+  const newCount = filledLines.filter((l) => isNew(l)).length;
+  const newQty = filledLines.filter((l) => isNew(l)).reduce((s, l) => s + toInt(qtyOf(l)), 0);
+  const totalQtyInstr = filledLines.reduce((s, l) => s + qtyInstr(l), 0);
+  const totalQtyActual = filledLines.reduce((s, l) => s + qtyActual(l), 0);
+  const totalVolumeInstr = filledLines.reduce((s, l) => s + getVolume(l) * qtyInstr(l), 0);
+  const totalVolumeActual = filledLines.reduce((s, l) => s + getVolume(l) * qtyActual(l), 0);
+  const totalVolume = hasActual ? Math.max(totalVolumeInstr, totalVolumeActual) : qtyField === "actual" ? totalVolumeActual || totalVolumeInstr : totalVolumeInstr;
+  const useType = totalVolume <= C20 * 1.05 ? "20ft" : "40ft";
+  const containerCap = useType === "20ft" ? C20 : C40;
+  const totalContainers = totalVolume > 0 ? Math.max(1, Math.ceil(totalVolume / containerCap)) : 0;
+  const totalCap = totalContainers * containerCap;
+  const isOptimal = totalVolume > 0 && totalVolume >= totalCap * 0.95 && totalVolume <= totalCap * 1.1;
+  if (filledLines.length === 0) return null;
+  const fillFor = (volume, idx) => containerCap > 0 ? Math.max(0, Math.min((volume - idx * containerCap) / containerCap * 100, 100)) : 0;
+  return /* @__PURE__ */ jsxs("div", { className: `mt-2 px-1 space-y-2 ${className ?? ""}`.trim(), style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        filledLines.length,
+        " items \xB7 ",
+        totalQty,
+        " pcs",
+        hasActual && totalQtyInstr !== totalQtyActual && /* @__PURE__ */ jsxs("span", { className: "ml-1 text-gray-400", children: [
+          "(",
+          totalQtyInstr,
+          " instr / ",
+          totalQtyActual,
+          " loaded)"
+        ] })
+      ] }),
+      showNewIndicator && newCount > 0 && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-green-600", children: [
+        /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-green-500" }),
+        newCount,
+        " new (",
+        newQty,
+        " pcs)"
+      ] })
+    ] }),
+    totalVolume > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      Array.from({ length: totalContainers }).map((_, i) => {
+        const instrPct = fillFor(totalVolumeInstr, i);
+        const actualPct = fillFor(totalVolumeActual, i);
+        const dual = hasActual;
+        const longerPct = Math.max(instrPct, actualPct);
+        const shorterPct = Math.min(instrPct, actualPct);
+        const longerIsInstr = instrPct >= actualPct;
+        const longerColor = dual ? longerIsInstr ? "bg-blue-500" : "bg-green-500" : "bg-blue-500";
+        const shorterColor = dual ? longerIsInstr ? "bg-green-500" : "bg-blue-500" : "";
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400 w-8 shrink-0", children: useType }),
+          /* @__PURE__ */ jsxs("div", { className: "relative flex-1 h-4 bg-gray-100 rounded-full overflow-hidden border border-gray-200", children: [
+            /* @__PURE__ */ jsx("div", { className: `absolute inset-y-0 left-0 ${longerColor} transition-all`, style: { width: `${longerPct}%` } }),
+            dual && shorterPct > 0 && /* @__PURE__ */ jsx("div", { className: `absolute inset-y-0 left-0 ${shorterColor} transition-all`, style: { width: `${shorterPct}%` } })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-500 w-16 text-right", children: dual ? `${Math.min(totalVolumeActual - i * containerCap, containerCap).toFixed(1)} / ${containerCap} m\xB3` : `${Math.min(totalVolumeInstr - i * containerCap, containerCap).toFixed(1)} / ${containerCap} m\xB3` })
+        ] }, `bar-${i}`);
+      }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs pt-0.5", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-gray-500 inline-flex items-center gap-1", children: [
+          "Total:",
+          hasActual ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-blue-700", children: [
+              /* @__PURE__ */ jsx("span", { className: "inline-block w-2 h-2 rounded-full bg-blue-500" }),
+              totalVolumeInstr.toFixed(2),
+              " m\xB3 instruction"
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "/" }),
+            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-green-700", children: [
+              /* @__PURE__ */ jsx("span", { className: "inline-block w-2 h-2 rounded-full bg-green-500" }),
+              totalVolumeActual.toFixed(2),
+              " m\xB3 loaded"
+            ] })
+          ] }) : /* @__PURE__ */ jsxs("b", { className: "text-gray-700", children: [
+            totalVolume.toFixed(2),
+            " m\xB3"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: `font-medium ${isOptimal ? "text-green-600" : "text-gray-500"}`, children: [
+          isOptimal && "\u2713 ",
+          totalContainers,
+          " \xD7 ",
+          useType
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-400", children: "Volume: N/A (no volume data for these part numbers)" })
+  ] });
+}
+var DEFAULT_POLL_MS = 15e3;
+var DEFAULT_REQUEST_TIMEOUT_MS = 5e3;
+function timeAgo3(date) {
+  if (!date) return "\u2014";
+  const diff = Math.max(0, Date.now() - date.getTime());
+  if (diff < 1500) return "just now";
+  if (diff < 6e4) return `${Math.round(diff / 1e3)}s ago`;
+  if (diff < 36e5) return `${Math.round(diff / 6e4)}m ago`;
+  return `${Math.round(diff / 36e5)}h ago`;
+}
+function ServerStatusIndicator({
+  healthCheck,
+  healthUrl = "/api/health/",
+  pollMs = DEFAULT_POLL_MS,
+  requestTimeoutMs = DEFAULT_REQUEST_TIMEOUT_MS,
+  user,
+  version = VERSION
+}) {
+  const [status, setStatus] = useState("checking");
+  const [lastOkAt, setLastOkAt] = useState(null);
+  const [lastFailAt, setLastFailAt] = useState(null);
+  const [lastLatencyMs, setLastLatencyMs] = useState(null);
+  const [browserOnline, setBrowserOnline] = useState(navigator.onLine);
+  const [open, setOpen] = useState(false);
+  const [popPos, setPopPos] = useState({ left: 0, top: 0 });
+  const [, setTick] = useState(0);
+  const cancelRef = useRef(false);
+  const buttonRef = useRef(null);
+  const popRef = useRef(null);
+  const healthCheckRef = useRef(healthCheck);
+  const healthUrlRef = useRef(healthUrl);
+  const requestTimeoutRef = useRef(requestTimeoutMs);
+  healthCheckRef.current = healthCheck;
+  healthUrlRef.current = healthUrl;
+  requestTimeoutRef.current = requestTimeoutMs;
+  const ping = useCallback(async () => {
+    const t0 = performance.now();
+    try {
+      let result;
+      if (healthCheckRef.current) {
+        result = await healthCheckRef.current();
+      } else {
+        const ctrl = new AbortController();
+        const timer = setTimeout(() => ctrl.abort(), requestTimeoutRef.current);
+        try {
+          const res = await fetch(healthUrlRef.current, {
+            method: "GET",
+            cache: "no-store",
+            signal: ctrl.signal
+          });
+          result = { ok: res.ok, latencyMs: Math.round(performance.now() - t0) };
+        } finally {
+          clearTimeout(timer);
+        }
+      }
+      if (cancelRef.current) return;
+      if (result.ok) {
+        setStatus("connected");
+        setLastOkAt(/* @__PURE__ */ new Date());
+        setLastLatencyMs(result.latencyMs ?? Math.round(performance.now() - t0));
+      } else {
+        setStatus("disconnected");
+        setLastFailAt(/* @__PURE__ */ new Date());
+      }
+    } catch {
+      if (!cancelRef.current) {
+        setStatus("disconnected");
+        setLastFailAt(/* @__PURE__ */ new Date());
+      }
+    }
+  }, []);
+  useEffect(() => {
+    cancelRef.current = false;
+    ping();
+    const id = setInterval(ping, pollMs);
+    return () => {
+      cancelRef.current = true;
+      clearInterval(id);
+    };
+  }, [ping, pollMs]);
+  useEffect(() => {
+    const onOnline = () => setBrowserOnline(true);
+    const onOffline = () => setBrowserOnline(false);
+    window.addEventListener("online", onOnline);
+    window.addEventListener("offline", onOffline);
+    return () => {
+      window.removeEventListener("online", onOnline);
+      window.removeEventListener("offline", onOffline);
+    };
+  }, []);
+  useEffect(() => {
+    if (!open) return;
+    const id = setInterval(() => setTick((t) => t + 1), 1e3);
+    return () => clearInterval(id);
+  }, [open]);
+  const placePopover = useCallback(() => {
+    if (!buttonRef.current) return;
+    const r = buttonRef.current.getBoundingClientRect();
+    const popW = 320;
+    const popH = popRef.current?.offsetHeight || 320;
+    const iconCenterX = r.left + r.width / 2;
+    const left = Math.max(8, Math.min(window.innerWidth - popW - 8, iconCenterX - popW / 2));
+    const iconCenterY = r.top + r.height / 2;
+    const popAbove = iconCenterY > window.innerHeight / 2;
+    const top = popAbove ? Math.max(8, r.top - popH - 6) : r.bottom + 6;
+    setPopPos({ left, top });
+  }, []);
+  useEffect(() => {
+    if (!open) return;
+    placePopover();
+    window.addEventListener("resize", placePopover);
+    return () => window.removeEventListener("resize", placePopover);
+  }, [open, placePopover]);
+  useLayoutEffect(() => {
+    if (open && popRef.current) placePopover();
+  }, [open, placePopover]);
+  useEffect(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      const t = e.target;
+      if (popRef.current?.contains(t)) return;
+      if (buttonRef.current?.contains(t)) return;
+      setOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    window.addEventListener("mousedown", onDown);
+    window.addEventListener("keydown", onKey);
+    return () => {
+      window.removeEventListener("mousedown", onDown);
+      window.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  const colour = status === "connected" ? "#16a34a" : status === "disconnected" ? "#dc2626" : "#9ca3af";
+  const label = status === "connected" ? "Connected" : status === "disconnected" ? "Disconnected" : "Checking\u2026";
+  const dotClass = status === "connected" ? "bg-green-500" : status === "disconnected" ? "bg-red-500" : "bg-gray-400";
+  const userName = user ? user.name?.trim() || user.email || "\u2014" : "Not signed in";
+  const userRole = user?.role || "";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref: buttonRef,
+        type: "button",
+        onClick: () => setOpen((o) => !o),
+        className: `shrink-0 inline-flex items-center justify-center rounded-md p-2 transition-colors hover:bg-white/20 ${status === "disconnected" && !open ? "animate-pulse" : ""}`,
+        title: `${label}${lastOkAt ? ` \xB7 last ok ${lastOkAt.toLocaleTimeString()}` : ""}`,
+        "aria-label": label,
+        "aria-expanded": open,
+        children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "h-5 w-5",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: colour,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ jsx("path", { d: "M2 12h20" }),
+              /* @__PURE__ */ jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+            ]
+          }
+        )
+      }
+    ),
+    open && createPortal(
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: popRef,
+          role: "dialog",
+          "aria-label": "Server connection details",
+          style: { position: "fixed", left: popPos.left, top: popPos.top, width: 320, zIndex: 1e4 },
+          className: "rounded-lg border border-gray-200 bg-white shadow-lg overflow-hidden text-gray-800",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "px-4 py-3 border-b border-gray-100 bg-gray-50/60", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: `inline-block h-2 w-2 rounded-full ${dotClass} ${status === "disconnected" ? "animate-pulse" : ""}` }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-900", children: label }),
+                status === "connected" && lastLatencyMs != null && /* @__PURE__ */ jsxs("span", { className: "ml-auto text-[11px] text-gray-500 tabular-nums", children: [
+                  lastLatencyMs,
+                  " ms"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("p", { className: "mt-1 text-[11px] text-gray-500", children: [
+                status === "connected" && lastOkAt && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  "Last poll ",
+                  timeAgo3(lastOkAt),
+                  "."
+                ] }),
+                status === "disconnected" && lastFailAt && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  "Last failure ",
+                  timeAgo3(lastFailAt),
+                  "."
+                ] }),
+                status === "checking" && /* @__PURE__ */ jsx(Fragment, { children: "First poll in flight\u2026" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("dl", { className: "px-4 py-3 text-[12px] grid grid-cols-[88px_1fr] gap-x-3 gap-y-1.5", children: [
+              /* @__PURE__ */ jsx("dt", { className: "text-gray-500", children: "Server" }),
+              /* @__PURE__ */ jsx("dd", { className: "font-mono text-gray-900 truncate", title: window.location.origin, children: window.location.host }),
+              /* @__PURE__ */ jsx("dt", { className: "text-gray-500", children: "Protocol" }),
+              /* @__PURE__ */ jsx("dd", { className: "text-gray-900", children: window.location.protocol.replace(":", "").toUpperCase() }),
+              /* @__PURE__ */ jsx("dt", { className: "text-gray-500", children: "Browser" }),
+              /* @__PURE__ */ jsx("dd", { className: browserOnline ? "text-gray-900" : "text-red-600 font-medium", children: browserOnline ? "Online" : "Offline" }),
+              /* @__PURE__ */ jsx("dt", { className: "text-gray-500", children: "Last OK" }),
+              /* @__PURE__ */ jsx("dd", { className: "text-gray-900", children: lastOkAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: lastOkAt.toLocaleTimeString() }),
+                /* @__PURE__ */ jsxs("span", { className: "text-gray-400 ml-1", children: [
+                  "\xB7 ",
+                  timeAgo3(lastOkAt)
+                ] })
+              ] }) : "\u2014" }),
+              lastFailAt && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("dt", { className: "text-gray-500", children: "Last fail" }),
+                /* @__PURE__ */ jsxs("dd", { className: "text-gray-900", children: [
+                  /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: lastFailAt.toLocaleTimeString() }),
+                  /* @__PURE__ */ jsxs("span", { className: "text-gray-400 ml-1", children: [
+                    "\xB7 ",
+                    timeAgo3(lastFailAt)
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("dt", { className: "text-gray-500", children: "Latency" }),
+              /* @__PURE__ */ jsx("dd", { className: "text-gray-900 tabular-nums", children: lastLatencyMs != null ? `${lastLatencyMs} ms` : "\u2014" }),
+              /* @__PURE__ */ jsx("dt", { className: "text-gray-500", children: "Poll" }),
+              /* @__PURE__ */ jsxs("dd", { className: "text-gray-900", children: [
+                "every ",
+                Math.round(pollMs / 1e3),
+                " s"
+              ] }),
+              /* @__PURE__ */ jsx("dt", { className: "text-gray-500 mt-2 col-span-2 border-t border-gray-100 pt-2 text-[10px] uppercase tracking-wide font-semibold", children: "Session" }),
+              /* @__PURE__ */ jsx("dt", { className: "text-gray-500", children: "User" }),
+              /* @__PURE__ */ jsx("dd", { className: "text-gray-900 truncate", title: userName, children: userName }),
+              userRole && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("dt", { className: "text-gray-500", children: "Role" }),
+                /* @__PURE__ */ jsx("dd", { className: "text-gray-900 truncate", title: userRole, children: userRole })
+              ] }),
+              /* @__PURE__ */ jsx("dt", { className: "text-gray-500 mt-2 col-span-2 border-t border-gray-100 pt-2 text-[10px] uppercase tracking-wide font-semibold", children: "Build" }),
+              /* @__PURE__ */ jsx("dt", { className: "text-gray-500", children: "App" }),
+              /* @__PURE__ */ jsx("dd", { className: "font-mono text-gray-900 text-[11px] truncate", title: version, children: version || "\u2014" }),
+              /* @__PURE__ */ jsx("dt", { className: "text-gray-500", children: "UA" }),
+              /* @__PURE__ */ jsx("dd", { className: "text-gray-900 text-[11px] truncate", title: navigator.userAgent, children: navigator.userAgent.split(" ").slice(-2).join(" ") })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 border-t border-gray-100 bg-gray-50/60 flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400", children: "Click \u21BB to ping now" }),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    setStatus("checking");
+                    ping();
+                  },
+                  disabled: status === "checking",
+                  className: "inline-flex items-center gap-1 text-xs font-medium text-blue-600 hover:text-blue-800 disabled:opacity-50",
+                  children: [
+                    /* @__PURE__ */ jsx("svg", { className: "h-3 w-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 4v5h5M20 20v-5h-5M5.5 9A7 7 0 0 1 17 6.5M18.5 15A7 7 0 0 1 7 17.5" }) }),
+                    "Refresh"
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function ChangePasswordForm({
+  onSubmit,
+  onSuccess,
+  confirmOnSuccess = true,
+  minLength = 8,
+  submitLabel = "Change Password",
+  doneLabel = "Done"
+}) {
+  const [oldPassword, setOldPassword] = useState("");
+  const [newPassword, setNewPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const [error, setError] = useState("");
+  const [submitting, setSubmitting] = useState(false);
+  const [success, setSuccess] = useState(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!oldPassword) {
+      setError("Current password is required.");
+      return;
+    }
+    if (newPassword.length < minLength) {
+      setError(`New password must be at least ${minLength} characters.`);
+      return;
+    }
+    if (newPassword !== confirmPassword) {
+      setError("Passwords do not match.");
+      return;
+    }
+    setError("");
+    setSubmitting(true);
+    try {
+      await onSubmit(oldPassword, newPassword);
+      if (confirmOnSuccess) {
+        setSuccess(true);
+      } else {
+        onSuccess?.();
+      }
+    } catch (err) {
+      setError(err instanceof Error && err.message ? err.message : "Failed to change password.");
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  if (success) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rounded-md bg-green-50 px-4 py-3 flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx("svg", { className: "h-5 w-5 text-green-600 shrink-0 mt-0.5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-green-800", children: "Your password has been changed successfully." })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end pt-2 border-t border-gray-200", children: /* @__PURE__ */ jsx(Button_default, { variant: "primary", onClick: () => onSuccess?.(), children: doneLabel }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(FormField, { label: "Current Password", required: true, children: /* @__PURE__ */ jsx(Input_default, { type: "password", value: oldPassword, onChange: (e) => setOldPassword(e.target.value), required: true }) }),
+    /* @__PURE__ */ jsx(FormField, { label: "New Password", required: true, children: /* @__PURE__ */ jsx(Input_default, { type: "password", value: newPassword, onChange: (e) => setNewPassword(e.target.value), required: true, minLength }) }),
+    /* @__PURE__ */ jsx(FormField, { label: "Confirm Password", required: true, children: /* @__PURE__ */ jsx(Input_default, { type: "password", value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value), required: true }) }),
+    error && /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600", children: error }),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-end pt-2 border-t border-gray-200", children: /* @__PURE__ */ jsxs(Button_default, { type: "submit", variant: "primary", loading: submitting, children: [
+      submitting ? "Changing..." : submitLabel,
+      /* @__PURE__ */ jsx("kbd", { className: "rounded border border-blue-400/50 bg-blue-500/30 px-1.5 py-0.5 text-[10px] font-medium", children: CMD_ENTER })
+    ] }) })
+  ] });
+}
+var DEFAULT_BUTTON_CLASS = "inline-flex items-center gap-1.5 bg-white text-gray-700 border border-gray-300 px-3 py-1.5 text-sm font-medium rounded-lg hover:bg-gray-50 disabled:opacity-50";
+var DocumentIcon = /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-gray-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" }) });
+function PdfActionButton({
+  fetchPdf,
+  filename,
+  label = "PDF",
+  className,
+  disabled,
+  onEmail,
+  onPreviewOpened,
+  icon
+}) {
+  const [open, setOpen] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const btnRef = useRef(null);
+  const [menuPos, setMenuPos] = useState({ left: 0, top: 0 });
+  const { openPage } = useWindowManager();
+  useEffect(() => {
+    if (open && btnRef.current) {
+      const rect = btnRef.current.getBoundingClientRect();
+      setMenuPos({ left: rect.left, top: rect.bottom + 4 });
+    }
+  }, [open]);
+  const resolvePdf = async () => {
+    setLoading(true);
+    try {
+      return await fetchPdf();
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleDownload = async () => {
+    setOpen(false);
+    const blob = await resolvePdf();
+    if (!blob) return;
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = filename;
+    a.click();
+    window.URL.revokeObjectURL(url);
+    toast_default.success(`${filename} downloaded.`);
+  };
+  const handlePreview = async () => {
+    setOpen(false);
+    const handle = setPdfPreview({ filename, converting: true, convertingMessage: "LOADING PDF" });
+    openPage("/preview");
+    const blob = await resolvePdf();
+    if (!blob) {
+      handle.update({ filename, converting: false, convertingMessage: "Failed to load PDF." });
+      return;
+    }
+    const url = window.URL.createObjectURL(blob);
+    handle.update({ url, filename, ...onEmail ? { onEmail: () => onEmail(blob) } : {} });
+    onPreviewOpened?.(filename);
+  };
+  const handleEmail = async () => {
+    setOpen(false);
+    const blob = await resolvePdf();
+    if (!blob || !onEmail) return;
+    onEmail(blob);
+  };
+  const btnCls = className || DEFAULT_BUTTON_CLASS;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("button", { ref: btnRef, type: "button", onClick: () => setOpen(!open), disabled: disabled || loading, className: btnCls, "data-menu-toggle": true, children: [
+      icon ?? DocumentIcon,
+      loading ? "Loading..." : label,
+      /* @__PURE__ */ jsx("svg", { className: "h-3 w-3 text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) })
+    ] }),
+    open && createPortal(
+      /* @__PURE__ */ jsxs(PopupMenu, { style: menuPos, onClose: () => setOpen(false), minWidth: 180, children: [
+        /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: handlePreview, children: [
+          /* @__PURE__ */ jsxs("svg", { className: "h-4 w-4 text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: [
+            /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" }),
+            /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
+          ] }),
+          "Preview"
+        ] }),
+        /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: handleDownload, children: [
+          /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3" }) }),
+          "Download"
+        ] }),
+        onEmail && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(PopupMenuDivider, {}),
+          /* @__PURE__ */ jsxs(PopupMenuItem, { onClick: handleEmail, children: [
+            /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" }) }),
+            "Send by Email"
+          ] })
+        ] })
+      ] }),
+      document.body
+    )
+  ] });
+}
+var DAY_MS = 864e5;
+function toDayMs(dateStr) {
+  if (!dateStr) return null;
+  const t = new Date(dateStr).getTime();
+  return Number.isFinite(t) ? t : null;
+}
+function fmtSliderDate(ms) {
+  return formatDate(new Date(ms).toISOString().slice(0, 10));
+}
+var KIND_STYLES = {
+  default: {
+    base: "h-2.5 w-2.5 rounded-full bg-blue-500 border-white",
+    active: "bg-blue-700",
+    placeholder: "h-2.5 w-2.5 rounded-full bg-white border-gray-300 hover:border-gray-500"
+  },
+  dfm: {
+    base: "h-2.5 w-2.5 rounded-sm bg-amber-500 border-white",
+    active: "bg-amber-600",
+    placeholder: "h-2.5 w-2.5 rounded-sm bg-white border-amber-300 hover:border-amber-500"
+  },
+  shipment: {
+    base: "h-2.5 w-2.5 rotate-45 bg-emerald-500 border-white",
+    active: "bg-emerald-600",
+    placeholder: "h-2.5 w-2.5 rotate-45 bg-white border-emerald-300 hover:border-emerald-500"
+  },
+  testing: {
+    base: "h-3 w-3 rounded-full bg-violet-500 border-white",
+    active: "bg-violet-700",
+    placeholder: "h-3 w-3 rounded-full bg-white border-violet-300 hover:border-violet-500",
+    inner: /* @__PURE__ */ jsx("span", { className: "block h-1 w-1 rounded-full bg-white" })
+  },
+  completion: {
+    base: "h-3.5 w-3.5 rounded-full bg-green-600 border-white",
+    active: "bg-green-700",
+    placeholder: "h-3.5 w-3.5 rounded-full bg-white border-green-300 hover:border-green-500",
+    inner: /* @__PURE__ */ jsx("svg", { className: "h-2 w-2 text-white", fill: "none", stroke: "currentColor", strokeWidth: "3", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) })
+  }
+};
+function MilestoneTimeline({ title, milestones, summary, endDate, phaseLabels }) {
+  const [hoveredKey, setHoveredKey] = useState(null);
+  const [today] = useState(() => Date.now());
+  const realDates = milestones.map((m) => toDayMs(m.date ?? null)).filter((t) => t !== null);
+  const explicitEnd = toDayMs(endDate ?? null);
+  let startMs;
+  let endMs;
+  if (realDates.length === 0) {
+    endMs = explicitEnd ?? today;
+    startMs = endMs - 30 * DAY_MS;
+  } else {
+    startMs = Math.min(...realDates);
+    endMs = explicitEnd ?? Math.max(...realDates);
+    if (endMs - startMs < DAY_MS) endMs = startMs + DAY_MS;
+  }
+  const span = Math.max(endMs - startMs, DAY_MS);
+  const totalLeadDays = realDates.length > 0 ? Math.max(0, Math.round((endMs - startMs) / DAY_MS)) : 0;
+  const autoSummary = totalLeadDays > 0 ? `${totalLeadDays.toLocaleString()} day${totalLeadDays === 1 ? "" : "s"} lead time` : void 0;
+  const renderSummary = summary ?? autoSummary;
+  const placed = milestones.map((m, i) => {
+    const ms = toDayMs(m.date ?? null);
+    if (ms !== null) return { ...m, ms, isPlaceholder: false };
+    let prevMs = null;
+    for (let j = i - 1; j >= 0; j--) {
+      const v = toDayMs(milestones[j].date ?? null);
+      if (v !== null) {
+        prevMs = v;
+        break;
+      }
+    }
+    let nextMs = null;
+    for (let j = i + 1; j < milestones.length; j++) {
+      const v = toDayMs(milestones[j].date ?? null);
+      if (v !== null) {
+        nextMs = v;
+        break;
+      }
+    }
+    let fallback;
+    if (prevMs !== null && nextMs !== null) fallback = (prevMs + nextMs) / 2;
+    else if (prevMs !== null) fallback = Math.min(prevMs + DAY_MS, endMs);
+    else if (nextMs !== null) fallback = Math.max(nextMs - DAY_MS, startMs);
+    else fallback = startMs + span * (i + 1) / (milestones.length + 1);
+    return { ...m, ms: fallback, isPlaceholder: true };
+  });
+  const todayMs = today;
+  const phases = (() => {
+    const groups = {};
+    for (const m of placed) {
+      if (!m.phase) continue;
+      (groups[m.phase] = groups[m.phase] || []).push(m);
+    }
+    return Object.entries(groups).filter(([, ms]) => ms.length >= 2).map(([key, ms]) => ({
+      key,
+      label: phaseLabels?.[key] ?? key,
+      minMs: Math.min(...ms.map((m) => m.ms)),
+      maxMs: Math.max(...ms.map((m) => m.ms))
+    }));
+  })();
+  return /* @__PURE__ */ jsxs("div", { className: "shrink-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-end justify-between mb-1 gap-2", children: /* @__PURE__ */ jsxs("h4", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wide", children: [
+      title,
+      renderSummary && /* @__PURE__ */ jsx("span", { className: "ml-2 text-gray-400 normal-case", children: renderSummary })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "border border-gray-200 rounded-lg bg-gray-50", children: /* @__PURE__ */ jsx("div", { className: "select-none", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-3 py-3", children: [
+      placed.length > 0 && (() => {
+        const m = placed[0];
+        return /* @__PURE__ */ jsxs("div", { className: `text-[10px] leading-tight whitespace-nowrap text-right shrink-0 pointer-events-none ${m.isPlaceholder ? "text-gray-400 italic" : "text-gray-700"}`, children: [
+          /* @__PURE__ */ jsx("div", { className: "font-medium", children: m.label }),
+          !m.isPlaceholder && /* @__PURE__ */ jsx("div", { className: "text-[9px] text-gray-400 font-normal", children: fmtSliderDate(m.ms) })
+        ] });
+      })(),
+      /* @__PURE__ */ jsxs("div", { className: "relative flex-1 flex flex-col justify-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "relative h-7 mb-1", children: placed.map((m, i) => {
+          if (i === 0 || i === placed.length - 1) return null;
+          if (i % 2 !== 0) return null;
+          const p = (m.ms - startMs) / span * 100;
+          if (p < -0.5 || p > 100.5) return null;
+          const isHovered = m.key === hoveredKey;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `absolute bottom-0 -translate-x-1/2 text-center text-[10px] leading-tight whitespace-nowrap pointer-events-none ${m.isPlaceholder ? "text-gray-400 italic" : isHovered ? "text-blue-700 font-semibold" : "text-gray-700"}`,
+              style: { left: `${Math.max(0, Math.min(100, p))}%` },
+              children: [
+                /* @__PURE__ */ jsx("div", { children: m.label }),
+                !m.isPlaceholder && /* @__PURE__ */ jsx("div", { className: "text-[9px] text-gray-400 font-normal", children: fmtSliderDate(m.ms) })
+              ]
+            },
+            `above-${m.key}`
+          );
+        }) }),
+        /* @__PURE__ */ jsxs("div", { className: "relative h-2 bg-gray-200 rounded-full", children: [
+          realDates.length > 0 && (() => {
+            const lastReal = Math.min(Math.max(...realDates), todayMs);
+            const fillPct = (lastReal - startMs) / span * 100;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute top-0 left-0 h-full bg-blue-300 rounded-full pointer-events-none",
+                style: { width: `${Math.max(0, Math.min(100, fillPct))}%` }
+              }
+            );
+          })(),
+          todayMs > startMs && todayMs < endMs && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute -top-1 h-4 w-px bg-gray-400 pointer-events-none",
+              style: { left: `${(todayMs - startMs) / span * 100}%` },
+              title: `Today \u2014 ${fmtSliderDate(todayMs)}`
+            }
+          ),
+          placed.map((m) => {
+            const p = (m.ms - startMs) / span * 100;
+            if (p < -0.5 || p > 100.5) return null;
+            const isHovered = m.key === hoveredKey;
+            const style = KIND_STYLES[m.kind ?? "default"];
+            const dotClass = m.isPlaceholder ? style.placeholder : isHovered ? `${style.base} ${style.active}` : style.base;
+            const Tag = m.onClick ? "button" : "div";
+            return /* @__PURE__ */ jsx(
+              Tag,
+              {
+                type: m.onClick ? "button" : void 0,
+                onMouseEnter: () => setHoveredKey(m.key),
+                onMouseLeave: () => setHoveredKey((prev) => prev === m.key ? null : prev),
+                onClick: m.onClick,
+                className: `absolute top-1/2 -translate-x-1/2 -translate-y-1/2 border-2 shadow flex items-center justify-center ${dotClass} ${m.onClick ? "cursor-pointer" : "cursor-default"}`,
+                style: { left: `${Math.max(0, Math.min(100, p))}%` },
+                "aria-label": `${m.label}${m.isPlaceholder ? " (not reached yet)" : ` on ${fmtSliderDate(m.ms)}`}`,
+                title: `${m.label}${m.isPlaceholder ? " \u2014 not reached yet" : ` \u2022 ${fmtSliderDate(m.ms)}`}${m.detail ? ` \u2014 ${m.detail}` : ""}`,
+                children: !m.isPlaceholder && style.inner
+              },
+              m.key
+            );
+          })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "relative h-7 mt-1", children: placed.map((m, i) => {
+          if (i === 0 || i === placed.length - 1) return null;
+          if (i % 2 === 0) return null;
+          const p = (m.ms - startMs) / span * 100;
+          if (p < -0.5 || p > 100.5) return null;
+          const isHovered = m.key === hoveredKey;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `absolute top-0 -translate-x-1/2 text-center text-[10px] leading-tight whitespace-nowrap pointer-events-none ${m.isPlaceholder ? "text-gray-400 italic" : isHovered ? "text-blue-700 font-semibold" : "text-gray-700"}`,
+              style: { left: `${Math.max(0, Math.min(100, p))}%` },
+              children: [
+                /* @__PURE__ */ jsx("div", { children: m.label }),
+                !m.isPlaceholder && /* @__PURE__ */ jsx("div", { className: "text-[9px] text-gray-400 font-normal", children: fmtSliderDate(m.ms) })
+              ]
+            },
+            `below-${m.key}`
+          );
+        }) }),
+        phases.length > 0 && /* @__PURE__ */ jsx("div", { className: "relative h-5 mt-2", children: phases.map((ph) => {
+          const leftPct = Math.max(0, (ph.minMs - startMs) / span * 100);
+          const rightPct = Math.min(100, (ph.maxMs - startMs) / span * 100);
+          const widthPct = Math.max(rightPct - leftPct, 0.5);
+          const centerPct = leftPct + widthPct / 2;
+          return /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute border-l border-r border-b border-slate-300 rounded-b-md pointer-events-none",
+                style: { left: `${leftPct}%`, width: `${widthPct}%`, top: 0, height: 8 }
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "absolute -translate-x-1/2 text-[9px] italic text-slate-500 whitespace-nowrap pointer-events-none",
+                style: { left: `${centerPct}%`, top: 9 },
+                children: [
+                  ph.label,
+                  " ",
+                  /* @__PURE__ */ jsx("span", { className: "text-slate-400 not-italic", children: "\xB7 parallel" })
+                ]
+              }
+            )
+          ] }, `phase-${ph.key}`);
+        }) })
+      ] }),
+      placed.length > 1 && (() => {
+        const m = placed[placed.length - 1];
+        return /* @__PURE__ */ jsxs("div", { className: `text-[10px] leading-tight whitespace-nowrap text-left shrink-0 pointer-events-none ${m.isPlaceholder ? "text-gray-400 italic" : "text-gray-700"}`, children: [
+          /* @__PURE__ */ jsx("div", { className: "font-medium", children: m.label }),
+          !m.isPlaceholder && /* @__PURE__ */ jsx("div", { className: "text-[9px] text-gray-400 font-normal", children: fmtSliderDate(m.ms) })
+        ] });
+      })()
+    ] }) }) })
+  ] });
+}
 function Sparkline({
   data,
   width = 120,
@@ -7561,6 +8923,6 @@ function useEditHotkey(callback) {
   }, [callback, isActive]);
 }
 
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, BehaviorPanel, Button_default as Button, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Card, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, ColoredBadge, Customization, DEV_BANNER_TEXT, DashboardTemplate, DataTablePage, Desktop, DesktopHostProvider, DevIndicator, DonutChart, ENTER, EmailTemplate, EmptyState, EntityList, ErrorPage, FilterBar, FormField, FormLayoutPage, GalleryTemplate, GlobalSearch, HelpCenter, INPUT_BASE, Input_default as Input, Kanban, Label, Layout, ListFooter, LoadingSpinner2 as LoadingSpinner, MOD, Markdown, NotificationBell, PageHeader, Pagination, Radio_default as Radio, ResizableTable, SHIFT, SearchableSelect, Select_default as Select, ShellEntityFetcherProvider, ShortcutHelp, SidebarGroupLabel, SidebarNavItem, SoundsPanel, Sparkline, StartMenu, StatCard, StatusBadge, StatusBadgeProvider, SystemPreferences, Tabs, Textarea_default as Textarea, Tooltip, TopNav, WidgetManager, applyDevTitle, createWindowRegistry, formatDate, inputClasses, isDevEnv, isMac, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useFilters, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav };
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, Banner, BarChart, BehaviorPanel, BulkImportGrid, Button_default as Button, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Card, ChangePasswordForm, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, ColoredBadge, ContainerFillChart, Customization, DEV_BANNER_TEXT, DashboardTemplate, DataTablePage, Desktop, DesktopHostProvider, DevIndicator, DonutChart, ENTER, EmailTemplate, EmptyState, EntityList, ErrorPage, FilterBar, FormField, FormLayoutPage, GalleryTemplate, GlobalSearch, HelpCenter, INPUT_BASE, Input_default as Input, Kanban, Label, Layout, ListFooter, LoadingSpinner2 as LoadingSpinner, MOD, Markdown, MilestoneTimeline, NotificationBell, PageHeader, Pagination, PdfActionButton, Radio_default as Radio, ResizableTable, SHIFT, SearchableSelect, Select_default as Select, ServerStatusIndicator, ShellEntityFetcherProvider, ShortcutHelp, SidebarGroupLabel, SidebarNavItem, SoundsPanel, Sparkline, StartMenu, StatCard, StatusBadge, StatusBadgeProvider, SystemPreferences, Tabs, Textarea_default as Textarea, Tooltip, TopNav, WidgetManager, applyDevTitle, createWindowRegistry, findDuplicateKeys, formatDate, inputClasses, isDevEnv, isMac, mergeBulkItems, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useFilters, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map