Add progressive window shortcut filtering

Ariver

2026-06-20 a3d82000231b8a8e3709e1a6708dbbdaf81412dc

 C1.source/Sources/Aligner/QuickSwitchRootView.swift

@@ -25,6 +25,10 @@
    private let backdropBlurView = NSVisualEffectView()
    private let layerHostView = NSView()
    private let backgroundLayer = CAGradientLayer()
    private let darkAmbientLeftLayer = CAGradientLayer()
    private let darkAmbientCenterLayer = CAGradientLayer()
    private let darkAmbientRightLayer = CAGradientLayer()
    private let darkVignetteLayer = CAGradientLayer()
    private let safeAreaFillLayer = CALayer()
    private let glassLayer = CALayer()
    private let laneLayer = CALayer()
@@ -38,6 +42,8 @@
    private let closeFeedbackTextLayer = CATextLayer()
    private let viewModeToggleButtonLayer = CALayer()
    private let viewModeToggleIconLayer = CALayer()
    private let themeToggleButtonLayer = CALayer()
    private let themeToggleIconLayer = CALayer()
    private let appIconProvider: any AppIconProviderProtocol = WorkspaceAppIconProvider()
    private let skeletonThumbnailProvider = NativeSkeletonThumbnailProvider(size: NSSize(width: 160, height: 96))
    private var screenshotSourcesByWindowID: [UInt32: ScreenshotResolutionSource] = [:]
@@ -65,6 +71,8 @@
    private var closeFeedbackHideTask: Task<Void, Never>?
    private var isViewModeToggleButtonHovered = false
    private var suppressViewModeToggleHoverPreview = false
    private var isThemeToggleButtonHovered = false
    private var suppressThemeToggleHoverPreview = false
    private var hoverTarget: HoverTarget = .none
    private var hoverTargetSource: HoverTargetSource = .event
    private var hoveredSpaceLaneID: UInt64?
@@ -72,6 +80,7 @@
    private var debugHoveredAppGroupIndex: Int?
    private var waterfallColumns: [WaterfallColumnLayers] = []
    private var waterfallViewMode: QuickSwitchWaterfallViewMode = .verticalColumns
    private var themePreference: ThemePreference = .light
    private var waterfallContentWidth: CGFloat = 0
    private var waterfallScrollOffset: CGFloat = 0
    private var waterfallColumnScrollOffsets: [Int: CGFloat] = [:]
@@ -90,6 +99,8 @@
    private var windowIndexKeyPendingClearTask: Task<Void, Never>?
    private var lastWindowIndexKeyCommand: String?
    private var lastWindowIndexKeyCommitCode: String?
    private var windowShortcutFilterPhase: WindowShortcutFilterPhase = .none
    private var lastWindowShortcutPreCommitFilterSnapshot: WindowShortcutPreCommitFilterSnapshot?
    private var lastBoundaryBounceAxis: String?
    private var lastBoundaryBounceDirection: String?
    private var boundaryBounceCount = 0
@@ -121,6 +132,7 @@
    var onSpaceLaneClick: ((UInt64, Int) -> Void)?
    var onBackgroundClick: (() -> Bool)?
    var onToggleWaterfallViewMode: (() -> Void)?
    var onToggleTheme: (() -> Void)?
    var onRequestClose: ((QuickSwitchCloseRequest) -> Void)?
    var onCloseConfirmationDisabled: (() -> Void)?

@@ -335,6 +347,47 @@
        let startedAt: CFTimeInterval
    }

    private enum WindowShortcutFilterPhase: String {
        case none
        case appPending
        case targetPreCommit
        case invalid
        case expired
    }

    private enum WindowShortcutFilterState: String {
        case none
        case matched
        case dimmed
        case target
    }

    private struct WindowShortcutPreCommitFilterSnapshot {
        let targetCode: String
        let targetWindowID: UInt32
        let matchedWindowIDs: [UInt32]
        let dimmedWindowIDs: [UInt32]

        var reportDictionary: [String: Any] {
            [
                "phase": WindowShortcutFilterPhase.targetPreCommit.rawValue,
                "targetCode": targetCode,
                "targetWindowID": Int(targetWindowID),
                "matchedWindowIDs": matchedWindowIDs.map(Int.init),
                "dimmedWindowIDs": dimmedWindowIDs.map(Int.init)
            ]
        }
    }

    private struct WindowShortcutFilterReport {
        let active: Bool
        let phase: WindowShortcutFilterPhase
        let pendingAppGroupIndex: Int?
        let prefix: String?
        let matchedWindowIDs: [UInt32]
        let dimmedWindowIDs: [UInt32]
    }

    private struct ProjectionLayerSnapshot {
        let layer: CALayer
        let frame: CGRect
@@ -389,6 +442,118 @@
        case horizontalSelected = "H2"
        case verticalAvailable = "Z1"
        case verticalSelected = "Z2"
    }

    private enum ThemeToggleMetrics {
        static let buttonGap: CGFloat = 10
    }

    private enum QuickSwitchResolvedTheme: String {
        case light
        case dark
    }

    private struct QuickSwitchThemePalette {
        let resolvedTheme: QuickSwitchResolvedTheme
        let backgroundGradientColors: [NSColor]
        let safeAreaFill: NSColor
        let displayGroupBackground: NSColor
        let spaceLanePrimaryText: NSColor
        let spaceLaneSecondaryText: NSColor
        let columnBackground: NSColor
        let columnBorder: NSColor
        let columnHeaderBackground: NSColor
        let columnHeaderHoverBackground: NSColor
        let columnHeaderSpaceFocusedBackground: NSColor
        let columnText: NSColor
        let columnSecondaryText: NSColor
        let cardBackground: NSColor
        let cardSelectedBackground: NSColor
        let cardText: NSColor
        let cardSecondaryText: NSColor
        let appShelfLabelText: NSColor
        let appShelfIndexText: NSColor
        let appShelfIndexHighlightedText: NSColor
        let appShelfBackgroundSelected: NSColor
        let appShelfBackgroundHovered: NSColor
        let appShelfBackgroundSpaceFocused: NSColor
        let closeFeedbackBackground: NSColor
        let closeFeedbackBorder: NSColor
        let closeFeedbackText: NSColor
        let shinePeak: NSColor

        static func palette(for theme: QuickSwitchResolvedTheme) -> QuickSwitchThemePalette {
            switch theme {
            case .light:
                return QuickSwitchThemePalette(
                    resolvedTheme: .light,
                    backgroundGradientColors: [
                        NSColor.windowBackgroundColor.withAlphaComponent(0.58),
                        NSColor.controlBackgroundColor.withAlphaComponent(0.48)
                    ],
                    safeAreaFill: .black,
                    displayGroupBackground: NSColor.windowBackgroundColor,
                    spaceLanePrimaryText: .labelColor,
                    spaceLaneSecondaryText: .secondaryLabelColor,
                    columnBackground: NSColor.controlBackgroundColor.withAlphaComponent(0.56),
                    columnBorder: NSColor.separatorColor.withAlphaComponent(0.24),
                    columnHeaderBackground: NSColor.controlBackgroundColor.withAlphaComponent(0.52),
                    columnHeaderHoverBackground: NSColor.systemGray.withAlphaComponent(0.22),
                    columnHeaderSpaceFocusedBackground: NSColor.systemFill.withAlphaComponent(0.10),
                    columnText: .labelColor,
                    columnSecondaryText: .secondaryLabelColor,
                    cardBackground: NSColor.windowBackgroundColor.withAlphaComponent(0.82),
                    cardSelectedBackground: NSColor.windowBackgroundColor.withAlphaComponent(0.94),
                    cardText: .labelColor,
                    cardSecondaryText: .secondaryLabelColor,
                    appShelfLabelText: .secondaryLabelColor,
                    appShelfIndexText: NSColor.labelColor.withAlphaComponent(0.48),
                    appShelfIndexHighlightedText: NSColor.labelColor.withAlphaComponent(0.58),
                    appShelfBackgroundSelected: NSColor.controlAccentColor.withAlphaComponent(0.14),
                    appShelfBackgroundHovered: NSColor.controlAccentColor.withAlphaComponent(0.13),
                    appShelfBackgroundSpaceFocused: NSColor.controlAccentColor.withAlphaComponent(0.14),
                    closeFeedbackBackground: NSColor.windowBackgroundColor.withAlphaComponent(0.94),
                    closeFeedbackBorder: NSColor.separatorColor.withAlphaComponent(0.28),
                    closeFeedbackText: NSColor.secondaryLabelColor.withAlphaComponent(0.96),
                    shinePeak: NSColor.white.withAlphaComponent(0.16)
                )
            case .dark:
                return QuickSwitchThemePalette(
                    resolvedTheme: .dark,
                    backgroundGradientColors: [
                        NSColor(calibratedRed: 5 / 255, green: 8 / 255, blue: 20 / 255, alpha: 1),
                        NSColor(calibratedRed: 15 / 255, green: 24 / 255, blue: 54 / 255, alpha: 1),
                        NSColor(calibratedRed: 3 / 255, green: 42 / 255, blue: 52 / 255, alpha: 1),
                        NSColor(calibratedRed: 2 / 255, green: 6 / 255, blue: 13 / 255, alpha: 1)
                    ],
                    safeAreaFill: .black,
                    displayGroupBackground: NSColor(calibratedRed: 14 / 255, green: 24 / 255, blue: 39 / 255, alpha: 0.72),
                    spaceLanePrimaryText: NSColor.white.withAlphaComponent(0.88),
                    spaceLaneSecondaryText: NSColor.white.withAlphaComponent(0.56),
                    columnBackground: NSColor(calibratedRed: 92 / 255, green: 97 / 255, blue: 111 / 255, alpha: 0.72),
                    columnBorder: NSColor.white.withAlphaComponent(0.20),
                    columnHeaderBackground: NSColor(calibratedRed: 104 / 255, green: 111 / 255, blue: 126 / 255, alpha: 0.70),
                    columnHeaderHoverBackground: NSColor(calibratedRed: 185 / 255, green: 190 / 255, blue: 205 / 255, alpha: 0.32),
                    columnHeaderSpaceFocusedBackground: NSColor(calibratedRed: 92 / 255, green: 171 / 255, blue: 255 / 255, alpha: 0.16),
                    columnText: NSColor.black.withAlphaComponent(0.82),
                    columnSecondaryText: NSColor.black.withAlphaComponent(0.46),
                    cardBackground: NSColor.white.withAlphaComponent(0.90),
                    cardSelectedBackground: NSColor.white.withAlphaComponent(0.96),
                    cardText: NSColor.black.withAlphaComponent(0.86),
                    cardSecondaryText: NSColor.black.withAlphaComponent(0.52),
                    appShelfLabelText: NSColor.white.withAlphaComponent(0.66),
                    appShelfIndexText: NSColor.white.withAlphaComponent(0.40),
                    appShelfIndexHighlightedText: NSColor.white.withAlphaComponent(0.58),
                    appShelfBackgroundSelected: NSColor(calibratedRed: 92 / 255, green: 171 / 255, blue: 255 / 255, alpha: 0.22),
                    appShelfBackgroundHovered: NSColor(calibratedRed: 92 / 255, green: 171 / 255, blue: 255 / 255, alpha: 0.18),
                    appShelfBackgroundSpaceFocused: NSColor(calibratedRed: 92 / 255, green: 171 / 255, blue: 255 / 255, alpha: 0.20),
                    closeFeedbackBackground: NSColor(calibratedRed: 36 / 255, green: 43 / 255, blue: 58 / 255, alpha: 0.96),
                    closeFeedbackBorder: NSColor.white.withAlphaComponent(0.18),
                    closeFeedbackText: NSColor.white.withAlphaComponent(0.76),
                    shinePeak: NSColor.white.withAlphaComponent(0.10)
                )
            }
        }
    }

    private enum WaterfallMetrics {
@@ -575,15 +740,24 @@
        clearWindowIndexKeyPending()

        let toggleHovered = viewModeToggleButtonContains(windowLocation: event.locationInWindow)
        let themeHovered = themeToggleButtonContains(windowLocation: event.locationInWindow)
        if !toggleHovered {
            suppressViewModeToggleHoverPreview = false
        }
        if !themeHovered {
            suppressThemeToggleHoverPreview = false
        }
        let shouldShowToggleHoverPreview = toggleHovered && !suppressViewModeToggleHoverPreview
        if isViewModeToggleButtonHovered != shouldShowToggleHoverPreview {
            isViewModeToggleButtonHovered = shouldShowToggleHoverPreview
            needsLayout = true
        }
        if toggleHovered {
        let shouldShowThemeHoverPreview = themeHovered && !suppressThemeToggleHoverPreview
        if isThemeToggleButtonHovered != shouldShowThemeHoverPreview {
            isThemeToggleButtonHovered = shouldShowThemeHoverPreview
            needsLayout = true
        }
        if toggleHovered || themeHovered {
            hoveredCloseTarget = nil
            setHoverTarget(.none)
            return
@@ -602,6 +776,8 @@
        clearWindowIndexKeyPending()
        isViewModeToggleButtonHovered = false
        suppressViewModeToggleHoverPreview = false
        isThemeToggleButtonHovered = false
        suppressThemeToggleHoverPreview = false
        hoveredCloseTarget = nil
        setHoverTarget(.none)
    }
@@ -623,6 +799,11 @@

        if viewModeToggleButtonContains(windowLocation: event.locationInWindow) {
            clickViewModeToggleButton(source: "mouse")
            return
        }

        if themeToggleButtonContains(windowLocation: event.locationInWindow) {
            clickThemeToggleButton(source: "mouse")
            return
        }

@@ -788,6 +969,15 @@
        needsLayout = true
    }

    func setTheme(_ theme: ThemePreference) {
        let normalizedTheme = Self.normalizedQuickSwitchTheme(theme)
        guard themePreference != normalizedTheme else { return }

        themePreference = normalizedTheme
        applyThemeToBackdrop()
        needsLayout = true
    }

    func showCloseProgress(for request: QuickSwitchCloseRequest) {
        setCloseFeedback(
            CloseFeedback(
@@ -940,6 +1130,8 @@
            clearWindowIndexKeyPending()
            lastWindowIndexKeyCommand = nil
            lastWindowIndexKeyCommitCode = nil
            windowShortcutFilterPhase = .none
            lastWindowShortcutPreCommitFilterSnapshot = nil
            lastBoundaryBounceAxis = nil
            lastBoundaryBounceDirection = nil
            boundaryBounceCount = 0
@@ -1258,6 +1450,7 @@
        let firstFrameGatePassed = firstFrameP95.map { $0 < 150 } ?? false
        let keyboardGatePassed = keyboardP95.map { $0 < 50 } ?? false
        let hoverGatePassed = hoverP95.map { $0 <= 32 } ?? false
        let shortcutFilterReport = makeWindowShortcutFilterReport()

        return [
            "viewClass": String(describing: Self.self),
@@ -1301,6 +1494,20 @@
            "viewModeToggleStandardBlueColor": colorDictionary(from: viewModeToggleBlueColor.cgColor),
            "viewModeToggleGlyphLineWidth": Double(ViewModeToggleMetrics.glyphLineWidth),
            "viewModeToggleAccessibilityLabel": viewModeToggleAccessibilityLabel,
            "themeCurrentPreference": themePreference.rawValue,
            "themeResolved": resolvedTheme.rawValue,
            "themeNextPreference": nextThemePreference.rawValue,
            "themeToggleButtonVisible": !themeToggleButtonLayer.isHidden,
            "themeToggleButtonHovered": isThemeToggleButtonHovered,
            "themeToggleHoverPreviewSuppressed": suppressThemeToggleHoverPreview,
            "themeToggleButtonFrame": dictionary(from: themeToggleButtonLayer.frame),
            "themeToggleHitSize": Double(ViewModeToggleMetrics.hitSize),
            "themeToggleVisualSize": Double(ViewModeToggleMetrics.visualSize),
            "themeToggleIconKind": "halfDisk",
            "themeToggleAccessibilityLabel": themeToggleAccessibilityLabel,
            "darkBackdropLayerCount": darkBackdropLayerCount,
            "darkBackdropLayersVisible": darkBackdropLayersVisible,
            "darkBackdropBackgroundGradientColors": backgroundGradientColorReports(),
            "settingsButtonVisible": false,
            "spaceFocusAppGroupIndexes": spaceFocusedAppGroupIndexes(),
            "appHoverAssociatedSpaceIDs": appHoverAssociatedSpaceIDs.sorted(),
@@ -1374,6 +1581,15 @@
            "windowIndexKeyPendingAppSymbol": windowIndexKeyPending?.appSymbol ?? NSNull(),
            "lastWindowIndexKeyCommand": lastWindowIndexKeyCommand ?? NSNull(),
            "lastWindowIndexKeyCommitCode": lastWindowIndexKeyCommitCode ?? NSNull(),
            "windowShortcutFilterActive": shortcutFilterReport.active,
            "windowShortcutFilterPhase": shortcutFilterReport.phase.rawValue,
            "windowShortcutFilterPendingAppGroupIndex": shortcutFilterReport.pendingAppGroupIndex ?? NSNull(),
            "windowShortcutFilterPrefix": shortcutFilterReport.prefix ?? NSNull(),
            "windowShortcutFilterMatchedCount": shortcutFilterReport.matchedWindowIDs.count,
            "windowShortcutFilterDimmedCount": shortcutFilterReport.dimmedWindowIDs.count,
            "windowShortcutFilterMatchedWindowIDs": shortcutFilterReport.matchedWindowIDs.map(Int.init),
            "windowShortcutFilterDimmedWindowIDs": shortcutFilterReport.dimmedWindowIDs.map(Int.init),
            "lastWindowShortcutPreCommitFilterSnapshot": lastWindowShortcutPreCommitFilterSnapshot?.reportDictionary ?? NSNull(),
            "lastBoundaryBounceAxis": lastBoundaryBounceAxis ?? NSNull(),
            "lastBoundaryBounceDirection": lastBoundaryBounceDirection ?? NSNull(),
            "boundaryBounceCount": boundaryBounceCount,
@@ -1547,7 +1763,12 @@
                recordKeyboardCommand("window:\(code)")
                lastWindowIndexKeyCommand = "window:\(code)"
                lastWindowIndexKeyCommitCode = code
                clearWindowIndexKeyPending()
                lastWindowShortcutPreCommitFilterSnapshot = makeWindowShortcutPreCommitFilterSnapshot(
                    target: card,
                    code: code
                )
                windowShortcutFilterPhase = .targetPreCommit
                clearWindowIndexKeyPending(resetShortcutFilter: false)
                commitKeyboardWindowCard(card, trigger: "windowIndexKey")
                return true
            }
@@ -1555,8 +1776,10 @@
            recordKeyboardCommand("windowInvalid:\(code)")
            lastWindowIndexKeyCommand = "windowInvalid:\(code)"
            lastWindowIndexKeyCommitCode = nil
            windowShortcutFilterPhase = .invalid
            lastWindowShortcutPreCommitFilterSnapshot = nil
            selectionChangedByLastCommand = false
            clearWindowIndexKeyPending()
            clearWindowIndexKeyPending(resetShortcutFilter: false)
            return true
        }

@@ -1622,6 +1845,9 @@
            appGroupIndex: appGroupIndex,
            startedAt: startedAt
        )
        windowShortcutFilterPhase = .appPending
        lastWindowShortcutPreCommitFilterSnapshot = nil
        needsLayout = true
        windowIndexKeyPendingClearTask = Task { @MainActor [weak self] in
            do {
                try await Task.sleep(nanoseconds: UInt64(Self.windowIndexKeyPendingInterval * 1_000_000_000))
@@ -1638,13 +1864,26 @@
            }
            self.windowIndexKeyPending = nil
            self.windowIndexKeyPendingClearTask = nil
            self.windowShortcutFilterPhase = .expired
            self.lastWindowShortcutPreCommitFilterSnapshot = nil
            self.needsLayout = true
        }
    }

    private func clearWindowIndexKeyPending() {
    private func clearWindowIndexKeyPending(resetShortcutFilter: Bool = true) {
        let hadFilterState = windowIndexKeyPending != nil
            || windowShortcutFilterPhase != .none
            || lastWindowShortcutPreCommitFilterSnapshot != nil
        windowIndexKeyPendingClearTask?.cancel()
        windowIndexKeyPendingClearTask = nil
        windowIndexKeyPending = nil
        if resetShortcutFilter {
            windowShortcutFilterPhase = .none
            lastWindowShortcutPreCommitFilterSnapshot = nil
        }
        if hadFilterState {
            needsLayout = true
        }
    }

    @discardableResult
@@ -1961,11 +2200,22 @@
            recordMouseCommand("hover-view-toggle")
            suppressViewModeToggleHoverPreview = false
            isViewModeToggleButtonHovered = true
            isThemeToggleButtonHovered = false
            hoveredCloseTarget = nil
            setHoverTarget(.none, source: .debug)
        case "click-view-toggle", "click-settings":
            recordMouseCommand("click-view-toggle")
            clickViewModeToggleButton(source: "debug")
        case "hover-theme-toggle":
            recordMouseCommand("hover-theme-toggle")
            suppressThemeToggleHoverPreview = false
            isThemeToggleButtonHovered = true
            isViewModeToggleButtonHovered = false
            hoveredCloseTarget = nil
            setHoverTarget(.none, source: .debug)
        case "click-theme-toggle":
            recordMouseCommand("click-theme-toggle")
            clickThemeToggleButton(source: "debug")
        case "hover-card" where parts.count == 3:
            guard let appGroupIndex = Int(parts[1]), let windowIndex = Int(parts[2]) else {
                recordMouseCommand("invalid:\(command)")
@@ -3210,7 +3460,7 @@
    }

    private func setupBackdropBlurView() {
        backdropBlurView.material = .fullScreenUI
        backdropBlurView.material = resolvedTheme == .dark ? .hudWindow : .fullScreenUI
        backdropBlurView.blendingMode = .behindWindow
        backdropBlurView.state = .active
        backdropBlurView.isEmphasized = false
@@ -3228,19 +3478,91 @@
        addSubview(layerHostView, positioned: .above, relativeTo: backdropBlurView)
    }

    private func applyThemeToBackdrop() {
        let palette = themePalette
        backdropBlurView.material = resolvedTheme == .dark ? .hudWindow : .fullScreenUI
        backgroundLayer.colors = palette.backgroundGradientColors.map(\.cgColor)
        backgroundLayer.locations = resolvedTheme == .dark
            ? [0, 0.44, 0.72, 1].map(NSNumber.init(value:))
            : [0, 1].map(NSNumber.init(value:))
        safeAreaFillLayer.backgroundColor = palette.safeAreaFill.cgColor

        let showsDarkBackdrop = resolvedTheme == .dark
        darkAmbientLeftLayer.isHidden = !showsDarkBackdrop
        darkAmbientCenterLayer.isHidden = !showsDarkBackdrop
        darkAmbientRightLayer.isHidden = !showsDarkBackdrop
        darkVignetteLayer.isHidden = !showsDarkBackdrop
        guard showsDarkBackdrop else { return }

        darkAmbientLeftLayer.colors = [
            NSColor(calibratedRed: 72 / 255, green: 56 / 255, blue: 145 / 255, alpha: 0.34).cgColor,
            NSColor(calibratedRed: 20 / 255, green: 28 / 255, blue: 76 / 255, alpha: 0.17).cgColor,
            NSColor.clear.cgColor
        ]
        darkAmbientCenterLayer.colors = [
            NSColor(calibratedRed: 14 / 255, green: 92 / 255, blue: 130 / 255, alpha: 0.26).cgColor,
            NSColor(calibratedRed: 12 / 255, green: 54 / 255, blue: 89 / 255, alpha: 0.16).cgColor,
            NSColor.clear.cgColor
        ]
        darkAmbientRightLayer.colors = [
            NSColor(calibratedRed: 4 / 255, green: 92 / 255, blue: 108 / 255, alpha: 0.20).cgColor,
            NSColor(calibratedRed: 0 / 255, green: 44 / 255, blue: 54 / 255, alpha: 0.15).cgColor,
            NSColor.clear.cgColor
        ]
        darkVignetteLayer.colors = [
            NSColor.black.withAlphaComponent(0.48).cgColor,
            NSColor.clear.cgColor,
            NSColor.black.withAlphaComponent(0.28).cgColor
        ]
        darkVignetteLayer.locations = [0, 0.36, 1].map(NSNumber.init(value:))
    }

    private func layoutBackdropLayers() {
        applyThemeToBackdrop()
        guard resolvedTheme == .dark else { return }

        let width = max(1, bounds.width)
        let height = max(1, bounds.height)
        darkAmbientLeftLayer.frame = CGRect(
            x: -width * 0.18,
            y: -height * 0.10,
            width: width * 0.82,
            height: height * 1.24
        )
        darkAmbientCenterLayer.frame = CGRect(
            x: width * 0.24,
            y: height * 0.10,
            width: width * 0.52,
            height: height * 0.74
        )
        darkAmbientRightLayer.frame = CGRect(
            x: width * 0.50,
            y: -height * 0.12,
            width: width * 0.72,
            height: height * 1.26
        )
        darkVignetteLayer.frame = bounds
    }

    private func setupLayers() {
        guard let rootLayer = layerHostView.layer else { return }

        rootLayer.masksToBounds = true
        backgroundLayer.colors = [
            NSColor.windowBackgroundColor.withAlphaComponent(0.58).cgColor,
            NSColor.controlBackgroundColor.withAlphaComponent(0.48).cgColor
        ]
        backgroundLayer.startPoint = CGPoint(x: 0.5, y: 1.0)
        backgroundLayer.endPoint = CGPoint(x: 0.5, y: 0.0)
        rootLayer.addSublayer(backgroundLayer)
        for ambientLayer in darkBackdropAmbientLayers {
            ambientLayer.type = .radial
            ambientLayer.startPoint = CGPoint(x: 0.5, y: 0.5)
            ambientLayer.endPoint = CGPoint(x: 1.0, y: 1.0)
            ambientLayer.isHidden = true
            rootLayer.addSublayer(ambientLayer)
        }
        darkVignetteLayer.startPoint = CGPoint(x: 0.5, y: 1.0)
        darkVignetteLayer.endPoint = CGPoint(x: 0.5, y: 0.0)
        darkVignetteLayer.isHidden = true
        rootLayer.addSublayer(darkVignetteLayer)

        safeAreaFillLayer.backgroundColor = NSColor.black.cgColor
        rootLayer.addSublayer(safeAreaFillLayer)

        glassLayer.cornerRadius = 0
@@ -3297,6 +3619,18 @@
        viewModeToggleIconLayer.contentsScale = backingScaleFactor
        viewModeToggleButtonLayer.addSublayer(viewModeToggleIconLayer)
        glassLayer.addSublayer(viewModeToggleButtonLayer)

        themeToggleButtonLayer.cornerRadius = 10
        themeToggleButtonLayer.masksToBounds = false
        themeToggleButtonLayer.borderWidth = 1
        themeToggleButtonLayer.shadowColor = NSColor.black.cgColor
        themeToggleButtonLayer.shadowOffset = CGSize(width: 0, height: -2)
        themeToggleButtonLayer.zPosition = 170
        themeToggleIconLayer.contentsScale = backingScaleFactor
        themeToggleButtonLayer.addSublayer(themeToggleIconLayer)
        glassLayer.addSublayer(themeToggleButtonLayer)

        applyThemeToBackdrop()
    }

    private func rebuildAppShelfItems() {
@@ -3337,7 +3671,7 @@
                string: item.app.name,
                fontSize: 11,
                weight: .regular,
                color: .secondaryLabelColor,
                color: themePalette.appShelfLabelText,
                alignment: .center
            )

@@ -3389,8 +3723,8 @@
            container.name = column.app.name
            container.cornerRadius = 14
            container.masksToBounds = true
            container.backgroundColor = NSColor.controlBackgroundColor.withAlphaComponent(0.56).cgColor
            container.borderColor = NSColor.separatorColor.withAlphaComponent(0.34).cgColor
            container.backgroundColor = themePalette.columnBackground.cgColor
            container.borderColor = themePalette.columnBorder.cgColor
            container.borderWidth = 1

            let cardsClip = CALayer()
@@ -3398,21 +3732,21 @@
            cardsClip.backgroundColor = NSColor.clear.cgColor

            let header = CALayer()
            header.backgroundColor = NSColor.controlBackgroundColor.withAlphaComponent(0.68).cgColor
            header.backgroundColor = themePalette.columnHeaderBackground.cgColor
            header.zPosition = 40

            let appName = makeTextLayer(
                string: column.app.name,
                fontSize: 13,
                weight: .semibold,
                color: .labelColor,
                color: themePalette.columnText,
                alignment: .center
            )
            let count = makeTextLayer(
                string: "\(column.windows.count)",
                fontSize: 11,
                weight: .medium,
                color: .secondaryLabelColor,
                color: themePalette.columnSecondaryText,
                alignment: .right
            )

@@ -3444,14 +3778,14 @@
                    string: window.window.title.isEmpty ? "Untitled Window" : window.window.title,
                    fontSize: 12,
                    weight: .medium,
                    color: .labelColor
                    color: themePalette.cardText
                )
                title.truncationMode = .middle
                let meta = makeTextLayer(
                    string: waterfallMetaText(for: window),
                    fontSize: 10,
                    weight: .regular,
                    color: .secondaryLabelColor,
                    color: themePalette.cardSecondaryText,
                    alignment: .right
                )
                let appIcon = CALayer()
@@ -3465,13 +3799,13 @@
                    string: waterfallStateText(for: window),
                    fontSize: 10,
                    weight: .medium,
                    color: .secondaryLabelColor,
                    color: themePalette.cardSecondaryText,
                    alignment: .right
                )
                let shine = CAGradientLayer()
                shine.colors = [
                    NSColor.white.withAlphaComponent(0.00).cgColor,
                    NSColor.white.withAlphaComponent(0.16).cgColor,
                    themePalette.shinePeak.cgColor,
                    NSColor.white.withAlphaComponent(0.00).cgColor
                ]
                shine.startPoint = CGPoint(x: 0, y: 1)
@@ -3535,7 +3869,7 @@
            groupContainer.masksToBounds = false
            groupContainer.borderWidth = 0
            groupContainer.borderColor = NSColor.clear.cgColor
            groupContainer.backgroundColor = NSColor.windowBackgroundColor.cgColor
            groupContainer.backgroundColor = themePalette.displayGroupBackground.cgColor
            groupContainer.shadowColor = NSColor.black.cgColor
            groupContainer.shadowOpacity = 0
            groupContainer.shadowRadius = 0
@@ -3556,20 +3890,20 @@
                    string: space.label,
                    fontSize: 15,
                    weight: .semibold,
                    color: .labelColor
                    color: themePalette.spaceLanePrimaryText
                )
                let countLayer = makeTextLayer(
                    string: "\(space.windowCount)",
                    fontSize: 12,
                    weight: .medium,
                    color: .secondaryLabelColor,
                    color: themePalette.spaceLaneSecondaryText,
                    alignment: .center
                )
                let appLayer = makeTextLayer(
                    string: appIdentifierText(for: space),
                    fontSize: 12,
                    weight: space.type == .fullscreen ? .medium : .regular,
                    color: space.type == .fullscreen ? .labelColor : .secondaryLabelColor,
                    color: space.type == .fullscreen ? themePalette.spaceLanePrimaryText : themePalette.spaceLaneSecondaryText,
                    alignment: space.type == .fullscreen ? .center : .left
                )
                let splitAppLayers = splitViewAppNames(for: space).map { name in
@@ -3577,7 +3911,7 @@
                        string: name,
                        fontSize: 12,
                        weight: .medium,
                        color: .labelColor,
                        color: themePalette.spaceLanePrimaryText,
                        alignment: .center
                    )
                }
@@ -3630,6 +3964,7 @@
        CATransaction.setDisableActions(true)

        backgroundLayer.frame = bounds
        layoutBackdropLayers()

        let safeAreaTopInset = topSafeAreaInset
        safeAreaFillLayer.frame = CGRect(
@@ -3673,6 +4008,7 @@
        layoutCloseConfirmation()
        layoutCloseFeedback()
        layoutViewModeToggleButton()
        layoutThemeToggleButton()

        CATransaction.commit()
    }
@@ -3694,7 +4030,7 @@
        let isSelectedState = viewModeToggleVisualStateIsSelected(visualState)
        viewModeToggleButtonLayer.backgroundColor = (isSelectedState
            ? viewModeToggleBlueColor
            : NSColor.windowBackgroundColor.withAlphaComponent(isViewModeToggleButtonHovered ? 0.76 : 0.58)
            : toggleIdleBackgroundColor(hovered: isViewModeToggleButtonHovered)
        ).cgColor
        viewModeToggleButtonLayer.borderColor = (isSelectedState
            ? viewModeToggleBlueColor.withAlphaComponent(0.96)
@@ -3708,6 +4044,45 @@
        let iconInset = ViewModeToggleMetrics.iconInset
        viewModeToggleIconLayer.frame = viewModeToggleButtonLayer.bounds.insetBy(dx: iconInset, dy: iconInset)
        layoutViewModeToggleIcon()
    }

    private func layoutThemeToggleButton() {
        let size = ViewModeToggleMetrics.visualSize
        let topMargin = topSafeAreaInset + RootLayoutMetrics.topContentMargin
        let viewModeFrame = viewModeToggleButtonLayer.frame
        let fallbackX = max(
            RootLayoutMetrics.horizontalMargin,
            glassLayer.bounds.width - RootLayoutMetrics.horizontalMargin - size * 2 - ThemeToggleMetrics.buttonGap
        )
        let x = max(
            RootLayoutMetrics.horizontalMargin,
            (viewModeFrame.width > 0 ? viewModeFrame.minX : fallbackX + size + ThemeToggleMetrics.buttonGap)
                - ThemeToggleMetrics.buttonGap
                - size
        )
        let y = max(
            RootLayoutMetrics.bottomMargin,
            glassLayer.bounds.height - topMargin - size
        )
        themeToggleButtonLayer.frame = CGRect(x: x, y: y, width: size, height: size)
        themeToggleButtonLayer.cornerRadius = ViewModeToggleMetrics.cornerRadius
        let isSelectedState = resolvedTheme == .dark
        themeToggleButtonLayer.backgroundColor = (isSelectedState
            ? viewModeToggleBlueColor
            : themeToggleIdleBackgroundColor
        ).cgColor
        themeToggleButtonLayer.borderColor = (isSelectedState
            ? viewModeToggleBlueColor.withAlphaComponent(0.96)
            : viewModeToggleBlueColor.withAlphaComponent(isThemeToggleButtonHovered ? 0.72 : 0.34)
        ).cgColor
        themeToggleButtonLayer.shadowOpacity = isSelectedState ? 0.18 : (isThemeToggleButtonHovered ? 0.12 : 0.06)
        themeToggleButtonLayer.shadowRadius = isSelectedState
            ? ViewModeToggleMetrics.selectedShadowRadius
            : ViewModeToggleMetrics.idleShadowRadius
        themeToggleIconLayer.contentsScale = backingScaleFactor
        let iconInset = ViewModeToggleMetrics.iconInset
        themeToggleIconLayer.frame = themeToggleButtonLayer.bounds.insetBy(dx: iconInset, dy: iconInset)
        layoutThemeToggleIcon()
    }

    private func layoutViewModeToggleIcon() {
@@ -3747,6 +4122,88 @@
        }

        CATransaction.commit()
    }

    private func layoutThemeToggleIcon() {
        CATransaction.begin()
        CATransaction.setDisableActions(true)
        themeToggleIconLayer.sublayers?.forEach { $0.removeFromSuperlayer() }

        let bounds = themeToggleIconLayer.bounds
        guard bounds.width > 0, bounds.height > 0 else {
            CATransaction.commit()
            return
        }

        let isSelectedState = resolvedTheme == .dark
        let strokeColor = isSelectedState
            ? NSColor.white.withAlphaComponent(0.98)
            : viewModeToggleBlueColor.withAlphaComponent(0.96)
        let lightFillColor = isSelectedState
            ? NSColor.white.withAlphaComponent(0.22)
            : viewModeToggleBlueColor.withAlphaComponent(0.06)
        let darkFillColor = isSelectedState
            ? NSColor.white.withAlphaComponent(0.96)
            : viewModeToggleBlueColor.withAlphaComponent(0.82)
        let glyphRect = centeredSquare(in: bounds).insetBy(dx: 0.75, dy: 0.75)
        addThemeToggleHalfDiskGlyph(
            in: glyphRect,
            strokeColor: strokeColor,
            lightFillColor: lightFillColor,
            darkFillColor: darkFillColor
        )

        CATransaction.commit()
    }

    private func addThemeToggleHalfDiskGlyph(
        in rect: CGRect,
        strokeColor: NSColor,
        lightFillColor: NSColor,
        darkFillColor: NSColor
    ) {
        let circlePath = CGPath(
            ellipseIn: rect,
            transform: nil
        )
        let baseLayer = CAShapeLayer()
        baseLayer.contentsScale = backingScaleFactor
        baseLayer.frame = themeToggleIconLayer.bounds
        baseLayer.path = circlePath
        baseLayer.fillColor = lightFillColor.cgColor
        baseLayer.strokeColor = NSColor.clear.cgColor
        themeToggleIconLayer.addSublayer(baseLayer)

        let radius = min(rect.width, rect.height) / 2
        let center = CGPoint(x: rect.midX, y: rect.midY)
        let halfPath = CGMutablePath()
        halfPath.move(to: CGPoint(x: center.x, y: center.y + radius))
        halfPath.addArc(
            center: center,
            radius: radius,
            startAngle: .pi / 2,
            endAngle: .pi * 1.5,
            clockwise: false
        )
        halfPath.closeSubpath()

        let halfLayer = CAShapeLayer()
        halfLayer.contentsScale = backingScaleFactor
        halfLayer.frame = themeToggleIconLayer.bounds
        halfLayer.path = halfPath
        halfLayer.fillColor = darkFillColor.cgColor
        halfLayer.strokeColor = NSColor.clear.cgColor
        themeToggleIconLayer.addSublayer(halfLayer)

        let outlineLayer = CAShapeLayer()
        outlineLayer.contentsScale = backingScaleFactor
        outlineLayer.frame = themeToggleIconLayer.bounds
        outlineLayer.path = circlePath
        outlineLayer.fillColor = NSColor.clear.cgColor
        outlineLayer.strokeColor = strokeColor.cgColor
        outlineLayer.lineWidth = ViewModeToggleMetrics.glyphLineWidth
        outlineLayer.lineJoin = .round
        themeToggleIconLayer.addSublayer(outlineLayer)
    }

    private func addVerticalColumnsToggleGlyph(
@@ -3992,7 +4449,7 @@
                || segment.space.id == currentViewModel?.lockedSpaceID
        }
        let hasCurrentSegment = group.display.spaces.contains { $0.isCurrent }
        group.containerLayer.backgroundColor = NSColor.windowBackgroundColor.cgColor
        group.containerLayer.backgroundColor = themePalette.displayGroupBackground.cgColor
        group.containerLayer.borderColor = NSColor.clear.cgColor
        group.containerLayer.borderWidth = 0
        group.containerLayer.shadowOpacity = 0
@@ -4023,8 +4480,8 @@
                : hasWindows
                    ? spaceLaneOccupiedColor.withAlphaComponent(isCurrent ? 0.54 : 0.44)
                : isCurrent
                    ? NSColor.labelColor.withAlphaComponent(0.34)
                : NSColor.separatorColor.withAlphaComponent(0.34)
                    ? themePalette.spaceLanePrimaryText.withAlphaComponent(0.34)
                : themePalette.columnBorder.withAlphaComponent(resolvedTheme == .dark ? 0.58 : 0.34)
        ).cgColor
        if isLocked {
            applySpaceLaneSolidFill(
@@ -4075,17 +4532,41 @@
            )
            : nil

        applySpaceLaneContentVisualState(segment, isLocked: isLocked)
        applySpaceLaneContentVisualState(
            segment,
            isLocked: isLocked,
            usesLightActiveFill: resolvedTheme == .dark && hasWindows && !isLocked && (isActive || isAssociated)
        )
    }

    private func applySpaceLaneContentVisualState(_ segment: SpaceLaneSegmentLayers, isLocked: Bool) {
        let primaryTextColor: NSColor = isLocked ? .white : .labelColor
    private func applySpaceLaneContentVisualState(
        _ segment: SpaceLaneSegmentLayers,
        isLocked: Bool,
        usesLightActiveFill: Bool
    ) {
        let primaryTextColor: NSColor = isLocked
            ? .white
            : usesLightActiveFill
                ? NSColor.black.withAlphaComponent(0.82)
                : themePalette.spaceLanePrimaryText
        let secondaryTextColor: NSColor = isLocked
            ? .white
            : .secondaryLabelColor
            : usesLightActiveFill
                ? NSColor.black.withAlphaComponent(0.58)
                : themePalette.spaceLaneSecondaryText
        let markerTextColor: NSColor = isLocked
            ? .white
            : usesLightActiveFill
                ? NSColor.black.withAlphaComponent(0.62)
                : themePalette.spaceLaneSecondaryText.withAlphaComponent(segment.space.isCurrent ? 0.72 : 0.54)
        let blockColor: NSColor = isLocked
            ? .white
            : usesLightActiveFill
                ? NSColor.black.withAlphaComponent(0.20)
                : spaceLaneOccupiedColor.withAlphaComponent(segment.space.isCurrent ? 0.72 : 0.58)

        segment.labelLayer.foregroundColor = primaryTextColor.cgColor
        segment.countLayer.foregroundColor = (isLocked ? NSColor.white : .secondaryLabelColor).cgColor
        segment.countLayer.foregroundColor = secondaryTextColor.cgColor
        segment.appLayer.foregroundColor = (segment.space.type == .fullscreen
            ? primaryTextColor
            : secondaryTextColor
@@ -4095,16 +4576,10 @@
        }

        for block in segment.windowBlocks {
            block.backgroundColor = (isLocked
                ? NSColor.white
                : spaceLaneOccupiedColor.withAlphaComponent(segment.space.isCurrent ? 0.72 : 0.58)
            ).cgColor
            block.backgroundColor = blockColor.cgColor
        }

        (segment.fullscreenMarkerLayer as? CAShapeLayer)?.strokeColor = (isLocked
            ? NSColor.white
            : NSColor.secondaryLabelColor.withAlphaComponent(segment.space.isCurrent ? 0.42 : 0.28)
        ).cgColor
        (segment.fullscreenMarkerLayer as? CAShapeLayer)?.strokeColor = markerTextColor.cgColor
    }

    private func shouldScrollSpaceLane(for event: NSEvent) -> Bool {
@@ -4189,6 +4664,18 @@
            .contains(locationInGlass)
    }

    private func themeToggleButtonContains(windowLocation: CGPoint) -> Bool {
        let locationInView = convert(windowLocation, from: nil)
        let locationInGlass = CGPoint(
            x: locationInView.x - glassLayer.frame.minX,
            y: locationInView.y - glassLayer.frame.minY
        )
        let hitOutset = (ViewModeToggleMetrics.hitSize - ViewModeToggleMetrics.visualSize) / 2
        return themeToggleButtonLayer.frame
            .insetBy(dx: -hitOutset, dy: -hitOutset)
            .contains(locationInGlass)
    }

    private func clickViewModeToggleButton(source: String) {
        DevelopmentDiagnostics.log("quickSwitch.view.clickWaterfallViewModeToggle", [
            "source": source,
@@ -4202,6 +4689,21 @@
        isViewModeToggleButtonHovered = false
        suppressViewModeToggleHoverPreview = true
        onToggleWaterfallViewMode?()
    }

    private func clickThemeToggleButton(source: String) {
        DevelopmentDiagnostics.log("quickSwitch.view.clickThemeToggle", [
            "source": source,
            "currentTheme": resolvedTheme.rawValue,
            "targetTheme": nextThemePreference.rawValue
        ])
        lastMouseCommand = "click-theme-toggle"
        if !mouseCommandsApplied.contains("click-theme-toggle") {
            mouseCommandsApplied.append("click-theme-toggle")
        }
        isThemeToggleButtonHovered = false
        suppressThemeToggleHoverPreview = true
        onToggleTheme?()
    }

    private func appShelfItem(at windowLocation: CGPoint) -> AppShelfItemLayers? {
@@ -4437,6 +4939,7 @@
            highlighted: showsSelectedVisual || isHovered
        )
        item.labelLayer.contentsScale = backingScaleFactor
        item.labelLayer.foregroundColor = themePalette.appShelfLabelText.cgColor
        item.labelLayer.frame = CGRect(x: 0, y: 0, width: bounds.width, height: 14)
        item.badgeLayer.string = badgeText
        item.badgeLayer.isHidden = badgeText.isEmpty
@@ -4464,11 +4967,11 @@
    }

    private var appShelfIndexColor: NSColor {
        NSColor.labelColor.withAlphaComponent(0.48)
        themePalette.appShelfIndexText
    }

    private var appShelfIndexHighlightedColor: NSColor {
        NSColor.labelColor.withAlphaComponent(0.58)
        themePalette.appShelfIndexHighlightedText
    }

    private func appShelfIndexFont(size: CGFloat) -> NSFont {
@@ -4693,13 +5196,13 @@

    private func appShelfBackgroundColor(selected: Bool, hovered: Bool, spaceFocused: Bool) -> NSColor {
        if selected {
            return NSColor.controlAccentColor.withAlphaComponent(0.14)
            return themePalette.appShelfBackgroundSelected
        }
        if hovered {
            return NSColor.controlAccentColor.withAlphaComponent(0.13)
            return themePalette.appShelfBackgroundHovered
        }
        if spaceFocused {
            return NSColor.controlAccentColor.withAlphaComponent(0.14)
            return themePalette.appShelfBackgroundSpaceFocused
        }
        return .clear
    }
@@ -4724,7 +5227,7 @@
    }

    private var waterfallAppHoverHeaderFillColor: NSColor {
        NSColor.systemGray.withAlphaComponent(0.22)
        themePalette.columnHeaderHoverBackground
    }

    private var appShelfMaxScrollOffset: CGFloat {
@@ -4939,7 +5442,7 @@
    private func layoutWaterfallColumn(_ column: WaterfallColumnLayers) {
        column.containerLayer.cornerRadius = 14
        column.containerLayer.masksToBounds = true
        column.containerLayer.backgroundColor = NSColor.controlBackgroundColor.withAlphaComponent(0.56).cgColor
        column.containerLayer.backgroundColor = themePalette.columnBackground.cgColor
        column.containerLayer.shadowOpacity = 0
        column.containerLayer.shadowRadius = 0
        column.containerLayer.shadowOffset = .zero
@@ -4959,8 +5462,8 @@
        let isSpaceFocused = spaceFocusWindowCount(for: column.column.appGroupIndex) > 0
        let isHovered = column.column.appGroupIndex == effectiveHoveredAppGroupIndex
        column.containerLayer.borderColor = (isSpaceFocused
            ? NSColor.separatorColor.withAlphaComponent(0.38)
            : NSColor.separatorColor.withAlphaComponent(0.24)
            ? themePalette.columnBorder.withAlphaComponent(resolvedTheme == .dark ? 0.34 : 0.38)
            : themePalette.columnBorder
        ).cgColor
        column.containerLayer.borderWidth = 1
        column.headerLayer.frame = CGRect(
@@ -4972,8 +5475,8 @@
        column.headerLayer.backgroundColor = (isHovered
            ? waterfallAppHoverHeaderFillColor
            : (isSpaceFocused
                ? NSColor.systemFill.withAlphaComponent(0.10)
                : NSColor.controlBackgroundColor.withAlphaComponent(0.52))
                ? themePalette.columnHeaderSpaceFocusedBackground
                : themePalette.columnHeaderBackground)
        ).cgColor
        column.appNameLayer.frame = CGRect(
            x: WaterfallMetrics.columnHeaderTextInset,
@@ -4981,14 +5484,14 @@
            width: max(1, bounds.width - WaterfallMetrics.columnHeaderTextInset * 2),
            height: 16
        )
        column.appNameLayer.foregroundColor = NSColor.labelColor.cgColor
        column.appNameLayer.foregroundColor = themePalette.columnText.cgColor
        column.countLayer.frame = CGRect(
            x: bounds.width - 48,
            y: bounds.height - 24,
            width: 36,
            height: 16
        )
        column.countLayer.foregroundColor = NSColor.secondaryLabelColor.cgColor
        column.countLayer.foregroundColor = themePalette.columnSecondaryText.cgColor

        let appGroupIndex = column.column.appGroupIndex
        let verticalOffset = clampedWaterfallColumnOffset(
@@ -5026,13 +5529,15 @@
        let isKeyboardFocused = card.item.window.id == keyboardFocusedWindowID
        let isHorizontalAppDefaultFocused = isHorizontalAppDefaultCard(card)
        let isAppLinked = isWaterfallCardAppLinked(card)
        let shortcutFilterState = windowShortcutFilterState(for: card)
        applyWaterfallCardVisualState(
            card,
            selected: shouldShowSelectedVisual(isSelected: isSelected, isHovered: isHovered)
                || isKeyboardFocused
                || isHorizontalAppDefaultFocused,
            hovered: isHovered,
            appLinked: isAppLinked
            appLinked: isAppLinked,
            shortcutFilterState: shortcutFilterState
        )

        let outerInset: CGFloat = 0
@@ -5065,18 +5570,21 @@
            width: max(1, titleBarFrame.width - 68),
            height: 16
        )
        card.titleLayer.foregroundColor = themePalette.cardText.cgColor
        card.metaLayer.frame = CGRect(
            x: titleBarFrame.maxX - 38,
            y: titleBarFrame.minY + 6,
            width: 30,
            height: 14
        )
        card.metaLayer.foregroundColor = themePalette.cardSecondaryText.cgColor
        card.stateLayer.frame = CGRect(
            x: thumbnailFrame.maxX - 86,
            y: thumbnailFrame.minY + 6,
            width: 78,
            height: 14
        )
        card.stateLayer.foregroundColor = themePalette.cardSecondaryText.cgColor
        layoutCloseButton(
            card.closeButton,
            target: .window(
@@ -5084,7 +5592,7 @@
                windowIndex: card.item.windowIndex,
                windowID: card.item.window.id
            ),
            visible: isHovered,
            visible: isHovered && shortcutFilterState != .dimmed,
            anchorTopRight: CGPoint(x: bounds.maxX - 12, y: bounds.maxY - 12)
        )
        card.shineLayer.frame = CGRect(
@@ -5093,25 +5601,33 @@
            width: max(36, min(96, bounds.width * 0.24)),
            height: bounds.height
        )
        card.shineLayer.colors = [
            NSColor.white.withAlphaComponent(0.00).cgColor,
            themePalette.shinePeak.cgColor,
            NSColor.white.withAlphaComponent(0.00).cgColor
        ]
    }

    private func applyWaterfallCardVisualState(
        _ card: WaterfallCardLayers,
        selected: Bool,
        hovered: Bool,
        appLinked: Bool
        appLinked: Bool,
        shortcutFilterState: WindowShortcutFilterState
    ) {
        let isSpaceFocused = isWaterfallCardSpaceFocused(card)
        let isShortcutDimmed = shortcutFilterState == .dimmed
        card.containerLayer.backgroundColor = (selected
            ? NSColor.windowBackgroundColor.withAlphaComponent(0.94)
            ? themePalette.cardSelectedBackground
            : hovered
                ? accentTintedWindowBackground(fraction: 0.09, alpha: 0.95)
                : appLinked
                    ? accentTintedWindowBackground(fraction: 0.08, alpha: 0.93)
                : isSpaceFocused
                    ? accentTintedWindowBackground(fraction: 0.10, alpha: 0.94)
                : NSColor.windowBackgroundColor.withAlphaComponent(0.82)
                : themePalette.cardBackground
        ).cgColor
        card.containerLayer.opacity = isShortcutDimmed ? windowShortcutFilterDimOpacity : 1
        card.containerLayer.borderColor = (selected
            ? NSColor.controlAccentColor.withAlphaComponent(0.52)
            : hovered
@@ -5124,7 +5640,17 @@
        ).cgColor
        card.containerLayer.borderWidth = (selected || hovered || appLinked || isSpaceFocused) ? 1.5 : 1
        card.containerLayer.shadowColor = NSColor.black.cgColor
        card.containerLayer.shadowOpacity = selected ? 0.24 : hovered ? 0.14 : appLinked ? 0.16 : isSpaceFocused ? 0.20 : 0
        let darkShadowBoost: Float = resolvedTheme == .dark ? 0.08 : 0
        let baseShadowOpacity: Float = selected
            ? 0.24 + darkShadowBoost
            : hovered
                ? 0.14 + darkShadowBoost
                : appLinked
                    ? 0.16 + darkShadowBoost
                    : isSpaceFocused
                        ? 0.20 + darkShadowBoost
                        : 0
        card.containerLayer.shadowOpacity = isShortcutDimmed ? min(baseShadowOpacity, 0.03) : baseShadowOpacity
        card.containerLayer.shadowRadius = selected ? 22 : hovered ? 17 : appLinked ? 18 : isSpaceFocused ? 24 : 0
        card.containerLayer.shadowOffset = selected
            ? CGSize(width: 0, height: -6)
@@ -5137,10 +5663,10 @@
                    : .zero
        card.containerLayer.zPosition = selected ? 20 : hovered ? 12 : appLinked ? 10 : isSpaceFocused ? 8 : 0
        let focusedScale: CGFloat = selected ? WaterfallMetrics.selectedCardScale : isSpaceFocused ? 1.012 : 1.008
        card.containerLayer.transform = (selected || hovered || isSpaceFocused)
        card.containerLayer.transform = (!isShortcutDimmed && (selected || hovered || isSpaceFocused))
            ? CATransform3DMakeScale(focusedScale, focusedScale, 1)
            : CATransform3DIdentity
        card.containerLayer.shadowPath = (selected || hovered || appLinked || isSpaceFocused)
        card.containerLayer.shadowPath = (!isShortcutDimmed && (selected || hovered || appLinked || isSpaceFocused))
            ? CGPath(
                roundedRect: card.containerLayer.bounds,
                cornerWidth: card.containerLayer.cornerRadius,
@@ -5156,7 +5682,7 @@
        ).cgColor
        card.titleBarLayer.borderColor = NSColor.clear.cgColor
        card.titleBarLayer.borderWidth = 0
        card.shineLayer.opacity = selected ? 1 : 0
        card.shineLayer.opacity = (!isShortcutDimmed && selected) ? 1 : 0
    }

    private func layoutCloseButton(
@@ -5259,9 +5785,16 @@
        )
        layers.backgroundLayer.frame = layers.containerLayer.bounds
        layers.backgroundLayer.path = bubblePath
        layers.backgroundLayer.fillColor = themePalette.closeFeedbackBackground.withAlphaComponent(resolvedTheme == .dark ? 0.98 : 0.985).cgColor
        layers.backgroundLayer.strokeColor = themePalette.closeFeedbackBorder.withAlphaComponent(resolvedTheme == .dark ? 0.78 : 1).cgColor
        layers.containerLayer.shadowPath = bubblePath
        layers.titleLayer.string = confirmationTitle(for: request)
        layers.messageLayer.string = confirmationMessage(for: request)
        layers.titleLayer.foregroundColor = (resolvedTheme == .dark
            ? NSColor.white.withAlphaComponent(0.92)
            : NSColor.labelColor
        ).cgColor
        layers.messageLayer.foregroundColor = themePalette.closeFeedbackText.cgColor
        layers.titleLayer.frame = CGRect(x: contentFrame.minX + 22, y: height - 48, width: contentFrame.width - 44, height: 22)
        layers.messageLayer.frame = CGRect(x: contentFrame.minX + 22, y: height - 78, width: contentFrame.width - 44, height: 21)

@@ -5272,12 +5805,22 @@
        ).cgColor
        layers.checkboxLayer.borderColor = (pendingCloseOptOut
            ? NSColor.controlAccentColor.withAlphaComponent(0.95)
            : NSColor.separatorColor.withAlphaComponent(0.48)
            : themePalette.closeFeedbackBorder.withAlphaComponent(resolvedTheme == .dark ? 0.80 : 0.48)
        ).cgColor
        layers.checkboxMarkLayer.string = pendingCloseOptOut ? "✓" : ""
        layers.checkboxMarkLayer.frame = CGRect(x: 0, y: 1, width: 18, height: 16)
        layers.checkboxLabelLayer.foregroundColor = themePalette.closeFeedbackText.cgColor
        layers.checkboxLabelLayer.frame = CGRect(x: contentFrame.minX + 48, y: 80, width: contentFrame.width - 70, height: 19)

        layers.cancelButtonLayer.backgroundColor = (resolvedTheme == .dark
            ? NSColor.white.withAlphaComponent(0.10)
            : NSColor.systemFill.withAlphaComponent(0.16)
        ).cgColor
        layers.cancelButtonLayer.borderColor = themePalette.closeFeedbackBorder.withAlphaComponent(resolvedTheme == .dark ? 0.70 : 0.22).cgColor
        layers.cancelButtonTextLayer.foregroundColor = (resolvedTheme == .dark
            ? NSColor.white.withAlphaComponent(0.86)
            : NSColor.labelColor
        ).cgColor
        layers.cancelButtonLayer.frame = CGRect(x: contentFrame.maxX - 164, y: 22, width: 74, height: 32)
        layers.cancelButtonTextLayer.frame = layers.cancelButtonLayer.bounds.insetBy(dx: 0, dy: 7)
        layers.confirmButtonLayer.frame = CGRect(x: contentFrame.maxX - 78, y: 22, width: 56, height: 32)
@@ -5292,9 +5835,9 @@
        closeFeedbackTextLayer.string = feedback.message
        switch feedback.kind {
        case .progress:
            closeFeedbackLayer.backgroundColor = NSColor.windowBackgroundColor.withAlphaComponent(0.94).cgColor
            closeFeedbackLayer.borderColor = NSColor.separatorColor.withAlphaComponent(0.28).cgColor
            closeFeedbackTextLayer.foregroundColor = NSColor.secondaryLabelColor.withAlphaComponent(0.96).cgColor
            closeFeedbackLayer.backgroundColor = themePalette.closeFeedbackBackground.cgColor
            closeFeedbackLayer.borderColor = themePalette.closeFeedbackBorder.cgColor
            closeFeedbackTextLayer.foregroundColor = themePalette.closeFeedbackText.cgColor
        case .failure:
            closeFeedbackLayer.backgroundColor = NSColor.systemRed.withAlphaComponent(0.10).cgColor
            closeFeedbackLayer.borderColor = NSColor.systemRed.withAlphaComponent(0.32).cgColor
@@ -5682,8 +6225,9 @@
    }

    private func accentTintedWindowBackground(fraction: CGFloat, alpha: CGFloat) -> NSColor {
        let color = NSColor.windowBackgroundColor.blended(withFraction: fraction, of: NSColor.controlAccentColor)
            ?? NSColor.windowBackgroundColor
        let baseColor = resolvedTheme == .dark ? themePalette.cardBackground : NSColor.windowBackgroundColor
        let color = baseColor.blended(withFraction: fraction, of: NSColor.controlAccentColor)
            ?? baseColor
        return color.withAlphaComponent(alpha)
    }

@@ -5735,12 +6279,45 @@
        waterfallViewMode == .horizontalMasonry
    }

    private var resolvedTheme: QuickSwitchResolvedTheme {
        themePreference == .dark ? .dark : .light
    }

    private var themePalette: QuickSwitchThemePalette {
        QuickSwitchThemePalette.palette(for: resolvedTheme)
    }

    private var darkBackdropAmbientLayers: [CAGradientLayer] {
        [darkAmbientLeftLayer, darkAmbientCenterLayer, darkAmbientRightLayer]
    }

    private static func normalizedQuickSwitchTheme(_ theme: ThemePreference) -> ThemePreference {
        theme == .dark ? .dark : .light
    }

    private var nextThemePreference: ThemePreference {
        resolvedTheme == .dark ? .light : .dark
    }

    private var nextWaterfallViewMode: QuickSwitchWaterfallViewMode {
        isHorizontalMasonryMode ? .verticalColumns : .horizontalMasonry
    }

    private var viewModeToggleBlueColor: NSColor {
        NSColor(deviceRed: 135.0 / 255.0, green: 200.0 / 255.0, blue: 1, alpha: 1)
    }

    private var themeToggleIdleBackgroundColor: NSColor {
        toggleIdleBackgroundColor(hovered: isThemeToggleButtonHovered)
    }

    private func toggleIdleBackgroundColor(hovered: Bool) -> NSColor {
        switch resolvedTheme {
        case .light:
            return NSColor.windowBackgroundColor.withAlphaComponent(hovered ? 0.76 : 0.58)
        case .dark:
            return NSColor(calibratedRed: 24 / 255, green: 34 / 255, blue: 54 / 255, alpha: hovered ? 0.76 : 0.58)
        }
    }

    private var viewModeToggleVisualState: ViewModeToggleVisualState {
@@ -5769,6 +6346,15 @@
            return "切换到纵栏瀑布"
        case .horizontalMasonry:
            return "切换到横栏瀑布"
        }
    }

    private var themeToggleAccessibilityLabel: String {
        switch nextThemePreference {
        case .dark:
            return "切换到深色皮肤"
        case .light, .system:
            return "切换到浅色皮肤"
        }
    }

@@ -5836,6 +6422,105 @@
        return Self.appShelfIndexSymbols[ordinal]
    }

    private var visibleWaterfallCards: [WaterfallCardLayers] {
        waterfallColumns.flatMap(\.cards)
    }

    private var windowShortcutFilterDimOpacity: Float {
        resolvedTheme == .dark ? 0.44 : 0.38
    }

    private func windowShortcutFilterState(for card: WaterfallCardLayers) -> WindowShortcutFilterState {
        switch windowShortcutFilterPhase {
        case .appPending:
            guard let pending = windowIndexKeyPending else { return .none }
            return card.item.appGroupIndex == pending.appGroupIndex ? .matched : .dimmed
        case .targetPreCommit:
            guard let snapshot = lastWindowShortcutPreCommitFilterSnapshot else { return .none }
            if card.item.window.id == snapshot.targetWindowID {
                return .target
            }
            if snapshot.dimmedWindowIDs.contains(card.item.window.id) {
                return .dimmed
            }
            if snapshot.matchedWindowIDs.contains(card.item.window.id) {
                return .matched
            }
            return .none
        case .none, .invalid, .expired:
            return .none
        }
    }

    private func makeWindowShortcutPreCommitFilterSnapshot(
        target card: WaterfallCardLayers,
        code: String
    ) -> WindowShortcutPreCommitFilterSnapshot {
        let targetWindowID = card.item.window.id
        let allWindowIDs = visibleWaterfallCards.map { $0.item.window.id }
        return WindowShortcutPreCommitFilterSnapshot(
            targetCode: code,
            targetWindowID: targetWindowID,
            matchedWindowIDs: [targetWindowID],
            dimmedWindowIDs: allWindowIDs.filter { $0 != targetWindowID }.sorted()
        )
    }

    private func makeWindowShortcutFilterReport() -> WindowShortcutFilterReport {
        switch windowShortcutFilterPhase {
        case .appPending:
            guard let pending = windowIndexKeyPending else {
                return emptyWindowShortcutFilterReport(phase: .none)
            }
            let cards = visibleWaterfallCards
            let matched = cards
                .filter { $0.item.appGroupIndex == pending.appGroupIndex }
                .map { $0.item.window.id }
                .sorted()
            let dimmed = cards
                .filter { $0.item.appGroupIndex != pending.appGroupIndex }
                .map { $0.item.window.id }
                .sorted()
            return WindowShortcutFilterReport(
                active: true,
                phase: .appPending,
                pendingAppGroupIndex: pending.appGroupIndex,
                prefix: pending.appSymbol,
                matchedWindowIDs: matched,
                dimmedWindowIDs: dimmed
            )
        case .targetPreCommit:
            guard let snapshot = lastWindowShortcutPreCommitFilterSnapshot else {
                return emptyWindowShortcutFilterReport(phase: .none)
            }
            return WindowShortcutFilterReport(
                active: true,
                phase: .targetPreCommit,
                pendingAppGroupIndex: nil,
                prefix: snapshot.targetCode,
                matchedWindowIDs: snapshot.matchedWindowIDs,
                dimmedWindowIDs: snapshot.dimmedWindowIDs
            )
        case .invalid, .expired:
            return emptyWindowShortcutFilterReport(phase: windowShortcutFilterPhase)
        case .none:
            return emptyWindowShortcutFilterReport(phase: .none)
        }
    }

    private func emptyWindowShortcutFilterReport(
        phase: WindowShortcutFilterPhase
    ) -> WindowShortcutFilterReport {
        WindowShortcutFilterReport(
            active: false,
            phase: phase,
            pendingAppGroupIndex: nil,
            prefix: nil,
            matchedWindowIDs: [],
            dimmedWindowIDs: []
        )
    }

    private func waterfallStateText(for card: QuickSwitchWindowCardViewModel) -> String {
        var states: [String] = []
        if card.window.isMinimized {
@@ -5852,7 +6537,7 @@
    }

    private var spaceLaneOccupiedColor: NSColor {
        if effectiveAppearance.bestMatch(from: [.darkAqua, .aqua]) == .darkAqua {
        if resolvedTheme == .dark {
            return NSColor(calibratedRed: 10 / 255, green: 132 / 255, blue: 1, alpha: 1)
        }

@@ -5860,7 +6545,7 @@
    }

    private var spaceLaneLockedFillColor: NSColor {
        if effectiveAppearance.bestMatch(from: [.darkAqua, .aqua]) == .darkAqua {
        if resolvedTheme == .dark {
            return NSColor(calibratedRed: 58 / 255, green: 148 / 255, blue: 1, alpha: 0.86)
        }

@@ -5868,9 +6553,9 @@
    }

    private func spaceLaneIdleOccupiedGradientColors() -> [NSColor] {
        if effectiveAppearance.bestMatch(from: [.darkAqua, .aqua]) == .darkAqua {
            let blue = NSColor(calibratedRed: 36 / 255, green: 54 / 255, blue: 72 / 255, alpha: 1)
            let surface = NSColor.windowBackgroundColor.withAlphaComponent(1)
        if resolvedTheme == .dark {
            let blue = NSColor(calibratedRed: 18 / 255, green: 42 / 255, blue: 70 / 255, alpha: 0.92)
            let surface = NSColor(calibratedRed: 22 / 255, green: 34 / 255, blue: 50 / 255, alpha: 0.78)
            return [blue, surface]
        }

@@ -5883,7 +6568,7 @@
    private func applySpaceLaneGradientFill(to layer: CALayer, colors: [NSColor]) {
        if let gradientLayer = layer as? CAGradientLayer {
            gradientLayer.colors = colors.map(\.cgColor)
            gradientLayer.locations = [0, 1]
            gradientLayer.locations = [0, 1].map(NSNumber.init(value:))
            gradientLayer.startPoint = CGPoint(x: 0.5, y: 1.0)
            gradientLayer.endPoint = CGPoint(x: 0.5, y: 0.0)
        }
@@ -6342,6 +7027,10 @@
                dy: column.containerLayer.frame.minY + column.cardsClipLayer.frame.minY
            )
            let screenshotSource = screenshotSourcesByWindowID[card.item.window.id]
            let shortcutFilterState = windowShortcutFilterState(for: card)
            let shortcutFilterOpacity = shortcutFilterState == .dimmed
                ? windowShortcutFilterDimOpacity
                : Float(1)

            var report = [
                "appGroupIndex": card.item.appGroupIndex,
@@ -6360,6 +7049,8 @@
                "isSelected": card.item.window.id == effectiveSelection?.windowID,
                "isKeyboardFocused": card.item.window.id == keyboardFocusedWindowID,
                "isHorizontalAppDefault": isHorizontalAppDefaultCard(card),
                "windowShortcutFilterState": shortcutFilterState.rawValue,
                "windowShortcutFilterOpacity": Double(shortcutFilterOpacity),
                "visualStates": waterfallCardVisualStates(for: card),
                "thumbnailStrategy": thumbnailStrategyString(for: card.item.window),
                "screenshotSource": screenshotSourceString(screenshotSource, for: card.item.window),
@@ -6504,6 +7195,16 @@
        if isWaterfallCardSpaceFocused(card) {
            states.append("spaceFocused")
        }
        switch windowShortcutFilterState(for: card) {
        case .matched:
            states.append("shortcutMatched")
        case .dimmed:
            states.append("shortcutDimmed")
        case .target:
            states.append("shortcutTarget")
        case .none:
            break
        }
        if card.item.window.isMinimized {
            states.append("minimized")
        }
@@ -6551,6 +7252,10 @@
                }
                let isAppAssociated = appHoverAssociatedSpaceIDs.contains(space.id)
                let isWindowAssociated = space.id == windowHoverAssociatedSpaceID
                let isLocked = space.id == currentViewModel?.lockedSpaceID
                let isActive = space.id == activeSpaceFocusID || isLocked
                let isAssociated = (isAppAssociated || isWindowAssociated) && !isActive
                let usesLightActiveFill = resolvedTheme == .dark && space.windowCount > 0 && !isLocked && (isActive || isAssociated)
                let group = spaceLaneDisplayGroup(containingSpaceID: space.id)
                let visibleFrame = segment.containerLayer.frame.offsetBy(
                    dx: (group?.containerLayer.frame.minX ?? 0) + spaceLaneContentLayer.frame.minX,
@@ -6569,6 +7274,8 @@
                    "label": space.label,
                    "type": spaceTypeName(space.type),
                    "visualStates": visualStates(for: space),
                    "usesLightActiveFill": usesLightActiveFill,
                    "foregroundContrastStyle": usesLightActiveFill ? "darkOnLight" : "themeDefault",
                    "fullscreenMarkerVisible": segment.fullscreenMarkerLayer != nil,
                    "fullscreenMarkerKind": fullscreenMarkerKind(
                        markerLayer: segment.fullscreenMarkerLayer,
@@ -6729,6 +7436,20 @@
        }
    }

    private var darkBackdropLayerCount: Int {
        darkBackdropAmbientLayers.count + 1
    }

    private var darkBackdropLayersVisible: Bool {
        resolvedTheme == .dark
            && darkBackdropAmbientLayers.allSatisfy { !$0.isHidden }
            && !darkVignetteLayer.isHidden
    }

    private func backgroundGradientColorReports() -> [[String: Double]] {
        gradientColorDictionaries(from: backgroundLayer)
    }

    private func spaceLaneFillKind(for layer: CALayer) -> String {
        if !gradientColorDictionaries(from: layer).isEmpty {
            return "gradient"