@freighttech/ui 0.13.18

package/dist/backend/dynamic-table/components/ContextMenu.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useEscapeLayer } from "../hooks/useEscapeLayer.js";
+if (typeof window !== "undefined") {
+  import("../styles/ContextMenu.css.js");
+}
+const ContextMenu = ({
+  isOpen,
+  position,
+  actions,
+  onClose,
+  onActionClick
+}) => {
+  const menuRef = useRef(null);
+  const [adjustedPosition, setAdjustedPosition] = useState(position);
+  useEffect(() => {
+    if (!isOpen || !menuRef.current) return;
+    const rect = menuRef.current.getBoundingClientRect();
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    let x = position.x;
+    let y = position.y;
+    if (x + rect.width > viewportWidth) {
+      x = viewportWidth - rect.width - 10;
+    }
+    if (y + rect.height > viewportHeight) {
+      y = viewportHeight - rect.height - 10;
+    }
+    setAdjustedPosition({ x, y });
+  }, [isOpen, position]);
+  useEffect(() => {
+    if (!isOpen) return;
+    const handleClickOutside = (e) => {
+      if (menuRef.current && !menuRef.current.contains(e.target)) {
+        onClose();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [isOpen, onClose]);
+  useEscapeLayer(isOpen, onClose);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: menuRef,
+      className: "context-menu hot-col-menu hot-context-menu hot-appearance-v2",
+      style: {
+        position: "fixed",
+        left: `${adjustedPosition.x}px`,
+        top: `${adjustedPosition.y}px`
+      },
+      children: actions.map((action, index) => {
+        if (action.separator) {
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "context-menu-separator hot-col-menu-divider"
+            },
+            `separator-${index}`
+          );
+        }
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              if (!action.disabled) {
+                onActionClick(action.id);
+                onClose();
+              }
+            },
+            disabled: action.disabled,
+            className: "context-menu-item hot-col-menu-item",
+            children: [
+              action.icon && /* @__PURE__ */ jsx("span", { className: "context-menu-item-icon", children: action.icon }),
+              /* @__PURE__ */ jsx("span", { className: "context-menu-item-label", children: action.label })
+            ]
+          },
+          action.id
+        );
+      })
+    }
+  );
+};
+var ContextMenu_default = ContextMenu;
+export {
+  ContextMenu_default as default
+};
+//# sourceMappingURL=ContextMenu.js.map

package/dist/backend/dynamic-table/components/ContextMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/ContextMenu.tsx"],
+  "sourcesContent": ["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useEscapeLayer } from '../hooks/useEscapeLayer';\n\nif (typeof window !== 'undefined') {\n  // @ts-ignore - CSS import handled by bundler\n  import('../styles/ContextMenu.css');\n}\n\nexport interface ContextMenuAction {\n  id: string;\n  label: string;\n  icon?: string;\n  disabled?: boolean;\n  separator?: boolean;\n}\n\ninterface ContextMenuProps {\n  isOpen: boolean;\n  position: { x: number; y: number };\n  actions: ContextMenuAction[];\n  onClose: () => void;\n  onActionClick: (actionId: string) => void;\n}\n\n/**\n * The right-click menu.\n *\n * Chrome is NOT its own: it renders `.hot-col-menu` / `.hot-col-menu-item` /\n * `.hot-col-menu-divider` \u2014 the exact shell the column-header menu, the view-tab\n * menu and the shared-template shelf already use. Everything visual (background,\n * border, radius, shadow, item padding, hover fill, disabled opacity) therefore\n * comes from one place and tracks the theme through `--hot-*` tokens.\n *\n * It previously carried its own inline `backgroundColor: 'white'`,\n * `color: '#374151'`, `#e5e7eb` borders and JS `onMouseEnter` hover painting.\n * Inline styles beat any stylesheet, so the menu rendered as a white card with\n * dark-grey text on top of the dark app \u2014 and the dark rules that did exist in\n * `ContextMenu.css` were written against `@media (prefers-color-scheme: dark)`,\n * which never matches here because this app themes with a `.dark` CLASS.\n *\n * `.context-menu` / `.context-menu-item` stay on the elements: `DynamicTable`\n * hit-tests for them, `GridHarness` locates the menu by them, and\n * `TC-OFFER-310` asserts on them.\n */\nconst ContextMenu: React.FC<ContextMenuProps> = ({\n  isOpen,\n  position,\n  actions,\n  onClose,\n  onActionClick,\n}) => {\n  const menuRef = useRef<HTMLDivElement>(null);\n  const [adjustedPosition, setAdjustedPosition] = useState(position);\n\n  useEffect(() => {\n    if (!isOpen || !menuRef.current) return;\n\n    // Adjust position to keep menu within viewport\n    const rect = menuRef.current.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    let x = position.x;\n    let y = position.y;\n\n    if (x + rect.width > viewportWidth) {\n      x = viewportWidth - rect.width - 10;\n    }\n\n    if (y + rect.height > viewportHeight) {\n      y = viewportHeight - rect.height - 10;\n    }\n\n    setAdjustedPosition({ x, y });\n  }, [isOpen, position]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleClickOutside = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        onClose();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [isOpen, onClose]);\n\n  // Escape closes THIS menu only. A bubble-phase `document` listener let the\n  // key reach an enclosing Sheet/Dialog first and tear it down as well.\n  useEscapeLayer(isOpen, onClose);\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      ref={menuRef}\n      className=\"context-menu hot-col-menu hot-context-menu hot-appearance-v2\"\n      style={{\n        position: 'fixed',\n        left: `${adjustedPosition.x}px`,\n        top: `${adjustedPosition.y}px`,\n      }}\n    >\n      {actions.map((action, index) => {\n        if (action.separator) {\n          return (\n            <div\n              key={`separator-${index}`}\n              className=\"context-menu-separator hot-col-menu-divider\"\n            />\n          );\n        }\n\n        return (\n          <button\n            key={action.id}\n            type=\"button\"\n            onClick={() => {\n              if (!action.disabled) {\n                onActionClick(action.id);\n                onClose();\n              }\n            }}\n            disabled={action.disabled}\n            className=\"context-menu-item hot-col-menu-item\"\n          >\n            {action.icon && <span className=\"context-menu-item-icon\">{action.icon}</span>}\n            <span className=\"context-menu-item-label\">{action.label}</span>\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default ContextMenu;\n"],
+  "mappings": ";AA8GY,cAQF,YARE;AA5GZ,SAAgB,WAAW,QAAQ,gBAAgB;AACnD,SAAS,sBAAsB;AAE/B,IAAI,OAAO,WAAW,aAAa;AAEjC,SAAO,2BAA2B;AACpC;AAsCA,MAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,QAAQ;AAEjE,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,CAAC,QAAQ,QAAS;AAGjC,UAAM,OAAO,QAAQ,QAAQ,sBAAsB;AACnD,UAAM,gBAAgB,OAAO;AAC7B,UAAM,iBAAiB,OAAO;AAE9B,QAAI,IAAI,SAAS;AACjB,QAAI,IAAI,SAAS;AAEjB,QAAI,IAAI,KAAK,QAAQ,eAAe;AAClC,UAAI,gBAAgB,KAAK,QAAQ;AAAA,IACnC;AAEA,QAAI,IAAI,KAAK,SAAS,gBAAgB;AACpC,UAAI,iBAAiB,KAAK,SAAS;AAAA,IACrC;AAEA,wBAAoB,EAAE,GAAG,EAAE,CAAC;AAAA,EAC9B,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AAEb,UAAM,qBAAqB,CAAC,MAAkB;AAC5C,UAAI,QAAQ,WAAW,CAAC,QAAQ,QAAQ,SAAS,EAAE,MAAc,GAAG;AAClE,gBAAQ;AAAA,MACV;AAAA,IACF;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM,SAAS,oBAAoB,aAAa,kBAAkB;AAAA,EAC3E,GAAG,CAAC,QAAQ,OAAO,CAAC;AAIpB,iBAAe,QAAQ,OAAO;AAE9B,MAAI,CAAC,OAAQ,QAAO;AAEpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MACV,OAAO;AAAA,QACL,UAAU;AAAA,QACV,MAAM,GAAG,iBAAiB,CAAC;AAAA,QAC3B,KAAK,GAAG,iBAAiB,CAAC;AAAA,MAC5B;AAAA,MAEC,kBAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,YAAI,OAAO,WAAW;AACpB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,WAAU;AAAA;AAAA,YADL,aAAa,KAAK;AAAA,UAEzB;AAAA,QAEJ;AAEA,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,MAAM;AACb,kBAAI,CAAC,OAAO,UAAU;AACpB,8BAAc,OAAO,EAAE;AACvB,wBAAQ;AAAA,cACV;AAAA,YACF;AAAA,YACA,UAAU,OAAO;AAAA,YACjB,WAAU;AAAA,YAET;AAAA,qBAAO,QAAQ,oBAAC,UAAK,WAAU,0BAA0B,iBAAO,MAAK;AAAA,cACtE,oBAAC,UAAK,WAAU,2BAA2B,iBAAO,OAAM;AAAA;AAAA;AAAA,UAZnD,OAAO;AAAA,QAad;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/backend/dynamic-table/components/DateCell.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  getCompactDateFormatter
+} from "../utils/formatDateCompact.js";
+const LEVEL_CLASS = {
+  planned: "text-m3-on-surface-variant",
+  estimated: "text-m3-on-surface",
+  actual: "text-green-600 dark:text-green-400"
+};
+const OVERDUE_CLASS = "text-amber-600 dark:text-amber-400";
+const VARIANCE_LATE_CLASS = "text-red-600 dark:text-red-400";
+const VARIANCE_EARLY_CLASS = "text-m3-on-surface-variant";
+function levelColour(level, overdue) {
+  if (overdue) return OVERDUE_CLASS;
+  return level ? LEVEL_CLASS[level] : "text-m3-on-surface-variant";
+}
+const DateCell = React.memo(function DateCell2({
+  value,
+  planned,
+  estimated,
+  actual,
+  config,
+  showVariance = true,
+  flagOverdue = true,
+  now,
+  title,
+  className
+}) {
+  const formatter = React.useMemo(() => getCompactDateFormatter(config), [config]);
+  const isTriplet = planned !== void 0 || estimated !== void 0 || actual !== void 0;
+  const ts = isTriplet ? formatter.formatLevels(planned, estimated, actual) : null;
+  const date = isTriplet ? ts.date : formatter.format(value);
+  const overdue = flagOverdue && !!ts && ts.level === "estimated" && !Number.isNaN(date.ms) && date.ms < (now ?? Date.now());
+  const resolvedTitle = title === false ? void 0 : title ?? (ts && ts.title ? ts.title : date.text || void 0);
+  if (date.kind === "empty") {
+    return /* @__PURE__ */ jsx("span", { className: `dt-date dt-date-empty text-m3-on-surface-variant${className ? ` ${className}` : ""}`, children: date.text });
+  }
+  if (date.kind === "invalid") {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `dt-date dt-date-invalid text-m3-on-surface-variant${className ? ` ${className}` : ""}`,
+        "data-dt-date-invalid": "true",
+        title: typeof value === "string" && value ? value : void 0,
+        children: date.text
+      }
+    );
+  }
+  const colour = levelColour(ts?.level ?? null, overdue);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: `dt-date tabular-nums ${colour}${className ? ` ${className}` : ""}`,
+      "data-dt-date-level": ts?.level || void 0,
+      "data-dt-date-overdue": overdue || void 0,
+      title: resolvedTitle,
+      children: [
+        ts?.glyph ? /* @__PURE__ */ jsx("span", { className: "dt-date-glyph", "aria-hidden": "true", children: ts.glyph }) : null,
+        date.date ? /* @__PURE__ */ jsx("span", { className: "dt-date-day", children: date.date }) : null,
+        date.time ? /* @__PURE__ */ jsx("span", { className: "dt-date-time", children: date.time }) : null,
+        date.week ? /* @__PURE__ */ jsx("span", { className: "dt-date-week", children: date.week }) : null,
+        showVariance && ts?.variance ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `dt-date-variance ${ts.varianceSign > 0 ? VARIANCE_LATE_CLASS : VARIANCE_EARLY_CLASS}`,
+            children: ts.variance
+          }
+        ) : null
+      ]
+    }
+  );
+});
+var DateCell_default = DateCell;
+export {
+  DateCell,
+  DateCell_default as default
+};
+//# sourceMappingURL=DateCell.js.map

package/dist/backend/dynamic-table/components/DateCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/DateCell.tsx"],
+  "sourcesContent": ["'use client'\n\n/**\n * DynamicTable \u2014 DATE CELL\n * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n *\n * Renders a compact date, or a planned/estimated/actual triplet, inside a grid\n * cell. All formatting logic lives in `../utils/formatDateCompact`; this file\n * is purely the DOM shape and the styling hooks.\n *\n * \u2500\u2500 Two modes \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n *\n *   <DateCell value={row.eta} />                             single value\n *   <DateCell planned={ptd} estimated={etd} actual={atd} />  the A8(ii) triplet\n *\n * \u2500\u2500 Why the parts are separate <span>s \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n * The density scale hides low-value decorations with CSS at `dense`\n * (`styles/dateCell.css`). CSS can only hide what has its own element, so the\n * time / week / variance are split out. Nothing is threaded as a prop and no\n * cell re-renders when the user changes density \u2014 the container attribute flips\n * and the browser recalculates style. Same contract as `styles/density.css`.\n *\n * \u2500\u2500 Typography \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n * This component deliberately applies NO `text-*` typography token.\n *\n * That is not an oversight and it is not a bypass of the rules in\n * `.ai/typography-rules.md`. A token on this span would hard-set a font-size\n * ON the element, which out-specifies the density scale's ramp on `td`/`th` \u2014\n * so a date cell would stay 12px while every neighbouring cell shrank to 11px\n * at `dense`. Inheriting IS the correct behaviour: the cell's type comes from\n * the density level, which is where the product decision lives.\n *\n * The one type-adjacent utility used is `tabular-nums`, which sets\n * `font-variant-numeric` only. It touches no size, weight, line-height or\n * tracking, so it cannot conflict with a token \u2014 and without it the digits in\n * a date column do not line up, which is most of the point of a date column.\n * No raw `text-[11px]`, no inline `fontSize`, anywhere in this file.\n *\n * \u2500\u2500 Accessibility \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n * The level glyph (\u25CB \u25D0 \u25CF) is a CERTAINTY RAMP: shape carries the meaning, so\n * it survives greyscale, colour blindness and a printed screenshot. Colour is\n * reinforcement only (WCAG 1.4.1). The glyph itself is `aria-hidden` because\n * screen readers announce \"white circle\" \u2014 the words live in the `title`,\n * which carries the full planned/estimated/actual breakdown.\n * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n */\n\nimport * as React from 'react'\nimport {\n  getCompactDateFormatter,\n  type CompactDateConfig,\n  type CompactTimestamp,\n  type DateInput,\n  type TimestampLevel,\n} from '../utils/formatDateCompact'\n\n/**\n * Colour per level \u2014 REINFORCEMENT for the glyph, never the sole signal.\n * Matches the palette already used by the transport table's\n * `DepartureArrivalCell`, so the two tables do not disagree about what green\n * means for the same shipment.\n *\n * Written as whole literal class strings (not interpolated) so Tailwind's\n * scanner sees them in the source.\n */\nconst LEVEL_CLASS: Record<TimestampLevel, string> = {\n  planned: 'text-m3-on-surface-variant',\n  estimated: 'text-m3-on-surface',\n  actual: 'text-green-600 dark:text-green-400',\n}\n\n/** An estimate whose time has passed with no actual recorded: it is now a risk. */\nconst OVERDUE_CLASS = 'text-amber-600 dark:text-amber-400'\n\nconst VARIANCE_LATE_CLASS = 'text-red-600 dark:text-red-400'\nconst VARIANCE_EARLY_CLASS = 'text-m3-on-surface-variant'\n\nexport type DateCellProps = {\n  /** Single-value mode. Ignored when any of planned/estimated/actual is given. */\n  value?: DateInput\n  /** Triplet mode \u2014 workshop A8(ii). */\n  planned?: DateInput\n  estimated?: DateInput\n  actual?: DateInput\n  /**\n   * Formatting rules. HOIST THIS \u2014 pass a module-level constant or a `useMemo`\n   * result, never an object literal built inside a row map. A stable reference\n   * is not required for correctness (the formatter is keyed by the config's\n   * VALUES, not its identity) but a literal allocates on every cell.\n   */\n  config?: CompactDateConfig\n  /**\n   * Show the delta between the shown level and the previous one (\"+2d\").\n   * Default `true` in triplet mode. Hidden by CSS at `dense`.\n   */\n  showVariance?: boolean\n  /**\n   * Flag an estimate that is already in the past with no actual. Default `true`\n   * in triplet mode. `now` is injectable so tests are deterministic.\n   */\n  flagOverdue?: boolean\n  now?: number\n  /** Replaces the generated hover breakdown. Pass `false` for no title at all. */\n  title?: string | false\n  className?: string\n}\n\nfunction levelColour(\n  level: TimestampLevel | null,\n  overdue: boolean,\n): string {\n  if (overdue) return OVERDUE_CLASS\n  return level ? LEVEL_CLASS[level] : 'text-m3-on-surface-variant'\n}\n\n/**\n * `React.memo` is worth it here specifically: a date column's props are\n * primitives plus one hoisted config object, so the equality check is cheap and\n * a scroll that re-renders `VirtualRow` skips the subtree entirely.\n */\nexport const DateCell = React.memo(function DateCell({\n  value,\n  planned,\n  estimated,\n  actual,\n  config,\n  showVariance = true,\n  flagOverdue = true,\n  now,\n  title,\n  className,\n}: DateCellProps) {\n  const formatter = React.useMemo(() => getCompactDateFormatter(config), [config])\n\n  const isTriplet = planned !== undefined || estimated !== undefined || actual !== undefined\n\n  const ts: CompactTimestamp | null = isTriplet\n    ? formatter.formatLevels(planned, estimated, actual)\n    : null\n  const date = isTriplet ? ts!.date : formatter.format(value)\n\n  // Time-dependence is deliberately OUTSIDE the memoised formatter: \"is this\n  // estimate overdue?\" changes as the clock moves, so caching it would make the\n  // grid show a stale answer until the value itself changed.\n  const overdue =\n    flagOverdue &&\n    !!ts &&\n    ts.level === 'estimated' &&\n    !Number.isNaN(date.ms) &&\n    date.ms < (now ?? Date.now())\n\n  const resolvedTitle =\n    title === false ? undefined : title ?? (ts && ts.title ? ts.title : date.text || undefined)\n\n  if (date.kind === 'empty') {\n    return (\n      <span className={`dt-date dt-date-empty text-m3-on-surface-variant${className ? ` ${className}` : ''}`}>\n        {date.text}\n      </span>\n    )\n  }\n\n  if (date.kind === 'invalid') {\n    // A broken value must be visibly broken and reportable \u2014 never \"Invalid\n    // Date\", never a crash, and never silently indistinguishable from empty.\n    return (\n      <span\n        className={`dt-date dt-date-invalid text-m3-on-surface-variant${className ? ` ${className}` : ''}`}\n        data-dt-date-invalid=\"true\"\n        title={typeof value === 'string' && value ? value : undefined}\n      >\n        {date.text}\n      </span>\n    )\n  }\n\n  const colour = levelColour(ts?.level ?? null, overdue)\n\n  return (\n    <span\n      className={`dt-date tabular-nums ${colour}${className ? ` ${className}` : ''}`}\n      data-dt-date-level={ts?.level || undefined}\n      data-dt-date-overdue={overdue || undefined}\n      title={resolvedTitle}\n    >\n      {ts?.glyph ? (\n        <span className=\"dt-date-glyph\" aria-hidden=\"true\">\n          {ts.glyph}\n        </span>\n      ) : null}\n      {date.date ? <span className=\"dt-date-day\">{date.date}</span> : null}\n      {date.time ? <span className=\"dt-date-time\">{date.time}</span> : null}\n      {date.week ? <span className=\"dt-date-week\">{date.week}</span> : null}\n      {showVariance && ts?.variance ? (\n        <span\n          className={`dt-date-variance ${ts.varianceSign > 0 ? VARIANCE_LATE_CLASS : VARIANCE_EARLY_CLASS}`}\n        >\n          {ts.variance}\n        </span>\n      ) : null}\n    </span>\n  )\n})\n\nexport default DateCell\n"],
+  "mappings": ";AA4JM,cAuBF,YAvBE;AA7GN,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,OAKK;AAWP,MAAM,cAA8C;AAAA,EAClD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AACV;AAGA,MAAM,gBAAgB;AAEtB,MAAM,sBAAsB;AAC5B,MAAM,uBAAuB;AAgC7B,SAAS,YACP,OACA,SACQ;AACR,MAAI,QAAS,QAAO;AACpB,SAAO,QAAQ,YAAY,KAAK,IAAI;AACtC;AAOO,MAAM,WAAW,MAAM,KAAK,SAASA,UAAS;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AACF,GAAkB;AAChB,QAAM,YAAY,MAAM,QAAQ,MAAM,wBAAwB,MAAM,GAAG,CAAC,MAAM,CAAC;AAE/E,QAAM,YAAY,YAAY,UAAa,cAAc,UAAa,WAAW;AAEjF,QAAM,KAA8B,YAChC,UAAU,aAAa,SAAS,WAAW,MAAM,IACjD;AACJ,QAAM,OAAO,YAAY,GAAI,OAAO,UAAU,OAAO,KAAK;AAK1D,QAAM,UACJ,eACA,CAAC,CAAC,MACF,GAAG,UAAU,eACb,CAAC,OAAO,MAAM,KAAK,EAAE,KACrB,KAAK,MAAM,OAAO,KAAK,IAAI;AAE7B,QAAM,gBACJ,UAAU,QAAQ,SAAY,UAAU,MAAM,GAAG,QAAQ,GAAG,QAAQ,KAAK,QAAQ;AAEnF,MAAI,KAAK,SAAS,SAAS;AACzB,WACE,oBAAC,UAAK,WAAW,mDAAmD,YAAY,IAAI,SAAS,KAAK,EAAE,IACjG,eAAK,MACR;AAAA,EAEJ;AAEA,MAAI,KAAK,SAAS,WAAW;AAG3B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,qDAAqD,YAAY,IAAI,SAAS,KAAK,EAAE;AAAA,QAChG,wBAAqB;AAAA,QACrB,OAAO,OAAO,UAAU,YAAY,QAAQ,QAAQ;AAAA,QAEnD,eAAK;AAAA;AAAA,IACR;AAAA,EAEJ;AAEA,QAAM,SAAS,YAAY,IAAI,SAAS,MAAM,OAAO;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,wBAAwB,MAAM,GAAG,YAAY,IAAI,SAAS,KAAK,EAAE;AAAA,MAC5E,sBAAoB,IAAI,SAAS;AAAA,MACjC,wBAAsB,WAAW;AAAA,MACjC,OAAO;AAAA,MAEN;AAAA,YAAI,QACH,oBAAC,UAAK,WAAU,iBAAgB,eAAY,QACzC,aAAG,OACN,IACE;AAAA,QACH,KAAK,OAAO,oBAAC,UAAK,WAAU,eAAe,eAAK,MAAK,IAAU;AAAA,QAC/D,KAAK,OAAO,oBAAC,UAAK,WAAU,gBAAgB,eAAK,MAAK,IAAU;AAAA,QAChE,KAAK,OAAO,oBAAC,UAAK,WAAU,gBAAgB,eAAK,MAAK,IAAU;AAAA,QAChE,gBAAgB,IAAI,WACnB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,oBAAoB,GAAG,eAAe,IAAI,sBAAsB,oBAAoB;AAAA,YAE9F,aAAG;AAAA;AAAA,QACN,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAO,mBAAQ;",
+  "names": ["DateCell"]
+}

package/dist/backend/dynamic-table/components/Debugger.js

@@ -0,0 +1,311 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useRef, useCallback } from "react";
+import { useEventHandlers } from "../events/events.js";
+import { TableEvents } from "../types/index.js";
+const EVENT_COLORS = {
+  // Cell events
+  [TableEvents.CELL_EDIT_SAVE]: "#60a5fa",
+  [TableEvents.CELL_SAVE_START]: "#fbbf24",
+  [TableEvents.CELL_SAVE_SUCCESS]: "#4ade80",
+  [TableEvents.CELL_SAVE_ERROR]: "#f87171",
+  // New row events
+  [TableEvents.NEW_ROW_SAVE]: "#fbbf24",
+  [TableEvents.NEW_ROW_SAVE_START]: "#fbbf24",
+  [TableEvents.NEW_ROW_SAVE_SUCCESS]: "#4ade80",
+  [TableEvents.NEW_ROW_SAVE_ERROR]: "#f87171",
+  // Filter events (legacy)
+  [TableEvents.FILTER_CHANGE]: "#fb923c",
+  [TableEvents.FILTER_SAVE]: "#10b981",
+  [TableEvents.FILTER_SELECT]: "#10b981",
+  [TableEvents.FILTER_RENAME]: "#10b981",
+  [TableEvents.FILTER_DELETE]: "#10b981",
+  // Perspective events
+  [TableEvents.PERSPECTIVE_SAVE]: "#22c55e",
+  [TableEvents.PERSPECTIVE_SELECT]: "#14b8a6",
+  [TableEvents.PERSPECTIVE_RENAME]: "#06b6d4",
+  [TableEvents.PERSPECTIVE_DELETE]: "#f43f5e",
+  [TableEvents.PERSPECTIVE_CHANGE]: "#8b5cf6",
+  // Sort & search
+  [TableEvents.COLUMN_SORT]: "#a78bfa",
+  [TableEvents.SEARCH]: "#38bdf8",
+  // Context menu
+  [TableEvents.COLUMN_CONTEXT_MENU_ACTION]: "#e879f9",
+  [TableEvents.ROW_CONTEXT_MENU_ACTION]: "#e879f9"
+};
+const formatEventName = (eventName) => {
+  return eventName.replace("table:", "").replace(/:/g, "_").toUpperCase();
+};
+const formatPayload = (eventName, payload) => {
+  switch (eventName) {
+    case TableEvents.CELL_EDIT_SAVE:
+      return `Row ${payload.rowIndex}, ${payload.prop}: "${payload.oldValue}" \u2192 "${payload.newValue}"`;
+    case TableEvents.CELL_SAVE_START:
+    case TableEvents.CELL_SAVE_SUCCESS:
+      return `Row ${payload.rowIndex}, Col ${payload.colIndex}`;
+    case TableEvents.CELL_SAVE_ERROR:
+      return `Row ${payload.rowIndex}, Col ${payload.colIndex} - ${payload.error || "Failed"}`;
+    case TableEvents.NEW_ROW_SAVE:
+      return `Saving row at index ${payload.rowIndex}`;
+    case TableEvents.NEW_ROW_SAVE_SUCCESS:
+      return `Row saved with ID ${payload.savedRowData?.id}`;
+    case TableEvents.NEW_ROW_SAVE_ERROR:
+      return `Failed: ${payload.error || "Unknown error"}`;
+    case TableEvents.FILTER_CHANGE:
+      return `${payload.filters?.length || 0} filter(s) applied`;
+    case TableEvents.FILTER_SAVE:
+      return `Saved: "${payload.filter?.name}"`;
+    case TableEvents.FILTER_SELECT:
+      return payload.id ? `Selected: ${payload.id}` : "Cleared filter";
+    case TableEvents.FILTER_RENAME:
+      return `Renamed to: "${payload.newName}"`;
+    case TableEvents.FILTER_DELETE:
+      return `Deleted: ${payload.id}`;
+    case TableEvents.COLUMN_SORT:
+      return `${payload.columnName} - ${payload.direction || "cleared"}`;
+    case TableEvents.SEARCH:
+      return `Query: "${payload.query || ""}"`;
+    case TableEvents.COLUMN_CONTEXT_MENU_ACTION:
+      return `"${payload.actionId}" on "${payload.columnName}"`;
+    case TableEvents.ROW_CONTEXT_MENU_ACTION:
+      return `"${payload.actionId}" on row ${payload.rowIndex}`;
+    // Perspective events
+    case TableEvents.PERSPECTIVE_SAVE:
+      return `Saved: "${payload.perspective?.name}" (${payload.perspective?.columns?.visible?.length || 0} cols, ${payload.perspective?.filters?.length || 0} filters, ${payload.perspective?.sorting?.length || 0} sorts)`;
+    case TableEvents.PERSPECTIVE_SELECT:
+      return payload.id ? `Selected: "${payload.config?.name || payload.id}"` : "Reset to default";
+    case TableEvents.PERSPECTIVE_RENAME:
+      return `Renamed to: "${payload.newName}"`;
+    case TableEvents.PERSPECTIVE_DELETE:
+      return `Deleted: ${payload.id}`;
+    case TableEvents.PERSPECTIVE_CHANGE:
+      const changes = [];
+      if (payload.config?.columns) changes.push("columns");
+      if (payload.config?.filters) changes.push("filters");
+      if (payload.config?.sorting) changes.push("sorting");
+      return `Changed: ${changes.join(", ") || "config"}`;
+    default:
+      return JSON.stringify(payload).slice(0, 100);
+  }
+};
+const LogEntryItem = ({ entry }) => {
+  const [isExpanded, setIsExpanded] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        marginBottom: 8,
+        paddingBottom: 8,
+        borderBottom: "1px solid #2d2d2d"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            onClick: () => setIsExpanded(!isExpanded),
+            style: {
+              cursor: "pointer",
+              userSelect: "none"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 2 }, children: [
+                /* @__PURE__ */ jsxs("span", { style: { color: entry.color, fontWeight: "bold", fontSize: 10 }, children: [
+                  /* @__PURE__ */ jsx("span", { style: {
+                    display: "inline-block",
+                    width: 12,
+                    color: "#666",
+                    transition: "transform 0.2s",
+                    transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)"
+                  }, children: "\u25B6" }),
+                  entry.type
+                ] }),
+                /* @__PURE__ */ jsx("span", { style: { color: "#666", fontSize: 9 }, children: entry.timestamp })
+              ] }),
+              /* @__PURE__ */ jsx("div", { style: { color: "#ccc", wordBreak: "break-word", fontSize: 11, paddingLeft: 12 }, children: entry.message })
+            ]
+          }
+        ),
+        isExpanded && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              marginTop: 8,
+              marginLeft: 12,
+              padding: 8,
+              background: "#252525",
+              borderRadius: 4,
+              fontSize: 10,
+              lineHeight: 1.5,
+              overflow: "auto",
+              maxHeight: 200
+            },
+            children: /* @__PURE__ */ jsx("pre", { style: { margin: 0, whiteSpace: "pre-wrap", wordBreak: "break-word" }, children: JSON.stringify(entry.payload, null, 2) })
+          }
+        )
+      ]
+    }
+  );
+};
+const Debugger = ({ tableRef }) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [eventLog, setEventLog] = useState([]);
+  const logIdRef = useRef(0);
+  const addLog = useCallback((eventName, payload) => {
+    const timestamp = (/* @__PURE__ */ new Date()).toLocaleTimeString();
+    logIdRef.current++;
+    const type = formatEventName(eventName);
+    const message = formatPayload(eventName, payload);
+    const color = EVENT_COLORS[eventName] || "#d4d4d4";
+    setEventLog((prev) => [
+      { id: logIdRef.current, timestamp, type, message, color, payload },
+      ...prev
+    ].slice(0, 100));
+  }, []);
+  useEventHandlers({
+    [TableEvents.CELL_EDIT_SAVE]: (p) => addLog(TableEvents.CELL_EDIT_SAVE, p),
+    [TableEvents.CELL_SAVE_START]: (p) => addLog(TableEvents.CELL_SAVE_START, p),
+    [TableEvents.CELL_SAVE_SUCCESS]: (p) => addLog(TableEvents.CELL_SAVE_SUCCESS, p),
+    [TableEvents.CELL_SAVE_ERROR]: (p) => addLog(TableEvents.CELL_SAVE_ERROR, p),
+    [TableEvents.NEW_ROW_SAVE]: (p) => addLog(TableEvents.NEW_ROW_SAVE, p),
+    [TableEvents.NEW_ROW_SAVE_START]: (p) => addLog(TableEvents.NEW_ROW_SAVE_START, p),
+    [TableEvents.NEW_ROW_SAVE_SUCCESS]: (p) => addLog(TableEvents.NEW_ROW_SAVE_SUCCESS, p),
+    [TableEvents.NEW_ROW_SAVE_ERROR]: (p) => addLog(TableEvents.NEW_ROW_SAVE_ERROR, p),
+    [TableEvents.FILTER_CHANGE]: (p) => addLog(TableEvents.FILTER_CHANGE, p),
+    [TableEvents.FILTER_SAVE]: (p) => addLog(TableEvents.FILTER_SAVE, p),
+    [TableEvents.FILTER_SELECT]: (p) => addLog(TableEvents.FILTER_SELECT, p),
+    [TableEvents.FILTER_RENAME]: (p) => addLog(TableEvents.FILTER_RENAME, p),
+    [TableEvents.FILTER_DELETE]: (p) => addLog(TableEvents.FILTER_DELETE, p),
+    [TableEvents.PERSPECTIVE_SAVE]: (p) => addLog(TableEvents.PERSPECTIVE_SAVE, p),
+    [TableEvents.PERSPECTIVE_SELECT]: (p) => addLog(TableEvents.PERSPECTIVE_SELECT, p),
+    [TableEvents.PERSPECTIVE_RENAME]: (p) => addLog(TableEvents.PERSPECTIVE_RENAME, p),
+    [TableEvents.PERSPECTIVE_DELETE]: (p) => addLog(TableEvents.PERSPECTIVE_DELETE, p),
+    [TableEvents.PERSPECTIVE_CHANGE]: (p) => addLog(TableEvents.PERSPECTIVE_CHANGE, p),
+    [TableEvents.COLUMN_SORT]: (p) => addLog(TableEvents.COLUMN_SORT, p),
+    [TableEvents.SEARCH]: (p) => addLog(TableEvents.SEARCH, p),
+    [TableEvents.COLUMN_CONTEXT_MENU_ACTION]: (p) => addLog(TableEvents.COLUMN_CONTEXT_MENU_ACTION, p),
+    [TableEvents.ROW_CONTEXT_MENU_ACTION]: (p) => addLog(TableEvents.ROW_CONTEXT_MENU_ACTION, p)
+  }, tableRef, { stopPropagation: false });
+  const handleClear = useCallback(() => {
+    setEventLog([]);
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => setIsOpen(!isOpen),
+        style: {
+          position: "fixed",
+          bottom: 16,
+          right: 16,
+          width: 48,
+          height: 48,
+          borderRadius: "50%",
+          background: isOpen ? "#ef4444" : "#3b82f6",
+          border: "none",
+          color: "white",
+          fontSize: 20,
+          cursor: "pointer",
+          boxShadow: "0 4px 12px rgba(0,0,0,0.2)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          zIndex: 9999,
+          transition: "background 0.2s, transform 0.2s"
+        },
+        title: isOpen ? "Close debugger" : "Open debugger",
+        children: isOpen ? "\u2715" : "\u{1F41B}"
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: 16,
+          right: 16,
+          bottom: 80,
+          width: 420,
+          background: "#1e1e1e",
+          borderRadius: 8,
+          fontFamily: "Monaco, Consolas, monospace",
+          fontSize: 11,
+          color: "#d4d4d4",
+          boxShadow: "0 8px 32px rgba(0,0,0,0.3)",
+          zIndex: 9998,
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                padding: "12px 16px",
+                borderBottom: "1px solid #333",
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+                flexShrink: 0
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { style: { color: "#569cd6", fontWeight: "bold", fontSize: 13 }, children: "Event Log" }),
+                /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8, alignItems: "center" }, children: [
+                  /* @__PURE__ */ jsxs("span", { style: { color: "#666", fontSize: 10 }, children: [
+                    eventLog.length,
+                    " events"
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: handleClear,
+                      style: {
+                        background: "#333",
+                        border: "none",
+                        color: "#999",
+                        padding: "4px 8px",
+                        borderRadius: 4,
+                        cursor: "pointer",
+                        fontSize: 10
+                      },
+                      children: "Clear"
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                flex: 1,
+                overflow: "auto",
+                padding: 16
+              },
+              children: eventLog.length === 0 ? /* @__PURE__ */ jsx("div", { style: { color: "#666", fontStyle: "italic", textAlign: "center", paddingTop: 40 }, children: "Interact with the table to see events..." }) : eventLog.map((entry) => /* @__PURE__ */ jsx(LogEntryItem, { entry }, entry.id))
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                padding: "8px 16px",
+                borderTop: "1px solid #333",
+                color: "#666",
+                fontSize: 9,
+                textAlign: "center",
+                flexShrink: 0
+              },
+              children: "Click an event to view full payload"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+var Debugger_default = Debugger;
+export {
+  Debugger_default as default
+};
+//# sourceMappingURL=Debugger.js.map

package/dist/backend/dynamic-table/components/Debugger.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/backend/dynamic-table/components/Debugger.tsx"],
+  "sourcesContent": ["// Debugger.tsx\n\nimport React, { useState, useRef, useCallback } from 'react';\nimport { useEventHandlers } from '../events/events';\nimport { TableEvents } from '../types/index';\n\ninterface LogEntry {\n  id: number;\n  timestamp: string;\n  type: string;\n  message: string;\n  color: string;\n  payload: any;\n}\n\ninterface DebuggerProps {\n  tableRef: React.RefObject<HTMLElement | null>;\n}\n\nconst EVENT_COLORS: Record<string, string> = {\n  // Cell events\n  [TableEvents.CELL_EDIT_SAVE]: '#60a5fa',\n  [TableEvents.CELL_SAVE_START]: '#fbbf24',\n  [TableEvents.CELL_SAVE_SUCCESS]: '#4ade80',\n  [TableEvents.CELL_SAVE_ERROR]: '#f87171',\n  // New row events\n  [TableEvents.NEW_ROW_SAVE]: '#fbbf24',\n  [TableEvents.NEW_ROW_SAVE_START]: '#fbbf24',\n  [TableEvents.NEW_ROW_SAVE_SUCCESS]: '#4ade80',\n  [TableEvents.NEW_ROW_SAVE_ERROR]: '#f87171',\n  // Filter events (legacy)\n  [TableEvents.FILTER_CHANGE]: '#fb923c',\n  [TableEvents.FILTER_SAVE]: '#10b981',\n  [TableEvents.FILTER_SELECT]: '#10b981',\n  [TableEvents.FILTER_RENAME]: '#10b981',\n  [TableEvents.FILTER_DELETE]: '#10b981',\n  // Perspective events\n  [TableEvents.PERSPECTIVE_SAVE]: '#22c55e',\n  [TableEvents.PERSPECTIVE_SELECT]: '#14b8a6',\n  [TableEvents.PERSPECTIVE_RENAME]: '#06b6d4',\n  [TableEvents.PERSPECTIVE_DELETE]: '#f43f5e',\n  [TableEvents.PERSPECTIVE_CHANGE]: '#8b5cf6',\n  // Sort & search\n  [TableEvents.COLUMN_SORT]: '#a78bfa',\n  [TableEvents.SEARCH]: '#38bdf8',\n  // Context menu\n  [TableEvents.COLUMN_CONTEXT_MENU_ACTION]: '#e879f9',\n  [TableEvents.ROW_CONTEXT_MENU_ACTION]: '#e879f9',\n};\n\nconst formatEventName = (eventName: string): string => {\n  return eventName.replace('table:', '').replace(/:/g, '_').toUpperCase();\n};\n\nconst formatPayload = (eventName: string, payload: any): string => {\n  switch (eventName) {\n    case TableEvents.CELL_EDIT_SAVE:\n      return `Row ${payload.rowIndex}, ${payload.prop}: \"${payload.oldValue}\" \u2192 \"${payload.newValue}\"`;\n    case TableEvents.CELL_SAVE_START:\n    case TableEvents.CELL_SAVE_SUCCESS:\n      return `Row ${payload.rowIndex}, Col ${payload.colIndex}`;\n    case TableEvents.CELL_SAVE_ERROR:\n      return `Row ${payload.rowIndex}, Col ${payload.colIndex} - ${payload.error || 'Failed'}`;\n    case TableEvents.NEW_ROW_SAVE:\n      return `Saving row at index ${payload.rowIndex}`;\n    case TableEvents.NEW_ROW_SAVE_SUCCESS:\n      return `Row saved with ID ${payload.savedRowData?.id}`;\n    case TableEvents.NEW_ROW_SAVE_ERROR:\n      return `Failed: ${payload.error || 'Unknown error'}`;\n    case TableEvents.FILTER_CHANGE:\n      return `${payload.filters?.length || 0} filter(s) applied`;\n    case TableEvents.FILTER_SAVE:\n      return `Saved: \"${payload.filter?.name}\"`;\n    case TableEvents.FILTER_SELECT:\n      return payload.id ? `Selected: ${payload.id}` : 'Cleared filter';\n    case TableEvents.FILTER_RENAME:\n      return `Renamed to: \"${payload.newName}\"`;\n    case TableEvents.FILTER_DELETE:\n      return `Deleted: ${payload.id}`;\n    case TableEvents.COLUMN_SORT:\n      return `${payload.columnName} - ${payload.direction || 'cleared'}`;\n    case TableEvents.SEARCH:\n      return `Query: \"${payload.query || ''}\"`;\n    case TableEvents.COLUMN_CONTEXT_MENU_ACTION:\n      return `\"${payload.actionId}\" on \"${payload.columnName}\"`;\n    case TableEvents.ROW_CONTEXT_MENU_ACTION:\n      return `\"${payload.actionId}\" on row ${payload.rowIndex}`;\n    // Perspective events\n    case TableEvents.PERSPECTIVE_SAVE:\n      return `Saved: \"${payload.perspective?.name}\" (${payload.perspective?.columns?.visible?.length || 0} cols, ${payload.perspective?.filters?.length || 0} filters, ${payload.perspective?.sorting?.length || 0} sorts)`;\n    case TableEvents.PERSPECTIVE_SELECT:\n      return payload.id ? `Selected: \"${payload.config?.name || payload.id}\"` : 'Reset to default';\n    case TableEvents.PERSPECTIVE_RENAME:\n      return `Renamed to: \"${payload.newName}\"`;\n    case TableEvents.PERSPECTIVE_DELETE:\n      return `Deleted: ${payload.id}`;\n    case TableEvents.PERSPECTIVE_CHANGE:\n      const changes: string[] = [];\n      if (payload.config?.columns) changes.push('columns');\n      if (payload.config?.filters) changes.push('filters');\n      if (payload.config?.sorting) changes.push('sorting');\n      return `Changed: ${changes.join(', ') || 'config'}`;\n    default:\n      return JSON.stringify(payload).slice(0, 100);\n  }\n};\n\nconst LogEntryItem: React.FC<{ entry: LogEntry }> = ({ entry }) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  return (\n    <div\n      style={{\n        marginBottom: 8,\n        paddingBottom: 8,\n        borderBottom: '1px solid #2d2d2d',\n      }}\n    >\n      <div\n        onClick={() => setIsExpanded(!isExpanded)}\n        style={{\n          cursor: 'pointer',\n          userSelect: 'none',\n        }}\n      >\n        <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 2 }}>\n          <span style={{ color: entry.color, fontWeight: 'bold', fontSize: 10 }}>\n            <span style={{\n              display: 'inline-block',\n              width: 12,\n              color: '#666',\n              transition: 'transform 0.2s',\n              transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',\n            }}>\n              \u25B6\n            </span>\n            {entry.type}\n          </span>\n          <span style={{ color: '#666', fontSize: 9 }}>{entry.timestamp}</span>\n        </div>\n        <div style={{ color: '#ccc', wordBreak: 'break-word', fontSize: 11, paddingLeft: 12 }}>\n          {entry.message}\n        </div>\n      </div>\n\n      {isExpanded && (\n        <div\n          style={{\n            marginTop: 8,\n            marginLeft: 12,\n            padding: 8,\n            background: '#252525',\n            borderRadius: 4,\n            fontSize: 10,\n            lineHeight: 1.5,\n            overflow: 'auto',\n            maxHeight: 200,\n          }}\n        >\n          <pre style={{ margin: 0, whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>\n            {JSON.stringify(entry.payload, null, 2)}\n          </pre>\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst Debugger: React.FC<DebuggerProps> = ({ tableRef }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [eventLog, setEventLog] = useState<LogEntry[]>([]);\n  const logIdRef = useRef(0);\n\n  const addLog = useCallback((eventName: string, payload: any) => {\n    const timestamp = new Date().toLocaleTimeString();\n    logIdRef.current++;\n    const type = formatEventName(eventName);\n    const message = formatPayload(eventName, payload);\n    const color = EVENT_COLORS[eventName] || '#d4d4d4';\n\n    setEventLog((prev) => [\n      { id: logIdRef.current, timestamp, type, message, color, payload },\n      ...prev,\n    ].slice(0, 100));\n  }, []);\n\n  // Listen to all table events\n  useEventHandlers({\n    [TableEvents.CELL_EDIT_SAVE]: (p) => addLog(TableEvents.CELL_EDIT_SAVE, p),\n    [TableEvents.CELL_SAVE_START]: (p) => addLog(TableEvents.CELL_SAVE_START, p),\n    [TableEvents.CELL_SAVE_SUCCESS]: (p) => addLog(TableEvents.CELL_SAVE_SUCCESS, p),\n    [TableEvents.CELL_SAVE_ERROR]: (p) => addLog(TableEvents.CELL_SAVE_ERROR, p),\n    [TableEvents.NEW_ROW_SAVE]: (p) => addLog(TableEvents.NEW_ROW_SAVE, p),\n    [TableEvents.NEW_ROW_SAVE_START]: (p) => addLog(TableEvents.NEW_ROW_SAVE_START, p),\n    [TableEvents.NEW_ROW_SAVE_SUCCESS]: (p) => addLog(TableEvents.NEW_ROW_SAVE_SUCCESS, p),\n    [TableEvents.NEW_ROW_SAVE_ERROR]: (p) => addLog(TableEvents.NEW_ROW_SAVE_ERROR, p),\n    [TableEvents.FILTER_CHANGE]: (p) => addLog(TableEvents.FILTER_CHANGE, p),\n    [TableEvents.FILTER_SAVE]: (p) => addLog(TableEvents.FILTER_SAVE, p),\n    [TableEvents.FILTER_SELECT]: (p) => addLog(TableEvents.FILTER_SELECT, p),\n    [TableEvents.FILTER_RENAME]: (p) => addLog(TableEvents.FILTER_RENAME, p),\n    [TableEvents.FILTER_DELETE]: (p) => addLog(TableEvents.FILTER_DELETE, p),\n    [TableEvents.PERSPECTIVE_SAVE]: (p) => addLog(TableEvents.PERSPECTIVE_SAVE, p),\n    [TableEvents.PERSPECTIVE_SELECT]: (p) => addLog(TableEvents.PERSPECTIVE_SELECT, p),\n    [TableEvents.PERSPECTIVE_RENAME]: (p) => addLog(TableEvents.PERSPECTIVE_RENAME, p),\n    [TableEvents.PERSPECTIVE_DELETE]: (p) => addLog(TableEvents.PERSPECTIVE_DELETE, p),\n    [TableEvents.PERSPECTIVE_CHANGE]: (p) => addLog(TableEvents.PERSPECTIVE_CHANGE, p),\n    [TableEvents.COLUMN_SORT]: (p) => addLog(TableEvents.COLUMN_SORT, p),\n    [TableEvents.SEARCH]: (p) => addLog(TableEvents.SEARCH, p),\n    [TableEvents.COLUMN_CONTEXT_MENU_ACTION]: (p) => addLog(TableEvents.COLUMN_CONTEXT_MENU_ACTION, p),\n    [TableEvents.ROW_CONTEXT_MENU_ACTION]: (p) => addLog(TableEvents.ROW_CONTEXT_MENU_ACTION, p),\n  }, tableRef, { stopPropagation: false });\n\n  const handleClear = useCallback(() => {\n    setEventLog([]);\n  }, []);\n\n  return (\n    <>\n      {/* Debug Toggle Button */}\n      <button\n        onClick={() => setIsOpen(!isOpen)}\n        style={{\n          position: 'fixed',\n          bottom: 16,\n          right: 16,\n          width: 48,\n          height: 48,\n          borderRadius: '50%',\n          background: isOpen ? '#ef4444' : '#3b82f6',\n          border: 'none',\n          color: 'white',\n          fontSize: 20,\n          cursor: 'pointer',\n          boxShadow: '0 4px 12px rgba(0,0,0,0.2)',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          zIndex: 9999,\n          transition: 'background 0.2s, transform 0.2s',\n        }}\n        title={isOpen ? 'Close debugger' : 'Open debugger'}\n      >\n        {isOpen ? '\u2715' : '\uD83D\uDC1B'}\n      </button>\n\n      {/* Floating Event Log Panel */}\n      {isOpen && (\n        <div\n          style={{\n            position: 'fixed',\n            top: 16,\n            right: 16,\n            bottom: 80,\n            width: 420,\n            background: '#1e1e1e',\n            borderRadius: 8,\n            fontFamily: 'Monaco, Consolas, monospace',\n            fontSize: 11,\n            color: '#d4d4d4',\n            boxShadow: '0 8px 32px rgba(0,0,0,0.3)',\n            zIndex: 9998,\n            display: 'flex',\n            flexDirection: 'column',\n            overflow: 'hidden',\n          }}\n        >\n          {/* Header */}\n          <div\n            style={{\n              padding: '12px 16px',\n              borderBottom: '1px solid #333',\n              display: 'flex',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n              flexShrink: 0,\n            }}\n          >\n            <span style={{ color: '#569cd6', fontWeight: 'bold', fontSize: 13 }}>\n              Event Log\n            </span>\n            <div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>\n              <span style={{ color: '#666', fontSize: 10 }}>\n                {eventLog.length} events\n              </span>\n              <button\n                onClick={handleClear}\n                style={{\n                  background: '#333',\n                  border: 'none',\n                  color: '#999',\n                  padding: '4px 8px',\n                  borderRadius: 4,\n                  cursor: 'pointer',\n                  fontSize: 10,\n                }}\n              >\n                Clear\n              </button>\n            </div>\n          </div>\n\n          {/* Event List */}\n          <div\n            style={{\n              flex: 1,\n              overflow: 'auto',\n              padding: 16,\n            }}\n          >\n            {eventLog.length === 0 ? (\n              <div style={{ color: '#666', fontStyle: 'italic', textAlign: 'center', paddingTop: 40 }}>\n                Interact with the table to see events...\n              </div>\n            ) : (\n              eventLog.map((entry) => (\n                <LogEntryItem key={entry.id} entry={entry} />\n              ))\n            )}\n          </div>\n\n          {/* Footer hint */}\n          <div\n            style={{\n              padding: '8px 16px',\n              borderTop: '1px solid #333',\n              color: '#666',\n              fontSize: 9,\n              textAlign: 'center',\n              flexShrink: 0,\n            }}\n          >\n            Click an event to view full payload\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default Debugger;\n"],
+  "mappings": "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",
+  "names": []
+}