flexdesk 0.6.0 → 0.6.2

package/dist/{chunk-CNXP3SIN.js → chunk-XYUZF5CD.js}

@@ -1,7 +1,7 @@
 import {
   DataTable,
   createRafResizeObserver
-} from "./chunk-KH2GJTKR.js";
+} from "./chunk-CPYBQN3Q.js";
 import {
   ManagedWindow
 } from "./chunk-6JSOVNID.js";
@@ -2370,4 +2370,4 @@ export {
   openPlotPopoutWindow,
   openRawTracesWindow
 };
-//# sourceMappingURL=chunk-CNXP3SIN.js.map
+//# sourceMappingURL=chunk-XYUZF5CD.js.map

package/dist/flexdesk.css

@@ -713,6 +713,39 @@ body.twm-dt-col-resizing {
     color: var(--text-dim, #666);
     font-style: italic;
 }
+/* 0.6.1 `diff` — one side of a comparison. A row that is NEW on this side is
+ * green, one that is GONE on this side red, a changed row carries an amber
+ * left edge and its changed cells an amber fill, and a GAP — the place a row
+ * holds on the other side — is hatched, so the eye reads it as "nothing here"
+ * rather than as an empty row. (0,3,2) and up, for `twm-dt-cell--null`'s
+ * reason above; a selected row keeps its own colour (`:not(.selected)`). */
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--added:not(.selected) > td {
+    background: color-mix(in srgb, var(--color-success, #3fb950) 16%, transparent);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--removed:not(.selected) > td {
+    background: color-mix(in srgb, var(--color-danger, #c74e4e) 18%, transparent);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--removed > td {
+    text-decoration: line-through;
+    text-decoration-color: color-mix(in srgb, var(--color-danger, #c74e4e) 70%, transparent);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--added > td:first-child {
+    box-shadow: inset 3px 0 0 0 var(--color-success, #3fb950);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--removed > td:first-child {
+    box-shadow: inset 3px 0 0 0 var(--color-danger, #c74e4e);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--changed > td:first-child {
+    box-shadow: inset 3px 0 0 0 var(--color-warning, #ff9800);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff:not(.selected) > td.twm-dt-diff__cell--changed {
+    background: color-mix(in srgb, var(--color-warning, #ff9800) 22%, transparent);
+}
+.twm-data-table-component .twm-preview-table tbody tr.twm-dt-diff--gap > td.twm-dt-diff__gap {
+    background: repeating-linear-gradient(135deg,
+        transparent 0 6px,
+        color-mix(in srgb, var(--text-muted, #888) 14%, transparent) 6px 7px);
+}
 /* `emptyState` and `setError` with no rows: the box's own words, which may
  * wrap — muted for an empty state, red for a failure, in both densities. Quiet
  * while loading — an empty table that is still loading is not empty. */
@@ -1713,6 +1746,49 @@ body.twm-window-maximized .twm-resize-handle {
     opacity: 0.3;
     cursor: not-allowed;
 }
+/* `paging` — the strip UNDER a paged or scrolling DataTable's body: which rows
+ * are held, the page buttons or Load all, why a large source is paged, and the
+ * Pages / Scroll switch. */
+.twm-dt-paging {
+    display: flex;
+    align-items: center;
+    gap: var(--space-md);
+    flex: 0 0 auto;
+    min-width: 0;
+    padding: var(--space-xs) var(--space-md);
+    border-top: 1px solid var(--border-subtle);
+    font-size: var(--font-size-sm);
+    color: var(--text-muted);
+    white-space: nowrap;
+    overflow: hidden;
+}
+.twm-dt-paging__info { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.twm-dt-paging__spacer { flex: 1 1 auto; }
+.twm-dt-paging__nav { display: inline-flex; align-items: center; gap: var(--space-xs); }
+.twm-dt-paging__page { min-width: 72px; text-align: center; }
+.twm-dt-paging .twm-pagination-btn { height: 20px; min-width: 22px; }
+.twm-dt-paging__note { color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; }
+.twm-dt-paging__all,
+.twm-dt-paging__mode {
+    height: 20px;
+    padding: 0 var(--space-md);
+    background: transparent;
+    border: 1px solid var(--border-default);
+    border-radius: var(--radius-sm);
+    color: var(--text-body);
+    font: inherit;
+    cursor: pointer;
+}
+.twm-dt-paging__all:hover:not(:disabled),
+.twm-dt-paging__mode:hover:not(:disabled) { border-color: var(--accent); color: var(--text-bright); }
+.twm-dt-paging__modes { display: inline-flex; }
+.twm-dt-paging__mode { border-radius: 0; }
+.twm-dt-paging__mode:first-child { border-radius: var(--radius-sm) 0 0 var(--radius-sm); }
+.twm-dt-paging__mode:last-child { border-radius: 0 var(--radius-sm) var(--radius-sm) 0; margin-left: -1px; }
+.twm-dt-paging__mode[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--text-bright); }
+.twm-dt-paging__all:disabled,
+.twm-dt-paging__mode:disabled { opacity: 0.45; cursor: not-allowed; }
+.twm-dt-paging__mode[aria-pressed="true"]:disabled { opacity: 1; cursor: default; }
 /* Preview Table Styles - Essential for data view */
 .twm-preview-table-wrap { 
     overflow: auto; 

package/dist/flow.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6NG7YVBG.js";
 import {
   DataTable
-} from "./chunk-KH2GJTKR.js";
+} from "./chunk-CPYBQN3Q.js";
 import "./chunk-6JSOVNID.js";
 import "./chunk-FL5KFNQH.js";
 import {

package/dist/tiles.js

@@ -16,8 +16,8 @@ import {
 } from "./chunk-O5OHMWBB.js";
 import {
   openRawTracesWindow
-} from "./chunk-CNXP3SIN.js";
-import "./chunk-KH2GJTKR.js";
+} from "./chunk-XYUZF5CD.js";
+import "./chunk-CPYBQN3Q.js";
 import "./chunk-6JSOVNID.js";
 import "./chunk-FL5KFNQH.js";
 import {

package/dist/widgets.js

@@ -24,6 +24,8 @@ import {
   DataTable,
   ISO_DATE,
   ISO_DATETIME,
+  PAGING_HARD_LIMIT,
+  PAGING_SOFT_LIMIT,
   createRafResizeObserver,
   formatDate,
   formatDuration,
@@ -31,8 +33,9 @@ import {
   matchDurationFilter,
   parseDatePeriod,
   parseDateValue,
-  parseDuration
-} from "./chunk-KH2GJTKR.js";
+  parseDuration,
+  resolvePaging
+} from "./chunk-CPYBQN3Q.js";
 import {
   ManagedWindow,
   ROW_CONTROL_SELECTOR,
@@ -5488,6 +5491,85 @@ function installTabsScrollbars(selectors = [".tabs"]) {
   return () => observer.disconnect();
 }
 
+// src/ui/utils/scroll_lock.js
+function createScrollLock({ axis = "y", enabled = true } = {}) {
+  const doY = axis === "y" || axis === "both";
+  const doX = axis === "x" || axis === "both";
+  const members = /* @__PURE__ */ new Map();
+  let last = { top: 0, left: 0 };
+  let on = !!enabled;
+  function copyFrom(source) {
+    last = { top: source.scrollTop, left: source.scrollLeft };
+    if (!on) return;
+    for (const [el, state] of members) {
+      if (el === source) continue;
+      const top = doY ? last.top : el.scrollTop;
+      const left = doX ? last.left : el.scrollLeft;
+      if (el.scrollTop === top && el.scrollLeft === left) continue;
+      state.wrote = { top, left };
+      if (doY) el.scrollTop = top;
+      if (doX) el.scrollLeft = left;
+    }
+  }
+  function onScroll(event) {
+    const el = event.currentTarget;
+    const state = members.get(el);
+    if (!state) return;
+    const wrote = state.wrote;
+    state.wrote = null;
+    if (wrote && Math.abs(el.scrollTop - wrote.top) < 1 && Math.abs(el.scrollLeft - wrote.left) < 1) return;
+    copyFrom(el);
+  }
+  const lock = {
+    /** Join the group. Returns the function that leaves it. */
+    attach(el) {
+      if (!el || typeof el.addEventListener !== "function") return () => {
+      };
+      if (members.has(el)) return () => lock.detach(el);
+      const state = { wrote: null };
+      members.set(el, state);
+      el.addEventListener("scroll", onScroll, { passive: true });
+      if (on && (last.top || last.left)) {
+        state.wrote = {
+          top: doY ? last.top : el.scrollTop,
+          left: doX ? last.left : el.scrollLeft
+        };
+        if (doY) el.scrollTop = last.top;
+        if (doX) el.scrollLeft = last.left;
+      }
+      return () => lock.detach(el);
+    },
+    detach(el) {
+      if (!members.has(el)) return;
+      members.delete(el);
+      el.removeEventListener("scroll", onScroll);
+    },
+    /** Lock (true) or let the members scroll freely (false). Locking again
+     *  brings every member level with the one scrolled last. */
+    setEnabled(value) {
+      const was = on;
+      on = !!value;
+      if (on && !was) {
+        const source = [...members.keys()].find(
+          (el) => el.scrollTop === last.top && el.scrollLeft === last.left
+        ) || members.keys().next().value;
+        if (source) copyFrom(source);
+      }
+    },
+    get enabled() {
+      return on;
+    },
+    /** How many boxes are in the group (for a consumer's own checks). */
+    get size() {
+      return members.size;
+    },
+    dispose() {
+      for (const el of [...members.keys()]) lock.detach(el);
+    }
+  };
+  return lock;
+}
+
 // src/ui/utils/tooltip_service.js
 var tooltipElement = null;
 var currentTarget = null;
@@ -5751,6 +5833,8 @@ export {
   ManagedWindow,
   NotificationCenter,
   NotificationHistory,
+  PAGING_HARD_LIMIT,
+  PAGING_SOFT_LIMIT,
   PANEL_STATES,
   PANEL_TRANSITIONS,
   PageBase,
@@ -5767,6 +5851,7 @@ export {
   attachInlineRenamer,
   createDetailHeader,
   createRafResizeObserver,
+  createScrollLock,
   createTableStateStore,
   createTreeCategory,
   createTreeItem,
@@ -5800,6 +5885,7 @@ export {
   parseDuration,
   refTypesFor,
   reportBridgeError,
+  resolvePaging,
   selectItem,
   setHelpProvider,
   setModalHost,