diff --git a/apps/native/Sources/VisionNativeCore/Navigation/NativeCommandPaletteModel.swift b/apps/native/Sources/VisionNativeCore/Navigation/NativeCommandPaletteModel.swift
index 48a33ffa7..1fb613d2b 100644
--- a/apps/native/Sources/VisionNativeCore/Navigation/NativeCommandPaletteModel.swift
+++ b/apps/native/Sources/VisionNativeCore/Navigation/NativeCommandPaletteModel.swift
@@ -125,9 +125,29 @@ import Observation
     /// Dynamic answers/search hits are force-mounted, as in cmdk. Navigation/actions
     /// use cmdk's localized label + URL fuzzy score; groups/items keep stable ties.
     public func groups(strings: any Localizing) -> [NativeCommandPaletteGroup] {
-        var result: [NativeCommandPaletteGroup] = []
-        func group(_ id: String, _ key: String, _ entries: [NativeCommandPaletteEntry]) {
-            if !entries.isEmpty { result.append(.init(id: id, title: strings.t(key), entries: entries)) }
+        // cmdk scores every item, force-mounted ones included, and orders the groups by their
+        // best item (ties keep mount order); force-mounted groups only stay visible at 0. So the
+        // ticker, answer, search and Payees groups take part in the ordering too, scored on the
+        // `value` strings the web items carry.
+        var filtered: [(group: NativeCommandPaletteGroup, score: Double, index: Int)] = []
+        func group(
+            _ id: String, _ key: String, _ entries: [NativeCommandPaletteEntry],
+            value: (NativeCommandPaletteEntry) -> String
+        ) {
+            guard !entries.isEmpty else { return }
+            typealias Scored = (entry: NativeCommandPaletteEntry, score: Double, index: Int)
+            var scored: [Scored] = []
+            for (index, entry) in entries.enumerated() {
+                let score: Double =
+                    query.isEmpty ? 1 : NativeCommandPaletteQueries.score(value(entry), query: query)
+                scored.append((entry: entry, score: score, index: index))
+            }
+            scored.sort { (lhs: Scored, rhs: Scored) -> Bool in
+                lhs.score == rhs.score ? lhs.index < rhs.index : lhs.score > rhs.score
+            }
+            let ordered: [NativeCommandPaletteEntry] = scored.map { (item: Scored) in item.entry }
+            let built = NativeCommandPaletteGroup(id: id, title: strings.t(key), entries: ordered)
+            filtered.append((group: built, score: scored[0].score, index: filtered.count))
         }
         if let tickerSymbol, quote != nil || tickerLoading {
             let symbol = quote?.symbol ?? tickerSymbol
@@ -140,7 +160,8 @@ import Observation
                         action: .navigate(
                             .init(.marketLookup, query: [.init(name: "symbol", value: symbol)])),
                         quote: quote)
-                ])
+                ]
+            ) { _ in "market \(symbol) \(self.quote?.name ?? "")" }
         }
         if let answer {
             group(
@@ -150,7 +171,8 @@ import Observation
                         id: "answer", title: answer.text,
                         symbol: answer.kind == .fx ? "arrow.left.arrow.right" : "plus.forwardslash.minus",
                         hint: strings.t("commandPalette.copyHint"), action: .copy(answer.text))
-                ])
+                ]
+            ) { _ in "result \(query)" }
         }
         if trimmedQuery.utf16.count >= 2 {
             group(
@@ -162,7 +184,8 @@ import Observation
                         symbol: "list.bullet.rectangle.portrait", hint: nil,
                         action: .navigate(
                             .init(.transactions, query: [.init(name: "search", value: trimmedQuery)])))
-                ])
+                ]
+            ) { _ in "tx-search \(query)" }
         }
         group(
             "recipients", "nav.recipients",
@@ -176,7 +199,8 @@ import Observation
                                 .init(name: "recipient_id", value: String($0.id.rawValue)),
                                 .init(name: "filter_label", value: $0.name),
                             ])))
-            })
+            }
+        ) { "recipient \($0.title) \(query)" }
         let pages = Self.pageGroups(adminMode: settings.adminMode).flatMap(\.pages)
         if trimmedQuery.isEmpty {
             group(
@@ -184,17 +208,17 @@ import Observation
                 recents.enumerated().compactMap { index, url in
                     guard let page = pages.first(where: { $0.url == url }) else { return nil }
                     return pageEntry(page, strings: strings, prefix: "recent-\(index)-")
-                })
+                }
+            ) { "recent \($0.title) \(navigationURL($0.action))" }
         }
-        var filtered: [(group: NativeCommandPaletteGroup, score: Double, index: Int)] = []
-        for (index, section) in Self.pageGroups(adminMode: settings.adminMode).enumerated() {
+        for section in Self.pageGroups(adminMode: settings.adminMode) {
             let entries = section.pages.map { pageEntry($0, strings: strings) }
             let ranked = ranked(entries) { $0.title + " " + navigationURL($0.action) }
             if !ranked.isEmpty {
                 filtered.append(
                     (
                         .init(id: section.key, title: strings.t(section.key), entries: ranked.map(\.entry)),
-                        ranked[0].score, index
+                        ranked[0].score, filtered.count
                     ))
             }
         }
@@ -221,12 +245,11 @@ import Observation
                 (
                     .init(
                         id: "actions", title: strings.t("commandPalette.actions"), entries: rankedActions.map(\.entry)),
-                    rankedActions[0].score, filtered.count + 5
+                    rankedActions[0].score, filtered.count
                 ))
         }
         if !query.isEmpty { filtered.sort { $0.score == $1.score ? $0.index < $1.index : $0.score > $1.score } }
-        result += filtered.map(\.group)
-        return result
+        return filtered.map(\.group)
     }
 
     private static func pageGroups(adminMode: Bool) -> [(key: String, pages: [NavItem])] {
diff --git a/apps/native/Sources/VisionNativeUI/AIInvestigationDocumentsView.swift b/apps/native/Sources/VisionNativeUI/AIInvestigationDocumentsView.swift
index f20e6900a..f55fa9699 100644
--- a/apps/native/Sources/VisionNativeUI/AIInvestigationDocumentsView.swift
+++ b/apps/native/Sources/VisionNativeUI/AIInvestigationDocumentsView.swift
@@ -49,9 +49,11 @@ struct AIInvestigationDocumentsView: View {
                 }
             }.padding(.top, 12)
         } label: {
-            VStack(alignment: .leading, spacing: 4) {
-                Text(strings.t("aiResearch.evidenceOptions")).font(.callout.weight(.medium))
-                Text(summary).font(.caption).foregroundStyle(theme.secondaryLabel)
+            // `DisclosureSummary className="flex flex-wrap items-baseline gap-x-2"`: the title and
+            // its footnote summary on one line, wrapping only when the row is too narrow.
+            ViewThatFits(in: .horizontal) {
+                HStack(alignment: .firstTextBaseline, spacing: 8) { evidenceTitle; evidenceSummary }
+                VStack(alignment: .leading, spacing: 4) { evidenceTitle; evidenceSummary }
             }
         }
         .padding(.vertical, 10)
@@ -84,6 +86,12 @@ struct AIInvestigationDocumentsView: View {
             .accessibilityLabel(strings.t("aiResearch.deleteDocument") + ": " + document.title)
         }.padding(.vertical, 10)
     }
+    private var evidenceTitle: some View {
+        Text(strings.t("aiResearch.evidenceOptions")).font(.callout.weight(.medium))
+    }
+    private var evidenceSummary: some View {
+        Text(summary).font(.footnote).foregroundStyle(theme.secondaryLabel)
+    }
     private func dateField(_ key: String, value: Binding<String>) -> some View {
         VStack(alignment: .leading, spacing: 6) {
             Text(strings.t(key)).font(.caption)
diff --git a/apps/native/Sources/VisionNativeUI/AIInvestigationView.swift b/apps/native/Sources/VisionNativeUI/AIInvestigationView.swift
index f553ffc0c..660277bb5 100644
--- a/apps/native/Sources/VisionNativeUI/AIInvestigationView.swift
+++ b/apps/native/Sources/VisionNativeUI/AIInvestigationView.swift
@@ -90,12 +90,19 @@ struct AIInvestigationView: View {
                 .visionAccessibilityLabel(strings.t("aiResearch.researchMode"))
             }.padding(.top, 12)
         } label: {
-            VStack(alignment: .leading, spacing: 4) {
-                Text(strings.t("aiResearch.configure")).font(.callout.weight(.medium))
-                Text(settingsSummary).font(.caption).foregroundStyle(theme.secondaryLabel)
+            // `flex flex-wrap items-baseline gap-x-2`: title and summary share one line.
+            ViewThatFits(in: .horizontal) {
+                HStack(alignment: .firstTextBaseline, spacing: 8) { configureTitle; configureSummary }
+                VStack(alignment: .leading, spacing: 4) { configureTitle; configureSummary }
             }
         }
     }
+    private var configureTitle: some View {
+        Text(strings.t("aiResearch.configure")).font(.callout.weight(.medium))
+    }
+    private var configureSummary: some View {
+        Text(settingsSummary).font(.footnote).foregroundStyle(theme.secondaryLabel)
+    }
     @ViewBuilder private var publicInputs: some View {
         if model.researchMode == .publicWeb {
             input(
@@ -110,19 +117,27 @@ struct AIInvestigationView: View {
             Text(strings.t("aiResearch.publicSymbolsHelp")).font(.caption).foregroundStyle(theme.secondaryLabel)
         }
     }
+    /// The lifecycle row (`flex flex-wrap items-center gap-2`): the buttons, then the state note
+    /// in the same row, as a footnote.
     private var lifecycle: some View {
-        VStack(alignment: .leading, spacing: 12) {
-            ViewThatFits(in: .horizontal) {
-                HStack(spacing: 12) { lifecycleActions }
-                VStack(alignment: .leading, spacing: 10) { lifecycleActions }
+        ViewThatFits(in: .horizontal) {
+            HStack(spacing: 8) {
+                lifecycleActions
+                lifecycleNote
+            }
+            VStack(alignment: .leading, spacing: 10) {
+                HStack(spacing: 8) { lifecycleActions }
+                lifecycleNote
             }
-            Text(
-                model.job.map { strings.t("aiResearch.jobState", ["state": $0.state.rawValue]) }
-                    ?? strings.t("aiResearch.localDefault")
-            )
-            .font(.caption).foregroundStyle(theme.secondaryLabel)
         }
     }
+    private var lifecycleNote: some View {
+        Text(
+            model.job.map { strings.t("aiResearch.jobState", ["state": $0.state.rawValue]) }
+                ?? strings.t("aiResearch.localDefault")
+        )
+        .font(.footnote).foregroundStyle(theme.secondaryLabel)
+    }
     @ViewBuilder private var lifecycleActions: some View {
         Button {
             Task { await model.run() }
diff --git a/apps/native/Sources/VisionNativeUI/AccountDetailView.swift b/apps/native/Sources/VisionNativeUI/AccountDetailView.swift
index a2fc403db..918af9c8a 100644
--- a/apps/native/Sources/VisionNativeUI/AccountDetailView.swift
+++ b/apps/native/Sources/VisionNativeUI/AccountDetailView.swift
@@ -378,13 +378,25 @@ struct AccountDetailContent: View {
                 Text(strings.t("accounts.detail.details"))
                     .font(Font.visionTitle3)
                     .accessibilityAddTraits(.isHeader)
-                Grid(alignment: .leading, horizontalSpacing: 24, verticalSpacing: 6) {
-                    ForEach(model.details(account)) { entry in
-                        GridRow {
-                            Text(strings.t(entry.labelKey))
-                                .font(.footnote)
-                                .foregroundStyle(theme.secondaryLabel)
-                            Text(entry.value)
+                // `<dl className="grid grid-cols-2 gap-x-4 gap-y-3 sm:grid-cols-4">`: each entry is
+                // a footnote label over its body value.
+                VisionBreakpointReader(breakpoint: VisionBreakpoint.sm) { wide in
+                    LazyVGrid(
+                        columns: Array(
+                            repeating: GridItem(.flexible(), spacing: 16, alignment: .topLeading), count: wide ? 4 : 2),
+                        alignment: .leading, spacing: 12
+                    ) {
+                        ForEach(model.details(account)) { entry in
+                            VStack(alignment: .leading, spacing: 0) {
+                                Text(strings.t(entry.labelKey))
+                                    .font(.footnote)
+                                    .foregroundStyle(theme.secondaryLabel)
+                                Text(entry.value)
+                                    .monospacedDigit()
+                                    .foregroundStyle(theme.foreground)
+                            }
+                            .frame(maxWidth: .infinity, alignment: .leading)
+                            .accessibilityElement(children: .combine)
                         }
                     }
                 }
diff --git a/apps/native/Sources/VisionNativeUI/AnalysisWorkspaceView.swift b/apps/native/Sources/VisionNativeUI/AnalysisWorkspaceView.swift
index dadf04e6b..877c2e92a 100644
--- a/apps/native/Sources/VisionNativeUI/AnalysisWorkspaceView.swift
+++ b/apps/native/Sources/VisionNativeUI/AnalysisWorkspaceView.swift
@@ -21,7 +21,7 @@ public struct AnalysisWorkspaceView: View {
     private var strings: any Localizing { shell.strings }
 
     public var body: some View {
-        GeometryReader { geometry in
+        GeometryReader { _ in
             ScrollViewReader { proxy in
                 ScrollView {
                     VStack(alignment: .leading, spacing: VisionPageLayout.spacing) {
@@ -29,12 +29,10 @@ public struct AnalysisWorkspaceView: View {
                             title: strings.t("analysis.title"), subtitle: strings.t("analysis.subtitle"),
                             symbol: VisionPageSymbol.of("/analysis", fallback: "chart.bar"))
                         workflow(proxy)
-                        let wide = geometry.size.width >= 1140
-                        let layout =
-                            wide
-                            ? AnyLayout(HStackLayout(alignment: .top, spacing: 24))
-                            : AnyLayout(VStackLayout(alignment: .leading, spacing: 24))
-                        layout {
+                        // The web page is one column: the editor and result cards, then
+                        // `<aside className="grid items-start gap-4 lg:grid-cols-2">` with the
+                        // Reusable analysis and Saved analyses cards side by side under them.
+                        VStack(alignment: .leading, spacing: 24) {
                             VStack(alignment: .leading, spacing: 24) {
                                 if model.dataset?.relation.hasPrefix("service:") == true { financialParameters }
                                 templates(proxy)
@@ -55,7 +53,7 @@ public struct AnalysisWorkspaceView: View {
                                 }
                                 savedFeedback
                             }.frame(maxWidth: .infinity, alignment: .leading)
-                            VStack(alignment: .leading, spacing: 24) {
+                            VisionResponsiveColumns(weights: [1, 1], spacing: 16, loneChildSpans: false) {
                                 AnalysisReusableView(model: model, shell: shell)
                                 AnalysisSavedLibraryView(
                                     model: model, shell: shell,
@@ -63,7 +61,7 @@ public struct AnalysisWorkspaceView: View {
                                         templatesOpen = false
                                         builderOpen = true
                                     })
-                            }.frame(width: wide ? 360 : nil)
+                            }
                         }
                     }.padding(VisionPageLayout.padding).frame(maxWidth: .infinity, alignment: .leading)
                 }
diff --git a/apps/native/Sources/VisionNativeUI/Components/NativeTopbar.swift b/apps/native/Sources/VisionNativeUI/Components/NativeTopbar.swift
index 4fd0c34a3..1e9c337f9 100644
--- a/apps/native/Sources/VisionNativeUI/Components/NativeTopbar.swift
+++ b/apps/native/Sources/VisionNativeUI/Components/NativeTopbar.swift
@@ -3,8 +3,7 @@ import SwiftUI
 import VisionNativeCore
 
 /// AppLayout's topbar over native screens, drawn in the transparent titlebar strip: the
-/// `SidebarTrigger` (always, as on the web; right of the traffic lights while the sidebar is
-/// hidden), the page header's title once the page has scrolled past 96 pt, and the bar veil
+/// page header's title once the page has scrolled past 96 pt, and the bar veil
 /// once it has scrolled past 8 pt. The web's search button is `md:hidden` (phones only); the
 /// sidebar and its icon rail keep the search entry. It never takes clicks outside its buttons,
 /// so the strip still drags the window.
@@ -34,16 +33,9 @@ struct NativeTopbar: View {
 
     var body: some View {
         HStack(spacing: 0) {
-            // `<SidebarTrigger className="mr-4" />`: an aria-label, no tooltip.
-            // `variant="ghost" size="icon"` at `h-7 w-7` with the 16 pt PanelLeft glyph.
-            Button {
-                model.toggleSidebar()
-            } label: {
-                Image(systemName: "sidebar.left").font(.system(size: 14, weight: .regular))
-            }
-            .buttonStyle(.vision(.ghost, size: .iconXs))
-            .accessibilityLabel(model.strings.t("menu.toggleSidebar"))
-            .padding(.trailing, 16)
+            // No SidebarTrigger here (Tor, 2026-11-14): beside the sidebar header's own collapse
+            // button it was a second sidebar icon. The sidebar's collapse button, the icon
+            // rail's toggle, ⌃⌘S and View › Toggle Sidebar keep every way to open and close it.
             if let title {
                 Text(title)
                     .font(.visionDisplayHeadline)
@@ -90,6 +82,11 @@ struct NativeTopbar: View {
                 .opacity(veiled ? 1 : 0)
                 .allowsHitTesting(false)
         }
+        // `<BackgroundQueryIndicator />` is the header's last child, `absolute inset-x-0 bottom-0`:
+        // the 2 pt line runs along the bar's bottom edge, not the window's top edge.
+        .overlay(alignment: .bottom) {
+            if let inspector = model.apiInspector { BackgroundQueryIndicator(inspector: inspector) }
+        }
         .animation(reduceMotion ? nil : .easeOut(duration: DesignTokens.Duration.normal), value: scrolled)
         // `transition: opacity var(--duration-normal) var(--ease-glide)`.
         .animation(
@@ -142,7 +139,7 @@ struct PageScrollObserver: NSViewRepresentable {
         private func clipDidScroll(_ clip: NSClipView) {
             guard clip.window === window, let document = clip.documentView,
                 document.frame.height > clip.bounds.height,
-                clip.bounds.width >= bounds.width * 0.6
+                clip.bounds.width >= bounds.width * 0.6, !Self.isNestedInVerticalScroller(clip)
             else { return }
             let offset =
                 document.isFlipped
@@ -150,6 +147,22 @@ struct PageScrollObserver: NSViewRepresentable {
                 : document.frame.height - clip.bounds.maxY
             onChange?(max(0, offset))
         }
+
+        /// A table body that scrolls inside the page (`VirtualDataTable`'s `maxHeight`) is as wide
+        /// as the page but sits inside the page's own scroller; only the outermost vertical
+        /// scroller moves the topbar.
+        private static func isNestedInVerticalScroller(_ clip: NSClipView) -> Bool {
+            var view = clip.superview
+            while let current = view {
+                if let outer = current as? NSClipView, let document = outer.documentView,
+                    document.frame.height > outer.bounds.height + 1
+                {
+                    return true
+                }
+                view = current.superview
+            }
+            return false
+        }
     }
 }
 
diff --git a/apps/native/Sources/VisionNativeUI/Components/VisionCardLayers.swift b/apps/native/Sources/VisionNativeUI/Components/VisionCardLayers.swift
index d6e1ee61b..37ce763ca 100644
--- a/apps/native/Sources/VisionNativeUI/Components/VisionCardLayers.swift
+++ b/apps/native/Sources/VisionNativeUI/Components/VisionCardLayers.swift
@@ -82,7 +82,8 @@ struct VisionCardLayerStyle: Equatable {
         edgeMask.strokeColor = CGColor(gray: 0, alpha: 1)
         edgeMask.lineWidth = 1
         edgeLayer.mask = edgeMask
-        // `.init(color: highlight, location: 0)`, clear at 0.12 and 0.88, the hairline at 1.
+        // The highlight at 0, clear within a corner radius of each edge (set in `layout`), the
+        // hairline at 1.
         edgeLayer.locations = [0, 0.12, 0.88, 1]
         frameLayer.cornerCurve = .continuous
         frameLayer.borderWidth = 1
@@ -133,9 +134,15 @@ struct VisionCardLayerStyle: Equatable {
             for layer in shadowLayers { shadowHost.insertSublayer(layer, below: liftLayer) }
         }
         for (layer, shadow) in zip(shadowLayers, style.shadows) { Self.setShadow(layer, shadow) }
-        fillLayer.colors = style.fillColors
-        fillLayer.locations = style.fillLocations.map { NSNumber(value: $0) }
-        edgeLayer.colors = [style.edgeTop, CGColor.clear, CGColor.clear, style.edgeBottom]
+        let fill = Self.premultipliedStops(colors: style.fillColors, locations: style.fillLocations)
+        fillLayer.colors = fill.colors
+        fillLayer.locations = fill.locations.map { NSNumber(value: $0) }
+        // Fade each edge to its own colour at alpha 0, not to `clear` (black): the layer mixes raw
+        // components, so a fade to black would darken the rim on its way out.
+        edgeLayer.colors = [
+            style.edgeTop, style.edgeTop.copy(alpha: 0) ?? CGColor.clear,
+            style.edgeBottom.copy(alpha: 0) ?? CGColor.clear, style.edgeBottom,
+        ]
         frameLayer.borderColor = style.frame
         if let lift = style.lift {
             Self.setShadow(liftLayer, lift)
@@ -176,9 +183,56 @@ struct VisionCardLayerStyle: Equatable {
         // `shape.inset(by: 1).strokeBorder(…, lineWidth: 1)`: a 1 pt line just inside 1 pt of inset.
         edgeMask.frame = bounds
         edgeMask.path = Self.path(bounds.insetBy(dx: 1.5, dy: 1.5), radius: max(0, radius - 1.5))
+        // `0 1px 0 … inset` lights the top edge and the curve of its corners, not the sides: the
+        // highlight fades out within one corner radius. A fixed 12 % of the height lit 40 pt of
+        // a tall card's sides, which read as a glow around the card.
+        let reach = bounds.height > 0 ? min(0.5, Double(radius / bounds.height)) : 0.12
+        edgeLayer.locations = [0, NSNumber(value: reach), NSNumber(value: 1 - reach), 1]
         CATransaction.commit()
     }
 
+    /// Sub-stops per gradient segment for `premultipliedStops`.
+    private nonisolated static let premultipliedSteps = 12
+
+    /// CSS interpolates gradient stops in premultiplied alpha; `CAGradientLayer` mixes the raw
+    /// components. Between the glass highlight (near white at 0.04) and the surface (dark at
+    /// 0.78) the raw mix runs through a bright, half-opaque grey: a diagonal sheen across the
+    /// top-left of every Full effects card that the web card does not have. Each segment is
+    /// split into sub-stops whose colours are the premultiplied mix, un-premultiplied again, so
+    /// the layer's linear steps between them stay within a few levels of the CSS curve.
+    nonisolated static func premultipliedStops(colors: [CGColor], locations: [Double]) -> (colors: [CGColor], locations: [Double]) {
+        guard colors.count == locations.count, colors.count > 1,
+            let space = CGColorSpace(name: CGColorSpace.sRGB)
+        else { return (colors, locations) }
+        let rgba: [[CGFloat]] = colors.compactMap { color in
+            guard let converted = color.converted(to: space, intent: .defaultIntent, options: nil),
+                let parts = converted.components, parts.count == 4
+            else { return nil }
+            return parts
+        }
+        guard rgba.count == colors.count else { return (colors, locations) }
+        // Nothing to correct when every stop has the same alpha.
+        guard rgba.contains(where: { abs($0[3] - rgba[0][3]) > 0.001 }) else { return (colors, locations) }
+        var outColors: [CGColor] = []
+        var outLocations: [Double] = []
+        for index in 0..<(rgba.count - 1) {
+            let from = rgba[index]
+            let to = rgba[index + 1]
+            let steps = index == rgba.count - 2 ? premultipliedSteps + 1 : premultipliedSteps
+            for step in 0..<steps {
+                let t = CGFloat(step) / CGFloat(premultipliedSteps)
+                let alpha = from[3] + (to[3] - from[3]) * t
+                let channel = { (i: Int) -> CGFloat in
+                    let premultiplied = from[i] * from[3] + (to[i] * to[3] - from[i] * from[3]) * t
+                    return alpha > 0 ? min(1, max(0, premultiplied / alpha)) : 0
+                }
+                outColors.append(CGColor(colorSpace: space, components: [channel(0), channel(1), channel(2), alpha]) ?? colors[index])
+                outLocations.append(locations[index] + (locations[index + 1] - locations[index]) * Double(t))
+            }
+        }
+        return (outColors, outLocations)
+    }
+
     /// How far outside the card a shadow may paint (offset plus blur of the largest lift).
     private static let shadowReach: CGFloat = 96
 
diff --git a/apps/native/Sources/VisionNativeUI/Components/VisionResponsiveColumns.swift b/apps/native/Sources/VisionNativeUI/Components/VisionResponsiveColumns.swift
index 8c324fc56..d5ac8ae65 100644
--- a/apps/native/Sources/VisionNativeUI/Components/VisionResponsiveColumns.swift
+++ b/apps/native/Sources/VisionNativeUI/Components/VisionResponsiveColumns.swift
@@ -28,9 +28,12 @@ struct VisionResponsiveColumns: Layout {
     var weights: [Int]
     var minimumPageWidth: CGFloat = VisionBreakpoint.lg
     var spacing: CGFloat = 24
+    /// `lg:[&>*:only-child]:col-span-N`. A plain `grid lg:grid-cols-2` (the asset card grids)
+    /// keeps a lone child in its first column.
+    var loneChildSpans = true
 
     private func isWide(_ width: CGFloat, count: Int) -> Bool {
-        count > 1 && weights.count > 1 && width + 2 * VisionPageLayout.padding >= minimumPageWidth
+        (count > 1 || !loneChildSpans) && weights.count > 1 && width + 2 * VisionPageLayout.padding >= minimumPageWidth
     }
 
     func makeCache(subviews: Subviews) -> Cache { Cache() }
diff --git a/apps/native/Sources/VisionNativeUI/NetWorthView.swift b/apps/native/Sources/VisionNativeUI/NetWorthView.swift
index a3eb8272c..593ce20a0 100644
--- a/apps/native/Sources/VisionNativeUI/NetWorthView.swift
+++ b/apps/native/Sources/VisionNativeUI/NetWorthView.swift
@@ -228,67 +228,83 @@ public struct NetWorthView: View {
             details.append(strings.t("networth.byAccount.cash") + " " + money(row.cash))
             details.append(strings.t("networth.byAccount.holdings") + " " + money(row.holdings))
         }
-        return HStack(spacing: 12) {
-            VStack(alignment: .leading, spacing: 2) {
-                Text(row.label ?? strings.t("networth.byAccount.unassigned"))
-                    .font(.callout.weight(.medium))
-                if !details.isEmpty {
-                    Text(details.joined(separator: " · "))
-                        .font(.footnote)
-                        .foregroundStyle(theme.secondaryLabel)
-                }
+        return insetRow {
+            Text(row.label ?? strings.t("networth.byAccount.unassigned"))
+                .lineLimit(1)
+            if !details.isEmpty {
+                Text(details.joined(separator: " · "))
+                    .font(.footnote)
+                    .foregroundStyle(theme.secondaryLabel)
+                    .lineLimit(1)
             }
-            Spacer()
+        } trailing: {
             if row.accountId == nil {
                 Button(strings.t("networth.byAccount.assign")) { shell.navigate(to: "/portfolio") }
                     .buttonStyle(.visionLink)
-                    .font(.footnote.weight(.medium))
+                    .font(.footnote)
             }
             MoneyText(amount: row.total, currency: currency, settings: settings, signed: false, colored: false)
-                .font(.callout.weight(.medium))
+                .foregroundStyle(theme.foreground)
+        }
+    }
+
+    /// `ListRow` (list.tsx): `min-h-11 px-4 py-2.5 gap-3`, a body title over a footnote
+    /// subtitle, the trailing slot in body type with tabular digits.
+    private func insetRow<Title: View, Trailing: View>(
+        @ViewBuilder title: () -> Title, @ViewBuilder trailing: () -> Trailing
+    ) -> some View {
+        HStack(spacing: 12) {
+            VStack(alignment: .leading, spacing: 0) { title() }
+                .frame(maxWidth: .infinity, alignment: .leading)
+            HStack(spacing: 8) { trailing() }
+                .monospacedDigit()
+                .foregroundStyle(theme.secondaryLabel)
         }
-        .padding(.horizontal, 12)
-        .padding(.vertical, 8)
+        .font(.body)
+        .padding(.horizontal, 16)
+        .padding(.vertical, 10)
+        .frame(minHeight: 44)
     }
     @ViewBuilder private func accounts(_ data: OpenAPI.NetWorthResponse) -> some View {
         AdminCard(padding: VisionPageLayout.padding) {
             Text(strings.t("networth.byAccount.title")).font(Font.visionTitle3)
             Text(strings.t("networth.byAccount.description")).foregroundStyle(theme.secondaryLabel)
             if let rows = model.accountRows, let total = model.accountsTotal {
-                if rows.isEmpty { Text(strings.t("networth.byAccount.none")) }
-                // The web's inset list: one bordered surface, hairlines between compact rows.
+                let difference = NetWorthAccountRow.cents(total - data.current.netWorth)
+                let matches = abs(difference) < Decimal.literal("0.005")
+                // `<List>`: one `rounded-card` surface (`bg-card/70`, `border-border/60`) with
+                // `divide-border/50` hairlines; the displayed total is its last row.
                 VStack(spacing: 0) {
-                    ForEach(Array(rows.enumerated()), id: \.element.id) { index, row in
-                        if index > 0 { Divider() }
+                    if rows.isEmpty {
+                        insetRow { Text(strings.t("networth.byAccount.none")) } trailing: { EmptyView() }
+                        Rectangle().fill(theme.border.opacity(0.5)).frame(height: 1)
+                    }
+                    ForEach(rows) { row in
                         accountRow(row)
+                        Rectangle().fill(theme.border.opacity(0.5)).frame(height: 1)
                     }
-                }
-                .background(
-                    RoundedRectangle(cornerRadius: DesignTokens.Radius.control, style: .continuous)
-                        .fill(theme.foreground.opacity(0.02)))
-                .overlay(
-                    RoundedRectangle(cornerRadius: DesignTokens.Radius.control, style: .continuous)
-                        .strokeBorder(theme.border.opacity(0.6), lineWidth: 1))
-                let difference = NetWorthAccountRow.cents(total - data.current.netWorth)
-                HStack {
-                    VStack(alignment: .leading, spacing: 4) {
+                    insetRow {
                         Text(strings.t("networth.byAccount.displayedTotal")).fontWeight(.medium)
                         Text(
-                            abs(difference) < Decimal.literal("0.005")
+                            matches
                                 ? strings.t("networth.byAccount.matches")
                                 : strings.t(difference > 0 ? "networth.byAccount.above" : "networth.byAccount.below")
                                     + " " + money(abs(difference))
                         )
-                        .font(.footnote).foregroundStyle(
-                            abs(difference) < Decimal.literal("0.005") ? theme.secondaryLabel : theme.warning)
+                        .font(.footnote.weight(matches ? .regular : .medium))
+                        .foregroundStyle(matches ? theme.secondaryLabel : theme.warning)
+                    } trailing: {
+                        MoneyText(amount: total, currency: currency, settings: settings, signed: false, colored: false)
+                            .fontWeight(.medium)
+                            .foregroundStyle(theme.foreground)
                     }
-                    Spacer()
-                    MoneyText(amount: total, currency: currency, settings: settings, signed: false, colored: false)
-                        .fontWeight(.medium)
+                    .background(theme.foreground.opacity(0.02))
                 }
-                .padding(.vertical, 6).padding(.horizontal, 8)
-                .background(
-                    RoundedRectangle(cornerRadius: DesignTokens.Radius.control).fill(theme.foreground.opacity(0.02)))
+                .background(theme.card.opacity(0.7))
+                .clipShape(RoundedRectangle(cornerRadius: DesignTokens.Radius.card, style: .continuous))
+                .overlay(
+                    RoundedRectangle(cornerRadius: DesignTokens.Radius.card, style: .continuous)
+                        .strokeBorder(theme.border.opacity(0.6), lineWidth: 1))
                 if abs(difference) >= Decimal.literal("0.005") {
                     Text(strings.t("networth.byAccount.differenceHint")).font(.footnote).foregroundStyle(
                         theme.secondaryLabel)
diff --git a/apps/native/Sources/VisionNativeUI/OwesView.swift b/apps/native/Sources/VisionNativeUI/OwesView.swift
index a7973a731..d35966464 100644
--- a/apps/native/Sources/VisionNativeUI/OwesView.swift
+++ b/apps/native/Sources/VisionNativeUI/OwesView.swift
@@ -433,7 +433,8 @@ struct OwesRecentTransactions: View {
                             .foregroundStyle(theme.secondaryLabel)
                     }
                     .rowAppeared { id in Task { await model.recentRowAppeared(id) } }
-                    .frame(maxHeight: 420)
+                    // `RecentRecipientTransactionsTable`: `VirtualDataTable maxHeight={320}`.
+                    .bodyMaxHeight(320)
                 }
             }
         }
diff --git a/apps/native/Sources/VisionNativeUI/PlannedPaymentsView.swift b/apps/native/Sources/VisionNativeUI/PlannedPaymentsView.swift
index fa5c47030..ef35402a5 100644
--- a/apps/native/Sources/VisionNativeUI/PlannedPaymentsView.swift
+++ b/apps/native/Sources/VisionNativeUI/PlannedPaymentsView.swift
@@ -10,6 +10,8 @@ public struct PlannedPaymentsView: View {
     private let shell: NativeShellModel
     @Environment(\.visionTheme) private var theme
     @Environment(\.openURL) private var openURL
+    /// The window width at the strip's right edge; wide until measured.
+    @State private var stripWindowWidth: CGFloat = VisionBreakpoint.lg
 
     public init(model: PlannedPaymentsModel, shell: NativeShellModel) {
         self.model = model
@@ -200,7 +202,7 @@ public struct PlannedPaymentsView: View {
                             SkeletonBar(width: 96, height: 28)
                         }
                     }
-                    LazyVGrid(columns: Self.tileColumns, spacing: 8) {
+                    LazyVGrid(columns: Self.tileColumns(windowWidth: stripWindowWidth), spacing: 8) {
                         ForEach(0..<PlannedStrip.windowDays, id: \.self) { _ in
                             RoundedRectangle(cornerRadius: DesignTokens.Radius.card)
                                 .fill(theme.muted)
@@ -258,7 +260,13 @@ public struct PlannedPaymentsView: View {
 
     // MARK: Next 7 days
 
-    static let tileColumns = [GridItem(.adaptive(minimum: 104), spacing: 8)]
+    /// `grid-cols-2 sm:grid-cols-4 lg:grid-cols-8` on the window width: the eight day tiles
+    /// (`WINDOW_DAYS`) always fill the card. An adaptive 104 pt grid made ten columns on a
+    /// wide window, so the strip stopped two columns short of the card's right edge.
+    static func tileColumns(windowWidth: CGFloat) -> [GridItem] {
+        let count = windowWidth >= VisionBreakpoint.lg ? 8 : windowWidth >= VisionBreakpoint.sm ? 4 : 2
+        return Array(repeating: GridItem(.flexible(), spacing: 8), count: count)
+    }
 
     private var stripCard: some View {
         let strip = model.strip
@@ -313,11 +321,13 @@ public struct PlannedPaymentsView: View {
                         }
                     }
                 }
-                LazyVGrid(columns: Self.tileColumns, spacing: 8) {
+                LazyVGrid(columns: Self.tileColumns(windowWidth: stripWindowWidth), spacing: 8) {
                     ForEach(strip.buckets) { bucket in
                         dayTile(bucket)
                     }
                 }
+                // The viewport the web's breakpoints read: where the strip ends in the window.
+                .onGeometryChange(for: CGFloat.self) { $0.frame(in: .global).maxX } action: { stripWindowWidth = $0 }
                 if strip.dueCount == 0 {
                     HStack(spacing: 10) {
                         Image(systemName: "calendar.badge.checkmark")
@@ -457,6 +467,8 @@ public struct PlannedPaymentsView: View {
         ) {
             emptyState
         }
+        // `PlannedPaymentsTable` keeps `VirtualDataTable`'s default `maxHeight` (600).
+        .bodyMaxHeight(600)
     }
 
     @ViewBuilder
diff --git a/apps/native/Sources/VisionNativeUI/PortfolioDetailHistoryTable.swift b/apps/native/Sources/VisionNativeUI/PortfolioDetailHistoryTable.swift
index 1e4abbbc3..cc6b166a2 100644
--- a/apps/native/Sources/VisionNativeUI/PortfolioDetailHistoryTable.swift
+++ b/apps/native/Sources/VisionNativeUI/PortfolioDetailHistoryTable.swift
@@ -31,17 +31,18 @@ struct PortfolioDetailHistoryTable: View {
                     }
                 }.padding(40)
             } else {
-                ScrollView {
-                    LocalDataTable(
-                        title: "", subtitle: "", columns: columns, rows: rows, totalCount: model.transactions.count,
-                        query: $query,
-                        filterValues: { key in
-                            LocalTableQuery.uniqueValues(model.transactions, key: key, value: rawValue)
-                        }, strings: strings
-                    ) {
-                        Text(strings.t("table.noFilterResults"))
-                    }
+                // The web history is a virtualised `max-h-[400px]` scroller: the table's header and
+                // search stay put and only the rows scroll, drawn lazily.
+                LocalDataTable(
+                    title: "", subtitle: "", columns: columns, rows: rows, totalCount: model.transactions.count,
+                    query: $query,
+                    filterValues: { key in
+                        LocalTableQuery.uniqueValues(model.transactions, key: key, value: rawValue)
+                    }, strings: strings
+                ) {
+                    Text(strings.t("table.noFilterResults"))
                 }
+                .bodyMaxHeight(400)
             }
         }
     }
diff --git a/apps/native/Sources/VisionNativeUI/PortfolioHoldingsView.swift b/apps/native/Sources/VisionNativeUI/PortfolioHoldingsView.swift
index c281aa2bb..0795db5ef 100644
--- a/apps/native/Sources/VisionNativeUI/PortfolioHoldingsView.swift
+++ b/apps/native/Sources/VisionNativeUI/PortfolioHoldingsView.swift
@@ -280,9 +280,10 @@ public struct PortfolioHoldingsView: View {
                                     }))
                         }
                     } label: {
-                        Text(strings.t("portfolio.columns")).visionChipChrome()
+                        Text(strings.t("portfolio.columns"))
                     }
-                    .menuStyle(.button).buttonStyle(.plain).menuIndicator(.hidden).fixedSize()
+                    // StocksPage: `<Button variant="outline" size="sm">` as the dropdown trigger.
+                    .menuStyle(.button).buttonStyle(.vision(.outline, size: .sm)).menuIndicator(.hidden).fixedSize()
                 }
                 HStack(spacing: 16) {
                     if let freshness = PortfolioPricePresentation.freshness(holdings, shell: shell) {
@@ -339,10 +340,11 @@ public struct PortfolioHoldingsView: View {
                                         ).string)
                                 }
                                 .buttonStyle(.plain)
-                                .font(.system(.callout, design: .monospaced))
+                                // `font-mono` at the cell's body size, the name under it `type-footnote`.
+                                .font(.system(.body, design: .monospaced))
                             }
                             Button(holding.name) { Task { await model.openDetail(id: holding.id) } }.buttonStyle(.plain)
-                                .font(holding.symbol == nil ? .callout.weight(.semibold) : .caption)
+                                .font(holding.symbol == nil ? .body.weight(.semibold) : .footnote)
                                 .foregroundStyle(holding.symbol == nil ? theme.foreground : theme.secondaryLabel)
                             if holding.oversold {
                                 VisionBadge(text: strings.t("portfolio.oversold.label"), tone: .warning, small: true)
@@ -476,7 +478,7 @@ public struct PortfolioHoldingsView: View {
     private var assetCards: some View {
         VisionResponsiveColumns(
             weights: [1, 1], minimumPageWidth: assetClass == .realEstate ? VisionBreakpoint.lg : VisionBreakpoint.md,
-            spacing: 16
+            spacing: 16, loneChildSpans: false
         ) {
             ForEach(holdings) { holding in
                 PortfolioAssetCard(holding: holding, model: model, editing: editing, shell: shell)
diff --git a/apps/native/Sources/VisionNativeUI/RecipientsView.swift b/apps/native/Sources/VisionNativeUI/RecipientsView.swift
index 2408291c0..ceceee765 100644
--- a/apps/native/Sources/VisionNativeUI/RecipientsView.swift
+++ b/apps/native/Sources/VisionNativeUI/RecipientsView.swift
@@ -186,6 +186,8 @@ public struct RecipientsView: View {
             if model.editing?.id != payee.id { model.startEditing(payee) }
         }
         .searchPlaceholder(strings.t("table.searchDatabase"))
+        // RecipientsPage: `VirtualDataTable maxHeight={700}`; the header stays and the rows scroll.
+        .bodyMaxHeight(700)
     }
 
     /// `recipientsPage.loadMoreFailed` with Retry.
diff --git a/apps/native/Sources/VisionNativeUI/ResearchDossiersView.swift b/apps/native/Sources/VisionNativeUI/ResearchDossiersView.swift
index 459b0f330..7bbb21ee9 100644
--- a/apps/native/Sources/VisionNativeUI/ResearchDossiersView.swift
+++ b/apps/native/Sources/VisionNativeUI/ResearchDossiersView.swift
@@ -81,7 +81,11 @@ public struct ResearchDossiersView: View {
             }
             if !model.listLoading && model.listError == nil && model.items.isEmpty {
                 ResearchCard {
-                    VisionEmptyState(symbol: "folder", title: strings.t("dossiers.empty")) {}.padding(.vertical, 8)
+                    // `EmptyState size="compact"` with the page icon (`PAGE_ICONS["/research/dossiers"]`).
+                    VisionEmptyState(
+                        symbol: VisionPageSymbol.of("/research/dossiers", fallback: "book"),
+                        title: strings.t("dossiers.empty"), compact: true
+                    ) {}
                 }
             }
             LazyVStack(spacing: 0) {
@@ -145,7 +149,8 @@ public struct ResearchDossiersView: View {
             } else if model.selectedId == nil && !model.listLoading && model.listError == nil {
                 ResearchCard {
                     VisionEmptyState(
-                        symbol: "folder", title: strings.t(model.items.isEmpty ? "dossiers.empty" : "dossiers.select"),
+                        symbol: VisionPageSymbol.of("/research/dossiers", fallback: "book"),
+                        title: strings.t(model.items.isEmpty ? "dossiers.empty" : "dossiers.select"),
                         description: model.items.isEmpty ? strings.t("dossiers.emptyHint") : nil
                     ) {}
                 }
diff --git a/apps/native/Sources/VisionNativeUI/ResearchMarketChartView.swift b/apps/native/Sources/VisionNativeUI/ResearchMarketChartView.swift
index 513470130..d87aa56e1 100644
--- a/apps/native/Sources/VisionNativeUI/ResearchMarketChartView.swift
+++ b/apps/native/Sources/VisionNativeUI/ResearchMarketChartView.swift
@@ -14,6 +14,8 @@ struct ResearchMarketChartView: View {
     @State private var scrub = ChartScrub()
     @FocusState private var focused: Bool
     @State private var plotCache = ChartLinePlotCache()
+    /// The chart's width, for the web's date tick count.
+    @State private var chartWidth: CGFloat = 0
     @Environment(\.visionTheme) private var theme
     /// `isPositive ? hsl(var(--accent)) : hsl(var(--destructive))` in MarketLookupPage.
     private var color: Color { positive ? theme.accent : theme.destructive }
@@ -47,7 +49,8 @@ struct ResearchMarketChartView: View {
                 }
             }
             .chartXAxis {
-                AxisMarks(values: .automatic(desiredCount: 6)) { value in
+                // AreaChart's bottom axis: `numTicks={Math.max(2, Math.floor(innerWidth / 90))}`.
+                AxisMarks(values: .automatic(desiredCount: max(2, Int(chartWidth / 90)))) { value in
                     AxisTick()
                     AxisValueLabel {
                         if let date = value.as(Date.self) {
@@ -83,7 +86,9 @@ struct ResearchMarketChartView: View {
                         onPress: { focused = true })
                 }
             }
-            .frame(height: 320).focusable().focused($focused).focusEffectDisabled()
+            .frame(height: 320)
+            .onGeometryChange(for: CGFloat.self) { $0.size.width } action: { chartWidth = $0 }
+            .focusable().focused($focused).focusEffectDisabled()
             .onKeyPress(phases: .down) { press in
                 ChartKeyboard.handle(press, scrub: &scrub, selected: &selected, count: plot.times.count)
             }
diff --git a/apps/native/Sources/VisionNativeUI/SavedChartsView.swift b/apps/native/Sources/VisionNativeUI/SavedChartsView.swift
index 10c187204..0988cb276 100644
--- a/apps/native/Sources/VisionNativeUI/SavedChartsView.swift
+++ b/apps/native/Sources/VisionNativeUI/SavedChartsView.swift
@@ -178,7 +178,15 @@ struct CustomChartPlot: View {
                     .font(.footnote).foregroundStyle(theme.warning)
             }
             if dataset.entities.isEmpty {
-                Text(strings.t("customChart.noSeries"))
+                // CustomChart's empty body: a compact EmptyState (TrendingUp) centred in `h-[300px]`
+                // that says what to add for a preview.
+                VisionEmptyState(
+                    symbol: "chart.line.uptrend.xyaxis", title: strings.t("customChart.noSeriesPrompt"), compact: true
+                ) {
+                    EmptyView()
+                }
+                .frame(maxWidth: .infinity)
+                .frame(height: 300)
             } else if kind == .rankedBar {
                 InsightRankedChart(
                     rows: entities, settings: settings, currency: LedgerCurrency.display(settings), strings: strings,
diff --git a/apps/native/Sources/VisionNativeUI/ShellRootView.swift b/apps/native/Sources/VisionNativeUI/ShellRootView.swift
index cc386bf7f..5e9ba056e 100644
--- a/apps/native/Sources/VisionNativeUI/ShellRootView.swift
+++ b/apps/native/Sources/VisionNativeUI/ShellRootView.swift
@@ -125,11 +125,6 @@ public struct ShellRootView: View {
                 // Only settled widths: mid-slide widths would make the next freeze wrong.
                 if frozenDetailWidth == nil { columnWidths.detail = width }
             }
-            .overlay(alignment: .top) {
-                if case .native = model.detail, let inspector = model.apiInspector {
-                    BackgroundQueryIndicator(inspector: inspector)
-                }
-            }
         }
         .onGeometryChange(for: CGFloat.self) { $0.safeAreaInsets.top } action: { inset in
             titlebarSafeInset = inset
diff --git a/apps/native/Sources/VisionNativeUI/StatisticsCharts.swift b/apps/native/Sources/VisionNativeUI/StatisticsCharts.swift
index cb9250e71..f4ca17ad5 100644
--- a/apps/native/Sources/VisionNativeUI/StatisticsCharts.swift
+++ b/apps/native/Sources/VisionNativeUI/StatisticsCharts.swift
@@ -8,6 +8,7 @@ struct InsightRankedChart: View {
     let currency: CurrencyCode
     let strings: any Localizing
     @State private var selection: String?
+    @State private var rowsWidth: CGFloat = 0
     private let onSelectionChange: (String?) -> Void
     @Environment(\.visionTheme) private var theme
     @FocusState private var focused: Bool
@@ -29,13 +30,18 @@ struct InsightRankedChart: View {
             // The web TopRecipientsChart: names in a fixed left gutter, one palette colour per
             // bar (`--chart-1…8`). Drawn as rows rather than a Swift Charts y axis, whose
             // labels sat half a band above their bars.
-            let maximum = rows.map(\.total).max() ?? 0
+            // BarChart `layout="horizontal"`: no value labels on the bars; a `valueTickFormat`
+            // (`formatAxisCompact`) axis under them on a nice 0…max scale, and the full amount in
+            // the hover tooltip titled with the full name.
+            let domainMax = Self.domainMax(rows)
             VStack(alignment: .leading, spacing: 6) {
                 ForEach(Array(rows.enumerated()), id: \.element.id) { position, row in
-                    rankedRow(row, position: position, maximum: maximum)
+                    rankedRow(row, position: position, domainMax: domainMax)
                 }
             }
             .padding(.vertical, 4)
+            .onGeometryChange(for: CGFloat.self) { $0.size.width } action: { rowsWidth = $0 }
+            .overlay(alignment: .topLeading) { tooltip(domainMax: domainMax) }
             .focusable().focused($focused).focusEffectDisabled().onKeyPress(phases: .down) { press in
                 guard !rows.isEmpty else { return .ignored }
                 let index = selection.flatMap { id in rows.firstIndex { $0.id == id } } ?? 0
@@ -59,10 +65,73 @@ struct InsightRankedChart: View {
             .accessibilityValue(
                 ChartAccessibility.series(
                     strings, kind: .bar, categoryCount: rows.count, seriesLabels: [strings.t("statsPage.spending")]))
+            if !rows.isEmpty { valueAxis(domainMax: domainMax) }
         }
     }
-    private func rankedRow(_ row: CustomChartEntity, position: Int, maximum: Decimal) -> some View {
-        let ratio = maximum > 0 ? NSDecimalNumber(decimal: max(0, row.total) / maximum).doubleValue : 0
+
+    /// The name gutter (`margin.left` 160) plus the gap before the bars.
+    private static let gutter: CGFloat = 172
+    private static let rowHeight: CGFloat = 24
+    private static let rowSpacing: CGFloat = 6
+
+    private var plotWidth: CGFloat { max(0, rowsWidth - Self.gutter) }
+
+    /// `scaleLinear({ domain: [0, max], nice: true })`.
+    private static func domainMax(_ rows: [CustomChartEntity]) -> Double {
+        let maximum = rows.map { NSDecimalNumber(decimal: max(0, $0.total)).doubleValue }.max() ?? 0
+        guard maximum > 0 else { return 1 }
+        return ChartAxisTicks.niceDomain(0, maximum).upperBound
+    }
+
+    private func barWidth(_ row: CustomChartEntity, domainMax: Double) -> CGFloat {
+        let value = NSDecimalNumber(decimal: max(0, row.total)).doubleValue
+        return max(4, plotWidth * CGFloat(min(1, value / domainMax)))
+    }
+
+    /// The bottom value axis: five d3 ticks, compact amounts, centred under their positions.
+    private func valueAxis(domainMax: Double) -> some View {
+        let ticks = ChartAxisTicks.ticks(0, domainMax, count: 5)
+        return ZStack(alignment: .topLeading) {
+            ForEach(ticks, id: \.self) { tick in
+                Text(
+                    VisionFormat.currencyAxisCompact(
+                        Decimal(tick), code: currency, locale: settings.numberFormat.locale)
+                )
+                .font(.caption2)
+                .monospacedDigit()
+                .foregroundStyle(theme.secondaryLabel)
+                .fixedSize()
+                .alignmentGuide(.leading) { dimensions in
+                    dimensions.width / 2 - (Self.gutter + plotWidth * CGFloat(tick / domainMax))
+                }
+            }
+        }
+        .frame(maxWidth: .infinity, minHeight: 14, alignment: .topLeading)
+        .accessibilityHidden(true)
+    }
+
+    /// `ChartTooltip` over the hovered bar's end: the full name and the full amount.
+    @ViewBuilder private func tooltip(domainMax: Double) -> some View {
+        if let selection, let index = rows.firstIndex(where: { $0.id == selection }) {
+            let row = rows[index]
+            let y = 4 + CGFloat(index) * (Self.rowHeight + Self.rowSpacing) + Self.rowHeight / 2
+            ChartHoverTooltip(
+                title: row.name,
+                items: [
+                    ChartTooltipItem(
+                        id: row.id, label: strings.t("statsPage.spending"),
+                        value: VisionFormat.currency(
+                            row.total, code: currency, locale: settings.numberFormat.locale,
+                            fractionDigits: settings.showDecimalPlaces),
+                        color: barColor(index))
+                ],
+                anchor: CGPoint(x: Self.gutter + barWidth(row, domainMax: domainMax), y: y),
+                bounds: CGSize(width: rowsWidth, height: CGFloat(rows.count) * (Self.rowHeight + Self.rowSpacing))
+            )
+            .allowsHitTesting(false)
+        }
+    }
+    private func rankedRow(_ row: CustomChartEntity, position: Int, domainMax: Double) -> some View {
         let dimmed = selection != nil && selection != row.id
         return HStack(spacing: 12) {
             Text(row.name)
@@ -70,27 +139,17 @@ struct InsightRankedChart: View {
                 .foregroundStyle(selection == row.id ? theme.foreground : theme.secondaryLabel)
                 .lineLimit(1).truncationMode(.tail)
                 .frame(width: 160, alignment: .trailing)
-            GeometryReader { proxy in
-                HStack(spacing: 8) {
-                    RoundedRectangle(cornerRadius: 4, style: .continuous)
-                        .fill(barColor(position))
-                        .frame(width: max(4, (proxy.size.width - 96) * ratio), height: 14)
-                    MoneyText(
-                        amount: row.total, currency: currency, settings: settings, signed: false, colored: false
-                    )
-                    .font(.footnote)
-                    .foregroundStyle(theme.secondaryLabel)
-                }
-                .frame(height: proxy.size.height, alignment: .leading)
-            }
+            RoundedRectangle(cornerRadius: 4, style: .continuous)
+                .fill(barColor(position))
+                .frame(width: barWidth(row, domainMax: domainMax), height: 14)
+                .frame(maxWidth: .infinity, alignment: .leading)
         }
-        .frame(height: 24)
+        .frame(height: Self.rowHeight)
         .opacity(dimmed ? 0.5 : 1)
         .contentShape(Rectangle())
         .onHover { hovering in
             if hovering { selection = row.id } else if selection == row.id { selection = nil }
         }
-        .visionTooltip(row.name)
         .accessibilityElement(children: .combine)
         .animation(.easeOut(duration: DesignTokens.Duration.fast), value: dimmed)
     }
diff --git a/apps/native/Sources/VisionNativeUI/StatisticsView.swift b/apps/native/Sources/VisionNativeUI/StatisticsView.swift
index a037b5a49..c560de060 100644
--- a/apps/native/Sources/VisionNativeUI/StatisticsView.swift
+++ b/apps/native/Sources/VisionNativeUI/StatisticsView.swift
@@ -48,10 +48,13 @@ public struct StatisticsView: View {
         return min(120, max(0, (printPageWidth ?? 544) - 32) * 0.25)
     }
     private var pivotColumnWidth: CGFloat {
-        // The table fills the card (`w-full`, `min-w-[800px]`): columns grow past 110 pt to share it.
+        // The table fills the card (`w-full`, `min-w-[800px]`) and its auto-layout columns are as
+        // narrow as a `px-3` amount, so twelve months and the total fit a wide card. A 110 pt floor
+        // pushed the last months past the card's edge: the table opened scrolled to the left, so
+        // it seemed to end two months early. Amounts scale down to 0.8 before they would clip.
         guard isPrinting else {
             let shared = (pivotWidth - pivotLabelWidth) / CGFloat(displayedPivotPeriods.count + 1)
-            return max(110, shared.isFinite ? shared : 0)
+            return max(84, shared.isFinite ? shared : 0)
         }
         let available = max(0, (printPageWidth ?? 544) - 32 - pivotLabelWidth)
         return min(72, available / CGFloat(displayedPivotPeriods.count + 1))
diff --git a/apps/native/Sources/VisionNativeUI/TransactionsTable.swift b/apps/native/Sources/VisionNativeUI/TransactionsTable.swift
index c4470c988..dee9cee6d 100644
--- a/apps/native/Sources/VisionNativeUI/TransactionsTable.swift
+++ b/apps/native/Sources/VisionNativeUI/TransactionsTable.swift
@@ -43,6 +43,16 @@ struct TransactionsTableCard: View {
     private var card: some View {
         AdminCard(padding: 0) {
             VStack(alignment: .leading, spacing: 0) {
+                // VirtualDataTable's `actions`: a `CardHeader` row (`justify-end`, `flex-wrap
+                // gap-2`) above the search row, shown while rows are selected.
+                if model.showsBulkBar {
+                    HStack(spacing: 0) {
+                        Spacer(minLength: 0)
+                        TransactionBulkBar(model: model, shell: shell)
+                    }
+                    .padding(.horizontal, 16)
+                    .padding(.top, 12)
+                }
                 searchBar
                     .zIndex(1)
                 if !model.columnFilters.isEmpty { chips }
@@ -144,9 +154,6 @@ struct TransactionsTableCard: View {
                 .buttonStyle(.vision(.ghost, size: .sm))
             }
             Spacer(minLength: 0)
-            if model.showsBulkBar {
-                TransactionBulkBar(model: model, shell: shell)
-            }
         }
         .padding(.horizontal, 16)
         .padding(.vertical, 12)
@@ -382,22 +389,30 @@ struct TransactionsTableCard: View {
             let columns = dataColumns
             let labels = model.labels
             let accountNames = model.accountNames
-            LazyVStack(alignment: .leading, spacing: 0) {
-                ForEach(rows) { row in
-                    // The row and its divider are one lazy child, not two.
-                    VStack(alignment: .leading, spacing: 0) {
-                        TransactionRowView(
-                            model: model, shell: shell, row: row, columns: columns, compact: isCompact,
-                            widths: fitted, labels: labels, accountNames: accountNames, focusedRow: $focusedRow
-                        )
-                        .equatable()
-                        Divider()
+            // `VirtualDataTable maxHeight={720}`: the header and search row stay put and the rows
+            // scroll inside the card, drawn lazily; drawn rows near the end load the next page.
+            ScrollView(.vertical) {
+                LazyVStack(alignment: .leading, spacing: 0) {
+                    ForEach(rows) { row in
+                        // The row and its divider are one lazy child, not two.
+                        VStack(alignment: .leading, spacing: 0) {
+                            TransactionRowView(
+                                model: model, shell: shell, row: row, columns: columns, compact: isCompact,
+                                widths: fitted, labels: labels, accountNames: accountNames, focusedRow: $focusedRow
+                            )
+                            .equatable()
+                            Divider()
+                        }
                     }
                 }
             }
+            .frame(maxHeight: Self.bodyMaxHeight)
         }
     }
 
+    /// `maxHeight` the Transactions page gives its `VirtualDataTable`.
+    static let bodyMaxHeight: CGFloat = 720
+
     @ViewBuilder
     private var emptyState: some View {
         switch model.emptyState {
@@ -462,24 +477,40 @@ struct TransactionRowView: View, Equatable {
         return HStack(spacing: 0) {
             checkbox(label: rowLabel)
                 .frame(width: TransactionsTableCard.selectWidth, alignment: .leading)
-            if compact {
-                summaryCell(dateText: dateText)
-                    .padding(.trailing, 8)
-                    .frame(minWidth: TransactionsTableCard.summaryWidth, maxWidth: .infinity, alignment: .leading)
+            // The focusable part stops before the box and the Edit button: the web row selects on
+            // its own focus only (`event.target === event.currentTarget`), so a click on a control
+            // never focuses, and so never selects, the row. Before, the pencil's mouse-down
+            // focused the row, which opened the inspector and swallowed the click.
+            HStack(spacing: 0) {
+                if compact {
+                    summaryCell(dateText: dateText)
+                        .padding(.trailing, 8)
+                        .frame(minWidth: TransactionsTableCard.summaryWidth, maxWidth: .infinity, alignment: .leading)
+                }
+                ForEach(columns, id: \.self) { column in
+                    cell(column, dateText: dateText)
+                        .padding(.trailing, 8)
+                        .frame(width: column == .category ? nil : width(column), alignment: alignment(column))
+                        .frame(
+                            minWidth: column == .category ? width(column) : nil,
+                            maxWidth: column == .category ? .infinity : nil, alignment: alignment(column))
+                }
             }
-            ForEach(columns, id: \.self) { column in
-                cell(column, dateText: dateText)
-                    .padding(.trailing, 8)
-                    .frame(width: column == .category ? nil : width(column), alignment: alignment(column))
-                    .frame(
-                        minWidth: column == .category ? width(column) : nil,
-                        maxWidth: column == .category ? .infinity : nil, alignment: alignment(column))
+            .contentShape(Rectangle())
+            .focusable(!isEditing)
+            .focusEffectDisabled()
+            .focused(focusedRow, equals: row.id)
+            .onKeyPress(phases: .down) { press in
+                guard !isEditing, let key = Self.rowKey(press.key) else { return .ignored }
+                if let next = model.handleRowKey(key, from: row.id) { focusedRow.wrappedValue = next }
+                return .handled
             }
             editCell(label: rowLabel)
                 .frame(width: TransactionsTableCard.editWidth, alignment: .center)
         }
         .padding(.horizontal, 16)
-        .frame(minHeight: compact ? 128 : 52)
+        // `rowHeight={compact ? 128 : 57}` (TransactionsTable.tsx).
+        .frame(minHeight: compact ? 128 : 57)
         .background(isSelected ? theme.primary.opacity(0.1) : Color.clear)
         .contentShape(Rectangle())
         .opacity(row.isActive ? 1 : 0.55)
@@ -490,14 +521,6 @@ struct TransactionRowView: View, Equatable {
         .onTapGesture {
             click()
         }
-        .focusable(!isEditing)
-        .focusEffectDisabled()
-        .focused(focusedRow, equals: row.id)
-        .onKeyPress(phases: .down) { press in
-            guard !isEditing, let key = Self.rowKey(press.key) else { return .ignored }
-            if let next = model.handleRowKey(key, from: row.id) { focusedRow.wrappedValue = next }
-            return .handled
-        }
         .contextMenu { contextMenu }
         .task { await model.rowAppeared(row.id) }
         .accessibilityElement(children: .contain)
diff --git a/apps/native/Tests/VisionNativeUITests/CardGradientTests.swift b/apps/native/Tests/VisionNativeUITests/CardGradientTests.swift
new file mode 100644
index 000000000..c71ee858f
--- /dev/null
+++ b/apps/native/Tests/VisionNativeUITests/CardGradientTests.swift
@@ -0,0 +1,37 @@
+import CoreGraphics
+import Testing
+
+@testable import VisionNativeUI
+
+@Suite("Card gradient")
+struct CardGradientTests {
+    /// The dark `glass-regular` fill (`highlight/0.04 0%, surface/0.78 42%`): CSS mixes the stops
+    /// in premultiplied alpha, so a tenth of the way in the faint highlight adds almost no light.
+    /// A raw component mix reached a half-opaque light grey there (the Full effects sheen).
+    @Test func fillStopsFollowPremultipliedInterpolation() throws {
+        let space = try #require(CGColorSpace(name: CGColorSpace.sRGB))
+        let highlight = try #require(CGColor(colorSpace: space, components: [0.96, 0.94, 0.9, 0.04]))
+        let surface = try #require(CGColor(colorSpace: space, components: [0.094, 0.13, 0.145, 0.78]))
+        let stops = VisionCardLayerView.premultipliedStops(colors: [highlight, surface], locations: [0, 0.42])
+        #expect(stops.colors.count == stops.locations.count)
+        #expect(stops.locations.first == 0 && stops.locations.last == 0.42)
+        // The sub-stop nearest a quarter of the segment.
+        let index = try #require(stops.locations.firstIndex { $0 >= 0.42 / 4 })
+        let parts = try #require(stops.colors[index].components)
+        let t = 0.25
+        let alpha = 0.04 + (0.78 - 0.04) * t
+        let red = (0.96 * 0.04 + (0.094 * 0.78 - 0.96 * 0.04) * t) / alpha
+        #expect(abs(Double(parts[3]) - alpha) < 0.001)
+        #expect(abs(Double(parts[0]) - red) < 0.001)
+        // The raw mix would be 0.74 red here; the premultiplied colour stays dark.
+        #expect(parts[0] < 0.3)
+    }
+
+    /// Equal alphas need no correction: the stops pass through unchanged.
+    @Test func equalAlphaStopsAreUnchanged() throws {
+        let space = try #require(CGColorSpace(name: CGColorSpace.sRGB))
+        let card = try #require(CGColor(colorSpace: space, components: [0.1, 0.12, 0.13, 1]))
+        let stops = VisionCardLayerView.premultipliedStops(colors: [card, card], locations: [0, 1])
+        #expect(stops.colors.count == 2)
+    }
+}
diff --git a/docs/reference/native-parity/shell-and-settings.md b/docs/reference/native-parity/shell-and-settings.md
index 1bfb97354..5ad66f6e2 100644
--- a/docs/reference/native-parity/shell-and-settings.md
+++ b/docs/reference/native-parity/shell-and-settings.md
@@ -58,20 +58,20 @@ Component: `apps/frontend/src/components/layout/AppLayout.tsx` (mounted by `Rout
 
 #### Topbar and layout actions
 
-| #   | Where                                   | Element                                                                                                          | Trigger                      | What it does                                                                                                                           | Source                                                                                                           | Status |
-| --- | --------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ------ |
-| 1   | Page top                                | `layout.skipToContent` "Skip to content" link                                                                    | Tab then Enter/click         | Focuses the main content region                                                                                                        | `apps/frontend/src/components/layout/AppLayout.tsx:229`                                                          | native |
-| 2   | Topbar                                  | Sidebar trigger button, `menu.toggleSidebar` "Toggle Sidebar"                                                    | click                        | Toggles labelled sidebar / icon rail (desktop) or opens the sidebar sheet (mobile)                                                     | `apps/frontend/src/components/layout/AppLayout.tsx:262`, `apps/frontend/src/components/ui/sidebar.tsx:223`       | native |
-| 3   | Topbar (below `md` only)                | Search icon button, `commandPalette.openLabel` "Open command palette"                                            | click                        | Opens the command palette                                                                                                              | `apps/frontend/src/components/layout/AppLayout.tsx:268`                                                          | native |
-| 4   | Topbar                                  | Inline page title                                                                                                | scroll past 96 px            | Shows the current `PageHeader` title                                                                                                   | `apps/frontend/src/components/layout/AppLayout.tsx:327`                                                          | native |
-| 5   | Error boundary fallback                 | `common.retry` "Retry" button                                                                                    | click                        | Resets the boundary and re-renders the page                                                                                            | `apps/frontend/src/components/shared/ErrorBoundary.tsx:35`                                                       | native |
-| 6   | Error boundary fallback                 | `common.reload` "Reload page" button                                                                             | click                        | `window.location.reload()`                                                                                                             | `apps/frontend/src/components/shared/ErrorBoundary.tsx:39`                                                       | native |
-| 7   | Any page using `PageError`              | `common.retry` "Retry" button (when `onRetry` given), title defaults to `common.error` "Couldn't load this page" | click                        | Calls the page's retry handler                                                                                                         | `apps/frontend/src/components/shared/PageError.tsx:22`                                                           | native |
-| 8   | Any page using `PageHeader` with `back` | Back link/button (label supplied by page)                                                                        | click                        | Navigates to `back.to` or runs `back.onClick`                                                                                          | `apps/frontend/src/components/shared/PageHeader.tsx:50`, `apps/frontend/src/components/shared/PageHeader.tsx:56` | native |
-| 9   | `/admin/*` routes                       | `RequireAdmin` gate                                                                                              | navigate with admin mode off | Redirects to `/` (renders nothing while settings load)                                                                                 | `apps/frontend/src/components/auth/RequireAdmin.tsx:18`                                                          | native |
-| 10  | Window                                  | Drop a `.csv` anywhere outside a `[data-dropzone]`                                                               | drag and drop                | Registers the file in the import handoff slot and navigates to `/import`; other files are swallowed (Electron only, see Cross-cutting) | `apps/frontend/src/components/layout/ElectronBridge.tsx:136`                                                     | native |
-
-Native mapping: page error states with `common.error` and a Retry button live in the native screens (for example `TransactionsView.swift`, `PlannedPaymentsView.swift`, `ImportReviewView.swift`, `ExchangeRatesView.swift`); back links in `AccountDetailView.swift`, `TableDataEditorView.swift`, `ImportReviewView.swift` and `OwesView.swift`; the admin redirect in `NativeNavigationHistory.resolve(_:adminMode:)` (`apps/native/Sources/VisionNativeCore/Navigation/NativeNavigationHistory.swift`); and the window CSV drop in `NativeScreenContainer.dropDestination` (`ShellRootView.swift`) plus `ShellController.openFiles`. The skip link is `NativeSidebar.skipLink`: first in keyboard order, shown only while focused, it moves focus to a landing point at the top of the native screen (`ShellRootView.contentLanding`). The error-boundary fallback maps to the shell-level failure state (`NativeShellUnavailableView`): Retry reloads the settings and Reload page runs View › Reload (`NativeShellModel.reloadPage`). Section-level failures keep their own Retry, as `PageError` does. The topbar is `NativeTopbar` (`apps/native/Sources/VisionNativeUI/Components/NativeTopbar.swift`), AppLayout's 56 pt `h-14` bar drawn over native screens under the transparent titlebar: it always holds the sidebar trigger (right of the traffic lights while the sidebar is hidden); the web's search button is phone-only, so the sidebar and its rail keep search. `ShellController.layoutTrafficLights` places the traffic lights at Electron's `trafficLightPosition` (20, 20), on the bar's centre line. Past 8 pt of page scroll, `PageScrollObserver` (the page-level `NSClipView`) fades in the `.app-topbar` veil; past 96 pt, the page header's title.
+| #   | Where                                   | Element                                                                                                          | Trigger                      | What it does                                                                                                                           | Source                                                                                                           | Status                                                                                           |
+| --- | --------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ---------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ |
+| 1   | Page top                                | `layout.skipToContent` "Skip to content" link                                                                    | Tab then Enter/click         | Focuses the main content region                                                                                                        | `apps/frontend/src/components/layout/AppLayout.tsx:229`                                                          | native                                                                                           |
+| 2   | Topbar                                  | Sidebar trigger button, `menu.toggleSidebar` "Toggle Sidebar"                                                    | click                        | Toggles labelled sidebar / icon rail (desktop) or opens the sidebar sheet (mobile)                                                     | `apps/frontend/src/components/layout/AppLayout.tsx:262`, `apps/frontend/src/components/ui/sidebar.tsx:223`       | native: no topbar trigger (Tor, 2026-11-14); the sidebar collapse button, rail and ⌃⌘S toggle it |
+| 3   | Topbar (below `md` only)                | Search icon button, `commandPalette.openLabel` "Open command palette"                                            | click                        | Opens the command palette                                                                                                              | `apps/frontend/src/components/layout/AppLayout.tsx:268`                                                          | native                                                                                           |
+| 4   | Topbar                                  | Inline page title                                                                                                | scroll past 96 px            | Shows the current `PageHeader` title                                                                                                   | `apps/frontend/src/components/layout/AppLayout.tsx:327`                                                          | native                                                                                           |
+| 5   | Error boundary fallback                 | `common.retry` "Retry" button                                                                                    | click                        | Resets the boundary and re-renders the page                                                                                            | `apps/frontend/src/components/shared/ErrorBoundary.tsx:35`                                                       | native                                                                                           |
+| 6   | Error boundary fallback                 | `common.reload` "Reload page" button                                                                             | click                        | `window.location.reload()`                                                                                                             | `apps/frontend/src/components/shared/ErrorBoundary.tsx:39`                                                       | native                                                                                           |
+| 7   | Any page using `PageError`              | `common.retry` "Retry" button (when `onRetry` given), title defaults to `common.error` "Couldn't load this page" | click                        | Calls the page's retry handler                                                                                                         | `apps/frontend/src/components/shared/PageError.tsx:22`                                                           | native                                                                                           |
+| 8   | Any page using `PageHeader` with `back` | Back link/button (label supplied by page)                                                                        | click                        | Navigates to `back.to` or runs `back.onClick`                                                                                          | `apps/frontend/src/components/shared/PageHeader.tsx:50`, `apps/frontend/src/components/shared/PageHeader.tsx:56` | native                                                                                           |
+| 9   | `/admin/*` routes                       | `RequireAdmin` gate                                                                                              | navigate with admin mode off | Redirects to `/` (renders nothing while settings load)                                                                                 | `apps/frontend/src/components/auth/RequireAdmin.tsx:18`                                                          | native                                                                                           |
+| 10  | Window                                  | Drop a `.csv` anywhere outside a `[data-dropzone]`                                                               | drag and drop                | Registers the file in the import handoff slot and navigates to `/import`; other files are swallowed (Electron only, see Cross-cutting) | `apps/frontend/src/components/layout/ElectronBridge.tsx:136`                                                     | native                                                                                           |
+
+Native mapping: page error states with `common.error` and a Retry button live in the native screens (for example `TransactionsView.swift`, `PlannedPaymentsView.swift`, `ImportReviewView.swift`, `ExchangeRatesView.swift`); back links in `AccountDetailView.swift`, `TableDataEditorView.swift`, `ImportReviewView.swift` and `OwesView.swift`; the admin redirect in `NativeNavigationHistory.resolve(_:adminMode:)` (`apps/native/Sources/VisionNativeCore/Navigation/NativeNavigationHistory.swift`); and the window CSV drop in `NativeScreenContainer.dropDestination` (`ShellRootView.swift`) plus `ShellController.openFiles`. The skip link is `NativeSidebar.skipLink`: first in keyboard order, shown only while focused, it moves focus to a landing point at the top of the native screen (`ShellRootView.contentLanding`). The error-boundary fallback maps to the shell-level failure state (`NativeShellUnavailableView`): Retry reloads the settings and Reload page runs View › Reload (`NativeShellModel.reloadPage`). Section-level failures keep their own Retry, as `PageError` does. The topbar is `NativeTopbar` (`apps/native/Sources/VisionNativeUI/Components/NativeTopbar.swift`), AppLayout's 56 pt `h-14` bar drawn over native screens under the transparent titlebar. It has no sidebar trigger (Tor, 2026-11-14: beside the sidebar header's collapse button it was a second sidebar icon); the sidebar's collapse button, the icon rail's brand button, ⌃⌘S and View › Toggle Sidebar toggle the sidebar. The web's search button is phone-only, so the sidebar and its rail keep search. The background-query line runs along the bar's bottom edge, as AppLayout places `BackgroundQueryIndicator`. `ShellController.layoutTrafficLights` places the traffic lights at Electron's `trafficLightPosition` (20, 20), on the bar's centre line. Past 8 pt of page scroll, `PageScrollObserver` (the page-level `NSClipView`; a table body that scrolls inside the page does not count) fades in the `.app-topbar` veil; past 96 pt, the page header's title.
 
 #### Sidebar (`AppSidebar`)