bloby-bot 0.22.19 → 0.23.1

package/bin/cli.js

@@ -538,6 +538,15 @@ class Stepper {
       lineCount += 1 + this.infoLines.length;
     }
 
+    // Clear leftover lines when content shrinks (e.g. info lines removed)
+    if (lineCount < this._totalLines) {
+      const extra = this._totalLines - lineCount;
+      for (let i = 0; i < extra; i++) {
+        process.stdout.write('\x1b[2K\n');
+      }
+      process.stdout.write(`\x1b[${extra}A`);
+    }
+
     this._totalLines = lineCount;
   }
 
@@ -710,6 +719,17 @@ function finalMessage(tunnelUrl, relayUrl) {
   }
 }
 
+function readyMessage(tunnelUrl, relayUrl) {
+  if (relayUrl) {
+    console.log(`\n  ${c.pink}${c.bold}${link(relayUrl)}${c.reset}`);
+    console.log(`  ${c.dim}(cmd+click or ctrl+click to open)${c.reset}`);
+  }
+  if (tunnelUrl && tunnelUrl !== relayUrl) {
+    console.log(`  ${c.dim}Tunnel:${c.reset}  ${c.dim}${link(tunnelUrl)}${c.reset}`);
+  }
+  console.log('');
+}
+
 function writeVersionFile(version) {
   try { fs.writeFileSync(path.join(DATA_DIR, 'VERSION'), version); } catch {}
 }
@@ -1552,13 +1572,7 @@ async function update() {
   if (daemonWasRunning) {
     if (updateResult && updateResult.healthOk) {
       console.log(`  ${c.blue}✔${c.reset}  Daemon restarted with new version.`);
-      if (updateResult.tunnelUrl) {
-        console.log(`  ${c.dim}Tunnel:${c.reset}  ${c.blue}${link(updateResult.tunnelUrl)}${c.reset}`);
-      }
-      if (updateResult.relayUrl) {
-        console.log(`  ${c.dim}URL:${c.reset}     ${c.pink}${link(updateResult.relayUrl)}${c.reset}`);
-      }
-      console.log('');
+      readyMessage(updateResult.tunnelUrl, updateResult.relayUrl);
     } else {
       console.log(`  ${c.yellow}⚠${c.reset}  Daemon may still be starting. Check ${c.pink}bloby daemon status${c.reset}\n`);
     }
@@ -1690,14 +1704,8 @@ async function daemon(sub) {
         const restartResult = await waitForDaemonHealth(restartStepper, restartConfig, restartHasTunnel, restartLogOffset);
         restartStepper.finish();
 
-        console.log(`\n  ${c.blue}✔${c.reset}  Bloby daemon restarted.\n`);
-        if (restartResult.tunnelUrl) {
-          console.log(`  ${c.dim}Tunnel:${c.reset}  ${c.blue}${link(restartResult.tunnelUrl)}${c.reset}`);
-        }
-        if (restartResult.relayUrl) {
-          console.log(`  ${c.dim}URL:${c.reset}     ${c.pink}${link(restartResult.relayUrl)}${c.reset}`);
-        }
-        if (restartResult.tunnelUrl || restartResult.relayUrl) console.log('');
+        console.log(`\n  ${c.blue}✔${c.reset}  Bloby daemon restarted.`);
+        readyMessage(restartResult.tunnelUrl, restartResult.relayUrl);
         break;
       }
 
@@ -1830,14 +1838,8 @@ async function daemon(sub) {
       const sysRestartResult = await waitForDaemonHealth(sysRestartStepper, sysRestartConfig, sysRestartHasTunnel, 0);
       sysRestartStepper.finish();
 
-      console.log(`\n  ${c.blue}✔${c.reset}  Bloby daemon restarted.\n`);
-      if (sysRestartResult.tunnelUrl) {
-        console.log(`  ${c.dim}Tunnel:${c.reset}  ${c.blue}${link(sysRestartResult.tunnelUrl)}${c.reset}`);
-      }
-      if (sysRestartResult.relayUrl) {
-        console.log(`  ${c.dim}URL:${c.reset}     ${c.pink}${link(sysRestartResult.relayUrl)}${c.reset}`);
-      }
-      if (sysRestartResult.tunnelUrl || sysRestartResult.relayUrl) console.log('');
+      console.log(`\n  ${c.blue}✔${c.reset}  Bloby daemon restarted.`);
+      readyMessage(sysRestartResult.tunnelUrl, sysRestartResult.relayUrl);
       break;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bloby-bot",
-  "version": "0.22.19",
+  "version": "0.23.1",
   "releaseNotes": [
     "1. new stuff",
     "2. ",

package/supervisor/chat/src/components/Chat/InputBar.tsx

@@ -320,6 +320,7 @@ export default function InputBar({ onSend, onStop, streaming, whisperEnabled, on
     (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);
 
     holdTimerRef.current = setTimeout(() => {
+      try { navigator.vibrate?.(50); } catch {}
       beginRecording();
     }, 200);
   }, [isMobile, isRecording, voiceEnabled, beginRecording, stopRecording]);
@@ -528,14 +529,17 @@ export default function InputBar({ onSend, onStop, streaming, whisperEnabled, on
                     {/* Draggable mic (DOM transform for 60fps) */}
                     <div
                       ref={micRef}
-                      className="shrink-0 touch-none select-none will-change-transform"
+                      className="shrink-0 touch-none select-none will-change-transform relative z-10"
                       style={{ transition: 'none' }}
                       onPointerDown={handleMicDown}
                       onPointerMove={handleMicMove}
                       onPointerUp={handleMicUp}
                       onPointerCancel={handleMicCancel}
                     >
-                      <div className="flex items-center justify-center h-11 w-11 rounded-full bg-destructive text-destructive-foreground">
+                      <div
+                        className="flex items-center justify-center h-11 w-11 rounded-full bg-destructive text-destructive-foreground"
+                        style={{ animation: 'mic-pulse-scale 2s ease-in-out infinite' }}
+                      >
                         <Mic className="h-5 w-5" />
                       </div>
                     </div>

package/supervisor/chat/src/styles/globals.css

@@ -130,3 +130,8 @@ body {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
+
+@keyframes mic-pulse-scale {
+  0%, 100% { transform: scale(1.1) translateY(-6px); }
+  50% { transform: scale(1.15) translateY(-8px); }
+}

package/supervisor/widget.js

@@ -13,6 +13,7 @@
     '#bloby-widget-panel.open{transform:translateX(0)}',
     '#bloby-widget-panel iframe{width:100%;height:100%;border:none;background:#212121}',
     '@media(max-width:480px){#bloby-widget-panel{width:100vw}}',
+    '@keyframes bloby-bubble-record{0%,100%{transform:scale(1.2) translateY(-12px)}50%{transform:scale(1.25) translateY(-14px)}}',
   ].join('\n');
   document.head.appendChild(style);
 
@@ -475,7 +476,17 @@
       loadHpSprite(function() { if (hpPointerDown) beginHpAnimation(); });
       return;
     }
+    try { navigator.vibrate(50); } catch(e) {}
     badgeEl.style.display = 'none';
+    // Grow + shift up, then start pulsating after the transition
+    canvas.style.transition = 'transform 0.2s ease';
+    canvas.style.transform = 'scale(1.2) translateY(-12px)';
+    setTimeout(function() {
+      if (hpState === 'activating' || hpState === 'recording') {
+        canvas.style.transition = 'none';
+        canvas.style.animation = 'bloby-bubble-record 2s ease-in-out infinite';
+      }
+    }, 220);
     hpState = 'activating';
     hpFrame = HP_ACTIVATE_START;
     hpPingPong = 1;
@@ -524,6 +535,11 @@
       }
     }
 
+    // Shrink back smoothly
+    canvas.style.animation = '';
+    canvas.style.transition = 'transform 0.2s ease';
+    canvas.style.transform = '';
+
     // v2 deactivation: reverse 40→11 (activate played backwards)
     if (hpState === 'activating') {
       hpState = 'activating_then_deactivate';
@@ -593,6 +609,7 @@
   // ══════════════════════════════════════════════════════════════════
 
   var isOpen = false;
+  var toggleCooldown = false;
 
   function toggle() {
     console.log('[widget] toggle called', { canvasPhase: canvasPhase, isOpen: isOpen });
@@ -643,8 +660,11 @@
       stopHpRecording(false);
     }
     // Tap detection: preventDefault on pointerdown suppresses click on mobile,
-    // so we handle taps here instead.
+    // so we handle taps here instead. Set cooldown to prevent the synthesized
+    // click from hitting the backdrop (bubble is hidden by then).
     if (!hpWasHold) {
+      toggleCooldown = true;
+      setTimeout(function() { toggleCooldown = false; }, 400);
       toggle();
     }
     hpWasHold = false;
@@ -674,7 +694,7 @@
   });
 
   bubble.addEventListener('contextmenu', function(e) { e.preventDefault(); });
-  backdrop.addEventListener('click', toggle);
+  backdrop.addEventListener('click', function() { if (!toggleCooldown) toggle(); });
   document.addEventListener('keydown', function (e) { if (e.key === 'Escape' && isOpen) toggle(); });
 
   // ── PWA Install ──