@knocklabs/react 0.12.1 → 0.13.1

package/dist/esm/modules/guide/components/Toolbar/V2/V2.mjs

@@ -1,160 +1,316 @@
-import { KnockGuideClient as A } from "@knocklabs/client";
-import { useGuideContext as B } from "@knocklabs/react-core";
-import { Button as w } from "@telegraph/button";
-import { Icon as L } from "@telegraph/icon";
-import { Box as u, Stack as r } from "@telegraph/layout";
-import { SegmentedControl as g } from "@telegraph/segmented-control";
-import { Tooltip as k } from "@telegraph/tooltip";
-import { Text as v } from "@telegraph/typography";
-import { GripVertical as H, ChevronDown as V, ChevronRight as j, SlidersHorizontal as M, LogOut as W, Minimize2 as Y } from "lucide-react";
-import e from "react";
-import { KnockButton as F } from "../KnockButton.mjs";
-import { TOOLBAR_Z_INDEX as X } from "../shared.mjs";
-/* empty css             */
-import { useToolbarStyles as N } from "../useToolbarStyles.mjs";
-import { FocusChin as Z } from "./FocusChin.mjs";
-import { GuideContextDetails as q } from "./GuideContextDetails.mjs";
-import { GuideRow as J } from "./GuideRow.mjs";
-import { Kbd as _ } from "./Kbd.mjs";
-import { sharedTooltipProps as D } from "./helpers.mjs";
-import { useDraggable as Q } from "./useDraggable.mjs";
-import { useInspectGuideClientStore as $ } from "./useInspectGuideClientStore.mjs";
-const U = ".", ee = "540px", te = ["0 0 0 1px rgba(0, 0, 0, 0.06)", "0 0 0 1px rgba(255, 255, 255, 0.10)", "inset 0 1px 0 rgba(255, 255, 255, 0.04)", "0 1px 1px 0 rgba(0, 0, 0, 0.04)", "0 4px 6px -1px rgba(0, 0, 0, 0.05)", "0 8px 16px -4px rgba(0, 0, 0, 0.06)"].join(", "), ne = (s) => {
-  switch (s) {
-    case "all-guides":
-      return "You have no guides. Get started by creating a guide.";
-    case "only-active":
-      return "There are no active guides.";
-    case "only-eligible":
-      return "Your current user is not eligible for any guides.";
-  }
-}, z = (s, c) => s.filter((o) => !(c === "only-eligible" && !o.annotation.isEligible || c === "only-active" && !o.annotation.active.status)), De = ({
-  readyToTarget: s,
-  listenForUpdates: c
-}) => {
-  const {
-    client: o
-  } = B(), [m, f] = e.useState("only-active"), [i, I] = e.useState(() => A.getToolbarRunConfigFromUrl()), [O, b] = e.useState(!1), [d, P] = e.useState(!1), [K, C] = e.useState();
-  N(!!(i != null && i.isVisible)), e.useEffect(() => {
-    C(void 0);
-  }, [m]), e.useEffect(() => {
-    var h;
-    const {
-      isVisible: t = !1,
-      focusedGuideKeys: n = {}
-    } = i || {}, l = (h = o.store.state.debug) == null ? void 0 : h.debugging;
-    return t && !l && s && (o.setDebug({
-      focusedGuideKeys: n
-    }), Object.keys(n).length > 0 && f("all-guides")), !t && l && o.unsetDebug({
-      listenForUpdates: c
-    }), () => {
-      var p;
-      (p = o.store.state.debug) != null && p.debugging && o.unsetDebug({
-        listenForUpdates: c
-      });
-    };
-  }, [s, c, i, o, f]), e.useEffect(() => {
-    const t = (n) => {
-      n.ctrlKey && n.key === U && !n.repeat && (n.preventDefault(), b((l) => !l));
-    };
-    return window.addEventListener("keydown", t), () => {
-      window.removeEventListener("keydown", t);
-    };
-  }, []);
-  const S = e.useRef(null), G = e.useRef(null), {
-    position: R,
-    isDragging: y,
-    handlePointerDown: E,
-    hasDraggedRef: T
-  } = Q({
-    elementRef: S,
-    reclampDeps: [O],
-    initialPosition: {
-      top: 16,
-      right: 16
-    }
-  }), a = $(i);
-  if (!a || !(i != null && i.isVisible))
-    return null;
-  const x = a.status === "ok" ? z(a.guides, m) : [];
-  return /* @__PURE__ */ e.createElement(u, { tgphRef: S, position: "fixed", style: {
-    top: R.top + "px",
-    right: R.right + "px",
-    zIndex: X
-  } }, O ? /* @__PURE__ */ e.createElement(k, { side: "left", label: /* @__PURE__ */ e.createElement(v, { as: "span", size: "1" }, "Guide Toolbar", /* @__PURE__ */ e.createElement(r, { display: "inline-block", ml: "3" }, /* @__PURE__ */ e.createElement(_, null, "ctrl"), " + ", /* @__PURE__ */ e.createElement(_, null, "."))), ...D }, /* @__PURE__ */ e.createElement(r, { border: "px", rounded: "4", align: "center", justify: "center", w: "10", h: "10", onPointerDown: E, backgroundColor: "surface-1", style: {
-    cursor: y ? "grabbing" : "grab",
-    touchAction: "none",
-    userSelect: "none",
-    animation: "toolbar-collapse-fade-in 150ms ease-out"
-  } }, /* @__PURE__ */ e.createElement(u, { style: {
-    transform: "scale(0.7)",
-    transformOrigin: "center center"
-  } }, /* @__PURE__ */ e.createElement(F, { onClick: () => {
-    T.current || b(!1);
-  }, positioned: !1 })))) : /* @__PURE__ */ e.createElement(r, { direction: "column", backgroundColor: "surface-1", rounded: "4", overflow: "hidden", style: {
-    width: ee,
-    boxShadow: te,
-    animation: "toolbar-expand-fade-in 150ms ease-out"
-  } }, /* @__PURE__ */ e.createElement(r, { w: "full", p: "2", justify: "space-between", direction: "row", align: "center", gap: "2", borderBottom: "px", onPointerDown: E, style: {
-    boxSizing: "border-box",
-    cursor: y ? "grabbing" : "grab",
-    touchAction: "none",
-    userSelect: "none"
-  } }, /* @__PURE__ */ e.createElement(r, { align: "center", gap: "1_5", style: {
-    minWidth: 0,
-    flex: 1
-  } }, /* @__PURE__ */ e.createElement(r, { display: "inline-flex", align: "center", style: {
-    cursor: y ? "grabbing" : "grab",
-    touchAction: "none",
-    userSelect: "none"
-  }, onPointerDown: (t) => {
-    t.stopPropagation(), E(t);
-  } }, /* @__PURE__ */ e.createElement(L, { color: "gray", size: "1", icon: H, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(r, { align: "center", gap: "1_5", onPointerDown: (t) => t.stopPropagation() }, /* @__PURE__ */ e.createElement(g.Root, { size: "1", type: "single", value: m, onValueChange: (t) => {
-    if (!t) return;
-    const n = o.store.state.debug, l = Object.keys((n == null ? void 0 : n.focusedGuideKeys) || {});
-    a.status === "ok" && l.length > 0 && (z(a.guides, t).find((p) => p.key === l[0]) || o.setDebug({
-      ...n,
-      focusedGuideKeys: {}
-    })), f(t);
-  } }, /* @__PURE__ */ e.createElement(g.Option, { value: "all-guides", style: {
-    width: "54px"
-  } }, "All"), /* @__PURE__ */ e.createElement(g.Option, { value: "only-active", style: {
-    width: "54px"
-  } }, "Active"), /* @__PURE__ */ e.createElement(g.Option, { value: "only-eligible", style: {
-    width: "54px"
-  } }, "Eligible")), /* @__PURE__ */ e.createElement(k, { label: "Settings", ...D }, /* @__PURE__ */ e.createElement(w, { size: "1", variant: d ? "outline" : "ghost", color: d ? "blue" : "gray", leadingIcon: {
-    icon: M,
-    alt: "Inspect target params"
-  }, trailingIcon: d ? {
-    icon: V,
-    alt: "Hide context data"
-  } : {
-    icon: j,
-    alt: "Show context data"
-  }, onClick: () => P((t) => !t) })))), /* @__PURE__ */ e.createElement(r, { align: "center", gap: "1_5", style: {
-    flexShrink: 0
-  }, onPointerDown: (t) => t.stopPropagation() }, /* @__PURE__ */ e.createElement(r, { align: "center", gap: "1_5" }, /* @__PURE__ */ e.createElement(w, { size: "1", variant: "outline", leadingIcon: {
-    icon: W,
-    alt: "Exit"
-  }, onClick: () => {
-    I((t) => ({
-      ...t,
-      isVisible: !1
-    }));
-  } }, "Exit"), /* @__PURE__ */ e.createElement(k, { label: "Minimize toolbar", ...D }, /* @__PURE__ */ e.createElement(w, { size: "1", variant: "outline", leadingIcon: {
-    icon: Y,
-    alt: "Minimize"
-  }, onClick: () => b(!0) }))))), d && /* @__PURE__ */ e.createElement(u, { borderBottom: "px" }, /* @__PURE__ */ e.createElement(q, null)), /* @__PURE__ */ e.createElement(u, { tgphRef: G, p: "1", overflow: "auto", style: {
-    maxHeight: "calc(80vh - 96px)"
-  } }, a.status === "error" ? /* @__PURE__ */ e.createElement(u, { px: "2", pb: "1", style: {
-    lineHeight: "1.2"
-  } }, /* @__PURE__ */ e.createElement(v, { as: "span", size: "1", weight: "medium", color: a.error === "no_guides_fetched" ? "default" : "red" }, a.message)) : x.length === 0 ? /* @__PURE__ */ e.createElement(u, { px: "2", pb: "1", style: {
-    lineHeight: "1.2"
-  } }, /* @__PURE__ */ e.createElement(v, { as: "span", size: "1", weight: "medium", color: "default" }, ne(m))) : x.map((t) => /* @__PURE__ */ e.createElement(J, { key: t.key, guide: t, orderIndex: t.orderIndex, isExpanded: t.key === K, onClick: () => {
-    C((n) => n && n === t.key ? void 0 : t.key);
-  } }))), /* @__PURE__ */ e.createElement(Z, { guides: x, guideListRef: G })));
+import { TOOLBAR_Z_INDEX as e } from "../shared.mjs";
+/* empty css         */
+import { KnockButton as t } from "../KnockButton.mjs";
+import { useToolbarStyles as n } from "../useToolbarStyles.mjs";
+import { sharedTooltipProps as r } from "./helpers.mjs";
+import { useInspectGuideClientStore as i } from "./useInspectGuideClientStore.mjs";
+import { GuideRow as a } from "./GuideRow.mjs";
+import { Kbd as o } from "./Kbd.mjs";
+import { FocusChin as s } from "./FocusChin.mjs";
+import { GuideContextDetails as c } from "./GuideContextDetails.mjs";
+import { useDraggable as l } from "./useDraggable.mjs";
+import { useGuideContext as u } from "@knocklabs/react-core";
+import d from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { KnockGuideClient as m } from "@knocklabs/client";
+import { Button as h } from "@telegraph/button";
+import { Icon as g } from "@telegraph/icon";
+import { Box as _, Stack as v } from "@telegraph/layout";
+import { SegmentedControl as y } from "@telegraph/segmented-control";
+import { Tooltip as b } from "@telegraph/tooltip";
+import { Text as x } from "@telegraph/typography";
+import { ChevronDown as S, ChevronRight as C, GripVertical as w, LogOut as T, Minimize2 as E, SlidersHorizontal as D } from "lucide-react";
+//#region src/modules/guide/components/Toolbar/V2/V2.tsx
+var O = ".", k = "540px", A = [
+	"0 0 0 1px rgba(0, 0, 0, 0.06)",
+	"0 0 0 1px rgba(255, 255, 255, 0.10)",
+	"inset 0 1px 0 rgba(255, 255, 255, 0.04)",
+	"0 1px 1px 0 rgba(0, 0, 0, 0.04)",
+	"0 4px 6px -1px rgba(0, 0, 0, 0.05)",
+	"0 8px 16px -4px rgba(0, 0, 0, 0.06)"
+].join(", "), j = (e) => {
+	switch (e) {
+		case "all-guides": return "You have no guides. Get started by creating a guide.";
+		case "only-active": return "There are no active guides.";
+		case "only-eligible": return "Your current user is not eligible for any guides.";
+	}
+}, M = (e, t) => e.filter((e) => !(t === "only-eligible" && !e.annotation.isEligible || t === "only-active" && !e.annotation.active.status)), N = ({ readyToTarget: N, listenForUpdates: P }) => {
+	let { client: F } = u(), [I, L] = d.useState("only-active"), [R, z] = d.useState(() => m.getToolbarRunConfigFromUrl()), [B, V] = d.useState(!1), [H, U] = d.useState(!1), [W, G] = d.useState();
+	n(!!R?.isVisible), d.useEffect(() => {
+		G(void 0);
+	}, [I]), d.useEffect(() => {
+		let { isVisible: e = !1, focusedGuideKeys: t = {} } = R || {}, n = F.store.state.debug?.debugging;
+		return e && !n && N && (F.setDebug({ focusedGuideKeys: t }), Object.keys(t).length > 0 && L("all-guides")), !e && n && F.unsetDebug({ listenForUpdates: P }), () => {
+			F.store.state.debug?.debugging && F.unsetDebug({ listenForUpdates: P });
+		};
+	}, [
+		N,
+		P,
+		R,
+		F,
+		L
+	]), d.useEffect(() => {
+		let e = (e) => {
+			e.ctrlKey && e.key === O && !e.repeat && (e.preventDefault(), V((e) => !e));
+		};
+		return window.addEventListener("keydown", e), () => {
+			window.removeEventListener("keydown", e);
+		};
+	}, []);
+	let K = d.useRef(null), q = d.useRef(null), { position: J, isDragging: Y, handlePointerDown: X, hasDraggedRef: Z } = l({
+		elementRef: K,
+		reclampDeps: [B],
+		initialPosition: {
+			top: 16,
+			right: 16
+		}
+	}), Q = i(R);
+	if (!Q || !R?.isVisible) return null;
+	let $ = Q.status === "ok" ? M(Q.guides, I) : [];
+	return /* @__PURE__ */ f(_, {
+		tgphRef: K,
+		position: "fixed",
+		style: {
+			top: J.top + "px",
+			right: J.right + "px",
+			zIndex: e
+		},
+		children: B ? /* @__PURE__ */ f(b, {
+			side: "left",
+			label: /* @__PURE__ */ p(x, {
+				as: "span",
+				size: "1",
+				children: ["Guide Toolbar", /* @__PURE__ */ p(v, {
+					display: "inline-block",
+					ml: "3",
+					children: [
+						/* @__PURE__ */ f(o, { children: "ctrl" }),
+						" + ",
+						/* @__PURE__ */ f(o, { children: "." })
+					]
+				})]
+			}),
+			...r,
+			children: /* @__PURE__ */ f(v, {
+				border: "px",
+				rounded: "4",
+				align: "center",
+				justify: "center",
+				w: "10",
+				h: "10",
+				onPointerDown: X,
+				backgroundColor: "surface-1",
+				style: {
+					cursor: Y ? "grabbing" : "grab",
+					touchAction: "none",
+					userSelect: "none",
+					animation: "toolbar-collapse-fade-in 150ms ease-out"
+				},
+				children: /* @__PURE__ */ f(_, {
+					style: {
+						transform: "scale(0.7)",
+						transformOrigin: "center center"
+					},
+					children: /* @__PURE__ */ f(t, {
+						onClick: () => {
+							Z.current || V(!1);
+						},
+						positioned: !1
+					})
+				})
+			})
+		}) : /* @__PURE__ */ p(v, {
+			direction: "column",
+			backgroundColor: "surface-1",
+			rounded: "4",
+			overflow: "hidden",
+			style: {
+				width: k,
+				boxShadow: A,
+				animation: "toolbar-expand-fade-in 150ms ease-out"
+			},
+			children: [
+				/* @__PURE__ */ p(v, {
+					w: "full",
+					p: "2",
+					justify: "space-between",
+					direction: "row",
+					align: "center",
+					gap: "2",
+					borderBottom: "px",
+					onPointerDown: X,
+					style: {
+						boxSizing: "border-box",
+						cursor: Y ? "grabbing" : "grab",
+						touchAction: "none",
+						userSelect: "none"
+					},
+					children: [/* @__PURE__ */ p(v, {
+						align: "center",
+						gap: "1_5",
+						style: {
+							minWidth: 0,
+							flex: 1
+						},
+						children: [/* @__PURE__ */ f(v, {
+							display: "inline-flex",
+							align: "center",
+							style: {
+								cursor: Y ? "grabbing" : "grab",
+								touchAction: "none",
+								userSelect: "none"
+							},
+							onPointerDown: (e) => {
+								e.stopPropagation(), X(e);
+							},
+							children: /* @__PURE__ */ f(g, {
+								color: "gray",
+								size: "1",
+								icon: w,
+								"aria-hidden": !0
+							})
+						}), /* @__PURE__ */ p(v, {
+							align: "center",
+							gap: "1_5",
+							onPointerDown: (e) => e.stopPropagation(),
+							children: [/* @__PURE__ */ p(y.Root, {
+								size: "1",
+								type: "single",
+								value: I,
+								onValueChange: (e) => {
+									if (!e) return;
+									let t = F.store.state.debug, n = Object.keys(t?.focusedGuideKeys || {});
+									Q.status === "ok" && n.length > 0 && (M(Q.guides, e).find((e) => e.key === n[0]) || F.setDebug({
+										...t,
+										focusedGuideKeys: {}
+									})), L(e);
+								},
+								children: [
+									/* @__PURE__ */ f(y.Option, {
+										value: "all-guides",
+										style: { width: "54px" },
+										children: "All"
+									}),
+									/* @__PURE__ */ f(y.Option, {
+										value: "only-active",
+										style: { width: "54px" },
+										children: "Active"
+									}),
+									/* @__PURE__ */ f(y.Option, {
+										value: "only-eligible",
+										style: { width: "54px" },
+										children: "Eligible"
+									})
+								]
+							}), /* @__PURE__ */ f(b, {
+								label: "Settings",
+								...r,
+								children: /* @__PURE__ */ f(h, {
+									size: "1",
+									variant: H ? "outline" : "ghost",
+									color: H ? "blue" : "gray",
+									leadingIcon: {
+										icon: D,
+										alt: "Inspect target params"
+									},
+									trailingIcon: H ? {
+										icon: S,
+										alt: "Hide context data"
+									} : {
+										icon: C,
+										alt: "Show context data"
+									},
+									onClick: () => U((e) => !e)
+								})
+							})]
+						})]
+					}), /* @__PURE__ */ f(v, {
+						align: "center",
+						gap: "1_5",
+						style: { flexShrink: 0 },
+						onPointerDown: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ p(v, {
+							align: "center",
+							gap: "1_5",
+							children: [/* @__PURE__ */ f(h, {
+								size: "1",
+								variant: "outline",
+								leadingIcon: {
+									icon: T,
+									alt: "Exit"
+								},
+								onClick: () => {
+									z((e) => ({
+										...e,
+										isVisible: !1
+									}));
+								},
+								children: "Exit"
+							}), /* @__PURE__ */ f(b, {
+								label: "Minimize toolbar",
+								...r,
+								children: /* @__PURE__ */ f(h, {
+									size: "1",
+									variant: "outline",
+									leadingIcon: {
+										icon: E,
+										alt: "Minimize"
+									},
+									onClick: () => V(!0)
+								})
+							})]
+						})
+					})]
+				}),
+				H && /* @__PURE__ */ f(_, {
+					borderBottom: "px",
+					children: /* @__PURE__ */ f(c, {})
+				}),
+				/* @__PURE__ */ f(_, {
+					tgphRef: q,
+					p: "1",
+					overflow: "auto",
+					style: { maxHeight: "calc(80vh - 96px)" },
+					children: Q.status === "error" ? /* @__PURE__ */ f(_, {
+						px: "2",
+						pb: "1",
+						style: { lineHeight: "1.2" },
+						children: /* @__PURE__ */ f(x, {
+							as: "span",
+							size: "1",
+							weight: "medium",
+							color: Q.error === "no_guides_fetched" ? "default" : "red",
+							children: Q.message
+						})
+					}) : $.length === 0 ? /* @__PURE__ */ f(_, {
+						px: "2",
+						pb: "1",
+						style: { lineHeight: "1.2" },
+						children: /* @__PURE__ */ f(x, {
+							as: "span",
+							size: "1",
+							weight: "medium",
+							color: "default",
+							children: j(I)
+						})
+					}) : $.map((e) => /* @__PURE__ */ f(a, {
+						guide: e,
+						orderIndex: e.orderIndex,
+						isExpanded: e.key === W,
+						onClick: () => {
+							G((t) => t && t === e.key ? void 0 : e.key);
+						}
+					}, e.key))
+				}),
+				/* @__PURE__ */ f(s, {
+					guides: $,
+					guideListRef: q
+				})
+			]
+		})
+	});
 };
-export {
-  De as V2
-};
-//# sourceMappingURL=V2.mjs.map
+//#endregion
+export { N as V2 };
+
+//# sourceMappingURL=V2.mjs.map

package/dist/esm/modules/guide/components/Toolbar/V2/V2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"V2.mjs","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/V2.tsx"],"sourcesContent":["import { KnockGuideClient } from \"@knocklabs/client\";\nimport { useGuideContext } from \"@knocklabs/react-core\";\nimport { Button } from \"@telegraph/button\";\nimport { Icon } from \"@telegraph/icon\";\nimport { Box, Stack } from \"@telegraph/layout\";\nimport { SegmentedControl } from \"@telegraph/segmented-control\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text } from \"@telegraph/typography\";\nimport {\n  ChevronDown,\n  ChevronRight,\n  GripVertical,\n  LogOut,\n  Minimize2,\n  SlidersHorizontal,\n} from \"lucide-react\";\nimport React from \"react\";\n\nimport { KnockButton } from \"../KnockButton\";\nimport { TOOLBAR_Z_INDEX } from \"../shared\";\nimport \"../styles.css\";\nimport { useToolbarStyles } from \"../useToolbarStyles\";\n\nimport { FocusChin } from \"./FocusChin\";\nimport { GuideContextDetails } from \"./GuideContextDetails\";\nimport { GuideRow } from \"./GuideRow\";\nimport { Kbd } from \"./Kbd\";\nimport { DisplayOption, sharedTooltipProps } from \"./helpers\";\nimport { useDraggable } from \"./useDraggable\";\nimport {\n  InspectionResultOk,\n  useInspectGuideClientStore,\n} from \"./useInspectGuideClientStore\";\n\nconst TOGGLE_COLLAPSED_HOTKEY = \".\";\n\nconst TOOLBAR_WIDTH = \"540px\";\n\nconst TOOLBAR_BOX_SHADOW = [\n  \"0 0 0 1px rgba(0, 0, 0, 0.06)\",\n  \"0 0 0 1px rgba(255, 255, 255, 0.10)\",\n  \"inset 0 1px 0 rgba(255, 255, 255, 0.04)\",\n  \"0 1px 1px 0 rgba(0, 0, 0, 0.04)\",\n  \"0 4px 6px -1px rgba(0, 0, 0, 0.05)\",\n  \"0 8px 16px -4px rgba(0, 0, 0, 0.06)\",\n].join(\", \");\n\nconst getEmptyStateMessage = (displayOption: DisplayOption) => {\n  switch (displayOption) {\n    case \"all-guides\":\n      return \"You have no guides. Get started by creating a guide.\";\n    case \"only-active\":\n      return \"There are no active guides.\";\n    case \"only-eligible\":\n      return \"Your current user is not eligible for any guides.\";\n  }\n};\n\nconst filterGuides = (\n  guides: InspectionResultOk[\"guides\"],\n  displayOption: DisplayOption,\n) => {\n  return guides.filter((guide) => {\n    if (displayOption === \"only-eligible\" && !guide.annotation.isEligible) {\n      return false;\n    }\n    if (displayOption === \"only-active\" && !guide.annotation.active.status) {\n      return false;\n    }\n    return true;\n  });\n};\n\ntype Props = {\n  readyToTarget: boolean;\n  listenForUpdates: boolean;\n};\n\nexport const V2 = ({ readyToTarget, listenForUpdates }: Props) => {\n  const { client } = useGuideContext();\n\n  const [displayOption, setDisplayOption] =\n    React.useState<DisplayOption>(\"only-active\");\n  const [runConfig, setRunConfig] = React.useState(() =>\n    KnockGuideClient.getToolbarRunConfigFromUrl(),\n  );\n  const [isCollapsed, setIsCollapsed] = React.useState(false);\n  const [isContextPanelOpen, setIsContextPanelOpen] = React.useState(false);\n\n  const [expandedGuideRowKey, setExpandedGuideRowKey] = React.useState<\n    string | undefined\n  >();\n\n  useToolbarStyles(Boolean(runConfig?.isVisible));\n\n  React.useEffect(() => {\n    setExpandedGuideRowKey(undefined);\n  }, [displayOption]);\n\n  React.useEffect(() => {\n    const { isVisible = false, focusedGuideKeys = {} } = runConfig || {};\n    const isDebugging = client.store.state.debug?.debugging;\n\n    if (isVisible && !isDebugging && readyToTarget) {\n      client.setDebug({ focusedGuideKeys });\n\n      // If focused, switch to all guides so you can see in the list.\n      if (Object.keys(focusedGuideKeys).length > 0) {\n        setDisplayOption(\"all-guides\");\n      }\n    }\n\n    if (!isVisible && isDebugging) {\n      client.unsetDebug({ listenForUpdates });\n    }\n\n    return () => {\n      if (client.store.state.debug?.debugging) {\n        client.unsetDebug({ listenForUpdates });\n      }\n    };\n  }, [readyToTarget, listenForUpdates, runConfig, client, setDisplayOption]);\n\n  // Toggle collapsed state with Ctrl + .\n  React.useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.ctrlKey && e.key === TOGGLE_COLLAPSED_HOTKEY && !e.repeat) {\n        e.preventDefault();\n        setIsCollapsed((prev) => !prev);\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      window.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, []);\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const guideListRef = React.useRef<HTMLDivElement>(null);\n  const { position, isDragging, handlePointerDown, hasDraggedRef } =\n    useDraggable({\n      elementRef: containerRef,\n      reclampDeps: [isCollapsed],\n      initialPosition: { top: 16, right: 16 },\n    });\n\n  const result = useInspectGuideClientStore(runConfig);\n  if (!result || !runConfig?.isVisible) {\n    return null;\n  }\n\n  const guides =\n    result.status === \"ok\" ? filterGuides(result.guides, displayOption) : [];\n\n  return (\n    <Box\n      tgphRef={containerRef}\n      position=\"fixed\"\n      style={{\n        top: position.top + \"px\",\n        right: position.right + \"px\",\n        zIndex: TOOLBAR_Z_INDEX,\n      }}\n    >\n      {isCollapsed ? (\n        <Tooltip\n          side=\"left\"\n          label={\n            <Text as=\"span\" size=\"1\">\n              Guide Toolbar\n              <Stack display=\"inline-block\" ml=\"3\">\n                <Kbd>ctrl</Kbd> + <Kbd>.</Kbd>\n              </Stack>\n            </Text>\n          }\n          {...sharedTooltipProps}\n        >\n          <Stack\n            border=\"px\"\n            rounded=\"4\"\n            align=\"center\"\n            justify=\"center\"\n            w=\"10\"\n            h=\"10\"\n            onPointerDown={handlePointerDown}\n            backgroundColor=\"surface-1\"\n            style={{\n              cursor: isDragging ? \"grabbing\" : \"grab\",\n              touchAction: \"none\",\n              userSelect: \"none\",\n              animation: \"toolbar-collapse-fade-in 150ms ease-out\",\n            }}\n          >\n            <Box\n              style={{\n                transform: \"scale(0.7)\",\n                transformOrigin: \"center center\",\n              }}\n            >\n              <KnockButton\n                onClick={() => {\n                  if (!hasDraggedRef.current) {\n                    setIsCollapsed(false);\n                  }\n                }}\n                positioned={false}\n              />\n            </Box>\n          </Stack>\n        </Tooltip>\n      ) : (\n        <Stack\n          direction=\"column\"\n          backgroundColor=\"surface-1\"\n          rounded=\"4\"\n          overflow=\"hidden\"\n          style={{\n            width: TOOLBAR_WIDTH,\n            boxShadow: TOOLBAR_BOX_SHADOW,\n            animation: \"toolbar-expand-fade-in 150ms ease-out\",\n          }}\n        >\n          {/* Header — also acts as drag handle area */}\n          <Stack\n            w=\"full\"\n            p=\"2\"\n            justify=\"space-between\"\n            direction=\"row\"\n            align=\"center\"\n            gap=\"2\"\n            borderBottom=\"px\"\n            onPointerDown={handlePointerDown}\n            style={{\n              boxSizing: \"border-box\",\n              cursor: isDragging ? \"grabbing\" : \"grab\",\n              touchAction: \"none\",\n              userSelect: \"none\",\n            }}\n          >\n            {/* Left: drag icon + segmented control + settings */}\n            <Stack align=\"center\" gap=\"1_5\" style={{ minWidth: 0, flex: 1 }}>\n              <Stack\n                display=\"inline-flex\"\n                align=\"center\"\n                style={{\n                  cursor: isDragging ? \"grabbing\" : \"grab\",\n                  touchAction: \"none\",\n                  userSelect: \"none\",\n                }}\n                onPointerDown={(e: React.PointerEvent) => {\n                  // Already handled by parent, prevent double-fire\n                  e.stopPropagation();\n                  handlePointerDown(e);\n                }}\n              >\n                <Icon color=\"gray\" size=\"1\" icon={GripVertical} aria-hidden />\n              </Stack>\n              <Stack\n                align=\"center\"\n                gap=\"1_5\"\n                onPointerDown={(e: React.PointerEvent) => e.stopPropagation()}\n              >\n                <SegmentedControl.Root\n                  size=\"1\"\n                  type=\"single\"\n                  value={displayOption}\n                  onValueChange={(val: DisplayOption) => {\n                    if (!val) return;\n\n                    const debugSettings = client.store.state.debug;\n\n                    const focusedGuideKeys = Object.keys(\n                      debugSettings?.focusedGuideKeys || {},\n                    );\n\n                    // Exit out of focus if the currently focused guide is not\n                    // part of the selected list filter.\n                    if (result.status === \"ok\" && focusedGuideKeys.length > 0) {\n                      const currFocusedGuide = filterGuides(\n                        result.guides,\n                        val,\n                      ).find((g) => g.key === focusedGuideKeys[0]);\n\n                      if (!currFocusedGuide) {\n                        client.setDebug({\n                          ...debugSettings,\n                          focusedGuideKeys: {},\n                        });\n                      }\n                    }\n\n                    setDisplayOption(val);\n                  }}\n                >\n                  <SegmentedControl.Option\n                    value=\"all-guides\"\n                    style={{ width: \"54px\" }}\n                  >\n                    All\n                  </SegmentedControl.Option>\n                  <SegmentedControl.Option\n                    value=\"only-active\"\n                    style={{ width: \"54px\" }}\n                  >\n                    Active\n                  </SegmentedControl.Option>\n                  <SegmentedControl.Option\n                    value=\"only-eligible\"\n                    style={{ width: \"54px\" }}\n                  >\n                    Eligible\n                  </SegmentedControl.Option>\n                </SegmentedControl.Root>\n\n                <Tooltip label=\"Settings\" {...sharedTooltipProps}>\n                  <Button\n                    size=\"1\"\n                    variant={isContextPanelOpen ? \"outline\" : \"ghost\"}\n                    color={isContextPanelOpen ? \"blue\" : \"gray\"}\n                    leadingIcon={{\n                      icon: SlidersHorizontal,\n                      alt: \"Inspect target params\",\n                    }}\n                    trailingIcon={\n                      isContextPanelOpen\n                        ? { icon: ChevronDown, alt: \"Hide context data\" }\n                        : { icon: ChevronRight, alt: \"Show context data\" }\n                    }\n                    onClick={() => setIsContextPanelOpen((v) => !v)}\n                  />\n                </Tooltip>\n              </Stack>\n            </Stack>\n\n            {/* Right: exit + minimize buttons */}\n            <Stack\n              align=\"center\"\n              gap=\"1_5\"\n              style={{ flexShrink: 0 }}\n              onPointerDown={(e: React.PointerEvent) => e.stopPropagation()}\n            >\n              <Stack align=\"center\" gap=\"1_5\">\n                <Button\n                  size=\"1\"\n                  variant=\"outline\"\n                  leadingIcon={{ icon: LogOut, alt: \"Exit\" }}\n                  onClick={() => {\n                    setRunConfig((curr) => ({ ...curr, isVisible: false }));\n                  }}\n                >\n                  Exit\n                </Button>\n                <Tooltip label=\"Minimize toolbar\" {...sharedTooltipProps}>\n                  <Button\n                    size=\"1\"\n                    variant=\"outline\"\n                    leadingIcon={{ icon: Minimize2, alt: \"Minimize\" }}\n                    onClick={() => setIsCollapsed(true)}\n                  />\n                </Tooltip>\n              </Stack>\n            </Stack>\n          </Stack>\n\n          {/* Collapsible panel to show context data */}\n          {isContextPanelOpen && (\n            <Box borderBottom=\"px\">\n              <GuideContextDetails />\n            </Box>\n          )}\n\n          {/* Guide list content area */}\n          <Box\n            tgphRef={guideListRef}\n            p=\"1\"\n            overflow=\"auto\"\n            style={{ maxHeight: \"calc(80vh - 96px)\" }}\n          >\n            {result.status === \"error\" ? (\n              <Box px=\"2\" pb=\"1\" style={{ lineHeight: \"1.2\" }}>\n                <Text\n                  as=\"span\"\n                  size=\"1\"\n                  weight=\"medium\"\n                  color={\n                    result.error === \"no_guides_fetched\" ? \"default\" : \"red\"\n                  }\n                >\n                  {result.message}\n                </Text>\n              </Box>\n            ) : guides.length === 0 ? (\n              <Box px=\"2\" pb=\"1\" style={{ lineHeight: \"1.2\" }}>\n                <Text as=\"span\" size=\"1\" weight=\"medium\" color=\"default\">\n                  {getEmptyStateMessage(displayOption)}\n                </Text>\n              </Box>\n            ) : (\n              guides.map((guide) => (\n                <GuideRow\n                  key={guide.key}\n                  guide={guide}\n                  orderIndex={guide.orderIndex}\n                  isExpanded={guide.key === expandedGuideRowKey}\n                  onClick={() => {\n                    setExpandedGuideRowKey((k) =>\n                      k && k === guide.key ? undefined : guide.key,\n                    );\n                  }}\n                />\n              ))\n            )}\n          </Box>\n\n          {/* Focus chin with dedicated controls */}\n          <FocusChin guides={guides} guideListRef={guideListRef} />\n        </Stack>\n      )}\n    </Box>\n  );\n};\n"],"names":["TOGGLE_COLLAPSED_HOTKEY","TOOLBAR_WIDTH","TOOLBAR_BOX_SHADOW","join","getEmptyStateMessage","displayOption","filterGuides","guides","filter","guide","annotation","isEligible","active","status","V2","readyToTarget","listenForUpdates","client","useGuideContext","setDisplayOption","React","useState","runConfig","setRunConfig","KnockGuideClient","getToolbarRunConfigFromUrl","isCollapsed","setIsCollapsed","isContextPanelOpen","setIsContextPanelOpen","expandedGuideRowKey","setExpandedGuideRowKey","Boolean","isVisible","useEffect","undefined","focusedGuideKeys","isDebugging","store","state","debug","debugging","setDebug","Object","keys","length","unsetDebug","handleKeyDown","e","ctrlKey","key","repeat","preventDefault","prev","addEventListener","removeEventListener","containerRef","useRef","guideListRef","position","isDragging","handlePointerDown","hasDraggedRef","useDraggable","elementRef","reclampDeps","initialPosition","top","right","result","useInspectGuideClientStore","Box","zIndex","TOOLBAR_Z_INDEX","Tooltip","Text","Stack","Kbd","sharedTooltipProps","cursor","touchAction","userSelect","animation","transform","transformOrigin","KnockButton","current","width","boxShadow","boxSizing","minWidth","flex","stopPropagation","Icon","GripVertical","SegmentedControl","val","debugSettings","find","g","Button","icon","SlidersHorizontal","alt","ChevronDown","ChevronRight","v","flexShrink","LogOut","curr","Minimize2","GuideContextDetails","maxHeight","lineHeight","error","message","map","GuideRow","orderIndex","k","FocusChin"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkCA,MAAMA,IAA0B,KAE1BC,KAAgB,SAEhBC,KAAqB,CACzB,iCACA,uCACA,2CACA,mCACA,sCACA,qCAAqC,EACrCC,KAAK,IAAI,GAELC,KAAuBA,CAACC,MAAiC;AAC7D,UAAQA,GAAa;AAAA,IACnB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,EAAA;AAEb,GAEMC,IAAeA,CACnBC,GACAF,MAEOE,EAAOC,OAAQC,CAAUA,MAC1BJ,EAAAA,MAAkB,mBAAmB,CAACI,EAAMC,WAAWC,cAGvDN,MAAkB,iBAAiB,CAACI,EAAMC,WAAWE,OAAOC,OAIjE,GAQUC,KAAKA,CAAC;AAAA,EAAEC,eAAAA;AAAAA,EAAeC,kBAAAA;AAAwB,MAAM;AAC1D,QAAA;AAAA,IAAEC,QAAAA;AAAAA,MAAWC,EAAgB,GAE7B,CAACb,GAAec,CAAgB,IACpCC,EAAMC,SAAwB,aAAa,GACvC,CAACC,GAAWC,CAAY,IAAIH,EAAMC,SAAS,MAC/CG,EAAiBC,4BACnB,GACM,CAACC,GAAaC,CAAc,IAAIP,EAAMC,SAAS,EAAK,GACpD,CAACO,GAAoBC,CAAqB,IAAIT,EAAMC,SAAS,EAAK,GAElE,CAACS,GAAqBC,CAAsB,IAAIX,EAAMC,SAE1D;AAEeW,EAAAA,EAAAA,GAAQV,KAAAA,QAAAA,EAAWW,UAAU,GAE9Cb,EAAMc,UAAU,MAAM;AACpBH,IAAAA,EAAuBI,MAAS;AAAA,EAAA,GAC/B,CAAC9B,CAAa,CAAC,GAElBe,EAAMc,UAAU,MAAM;;AACd,UAAA;AAAA,MAAED,WAAAA,IAAY;AAAA,MAAOG,kBAAAA,IAAmB,CAAA;AAAA,IAAG,IAAId,KAAa,CAAC,GAC7De,KAAcpB,IAAAA,EAAOqB,MAAMC,MAAMC,UAAnBvB,gBAAAA,EAA0BwB;AAE1CR,WAAAA,KAAa,CAACI,KAAetB,MAC/BE,EAAOyB,SAAS;AAAA,MAAEN,kBAAAA;AAAAA,IAAAA,CAAkB,GAGhCO,OAAOC,KAAKR,CAAgB,EAAES,SAAS,KACzC1B,EAAiB,YAAY,IAI7B,CAACc,KAAaI,KAChBpB,EAAO6B,WAAW;AAAA,MAAE9B,kBAAAA;AAAAA,IAAAA,CAAkB,GAGjC,MAAM;;AACX,OAAIC,IAAAA,EAAOqB,MAAMC,MAAMC,UAAnBvB,QAAAA,EAA0BwB,aAC5BxB,EAAO6B,WAAW;AAAA,QAAE9B,kBAAAA;AAAAA,MAAAA,CAAkB;AAAA,IAE1C;AAAA,EAAA,GACC,CAACD,GAAeC,GAAkBM,GAAWL,GAAQE,CAAgB,CAAC,GAGzEC,EAAMc,UAAU,MAAM;AACda,UAAAA,IAAgBA,CAACC,MAAqB;AAC1C,MAAIA,EAAEC,WAAWD,EAAEE,QAAQlD,KAA2B,CAACgD,EAAEG,WACvDH,EAAEI,eAAe,GACDC,EAAAA,CAAAA,MAAS,CAACA,CAAI;AAAA,IAElC;AAEOC,kBAAAA,iBAAiB,WAAWP,CAAa,GACzC,MAAM;AACJQ,aAAAA,oBAAoB,WAAWR,CAAa;AAAA,IACrD;AAAA,EACF,GAAG,EAAE;AAECS,QAAAA,IAAepC,EAAMqC,OAAuB,IAAI,GAChDC,IAAetC,EAAMqC,OAAuB,IAAI,GAChD;AAAA,IAAEE,UAAAA;AAAAA,IAAUC,YAAAA;AAAAA,IAAYC,mBAAAA;AAAAA,IAAmBC,eAAAA;AAAAA,MAC/CC,EAAa;AAAA,IACXC,YAAYR;AAAAA,IACZS,aAAa,CAACvC,CAAW;AAAA,IACzBwC,iBAAiB;AAAA,MAAEC,KAAK;AAAA,MAAIC,OAAO;AAAA,IAAA;AAAA,EAAG,CACvC,GAEGC,IAASC,EAA2BhD,CAAS;AACnD,MAAI,CAAC+C,KAAU,EAAC/C,KAAAA,QAAAA,EAAWW;AAClB,WAAA;AAGH1B,QAAAA,IACJ8D,EAAOxD,WAAW,OAAOP,EAAa+D,EAAO9D,QAAQF,CAAa,IAAI,CAAE;AAE1E,yCACGkE,GACC,EAAA,SAASf,GACT,UAAS,SACT,OAAO;AAAA,IACLW,KAAKR,EAASQ,MAAM;AAAA,IACpBC,OAAOT,EAASS,QAAQ;AAAA,IACxBI,QAAQC;AAAAA,EACV,EAAA,GAEC/C,IACEN,gBAAAA,EAAA,cAAAsD,GAAA,EACC,MAAK,QACL,OACGtD,gBAAAA,EAAA,cAAAuD,GAAA,EAAK,IAAG,QAAO,MAAK,IAAG,GAAA,iBAErBvD,gBAAAA,EAAA,cAAAwD,GAAA,EAAM,SAAQ,gBAAe,IAAG,IAC/B,GAAAxD,gBAAAA,EAAA,cAACyD,GAAI,MAAA,MAAI,GAAM,uCAAIA,GAAI,MAAA,GAAC,CAC1B,CACF,GAEF,GAAIC,KAEH1D,gBAAAA,EAAA,cAAAwD,GAAA,EACC,QAAO,MACP,SAAQ,KACR,OAAM,UACN,SAAQ,UACR,GAAE,MACF,GAAE,MACF,eAAef,GACf,iBAAgB,aAChB,OAAO;AAAA,IACLkB,QAAQnB,IAAa,aAAa;AAAA,IAClCoB,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,WAAW;AAAA,EACb,EAAA,GAEC9D,gBAAAA,EAAA,cAAAmD,GAAA,EACC,OAAO;AAAA,IACLY,WAAW;AAAA,IACXC,iBAAiB;AAAA,EAGnB,EAAA,GAAAhE,gBAAAA,EAAA,cAACiE,GACC,EAAA,SAAS,MAAM;AACT,IAACvB,EAAcwB,WACjB3D,EAAe,EAAK;AAAA,EACtB,GAEF,YAAY,IAAM,CAEtB,CACF,CACF,IAEAP,gBAAAA,EAAA,cAACwD,GACC,EAAA,WAAU,UACV,iBAAgB,aAChB,SAAQ,KACR,UAAS,UACT,OAAO;AAAA,IACLW,OAAOtF;AAAAA,IACPuF,WAAWtF;AAAAA,IACXgF,WAAW;AAAA,EAAA,KAIZ9D,gBAAAA,EAAA,cAAAwD,GAAA,EACC,GAAE,QACF,GAAE,KACF,SAAQ,iBACR,WAAU,OACV,OAAM,UACN,KAAI,KACJ,cAAa,MACb,eAAef,GACf,OAAO;AAAA,IACL4B,WAAW;AAAA,IACXV,QAAQnB,IAAa,aAAa;AAAA,IAClCoB,aAAa;AAAA,IACbC,YAAY;AAAA,EAAA,KAIb7D,gBAAAA,EAAA,cAAAwD,GAAA,EAAM,OAAM,UAAS,KAAI,OAAM,OAAO;AAAA,IAAEc,UAAU;AAAA,IAAGC,MAAM;AAAA,EAAA,KACzDvE,gBAAAA,EAAA,cAAAwD,GAAA,EACC,SAAQ,eACR,OAAM,UACN,OAAO;AAAA,IACLG,QAAQnB,IAAa,aAAa;AAAA,IAClCoB,aAAa;AAAA,IACbC,YAAY;AAAA,EAAA,GAEd,eAAe,CAACjC,MAA0B;AAExCA,IAAAA,EAAE4C,gBAAgB,GAClB/B,EAAkBb,CAAC;AAAA,EAAA,KAGpB5B,gBAAAA,EAAA,cAAAyE,GAAA,EAAK,OAAM,QAAO,MAAK,KAAI,MAAMC,GAAc,eAAW,IAAA,CAC7D,GACC1E,gBAAAA,EAAA,cAAAwD,GAAA,EACC,OAAM,UACN,KAAI,OACJ,eAAe,CAAC5B,MAA0BA,EAAE4C,kBAAgB,mCAE3DG,EAAiB,MAAjB,EACC,MAAK,KACL,MAAK,UACL,OAAO1F,GACP,eAAe,CAAC2F,MAAuB;AACrC,QAAI,CAACA,EAAK;AAEJC,UAAAA,IAAgBhF,EAAOqB,MAAMC,MAAMC,OAEnCJ,IAAmBO,OAAOC,MAC9BqD,KAAAA,gBAAAA,EAAe7D,qBAAoB,CAAA,CACrC;AAIA,IAAIiC,EAAOxD,WAAW,QAAQuB,EAAiBS,SAAS,MAC7BvC,EACvB+D,EAAO9D,QACPyF,CACF,EAAEE,KAAMC,CAAAA,MAAMA,EAAEjD,QAAQd,EAAiB,CAAC,CAAC,KAGzCnB,EAAOyB,SAAS;AAAA,MACd,GAAGuD;AAAAA,MACH7D,kBAAkB,CAAA;AAAA,IAAC,CACpB,IAILjB,EAAiB6E,CAAG;AAAA,EAAA,KAGrB5E,gBAAAA,EAAA,cAAA2E,EAAiB,QAAjB,EACC,OAAM,cACN,OAAO;AAAA,IAAER,OAAO;AAAA,EAAA,KAAS,KAG3B,GACAnE,gBAAAA,EAAA,cAAC2E,EAAiB,QAAjB,EACC,OAAM,eACN,OAAO;AAAA,IAAER,OAAO;AAAA,EAAA,KAAS,QAG3B,GACAnE,gBAAAA,EAAA,cAAC2E,EAAiB,QAAjB,EACC,OAAM,iBACN,OAAO;AAAA,IAAER,OAAO;AAAA,EAAO,EAAA,GAAE,UAG3B,CACF,mCAECb,GAAQ,EAAA,OAAM,YAAeI,GAAAA,EAC5B,GAAA1D,gBAAAA,EAAA,cAACgF,KACC,MAAK,KACL,SAASxE,IAAqB,YAAY,SAC1C,OAAOA,IAAqB,SAAS,QACrC,aAAa;AAAA,IACXyE,MAAMC;AAAAA,IACNC,KAAK;AAAA,EAAA,GAEP,cACE3E,IACI;AAAA,IAAEyE,MAAMG;AAAAA,IAAaD,KAAK;AAAA,EAAA,IAC1B;AAAA,IAAEF,MAAMI;AAAAA,IAAcF,KAAK;AAAA,EAAA,GAEjC,SAAS,MAAM1E,EAAuB6E,CAAMA,MAAA,CAACA,CAAC,EAAE,CAAA,CAEpD,CACF,CACF,GAGCtF,gBAAAA,EAAA,cAAAwD,GAAA,EACC,OAAM,UACN,KAAI,OACJ,OAAO;AAAA,IAAE+B,YAAY;AAAA,KACrB,eAAe,CAAC3D,MAA0BA,EAAE4C,gBAAAA,KAE3CxE,gBAAAA,EAAA,cAAAwD,GAAA,EAAM,OAAM,UAAS,KAAI,SACvBxD,gBAAAA,EAAA,cAAAgF,GAAA,EACC,MAAK,KACL,SAAQ,WACR,aAAa;AAAA,IAAEC,MAAMO;AAAAA,IAAQL,KAAK;AAAA,EAAO,GACzC,SAAS,MAAM;AACbhF,IAAAA,EAAcsF,CAAUA,OAAA;AAAA,MAAE,GAAGA;AAAAA,MAAM5E,WAAW;AAAA,IAAA,EAAQ;AAAA,EAAA,KACtD,MAGJ,GACAb,gBAAAA,EAAA,cAACsD,KAAQ,OAAM,oBAAuBI,GAAAA,EAAAA,mCACnCsB,GACC,EAAA,MAAK,KACL,SAAQ,WACR,aAAa;AAAA,IAAEC,MAAMS;AAAAA,IAAWP,KAAK;AAAA,EACrC,GAAA,SAAS,MAAM5E,EAAe,EAAI,EAAA,CAAE,CAExC,CACF,CACF,CACF,GAGCC,KACER,gBAAAA,EAAA,cAAAmD,GAAA,EAAI,cAAa,KAAA,GACfnD,gBAAAA,EAAA,cAAA2F,GAAA,IAAmB,CACtB,GAID3F,gBAAAA,EAAA,cAAAmD,GAAA,EACC,SAASb,GACT,GAAE,KACF,UAAS,QACT,OAAO;AAAA,IAAEsD,WAAW;AAAA,EAAoB,EAAA,GAEvC3C,EAAOxD,WAAW,UACjBO,gBAAAA,EAAA,cAACmD,KAAI,IAAG,KAAI,IAAG,KAAI,OAAO;AAAA,IAAE0C,YAAY;AAAA,EAAA,EACtC,GAAA7F,gBAAAA,EAAA,cAACuD,GACC,EAAA,IAAG,QACH,MAAK,KACL,QAAO,UACP,OACEN,EAAO6C,UAAU,sBAAsB,YAAY,MAGpD7C,GAAAA,EAAO8C,OACV,CACF,IACE5G,EAAOsC,WAAW,IACnBzB,gBAAAA,EAAA,cAAAmD,GAAA,EAAI,IAAG,KAAI,IAAG,KAAI,OAAO;AAAA,IAAE0C,YAAY;AAAA,EAAA,EACtC,GAAA7F,gBAAAA,EAAA,cAACuD,GAAK,EAAA,IAAG,QAAO,MAAK,KAAI,QAAO,UAAS,OAAM,UAAA,GAC5CvE,GAAqBC,CAAa,CACrC,CACF,IAEAE,EAAO6G,IAAK3G,CACVA,MAAAW,gBAAAA,EAAA,cAACiG,GACC,EAAA,KAAK5G,EAAMyC,KACX,OAAAzC,GACA,YAAYA,EAAM6G,YAClB,YAAY7G,EAAMyC,QAAQpB,GAC1B,SAAS,MAAM;AACbC,IAAAA,EAAwBwF,OACtBA,KAAKA,MAAM9G,EAAMyC,MAAMf,SAAY1B,EAAMyC,GAC3C;AAAA,EAAA,IAGL,CAEL,mCAGCsE,GAAU,EAAA,QAAAjH,GAAgB,cAAAmD,EAA2B,CAAA,CACxD,CAEJ;AAEJ;"}
+{"version":3,"file":"V2.mjs","names":[],"sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/V2.tsx"],"sourcesContent":["import { KnockGuideClient } from \"@knocklabs/client\";\nimport { useGuideContext } from \"@knocklabs/react-core\";\nimport { Button } from \"@telegraph/button\";\nimport { Icon } from \"@telegraph/icon\";\nimport { Box, Stack } from \"@telegraph/layout\";\nimport { SegmentedControl } from \"@telegraph/segmented-control\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text } from \"@telegraph/typography\";\nimport {\n  ChevronDown,\n  ChevronRight,\n  GripVertical,\n  LogOut,\n  Minimize2,\n  SlidersHorizontal,\n} from \"lucide-react\";\nimport React from \"react\";\n\nimport { KnockButton } from \"../KnockButton\";\nimport { TOOLBAR_Z_INDEX } from \"../shared\";\nimport \"../styles.css\";\nimport { useToolbarStyles } from \"../useToolbarStyles\";\n\nimport { FocusChin } from \"./FocusChin\";\nimport { GuideContextDetails } from \"./GuideContextDetails\";\nimport { GuideRow } from \"./GuideRow\";\nimport { Kbd } from \"./Kbd\";\nimport { DisplayOption, sharedTooltipProps } from \"./helpers\";\nimport { useDraggable } from \"./useDraggable\";\nimport {\n  InspectionResultOk,\n  useInspectGuideClientStore,\n} from \"./useInspectGuideClientStore\";\n\nconst TOGGLE_COLLAPSED_HOTKEY = \".\";\n\nconst TOOLBAR_WIDTH = \"540px\";\n\nconst TOOLBAR_BOX_SHADOW = [\n  \"0 0 0 1px rgba(0, 0, 0, 0.06)\",\n  \"0 0 0 1px rgba(255, 255, 255, 0.10)\",\n  \"inset 0 1px 0 rgba(255, 255, 255, 0.04)\",\n  \"0 1px 1px 0 rgba(0, 0, 0, 0.04)\",\n  \"0 4px 6px -1px rgba(0, 0, 0, 0.05)\",\n  \"0 8px 16px -4px rgba(0, 0, 0, 0.06)\",\n].join(\", \");\n\nconst getEmptyStateMessage = (displayOption: DisplayOption) => {\n  switch (displayOption) {\n    case \"all-guides\":\n      return \"You have no guides. Get started by creating a guide.\";\n    case \"only-active\":\n      return \"There are no active guides.\";\n    case \"only-eligible\":\n      return \"Your current user is not eligible for any guides.\";\n  }\n};\n\nconst filterGuides = (\n  guides: InspectionResultOk[\"guides\"],\n  displayOption: DisplayOption,\n) => {\n  return guides.filter((guide) => {\n    if (displayOption === \"only-eligible\" && !guide.annotation.isEligible) {\n      return false;\n    }\n    if (displayOption === \"only-active\" && !guide.annotation.active.status) {\n      return false;\n    }\n    return true;\n  });\n};\n\ntype Props = {\n  readyToTarget: boolean;\n  listenForUpdates: boolean;\n};\n\nexport const V2 = ({ readyToTarget, listenForUpdates }: Props) => {\n  const { client } = useGuideContext();\n\n  const [displayOption, setDisplayOption] =\n    React.useState<DisplayOption>(\"only-active\");\n  const [runConfig, setRunConfig] = React.useState(() =>\n    KnockGuideClient.getToolbarRunConfigFromUrl(),\n  );\n  const [isCollapsed, setIsCollapsed] = React.useState(false);\n  const [isContextPanelOpen, setIsContextPanelOpen] = React.useState(false);\n\n  const [expandedGuideRowKey, setExpandedGuideRowKey] = React.useState<\n    string | undefined\n  >();\n\n  useToolbarStyles(Boolean(runConfig?.isVisible));\n\n  React.useEffect(() => {\n    setExpandedGuideRowKey(undefined);\n  }, [displayOption]);\n\n  React.useEffect(() => {\n    const { isVisible = false, focusedGuideKeys = {} } = runConfig || {};\n    const isDebugging = client.store.state.debug?.debugging;\n\n    if (isVisible && !isDebugging && readyToTarget) {\n      client.setDebug({ focusedGuideKeys });\n\n      // If focused, switch to all guides so you can see in the list.\n      if (Object.keys(focusedGuideKeys).length > 0) {\n        setDisplayOption(\"all-guides\");\n      }\n    }\n\n    if (!isVisible && isDebugging) {\n      client.unsetDebug({ listenForUpdates });\n    }\n\n    return () => {\n      if (client.store.state.debug?.debugging) {\n        client.unsetDebug({ listenForUpdates });\n      }\n    };\n  }, [readyToTarget, listenForUpdates, runConfig, client, setDisplayOption]);\n\n  // Toggle collapsed state with Ctrl + .\n  React.useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.ctrlKey && e.key === TOGGLE_COLLAPSED_HOTKEY && !e.repeat) {\n        e.preventDefault();\n        setIsCollapsed((prev) => !prev);\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      window.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, []);\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const guideListRef = React.useRef<HTMLDivElement>(null);\n  const { position, isDragging, handlePointerDown, hasDraggedRef } =\n    useDraggable({\n      elementRef: containerRef,\n      reclampDeps: [isCollapsed],\n      initialPosition: { top: 16, right: 16 },\n    });\n\n  const result = useInspectGuideClientStore(runConfig);\n  if (!result || !runConfig?.isVisible) {\n    return null;\n  }\n\n  const guides =\n    result.status === \"ok\" ? filterGuides(result.guides, displayOption) : [];\n\n  return (\n    <Box\n      tgphRef={containerRef}\n      position=\"fixed\"\n      style={{\n        top: position.top + \"px\",\n        right: position.right + \"px\",\n        zIndex: TOOLBAR_Z_INDEX,\n      }}\n    >\n      {isCollapsed ? (\n        <Tooltip\n          side=\"left\"\n          label={\n            <Text as=\"span\" size=\"1\">\n              Guide Toolbar\n              <Stack display=\"inline-block\" ml=\"3\">\n                <Kbd>ctrl</Kbd> + <Kbd>.</Kbd>\n              </Stack>\n            </Text>\n          }\n          {...sharedTooltipProps}\n        >\n          <Stack\n            border=\"px\"\n            rounded=\"4\"\n            align=\"center\"\n            justify=\"center\"\n            w=\"10\"\n            h=\"10\"\n            onPointerDown={handlePointerDown}\n            backgroundColor=\"surface-1\"\n            style={{\n              cursor: isDragging ? \"grabbing\" : \"grab\",\n              touchAction: \"none\",\n              userSelect: \"none\",\n              animation: \"toolbar-collapse-fade-in 150ms ease-out\",\n            }}\n          >\n            <Box\n              style={{\n                transform: \"scale(0.7)\",\n                transformOrigin: \"center center\",\n              }}\n            >\n              <KnockButton\n                onClick={() => {\n                  if (!hasDraggedRef.current) {\n                    setIsCollapsed(false);\n                  }\n                }}\n                positioned={false}\n              />\n            </Box>\n          </Stack>\n        </Tooltip>\n      ) : (\n        <Stack\n          direction=\"column\"\n          backgroundColor=\"surface-1\"\n          rounded=\"4\"\n          overflow=\"hidden\"\n          style={{\n            width: TOOLBAR_WIDTH,\n            boxShadow: TOOLBAR_BOX_SHADOW,\n            animation: \"toolbar-expand-fade-in 150ms ease-out\",\n          }}\n        >\n          {/* Header — also acts as drag handle area */}\n          <Stack\n            w=\"full\"\n            p=\"2\"\n            justify=\"space-between\"\n            direction=\"row\"\n            align=\"center\"\n            gap=\"2\"\n            borderBottom=\"px\"\n            onPointerDown={handlePointerDown}\n            style={{\n              boxSizing: \"border-box\",\n              cursor: isDragging ? \"grabbing\" : \"grab\",\n              touchAction: \"none\",\n              userSelect: \"none\",\n            }}\n          >\n            {/* Left: drag icon + segmented control + settings */}\n            <Stack align=\"center\" gap=\"1_5\" style={{ minWidth: 0, flex: 1 }}>\n              <Stack\n                display=\"inline-flex\"\n                align=\"center\"\n                style={{\n                  cursor: isDragging ? \"grabbing\" : \"grab\",\n                  touchAction: \"none\",\n                  userSelect: \"none\",\n                }}\n                onPointerDown={(e: React.PointerEvent) => {\n                  // Already handled by parent, prevent double-fire\n                  e.stopPropagation();\n                  handlePointerDown(e);\n                }}\n              >\n                <Icon color=\"gray\" size=\"1\" icon={GripVertical} aria-hidden />\n              </Stack>\n              <Stack\n                align=\"center\"\n                gap=\"1_5\"\n                onPointerDown={(e: React.PointerEvent) => e.stopPropagation()}\n              >\n                <SegmentedControl.Root\n                  size=\"1\"\n                  type=\"single\"\n                  value={displayOption}\n                  onValueChange={(val: DisplayOption) => {\n                    if (!val) return;\n\n                    const debugSettings = client.store.state.debug;\n\n                    const focusedGuideKeys = Object.keys(\n                      debugSettings?.focusedGuideKeys || {},\n                    );\n\n                    // Exit out of focus if the currently focused guide is not\n                    // part of the selected list filter.\n                    if (result.status === \"ok\" && focusedGuideKeys.length > 0) {\n                      const currFocusedGuide = filterGuides(\n                        result.guides,\n                        val,\n                      ).find((g) => g.key === focusedGuideKeys[0]);\n\n                      if (!currFocusedGuide) {\n                        client.setDebug({\n                          ...debugSettings,\n                          focusedGuideKeys: {},\n                        });\n                      }\n                    }\n\n                    setDisplayOption(val);\n                  }}\n                >\n                  <SegmentedControl.Option\n                    value=\"all-guides\"\n                    style={{ width: \"54px\" }}\n                  >\n                    All\n                  </SegmentedControl.Option>\n                  <SegmentedControl.Option\n                    value=\"only-active\"\n                    style={{ width: \"54px\" }}\n                  >\n                    Active\n                  </SegmentedControl.Option>\n                  <SegmentedControl.Option\n                    value=\"only-eligible\"\n                    style={{ width: \"54px\" }}\n                  >\n                    Eligible\n                  </SegmentedControl.Option>\n                </SegmentedControl.Root>\n\n                <Tooltip label=\"Settings\" {...sharedTooltipProps}>\n                  <Button\n                    size=\"1\"\n                    variant={isContextPanelOpen ? \"outline\" : \"ghost\"}\n                    color={isContextPanelOpen ? \"blue\" : \"gray\"}\n                    leadingIcon={{\n                      icon: SlidersHorizontal,\n                      alt: \"Inspect target params\",\n                    }}\n                    trailingIcon={\n                      isContextPanelOpen\n                        ? { icon: ChevronDown, alt: \"Hide context data\" }\n                        : { icon: ChevronRight, alt: \"Show context data\" }\n                    }\n                    onClick={() => setIsContextPanelOpen((v) => !v)}\n                  />\n                </Tooltip>\n              </Stack>\n            </Stack>\n\n            {/* Right: exit + minimize buttons */}\n            <Stack\n              align=\"center\"\n              gap=\"1_5\"\n              style={{ flexShrink: 0 }}\n              onPointerDown={(e: React.PointerEvent) => e.stopPropagation()}\n            >\n              <Stack align=\"center\" gap=\"1_5\">\n                <Button\n                  size=\"1\"\n                  variant=\"outline\"\n                  leadingIcon={{ icon: LogOut, alt: \"Exit\" }}\n                  onClick={() => {\n                    setRunConfig((curr) => ({ ...curr, isVisible: false }));\n                  }}\n                >\n                  Exit\n                </Button>\n                <Tooltip label=\"Minimize toolbar\" {...sharedTooltipProps}>\n                  <Button\n                    size=\"1\"\n                    variant=\"outline\"\n                    leadingIcon={{ icon: Minimize2, alt: \"Minimize\" }}\n                    onClick={() => setIsCollapsed(true)}\n                  />\n                </Tooltip>\n              </Stack>\n            </Stack>\n          </Stack>\n\n          {/* Collapsible panel to show context data */}\n          {isContextPanelOpen && (\n            <Box borderBottom=\"px\">\n              <GuideContextDetails />\n            </Box>\n          )}\n\n          {/* Guide list content area */}\n          <Box\n            tgphRef={guideListRef}\n            p=\"1\"\n            overflow=\"auto\"\n            style={{ maxHeight: \"calc(80vh - 96px)\" }}\n          >\n            {result.status === \"error\" ? (\n              <Box px=\"2\" pb=\"1\" style={{ lineHeight: \"1.2\" }}>\n                <Text\n                  as=\"span\"\n                  size=\"1\"\n                  weight=\"medium\"\n                  color={\n                    result.error === \"no_guides_fetched\" ? \"default\" : \"red\"\n                  }\n                >\n                  {result.message}\n                </Text>\n              </Box>\n            ) : guides.length === 0 ? (\n              <Box px=\"2\" pb=\"1\" style={{ lineHeight: \"1.2\" }}>\n                <Text as=\"span\" size=\"1\" weight=\"medium\" color=\"default\">\n                  {getEmptyStateMessage(displayOption)}\n                </Text>\n              </Box>\n            ) : (\n              guides.map((guide) => (\n                <GuideRow\n                  key={guide.key}\n                  guide={guide}\n                  orderIndex={guide.orderIndex}\n                  isExpanded={guide.key === expandedGuideRowKey}\n                  onClick={() => {\n                    setExpandedGuideRowKey((k) =>\n                      k && k === guide.key ? undefined : guide.key,\n                    );\n                  }}\n                />\n              ))\n            )}\n          </Box>\n\n          {/* Focus chin with dedicated controls */}\n          <FocusChin guides={guides} guideListRef={guideListRef} />\n        </Stack>\n      )}\n    </Box>\n  );\n};\n"],"mappings":"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"}

package/dist/esm/modules/guide/components/Toolbar/V2/helpers.mjs

@@ -1,12 +1,10 @@
-const e = {
-  delayDuration: 1e3
-}, o = {
-  focusUnknownGuide: "No such guide exists",
-  focusUncommittedGuide: "This guide has not been committed",
-  focusUnselectableGuide: "No component that can display this guide is present"
+//#region src/modules/guide/components/Toolbar/V2/helpers.ts
+var e = { delayDuration: 1e3 }, t = {
+	focusUnknownGuide: "No such guide exists",
+	focusUncommittedGuide: "This guide has not been committed",
+	focusUnselectableGuide: "No component that can display this guide is present"
 };
-export {
-  o as FOCUS_ERRORS,
-  e as sharedTooltipProps
-};
-//# sourceMappingURL=helpers.mjs.map
+//#endregion
+export { t as FOCUS_ERRORS, e as sharedTooltipProps };
+
+//# sourceMappingURL=helpers.mjs.map

package/dist/esm/modules/guide/components/Toolbar/V2/helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.mjs","sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/helpers.ts"],"sourcesContent":["export const sharedTooltipProps = {\n  delayDuration: 1000,\n};\n\nexport type DisplayOption = \"all-guides\" | \"only-active\" | \"only-eligible\";\n\nexport const FOCUS_ERRORS = {\n  focusUnknownGuide: \"No such guide exists\",\n  focusUncommittedGuide: \"This guide has not been committed\",\n  focusUnselectableGuide: \"No component that can display this guide is present\",\n};\n"],"names":["sharedTooltipProps","delayDuration","FOCUS_ERRORS","focusUnknownGuide","focusUncommittedGuide","focusUnselectableGuide"],"mappings":"AAAO,MAAMA,IAAqB;AAAA,EAChCC,eAAe;AACjB,GAIaC,IAAe;AAAA,EAC1BC,mBAAmB;AAAA,EACnBC,uBAAuB;AAAA,EACvBC,wBAAwB;AAC1B;"}
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../../../../src/modules/guide/components/Toolbar/V2/helpers.ts"],"sourcesContent":["export const sharedTooltipProps = {\n  delayDuration: 1000,\n};\n\nexport type DisplayOption = \"all-guides\" | \"only-active\" | \"only-eligible\";\n\nexport const FOCUS_ERRORS = {\n  focusUnknownGuide: \"No such guide exists\",\n  focusUncommittedGuide: \"This guide has not been committed\",\n  focusUnselectableGuide: \"No component that can display this guide is present\",\n};\n"],"mappings":";AAAA,IAAa,IAAqB,EAChC,eAAe,IACjB,GAIa,IAAe;CAC1B,mBAAmB;CACnB,uBAAuB;CACvB,wBAAwB;AAC1B"}

package/dist/esm/modules/guide/components/Toolbar/V2/index.mjs

@@ -0,0 +1,2 @@
+import { V2 as e } from "./V2.mjs";
+export { e as ToolbarV2 };