@oneuptime/common 10.0.38 → 10.0.40

package/Utils/Dashboard/Components/DashboardChartComponent.ts

@@ -4,11 +4,25 @@ import ObjectID from "../../../Types/ObjectID";
 import DashboardBaseComponentUtil from "./DashboardBaseComponent";
 import {
   ComponentArgument,
+  ComponentArgumentSection,
   ComponentInputType,
 } from "../../../Types/Dashboard/DashboardComponents/ComponentArgument";
 import DashboardComponentType from "../../../Types/Dashboard/DashboardComponentType";
 import DashboardChartType from "../../../Types/Dashboard/Chart/ChartType";
 
+const DataSourceSection: ComponentArgumentSection = {
+  name: "Data Source",
+  description: "Configure what data to display on the chart",
+  order: 1,
+};
+
+const DisplaySection: ComponentArgumentSection = {
+  name: "Display Options",
+  description: "Customize the chart appearance",
+  order: 2,
+  defaultCollapsed: true,
+};
+
 export default class DashboardChartComponentUtil extends DashboardBaseComponentUtil {
   public static override getDefaultComponent(): DashboardChartComponent {
     return {
@@ -23,6 +37,13 @@ export default class DashboardChartComponentUtil extends DashboardBaseComponentU
       minWidthInDashboardUnits: 6,
       arguments: {
         metricQueryConfig: {
+          metricAliasData: {
+            metricVariable: "a",
+            title: undefined,
+            description: undefined,
+            legend: undefined,
+            legendUnit: undefined,
+          },
           metricQueryData: {
             filterData: {},
             groupBy: undefined,
@@ -42,10 +63,11 @@ export default class DashboardChartComponentUtil extends DashboardBaseComponentU
 
     componentArguments.push({
       name: "Chart Type",
-      description: "Select the type of chart to display",
+      description: "How the data will be visualized",
       required: true,
       type: ComponentInputType.Dropdown,
       id: "chartType",
+      section: DataSourceSection,
       dropdownOptions: [
         {
           label: "Line Chart",
@@ -55,47 +77,56 @@ export default class DashboardChartComponentUtil extends DashboardBaseComponentU
           label: "Bar Chart",
           value: DashboardChartType.Bar,
         },
+        {
+          label: "Area Chart",
+          value: DashboardChartType.Area,
+        },
+        {
+          label: "Stacked Area Chart",
+          value: DashboardChartType.StackedArea,
+        },
+        {
+          label: "Pie Chart",
+          value: DashboardChartType.Pie,
+        },
       ],
     });
 
     componentArguments.push({
-      name: "Chart Configuration",
-      description: "Please select the metrics to display on the chart",
+      name: "Metric Query",
+      description: "Select the metric and filters for this chart",
       required: true,
       type: ComponentInputType.MetricsQueryConfig,
       id: "metricQueryConfig",
+      section: DataSourceSection,
     });
 
     componentArguments.push({
-      name: "Chart Title",
-      description: "The title of the chart",
+      name: "Additional Queries",
+      description: "Overlay more metrics on the same chart",
       required: false,
-      type: ComponentInputType.Text,
-      id: "chartTitle",
+      type: ComponentInputType.MetricsQueryConfigs,
+      id: "metricQueryConfigs",
+      isAdvanced: true,
+      section: DataSourceSection,
     });
 
     componentArguments.push({
-      name: "Chart Description",
-      description: "Description of the chart",
-      required: false,
-      type: ComponentInputType.LongText,
-      id: "chartDescription",
-    });
-
-    componentArguments.push({
-      name: "Legend Text",
-      description: "The text to display in the legend",
+      name: "Title",
+      description: "Displayed above the chart",
       required: false,
       type: ComponentInputType.Text,
-      id: "legendText",
+      id: "chartTitle",
+      section: DisplaySection,
     });
 
     componentArguments.push({
-      name: "Legend Unit",
-      description: "The unit to display in the legend",
+      name: "Description",
+      description: "Subtitle shown below the title",
       required: false,
-      type: ComponentInputType.Text,
-      id: "legendUnit",
+      type: ComponentInputType.LongText,
+      id: "chartDescription",
+      section: DisplaySection,
     });
 
     return componentArguments;

package/Utils/Dashboard/Components/DashboardGaugeComponent.ts

@@ -0,0 +1,124 @@
+import DashboardGaugeComponent from "../../../Types/Dashboard/DashboardComponents/DashboardGaugeComponent";
+import { ObjectType } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
+import DashboardBaseComponentUtil from "./DashboardBaseComponent";
+import {
+  ComponentArgument,
+  ComponentArgumentSection,
+  ComponentInputType,
+} from "../../../Types/Dashboard/DashboardComponents/ComponentArgument";
+import DashboardComponentType from "../../../Types/Dashboard/DashboardComponentType";
+
+const DataSourceSection: ComponentArgumentSection = {
+  name: "Data Source",
+  description: "Configure which metric to display on the gauge",
+  order: 1,
+};
+
+const DisplaySection: ComponentArgumentSection = {
+  name: "Display Options",
+  description: "Customize the gauge range and appearance",
+  order: 2,
+  defaultCollapsed: true,
+};
+
+const ThresholdsSection: ComponentArgumentSection = {
+  name: "Thresholds",
+  description: "Set warning and critical levels",
+  order: 3,
+  defaultCollapsed: true,
+};
+
+export default class DashboardGaugeComponentUtil extends DashboardBaseComponentUtil {
+  public static override getDefaultComponent(): DashboardGaugeComponent {
+    return {
+      _type: ObjectType.DashboardComponent,
+      componentType: DashboardComponentType.Gauge,
+      widthInDashboardUnits: 3,
+      heightInDashboardUnits: 3,
+      topInDashboardUnits: 0,
+      leftInDashboardUnits: 0,
+      componentId: ObjectID.generate(),
+      minHeightInDashboardUnits: 2,
+      minWidthInDashboardUnits: 2,
+      arguments: {
+        metricQueryConfig: {
+          metricQueryData: {
+            filterData: {},
+            groupBy: undefined,
+          },
+        },
+        minValue: 0,
+        maxValue: 100,
+      },
+    };
+  }
+
+  public static override getComponentConfigArguments(): Array<
+    ComponentArgument<DashboardGaugeComponent>
+  > {
+    const componentArguments: Array<
+      ComponentArgument<DashboardGaugeComponent>
+    > = [];
+
+    componentArguments.push({
+      name: "Metric Query",
+      description: "Select the metric to display on the gauge",
+      required: true,
+      type: ComponentInputType.MetricsQueryConfig,
+      id: "metricQueryConfig",
+      section: DataSourceSection,
+    });
+
+    componentArguments.push({
+      name: "Title",
+      description: "Label shown above the gauge",
+      required: false,
+      type: ComponentInputType.Text,
+      id: "gaugeTitle",
+      section: DisplaySection,
+    });
+
+    componentArguments.push({
+      name: "Min Value",
+      description: "Left end of the gauge scale",
+      required: false,
+      type: ComponentInputType.Number,
+      id: "minValue",
+      placeholder: "0",
+      section: DisplaySection,
+    });
+
+    componentArguments.push({
+      name: "Max Value",
+      description: "Right end of the gauge scale",
+      required: false,
+      type: ComponentInputType.Number,
+      id: "maxValue",
+      placeholder: "100",
+      section: DisplaySection,
+    });
+
+    componentArguments.push({
+      name: "Warning Threshold",
+      description: "Yellow zone starts at this value",
+      required: false,
+      type: ComponentInputType.Number,
+      id: "warningThreshold",
+      isAdvanced: true,
+      section: ThresholdsSection,
+    });
+
+    componentArguments.push({
+      name: "Critical Threshold",
+      description: "Red zone starts at this value",
+      required: false,
+      type: ComponentInputType.Number,
+      id: "criticalThreshold",
+      isAdvanced: true,
+      section: ThresholdsSection,
+    });
+
+    return componentArguments;
+  }
+}

package/Utils/Dashboard/Components/DashboardLogStreamComponent.ts

@@ -0,0 +1,110 @@
+import DashboardLogStreamComponent from "../../../Types/Dashboard/DashboardComponents/DashboardLogStreamComponent";
+import { ObjectType } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
+import DashboardBaseComponentUtil from "./DashboardBaseComponent";
+import {
+  ComponentArgument,
+  ComponentArgumentSection,
+  ComponentInputType,
+} from "../../../Types/Dashboard/DashboardComponents/ComponentArgument";
+import DashboardComponentType from "../../../Types/Dashboard/DashboardComponentType";
+
+const DisplaySection: ComponentArgumentSection = {
+  name: "Display Options",
+  description: "Configure the widget title and row limit",
+  order: 1,
+};
+
+const FiltersSection: ComponentArgumentSection = {
+  name: "Filters",
+  description: "Narrow down which logs are shown",
+  order: 2,
+  defaultCollapsed: true,
+};
+
+export default class DashboardLogStreamComponentUtil extends DashboardBaseComponentUtil {
+  public static override getDefaultComponent(): DashboardLogStreamComponent {
+    return {
+      _type: ObjectType.DashboardComponent,
+      componentType: DashboardComponentType.LogStream,
+      widthInDashboardUnits: 6,
+      heightInDashboardUnits: 4,
+      topInDashboardUnits: 0,
+      leftInDashboardUnits: 0,
+      componentId: ObjectID.generate(),
+      minHeightInDashboardUnits: 3,
+      minWidthInDashboardUnits: 6,
+      arguments: {
+        maxRows: 50,
+      },
+    };
+  }
+
+  public static override getComponentConfigArguments(): Array<
+    ComponentArgument<DashboardLogStreamComponent>
+  > {
+    const componentArguments: Array<
+      ComponentArgument<DashboardLogStreamComponent>
+    > = [];
+
+    componentArguments.push({
+      name: "Title",
+      description: "Header shown above the log stream",
+      required: false,
+      type: ComponentInputType.Text,
+      id: "title",
+      section: DisplaySection,
+    });
+
+    componentArguments.push({
+      name: "Max Rows",
+      description: "Maximum number of log entries to show",
+      required: false,
+      type: ComponentInputType.Number,
+      id: "maxRows",
+      placeholder: "50",
+      section: DisplaySection,
+    });
+
+    componentArguments.push({
+      name: "Severity",
+      description: "Show only logs of this severity level",
+      required: false,
+      type: ComponentInputType.Dropdown,
+      id: "severityFilter",
+      section: FiltersSection,
+      dropdownOptions: [
+        { label: "All", value: "" },
+        { label: "Trace", value: "Trace" },
+        { label: "Debug", value: "Debug" },
+        { label: "Information", value: "Information" },
+        { label: "Warning", value: "Warning" },
+        { label: "Error", value: "Error" },
+        { label: "Fatal", value: "Fatal" },
+      ],
+    });
+
+    componentArguments.push({
+      name: "Body Contains",
+      description: "Show only logs containing this text",
+      required: false,
+      type: ComponentInputType.Text,
+      id: "bodyContains",
+      placeholder: "Search text...",
+      section: FiltersSection,
+    });
+
+    componentArguments.push({
+      name: "Attribute Filters",
+      description:
+        "Filter by attributes, e.g. @k8s.pod.name:my-pod @http.status_code:500",
+      required: false,
+      type: ComponentInputType.LongText,
+      id: "attributeFilterQuery",
+      placeholder: "@key:value @another.key:value",
+      section: FiltersSection,
+    });
+
+    return componentArguments;
+  }
+}

package/Utils/Dashboard/Components/DashboardTableComponent.ts

@@ -0,0 +1,86 @@
+import DashboardTableComponent from "../../../Types/Dashboard/DashboardComponents/DashboardTableComponent";
+import { ObjectType } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
+import DashboardBaseComponentUtil from "./DashboardBaseComponent";
+import {
+  ComponentArgument,
+  ComponentArgumentSection,
+  ComponentInputType,
+} from "../../../Types/Dashboard/DashboardComponents/ComponentArgument";
+import DashboardComponentType from "../../../Types/Dashboard/DashboardComponentType";
+
+const DataSourceSection: ComponentArgumentSection = {
+  name: "Data Source",
+  description: "Configure which metrics to display in the table",
+  order: 1,
+};
+
+const DisplaySection: ComponentArgumentSection = {
+  name: "Display Options",
+  description: "Customize the table appearance",
+  order: 2,
+  defaultCollapsed: true,
+};
+
+export default class DashboardTableComponentUtil extends DashboardBaseComponentUtil {
+  public static override getDefaultComponent(): DashboardTableComponent {
+    return {
+      _type: ObjectType.DashboardComponent,
+      componentType: DashboardComponentType.Table,
+      widthInDashboardUnits: 6,
+      heightInDashboardUnits: 4,
+      topInDashboardUnits: 0,
+      leftInDashboardUnits: 0,
+      componentId: ObjectID.generate(),
+      minHeightInDashboardUnits: 3,
+      minWidthInDashboardUnits: 4,
+      arguments: {
+        metricQueryConfig: {
+          metricQueryData: {
+            filterData: {},
+            groupBy: undefined,
+          },
+        },
+        maxRows: 20,
+      },
+    };
+  }
+
+  public static override getComponentConfigArguments(): Array<
+    ComponentArgument<DashboardTableComponent>
+  > {
+    const componentArguments: Array<
+      ComponentArgument<DashboardTableComponent>
+    > = [];
+
+    componentArguments.push({
+      name: "Metric Query",
+      description: "Select the metrics to display in the table",
+      required: true,
+      type: ComponentInputType.MetricsQueryConfig,
+      id: "metricQueryConfig",
+      section: DataSourceSection,
+    });
+
+    componentArguments.push({
+      name: "Title",
+      description: "Header shown above the table",
+      required: false,
+      type: ComponentInputType.Text,
+      id: "tableTitle",
+      section: DisplaySection,
+    });
+
+    componentArguments.push({
+      name: "Max Rows",
+      description: "Maximum number of rows to show",
+      required: false,
+      type: ComponentInputType.Number,
+      id: "maxRows",
+      placeholder: "20",
+      section: DisplaySection,
+    });
+
+    return componentArguments;
+  }
+}

package/Utils/Dashboard/Components/DashboardTextComponent.ts

@@ -1,5 +1,6 @@
 import {
   ComponentArgument,
+  ComponentArgumentSection,
   ComponentInputType,
 } from "../../../Types/Dashboard/DashboardComponents/ComponentArgument";
 import DashboardTextComponent from "../../../Types/Dashboard/DashboardComponents/DashboardTextComponent";
@@ -8,6 +9,19 @@ import { ObjectType } from "../../../Types/JSON";
 import ObjectID from "../../../Types/ObjectID";
 import DashboardBaseComponentUtil from "./DashboardBaseComponent";
 
+const ContentSection: ComponentArgumentSection = {
+  name: "Content",
+  description: "The text content to display",
+  order: 1,
+};
+
+const FormattingSection: ComponentArgumentSection = {
+  name: "Formatting",
+  description: "Text style options",
+  order: 2,
+  defaultCollapsed: true,
+};
+
 export default class DashboardTextComponentUtil extends DashboardBaseComponentUtil {
   public static override getDefaultComponent(): DashboardTextComponent {
     return {
@@ -22,6 +36,7 @@ export default class DashboardTextComponentUtil extends DashboardBaseComponentUt
         isBold: false,
         isItalic: false,
         isUnderline: false,
+        isMarkdown: false,
       },
       componentId: ObjectID.generate(),
       minHeightInDashboardUnits: 1,
@@ -37,38 +52,48 @@ export default class DashboardTextComponentUtil extends DashboardBaseComponentUt
 
     componentArguments.push({
       name: "Text",
-      description: "The text to display",
+      description: "The text to display in the widget",
       required: true,
       type: ComponentInputType.LongText,
       id: "text",
       placeholder: "Hello, World!",
+      section: ContentSection,
     });
 
     componentArguments.push({
       name: "Bold",
-      description: "Whether the text should be bold",
+      description: "Make text bold",
       required: false,
       type: ComponentInputType.Boolean,
       id: "isBold",
-      placeholder: "false",
+      section: FormattingSection,
     });
 
     componentArguments.push({
       name: "Italic",
-      description: "Whether the text should be italic",
+      description: "Make text italic",
       required: false,
       type: ComponentInputType.Boolean,
       id: "isItalic",
-      placeholder: "false",
+      section: FormattingSection,
     });
 
     componentArguments.push({
       name: "Underline",
-      description: "Whether the text should be underlined",
+      description: "Underline the text",
       required: false,
       type: ComponentInputType.Boolean,
       id: "isUnderline",
-      placeholder: "false",
+      section: FormattingSection,
+    });
+
+    componentArguments.push({
+      name: "Markdown",
+      description: "Render as markdown (headers, links, lists, code, tables)",
+      required: false,
+      type: ComponentInputType.Boolean,
+      id: "isMarkdown",
+      section: FormattingSection,
     });
 
     return componentArguments;

package/Utils/Dashboard/Components/DashboardTraceListComponent.ts

@@ -0,0 +1,86 @@
+import DashboardTraceListComponent from "../../../Types/Dashboard/DashboardComponents/DashboardTraceListComponent";
+import { ObjectType } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
+import DashboardBaseComponentUtil from "./DashboardBaseComponent";
+import {
+  ComponentArgument,
+  ComponentArgumentSection,
+  ComponentInputType,
+} from "../../../Types/Dashboard/DashboardComponents/ComponentArgument";
+import DashboardComponentType from "../../../Types/Dashboard/DashboardComponentType";
+
+const DisplaySection: ComponentArgumentSection = {
+  name: "Display Options",
+  description: "Configure the widget title and row limit",
+  order: 1,
+};
+
+const FiltersSection: ComponentArgumentSection = {
+  name: "Filters",
+  description: "Narrow down which traces are shown",
+  order: 2,
+  defaultCollapsed: true,
+};
+
+export default class DashboardTraceListComponentUtil extends DashboardBaseComponentUtil {
+  public static override getDefaultComponent(): DashboardTraceListComponent {
+    return {
+      _type: ObjectType.DashboardComponent,
+      componentType: DashboardComponentType.TraceList,
+      widthInDashboardUnits: 6,
+      heightInDashboardUnits: 4,
+      topInDashboardUnits: 0,
+      leftInDashboardUnits: 0,
+      componentId: ObjectID.generate(),
+      minHeightInDashboardUnits: 3,
+      minWidthInDashboardUnits: 6,
+      arguments: {
+        maxRows: 50,
+      },
+    };
+  }
+
+  public static override getComponentConfigArguments(): Array<
+    ComponentArgument<DashboardTraceListComponent>
+  > {
+    const componentArguments: Array<
+      ComponentArgument<DashboardTraceListComponent>
+    > = [];
+
+    componentArguments.push({
+      name: "Title",
+      description: "Header shown above the trace list",
+      required: false,
+      type: ComponentInputType.Text,
+      id: "title",
+      section: DisplaySection,
+    });
+
+    componentArguments.push({
+      name: "Max Rows",
+      description: "Maximum number of traces to show",
+      required: false,
+      type: ComponentInputType.Number,
+      id: "maxRows",
+      placeholder: "50",
+      section: DisplaySection,
+    });
+
+    componentArguments.push({
+      name: "Status",
+      description: "Show only traces with this status",
+      required: false,
+      type: ComponentInputType.Dropdown,
+      id: "statusFilter",
+      section: FiltersSection,
+      dropdownOptions: [
+        { label: "All", value: "" },
+        { label: "Ok", value: "1" },
+        { label: "Error", value: "2" },
+        { label: "Unset", value: "0" },
+      ],
+    });
+
+    return componentArguments;
+  }
+}

package/Utils/Dashboard/Components/DashboardValueComponent.ts

@@ -1,5 +1,6 @@
 import {
   ComponentArgument,
+  ComponentArgumentSection,
   ComponentInputType,
 } from "../../../Types/Dashboard/DashboardComponents/ComponentArgument";
 import DashboardValueComponent from "../../../Types/Dashboard/DashboardComponents/DashboardValueComponent";
@@ -8,6 +9,19 @@ import { ObjectType } from "../../../Types/JSON";
 import ObjectID from "../../../Types/ObjectID";
 import DashboardBaseComponentUtil from "./DashboardBaseComponent";
 
+const DataSourceSection: ComponentArgumentSection = {
+  name: "Data Source",
+  description: "Configure which metric to display",
+  order: 1,
+};
+
+const ThresholdsSection: ComponentArgumentSection = {
+  name: "Thresholds",
+  description: "Set warning and critical levels",
+  order: 2,
+  defaultCollapsed: true,
+};
+
 export default class DashboardValueComponentUtil extends DashboardBaseComponentUtil {
   public static override getDefaultComponent(): DashboardValueComponent {
     return {
@@ -41,18 +55,40 @@ export default class DashboardValueComponentUtil extends DashboardBaseComponentU
 
     componentArguments.push({
       name: "Title",
-      description: "The title to display",
+      description: "Label shown above the value",
       required: false,
       type: ComponentInputType.Text,
       id: "title",
+      section: DataSourceSection,
     });
 
     componentArguments.push({
-      name: "Value Configuration",
-      description: "Please select the metric to display",
+      name: "Metric Query",
+      description: "Select the metric to display as a value",
       required: true,
       type: ComponentInputType.MetricsQueryConfig,
       id: "metricQueryConfig",
+      section: DataSourceSection,
+    });
+
+    componentArguments.push({
+      name: "Warning Threshold",
+      description: "Yellow background when value exceeds this",
+      required: false,
+      type: ComponentInputType.Number,
+      id: "warningThreshold",
+      isAdvanced: true,
+      section: ThresholdsSection,
+    });
+
+    componentArguments.push({
+      name: "Critical Threshold",
+      description: "Red background when value exceeds this",
+      required: false,
+      type: ComponentInputType.Number,
+      id: "criticalThreshold",
+      isAdvanced: true,
+      section: ThresholdsSection,
     });
 
     return componentArguments;