@oneuptime/common 12.0.33 → 13.0.0

package/build/dist/UI/Components/CustomFields/MapFromCustomFieldInput.js

@@ -0,0 +1,118 @@
+import API from "../../Utils/API/API";
+import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
+import ComponentLoader from "../ComponentLoader/ComponentLoader";
+import Dropdown from "../Dropdown/Dropdown";
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import { LIMIT_PER_PROJECT } from "../../../Types/Database/LimitMax";
+import React, { useEffect, useState, } from "react";
+const MapFromCustomFieldInput = (props) => {
+    const [sourceFields, setSourceFields] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [loadError, setLoadError] = useState("");
+    const [selectedValue, setSelectedValue] = useState(props.initialValue || "");
+    const sourceModelName = props.sourceDefinitionModelType.name;
+    useEffect(() => {
+        let isMounted = true;
+        const load = async () => {
+            try {
+                setIsLoading(true);
+                setLoadError("");
+                const result = await ModelAPI.getList({
+                    modelType: props.sourceDefinitionModelType,
+                    query: {
+                        projectId: props.projectId,
+                    },
+                    limit: LIMIT_PER_PROJECT,
+                    skip: 0,
+                    select: {
+                        name: true,
+                        customFieldType: true,
+                    },
+                    sort: {},
+                });
+                if (!isMounted) {
+                    return;
+                }
+                setSourceFields(result.data.map((item) => {
+                    return {
+                        name: item["name"],
+                        customFieldType: item["customFieldType"],
+                    };
+                }));
+                setIsLoading(false);
+            }
+            catch (err) {
+                if (!isMounted) {
+                    return;
+                }
+                setIsLoading(false);
+                setLoadError(API.getFriendlyMessage(err));
+            }
+        };
+        load().catch(() => {
+            // load() reports its own failures through loadError.
+        });
+        return () => {
+            isMounted = false;
+        };
+        /*
+         * The source list is per-project and per-source-table; neither changes
+         * while this input is mounted. The type filter below is applied on each
+         * render instead, so choosing a different field type re-filters without a
+         * refetch.
+         */
+    }, [props.projectId.toString(), sourceModelName]);
+    const options = sourceFields
+        .filter((field) => {
+        if (!field.name) {
+            return false;
+        }
+        /*
+         * With no type chosen yet there is nothing to be compatible with, so
+         * offer nothing rather than a list that will be rejected on save.
+         */
+        if (!props.targetFieldType) {
+            return false;
+        }
+        return field.customFieldType === props.targetFieldType;
+    })
+        .map((field) => {
+        return { label: field.name, value: field.name };
+    });
+    const isSelectedValueOffered = options.some((option) => {
+        return option.value === selectedValue;
+    });
+    if (selectedValue && !isSelectedValueOffered) {
+        options.unshift({
+            label: `${selectedValue} (no longer available on ${props.sourceTitle})`,
+            value: selectedValue,
+        });
+    }
+    if (isLoading) {
+        return React.createElement(ComponentLoader, null);
+    }
+    if (loadError) {
+        return React.createElement(ErrorMessage, { message: loadError });
+    }
+    if (!props.targetFieldType) {
+        return (React.createElement(ErrorMessage, { message: "Choose a field type above before picking the field to map from." }));
+    }
+    if (options.length === 0) {
+        return (React.createElement(ErrorMessage, { message: `No ${props.sourceTitle} custom field of this type exists in this project. Create one first, or choose a different field type.` }));
+    }
+    return (React.createElement(Dropdown, { options: options, value: options.find((option) => {
+            return option.value === selectedValue;
+        }), tabIndex: props.tabIndex, error: props.error, placeholder: `Select a ${props.sourceTitle} custom field`, onBlur: () => {
+            if (props.onBlur) {
+                props.onBlur();
+            }
+        }, onChange: (value) => {
+            const nextValue = value ? value.toString() : "";
+            setSelectedValue(nextValue);
+            if (props.onChange) {
+                props.onChange(nextValue);
+            }
+        } }));
+};
+export default MapFromCustomFieldInput;
+//# sourceMappingURL=MapFromCustomFieldInput.js.map

package/build/dist/UI/Components/CustomFields/MapFromCustomFieldInput.js.map

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

package/build/dist/UI/Components/Dashboard/DashboardVariableControl.js

@@ -0,0 +1,137 @@
+import React, { useEffect, useRef, useState, } from "react";
+import { DashboardVariableType, } from "../../../Types/Dashboard/DashboardVariable";
+const MultiSelectPopover = ({ options, selected, label, isLoading, maxSelections, unavailableLabel, onChange, }) => {
+    var _a;
+    const [open, setOpen] = useState(false);
+    const wrapRef = useRef(null);
+    useEffect(() => {
+        if (!open) {
+            return undefined;
+        }
+        const onDocClick = (e) => {
+            if (wrapRef.current && !wrapRef.current.contains(e.target)) {
+                setOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", onDocClick);
+        return () => {
+            document.removeEventListener("mousedown", onDocClick);
+        };
+    }, [open]);
+    const buttonText = selected.length === 0
+        ? isLoading
+            ? "Loading…"
+            : "All"
+        : selected.length === 1
+            ? ((_a = options.find((option) => {
+                return option.value === selected[0];
+            })) === null || _a === void 0 ? void 0 : _a.label) ||
+                unavailableLabel ||
+                selected[0]
+            : `${selected.length} selected`;
+    const toggle = (value) => {
+        if (selected.includes(value)) {
+            onChange(selected.filter((v) => {
+                return v !== value;
+            }));
+        }
+        else {
+            onChange([...selected, value]);
+        }
+    };
+    return (React.createElement("div", { className: "relative", ref: wrapRef },
+        React.createElement("button", { type: "button", className: "text-xs border border-gray-200 rounded-md px-2.5 py-1.5 bg-white text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-100 focus:border-blue-300 transition-colors flex items-center gap-1", disabled: isLoading, onClick: () => {
+                setOpen(!open);
+            }, title: label, "aria-label": `${label}: ${buttonText}`, "aria-expanded": open },
+            React.createElement("span", { className: "truncate max-w-[10rem]" }, buttonText),
+            React.createElement("span", { className: "text-gray-400" }, "\u25BE")),
+        open && (React.createElement("div", { className: "absolute z-30 mt-1 right-0 w-56 max-h-72 overflow-auto rounded-md border border-gray-200 bg-white shadow-lg py-1" },
+            React.createElement("div", { className: "flex items-center justify-between px-3 py-1.5 border-b border-gray-100 text-[11px] text-gray-500" },
+                React.createElement("span", null,
+                    selected.length,
+                    " selected"),
+                React.createElement("button", { type: "button", className: "text-blue-600 hover:underline disabled:text-gray-300", disabled: selected.length === 0, onClick: () => {
+                        onChange([]);
+                    } }, "Clear")),
+            maxSelections !== undefined && selected.length >= maxSelections && (React.createElement("p", { className: "px-3 py-1 text-xs text-gray-500" },
+                "Choose up to ",
+                maxSelections,
+                " labels.")),
+            options.length === 0 ? (React.createElement("div", { className: "px-3 py-2 text-xs text-gray-400" }, isLoading ? "Loading options…" : "No options available")) : (options.map((option) => {
+                const checked = selected.includes(option.value);
+                return (React.createElement("label", { key: option.value, className: "flex items-center gap-2 px-3 py-1.5 text-xs text-gray-700 hover:bg-gray-50 cursor-pointer" },
+                    React.createElement("input", { type: "checkbox", className: "h-3.5 w-3.5", checked: checked, disabled: !checked &&
+                            maxSelections !== undefined &&
+                            selected.length >= maxSelections, onChange: () => {
+                            toggle(option.value);
+                        } }),
+                    React.createElement("span", { className: "truncate" }, option.label)));
+            }))))));
+};
+const DashboardVariableControl = (props) => {
+    var _a, _b, _c, _d, _e, _f;
+    const { variable } = props;
+    const isTelemetryAttribute = variable.type === DashboardVariableType.TelemetryAttribute;
+    const isCustomList = variable.type === DashboardVariableType.CustomList ||
+        Boolean(variable.customListValues);
+    const customListOptions = variable.customListValues
+        ? variable.customListValues.split(",").map((v) => {
+            return v.trim();
+        })
+        : [];
+    const isProjectLabel = variable.type === DashboardVariableType.ProjectLabel;
+    const options = isProjectLabel
+        ? variable.labelOptions || []
+        : (isTelemetryAttribute
+            ? props.dynamicOptions || []
+            : customListOptions).map((value) => {
+            return { label: value, value };
+        });
+    const selectedValue = (_b = (_a = variable.selectedValue) !== null && _a !== void 0 ? _a : variable.defaultValue) !== null && _b !== void 0 ? _b : "";
+    const isUnavailableSelection = Boolean(isProjectLabel &&
+        selectedValue &&
+        !options.some((option) => {
+            return option.value === selectedValue;
+        }));
+    const useSelect = isTelemetryAttribute || isCustomList || isProjectLabel;
+    const label = variable.label || variable.name;
+    return (React.createElement("div", { className: "flex items-center gap-1.5" },
+        React.createElement("label", { className: "text-xs font-medium text-gray-400 uppercase tracking-wide" }, label),
+        useSelect && variable.isMultiSelect ? (
+        /*
+         * `selectedValues` only — never defaultValue. The popover renders
+         * "All" for an empty list, and DashboardVariableInterpolation
+         * resolves an empty list to no predicate, so the two agree. Seeding
+         * this from defaultValue would put a filter behind a control that
+         * reads "All".
+         */
+        React.createElement(MultiSelectPopover, { options: options, selected: variable.selectedValues || [], label: label, isLoading: Boolean(props.isLoadingOptions), maxSelections: isProjectLabel ? 100 : undefined, unavailableLabel: isProjectLabel ? "Unavailable label" : undefined, onChange: (next) => {
+                props.onVariableValueChange(variable.id, { selectedValues: next });
+            } })) : useSelect ? (React.createElement("select", { "aria-label": label, className: "text-xs border border-gray-200 rounded-md px-2.5 py-1.5 bg-white text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-100 focus:border-blue-300 transition-colors", 
+            /*
+             * `??`, not `||`: picking "All" stores selectedValue as "", which is
+             * a real selection and must not collapse back to defaultValue. Only
+             * an unset (undefined) selection falls through to the default — the
+             * same rule the query side applies in
+             * Common/Utils/Dashboard/VariableInterpolation.ts, so what the
+             * toolbar shows and what the widgets are filtered by stay in step.
+             */
+            value: (_d = (_c = variable.selectedValue) !== null && _c !== void 0 ? _c : variable.defaultValue) !== null && _d !== void 0 ? _d : "", disabled: props.isLoadingOptions, onChange: (e) => {
+                props.onVariableValueChange(variable.id, {
+                    selectedValue: e.target.value,
+                });
+            } },
+            React.createElement("option", { value: "" }, props.isLoadingOptions ? "Loading…" : "All"),
+            isUnavailableSelection && (React.createElement("option", { value: selectedValue }, "Unavailable label")),
+            options.map((option) => {
+                return (React.createElement("option", { key: option.value, value: option.value }, option.label));
+            }))) : (React.createElement("input", { type: "text", "aria-label": label, className: "text-xs border border-gray-200 rounded-md px-2.5 py-1.5 bg-white text-gray-700 w-28 focus:outline-none focus:ring-2 focus:ring-blue-100 focus:border-blue-300 transition-colors", 
+            // `??` so clearing the box stays cleared. See the select above.
+            value: (_f = (_e = variable.selectedValue) !== null && _e !== void 0 ? _e : variable.defaultValue) !== null && _f !== void 0 ? _f : "", placeholder: variable.name, onChange: (e) => {
+                props.onVariableValueChange(variable.id, {
+                    selectedValue: e.target.value,
+                });
+            } }))));
+};
+export default DashboardVariableControl;
+//# sourceMappingURL=DashboardVariableControl.js.map

package/build/dist/UI/Components/Dashboard/DashboardVariableControl.js.map

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

package/build/dist/UI/Components/Graphs/DayUptimeGraph.js

@@ -2,12 +2,64 @@ import Tooltip from "../Tooltip/Tooltip";
 import UptimeBarTooltip from "./UptimeBarTooltip";
 import { Green } from "../../../Types/BrandColors";
 import OneUptimeDate from "../../../Types/Date";
-import React, { useEffect, useState, } from "react";
+import DayUptimeGraphUtil from "../../../Utils/Uptime/DayUptimeGraphUtil";
+import React, { useEffect, useRef, useState, } from "react";
 const DayUptimeGraph = (props) => {
     const [days, setDays] = useState(0);
+    /*
+     * The strip is one tab stop with a roving tabindex inside it - see
+     * DayUptimeGraphUtil. null means "nothing focused yet", which resolves to
+     * today rather than to three months ago.
+     */
+    const [focusedBarIndex, setFocusedBarIndex] = useState(null);
+    const barRefs = useRef([]);
+    /*
+     * Set only by a key press, so that moving focus is a thing the widget does
+     * in response to the keyboard and never a thing it does to a visitor who
+     * simply clicked. Focus is applied in an effect rather than in the handler
+     * because the bar the visitor is moving to may not be the same DOM node
+     * after the render that the key press causes.
+     */
+    const shouldRestoreFocus = useRef(false);
+    useEffect(() => {
+        var _a;
+        if (!shouldRestoreFocus.current) {
+            return;
+        }
+        shouldRestoreFocus.current = false;
+        if (focusedBarIndex === null) {
+            return;
+        }
+        (_a = barRefs.current[focusedBarIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [focusedBarIndex]);
     useEffect(() => {
         setDays(OneUptimeDate.getNumberOfDaysBetweenDatesInclusive(props.startDate, props.endDate));
     }, [props.startDate, props.endDate]);
+    const activeBarIndex = DayUptimeGraphUtil.getActiveBarIndex({
+        storedIndex: focusedBarIndex,
+        barCount: days,
+    });
+    const moveFocus = (event, index) => {
+        var _a;
+        const nextIndex = DayUptimeGraphUtil.getNextFocusIndex({
+            key: event.key,
+            currentIndex: index,
+            barCount: days,
+        });
+        if (nextIndex === null) {
+            // Not ours: Tab, Enter and Space must keep their normal meaning.
+            return;
+        }
+        event.preventDefault();
+        shouldRestoreFocus.current = true;
+        setFocusedBarIndex(nextIndex);
+        /*
+         * Focused here as well as in the effect: when the strip does not re-render
+         * (the index it was already on), the effect does not run, and focus must
+         * still land somewhere real.
+         */
+        (_a = barRefs.current[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+    };
     const getIncidentsForDay = (startOfDay, endOfDay) => {
         if (!props.incidents || props.incidents.length === 0) {
             return [];
@@ -116,14 +168,59 @@ const DayUptimeGraph = (props) => {
                 isDowntime: downtimeStatusIds.includes(key),
             });
         }
-        const hasDayIncidents = dayIncidents.length > 0;
-        const isClickable = hasDayIncidents && Boolean(props.onBarClick);
-        return (React.createElement(Tooltip, { key: dayNumber, richContent: React.createElement(UptimeBarTooltip, { date: todaysDay, uptimePercent: uptimePercentForTheDay, hasEvents: hasEvents, statusDurations: statusDurations, incidents: dayIncidents, onIncidentClick: props.onIncidentClick }) },
-            React.createElement("div", { className: `${className}${isClickable ? " cursor-pointer hover:opacity-80" : ""}`, style: {
+        /*
+         * Every day opens, not only the days that happen to carry an incident.
+         * The uptime reading and the status breakdown used to live in a hover
+         * tooltip and nowhere else, which put them out of reach of every phone
+         * and every keyboard - and a phone is how most people read a status page
+         * during an outage.
+         */
+        const isClickable = Boolean(props.onBarClick);
+        const summary = {
+            date: todaysDay,
+            uptimePercent: uptimePercentForTheDay,
+            hasEvents: hasEvents,
+            statusDurations: statusDurations,
+            incidents: dayIncidents,
+        };
+        const ariaLabel = DayUptimeGraphUtil.getDayAriaLabel({
+            dateLabel: OneUptimeDate.getDateAsUserFriendlyLocalFormattedString(todaysDay, true),
+            hasEvents: hasEvents,
+            uptimePercent: uptimePercentForTheDay,
+            incidentCount: dayIncidents.length,
+            labels: props.labels,
+        });
+        return (React.createElement(Tooltip, { key: dayNumber, richContent: React.createElement(UptimeBarTooltip, { date: todaysDay, uptimePercent: uptimePercentForTheDay, hasEvents: hasEvents, statusDurations: statusDurations, incidents: dayIncidents, onIncidentClick: props.onIncidentClick, labels: props.labels }) },
+            React.createElement("button", { type: "button", ref: (element) => {
+                    barRefs.current[dayNumber] = element;
+                }, "data-testid": "uptime-bar", "data-day-index": dayNumber, "aria-label": ariaLabel, 
+                /*
+                 * One tab stop for the whole strip. Ninety bars per resource across
+                 * a page of resources would otherwise bury the footer behind
+                 * thousands of Tab presses.
+                 */
+                tabIndex: DayUptimeGraphUtil.getBarTabIndex({
+                    index: dayNumber,
+                    activeIndex: activeBarIndex,
+                }), 
+                /*
+                 * The focus indicator is drawn *inside* the bar (a negative outline
+                 * offset), not around it. Callers wrap this strip in an
+                 * overflow-x-auto scroller so it can be swiped on a phone, and
+                 * overflow-x also clips vertically - anything drawn outside the
+                 * bar's own box loses its top and bottom edge to that scroller. Two
+                 * pixels of indigo inside a seven pixel bar reads clearly against
+                 * every bar colour and cannot be clipped by anything.
+                 */
+                className: `${className} relative block p-0 border-0 appearance-none focus:outline-none focus-visible:z-10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-indigo-600${isClickable ? " cursor-pointer hover:opacity-80" : ""}`, style: {
                     backgroundColor: color.toString(),
+                }, onFocus: () => {
+                    setFocusedBarIndex(dayNumber);
+                }, onKeyDown: (event) => {
+                    moveFocus(event, dayNumber);
                 }, onClick: isClickable
                     ? () => {
-                        props.onBarClick(todaysDay, dayIncidents);
+                        props.onBarClick(todaysDay, dayIncidents, summary);
                     }
                     : undefined })));
     };
@@ -134,7 +231,15 @@ const DayUptimeGraph = (props) => {
         }
         return elements;
     };
-    return (React.createElement("div", { className: "flex space-x-0.5 rounded overflow-hidden" }, getUptimeGraph()));
+    /*
+     * Deliberately not overflow-hidden any more: it clipped the focus ring of
+     * the first and last bar, which is the one part of this widget a keyboard
+     * user has to be able to see.
+     */
+    return (React.createElement("div", { className: "flex space-x-0.5 rounded", role: "group", "aria-label": DayUptimeGraphUtil.getGraphAriaLabel({
+            dayCount: days,
+            labels: props.labels,
+        }), "data-testid": "day-uptime-graph" }, getUptimeGraph()));
 };
 export default DayUptimeGraph;
 //# sourceMappingURL=DayUptimeGraph.js.map

package/build/dist/UI/Components/Graphs/DayUptimeGraph.js.map

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

package/build/dist/UI/Components/Graphs/UptimeBarTooltip.js

@@ -1,29 +1,11 @@
 import OneUptimeDate from "../../../Types/Date";
+import UptimeDaySummary from "./UptimeDaySummary";
+import { DefaultUptimeHistoryLabels, } from "../../../Types/Monitor/UptimeHistoryLabels";
 import React from "react";
 const UptimeBarTooltip = (props) => {
     const dateStr = OneUptimeDate.getDateAsUserFriendlyLocalFormattedString(props.date, true);
-    // Color tiers
-    const isGood = props.uptimePercent >= 99.9;
-    const isWarn = !isGood && props.uptimePercent >= 99;
-    const uptimeColor = isGood
-        ? "#059669"
-        : isWarn
-            ? "#d97706"
-            : "#dc2626";
-    // Sort: downtime first, then by duration desc
-    const sortedDurations = [
-        ...props.statusDurations,
-    ].sort((a, b) => {
-        if (a.isDowntime !== b.isDowntime) {
-            return a.isDowntime ? -1 : 1;
-        }
-        return b.seconds - a.seconds;
-    });
-    const totalSeconds = sortedDurations.reduce((sum, d) => {
-        return sum + d.seconds;
-    }, 0);
     const hasIncidents = props.incidents.length > 0;
-    const hasStatuses = sortedDurations.length > 0;
+    const labels = props.labels || DefaultUptimeHistoryLabels;
     return (React.createElement("div", { style: {
             minWidth: "280px",
             maxWidth: "340px",
@@ -48,146 +30,7 @@ const UptimeBarTooltip = (props) => {
                     color: "var(--ou-text-primary, #111827)",
                     letterSpacing: "-0.01em",
                 } }, dateStr)),
-        props.hasEvents && (React.createElement("div", { style: {
-                marginBottom: hasStatuses || hasIncidents ? "12px" : "0",
-            } },
-            React.createElement("div", { style: {
-                    display: "flex",
-                    alignItems: "baseline",
-                    justifyContent: "space-between",
-                    marginBottom: "8px",
-                } },
-                React.createElement("span", { style: {
-                        fontSize: "11px",
-                        color: "var(--ou-text-muted, #6b7280)",
-                        fontWeight: 500,
-                    } }, "Uptime"),
-                React.createElement("div", { style: { display: "flex", alignItems: "baseline" } },
-                    React.createElement("span", { style: {
-                            fontSize: "14px",
-                            fontWeight: 600,
-                            color: uptimeColor,
-                            fontVariantNumeric: "tabular-nums",
-                            lineHeight: 1,
-                            letterSpacing: "-0.03em",
-                        } }, props.uptimePercent >= 100
-                        ? "100"
-                        : props.uptimePercent.toFixed(2)),
-                    React.createElement("span", { style: {
-                            fontSize: "11px",
-                            fontWeight: 600,
-                            color: uptimeColor,
-                            marginLeft: "1px",
-                            opacity: 0.7,
-                        } }, "%"))),
-            totalSeconds > 0 && sortedDurations.length > 1 ? (React.createElement("div", { style: {
-                    width: "100%",
-                    height: "4px",
-                    borderRadius: "100px",
-                    overflow: "hidden",
-                    display: "flex",
-                    gap: "1px",
-                    backgroundColor: "var(--ou-border-default, #e5e7eb)",
-                } }, sortedDurations.map((status, index) => {
-                const widthPercent = (status.seconds / totalSeconds) * 100;
-                if (widthPercent < 0.5) {
-                    return null;
-                }
-                return (React.createElement("div", { key: index, style: {
-                        width: `${widthPercent}%`,
-                        height: "100%",
-                        backgroundColor: status.color.toString(),
-                    } }));
-            }))) : (React.createElement("div", { style: {
-                    width: "100%",
-                    height: "4px",
-                    backgroundColor: "var(--ou-border-default, #e5e7eb)",
-                    borderRadius: "100px",
-                    overflow: "hidden",
-                } },
-                React.createElement("div", { style: {
-                        width: `${Math.min(props.uptimePercent, 100)}%`,
-                        height: "100%",
-                        backgroundColor: uptimeColor,
-                        borderRadius: "100px",
-                    } }))))),
-        !props.hasEvents && (React.createElement("div", { style: {
-                backgroundColor: "var(--ou-surface-secondary, #f9fafb)",
-                borderRadius: "8px",
-                padding: "16px",
-                textAlign: "center",
-            } },
-            React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "var(--ou-border-strong, #d1d5db)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", style: { margin: "0 auto 6px" } },
-                React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-                React.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-                React.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })),
-            React.createElement("div", { style: {
-                    fontSize: "12px",
-                    color: "var(--ou-text-subtle, #9ca3af)",
-                    fontWeight: 500,
-                } }, "No monitoring data for this day"))),
-        hasStatuses && (React.createElement("div", { style: {
-                paddingBottom: hasIncidents ? "10px" : "0",
-                marginBottom: hasIncidents ? "10px" : "0",
-                borderBottom: hasIncidents
-                    ? "1px solid var(--ou-border-subtle, #f0f0f0)"
-                    : "none",
-            } }, sortedDurations.map((status, index) => {
-            const pct = totalSeconds > 0 ? (status.seconds / totalSeconds) * 100 : 0;
-            return (React.createElement("div", { key: index, style: {
-                    display: "flex",
-                    alignItems: "center",
-                    padding: "4px 0",
-                    gap: "8px",
-                } },
-                React.createElement("div", { style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "6px",
-                        width: "100px",
-                        flexShrink: 0,
-                    } },
-                    React.createElement("span", { style: {
-                            width: "6px",
-                            height: "6px",
-                            borderRadius: "50%",
-                            backgroundColor: status.color.toString(),
-                            display: "inline-block",
-                            flexShrink: 0,
-                        } }),
-                    React.createElement("span", { style: {
-                            fontSize: "12px",
-                            color: "var(--ou-text-secondary, #374151)",
-                            fontWeight: 500,
-                            whiteSpace: "nowrap",
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                        } }, status.label)),
-                React.createElement("div", { style: {
-                        flex: 1,
-                        height: "4px",
-                        backgroundColor: "var(--ou-surface-tertiary, #f3f4f6)",
-                        borderRadius: "100px",
-                        overflow: "hidden",
-                    } },
-                    React.createElement("div", { style: {
-                            width: `${pct}%`,
-                            height: "100%",
-                            backgroundColor: status.color.toString(),
-                            borderRadius: "100px",
-                            opacity: 0.7,
-                        } })),
-                React.createElement("span", { style: {
-                        fontSize: "11px",
-                        color: status.isDowntime
-                            ? "var(--ou-danger-text, #b91c1c)"
-                            : "var(--ou-text-muted, #6b7280)",
-                        fontWeight: status.isDowntime ? 600 : 400,
-                        fontVariantNumeric: "tabular-nums",
-                        whiteSpace: "nowrap",
-                        flexShrink: 0,
-                    } }, OneUptimeDate.secondsToFormattedFriendlyTimeString(status.seconds))));
-        }))),
+        React.createElement(UptimeDaySummary, { uptimePercent: props.uptimePercent, hasEvents: props.hasEvents, statusDurations: props.statusDurations, hasFollowingContent: hasIncidents, labels: props.labels }),
         hasIncidents && (React.createElement("div", null,
             React.createElement("div", { style: {
                     display: "flex",
@@ -200,7 +43,7 @@ const UptimeBarTooltip = (props) => {
                         color: "var(--ou-text-muted, #6b7280)",
                         fontWeight: 500,
                         flex: 1,
-                    } }, "Incidents"),
+                    } }, labels.incidents),
                 React.createElement("span", { style: {
                         fontSize: "10px",
                         fontWeight: 600,