fix(settings): ChipSelect renders above modals + full-width form mode

Raise the ChipSelect menu to --z-popover so it layers above modal surfaces
(--z-modal) instead of opening behind them. Add a fullWidth prop that stretches
the trigger and right-aligns the chevron for form-field use, and apply it to the
workflow MCP-server pickers.

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/settings/components/workflow-mcp-servers/components/create-workflow-mcp-server-modal/create-workflow-mcp-server-modal.tsx

@@ -103,6 +103,7 @@ export function CreateWorkflowMcpServerModal({
               searchable
               searchPlaceholder='Search workflows...'
               disabled={createServerMutation.isPending}
+              fullWidth
               align='start'
               displayLabel={
                 selectedWorkflowIds.length > 0

apps/sim/app/workspace/[workspaceId]/settings/components/workflow-mcp-servers/workflow-mcp-servers.tsx

@@ -829,6 +829,7 @@ function ServerDetailView({ workspaceId, serverId, onBack }: ServerDetailViewPro
               searchable
               searchPlaceholder='Search workflows...'
               disabled={addToolMutation.isPending}
+              fullWidth
               align='start'
               displayLabel={selectedWorkflow?.name}
             />

apps/sim/components/emcn/components/chip-select/chip-select.tsx

@@ -62,6 +62,11 @@ export interface ChipSelectProps {
   allOptionLabel?: string
   /** Menu alignment relative to the trigger. */
   align?: 'start' | 'center' | 'end'
+  /**
+   * Stretch the trigger to fill its container and right-align the chevron —
+   * use inside form fields. Defaults to a content-width chip (toolbar filters).
+   */
+  fullWidth?: boolean
   /** Menu width — 'trigger' matches the trigger, a number is px; defaults to a 160px min. */
   dropdownWidth?: 'trigger' | number
   /** Max height of the menu in px (defaults to the menu's 240px). */
@@ -110,6 +115,7 @@ export function ChipSelect({
   showAllOption = false,
   allOptionLabel = 'All',
   align = 'end',
+  fullWidth = false,
   dropdownWidth,
   maxHeight,
   className,
@@ -205,8 +211,8 @@ export function ChipSelect({
           disabled={disabled}
           aria-label={ariaLabel}
           className={cn(
-            chipVariants({ variant: 'filled', flush: true }),
-            'max-w-[240px]',
+            chipVariants({ variant: 'filled', flush: true, fullWidth }),
+            fullWidth ? 'w-full justify-between' : 'max-w-[240px]',
             className
           )}
         >
@@ -220,7 +226,7 @@ export function ChipSelect({
         align={align}
         onOpenAutoFocus={searchable ? (e) => e.preventDefault() : undefined}
         style={contentStyle}
-        className={cn('min-w-[160px]', contentClassName)}
+        className={cn('z-[var(--z-popover)] min-w-[160px]', contentClassName)}
       >
         {searchable ? (
           <DropdownMenuSearchInput