@oneuptime/common 10.0.20 → 10.0.22

package/build/dist/UI/Components/LogsViewer/components/LogSearchBar.js

@@ -0,0 +1,230 @@
+import React, { useState, useCallback, useRef, useEffect, } from "react";
+import Icon from "../../Icon/Icon";
+import IconProp from "../../../../Types/Icon/IconProp";
+import LogSearchSuggestions from "./LogSearchSuggestions";
+import LogSearchHelp from "./LogSearchHelp";
+const LogSearchBar = (props) => {
+    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 currentWord = extractCurrentWord(props.value);
+    // Strip leading "@" — treat it as a trigger character for suggestions
+    const hasAtPrefix = currentWord.startsWith("@");
+    const normalizedWord = hasAtPrefix
+        ? currentWord.substring(1)
+        : currentWord;
+    // Determine if we're in "field:value" mode or "field name" mode
+    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 || {})
+        : (props.suggestions || []).filter((s) => {
+            if (!normalizedWord && !hasAtPrefix) {
+                return false;
+            }
+            // When just "@" is typed, show all suggestions
+            if (hasAtPrefix && normalizedWord.length === 0) {
+                return true;
+            }
+            // Match against the suggestion name, stripping any leading "@" from the suggestion too
+            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);
+    // Show help when focused, input is empty, and no suggestions visible
+    const shouldShowHelp = showHelp && isFocused && props.value.length === 0 && !shouldShowSuggestions;
+    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 in value mode with a typed value, try to match and apply as chip
+            if (isValueMode &&
+                partialValue.length > 0 &&
+                props.onFieldValueSelect) {
+                // First try exact case-insensitive match from the available values
+                const resolvedField = FIELD_ALIAS_MAP[fieldPrefix] || fieldPrefix;
+                const availableValues = (props.valueSuggestions || {})[resolvedField] || [];
+                const lowerPartial = partialValue.toLowerCase();
+                const exactMatch = availableValues.find((v) => {
+                    return v.toLowerCase() === lowerPartial;
+                });
+                // Use exact match, or if there's exactly one prefix match, use that
+                const resolvedMatch = exactMatch ||
+                    (filteredSuggestions.length === 1
+                        ? filteredSuggestions[0]
+                        : undefined);
+                if (resolvedMatch) {
+                    props.onFieldValueSelect(fieldPrefix, resolvedMatch);
+                    // Remove the field:value term from text
+                    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,
+    ]);
+    const applySuggestion = useCallback((suggestion) => {
+        var _a, _b;
+        if (isValueMode) {
+            // Value mode: apply as a chip via onFieldValueSelect
+            if (props.onFieldValueSelect) {
+                props.onFieldValueSelect(fieldPrefix, suggestion);
+            }
+            // Remove the current field:value term from the search text
+            const parts = props.value.split(/\s+/);
+            parts.pop(); // remove the field:partialValue
+            const remaining = parts.join(" ");
+            props.onChange(remaining ? remaining + " " : "");
+            setShowSuggestions(false);
+            setShowHelp(false);
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            return;
+        }
+        // Field name mode: append colon
+        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 logs... (e.g. severity:error service:api "connection refused")', 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(LogSearchSuggestions, { suggestions: filteredSuggestions, selectedIndex: selectedSuggestionIndex, onSelect: applySuggestion, fieldContext: isValueMode ? fieldPrefix : undefined })),
+        shouldShowHelp && React.createElement(LogSearchHelp, { onExampleClick: handleExampleClick })));
+};
+function extractCurrentWord(value) {
+    const parts = value.split(/\s+/);
+    return parts[parts.length - 1] || "";
+}
+// Field alias mapping (user-facing name → internal key used in valueSuggestions)
+const FIELD_ALIAS_MAP = {
+    severity: "severityText",
+    level: "severityText",
+    service: "serviceId",
+    trace: "traceId",
+    span: "spanId",
+};
+function getValueSuggestions(fieldName, partialValue, valueSuggestions) {
+    // Resolve field name alias
+    const resolvedField = FIELD_ALIAS_MAP[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);
+    });
+}
+export default LogSearchBar;
+//# sourceMappingURL=LogSearchBar.js.map

package/build/dist/UI/Components/LogsViewer/components/LogSearchBar.js.map

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

package/build/dist/UI/Components/LogsViewer/components/LogSearchHelp.js

@@ -0,0 +1,84 @@
+import React from "react";
+const HELP_ROWS = [
+    {
+        syntax: "free text",
+        description: "Search log messages",
+        example: "connection refused",
+    },
+    {
+        syntax: '"quoted phrase"',
+        description: "Exact phrase match",
+        example: '"out of memory"',
+    },
+    {
+        syntax: "severity:<level>",
+        description: "Filter by log level",
+        example: "severity:error",
+    },
+    {
+        syntax: "service:<name>",
+        description: "Filter by service",
+        example: "service:api",
+    },
+    {
+        syntax: "trace:<id>",
+        description: "Filter by trace ID",
+        example: "trace:abc123def456",
+    },
+    {
+        syntax: "span:<id>",
+        description: "Filter by span ID",
+        example: "span:e1f7f671fe78",
+    },
+    {
+        syntax: "@<attr>:<value>",
+        description: "Filter by attribute",
+        example: "@http.status_code:500",
+    },
+    {
+        syntax: "-field:value",
+        description: "Exclude matching logs",
+        example: "-severity:debug",
+    },
+    {
+        syntax: "field:value*",
+        description: "Wildcard match",
+        example: "service:api-*",
+    },
+    {
+        syntax: "@attr:>N",
+        description: "Numeric comparison",
+        example: "@duration:>1000",
+    },
+];
+const LogSearchHelp = (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, HELP_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: "py-1.5 px-2" },
+                        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 \u00B7 Combine filters:",
+                " ",
+                React.createElement("code", { className: "font-mono text-[10px] text-gray-500" }, "severity:error service:api \"timeout\"")))));
+};
+export default LogSearchHelp;
+//# sourceMappingURL=LogSearchHelp.js.map

package/build/dist/UI/Components/LogsViewer/components/LogSearchHelp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogSearchHelp.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogSearchHelp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAY/D,MAAM,SAAS,GAAmB;IAChC;QACE,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,qBAAqB;QAClC,OAAO,EAAE,oBAAoB;KAC9B;IACD;QACE,MAAM,EAAE,iBAAiB;QACzB,WAAW,EAAE,oBAAoB;QACjC,OAAO,EAAE,iBAAiB;KAC3B;IACD;QACE,MAAM,EAAE,kBAAkB;QAC1B,WAAW,EAAE,qBAAqB;QAClC,OAAO,EAAE,gBAAgB;KAC1B;IACD;QACE,MAAM,EAAE,gBAAgB;QACxB,WAAW,EAAE,mBAAmB;QAChC,OAAO,EAAE,aAAa;KACvB;IACD;QACE,MAAM,EAAE,YAAY;QACpB,WAAW,EAAE,oBAAoB;QACjC,OAAO,EAAE,oBAAoB;KAC9B;IACD;QACE,MAAM,EAAE,WAAW;QACnB,WAAW,EAAE,mBAAmB;QAChC,OAAO,EAAE,mBAAmB;KAC7B;IACD;QACE,MAAM,EAAE,iBAAiB;QACzB,WAAW,EAAE,qBAAqB;QAClC,OAAO,EAAE,uBAAuB;KACjC;IACD;QACE,MAAM,EAAE,cAAc;QACtB,WAAW,EAAE,uBAAuB;QACpC,OAAO,EAAE,iBAAiB;KAC3B;IACD;QACE,MAAM,EAAE,cAAc;QACtB,WAAW,EAAE,gBAAgB;QAC7B,OAAO,EAAE,eAAe;KACzB;IACD;QACE,MAAM,EAAE,UAAU;QAClB,WAAW,EAAE,oBAAoB;QACjC,OAAO,EAAE,iBAAiB;KAC3B;CACF,CAAC;AAEF,MAAM,aAAa,GAA0C,CAC3D,KAAyB,EACX,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,SAAS,CAAC,GAAG,CAAC,CAAC,GAAY,EAAE,EAAE;gBAC9B,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;;gBACmB,GAAG;gBAChC,8BAAM,SAAS,EAAC,qCAAqC,6CAE9C,CACF,CACH,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build/dist/UI/Components/LogsViewer/components/LogSearchSuggestions.js

@@ -0,0 +1,27 @@
+import React from "react";
+const MAX_VISIBLE_SUGGESTIONS = 8;
+const LogSearchSuggestions = (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 LogSearchSuggestions;
+//# sourceMappingURL=LogSearchSuggestions.js.map

package/build/dist/UI/Components/LogsViewer/components/LogSearchSuggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogSearchSuggestions.js","sourceRoot":"","sources":["../../../../../../UI/Components/LogsViewer/components/LogSearchSuggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,MAAM,uBAAuB,GAAW,CAAC,CAAC;AAE1C,MAAM,oBAAoB,GAAiD,CACzE,KAAgC,EAClB,EAAE;IAChB,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,oBAAoB,CAAC"}

package/build/dist/UI/Components/LogsViewer/components/LogTimeRangePicker.js

@@ -0,0 +1,100 @@
+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";
+// Preset options to show in the dropdown (ordered for log investigation use)
+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 LogTimeRangePicker = (props) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [showCustom, setShowCustom] = useState(props.value.range === TimeRange.CUSTOM);
+    const containerRef = useRef(null);
+    // Close on click outside
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (containerRef.current &&
+                !containerRef.current.contains(e.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, []);
+    // Sync showCustom when value changes externally (e.g., histogram drag)
+    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: `flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium transition-colors ${isOpen
+                ? "border-indigo-300 bg-indigo-50 text-indigo-700"
+                : "border-gray-200 bg-white text-gray-600 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 LogTimeRangePicker;
+//# sourceMappingURL=LogTimeRangePicker.js.map

package/build/dist/UI/Components/LogsViewer/components/LogTimeRangePicker.js.map

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

package/build/dist/UI/Components/LogsViewer/components/LogsFacetSidebar.js

@@ -0,0 +1,104 @@
+import React, { useMemo } from "react";
+import FacetSection from "./FacetSection";
+import ComponentLoader from "../../ComponentLoader/ComponentLoader";
+import { getSeverityColor } from "./severityColors";
+import LogSeverity from "../../../../Types/Log/LogSeverity";
+const SEVERITY_ORDER = [
+    LogSeverity.Fatal,
+    LogSeverity.Error,
+    LogSeverity.Warning,
+    LogSeverity.Information,
+    LogSeverity.Debug,
+    LogSeverity.Trace,
+    LogSeverity.Unspecified,
+];
+function buildSeverityColorMap() {
+    const map = {};
+    for (const severity of SEVERITY_ORDER) {
+        map[severity] = getSeverityColor(severity).fill;
+    }
+    return map;
+}
+function buildServiceDisplayMap(serviceMap) {
+    const map = {};
+    for (const [id, service] of Object.entries(serviceMap)) {
+        if (service === null || service === void 0 ? void 0 : service.name) {
+            map[id] = service.name;
+        }
+    }
+    return map;
+}
+function buildServiceColorMap(serviceMap) {
+    const map = {};
+    for (const [id, service] of Object.entries(serviceMap)) {
+        if (service === null || service === void 0 ? void 0 : service.serviceColor) {
+            map[id] = service.serviceColor.toString();
+        }
+    }
+    return map;
+}
+function getFacetTitle(key) {
+    const titleMap = {
+        severityText: "Severity",
+        serviceId: "Service",
+        traceId: "Trace ID",
+        spanId: "Span ID",
+    };
+    return titleMap[key] || key;
+}
+const LogsFacetSidebar = (props) => {
+    const severityColorMap = useMemo(() => {
+        return buildSeverityColorMap();
+    }, []);
+    const serviceDisplayMap = useMemo(() => {
+        return buildServiceDisplayMap(props.serviceMap);
+    }, [props.serviceMap]);
+    const serviceColorMap = useMemo(() => {
+        return buildServiceColorMap(props.serviceMap);
+    }, [props.serviceMap]);
+    const facetKeys = useMemo(() => {
+        const priorityKeys = ["severityText", "serviceId"];
+        const otherKeys = Object.keys(props.facetData).filter((key) => {
+            return !priorityKeys.includes(key);
+        });
+        return [
+            ...priorityKeys.filter((key) => {
+                return props.facetData[key] !== undefined;
+            }),
+            ...otherKeys.sort(),
+        ];
+    }, [props.facetData]);
+    // Build a map of facetKey -> Set<activeValue>
+    const activeValuesByKey = useMemo(() => {
+        const map = {};
+        if (props.activeFilters) {
+            for (const filter of props.activeFilters) {
+                if (!map[filter.facetKey]) {
+                    map[filter.facetKey] = new Set();
+                }
+                map[filter.facetKey].add(filter.value);
+            }
+        }
+        return map;
+    }, [props.activeFilters]);
+    return (React.createElement("div", { className: "flex h-full w-56 flex-none flex-col overflow-y-auto rounded-lg border border-gray-200 bg-white" },
+        React.createElement("div", { className: "border-b border-gray-100 px-3 py-2.5" },
+            React.createElement("h3", { className: "text-[11px] font-semibold uppercase tracking-widest text-gray-400" }, "Filters")),
+        props.isLoading && Object.keys(props.facetData).length === 0 && (React.createElement("div", { className: "flex flex-1 items-center justify-center py-8" },
+            React.createElement(ComponentLoader, null))),
+        React.createElement("div", { className: "flex-1 overflow-y-auto" }, facetKeys.map((key) => {
+            const values = props.facetData[key] || [];
+            let valueDisplayMap;
+            let valueColorMap;
+            if (key === "serviceId") {
+                valueDisplayMap = serviceDisplayMap;
+                valueColorMap = serviceColorMap;
+            }
+            else if (key === "severityText") {
+                valueColorMap = severityColorMap;
+            }
+            return (React.createElement(FacetSection, { key: key, facetKey: key, title: getFacetTitle(key), values: values, onIncludeValue: props.onIncludeFilter, onExcludeValue: props.onExcludeFilter, valueDisplayMap: valueDisplayMap, valueColorMap: valueColorMap, activeValues: activeValuesByKey[key] }));
+        }))));
+};
+export default LogsFacetSidebar;
+//# sourceMappingURL=LogsFacetSidebar.js.map

package/build/dist/UI/Components/LogsViewer/components/LogsFacetSidebar.js.map

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