From b6e11990cc9bd3c838ad6cdd9e53caafff0fd7cb Mon Sep 17 00:00:00 2001
From: Ariver <shanghai3168@gmail.com>
Date: Thu, 18 Jun 2026 23:24:21 +0800
Subject: [PATCH] Add vertical App Shelf keyboard focus

---
 C1.source/Sources/Aligner/QuickSwitchRootView.swift | 1140 ++++++++++++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 968 insertions(+), 172 deletions(-)

diff --git a/C1.source/Sources/Aligner/QuickSwitchRootView.swift b/C1.source/Sources/Aligner/QuickSwitchRootView.swift
index 45ea62f..9fb63d3 100644
--- a/C1.source/Sources/Aligner/QuickSwitchRootView.swift
+++ b/C1.source/Sources/Aligner/QuickSwitchRootView.swift
@@ -10,6 +10,8 @@
 
 @MainActor
 final class QuickSwitchRootView: NSView {
+    private static let appShelfIndexSymbols = Array("1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ").map(String.init)
+
     private let backdropBlurView = NSVisualEffectView()
     private let layerHostView = NSView()
     private let backgroundLayer = CAGradientLayer()
@@ -24,9 +26,8 @@
     private lazy var closeConfirmationLayers = makeCloseConfirmationLayers()
     private let closeFeedbackLayer = CALayer()
     private let closeFeedbackTextLayer = CATextLayer()
-    private let settingsButtonLayer = CALayer()
-    private let settingsButtonIconLayer = CALayer()
-    private let settingsButtonFallbackTextLayer = CATextLayer()
+    private let viewModeToggleButtonLayer = CALayer()
+    private let viewModeToggleIconLayer = CALayer()
     private let appIconProvider: any AppIconProviderProtocol = WorkspaceAppIconProvider()
     private let skeletonThumbnailProvider = NativeSkeletonThumbnailProvider(size: NSSize(width: 160, height: 96))
     private var screenshotSourcesByWindowID: [UInt32: ScreenshotResolutionSource] = [:]
@@ -52,7 +53,8 @@
     private var closeConfirmationRequired = true
     private var closeFeedback: CloseFeedback?
     private var closeFeedbackHideTask: Task<Void, Never>?
-    private var isSettingsButtonHovered = false
+    private var isViewModeToggleButtonHovered = false
+    private var suppressViewModeToggleHoverPreview = false
     private var hoverTarget: HoverTarget = .none
     private var hoverTargetSource: HoverTargetSource = .event
     private var hoveredSpaceLaneID: UInt64?
@@ -67,8 +69,14 @@
     private var horizontalMasonryScrollOffset: CGFloat = 0
     private var currentSelection: QuickSwitchSelection?
     private var columnSelectionHistory: [Int: Int] = [:]
+    private var keyboardFocusedAppGroupIndex: Int?
     private var keyboardCommandsApplied: [String] = []
     private var lastKeyboardCommand: String?
+    private var lastKeyboardAppIndexCommand: String?
+    private var lastBoundaryBounceAxis: String?
+    private var lastBoundaryBounceDirection: String?
+    private var boundaryBounceCount = 0
+    private var selectionChangedByLastCommand: Bool?
     private var tabIgnoredCount = 0
     private var lastCommittedSelection: QuickSwitchSelection?
     private var lastCommitSource: QuickSwitchCommitSource?
@@ -95,7 +103,7 @@
     var onCommitSelection: ((QuickSwitchSelection, QuickSwitchCommitSource) -> Void)?
     var onSpaceLaneClick: ((UInt64, Int) -> Void)?
     var onBackgroundClick: (() -> Bool)?
-    var onOpenSettings: (() -> Void)?
+    var onToggleWaterfallViewMode: (() -> Void)?
     var onRequestClose: ((QuickSwitchCloseRequest) -> Void)?
     var onCloseConfirmationDisabled: (() -> Void)?
 
@@ -218,6 +226,7 @@
     private enum HoverTargetSource: String {
         case event
         case debug
+        case keyboard
     }
 
     private struct SpaceLaneSegmentLayers {
@@ -226,6 +235,7 @@
         let labelLayer: CATextLayer
         let countLayer: CATextLayer
         let appLayer: CATextLayer
+        let splitAppLayers: [CATextLayer]
         let windowBlocks: [CALayer]
         let fullscreenMarkerLayer: CALayer?
     }
@@ -240,6 +250,7 @@
         let item: QuickSwitchAppShelfItemViewModel
         let containerLayer: CALayer
         let backgroundLayer: CALayer
+        let indexLayer: CATextLayer
         let iconLayer: CALayer
         let labelLayer: CATextLayer
         let badgeLayer: CATextLayer
@@ -298,6 +309,10 @@
         static let normalGap: CGFloat = 16
         static let minGap: CGFloat = 8
         static let maxRows = 2
+        static let indexFontSize: CGFloat = 16
+        static let compressedIndexFontSize: CGFloat = 14
+        static let indexWidth: CGFloat = 18
+        static let indexHeight: CGFloat = 24
     }
 
     private enum RootLayoutMetrics {
@@ -306,6 +321,24 @@
         static let shelfGap: CGFloat = 16
         static let waterfallTopGap: CGFloat = 14
         static let bottomMargin: CGFloat = 34
+    }
+
+    private enum ViewModeToggleMetrics {
+        static let hitSize: CGFloat = 34
+        static let visualSize: CGFloat = 30
+        static let cornerRadius: CGFloat = 9
+        static let iconInset: CGFloat = 7
+        static let glyphLineWidth: CGFloat = 1.65
+        static let glyphCornerRadius: CGFloat = 2.1
+        static let selectedShadowRadius: CGFloat = 10
+        static let idleShadowRadius: CGFloat = 5
+    }
+
+    private enum ViewModeToggleVisualState: String {
+        case horizontalAvailable = "H1"
+        case horizontalSelected = "H2"
+        case verticalAvailable = "Z1"
+        case verticalSelected = "Z2"
     }
 
     private enum WaterfallMetrics {
@@ -327,13 +360,11 @@
     private enum HorizontalMasonryMetrics {
         static let horizontalPadding: CGFloat = 12
         static let verticalPadding: CGFloat = 0
-        static let cardGap: CGFloat = 16
+        static let horizontalGap: CGFloat = 16
+        static let verticalGap: CGFloat = WaterfallMetrics.cardGap
         static let cardMinWidth: CGFloat = 220
         static let cardMaxWidth: CGFloat = 320
-        static let titleBarHeight: CGFloat = 26
-        static let titleGap: CGFloat = 6
-        static let minThumbnailHeight: CGFloat = 92
-        static let maxThumbnailHeightFraction: CGFloat = 0.40
+        static let cardHeight: CGFloat = WaterfallMetrics.cardHeight
     }
 
     private enum WaterfallHorizontalIntent {
@@ -425,6 +456,9 @@
         case TriggerKeyCode.tab:
             performKeyboardCommand("tab")
         default:
+            if handleAppShelfIndexKey(event) {
+                return
+            }
             super.keyDown(with: event)
         }
     }
@@ -486,12 +520,16 @@
     override func mouseMoved(with event: NSEvent) {
         guard debugHoveredAppGroupIndex == nil else { return }
 
-        let settingsHovered = settingsButtonContains(windowLocation: event.locationInWindow)
-        if isSettingsButtonHovered != settingsHovered {
-            isSettingsButtonHovered = settingsHovered
+        let toggleHovered = viewModeToggleButtonContains(windowLocation: event.locationInWindow)
+        if !toggleHovered {
+            suppressViewModeToggleHoverPreview = false
+        }
+        let shouldShowToggleHoverPreview = toggleHovered && !suppressViewModeToggleHoverPreview
+        if isViewModeToggleButtonHovered != shouldShowToggleHoverPreview {
+            isViewModeToggleButtonHovered = shouldShowToggleHoverPreview
             needsLayout = true
         }
-        if settingsHovered {
+        if toggleHovered {
             hoveredCloseTarget = nil
             setHoverTarget(.none)
             return
@@ -507,7 +545,8 @@
 
     override func mouseExited(with event: NSEvent) {
         guard debugHoveredAppGroupIndex == nil else { return }
-        isSettingsButtonHovered = false
+        isViewModeToggleButtonHovered = false
+        suppressViewModeToggleHoverPreview = false
         hoveredCloseTarget = nil
         setHoverTarget(.none)
     }
@@ -526,8 +565,8 @@
             return
         }
 
-        if settingsButtonContains(windowLocation: event.locationInWindow) {
-            clickSettingsButton(source: "mouse")
+        if viewModeToggleButtonContains(windowLocation: event.locationInWindow) {
+            clickViewModeToggleButton(source: "mouse")
             return
         }
 
@@ -729,11 +768,38 @@
         apply(viewModel: viewModel, preservingInteractionState: true, animatedProjection: true)
     }
 
+    func hoverNextAppGroupIndex(cycleForward: Bool = true) -> Bool {
+        guard !appShelfItems.isEmpty else {
+            return false
+        }
+
+        let orderedIndexes = appShelfItems.map(\.item.appGroupIndex)
+        let sortedIndexes = orderedIndexes
+
+        var currentIndexPosition: Int?
+        if let currentHovered = effectiveHoveredAppGroupIndex {
+            currentIndexPosition = sortedIndexes.firstIndex(of: currentHovered)
+        }
+
+        let nextPosition = currentIndexPosition.map { current in
+            if cycleForward {
+                (current + 1) % sortedIndexes.count
+            } else {
+                (current - 1 + sortedIndexes.count) % sortedIndexes.count
+            }
+        } ?? 0
+
+        let nextAppGroupIndex = sortedIndexes[nextPosition]
+        hoverAppGroup(nextAppGroupIndex)
+        return true
+    }
+
     private func apply(
         viewModel: QuickSwitchViewModel?,
         preservingInteractionState: Bool,
         animatedProjection: Bool
     ) {
+        let preservedWindowThumbnails = preservingInteractionState ? cachedThumbnailsByWindowID() : [:]
         let transitionSnapshot = animatedProjection ? captureProjectionTransitionSnapshot() : nil
         if !animatedProjection {
             resetProjectionTransitionReport()
@@ -744,6 +810,10 @@
             currentSelection = validSelection(currentSelection, in: viewModel) ?? viewModel?.initialSelection
             columnSelectionHistory = columnSelectionHistory.filter { appGroupIndex, _ in
                 viewModel?.waterfallColumns.contains { $0.appGroupIndex == appGroupIndex } == true
+            }
+            if let keyboardFocusedAppGroupIndex,
+               viewModel?.waterfallColumns.contains(where: { $0.appGroupIndex == keyboardFocusedAppGroupIndex }) != true {
+                self.keyboardFocusedAppGroupIndex = nil
             }
             if let currentSelection {
                 columnSelectionHistory[currentSelection.appGroupIndex] = currentSelection.windowIndex
@@ -759,8 +829,14 @@
             screenshotSkippedReasonsByWindowID = [:]
             currentSelection = viewModel?.initialSelection
             columnSelectionHistory = [:]
+            keyboardFocusedAppGroupIndex = nil
             keyboardCommandsApplied = []
             lastKeyboardCommand = nil
+            lastKeyboardAppIndexCommand = nil
+            lastBoundaryBounceAxis = nil
+            lastBoundaryBounceDirection = nil
+            boundaryBounceCount = 0
+            selectionChangedByLastCommand = nil
             tabIgnoredCount = 0
             lastCommittedSelection = nil
             lastCommitSource = nil
@@ -794,12 +870,35 @@
         rebuildSpaceLaneSegments()
         rebuildAppShelfItems()
         rebuildWaterfallColumns()
+
+        if preservingInteractionState {
+            restoreThumbnailsFromCache(preservedWindowThumbnails)
+        }
+
         needsLayout = true
         ensureCurrentSelectionVisible(horizontalIntent: .alignWithAppShelf(animated: false))
         needsLayout = true
         if animatedProjection, let transitionSnapshot {
             layoutSubtreeIfNeeded()
             applyProjectionTransitionAnimations(from: transitionSnapshot)
+        }
+    }
+
+    private func cachedThumbnailsByWindowID() -> [UInt32: Any] {
+        var snapshots: [UInt32: Any] = [:]
+
+        for card in waterfallCardsByWindowID().values {
+            snapshots[card.item.window.id] = card.thumbnailLayer.contents
+        }
+
+        return snapshots
+    }
+
+    private func restoreThumbnailsFromCache(_ cachedThumbnails: [UInt32: Any]) {
+        for card in waterfallCardsByWindowID().values {
+            if let thumbnail = cachedThumbnails[card.item.window.id] {
+                card.thumbnailLayer.contents = thumbnail
+            }
         }
     }
 
@@ -1082,9 +1181,20 @@
             "activeSpaceFocusID": activeSpaceFocusID ?? NSNull(),
             "spaceFilterLockedSpaceID": currentViewModel?.lockedSpaceID ?? NSNull(),
             "spaceFilterActive": currentViewModel?.lockedSpaceID != nil,
-            "settingsButtonVisible": !settingsButtonLayer.isHidden,
-            "settingsButtonHovered": isSettingsButtonHovered,
-            "settingsButtonFrame": dictionary(from: settingsButtonLayer.frame),
+            "viewModeToggleButtonVisible": !viewModeToggleButtonLayer.isHidden,
+            "viewModeToggleButtonHovered": isViewModeToggleButtonHovered,
+            "viewModeToggleHoverPreviewSuppressed": suppressViewModeToggleHoverPreview,
+            "viewModeToggleButtonFrame": dictionary(from: viewModeToggleButtonLayer.frame),
+            "viewModeToggleHitSize": Double(ViewModeToggleMetrics.hitSize),
+            "viewModeToggleVisualSize": Double(ViewModeToggleMetrics.visualSize),
+            "viewModeToggleCurrentMode": waterfallViewMode.rawValue,
+            "viewModeToggleTargetMode": nextWaterfallViewMode.rawValue,
+            "viewModeToggleIconKind": viewModeToggleIconKind,
+            "viewModeToggleVisualState": viewModeToggleVisualState.rawValue,
+            "viewModeToggleStandardBlueColor": colorDictionary(from: viewModeToggleBlueColor.cgColor),
+            "viewModeToggleGlyphLineWidth": Double(ViewModeToggleMetrics.glyphLineWidth),
+            "viewModeToggleAccessibilityLabel": viewModeToggleAccessibilityLabel,
+            "settingsButtonVisible": false,
             "spaceFocusAppGroupIndexes": spaceFocusedAppGroupIndexes(),
             "appHoverAssociatedSpaceIDs": appHoverAssociatedSpaceIDs.sorted(),
             "appHoverAssociatedSpaceLabels": appHoverAssociatedSpaceLabels,
@@ -1145,8 +1255,14 @@
             "selectedAppGroupIndex": effectiveSelection?.appGroupIndex ?? NSNull(),
             "selectedWindowIndex": effectiveSelection?.windowIndex ?? NSNull(),
             "selectedWindowID": effectiveSelection?.windowID ?? NSNull(),
+            "keyboardFocusedAppGroupIndex": keyboardFocusedAppGroupIndex ?? NSNull(),
             "keyboardCommandsApplied": keyboardCommandsApplied,
             "lastKeyboardCommand": lastKeyboardCommand ?? NSNull(),
+            "lastKeyboardAppIndexCommand": lastKeyboardAppIndexCommand ?? NSNull(),
+            "lastBoundaryBounceAxis": lastBoundaryBounceAxis ?? NSNull(),
+            "lastBoundaryBounceDirection": lastBoundaryBounceDirection ?? NSNull(),
+            "boundaryBounceCount": boundaryBounceCount,
+            "selectionChangedByLastCommand": selectionChangedByLastCommand ?? NSNull(),
             "tabIgnoredCount": tabIgnoredCount,
             "lastCommittedAppGroupIndex": lastCommittedSelection?.appGroupIndex ?? NSNull(),
             "lastCommittedWindowIndex": lastCommittedSelection?.windowIndex ?? NSNull(),
@@ -1219,21 +1335,47 @@
             .lowercased()
         guard !command.isEmpty else { return }
 
+        if let indexSymbol = appShelfIndexSymbol(fromKeyboardCommand: command) {
+            let recordedCommand = "app:\(indexSymbol)"
+            recordKeyboardCommand(recordedCommand)
+            if !focusAppShelfItemForKeyboard(indexSymbol: indexSymbol, commandLabel: recordedCommand) {
+                selectionChangedByLastCommand = false
+            }
+            return
+        }
+
         switch command {
         case "left":
             recordKeyboardCommand("left")
-            moveSelection(.left)
+            if isHorizontalMasonryMode {
+                moveSelection(.left)
+            } else if !moveKeyboardAppFocus(cycleForward: false) {
+                selectionChangedByLastCommand = false
+            }
         case "right":
             recordKeyboardCommand("right")
-            moveSelection(.right)
+            if isHorizontalMasonryMode {
+                moveSelection(.right)
+            } else if !moveKeyboardAppFocus(cycleForward: true) {
+                selectionChangedByLastCommand = false
+            }
         case "up":
             recordKeyboardCommand("up")
-            moveSelection(.up)
+            if isHorizontalMasonryMode {
+                moveSelection(.up)
+            } else {
+                moveVerticalSelectionWithinFocusedColumn(.up)
+            }
         case "down":
             recordKeyboardCommand("down")
-            moveSelection(.down)
+            if isHorizontalMasonryMode {
+                moveSelection(.down)
+            } else {
+                moveVerticalSelectionWithinFocusedColumn(.down)
+            }
         case "enter", "return", "commit":
             recordKeyboardCommand("enter")
+            selectionChangedByLastCommand = false
             commitCurrentSelection()
         case "tab":
             if isHorizontalMasonryMode {
@@ -1242,15 +1384,241 @@
             } else {
                 tabIgnoredCount += 1
                 recordKeyboardCommand("tabIgnored")
+                selectionChangedByLastCommand = false
             }
         default:
             recordKeyboardCommand("unknown:\(command)")
+            selectionChangedByLastCommand = false
         }
     }
 
     private func recordKeyboardCommand(_ command: String) {
         lastKeyboardCommand = command
         keyboardCommandsApplied.append(command)
+    }
+
+    private func handleAppShelfIndexKey(_ event: NSEvent) -> Bool {
+        guard !isHorizontalMasonryMode else { return false }
+        let flags = event.modifierFlags.intersection(.deviceIndependentFlagsMask)
+        guard flags.isDisjoint(with: [.command, .control]) else { return false }
+        guard let characters = event.charactersIgnoringModifiers,
+              let symbol = appShelfIndexSymbol(fromKeyboardCommand: characters)
+        else {
+            return false
+        }
+
+        performKeyboardCommand(symbol)
+        return true
+    }
+
+    private func appShelfIndexSymbol(fromKeyboardCommand command: String) -> String? {
+        var candidate = command.trimmingCharacters(in: .whitespacesAndNewlines).uppercased()
+        for prefix in ["APP:", "APP-", "INDEX:", "INDEX-"] where candidate.hasPrefix(prefix) {
+            candidate.removeFirst(prefix.count)
+            break
+        }
+        guard candidate.count == 1,
+              Self.appShelfIndexSymbols.contains(candidate)
+        else {
+            return nil
+        }
+        return candidate
+    }
+
+    private func focusAppShelfItemForKeyboard(indexSymbol: String, commandLabel: String) -> Bool {
+        guard let ordinal = Self.appShelfIndexSymbols.firstIndex(of: indexSymbol),
+              ordinal < appShelfItems.count
+        else {
+            return false
+        }
+
+        return focusAppShelfItemForKeyboard(
+            appGroupIndex: appShelfItems[ordinal].item.appGroupIndex,
+            appIndexCommand: commandLabel
+        )
+    }
+
+    @discardableResult
+    private func focusAppShelfItemForKeyboard(
+        appGroupIndex: Int,
+        appIndexCommand: String? = nil
+    ) -> Bool {
+        guard appShelfItems.contains(where: { $0.item.appGroupIndex == appGroupIndex }),
+              waterfallColumns.contains(where: { $0.column.appGroupIndex == appGroupIndex })
+        else {
+            return false
+        }
+
+        keyboardFocusedAppGroupIndex = appGroupIndex
+        lastKeyboardAppIndexCommand = appIndexCommand
+        selectionChangedByLastCommand = false
+        clearKeyboardBoundaryFeedback()
+        ensureAppShelfItemVisible(appGroupIndex)
+        layoutSubtreeIfNeeded()
+        hoverAppGroup(appGroupIndex, source: .keyboard)
+        needsLayout = true
+        return true
+    }
+
+    @discardableResult
+    private func moveKeyboardAppFocus(cycleForward: Bool) -> Bool {
+        let orderedAppGroupIndexes = appShelfItems.map(\.item.appGroupIndex)
+        guard !orderedAppGroupIndexes.isEmpty else { return false }
+
+        let currentAppGroupIndex = keyboardFocusedAppGroupIndex
+            ?? appHoverTargetAppGroupIndex
+            ?? effectiveSelection?.appGroupIndex
+        let currentPosition = currentAppGroupIndex.flatMap { orderedAppGroupIndexes.firstIndex(of: $0) }
+        let nextPosition = currentPosition.map { current in
+            if cycleForward {
+                return (current + 1) % orderedAppGroupIndexes.count
+            }
+            return (current - 1 + orderedAppGroupIndexes.count) % orderedAppGroupIndexes.count
+        } ?? (cycleForward ? 0 : orderedAppGroupIndexes.count - 1)
+
+        return focusAppShelfItemForKeyboard(appGroupIndex: orderedAppGroupIndexes[nextPosition])
+    }
+
+    private var appHoverTargetAppGroupIndex: Int? {
+        guard case .app(let appGroupIndex) = hoverTarget else { return nil }
+        return appGroupIndex
+    }
+
+    private func moveVerticalSelectionWithinFocusedColumn(_ direction: QuickSwitchKeyboardDirection) {
+        guard direction == .up || direction == .down,
+              let targetAppGroupIndex = verticalKeyboardNavigationAppGroupIndex(),
+              let column = waterfallColumns.first(where: { $0.column.appGroupIndex == targetAppGroupIndex })
+        else {
+            DevelopmentDiagnostics.log("quickSwitch.view.moveVerticalSelection.blocked", [
+                "direction": keyboardDirectionName(direction),
+                "hasFocusedApp": keyboardFocusedAppGroupIndex != nil,
+                "hasSelection": effectiveSelection != nil
+            ])
+            selectionChangedByLastCommand = false
+            return
+        }
+
+        let cards = column.cards.sorted { $0.item.windowIndex < $1.item.windowIndex }
+        guard !cards.isEmpty else {
+            selectionChangedByLastCommand = false
+            return
+        }
+
+        let previousSelection = effectiveSelection
+        let nextSelection: QuickSwitchSelection
+        if let current = previousSelection,
+           current.appGroupIndex == targetAppGroupIndex,
+           let currentPosition = cards.firstIndex(where: { $0.item.window.id == current.windowID }) {
+            let nextPosition = currentPosition + (direction == .down ? 1 : -1)
+            guard cards.indices.contains(nextPosition) else {
+                keyboardFocusedAppGroupIndex = targetAppGroupIndex
+                hoverAppGroup(targetAppGroupIndex, source: .keyboard)
+                triggerKeyboardBoundaryFeedback(appGroupIndex: targetAppGroupIndex, direction: direction)
+                DevelopmentDiagnostics.log("quickSwitch.view.moveVerticalSelection.boundary", [
+                    "direction": keyboardDirectionName(direction),
+                    "appGroupIndex": targetAppGroupIndex,
+                    "windowIndex": current.windowIndex
+                ])
+                needsLayout = true
+                return
+            }
+            nextSelection = selectionForCard(cards[nextPosition])
+        } else {
+            let rememberedWindowIndex = columnSelectionHistory[targetAppGroupIndex]
+            let rememberedCard = rememberedWindowIndex.flatMap { windowIndex in
+                cards.first { $0.item.windowIndex == windowIndex }
+            }
+            nextSelection = selectionForCard(rememberedCard ?? cards[0])
+        }
+
+        keyboardFocusedAppGroupIndex = targetAppGroupIndex
+        currentSelection = nextSelection
+        columnSelectionHistory[nextSelection.appGroupIndex] = nextSelection.windowIndex
+        selectionChangedByLastCommand = previousSelection != nextSelection
+        clearKeyboardBoundaryFeedback()
+        hoverAppGroup(targetAppGroupIndex, source: .keyboard)
+        ensureCurrentSelectionVisible(horizontalIntent: .alignWithAppShelf(animated: true))
+        DevelopmentDiagnostics.log("quickSwitch.view.moveVerticalSelection", [
+            "direction": keyboardDirectionName(direction),
+            "appGroupIndex": nextSelection.appGroupIndex,
+            "windowIndex": nextSelection.windowIndex,
+            "windowID": nextSelection.windowID
+        ])
+        needsLayout = true
+    }
+
+    private func verticalKeyboardNavigationAppGroupIndex() -> Int? {
+        if let keyboardFocusedAppGroupIndex,
+           waterfallColumns.contains(where: { $0.column.appGroupIndex == keyboardFocusedAppGroupIndex }) {
+            return keyboardFocusedAppGroupIndex
+        }
+        if let appHoverTargetAppGroupIndex,
+           waterfallColumns.contains(where: { $0.column.appGroupIndex == appHoverTargetAppGroupIndex }) {
+            return appHoverTargetAppGroupIndex
+        }
+        if let appGroupIndex = effectiveSelection?.appGroupIndex,
+           waterfallColumns.contains(where: { $0.column.appGroupIndex == appGroupIndex }) {
+            return appGroupIndex
+        }
+        return waterfallColumns.first?.column.appGroupIndex
+    }
+
+    private func clearKeyboardBoundaryFeedback() {
+        lastBoundaryBounceAxis = nil
+        lastBoundaryBounceDirection = nil
+    }
+
+    private func triggerKeyboardBoundaryFeedback(
+        appGroupIndex: Int,
+        direction: QuickSwitchKeyboardDirection
+    ) {
+        selectionChangedByLastCommand = false
+        lastBoundaryBounceAxis = "vertical"
+        lastBoundaryBounceDirection = keyboardDirectionName(direction)
+        boundaryBounceCount += 1
+
+        layoutSubtreeIfNeeded()
+        guard let column = waterfallColumns.first(where: { $0.column.appGroupIndex == appGroupIndex }) else { return }
+
+        let animationKey = "keyboardBoundaryBounce"
+        column.containerLayer.removeAnimation(forKey: animationKey)
+        if NSWorkspace.shared.accessibilityDisplayShouldReduceMotion {
+            let pulse = CABasicAnimation(keyPath: "opacity")
+            pulse.fromValue = 1
+            pulse.toValue = 0.9
+            pulse.duration = 0.12
+            pulse.autoreverses = true
+            pulse.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
+            column.containerLayer.add(pulse, forKey: animationKey)
+            return
+        }
+
+        let currentY = column.containerLayer.presentation()?.position.y
+            ?? column.containerLayer.position.y
+        let delta: CGFloat = direction == .up ? 5 : -5
+        let bounce = CAKeyframeAnimation(keyPath: "position.y")
+        bounce.values = [currentY, currentY + delta, currentY]
+        bounce.keyTimes = [0, 0.38, 1]
+        bounce.timingFunctions = [
+            CAMediaTimingFunction(name: .easeOut),
+            CAMediaTimingFunction(name: .easeInEaseOut)
+        ]
+        bounce.duration = 0.23
+        bounce.isRemovedOnCompletion = true
+        column.containerLayer.add(bounce, forKey: animationKey)
+    }
+
+    private func keyboardDirectionName(_ direction: QuickSwitchKeyboardDirection) -> String {
+        switch direction {
+        case .left:
+            return "left"
+        case .right:
+            return "right"
+        case .up:
+            return "up"
+        case .down:
+            return "down"
+        }
     }
 
     private func performMouseCommand(_ rawCommand: String) {
@@ -1327,9 +1695,15 @@
         case "click-background":
             recordMouseCommand("click-background")
             _ = onBackgroundClick?()
-        case "click-settings":
-            recordMouseCommand("click-settings")
-            clickSettingsButton(source: "debug")
+        case "hover-view-toggle":
+            recordMouseCommand("hover-view-toggle")
+            suppressViewModeToggleHoverPreview = false
+            isViewModeToggleButtonHovered = true
+            hoveredCloseTarget = nil
+            setHoverTarget(.none, source: .debug)
+        case "click-view-toggle", "click-settings":
+            recordMouseCommand("click-view-toggle")
+            clickViewModeToggleButton(source: "debug")
         case "hover-card" where parts.count == 3:
             guard let appGroupIndex = Int(parts[1]), let windowIndex = Int(parts[2]) else {
                 recordMouseCommand("invalid:\(command)")
@@ -1346,6 +1720,15 @@
             }
             recordMouseCommand("click-card:\(appGroupIndex):\(windowIndex)")
             if let card = waterfallCard(appGroupIndex: appGroupIndex, windowIndex: windowIndex) {
+                clickWindowCard(card)
+            }
+        case "click-card-id" where parts.count == 2:
+            guard let windowID = UInt32(parts[1]) else {
+                recordMouseCommand("invalid:\(command)")
+                return
+            }
+            recordMouseCommand("click-card-id:\(windowID)")
+            if let card = waterfallCard(windowID: windowID) {
                 clickWindowCard(card)
             }
         case "hover-card-close" where parts.count == 3:
@@ -1388,13 +1771,13 @@
         return command.hasPrefix("hover-")
     }
 
-    private func hoverAppGroup(_ appGroupIndex: Int) {
+    private func hoverAppGroup(_ appGroupIndex: Int, source: HoverTargetSource = .debug) {
         updateHoverState(
             appGroupIndex: appGroupIndex,
             windowID: nil,
             spaceID: nil,
             alignsWaterfallWithAppShelf: true,
-            source: .debug
+            source: source
         )
     }
 
@@ -1675,8 +2058,11 @@
         }
 
         columnSelectionHistory[current.appGroupIndex] = current.windowIndex
+        let previousSelection = effectiveSelection
         currentSelection = next
         columnSelectionHistory[next.appGroupIndex] = next.windowIndex
+        selectionChangedByLastCommand = previousSelection != next
+        clearKeyboardBoundaryFeedback()
         ensureCurrentSelectionVisible(horizontalIntent: .alignWithAppShelf(animated: true))
         DevelopmentDiagnostics.log("quickSwitch.view.moveSelection", [
             "direction": String(describing: direction),
@@ -1699,8 +2085,11 @@
         }
 
         columnSelectionHistory[current.appGroupIndex] = current.windowIndex
+        let previousSelection = effectiveSelection
         currentSelection = next
         columnSelectionHistory[next.appGroupIndex] = next.windowIndex
+        selectionChangedByLastCommand = previousSelection != next
+        clearKeyboardBoundaryFeedback()
         ensureCurrentSelectionVisible(horizontalIntent: .alignWithAppShelf(animated: true))
         DevelopmentDiagnostics.log("quickSwitch.view.moveHorizontalMasonrySelection", [
             "direction": String(describing: direction),
@@ -2273,25 +2662,15 @@
         closeFeedbackLayer.addSublayer(closeFeedbackTextLayer)
         glassLayer.addSublayer(closeFeedbackLayer)
 
-        settingsButtonLayer.cornerRadius = 10
-        settingsButtonLayer.masksToBounds = false
-        settingsButtonLayer.borderWidth = 1
-        settingsButtonLayer.shadowColor = NSColor.black.cgColor
-        settingsButtonLayer.shadowOffset = CGSize(width: 0, height: -2)
-        settingsButtonLayer.zPosition = 170
-        settingsButtonIconLayer.contentsGravity = .resizeAspect
-        settingsButtonIconLayer.contentsScale = backingScaleFactor
-        settingsButtonIconLayer.contents = settingsIconImage()
-        settingsButtonFallbackTextLayer.contentsScale = backingScaleFactor
-        settingsButtonFallbackTextLayer.string = "⚙"
-        settingsButtonFallbackTextLayer.font = NSFont.systemFont(ofSize: 18, weight: .regular)
-        settingsButtonFallbackTextLayer.fontSize = 18
-        settingsButtonFallbackTextLayer.alignmentMode = .center
-        settingsButtonFallbackTextLayer.foregroundColor = NSColor.secondaryLabelColor.cgColor
-        settingsButtonFallbackTextLayer.isHidden = settingsButtonIconLayer.contents != nil
-        settingsButtonLayer.addSublayer(settingsButtonIconLayer)
-        settingsButtonLayer.addSublayer(settingsButtonFallbackTextLayer)
-        glassLayer.addSublayer(settingsButtonLayer)
+        viewModeToggleButtonLayer.cornerRadius = 10
+        viewModeToggleButtonLayer.masksToBounds = false
+        viewModeToggleButtonLayer.borderWidth = 1
+        viewModeToggleButtonLayer.shadowColor = NSColor.black.cgColor
+        viewModeToggleButtonLayer.shadowOffset = CGSize(width: 0, height: -2)
+        viewModeToggleButtonLayer.zPosition = 170
+        viewModeToggleIconLayer.contentsScale = backingScaleFactor
+        viewModeToggleButtonLayer.addSublayer(viewModeToggleIconLayer)
+        glassLayer.addSublayer(viewModeToggleButtonLayer)
     }
 
     private func rebuildAppShelfItems() {
@@ -2299,7 +2678,7 @@
             item.containerLayer.removeFromSuperlayer()
         }
 
-        appShelfItems = (currentViewModel?.appShelf ?? []).map { item in
+        appShelfItems = (currentViewModel?.appShelf ?? []).enumerated().map { ordinal, item in
             let container = CALayer()
             container.name = item.app.name
 
@@ -2315,6 +2694,18 @@
             icon.contents = appIconProvider.icon(for: item.app)
             icon.cornerRadius = 12
             icon.masksToBounds = false
+
+            let indexLabel = makeTextLayer(
+                string: appShelfIndexText(forOrdinal: ordinal),
+                fontSize: AppShelfMetrics.indexFontSize,
+                weight: .regular,
+                color: appShelfIndexColor,
+                alignment: .center
+            )
+            indexLabel.font = appShelfIndexFont(size: AppShelfMetrics.indexFontSize)
+            indexLabel.fontSize = AppShelfMetrics.indexFontSize
+            indexLabel.truncationMode = .end
+            indexLabel.zPosition = 14
 
             let label = makeTextLayer(
                 string: item.app.name,
@@ -2340,6 +2731,7 @@
             let closeButton = makeCloseButtonLayers()
 
             container.addSublayer(background)
+            container.addSublayer(indexLabel)
             container.addSublayer(icon)
             container.addSublayer(label)
             container.addSublayer(badge)
@@ -2350,6 +2742,7 @@
                 item: item,
                 containerLayer: container,
                 backgroundLayer: background,
+                indexLayer: indexLabel,
                 iconLayer: icon,
                 labelLayer: label,
                 badgeLayer: badge,
@@ -2542,6 +2935,15 @@
                     color: space.type == .fullscreen ? .labelColor : .secondaryLabelColor,
                     alignment: space.type == .fullscreen ? .center : .left
                 )
+                let splitAppLayers = splitViewAppNames(for: space).map { name in
+                    makeTextLayer(
+                        string: name,
+                        fontSize: 12,
+                        weight: .medium,
+                        color: .labelColor,
+                        alignment: .center
+                    )
+                }
                 let windowBlocks = space.type == .fullscreen
                     ? []
                     : makeWindowBlocks(count: min(space.windowCount, 5), space: space)
@@ -2552,6 +2954,9 @@
                 container.addSublayer(appLayer)
                 if let fullscreenMarkerLayer {
                     container.addSublayer(fullscreenMarkerLayer)
+                }
+                for splitAppLayer in splitAppLayers {
+                    container.addSublayer(splitAppLayer)
                 }
                 for block in windowBlocks {
                     container.addSublayer(block)
@@ -2564,6 +2969,7 @@
                     labelLayer: labelLayer,
                     countLayer: countLayer,
                     appLayer: appLayer,
+                    splitAppLayers: splitAppLayers,
                     windowBlocks: windowBlocks,
                     fullscreenMarkerLayer: fullscreenMarkerLayer
                 )
@@ -2629,13 +3035,13 @@
         layoutWaterfallColumns()
         layoutCloseConfirmation()
         layoutCloseFeedback()
-        layoutSettingsButton()
+        layoutViewModeToggleButton()
 
         CATransaction.commit()
     }
 
-    private func layoutSettingsButton() {
-        let size: CGFloat = 34
+    private func layoutViewModeToggleButton() {
+        let size = ViewModeToggleMetrics.visualSize
         let topMargin = topSafeAreaInset + RootLayoutMetrics.topContentMargin
         let x = max(
             RootLayoutMetrics.horizontalMargin,
@@ -2645,24 +3051,144 @@
             RootLayoutMetrics.bottomMargin,
             glassLayer.bounds.height - topMargin - size
         )
-        settingsButtonLayer.frame = CGRect(x: x, y: y, width: size, height: size)
-        settingsButtonLayer.backgroundColor = NSColor.windowBackgroundColor
-            .withAlphaComponent(isSettingsButtonHovered ? 0.78 : 0.54)
-            .cgColor
-        settingsButtonLayer.borderColor = NSColor.separatorColor
-            .withAlphaComponent(isSettingsButtonHovered ? 0.42 : 0.26)
-            .cgColor
-        settingsButtonLayer.shadowOpacity = isSettingsButtonHovered ? 0.14 : 0.08
-        settingsButtonLayer.shadowRadius = isSettingsButtonHovered ? 9 : 6
-        settingsButtonIconLayer.contentsScale = backingScaleFactor
-        settingsButtonFallbackTextLayer.contentsScale = backingScaleFactor
-        let iconInset: CGFloat = 8
-        settingsButtonIconLayer.frame = settingsButtonLayer.bounds.insetBy(dx: iconInset, dy: iconInset)
-        settingsButtonFallbackTextLayer.frame = settingsButtonLayer.bounds.insetBy(dx: 0, dy: 6)
-        settingsButtonFallbackTextLayer.foregroundColor = (isSettingsButtonHovered
-            ? NSColor.labelColor
-            : NSColor.secondaryLabelColor
+        viewModeToggleButtonLayer.frame = CGRect(x: x, y: y, width: size, height: size)
+        viewModeToggleButtonLayer.cornerRadius = ViewModeToggleMetrics.cornerRadius
+        let visualState = viewModeToggleVisualState
+        let isSelectedState = viewModeToggleVisualStateIsSelected(visualState)
+        viewModeToggleButtonLayer.backgroundColor = (isSelectedState
+            ? viewModeToggleBlueColor
+            : NSColor.windowBackgroundColor.withAlphaComponent(isViewModeToggleButtonHovered ? 0.76 : 0.58)
         ).cgColor
+        viewModeToggleButtonLayer.borderColor = (isSelectedState
+            ? viewModeToggleBlueColor.withAlphaComponent(0.96)
+            : viewModeToggleBlueColor.withAlphaComponent(isViewModeToggleButtonHovered ? 0.72 : 0.34)
+        ).cgColor
+        viewModeToggleButtonLayer.shadowOpacity = isSelectedState ? 0.16 : (isViewModeToggleButtonHovered ? 0.11 : 0.06)
+        viewModeToggleButtonLayer.shadowRadius = isSelectedState
+            ? ViewModeToggleMetrics.selectedShadowRadius
+            : ViewModeToggleMetrics.idleShadowRadius
+        viewModeToggleIconLayer.contentsScale = backingScaleFactor
+        let iconInset = ViewModeToggleMetrics.iconInset
+        viewModeToggleIconLayer.frame = viewModeToggleButtonLayer.bounds.insetBy(dx: iconInset, dy: iconInset)
+        layoutViewModeToggleIcon()
+    }
+
+    private func layoutViewModeToggleIcon() {
+        CATransaction.begin()
+        CATransaction.setDisableActions(true)
+        viewModeToggleIconLayer.sublayers?.forEach { $0.removeFromSuperlayer() }
+
+        let bounds = viewModeToggleIconLayer.bounds
+        guard bounds.width > 0, bounds.height > 0 else {
+            CATransaction.commit()
+            return
+        }
+
+        let visualState = viewModeToggleVisualState
+        let isSelectedState = viewModeToggleVisualStateIsSelected(visualState)
+        let strokeColor = isSelectedState
+            ? NSColor.white.withAlphaComponent(0.98)
+            : viewModeToggleBlueColor.withAlphaComponent(0.96)
+        let fillColor = isSelectedState
+            ? NSColor.white.withAlphaComponent(0.22)
+            : viewModeToggleBlueColor.withAlphaComponent(0.06)
+        let glyphRect = centeredSquare(in: bounds)
+
+        switch visualState {
+        case .verticalAvailable, .verticalSelected:
+            addVerticalColumnsToggleGlyph(
+                in: glyphRect,
+                strokeColor: strokeColor,
+                fillColor: fillColor
+            )
+        case .horizontalAvailable, .horizontalSelected:
+            addHorizontalMasonryToggleGlyph(
+                in: glyphRect,
+                strokeColor: strokeColor,
+                fillColor: fillColor
+            )
+        }
+
+        CATransaction.commit()
+    }
+
+    private func addVerticalColumnsToggleGlyph(
+        in rect: CGRect,
+        strokeColor: NSColor,
+        fillColor: NSColor
+    ) {
+        let columnWidth = rect.width * 0.22
+        let gap = (rect.width - columnWidth * 3) / 2
+        for index in 0..<3 {
+            let x = rect.minX + CGFloat(index) * (columnWidth + gap)
+            let columnRect = CGRect(x: x, y: rect.minY, width: columnWidth, height: rect.height)
+            addViewModeToggleRoundedRect(
+                columnRect,
+                cornerRadius: ViewModeToggleMetrics.glyphCornerRadius,
+                strokeColor: strokeColor,
+                fillColor: fillColor,
+                lineWidth: ViewModeToggleMetrics.glyphLineWidth
+            )
+        }
+    }
+
+    private func addHorizontalMasonryToggleGlyph(
+        in rect: CGRect,
+        strokeColor: NSColor,
+        fillColor: NSColor
+    ) {
+        let cellSize = rect.width * 0.38
+        let gap = rect.width - cellSize * 2
+        for row in 0..<2 {
+            for column in 0..<2 {
+                let cellRect = CGRect(
+                    x: rect.minX + CGFloat(column) * (cellSize + gap),
+                    y: rect.minY + CGFloat(row) * (cellSize + gap),
+                    width: cellSize,
+                    height: cellSize
+                )
+                addViewModeToggleRoundedRect(
+                    cellRect,
+                    cornerRadius: ViewModeToggleMetrics.glyphCornerRadius,
+                    strokeColor: strokeColor,
+                    fillColor: fillColor,
+                    lineWidth: ViewModeToggleMetrics.glyphLineWidth
+                )
+            }
+        }
+    }
+
+    private func addViewModeToggleRoundedRect(
+        _ rect: CGRect,
+        cornerRadius: CGFloat,
+        strokeColor: NSColor,
+        fillColor: NSColor,
+        lineWidth: CGFloat
+    ) {
+        let layer = CAShapeLayer()
+        layer.contentsScale = backingScaleFactor
+        layer.frame = viewModeToggleIconLayer.bounds
+        layer.path = CGPath(
+            roundedRect: rect,
+            cornerWidth: cornerRadius,
+            cornerHeight: cornerRadius,
+            transform: nil
+        )
+        layer.fillColor = fillColor.cgColor
+        layer.strokeColor = strokeColor.cgColor
+        layer.lineWidth = lineWidth
+        layer.lineJoin = .round
+        viewModeToggleIconLayer.addSublayer(layer)
+    }
+
+    private func centeredSquare(in rect: CGRect) -> CGRect {
+        let side = min(rect.width, rect.height)
+        return CGRect(
+            x: rect.midX - side / 2,
+            y: rect.midY - side / 2,
+            width: side,
+            height: side
+        )
     }
 
     private var topSafeAreaInset: CGFloat {
@@ -2850,10 +3376,10 @@
         let isActive = isHovered || isFocused || isLocked
         let isAssociated = (isAppAssociated || isWindowAssociated) && !isActive
 
-        segment.containerLayer.borderWidth = isLocked
-            ? 6
-            : (hasWindows || isCurrent || isActive || isAssociated) ? 1.5 : 1
-        segment.containerLayer.borderColor = (isActive
+        segment.containerLayer.borderWidth = (hasWindows || isCurrent || isActive || isAssociated) ? 1.5 : 1
+        segment.containerLayer.borderColor = (isLocked
+            ? NSColor.white.withAlphaComponent(0.86)
+            : isActive
             ? spaceLaneOccupiedColor.withAlphaComponent(isLocked ? 0.92 : 0.62)
             : isAssociated
                 ? spaceLaneOccupiedColor.withAlphaComponent(0.50)
@@ -2863,7 +3389,12 @@
                     ? NSColor.labelColor.withAlphaComponent(0.34)
                 : NSColor.separatorColor.withAlphaComponent(0.34)
         ).cgColor
-        if !hasWindows {
+        if isLocked {
+            applySpaceLaneSolidFill(
+                to: segment.containerLayer,
+                color: spaceLaneLockedFillColor
+            )
+        } else if !hasWindows {
             applySpaceLaneSolidFill(to: segment.containerLayer, color: .clear)
         } else if isActive {
             applySpaceLaneSolidFill(
@@ -2898,7 +3429,7 @@
         segment.containerLayer.transform = (isActive || isAssociated)
             ? CATransform3DMakeScale(isActive ? 1.03 : 1.015, isActive ? 1.03 : 1.015, 1)
             : CATransform3DIdentity
-        segment.containerLayer.shadowPath = hasWindows
+        segment.containerLayer.shadowPath = (hasWindows || isLocked)
             ? CGPath(
                 roundedRect: segment.containerLayer.bounds,
                 cornerWidth: segment.containerLayer.cornerRadius,
@@ -2906,6 +3437,37 @@
                 transform: nil
             )
             : nil
+
+        applySpaceLaneContentVisualState(segment, isLocked: isLocked)
+    }
+
+    private func applySpaceLaneContentVisualState(_ segment: SpaceLaneSegmentLayers, isLocked: Bool) {
+        let primaryTextColor: NSColor = isLocked ? .white : .labelColor
+        let secondaryTextColor: NSColor = isLocked
+            ? .white
+            : .secondaryLabelColor
+
+        segment.labelLayer.foregroundColor = primaryTextColor.cgColor
+        segment.countLayer.foregroundColor = (isLocked ? NSColor.white : .secondaryLabelColor).cgColor
+        segment.appLayer.foregroundColor = (segment.space.type == .fullscreen
+            ? primaryTextColor
+            : secondaryTextColor
+        ).cgColor
+        for splitAppLayer in segment.splitAppLayers {
+            splitAppLayer.foregroundColor = primaryTextColor.cgColor
+        }
+
+        for block in segment.windowBlocks {
+            block.backgroundColor = (isLocked
+                ? NSColor.white
+                : spaceLaneOccupiedColor.withAlphaComponent(segment.space.isCurrent ? 0.72 : 0.58)
+            ).cgColor
+        }
+
+        (segment.fullscreenMarkerLayer as? CAShapeLayer)?.strokeColor = (isLocked
+            ? NSColor.white
+            : NSColor.secondaryLabelColor.withAlphaComponent(segment.space.isCurrent ? 0.42 : 0.28)
+        ).cgColor
     }
 
     private func shouldScrollSpaceLane(for event: NSEvent) -> Bool {
@@ -2978,24 +3540,31 @@
         spaceLaneSegments.first { $0.space.id == spaceID }
     }
 
-    private func settingsButtonContains(windowLocation: CGPoint) -> Bool {
+    private func viewModeToggleButtonContains(windowLocation: CGPoint) -> Bool {
         let locationInView = convert(windowLocation, from: nil)
         let locationInGlass = CGPoint(
             x: locationInView.x - glassLayer.frame.minX,
             y: locationInView.y - glassLayer.frame.minY
         )
-        return settingsButtonLayer.frame.contains(locationInGlass)
+        let hitOutset = (ViewModeToggleMetrics.hitSize - ViewModeToggleMetrics.visualSize) / 2
+        return viewModeToggleButtonLayer.frame
+            .insetBy(dx: -hitOutset, dy: -hitOutset)
+            .contains(locationInGlass)
     }
 
-    private func clickSettingsButton(source: String) {
-        DevelopmentDiagnostics.log("quickSwitch.view.clickSettings", [
-            "source": source
+    private func clickViewModeToggleButton(source: String) {
+        DevelopmentDiagnostics.log("quickSwitch.view.clickWaterfallViewModeToggle", [
+            "source": source,
+            "currentMode": waterfallViewMode.rawValue,
+            "targetMode": nextWaterfallViewMode.rawValue
         ])
-        lastMouseCommand = "click-settings"
-        if !mouseCommandsApplied.contains("click-settings") {
-            mouseCommandsApplied.append("click-settings")
+        lastMouseCommand = "click-view-toggle"
+        if !mouseCommandsApplied.contains("click-view-toggle") {
+            mouseCommandsApplied.append("click-view-toggle")
         }
-        onOpenSettings?()
+        isViewModeToggleButtonHovered = false
+        suppressViewModeToggleHoverPreview = true
+        onToggleWaterfallViewMode?()
     }
 
     private func appShelfItem(at windowLocation: CGPoint) -> AppShelfItemLayers? {
@@ -3037,23 +3606,61 @@
             .first(where: { $0.item.windowIndex == windowIndex })
     }
 
+    private func waterfallCard(windowID: UInt32) -> WaterfallCardLayers? {
+        waterfallColumns
+            .lazy
+            .flatMap(\.cards)
+            .first(where: { $0.item.window.id == windowID })
+    }
+
     private func layoutSpaceLaneSegmentContents(_ segment: SpaceLaneSegmentLayers) {
         let bounds = segment.containerLayer.bounds
+        let splitAppNames = splitViewAppNames(for: segment.space)
+        let isSplitView = splitAppNames.count >= 2
         segment.labelLayer.frame = CGRect(x: 10, y: bounds.height - 29, width: max(1, bounds.width - 48), height: 20)
         segment.countLayer.frame = CGRect(x: bounds.width - 34, y: bounds.height - 29, width: 24, height: 20)
+        segment.countLayer.string = isSplitView ? "" : "\(segment.space.windowCount)"
+        segment.countLayer.isHidden = isSplitView
         if segment.space.type == .fullscreen {
             let markerFrame = fullscreenMarkerFrame(in: bounds)
-            segment.appLayer.frame = CGRect(
-                x: 8,
-                y: markerFrame.midY - 8.5,
-                width: max(1, bounds.width - 16),
-                height: 17
-            )
+            segment.appLayer.isHidden = isSplitView
+            if isSplitView {
+                let labelY = markerFrame.midY - 8.5
+                let halfWidth = markerFrame.width / 2
+                for (index, splitAppLayer) in segment.splitAppLayers.enumerated() {
+                    let x = markerFrame.minX + CGFloat(index) * halfWidth
+                    splitAppLayer.isHidden = false
+                    splitAppLayer.frame = CGRect(
+                        x: x + 4,
+                        y: labelY,
+                        width: max(1, halfWidth - 8),
+                        height: 17
+                    )
+                }
+            } else {
+                segment.appLayer.frame = CGRect(
+                    x: 8,
+                    y: markerFrame.midY - 8.5,
+                    width: max(1, bounds.width - 16),
+                    height: 17
+                )
+                for splitAppLayer in segment.splitAppLayers {
+                    splitAppLayer.isHidden = true
+                }
+            }
         } else {
+            segment.appLayer.isHidden = false
             segment.appLayer.frame = CGRect(x: 10, y: 9, width: max(1, bounds.width - 20), height: 17)
+            for splitAppLayer in segment.splitAppLayers {
+                splitAppLayer.isHidden = true
+            }
         }
         if let fullscreenMarkerLayer = segment.fullscreenMarkerLayer {
-            layoutFullscreenMarkerLayer(fullscreenMarkerLayer, in: bounds)
+            layoutFullscreenMarkerLayer(
+                fullscreenMarkerLayer,
+                in: bounds,
+                isSplitView: isSplitView
+            )
         }
 
         let blockGap: CGFloat = 5
@@ -3169,6 +3776,13 @@
             )
             : nil
         item.iconLayer.frame = CGRect(x: iconX, y: iconY, width: visualIconSize, height: visualIconSize)
+        layoutAppShelfIndexLayer(
+            item.indexLayer,
+            iconFrame: item.iconLayer.frame,
+            iconSize: visualIconSize,
+            itemBounds: bounds,
+            highlighted: showsSelectedVisual || isHovered
+        )
         item.labelLayer.contentsScale = backingScaleFactor
         item.labelLayer.frame = CGRect(x: 0, y: 0, width: bounds.width, height: 14)
         item.badgeLayer.string = badgeText
@@ -3194,6 +3808,66 @@
         )
         item.selectedIndicatorLayer.frame = .zero
         item.selectedIndicatorLayer.backgroundColor = NSColor.clear.cgColor
+    }
+
+    private var appShelfIndexColor: NSColor {
+        NSColor.labelColor.withAlphaComponent(0.48)
+    }
+
+    private var appShelfIndexHighlightedColor: NSColor {
+        NSColor.labelColor.withAlphaComponent(0.58)
+    }
+
+    private func appShelfIndexFont(size: CGFloat) -> NSFont {
+        for fontName in ["Bradley Hand ITC", "Noteworthy-Light", "Marker Felt", "Snell Roundhand"] {
+            if let font = NSFont(name: fontName, size: size) {
+                return font
+            }
+        }
+
+        return NSFont.monospacedSystemFont(ofSize: size, weight: .regular)
+    }
+
+    private func appShelfIndexText(forOrdinal ordinal: Int) -> String {
+        guard ordinal >= 0 else { return "" }
+        if ordinal < Self.appShelfIndexSymbols.count {
+            return Self.appShelfIndexSymbols[ordinal]
+        }
+
+        let overflowIndex = ordinal - Self.appShelfIndexSymbols.count
+        let prefix = Self.appShelfIndexSymbols[10 + (overflowIndex / 26) % 26]
+        let suffix = Self.appShelfIndexSymbols[10 + overflowIndex % 26]
+        return "\(prefix)\(suffix)"
+    }
+
+    private func layoutAppShelfIndexLayer(
+        _ layer: CATextLayer,
+        iconFrame: CGRect,
+        iconSize: CGFloat,
+        itemBounds: CGRect,
+        highlighted: Bool
+    ) {
+        let fontSize = iconSize <= AppShelfMetrics.minIconSize + 1
+            ? AppShelfMetrics.compressedIndexFontSize
+            : AppShelfMetrics.indexFontSize
+        layer.contentsScale = backingScaleFactor
+        layer.font = appShelfIndexFont(size: fontSize)
+        layer.fontSize = fontSize
+        layer.foregroundColor = (highlighted ? appShelfIndexHighlightedColor : appShelfIndexColor).cgColor
+        layer.opacity = 1
+
+        let indexWidth = AppShelfMetrics.indexWidth
+        let indexHeight = AppShelfMetrics.indexHeight
+        let preferredX = iconFrame.minX - indexWidth - 2
+        let clampedX = max(-7, min(itemBounds.width - indexWidth, preferredX))
+        let preferredY = iconFrame.maxY - indexHeight + 6
+        let clampedY = max(0, min(itemBounds.height - indexHeight, preferredY))
+        layer.frame = CGRect(
+            x: clampedX,
+            y: clampedY,
+            width: indexWidth,
+            height: indexHeight
+        )
     }
 
     private func appShelfRows() -> [[AppShelfItemLayers]] {
@@ -3243,6 +3917,14 @@
                 .cards
                 .compactMap(\.item.primarySpaceID) ?? []
         )
+    }
+
+    private var appIconHoverLinkedAppGroupIndex: Int? {
+        if let debugHoveredAppGroupIndex {
+            return debugHoveredAppGroupIndex
+        }
+        guard case .app(let appGroupIndex) = hoverTarget else { return nil }
+        return appGroupIndex
     }
 
     private var appHoverAssociatedSpaceLabels: [String] {
@@ -3388,6 +4070,10 @@
         return item.item.windowCount > 1 ? "\(item.item.windowCount)" : ""
     }
 
+    private var waterfallAppHoverHeaderFillColor: NSColor {
+        NSColor.systemGray.withAlphaComponent(0.22)
+    }
+
     private var appShelfMaxScrollOffset: CGFloat {
         max(0, appShelfContentWidth - shelfLayer.bounds.width)
     }
@@ -3473,6 +4159,7 @@
             column.countLayer.isHidden = true
 
             for card in column.cards {
+                card.containerLayer.transform = CATransform3DIdentity
                 if let frame = layout.cardFramesByWindowID[card.item.window.id] {
                     card.containerLayer.frame = frame
                 } else {
@@ -3506,14 +4193,14 @@
             1,
             Int(
                 floor(
-                    (availableWidth + HorizontalMasonryMetrics.cardGap)
-                        / (HorizontalMasonryMetrics.cardMinWidth + HorizontalMasonryMetrics.cardGap)
+                    (availableWidth + HorizontalMasonryMetrics.horizontalGap)
+                        / (HorizontalMasonryMetrics.cardMinWidth + HorizontalMasonryMetrics.horizontalGap)
                 )
             )
         )
         let laneCount = min(maximumLaneCount, max(1, cards.count))
         let fittingWidth = (
-            availableWidth - CGFloat(max(0, laneCount - 1)) * HorizontalMasonryMetrics.cardGap
+            availableWidth - CGFloat(max(0, laneCount - 1)) * HorizontalMasonryMetrics.horizontalGap
         ) / CGFloat(laneCount)
         let cardWidth = floor(
             min(
@@ -3522,7 +4209,7 @@
             )
         )
         let usedWidth = CGFloat(laneCount) * cardWidth
-            + CGFloat(max(0, laneCount - 1)) * HorizontalMasonryMetrics.cardGap
+            + CGFloat(max(0, laneCount - 1)) * HorizontalMasonryMetrics.horizontalGap
         let startX = max(
             HorizontalMasonryMetrics.horizontalPadding,
             (viewportWidth - usedWidth) / 2
@@ -3538,12 +4225,8 @@
                 }
                 return lhs.offset < rhs.offset
             }?.offset ?? 0
-            let cardHeight = horizontalMasonryCardHeight(
-                for: card,
-                width: cardWidth,
-                viewportHeight: waterfallLayer.bounds.height
-            )
-            let x = startX + CGFloat(laneIndex) * (cardWidth + HorizontalMasonryMetrics.cardGap)
+            let cardHeight = HorizontalMasonryMetrics.cardHeight
+            let x = startX + CGFloat(laneIndex) * (cardWidth + HorizontalMasonryMetrics.horizontalGap)
             let top = HorizontalMasonryMetrics.verticalPadding + laneHeights[laneIndex]
             plannedFrames.append((
                 windowID: card.item.window.id,
@@ -3552,11 +4235,11 @@
                 width: cardWidth,
                 height: cardHeight
             ))
-            laneHeights[laneIndex] += cardHeight + HorizontalMasonryMetrics.cardGap
+            laneHeights[laneIndex] += cardHeight + HorizontalMasonryMetrics.verticalGap
         }
 
         let tallestLane = laneHeights.max().map {
-            max(0, $0 - HorizontalMasonryMetrics.cardGap)
+            max(0, $0 - HorizontalMasonryMetrics.verticalGap)
         } ?? 0
         let contentHeight = max(
             waterfallLayer.bounds.height,
@@ -3577,43 +4260,6 @@
         )
 
         return HorizontalMasonryLayout(contentHeight: contentHeight, cardFramesByWindowID: frames)
-    }
-
-    private func horizontalMasonryCardHeight(
-        for card: WaterfallCardLayers,
-        width: CGFloat,
-        viewportHeight: CGFloat
-    ) -> CGFloat {
-        let thumbnailHeight = min(
-            max(
-                HorizontalMasonryMetrics.minThumbnailHeight,
-                width / horizontalMasonryThumbnailAspectRatio(for: card)
-            ),
-            max(1, viewportHeight * HorizontalMasonryMetrics.maxThumbnailHeightFraction)
-        )
-        return HorizontalMasonryMetrics.titleBarHeight
-            + HorizontalMasonryMetrics.titleGap
-            + thumbnailHeight
-    }
-
-    private func horizontalMasonryThumbnailAspectRatio(for card: WaterfallCardLayers) -> CGFloat {
-        if card.item.window.isFullscreen {
-            return 16.0 / 9.0
-        }
-        if card.item.window.isMinimized {
-            return 4.0 / 3.0
-        }
-
-        switch Int(card.item.window.id % 4) {
-        case 0:
-            return 16.0 / 9.0
-        case 1:
-            return 3.0 / 2.0
-        case 2:
-            return 4.0 / 3.0
-        default:
-            return 5.0 / 4.0
-        }
     }
 
     private func horizontalMasonryContentFrame() -> CGRect {
@@ -3660,9 +4306,11 @@
             width: bounds.width,
             height: WaterfallMetrics.headerHeight
         )
-        column.headerLayer.backgroundColor = (isSpaceFocused
-            ? NSColor.systemFill.withAlphaComponent(0.10)
-            : NSColor.controlBackgroundColor.withAlphaComponent(0.52)
+        column.headerLayer.backgroundColor = (isHovered
+            ? waterfallAppHoverHeaderFillColor
+            : (isSpaceFocused
+                ? NSColor.systemFill.withAlphaComponent(0.10)
+                : NSColor.controlBackgroundColor.withAlphaComponent(0.52))
         ).cgColor
         column.appNameLayer.frame = CGRect(
             x: WaterfallMetrics.columnHeaderTextInset,
@@ -3670,16 +4318,14 @@
             width: max(1, bounds.width - WaterfallMetrics.columnHeaderTextInset * 2),
             height: 16
         )
-        column.appNameLayer.foregroundColor = (isHovered
-            ? spaceLaneOccupiedColor
-            : NSColor.labelColor
-        ).cgColor
+        column.appNameLayer.foregroundColor = NSColor.labelColor.cgColor
         column.countLayer.frame = CGRect(
             x: bounds.width - 48,
             y: bounds.height - 24,
             width: 36,
             height: 16
         )
+        column.countLayer.foregroundColor = NSColor.secondaryLabelColor.cgColor
 
         let appGroupIndex = column.column.appGroupIndex
         let verticalOffset = clampedWaterfallColumnOffset(
@@ -3699,6 +4345,7 @@
             let y = firstCardTop
                 - WaterfallMetrics.cardHeight
                 - CGFloat(cardIndex) * (WaterfallMetrics.cardHeight + WaterfallMetrics.cardGap)
+            card.containerLayer.transform = CATransform3DIdentity
             card.containerLayer.frame = CGRect(
                 x: WaterfallMetrics.columnHorizontalPadding,
                 y: y,
@@ -3713,10 +4360,12 @@
         let bounds = card.containerLayer.bounds
         let isSelected = card.item.window.id == effectiveSelection?.windowID
         let isHovered = card.item.window.id == hoveredWindowID
+        let isAppLinked = isWaterfallCardAppLinked(card)
         applyWaterfallCardVisualState(
             card,
             selected: shouldShowSelectedVisual(isSelected: isSelected, isHovered: isHovered),
-            hovered: isHovered
+            hovered: isHovered,
+            appLinked: isAppLinked
         )
 
         let outerInset: CGFloat = 0
@@ -3779,12 +4428,19 @@
         )
     }
 
-    private func applyWaterfallCardVisualState(_ card: WaterfallCardLayers, selected: Bool, hovered: Bool) {
+    private func applyWaterfallCardVisualState(
+        _ card: WaterfallCardLayers,
+        selected: Bool,
+        hovered: Bool,
+        appLinked: Bool
+    ) {
         let isSpaceFocused = isWaterfallCardSpaceFocused(card)
         card.containerLayer.backgroundColor = (selected
             ? NSColor.windowBackgroundColor.withAlphaComponent(0.94)
             : 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)
@@ -3793,27 +4449,31 @@
             ? NSColor.controlAccentColor.withAlphaComponent(0.52)
             : hovered
                 ? NSColor.controlAccentColor.withAlphaComponent(0.44)
+                : appLinked
+                    ? NSColor.controlAccentColor.withAlphaComponent(0.38)
                 : isSpaceFocused
                     ? NSColor.controlAccentColor.withAlphaComponent(0.42)
                 : NSColor.separatorColor.withAlphaComponent(0.28)
         ).cgColor
-        card.containerLayer.borderWidth = (selected || hovered || isSpaceFocused) ? 1.5 : 1
+        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 : isSpaceFocused ? 0.20 : 0
-        card.containerLayer.shadowRadius = selected ? 22 : hovered ? 17 : isSpaceFocused ? 24 : 0
+        card.containerLayer.shadowOpacity = selected ? 0.24 : hovered ? 0.14 : appLinked ? 0.16 : isSpaceFocused ? 0.20 : 0
+        card.containerLayer.shadowRadius = selected ? 22 : hovered ? 17 : appLinked ? 18 : isSpaceFocused ? 24 : 0
         card.containerLayer.shadowOffset = selected
             ? CGSize(width: 0, height: -6)
             : hovered
                 ? CGSize(width: 0, height: -2.5)
+                : appLinked
+                    ? CGSize(width: 0, height: -3)
                 : isSpaceFocused
                     ? CGSize(width: 0, height: -5)
                     : .zero
-        card.containerLayer.zPosition = selected ? 20 : hovered ? 10 : isSpaceFocused ? 8 : 0
+        card.containerLayer.zPosition = selected ? 20 : hovered ? 12 : appLinked ? 10 : isSpaceFocused ? 8 : 0
         let focusedScale: CGFloat = selected ? 1.015 : isSpaceFocused ? 1.012 : 1.008
         card.containerLayer.transform = (selected || hovered || isSpaceFocused)
             ? CATransform3DMakeScale(focusedScale, focusedScale, 1)
             : CATransform3DIdentity
-        card.containerLayer.shadowPath = (selected || hovered || isSpaceFocused)
+        card.containerLayer.shadowPath = (selected || hovered || appLinked || isSpaceFocused)
             ? CGPath(
                 roundedRect: card.containerLayer.bounds,
                 cornerWidth: card.containerLayer.cornerRadius,
@@ -3821,7 +4481,9 @@
                 transform: nil
             )
             : nil
-        card.titleBarLayer.backgroundColor = NSColor.clear.cgColor
+        card.titleBarLayer.backgroundColor = appLinked
+            ? spaceLaneOccupiedColor.withAlphaComponent(0.18).cgColor
+            : NSColor.clear.cgColor
         card.titleBarLayer.borderColor = NSColor.clear.cgColor
         card.titleBarLayer.borderWidth = 0
         card.shineLayer.opacity = selected ? 1 : 0
@@ -4351,6 +5013,26 @@
         return card.item.primarySpaceID == activeSpaceFocusID
     }
 
+    private func isWaterfallCardAppLinked(_ card: WaterfallCardLayers) -> Bool {
+        guard card.item.appGroupIndex == appIconHoverLinkedAppGroupIndex else { return false }
+
+        if isHorizontalMasonryMode {
+            return true
+        }
+
+        return waterfallColumns
+            .first(where: { $0.column.appGroupIndex == card.item.appGroupIndex })?
+            .cards
+            .sorted { lhs, rhs in
+                if lhs.item.windowIndex != rhs.item.windowIndex {
+                    return lhs.item.windowIndex < rhs.item.windowIndex
+                }
+                return lhs.item.window.id < rhs.item.window.id
+            }
+            .first?
+            .item.window.id == card.item.window.id
+    }
+
     private func waterfallColumnWidth() -> CGFloat {
         guard waterfallColumns.count > 0 else { return WaterfallMetrics.columnWidth }
 
@@ -4368,6 +5050,43 @@
 
     private var isHorizontalMasonryMode: Bool {
         waterfallViewMode == .horizontalMasonry
+    }
+
+    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 viewModeToggleVisualState: ViewModeToggleVisualState {
+        if isHorizontalMasonryMode {
+            return isViewModeToggleButtonHovered ? .verticalAvailable : .horizontalSelected
+        }
+        return isViewModeToggleButtonHovered ? .horizontalAvailable : .verticalSelected
+    }
+
+    private func viewModeToggleVisualStateIsSelected(_ state: ViewModeToggleVisualState) -> Bool {
+        switch state {
+        case .horizontalSelected, .verticalSelected:
+            return true
+        case .horizontalAvailable, .verticalAvailable:
+            return false
+        }
+    }
+
+    private var viewModeToggleIconKind: String {
+        viewModeToggleVisualState.rawValue
+    }
+
+    private var viewModeToggleAccessibilityLabel: String {
+        switch nextWaterfallViewMode {
+        case .verticalColumns:
+            return "切换到纵栏瀑布"
+        case .horizontalMasonry:
+            return "切换到横栏瀑布"
+        }
     }
 
     private var waterfallMaxScrollOffset: CGFloat {
@@ -4438,6 +5157,14 @@
         return NSColor(calibratedRed: 0, green: 122 / 255, blue: 1, alpha: 1)
     }
 
+    private var spaceLaneLockedFillColor: NSColor {
+        if effectiveAppearance.bestMatch(from: [.darkAqua, .aqua]) == .darkAqua {
+            return NSColor(calibratedRed: 58 / 255, green: 148 / 255, blue: 1, alpha: 0.86)
+        }
+
+        return NSColor(calibratedRed: 90 / 255, green: 171 / 255, blue: 1, alpha: 0.82)
+    }
+
     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)
@@ -4479,21 +5206,6 @@
         shapeLayer.lineCap = .round
         shapeLayer.lineJoin = .round
         return shapeLayer
-    }
-
-    private func settingsIconImage() -> CGImage? {
-        let names = [
-            NSImage.Name("NSPreferencesGeneral"),
-            NSImage.Name("NSAdvanced")
-        ]
-        for name in names {
-            guard let image = NSImage(named: name) else { continue }
-            var rect = CGRect(origin: .zero, size: image.size)
-            if let cgImage = image.cgImage(forProposedRect: &rect, context: nil, hints: nil) {
-                return cgImage
-            }
-        }
-        return nil
     }
 
     private func makeTextLayer(
@@ -4673,13 +5385,38 @@
         return identifiers.joined(separator: " ")
     }
 
-    private func layoutFullscreenMarkerLayer(_ layer: CALayer, in segmentBounds: CGRect) {
+    private func splitViewAppNames(for space: QuickSwitchSpaceViewModel) -> [String] {
+        guard space.type == .fullscreen else { return [] }
+
+        let names = space.splitViewAppNames
+            .prefix(2)
+            .map { $0.trimmingCharacters(in: .whitespacesAndNewlines) }
+            .filter { !$0.isEmpty }
+
+        guard names.count >= 2 else { return [] }
+        return names
+    }
+
+    private func layoutFullscreenMarkerLayer(
+        _ layer: CALayer,
+        in segmentBounds: CGRect,
+        isSplitView: Bool = false
+    ) {
         let markerFrame = fullscreenMarkerFrame(in: segmentBounds)
         layer.frame = markerFrame
 
         guard let shapeLayer = layer as? CAShapeLayer else { return }
 
         let bounds = shapeLayer.bounds
+        if isSplitView {
+            let path = CGMutablePath()
+            path.move(to: CGPoint(x: bounds.midX, y: bounds.minY))
+            path.addLine(to: CGPoint(x: bounds.midX, y: bounds.maxY))
+            shapeLayer.path = path
+            shapeLayer.lineCap = .butt
+            return
+        }
+
         let cornerLength = min(12, max(7, min(bounds.width, bounds.height) * 0.28))
         let path = CGMutablePath()
 
@@ -4700,6 +5437,7 @@
         path.addLine(to: CGPoint(x: 0, y: bounds.maxY - cornerLength))
 
         shapeLayer.path = path
+        shapeLayer.lineCap = .round
     }
 
     private func fullscreenMarkerFrame(in segmentBounds: CGRect) -> CGRect {
@@ -4749,6 +5487,12 @@
                 "frame": dictionary(from: item.containerLayer.frame),
                 "visibleFrame": dictionary(from: visibleFrame),
                 "iconFrame": dictionary(from: item.iconLayer.frame),
+                "indexText": item.indexLayer.string ?? "",
+                "indexFrame": dictionary(from: item.indexLayer.frame),
+                "indexVisible": !item.indexLayer.isHidden && item.indexLayer.opacity > 0,
+                "indexFontSize": Double(item.indexLayer.fontSize),
+                "indexOpacity": Double(item.indexLayer.opacity),
+                "indexColor": colorDictionary(from: item.indexLayer.foregroundColor),
                 "labelFrame": dictionary(from: item.labelLayer.frame),
                 "labelTruncationMode": "middle",
                 "badgeVisible": !item.badgeLayer.isHidden,
@@ -4822,12 +5566,14 @@
                 "frame": dictionary(from: column.containerLayer.frame),
                 "visibleFrame": dictionary(from: visibleFrame),
                 "headerFrame": dictionary(from: column.headerLayer.frame),
+                "headerBackgroundColor": colorDictionary(from: column.headerLayer.backgroundColor),
                 "headerToFirstCardGap": headerToFirstCardGap.map(Double.init) ?? NSNull(),
                 "topToFirstCardGap": topToFirstCardGap.map(Double.init) ?? NSNull(),
                 "appNameFrame": dictionary(from: column.appNameLayer.frame),
                 "appNameAlignment": column.appNameLayer.alignmentMode.rawValue,
                 "appNameColor": colorDictionary(from: column.appNameLayer.foregroundColor),
                 "countFrame": dictionary(from: column.countLayer.frame),
+                "countColor": colorDictionary(from: column.countLayer.foregroundColor),
                 "verticalScrollOffset": Double(waterfallColumnScrollOffsets[appGroupIndex] ?? 0),
                 "maxVerticalScrollOffset": Double(waterfallMaxVerticalScrollOffset(for: appGroupIndex)),
                 "cards": waterfallCardReports(for: column)
@@ -4914,6 +5660,7 @@
                 "shadowRadius": Double(card.containerLayer.shadowRadius),
                 "thumbnailFrame": dictionary(from: card.thumbnailLayer.frame),
                 "titleBarFrame": dictionary(from: card.titleBarLayer.frame),
+                "titleBarBackgroundColor": colorDictionary(from: card.titleBarLayer.backgroundColor),
                 "titleBarBorderWidth": Double(card.titleBarLayer.borderWidth),
                 "titleFrame": dictionary(from: card.titleLayer.frame),
                 "metaFrame": dictionary(from: card.metaLayer.frame),
@@ -5021,6 +5768,7 @@
         var states: [String] = []
         let isSelected = card.item.window.id == effectiveSelection?.windowID
         let isHovered = card.item.window.id == hoveredWindowID
+        let isAppLinked = isWaterfallCardAppLinked(card)
         if shouldShowSelectedVisual(isSelected: isSelected, isHovered: isHovered) {
             states.append("selected")
         } else if isSelected {
@@ -5028,6 +5776,9 @@
         }
         if isHovered {
             states.append("hover")
+        }
+        if isAppLinked {
+            states.append("appLinked")
         }
         if isWaterfallCardSpaceFocused(card) {
             states.append("spaceFocused")
@@ -5088,6 +5839,8 @@
                 let fullscreenMarkerCenterRatio = fullscreenMarkerFrame.map {
                     Double($0.midY / max(1, segment.containerLayer.bounds.height))
                 }
+                let splitAppNames = splitViewAppNames(for: space)
+                let splitAppLabelFrames = segment.splitAppLayers.map { dictionary(from: $0.frame) }
                 return [
                     "displayUUID": display.displayUUID,
                     "displayLabel": display.displayLabel,
@@ -5096,12 +5849,32 @@
                     "type": spaceTypeName(space.type),
                     "visualStates": visualStates(for: space),
                     "fullscreenMarkerVisible": segment.fullscreenMarkerLayer != nil,
-                    "fullscreenMarkerKind": segment.fullscreenMarkerLayer == nil ? "none" : "cornerBracket",
+                    "fullscreenMarkerKind": fullscreenMarkerKind(
+                        markerLayer: segment.fullscreenMarkerLayer,
+                        splitAppNames: splitAppNames
+                    ),
+                    "fullscreenMarkerPathStyle": fullscreenMarkerPathStyle(
+                        markerLayer: segment.fullscreenMarkerLayer,
+                        splitAppNames: splitAppNames
+                    ),
                     "fullscreenMarkerFrame": fullscreenMarkerFrame.map { dictionary(from: $0) } ?? NSNull(),
                     "fullscreenMarkerCenterRatio": fullscreenMarkerCenterRatio ?? NSNull(),
+                    "splitViewAppNames": splitAppNames,
+                    "splitViewLabelFrames": splitAppLabelFrames,
+                    "splitViewLabelColors": segment.splitAppLayers.map {
+                        colorDictionary(from: $0.foregroundColor)
+                    },
                     "windowBlockCount": segment.windowBlocks.count,
                     "windowBlockColors": segment.windowBlocks.map { colorDictionary(from: $0.backgroundColor) },
                     "windowBlockFrames": segment.windowBlocks.map { dictionary(from: $0.frame) },
+                    "labelColor": colorDictionary(from: segment.labelLayer.foregroundColor),
+                    "countText": string(from: segment.countLayer.string),
+                    "countVisible": !segment.countLayer.isHidden && segment.countLayer.opacity > 0,
+                    "countColor": colorDictionary(from: segment.countLayer.foregroundColor),
+                    "appColor": colorDictionary(from: segment.appLayer.foregroundColor),
+                    "fullscreenMarkerStrokeColor": colorDictionary(
+                        from: (segment.fullscreenMarkerLayer as? CAShapeLayer)?.strokeColor
+                    ),
                     "backgroundKind": spaceLaneFillKind(for: segment.containerLayer),
                     "backgroundColor": colorDictionary(from: segment.containerLayer.backgroundColor),
                     "gradientColors": gradientColorDictionaries(from: segment.containerLayer),
@@ -5136,6 +5909,16 @@
         }
     }
 
+    private func fullscreenMarkerKind(markerLayer: CALayer?, splitAppNames: [String]) -> String {
+        guard markerLayer != nil else { return "none" }
+        return splitAppNames.count >= 2 ? "splitViewPair" : "cornerBracket"
+    }
+
+    private func fullscreenMarkerPathStyle(markerLayer: CALayer?, splitAppNames: [String]) -> String {
+        guard markerLayer != nil else { return "none" }
+        return splitAppNames.count >= 2 ? "centerDividerOnly" : "cornerBracket"
+    }
+
     private func visualStates(for space: QuickSwitchSpaceViewModel) -> [String] {
         var states: [String] = []
         if space.isCurrent {
@@ -5158,6 +5941,9 @@
         }
         if space.type == .fullscreen {
             states.append("fullscreen")
+        }
+        if splitViewAppNames(for: space).count >= 2 {
+            states.append("splitView")
         }
         return states
     }
@@ -5184,6 +5970,16 @@
         ]
     }
 
+    private func string(from textLayerValue: Any?) -> String {
+        if let string = textLayerValue as? String {
+            return string
+        }
+        if let attributedString = textLayerValue as? NSAttributedString {
+            return attributedString.string
+        }
+        return ""
+    }
+
     private func colorDictionary(from color: CGColor?) -> [String: Double] {
         guard let color,
               let nsColor = NSColor(cgColor: color)?.usingColorSpace(.deviceRGB)

--
Gitblit v1.9.3