@oneuptime/common 10.0.54 → 10.0.56

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

@@ -0,0 +1,224 @@
+import React, { useState, useCallback, useRef, useEffect, useImperativeHandle, forwardRef, } from "react";
+import Icon from "../../Icon/Icon";
+import IconProp from "../../../../Types/Icon/IconProp";
+import TelemetrySearchSuggestions from "./TelemetrySearchSuggestions";
+import TelemetrySearchHelp from "./TelemetrySearchHelp";
+const TelemetrySearchBar = forwardRef((props, ref) => {
+    const [isFocused, setIsFocused] = useState(false);
+    const [showSuggestions, setShowSuggestions] = useState(false);
+    const [showHelp, setShowHelp] = useState(false);
+    const [selectedSuggestionIndex, setSelectedSuggestionIndex] = useState(-1);
+    const inputRef = useRef(null);
+    const containerRef = useRef(null);
+    const fieldAliasMap = props.fieldAliasMap || {};
+    useImperativeHandle(ref, () => {
+        return {
+            focus: () => {
+                var _a;
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            },
+        };
+    }, []);
+    const currentWord = extractCurrentWord(props.value);
+    const hasAtPrefix = currentWord.startsWith("@");
+    const normalizedWord = hasAtPrefix
+        ? currentWord.substring(1)
+        : currentWord;
+    const colonIndex = normalizedWord.indexOf(":");
+    const isValueMode = colonIndex > 0;
+    const fieldPrefix = isValueMode
+        ? normalizedWord.substring(0, colonIndex).toLowerCase()
+        : "";
+    const partialValue = isValueMode
+        ? normalizedWord.substring(colonIndex + 1)
+        : "";
+    const filteredSuggestions = isValueMode
+        ? getValueSuggestions(fieldPrefix, partialValue, props.valueSuggestions || {}, fieldAliasMap)
+        : (props.suggestions || []).filter((s) => {
+            if (!normalizedWord && !hasAtPrefix) {
+                return false;
+            }
+            if (hasAtPrefix && normalizedWord.length === 0) {
+                return true;
+            }
+            const normalizedSuggestion = s.startsWith("@")
+                ? s.substring(1).toLowerCase()
+                : s.toLowerCase();
+            return normalizedSuggestion.startsWith(normalizedWord.toLowerCase());
+        });
+    const shouldShowSuggestions = showSuggestions &&
+        isFocused &&
+        filteredSuggestions.length > 0 &&
+        (isValueMode ? true : currentWord.length > 0);
+    const shouldShowHelp = showHelp &&
+        isFocused &&
+        props.value.length === 0 &&
+        !shouldShowSuggestions &&
+        props.helpRows !== undefined &&
+        props.helpRows.length > 0;
+    useEffect(() => {
+        setSelectedSuggestionIndex(-1);
+    }, [currentWord]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === "Enter") {
+            if (shouldShowSuggestions &&
+                selectedSuggestionIndex >= 0 &&
+                selectedSuggestionIndex < filteredSuggestions.length) {
+                applySuggestion(filteredSuggestions[selectedSuggestionIndex]);
+                e.preventDefault();
+                return;
+            }
+            if (isValueMode &&
+                partialValue.length > 0 &&
+                props.onFieldValueSelect) {
+                const resolvedField = fieldAliasMap[fieldPrefix] || fieldPrefix;
+                const availableValues = (props.valueSuggestions || {})[resolvedField] || [];
+                const lowerPartial = partialValue.toLowerCase();
+                const exactMatch = availableValues.find((v) => {
+                    return v.toLowerCase() === lowerPartial;
+                });
+                const resolvedMatch = exactMatch ||
+                    (filteredSuggestions.length === 1
+                        ? filteredSuggestions[0]
+                        : undefined);
+                if (resolvedMatch) {
+                    props.onFieldValueSelect(fieldPrefix, resolvedMatch);
+                    const parts = props.value.split(/\s+/);
+                    parts.pop();
+                    const remaining = parts.join(" ");
+                    props.onChange(remaining ? remaining + " " : "");
+                    setShowSuggestions(false);
+                    setShowHelp(false);
+                    e.preventDefault();
+                    return;
+                }
+            }
+            props.onSubmit();
+            setShowSuggestions(false);
+            setShowHelp(false);
+            return;
+        }
+        if (e.key === "Escape") {
+            setShowSuggestions(false);
+            setShowHelp(false);
+            return;
+        }
+        if (!shouldShowSuggestions) {
+            return;
+        }
+        if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setSelectedSuggestionIndex((prev) => {
+                return Math.min(prev + 1, filteredSuggestions.length - 1);
+            });
+            return;
+        }
+        if (e.key === "ArrowUp") {
+            e.preventDefault();
+            setSelectedSuggestionIndex((prev) => {
+                return Math.max(prev - 1, 0);
+            });
+        }
+    }, [
+        shouldShowSuggestions,
+        selectedSuggestionIndex,
+        filteredSuggestions,
+        isValueMode,
+        fieldPrefix,
+        partialValue,
+        props,
+        fieldAliasMap,
+    ]);
+    const applySuggestion = useCallback((suggestion) => {
+        var _a, _b;
+        if (isValueMode) {
+            if (props.onFieldValueSelect) {
+                props.onFieldValueSelect(fieldPrefix, suggestion);
+            }
+            const parts = props.value.split(/\s+/);
+            parts.pop();
+            const remaining = parts.join(" ");
+            props.onChange(remaining ? remaining + " " : "");
+            setShowSuggestions(false);
+            setShowHelp(false);
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            return;
+        }
+        const parts = props.value.split(/\s+/);
+        if (parts.length > 0) {
+            parts[parts.length - 1] = suggestion + ":";
+        }
+        props.onChange(parts.join(" "));
+        setShowSuggestions(false);
+        setShowHelp(false);
+        (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+    }, [props, isValueMode, fieldPrefix]);
+    const handleExampleClick = useCallback((example) => {
+        var _a;
+        props.onChange(example);
+        setShowHelp(false);
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [props]);
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (containerRef.current &&
+                !containerRef.current.contains(e.target)) {
+                setShowSuggestions(false);
+                setShowHelp(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, []);
+    return (React.createElement("div", { ref: containerRef, className: "relative" },
+        React.createElement("div", { className: `flex items-center gap-2 rounded-lg border bg-white px-3 py-2 transition-colors ${isFocused
+                ? "border-indigo-400 ring-2 ring-indigo-100"
+                : "border-gray-200 hover:border-gray-300"}` },
+            React.createElement(Icon, { icon: IconProp.Search, className: "h-4 w-4 flex-none text-gray-400" }),
+            React.createElement("input", { ref: inputRef, type: "text", value: props.value, onChange: (e) => {
+                    props.onChange(e.target.value);
+                    setShowSuggestions(true);
+                    setShowHelp(false);
+                }, onFocus: () => {
+                    setIsFocused(true);
+                    setShowSuggestions(true);
+                    if (props.value.length === 0) {
+                        setShowHelp(true);
+                    }
+                }, onBlur: () => {
+                    setIsFocused(false);
+                }, onKeyDown: handleKeyDown, placeholder: props.placeholder || "Search...", className: "flex-1 bg-transparent font-mono text-sm text-gray-900 placeholder-gray-400 outline-none", spellCheck: false, autoComplete: "off" }),
+            props.value.length > 0 && (React.createElement("button", { type: "button", className: "flex-none rounded-full p-1 text-gray-400 hover:bg-gray-100", onClick: () => {
+                    var _a;
+                    props.onChange("");
+                    setShowHelp(true);
+                    setShowSuggestions(false);
+                    (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                }, title: "Clear search" },
+                React.createElement(Icon, { icon: IconProp.Close, className: "h-3.5 w-3.5" })))),
+        shouldShowSuggestions && (React.createElement(TelemetrySearchSuggestions, { suggestions: filteredSuggestions, selectedIndex: selectedSuggestionIndex, onSelect: applySuggestion, fieldContext: isValueMode ? fieldPrefix : undefined })),
+        shouldShowHelp && props.helpRows && (React.createElement(TelemetrySearchHelp, { rows: props.helpRows, combinedExample: props.helpCombinedExample, onExampleClick: handleExampleClick }))));
+});
+function extractCurrentWord(value) {
+    const parts = value.split(/\s+/);
+    return parts[parts.length - 1] || "";
+}
+function getValueSuggestions(fieldName, partialValue, valueSuggestions, aliasMap) {
+    const resolvedField = aliasMap[fieldName] || fieldName;
+    const values = valueSuggestions[resolvedField];
+    if (!values || values.length === 0) {
+        return [];
+    }
+    if (!partialValue || partialValue.length === 0) {
+        return values;
+    }
+    const lowerPartial = partialValue.toLowerCase();
+    return values.filter((v) => {
+        return v.toLowerCase().startsWith(lowerPartial);
+    });
+}
+TelemetrySearchBar.displayName = "TelemetrySearchBar";
+export default TelemetrySearchBar;
+//# sourceMappingURL=TelemetrySearchBar.js.map

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

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

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

@@ -0,0 +1,35 @@
+import React from "react";
+const TelemetrySearchHelp = (props) => {
+    return (React.createElement("div", { className: "absolute left-0 top-full z-50 mt-1 w-[36rem] overflow-hidden rounded-lg border border-gray-200 bg-white shadow-lg" },
+        React.createElement("div", { className: "border-b border-gray-100 px-3 py-2" },
+            React.createElement("span", { className: "text-[11px] font-semibold uppercase tracking-wider text-gray-400" }, "Search syntax")),
+        React.createElement("table", { className: "w-full" },
+            React.createElement("tbody", null, props.rows.map((row) => {
+                return (React.createElement("tr", { key: row.syntax, className: "cursor-pointer transition-colors hover:bg-gray-50", onMouseDown: (e) => {
+                        e.preventDefault();
+                        if (props.onExampleClick) {
+                            props.onExampleClick(row.example);
+                        }
+                    } },
+                    React.createElement("td", { className: "whitespace-nowrap py-1.5 pl-3 pr-2" },
+                        React.createElement("code", { className: "font-mono text-xs text-indigo-600" }, row.syntax)),
+                    React.createElement("td", { className: "px-2 py-1.5" },
+                        React.createElement("span", { className: "text-xs text-gray-500" }, row.description)),
+                    React.createElement("td", { className: "whitespace-nowrap py-1.5 pl-2 pr-3 text-right" },
+                        React.createElement("code", { className: "font-mono text-[11px] text-gray-400" }, row.example))));
+            }))),
+        React.createElement("div", { className: "border-t border-gray-100 px-3 py-1.5" },
+            React.createElement("span", { className: "text-[10px] text-gray-400" },
+                "Press",
+                " ",
+                React.createElement("kbd", { className: "rounded border border-gray-200 bg-gray-50 px-1 py-0.5 font-mono text-[10px]" }, "Enter"),
+                " ",
+                "to search",
+                props.combinedExample ? (React.createElement(React.Fragment, null,
+                    " ",
+                    "\u00B7 Combine filters:",
+                    " ",
+                    React.createElement("code", { className: "font-mono text-[10px] text-gray-500" }, props.combinedExample))) : null))));
+};
+export default TelemetrySearchHelp;
+//# sourceMappingURL=TelemetrySearchHelp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetrySearchHelp.js","sourceRoot":"","sources":["../../../../../../UI/Components/TelemetryViewer/components/TelemetrySearchHelp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,MAAM,mBAAmB,GAAgD,CACvE,KAA+B,EACjB,EAAE;IAChB,OAAO,CACL,6BAAK,SAAS,EAAC,mHAAmH;QAChI,6BAAK,SAAS,EAAC,oCAAoC;YACjD,8BAAM,SAAS,EAAC,kEAAkE,oBAE3E,CACH;QAEN,+BAAO,SAAS,EAAC,QAAQ;YACvB,mCACG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAkB,EAAE,EAAE;gBACrC,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,CAAC,MAAM,EACf,SAAS,EAAC,mDAAmD,EAC7D,WAAW,EAAE,CAAC,CAAmB,EAAE,EAAE;wBACnC,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;4BACzB,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;wBACpC,CAAC;oBACH,CAAC;oBAED,4BAAI,SAAS,EAAC,oCAAoC;wBAChD,8BAAM,SAAS,EAAC,mCAAmC,IAChD,GAAG,CAAC,MAAM,CACN,CACJ;oBACL,4BAAI,SAAS,EAAC,aAAa;wBACzB,8BAAM,SAAS,EAAC,uBAAuB,IACpC,GAAG,CAAC,WAAW,CACX,CACJ;oBACL,4BAAI,SAAS,EAAC,+CAA+C;wBAC3D,8BAAM,SAAS,EAAC,qCAAqC,IAClD,GAAG,CAAC,OAAO,CACP,CACJ,CACF,CACN,CAAC;YACJ,CAAC,CAAC,CACI,CACF;QAER,6BAAK,SAAS,EAAC,sCAAsC;YACnD,8BAAM,SAAS,EAAC,2BAA2B;;gBACnC,GAAG;gBACT,6BAAK,SAAS,EAAC,6EAA6E,YAEtF;gBAAC,GAAG;;gBAET,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CACvB;oBACG,GAAG;;oBACe,GAAG;oBACtB,8BAAM,SAAS,EAAC,qCAAqC,IAClD,KAAK,CAAC,eAAe,CACjB,CACN,CACJ,CAAC,CAAC,CAAC,IAAI,CACH,CACH,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,27 @@
+import React from "react";
+const MAX_VISIBLE_SUGGESTIONS = 8;
+const TelemetrySearchSuggestions = (props) => {
+    const visible = props.suggestions.slice(0, MAX_VISIBLE_SUGGESTIONS);
+    return (React.createElement("div", { className: "absolute left-0 right-0 top-full z-50 mt-1 max-h-56 overflow-y-auto rounded-lg border border-gray-200 bg-white py-1 shadow-lg" },
+        visible.map((suggestion, index) => {
+            const isSelected = index === props.selectedIndex;
+            return (React.createElement("button", { key: suggestion, type: "button", className: `flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm transition-colors ${isSelected
+                    ? "bg-indigo-50 text-indigo-700"
+                    : "text-gray-700 hover:bg-gray-50"}`, onMouseDown: (e) => {
+                    e.preventDefault();
+                    props.onSelect(suggestion);
+                } }, props.fieldContext ? (React.createElement(React.Fragment, null,
+                React.createElement("span", { className: "font-mono text-xs text-gray-400" },
+                    props.fieldContext,
+                    ":"),
+                React.createElement("span", { className: "font-mono" }, suggestion))) : (React.createElement(React.Fragment, null,
+                React.createElement("span", { className: "font-mono text-xs text-indigo-400" }, "@"),
+                React.createElement("span", { className: "font-mono" }, suggestion)))));
+        }),
+        props.suggestions.length > MAX_VISIBLE_SUGGESTIONS && (React.createElement("div", { className: "px-3 py-1 text-[11px] text-gray-400" },
+            "+",
+            props.suggestions.length - MAX_VISIBLE_SUGGESTIONS,
+            " more..."))));
+};
+export default TelemetrySearchSuggestions;
+//# sourceMappingURL=TelemetrySearchSuggestions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetrySearchSuggestions.js","sourceRoot":"","sources":["../../../../../../UI/Components/TelemetryViewer/components/TelemetrySearchSuggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,MAAM,uBAAuB,GAAW,CAAC,CAAC;AAE1C,MAAM,0BAA0B,GAE5B,CAAC,KAAsC,EAAgB,EAAE;IAC3D,MAAM,OAAO,GAAkB,KAAK,CAAC,WAAW,CAAC,KAAK,CACpD,CAAC,EACD,uBAAuB,CACxB,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,+HAA+H;QAC3I,OAAO,CAAC,GAAG,CAAC,CAAC,UAAkB,EAAE,KAAa,EAAE,EAAE;YACjD,MAAM,UAAU,GAAY,KAAK,KAAK,KAAK,CAAC,aAAa,CAAC;YAE1D,OAAO,CACL,gCACE,GAAG,EAAE,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kFACT,UAAU;oBACR,CAAC,CAAC,8BAA8B;oBAChC,CAAC,CAAC,gCACN,EAAE,EACF,WAAW,EAAE,CAAC,CAAmB,EAAE,EAAE;oBACnC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;gBAC7B,CAAC,IAEA,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB;gBACE,8BAAM,SAAS,EAAC,iCAAiC;oBAC9C,KAAK,CAAC,YAAY;wBACd;gBACP,8BAAM,SAAS,EAAC,WAAW,IAAE,UAAU,CAAQ,CAC9C,CACJ,CAAC,CAAC,CAAC,CACF;gBACE,8BAAM,SAAS,EAAC,mCAAmC,QAAS;gBAC5D,8BAAM,SAAS,EAAC,WAAW,IAAE,UAAU,CAAQ,CAC9C,CACJ,CACM,CACV,CAAC;QACJ,CAAC,CAAC;QACD,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,uBAAuB,IAAI,CACrD,6BAAK,SAAS,EAAC,qCAAqC;;YAChD,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,uBAAuB;uBAChD,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

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

@@ -0,0 +1,97 @@
+import React, { useState, useRef, useEffect, useCallback, } from "react";
+import Icon from "../../Icon/Icon";
+import IconProp from "../../../../Types/Icon/IconProp";
+import TimeRange from "../../../../Types/Time/TimeRange";
+import StartAndEndDate, { StartAndEndDateType, } from "../../Date/StartAndEndDate";
+const PRESET_OPTIONS = [
+    { range: TimeRange.PAST_THIRTY_MINS, label: "Past 30 Minutes" },
+    { range: TimeRange.PAST_ONE_HOUR, label: "Past 1 Hour" },
+    { range: TimeRange.PAST_TWO_HOURS, label: "Past 2 Hours" },
+    { range: TimeRange.PAST_THREE_HOURS, label: "Past 3 Hours" },
+    { range: TimeRange.PAST_ONE_DAY, label: "Past 1 Day" },
+    { range: TimeRange.PAST_TWO_DAYS, label: "Past 2 Days" },
+    { range: TimeRange.PAST_ONE_WEEK, label: "Past 1 Week" },
+    { range: TimeRange.PAST_TWO_WEEKS, label: "Past 2 Weeks" },
+    { range: TimeRange.PAST_ONE_MONTH, label: "Past 1 Month" },
+    { range: TimeRange.PAST_THREE_MONTHS, label: "Past 3 Months" },
+];
+function formatDateShort(date) {
+    const month = date.toLocaleString("en-US", { month: "short" });
+    const day = date.getDate();
+    const hours = date.getHours().toString().padStart(2, "0");
+    const minutes = date.getMinutes().toString().padStart(2, "0");
+    return `${month} ${day}, ${hours}:${minutes}`;
+}
+function getButtonLabel(value) {
+    if (value.range === TimeRange.CUSTOM && value.startAndEndDate) {
+        const start = formatDateShort(value.startAndEndDate.startValue);
+        const end = formatDateShort(value.startAndEndDate.endValue);
+        return `${start} – ${end}`;
+    }
+    const preset = PRESET_OPTIONS.find((opt) => {
+        return opt.range === value.range;
+    });
+    return preset ? preset.label : value.range;
+}
+const TelemetryTimeRangePicker = (props) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [showCustom, setShowCustom] = useState(props.value.range === TimeRange.CUSTOM);
+    const containerRef = useRef(null);
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (containerRef.current &&
+                !containerRef.current.contains(e.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, []);
+    useEffect(() => {
+        setShowCustom(props.value.range === TimeRange.CUSTOM);
+    }, [props.value.range]);
+    const handlePresetSelect = useCallback((range) => {
+        props.onChange({ range });
+        setShowCustom(false);
+        setIsOpen(false);
+    }, [props]);
+    const handleCustomDateChange = useCallback((dateRange) => {
+        if (dateRange) {
+            props.onChange({
+                range: TimeRange.CUSTOM,
+                startAndEndDate: dateRange,
+            });
+        }
+    }, [props]);
+    const buttonLabel = getButtonLabel(props.value);
+    return (React.createElement("div", { ref: containerRef, className: "relative" },
+        React.createElement("button", { type: "button", className: `inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium shadow-sm transition-colors ${isOpen
+                ? "border-indigo-300 bg-indigo-50 text-indigo-700"
+                : "border-gray-200 bg-white text-gray-700 hover:border-gray-300 hover:bg-gray-50"}`, onClick: () => {
+                setIsOpen(!isOpen);
+            } },
+            React.createElement(Icon, { icon: IconProp.Clock, className: "h-3.5 w-3.5" }),
+            React.createElement("span", null, buttonLabel),
+            React.createElement(Icon, { icon: IconProp.ChevronDown, className: `h-3 w-3 transition-transform ${isOpen ? "rotate-180" : ""}` })),
+        isOpen && (React.createElement("div", { className: "absolute right-0 top-full z-50 mt-1 w-72 rounded-lg border border-gray-200 bg-white shadow-lg" },
+            React.createElement("div", { className: "max-h-64 overflow-y-auto py-1" },
+                PRESET_OPTIONS.map((option) => {
+                    const isActive = props.value.range === option.range;
+                    return (React.createElement("button", { key: option.range, type: "button", className: `flex w-full items-center px-3 py-1.5 text-left text-sm transition-colors ${isActive
+                            ? "bg-indigo-50 font-medium text-indigo-700"
+                            : "text-gray-700 hover:bg-gray-50"}`, onClick: () => {
+                            handlePresetSelect(option.range);
+                        } }, option.label));
+                }),
+                React.createElement("button", { type: "button", className: `flex w-full items-center px-3 py-1.5 text-left text-sm transition-colors ${props.value.range === TimeRange.CUSTOM
+                        ? "bg-indigo-50 font-medium text-indigo-700"
+                        : "text-gray-700 hover:bg-gray-50"}`, onClick: () => {
+                        setShowCustom(true);
+                    } }, "Custom Range...")),
+            showCustom && (React.createElement("div", { className: "border-t border-gray-100 p-3" },
+                React.createElement(StartAndEndDate, { type: StartAndEndDateType.DateTime, value: props.value.startAndEndDate, hideTimeButtons: true, onValueChanged: handleCustomDateChange })))))));
+};
+export default TelemetryTimeRangePicker;
+//# sourceMappingURL=TelemetryTimeRangePicker.js.map

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

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

package/build/dist/UI/Components/TelemetryViewer/types.js

@@ -0,0 +1,6 @@
+/*
+ * Generic types for the TelemetryViewer shell. Shared by logs, traces,
+ * metrics, and exceptions viewers.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/build/dist/UI/Components/TelemetryViewer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../UI/Components/TelemetryViewer/types.ts"],"names":[],"mappings":"AAAA;;;GAGG"}

package/jest.config.json

@@ -26,7 +26,12 @@
         "^botbuilder-core$": "<rootDir>/Tests/__mocks__/botbuilder.js",
         "^botbuilder-stdlib$": "<rootDir>/Tests/__mocks__/botbuilder-stdlib.js",
         "^botframework-connector$": "<rootDir>/Tests/__mocks__/botbuilder.js",
-        "^@azure/(.*)$": "<rootDir>/Tests/__mocks__/azure.js"
+        "^@azure/(.*)$": "<rootDir>/Tests/__mocks__/azure.js",
+        "^react-markdown$": "<rootDir>/Tests/__mocks__/react-markdown.js",
+        "^remark-gfm$": "<rootDir>/Tests/__mocks__/remark-gfm.js",
+        "^react-syntax-highlighter$": "<rootDir>/Tests/__mocks__/react-syntax-highlighter.js",
+        "^react-syntax-highlighter/dist/esm/.*$": "<rootDir>/Tests/__mocks__/react-syntax-highlighter.js",
+        "^mermaid$": "<rootDir>/Tests/__mocks__/mermaid.js"
     },
     "moduleFileExtensions": [
         "ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneuptime/common",
-  "version": "10.0.54",
+  "version": "10.0.56",
   "description": "",
   "repository": {
     "type": "git",