bloby-bot 0.51.2 → 0.51.4

package/dist-bloby/assets/{highlighted-body-OFNGDK62-Bace_Nul.js → highlighted-body-OFNGDK62-DMeCY5Rc.js}

@@ -1 +1 @@
-import{c as e,r as t,t as n}from"./jsx-runtime-C0W9Wf2W.js";import{n as r,r as i,t as a}from"./bloby-DX6-xoTY.js";var o=e(t(),1),s=n(),c=({code:e,language:t,raw:n,className:c,startLine:l,lineNumbers:u,...d})=>{let{shikiTheme:f}=(0,o.useContext)(i),p=r(),[m,h]=(0,o.useState)(n);return(0,o.useEffect)(()=>{if(!p){h(n);return}let r=p.highlight({code:e,language:t,themes:f},e=>{h(e)});r&&h(r)},[e,t,f,p,n]),(0,s.jsx)(a,{className:c,language:t,lineNumbers:u,result:m,startLine:l,...d})};export{c as HighlightedCodeBlockBody};
+import{c as e,r as t,t as n}from"./jsx-runtime-C0W9Wf2W.js";import{n as r,r as i,t as a}from"./bloby-vi0Xitb-.js";var o=e(t(),1),s=n(),c=({code:e,language:t,raw:n,className:c,startLine:l,lineNumbers:u,...d})=>{let{shikiTheme:f}=(0,o.useContext)(i),p=r(),[m,h]=(0,o.useState)(n);return(0,o.useEffect)(()=>{if(!p){h(n);return}let r=p.highlight({code:e,language:t,themes:f},e=>{h(e)});r&&h(r)},[e,t,f,p,n]),(0,s.jsx)(a,{className:c,language:t,lineNumbers:u,result:m,startLine:l,...d})};export{c as HighlightedCodeBlockBody};

package/dist-bloby/assets/mermaid-GHXKKRXX-BOqNyL14.js

@@ -0,0 +1 @@
+import{i as e}from"./bloby-vi0Xitb-.js";export{e as Mermaid};

package/dist-bloby/bloby.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, interactive-widget=resizes-content" />
     <title>Bloby Chat</title>
-    <script type="module" crossorigin src="/bloby/assets/bloby-DX6-xoTY.js"></script>
+    <script type="module" crossorigin src="/bloby/assets/bloby-vi0Xitb-.js"></script>
     <link rel="modulepreload" crossorigin href="/bloby/assets/jsx-runtime-C0W9Wf2W.js">
     <link rel="modulepreload" crossorigin href="/bloby/assets/globals-DNO3ilRx.js">
     <link rel="stylesheet" crossorigin href="/bloby/assets/globals-D60b-8LY.css">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bloby-bot",
-  "version": "0.51.2",
+  "version": "0.51.4",
   "releaseNotes": [
     "1. New Morphy animation system: config-driven sprites loaded from /morphy/*.json",
     "2. Swapped teleporting (splash) and headphones (bubble + chat) to the new format",

package/supervisor/chat/OnboardWizard.tsx

@@ -51,7 +51,7 @@ const ACCESS_LABELS: Record<AccessMethod, string> = {
 // visual weight. Default base is 30px; pass undefined to inherit it.
 const BASE_ICON_HEIGHT = 30;
 const PROVIDERS = [
-  { id: 'bloby',     name: 'Bloby',  subtitle: 'Coming Soon..',         icon: '/bloby.png',        comingSoon: true,  iconHeight: 30 },
+  { id: 'bloby',     name: 'Bloby',  subtitle: 'Coming Soon..',         icon: '/morphy.png',        comingSoon: true,  iconHeight: 30 },
   { id: 'anthropic', name: 'Claude', subtitle: 'By\nAnthropic',         icon: '/icons/claude.png', comingSoon: false, iconHeight: 30 },
   { id: 'openai',    name: 'Codex',  subtitle: 'By\nOpenAI',            icon: '/codex.svg',        comingSoon: false, iconHeight: 34 },
   { id: 'pi',        name: 'Pi',     subtitle: 'Bring your\nown model', icon: '/pi-logo.svg',      comingSoon: false, iconHeight: 33 },

package/supervisor/chat/bloby-main.tsx

@@ -32,7 +32,6 @@ function BlobyApp() {
 
   // Recording state (for header animation)
   const [chatRecording, setChatRecording] = useState(false);
-  const [showHpAnim, setShowHpAnim] = useState(false);
 
   // Push notifications
   const [pushState, setPushState] = useState<'loading' | 'unsupported' | 'denied' | 'subscribed' | 'unsubscribed'>('loading');
@@ -361,15 +360,7 @@ function BlobyApp() {
 
         {/* Mascot / headphones animation */}
         <div className="relative ml-1.5 shrink-0">
-          {showHpAnim ? (
-            <HeadphonesAnimation
-              recording={chatRecording}
-              height={36}
-              onDone={() => setShowHpAnim(false)}
-            />
-          ) : (
-            <img src="/bloby.png" alt={botName} className="h-9 w-auto" />
-          )}
+          <HeadphonesAnimation recording={chatRecording} height={36} />
         </div>
 
         {/* Name + status line */}
@@ -529,10 +520,7 @@ function BlobyApp() {
             });
           }}
           onAudioReady={addPendingAudio}
-          onRecordingChange={(r) => {
-            setChatRecording(r);
-            if (r) setShowHpAnim(true);
-          }}
+          onRecordingChange={setChatRecording}
         />
       </div>
 

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

@@ -102,12 +102,28 @@ export default function HeadphonesAnimation({ recording, height = 36, onDone }:
     const ctx = canvas.getContext('2d')!;
     const state = stateRef.current;
 
-    if (state === 'idle' || !sprite || !cfg) {
+    if (!sprite || !cfg) {
       ctx.clearRect(0, 0, displayW, displayH);
       rafRef.current = requestAnimationFrame(tick);
       return;
     }
 
+    if (state === 'idle') {
+      // Hold the configured idle frame so the chat header shows a real visual at rest.
+      const cols = cfg.grid.cols;
+      const fw = cfg.frame.w;
+      const fh = cfg.frame.h;
+      const idleFrame = cfg.clips.idle.from;
+      const col = idleFrame % cols;
+      const row = Math.floor(idleFrame / cols);
+      ctx.clearRect(0, 0, displayW, displayH);
+      ctx.imageSmoothingEnabled = true;
+      ctx.imageSmoothingQuality = 'high';
+      ctx.drawImage(sprite, col * fw, row * fh, fw, fh, 0, 0, displayW, displayH);
+      rafRef.current = requestAnimationFrame(tick);
+      return;
+    }
+
     const baseFps = cfg.fps;
     const fps =
       state === 'activating' || state === 'activating_then_deactivate'

package/supervisor/index.ts

@@ -35,12 +35,12 @@ const SUPERVISOR_PUBLIC = path.join(PKG_DIR, 'supervisor', 'public');
 const PLATFORM_ASSETS = new Set([
   '/spritesheet.webp',
   '/headphones_spritesheet.webp',
-  '/bloby-icon-192.png',
-  '/bloby-icon-512.png',
-  '/bloby-badge.png',
-  '/bloby-favicon.png',
-  '/bloby_frame1.png',
-  '/bloby.png',
+  '/morphy-icon-192.png',
+  '/morphy-icon-512.png',
+  '/morphy-badge.png',
+  '/morphy-favicon.png',
+  '/morphy_frame1.png',
+  '/morphy.png',
   '/pi-logo.svg',
   '/codex.svg',
   '/manifest.json',
@@ -193,8 +193,8 @@ self.addEventListener('push', function(event) {
   event.waitUntil(
     self.registration.showNotification(data.title || 'Bloby', {
       body: data.body || '',
-      icon: '/bloby-icon-192.png',
-      badge: '/bloby-badge.png',
+      icon: '/morphy-icon-192.png',
+      badge: '/morphy-badge.png',
       vibrate: [100, 50, 100],
       tag: data.tag || 'bloby-default',
       data: { url: data.url || '/' },
@@ -220,7 +220,7 @@ self.addEventListener('notificationclick', function(event) {
 const RECOVERING_HTML = `<!DOCTYPE html><html style="background:#222122"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Bloby</title>
 <style>@keyframes _fs{to{transform:rotate(360deg)}}body{background:#222122;margin:0}</style></head>
 <body><div style="background:#222122;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100vw;font-family:system-ui,-apple-system,sans-serif">
-<img src="/bloby-icon-192.png" width="56" height="56" style="border-radius:14px;margin-bottom:20px" alt="" />
+<img src="/morphy-icon-192.png" width="56" height="56" style="border-radius:14px;margin-bottom:20px" alt="" />
 <div style="width:18px;height:18px;border:2px solid rgba(255,255,255,0.12);border-top-color:rgba(255,255,255,0.7);border-radius:50%;animation:_fs .6s linear infinite"></div>
 </div><script>setTimeout(function(){location.reload()},3000)</script>
 <script src="/bloby/widget.js"></script></body></html>`;

package/supervisor/public/manifest.json

@@ -8,13 +8,13 @@
   "theme_color": "#212121",
   "icons": [
     {
-      "src": "/bloby-icon-192.png",
+      "src": "/morphy-icon-192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any maskable"
     },
     {
-      "src": "/bloby-icon-512.png",
+      "src": "/morphy-icon-512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any maskable"

package/workspace/client/index.html

@@ -7,8 +7,8 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
     <meta name="apple-mobile-web-app-title" content="Bloby" />
-    <link rel="icon" type="image/png" href="/bloby-favicon.png" />
-    <link rel="apple-touch-icon" href="/bloby-icon-192.png" />
+    <link rel="icon" type="image/png" href="/morphy-favicon.png" />
+    <link rel="apple-touch-icon" href="/morphy-icon-192.png" />
     <link rel="manifest" href="/manifest.json" />
     <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet">
     <title>Bloby - AI agent with its own workspace</title>
@@ -30,7 +30,7 @@
         if (root && root.children.length === 0) {
           root.innerHTML =
             '<div style="background:#0A0A0A;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100vw;position:fixed;inset:0;z-index:50;font-family:system-ui,-apple-system,sans-serif;text-align:center;padding:24px">' +
-            '<img src="/bloby_frame1.png" style="height:120px;width:120px;border-radius:50%;object-fit:cover;margin-bottom:32px" alt="Bloby" />' +
+            '<img src="/morphy_frame1.png" style="height:120px;width:120px;border-radius:50%;object-fit:cover;margin-bottom:32px" alt="Bloby" />' +
             '<h1 style="font-size:20px;font-weight:600;margin-bottom:8px">Your app crashed</h1>' +
             '<p style="font-size:14px;color:rgba(255,255,255,0.5);max-width:320px;line-height:1.5">Ask the agent to fix it using the chat.</p>' +
             '</div>';

package/workspace/client/public/manifest.json

@@ -8,13 +8,13 @@
   "theme_color": "#212121",
   "icons": [
     {
-      "src": "/bloby-icon-192.png",
+      "src": "/morphy-icon-192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any maskable"
     },
     {
-      "src": "/bloby-icon-512.png",
+      "src": "/morphy-icon-512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "any maskable"

package/workspace/client/public/sw.js

@@ -111,8 +111,8 @@ self.addEventListener('push', (event) => {
   event.waitUntil(
     self.registration.showNotification(data.title || 'Bloby', {
       body: data.body || '',
-      icon: '/bloby-icon-192.png',
-      badge: '/bloby-badge.png',
+      icon: '/morphy-icon-192.png',
+      badge: '/morphy-badge.png',
       vibrate: [100, 50, 100],
       tag: data.tag || 'bloby-default',
       data: { url: data.url || '/' },

package/workspace/client/src/components/Layout/DashboardLayout.tsx

@@ -36,7 +36,7 @@ export default function DashboardLayout({ children, userName, botName = 'Bloby'
       <header className="flex items-center justify-between px-4 py-3 md:hidden">
         <MobileNav userName={userName} botName={botName} backendStatus={status} />
         <div className="flex items-center gap-2">
-          <img src="/bloby.png" alt={botName} className="h-6 w-auto" />
+          <img src="/morphy.png" alt={botName} className="h-6 w-auto" />
           <span className="font-semibold text-base">{botName}</span>
         </div>
         <div className="w-10" />

package/workspace/client/src/components/Layout/Sidebar.tsx

@@ -27,7 +27,7 @@ export default function Sidebar({ userName, botName = 'Bloby', backendStatus = '
     <aside className="flex flex-col h-full w-64 bg-transparent p-5 pt-8">
       {/* Logo */}
       <div className="flex items-center gap-2.5 mb-8">
-        <img src="/bloby.png" alt={botName} className="h-7 w-auto" />
+        <img src="/morphy.png" alt={botName} className="h-7 w-auto" />
         <span className="font-bold text-lg" style={{ fontFamily: "'Space Grotesk', sans-serif" }}>{botName}</span>
       </div>
 

package/dist-bloby/assets/mermaid-GHXKKRXX-CYB8h2y4.js

@@ -1 +0,0 @@
-import{i as e}from"./bloby-DX6-xoTY.js";export{e as Mermaid};