From cd5650d8baaf8c236374542a1c24cb50d14989d3 Mon Sep 17 00:00:00 2001
From: "prompt.ac/@jeffrey" <mail@aesthetic.computer>
Date: Wed, 29 Apr 2026 01:16:10 -0700
Subject: [PATCH] slab/menuband: tiny numeric instrument map + Whistle default
 + name readout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

InstrumentListView rewritten as a non-scrollable 8 × 16 numeric grid:
- 128 cells, one per GM program, each ~28 × 14 px showing just the 3-
  digit number ("078") in monospaced. Family-tinted background per row
  (16 families = 16 colored stripes top to bottom). Selected cell
  flashes the family color full-strength + bold white number.
- No scroll, no names inside cells — the popover gets way smaller and
  the whole instrument set is readable at a glance.
- Hover only nudges the row's tint; clicks commit + audition.

Below the grid, a single monospaced readout line shows the selected
program's number + name ("078  Whistle") so the user still sees what
they picked. Updated on syncFromController + handleInstrumentCommit.

Default instrument: Whistle (GM 078) — playful + breathy, more
distinctive than acoustic grand on a fresh install. Fresh-install
default written in bootstrap if the UserDefault isn't set; this user's
pref also flipped to 78 via `defaults write …notepat.melodicProgram`.

About / Crash row:
- Distribution flipped from .fillEqually to .fill, with About hugging
  low (expands) and Crash hugging high (sticks to its content). When
  there are no crashes, About claims the whole row instead of leaving
  empty space on the right.
- About body font bumped 10 → 10.5 with preferredMaxLayoutWidth = the
  instrument-map width so the paragraph wraps to the popover width.

Site:
- Bump download cache-buster query string to ?v=237f18c.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../Sources/MenuBand/InstrumentMapView.swift  | 300 +++++-------------
 .../Sources/MenuBand/MenuBandController.swift |   6 +
 .../Sources/MenuBand/MenuBandPopover.swift    |  52 +--
 system/public/menuband/index.html             |   2 +-
 4 files changed, 119 insertions(+), 241 deletions(-)

diff --git a/slab/menuband/Sources/MenuBand/InstrumentMapView.swift b/slab/menuband/Sources/MenuBand/InstrumentMapView.swift
index 69f6c0aaf2..eec93b5ef4 100644
--- a/slab/menuband/Sources/MenuBand/InstrumentMapView.swift
+++ b/slab/menuband/Sources/MenuBand/InstrumentMapView.swift
@@ -1,56 +1,39 @@
 import AppKit
 
-/// Two-column sectioned browser for the 128 General MIDI programs. Left
-/// column carries the first 8 GM families (Piano … Brass), right column
-/// carries the last 8 (Reed … Sound FX). Each family has a colored
-/// header + 8 instrument rows beneath it. Click a row → onCommit; the
-/// popover hands that to the controller, which sets the program and
-/// auditions middle-C through the local synth so the user hears their
-/// pick.
+/// Tiny numeric flat-map of all 128 General MIDI programs. 8 columns × 16
+/// rows, one cell per program — number-only, family-colored background.
+/// No scrolling, no names: a glance shows the whole instrument set.
+/// Click a cell → onCommit; the popover commits the program and plays a
+/// preview note in it.
 ///
-/// No hover audio. Hover only nudges the row's background slightly so
-/// the cursor's resting target reads at a glance.
+/// Replaces the scrollable named-list because the named list ate the
+/// popover's vertical real estate. The numeric map is ~224 × 224 px and
+/// fits comfortably alongside the rest of the controls.
 final class InstrumentListView: NSView {
-    static let rowHeight: CGFloat = 18
-    static let headerHeight: CGFloat = 22
-    static let stripeWidth: CGFloat = 4
-    static let sectionPadding: CGFloat = 8
+    static let cols = 8
+    static let rows = 16
+    static let cellW: CGFloat = 28
+    static let cellH: CGFloat = 14
 
-    static let columnWidth: CGFloat = 220
-    static let columnGap: CGFloat = 8
-    static let totalColumns = 2
-    static let familiesPerColumn = 8       // 16 families / 2 columns
-    static let programsPerFamily = 8
-
-    static let sectionHeight: CGFloat =
-        headerHeight + CGFloat(programsPerFamily) * rowHeight + sectionPadding
-
-    static let preferredWidth: CGFloat =
-        CGFloat(totalColumns) * columnWidth + CGFloat(totalColumns - 1) * columnGap
-
-    static let intrinsicHeight: CGFloat = CGFloat(familiesPerColumn) * sectionHeight
+    static let preferredWidth:  CGFloat = cellW * CGFloat(cols)    // 224
+    static let preferredHeight: CGFloat = cellH * CGFloat(rows)    // 224
 
     var selectedProgram: UInt8 = 0 { didSet { needsDisplay = true } }
     private(set) var hoveredProgram: UInt8?
-
-    /// Only `onCommit` is exposed — the design dropped hover audio, so we
-    /// don't even surface a hover callback. The view tracks hover for the
-    /// background highlight only.
     var onCommit: ((Int) -> Void)?
 
     private var trackingArea: NSTrackingArea?
 
-    /// Rows top-down (y=0 → topmost row), matching reading order.
-    override var isFlipped: Bool { true }
+    override var isFlipped: Bool { true }   // top-down rows, reading order
 
     override init(frame frameRect: NSRect) {
         super.init(frame: frameRect)
-        setFrameSize(NSSize(width: Self.preferredWidth, height: Self.intrinsicHeight))
+        setFrameSize(NSSize(width: Self.preferredWidth, height: Self.preferredHeight))
     }
     required init?(coder: NSCoder) { fatalError() }
 
     override var intrinsicContentSize: NSSize {
-        NSSize(width: Self.preferredWidth, height: Self.intrinsicHeight)
+        NSSize(width: Self.preferredWidth, height: Self.preferredHeight)
     }
 
     override func updateTrackingAreas() {
@@ -66,175 +49,77 @@ final class InstrumentListView: NSView {
         trackingArea = ta
     }
 
-    // MARK: - Layout helpers
-
-    /// Origin x of the given column (0 or 1).
-    private func columnX(_ col: Int) -> CGFloat {
-        CGFloat(col) * (Self.columnWidth + Self.columnGap)
-    }
-
-    /// Origin y (top-down) of family index `i` within its column.
-    private func sectionY(_ familyInColumn: Int) -> CGFloat {
-        CGFloat(familyInColumn) * Self.sectionHeight
-    }
-
-    private func rowRect(programInFamily: Int, familyInColumn: Int, column: Int) -> NSRect {
-        let x = columnX(column) + Self.stripeWidth
-        let y = sectionY(familyInColumn) + Self.headerHeight + CGFloat(programInFamily) * Self.rowHeight
-        return NSRect(x: x, y: y,
-                      width: Self.columnWidth - Self.stripeWidth,
-                      height: Self.rowHeight)
-    }
-
-    private func headerRect(familyInColumn: Int, column: Int) -> NSRect {
-        NSRect(x: columnX(column),
-               y: sectionY(familyInColumn),
-               width: Self.columnWidth,
-               height: Self.headerHeight)
-    }
+    // MARK: - Geometry
 
-    private func stripeRect(familyInColumn: Int, column: Int) -> NSRect {
-        NSRect(x: columnX(column),
-               y: sectionY(familyInColumn) + Self.headerHeight,
-               width: Self.stripeWidth,
-               height: CGFloat(Self.programsPerFamily) * Self.rowHeight)
+    private func cellRect(program p: Int) -> NSRect {
+        let col = p % Self.cols
+        let row = p / Self.cols
+        return NSRect(x: CGFloat(col) * Self.cellW,
+                      y: CGFloat(row) * Self.cellH,
+                      width: Self.cellW,
+                      height: Self.cellH)
     }
 
-    /// Given a point in the view, return the program (0..127) under it,
-    /// or nil if the point falls in a header / column gap / padding area.
     private func program(at point: NSPoint) -> Int? {
-        // Column.
-        let stride = Self.columnWidth + Self.columnGap
-        let col = Int(point.x / stride)
-        guard col >= 0, col < Self.totalColumns else { return nil }
-        let xInColumn = point.x - CGFloat(col) * stride
-        guard xInColumn >= 0, xInColumn <= Self.columnWidth else { return nil }
-
-        // Family within column.
-        let familyInCol = Int(point.y / Self.sectionHeight)
-        guard familyInCol >= 0, familyInCol < Self.familiesPerColumn else { return nil }
-        let yInSection = point.y - CGFloat(familyInCol) * Self.sectionHeight
-
-        // Skip headers + bottom padding.
-        if yInSection < Self.headerHeight { return nil }
-        let yInBody = yInSection - Self.headerHeight
-        let progInFam = Int(yInBody / Self.rowHeight)
-        guard progInFam >= 0, progInFam < Self.programsPerFamily else { return nil }
-
-        let familyAbs = col * Self.familiesPerColumn + familyInCol
-        return familyAbs * Self.programsPerFamily + progInFam
+        guard bounds.contains(point) else { return nil }
+        let col = Int(point.x / Self.cellW)
+        let row = Int(point.y / Self.cellH)
+        guard col >= 0, col < Self.cols, row >= 0, row < Self.rows else { return nil }
+        let p = row * Self.cols + col
+        return p < 128 ? p : nil
     }
 
-    // MARK: - Colors
-
-    private func familyColor(_ familyAbs: Int) -> NSColor {
-        NSColor(hue: CGFloat(familyAbs) / CGFloat(GeneralMIDI.families.count),
-                saturation: 0.55, brightness: 0.85, alpha: 1.0)
+    private func familyColor(forProgram p: Int) -> NSColor {
+        // 16 families × 8 programs each. Each row IS a family (since cols=8).
+        let famIdx = p / 8
+        return NSColor(hue: CGFloat(famIdx) / 16.0,
+                       saturation: 0.55, brightness: 0.88, alpha: 1.0)
     }
 
     // MARK: - Drawing
 
-    private static let headerAttrs: [NSAttributedString.Key: Any] = [
-        .font: NSFont.systemFont(ofSize: 10, weight: .bold),
-        .foregroundColor: NSColor.labelColor,
-        .kern: 0.6,
+    private static let numAttrs: [NSAttributedString.Key: Any] = [
+        .font: NSFont.monospacedDigitSystemFont(ofSize: 9, weight: .medium),
+        .foregroundColor: NSColor.labelColor.withAlphaComponent(0.85),
     ]
-    private static let numberAttrs: [NSAttributedString.Key: Any] = [
-        .font: NSFont.monospacedDigitSystemFont(ofSize: 10, weight: .regular),
-        .foregroundColor: NSColor.tertiaryLabelColor,
-    ]
-    private static let nameAttrs: [NSAttributedString.Key: Any] = [
-        .font: NSFont.systemFont(ofSize: 11, weight: .regular),
-        .foregroundColor: NSColor.labelColor,
-    ]
-    private static let nameAttrsSelected: [NSAttributedString.Key: Any] = [
-        .font: NSFont.systemFont(ofSize: 11, weight: .semibold),
-        .foregroundColor: NSColor.labelColor,
+    private static let numAttrsSelected: [NSAttributedString.Key: Any] = [
+        .font: NSFont.monospacedDigitSystemFont(ofSize: 9, weight: .bold),
+        .foregroundColor: NSColor.white,
     ]
 
     override func draw(_ dirtyRect: NSRect) {
         super.draw(dirtyRect)
-
-        for col in 0..<Self.totalColumns {
-            for familyInCol in 0..<Self.familiesPerColumn {
-                let familyAbs = col * Self.familiesPerColumn + familyInCol
-                guard familyAbs < GeneralMIDI.families.count else { continue }
-                let (familyName, range) = GeneralMIDI.families[familyAbs]
-                let color = familyColor(familyAbs)
-
-                // Header.
-                let hRect = headerRect(familyInColumn: familyInCol, column: col)
-                if hRect.intersects(dirtyRect) {
-                    color.withAlphaComponent(0.18).setFill()
-                    NSBezierPath(rect: hRect).fill()
-                    let titleStr = NSString(string: familyName.uppercased())
-                    titleStr.draw(at: NSPoint(x: hRect.minX + 8, y: hRect.minY + 5),
-                                  withAttributes: Self.headerAttrs)
-                }
-
-                // Family color stripe spanning the body.
-                let sRect = stripeRect(familyInColumn: familyInCol, column: col)
-                if sRect.intersects(dirtyRect) {
-                    color.setFill()
-                    NSBezierPath(rect: sRect).fill()
-                }
-
-                // Programs.
-                for progInFam in 0..<Self.programsPerFamily {
-                    let p = range.lowerBound + progInFam
-                    guard p < GeneralMIDI.programNames.count else { continue }
-                    let r = rowRect(programInFamily: progInFam,
-                                    familyInColumn: familyInCol,
-                                    column: col)
-                    guard r.intersects(dirtyRect) else { continue }
-
-                    if hoveredProgram == UInt8(p) {
-                        NSColor.controlAccentColor.withAlphaComponent(0.20).setFill()
-                        NSBezierPath(rect: r).fill()
-                    } else if selectedProgram == UInt8(p) {
-                        NSColor.controlAccentColor.withAlphaComponent(0.12).setFill()
-                        NSBezierPath(rect: r).fill()
-                    } else if progInFam % 2 == 0 {
-                        NSColor.labelColor.withAlphaComponent(0.025).setFill()
-                        NSBezierPath(rect: r).fill()
-                    }
-
-                    // Program number — three monospace digits, dim.
-                    let num = NSString(format: "%03d", p)
-                    num.draw(at: NSPoint(x: r.minX + 4, y: r.minY + 3),
-                             withAttributes: Self.numberAttrs)
-
-                    // Name — truncated to fit column width.
-                    let nameAttrs = (selectedProgram == UInt8(p))
-                        ? Self.nameAttrsSelected
-                        : Self.nameAttrs
-                    let name = GeneralMIDI.programNames[p]
-                    let nameOriginX = r.minX + 32
-                    let nameMaxWidth = r.maxX - nameOriginX - 4
-                    drawTruncated(name, at: NSPoint(x: nameOriginX, y: r.minY + 2),
-                                  maxWidth: nameMaxWidth, attrs: nameAttrs)
-                }
+        for p in 0..<128 {
+            let r = cellRect(program: p)
+            guard r.intersects(dirtyRect) else { continue }
+            let fam = familyColor(forProgram: p)
+
+            // Background — family-tinted at low opacity so the grid reads
+            // as 16 rainbow rows.
+            fam.withAlphaComponent(0.20).setFill()
+            NSBezierPath(rect: r).fill()
+
+            if selectedProgram == UInt8(p) {
+                fam.setFill()
+                NSBezierPath(rect: r).fill()
+            } else if hoveredProgram == UInt8(p) {
+                NSColor.controlAccentColor.withAlphaComponent(0.35).setFill()
+                NSBezierPath(rect: r).fill()
             }
-        }
-    }
 
-    private func drawTruncated(_ text: String, at point: NSPoint,
-                                maxWidth: CGFloat,
-                                attrs: [NSAttributedString.Key: Any]) {
-        var s = text
-        var attr = NSAttributedString(string: s, attributes: attrs)
-        if attr.size().width <= maxWidth {
-            attr.draw(at: point)
-            return
-        }
-        // Tail-truncate. Strip until it fits, then append ellipsis.
-        let ellipsis = "…"
-        while !s.isEmpty {
-            s.removeLast()
-            attr = NSAttributedString(string: s + ellipsis, attributes: attrs)
-            if attr.size().width <= maxWidth { break }
+            // 1px hairline grid.
+            NSColor.black.withAlphaComponent(0.10).setStroke()
+            let path = NSBezierPath(rect: r.insetBy(dx: 0.25, dy: 0.25))
+            path.lineWidth = 0.5
+            path.stroke()
+
+            // Program number, centered.
+            let attrs = (selectedProgram == UInt8(p)) ? Self.numAttrsSelected : Self.numAttrs
+            let str = NSAttributedString(string: String(format: "%03d", p), attributes: attrs)
+            let size = str.size()
+            str.draw(at: NSPoint(x: r.midX - size.width / 2,
+                                 y: r.midY - size.height / 2))
         }
-        attr.draw(at: point)
     }
 
     // MARK: - Mouse
@@ -246,56 +131,29 @@ final class InstrumentListView: NSView {
         updateHover(at: convert(event.locationInWindow, from: nil))
     }
     override func mouseExited(with event: NSEvent) {
-        if hoveredProgram != nil {
+        if let prev = hoveredProgram {
             hoveredProgram = nil
-            needsDisplay = true
+            setNeedsDisplay(cellRect(program: Int(prev)))
         }
     }
 
     private func updateHover(at point: NSPoint) {
         let p = program(at: point).map { UInt8($0) }
         if p != hoveredProgram {
+            let prev = hoveredProgram
             hoveredProgram = p
-            needsDisplay = true
+            if let prev = prev { setNeedsDisplay(cellRect(program: Int(prev))) }
+            if let p = p { setNeedsDisplay(cellRect(program: Int(p))) }
         }
     }
 
     override func mouseDown(with event: NSEvent) {
-        let pt = convert(event.locationInWindow, from: nil)
-        let p = program(at: pt)
-        debugLog("InstrumentListView.mouseDown pt=(\(pt.x),\(pt.y)) program=\(String(describing: p))")
-        if let p = p {
+        if let p = program(at: convert(event.locationInWindow, from: nil)) {
             onCommit?(p)
         }
     }
 
-    /// Scroll so the row for `program` is visible.
-    func scrollProgramIntoView(_ program: UInt8, animated: Bool = false) {
-        let prog = Int(program)
-        let familyAbs = prog / Self.programsPerFamily
-        let progInFam = prog % Self.programsPerFamily
-        let col = familyAbs / Self.familiesPerColumn
-        let familyInCol = familyAbs % Self.familiesPerColumn
-        let r = rowRect(programInFamily: progInFam,
-                        familyInColumn: familyInCol,
-                        column: col)
-        guard let scroll = enclosingScrollView else { return }
-        let visible = scroll.documentVisibleRect
-        if !visible.contains(r) {
-            let centerY = r.midY - visible.height / 2
-            let clampedY = max(0, min(bounds.height - visible.height, centerY))
-            let newOrigin = NSPoint(x: 0, y: clampedY)
-            if animated {
-                NSAnimationContext.runAnimationGroup { ctx in
-                    ctx.duration = 0.25
-                    ctx.allowsImplicitAnimation = true
-                    scroll.contentView.animator().setBoundsOrigin(newOrigin)
-                    scroll.reflectScrolledClipView(scroll.contentView)
-                }
-            } else {
-                scroll.contentView.setBoundsOrigin(newOrigin)
-                scroll.reflectScrolledClipView(scroll.contentView)
-            }
-        }
-    }
+    /// No-op kept for API compatibility with the popover (was needed when
+    /// the list was scrollable; the numeric map shows everything at once).
+    func scrollProgramIntoView(_ program: UInt8, animated: Bool = false) {}
 }
diff --git a/slab/menuband/Sources/MenuBand/MenuBandController.swift b/slab/menuband/Sources/MenuBand/MenuBandController.swift
index 9c0760feeb..b246ab4f68 100644
--- a/slab/menuband/Sources/MenuBand/MenuBandController.swift
+++ b/slab/menuband/Sources/MenuBand/MenuBandController.swift
@@ -96,6 +96,12 @@ final class MenuBandController {
         // most users hear the synth first; DAW routing is the opt-in path
         // they pick after they know they want it. Existing users' choice
         // is preserved (only the default for first-launch changes).
+        // Default instrument: Whistle (GM 078) — playful + breathy, more
+        // distinctive than acoustic grand on a fresh install. Users can
+        // still pick anything from the popover map.
+        if UserDefaults.standard.object(forKey: melodicProgramKey) == nil {
+            UserDefaults.standard.set(78, forKey: melodicProgramKey)
+        }
         synth.start()
         synth.setMelodicProgram(melodicProgram)
         if UserDefaults.standard.object(forKey: midiModeKey) == nil {
diff --git a/slab/menuband/Sources/MenuBand/MenuBandPopover.swift b/slab/menuband/Sources/MenuBand/MenuBandPopover.swift
index 20db50d7f9..89cf243923 100644
--- a/slab/menuband/Sources/MenuBand/MenuBandPopover.swift
+++ b/slab/menuband/Sources/MenuBand/MenuBandPopover.swift
@@ -63,6 +63,7 @@ final class MenuBandPopoverViewController: NSViewController {
     private var midiInlineLabel: NSTextField!
     private var midiSelfTestLabel: NSTextField!  // legacy — created but never added to stack
     private var instrumentList: InstrumentListView!
+    private var instrumentReadout: NSTextField!
     private var octaveStepper: NSStepper!
     private var octaveLabel: NSTextField!
     private var crashStatusLabel: NSTextField!
@@ -293,30 +294,33 @@ final class MenuBandPopoverViewController: NSViewController {
         stack.addArrangedSubview(instrumentLabel)
 
         instrumentList = InstrumentListView()
+        instrumentList.translatesAutoresizingMaskIntoConstraints = false
         instrumentList.onCommit = { [weak self] prog in
             self?.handleInstrumentCommit(prog)
         }
-        let scroll = NSScrollView()
-        scroll.translatesAutoresizingMaskIntoConstraints = false
-        scroll.hasVerticalScroller = true
-        scroll.hasHorizontalScroller = false
-        scroll.autohidesScrollers = true
-        scroll.borderType = .lineBorder
-        scroll.scrollerStyle = .overlay
-        scroll.documentView = instrumentList
-        stack.addArrangedSubview(scroll)
-        scroll.widthAnchor.constraint(equalToConstant: InstrumentListView.preferredWidth).isActive = true
-        scroll.heightAnchor.constraint(equalToConstant: 180).isActive = true
+        stack.addArrangedSubview(instrumentList)
+        instrumentList.widthAnchor.constraint(equalToConstant: InstrumentListView.preferredWidth).isActive = true
+        instrumentList.heightAnchor.constraint(equalToConstant: InstrumentListView.preferredHeight).isActive = true
+
+        // Readout for the selected program — "078  Whistle" — sits right
+        // below the grid since the cells themselves only show numbers.
+        instrumentReadout = NSTextField(labelWithString: "")
+        instrumentReadout.font = NSFont.monospacedSystemFont(ofSize: 11, weight: .medium)
+        instrumentReadout.textColor = .labelColor
+        instrumentReadout.lineBreakMode = .byTruncatingTail
+        stack.addArrangedSubview(instrumentReadout)
 
         stack.addArrangedSubview(makeSeparator())
 
-        // About + Crash logs in a side-by-side row to save vertical space.
-        // Each takes half the popover width. Crash column is hidden when
-        // there are no recent reports, leaving About full-width.
+        // About + Crash logs in a side-by-side row. About has low hugging
+        // so it expands when the crash column is hidden (no reports) —
+        // takes the whole row instead of leaving negative space on the
+        // right. With reports present, the crash column claims its
+        // intrinsic content width and About fills what's left.
         let aboutCrashRow = NSStackView()
         aboutCrashRow.orientation = .horizontal
         aboutCrashRow.alignment = .top
-        aboutCrashRow.distribution = .fillEqually
+        aboutCrashRow.distribution = .fill
         aboutCrashRow.spacing = 12
 
         let aboutCol = NSStackView()
@@ -329,10 +333,11 @@ final class MenuBandPopoverViewController: NSViewController {
         let aboutBody = NSTextField(wrappingLabelWithString:
             "A political project to bring the built-in macOS instruments — " +
             "the ones GarageBand uses — into the menu bar. Free + open source.")
-        aboutBody.font = NSFont.systemFont(ofSize: 10)
+        aboutBody.font = NSFont.systemFont(ofSize: 10.5)
         aboutBody.textColor = .secondaryLabelColor
         aboutBody.maximumNumberOfLines = 0
-        aboutBody.preferredMaxLayoutWidth = 200
+        aboutBody.preferredMaxLayoutWidth = InstrumentListView.preferredWidth
+        aboutCol.setContentHuggingPriority(.defaultLow, for: .horizontal)
         aboutCol.addArrangedSubview(aboutTitle)
         aboutCol.addArrangedSubview(aboutBody)
         let linksRow = NSStackView()
@@ -362,7 +367,8 @@ final class MenuBandPopoverViewController: NSViewController {
         crashHintLabel.font = NSFont.systemFont(ofSize: 10)
         crashHintLabel.textColor = .secondaryLabelColor
         crashHintLabel.maximumNumberOfLines = 0
-        crashHintLabel.preferredMaxLayoutWidth = 200
+        crashHintLabel.preferredMaxLayoutWidth = 130
+        crashCol.setContentHuggingPriority(.defaultHigh, for: .horizontal)
         crashSendButton = NSButton(title: "Send crash reports",
                                    target: self,
                                    action: #selector(sendCrashLogs(_:)))
@@ -428,7 +434,7 @@ final class MenuBandPopoverViewController: NSViewController {
         inputSegmented.selectedSegment = inputModeSegment(typeMode: n.typeMode,
                                                            keymap: n.keymap)
         instrumentList.selectedProgram = n.melodicProgram
-        instrumentList.scrollProgramIntoView(n.melodicProgram)
+        updateInstrumentReadout(program: n.melodicProgram)
         updateSelfTestLabel(state: n.midiMode ? n.midiSelfTest : .unknown)
         refreshCrashStatus()
         refreshUpdateBanner()
@@ -448,6 +454,13 @@ final class MenuBandPopoverViewController: NSViewController {
         }
     }
 
+    /// Format the readout below the numeric grid as "078  Whistle".
+    private func updateInstrumentReadout(program: UInt8) {
+        let safe = max(0, min(127, Int(program)))
+        let name = GeneralMIDI.programNames[safe]
+        instrumentReadout.stringValue = String(format: "%03d  %@", safe, name)
+    }
+
     /// Reflect the MIDI loopback self-test status as the inline "MIDI"
     /// label's color. No textual chrome — the color is the indicator.
     private func updateSelfTestLabel(state: MenuBandController.MIDISelfTest) {
@@ -625,6 +638,7 @@ final class MenuBandPopoverViewController: NSViewController {
         guard let m = menuBand else { return }
         m.setMelodicProgram(UInt8(program))
         instrumentList.selectedProgram = UInt8(program)
+        updateInstrumentReadout(program: UInt8(program))
         debugLog("instrument commit prog=\(program)")
         // setMelodicProgram → loadSoundBankInstrument is synchronous on the
         // calling thread, but AVAudioUnitSampler briefly drops scheduled
diff --git a/system/public/menuband/index.html b/system/public/menuband/index.html
index 25c4520323..331c3c8513 100644
--- a/system/public/menuband/index.html
+++ b/system/public/menuband/index.html
@@ -879,7 +879,7 @@
     <p class="tagline">Built-in macOS instruments, in the menu bar.</p>
 
     <div class="button-row">
-      <a class="aqua" href="https://assets.aesthetic.computer/menuband/Menu-Band-0.1.dmg?v=b83144b" download>
+      <a class="aqua" href="https://assets.aesthetic.computer/menuband/Menu-Band-0.1.dmg?v=237f18c" download>
         Download
         <small>0.1 · Apple Silicon · 1.1 MB</small>
       </a>
-- 
2.54.0