@flanksource/clicky-ui 0.3.17 → 0.3.19

package/dist/overlay/use-tour-anchor.js

@@ -0,0 +1,43 @@
+import { useState, useRef, useEffect } from "react";
+import { resolveAnchor } from "./tour-anchor.js";
+function prefersReducedMotion(element) {
+  var _a;
+  const view = element.ownerDocument.defaultView;
+  return ((_a = view == null ? void 0 : view.matchMedia) == null ? void 0 : _a.call(view, "(prefers-reduced-motion: reduce)").matches) ?? false;
+}
+function useTourAnchor(options) {
+  const { root, target, timeoutMs, scrollIntoView = true, key } = options;
+  const [result, setResult] = useState({ anchor: null, state: "idle" });
+  const scrollRef = useRef(scrollIntoView);
+  scrollRef.current = scrollIntoView;
+  useEffect(() => {
+    if (target === void 0) {
+      setResult({ anchor: null, state: "idle" });
+      return;
+    }
+    setResult({ anchor: null, state: "waiting" });
+    const controller = new AbortController();
+    void resolveAnchor({ root, target, timeoutMs, signal: controller.signal }).then(
+      (resolution) => {
+        if (controller.signal.aborted) return;
+        if (resolution.status !== "found") {
+          setResult({ anchor: null, state: "missing" });
+          return;
+        }
+        setResult({ anchor: resolution.element, state: "found" });
+        if (!scrollRef.current || !resolution.element.scrollIntoView) return;
+        resolution.element.scrollIntoView({
+          block: "center",
+          inline: "nearest",
+          behavior: prefersReducedMotion(resolution.element) ? "auto" : "smooth"
+        });
+      }
+    );
+    return () => controller.abort();
+  }, [key, timeoutMs]);
+  return result;
+}
+export {
+  useTourAnchor
+};
+//# sourceMappingURL=use-tour-anchor.js.map

package/dist/overlay/use-tour-anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tour-anchor.js","sources":["../../src/overlay/use-tour-anchor.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { resolveAnchor } from \"./tour-anchor\";\nimport type { TourRootSource, TourTarget } from \"./tour-types\";\n\n/**\n * React lifecycle around `resolveAnchor`: one bounded wait per step, aborted when\n * the step changes or the tour unmounts, plus the scroll-into-view that makes the\n * spotlight land somewhere the operator can actually see.\n */\n\nexport type TourAnchorState = \"idle\" | \"waiting\" | \"found\" | \"missing\";\n\nexport type UseTourAnchorOptions = {\n  root: TourRootSource;\n  /** Omit for an anchorless (centred) step; the hook then reports `idle`. */\n  target?: TourTarget | undefined;\n  timeoutMs: number;\n  /** Scroll the anchor into view once it resolves. Defaults to `true`. */\n  scrollIntoView?: boolean | undefined;\n  /** Changes to this restart the wait — pass the step id. */\n  key: string;\n};\n\nexport type UseTourAnchorResult = {\n  anchor: HTMLElement | null;\n  state: TourAnchorState;\n};\n\nfunction prefersReducedMotion(element: HTMLElement): boolean {\n  const view = element.ownerDocument.defaultView;\n  return view?.matchMedia?.(\"(prefers-reduced-motion: reduce)\").matches ?? false;\n}\n\nexport function useTourAnchor(options: UseTourAnchorOptions): UseTourAnchorResult {\n  const { root, target, timeoutMs, scrollIntoView = true, key } = options;\n  const [result, setResult] = useState<UseTourAnchorResult>({ anchor: null, state: \"idle\" });\n  const scrollRef = useRef(scrollIntoView);\n  scrollRef.current = scrollIntoView;\n\n  useEffect(() => {\n    if (target === undefined) {\n      setResult({ anchor: null, state: \"idle\" });\n      return;\n    }\n\n    setResult({ anchor: null, state: \"waiting\" });\n    const controller = new AbortController();\n\n    void resolveAnchor({ root, target, timeoutMs, signal: controller.signal }).then(\n      (resolution) => {\n        if (controller.signal.aborted) return;\n        if (resolution.status !== \"found\") {\n          setResult({ anchor: null, state: \"missing\" });\n          return;\n        }\n        setResult({ anchor: resolution.element, state: \"found\" });\n        if (!scrollRef.current || !resolution.element.scrollIntoView) return;\n        resolution.element.scrollIntoView({\n          block: \"center\",\n          inline: \"nearest\",\n          behavior: prefersReducedMotion(resolution.element) ? \"auto\" : \"smooth\",\n        });\n      },\n    );\n\n    return () => controller.abort();\n    // `root` and `target` are re-created per render by most callers; `key` (the\n    // step id) is the identity that should restart the wait.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key, timeoutMs]);\n\n  return result;\n}\n"],"names":[],"mappings":";;AA4BA,SAAS,qBAAqB,SAA+B;;AAC3D,QAAM,OAAO,QAAQ,cAAc;AACnC,WAAO,kCAAM,eAAN,8BAAmB,oCAAoC,YAAW;AAC3E;AAEO,SAAS,cAAc,SAAoD;AAChF,QAAM,EAAE,MAAM,QAAQ,WAAW,iBAAiB,MAAM,QAAQ;AAChE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA8B,EAAE,QAAQ,MAAM,OAAO,QAAQ;AACzF,QAAM,YAAY,OAAO,cAAc;AACvC,YAAU,UAAU;AAEpB,YAAU,MAAM;AACd,QAAI,WAAW,QAAW;AACxB,gBAAU,EAAE,QAAQ,MAAM,OAAO,QAAQ;AACzC;AAAA,IACF;AAEA,cAAU,EAAE,QAAQ,MAAM,OAAO,WAAW;AAC5C,UAAM,aAAa,IAAI,gBAAA;AAEvB,SAAK,cAAc,EAAE,MAAM,QAAQ,WAAW,QAAQ,WAAW,OAAA,CAAQ,EAAE;AAAA,MACzE,CAAC,eAAe;AACd,YAAI,WAAW,OAAO,QAAS;AAC/B,YAAI,WAAW,WAAW,SAAS;AACjC,oBAAU,EAAE,QAAQ,MAAM,OAAO,WAAW;AAC5C;AAAA,QACF;AACA,kBAAU,EAAE,QAAQ,WAAW,SAAS,OAAO,SAAS;AACxD,YAAI,CAAC,UAAU,WAAW,CAAC,WAAW,QAAQ,eAAgB;AAC9D,mBAAW,QAAQ,eAAe;AAAA,UAChC,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU,qBAAqB,WAAW,OAAO,IAAI,SAAS;AAAA,QAAA,CAC/D;AAAA,MACH;AAAA,IAAA;AAGF,WAAO,MAAM,WAAW,MAAA;AAAA,EAI1B,GAAG,CAAC,KAAK,SAAS,CAAC;AAEnB,SAAO;AACT;"}

package/dist/overlay/use-tour-rect.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const react$1 = require("@floating-ui/react");
+const tourGeometry = require("./tour-geometry.cjs");
+function useTourRect(anchor, options) {
+  const { padding, radius } = options;
+  const [rect, setRect] = react.useState(null);
+  react.useEffect(() => {
+    if (!anchor) {
+      setRect(null);
+      return;
+    }
+    const view = anchor.ownerDocument.defaultView;
+    if (!view) return;
+    const measure = () => {
+      setRect(
+        tourGeometry.spotlightRect({
+          anchor: anchor.getBoundingClientRect(),
+          padding,
+          radius: radius ?? tourGeometry.anchorRadius(anchor) + padding,
+          viewport: { width: view.innerWidth, height: view.innerHeight }
+        })
+      );
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    return react$1.autoUpdate(anchor, anchor, measure);
+  }, [anchor, padding, radius]);
+  return rect;
+}
+exports.useTourRect = useTourRect;
+//# sourceMappingURL=use-tour-rect.cjs.map

package/dist/overlay/use-tour-rect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tour-rect.cjs","sources":["../../src/overlay/use-tour-rect.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { autoUpdate } from \"@floating-ui/react\";\nimport { anchorRadius, spotlightRect, type SpotlightRect } from \"./tour-geometry\";\n\n/**\n * Keeps the spotlight cutout locked to its anchor through scrolling, resizing,\n * and layout shifts. Separate from the card's own `autoUpdate` subscription:\n * both are cheap, and feeding floating-ui a virtual reference built from this\n * rect would still need its own update trigger.\n */\nexport function useTourRect(\n  anchor: HTMLElement | null,\n  options: { padding: number; radius?: number | undefined },\n): SpotlightRect | null {\n  const { padding, radius } = options;\n  const [rect, setRect] = useState<SpotlightRect | null>(null);\n\n  useEffect(() => {\n    if (!anchor) {\n      setRect(null);\n      return;\n    }\n    const view = anchor.ownerDocument.defaultView;\n    if (!view) return;\n\n    const measure = () => {\n      setRect(\n        spotlightRect({\n          anchor: anchor.getBoundingClientRect(),\n          padding,\n          radius: radius ?? anchorRadius(anchor) + padding,\n          viewport: { width: view.innerWidth, height: view.innerHeight },\n        }),\n      );\n    };\n\n    measure();\n    // jsdom has no ResizeObserver, and autoUpdate constructs one unconditionally.\n    if (typeof ResizeObserver === \"undefined\") return;\n    return autoUpdate(anchor, anchor, measure);\n  }, [anchor, padding, radius]);\n\n  return rect;\n}\n"],"names":["useState","useEffect","spotlightRect","anchorRadius","autoUpdate"],"mappings":";;;;;AAUO,SAAS,YACd,QACA,SACsB;AACtB,QAAM,EAAE,SAAS,OAAA,IAAW;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAA+B,IAAI;AAE3DC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX,cAAQ,IAAI;AACZ;AAAA,IACF;AACA,UAAM,OAAO,OAAO,cAAc;AAClC,QAAI,CAAC,KAAM;AAEX,UAAM,UAAU,MAAM;AACpB;AAAA,QACEC,2BAAc;AAAA,UACZ,QAAQ,OAAO,sBAAA;AAAA,UACf;AAAA,UACA,QAAQ,UAAUC,0BAAa,MAAM,IAAI;AAAA,UACzC,UAAU,EAAE,OAAO,KAAK,YAAY,QAAQ,KAAK,YAAA;AAAA,QAAY,CAC9D;AAAA,MAAA;AAAA,IAEL;AAEA,YAAA;AAEA,QAAI,OAAO,mBAAmB,YAAa;AAC3C,WAAOC,mBAAW,QAAQ,QAAQ,OAAO;AAAA,EAC3C,GAAG,CAAC,QAAQ,SAAS,MAAM,CAAC;AAE5B,SAAO;AACT;;"}

package/dist/overlay/use-tour-rect.d.ts

@@ -0,0 +1,12 @@
+import { SpotlightRect } from './tour-geometry';
+/**
+ * Keeps the spotlight cutout locked to its anchor through scrolling, resizing,
+ * and layout shifts. Separate from the card's own `autoUpdate` subscription:
+ * both are cheap, and feeding floating-ui a virtual reference built from this
+ * rect would still need its own update trigger.
+ */
+export declare function useTourRect(anchor: HTMLElement | null, options: {
+    padding: number;
+    radius?: number | undefined;
+}): SpotlightRect | null;
+//# sourceMappingURL=use-tour-rect.d.ts.map

package/dist/overlay/use-tour-rect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tour-rect.d.ts","sourceRoot":"","sources":["../../src/overlay/use-tour-rect.ts"],"names":[],"mappings":"AAEA,OAAO,EAA+B,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAElF;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,OAAO,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GACxD,aAAa,GAAG,IAAI,CA8BtB"}

package/dist/overlay/use-tour-rect.js

@@ -0,0 +1,33 @@
+import { useState, useEffect } from "react";
+import { autoUpdate } from "@floating-ui/react";
+import { spotlightRect, anchorRadius } from "./tour-geometry.js";
+function useTourRect(anchor, options) {
+  const { padding, radius } = options;
+  const [rect, setRect] = useState(null);
+  useEffect(() => {
+    if (!anchor) {
+      setRect(null);
+      return;
+    }
+    const view = anchor.ownerDocument.defaultView;
+    if (!view) return;
+    const measure = () => {
+      setRect(
+        spotlightRect({
+          anchor: anchor.getBoundingClientRect(),
+          padding,
+          radius: radius ?? anchorRadius(anchor) + padding,
+          viewport: { width: view.innerWidth, height: view.innerHeight }
+        })
+      );
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    return autoUpdate(anchor, anchor, measure);
+  }, [anchor, padding, radius]);
+  return rect;
+}
+export {
+  useTourRect
+};
+//# sourceMappingURL=use-tour-rect.js.map

package/dist/overlay/use-tour-rect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tour-rect.js","sources":["../../src/overlay/use-tour-rect.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { autoUpdate } from \"@floating-ui/react\";\nimport { anchorRadius, spotlightRect, type SpotlightRect } from \"./tour-geometry\";\n\n/**\n * Keeps the spotlight cutout locked to its anchor through scrolling, resizing,\n * and layout shifts. Separate from the card's own `autoUpdate` subscription:\n * both are cheap, and feeding floating-ui a virtual reference built from this\n * rect would still need its own update trigger.\n */\nexport function useTourRect(\n  anchor: HTMLElement | null,\n  options: { padding: number; radius?: number | undefined },\n): SpotlightRect | null {\n  const { padding, radius } = options;\n  const [rect, setRect] = useState<SpotlightRect | null>(null);\n\n  useEffect(() => {\n    if (!anchor) {\n      setRect(null);\n      return;\n    }\n    const view = anchor.ownerDocument.defaultView;\n    if (!view) return;\n\n    const measure = () => {\n      setRect(\n        spotlightRect({\n          anchor: anchor.getBoundingClientRect(),\n          padding,\n          radius: radius ?? anchorRadius(anchor) + padding,\n          viewport: { width: view.innerWidth, height: view.innerHeight },\n        }),\n      );\n    };\n\n    measure();\n    // jsdom has no ResizeObserver, and autoUpdate constructs one unconditionally.\n    if (typeof ResizeObserver === \"undefined\") return;\n    return autoUpdate(anchor, anchor, measure);\n  }, [anchor, padding, radius]);\n\n  return rect;\n}\n"],"names":[],"mappings":";;;AAUO,SAAS,YACd,QACA,SACsB;AACtB,QAAM,EAAE,SAAS,OAAA,IAAW;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAA+B,IAAI;AAE3D,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX,cAAQ,IAAI;AACZ;AAAA,IACF;AACA,UAAM,OAAO,OAAO,cAAc;AAClC,QAAI,CAAC,KAAM;AAEX,UAAM,UAAU,MAAM;AACpB;AAAA,QACE,cAAc;AAAA,UACZ,QAAQ,OAAO,sBAAA;AAAA,UACf;AAAA,UACA,QAAQ,UAAU,aAAa,MAAM,IAAI;AAAA,UACzC,UAAU,EAAE,OAAO,KAAK,YAAY,QAAQ,KAAK,YAAA;AAAA,QAAY,CAC9D;AAAA,MAAA;AAAA,IAEL;AAEA,YAAA;AAEA,QAAI,OAAO,mBAAmB,YAAa;AAC3C,WAAO,WAAW,QAAQ,QAAQ,OAAO;AAAA,EAC3C,GAAG,CAAC,QAAQ,SAAS,MAAM,CAAC;AAE5B,SAAO;AACT;"}

package/dist/overlay/use-tour-step.cjs

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const tourModel = require("./tour-model.cjs");
+function useStepRoute(options) {
+  const { step, context, onNavigate } = options;
+  const routeRef = react.useRef(null);
+  const [navigating, setNavigating] = react.useState(false);
+  const contextRef = react.useRef(context);
+  contextRef.current = context;
+  const pendingRoute = (step == null ? void 0 : step.route) !== void 0 && step.route !== routeRef.current;
+  react.useEffect(() => {
+    if (!step || step.route === void 0 || step.route === routeRef.current) return;
+    const route = step.route;
+    routeRef.current = route;
+    const ctx = contextRef.current;
+    if (!onNavigate || !ctx) return;
+    setNavigating(true);
+    void Promise.resolve(onNavigate(route, ctx)).finally(() => setNavigating(false));
+  }, [step == null ? void 0 : step.id]);
+  return { navigating, pendingRoute };
+}
+function useMissingAnchorPolicy(options) {
+  const { definition, step, index, missing, policy, onStepError, onSkip } = options;
+  const skipRef = react.useRef(onSkip);
+  skipRef.current = onSkip;
+  react.useEffect(() => {
+    if (!missing || !step) return;
+    const target = tourModel.describeTarget(step.target);
+    const message = `Tour "${definition.id}" step "${step.id}": anchor ${target} never appeared`;
+    if (policy === "fail") throw new Error(message);
+    console.warn(`clicky-ui ${message}`);
+    onStepError == null ? void 0 : onStepError({ tourId: definition.id, step, index, reason: "anchor-timeout", target });
+    if (policy === "skip") skipRef.current(tourModel.nextStepIndex(definition.steps, index, "next"));
+  }, [missing, step == null ? void 0 : step.id, policy]);
+}
+function useActiveAnchorMarker(anchor) {
+  react.useEffect(() => {
+    if (!anchor) return;
+    anchor.dataset.tourActive = "true";
+    return () => {
+      delete anchor.dataset.tourActive;
+    };
+  }, [anchor]);
+}
+function useStepLifecycle(options) {
+  const { step, context, settled } = options;
+  const contextRef = react.useRef(context);
+  contextRef.current = context;
+  react.useEffect(() => {
+    var _a;
+    if (!step || !settled) return;
+    const ctx = contextRef.current;
+    if (!ctx) return;
+    void ((_a = step.onEnter) == null ? void 0 : _a.call(step, ctx));
+    return () => {
+      var _a2;
+      return (_a2 = step.onExit) == null ? void 0 : _a2.call(step, ctx);
+    };
+  }, [step == null ? void 0 : step.id, settled]);
+}
+exports.useActiveAnchorMarker = useActiveAnchorMarker;
+exports.useMissingAnchorPolicy = useMissingAnchorPolicy;
+exports.useStepLifecycle = useStepLifecycle;
+exports.useStepRoute = useStepRoute;
+//# sourceMappingURL=use-tour-step.cjs.map

package/dist/overlay/use-tour-step.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tour-step.cjs","sources":["../../src/overlay/use-tour-step.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { describeTarget, nextStepIndex } from \"./tour-model\";\nimport type {\n  TourDefinition,\n  TourMissingAnchor,\n  TourStep,\n  TourStepContext,\n  TourStepErrorInfo,\n} from \"./tour-types\";\n\n/**\n * The per-step effects of a running tour, kept out of the renderer: route\n * hand-off, the missing-anchor policy, `onEnter`/`onExit`, and the active-anchor\n * marker.\n */\n\n/**\n * Asks the host to navigate when the entered step lives on a different route.\n * The tour deliberately does NOT then wait on the route changing — the anchor\n * appearing is the only readiness signal, so one mechanism covers route change,\n * lazy chunk, and data fetch, and the same steps still run where there is no\n * router at all.\n */\nexport function useStepRoute(options: {\n  step: TourStep | undefined;\n  context: TourStepContext | null;\n  onNavigate: ((route: string, ctx: TourStepContext) => void | Promise<void>) | undefined;\n}): { navigating: boolean; pendingRoute: boolean } {\n  const { step, context, onNavigate } = options;\n  const routeRef = useRef<string | null>(null);\n  const [navigating, setNavigating] = useState(false);\n  const contextRef = useRef(context);\n  contextRef.current = context;\n\n  const pendingRoute = step?.route !== undefined && step.route !== routeRef.current;\n\n  useEffect(() => {\n    if (!step || step.route === undefined || step.route === routeRef.current) return;\n    const route = step.route;\n    routeRef.current = route;\n    const ctx = contextRef.current;\n    if (!onNavigate || !ctx) return;\n    setNavigating(true);\n    void Promise.resolve(onNavigate(route, ctx)).finally(() => setNavigating(false));\n    // Once per entered step whose route differs; the context object changes as\n    // the anchor resolves and must not retrigger navigation.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [step?.id]);\n\n  return { navigating, pendingRoute };\n}\n\n/**\n * Applies the missing-anchor policy. `\"center\"` (the default) keeps the step and\n * its counter but always warns and reports, so a broken anchor is loud without\n * being fatal in front of a user; `\"skip\"` silently rewrites the tour and is\n * opt-in; `\"fail\"` is for stories and tests.\n */\nexport function useMissingAnchorPolicy(options: {\n  definition: TourDefinition;\n  step: TourStep | undefined;\n  index: number;\n  missing: boolean;\n  policy: TourMissingAnchor;\n  onStepError: ((info: TourStepErrorInfo) => void) | undefined;\n  onSkip: (nextIndex: number | null) => void;\n}): void {\n  const { definition, step, index, missing, policy, onStepError, onSkip } = options;\n  const skipRef = useRef(onSkip);\n  skipRef.current = onSkip;\n\n  useEffect(() => {\n    if (!missing || !step) return;\n    const target = describeTarget(step.target);\n    const message = `Tour \"${definition.id}\" step \"${step.id}\": anchor ${target} never appeared`;\n    if (policy === \"fail\") throw new Error(message);\n\n    console.warn(`clicky-ui ${message}`);\n    onStepError?.({ tourId: definition.id, step, index, reason: \"anchor-timeout\", target });\n    if (policy === \"skip\") skipRef.current(nextStepIndex(definition.steps, index, \"next\"));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [missing, step?.id, policy]);\n}\n\n/** Marks the spotlit element so styles and end-to-end tests can find it. */\nexport function useActiveAnchorMarker(anchor: HTMLElement | null): void {\n  useEffect(() => {\n    if (!anchor) return;\n    anchor.dataset.tourActive = \"true\";\n    return () => {\n      delete anchor.dataset.tourActive;\n    };\n  }, [anchor]);\n}\n\n/** Runs `onEnter` once the step has settled, and `onExit` when it is left. */\nexport function useStepLifecycle(options: {\n  step: TourStep | undefined;\n  context: TourStepContext | null;\n  settled: boolean;\n}): void {\n  const { step, context, settled } = options;\n  const contextRef = useRef(context);\n  contextRef.current = context;\n\n  useEffect(() => {\n    if (!step || !settled) return;\n    const ctx = contextRef.current;\n    if (!ctx) return;\n    void step.onEnter?.(ctx);\n    return () => step.onExit?.(ctx);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [step?.id, settled]);\n}\n"],"names":["useRef","useState","useEffect","describeTarget","nextStepIndex","_a"],"mappings":";;;;AAuBO,SAAS,aAAa,SAIsB;AACjD,QAAM,EAAE,MAAM,SAAS,WAAA,IAAe;AACtC,QAAM,WAAWA,MAAAA,OAAsB,IAAI;AAC3C,QAAM,CAAC,YAAY,aAAa,IAAIC,MAAAA,SAAS,KAAK;AAClD,QAAM,aAAaD,MAAAA,OAAO,OAAO;AACjC,aAAW,UAAU;AAErB,QAAM,gBAAe,6BAAM,WAAU,UAAa,KAAK,UAAU,SAAS;AAE1EE,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,QAAQ,KAAK,UAAU,UAAa,KAAK,UAAU,SAAS,QAAS;AAC1E,UAAM,QAAQ,KAAK;AACnB,aAAS,UAAU;AACnB,UAAM,MAAM,WAAW;AACvB,QAAI,CAAC,cAAc,CAAC,IAAK;AACzB,kBAAc,IAAI;AAClB,SAAK,QAAQ,QAAQ,WAAW,OAAO,GAAG,CAAC,EAAE,QAAQ,MAAM,cAAc,KAAK,CAAC;AAAA,EAIjF,GAAG,CAAC,6BAAM,EAAE,CAAC;AAEb,SAAO,EAAE,YAAY,aAAA;AACvB;AAQO,SAAS,uBAAuB,SAQ9B;AACP,QAAM,EAAE,YAAY,MAAM,OAAO,SAAS,QAAQ,aAAa,WAAW;AAC1E,QAAM,UAAUF,MAAAA,OAAO,MAAM;AAC7B,UAAQ,UAAU;AAElBE,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,KAAM;AACvB,UAAM,SAASC,UAAAA,eAAe,KAAK,MAAM;AACzC,UAAM,UAAU,SAAS,WAAW,EAAE,WAAW,KAAK,EAAE,aAAa,MAAM;AAC3E,QAAI,WAAW,OAAQ,OAAM,IAAI,MAAM,OAAO;AAE9C,YAAQ,KAAK,aAAa,OAAO,EAAE;AACnC,+CAAc,EAAE,QAAQ,WAAW,IAAI,MAAM,OAAO,QAAQ,kBAAkB;AAC9E,QAAI,WAAW,OAAQ,SAAQ,QAAQC,wBAAc,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAEvF,GAAG,CAAC,SAAS,6BAAM,IAAI,MAAM,CAAC;AAChC;AAGO,SAAS,sBAAsB,QAAkC;AACtEF,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,WAAO,QAAQ,aAAa;AAC5B,WAAO,MAAM;AACX,aAAO,OAAO,QAAQ;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AACb;AAGO,SAAS,iBAAiB,SAIxB;AACP,QAAM,EAAE,MAAM,SAAS,QAAA,IAAY;AACnC,QAAM,aAAaF,MAAAA,OAAO,OAAO;AACjC,aAAW,UAAU;AAErBE,QAAAA,UAAU,MAAM;;AACd,QAAI,CAAC,QAAQ,CAAC,QAAS;AACvB,UAAM,MAAM,WAAW;AACvB,QAAI,CAAC,IAAK;AACV,WAAK,UAAK,YAAL,8BAAe;AACpB,WAAO,MAAA;;AAAM,cAAAG,MAAA,KAAK,WAAL,gBAAAA,IAAA,WAAc;AAAA;AAAA,EAE7B,GAAG,CAAC,6BAAM,IAAI,OAAO,CAAC;AACxB;;;;;"}

package/dist/overlay/use-tour-step.d.ts

@@ -0,0 +1,45 @@
+import { TourDefinition, TourMissingAnchor, TourStep, TourStepContext, TourStepErrorInfo } from './tour-types';
+/**
+ * The per-step effects of a running tour, kept out of the renderer: route
+ * hand-off, the missing-anchor policy, `onEnter`/`onExit`, and the active-anchor
+ * marker.
+ */
+/**
+ * Asks the host to navigate when the entered step lives on a different route.
+ * The tour deliberately does NOT then wait on the route changing — the anchor
+ * appearing is the only readiness signal, so one mechanism covers route change,
+ * lazy chunk, and data fetch, and the same steps still run where there is no
+ * router at all.
+ */
+export declare function useStepRoute(options: {
+    step: TourStep | undefined;
+    context: TourStepContext | null;
+    onNavigate: ((route: string, ctx: TourStepContext) => void | Promise<void>) | undefined;
+}): {
+    navigating: boolean;
+    pendingRoute: boolean;
+};
+/**
+ * Applies the missing-anchor policy. `"center"` (the default) keeps the step and
+ * its counter but always warns and reports, so a broken anchor is loud without
+ * being fatal in front of a user; `"skip"` silently rewrites the tour and is
+ * opt-in; `"fail"` is for stories and tests.
+ */
+export declare function useMissingAnchorPolicy(options: {
+    definition: TourDefinition;
+    step: TourStep | undefined;
+    index: number;
+    missing: boolean;
+    policy: TourMissingAnchor;
+    onStepError: ((info: TourStepErrorInfo) => void) | undefined;
+    onSkip: (nextIndex: number | null) => void;
+}): void;
+/** Marks the spotlit element so styles and end-to-end tests can find it. */
+export declare function useActiveAnchorMarker(anchor: HTMLElement | null): void;
+/** Runs `onEnter` once the step has settled, and `onExit` when it is left. */
+export declare function useStepLifecycle(options: {
+    step: TourStep | undefined;
+    context: TourStepContext | null;
+    settled: boolean;
+}): void;
+//# sourceMappingURL=use-tour-step.d.ts.map

package/dist/overlay/use-tour-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tour-step.d.ts","sourceRoot":"","sources":["../../src/overlay/use-tour-step.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,eAAe,EACf,iBAAiB,EAClB,MAAM,cAAc,CAAC;AAEtB;;;;GAIG;AAEH;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;CACzF,GAAG;IAAE,UAAU,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAE,CAuBjD;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE;IAC9C,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,WAAW,EAAE,CAAC,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7D,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5C,GAAG,IAAI,CAgBP;AAED,4EAA4E;AAC5E,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAQtE;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAAC,OAAO,EAAE;IACxC,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;CAClB,GAAG,IAAI,CAaP"}

package/dist/overlay/use-tour-step.js

@@ -0,0 +1,66 @@
+import { useRef, useState, useEffect } from "react";
+import { describeTarget, nextStepIndex } from "./tour-model.js";
+function useStepRoute(options) {
+  const { step, context, onNavigate } = options;
+  const routeRef = useRef(null);
+  const [navigating, setNavigating] = useState(false);
+  const contextRef = useRef(context);
+  contextRef.current = context;
+  const pendingRoute = (step == null ? void 0 : step.route) !== void 0 && step.route !== routeRef.current;
+  useEffect(() => {
+    if (!step || step.route === void 0 || step.route === routeRef.current) return;
+    const route = step.route;
+    routeRef.current = route;
+    const ctx = contextRef.current;
+    if (!onNavigate || !ctx) return;
+    setNavigating(true);
+    void Promise.resolve(onNavigate(route, ctx)).finally(() => setNavigating(false));
+  }, [step == null ? void 0 : step.id]);
+  return { navigating, pendingRoute };
+}
+function useMissingAnchorPolicy(options) {
+  const { definition, step, index, missing, policy, onStepError, onSkip } = options;
+  const skipRef = useRef(onSkip);
+  skipRef.current = onSkip;
+  useEffect(() => {
+    if (!missing || !step) return;
+    const target = describeTarget(step.target);
+    const message = `Tour "${definition.id}" step "${step.id}": anchor ${target} never appeared`;
+    if (policy === "fail") throw new Error(message);
+    console.warn(`clicky-ui ${message}`);
+    onStepError == null ? void 0 : onStepError({ tourId: definition.id, step, index, reason: "anchor-timeout", target });
+    if (policy === "skip") skipRef.current(nextStepIndex(definition.steps, index, "next"));
+  }, [missing, step == null ? void 0 : step.id, policy]);
+}
+function useActiveAnchorMarker(anchor) {
+  useEffect(() => {
+    if (!anchor) return;
+    anchor.dataset.tourActive = "true";
+    return () => {
+      delete anchor.dataset.tourActive;
+    };
+  }, [anchor]);
+}
+function useStepLifecycle(options) {
+  const { step, context, settled } = options;
+  const contextRef = useRef(context);
+  contextRef.current = context;
+  useEffect(() => {
+    var _a;
+    if (!step || !settled) return;
+    const ctx = contextRef.current;
+    if (!ctx) return;
+    void ((_a = step.onEnter) == null ? void 0 : _a.call(step, ctx));
+    return () => {
+      var _a2;
+      return (_a2 = step.onExit) == null ? void 0 : _a2.call(step, ctx);
+    };
+  }, [step == null ? void 0 : step.id, settled]);
+}
+export {
+  useActiveAnchorMarker,
+  useMissingAnchorPolicy,
+  useStepLifecycle,
+  useStepRoute
+};
+//# sourceMappingURL=use-tour-step.js.map

package/dist/overlay/use-tour-step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tour-step.js","sources":["../../src/overlay/use-tour-step.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { describeTarget, nextStepIndex } from \"./tour-model\";\nimport type {\n  TourDefinition,\n  TourMissingAnchor,\n  TourStep,\n  TourStepContext,\n  TourStepErrorInfo,\n} from \"./tour-types\";\n\n/**\n * The per-step effects of a running tour, kept out of the renderer: route\n * hand-off, the missing-anchor policy, `onEnter`/`onExit`, and the active-anchor\n * marker.\n */\n\n/**\n * Asks the host to navigate when the entered step lives on a different route.\n * The tour deliberately does NOT then wait on the route changing — the anchor\n * appearing is the only readiness signal, so one mechanism covers route change,\n * lazy chunk, and data fetch, and the same steps still run where there is no\n * router at all.\n */\nexport function useStepRoute(options: {\n  step: TourStep | undefined;\n  context: TourStepContext | null;\n  onNavigate: ((route: string, ctx: TourStepContext) => void | Promise<void>) | undefined;\n}): { navigating: boolean; pendingRoute: boolean } {\n  const { step, context, onNavigate } = options;\n  const routeRef = useRef<string | null>(null);\n  const [navigating, setNavigating] = useState(false);\n  const contextRef = useRef(context);\n  contextRef.current = context;\n\n  const pendingRoute = step?.route !== undefined && step.route !== routeRef.current;\n\n  useEffect(() => {\n    if (!step || step.route === undefined || step.route === routeRef.current) return;\n    const route = step.route;\n    routeRef.current = route;\n    const ctx = contextRef.current;\n    if (!onNavigate || !ctx) return;\n    setNavigating(true);\n    void Promise.resolve(onNavigate(route, ctx)).finally(() => setNavigating(false));\n    // Once per entered step whose route differs; the context object changes as\n    // the anchor resolves and must not retrigger navigation.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [step?.id]);\n\n  return { navigating, pendingRoute };\n}\n\n/**\n * Applies the missing-anchor policy. `\"center\"` (the default) keeps the step and\n * its counter but always warns and reports, so a broken anchor is loud without\n * being fatal in front of a user; `\"skip\"` silently rewrites the tour and is\n * opt-in; `\"fail\"` is for stories and tests.\n */\nexport function useMissingAnchorPolicy(options: {\n  definition: TourDefinition;\n  step: TourStep | undefined;\n  index: number;\n  missing: boolean;\n  policy: TourMissingAnchor;\n  onStepError: ((info: TourStepErrorInfo) => void) | undefined;\n  onSkip: (nextIndex: number | null) => void;\n}): void {\n  const { definition, step, index, missing, policy, onStepError, onSkip } = options;\n  const skipRef = useRef(onSkip);\n  skipRef.current = onSkip;\n\n  useEffect(() => {\n    if (!missing || !step) return;\n    const target = describeTarget(step.target);\n    const message = `Tour \"${definition.id}\" step \"${step.id}\": anchor ${target} never appeared`;\n    if (policy === \"fail\") throw new Error(message);\n\n    console.warn(`clicky-ui ${message}`);\n    onStepError?.({ tourId: definition.id, step, index, reason: \"anchor-timeout\", target });\n    if (policy === \"skip\") skipRef.current(nextStepIndex(definition.steps, index, \"next\"));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [missing, step?.id, policy]);\n}\n\n/** Marks the spotlit element so styles and end-to-end tests can find it. */\nexport function useActiveAnchorMarker(anchor: HTMLElement | null): void {\n  useEffect(() => {\n    if (!anchor) return;\n    anchor.dataset.tourActive = \"true\";\n    return () => {\n      delete anchor.dataset.tourActive;\n    };\n  }, [anchor]);\n}\n\n/** Runs `onEnter` once the step has settled, and `onExit` when it is left. */\nexport function useStepLifecycle(options: {\n  step: TourStep | undefined;\n  context: TourStepContext | null;\n  settled: boolean;\n}): void {\n  const { step, context, settled } = options;\n  const contextRef = useRef(context);\n  contextRef.current = context;\n\n  useEffect(() => {\n    if (!step || !settled) return;\n    const ctx = contextRef.current;\n    if (!ctx) return;\n    void step.onEnter?.(ctx);\n    return () => step.onExit?.(ctx);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [step?.id, settled]);\n}\n"],"names":["_a"],"mappings":";;AAuBO,SAAS,aAAa,SAIsB;AACjD,QAAM,EAAE,MAAM,SAAS,WAAA,IAAe;AACtC,QAAM,WAAW,OAAsB,IAAI;AAC3C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AAErB,QAAM,gBAAe,6BAAM,WAAU,UAAa,KAAK,UAAU,SAAS;AAE1E,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,KAAK,UAAU,UAAa,KAAK,UAAU,SAAS,QAAS;AAC1E,UAAM,QAAQ,KAAK;AACnB,aAAS,UAAU;AACnB,UAAM,MAAM,WAAW;AACvB,QAAI,CAAC,cAAc,CAAC,IAAK;AACzB,kBAAc,IAAI;AAClB,SAAK,QAAQ,QAAQ,WAAW,OAAO,GAAG,CAAC,EAAE,QAAQ,MAAM,cAAc,KAAK,CAAC;AAAA,EAIjF,GAAG,CAAC,6BAAM,EAAE,CAAC;AAEb,SAAO,EAAE,YAAY,aAAA;AACvB;AAQO,SAAS,uBAAuB,SAQ9B;AACP,QAAM,EAAE,YAAY,MAAM,OAAO,SAAS,QAAQ,aAAa,WAAW;AAC1E,QAAM,UAAU,OAAO,MAAM;AAC7B,UAAQ,UAAU;AAElB,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,CAAC,KAAM;AACvB,UAAM,SAAS,eAAe,KAAK,MAAM;AACzC,UAAM,UAAU,SAAS,WAAW,EAAE,WAAW,KAAK,EAAE,aAAa,MAAM;AAC3E,QAAI,WAAW,OAAQ,OAAM,IAAI,MAAM,OAAO;AAE9C,YAAQ,KAAK,aAAa,OAAO,EAAE;AACnC,+CAAc,EAAE,QAAQ,WAAW,IAAI,MAAM,OAAO,QAAQ,kBAAkB;AAC9E,QAAI,WAAW,OAAQ,SAAQ,QAAQ,cAAc,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAEvF,GAAG,CAAC,SAAS,6BAAM,IAAI,MAAM,CAAC;AAChC;AAGO,SAAS,sBAAsB,QAAkC;AACtE,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,WAAO,QAAQ,aAAa;AAC5B,WAAO,MAAM;AACX,aAAO,OAAO,QAAQ;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AACb;AAGO,SAAS,iBAAiB,SAIxB;AACP,QAAM,EAAE,MAAM,SAAS,QAAA,IAAY;AACnC,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AAErB,YAAU,MAAM;;AACd,QAAI,CAAC,QAAQ,CAAC,QAAS;AACvB,UAAM,MAAM,WAAW;AACvB,QAAI,CAAC,IAAK;AACV,WAAK,UAAK,YAAL,8BAAe;AACpB,WAAO,MAAA;;AAAM,cAAAA,MAAA,KAAK,WAAL,gBAAAA,IAAA,WAAc;AAAA;AAAA,EAE7B,GAAG,CAAC,6BAAM,IAAI,OAAO,CAAC;AACxB;"}

package/dist/overlay/zIndex.cjs

@@ -15,6 +15,14 @@ const zIndex = {
   modalStep: 10,
   /** How far above the top modal floating content sits (below the next nest). */
   popoverOverModalOffset: 5,
+  /**
+   * Guided-tour dim/spotlight. Above every app overlay including a modal a step
+   * may point at, and below toasts. Floating content opened *during* a tour
+   * clears the dim via `useFloatingZIndex` (see ./modalStack).
+   */
+  tour: 5e4,
+  /** How far above the dim the tour's own step card sits. */
+  tourCardOffset: 10,
   /** Toasts / notifications — always the topmost layer. */
   toast: 1e5
 };

package/dist/overlay/zIndex.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"zIndex.cjs","sources":["../../src/overlay/zIndex.ts"],"sourcesContent":["/**\n * Centralized z-index scale for clicky-ui overlays — the single source of truth\n * so stacking conflicts (e.g. a dropdown opened inside a modal rendering behind\n * it) cannot recur.\n *\n * These are applied as inline `style={{ zIndex }}`, never as arbitrary `z-[N]`\n * Tailwind classes: a consumer's Tailwind build only generates the arbitrary\n * classes it can scan from clicky-ui's published dist, so a freshly chosen\n * `z-[N]` may silently emit no rule. Inline styles are immune to that.\n *\n * Floating, transient content (dropdown / combobox / menu / tooltip / popover)\n * must clear whatever modal is open, so its z-index is computed relative to the\n * active modal via `useFloatingZIndex` (see ./modalStack) rather than taken from\n * a constant here.\n *\n * Layers NOT listed here are intentionally local: they live inside their own\n * stacking context and never participate in the global ordering —\n * `Timeline` (`z-[1]`), `RangeSlider` thumbs (20/30), and `Modal`'s\n * `ConfirmClosePrompt` (`z-10`, relative to the modal panel).\n */\nexport const zIndex = {\n  /** In-flow raised affordances (sticky bits). */\n  raised: 30,\n  /** Persistent chat launcher. */\n  chatFab: 60,\n  /** Floating chat windows; `ChatWindowManager` increments from this base. */\n  chatWindow: 61,\n  /** Floating transient content when NO modal is open (above app chrome). */\n  popover: 9000,\n  /** Modal/dialog at depth 0; nested modals add `modalStep` per level. */\n  modal: 10000,\n  /** Per-level step between stacked modals. */\n  modalStep: 10,\n  /** How far above the top modal floating content sits (below the next nest). */\n  popoverOverModalOffset: 5,\n  /** Toasts / notifications — always the topmost layer. */\n  toast: 100000,\n} as const;\n"],"names":[],"mappings":";;AAoBO,MAAM,SAAS;AAAA;AAAA,EAEpB,QAAQ;AAAA;AAAA,EAER,SAAS;AAAA;AAAA,EAET,YAAY;AAAA;AAAA,EAEZ,SAAS;AAAA;AAAA,EAET,OAAO;AAAA;AAAA,EAEP,WAAW;AAAA;AAAA,EAEX,wBAAwB;AAAA;AAAA,EAExB,OAAO;AACT;;"}
+{"version":3,"file":"zIndex.cjs","sources":["../../src/overlay/zIndex.ts"],"sourcesContent":["/**\n * Centralized z-index scale for clicky-ui overlays — the single source of truth\n * so stacking conflicts (e.g. a dropdown opened inside a modal rendering behind\n * it) cannot recur.\n *\n * These are applied as inline `style={{ zIndex }}`, never as arbitrary `z-[N]`\n * Tailwind classes: a consumer's Tailwind build only generates the arbitrary\n * classes it can scan from clicky-ui's published dist, so a freshly chosen\n * `z-[N]` may silently emit no rule. Inline styles are immune to that.\n *\n * Floating, transient content (dropdown / combobox / menu / tooltip / popover)\n * must clear whatever modal is open, so its z-index is computed relative to the\n * active modal via `useFloatingZIndex` (see ./modalStack) rather than taken from\n * a constant here.\n *\n * Layers NOT listed here are intentionally local: they live inside their own\n * stacking context and never participate in the global ordering —\n * `Timeline` (`z-[1]`), `RangeSlider` thumbs (20/30), and `Modal`'s\n * `ConfirmClosePrompt` (`z-10`, relative to the modal panel).\n */\nexport const zIndex = {\n  /** In-flow raised affordances (sticky bits). */\n  raised: 30,\n  /** Persistent chat launcher. */\n  chatFab: 60,\n  /** Floating chat windows; `ChatWindowManager` increments from this base. */\n  chatWindow: 61,\n  /** Floating transient content when NO modal is open (above app chrome). */\n  popover: 9000,\n  /** Modal/dialog at depth 0; nested modals add `modalStep` per level. */\n  modal: 10000,\n  /** Per-level step between stacked modals. */\n  modalStep: 10,\n  /** How far above the top modal floating content sits (below the next nest). */\n  popoverOverModalOffset: 5,\n  /**\n   * Guided-tour dim/spotlight. Above every app overlay including a modal a step\n   * may point at, and below toasts. Floating content opened *during* a tour\n   * clears the dim via `useFloatingZIndex` (see ./modalStack).\n   */\n  tour: 50000,\n  /** How far above the dim the tour's own step card sits. */\n  tourCardOffset: 10,\n  /** Toasts / notifications — always the topmost layer. */\n  toast: 100000,\n} as const;\n"],"names":[],"mappings":";;AAoBO,MAAM,SAAS;AAAA;AAAA,EAEpB,QAAQ;AAAA;AAAA,EAER,SAAS;AAAA;AAAA,EAET,YAAY;AAAA;AAAA,EAEZ,SAAS;AAAA;AAAA,EAET,OAAO;AAAA;AAAA,EAEP,WAAW;AAAA;AAAA,EAEX,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,MAAM;AAAA;AAAA,EAEN,gBAAgB;AAAA;AAAA,EAEhB,OAAO;AACT;;"}

package/dist/overlay/zIndex.d.ts

@@ -33,6 +33,14 @@ export declare const zIndex: {
     readonly modalStep: 10;
     /** How far above the top modal floating content sits (below the next nest). */
     readonly popoverOverModalOffset: 5;
+    /**
+     * Guided-tour dim/spotlight. Above every app overlay including a modal a step
+     * may point at, and below toasts. Floating content opened *during* a tour
+     * clears the dim via `useFloatingZIndex` (see ./modalStack).
+     */
+    readonly tour: 50000;
+    /** How far above the dim the tour's own step card sits. */
+    readonly tourCardOffset: 10;
     /** Toasts / notifications — always the topmost layer. */
     readonly toast: 100000;
 };

package/dist/overlay/zIndex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/overlay/zIndex.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;IACjB,gDAAgD;;IAEhD,gCAAgC;;IAEhC,4EAA4E;;IAE5E,2EAA2E;;IAE3E,wEAAwE;;IAExE,6CAA6C;;IAE7C,+EAA+E;;IAE/E,yDAAyD;;CAEjD,CAAC"}
+{"version":3,"file":"zIndex.d.ts","sourceRoot":"","sources":["../../src/overlay/zIndex.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;IACjB,gDAAgD;;IAEhD,gCAAgC;;IAEhC,4EAA4E;;IAE5E,2EAA2E;;IAE3E,wEAAwE;;IAExE,6CAA6C;;IAE7C,+EAA+E;;IAE/E;;;;OAIG;;IAEH,2DAA2D;;IAE3D,yDAAyD;;CAEjD,CAAC"}

package/dist/overlay/zIndex.js

@@ -13,6 +13,14 @@ const zIndex = {
   modalStep: 10,
   /** How far above the top modal floating content sits (below the next nest). */
   popoverOverModalOffset: 5,
+  /**
+   * Guided-tour dim/spotlight. Above every app overlay including a modal a step
+   * may point at, and below toasts. Floating content opened *during* a tour
+   * clears the dim via `useFloatingZIndex` (see ./modalStack).
+   */
+  tour: 5e4,
+  /** How far above the dim the tour's own step card sits. */
+  tourCardOffset: 10,
   /** Toasts / notifications — always the topmost layer. */
   toast: 1e5
 };

package/dist/overlay/zIndex.js.map

@@ -1 +1 @@
-{"version":3,"file":"zIndex.js","sources":["../../src/overlay/zIndex.ts"],"sourcesContent":["/**\n * Centralized z-index scale for clicky-ui overlays — the single source of truth\n * so stacking conflicts (e.g. a dropdown opened inside a modal rendering behind\n * it) cannot recur.\n *\n * These are applied as inline `style={{ zIndex }}`, never as arbitrary `z-[N]`\n * Tailwind classes: a consumer's Tailwind build only generates the arbitrary\n * classes it can scan from clicky-ui's published dist, so a freshly chosen\n * `z-[N]` may silently emit no rule. Inline styles are immune to that.\n *\n * Floating, transient content (dropdown / combobox / menu / tooltip / popover)\n * must clear whatever modal is open, so its z-index is computed relative to the\n * active modal via `useFloatingZIndex` (see ./modalStack) rather than taken from\n * a constant here.\n *\n * Layers NOT listed here are intentionally local: they live inside their own\n * stacking context and never participate in the global ordering —\n * `Timeline` (`z-[1]`), `RangeSlider` thumbs (20/30), and `Modal`'s\n * `ConfirmClosePrompt` (`z-10`, relative to the modal panel).\n */\nexport const zIndex = {\n  /** In-flow raised affordances (sticky bits). */\n  raised: 30,\n  /** Persistent chat launcher. */\n  chatFab: 60,\n  /** Floating chat windows; `ChatWindowManager` increments from this base. */\n  chatWindow: 61,\n  /** Floating transient content when NO modal is open (above app chrome). */\n  popover: 9000,\n  /** Modal/dialog at depth 0; nested modals add `modalStep` per level. */\n  modal: 10000,\n  /** Per-level step between stacked modals. */\n  modalStep: 10,\n  /** How far above the top modal floating content sits (below the next nest). */\n  popoverOverModalOffset: 5,\n  /** Toasts / notifications — always the topmost layer. */\n  toast: 100000,\n} as const;\n"],"names":[],"mappings":"AAoBO,MAAM,SAAS;AAAA;AAAA,EAEpB,QAAQ;AAAA;AAAA,EAER,SAAS;AAAA;AAAA,EAET,YAAY;AAAA;AAAA,EAEZ,SAAS;AAAA;AAAA,EAET,OAAO;AAAA;AAAA,EAEP,WAAW;AAAA;AAAA,EAEX,wBAAwB;AAAA;AAAA,EAExB,OAAO;AACT;"}
+{"version":3,"file":"zIndex.js","sources":["../../src/overlay/zIndex.ts"],"sourcesContent":["/**\n * Centralized z-index scale for clicky-ui overlays — the single source of truth\n * so stacking conflicts (e.g. a dropdown opened inside a modal rendering behind\n * it) cannot recur.\n *\n * These are applied as inline `style={{ zIndex }}`, never as arbitrary `z-[N]`\n * Tailwind classes: a consumer's Tailwind build only generates the arbitrary\n * classes it can scan from clicky-ui's published dist, so a freshly chosen\n * `z-[N]` may silently emit no rule. Inline styles are immune to that.\n *\n * Floating, transient content (dropdown / combobox / menu / tooltip / popover)\n * must clear whatever modal is open, so its z-index is computed relative to the\n * active modal via `useFloatingZIndex` (see ./modalStack) rather than taken from\n * a constant here.\n *\n * Layers NOT listed here are intentionally local: they live inside their own\n * stacking context and never participate in the global ordering —\n * `Timeline` (`z-[1]`), `RangeSlider` thumbs (20/30), and `Modal`'s\n * `ConfirmClosePrompt` (`z-10`, relative to the modal panel).\n */\nexport const zIndex = {\n  /** In-flow raised affordances (sticky bits). */\n  raised: 30,\n  /** Persistent chat launcher. */\n  chatFab: 60,\n  /** Floating chat windows; `ChatWindowManager` increments from this base. */\n  chatWindow: 61,\n  /** Floating transient content when NO modal is open (above app chrome). */\n  popover: 9000,\n  /** Modal/dialog at depth 0; nested modals add `modalStep` per level. */\n  modal: 10000,\n  /** Per-level step between stacked modals. */\n  modalStep: 10,\n  /** How far above the top modal floating content sits (below the next nest). */\n  popoverOverModalOffset: 5,\n  /**\n   * Guided-tour dim/spotlight. Above every app overlay including a modal a step\n   * may point at, and below toasts. Floating content opened *during* a tour\n   * clears the dim via `useFloatingZIndex` (see ./modalStack).\n   */\n  tour: 50000,\n  /** How far above the dim the tour's own step card sits. */\n  tourCardOffset: 10,\n  /** Toasts / notifications — always the topmost layer. */\n  toast: 100000,\n} as const;\n"],"names":[],"mappings":"AAoBO,MAAM,SAAS;AAAA;AAAA,EAEpB,QAAQ;AAAA;AAAA,EAER,SAAS;AAAA;AAAA,EAET,YAAY;AAAA;AAAA,EAEZ,SAAS;AAAA;AAAA,EAET,OAAO;AAAA;AAAA,EAEP,WAAW;AAAA;AAAA,EAEX,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMxB,MAAM;AAAA;AAAA,EAEN,gBAAgB;AAAA;AAAA,EAEhB,OAAO;AACT;"}

package/dist/rpc/CommandOutput.cjs

@@ -28,6 +28,8 @@ function CommandOutput({
   search,
   timeRange,
   externalFilters,
+  cellFilters,
+  onCellFilterChange,
   pagination,
   rowSelection,
   download
@@ -62,6 +64,8 @@ function CommandOutput({
         ...search ? { search } : {},
         ...timeRange ? { timeRange } : {},
         ...externalFilters ? { externalFilters } : {},
+        ...cellFilters ? { cellFilters } : {},
+        ...onCellFilterChange ? { onCellFilterChange } : {},
         ...pagination ? { pagination } : {},
         ...rowSelection ? { rowSelection } : {},
         ...download ? { download } : {}
@@ -134,6 +138,8 @@ function OutputBody({
   search,
   timeRange,
   externalFilters,
+  cellFilters,
+  onCellFilterChange,
   pagination,
   rowSelection,
   download
@@ -157,6 +163,8 @@ function OutputBody({
         ...search ? { search } : {},
         ...timeRange ? { timeRange } : {},
         ...externalFilters ? { externalFilters } : {},
+        ...cellFilters ? { cellFilters } : {},
+        ...onCellFilterChange ? { onCellFilterChange } : {},
         ...pagination ? { pagination } : {},
         ...rowSelection ? { rowSelection } : {},
         ...download ? { download } : {},

package/dist/rpc/CommandOutput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommandOutput.cjs","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTablePagination,\n} from \"../data/DataTable\";\nimport {\n  Clicky,\n  type ClickyCommandRuntime,\n  type ClickyDownloadOptions,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n  type ClickyTableRowSelection,\n} from \"../data/Clicky\";\nimport { parseClickyData } from \"../data/clicky-parse\";\nimport { JsonView } from \"../data/JsonView\";\nimport { cn } from \"../lib/utils\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n};\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport function CommandOutput({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel,\n  className,\n  bare = false,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n  rowSelection,\n  download,\n}: CommandOutputProps) {\n  const text = response?.stdout || response?.output || \"\";\n  const ct = response?.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (!response) return null;\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response, text]);\n\n  let output: ReactNode;\n  if (response) {\n    output = (\n      <OutputBody\n        text={text}\n        parsed={parsed}\n        contentType={ct}\n        bare={bare}\n        {...(response.requestUrl ? { url: response.requestUrl } : {})}\n        {...(response.blob ? { blob: response.blob } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n      />\n    );\n  } else if (loading) {\n    output = <LoadingOutput loadingMessage={loadingMessage} />;\n  } else {\n    output = <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n\n  const pending =\n    loading && response ? (\n      <div\n        role=\"status\"\n        className=\"rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground\"\n      >\n        {loadingMessage}\n      </div>\n    ) : null;\n\n  const content =\n    bare || !response ? (\n      <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n        {pending}\n        {output}\n      </div>\n    ) : (\n      <div className=\"space-y-3\">\n        {pending}\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={\n              response.success\n                ? \"rounded-md border px-2 py-0.5 text-xs\"\n                : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n            }\n          >\n            {response.success ? \"Success\" : \"Failed\"}\n          </span>\n          <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n            exit {response.exit_code}\n          </span>\n          {ct !== \"application/json\" && (\n            <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n              {ct.split(\";\")[0]}\n            </span>\n          )}\n          {response.error && (\n            <span className=\"text-sm text-destructive\">{response.error}</span>\n          )}\n        </div>\n\n        {response.cli && (\n          <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n            $ {response.cli}\n          </pre>\n        )}\n\n        {output}\n      </div>\n    );\n\n  if (ariaLabel || className) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        aria-busy={loading || undefined}\n        className={cn(\"mt-3 flex min-h-0 flex-col\", className)}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  url,\n  blob,\n  bare,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n  rowSelection,\n  download,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  url?: string;\n  blob?: Blob;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsed === \"string\" || (parsed != null && typeof parsed === \"object\")\n      ? (parsed as ClickyNode | ClickyDocument)\n      : text;\n  const parsedClicky =\n    clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (\n    parsedClicky?.ok ||\n    ct === \"application/clicky+json\" ||\n    ct === \"application/json+clicky\"\n  ) {\n    const clicky = (\n      <Clicky\n        data={\n          parsedClicky?.ok\n            ? parsedClicky.document\n            : ((parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text)\n        }\n        {...(url ? { url } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n        className=\"flex min-h-0 flex-1 flex-col\"\n      />\n    );\n\n    const detailOutput = (\n      <div className=\"detail-output flex min-h-0 flex-1 flex-col\">\n        {clicky}\n      </div>\n    );\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-background\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          {\n            value: \"source\",\n            label: \"Source\",\n            content: <TextOutput text={text} />,\n          },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction LoadingOutput({ loadingMessage }: { loadingMessage: string }) {\n  return (\n    <DataTable<LoadingResultRow>\n      data={[]}\n      columns={LOADING_RESULT_COLUMNS}\n      loading\n      loadingMessage={loadingMessage}\n      loadingRowCount={8}\n      showGlobalFilter={false}\n      showDensityControl={false}\n      hideableColumns={false}\n      resizableColumns={false}\n      persistColumnWidths={false}\n      persistColumnVisibility={false}\n      persistDensity={false}\n    />\n  );\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView\n        data={data as object | unknown[]}\n        defaultOpenDepth={Number.MAX_SAFE_INTEGER}\n      />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":["useMemo","jsx","jsxs","cn","parseClickyData","Clicky","DataTable","useState","useEffect","JsonView"],"mappings":"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"}
+{"version":3,"file":"CommandOutput.cjs","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTablePagination,\n} from \"../data/DataTable\";\nimport {\n  Clicky,\n  type ClickyCommandRuntime,\n  type ClickyDownloadOptions,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n  type ClickyTableRowSelection,\n} from \"../data/Clicky\";\nimport type {\n  CellFilterChange,\n  CellFilterMode,\n} from \"../data/cells/CellFilterActions\";\nimport { parseClickyData } from \"../data/clicky-parse\";\nimport { JsonView } from \"../data/JsonView\";\nimport { cn } from \"../lib/utils\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  cellFilters?: Record<string, Record<string, CellFilterMode>>;\n  onCellFilterChange?: (change: CellFilterChange) => void;\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n};\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport function CommandOutput({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel,\n  className,\n  bare = false,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  cellFilters,\n  onCellFilterChange,\n  pagination,\n  rowSelection,\n  download,\n}: CommandOutputProps) {\n  const text = response?.stdout || response?.output || \"\";\n  const ct = response?.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (!response) return null;\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response, text]);\n\n  let output: ReactNode;\n  if (response) {\n    output = (\n      <OutputBody\n        text={text}\n        parsed={parsed}\n        contentType={ct}\n        bare={bare}\n        {...(response.requestUrl ? { url: response.requestUrl } : {})}\n        {...(response.blob ? { blob: response.blob } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(cellFilters ? { cellFilters } : {})}\n        {...(onCellFilterChange ? { onCellFilterChange } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n      />\n    );\n  } else if (loading) {\n    output = <LoadingOutput loadingMessage={loadingMessage} />;\n  } else {\n    output = <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n\n  const pending =\n    loading && response ? (\n      <div\n        role=\"status\"\n        className=\"rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground\"\n      >\n        {loadingMessage}\n      </div>\n    ) : null;\n\n  const content =\n    bare || !response ? (\n      <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n        {pending}\n        {output}\n      </div>\n    ) : (\n      <div className=\"space-y-3\">\n        {pending}\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={\n              response.success\n                ? \"rounded-md border px-2 py-0.5 text-xs\"\n                : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n            }\n          >\n            {response.success ? \"Success\" : \"Failed\"}\n          </span>\n          <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n            exit {response.exit_code}\n          </span>\n          {ct !== \"application/json\" && (\n            <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n              {ct.split(\";\")[0]}\n            </span>\n          )}\n          {response.error && (\n            <span className=\"text-sm text-destructive\">{response.error}</span>\n          )}\n        </div>\n\n        {response.cli && (\n          <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n            $ {response.cli}\n          </pre>\n        )}\n\n        {output}\n      </div>\n    );\n\n  if (ariaLabel || className) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        aria-busy={loading || undefined}\n        className={cn(\"mt-3 flex min-h-0 flex-col\", className)}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  url,\n  blob,\n  bare,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  cellFilters,\n  onCellFilterChange,\n  pagination,\n  rowSelection,\n  download,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  url?: string;\n  blob?: Blob;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  cellFilters?: Record<string, Record<string, CellFilterMode>>;\n  onCellFilterChange?: (change: CellFilterChange) => void;\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsed === \"string\" || (parsed != null && typeof parsed === \"object\")\n      ? (parsed as ClickyNode | ClickyDocument)\n      : text;\n  const parsedClicky =\n    clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (\n    parsedClicky?.ok ||\n    ct === \"application/clicky+json\" ||\n    ct === \"application/json+clicky\"\n  ) {\n    const clicky = (\n      <Clicky\n        data={\n          parsedClicky?.ok\n            ? parsedClicky.document\n            : ((parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text)\n        }\n        {...(url ? { url } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(cellFilters ? { cellFilters } : {})}\n        {...(onCellFilterChange ? { onCellFilterChange } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n        className=\"flex min-h-0 flex-1 flex-col\"\n      />\n    );\n\n    const detailOutput = (\n      <div className=\"detail-output flex min-h-0 flex-1 flex-col\">\n        {clicky}\n      </div>\n    );\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-background\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          {\n            value: \"source\",\n            label: \"Source\",\n            content: <TextOutput text={text} />,\n          },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction LoadingOutput({ loadingMessage }: { loadingMessage: string }) {\n  return (\n    <DataTable<LoadingResultRow>\n      data={[]}\n      columns={LOADING_RESULT_COLUMNS}\n      loading\n      loadingMessage={loadingMessage}\n      loadingRowCount={8}\n      showGlobalFilter={false}\n      showDensityControl={false}\n      hideableColumns={false}\n      resizableColumns={false}\n      persistColumnWidths={false}\n      persistColumnVisibility={false}\n      persistDensity={false}\n    />\n  );\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView\n        data={data as object | unknown[]}\n        defaultOpenDepth={Number.MAX_SAFE_INTEGER}\n      />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":["useMemo","jsx","jsxs","cn","parseClickyData","Clicky","DataTable","useState","useEffect","JsonView"],"mappings":"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"}

package/dist/rpc/CommandOutput.d.ts

@@ -1,6 +1,7 @@
 import { FilterBarFilter, FilterBarRangeProps, FilterBarSearchProps } from '../components/FilterBar';
 import { DataTablePagination } from '../data/DataTable';
 import { ClickyCommandRuntime, ClickyDownloadOptions, ClickyTableRowClick, ClickyTableRowHref, ClickyTableRowPredicate, ClickyTableRowSelection } from '../data/Clicky';
+import { CellFilterChange, CellFilterMode } from '../data/cells/CellFilterActions';
 import { ExecutionResponse } from './types';
 export type CommandOutputProps = {
     response?: ExecutionResponse | null;
@@ -17,9 +18,11 @@ export type CommandOutputProps = {
     search?: FilterBarSearchProps;
     timeRange?: FilterBarRangeProps;
     externalFilters?: FilterBarFilter[];
+    cellFilters?: Record<string, Record<string, CellFilterMode>>;
+    onCellFilterChange?: (change: CellFilterChange) => void;
     pagination?: DataTablePagination;
     rowSelection?: ClickyTableRowSelection;
     download?: ClickyDownloadOptions;
 };
-export declare function CommandOutput({ response, loading, loadingMessage, emptyMessage, ariaLabel, className, bare, commandRuntime, onTableRowClick, getTableRowHref, isTableRowClickable, search, timeRange, externalFilters, pagination, rowSelection, download, }: CommandOutputProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandOutput({ response, loading, loadingMessage, emptyMessage, ariaLabel, className, bare, commandRuntime, onTableRowClick, getTableRowHref, isTableRowClickable, search, timeRange, externalFilters, cellFilters, onCellFilterChange, pagination, rowSelection, download, }: CommandOutputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CommandOutput.d.ts.map

package/dist/rpc/CommandOutput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandOutput.d.ts","sourceRoot":"","sources":["../../src/rpc/CommandOutput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAG1B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC7B,MAAM,gBAAgB,CAAC;AAIxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC,CAAC;AAgBF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAe,EACf,cAA6C,EAC7C,YAAiC,EACjC,SAAS,EACT,SAAS,EACT,IAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,MAAM,EACN,SAAS,EACT,eAAe,EACf,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,kBAAkB,2CA6GpB"}
+{"version":3,"file":"CommandOutput.d.ts","sourceRoot":"","sources":["../../src/rpc/CommandOutput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAG1B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC7B,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EACf,MAAM,iCAAiC,CAAC;AAIzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAC7D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC,CAAC;AAgBF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAe,EACf,cAA6C,EAC7C,YAAiC,EACjC,SAAS,EACT,SAAS,EACT,IAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,MAAM,EACN,SAAS,EACT,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,kBAAkB,2CA+GpB"}