bloby-bot 0.47.10 → 0.47.12

package/supervisor/chat/OnboardWizard.tsx

@@ -45,11 +45,16 @@ const ACCESS_LABELS: Record<AccessMethod, string> = {
 
 /* ── Provider config ── */
 
+// `iconHeight` is per-logo because each brand mark has different internal
+// padding — Codex's glyph is small inside its viewBox, Pi has tight margins,
+// etc. Tweak this number to optically balance the four logos at the same
+// visual weight. Default base is 30px; pass undefined to inherit it.
+const BASE_ICON_HEIGHT = 30;
 const PROVIDERS = [
-  { id: 'pi', name: 'Pi', subtitle: 'Bring your own\nmodel', icon: '/pi-logo.svg', comingSoon: false },
-  { id: 'bloby', name: 'Bloby', subtitle: 'Coming Soon..', icon: '/bloby.png', comingSoon: true },
-  { id: 'anthropic', name: 'Claude', subtitle: 'by\nAnthropic', icon: '/icons/claude.png', comingSoon: false },
-  { id: 'openai', name: 'OpenAI Codex', subtitle: 'ChatGPT\nPlus / Pro', icon: '/icons/codex.png', comingSoon: false },
+  { id: 'bloby',     name: 'Bloby',  subtitle: 'Coming Soon..',         icon: '/bloby.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 },
 ] as const;
 
 const MODELS: Record<string, { id: string; label: string }[]> = {
@@ -1712,8 +1717,8 @@ export default function OnboardWizard({ onComplete, isInitialSetup = false, onSa
                       {portalExists && !portalChangeMode && (
                         <div className="mt-5 flex items-center justify-between bg-white/[0.02] border border-white/[0.06] rounded-xl px-4 py-3">
                           <div>
-                            <p className="text-white/70 text-[13px] font-medium">Portal password</p>
-                            <p className="text-white/30 text-[11px] mt-0.5">Already configured — click to change it.</p>
+                            <p className="text-white/70 text-[13px] font-medium">Bloby Chat Password</p>
+                            <p className="text-white/30 text-[11px] mt-0.5">Already configured.</p>
                           </div>
                           <button
                             type="button"
@@ -2244,13 +2249,32 @@ export default function OnboardWizard({ onComplete, isInitialSetup = false, onSa
                       }`}
                     >
                       <div className="flex flex-col items-center gap-1.5 py-0.5">
-                        {p.icon ? (
-                          <img src={p.icon} alt={p.name} className="w-9 h-9 object-contain" />
-                        ) : (
-                          <div className="w-9 h-9 rounded-lg bg-white/[0.06] flex items-center justify-center text-white/50 text-sm font-bold">
-                            O
-                          </div>
-                        )}
+                        {(() => {
+                          const px = (p as any).iconHeight ?? BASE_ICON_HEIGHT;
+                          // Reserve the tallest possible row so cards align even when
+                          // one logo is bumped up a few px for optical balance.
+                          const rowHeight = Math.max(BASE_ICON_HEIGHT, px);
+                          return (
+                            <div
+                              className="flex items-center justify-center"
+                              style={{ height: `${rowHeight}px` }}
+                            >
+                              {p.icon ? (
+                                <img
+                                  src={p.icon}
+                                  alt={p.name}
+                                  className="w-auto object-contain"
+                                  style={{ height: `${px}px` }}
+                                />
+                              ) : (
+                                <div
+                                  className="rounded-lg bg-white/[0.06] flex items-center justify-center text-white/50 text-sm font-bold"
+                                  style={{ height: `${px}px`, width: `${px}px` }}
+                                />
+                              )}
+                            </div>
+                          );
+                        })()}
                         <div className="text-center">
                           <div className="text-[13px] font-medium text-white">{p.name}</div>
                           <div className="text-[10px] text-white/30 whitespace-pre-line leading-tight">{p.subtitle}</div>

package/supervisor/index.ts

@@ -42,6 +42,7 @@ const PLATFORM_ASSETS = new Set([
   '/bloby_frame1.png',
   '/bloby.png',
   '/pi-logo.svg',
+  '/codex.svg',
   '/manifest.json',
 ]);
 

package/supervisor/public/codex.svg

@@ -0,0 +1 @@
+<svg style="flex:none;line-height:1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Codex</title><path d="M9.064 3.344a4.578 4.578 0 012.285-.312c1 .115 1.891.54 2.673 1.275.01.01.024.017.037.021a.09.09 0 00.043 0 4.55 4.55 0 013.046.275l.047.022.116.057a4.581 4.581 0 012.188 2.399c.209.51.313 1.041.315 1.595a4.24 4.24 0 01-.134 1.223.123.123 0 00.03.115c.594.607.988 1.33 1.183 2.17.289 1.425-.007 2.71-.887 3.854l-.136.166a4.548 4.548 0 01-2.201 1.388.123.123 0 00-.081.076c-.191.551-.383 1.023-.74 1.494-.9 1.187-2.222 1.846-3.711 1.838-1.187-.006-2.239-.44-3.157-1.302a.107.107 0 00-.105-.024c-.388.125-.78.143-1.204.138a4.441 4.441 0 01-1.945-.466 4.544 4.544 0 01-1.61-1.335c-.152-.202-.303-.392-.414-.617a5.81 5.81 0 01-.37-.961 4.582 4.582 0 01-.014-2.298.124.124 0 00.006-.056.085.085 0 00-.027-.048 4.467 4.467 0 01-1.034-1.651 3.896 3.896 0 01-.251-1.192 5.189 5.189 0 01.141-1.6c.337-1.112.982-1.985 1.933-2.618.212-.141.413-.251.601-.33.215-.089.43-.164.646-.227a.098.098 0 00.065-.066 4.51 4.51 0 01.829-1.615 4.535 4.535 0 011.837-1.388zm3.482 10.565a.637.637 0 000 1.272h3.636a.637.637 0 100-1.272h-3.636zM8.462 9.23a.637.637 0 00-1.106.631l1.272 2.224-1.266 2.136a.636.636 0 101.095.649l1.454-2.455a.636.636 0 00.005-.64L8.462 9.23z" fill="url(#codex-gradient)"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id="codex-gradient" x1="12" x2="12" y1="3" y2="21"><stop stop-color="#B1A7FF"></stop><stop offset=".5" stop-color="#7A9DFF"></stop><stop offset="1" stop-color="#3941FF"></stop></linearGradient></defs></svg>

package/dist-bloby/assets/mermaid-GHXKKRXX-DfO3-4oI.js

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