Add a centered Send button to the job search bar.

Replace the invisible gradient CTA with a blue pill, icon+label stack, and horizontal padding so the control reads clearly at the right of the field.

Co-authored-by: Cursor <cursoragent@cursor.com>

App for Indeed/Views/DashboardView.swift

@@ -52,11 +52,8 @@ final class DashboardView: NSView, NSTextFieldDelegate, NSSharingServicePickerDe
         static let proAccent = NSColor(srgbRed: 37 / 255, green: 87 / 255, blue: 167 / 255, alpha: 1)
         static let proCTABackground = NSColor(srgbRed: 37 / 255, green: 87 / 255, blue: 167 / 255, alpha: 1)
         static let proCTAText = NSColor(srgbRed: 1, green: 1, blue: 1, alpha: 1)
-        /// Slightly lighter blue for the top of the search-bar “Find jobs” pill (reads less flat than a solid fill).
-        static let findJobsCTAHighlight = NSColor(srgbRed: 54 / 255, green: 110 / 255, blue: 198 / 255, alpha: 1)
-        /// Hover states: darker brand blue, deeper gradient top, stronger tints, and subtle neutral fills used across CTAs, toggles, and the sidebar.
+        /// Hover states: darker brand blue, stronger tints, and subtle neutral fills used across CTAs, toggles, and the sidebar.
         static let brandBlueHover = NSColor(srgbRed: 28 / 255, green: 70 / 255, blue: 140 / 255, alpha: 1)
-        static let findJobsCTAHighlightHover = NSColor(srgbRed: 44 / 255, green: 94 / 255, blue: 178 / 255, alpha: 1)
         static let selectionFillHover = NSColor(srgbRed: 37 / 255, green: 87 / 255, blue: 167 / 255, alpha: 0.2)
         static let neutralHoverFill = NSColor(srgbRed: 240 / 255, green: 240 / 255, blue: 240 / 255, alpha: 1)
         static let sidebarRowHoverFill = NSColor(srgbRed: 0, green: 0, blue: 0, alpha: 0.04)
@@ -93,9 +90,11 @@ final class DashboardView: NSView, NSTextFieldDelegate, NSSharingServicePickerDe
     private let jobSearchIcon = NSImageView()
     private let jobKeywordsField = NSTextField()
     private let findJobsButton = HoverableButton()
+    private let findJobsCTAPill = HoverableView()
+    private let sendIconView = NSImageView()
+    private let sendLabel = NSTextField(labelWithString: "Send")
+    private let sendContentStack = NSStackView()
     private let findJobsCTAHost = NSView()
-    private let findJobsCTAChrome = HoverableView()
-    private var findJobsCTAGradientLayer: CAGradientLayer?
     private let welcomeHeroHost = NSView()
     private let welcomeHeroBackgroundView = WelcomeHeroBackgroundView()
     private lazy var welcomeSparkleCluster: WelcomeSparkleClusterView = {
@@ -201,7 +200,6 @@ final class DashboardView: NSView, NSTextFieldDelegate, NSSharingServicePickerDe
     override func layout() {
         super.layout()
         updateSearchBarShadowPath()
-        findJobsCTAGradientLayer?.frame = findJobsCTAChrome.bounds
         updateFindJobsCTAShadowPath()
         updateJobListingDescriptionWidths()
         updateChatBubbleWidths()
@@ -1084,67 +1082,69 @@ final class DashboardView: NSView, NSTextFieldDelegate, NSSharingServicePickerDe
         findJobsCTAHost.layer?.shadowOffset = CGSize(width: 0, height: 2)
         findJobsCTAHost.layer?.shadowRadius = 6
 
-        findJobsCTAChrome.translatesAutoresizingMaskIntoConstraints = false
-        findJobsCTAChrome.wantsLayer = true
-        findJobsCTAChrome.layer?.masksToBounds = true
-        findJobsCTAChrome.layer?.cornerRadius = ctaCorner
+        let sendContentPadding: CGFloat = 16
+
+        findJobsCTAPill.translatesAutoresizingMaskIntoConstraints = false
+        findJobsCTAPill.wantsLayer = true
+        findJobsCTAPill.layer?.cornerRadius = ctaCorner
         if #available(macOS 11.0, *) {
-            findJobsCTAChrome.layer?.cornerCurve = .continuous
+            findJobsCTAPill.layer?.cornerCurve = .continuous
         }
+        findJobsCTAPill.layer?.masksToBounds = true
+        findJobsCTAPill.layer?.backgroundColor = Theme.brandBlue.cgColor
 
-        let gradient = CAGradientLayer()
-        gradient.colors = [Theme.findJobsCTAHighlight.cgColor, Theme.brandBlue.cgColor]
-        gradient.startPoint = CGPoint(x: 0.5, y: 1)
-        gradient.endPoint = CGPoint(x: 0.5, y: 0)
-        findJobsCTAChrome.layer?.addSublayer(gradient)
-        findJobsCTAGradientLayer = gradient
+        sendIconView.translatesAutoresizingMaskIntoConstraints = false
+        sendIconView.symbolConfiguration = NSImage.SymbolConfiguration(pointSize: 11, weight: .semibold)
+        sendIconView.image = NSImage(systemSymbolName: "paperplane.fill", accessibilityDescription: nil)
+        sendIconView.contentTintColor = Theme.proCTAText
 
-        // Tracks hover over the full pill (the button only covers an inset area), so the gradient darkens whenever the mouse is anywhere over the CTA.
-        findJobsCTAChrome.pointerCursor = true
-        findJobsCTAChrome.hoverHandler = { [weak self] hovering in
-            guard let layer = self?.findJobsCTAGradientLayer else { return }
-            CATransaction.begin()
-            CATransaction.setAnimationDuration(0.15)
-            layer.colors = hovering
-                ? [Theme.findJobsCTAHighlightHover.cgColor, Theme.brandBlueHover.cgColor]
-                : [Theme.findJobsCTAHighlight.cgColor, Theme.brandBlue.cgColor]
-            CATransaction.commit()
-        }
+        sendLabel.font = .systemFont(ofSize: 14, weight: .semibold)
+        sendLabel.textColor = Theme.proCTAText
+        sendLabel.alignment = .center
+
+        sendContentStack.orientation = .horizontal
+        sendContentStack.spacing = 6
+        sendContentStack.alignment = .centerY
+        sendContentStack.translatesAutoresizingMaskIntoConstraints = false
+        sendContentStack.addArrangedSubview(sendIconView)
+        sendContentStack.addArrangedSubview(sendLabel)
 
         findJobsButton.translatesAutoresizingMaskIntoConstraints = false
         findJobsButton.title = ""
-        findJobsButton.image = NSImage(systemSymbolName: "paperplane.fill", accessibilityDescription: nil)
-        findJobsButton.imagePosition = .imageLeading
-        findJobsButton.symbolConfiguration = NSImage.SymbolConfiguration(pointSize: 11, weight: .semibold)
-        findJobsButton.attributedTitle = NSAttributedString(
-            string: " Send",
-            attributes: [
-                .font: NSFont.systemFont(ofSize: 14, weight: .semibold),
-                .foregroundColor: Theme.proCTAText,
-                .kern: 0.35
-            ]
-        )
-        findJobsButton.contentTintColor = Theme.proCTAText
         findJobsButton.isBordered = false
-        findJobsButton.bezelStyle = .rounded
+        findJobsButton.bezelStyle = .inline
         findJobsButton.wantsLayer = true
         findJobsButton.layer?.backgroundColor = NSColor.clear.cgColor
         findJobsButton.focusRingType = .none
+        findJobsButton.pointerCursor = true
         findJobsButton.target = self
         findJobsButton.action = #selector(didSubmitSearch)
-        findJobsButton.setContentHuggingPriority(.required, for: .horizontal)
-        findJobsButton.setContentCompressionResistancePriority(.required, for: .horizontal)
+        findJobsButton.setAccessibilityLabel("Send")
+        findJobsButton.hoverHandler = { [weak self] hovering in
+            self?.findJobsCTAPill.layer?.backgroundColor = (hovering ? Theme.brandBlueHover : Theme.brandBlue).cgColor
+        }
 
-        findJobsCTAHost.addSubview(findJobsCTAChrome)
+        findJobsCTAHost.addSubview(findJobsCTAPill)
+        findJobsCTAHost.addSubview(sendContentStack)
         findJobsCTAHost.addSubview(findJobsButton)
+        findJobsCTAHost.setContentHuggingPriority(.required, for: .horizontal)
+        findJobsCTAHost.setContentCompressionResistancePriority(.required, for: .horizontal)
         NSLayoutConstraint.activate([
-            findJobsCTAChrome.leadingAnchor.constraint(equalTo: findJobsCTAHost.leadingAnchor),
-            findJobsCTAChrome.trailingAnchor.constraint(equalTo: findJobsCTAHost.trailingAnchor),
-            findJobsCTAChrome.topAnchor.constraint(equalTo: findJobsCTAHost.topAnchor),
-            findJobsCTAChrome.bottomAnchor.constraint(equalTo: findJobsCTAHost.bottomAnchor),
+            findJobsCTAPill.leadingAnchor.constraint(equalTo: findJobsCTAHost.leadingAnchor),
+            findJobsCTAPill.trailingAnchor.constraint(equalTo: findJobsCTAHost.trailingAnchor),
+            findJobsCTAPill.topAnchor.constraint(equalTo: findJobsCTAHost.topAnchor),
+            findJobsCTAPill.bottomAnchor.constraint(equalTo: findJobsCTAHost.bottomAnchor),
+
+            sendContentStack.centerXAnchor.constraint(equalTo: findJobsCTAPill.centerXAnchor),
+            sendContentStack.centerYAnchor.constraint(equalTo: findJobsCTAPill.centerYAnchor),
+            sendContentStack.leadingAnchor.constraint(greaterThanOrEqualTo: findJobsCTAPill.leadingAnchor, constant: sendContentPadding),
+            sendContentStack.trailingAnchor.constraint(lessThanOrEqualTo: findJobsCTAPill.trailingAnchor, constant: -sendContentPadding),
+
+            sendIconView.widthAnchor.constraint(equalToConstant: 14),
+            sendIconView.heightAnchor.constraint(equalToConstant: 14),
 
-            findJobsButton.leadingAnchor.constraint(equalTo: findJobsCTAHost.leadingAnchor, constant: 14),
-            findJobsButton.trailingAnchor.constraint(equalTo: findJobsCTAHost.trailingAnchor, constant: -14),
+            findJobsButton.leadingAnchor.constraint(equalTo: findJobsCTAHost.leadingAnchor),
+            findJobsButton.trailingAnchor.constraint(equalTo: findJobsCTAHost.trailingAnchor),
             findJobsButton.topAnchor.constraint(equalTo: findJobsCTAHost.topAnchor),
             findJobsButton.bottomAnchor.constraint(equalTo: findJobsCTAHost.bottomAnchor)
         ])
@@ -1159,7 +1159,7 @@ final class DashboardView: NSView, NSTextFieldDelegate, NSSharingServicePickerDe
 
         let row = NSStackView(views: [keywordsStack, findJobsCTAHost])
         row.orientation = .horizontal
-        row.spacing = 0
+        row.spacing = 10
         row.alignment = .centerY
         row.distribution = .fill
         row.translatesAutoresizingMaskIntoConstraints = false
@@ -1184,7 +1184,7 @@ final class DashboardView: NSView, NSTextFieldDelegate, NSSharingServicePickerDe
             jobSearchIcon.heightAnchor.constraint(equalToConstant: 18),
 
             findJobsCTAHost.heightAnchor.constraint(equalToConstant: ctaHeight),
-            findJobsCTAHost.widthAnchor.constraint(greaterThanOrEqualToConstant: 112)
+            findJobsCTAHost.widthAnchor.constraint(greaterThanOrEqualTo: sendContentStack.widthAnchor, constant: sendContentPadding * 2)
         ])
         searchCard.hoverHandler = nil
     }
@@ -2355,7 +2355,7 @@ final class DashboardView: NSView, NSTextFieldDelegate, NSSharingServicePickerDe
     private func setInputEnabled(_ enabled: Bool) {
         jobKeywordsField.isEnabled = enabled
         findJobsButton.isEnabled = enabled
-        findJobsButton.alphaValue = enabled ? 1 : 0.65
+        findJobsCTAHost.alphaValue = enabled ? 1 : 0.65
         clearChatButton.isEnabled = enabled
         clearChatButton.alphaValue = enabled ? 1 : 0.65
         trailingLoadMoreJobsButton?.isEnabled = enabled