From e452780de434270f795c5eebc486315801953d5e Mon Sep 17 00:00:00 2001
From: Lakr233 <git@qaq.wiki>
Date: Fri, 25 Sep 2026 20:28:50 +0700
Subject: [PATCH 1/2] Process list from edge to edge, headings pinned above it

The inset cards boxed a table that is read across its columns. A plain
table runs each row the full width, and keeps its section header pinned
while the rows scroll, so the column headings stay over the figures they
name. The header padding iOS 15 adds above a plain section goes, so the
headings sit straight under the search bar, and an empty footer keeps the
separators a plain table draws below its last row out from under the
overlays. The glass sidebar keeps its clear rows and rounded selection.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 Inspector/ProcessListViewController.swift | 32 +++++++++++++++--------
 1 file changed, 21 insertions(+), 11 deletions(-)

diff --git a/Inspector/ProcessListViewController.swift b/Inspector/ProcessListViewController.swift
index d6f2b9a..ff3c5cb 100644
--- a/Inspector/ProcessListViewController.swift
+++ b/Inspector/ProcessListViewController.swift
@@ -34,7 +34,10 @@ final class ProcessListViewController: UITableViewController, UISearchResultsUpd
 
     init(model: ProcessListModel) {
         self.model = model
-        super.init(style: .insetGrouped)
+        // A plain table runs the rows from edge to edge, and its section
+        // header stays pinned while they scroll, so the column headings stay
+        // in sight over whatever is below them.
+        super.init(style: .plain)
     }
 
     @available(*, unavailable)
@@ -64,6 +67,11 @@ final class ProcessListViewController: UITableViewController, UISearchResultsUpd
         clearsSelectionOnViewWillAppear = false
         tableView.register(ProcessRowCell.self, forCellReuseIdentifier: ProcessRowCell.reuseIdentifier)
         tableView.estimatedRowHeight = metrics.rowHeight
+        // From iOS 15 a plain table pads above every section header; the
+        // headings sit straight under the search bar instead.
+        if #available(iOS 15.0, *) {
+            tableView.sectionHeaderTopPadding = 0
+        }
         dataSource = ProcessListDataSource(tableView: tableView) { [weak self] tableView, indexPath, identity in
             let cell = tableView.dequeueReusableCell(
                 withIdentifier: ProcessRowCell.reuseIdentifier,
@@ -119,9 +127,9 @@ final class ProcessListViewController: UITableViewController, UISearchResultsUpd
         }
     }
 
-    // From iOS 26 the primary column floats as a glass sidebar, where grouped
-    // cards read as gray boxes on glass. Beside the detail column the rows go
-    // bare, like any sidebar; pushed full-screen they keep their cards.
+    // From iOS 26 the primary column floats as a glass sidebar, where opaque
+    // rows read as a gray slab on glass. Beside the detail column the rows go
+    // bare, like any sidebar; pushed full-screen they keep their background.
     private var usesSidebarAppearance: Bool {
         guard #available(iOS 26.0, *) else { return false }
         return splitViewController?.isCollapsed == false
@@ -133,16 +141,16 @@ final class ProcessListViewController: UITableViewController, UISearchResultsUpd
         let isSidebar = usesSidebarAppearance
         guard isSidebar != appliedSidebarAppearance else { return }
         appliedSidebarAppearance = isSidebar
-        tableView.backgroundColor = isSidebar ? .clear : .systemGroupedBackground
+        tableView.backgroundColor = isSidebar ? .clear : .systemBackground
         for cell in tableView.visibleCells {
             style(cell, isSidebar: isSidebar)
         }
     }
 
-    // A sidebar row has no card, and its selection is a rounded highlight
-    // rather than a gray slab from edge to edge.
+    // A sidebar row has no background, and its selection is a rounded
+    // highlight rather than a gray slab from edge to edge.
     private func style(_ cell: UITableViewCell, isSidebar: Bool) {
-        cell.backgroundColor = isSidebar ? .clear : .secondarySystemGroupedBackground
+        cell.backgroundColor = isSidebar ? .clear : .systemBackground
         guard isSidebar != (cell.selectedBackgroundView is SidebarSelectionView) else { return }
         cell.selectedBackgroundView = isSidebar ? SidebarSelectionView() : nil
     }
@@ -190,7 +198,9 @@ final class ProcessListViewController: UITableViewController, UISearchResultsUpd
         }
         statsButton.isEnabled = !model.rows.isEmpty
         renderLiveUpdatesItem()
-        tableView.tableFooterView = model.rows.isEmpty ? nil : creditsView
+        // A plain table ruled the empty space below the last row with
+        // separators, over the overlay too; an empty footer stops them.
+        tableView.tableFooterView = model.rows.isEmpty ? UIView() : creditsView
         renderOverlay()
     }
 
@@ -555,7 +565,7 @@ private final class ProcessListDataSource: UITableViewDiffableDataSource<Int, Pr
     }
 }
 
-// The credit line sits under the last row, without a card behind it. Hidden
+// The credit line sits under the last row, with no row behind it. Hidden
 // while an overlay (connecting/failed/empty) owns the screen.
 private final class ProcessListCreditsView: UIView {
     private static let padding: CGFloat = 12
@@ -606,7 +616,7 @@ private final class ProcessListCreditsView: UIView {
     /// Sizes the footer to its text, and returns whether its size changed.
     /// The table puts the last section's footer gap above this view and
     /// nothing below it, so the same gap goes under the credits to keep them
-    /// centred between the last card and the end of the list.
+    /// centred between the last row and the end of the list.
     func fit(width: CGFloat, sectionGap: CGFloat) -> Bool {
         let contentSize = traitCollection.preferredContentSizeCategory
         guard width > 0,

From e06bba43881d8148a78eb4c27933d1b01e9d8276 Mon Sep 17 00:00:00 2001
From: Lakr233 <git@qaq.wiki>
Date: Fri, 25 Sep 2026 20:34:17 +0700
Subject: [PATCH 2/2] Say what the list holds under the title, not over the
 columns
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

"120 processes · Paused" sat above the column headings, and with the
header pinned it took a line of the screen for good. It is the navigation
bar's subtitle now: iOS 26 draws one of its own, and before that a two-line
title view reads the same and speaks as one heading. It stays blank until
the first sample, which would only have said "0 processes".

The header holds just the headings. At the accessibility sizes, where rows
stack and have no columns, it goes altogether.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 Inspector/ProcessListColumns.swift        |  2 -
 Inspector/ProcessListHeaderView.swift     | 34 +++------
 Inspector/ProcessListViewController.swift | 86 ++++++++++++++++++++---
 3 files changed, 87 insertions(+), 35 deletions(-)

diff --git a/Inspector/ProcessListColumns.swift b/Inspector/ProcessListColumns.swift
index 9976673..a94376a 100644
--- a/Inspector/ProcessListColumns.swift
+++ b/Inspector/ProcessListColumns.swift
@@ -41,7 +41,6 @@ final class ProcessListMetrics {
     let nameFont: UIFont
     let valueFont: UIFont
     let titleFont: UIFont
-    let summaryFont: UIFont
     let iconSize: CGFloat
     let iconSpacing: CGFloat
     let columnSpacing: CGFloat
@@ -69,7 +68,6 @@ final class ProcessListMetrics {
         nameFont = .preferredFont(forTextStyle: isStacked ? .body : .subheadline, compatibleWith: traits)
         valueFont = .inspector(.footnote, design: .monospacedDigit, compatibleWith: traits)
         titleFont = .inspector(.caption1, weight: .semibold, compatibleWith: traits)
-        summaryFont = .preferredFont(forTextStyle: .footnote, compatibleWith: traits)
         iconSize = isStacked ? 36 : 28
         iconSpacing = 10
         columnSpacing = (valueFont.pointSize * 0.75).rounded()
diff --git a/Inspector/ProcessListHeaderView.swift b/Inspector/ProcessListHeaderView.swift
index 88aafa0..3b4563b 100644
--- a/Inspector/ProcessListHeaderView.swift
+++ b/Inspector/ProcessListHeaderView.swift
@@ -1,8 +1,8 @@
 import UIKit
 
-// Above the rows: what the list holds ("120 processes · Paused"), then a
-// heading over each column. A heading sorts the list by its column, and the
-// one it is sorted by is tinted and carries an arrow, as in a detail table.
+// Above the rows, a heading over each column. A heading sorts the list by
+// its column, and the one it is sorted by is tinted and carries an arrow, as
+// in a detail table. What the list holds is the navigation bar's subtitle.
 final class ProcessListHeaderView: UITableViewHeaderFooterView {
     static let reuseIdentifier = "header"
 
@@ -11,26 +11,18 @@ final class ProcessListHeaderView: UITableViewHeaderFooterView {
         set { headings.sort = newValue }
     }
 
-    private let summaryLabel = UILabel()
     private let headings = ProcessColumnHeadingsView()
 
     override init(reuseIdentifier: String?) {
         super.init(reuseIdentifier: reuseIdentifier)
-        summaryLabel.textColor = .secondaryLabel
-        summaryLabel.numberOfLines = 0
-        summaryLabel.accessibilityTraits = .header
-
-        let stack = UIStackView(arrangedSubviews: [summaryLabel, headings])
-        stack.axis = .vertical
-        stack.spacing = 2
-        stack.translatesAutoresizingMaskIntoConstraints = false
-        contentView.addSubview(stack)
+        headings.translatesAutoresizingMaskIntoConstraints = false
+        contentView.addSubview(headings)
         let margins = contentView.layoutMarginsGuide
         NSLayoutConstraint.activate([
-            stack.leadingAnchor.constraint(equalTo: margins.leadingAnchor),
-            stack.trailingAnchor.constraint(equalTo: margins.trailingAnchor),
-            stack.topAnchor.constraint(equalTo: margins.topAnchor),
-            stack.bottomAnchor.constraint(equalTo: margins.bottomAnchor),
+            headings.leadingAnchor.constraint(equalTo: margins.leadingAnchor),
+            headings.trailingAnchor.constraint(equalTo: margins.trailingAnchor),
+            headings.topAnchor.constraint(equalTo: margins.topAnchor),
+            headings.bottomAnchor.constraint(equalTo: margins.bottomAnchor),
         ])
     }
 
@@ -39,13 +31,7 @@ final class ProcessListHeaderView: UITableViewHeaderFooterView {
         fatalError("init(coder:) is not supported")
     }
 
-    func configure(summary: String, sortOrder: ProcessSortOrder, metrics: ProcessListMetrics) {
-        summaryLabel.text = summary
-        summaryLabel.font = metrics.summaryFont
-        // Stacked rows have no columns to head; the menu still sorts them.
-        if headings.isHidden != metrics.isStacked {
-            headings.isHidden = metrics.isStacked
-        }
+    func configure(sortOrder: ProcessSortOrder, metrics: ProcessListMetrics) {
         headings.configure(sortOrder: sortOrder, metrics: metrics)
     }
 
diff --git a/Inspector/ProcessListViewController.swift b/Inspector/ProcessListViewController.swift
index ff3c5cb..7ead72b 100644
--- a/Inspector/ProcessListViewController.swift
+++ b/Inspector/ProcessListViewController.swift
@@ -49,6 +49,11 @@ final class ProcessListViewController: UITableViewController, UISearchResultsUpd
         super.viewDidLoad()
         title = String(localized: "Inspector")
         navigationItem.largeTitleDisplayMode = .never
+        // Before iOS 26 a bar has no subtitle of its own; a two-line title
+        // view stands in for one.
+        if #unavailable(iOS 26.0) {
+            navigationItem.titleView = titleView
+        }
         navigationItem.leftBarButtonItem = UIBarButtonItem(customView: statsButton)
         // The first item sits at the edge: the live-updates toggle, with the
         // sort and filter menu beside it.
@@ -196,6 +201,7 @@ final class ProcessListViewController: UITableViewController, UISearchResultsUpd
         if let header = tableView.headerView(forSection: 0) as? ProcessListHeaderView {
             configure(header)
         }
+        renderSubtitle()
         statsButton.isEnabled = !model.rows.isEmpty
         renderLiveUpdatesItem()
         // A plain table ruled the empty space below the last row with
@@ -257,9 +263,23 @@ final class ProcessListViewController: UITableViewController, UISearchResultsUpd
         }
     }
 
+    // What the list holds, under the title: "120 processes · Paused". Blank
+    // until the first sample, which would only have said "0 processes".
+    private func renderSubtitle() {
+        let subtitle = model.rows.isEmpty ? nil : processSummary(visibleCount: model.visibleRows.count)
+        if #available(iOS 26.0, *) {
+            guard navigationItem.subtitle != subtitle else { return }
+            navigationItem.subtitle = subtitle
+        } else {
+            titleView.subtitle = subtitle
+        }
+    }
+
+    private lazy var titleView = NavigationTitleView(title: title ?? "")
+
     // Each fragment is translated on its own, then joined — a single key with
     // every optional clause baked in would be untranslatable.
-    private func processHeader(visibleCount: Int) -> String {
+    private func processSummary(visibleCount: Int) -> String {
         let total = model.rows.count
         var parts = [
             visibleCount == total
@@ -277,8 +297,8 @@ final class ProcessListViewController: UITableViewController, UISearchResultsUpd
 
     // MARK: Table view
 
-    // A header view of its own rather than titleForHeaderInSection, which
-    // uppercases the text on older systems and has no room for headings.
+    // The column headings, pinned over the rows. Stacked rows have no
+    // columns to head, so there the header goes; the menu still sorts.
     override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
         let identifier = ProcessListHeaderView.reuseIdentifier
         let header = tableView.dequeueReusableHeaderFooterView(withIdentifier: identifier)
@@ -289,7 +309,7 @@ final class ProcessListViewController: UITableViewController, UISearchResultsUpd
     }
 
     override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
-        UITableView.automaticDimension
+        metrics.isStacked ? .leastNonzeroMagnitude : UITableView.automaticDimension
     }
 
     // Every row is one height for a given text size, so the table never
@@ -299,11 +319,8 @@ final class ProcessListViewController: UITableViewController, UISearchResultsUpd
     }
 
     private func configure(_ header: ProcessListHeaderView) {
-        header.configure(
-            summary: processHeader(visibleCount: model.visibleRows.count),
-            sortOrder: model.sortOrder,
-            metrics: metrics
-        )
+        header.configure(sortOrder: model.sortOrder, metrics: metrics)
+        header.isHidden = metrics.isStacked
         if let columnInsets {
             header.alignColumns(to: columnInsets, in: tableView)
         }
@@ -543,6 +560,57 @@ extension UIViewController {
     }
 }
 
+// The title with a subtitle line under it, as iOS 26 draws a navigation
+// item's subtitle, for the systems before it. Read as one heading.
+private final class NavigationTitleView: UIView {
+    private let titleLabel = UILabel()
+    private let subtitleLabel = UILabel()
+
+    var subtitle: String? {
+        get { subtitleLabel.text }
+        set {
+            guard newValue != subtitleLabel.text else { return }
+            subtitleLabel.text = newValue
+            subtitleLabel.isHidden = newValue == nil
+            accessibilityLabel = [titleLabel.text, newValue].compactMap { $0 }.joined(separator: ", ")
+        }
+    }
+
+    init(title: String) {
+        super.init(frame: .zero)
+        titleLabel.text = title
+        titleLabel.font = .systemFont(ofSize: 17, weight: .semibold)
+        titleLabel.textColor = .label
+        subtitleLabel.font = .systemFont(ofSize: 12)
+        subtitleLabel.textColor = .secondaryLabel
+        subtitleLabel.isHidden = true
+        for label in [titleLabel, subtitleLabel] {
+            label.textAlignment = .center
+            label.lineBreakMode = .byTruncatingTail
+        }
+        isAccessibilityElement = true
+        accessibilityTraits = .header
+        accessibilityLabel = title
+
+        let stack = UIStackView(arrangedSubviews: [titleLabel, subtitleLabel])
+        stack.axis = .vertical
+        stack.alignment = .center
+        stack.translatesAutoresizingMaskIntoConstraints = false
+        addSubview(stack)
+        NSLayoutConstraint.activate([
+            stack.leadingAnchor.constraint(equalTo: leadingAnchor),
+            stack.trailingAnchor.constraint(equalTo: trailingAnchor),
+            stack.centerYAnchor.constraint(equalTo: centerYAnchor),
+            stack.topAnchor.constraint(greaterThanOrEqualTo: topAnchor),
+        ])
+    }
+
+    @available(*, unavailable)
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) is not supported")
+    }
+}
+
 private final class SidebarSelectionView: UIView {
     override init(frame: CGRect) {
         super.init(frame: frame)