@oneuptime/common 10.0.39 → 10.0.40

package/Types/Permission.ts

@@ -76,6 +76,12 @@ enum Permission {
   ReadDashboard = "ReadDashboard",
   EditDashboard = "EditDashboard",
 
+  // Dashboard Domains
+  CreateDashboardDomain = "CreateDashboardDomain",
+  DeleteDashboardDomain = "DeleteDashboardDomain",
+  EditDashboardDomain = "EditDashboardDomain",
+  ReadDashboardDomain = "ReadDashboardDomain",
+
   // Logs
   CreateTelemetryServiceLog = "CreateTelemetryServiceLog",
   DeleteTelemetryServiceLog = "DeleteTelemetryServiceLog",
@@ -124,6 +130,12 @@ enum Permission {
   EditTelemetryServiceMetrics = "EditTelemetryServiceMetrics",
   ReadTelemetryServiceMetrics = "ReadTelemetryServiceMetrics",
 
+  // Profiles
+  CreateTelemetryServiceProfiles = "CreateTelemetryServiceProfiles",
+  DeleteTelemetryServiceProfiles = "DeleteTelemetryServiceProfiles",
+  EditTelemetryServiceProfiles = "EditTelemetryServiceProfiles",
+  ReadTelemetryServiceProfiles = "ReadTelemetryServiceProfiles",
+
   // Billing Permissions (Owner Permission)
   ManageProjectBilling = "ManageProjectBilling",
 
@@ -1215,6 +1227,44 @@ export class PermissionHelper {
         group: PermissionGroup.Settings,
       },
 
+      // Dashboard Domain permissions.
+      {
+        permission: Permission.CreateDashboardDomain,
+        title: "Create Dashboard Domain",
+        description:
+          "This permission can create Dashboard Domains of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+        group: PermissionGroup.Settings,
+      },
+      {
+        permission: Permission.DeleteDashboardDomain,
+        title: "Delete Dashboard Domain",
+        description:
+          "This permission can delete Dashboard Domains of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+        group: PermissionGroup.Settings,
+      },
+      {
+        permission: Permission.EditDashboardDomain,
+        title: "Edit Dashboard Domain",
+        description:
+          "This permission can edit Dashboard Domains of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+        group: PermissionGroup.Settings,
+      },
+      {
+        permission: Permission.ReadDashboardDomain,
+        title: "Read Dashboard Domain",
+        description:
+          "This permission can read Dashboard Domains of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+        group: PermissionGroup.Settings,
+      },
+
       // Table view permissions
 
       {
@@ -4701,6 +4751,43 @@ export class PermissionHelper {
         group: PermissionGroup.Telemetry,
       },
 
+      {
+        permission: Permission.CreateTelemetryServiceProfiles,
+        title: "Create Telemetry Service Profiles",
+        description:
+          "This permission can create Telemetry Service Profiles this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+        group: PermissionGroup.Telemetry,
+      },
+      {
+        permission: Permission.DeleteTelemetryServiceProfiles,
+        title: "Delete Telemetry Service Profiles",
+        description:
+          "This permission can delete Telemetry Service Profiles of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+        group: PermissionGroup.Telemetry,
+      },
+      {
+        permission: Permission.EditTelemetryServiceProfiles,
+        title: "Edit Telemetry Service Profiles",
+        description:
+          "This permission can edit Telemetry Service Profiles of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+        group: PermissionGroup.Telemetry,
+      },
+      {
+        permission: Permission.ReadTelemetryServiceProfiles,
+        title: "Read Telemetry Service Profiles",
+        description:
+          "This permission can read Telemetry Service Profiles of this project.",
+        isAssignableToTenant: true,
+        isAccessControlPermission: false,
+        group: PermissionGroup.Telemetry,
+      },
+
       {
         permission: Permission.CreateScheduledMaintenanceOwnerTeam,
         title: "Create Scheduled Maintenance Team Owner",

package/Types/Telemetry/TelemetryType.ts

@@ -3,6 +3,7 @@ enum TelemetryType {
   Trace = "Trace",
   Log = "Log",
   Exception = "Exception",
+  Profile = "Profile",
 }
 
 export default TelemetryType;

package/Types/Workspace/NotificationSummary/WorkspaceNotificationSummaryItem.ts

@@ -1,4 +1,5 @@
 enum WorkspaceNotificationSummaryItem {
+  All = "All",
   TotalCount = "Total Count",
   ListWithLinks = "List with Links",
   WhoAcknowledged = "Who Acknowledged",

package/UI/Components/Button/Button.tsx

@@ -193,7 +193,7 @@ const Button: FunctionComponent<ComponentProps> = ({
   }
 
   if (buttonStyle === ButtonStyleType.ICON) {
-    buttonStyleCssClass = `rounded-md bg-white text-gray-600 ${
+    buttonStyleCssClass = `rounded-md bg-transparent text-gray-600 ${
       disabled ? "hover:text-gray-900" : ""
     }  focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2`;
   }

package/UI/Components/Card/Card.tsx

@@ -1,4 +1,4 @@
-import Button, { ButtonStyleType } from "../Button/Button";
+import Button, { ButtonSize, ButtonStyleType } from "../Button/Button";
 import ShortcutKey from "../ShortcutKey/ShortcutKey";
 import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
@@ -12,6 +12,7 @@ export interface CardButtonSchema {
   isLoading?: undefined | boolean;
   className?: string | undefined;
   shortcutKey?: undefined | ShortcutKey;
+  buttonSize?: ButtonSize | undefined;
 }
 
 export interface ComponentProps {
@@ -59,21 +60,21 @@ const Card: FunctionComponent<ComponentProps> = (
               </div>
               {(props.rightElement ||
                 (props.buttons && props.buttons.length > 0)) && (
-                <div className="flex flex-col md:flex-row md:items-center md:w-fit mt-4 md:mt-0 md:ml-4 gap-2 md:gap-0 flex-shrink-0">
+                <div className="flex flex-col md:flex-row md:items-center md:w-fit mt-4 md:mt-0 md:ml-4 gap-2 md:gap-0 flex-shrink-0 items-center">
                   {props.rightElement && (
                     <div className="mb-2 md:mb-0 md:mr-3">
                       {props.rightElement}
                     </div>
                   )}
                   {props.buttons && props.buttons.length > 0 && (
-                    <div className="flex flex-wrap items-center gap-2">
+                    <div className="flex flex-wrap items-center gap-1.5">
                       {props.buttons.map(
                         (
                           button: CardButtonSchema | ReactElement,
                           i: number,
                         ) => {
                           return (
-                            <div key={i}>
+                            <div key={i} className="flex items-center">
                               {React.isValidElement(button) ? button : null}
                               {React.isValidElement(button) ? null : (
                                 <Button
@@ -82,6 +83,9 @@ const Card: FunctionComponent<ComponentProps> = (
                                   buttonStyle={
                                     (button as CardButtonSchema).buttonStyle
                                   }
+                                  buttonSize={
+                                    (button as CardButtonSchema).buttonSize
+                                  }
                                   className={
                                     (button as CardButtonSchema).className
                                   }

package/UI/Components/Charts/Area/AreaChart.tsx

@@ -6,6 +6,7 @@ import YAxis from "../Types/YAxis/YAxis";
 import ChartCurve from "../Types/ChartCurve";
 import ChartDataPoint from "../ChartLibrary/Types/ChartDataPoint";
 import DataPointUtil from "../Utils/DataPoint";
+import ChartReferenceLineProps from "../Types/ReferenceLineProps";
 
 export interface ComponentProps {
   data: Array<SeriesPoint>;
@@ -14,6 +15,7 @@ export interface ComponentProps {
   curve: ChartCurve;
   sync: boolean;
   heightInPx?: number | undefined;
+  referenceLines?: Array<ChartReferenceLineProps> | undefined;
 }
 
 export interface AreaInternalProps extends ComponentProps {
@@ -74,6 +76,8 @@ const AreaChartElement: FunctionComponent<AreaInternalProps> = (
       curve={props.curve || ChartCurve.MONOTONE}
       syncid={props.sync ? props.syncid : undefined}
       yAxisWidth={60}
+      onValueChange={() => {}}
+      referenceLines={props.referenceLines}
     />
   );
 };

package/UI/Components/Charts/Bar/BarChart.tsx

@@ -5,6 +5,7 @@ import { XAxis } from "../Types/XAxis/XAxis";
 import YAxis from "../Types/YAxis/YAxis";
 import ChartDataPoint from "../ChartLibrary/Types/ChartDataPoint";
 import DataPointUtil from "../Utils/DataPoint";
+import ChartReferenceLineProps from "../Types/ReferenceLineProps";
 
 export interface ComponentProps {
   data: Array<SeriesPoint>;
@@ -12,6 +13,7 @@ export interface ComponentProps {
   yAxis: YAxis;
   sync: boolean;
   heightInPx?: number | undefined;
+  referenceLines?: Array<ChartReferenceLineProps> | undefined;
 }
 
 export interface BarInternalProps extends ComponentProps {
@@ -69,6 +71,8 @@ const BarChartElement: FunctionComponent<BarInternalProps> = (
       showTooltip={true}
       yAxisWidth={60}
       syncid={props.sync ? props.syncid : undefined}
+      onValueChange={() => {}}
+      referenceLines={props.referenceLines}
     />
   );
 };

package/UI/Components/Charts/ChartLibrary/AreaChart/AreaChart.tsx

@@ -11,11 +11,13 @@ import {
   Dot,
   Label,
   Legend as RechartsLegend,
+  ReferenceLine,
   ResponsiveContainer,
   Tooltip,
   XAxis,
   YAxis,
 } from "recharts";
+import ChartReferenceLineProps from "../../Types/ReferenceLineProps";
 import { AxisDomain } from "recharts/types/util/types";
 
 import { useOnWindowResize } from "../Utils/UseWindowOnResize";
@@ -554,6 +556,7 @@ interface AreaChartProps extends React.HTMLAttributes<HTMLDivElement> {
   tooltipCallback?: (tooltipCallbackContent: TooltipProps) => void;
   customTooltip?: React.ComponentType<TooltipProps>;
   syncid?: string | undefined;
+  referenceLines?: Array<ChartReferenceLineProps> | undefined;
 }
 
 const AreaChart: React.ForwardRefExoticComponent<
@@ -974,6 +977,29 @@ const AreaChart: React.ForwardRefExoticComponent<
                 />
               );
             })}
+            {props.referenceLines?.map(
+              (refLine: ChartReferenceLineProps, refIndex: number) => {
+                return (
+                  <ReferenceLine
+                    key={`ref-${refIndex}`}
+                    y={refLine.value}
+                    stroke={refLine.color}
+                    strokeDasharray={refLine.strokeDasharray || "4 4"}
+                    strokeWidth={1.5}
+                  >
+                    {refLine.label && (
+                      <Label
+                        value={refLine.label}
+                        position="insideTopRight"
+                        fill={refLine.color}
+                        fontSize={11}
+                        fontWeight={500}
+                      />
+                    )}
+                  </ReferenceLine>
+                );
+              },
+            )}
           </RechartsAreaChart>
         </ResponsiveContainer>
       </div>

package/UI/Components/Charts/ChartLibrary/BarChart/BarChart.tsx

@@ -11,11 +11,13 @@ import {
   Label,
   BarChart as RechartsBarChart,
   Legend as RechartsLegend,
+  ReferenceLine,
   ResponsiveContainer,
   Tooltip,
   XAxis,
   YAxis,
 } from "recharts";
+import ChartReferenceLineProps from "../../Types/ReferenceLineProps";
 import type { AxisDomain } from "recharts/types/util/types";
 
 import {
@@ -646,6 +648,7 @@ interface BarChartProps extends React.HTMLAttributes<HTMLDivElement> {
   tooltipCallback?: (tooltipCallbackContent: TooltipProps) => void;
   customTooltip?: React.ComponentType<TooltipProps>;
   syncid?: string | undefined;
+  referenceLines?: Array<ChartReferenceLineProps> | undefined;
 }
 
 const BarChart: React.ForwardRefExoticComponent<
@@ -1010,6 +1013,29 @@ const BarChart: React.ForwardRefExoticComponent<
                 />
               );
             })}
+            {props.referenceLines?.map(
+              (refLine: ChartReferenceLineProps, refIndex: number) => {
+                return (
+                  <ReferenceLine
+                    key={`ref-${refIndex}`}
+                    y={refLine.value}
+                    stroke={refLine.color}
+                    strokeDasharray={refLine.strokeDasharray || "4 4"}
+                    strokeWidth={1.5}
+                  >
+                    {refLine.label && (
+                      <Label
+                        value={refLine.label}
+                        position="insideTopRight"
+                        fill={refLine.color}
+                        fontSize={11}
+                        fontWeight={500}
+                      />
+                    )}
+                  </ReferenceLine>
+                );
+              },
+            )}
           </RechartsBarChart>
         </ResponsiveContainer>
       </div>

package/UI/Components/Charts/ChartLibrary/LineChart/LineChart.tsx

@@ -12,11 +12,13 @@ import {
   Line,
   Legend as RechartsLegend,
   LineChart as RechartsLineChart,
+  ReferenceLine,
   ResponsiveContainer,
   Tooltip,
   XAxis,
   YAxis,
 } from "recharts";
+import ChartReferenceLineProps from "../../Types/ReferenceLineProps";
 import { AxisDomain } from "recharts/types/util/types";
 
 import { useOnWindowResize } from "../Utils/UseWindowOnResize";
@@ -571,6 +573,7 @@ interface LineChartProps extends React.HTMLAttributes<HTMLDivElement> {
   tooltipCallback?: (tooltipCallbackContent: TooltipProps) => void;
   customTooltip?: React.ComponentType<TooltipProps>;
   syncid?: string | undefined;
+  referenceLines?: Array<ChartReferenceLineProps> | undefined;
 }
 
 const LineChart: React.ForwardRefExoticComponent<
@@ -992,6 +995,29 @@ const LineChart: React.ForwardRefExoticComponent<
                   );
                 })
               : null}
+            {props.referenceLines?.map(
+              (refLine: ChartReferenceLineProps, refIndex: number) => {
+                return (
+                  <ReferenceLine
+                    key={`ref-${refIndex}`}
+                    y={refLine.value}
+                    stroke={refLine.color}
+                    strokeDasharray={refLine.strokeDasharray || "4 4"}
+                    strokeWidth={1.5}
+                  >
+                    {refLine.label && (
+                      <Label
+                        value={refLine.label}
+                        position="insideTopRight"
+                        fill={refLine.color}
+                        fontSize={11}
+                        fontWeight={500}
+                      />
+                    )}
+                  </ReferenceLine>
+                );
+              },
+            )}
           </RechartsLineChart>
         </ResponsiveContainer>
       </div>

package/UI/Components/Charts/Line/LineChart.tsx

@@ -6,6 +6,7 @@ import YAxis from "../Types/YAxis/YAxis";
 import ChartCurve from "../Types/ChartCurve";
 import ChartDataPoint from "../ChartLibrary/Types/ChartDataPoint";
 import DataPointUtil from "../Utils/DataPoint";
+import ChartReferenceLineProps from "../Types/ReferenceLineProps";
 
 export interface ComponentProps {
   data: Array<SeriesPoint>;
@@ -14,6 +15,7 @@ export interface ComponentProps {
   curve: ChartCurve;
   sync: boolean;
   heightInPx?: number | undefined;
+  referenceLines?: Array<ChartReferenceLineProps> | undefined;
 }
 
 export interface LineInternalProps extends ComponentProps {
@@ -73,6 +75,8 @@ const LineChartElement: FunctionComponent<LineInternalProps> = (
       curve={props.curve}
       syncid={props.sync ? props.syncid : undefined}
       yAxisWidth={60}
+      onValueChange={() => {}}
+      referenceLines={props.referenceLines}
     />
   );
 };

package/UI/Components/Charts/Types/ReferenceLineProps.ts

@@ -0,0 +1,6 @@
+export default interface ChartReferenceLineProps {
+  value: number;
+  label?: string | undefined;
+  color: string; // CSS color, e.g. "#f59e0b" or "red"
+  strokeDasharray?: string | undefined; // e.g. "4 4" for dashed
+}

package/UI/Components/Icon/Icon.tsx

@@ -2784,6 +2784,39 @@ const Icon: FunctionComponent<ComponentProps> = ({
         {spokes}
       </>,
     );
+  } else if (icon === IconProp.Gauge) {
+    // Gauge/speedometer icon — semicircular meter with needle
+    return getSvgWrapper(
+      <>
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M12 21a9 9 0 1 1 0-18 9 9 0 0 1 0 18Z"
+        />
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M12 21c-4.97 0-9-4.03-9-9"
+        />
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M5.636 7.636l1.414 1.414"
+        />
+        <path strokeLinecap="round" strokeLinejoin="round" d="M12 5v2" />
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M18.364 7.636l-1.414 1.414"
+        />
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M12 12l-3.5-3.5"
+        />
+        <circle cx="12" cy="12" r="1.5" />
+      </>,
+    );
   }
 
   return <></>;

package/UI/Components/ModelTable/BaseModelTable.tsx

@@ -19,7 +19,7 @@ import {
   BulkActionFailed,
   BulkActionOnClickProps,
 } from "../BulkUpdate/BulkUpdateForm";
-import { ButtonStyleType } from "../Button/Button";
+import { ButtonSize, ButtonStyleType } from "../Button/Button";
 import Card, {
   CardButtonSchema,
   ComponentProps as CardComponentProps,
@@ -1045,7 +1045,8 @@ const BaseModelTable: <TBaseModel extends BaseModel | AnalyticsBaseModel>(
       headerbuttons.push({
         title: "View Documentation",
         icon: IconProp.Book,
-        buttonStyle: ButtonStyleType.OUTLINE,
+        buttonStyle: ButtonStyleType.HOVER_PRIMARY_OUTLINE,
+        buttonSize: ButtonSize.Small,
         className: "hidden md:flex",
         onClick: () => {
           Navigation.navigate(props.documentationLink!, {
@@ -1061,7 +1062,8 @@ const BaseModelTable: <TBaseModel extends BaseModel | AnalyticsBaseModel>(
         title: "",
         icon: IconProp.Help,
         buttonStyle: ButtonStyleType.ICON,
-        className: "py-0 pr-0 pl-1 mt-1",
+        buttonSize: ButtonSize.Small,
+        className: "",
         onClick: () => {
           setShowHelpModal(true);
         },
@@ -1073,7 +1075,8 @@ const BaseModelTable: <TBaseModel extends BaseModel | AnalyticsBaseModel>(
       headerbuttons.push({
         title: "Watch Demo",
         icon: IconProp.Play,
-        buttonStyle: ButtonStyleType.OUTLINE,
+        buttonStyle: ButtonStyleType.HOVER_PRIMARY_OUTLINE,
+        buttonSize: ButtonSize.Small,
         className: "hidden md:flex",
         onClick: () => {
           Navigation.navigate(props.videoLink!, {
@@ -1110,7 +1113,8 @@ const BaseModelTable: <TBaseModel extends BaseModel | AnalyticsBaseModel>(
           props.singularName || model.singularName
         }`,
         buttonStyle: ButtonStyleType.NORMAL,
-        className: showFilterButton || props.showRefreshButton ? "mr-1" : "",
+        buttonSize: ButtonSize.Normal,
+        className: "",
         onClick: () => {
           setModalType(ModalType.Create);
           setShowModal(true);
@@ -1122,10 +1126,8 @@ const BaseModelTable: <TBaseModel extends BaseModel | AnalyticsBaseModel>(
     if (props.showRefreshButton) {
       headerbuttons.push({
         ...getRefreshButton(),
-        className: showFilterButton
-          ? "p-1 px-1 pr-0 pl-0 py-0 mt-1"
-          : "py-0 pr-0 pl-1 mt-1",
-
+        buttonSize: ButtonSize.Small,
+        className: "",
         onClick: async () => {
           await fetchItems();
         },
@@ -1137,7 +1139,8 @@ const BaseModelTable: <TBaseModel extends BaseModel | AnalyticsBaseModel>(
       headerbuttons.push({
         title: "",
         buttonStyle: ButtonStyleType.ICON,
-        className: "py-0 pr-0 pl-1 mt-1",
+        buttonSize: ButtonSize.Small,
+        className: "",
         onClick: () => {
           setQuery({});
           setShowFilterModal(true);

package/UI/Components/MoreMenu/MoreMenu.tsx

@@ -123,14 +123,27 @@ const MoreMenu: React.ForwardRefExoticComponent<
         )}
 
         {props.elementToBeShownInsteadOfButton && (
-          <div>{props.elementToBeShownInsteadOfButton}</div>
+          <div
+            onClick={() => {
+              setIsComponentVisible(!isDropdownVisible);
+            }}
+            role="button"
+            tabIndex={0}
+            onKeyDown={(e: React.KeyboardEvent) => {
+              if (e.key === "Enter" || e.key === " ") {
+                setIsComponentVisible(!isDropdownVisible);
+              }
+            }}
+          >
+            {props.elementToBeShownInsteadOfButton}
+          </div>
         )}
 
         {isComponentVisible && (
           <div
             ref={ref}
             id={menuId}
-            className="absolute right-0 z-10 mt-2 w-56 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
+            className="absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-lg bg-white shadow-xl ring-1 ring-gray-200 focus:outline-none py-1"
             role="menu"
             aria-orientation="vertical"
             aria-labelledby={buttonId}

package/UI/Components/MoreMenu/MoreMenuItem.tsx

@@ -18,7 +18,7 @@ const MoreMenuItem: FunctionComponent<ComponentProps> = (
   return (
     <a
       key={props.key || Math.random()}
-      className={`cursor-pointer group flex items-center px-4 py-2 text-sm text-gray-600 hover:text-gray-700 hover:bg-gray-50 ${props.className}`}
+      className={`cursor-pointer group flex items-center px-3 py-2 mx-1 rounded-md text-sm text-gray-700 hover:text-gray-900 hover:bg-indigo-50 transition-colors duration-100 ${props.className}`}
       role="menuitem"
       onClick={() => {
         props.onClick();
@@ -27,11 +27,11 @@ const MoreMenuItem: FunctionComponent<ComponentProps> = (
       {props.icon && (
         <Icon
           icon={props.icon}
-          className={`mr-3 h-5 w-5 text-gray-400 text-gray-700 hover:text-gray-900 ${props.iconClassName}`}
+          className={`mr-2.5 h-4 w-4 text-gray-400 group-hover:text-indigo-500 transition-colors duration-100 ${props.iconClassName}`}
         />
       )}
-      <div className="flex w-full justify-between">
-        <div>{props.text}</div>
+      <div className="flex w-full justify-between items-center">
+        <div className="font-medium">{props.text}</div>
         <div>{props.rightElement}</div>
       </div>
     </a>