From b86a460062fe4c3cdc9dc26bfd61dc25ce97822d Mon Sep 17 00:00:00 2001
From: Abhishek Kumar <abhishek@a6k.me>
Date: Sat, 4 Oct 2025 11:05:47 +0530
Subject: [PATCH] Move smallwebrtc to constants

---
 ui/src/app/create-workflow/page.tsx                      | 3 ++-
 .../workflow/[workflowId]/components/WorkflowHeader.tsx  | 3 ++-
 ui/src/constants/workflowRunModes.ts                     | 9 +++++++++
 3 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 ui/src/constants/workflowRunModes.ts

diff --git a/ui/src/app/create-workflow/page.tsx b/ui/src/app/create-workflow/page.tsx
index 58fe5d1..8ee02bf 100644
--- a/ui/src/app/create-workflow/page.tsx
+++ b/ui/src/app/create-workflow/page.tsx
@@ -16,6 +16,7 @@ import {
 } from '@/components/ui/dialog';
 import { Input } from '@/components/ui/input';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { WORKFLOW_RUN_MODES } from '@/constants/workflowRunModes';
 import { useAuth } from '@/lib/auth';
 import logger from '@/lib/logger';
 import { getRandomId } from '@/lib/utils';
@@ -86,7 +87,7 @@ export default function CreateWorkflowPage() {
                     workflow_id: Number(workflowId),
                 },
                 body: {
-                    mode: 'smallwebrtc', // Same mode as "Web Call" button
+                    mode: WORKFLOW_RUN_MODES.SMALL_WEBRTC, // Same mode as "Web Call" button
                     name: workflowRunName
                 },
                 headers: {
diff --git a/ui/src/app/workflow/[workflowId]/components/WorkflowHeader.tsx b/ui/src/app/workflow/[workflowId]/components/WorkflowHeader.tsx
index 035081e..1a15dd5 100644
--- a/ui/src/app/workflow/[workflowId]/components/WorkflowHeader.tsx
+++ b/ui/src/app/workflow/[workflowId]/components/WorkflowHeader.tsx
@@ -12,6 +12,7 @@ import { OnboardingTooltip } from '@/components/onboarding/OnboardingTooltip';
 import { Button } from "@/components/ui/button";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import { WORKFLOW_RUN_MODES } from '@/constants/workflowRunModes';
 import { useOnboarding } from '@/context/OnboardingContext';
 import { useUserConfig } from "@/context/UserConfigContext";
 import { useAuth } from '@/lib/auth';
@@ -203,7 +204,7 @@ const WorkflowHeader = ({ isDirty, workflowName, rfInstance, onRun, workflowId,
                     if (!hasSeenTooltip('web_call')) {
                         markTooltipSeen('web_call');
                     }
-                    onRun("smallwebrtc"); // Don't change the mode since its defined in the database enum
+                    onRun(WORKFLOW_RUN_MODES.SMALL_WEBRTC);
                 }}
                 disabled={hasValidationErrors}
             >
diff --git a/ui/src/constants/workflowRunModes.ts b/ui/src/constants/workflowRunModes.ts
new file mode 100644
index 0000000..2b4da41
--- /dev/null
+++ b/ui/src/constants/workflowRunModes.ts
@@ -0,0 +1,9 @@
+/**
+ * Workflow run mode constants
+ * These modes determine how a workflow run is executed
+ */
+export const WORKFLOW_RUN_MODES = {
+    SMALL_WEBRTC: 'smallwebrtc',
+} as const;
+
+export type WorkflowRunMode = typeof WORKFLOW_RUN_MODES[keyof typeof WORKFLOW_RUN_MODES];