refactor(emcn): preserve workflow action chrome after staging merge

Author: Bill Leoutsakos

apps/sim/app/(landing)/components/hero/components/hero-platform-loop/stage-block-card.tsx

@@ -373,7 +373,7 @@ export function StageBlockCard({
             hasContentBelowHeader ? 'h-[40px]' : 'h-[48px]'
           )}
         >
-          <span className='min-w-0 flex-1 truncate text-[var(--text-primary)] text-md'>
+          <span className='min-w-0 flex-1 truncate text-[17px] text-[var(--text-primary)]'>
             {block.name}
           </span>
           <WorkflowTypeTag

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/chat.tsx

@@ -381,9 +381,7 @@ export function ChatDeploy({
           </ChipModalField>
 
           <div className='px-2'>
-            <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}
@@ -573,10 +571,7 @@ export function IdentifierInput({
 
   return (
     <div className='px-2'>
-      <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

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/condition-input/condition-input.tsx

@@ -966,7 +966,7 @@ export function ConditionInput({
                         disabled ||
                         (!isRouterMode && isElseConditionTitle(block.title))
                       }
-                      className='h-auto p-0'
+                      size='bare'
                     >
                       <Plus className='size-[14px]' />
                       <span className='sr-only'>Add Block</span>
@@ -986,7 +986,7 @@ export function ConditionInput({
                         disabled ||
                         (!isRouterMode && isElseConditionTitle(block.title))
                       }
-                      className='h-auto p-0'
+                      size='bare'
                     >
                       <ChevronUp className='size-[14px]' />
                       <span className='sr-only'>Move Up</span>
@@ -1008,7 +1008,7 @@ export function ConditionInput({
                           isElseConditionTitle(conditionalBlocks[index + 1]?.title)) ||
                         (!isRouterMode && isElseConditionTitle(block.title))
                       }
-                      className='h-auto p-0'
+                      size='bare'
                     >
                       <ChevronDown className='size-[14px]' />
                       <span className='sr-only'>Move Down</span>
@@ -1025,7 +1025,7 @@ export function ConditionInput({
                       disabled={
                         isPreview || disabled || conditionalBlocks.length <= (isRouterMode ? 1 : 2)
                       }
-                      className='h-auto p-0'
+                      size='bare'
                     >
                       <Trash className='size-[14px]' />
                       <span className='sr-only'>Delete Block</span>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/document-tag-entry/document-tag-entry.tsx

@@ -257,20 +257,15 @@ export function DocumentTagEntry({
 
   const renderActions = (tag: DocumentTag) => (
     <>
-      <Button
-        variant='ghost'
-        onClick={addTag}
-        disabled={isReadOnly || !canAddMoreTags}
-        className='h-auto p-0'
-      >
+      <Button variant='ghost' onClick={addTag} disabled={isReadOnly || !canAddMoreTags} size='bare'>
         <Plus className='size-[14px]' />
         <span className='sr-only'>Add Tag</span>
       </Button>
       <Button
         variant='ghost-destructive'
         onClick={() => removeTag(tag.id)}
         disabled={isReadOnly}
-        className='h-auto p-0'
+        size='bare'
       >
         <Trash className='size-[14px]' />
         <span className='sr-only'>Delete Tag</span>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/eval-input/eval-input.tsx

@@ -147,7 +147,7 @@ export function EvalInput({
               variant='ghost'
               onClick={addMetric}
               disabled={isPreview || disabled}
-              className='h-auto p-0'
+              size='bare'
             >
               <Plus className='size-[14px]' />
               <span className='sr-only'>Add Metric</span>
@@ -162,7 +162,7 @@ export function EvalInput({
               variant='ghost-destructive'
               onClick={() => removeMetric(metric.id)}
               disabled={isPreview || disabled || metrics.length === 1}
-              className='h-auto p-0'
+              size='bare'
             >
               <Trash className='size-[14px]' />
               <span className='sr-only'>Delete Metric</span>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/filter-builder/components/filter-rule-row.tsx

@@ -129,15 +129,15 @@ export function FilterRuleRow({
 
   const renderActions = () => (
     <>
-      <Button variant='ghost' onClick={onAdd} disabled={isReadOnly} className='h-auto p-0'>
+      <Button variant='ghost' onClick={onAdd} disabled={isReadOnly} size='bare'>
         <Plus className='size-[14px]' />
         <span className='sr-only'>Add Condition</span>
       </Button>
       <Button
         variant='ghost-destructive'
         onClick={() => onRemove(rule.id)}
         disabled={isReadOnly}
-        className='h-auto p-0'
+        size='bare'
       >
         <Trash className='size-[14px]' />
         <span className='sr-only'>Delete Condition</span>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/knowledge-tag-filters/knowledge-tag-filters.tsx

@@ -257,7 +257,7 @@ export function KnowledgeTagFilters({
           addFilter()
         }}
         disabled={isReadOnly}
-        className='h-auto p-0'
+        size='bare'
       >
         <Plus className='size-[14px]' />
         <span className='sr-only'>Add Filter</span>
@@ -269,7 +269,7 @@ export function KnowledgeTagFilters({
           removeFilter(filter.id)
         }}
         disabled={isReadOnly}
-        className='h-auto p-0'
+        size='bare'
       >
         <Trash className='size-[14px]' />
         <span className='sr-only'>Delete Filter</span>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/sort-builder/components/sort-rule-row.tsx

@@ -88,15 +88,15 @@ export function SortRuleRow({
 
   const renderActions = () => (
     <>
-      <Button variant='ghost' onClick={onAdd} disabled={isReadOnly} className='h-auto p-0'>
+      <Button variant='ghost' onClick={onAdd} disabled={isReadOnly} size='bare'>
         <Plus className='size-[14px]' />
         <span className='sr-only'>Add Sort</span>
       </Button>
       <Button
         variant='ghost-destructive'
         onClick={() => onRemove(rule.id)}
         disabled={isReadOnly}
-        className='h-auto p-0'
+        size='bare'
       >
         <Trash className='size-[14px]' />
         <span className='sr-only'>Delete Sort</span>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/starter/input-format.tsx

@@ -412,7 +412,7 @@ export function FieldFormat({
         className='flex items-center gap-2 pl-2'
         onClick={(e) => e.stopPropagation()}
       >
-        <Button variant='ghost' onClick={addField} disabled={isReadOnly} className='h-auto p-0'>
+        <Button variant='ghost' onClick={addField} disabled={isReadOnly} size='bare'>
           <Plus className='size-[14px]' />
           <span className='sr-only'>Add {title}</span>
         </Button>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/variables-input/variables-input.tsx

@@ -422,7 +422,7 @@ export function VariablesInput({
                         addAssignment()
                       }}
                       disabled={isReadOnly || allVariablesAssigned}
-                      className='h-auto p-0'
+                      size='bare'
                     >
                       <Plus className='size-[14px]' />
                       <span className='sr-only'>Add Variable</span>
@@ -434,7 +434,7 @@ export function VariablesInput({
                         removeAssignment(assignment.id)
                       }}
                       disabled={isReadOnly}
-                      className='h-auto p-0'
+                      size='bare'
                     >
                       <Trash className='size-[14px]' />
                       <span className='sr-only'>Delete Variable</span>