@oneuptime/common 11.5.3 → 11.5.5

package/Types/Runbook/RunbookStep.ts

@@ -51,11 +51,35 @@ export interface BashStepConfig {
   claimTimeoutInMs?: number;
 }
 
+export interface AIStepConfig {
+  /*
+   * Instructions for the AI — what to analyze, summarize or decide. The
+   * model's response becomes the step output on the execution timeline.
+   */
+  prompt: string;
+  /*
+   * When true, the prompt includes everything about the steps that ran
+   * before this one: title, type, status, output and error message.
+   */
+  includePreviousStepContext?: boolean;
+  /*
+   * When true, the prompt includes context about what started this
+   * execution: the linked incident, alert or scheduled maintenance event,
+   * or the user who ran the runbook manually.
+   */
+  includeTriggerContext?: boolean;
+  /*
+   * Response token cap. Defaults to 4096; clamped server-side.
+   */
+  maxTokens?: number;
+}
+
 export type RunbookStepConfig =
   | ManualStepConfig
   | JavaScriptStepConfig
   | HttpRequestStepConfig
-  | BashStepConfig;
+  | BashStepConfig
+  | AIStepConfig;
 
 export interface RunbookStep {
   id: string;
@@ -64,7 +88,7 @@ export interface RunbookStep {
   title: string;
   description?: string;
   /*
-   * Only meaningful for automated steps (JavaScript, HttpRequest, Bash).
+   * Only meaningful for automated steps (JavaScript, HttpRequest, Bash, AI).
    * Manual steps have no failure semantics.
    */
   continueOnFailure?: boolean;

package/Types/Runbook/RunbookStepType.ts

@@ -3,6 +3,7 @@ enum RunbookStepType {
   JavaScript = "JavaScript",
   HttpRequest = "HttpRequest",
   Bash = "Bash",
+  AI = "AI",
 }
 
 export default RunbookStepType;

package/Types/Workflow/Component.ts

@@ -67,6 +67,13 @@ export interface Argument {
   type: ComponentInputType;
   id: string;
   isAdvanced?: boolean | undefined;
+  /**
+   * When true, the resolved value is replaced with a redaction marker in this
+   * component's WorkflowLog argument entry. The real value is still passed to
+   * the component at runtime. If it is reused by another component, that
+   * component's own argument metadata controls its logging.
+   */
+  isSensitive?: boolean | undefined;
   placeholder?: string | undefined;
 }
 
@@ -76,6 +83,12 @@ export interface ReturnValue {
   description: string;
   type: ComponentInputType;
   required: boolean;
+  /**
+   * When true, the returned value is available to downstream components but is
+   * redacted from this component's WorkflowLog return-value entry. A downstream
+   * component may still log the resolved value under its own metadata.
+   */
+  isSensitive?: boolean | undefined;
   placeholder?: string | undefined;
 }
 

package/Types/Workflow/ComponentID.ts

@@ -20,6 +20,7 @@ enum ComponentID {
   IfElse = "if-else",
   WorkflowRun = "workflow-run",
   Sleep = "sleep",
+  AIGenerateText = "ai-generate-text",
 }
 
 export default ComponentID;

package/Types/Workflow/Components/AI.ts

@@ -0,0 +1,148 @@
+import Route from "../../API/Route";
+import IconProp from "../../Icon/IconProp";
+import ComponentID from "../ComponentID";
+import ComponentMetadata, {
+  ComponentInputType,
+  ComponentType,
+} from "./../Component";
+
+const components: Array<ComponentMetadata> = [
+  {
+    id: ComponentID.AIGenerateText,
+    title: "Generate Text with AI",
+    category: "AI",
+    description:
+      "Generate text from an instruction and explicit workflow context using the project's configured LLM provider.",
+    iconProp: IconProp.Sparkles,
+    componentType: ComponentType.Component,
+    documentationLink: Route.fromString("/workflow/docs/AI.md"),
+    arguments: [
+      {
+        type: ComponentInputType.LongText,
+        name: "System Instructions",
+        description:
+          "Optional high-level instructions that define the model's role, tone, or constraints.",
+        required: false,
+        id: "system-prompt",
+        placeholder:
+          "Example: Write concise, customer-safe operational updates.",
+        isSensitive: true,
+      },
+      {
+        type: ComponentInputType.Markdown,
+        name: "Prompt",
+        description:
+          "The task for the model. You can insert values from variables or earlier workflow components.",
+        required: true,
+        id: "prompt",
+        placeholder: "Summarize the following incident for our support team.",
+        isSensitive: true,
+      },
+      {
+        type: ComponentInputType.JSON,
+        name: "Context",
+        description:
+          "Optional JSON data appended after an explicit marker as untrusted workflow context.",
+        required: false,
+        id: "context",
+        placeholder: '{ "incident": "{{...}}" }',
+        isSensitive: true,
+      },
+      {
+        type: ComponentInputType.Decimal,
+        name: "Temperature",
+        description:
+          "Controls variation from 0 to 1. Defaults to 0.2 for predictable workflow output.",
+        required: false,
+        id: "temperature",
+        placeholder: "0.2",
+        isAdvanced: true,
+      },
+      {
+        type: ComponentInputType.Number,
+        name: "Maximum Output Tokens",
+        description:
+          "Maximum tokens the model may generate, from 1 to 4096. Defaults to 1024.",
+        required: false,
+        id: "max-output-tokens",
+        placeholder: "1024",
+        isAdvanced: true,
+      },
+    ],
+    returnValues: [
+      {
+        type: ComponentInputType.LongText,
+        name: "Response",
+        description: "Text generated by the configured AI model.",
+        required: false,
+        id: "response",
+        isSensitive: true,
+      },
+      {
+        type: ComponentInputType.Text,
+        name: "Provider",
+        description: "Name of the LLM provider used for the request.",
+        required: false,
+        id: "provider",
+      },
+      {
+        type: ComponentInputType.Text,
+        name: "Model",
+        description: "Configured model name used for the request.",
+        required: false,
+        id: "model",
+      },
+      {
+        type: ComponentInputType.Number,
+        name: "Total Tokens",
+        description: "Total input and output tokens reported by the provider.",
+        required: false,
+        id: "total-tokens",
+      },
+      {
+        type: ComponentInputType.Number,
+        name: "Completion Tokens",
+        description: "Output tokens reported by the provider.",
+        required: false,
+        id: "completion-tokens",
+      },
+      {
+        type: ComponentInputType.Text,
+        name: "LLM Log ID",
+        description: "ID of the metered LLM log for this request.",
+        required: false,
+        id: "llm-log-id",
+      },
+      {
+        type: ComponentInputType.Text,
+        name: "Error",
+        description: "Error message when the request follows the Error port.",
+        required: false,
+        id: "error",
+      },
+    ],
+    inPorts: [
+      {
+        title: "In",
+        description:
+          "Connect the component that should run before AI generation.",
+        id: "in",
+      },
+    ],
+    outPorts: [
+      {
+        title: "Success",
+        description: "Runs when the model returns a response successfully.",
+        id: "success",
+      },
+      {
+        title: "Error",
+        description:
+          "Runs when validation, access, provider, budget, billing, or timeout checks fail.",
+        id: "error",
+      },
+    ],
+  },
+];
+
+export default components;

package/Types/Workflow/Components.ts

@@ -1,6 +1,7 @@
 import IconProp from "../Icon/IconProp";
 import ComponentMetadata, { ComponentCategory } from "./Component";
 import APIComponents from "./Components/API";
+import AIComponents from "./Components/AI";
 import ConditionComponents from "./Components/Condition";
 import DiscordComponents from "./Components/Discord";
 import EmailComponents from "./Components/Email";
@@ -17,6 +18,7 @@ import WebhookComponents from "./Components/Webhook";
 import WorkflowComponents from "./Components/Workflow";
 
 const components: Array<ComponentMetadata> = [
+  ...AIComponents,
   ...LogComponents,
   ...APIComponents,
   ...ScheduleComponents,
@@ -37,6 +39,12 @@ const components: Array<ComponentMetadata> = [
 export default components;
 
 export const Categories: Array<ComponentCategory> = [
+  {
+    name: "AI",
+    description:
+      "Generate content with the LLM provider configured for this project.",
+    icon: IconProp.Sparkles,
+  },
   {
     name: "Webhook",
     description: "Integrate any apps into the workflow with webhooks.",

package/UI/Components/AI/GenerateFromAIModal.tsx

@@ -98,7 +98,7 @@ const GenerateFromAIModal: FunctionComponent<GenerateFromAIModalProps> = (
       title={props.title}
       description={
         props.description ||
-        "Generate content using AI based on the available data."
+        "AI will generate content based on the available data."
       }
       onClose={() => {
         if (!isGenerating) {

package/UI/Components/Markdown.tsx/MarkdownViewer.tsx

@@ -648,6 +648,17 @@ const MarkdownViewer: FunctionComponent<ComponentProps> = (
 
             // Handle mermaid diagrams
             if (match && match[1] === "mermaid") {
+              /*
+               * Never render mermaid for untrusted content: a diagram can
+               * carry an image node whose src the renderer fetches on paint
+               * (a zero-click exfil channel). Show the source as a plain,
+               * non-executing code block instead.
+               */
+              if (safeMode) {
+                return (
+                  <CodeBlock language="mermaid" content={content} rest={rest} />
+                );
+              }
               return <MermaidDiagram chart={content} />;
             }
 

package/UI/Components/MoreMenu/MoreMenu.tsx

@@ -201,7 +201,7 @@ const MoreMenu: React.ForwardRefExoticComponent<
           <div
             ref={ref}
             id={menuId}
-            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"
+            className="absolute right-0 z-50 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/Table/Table.tsx

@@ -1,8 +1,11 @@
 import { GetReactElementFunction } from "../../Types/FunctionTypes";
 import useTranslateValue from "../../Utils/Translation";
+import TableColumnsToCsv from "../../Utils/TableColumnsToCsv";
 import ActionButtonSchema from "../ActionButton/ActionButtonSchema";
+import { ButtonStyleType } from "../Button/Button";
 import BulkUpdateForm, {
   BulkActionButtonSchema,
+  BulkActionOnClickProps,
 } from "../BulkUpdate/BulkUpdateForm";
 import ComponentLoader from "../ComponentLoader/ComponentLoader";
 import ErrorMessage from "../ErrorMessage/ErrorMessage";
@@ -15,6 +18,7 @@ import TableHeader from "./TableHeader";
 import Columns from "./Types/Columns";
 import SortOrder from "../../../Types/BaseDatabase/SortOrder";
 import GenericObject from "../../../Types/GenericObject";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { ReactElement, useEffect, useState } from "react";
 import { DragDropContext, DropResult } from "react-beautiful-dnd";
 
@@ -81,6 +85,12 @@ export interface ComponentProps<T extends GenericObject> {
   onBulkActionEnd?: (() => void) | undefined;
   onBulkActionStart?: (() => void) | undefined;
   bulkItemToString?: ((item: T) => string) | undefined;
+  /*
+   * Every table that exposes bulk actions also gets an "Export CSV" action for
+   * the selected rows by default. Set this to true to hide it (for example when
+   * the rows contain data that should not be downloaded as a file).
+   */
+  disableBulkCsvExport?: boolean | undefined;
 }
 
 type TableFunction = <T extends GenericObject>(
@@ -100,6 +110,32 @@ const Table: TableFunction = <T extends GenericObject>(
     props.bulkActions.buttons &&
     props.bulkActions.buttons.length > 0;
 
+  /*
+   * "Export CSV" is offered on every table that already exposes bulk actions.
+   * It exports the currently selected rows using the table's own visible
+   * columns (headers + formatted values) - "export what you see" - and runs
+   * entirely client-side from the already-loaded row data, so no extra
+   * requests or permissions are needed beyond the ability to view the rows.
+   */
+  const csvExportBulkAction: BulkActionButtonSchema<T> = {
+    title: "Export CSV",
+    icon: IconProp.Download,
+    buttonStyleType: ButtonStyleType.NORMAL,
+    onClick: (onClickProps: BulkActionOnClickProps<T>): Promise<void> => {
+      TableColumnsToCsv.exportItemsToCsv({
+        items: onClickProps.items,
+        columns: props.columns,
+        label: translatedPluralLabel,
+      });
+      return Promise.resolve();
+    },
+  };
+
+  const bulkActionButtons: Array<BulkActionButtonSchema<T>> =
+    isBulkActionsEnabled && !props.disableBulkCsvExport
+      ? [...props.bulkActions!.buttons, csvExportBulkAction]
+      : props.bulkActions?.buttons || [];
+
   const [isAllItemsSelected, setIsAllItemsSelected] = useState<boolean>(false);
   const [bulkSelectedItems, setBulkSelectedItems] = useState<Array<T>>([]);
   const [isMobile, setIsMobile] = useState<boolean>(false);
@@ -258,9 +294,9 @@ const Table: TableFunction = <T extends GenericObject>(
         filterData={props.filterData}
         onAdvancedFiltersToggle={props.onAdvancedFiltersToggle}
       />
-      {props.bulkActions?.buttons && (
+      {bulkActionButtons.length > 0 && (
         <BulkUpdateForm
-          buttons={props.bulkActions.buttons}
+          buttons={bulkActionButtons}
           onClearSelectionClick={() => {
             props.onBulkClearAllItems?.();
             setIsAllItemsSelected(false);