@kolkrabbi/kol-hardware 0.6.0 → 0.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-hardware",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "private": false,
   "description": "Panel controls for instruments",
   "license": "MIT",
@@ -20,8 +20,8 @@
     "react-dom": "^18.3.0 || ^19.0.0"
   },
   "devDependencies": {
+    "@kolkrabbi/kol-component": "^0.290.0",
     "@kolkrabbi/kol-icons": "^0.41.0",
-    "@kolkrabbi/kol-component": "^0.287.0",
     "@kolkrabbi/kol-theme": "^0.183.0"
   },
   "files": [

package/src/value/EnvelopeGenerator.jsx

@@ -189,7 +189,8 @@ function EnvelopeHandles({ adsr, sec, onDragStart, onDrag, onDragEnd }) {
  *
  * TIME is the scope's clock: `bpm` sets its speed (60 BPM = one unit a second, so `t` reads as
  * seconds at the default and as beats at any other). Play / pause stops it where it is. `now`
- * (`() => t`) hands the clock to the host — a desk transport — and the scope reads it instead.
+ * (`() => t`) hands the clock to the host — a desk transport — and the scope reads it instead;
+ * Play/Pause, BPM and Trigger are then not drawn, since the host's transport does their jobs.
  *
  * ADSR: four handles on the scope — A (attack time), D (decay time), S (at the end of the hold:
  * sideways = how long the gate holds, up/down = the sustain level), R (release time). The scope
@@ -225,14 +226,18 @@ export default function EnvelopeGenerator({ generator, reference = 'panel', clas
   const passSec = mode === 'equation' ? sec : envelopeLength(adsr)
   const panel = reference === true || reference === 'panel'
 
+  /* a host clock (`now`) owns play, speed and restart — the controls for them would do nothing, so
+   * they are not drawn (EnvelopeGeneratorHostClockControls, kol-mirror 2026-10-22). Cycle still
+   * acts: it decides whether the host's time wraps over the pass or holds at its end. */
+  const ownClock = !g.now
   const transport = (
     <div className="flex h-6 shrink-0 items-center gap-3">
-      <Button tone="ghost" size="sm" iconOnly={g.playing ? 'pause' : 'play'} aria-label={g.playing ? 'Pause' : 'Play'} onClick={() => g.setPlaying(!g.playing)} />
-      <Field label="BPM" value={g.bpm} chars={3} onCommit={(v) => g.setBpm(Math.max(1, Math.min(999, num(v, g.bpm))))} />
+      {ownClock && <Button tone="ghost" size="sm" iconOnly={g.playing ? 'pause' : 'play'} aria-label={g.playing ? 'Pause' : 'Play'} onClick={() => g.setPlaying(!g.playing)} />}
+      {ownClock && <Field label="BPM" value={g.bpm} chars={3} onCommit={(v) => g.setBpm(Math.max(1, Math.min(999, num(v, g.bpm))))} />}
       {mode === 'adsr' && (
         <>
           <Toggle value={g.cycle} onChange={g.setCycle} label="cycle" />
-          <Button tone="ghost" size="sm" onClick={g.fire}>Trigger</Button>
+          {ownClock && <Button tone="ghost" size="sm" onClick={g.fire}>Trigger</Button>}
         </>
       )}
       <span className="ml-auto text-fg-48">{mode === 'adsr' ? `${passSec.toFixed(2)} s` : ''}</span>