@burdenoff/fluidgrids-fe-sdk 2026.1107.1 → 2026.1108.2

package/dist/{chunk-JOOGRWYY.js → chunk-LOMLLWHD.js}

@@ -1,12 +1,13 @@
-import { AgentsTab } from './chunk-5KK3ALQ4.js';
-import { ActionPoliciesTab } from './chunk-EXJW7EKR.js';
-import { LogStreamingTab } from './chunk-BLLBUHVF.js';
+import { AgentsTab } from './chunk-D5Y3DHGJ.js';
+import { ActionPoliciesTab, checkCodecServerUrl } from './chunk-OJHBCOBA.js';
+import { useResource, fetchPauseRules, FieldError, fetchSearchAttributes, StatusPill, NativeSelect, fetchArchiveSettings, fetchCodecServerSettings, deletePauseRule, createPauseRule, deleteSearchAttribute, createSearchAttribute, saveArchiveSettings, clearArchiveSettings, saveCodecServerSettings } from './chunk-YASVILWQ.js';
+import { LogStreamingTab } from './chunk-POYMF7L6.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { useFluidGridsFlag, FLUIDGRIDS_FLAGS, useSaveStatusStore, findSaveConflict, useDurableParityEnabled, useConnections } from './chunk-HUCRE45R.js';
-import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS } from './chunk-5375NUIO.js';
-import { useFlowStore } from './chunk-UZJKX5FN.js';
+import { useFluidGridsFlag, FLUIDGRIDS_FLAGS, usePhaseCFlags, useSaveStatusStore, findSaveConflict, useDurableParityEnabled, useConnections } from './chunk-GI6BQIQA.js';
+import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS } from './chunk-AR22A74Y.js';
+import { useFlowStore } from './chunk-X3F5IQBP.js';
 import { getGlobalStoreClient } from './chunk-TYI2XOSI.js';
-import { useWorkflowDefinitionQuery, useUpdateWorkflowDefinitionMutation, useWorkflowDefinitionsQuery, DurableHistoryCapsDocument, UpdateDurableHistoryCapsDocument } from './chunk-Z3ABLERJ.js';
+import { useWorkflowDefinitionQuery, useUpdateWorkflowDefinitionMutation, useWorkflowDefinitionsQuery, DurableHistoryCapsDocument, UpdateDurableHistoryCapsDocument } from './chunk-GOZR72NK.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient } from './chunk-PDODDDHY.js';
 import { throwIfResultError, describeOperationError } from './chunk-JKLZ6YZ3.js';
@@ -15,7 +16,7 @@ import { useState, useMemo, useEffect, useCallback } from 'react';
 import { useNavigate, useParams } from 'react-router';
 import { Icon } from '@iconify/react';
 import { Button } from '@burdenoff/fe-libs/button';
-import { Tabs, TabsList, TabsTrigger, TabsContent, Input, Switch, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Label, Card, CardHeader, Badge, Checkbox, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@burdenoff/fe-libs/ui';
+import { Tabs, TabsList, TabsTrigger, TabsContent, Input, Switch, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Label, Card as Card$1, CardHeader, Badge, Checkbox, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@burdenoff/fe-libs/ui';
 import { toast } from 'sonner';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { gql } from '@apollo/client';
@@ -628,6 +629,691 @@ function RunDataTab() {
     parityEnabled && /* @__PURE__ */ jsx(DurableHistoryCapsCard, { canEdit })
   ] });
 }
+function hasRunControlSettings(flags) {
+  return flags.runControlDurable || flags.searchAttributes || flags.runArchival || flags.selfHostedWorkers;
+}
+function RunControlTab({ flags }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", "data-testid": "settings-run-control", children: [
+    flags.runControlDurable && /* @__PURE__ */ jsx(PauseRulesCard, {}),
+    flags.searchAttributes && /* @__PURE__ */ jsx(SearchAttributeDefinitionsCard, {}),
+    flags.runArchival && /* @__PURE__ */ jsx(ArchiveSettingsCard, {}),
+    flags.selfHostedWorkers && /* @__PURE__ */ jsx(CodecServerCard, {})
+  ] });
+}
+function Card({
+  icon,
+  title,
+  description,
+  children,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "rounded-lg border border-border-secondary bg-background-secondary p-4 sm:p-6",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Icon, { icon, width: 18, className: "text-text-secondary" }),
+          /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-text-primary", children: title })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "mb-4 text-sm text-text-secondary", children: description }),
+        children
+      ]
+    }
+  );
+}
+function PauseRulesCard() {
+  const tr = useTr();
+  const rules = useResource("pause-rules", true, fetchPauseRules);
+  const { allowed: canEdit } = useFluidGridsPermission(
+    FLUIDGRIDS_PERMISSIONS.WORKFLOW_UPDATE
+  );
+  const [form, setForm] = useState({
+    activityType: "",
+    workflowKey: "",
+    reason: "",
+    expiresAt: ""
+  });
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const expires = form.expiresAt ? new Date(form.expiresAt) : null;
+  const valid = (form.activityType.trim() || form.workflowKey.trim()) && form.reason.trim() && (!expires || !Number.isNaN(expires.getTime()) && expires.getTime() > Date.now());
+  const create = async () => {
+    if (!valid) return;
+    setBusy(true);
+    setError(null);
+    try {
+      await createPauseRule({
+        activityType: form.activityType.trim() || null,
+        workflowKey: form.workflowKey.trim() || null,
+        reason: form.reason.trim(),
+        expiresAt: expires ? expires.toISOString() : null
+      });
+      setForm({ activityType: "", workflowKey: "", reason: "", expiresAt: "" });
+      await rules.refetch();
+    } catch (err) {
+      setError(describeOperationError(err));
+    } finally {
+      setBusy(false);
+    }
+  };
+  const remove = async (id) => {
+    try {
+      await deletePauseRule(id);
+      toast.success(
+        tr(
+          "fluidgrids.settings.pauseRules.deleted",
+          "Rule deleted; what it paused is unpaused"
+        )
+      );
+      await rules.refetch();
+    } catch (err) {
+      toast.error(describeOperationError(err));
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      icon: "mdi:pause-octagon-outline",
+      title: tr("fluidgrids.settings.pauseRules.title", "Activity pause rules"),
+      description: tr(
+        "fluidgrids.settings.pauseRules.description",
+        "A rule pauses matching durable activities when they are scheduled or retried, for example while a downstream system is down. Deleting it unpauses them."
+      ),
+      testId: "settings-pause-rules",
+      children: [
+        /* @__PURE__ */ jsx(FieldError, { message: rules.error }),
+        rules.data && rules.data.length === 0 && /* @__PURE__ */ jsx("p", { className: "mb-3 text-sm text-text-secondary", children: tr("fluidgrids.settings.pauseRules.empty", "No pause rules.") }),
+        rules.data && rules.data.length > 0 && /* @__PURE__ */ jsx("ul", { className: "mb-4 divide-y divide-border-secondary rounded-md border border-border-secondary", children: rules.data.map((rule) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "flex flex-wrap items-center gap-3 px-3 py-2 text-sm",
+            "data-testid": `pause-rule-${rule.id}`,
+            children: [
+              /* @__PURE__ */ jsx("code", { className: "font-mono text-xs text-text-primary", children: rule.activityType ?? rule.nodeType ?? "*" }),
+              rule.workflowKey && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: rule.workflowKey }),
+              /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: rule.reason }),
+              rule.expiresAt && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr(
+                "fluidgrids.settings.pauseRules.until",
+                "until {{date}}",
+                { date: new Date(rule.expiresAt).toLocaleString() }
+              ) }),
+              canEdit && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  className: "ml-auto text-[var(--color-status-error-text)]",
+                  onClick: () => void remove(rule.id),
+                  "data-testid": `pause-rule-delete-${rule.id}`,
+                  children: tr("fluidgrids.settings.common.delete", "Delete")
+                }
+              )
+            ]
+          },
+          rule.id
+        )) }),
+        canEdit && /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "pause-rule-type", children: tr(
+              "fluidgrids.settings.pauseRules.activityType",
+              "Activity or node type"
+            ) }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "pause-rule-type",
+                value: form.activityType,
+                placeholder: "store/crm",
+                onChange: (event) => setForm({ ...form, activityType: event.target.value }),
+                "data-testid": "pause-rule-type"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "pause-rule-workflow", children: tr(
+              "fluidgrids.settings.pauseRules.workflowKey",
+              "Workflow key (optional)"
+            ) }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "pause-rule-workflow",
+                value: form.workflowKey,
+                onChange: (event) => setForm({ ...form, workflowKey: event.target.value }),
+                "data-testid": "pause-rule-workflow"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "pause-rule-reason", children: tr("fluidgrids.settings.pauseRules.reason", "Reason") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "pause-rule-reason",
+                value: form.reason,
+                onChange: (event) => setForm({ ...form, reason: event.target.value }),
+                "data-testid": "pause-rule-reason"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "pause-rule-expires", children: tr(
+              "fluidgrids.settings.pauseRules.expiresAt",
+              "Ends at (optional)"
+            ) }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "pause-rule-expires",
+                type: "datetime-local",
+                value: form.expiresAt,
+                onChange: (event) => setForm({ ...form, expiresAt: event.target.value }),
+                "data-testid": "pause-rule-expires"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+            /* @__PURE__ */ jsx(FieldError, { message: error, testId: "pause-rule-error" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: () => void create(),
+                disabled: !valid || busy,
+                "data-testid": "pause-rule-create",
+                children: tr("fluidgrids.settings.pauseRules.create", "Add rule")
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var ATTRIBUTE_TYPES = [
+  "KEYWORD" /* Keyword */,
+  "TEXT" /* Text */,
+  "INT" /* Int */,
+  "DOUBLE" /* Double */,
+  "BOOL" /* Bool */,
+  "DATETIME" /* Datetime */,
+  "KEYWORD_LIST" /* KeywordList */
+];
+var SEARCH_ATTRIBUTE_NAME = /^[A-Za-z][A-Za-z0-9_]{0,63}$/;
+function SearchAttributeDefinitionsCard() {
+  const tr = useTr();
+  const definitions = useResource(
+    "search-attributes",
+    true,
+    fetchSearchAttributes
+  );
+  const { allowed: canEdit } = useFluidGridsPermission(
+    FLUIDGRIDS_PERMISSIONS.WORKFLOW_UPDATE
+  );
+  const [name, setName] = useState("");
+  const [type, setType] = useState(
+    "KEYWORD" /* Keyword */
+  );
+  const [description, setDescription] = useState("");
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const validName = SEARCH_ATTRIBUTE_NAME.test(name.trim());
+  const create = async () => {
+    if (!validName) return;
+    setBusy(true);
+    setError(null);
+    try {
+      await createSearchAttribute({ name, type, description });
+      setName("");
+      setDescription("");
+      await definitions.refetch();
+    } catch (err) {
+      setError(describeOperationError(err));
+    } finally {
+      setBusy(false);
+    }
+  };
+  const remove = async (id) => {
+    try {
+      await deleteSearchAttribute(id);
+      await definitions.refetch();
+    } catch (err) {
+      toast.error(describeOperationError(err));
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      icon: "mdi:tag-search-outline",
+      title: tr(
+        "fluidgrids.settings.searchAttributes.title",
+        "Search attributes"
+      ),
+      description: tr(
+        "fluidgrids.settings.searchAttributes.description",
+        "Typed values runs carry so the Runs list can filter on them (at most 50). Deleting one leaves the runs' values in place."
+      ),
+      testId: "settings-search-attributes",
+      children: [
+        /* @__PURE__ */ jsx(FieldError, { message: definitions.error }),
+        definitions.data && definitions.data.length > 0 && /* @__PURE__ */ jsx("ul", { className: "mb-4 divide-y divide-border-secondary rounded-md border border-border-secondary", children: definitions.data.map((definition) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "flex flex-wrap items-center gap-3 px-3 py-2 text-sm",
+            "data-testid": `search-attribute-${definition.name}`,
+            children: [
+              /* @__PURE__ */ jsx("code", { className: "font-mono text-xs text-text-primary", children: definition.name }),
+              /* @__PURE__ */ jsx(StatusPill, { tone: "neutral", children: definition.type }),
+              definition.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: definition.description }),
+              canEdit && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  className: "ml-auto text-[var(--color-status-error-text)]",
+                  onClick: () => void remove(definition.id),
+                  children: tr("fluidgrids.settings.common.delete", "Delete")
+                }
+              )
+            ]
+          },
+          definition.id
+        )) }),
+        canEdit && /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "search-attribute-name", children: tr("fluidgrids.settings.searchAttributes.name", "Name") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "search-attribute-name",
+                value: name,
+                placeholder: "customerId",
+                onChange: (event) => setName(event.target.value),
+                "data-testid": "search-attribute-name"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "search-attribute-type", children: tr("fluidgrids.settings.searchAttributes.type", "Type") }),
+            /* @__PURE__ */ jsx(
+              NativeSelect,
+              {
+                id: "search-attribute-type",
+                value: type,
+                onChange: (value) => setType(
+                  ATTRIBUTE_TYPES.find((item) => item === value) ?? "KEYWORD" /* Keyword */
+                ),
+                testId: "search-attribute-type",
+                children: ATTRIBUTE_TYPES.map((item) => /* @__PURE__ */ jsx("option", { value: item, children: item }, item))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "search-attribute-description", children: tr(
+              "fluidgrids.settings.searchAttributes.descriptionField",
+              "Description (optional)"
+            ) }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "search-attribute-description",
+                value: description,
+                maxLength: 1e3,
+                onChange: (event) => setDescription(event.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "sm:col-span-3", children: [
+            name && !validName && /* @__PURE__ */ jsx(
+              FieldError,
+              {
+                message: tr(
+                  "fluidgrids.settings.searchAttributes.badName",
+                  "Start with a letter; use letters, digits and underscores (at most 64)."
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(FieldError, { message: error, testId: "search-attribute-error" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: () => void create(),
+                disabled: !validName || busy,
+                "data-testid": "search-attribute-create",
+                children: tr(
+                  "fluidgrids.settings.searchAttributes.create",
+                  "Add attribute"
+                )
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var ROLE_ARN = /^arn:aws[a-z-]*:iam::\d{12}:role\/[\w+=,.@/-]{1,512}$/;
+var BUCKET_NAME = /^[a-z0-9][a-z0-9.-]{1,61}[a-z0-9]$/;
+function ArchiveSettingsCard() {
+  const tr = useTr();
+  const archive = useResource("archive-settings", true, fetchArchiveSettings);
+  const { allowed: canEdit } = useFluidGridsPermission(
+    FLUIDGRIDS_PERMISSIONS.WORKFLOW_DELETE
+  );
+  const [form, setForm] = useState({
+    enabled: false,
+    bucket: "",
+    prefix: "",
+    region: "",
+    roleArn: "",
+    includePayloads: true
+  });
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    const current = archive.data;
+    if (current)
+      setForm({
+        enabled: current.enabled,
+        bucket: current.bucket,
+        prefix: current.prefix,
+        region: current.region,
+        roleArn: current.roleArn,
+        includePayloads: current.includePayloads
+      });
+  }, [archive.data]);
+  const valid = BUCKET_NAME.test(form.bucket.trim()) && /^[a-z]{2}-[a-z]+-\d$/.test(form.region.trim()) && ROLE_ARN.test(form.roleArn.trim());
+  const save = async () => {
+    if (!valid) return;
+    setBusy(true);
+    setError(null);
+    try {
+      archive.set(
+        await saveArchiveSettings({
+          enabled: form.enabled,
+          bucket: form.bucket.trim(),
+          prefix: form.prefix.trim().replace(/^\/+|\/+$/g, ""),
+          region: form.region.trim(),
+          roleArn: form.roleArn.trim(),
+          includePayloads: form.includePayloads
+        })
+      );
+      toast.success(
+        tr("fluidgrids.settings.archive.saved", "Archive destination saved")
+      );
+    } catch (err) {
+      setError(describeOperationError(err));
+    } finally {
+      setBusy(false);
+    }
+  };
+  const clear = async () => {
+    setBusy(true);
+    setError(null);
+    try {
+      await clearArchiveSettings();
+      archive.set(null);
+      setForm({
+        enabled: false,
+        bucket: "",
+        prefix: "",
+        region: "",
+        roleArn: "",
+        includePayloads: true
+      });
+    } catch (err) {
+      setError(describeOperationError(err));
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      icon: "mdi:archive-arrow-down-outline",
+      title: tr("fluidgrids.settings.archive.title", "Run archive"),
+      description: tr(
+        "fluidgrids.settings.archive.description",
+        "Before retention deletes a finished run, it is written to an S3 bucket in your AWS account. The service assumes your role with this workspace's id as the external id, and checks the destination with a probe object when you enable it."
+      ),
+      testId: "settings-archive",
+      children: [
+        archive.data && archive.data.failingRuns > 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "status",
+            className: "mb-4 rounded-md border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bg-subtle)] p-3 text-sm text-[var(--color-status-warning-text)]",
+            "data-testid": "archive-failing",
+            children: tr(
+              "fluidgrids.settings.archive.failing",
+              "{{count}} runs could not be archived, so their purge waits. Last error: {{error}}",
+              {
+                count: archive.data.failingRuns,
+                error: archive.data.lastError ?? "\u2014"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(FieldError, { message: archive.error }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "archive-bucket", children: tr("fluidgrids.settings.archive.bucket", "Bucket") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "archive-bucket",
+                value: form.bucket,
+                disabled: !canEdit,
+                onChange: (event) => setForm({ ...form, bucket: event.target.value }),
+                "data-testid": "archive-bucket"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "archive-prefix", children: tr("fluidgrids.settings.archive.prefix", "Key prefix (optional)") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "archive-prefix",
+                value: form.prefix,
+                disabled: !canEdit,
+                onChange: (event) => setForm({ ...form, prefix: event.target.value }),
+                "data-testid": "archive-prefix"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "archive-region", children: tr("fluidgrids.settings.archive.region", "Region") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "archive-region",
+                value: form.region,
+                placeholder: "ap-south-1",
+                disabled: !canEdit,
+                onChange: (event) => setForm({ ...form, region: event.target.value }),
+                "data-testid": "archive-region"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "archive-role", children: tr("fluidgrids.settings.archive.roleArn", "Role ARN") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "archive-role",
+                value: form.roleArn,
+                placeholder: "arn:aws:iam::123456789012:role/fluidgrids-archive",
+                disabled: !canEdit,
+                onChange: (event) => setForm({ ...form, roleArn: event.target.value }),
+                "data-testid": "archive-role"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-3 text-sm sm:col-span-2", children: [
+            tr(
+              "fluidgrids.settings.archive.includePayloads",
+              "Include payloads, inputs and outputs"
+            ),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: form.includePayloads,
+                disabled: !canEdit,
+                onCheckedChange: (includePayloads) => setForm({ ...form, includePayloads })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-3 text-sm sm:col-span-2", children: [
+            tr(
+              "fluidgrids.settings.archive.enabled",
+              "Archive runs before they are purged"
+            ),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: form.enabled,
+                disabled: !canEdit,
+                onCheckedChange: (enabled) => setForm({ ...form, enabled }),
+                "data-testid": "archive-enabled"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(FieldError, { message: error, testId: "archive-error" }),
+        canEdit && /* @__PURE__ */ jsxs("div", { className: "mt-4 flex gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => void save(),
+              disabled: !valid || busy,
+              "data-testid": "archive-save",
+              children: tr("fluidgrids.settings.common.save", "Save")
+            }
+          ),
+          archive.data && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              onClick: () => void clear(),
+              disabled: busy,
+              "data-testid": "archive-clear",
+              children: tr("fluidgrids.settings.archive.remove", "Remove destination")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function CodecServerCard() {
+  const tr = useTr();
+  const settings = useResource("codec-server", true, fetchCodecServerSettings);
+  const { allowed: canEdit } = useFluidGridsPermission(
+    FLUIDGRIDS_PERMISSIONS.WORKFLOW_DELETE
+  );
+  const [url, setUrl] = useState("");
+  const [includeCredentials, setIncludeCredentials] = useState(false);
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!settings.data) return;
+    setUrl(settings.data.codecServerUrl ?? "");
+    setIncludeCredentials(settings.data.codecServerIncludeCredentials);
+  }, [settings.data]);
+  const check = url.trim() ? checkCodecServerUrl(url) : null;
+  const save = async () => {
+    if (check && !check.ok) return;
+    setBusy(true);
+    setError(null);
+    try {
+      settings.set(
+        await saveCodecServerSettings({
+          codecServerUrl: url.trim(),
+          codecServerIncludeCredentials: includeCredentials
+        })
+      );
+      toast.success(
+        tr("fluidgrids.settings.codec.saved", "Codec server saved")
+      );
+    } catch (err) {
+      setError(describeOperationError(err));
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      icon: "mdi:lock-open-outline",
+      title: tr("fluidgrids.settings.codec.title", "Codec server"),
+      description: tr(
+        "fluidgrids.settings.codec.description",
+        "Payloads your self-hosted workers encode stay encoded in FluidGrids. The run page can send them to your codec server (Temporal's codec-server protocol) to show them decoded. No FluidGrids token is ever sent there."
+      ),
+      testId: "settings-codec",
+      children: [
+        /* @__PURE__ */ jsx(FieldError, { message: settings.error }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "codec-url", children: tr("fluidgrids.settings.codec.url", "Codec server URL") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "codec-url",
+                value: url,
+                disabled: !canEdit,
+                placeholder: "https://codec.example.com",
+                onChange: (event) => setUrl(event.target.value),
+                "data-testid": "codec-url"
+              }
+            ),
+            check && !check.ok && /* @__PURE__ */ jsx(
+              FieldError,
+              {
+                message: tr(
+                  "fluidgrids.settings.codec.badUrl",
+                  "Use an https URL (http only for localhost)."
+                ),
+                testId: "codec-url-error"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: tr(
+              "fluidgrids.settings.codec.empty",
+              "Leave it empty to show encoded payloads as encoded."
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-3 text-sm", children: [
+            tr(
+              "fluidgrids.settings.codec.credentials",
+              "Send my browser's own credentials (cookies) to it"
+            ),
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: includeCredentials,
+                disabled: !canEdit,
+                onCheckedChange: setIncludeCredentials,
+                "data-testid": "codec-credentials"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(FieldError, { message: error, testId: "codec-error" }),
+          canEdit && /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => void save(),
+              disabled: busy || check !== null && !check.ok,
+              "data-testid": "codec-save",
+              children: tr("fluidgrids.settings.common.save", "Save")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 
 // src/modules/settings/utils/error-trigger.ts
 var ERROR_TRIGGER_NODE_TYPE = "internal:error-trigger";
@@ -2727,7 +3413,7 @@ function ApiTab() {
   const tr = useTr();
   const settings = DEFAULT_SETTINGS.api;
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx(Card, { className: "border border-border-secondary bg-background-secondary", children: /* @__PURE__ */ jsxs(CardHeader, { className: "pb-3", children: [
+    /* @__PURE__ */ jsx(Card$1, { className: "border border-border-secondary bg-background-secondary", children: /* @__PURE__ */ jsxs(CardHeader, { className: "pb-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
         /* @__PURE__ */ jsx(Icon, { icon: "mdi:api", width: 20, className: "text-text-secondary" }),
         /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-text-primary", children: tr(
@@ -2753,7 +3439,7 @@ function ApiTab() {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx(Card, { className: "border border-border-secondary bg-background-secondary", children: /* @__PURE__ */ jsxs(CardHeader, { className: "pb-3", children: [
+    /* @__PURE__ */ jsx(Card$1, { className: "border border-border-secondary bg-background-secondary", children: /* @__PURE__ */ jsxs(CardHeader, { className: "pb-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
         /* @__PURE__ */ jsx(
           Icon,
@@ -2795,7 +3481,7 @@ function ApiTab() {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx(Card, { className: "border border-border-secondary bg-background-secondary", children: /* @__PURE__ */ jsxs(CardHeader, { className: "pb-3", children: [
+    /* @__PURE__ */ jsx(Card$1, { className: "border border-border-secondary bg-background-secondary", children: /* @__PURE__ */ jsxs(CardHeader, { className: "pb-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
         /* @__PURE__ */ jsx(
           Icon,
@@ -2842,7 +3528,9 @@ function SettingsPage({
   const workflowKey = workflowKeyProp || routeParams.workflowKey || routeParams.id || activeWorkflowKey || void 0;
   const [activeTab, setActiveTab] = useState("general");
   const logStreamsEnabled = useFluidGridsFlag(FLUIDGRIDS_FLAGS.logStreams);
-  const visibleTab = !logStreamsEnabled && activeTab === "log-streaming" ? "general" : activeTab;
+  const phaseC = usePhaseCFlags();
+  const runControlSettings = hasRunControlSettings(phaseC);
+  const visibleTab = !logStreamsEnabled && activeTab === "log-streaming" || !runControlSettings && activeTab === "run-control" ? "general" : activeTab;
   return /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6 bg-background-primary min-h-screen", children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -2892,6 +3580,10 @@ function SettingsPage({
               /* @__PURE__ */ jsx(Icon, { icon: "mdi:database-clock-outline", width: 16 }),
               tr("fluidgrids.settings.page.runDataTab", "Run data")
             ] }),
+            runControlSettings ? /* @__PURE__ */ jsxs(TabsTrigger, { value: "run-control", className: "gap-1.5", children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:tune-variant", width: 16 }),
+              tr("fluidgrids.settings.page.runControlTab", "Run control")
+            ] }) : null,
             /* @__PURE__ */ jsxs(
               TabsTrigger,
               {
@@ -2954,6 +3646,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, {}) }),
+      runControlSettings ? /* @__PURE__ */ jsx(TabsContent, { value: "run-control", children: /* @__PURE__ */ jsx(RunControlTab, { flags: phaseC }) }) : null,
       /* @__PURE__ */ jsx(TabsContent, { value: "policies", children: /* @__PURE__ */ jsx(ActionPoliciesTab, {}) }),
       /* @__PURE__ */ jsx(TabsContent, { value: "agents", children: /* @__PURE__ */ jsx(AgentsTab, {}) }),
       /* @__PURE__ */ jsx(TabsContent, { value: "mcp", children: /* @__PURE__ */ jsx(McpGatewayTab, { workflowKey }) }),