simstudioai · waleedlatif1 · Sep 25, 2026 · Sep 24, 2026
diff --git a/...flowId]/components/panel/components/deploy/components/deploy-modal/components/api/api.tsx b/...flowId]/components/panel/components/deploy/components/deploy-modal/components/api/api.tsx
@@ -458,7 +458,7 @@ console.log(limits);`
     <div className='space-y-4'>
       <div>
         <div className='mb-[6.5px] flex items-center justify-between'>
-          <Label className='block pl-0.5 text-[var(--text-primary)] text-small'>Language</Label>
+          <Label className='block pl-0.5 text-small'>Language</Label>
         </div>
         <ChipButtonGroup value={language} onValueChange={(val) => setLanguage(val as CodeLanguage)}>
           {(Object.keys(LANGUAGE_LABELS) as CodeLanguage[]).map((lang) => (
@@ -471,7 +471,7 @@ console.log(limits);`
 
       <div>
         <div className='mb-[6.5px] flex items-center justify-between'>
-          <Label className='block pl-0.5 text-[var(--text-primary)] text-small'>Run workflow</Label>
+          <Label className='block pl-0.5 text-small'>Run workflow</Label>
           <Tooltip.Root>
             <Tooltip.Trigger asChild>
               <Button
@@ -499,9 +499,7 @@ console.log(limits);`
 
       <div>
         <div className='mb-[6.5px] flex items-center justify-between'>
-          <Label className='block pl-0.5 text-[var(--text-primary)] text-small'>
-            Run workflow (stream response)
-          </Label>
+          <Label className='block pl-0.5 text-small'>Run workflow (stream response)</Label>
           <div className='flex items-center gap-1.5'>
             <Tooltip.Root>
               <Tooltip.Trigger asChild>
@@ -540,9 +538,7 @@ console.log(limits);`
       {!info.isPublicApi && (
         <div>
           <div className='mb-[6.5px] flex items-center justify-between'>
-            <Label className='block pl-0.5 text-[var(--text-primary)] text-small'>
-              Run workflow (async)
-            </Label>
+            <Label className='block pl-0.5 text-small'>Run workflow (async)</Label>
             <div className='flex items-center gap-1.5'>
               <Tooltip.Root>
                 <Tooltip.Trigger asChild>

diff --git a/...owId]/components/panel/components/deploy/components/deploy-modal/components/chat/chat.tsx b/...owId]/components/panel/components/deploy/components/deploy-modal/components/chat/chat.tsx
@@ -359,10 +359,7 @@ export function ChatDeploy({
           />
 
           <div>
-            <Label
-              htmlFor='title'
-              className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'
-            >
+            <Label htmlFor='title' className='mb-[6.5px] block pl-0.5 text-small'>
               Title
             </Label>
             <ChipInput
@@ -379,9 +376,7 @@ export function ChatDeploy({
           </div>
 
           <div>
-            <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
-              Output
-            </Label>
+            <Label className='mb-[6.5px] block pl-0.5 text-small'>Output</Label>
             <OutputSelect
               workflowId={workflowId}
               selectedOutputs={formData.selectedOutputBlocks}
@@ -402,9 +397,7 @@ export function ChatDeploy({
 
           <div className='flex items-center justify-between gap-3'>
             <div className='min-w-0'>
-              <Label className='block pl-0.5 text-[var(--text-primary)] text-small'>
-                Include thinking
-              </Label>
+              <Label className='block pl-0.5 text-small'>Include thinking</Label>
             </div>
             <Switch
               checked={formData.includeThinking}
@@ -416,9 +409,7 @@ export function ChatDeploy({
 
           <div className='flex items-center justify-between gap-3'>
             <div className='min-w-0'>
-              <Label className='block pl-0.5 text-[var(--text-primary)] text-small'>
-                Include tool calls
-              </Label>
+              <Label className='block pl-0.5 text-small'>Include tool calls</Label>
             </div>
             <Switch
               checked={formData.includeToolCalls}
@@ -444,10 +435,7 @@ export function ChatDeploy({
             error={errors.password || errors.emails}
           />
           <div>
-            <Label
-              htmlFor='welcomeMessage'
-              className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'
-            >
+            <Label htmlFor='welcomeMessage' className='mb-[6.5px] block pl-0.5 text-small'>
               Welcome message
             </Label>
             <Textarea
@@ -587,10 +575,7 @@ function IdentifierInput({
 
   return (
     <div>
-      <Label
-        htmlFor='chat-url'
-        className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'
-      >
+      <Label htmlFor='chat-url' className='mb-[6.5px] block pl-0.5 text-small'>
         URL
       </Label>
       <div
@@ -731,9 +716,7 @@ function AuthSelector({
   return (
     <div className='space-y-4'>
       <div>
-        <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
-          Access control
-        </Label>
+        <Label className='mb-[6.5px] block pl-0.5 text-small'>Access control</Label>
         <ChipButtonGroup
           value={authType}
           onValueChange={(val) => onAuthTypeChange(val as AuthType)}
@@ -749,9 +732,7 @@ function AuthSelector({
 
       {authType === 'password' && (
         <div>
-          <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
-            Password
-          </Label>
+          <Label className='mb-[6.5px] block pl-0.5 text-small'>Password</Label>
           <GeneratedPasswordInput
             value={password}
             onChange={handlePasswordChange}
@@ -777,7 +758,7 @@ function AuthSelector({
 
       {(authType === 'email' || authType === 'sso') && (
         <div>
-          <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
+          <Label className='mb-[6.5px] block pl-0.5 text-small'>
             {authType === 'email' ? 'Allowed emails' : 'Allowed SSO emails'}
           </Label>
           <ChipEmailsInput

diff --git a/...components/panel/components/deploy/components/deploy-modal/components/general/general.tsx b/...components/panel/components/deploy/components/deploy-modal/components/general/general.tsx
@@ -198,7 +198,7 @@ export function GeneralDeploy({
       <div className='space-y-3'>
         <div>
           <div className='relative mb-[6.5px]'>
-            <Label className='block truncate pl-0.5 text-[var(--text-primary)] text-small'>
+            <Label className='block truncate pl-0.5 text-small'>
               {previewMode === 'selected' && selectedVersionInfo
                 ? formatVersionLabel(selectedVersionInfo.version, selectedVersionInfo.name)
                 : 'Live Workflow'}
@@ -263,9 +263,7 @@ export function GeneralDeploy({
         </div>
 
         <div>
-          <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
-            Versions
-          </Label>
+          <Label className='mb-[6.5px] block pl-0.5 text-small'>Versions</Label>
           <Versions
             workflowId={workflowId}
             versions={versions}

diff --git a/...flowId]/components/panel/components/deploy/components/deploy-modal/components/mcp/mcp.tsx b/...flowId]/components/panel/components/deploy/components/deploy-modal/components/mcp/mcp.tsx
@@ -541,9 +541,7 @@ export function McpDeploy({
       ))}
 
       <div>
-        <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
-          Tool name
-        </Label>
+        <Label className='mb-[6.5px] block pl-0.5 text-small'>Tool name</Label>
         <ChipInput
           value={toolName}
           onChange={(e) => setToolName(e.target.value)}
@@ -562,9 +560,7 @@ export function McpDeploy({
       </div>
 
       <div>
-        <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
-          Description
-        </Label>
+        <Label className='mb-[6.5px] block pl-0.5 text-small'>Description</Label>
         <Textarea
           placeholder={
             workflowDescriptionFallback
@@ -579,7 +575,7 @@ export function McpDeploy({
 
       {inputFormat.length > 0 && (
         <div>
-          <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
+          <Label className='mb-[6.5px] block pl-0.5 text-small'>
             Parameters ({inputFormat.length})
           </Label>
           <p className='mb-[6.5px] pl-0.5 text-[var(--text-secondary)] text-xs'>
@@ -627,9 +623,7 @@ export function McpDeploy({
       )}
 
       <div>
-        <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
-          Servers
-        </Label>
+        <Label className='mb-[6.5px] block pl-0.5 text-small'>Servers</Label>
         <ChipCombobox
           options={serverOptions}
           multiSelect

diff --git a/...s/panel/components/editor/components/sub-block/components/checkbox-list/checkbox-list.tsx b/...s/panel/components/editor/components/sub-block/components/checkbox-list/checkbox-list.tsx
@@ -94,7 +94,7 @@ export function CheckboxList({
             />
             <Label
               htmlFor={`${blockId}-${subBlockId}-${option.id}`}
-              className='cursor-pointer font-sans text-[var(--text-primary)] text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50'
+              className='cursor-pointer font-sans text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50'
             >
               {formatDisplayText(option.label, { workflowSearchHighlight })}
             </Label>

diff --git a/...mponents/editor/components/sub-block/components/slack-setup-wizard/slack-setup-wizard.tsx b/...mponents/editor/components/sub-block/components/slack-setup-wizard/slack-setup-wizard.tsx
@@ -527,7 +527,7 @@ function CapabilityRow({ blockId, capability, checked, disabled }: CapabilityRow
       />
       <Label
         htmlFor={id}
-        className='cursor-pointer text-[var(--text-primary)] text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-60'
+        className='cursor-pointer text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-60'
       >
         {capability.label}
       </Label>

diff --git a/...wId]/components/panel/components/editor/components/sub-block/components/switch/switch.tsx b/...wId]/components/panel/components/editor/components/sub-block/components/switch/switch.tsx
@@ -40,7 +40,7 @@ export function Switch({
       />
       <Label
         htmlFor={`${blockId}-${subBlockId}`}
-        className='cursor-pointer font-sans text-[var(--text-primary)] text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50'
+        className='cursor-pointer font-sans text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50'
       >
         {title}
       </Label>

diff --git a/...rkflowId]/components/panel/components/editor/components/subflow-editor/subflow-editor.tsx b/...rkflowId]/components/panel/components/editor/components/subflow-editor/subflow-editor.tsx
@@ -131,7 +131,7 @@ export function SubflowEditor({
             data-workflow-search-canonical-id={WORKFLOW_SEARCH_SUBFLOW_FIELD_IDS.type}
             className='rounded-md'
           >
-            <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
+            <Label className='mb-[6.5px] block pl-0.5 text-small'>
               {currentBlock.type === 'loop' ? 'Loop Type' : 'Parallel Type'}
             </Label>
             <Combobox
@@ -150,7 +150,7 @@ export function SubflowEditor({
             data-workflow-search-canonical-id={configSearchFieldId}
             className='rounded-md'
           >
-            <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
+            <Label className='mb-[6.5px] block pl-0.5 text-small'>
               {isCountMode
                 ? `${currentBlock.type === 'loop' ? 'Loop' : 'Parallel'} Iterations`
                 : isConditionMode
@@ -223,9 +223,7 @@ export function SubflowEditor({
               data-workflow-search-canonical-id={WORKFLOW_SEARCH_SUBFLOW_FIELD_IDS.batchSize}
               className='relative mt-4 rounded-md'
             >
-              <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
-                Parallel Batch Size
-              </Label>
+              <Label className='mb-[6.5px] block pl-0.5 text-small'>Parallel Batch Size</Label>
               <Input
                 type='text'
                 value={batchSizeValue}

diff --git a/...workspace/[workspaceId]/w/components/preview/components/preview-editor/preview-editor.tsx b/...workspace/[workspaceId]/w/components/preview/components/preview-editor/preview-editor.tsx
@@ -605,7 +605,7 @@ function SubflowConfigDisplay({ block, loop, parallel }: SubflowConfigDisplayPro
     <div className='flex-1 overflow-y-auto overflow-x-hidden pt-2 pb-2'>
       {/* Type Selection - matches SubflowEditor */}
       <div>
-        <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
+        <Label className='mb-[6.5px] block pl-0.5 text-small'>
           {isLoop ? 'Loop Type' : 'Parallel Type'}
         </Label>
         <Combobox
@@ -622,9 +622,7 @@ function SubflowConfigDisplay({ block, loop, parallel }: SubflowConfigDisplayPro
 
       {/* Configuration - matches SubflowEditor */}
       <div>
-        <Label className='mb-[6.5px] block pl-0.5 text-[var(--text-primary)] text-small'>
-          {getConfigLabel()}
-        </Label>
+        <Label className='mb-[6.5px] block pl-0.5 text-small'>{getConfigLabel()}</Label>
 
         {isCountMode ? (
           <div>