@oneuptime/common 13.0.4 → 13.0.6

package/build/dist/UI/Components/TelemetryViewer/components/HiddenFacetsFooter.js

@@ -0,0 +1,27 @@
+import React from "react";
+import Icon from "../../Icon/Icon";
+import IconProp from "../../../../Types/Icon/IconProp";
+import { formatEmptyFacetCount, formatHiddenFacetCount, } from "../FacetVisibility";
+/*
+ * The last row of a facet sidebar: "3 empty filters hidden · Show". A project
+ * without Podman hosts should not scroll past an empty "Podman Host" section,
+ * but the filter must stay discoverable, so it is folded here rather than
+ * dropped. Renders nothing when nothing is hidden.
+ */
+const HiddenFacetsFooter = (props) => {
+    if (props.hiddenCount <= 0) {
+        return null;
+    }
+    const hiddenTitlesText = props.hiddenTitles.join(", ");
+    return (React.createElement("div", { "data-testid": "facet-sidebar-hidden-footer", className: "-mt-px flex items-center justify-between gap-2 border-t border-gray-100 px-3 py-2 text-[11px] text-gray-400" }, props.isShowingHidden ? (React.createElement("button", { type: "button", className: "flex min-w-0 items-center gap-1.5 rounded font-medium text-indigo-500 transition-colors hover:text-indigo-600", "aria-expanded": true, "aria-controls": props.controlsId, title: hiddenTitlesText, onClick: props.onToggle },
+        React.createElement("span", { className: "flex flex-none items-center" },
+            React.createElement(Icon, { icon: IconProp.EyeSlash, className: "h-3.5 w-3.5" })),
+        React.createElement("span", { className: "truncate" }, "Hide empty filters"))) : (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "flex min-w-0 items-center gap-1.5" },
+            React.createElement("span", { className: "flex flex-none items-center" },
+                React.createElement(Icon, { icon: IconProp.EyeSlash, className: "h-3.5 w-3.5 text-gray-400" })),
+            React.createElement("span", { className: "truncate text-gray-500", title: hiddenTitlesText, "data-testid": "facet-sidebar-hidden-count" }, formatHiddenFacetCount(props.hiddenCount))),
+        React.createElement("button", { type: "button", className: "flex-none rounded font-medium text-indigo-500 transition-colors hover:text-indigo-600", "aria-expanded": false, "aria-controls": props.controlsId, "aria-label": `Show ${formatEmptyFacetCount(props.hiddenCount)}`, onClick: props.onToggle }, "Show")))));
+};
+export default HiddenFacetsFooter;
+//# sourceMappingURL=HiddenFacetsFooter.js.map

package/build/dist/UI/Components/TelemetryViewer/components/HiddenFacetsFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenFacetsFooter.js","sourceRoot":"","sources":["../../../../../../UI/Components/TelemetryViewer/components/HiddenFacetsFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,EACL,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAc5B;;;;;GAKG;AACH,MAAM,kBAAkB,GAA+C,CACrE,KAA8B,EACT,EAAE;IACvB,IAAI,KAAK,CAAC,WAAW,IAAI,CAAC,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,gBAAgB,GAAW,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAE/D,OAAO,CACL,4CACc,6BAA6B,EACzC,SAAS,EAAC,6GAA6G,IAEtH,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CACvB,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+GAA+G,mBAC1G,IAAI,mBACJ,KAAK,CAAC,UAAU,EAC/B,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,KAAK,CAAC,QAAQ;QAEvB,8BAAM,SAAS,EAAC,6BAA6B;YAC3C,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAC,aAAa,GAAG,CACpD;QACP,8BAAM,SAAS,EAAC,UAAU,yBAA0B,CAC7C,CACV,CAAC,CAAC,CAAC,CACF;QACE,6BAAK,SAAS,EAAC,mCAAmC;YAChD,8BAAM,SAAS,EAAC,6BAA6B;gBAC3C,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,QAAQ,EACvB,SAAS,EAAC,2BAA2B,GACrC,CACG;YACP,8BACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,gBAAgB,iBACX,4BAA4B,IAEvC,sBAAsB,CAAC,KAAK,CAAC,WAAW,CAAC,CACrC,CACH;QACN,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uFAAuF,mBAClF,KAAK,mBACL,KAAK,CAAC,UAAU,gBACnB,QAAQ,qBAAqB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,EAC9D,OAAO,EAAE,KAAK,CAAC,QAAQ,WAGhB,CACR,CACJ,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/build/dist/UI/Components/TelemetryViewer/components/LockedFilterChip.js

@@ -0,0 +1,202 @@
+import React, { useEffect, useRef, useState, } from "react";
+import Icon from "../../Icon/Icon";
+import Tooltip from "../../Tooltip/Tooltip";
+import IconProp from "../../../../Types/Icon/IconProp";
+import Clipboard from "../../../Utils/Clipboard";
+import { TELEMETRY_EXPLORER_LABELS, } from "../../../../Utils/Telemetry/LockedFilterSearch";
+/*
+ * The grey lock chip every telemetry explorer shows for a filter its host
+ * page pinned — "Cluster: production" on a Kubernetes cluster's Logs tab.
+ *
+ * When the builder attaches a LockedFilterDetail the chip carries a tooltip
+ * with the search syntax that reproduces the filter on the main explorer, and
+ * a button to copy it; without one it keeps the plain, non-focusable pill it
+ * always was — a chip with nothing to open must not be a tab stop.
+ *
+ * Keyboard path: the search syntax lives in a Tippy popover that is appended
+ * after the chip row, so Tab from the chip lands on the next chip and never
+ * inside the popover. The chip with a detail is therefore a real button —
+ * focus opens the tooltip (Tippy's focus trigger, read out through
+ * aria-describedby), and Enter / Space copies the search syntax right there,
+ * with the result announced through a live region.
+ *
+ * Shared by the logs chip list and the traces / metrics chip list so the two
+ * present a locked filter the same way.
+ */
+export const COPIED_FEEDBACK_MS = 1500;
+export const LOCKED_FILTER_CHIP_CLASS_NAME = "inline-flex items-center gap-1 rounded-md border border-gray-300 bg-gray-100 py-0.5 pl-2 pr-2 text-xs text-gray-700";
+export const COPIED_SEARCH_SYNTAX_ANNOUNCEMENT = "Copied search syntax";
+export const COPY_FAILED_ANNOUNCEMENT = "Copy failed";
+/** Shown in the tooltip when a detail names neither a token nor a reason. */
+export const NO_SEARCH_SYNTAX_REASON = "This filter has no search syntax.";
+/**
+ * The accessible name of a chip that carries a detail. It names the filter,
+ * says it is locked, and — when there is syntax to copy — tells a keyboard
+ * user what Enter does, since the tooltip's own Copy button is out of reach.
+ */
+export const getLockedFilterChipAriaLabel = (displayKey, displayValue, hasSearchToken) => {
+    const base = `${displayKey}: ${displayValue}, locked filter`;
+    if (!hasSearchToken) {
+        return base;
+    }
+    return `${base}. Press Enter to copy its search syntax.`;
+};
+/**
+ * A one-shot copy state: `copied` or `failed` for COPIED_FEEDBACK_MS after
+ * `copy()`, according to what the clipboard actually did — never both, and
+ * never flipped on an unmounted component.
+ */
+export function useCopiedFeedback() {
+    const [copied, setCopied] = useState(false);
+    const [failed, setFailed] = useState(false);
+    const timerRef = useRef(null);
+    const mountedRef = useRef(true);
+    useEffect(() => {
+        mountedRef.current = true;
+        return () => {
+            mountedRef.current = false;
+            if (timerRef.current) {
+                clearTimeout(timerRef.current);
+            }
+        };
+    }, []);
+    const copy = async (text) => {
+        const succeeded = await Clipboard.copyToClipboard(text);
+        if (!mountedRef.current) {
+            return succeeded;
+        }
+        setCopied(succeeded);
+        setFailed(!succeeded);
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+        }
+        timerRef.current = setTimeout(() => {
+            if (mountedRef.current) {
+                setCopied(false);
+                setFailed(false);
+            }
+        }, COPIED_FEEDBACK_MS);
+        return succeeded;
+    };
+    return { copied, failed, copy };
+}
+const copyButtonText = (feedback) => {
+    if (feedback.copied) {
+        return "Copied!";
+    }
+    if (feedback.failed) {
+        return "Copy failed";
+    }
+    return "Copy";
+};
+const SearchSyntaxRow = (props) => {
+    const feedback = useCopiedFeedback();
+    const explorerLabel = props.signal
+        ? TELEMETRY_EXPLORER_LABELS[props.signal]
+        : undefined;
+    const buttonClassName = feedback.copied
+        ? "border-emerald-200 bg-emerald-50 text-emerald-600"
+        : feedback.failed
+            ? "border-rose-200 bg-rose-50 text-rose-600"
+            : "border-gray-200 bg-white text-gray-500 hover:bg-gray-50 hover:text-gray-700";
+    return (React.createElement("div", { className: "space-y-1" },
+        React.createElement("div", { className: "flex items-start gap-1.5" },
+            React.createElement("code", { className: "min-w-0 flex-1 break-all rounded border border-gray-200 bg-gray-50 px-1.5 py-1 font-mono text-[11px] text-gray-800", "data-testid": "locked-filter-search-token" }, props.searchToken),
+            React.createElement("button", { type: "button", "aria-label": feedback.copied
+                    ? "Copied"
+                    : feedback.failed
+                        ? "Copy failed"
+                        : "Copy search syntax", className: `inline-flex h-6 shrink-0 items-center gap-1 rounded border px-1.5 text-[11px] font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 ${buttonClassName}`, onClick: (event) => {
+                    /*
+                     * The chip's own handlers (and any row the chip list sits in)
+                     * must not see this click as theirs.
+                     */
+                    event.preventDefault();
+                    event.stopPropagation();
+                    void feedback.copy(props.searchToken);
+                } },
+                React.createElement(Icon, { icon: feedback.copied
+                        ? IconProp.Check
+                        : feedback.failed
+                            ? IconProp.Close
+                            : IconProp.Copy, className: "h-3 w-3" }),
+                React.createElement("span", null, copyButtonText(feedback)))),
+        React.createElement("p", { className: "text-[11px] text-gray-400" }, explorerLabel
+            ? `Paste into the ${explorerLabel} explorer search bar.`
+            : "Paste into the explorer search bar.")));
+};
+/**
+ * The body of the locked chip's tooltip: the search syntax that reproduces
+ * the filter on the explorer, with a Copy button — or, when the grammar
+ * cannot spell the filter, the reason why. Nothing else: the syntax is what a
+ * reader opens the chip for. Exported so tests can render it without going
+ * through Tippy's hover timers.
+ */
+export const LockedFilterTooltipContent = (props) => {
+    const detail = props.lockedDetail;
+    return (React.createElement("div", { className: "w-80 max-w-full space-y-1 p-1 text-left text-xs", "data-testid": "locked-filter-tooltip" },
+        React.createElement("div", { className: "text-[10px] font-semibold uppercase tracking-wider text-gray-400" }, "Search syntax"),
+        detail.searchToken ? (React.createElement(SearchSyntaxRow, { searchToken: detail.searchToken, signal: props.signal })) : (React.createElement("p", { className: "text-[11px] text-gray-400" }, detail.searchTokenUnavailableReason || NO_SEARCH_SYNTAX_REASON))));
+};
+const LockedFilterChipBody = (props) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Icon, { icon: props.copied
+                ? IconProp.Check
+                : props.failed
+                    ? IconProp.Close
+                    : IconProp.Lock, className: `h-2.5 w-2.5 ${props.copied
+                ? "text-emerald-500"
+                : props.failed
+                    ? "text-rose-500"
+                    : "text-gray-400"}` }),
+        React.createElement("span", { className: "font-medium text-gray-500" },
+            props.displayKey,
+            ":"),
+        React.createElement("span", null, props.displayValue)));
+};
+/*
+ * The chip that has something to say. The control is a native button so it
+ * is focusable with a role that permits a name; Tippy attaches the search
+ * syntax tooltip to it (focus and hover open it; aria-describedby reads it).
+ */
+const DetailedLockedFilterChip = (props) => {
+    const feedback = useCopiedFeedback();
+    const searchToken = props.lockedDetail.searchToken;
+    const announcement = feedback.copied
+        ? COPIED_SEARCH_SYNTAX_ANNOUNCEMENT
+        : feedback.failed
+            ? COPY_FAILED_ANNOUNCEMENT
+            : "";
+    const control = (React.createElement("button", { type: "button", className: "inline-flex cursor-help items-center gap-1 rounded focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400", "aria-label": getLockedFilterChipAriaLabel(props.displayKey, props.displayValue, Boolean(searchToken)), onClick: (event) => {
+            /*
+             * Enter and Space arrive here as clicks on a native button. A chip
+             * without syntax has nothing to copy; its button exists so the
+             * reason in its tooltip is reachable from the keyboard at all.
+             */
+            event.preventDefault();
+            event.stopPropagation();
+            if (searchToken) {
+                void feedback.copy(searchToken);
+            }
+        } },
+        React.createElement(LockedFilterChipBody, { displayKey: props.displayKey, displayValue: props.displayValue, copied: feedback.copied, failed: feedback.failed })));
+    return (React.createElement("span", { className: LOCKED_FILTER_CHIP_CLASS_NAME, "data-testid": "locked-filter-chip" },
+        React.createElement(Tooltip, { richContent: React.createElement(LockedFilterTooltipContent, { lockedDetail: props.lockedDetail, signal: props.signal }) }, control),
+        props.trailing,
+        React.createElement("span", { className: "sr-only", "aria-live": "polite", role: "status" }, announcement)));
+};
+const LockedFilterChip = (props) => {
+    if (!props.lockedDetail) {
+        /*
+         * Exactly the pill from before the tooltip: not focusable, no name of
+         * its own, the plain title. Nothing would open on focus, so a tab stop
+         * here would be a dead one.
+         */
+        return (React.createElement("span", { className: LOCKED_FILTER_CHIP_CLASS_NAME, title: `${props.displayKey}: ${props.displayValue} (applied filter)`, "data-testid": "locked-filter-chip" },
+            React.createElement(LockedFilterChipBody, { displayKey: props.displayKey, displayValue: props.displayValue, copied: false, failed: false }),
+            props.trailing));
+    }
+    return (React.createElement(DetailedLockedFilterChip, { displayKey: props.displayKey, displayValue: props.displayValue, lockedDetail: props.lockedDetail, signal: props.signal, trailing: props.trailing }));
+};
+export default LockedFilterChip;
+//# sourceMappingURL=LockedFilterChip.js.map

package/build/dist/UI/Components/TelemetryViewer/components/LockedFilterChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockedFilterChip.js","sourceRoot":"","sources":["../../../../../../UI/Components/TelemetryViewer/components/LockedFilterChip.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/TelemetryViewer/components/TelemetryActiveFilterChips.js

@@ -1,6 +1,7 @@
 import React from "react";
 import Icon from "../../Icon/Icon";
 import IconProp from "../../../../Types/Icon/IconProp";
+import LockedFilterChip from "./LockedFilterChip";
 const TelemetryActiveFilterChips = (props) => {
     if (props.filters.length === 0) {
         return null;
@@ -14,12 +15,7 @@ const TelemetryActiveFilterChips = (props) => {
     return (React.createElement("div", { className: "flex flex-wrap items-center gap-1.5 px-0.5" },
         readOnlyFilters.map((filter) => {
             const chipKey = `readonly:${filter.facetKey}:${filter.value}`;
-            return (React.createElement("span", { key: chipKey, className: "inline-flex items-center gap-1 rounded-md border border-gray-300 bg-gray-100 py-0.5 pl-2 pr-2 text-xs text-gray-700", title: `${filter.displayKey}: ${filter.displayValue} (applied filter)` },
-                React.createElement(Icon, { icon: IconProp.Lock, className: "h-2.5 w-2.5 text-gray-400" }),
-                React.createElement("span", { className: "font-medium text-gray-500" },
-                    filter.displayKey,
-                    ":"),
-                React.createElement("span", null, filter.displayValue)));
+            return (React.createElement(LockedFilterChip, { key: chipKey, displayKey: filter.displayKey, displayValue: filter.displayValue, lockedDetail: filter.lockedDetail, signal: props.signal }));
         }),
         removableFilters.map((filter) => {
             const chipKey = `${filter.facetKey}:${filter.value}`;

package/build/dist/UI/Components/TelemetryViewer/components/TelemetryActiveFilterChips.js.map

@@ -1 +1 @@
-{"version":3,"file":"TelemetryActiveFilterChips.js","sourceRoot":"","sources":["../../../../../../UI/Components/TelemetryViewer/components/TelemetryActiveFilterChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAQvD,MAAM,0BAA0B,GAE5B,CAAC,KAAsC,EAAuB,EAAE;IAClE,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,eAAe,GAAwB,KAAK,CAAC,OAAO,CAAC,MAAM,CAC/D,CAAC,CAAe,EAAE,EAAE;QAClB,OAAO,CAAC,CAAC,QAAQ,CAAC;IACpB,CAAC,CACF,CAAC;IACF,MAAM,gBAAgB,GAAwB,KAAK,CAAC,OAAO,CAAC,MAAM,CAChE,CAAC,CAAe,EAAE,EAAE;QAClB,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrB,CAAC,CACF,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,4CAA4C;QACxD,eAAe,CAAC,GAAG,CAAC,CAAC,MAAoB,EAAE,EAAE;YAC5C,MAAM,OAAO,GAAW,YAAY,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;YACtE,OAAO,CACL,8BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,qHAAqH,EAC/H,KAAK,EAAE,GAAG,MAAM,CAAC,UAAU,KAAK,MAAM,CAAC,YAAY,mBAAmB;gBAEtE,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAC,2BAA2B,GAAG;gBACnE,8BAAM,SAAS,EAAC,2BAA2B;oBACxC,MAAM,CAAC,UAAU;wBACb;gBACP,kCAAO,MAAM,CAAC,YAAY,CAAQ,CAC7B,CACR,CAAC;QACJ,CAAC,CAAC;QACD,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAoB,EAAE,EAAE;YAC7C,MAAM,OAAO,GAAW,GAAG,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;YAC7D,OAAO,CACL,8BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0HAA0H;gBAEpI,8BAAM,SAAS,EAAC,6BAA6B;oBAC1C,MAAM,CAAC,UAAU;wBACb;gBACP,kCAAO,MAAM,CAAC,YAAY,CAAQ;gBAClC,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4IAA4I,EACtJ,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;oBAChD,CAAC,EACD,KAAK,EAAE,UAAU,MAAM,CAAC,UAAU,KAAK,MAAM,CAAC,YAAY,EAAE;oBAE5D,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAC,aAAa,GAAG,CAC/C,CACJ,CACR,CAAC;QACJ,CAAC,CAAC;QACD,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qHAAqH,EAC/H,OAAO,EAAE,KAAK,CAAC,UAAU,gBAGlB,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"TelemetryActiveFilterChips.js","sourceRoot":"","sources":["../../../../../../UI/Components/TelemetryViewer/components/TelemetryActiveFilterChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AACvD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAelD,MAAM,0BAA0B,GAE5B,CAAC,KAAsC,EAAuB,EAAE;IAClE,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,eAAe,GAAwB,KAAK,CAAC,OAAO,CAAC,MAAM,CAC/D,CAAC,CAAe,EAAE,EAAE;QAClB,OAAO,CAAC,CAAC,QAAQ,CAAC;IACpB,CAAC,CACF,CAAC;IACF,MAAM,gBAAgB,GAAwB,KAAK,CAAC,OAAO,CAAC,MAAM,CAChE,CAAC,CAAe,EAAE,EAAE;QAClB,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrB,CAAC,CACF,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,4CAA4C;QACxD,eAAe,CAAC,GAAG,CAAC,CAAC,MAAoB,EAAE,EAAE;YAC5C,MAAM,OAAO,GAAW,YAAY,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;YACtE,OAAO,CACL,oBAAC,gBAAgB,IACf,GAAG,EAAE,OAAO,EACZ,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,YAAY,EAAE,MAAM,CAAC,YAAY,EACjC,YAAY,EAAE,MAAM,CAAC,YAAY,EACjC,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;QACJ,CAAC,CAAC;QACD,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAoB,EAAE,EAAE;YAC7C,MAAM,OAAO,GAAW,GAAG,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;YAC7D,OAAO,CACL,8BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,0HAA0H;gBAEpI,8BAAM,SAAS,EAAC,6BAA6B;oBAC1C,MAAM,CAAC,UAAU;wBACb;gBACP,kCAAO,MAAM,CAAC,YAAY,CAAQ;gBAClC,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4IAA4I,EACtJ,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;oBAChD,CAAC,EACD,KAAK,EAAE,UAAU,MAAM,CAAC,UAAU,KAAK,MAAM,CAAC,YAAY,EAAE;oBAE5D,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAC,aAAa,GAAG,CAC/C,CACJ,CACR,CAAC;QACJ,CAAC,CAAC;QACD,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qHAAqH,EAC/H,OAAO,EAAE,KAAK,CAAC,UAAU,gBAGlB,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/build/dist/UI/Components/TelemetryViewer/components/TelemetryDetailPanel.js

@@ -1,7 +1,36 @@
-import React, { useEffect, } from "react";
-import Icon from "../../Icon/Icon";
-import IconProp from "../../../../Types/Icon/IconProp";
+import React, { useEffect, useId, useRef, } from "react";
 const TelemetryDetailPanel = (props) => {
+    const panelId = useId();
+    const titleId = `${panelId}-title`;
+    const panelRef = useRef(null);
+    const closeButtonRef = useRef(null);
+    const previousFocusRef = useRef(null);
+    const tabRefs = useRef(new Map());
+    const variant = props.variant || "floating";
+    /*
+     * A floating drawer is modal: put keyboard focus inside it on open and
+     * return focus to the control that launched it on close. Querying the
+     * selected tab keeps this effect independent of controlled tab changes.
+     */
+    useEffect(() => {
+        var _a, _b;
+        if (!props.isOpen || variant !== "floating") {
+            return;
+        }
+        previousFocusRef.current =
+            document.activeElement instanceof HTMLElement
+                ? document.activeElement
+                : null;
+        const selectedTab = ((_a = panelRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('[role="tab"][aria-selected="true"]')) || null;
+        (_b = (selectedTab || closeButtonRef.current || panelRef.current)) === null || _b === void 0 ? void 0 : _b.focus();
+        return () => {
+            const previousFocus = previousFocusRef.current;
+            previousFocusRef.current = null;
+            if (previousFocus === null || previousFocus === void 0 ? void 0 : previousFocus.isConnected) {
+                previousFocus.focus();
+            }
+        };
+    }, [props.isOpen, variant]);
     // Close on Escape
     useEffect(() => {
         if (!props.isOpen) {
@@ -20,28 +49,93 @@ const TelemetryDetailPanel = (props) => {
     if (!props.isOpen) {
         return null;
     }
-    const variant = props.variant || "floating";
     const widthClassName = props.widthClassName || "w-[38rem]";
     const activeTab = props.tabs.find((t) => {
         return t.id === props.activeTabId;
     });
-    const body = (React.createElement("div", { className: `flex h-full flex-col bg-white ${variant === "floating"
+    const handleTabKeyDown = (event, currentIndex) => {
+        var _a;
+        let nextIndex = null;
+        if (event.key === "ArrowRight") {
+            nextIndex = (currentIndex + 1) % props.tabs.length;
+        }
+        else if (event.key === "ArrowLeft") {
+            nextIndex = (currentIndex - 1 + props.tabs.length) % props.tabs.length;
+        }
+        else if (event.key === "Home") {
+            nextIndex = 0;
+        }
+        else if (event.key === "End") {
+            nextIndex = props.tabs.length - 1;
+        }
+        if (nextIndex === null) {
+            return;
+        }
+        event.preventDefault();
+        const nextTab = props.tabs[nextIndex];
+        if (!nextTab) {
+            return;
+        }
+        props.onTabChange(nextTab.id);
+        (_a = tabRefs.current.get(nextTab.id)) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const handlePanelKeyDown = (event) => {
+        if (variant !== "floating" || event.key !== "Tab") {
+            return;
+        }
+        const panel = panelRef.current;
+        if (!panel) {
+            return;
+        }
+        const focusableElements = Array.from(panel.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter((element) => {
+            return element.tabIndex >= 0 && !element.closest("[hidden]");
+        });
+        const firstElement = focusableElements[0];
+        const lastElement = focusableElements[focusableElements.length - 1];
+        if (!firstElement || !lastElement) {
+            event.preventDefault();
+            panel.focus();
+            return;
+        }
+        const activeElement = document.activeElement;
+        if (event.shiftKey &&
+            (activeElement === firstElement || !panel.contains(activeElement))) {
+            event.preventDefault();
+            lastElement.focus();
+        }
+        else if (!event.shiftKey &&
+            (activeElement === lastElement || !panel.contains(activeElement))) {
+            event.preventDefault();
+            firstElement.focus();
+        }
+    };
+    const body = (React.createElement("div", { ref: panelRef, className: `flex h-full flex-col bg-white ${variant === "floating"
             ? `fixed right-0 top-0 z-40 ${widthClassName} border-l border-gray-200 shadow-2xl`
-            : "rounded-lg border border-gray-200"}` },
+            : "rounded-lg border border-gray-200"}`, role: variant === "floating" ? "dialog" : "region", "aria-modal": variant === "floating" ? true : undefined, "aria-labelledby": titleId, tabIndex: -1, onKeyDown: handlePanelKeyDown, "data-testid": "telemetry-detail-panel" },
         React.createElement("div", { className: "flex items-start justify-between gap-3 border-b border-gray-100 px-4 py-3" },
             React.createElement("div", { className: "min-w-0 flex-1" },
-                React.createElement("div", { className: "truncate text-sm font-semibold text-gray-900" }, props.title),
+                React.createElement("div", { id: titleId, className: "truncate text-sm font-semibold text-gray-900" }, props.title),
                 props.subtitle && (React.createElement("div", { className: "mt-0.5 truncate text-xs text-gray-500" }, props.subtitle))),
             React.createElement("div", { className: "flex items-center gap-1" },
                 props.headerActions,
-                React.createElement("button", { type: "button", className: "rounded-md p-1 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600", onClick: props.onClose, title: "Close (Esc)" },
-                    React.createElement(Icon, { icon: IconProp.Close, className: "h-4 w-4" })))),
-        props.tabs.length > 1 && (React.createElement("div", { className: "flex items-center gap-1 border-b border-gray-100 px-2 pt-1.5" }, props.tabs.map((tab) => {
+                React.createElement("button", { ref: closeButtonRef, type: "button", className: "rounded-md p-1 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2", onClick: props.onClose, title: "Close (Esc)", "aria-label": "Close details panel" },
+                    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "h-4 w-4", "aria-hidden": "true" },
+                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }))))),
+        props.tabs.length > 1 && (React.createElement("div", { className: "flex items-center gap-1 border-b border-gray-100 px-2 pt-1.5", role: "tablist", "aria-label": "Detail sections" }, props.tabs.map((tab, index) => {
             const isActive = tab.id === props.activeTabId;
-            return (React.createElement("button", { key: tab.id, type: "button", className: `relative inline-flex items-center gap-1.5 rounded-t-md px-3 py-1.5 text-xs font-medium transition-colors ${isActive
+            return (React.createElement("button", { key: tab.id, type: "button", id: `${panelId}-tab-${tab.id}`, role: "tab", "aria-selected": isActive, "aria-controls": `${panelId}-panel-${tab.id}`, tabIndex: isActive ? 0 : -1, ref: (element) => {
+                    if (element) {
+                        tabRefs.current.set(tab.id, element);
+                    }
+                    else {
+                        tabRefs.current.delete(tab.id);
+                    }
+                }, className: `relative inline-flex items-center gap-1.5 rounded-t-md px-3 py-1.5 text-xs font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-indigo-500 ${isActive
                     ? "text-indigo-700"
                     : "text-gray-500 hover:text-gray-700"}`, onClick: () => {
                     props.onTabChange(tab.id);
+                }, onKeyDown: (event) => {
+                    handleTabKeyDown(event, index);
                 } },
                 tab.label,
                 tab.badge !== undefined && tab.badge !== null && (React.createElement("span", { className: `inline-flex h-4 min-w-[1rem] items-center justify-center rounded-full px-1 text-[10px] font-semibold ${isActive
@@ -49,7 +143,12 @@ const TelemetryDetailPanel = (props) => {
                         : "bg-gray-100 text-gray-500"}` }, tab.badge)),
                 isActive && (React.createElement("span", { className: "absolute inset-x-2 bottom-0 h-0.5 rounded-t bg-indigo-500" }))));
         }))),
-        React.createElement("div", { className: "flex-1 overflow-y-auto" }, activeTab === null || activeTab === void 0 ? void 0 : activeTab.content)));
+        React.createElement("div", { className: "flex-1 overflow-y-auto" }, props.tabs.length > 1
+            ? props.tabs.map((tab) => {
+                const isActive = tab.id === props.activeTabId;
+                return (React.createElement("div", { key: tab.id, id: `${panelId}-panel-${tab.id}`, role: "tabpanel", "aria-labelledby": `${panelId}-tab-${tab.id}`, tabIndex: isActive ? 0 : -1, hidden: !isActive, className: "min-h-full outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-indigo-500" }, isActive ? tab.content : null));
+            })
+            : activeTab && React.createElement("div", { className: "min-h-full" }, activeTab.content))));
     if (variant === "floating") {
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "fixed inset-0 z-30", onClick: props.onClose, "aria-hidden": "true" }),

package/build/dist/UI/Components/TelemetryViewer/components/TelemetryDetailPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TelemetryDetailPanel.js","sourceRoot":"","sources":["../../../../../../UI/Components/TelemetryViewer/components/TelemetryDetailPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TelemetryDetailPanel.js","sourceRoot":"","sources":["../../../../../../UI/Components/TelemetryViewer/components/TelemetryDetailPanel.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/TelemetryViewer/components/TelemetryFacetSection.js

@@ -1,15 +1,17 @@
-import React, { useEffect, useRef, useState, useMemo, } from "react";
+import React, { useId, useState, useMemo, } from "react";
 import TelemetryFacetValueRow from "./TelemetryFacetValueRow";
-import Icon from "../../Icon/Icon";
-import IconProp from "../../../../Types/Icon/IconProp";
+import FacetSectionHeader from "./FacetSectionHeader";
+import FacetSearchInput from "./FacetSearchInput";
+import FacetShowMoreButton from "./FacetShowMoreButton";
+import useFacetSectionSearch from "../useFacetSectionSearch";
+import { getFacetEmptyStateText } from "../FacetVisibility";
 const DEFAULT_VISIBLE_COUNT = 5;
 const SEARCH_THRESHOLD = 6;
-const SEARCH_DEBOUNCE_MS = 300;
 const TelemetryFacetSection = (props) => {
     var _a;
     const [isExpanded, setIsExpanded] = useState(props.defaultExpanded !== false);
     const [showAll, setShowAll] = useState(false);
-    const [searchText, setSearchText] = useState("");
+    const bodyId = useId();
     const showSearch = props.alwaysShowSearch === true ||
         props.onSearchChange !== undefined ||
         props.values.length >= SEARCH_THRESHOLD;
@@ -18,24 +20,14 @@ const TelemetryFacetSection = (props) => {
      * round-trip. Local filter still applies immediately for fast feedback
      * against the currently loaded set.
      */
-    const onSearchChange = props.onSearchChange;
-    const lastEmittedRef = useRef(null);
-    useEffect(() => {
-        if (!onSearchChange) {
-            return;
-        }
-        const trimmed = searchText.trim();
-        if (lastEmittedRef.current === trimmed) {
-            return;
-        }
-        const handle = setTimeout(() => {
-            lastEmittedRef.current = trimmed;
-            onSearchChange(trimmed);
-        }, SEARCH_DEBOUNCE_MS);
-        return () => {
-            clearTimeout(handle);
-        };
-    }, [searchText, onSearchChange]);
+    const search = useFacetSectionSearch({
+        searchText: props.searchText,
+        onSearchTextChange: props.onSearchTextChange,
+        onSearchChange: props.onSearchChange,
+        isSearchVisible: showSearch,
+    });
+    const searchText = search.activeSearchText;
+    const isSearching = searchText.trim() !== "";
     const filteredValues = useMemo(() => {
         if (!searchText.trim()) {
             return props.values;
@@ -48,12 +40,12 @@ const TelemetryFacetSection = (props) => {
         });
     }, [props.values, props.valueDisplayMap, searchText]);
     const visibleCount = (_a = props.initialVisibleCount) !== null && _a !== void 0 ? _a : DEFAULT_VISIBLE_COUNT;
-    const displayedValues = searchText.trim()
+    const displayedValues = isSearching
         ? filteredValues
         : showAll
             ? filteredValues
             : filteredValues.slice(0, visibleCount);
-    const hasMore = !searchText.trim() && filteredValues.length > visibleCount;
+    const hasMore = !isSearching && filteredValues.length > visibleCount;
     const maxCount = props.values.length > 0
         ? Math.max(...props.values.map((v) => {
             return v.count;
@@ -61,18 +53,12 @@ const TelemetryFacetSection = (props) => {
         : 0;
     const activeCount = props.activeValues ? props.activeValues.size : 0;
     return (React.createElement("div", { className: "border-b border-gray-100 py-2" },
-        React.createElement("button", { type: "button", className: "flex w-full items-center justify-between px-2 py-1 text-left", onClick: () => {
+        React.createElement(FacetSectionHeader, { title: props.title, icon: props.icon, activeCount: activeCount, isExpanded: isExpanded, controlsId: bodyId, onToggle: () => {
                 setIsExpanded(!isExpanded);
-            } },
-            React.createElement("div", { className: "flex items-center gap-1.5" },
-                React.createElement("span", { className: "text-[11px] font-semibold uppercase tracking-wider text-gray-500" }, props.title),
-                activeCount > 0 && (React.createElement("span", { className: "inline-flex h-4 min-w-[1rem] items-center justify-center rounded-full bg-indigo-100 px-1 text-[10px] font-semibold text-indigo-600" }, activeCount))),
-            React.createElement(Icon, { icon: isExpanded ? IconProp.ChevronDown : IconProp.ChevronRight, className: "h-3 w-3 text-gray-400" })),
-        isExpanded && (React.createElement("div", { className: "mt-1 px-1" },
+            } }),
+        isExpanded && (React.createElement("div", { id: bodyId, className: "mt-1 px-1" },
             showSearch && (React.createElement("div", { className: "mb-1 px-1" },
-                React.createElement("input", { type: "text", placeholder: `Search ${props.title.toLowerCase()}...`, value: searchText, onChange: (e) => {
-                        setSearchText(e.target.value);
-                    }, className: "w-full rounded border border-gray-200 bg-gray-50 px-2 py-1 text-[11px] text-gray-700 placeholder-gray-400 outline-none focus:border-indigo-300 focus:bg-white focus:ring-1 focus:ring-indigo-200" }))),
+                React.createElement(FacetSearchInput, { title: props.title, value: search.searchText, onChange: search.setSearchText }))),
             displayedValues.map((facet) => {
                 var _a, _b, _c, _d;
                 return (React.createElement(TelemetryFacetValueRow, { key: facet.value, value: facet.value, displayValue: (_a = facet.displayName) !== null && _a !== void 0 ? _a : (_b = props.valueDisplayMap) === null || _b === void 0 ? void 0 : _b[facet.value], count: facet.count, maxCount: maxCount, color: (_c = props.valueColorMap) === null || _c === void 0 ? void 0 : _c[facet.value], isActive: ((_d = props.activeValues) === null || _d === void 0 ? void 0 : _d.has(facet.value)) || false, onInclude: (value) => {
@@ -81,12 +67,13 @@ const TelemetryFacetSection = (props) => {
                         props.onExcludeValue(props.facetKey, value);
                     } }));
             }),
-            displayedValues.length === 0 && (React.createElement("p", { className: "px-1 py-2 text-[11px] text-gray-400" }, searchText.trim() ? "No matches found" : "No values found")),
-            hasMore && (React.createElement("button", { type: "button", className: "mt-1 px-1 text-[11px] font-medium text-indigo-500 hover:text-indigo-600", onClick: () => {
+            displayedValues.length === 0 && (React.createElement("p", { className: "px-1.5 py-2 text-[11px] text-gray-400" }, getFacetEmptyStateText({
+                searchText: searchText,
+                emptyStateText: props.emptyStateText,
+            }))),
+            React.createElement(FacetShowMoreButton, { hasMore: hasMore, isShowingAll: showAll, hiddenCount: Math.max(0, filteredValues.length - visibleCount), onToggle: () => {
                     setShowAll(!showAll);
-                } }, showAll
-                ? "Show less"
-                : `+${props.values.length - visibleCount} more`))))));
+                } })))));
 };
 export default TelemetryFacetSection;
 //# sourceMappingURL=TelemetryFacetSection.js.map

package/build/dist/UI/Components/TelemetryViewer/components/TelemetryFacetSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"TelemetryFacetSection.js","sourceRoot":"","sources":["../../../../../../UI/Components/TelemetryViewer/components/TelemetryFacetSection.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TelemetryFacetSection.js","sourceRoot":"","sources":["../../../../../../UI/Components/TelemetryViewer/components/TelemetryFacetSection.tsx"],"names":[],"mappings":"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"}