feat(gallery): bring ten core controls to the extraction bar

Batch 2 of the extraction sweep: consoleKeys, abcKeypad, indexPlate, faderH, faderV, knob, segmented, chipToggle, armButton and lampRow now carry the split-flap-shape contract comment. Every class they own wears the dupre- prefix, internals and modifiers included (dupre-key dupre-green, dupre-fader dupre-cap), with every in-kit consumer updated in the same pass: the dsky and annunciator pads, the rotarySelector and encoder spindles, the page's size bar, and the probe selectors.

I also removed indexPlate's dead '#dupre-defs' lookup (nothing ever created that id) and dropped the unused .key.off rule. The faders, knob and lampRow now cache their element refs instead of re-querying every set(), and segmented and lampRow clamp set() the way consoleKeys does.

The audit's contract count moves from 14 to 24 of 111.

1 files changed, 7 insertions, 7 deletions

diff --git a/docs/prototypes/panel-widget-gallery.html b/docs/prototypes/panel-widget-gallery.html
index 0bf3ab8..3d31b6b 100644
--- a/docs/prototypes/panel-widget-gallery.html
+++ b/docs/prototypes/panel-widget-gallery.html
@@ -219,10 +219,10 @@ a.no{text-decoration:none;cursor:pointer}
      switches, keys and lamps. Each card carries a live readout that tracks what you do. The trace displays run
      a live signal; the pointer types drive from your drag.</p>
     <div class="szbar"><span class="lab">instruments/row</span>
-      <button class="key" data-cols="1">1</button>
-      <button class="key" data-cols="2">2</button>
-      <button class="key on" data-cols="3">3</button>
-      <button class="key" data-cols="4">4</button>
+      <button class="dupre-key" data-cols="1">1</button>
+      <button class="dupre-key" data-cols="2">2</button>
+      <button class="dupre-key dupre-on" data-cols="3">3</button>
+      <button class="dupre-key" data-cols="4">4</button>
     </div>
   </div>
   <nav class="toc">
@@ -266,15 +266,15 @@ a.no{text-decoration:none;cursor:pointer}
 const $ = id => document.getElementById(id);
 const {svgEl,polar,dragX,dragY,dragDelta,seg7,buildBars,VUDB,vuDb,SCREEN_FAMS}=DUPRE;
 const reduced = matchMedia('(prefers-reduced-motion: reduce)').matches;
-document.querySelectorAll('.szbar .key').forEach(b=>b.addEventListener('click',()=>{
+document.querySelectorAll('.szbar .dupre-key').forEach(b=>b.addEventListener('click',()=>{
   document.body.dataset.cols=b.dataset.cols;
   localStorage.setItem('gv-cols',b.dataset.cols);
-  document.querySelectorAll('.szbar .key').forEach(k=>k.classList.toggle('on',k===b));
+  document.querySelectorAll('.szbar .dupre-key').forEach(k=>k.classList.toggle('dupre-on',k===b));
 }));
 (function(){const s=localStorage.getItem('gv-cols');
   if(!s||!/^[1234]$/.test(s))return;
   document.body.dataset.cols=s;
-  document.querySelectorAll('.szbar .key').forEach(k=>k.classList.toggle('on',k.dataset.cols===s));})();
+  document.querySelectorAll('.szbar .dupre-key').forEach(k=>k.classList.toggle('dupre-on',k.dataset.cols===s));})();
 /* boost the intrinsically tiny instruments (audit: content under 10% of the stage) */
 const BOOST=['01','07','08','12','13','N14','18'];