@flanksource/clicky-ui 0.3.9 → 0.3.11

package/dist/data/ai/use-session-scroll.cjs

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+function nextVisibleCount(current, batchSize, total) {
+  return Math.min(current + Math.max(1, batchSize), total);
+}
+function isPinnedToBottom(metrics, threshold) {
+  return metrics.scrollHeight - metrics.scrollTop - metrics.clientHeight <= threshold;
+}
+function isNearTop(scrollTop, threshold) {
+  return scrollTop <= threshold;
+}
+const idleWindow = () => typeof window === "undefined" ? void 0 : window;
+function useSessionScroll(options) {
+  const { total, enabled, windowSize, batchSize, resetKey } = options;
+  const bottomThreshold = options.bottomThreshold ?? 64;
+  const topThreshold = options.topThreshold ?? 600;
+  const scrollRef = react.useRef(null);
+  const contentRef = react.useRef(null);
+  const pinnedRef = react.useRef(true);
+  const anchorHeightRef = react.useRef(null);
+  const scrollBottomPendingRef = react.useRef(true);
+  const loadingOlderRef = react.useRef(false);
+  const [visibleCount, setVisibleCount] = react.useState(() => Math.min(windowSize, total));
+  const effectiveCount = enabled ? visibleCount : total;
+  const startIndex = Math.max(0, total - effectiveCount);
+  const hasMore = enabled && startIndex > 0;
+  const hasMoreRef = react.useRef(hasMore);
+  hasMoreRef.current = hasMore;
+  const scrollToBottom = react.useCallback(() => {
+    const el = scrollRef.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, []);
+  const growOlder = react.useCallback(() => {
+    if (loadingOlderRef.current || !hasMoreRef.current) return;
+    loadingOlderRef.current = true;
+    const el = scrollRef.current;
+    anchorHeightRef.current = el ? el.scrollHeight : null;
+    setVisibleCount((count) => nextVisibleCount(count, batchSize, total));
+  }, [batchSize, total]);
+  const growOlderRef = react.useRef(growOlder);
+  growOlderRef.current = growOlder;
+  react.useLayoutEffect(() => {
+    if (!enabled) return;
+    setVisibleCount(Math.min(windowSize, total));
+    pinnedRef.current = true;
+    loadingOlderRef.current = false;
+    scrollBottomPendingRef.current = true;
+  }, [enabled, resetKey, windowSize, total]);
+  react.useLayoutEffect(() => {
+    const el = scrollRef.current;
+    if (!enabled || !el) return;
+    if (scrollBottomPendingRef.current) {
+      scrollBottomPendingRef.current = false;
+      anchorHeightRef.current = null;
+      el.scrollTop = el.scrollHeight;
+    } else if (anchorHeightRef.current != null) {
+      el.scrollTop += el.scrollHeight - anchorHeightRef.current;
+      anchorHeightRef.current = null;
+    }
+    loadingOlderRef.current = false;
+  }, [enabled, visibleCount]);
+  react.useEffect(() => {
+    const el = scrollRef.current;
+    if (!enabled || !el) return;
+    const onScroll = () => {
+      pinnedRef.current = isPinnedToBottom(el, bottomThreshold);
+      if (hasMoreRef.current && isNearTop(el.scrollTop, topThreshold)) growOlderRef.current();
+    };
+    el.addEventListener("scroll", onScroll, { passive: true });
+    return () => el.removeEventListener("scroll", onScroll);
+  }, [enabled, bottomThreshold, topThreshold]);
+  react.useEffect(() => {
+    const content = contentRef.current;
+    if (!enabled || !content || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(() => {
+      if (pinnedRef.current) scrollToBottom();
+    });
+    observer.observe(content);
+    return () => observer.disconnect();
+  }, [enabled, scrollToBottom]);
+  react.useEffect(() => {
+    if (!enabled || !hasMore) return;
+    const win = idleWindow();
+    const request = (win == null ? void 0 : win.requestIdleCallback) ?? ((cb) => window.setTimeout(cb, 200));
+    const cancel = (win == null ? void 0 : win.cancelIdleCallback) ?? window.clearTimeout;
+    const handle = request(() => growOlderRef.current());
+    return () => cancel(handle);
+  }, [enabled, resetKey, hasMore]);
+  return { scrollRef, contentRef, startIndex, hasMore };
+}
+exports.isNearTop = isNearTop;
+exports.isPinnedToBottom = isPinnedToBottom;
+exports.nextVisibleCount = nextVisibleCount;
+exports.useSessionScroll = useSessionScroll;
+//# sourceMappingURL=use-session-scroll.cjs.map

package/dist/data/ai/use-session-scroll.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-session-scroll.cjs","sources":["../../../src/data/ai/use-session-scroll.ts"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef, useState, type RefObject } from \"react\";\n\n// Progressive windowing for the SessionViewer log. A recorded session runs to\n// thousands of rows (many with syntax-highlighted code blocks), so rendering the\n// whole transcript blocks first paint. Instead we render the *newest* screenful,\n// keep the view pinned to the bottom (most recent activity), and backfill older\n// rows as the reader scrolls up — the classic reverse-infinite-scroll of a chat\n// log. The pure helpers below hold the windowing math; the hook wires the DOM\n// listeners that drive it. Load-more is driven off scroll position rather than an\n// IntersectionObserver so it stays reliable in backgrounded/hidden tabs (where the\n// browser pauses observer callbacks tied to the render loop).\n\n/** The last `visibleCount` of `items`, plus where the window starts and whether\n *  older items remain above it. */\nexport function windowSlice<T>(\n  items: readonly T[],\n  visibleCount: number,\n): { items: T[]; startIndex: number; hasMore: boolean } {\n  const clamped = Math.max(0, Math.min(visibleCount, items.length));\n  const startIndex = items.length - clamped;\n  return { items: items.slice(startIndex), startIndex, hasMore: startIndex > 0 };\n}\n\n/** Grow the window by `batchSize`, never past `total`. */\nexport function nextVisibleCount(current: number, batchSize: number, total: number): number {\n  return Math.min(current + Math.max(1, batchSize), total);\n}\n\n/** True when the scroll position sits within `threshold` px of the bottom. */\nexport function isPinnedToBottom(\n  metrics: { scrollTop: number; scrollHeight: number; clientHeight: number },\n  threshold: number,\n): boolean {\n  return metrics.scrollHeight - metrics.scrollTop - metrics.clientHeight <= threshold;\n}\n\n/** True when the scroll position sits within `threshold` px of the top. */\nexport function isNearTop(scrollTop: number, threshold: number): boolean {\n  return scrollTop <= threshold;\n}\n\nexport interface SessionScrollOptions {\n  /** Number of filtered events available to render. */\n  total: number;\n  /** Turns the whole mechanism on; when false the hook renders every event. */\n  enabled: boolean;\n  /** Rows rendered on first paint (and after a session change). */\n  windowSize: number;\n  /** Rows added each time older content is loaded. */\n  batchSize: number;\n  /** Changing this resets the window and re-pins to the bottom — pass a value\n   *  derived from the session identity, not the filter state. */\n  resetKey: string;\n  /** Distance (px) from the bottom still counted as \"pinned\". */\n  bottomThreshold?: number;\n  /** Distance (px) from the top at which older rows start loading. */\n  topThreshold?: number;\n}\n\nexport interface SessionScrollState {\n  scrollRef: RefObject<HTMLDivElement>;\n  contentRef: RefObject<HTMLDivElement>;\n  startIndex: number;\n  hasMore: boolean;\n}\n\nconst idleWindow = () =>\n  (typeof window === \"undefined\" ? undefined : window) as\n    | (Window & {\n        requestIdleCallback?: (cb: () => void) => number;\n        cancelIdleCallback?: (handle: number) => void;\n      })\n    | undefined;\n\nexport function useSessionScroll(options: SessionScrollOptions): SessionScrollState {\n  const { total, enabled, windowSize, batchSize, resetKey } = options;\n  const bottomThreshold = options.bottomThreshold ?? 64;\n  const topThreshold = options.topThreshold ?? 600;\n\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const pinnedRef = useRef(true);\n  const anchorHeightRef = useRef<number | null>(null);\n  const scrollBottomPendingRef = useRef(true);\n  const loadingOlderRef = useRef(false);\n\n  const [visibleCount, setVisibleCount] = useState(() => Math.min(windowSize, total));\n  const effectiveCount = enabled ? visibleCount : total;\n  const startIndex = Math.max(0, total - effectiveCount);\n  const hasMore = enabled && startIndex > 0;\n  const hasMoreRef = useRef(hasMore);\n  hasMoreRef.current = hasMore;\n\n  const scrollToBottom = useCallback(() => {\n    const el = scrollRef.current;\n    if (el) el.scrollTop = el.scrollHeight;\n  }, []);\n\n  // Prepend an older batch, latching until the layout effect settles the prepend so\n  // rapid scroll events don't stack multiple batches at once.\n  const growOlder = useCallback(() => {\n    if (loadingOlderRef.current || !hasMoreRef.current) return;\n    loadingOlderRef.current = true;\n    const el = scrollRef.current;\n    anchorHeightRef.current = el ? el.scrollHeight : null;\n    setVisibleCount((count) => nextVisibleCount(count, batchSize, total));\n  }, [batchSize, total]);\n\n  const growOlderRef = useRef(growOlder);\n  growOlderRef.current = growOlder;\n\n  // A new session (resetKey change) snaps back to the newest screenful and re-pins.\n  useLayoutEffect(() => {\n    if (!enabled) return;\n    setVisibleCount(Math.min(windowSize, total));\n    pinnedRef.current = true;\n    loadingOlderRef.current = false;\n    scrollBottomPendingRef.current = true;\n  }, [enabled, resetKey, windowSize, total]);\n\n  // After each commit, either snap to bottom (pending pin) or preserve the reader's\n  // position when older rows were prepended (anchor), then release the load latch.\n  useLayoutEffect(() => {\n    const el = scrollRef.current;\n    if (!enabled || !el) return;\n    if (scrollBottomPendingRef.current) {\n      scrollBottomPendingRef.current = false;\n      anchorHeightRef.current = null;\n      el.scrollTop = el.scrollHeight;\n    } else if (anchorHeightRef.current != null) {\n      el.scrollTop += el.scrollHeight - anchorHeightRef.current;\n      anchorHeightRef.current = null;\n    }\n    loadingOlderRef.current = false;\n  }, [enabled, visibleCount]);\n\n  // Track pinned-to-bottom, and load older rows as the reader nears the top.\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!enabled || !el) return;\n    const onScroll = () => {\n      pinnedRef.current = isPinnedToBottom(el, bottomThreshold);\n      if (hasMoreRef.current && isNearTop(el.scrollTop, topThreshold)) growOlderRef.current();\n    };\n    el.addEventListener(\"scroll\", onScroll, { passive: true });\n    return () => el.removeEventListener(\"scroll\", onScroll);\n  }, [enabled, bottomThreshold, topThreshold]);\n\n  // Keep the newest row in view as rows grow (shiki highlighting settles after paint).\n  useEffect(() => {\n    const content = contentRef.current;\n    if (!enabled || !content || typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(() => {\n      if (pinnedRef.current) scrollToBottom();\n    });\n    observer.observe(content);\n    return () => observer.disconnect();\n  }, [enabled, scrollToBottom]);\n\n  // Prefetch one batch while idle so the first scroll up is instant.\n  useEffect(() => {\n    if (!enabled || !hasMore) return;\n    const win = idleWindow();\n    const request = win?.requestIdleCallback ?? ((cb: () => void) => window.setTimeout(cb, 200));\n    const cancel = win?.cancelIdleCallback ?? window.clearTimeout;\n    const handle = request(() => growOlderRef.current());\n    return () => cancel(handle);\n  }, [enabled, resetKey, hasMore]);\n\n  return { scrollRef, contentRef, startIndex, hasMore };\n}\n"],"names":["useRef","useState","useCallback","useLayoutEffect","useEffect"],"mappings":"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"}

package/dist/data/ai/use-session-scroll.d.ts

@@ -0,0 +1,43 @@
+import { RefObject } from 'react';
+/** The last `visibleCount` of `items`, plus where the window starts and whether
+ *  older items remain above it. */
+export declare function windowSlice<T>(items: readonly T[], visibleCount: number): {
+    items: T[];
+    startIndex: number;
+    hasMore: boolean;
+};
+/** Grow the window by `batchSize`, never past `total`. */
+export declare function nextVisibleCount(current: number, batchSize: number, total: number): number;
+/** True when the scroll position sits within `threshold` px of the bottom. */
+export declare function isPinnedToBottom(metrics: {
+    scrollTop: number;
+    scrollHeight: number;
+    clientHeight: number;
+}, threshold: number): boolean;
+/** True when the scroll position sits within `threshold` px of the top. */
+export declare function isNearTop(scrollTop: number, threshold: number): boolean;
+export interface SessionScrollOptions {
+    /** Number of filtered events available to render. */
+    total: number;
+    /** Turns the whole mechanism on; when false the hook renders every event. */
+    enabled: boolean;
+    /** Rows rendered on first paint (and after a session change). */
+    windowSize: number;
+    /** Rows added each time older content is loaded. */
+    batchSize: number;
+    /** Changing this resets the window and re-pins to the bottom — pass a value
+     *  derived from the session identity, not the filter state. */
+    resetKey: string;
+    /** Distance (px) from the bottom still counted as "pinned". */
+    bottomThreshold?: number;
+    /** Distance (px) from the top at which older rows start loading. */
+    topThreshold?: number;
+}
+export interface SessionScrollState {
+    scrollRef: RefObject<HTMLDivElement>;
+    contentRef: RefObject<HTMLDivElement>;
+    startIndex: number;
+    hasMore: boolean;
+}
+export declare function useSessionScroll(options: SessionScrollOptions): SessionScrollState;
+//# sourceMappingURL=use-session-scroll.d.ts.map

package/dist/data/ai/use-session-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-session-scroll.d.ts","sourceRoot":"","sources":["../../../src/data/ai/use-session-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYlG;mCACmC;AACnC,wBAAgB,WAAW,CAAC,CAAC,EAC3B,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,YAAY,EAAE,MAAM,GACnB;IAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAItD;AAED,0DAA0D;AAC1D,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE1F;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,EAC1E,SAAS,EAAE,MAAM,GAChB,OAAO,CAET;AAED,2EAA2E;AAC3E,wBAAgB,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAEvE;AAED,MAAM,WAAW,oBAAoB;IACnC,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,OAAO,EAAE,OAAO,CAAC;IACjB,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAC;IAClB;mEAC+D;IAC/D,QAAQ,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB;AAUD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,oBAAoB,GAAG,kBAAkB,CAgGlF"}

package/dist/data/ai/use-session-scroll.js

@@ -0,0 +1,96 @@
+import { useRef, useState, useCallback, useLayoutEffect, useEffect } from "react";
+function nextVisibleCount(current, batchSize, total) {
+  return Math.min(current + Math.max(1, batchSize), total);
+}
+function isPinnedToBottom(metrics, threshold) {
+  return metrics.scrollHeight - metrics.scrollTop - metrics.clientHeight <= threshold;
+}
+function isNearTop(scrollTop, threshold) {
+  return scrollTop <= threshold;
+}
+const idleWindow = () => typeof window === "undefined" ? void 0 : window;
+function useSessionScroll(options) {
+  const { total, enabled, windowSize, batchSize, resetKey } = options;
+  const bottomThreshold = options.bottomThreshold ?? 64;
+  const topThreshold = options.topThreshold ?? 600;
+  const scrollRef = useRef(null);
+  const contentRef = useRef(null);
+  const pinnedRef = useRef(true);
+  const anchorHeightRef = useRef(null);
+  const scrollBottomPendingRef = useRef(true);
+  const loadingOlderRef = useRef(false);
+  const [visibleCount, setVisibleCount] = useState(() => Math.min(windowSize, total));
+  const effectiveCount = enabled ? visibleCount : total;
+  const startIndex = Math.max(0, total - effectiveCount);
+  const hasMore = enabled && startIndex > 0;
+  const hasMoreRef = useRef(hasMore);
+  hasMoreRef.current = hasMore;
+  const scrollToBottom = useCallback(() => {
+    const el = scrollRef.current;
+    if (el) el.scrollTop = el.scrollHeight;
+  }, []);
+  const growOlder = useCallback(() => {
+    if (loadingOlderRef.current || !hasMoreRef.current) return;
+    loadingOlderRef.current = true;
+    const el = scrollRef.current;
+    anchorHeightRef.current = el ? el.scrollHeight : null;
+    setVisibleCount((count) => nextVisibleCount(count, batchSize, total));
+  }, [batchSize, total]);
+  const growOlderRef = useRef(growOlder);
+  growOlderRef.current = growOlder;
+  useLayoutEffect(() => {
+    if (!enabled) return;
+    setVisibleCount(Math.min(windowSize, total));
+    pinnedRef.current = true;
+    loadingOlderRef.current = false;
+    scrollBottomPendingRef.current = true;
+  }, [enabled, resetKey, windowSize, total]);
+  useLayoutEffect(() => {
+    const el = scrollRef.current;
+    if (!enabled || !el) return;
+    if (scrollBottomPendingRef.current) {
+      scrollBottomPendingRef.current = false;
+      anchorHeightRef.current = null;
+      el.scrollTop = el.scrollHeight;
+    } else if (anchorHeightRef.current != null) {
+      el.scrollTop += el.scrollHeight - anchorHeightRef.current;
+      anchorHeightRef.current = null;
+    }
+    loadingOlderRef.current = false;
+  }, [enabled, visibleCount]);
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (!enabled || !el) return;
+    const onScroll = () => {
+      pinnedRef.current = isPinnedToBottom(el, bottomThreshold);
+      if (hasMoreRef.current && isNearTop(el.scrollTop, topThreshold)) growOlderRef.current();
+    };
+    el.addEventListener("scroll", onScroll, { passive: true });
+    return () => el.removeEventListener("scroll", onScroll);
+  }, [enabled, bottomThreshold, topThreshold]);
+  useEffect(() => {
+    const content = contentRef.current;
+    if (!enabled || !content || typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(() => {
+      if (pinnedRef.current) scrollToBottom();
+    });
+    observer.observe(content);
+    return () => observer.disconnect();
+  }, [enabled, scrollToBottom]);
+  useEffect(() => {
+    if (!enabled || !hasMore) return;
+    const win = idleWindow();
+    const request = (win == null ? void 0 : win.requestIdleCallback) ?? ((cb) => window.setTimeout(cb, 200));
+    const cancel = (win == null ? void 0 : win.cancelIdleCallback) ?? window.clearTimeout;
+    const handle = request(() => growOlderRef.current());
+    return () => cancel(handle);
+  }, [enabled, resetKey, hasMore]);
+  return { scrollRef, contentRef, startIndex, hasMore };
+}
+export {
+  isNearTop,
+  isPinnedToBottom,
+  nextVisibleCount,
+  useSessionScroll
+};
+//# sourceMappingURL=use-session-scroll.js.map

package/dist/data/ai/use-session-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-session-scroll.js","sources":["../../../src/data/ai/use-session-scroll.ts"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef, useState, type RefObject } from \"react\";\n\n// Progressive windowing for the SessionViewer log. A recorded session runs to\n// thousands of rows (many with syntax-highlighted code blocks), so rendering the\n// whole transcript blocks first paint. Instead we render the *newest* screenful,\n// keep the view pinned to the bottom (most recent activity), and backfill older\n// rows as the reader scrolls up — the classic reverse-infinite-scroll of a chat\n// log. The pure helpers below hold the windowing math; the hook wires the DOM\n// listeners that drive it. Load-more is driven off scroll position rather than an\n// IntersectionObserver so it stays reliable in backgrounded/hidden tabs (where the\n// browser pauses observer callbacks tied to the render loop).\n\n/** The last `visibleCount` of `items`, plus where the window starts and whether\n *  older items remain above it. */\nexport function windowSlice<T>(\n  items: readonly T[],\n  visibleCount: number,\n): { items: T[]; startIndex: number; hasMore: boolean } {\n  const clamped = Math.max(0, Math.min(visibleCount, items.length));\n  const startIndex = items.length - clamped;\n  return { items: items.slice(startIndex), startIndex, hasMore: startIndex > 0 };\n}\n\n/** Grow the window by `batchSize`, never past `total`. */\nexport function nextVisibleCount(current: number, batchSize: number, total: number): number {\n  return Math.min(current + Math.max(1, batchSize), total);\n}\n\n/** True when the scroll position sits within `threshold` px of the bottom. */\nexport function isPinnedToBottom(\n  metrics: { scrollTop: number; scrollHeight: number; clientHeight: number },\n  threshold: number,\n): boolean {\n  return metrics.scrollHeight - metrics.scrollTop - metrics.clientHeight <= threshold;\n}\n\n/** True when the scroll position sits within `threshold` px of the top. */\nexport function isNearTop(scrollTop: number, threshold: number): boolean {\n  return scrollTop <= threshold;\n}\n\nexport interface SessionScrollOptions {\n  /** Number of filtered events available to render. */\n  total: number;\n  /** Turns the whole mechanism on; when false the hook renders every event. */\n  enabled: boolean;\n  /** Rows rendered on first paint (and after a session change). */\n  windowSize: number;\n  /** Rows added each time older content is loaded. */\n  batchSize: number;\n  /** Changing this resets the window and re-pins to the bottom — pass a value\n   *  derived from the session identity, not the filter state. */\n  resetKey: string;\n  /** Distance (px) from the bottom still counted as \"pinned\". */\n  bottomThreshold?: number;\n  /** Distance (px) from the top at which older rows start loading. */\n  topThreshold?: number;\n}\n\nexport interface SessionScrollState {\n  scrollRef: RefObject<HTMLDivElement>;\n  contentRef: RefObject<HTMLDivElement>;\n  startIndex: number;\n  hasMore: boolean;\n}\n\nconst idleWindow = () =>\n  (typeof window === \"undefined\" ? undefined : window) as\n    | (Window & {\n        requestIdleCallback?: (cb: () => void) => number;\n        cancelIdleCallback?: (handle: number) => void;\n      })\n    | undefined;\n\nexport function useSessionScroll(options: SessionScrollOptions): SessionScrollState {\n  const { total, enabled, windowSize, batchSize, resetKey } = options;\n  const bottomThreshold = options.bottomThreshold ?? 64;\n  const topThreshold = options.topThreshold ?? 600;\n\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const pinnedRef = useRef(true);\n  const anchorHeightRef = useRef<number | null>(null);\n  const scrollBottomPendingRef = useRef(true);\n  const loadingOlderRef = useRef(false);\n\n  const [visibleCount, setVisibleCount] = useState(() => Math.min(windowSize, total));\n  const effectiveCount = enabled ? visibleCount : total;\n  const startIndex = Math.max(0, total - effectiveCount);\n  const hasMore = enabled && startIndex > 0;\n  const hasMoreRef = useRef(hasMore);\n  hasMoreRef.current = hasMore;\n\n  const scrollToBottom = useCallback(() => {\n    const el = scrollRef.current;\n    if (el) el.scrollTop = el.scrollHeight;\n  }, []);\n\n  // Prepend an older batch, latching until the layout effect settles the prepend so\n  // rapid scroll events don't stack multiple batches at once.\n  const growOlder = useCallback(() => {\n    if (loadingOlderRef.current || !hasMoreRef.current) return;\n    loadingOlderRef.current = true;\n    const el = scrollRef.current;\n    anchorHeightRef.current = el ? el.scrollHeight : null;\n    setVisibleCount((count) => nextVisibleCount(count, batchSize, total));\n  }, [batchSize, total]);\n\n  const growOlderRef = useRef(growOlder);\n  growOlderRef.current = growOlder;\n\n  // A new session (resetKey change) snaps back to the newest screenful and re-pins.\n  useLayoutEffect(() => {\n    if (!enabled) return;\n    setVisibleCount(Math.min(windowSize, total));\n    pinnedRef.current = true;\n    loadingOlderRef.current = false;\n    scrollBottomPendingRef.current = true;\n  }, [enabled, resetKey, windowSize, total]);\n\n  // After each commit, either snap to bottom (pending pin) or preserve the reader's\n  // position when older rows were prepended (anchor), then release the load latch.\n  useLayoutEffect(() => {\n    const el = scrollRef.current;\n    if (!enabled || !el) return;\n    if (scrollBottomPendingRef.current) {\n      scrollBottomPendingRef.current = false;\n      anchorHeightRef.current = null;\n      el.scrollTop = el.scrollHeight;\n    } else if (anchorHeightRef.current != null) {\n      el.scrollTop += el.scrollHeight - anchorHeightRef.current;\n      anchorHeightRef.current = null;\n    }\n    loadingOlderRef.current = false;\n  }, [enabled, visibleCount]);\n\n  // Track pinned-to-bottom, and load older rows as the reader nears the top.\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!enabled || !el) return;\n    const onScroll = () => {\n      pinnedRef.current = isPinnedToBottom(el, bottomThreshold);\n      if (hasMoreRef.current && isNearTop(el.scrollTop, topThreshold)) growOlderRef.current();\n    };\n    el.addEventListener(\"scroll\", onScroll, { passive: true });\n    return () => el.removeEventListener(\"scroll\", onScroll);\n  }, [enabled, bottomThreshold, topThreshold]);\n\n  // Keep the newest row in view as rows grow (shiki highlighting settles after paint).\n  useEffect(() => {\n    const content = contentRef.current;\n    if (!enabled || !content || typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(() => {\n      if (pinnedRef.current) scrollToBottom();\n    });\n    observer.observe(content);\n    return () => observer.disconnect();\n  }, [enabled, scrollToBottom]);\n\n  // Prefetch one batch while idle so the first scroll up is instant.\n  useEffect(() => {\n    if (!enabled || !hasMore) return;\n    const win = idleWindow();\n    const request = win?.requestIdleCallback ?? ((cb: () => void) => window.setTimeout(cb, 200));\n    const cancel = win?.cancelIdleCallback ?? window.clearTimeout;\n    const handle = request(() => growOlderRef.current());\n    return () => cancel(handle);\n  }, [enabled, resetKey, hasMore]);\n\n  return { scrollRef, contentRef, startIndex, hasMore };\n}\n"],"names":[],"mappings":"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"}

package/dist/data/cells/TagList.cjs

@@ -206,7 +206,8 @@ function TagList({
 }
 function TagPropertiesList({
   tags,
-  rowClassName = "grid-cols-[minmax(4rem,8rem)_minmax(0,1fr)]"
+  rowClassName,
+  gridTemplateColumns = "minmax(4rem, 8rem) minmax(0, 1fr)"
 }) {
   const tagActions = tagUtils.useTagActions();
   const items = react.useMemo(
@@ -219,7 +220,8 @@ function TagPropertiesList({
       items,
       density: "compact",
       className: "border-0 bg-transparent",
-      rowClassName,
+      ...rowClassName ? { rowClassName } : {},
+      gridTemplateColumns,
       renderLabel: (_key, tag) => tag.key ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: tag.key }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "italic text-muted-foreground", children: "tag" }),
       renderValue: (_key, tag) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate font-mono", title: tag.value, children: tag.value }),
       suffixActions: [

package/dist/data/cells/TagList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.cjs","sources":["../../../src/data/cells/TagList.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { Badge } from \"../Badge\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { Properties, type PropertiesItem } from \"../Properties\";\nimport { UiCopy, UiZoomIn, UiZoomOut } from \"../../icons\";\nimport { useDensityValue } from \"../../hooks/use-density\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  TagActionsContext,\n  useTagActions,\n  type NormalizedTag,\n  type TagActionsContextValue,\n} from \"./tag-utils\";\n\nexport function TagActionsProvider({\n  value,\n  children,\n}: {\n  value: TagActionsContextValue;\n  children: React.ReactNode;\n}) {\n  return <TagActionsContext.Provider value={value}>{children}</TagActionsContext.Provider>;\n}\n\nexport type TagListProps = {\n  /** Normalized tags to render. */\n  tags: NormalizedTag[];\n  /** Number of tags to show inline before the overflow popover. */\n  maxVisible?: number;\n  /** Classes applied to the tag row. */\n  className?: string;\n  /** Whether copy/zoom actions appear on hover or inline. */\n  actions?: \"hover\" | \"inline\";\n  /**\n   * When `true`, visible tag badges render only their value — the key is\n   * dropped from the inline display. The full `key=value` text is still\n   * available in `tag.display` (used for tooltips, copy actions, and the\n   * overflow `+N` popover). Defaults to whether the surrounding density\n   * (via {@link useDensityValue}) is `\"compact\"`.\n   */\n  compact?: boolean;\n  /**\n   * When `true`, tag badges wrap onto multiple lines instead of staying on a\n   * single row with a `+N` overflow popover. Used by detail/expanded views\n   * (e.g. LogsTable row details) where vertical space is available.\n   */\n  wrap?: boolean;\n};\n\nfunction copyToClipboard(text: string) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard?.writeText) {\n    navigator.clipboard.writeText(text).catch(() => undefined);\n  }\n}\n\nfunction TagBadge({\n  tag,\n  actions: actionMode,\n  compact = false,\n}: {\n  tag: NormalizedTag;\n  actions: \"hover\" | \"inline\";\n  compact?: boolean;\n}) {\n  const actions = useTagActions();\n  const mode = actions.getMode(tag.token);\n\n  const onPlus = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      actions.toggleInclude(tag.token);\n    },\n    [actions, tag.token],\n  );\n  const onMinus = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      actions.toggleExclude(tag.token);\n    },\n    [actions, tag.token],\n  );\n  const onCopy = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      copyToClipboard(tag.value);\n    },\n    [tag.value],\n  );\n\n  // Active state colors mirror FilterPill: include = green, exclude = red.\n  const includeActive = mode === \"include\";\n  const excludeActive = mode === \"exclude\";\n\n  const showTooltip = compact && !!tag.key;\n  const badge = (\n    <span\n      {...(showTooltip ? { title: tag.display } : {})}\n      className={cn(\n        \"inline-flex items-center rounded-md border bg-background align-middle\",\n        includeActive\n          ? \"border-green-500/50 bg-green-500/5\"\n          : excludeActive\n            ? \"border-red-500/50 bg-red-500/5\"\n            : \"border-border\",\n      )}\n    >\n      {tag.key && !compact ? (\n        <Badge\n          size=\"xs\"\n          variant=\"label\"\n          tone=\"neutral\"\n          label={tag.key}\n          value={tag.value}\n          maxWidth={32}\n          truncate=\"auto\"\n          clickToCopy={false}\n          className=\"border-transparent shadow-none\"\n        />\n      ) : (\n        <Badge\n          size=\"xs\"\n          variant=\"soft\"\n          tone=\"neutral\"\n          maxWidth={32}\n          truncate=\"auto\"\n          clickToCopy={false}\n        >\n          {tag.value}\n        </Badge>\n      )}\n    </span>\n  );\n\n  const toolbar = (\n    <span className=\"inline-flex items-center gap-0.5\">\n      <TagActionButton\n        ariaLabel={`Include ${tag.display}`}\n        onClick={onPlus}\n        active={includeActive}\n        activeClassName=\"bg-green-500/20 text-green-700 dark:text-green-400\"\n        icon={UiZoomIn}\n      />\n      <TagActionButton\n        ariaLabel={`Exclude ${tag.display}`}\n        onClick={onMinus}\n        active={excludeActive}\n        activeClassName=\"bg-red-500/20 text-red-700 dark:text-red-400\"\n        icon={UiZoomOut}\n      />\n      <TagActionButton ariaLabel={`Copy ${tag.display}`} onClick={onCopy} icon={UiCopy} />\n    </span>\n  );\n\n  if (actionMode === \"inline\") {\n    return (\n      <span className=\"inline-flex items-center gap-0.5 rounded-md border border-border bg-background pr-0.5\">\n        {badge}\n        {toolbar}\n      </span>\n    );\n  }\n\n  // Action icons live in a hover popover above the tag — the cell stays\n  // clean, and hovering reveals the magnifier-plus / magnifier-minus / copy\n  // toolbar.\n  return (\n    <HoverCard placement=\"top\" delay={120} arrow={false} trigger={badge} cardClassName=\"!p-1\">\n      {toolbar}\n    </HoverCard>\n  );\n}\n\nfunction TagActionButton({\n  ariaLabel,\n  onClick,\n  active,\n  activeClassName,\n  icon,\n}: {\n  ariaLabel: string;\n  onClick: (event: React.MouseEvent) => void;\n  active?: boolean;\n  activeClassName?: string;\n  icon: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      title={ariaLabel}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground\",\n        \"hover:bg-accent hover:text-foreground\",\n        active && activeClassName,\n      )}\n    >\n      <Icon icon={icon} className=\"text-xs\" />\n    </button>\n  );\n}\n\nexport function TagList({\n  tags,\n  maxVisible = 3,\n  className,\n  actions = \"hover\",\n  compact,\n  wrap = false,\n}: TagListProps) {\n  const density = useDensityValue();\n  const isCompact = compact ?? density === \"compact\";\n\n  if (tags.length === 0) {\n    return <span className=\"text-muted-foreground\">—</span>;\n  }\n\n  if (wrap) {\n    return (\n      <span className={cn(\"flex min-w-0 flex-wrap items-center gap-1\", className)}>\n        {tags.map((tag, index) => (\n          <TagBadge\n            key={`${tag.display}-${index}`}\n            tag={tag}\n            actions={actions}\n            compact={isCompact}\n          />\n        ))}\n      </span>\n    );\n  }\n\n  const visible = tags.slice(0, maxVisible);\n  const overflow = tags.slice(maxVisible);\n\n  return (\n    <span className={cn(\"flex min-w-0 items-center gap-1\", className)}>\n      <span className=\"flex min-w-0 flex-1 flex-nowrap items-center gap-1 overflow-hidden\">\n        {visible.map((tag, index) => (\n          <TagBadge\n            key={`${tag.display}-${index}`}\n            tag={tag}\n            actions={actions}\n            compact={isCompact}\n          />\n        ))}\n      </span>\n      {overflow.length > 0 && (\n        <HoverCard\n          placement=\"top\"\n          trigger={\n            <Badge\n              size=\"xs\"\n              variant=\"outlined\"\n              tone=\"neutral\"\n              clickToCopy={false}\n              className=\"shrink-0\"\n            >\n              +{overflow.length}\n            </Badge>\n          }\n          cardClassName=\"min-w-72 max-w-[90vw] whitespace-normal !p-0\"\n        >\n          <TagPropertiesList tags={overflow} />\n        </HoverCard>\n      )}\n    </span>\n  );\n}\n\nexport function TagPropertiesList({\n  tags,\n  rowClassName = \"grid-cols-[minmax(4rem,8rem)_minmax(0,1fr)]\",\n}: {\n  tags: NormalizedTag[];\n  rowClassName?: string;\n}) {\n  const tagActions = useTagActions();\n  const items = useMemo<PropertiesItem<NormalizedTag>[]>(\n    () => tags.map((tag, index) => ({ key: `${tag.token}-${index}`, value: tag })),\n    [tags],\n  );\n\n  return (\n    <Properties<NormalizedTag>\n      items={items}\n      density=\"compact\"\n      className=\"border-0 bg-transparent\"\n      rowClassName={rowClassName}\n      renderLabel={(_key, tag) =>\n        tag.key ? (\n          <span className=\"font-mono\">{tag.key}</span>\n        ) : (\n          <span className=\"italic text-muted-foreground\">tag</span>\n        )\n      }\n      renderValue={(_key, tag) => (\n        <span className=\"block truncate font-mono\" title={tag.value}>\n          {tag.value}\n        </span>\n      )}\n      suffixActions={[\n        {\n          id: \"include\",\n          icon: UiZoomIn,\n          label: (_key, tag) => `Include ${tag.display}`,\n          onClick: (_key, tag) => tagActions.toggleInclude(tag.token),\n        },\n        {\n          id: \"exclude\",\n          icon: UiZoomOut,\n          label: (_key, tag) => `Exclude ${tag.display}`,\n          onClick: (_key, tag) => tagActions.toggleExclude(tag.token),\n        },\n        {\n          id: \"copy\",\n          icon: UiCopy,\n          label: (_key, tag) => `Copy ${tag.display}`,\n          onClick: (_key, tag) => copyToClipboard(tag.value),\n        },\n      ]}\n    />\n  );\n}\n\n"],"names":["jsx","TagActionsContext","useTagActions","useCallback","cn","Badge","jsxs","UiZoomIn","UiZoomOut","UiCopy","HoverCard","Icon","useDensityValue","useMemo","Properties"],"mappings":"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"}
+{"version":3,"file":"TagList.cjs","sources":["../../../src/data/cells/TagList.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { Badge } from \"../Badge\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { Properties, type PropertiesItem } from \"../Properties\";\nimport { UiCopy, UiZoomIn, UiZoomOut } from \"../../icons\";\nimport { useDensityValue } from \"../../hooks/use-density\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  TagActionsContext,\n  useTagActions,\n  type NormalizedTag,\n  type TagActionsContextValue,\n} from \"./tag-utils\";\n\nexport function TagActionsProvider({\n  value,\n  children,\n}: {\n  value: TagActionsContextValue;\n  children: React.ReactNode;\n}) {\n  return <TagActionsContext.Provider value={value}>{children}</TagActionsContext.Provider>;\n}\n\nexport type TagListProps = {\n  /** Normalized tags to render. */\n  tags: NormalizedTag[];\n  /** Number of tags to show inline before the overflow popover. */\n  maxVisible?: number;\n  /** Classes applied to the tag row. */\n  className?: string;\n  /** Whether copy/zoom actions appear on hover or inline. */\n  actions?: \"hover\" | \"inline\";\n  /**\n   * When `true`, visible tag badges render only their value — the key is\n   * dropped from the inline display. The full `key=value` text is still\n   * available in `tag.display` (used for tooltips, copy actions, and the\n   * overflow `+N` popover). Defaults to whether the surrounding density\n   * (via {@link useDensityValue}) is `\"compact\"`.\n   */\n  compact?: boolean;\n  /**\n   * When `true`, tag badges wrap onto multiple lines instead of staying on a\n   * single row with a `+N` overflow popover. Used by detail/expanded views\n   * (e.g. LogsTable row details) where vertical space is available.\n   */\n  wrap?: boolean;\n};\n\nfunction copyToClipboard(text: string) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard?.writeText) {\n    navigator.clipboard.writeText(text).catch(() => undefined);\n  }\n}\n\nfunction TagBadge({\n  tag,\n  actions: actionMode,\n  compact = false,\n}: {\n  tag: NormalizedTag;\n  actions: \"hover\" | \"inline\";\n  compact?: boolean;\n}) {\n  const actions = useTagActions();\n  const mode = actions.getMode(tag.token);\n\n  const onPlus = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      actions.toggleInclude(tag.token);\n    },\n    [actions, tag.token],\n  );\n  const onMinus = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      actions.toggleExclude(tag.token);\n    },\n    [actions, tag.token],\n  );\n  const onCopy = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      copyToClipboard(tag.value);\n    },\n    [tag.value],\n  );\n\n  // Active state colors mirror FilterPill: include = green, exclude = red.\n  const includeActive = mode === \"include\";\n  const excludeActive = mode === \"exclude\";\n\n  const showTooltip = compact && !!tag.key;\n  const badge = (\n    <span\n      {...(showTooltip ? { title: tag.display } : {})}\n      className={cn(\n        \"inline-flex items-center rounded-md border bg-background align-middle\",\n        includeActive\n          ? \"border-green-500/50 bg-green-500/5\"\n          : excludeActive\n            ? \"border-red-500/50 bg-red-500/5\"\n            : \"border-border\",\n      )}\n    >\n      {tag.key && !compact ? (\n        <Badge\n          size=\"xs\"\n          variant=\"label\"\n          tone=\"neutral\"\n          label={tag.key}\n          value={tag.value}\n          maxWidth={32}\n          truncate=\"auto\"\n          clickToCopy={false}\n          className=\"border-transparent shadow-none\"\n        />\n      ) : (\n        <Badge\n          size=\"xs\"\n          variant=\"soft\"\n          tone=\"neutral\"\n          maxWidth={32}\n          truncate=\"auto\"\n          clickToCopy={false}\n        >\n          {tag.value}\n        </Badge>\n      )}\n    </span>\n  );\n\n  const toolbar = (\n    <span className=\"inline-flex items-center gap-0.5\">\n      <TagActionButton\n        ariaLabel={`Include ${tag.display}`}\n        onClick={onPlus}\n        active={includeActive}\n        activeClassName=\"bg-green-500/20 text-green-700 dark:text-green-400\"\n        icon={UiZoomIn}\n      />\n      <TagActionButton\n        ariaLabel={`Exclude ${tag.display}`}\n        onClick={onMinus}\n        active={excludeActive}\n        activeClassName=\"bg-red-500/20 text-red-700 dark:text-red-400\"\n        icon={UiZoomOut}\n      />\n      <TagActionButton ariaLabel={`Copy ${tag.display}`} onClick={onCopy} icon={UiCopy} />\n    </span>\n  );\n\n  if (actionMode === \"inline\") {\n    return (\n      <span className=\"inline-flex items-center gap-0.5 rounded-md border border-border bg-background pr-0.5\">\n        {badge}\n        {toolbar}\n      </span>\n    );\n  }\n\n  // Action icons live in a hover popover above the tag — the cell stays\n  // clean, and hovering reveals the magnifier-plus / magnifier-minus / copy\n  // toolbar.\n  return (\n    <HoverCard placement=\"top\" delay={120} arrow={false} trigger={badge} cardClassName=\"!p-1\">\n      {toolbar}\n    </HoverCard>\n  );\n}\n\nfunction TagActionButton({\n  ariaLabel,\n  onClick,\n  active,\n  activeClassName,\n  icon,\n}: {\n  ariaLabel: string;\n  onClick: (event: React.MouseEvent) => void;\n  active?: boolean;\n  activeClassName?: string;\n  icon: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      title={ariaLabel}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground\",\n        \"hover:bg-accent hover:text-foreground\",\n        active && activeClassName,\n      )}\n    >\n      <Icon icon={icon} className=\"text-xs\" />\n    </button>\n  );\n}\n\nexport function TagList({\n  tags,\n  maxVisible = 3,\n  className,\n  actions = \"hover\",\n  compact,\n  wrap = false,\n}: TagListProps) {\n  const density = useDensityValue();\n  const isCompact = compact ?? density === \"compact\";\n\n  if (tags.length === 0) {\n    return <span className=\"text-muted-foreground\">—</span>;\n  }\n\n  if (wrap) {\n    return (\n      <span className={cn(\"flex min-w-0 flex-wrap items-center gap-1\", className)}>\n        {tags.map((tag, index) => (\n          <TagBadge\n            key={`${tag.display}-${index}`}\n            tag={tag}\n            actions={actions}\n            compact={isCompact}\n          />\n        ))}\n      </span>\n    );\n  }\n\n  const visible = tags.slice(0, maxVisible);\n  const overflow = tags.slice(maxVisible);\n\n  return (\n    <span className={cn(\"flex min-w-0 items-center gap-1\", className)}>\n      <span className=\"flex min-w-0 flex-1 flex-nowrap items-center gap-1 overflow-hidden\">\n        {visible.map((tag, index) => (\n          <TagBadge\n            key={`${tag.display}-${index}`}\n            tag={tag}\n            actions={actions}\n            compact={isCompact}\n          />\n        ))}\n      </span>\n      {overflow.length > 0 && (\n        <HoverCard\n          placement=\"top\"\n          trigger={\n            <Badge\n              size=\"xs\"\n              variant=\"outlined\"\n              tone=\"neutral\"\n              clickToCopy={false}\n              className=\"shrink-0\"\n            >\n              +{overflow.length}\n            </Badge>\n          }\n          cardClassName=\"min-w-72 max-w-[90vw] whitespace-normal !p-0\"\n        >\n          <TagPropertiesList tags={overflow} />\n        </HoverCard>\n      )}\n    </span>\n  );\n}\n\nexport function TagPropertiesList({\n  tags,\n  rowClassName,\n  gridTemplateColumns = \"minmax(4rem, 8rem) minmax(0, 1fr)\",\n}: {\n  tags: NormalizedTag[];\n  rowClassName?: string;\n  gridTemplateColumns?: string;\n}) {\n  const tagActions = useTagActions();\n  const items = useMemo<PropertiesItem<NormalizedTag>[]>(\n    () => tags.map((tag, index) => ({ key: `${tag.token}-${index}`, value: tag })),\n    [tags],\n  );\n\n  return (\n    <Properties<NormalizedTag>\n      items={items}\n      density=\"compact\"\n      className=\"border-0 bg-transparent\"\n      {...(rowClassName ? { rowClassName } : {})}\n      gridTemplateColumns={gridTemplateColumns}\n      renderLabel={(_key, tag) =>\n        tag.key ? (\n          <span className=\"font-mono\">{tag.key}</span>\n        ) : (\n          <span className=\"italic text-muted-foreground\">tag</span>\n        )\n      }\n      renderValue={(_key, tag) => (\n        <span className=\"block truncate font-mono\" title={tag.value}>\n          {tag.value}\n        </span>\n      )}\n      suffixActions={[\n        {\n          id: \"include\",\n          icon: UiZoomIn,\n          label: (_key, tag) => `Include ${tag.display}`,\n          onClick: (_key, tag) => tagActions.toggleInclude(tag.token),\n        },\n        {\n          id: \"exclude\",\n          icon: UiZoomOut,\n          label: (_key, tag) => `Exclude ${tag.display}`,\n          onClick: (_key, tag) => tagActions.toggleExclude(tag.token),\n        },\n        {\n          id: \"copy\",\n          icon: UiCopy,\n          label: (_key, tag) => `Copy ${tag.display}`,\n          onClick: (_key, tag) => copyToClipboard(tag.value),\n        },\n      ]}\n    />\n  );\n}\n"],"names":["jsx","TagActionsContext","useTagActions","useCallback","cn","Badge","jsxs","UiZoomIn","UiZoomOut","UiCopy","HoverCard","Icon","useDensityValue","useMemo","Properties"],"mappings":"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"}

package/dist/data/cells/TagList.d.ts

@@ -28,8 +28,9 @@ export type TagListProps = {
     wrap?: boolean;
 };
 export declare function TagList({ tags, maxVisible, className, actions, compact, wrap, }: TagListProps): import("react/jsx-runtime").JSX.Element;
-export declare function TagPropertiesList({ tags, rowClassName, }: {
+export declare function TagPropertiesList({ tags, rowClassName, gridTemplateColumns, }: {
     tags: NormalizedTag[];
     rowClassName?: string;
+    gridTemplateColumns?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TagList.d.ts.map

package/dist/data/cells/TagList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.d.ts","sourceRoot":"","sources":["../../../src/data/cells/TagList.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC5B,MAAM,aAAa,CAAC;AAErB,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,sBAAsB,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAEA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,iCAAiC;IACjC,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AA2JF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,UAAc,EACd,SAAS,EACT,OAAiB,EACjB,OAAO,EACP,IAAY,GACb,EAAE,YAAY,2CA2Dd;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAA4D,GAC7D,EAAE;IACD,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CA+CA"}
+{"version":3,"file":"TagList.d.ts","sourceRoot":"","sources":["../../../src/data/cells/TagList.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC5B,MAAM,aAAa,CAAC;AAErB,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,sBAAsB,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAEA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,iCAAiC;IACjC,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AA2JF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,UAAc,EACd,SAAS,EACT,OAAiB,EACjB,OAAO,EACP,IAAY,GACb,EAAE,YAAY,2CA2Dd;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,mBAAyD,GAC1D,EAAE;IACD,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,2CAgDA"}

package/dist/data/cells/TagList.js

@@ -204,7 +204,8 @@ function TagList({
 }
 function TagPropertiesList({
   tags,
-  rowClassName = "grid-cols-[minmax(4rem,8rem)_minmax(0,1fr)]"
+  rowClassName,
+  gridTemplateColumns = "minmax(4rem, 8rem) minmax(0, 1fr)"
 }) {
   const tagActions = useTagActions();
   const items = useMemo(
@@ -217,7 +218,8 @@ function TagPropertiesList({
       items,
       density: "compact",
       className: "border-0 bg-transparent",
-      rowClassName,
+      ...rowClassName ? { rowClassName } : {},
+      gridTemplateColumns,
       renderLabel: (_key, tag) => tag.key ? /* @__PURE__ */ jsx("span", { className: "font-mono", children: tag.key }) : /* @__PURE__ */ jsx("span", { className: "italic text-muted-foreground", children: "tag" }),
       renderValue: (_key, tag) => /* @__PURE__ */ jsx("span", { className: "block truncate font-mono", title: tag.value, children: tag.value }),
       suffixActions: [

package/dist/data/cells/TagList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagList.js","sources":["../../../src/data/cells/TagList.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { Badge } from \"../Badge\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { Properties, type PropertiesItem } from \"../Properties\";\nimport { UiCopy, UiZoomIn, UiZoomOut } from \"../../icons\";\nimport { useDensityValue } from \"../../hooks/use-density\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  TagActionsContext,\n  useTagActions,\n  type NormalizedTag,\n  type TagActionsContextValue,\n} from \"./tag-utils\";\n\nexport function TagActionsProvider({\n  value,\n  children,\n}: {\n  value: TagActionsContextValue;\n  children: React.ReactNode;\n}) {\n  return <TagActionsContext.Provider value={value}>{children}</TagActionsContext.Provider>;\n}\n\nexport type TagListProps = {\n  /** Normalized tags to render. */\n  tags: NormalizedTag[];\n  /** Number of tags to show inline before the overflow popover. */\n  maxVisible?: number;\n  /** Classes applied to the tag row. */\n  className?: string;\n  /** Whether copy/zoom actions appear on hover or inline. */\n  actions?: \"hover\" | \"inline\";\n  /**\n   * When `true`, visible tag badges render only their value — the key is\n   * dropped from the inline display. The full `key=value` text is still\n   * available in `tag.display` (used for tooltips, copy actions, and the\n   * overflow `+N` popover). Defaults to whether the surrounding density\n   * (via {@link useDensityValue}) is `\"compact\"`.\n   */\n  compact?: boolean;\n  /**\n   * When `true`, tag badges wrap onto multiple lines instead of staying on a\n   * single row with a `+N` overflow popover. Used by detail/expanded views\n   * (e.g. LogsTable row details) where vertical space is available.\n   */\n  wrap?: boolean;\n};\n\nfunction copyToClipboard(text: string) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard?.writeText) {\n    navigator.clipboard.writeText(text).catch(() => undefined);\n  }\n}\n\nfunction TagBadge({\n  tag,\n  actions: actionMode,\n  compact = false,\n}: {\n  tag: NormalizedTag;\n  actions: \"hover\" | \"inline\";\n  compact?: boolean;\n}) {\n  const actions = useTagActions();\n  const mode = actions.getMode(tag.token);\n\n  const onPlus = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      actions.toggleInclude(tag.token);\n    },\n    [actions, tag.token],\n  );\n  const onMinus = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      actions.toggleExclude(tag.token);\n    },\n    [actions, tag.token],\n  );\n  const onCopy = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      copyToClipboard(tag.value);\n    },\n    [tag.value],\n  );\n\n  // Active state colors mirror FilterPill: include = green, exclude = red.\n  const includeActive = mode === \"include\";\n  const excludeActive = mode === \"exclude\";\n\n  const showTooltip = compact && !!tag.key;\n  const badge = (\n    <span\n      {...(showTooltip ? { title: tag.display } : {})}\n      className={cn(\n        \"inline-flex items-center rounded-md border bg-background align-middle\",\n        includeActive\n          ? \"border-green-500/50 bg-green-500/5\"\n          : excludeActive\n            ? \"border-red-500/50 bg-red-500/5\"\n            : \"border-border\",\n      )}\n    >\n      {tag.key && !compact ? (\n        <Badge\n          size=\"xs\"\n          variant=\"label\"\n          tone=\"neutral\"\n          label={tag.key}\n          value={tag.value}\n          maxWidth={32}\n          truncate=\"auto\"\n          clickToCopy={false}\n          className=\"border-transparent shadow-none\"\n        />\n      ) : (\n        <Badge\n          size=\"xs\"\n          variant=\"soft\"\n          tone=\"neutral\"\n          maxWidth={32}\n          truncate=\"auto\"\n          clickToCopy={false}\n        >\n          {tag.value}\n        </Badge>\n      )}\n    </span>\n  );\n\n  const toolbar = (\n    <span className=\"inline-flex items-center gap-0.5\">\n      <TagActionButton\n        ariaLabel={`Include ${tag.display}`}\n        onClick={onPlus}\n        active={includeActive}\n        activeClassName=\"bg-green-500/20 text-green-700 dark:text-green-400\"\n        icon={UiZoomIn}\n      />\n      <TagActionButton\n        ariaLabel={`Exclude ${tag.display}`}\n        onClick={onMinus}\n        active={excludeActive}\n        activeClassName=\"bg-red-500/20 text-red-700 dark:text-red-400\"\n        icon={UiZoomOut}\n      />\n      <TagActionButton ariaLabel={`Copy ${tag.display}`} onClick={onCopy} icon={UiCopy} />\n    </span>\n  );\n\n  if (actionMode === \"inline\") {\n    return (\n      <span className=\"inline-flex items-center gap-0.5 rounded-md border border-border bg-background pr-0.5\">\n        {badge}\n        {toolbar}\n      </span>\n    );\n  }\n\n  // Action icons live in a hover popover above the tag — the cell stays\n  // clean, and hovering reveals the magnifier-plus / magnifier-minus / copy\n  // toolbar.\n  return (\n    <HoverCard placement=\"top\" delay={120} arrow={false} trigger={badge} cardClassName=\"!p-1\">\n      {toolbar}\n    </HoverCard>\n  );\n}\n\nfunction TagActionButton({\n  ariaLabel,\n  onClick,\n  active,\n  activeClassName,\n  icon,\n}: {\n  ariaLabel: string;\n  onClick: (event: React.MouseEvent) => void;\n  active?: boolean;\n  activeClassName?: string;\n  icon: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      title={ariaLabel}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground\",\n        \"hover:bg-accent hover:text-foreground\",\n        active && activeClassName,\n      )}\n    >\n      <Icon icon={icon} className=\"text-xs\" />\n    </button>\n  );\n}\n\nexport function TagList({\n  tags,\n  maxVisible = 3,\n  className,\n  actions = \"hover\",\n  compact,\n  wrap = false,\n}: TagListProps) {\n  const density = useDensityValue();\n  const isCompact = compact ?? density === \"compact\";\n\n  if (tags.length === 0) {\n    return <span className=\"text-muted-foreground\">—</span>;\n  }\n\n  if (wrap) {\n    return (\n      <span className={cn(\"flex min-w-0 flex-wrap items-center gap-1\", className)}>\n        {tags.map((tag, index) => (\n          <TagBadge\n            key={`${tag.display}-${index}`}\n            tag={tag}\n            actions={actions}\n            compact={isCompact}\n          />\n        ))}\n      </span>\n    );\n  }\n\n  const visible = tags.slice(0, maxVisible);\n  const overflow = tags.slice(maxVisible);\n\n  return (\n    <span className={cn(\"flex min-w-0 items-center gap-1\", className)}>\n      <span className=\"flex min-w-0 flex-1 flex-nowrap items-center gap-1 overflow-hidden\">\n        {visible.map((tag, index) => (\n          <TagBadge\n            key={`${tag.display}-${index}`}\n            tag={tag}\n            actions={actions}\n            compact={isCompact}\n          />\n        ))}\n      </span>\n      {overflow.length > 0 && (\n        <HoverCard\n          placement=\"top\"\n          trigger={\n            <Badge\n              size=\"xs\"\n              variant=\"outlined\"\n              tone=\"neutral\"\n              clickToCopy={false}\n              className=\"shrink-0\"\n            >\n              +{overflow.length}\n            </Badge>\n          }\n          cardClassName=\"min-w-72 max-w-[90vw] whitespace-normal !p-0\"\n        >\n          <TagPropertiesList tags={overflow} />\n        </HoverCard>\n      )}\n    </span>\n  );\n}\n\nexport function TagPropertiesList({\n  tags,\n  rowClassName = \"grid-cols-[minmax(4rem,8rem)_minmax(0,1fr)]\",\n}: {\n  tags: NormalizedTag[];\n  rowClassName?: string;\n}) {\n  const tagActions = useTagActions();\n  const items = useMemo<PropertiesItem<NormalizedTag>[]>(\n    () => tags.map((tag, index) => ({ key: `${tag.token}-${index}`, value: tag })),\n    [tags],\n  );\n\n  return (\n    <Properties<NormalizedTag>\n      items={items}\n      density=\"compact\"\n      className=\"border-0 bg-transparent\"\n      rowClassName={rowClassName}\n      renderLabel={(_key, tag) =>\n        tag.key ? (\n          <span className=\"font-mono\">{tag.key}</span>\n        ) : (\n          <span className=\"italic text-muted-foreground\">tag</span>\n        )\n      }\n      renderValue={(_key, tag) => (\n        <span className=\"block truncate font-mono\" title={tag.value}>\n          {tag.value}\n        </span>\n      )}\n      suffixActions={[\n        {\n          id: \"include\",\n          icon: UiZoomIn,\n          label: (_key, tag) => `Include ${tag.display}`,\n          onClick: (_key, tag) => tagActions.toggleInclude(tag.token),\n        },\n        {\n          id: \"exclude\",\n          icon: UiZoomOut,\n          label: (_key, tag) => `Exclude ${tag.display}`,\n          onClick: (_key, tag) => tagActions.toggleExclude(tag.token),\n        },\n        {\n          id: \"copy\",\n          icon: UiCopy,\n          label: (_key, tag) => `Copy ${tag.display}`,\n          onClick: (_key, tag) => copyToClipboard(tag.value),\n        },\n      ]}\n    />\n  );\n}\n\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TagList.js","sources":["../../../src/data/cells/TagList.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { Badge } from \"../Badge\";\nimport { HoverCard } from \"../../overlay/HoverCard\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { Properties, type PropertiesItem } from \"../Properties\";\nimport { UiCopy, UiZoomIn, UiZoomOut } from \"../../icons\";\nimport { useDensityValue } from \"../../hooks/use-density\";\nimport { cn } from \"../../lib/utils\";\nimport {\n  TagActionsContext,\n  useTagActions,\n  type NormalizedTag,\n  type TagActionsContextValue,\n} from \"./tag-utils\";\n\nexport function TagActionsProvider({\n  value,\n  children,\n}: {\n  value: TagActionsContextValue;\n  children: React.ReactNode;\n}) {\n  return <TagActionsContext.Provider value={value}>{children}</TagActionsContext.Provider>;\n}\n\nexport type TagListProps = {\n  /** Normalized tags to render. */\n  tags: NormalizedTag[];\n  /** Number of tags to show inline before the overflow popover. */\n  maxVisible?: number;\n  /** Classes applied to the tag row. */\n  className?: string;\n  /** Whether copy/zoom actions appear on hover or inline. */\n  actions?: \"hover\" | \"inline\";\n  /**\n   * When `true`, visible tag badges render only their value — the key is\n   * dropped from the inline display. The full `key=value` text is still\n   * available in `tag.display` (used for tooltips, copy actions, and the\n   * overflow `+N` popover). Defaults to whether the surrounding density\n   * (via {@link useDensityValue}) is `\"compact\"`.\n   */\n  compact?: boolean;\n  /**\n   * When `true`, tag badges wrap onto multiple lines instead of staying on a\n   * single row with a `+N` overflow popover. Used by detail/expanded views\n   * (e.g. LogsTable row details) where vertical space is available.\n   */\n  wrap?: boolean;\n};\n\nfunction copyToClipboard(text: string) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard?.writeText) {\n    navigator.clipboard.writeText(text).catch(() => undefined);\n  }\n}\n\nfunction TagBadge({\n  tag,\n  actions: actionMode,\n  compact = false,\n}: {\n  tag: NormalizedTag;\n  actions: \"hover\" | \"inline\";\n  compact?: boolean;\n}) {\n  const actions = useTagActions();\n  const mode = actions.getMode(tag.token);\n\n  const onPlus = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      actions.toggleInclude(tag.token);\n    },\n    [actions, tag.token],\n  );\n  const onMinus = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      actions.toggleExclude(tag.token);\n    },\n    [actions, tag.token],\n  );\n  const onCopy = useCallback(\n    (event: React.MouseEvent) => {\n      event.stopPropagation();\n      copyToClipboard(tag.value);\n    },\n    [tag.value],\n  );\n\n  // Active state colors mirror FilterPill: include = green, exclude = red.\n  const includeActive = mode === \"include\";\n  const excludeActive = mode === \"exclude\";\n\n  const showTooltip = compact && !!tag.key;\n  const badge = (\n    <span\n      {...(showTooltip ? { title: tag.display } : {})}\n      className={cn(\n        \"inline-flex items-center rounded-md border bg-background align-middle\",\n        includeActive\n          ? \"border-green-500/50 bg-green-500/5\"\n          : excludeActive\n            ? \"border-red-500/50 bg-red-500/5\"\n            : \"border-border\",\n      )}\n    >\n      {tag.key && !compact ? (\n        <Badge\n          size=\"xs\"\n          variant=\"label\"\n          tone=\"neutral\"\n          label={tag.key}\n          value={tag.value}\n          maxWidth={32}\n          truncate=\"auto\"\n          clickToCopy={false}\n          className=\"border-transparent shadow-none\"\n        />\n      ) : (\n        <Badge\n          size=\"xs\"\n          variant=\"soft\"\n          tone=\"neutral\"\n          maxWidth={32}\n          truncate=\"auto\"\n          clickToCopy={false}\n        >\n          {tag.value}\n        </Badge>\n      )}\n    </span>\n  );\n\n  const toolbar = (\n    <span className=\"inline-flex items-center gap-0.5\">\n      <TagActionButton\n        ariaLabel={`Include ${tag.display}`}\n        onClick={onPlus}\n        active={includeActive}\n        activeClassName=\"bg-green-500/20 text-green-700 dark:text-green-400\"\n        icon={UiZoomIn}\n      />\n      <TagActionButton\n        ariaLabel={`Exclude ${tag.display}`}\n        onClick={onMinus}\n        active={excludeActive}\n        activeClassName=\"bg-red-500/20 text-red-700 dark:text-red-400\"\n        icon={UiZoomOut}\n      />\n      <TagActionButton ariaLabel={`Copy ${tag.display}`} onClick={onCopy} icon={UiCopy} />\n    </span>\n  );\n\n  if (actionMode === \"inline\") {\n    return (\n      <span className=\"inline-flex items-center gap-0.5 rounded-md border border-border bg-background pr-0.5\">\n        {badge}\n        {toolbar}\n      </span>\n    );\n  }\n\n  // Action icons live in a hover popover above the tag — the cell stays\n  // clean, and hovering reveals the magnifier-plus / magnifier-minus / copy\n  // toolbar.\n  return (\n    <HoverCard placement=\"top\" delay={120} arrow={false} trigger={badge} cardClassName=\"!p-1\">\n      {toolbar}\n    </HoverCard>\n  );\n}\n\nfunction TagActionButton({\n  ariaLabel,\n  onClick,\n  active,\n  activeClassName,\n  icon,\n}: {\n  ariaLabel: string;\n  onClick: (event: React.MouseEvent) => void;\n  active?: boolean;\n  activeClassName?: string;\n  icon: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      title={ariaLabel}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground\",\n        \"hover:bg-accent hover:text-foreground\",\n        active && activeClassName,\n      )}\n    >\n      <Icon icon={icon} className=\"text-xs\" />\n    </button>\n  );\n}\n\nexport function TagList({\n  tags,\n  maxVisible = 3,\n  className,\n  actions = \"hover\",\n  compact,\n  wrap = false,\n}: TagListProps) {\n  const density = useDensityValue();\n  const isCompact = compact ?? density === \"compact\";\n\n  if (tags.length === 0) {\n    return <span className=\"text-muted-foreground\">—</span>;\n  }\n\n  if (wrap) {\n    return (\n      <span className={cn(\"flex min-w-0 flex-wrap items-center gap-1\", className)}>\n        {tags.map((tag, index) => (\n          <TagBadge\n            key={`${tag.display}-${index}`}\n            tag={tag}\n            actions={actions}\n            compact={isCompact}\n          />\n        ))}\n      </span>\n    );\n  }\n\n  const visible = tags.slice(0, maxVisible);\n  const overflow = tags.slice(maxVisible);\n\n  return (\n    <span className={cn(\"flex min-w-0 items-center gap-1\", className)}>\n      <span className=\"flex min-w-0 flex-1 flex-nowrap items-center gap-1 overflow-hidden\">\n        {visible.map((tag, index) => (\n          <TagBadge\n            key={`${tag.display}-${index}`}\n            tag={tag}\n            actions={actions}\n            compact={isCompact}\n          />\n        ))}\n      </span>\n      {overflow.length > 0 && (\n        <HoverCard\n          placement=\"top\"\n          trigger={\n            <Badge\n              size=\"xs\"\n              variant=\"outlined\"\n              tone=\"neutral\"\n              clickToCopy={false}\n              className=\"shrink-0\"\n            >\n              +{overflow.length}\n            </Badge>\n          }\n          cardClassName=\"min-w-72 max-w-[90vw] whitespace-normal !p-0\"\n        >\n          <TagPropertiesList tags={overflow} />\n        </HoverCard>\n      )}\n    </span>\n  );\n}\n\nexport function TagPropertiesList({\n  tags,\n  rowClassName,\n  gridTemplateColumns = \"minmax(4rem, 8rem) minmax(0, 1fr)\",\n}: {\n  tags: NormalizedTag[];\n  rowClassName?: string;\n  gridTemplateColumns?: string;\n}) {\n  const tagActions = useTagActions();\n  const items = useMemo<PropertiesItem<NormalizedTag>[]>(\n    () => tags.map((tag, index) => ({ key: `${tag.token}-${index}`, value: tag })),\n    [tags],\n  );\n\n  return (\n    <Properties<NormalizedTag>\n      items={items}\n      density=\"compact\"\n      className=\"border-0 bg-transparent\"\n      {...(rowClassName ? { rowClassName } : {})}\n      gridTemplateColumns={gridTemplateColumns}\n      renderLabel={(_key, tag) =>\n        tag.key ? (\n          <span className=\"font-mono\">{tag.key}</span>\n        ) : (\n          <span className=\"italic text-muted-foreground\">tag</span>\n        )\n      }\n      renderValue={(_key, tag) => (\n        <span className=\"block truncate font-mono\" title={tag.value}>\n          {tag.value}\n        </span>\n      )}\n      suffixActions={[\n        {\n          id: \"include\",\n          icon: UiZoomIn,\n          label: (_key, tag) => `Include ${tag.display}`,\n          onClick: (_key, tag) => tagActions.toggleInclude(tag.token),\n        },\n        {\n          id: \"exclude\",\n          icon: UiZoomOut,\n          label: (_key, tag) => `Exclude ${tag.display}`,\n          onClick: (_key, tag) => tagActions.toggleExclude(tag.token),\n        },\n        {\n          id: \"copy\",\n          icon: UiCopy,\n          label: (_key, tag) => `Copy ${tag.display}`,\n          onClick: (_key, tag) => copyToClipboard(tag.value),\n        },\n      ]}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}