@burdenoff/fluidgrids-fe-sdk 2026.1027.3 → 2026.1027.4

package/dist/{chunk-2FMJYM76.js → chunk-HDQZGCUY.js}

@@ -1,8 +1,9 @@
-import { useFluidGridsFlag, FLUIDGRIDS_FLAGS, LogStreamingTab } from './chunk-ABZDOQHY.js';
+import { useFluidGridsFlag, FLUIDGRIDS_FLAGS, LogStreamingTab } from './chunk-BAPA4FLZ.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { useFlowStore } from './chunk-WXYF5RS5.js';
-import { useWorkflowDefinitionQuery, useUpdateWorkflowDefinitionMutation, useWorkflowDefinitionsQuery } from './chunk-QRJ7SYR2.js';
+import { useFlowStore, useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, throwIfResultError } from './chunk-SCPH5T5I.js';
+import { useWorkflowDefinitionQuery, useUpdateWorkflowDefinitionMutation, useWorkflowDefinitionsQuery } from './chunk-2NUE2X74.js';
 import { useTr } from './chunk-UULVIT25.js';
+import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { useState, useMemo, useEffect, useCallback } from 'react';
 import { useNavigate, useParams } from 'react-router';
 import { Icon } from '@iconify/react';
@@ -10,6 +11,336 @@ import { Button } from '@burdenoff/fe-libs/button';
 import { Tabs, TabsList, TabsTrigger, TabsContent, Input, Switch, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Card, CardHeader, Label, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@burdenoff/fe-libs/ui';
 import { toast } from 'sonner';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { gql } from '@apollo/client';
+
+function SettingRow({
+  label,
+  description,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-text-primary", children: label }),
+      description && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary mt-0.5", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "shrink-0", children })
+  ] });
+}
+var FIELDS = `
+  saveSuccessfulRuns
+  saveFailedRuns
+  saveManualRuns
+  retentionDays
+  retentionMaxRunsPerWorkflow
+  customized
+  updatedAt
+`;
+var RUN_DATA_SETTINGS_QUERY = gql`
+  query WorkflowExecutionSettings {
+    workflowExecutionSettings {
+      ${FIELDS}
+    }
+  }
+`;
+var UPDATE_RUN_DATA_SETTINGS = gql`
+  mutation UpdateWorkflowExecutionSettings($input: UpdateWorkflowExecutionSettingsInput!) {
+    updateWorkflowExecutionSettings(input: $input) {
+      ${FIELDS}
+    }
+  }
+`;
+function useRunDataSettings() {
+  const [settings, setSettings] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    getFluidGridsClient().query({
+      query: RUN_DATA_SETTINGS_QUERY,
+      fetchPolicy: "network-only"
+    }).then((result) => {
+      throwIfResultError(result);
+      if (!cancelled)
+        setSettings(result.data?.workflowExecutionSettings ?? null);
+    }).catch((err) => {
+      if (!cancelled)
+        setError(err instanceof Error ? err : new Error(String(err)));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const save = useCallback(async (changes) => {
+    const result = await getFluidGridsClient().mutate({ mutation: UPDATE_RUN_DATA_SETTINGS, variables: { input: changes } });
+    throwIfResultError(result);
+    const saved = result.data?.updateWorkflowExecutionSettings;
+    if (!saved) throw new Error("No settings returned");
+    setSettings(saved);
+    return saved;
+  }, []);
+  return { settings, loading, error, save };
+}
+
+// src/modules/settings/utils/run-data.ts
+function toSavingChoice(value) {
+  if (value === void 0) return "default";
+  return value ? "save" : "skip";
+}
+function fromSavingChoice(choice) {
+  if (choice === "save") return true;
+  if (choice === "skip") return false;
+  return void 0;
+}
+function compactOverrides(value) {
+  if (!value) return void 0;
+  const entries = Object.entries(value).filter(([, v]) => v !== void 0);
+  return entries.length > 0 ? Object.fromEntries(entries) : void 0;
+}
+var RETENTION_DAYS_RANGE = { min: 1, max: 3650 };
+var RETENTION_MAX_RUNS_RANGE = { min: 1, max: 1e6 };
+function parseBoundedInt(value, range) {
+  if (value.trim() === "") return void 0;
+  const parsed = Number(value);
+  if (!Number.isFinite(parsed)) return void 0;
+  return Math.min(range.max, Math.max(range.min, Math.trunc(parsed)));
+}
+function RunDataTab() {
+  const tr = useTr();
+  const { settings, loading, error, save } = useRunDataSettings();
+  const [form, setForm] = useState(null);
+  const [saving, setSaving] = useState(false);
+  const { allowed: canEdit } = useFluidGridsPermission(
+    FLUIDGRIDS_PERMISSIONS.WORKFLOW_DELETE
+  );
+  const locked = loading || !form || saving || !canEdit;
+  useEffect(() => {
+    if (!settings) return;
+    setForm({
+      saveSuccessfulRuns: settings.saveSuccessfulRuns,
+      saveFailedRuns: settings.saveFailedRuns,
+      saveManualRuns: settings.saveManualRuns,
+      retentionDays: String(settings.retentionDays),
+      retentionMaxRunsPerWorkflow: String(settings.retentionMaxRunsPerWorkflow)
+    });
+  }, [settings]);
+  const handleSave = async () => {
+    if (!form) return;
+    const retentionDays = parseBoundedInt(
+      form.retentionDays,
+      RETENTION_DAYS_RANGE
+    );
+    const retentionMaxRunsPerWorkflow = parseBoundedInt(
+      form.retentionMaxRunsPerWorkflow,
+      RETENTION_MAX_RUNS_RANGE
+    );
+    if (retentionDays === void 0 || retentionMaxRunsPerWorkflow === void 0) {
+      toast.error(
+        tr(
+          "fluidgrids.settings.runData.numbersRequired",
+          "Enter a number of days and a number of runs."
+        )
+      );
+      return;
+    }
+    setSaving(true);
+    try {
+      await save({
+        saveSuccessfulRuns: form.saveSuccessfulRuns,
+        saveFailedRuns: form.saveFailedRuns,
+        saveManualRuns: form.saveManualRuns,
+        retentionDays,
+        retentionMaxRunsPerWorkflow
+      });
+      toast.success(
+        tr("fluidgrids.settings.runData.savedToast", "Run data settings saved")
+      );
+    } catch (err) {
+      toast.error(
+        tr(
+          "fluidgrids.settings.runData.saveFailedToast",
+          "Failed to save settings"
+        ),
+        { description: err instanceof Error ? err.message : void 0 }
+      );
+    } finally {
+      setSaving(false);
+    }
+  };
+  if (error) {
+    return /* @__PURE__ */ jsx("p", { className: "text-sm text-status-error-text", role: "alert", children: tr(
+      "fluidgrids.settings.runData.loadFailed",
+      "Could not load the run data settings."
+    ) });
+  }
+  const setFlag = (key) => (checked) => setForm((f) => f ? { ...f, [key]: checked } : f);
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "run-data-settings", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 p-3 rounded-lg bg-background-secondary border border-border-secondary mb-6", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: "mdi:database-clock-outline",
+          width: 18,
+          className: "text-text-secondary shrink-0 mt-0.5"
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: tr(
+        "fluidgrids.settings.runData.intro",
+        "These apply to every workflow in this workspace unless its own Execution settings say otherwise. A run whose data is not kept still shows its status, timings and error."
+      ) })
+    ] }),
+    !canEdit && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary mb-4", role: "note", children: tr(
+      "fluidgrids.settings.runData.readOnly",
+      "You can see these settings but not change them: changing them needs permission to delete workflows."
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "divide-y divide-border-secondary", children: [
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: tr(
+            "fluidgrids.settings.runData.saveSuccessfulLabel",
+            "Keep data of successful runs"
+          ),
+          description: tr(
+            "fluidgrids.settings.runData.saveSuccessfulDescription",
+            "Trigger data, node inputs and outputs, and logs of runs that finished successfully."
+          ),
+          children: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              "aria-label": tr(
+                "fluidgrids.settings.runData.saveSuccessfulLabel",
+                "Keep data of successful runs"
+              ),
+              checked: form?.saveSuccessfulRuns ?? true,
+              onCheckedChange: setFlag("saveSuccessfulRuns"),
+              disabled: locked
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: tr(
+            "fluidgrids.settings.runData.saveFailedLabel",
+            "Keep data of failed runs"
+          ),
+          description: tr(
+            "fluidgrids.settings.runData.saveFailedDescription",
+            "Runs that failed, were cancelled or were stopped."
+          ),
+          children: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              "aria-label": tr(
+                "fluidgrids.settings.runData.saveFailedLabel",
+                "Keep data of failed runs"
+              ),
+              checked: form?.saveFailedRuns ?? true,
+              onCheckedChange: setFlag("saveFailedRuns"),
+              disabled: locked
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: tr(
+            "fluidgrids.settings.runData.saveManualLabel",
+            "Keep data of test runs"
+          ),
+          description: tr(
+            "fluidgrids.settings.runData.saveManualDescription",
+            "Runs started from the editor to test a workflow."
+          ),
+          children: /* @__PURE__ */ jsx(
+            Switch,
+            {
+              "aria-label": tr(
+                "fluidgrids.settings.runData.saveManualLabel",
+                "Keep data of test runs"
+              ),
+              checked: form?.saveManualRuns ?? true,
+              onCheckedChange: setFlag("saveManualRuns"),
+              disabled: locked
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: tr(
+            "fluidgrids.settings.runData.retentionDaysLabel",
+            "Delete runs after"
+          ),
+          description: tr(
+            "fluidgrids.settings.runData.retentionDaysDescription",
+            "Finished runs older than this are deleted, with their data. If your plan keeps run history for less time, the plan's limit applies."
+          ),
+          children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "number",
+                min: RETENTION_DAYS_RANGE.min,
+                max: RETENTION_DAYS_RANGE.max,
+                "aria-label": tr(
+                  "fluidgrids.settings.runData.retentionDaysLabel",
+                  "Delete runs after"
+                ),
+                value: form?.retentionDays ?? "",
+                onChange: (e) => {
+                  const retentionDays = e.target.value;
+                  setForm((f) => f ? { ...f, retentionDays } : f);
+                },
+                disabled: locked,
+                className: "w-[100px] text-right"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr("fluidgrids.settings.runData.daysUnit", "days") })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: tr(
+            "fluidgrids.settings.runData.maxRunsLabel",
+            "Runs kept per workflow"
+          ),
+          description: tr(
+            "fluidgrids.settings.runData.maxRunsDescription",
+            "Beyond this many finished runs, the oldest are deleted."
+          ),
+          children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: RETENTION_MAX_RUNS_RANGE.min,
+              max: RETENTION_MAX_RUNS_RANGE.max,
+              "aria-label": tr(
+                "fluidgrids.settings.runData.maxRunsLabel",
+                "Runs kept per workflow"
+              ),
+              value: form?.retentionMaxRunsPerWorkflow ?? "",
+              onChange: (e) => {
+                const retentionMaxRunsPerWorkflow = e.target.value;
+                setForm((f) => f ? { ...f, retentionMaxRunsPerWorkflow } : f);
+              },
+              disabled: locked,
+              className: "w-[120px] text-right"
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx(Button, { onClick: () => void handleSave(), disabled: locked, children: saving ? tr("fluidgrids.settings.runData.saving", "Saving\u2026") : tr("fluidgrids.settings.runData.save", "Save") }) })
+  ] });
+}
 
 // src/modules/settings/utils/error-trigger.ts
 var ERROR_TRIGGER_NODE_TYPE = "internal:error-trigger";
@@ -26,24 +357,45 @@ function hasErrorTriggerNode(definitionJson) {
 // src/modules/settings/utils/optional-positive-int.ts
 function parseOptionalPositiveInt(value) {
   if (value.trim() === "") return void 0;
-  const parsed = Number.parseInt(value, 10);
-  return Number.isFinite(parsed) ? Math.max(1, parsed) : void 0;
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? Math.max(1, Math.trunc(parsed)) : void 0;
 }
 
 // src/modules/settings/utils/workflow-settings-persistence.ts
+var DATA_SAVING_KEYS = [
+  "saveSuccessExecutions",
+  "saveFailedExecutions",
+  "saveManualExecutions"
+];
+var RETENTION_KEYS = [
+  "maxAgeDays",
+  "maxRuns"
+];
 function mergeWorkflowExecutionSettings(existing, next) {
-  const existingDataSaving = existing.dataSaving;
-  const nextDataSaving = next.dataSaving;
-  return {
-    ...existing,
-    ...next,
-    ...existingDataSaving || nextDataSaving ? {
-      dataSaving: {
-        ...isRecord(existingDataSaving) ? existingDataSaving : {},
-        ...nextDataSaving ?? {}
-      }
-    } : {}
-  };
+  const merged = { ...existing, ...next };
+  for (const [key, editable] of [
+    ["dataSaving", DATA_SAVING_KEYS],
+    ["retention", RETENTION_KEYS]
+  ]) {
+    const nested = mergeNested(existing[key], next[key], editable);
+    if (nested) merged[key] = nested;
+    else delete merged[key];
+  }
+  return merged;
+}
+function mergeNested(existing, next, editable) {
+  const editableKeys = new Set(editable);
+  const kept = Object.fromEntries(
+    Object.entries(isRecord(existing) ? existing : {}).filter(
+      ([key]) => !editableKeys.has(key)
+    )
+  );
+  const result = Object.fromEntries(
+    Object.entries({ ...kept, ...next ?? {} }).filter(
+      ([, value]) => value !== void 0
+    )
+  );
+  return Object.keys(result).length > 0 ? result : void 0;
 }
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -120,19 +472,6 @@ function CopyButton({ value, label }) {
     ] })
   ] }) });
 }
-function SettingRow({
-  label,
-  description,
-  children
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 py-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-text-primary", children: label }),
-      description && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary mt-0.5", children: description })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "shrink-0", children })
-  ] });
-}
 function GeneralTab() {
   const tr = useTr();
   const settings = DEFAULT_SETTINGS.general;
@@ -206,6 +545,10 @@ function ExecutionTab({ workflowKey }) {
     fetchPolicy: "cache-and-network"
   });
   const [updateWorkflowDefinition, { loading: saving }] = useUpdateWorkflowDefinitionMutation();
+  const { allowed: canEdit } = useFluidGridsPermission(
+    FLUIDGRIDS_PERMISSIONS.WORKFLOW_UPDATE
+  );
+  const locked = loading || saving || !canEdit;
   const { data: otherWorkflowsData, loading: otherWorkflowsLoading } = useWorkflowDefinitionsQuery({
     variables: { input: { latestOnly: true, limit: 100 } }
   });
@@ -218,6 +561,7 @@ function ExecutionTab({ workflowKey }) {
   }, [workflow?.definitionJson]);
   const [form, setForm] = useState(persistedConfig);
   useEffect(() => setForm(persistedConfig), [persistedConfig]);
+  const runData = useRunDataSettings();
   const selectedErrorWorkflowKey = form.errorWorkflowKey;
   const { data: errorWorkflowData } = useWorkflowDefinitionQuery({
     variables: { workflowKey: selectedErrorWorkflowKey ?? "" },
@@ -335,7 +679,7 @@ function ExecutionTab({ workflowKey }) {
                   ...f,
                   timeout: parseOptionalPositiveInt(e.target.value)
                 })),
-                disabled: loading,
+                disabled: locked,
                 className: "w-[100px] text-right"
               }
             ),
@@ -375,7 +719,7 @@ function ExecutionTab({ workflowKey }) {
                 ...f,
                 maxParallelism: parseOptionalPositiveInt(e.target.value)
               })),
-              disabled: loading,
+              disabled: locked,
               className: "w-[100px] text-right"
             }
           )
@@ -400,7 +744,7 @@ function ExecutionTab({ workflowKey }) {
                 ...f,
                 onError: e.target.value
               })),
-              disabled: loading,
+              disabled: locked,
               className: "w-[160px] rounded-md border border-border-secondary bg-background-secondary px-2 py-1.5 text-sm text-text-primary",
               children: [
                 /* @__PURE__ */ jsx("option", { value: "stop", children: tr("fluidgrids.settings.execution.onErrorStop", "Stop") }),
@@ -431,7 +775,7 @@ function ExecutionTab({ workflowKey }) {
                   ...f,
                   errorWorkflowKey: val === "__none__" ? void 0 : val
                 })),
-                disabled: loading || otherWorkflowsLoading,
+                disabled: locked || otherWorkflowsLoading,
                 children: [
                   /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[220px] bg-background-secondary border-border-secondary", children: /* @__PURE__ */ jsx(
                     SelectValue,
@@ -466,22 +810,104 @@ function ExecutionTab({ workflowKey }) {
           ] })
         }
       ),
+      [
+        {
+          key: "saveSuccessExecutions",
+          workspaceKey: "saveSuccessfulRuns",
+          labelKey: "fluidgrids.settings.execution.saveSuccessLabel",
+          label: "Keep data of successful runs"
+        },
+        {
+          key: "saveFailedExecutions",
+          workspaceKey: "saveFailedRuns",
+          labelKey: "fluidgrids.settings.execution.saveFailedLabel",
+          label: "Keep data of failed runs"
+        },
+        {
+          key: "saveManualExecutions",
+          workspaceKey: "saveManualRuns",
+          labelKey: "fluidgrids.settings.execution.saveManualLabel",
+          label: "Keep data of test runs"
+        }
+      ].map((row) => {
+        const inherited = runData.settings?.[row.workspaceKey];
+        return /* @__PURE__ */ jsx(SettingRow, { label: tr(row.labelKey, row.label), children: /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: toSavingChoice(form.dataSaving?.[row.key]),
+            onValueChange: (choice) => setForm((f) => ({
+              ...f,
+              dataSaving: compactOverrides({
+                ...f.dataSaving,
+                [row.key]: fromSavingChoice(choice)
+              })
+            })),
+            disabled: locked,
+            children: [
+              /* @__PURE__ */ jsx(
+                SelectTrigger,
+                {
+                  "aria-label": tr(row.labelKey, row.label),
+                  className: "w-[220px] bg-background-secondary border-border-secondary",
+                  children: /* @__PURE__ */ jsx(SelectValue, {})
+                }
+              ),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "default", children: inherited === void 0 ? tr(
+                  "fluidgrids.settings.execution.savingDefault",
+                  "Workspace default"
+                ) : inherited ? tr(
+                  "fluidgrids.settings.execution.savingDefaultOn",
+                  "Workspace default (keep)"
+                ) : tr(
+                  "fluidgrids.settings.execution.savingDefaultOff",
+                  "Workspace default (don't keep)"
+                ) }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "save", children: tr("fluidgrids.settings.execution.savingKeep", "Keep") }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "skip", children: tr(
+                  "fluidgrids.settings.execution.savingDontKeep",
+                  "Don't keep"
+                ) })
+              ] })
+            ]
+          }
+        ) }, row.key);
+      }),
       /* @__PURE__ */ jsx(
         SettingRow,
         {
           label: tr(
-            "fluidgrids.settings.execution.saveSuccessLabel",
-            "Save successful execution data"
+            "fluidgrids.settings.execution.retentionDaysLabel",
+            "Delete runs after (days)"
+          ),
+          description: tr(
+            "fluidgrids.settings.execution.retentionDaysDescription",
+            "Leave empty to follow the workspace's Run data settings."
           ),
           children: /* @__PURE__ */ jsx(
-            Switch,
+            Input,
             {
-              checked: form.dataSaving?.saveSuccessExecutions ?? true,
-              onCheckedChange: (checked) => setForm((f) => ({
+              type: "number",
+              min: RETENTION_DAYS_RANGE.min,
+              max: RETENTION_DAYS_RANGE.max,
+              "aria-label": tr(
+                "fluidgrids.settings.execution.retentionDaysLabel",
+                "Delete runs after (days)"
+              ),
+              value: form.retention?.maxAgeDays ?? "",
+              placeholder: runData.settings ? String(runData.settings.retentionDays) : "",
+              onChange: (e) => setForm((f) => ({
                 ...f,
-                dataSaving: { ...f.dataSaving, saveSuccessExecutions: checked }
+                retention: compactOverrides({
+                  ...f.retention,
+                  maxAgeDays: parseBoundedInt(
+                    e.target.value,
+                    RETENTION_DAYS_RANGE
+                  )
+                })
               })),
-              disabled: loading
+              disabled: locked,
+              className: "w-[100px] text-right"
             }
           )
         }
@@ -489,25 +915,45 @@ function ExecutionTab({ workflowKey }) {
       /* @__PURE__ */ jsx(
         SettingRow,
         {
-          label: tr(
-            "fluidgrids.settings.execution.saveFailedLabel",
-            "Save failed execution data"
+          label: tr("fluidgrids.settings.execution.maxRunsLabel", "Runs kept"),
+          description: tr(
+            "fluidgrids.settings.execution.maxRunsDescription",
+            "Leave empty to follow the workspace's Run data settings."
           ),
           children: /* @__PURE__ */ jsx(
-            Switch,
+            Input,
             {
-              checked: form.dataSaving?.saveFailedExecutions ?? true,
-              onCheckedChange: (checked) => setForm((f) => ({
+              type: "number",
+              min: RETENTION_MAX_RUNS_RANGE.min,
+              max: RETENTION_MAX_RUNS_RANGE.max,
+              "aria-label": tr(
+                "fluidgrids.settings.execution.maxRunsLabel",
+                "Runs kept"
+              ),
+              value: form.retention?.maxRuns ?? "",
+              placeholder: runData.settings ? String(runData.settings.retentionMaxRunsPerWorkflow) : "",
+              onChange: (e) => setForm((f) => ({
                 ...f,
-                dataSaving: { ...f.dataSaving, saveFailedExecutions: checked }
+                retention: compactOverrides({
+                  ...f.retention,
+                  maxRuns: parseBoundedInt(
+                    e.target.value,
+                    RETENTION_MAX_RUNS_RANGE
+                  )
+                })
               })),
-              disabled: loading
+              disabled: locked,
+              className: "w-[120px] text-right"
             }
           )
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx(Button, { onClick: () => void handleSave(), disabled: loading || saving, children: saving ? tr("fluidgrids.settings.execution.saving", "Saving\u2026") : tr("fluidgrids.settings.execution.save", "Save") }) })
+    !canEdit && /* @__PURE__ */ jsx("p", { className: "mt-4 text-xs text-text-secondary", role: "note", children: tr(
+      "fluidgrids.settings.execution.readOnly",
+      "You can see these settings but not change them: changing them needs permission to edit workflows."
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx(Button, { onClick: () => void handleSave(), disabled: locked, children: saving ? tr("fluidgrids.settings.execution.saving", "Saving\u2026") : tr("fluidgrids.settings.execution.save", "Save") }) })
   ] });
 }
 function NotificationsTab() {
@@ -760,6 +1206,10 @@ function SettingsPage({
                 ]
               }
             ),
+            /* @__PURE__ */ jsxs(TabsTrigger, { value: "run-data", className: "gap-1.5", children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:database-clock-outline", width: 16 }),
+              tr("fluidgrids.settings.page.runDataTab", "Run data")
+            ] }),
             /* @__PURE__ */ jsxs(TabsTrigger, { value: "notifications", className: "gap-1.5", children: [
               /* @__PURE__ */ jsx(Icon, { icon: "mdi:bell-outline", width: 16 }),
               tr("fluidgrids.settings.page.notificationsTab", "Notifications")
@@ -785,6 +1235,7 @@ function SettingsPage({
       ),
       /* @__PURE__ */ jsx(TabsContent, { value: "general", children: /* @__PURE__ */ jsx(GeneralTab, {}) }),
       /* @__PURE__ */ jsx(TabsContent, { value: "execution", children: /* @__PURE__ */ jsx(ExecutionTab, { workflowKey }) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "run-data", children: /* @__PURE__ */ jsx(RunDataTab, {}) }),
       /* @__PURE__ */ jsx(TabsContent, { value: "notifications", children: /* @__PURE__ */ jsx(NotificationsTab, {}) }),
       logStreamsEnabled ? /* @__PURE__ */ jsx(TabsContent, { value: "log-streaming", children: /* @__PURE__ */ jsx(LogStreamingTab, {}) }) : null,
       /* @__PURE__ */ jsx(TabsContent, { value: "api", children: /* @__PURE__ */ jsx(ApiTab, {}) })

package/dist/{chunk-LMDB57LK.js → chunk-IONVLVGN.js}

@@ -1,8 +1,8 @@
-import { Card, FluidGridsMark } from './chunk-HUOYVYXB.js';
+import { Card, FluidGridsMark } from './chunk-3MLOFJW3.js';
 import { Input } from './chunk-IEVSFCFS.js';
 import { Button } from './chunk-BQXVT32O.js';
-import { useWorkflowDefinition } from './chunk-AQWX7PG2.js';
-import { FluidGridsProvider, useFlowStore } from './chunk-WXYF5RS5.js';
+import { useWorkflowDefinition } from './chunk-5TRLB2QS.js';
+import { FluidGridsProvider, useFlowStore } from './chunk-SCPH5T5I.js';
 import { cn } from './chunk-JL7CASN5.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { useState, useRef, useEffect, useCallback } from 'react';