bloby-bot 0.47.9 → 0.47.10

package/supervisor/chat/OnboardWizard.tsx

@@ -46,10 +46,10 @@ const ACCESS_LABELS: Record<AccessMethod, string> = {
 /* ── Provider config ── */
 
 const PROVIDERS = [
-  { id: 'pi', name: 'Pi', subtitle: 'Bring your own model', icon: '/icons/pi.svg', comingSoon: false },
-  { id: 'bloby', name: 'Bloby', subtitle: 'Coming Soon..', icon: '/bloby-icon-192.png', comingSoon: true },
-  { id: 'anthropic', name: 'Claude', subtitle: 'by Anthropic', icon: '/icons/claude.png', comingSoon: false },
-  { id: 'openai', name: 'OpenAI Codex', subtitle: 'ChatGPT Plus / Pro', icon: '/icons/codex.png', comingSoon: false },
+  { 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 },
 ] as const;
 
 const MODELS: Record<string, { id: string; label: string }[]> = {
@@ -113,17 +113,17 @@ function ModelDropdown({ models, value, onChange }: { models: { id: string; labe
   const selected = models.find((m) => m.id === value);
 
   return (
-    <div className="relative">
+    <div className="relative min-w-0">
       <button
         ref={btnRef}
         type="button"
         onClick={() => setOpen((o) => !o)}
-        className="w-full flex items-center justify-between bg-white/[0.03] border border-white/[0.08] text-white rounded-xl px-4 py-2.5 text-[13px] outline-none hover:border-white/15 focus:border-[#AF27E3]/30 transition-colors"
+        className="w-full flex items-center justify-between gap-2 bg-white/[0.03] border border-white/[0.08] text-white rounded-xl px-4 py-2.5 text-[13px] outline-none hover:border-white/15 focus:border-[#AF27E3]/30 transition-colors overflow-hidden"
       >
-        <span className={selected ? 'text-white' : 'text-white/20'}>
+        <span className={`min-w-0 truncate text-left ${selected ? 'text-white' : 'text-white/20'}`}>
           {selected ? selected.label : 'Choose a model...'}
         </span>
-        <ChevronDown className={`h-4 w-4 text-white/30 transition-transform ${open ? 'rotate-180' : ''}`} />
+        <ChevronDown className={`h-4 w-4 shrink-0 text-white/30 transition-transform ${open ? 'rotate-180' : ''}`} />
       </button>
       {open && pos && createPortal(
         <div
@@ -279,6 +279,10 @@ export default function OnboardWizard({ onComplete, isInitialSetup = false, onSa
   const [portalOldPassError, setPortalOldPassError] = useState('');
   const [portalOldPassVerified, setPortalOldPassVerified] = useState(false);
   const [portalVerifying, setPortalVerifying] = useState(false);
+  // When the portal already has credentials, password fields are hidden by
+  // default so the user doesn't think they must re-authenticate to proceed.
+  // Toggling this opens the change-password sub-form.
+  const [portalChangeMode, setPortalChangeMode] = useState(false);
 
   // Whisper (step 5)
   const [whisperEnabled, setWhisperEnabled] = useState(false);
@@ -1696,29 +1700,65 @@ export default function OnboardWizard({ onComplete, isInitialSetup = false, onSa
                       transition={{ duration: 0.15 }}
                     >
                       <h1 className="text-xl font-bold text-white tracking-tight">
-                        Set a password
+                        {portalExists ? 'Password & 2FA' : 'Set a password'}
                       </h1>
                       <p className="text-white/40 text-[13px] mt-1.5 leading-relaxed">
-                        You'll need this password to access your agent's chat. Keep it safe — anyone with your URL will need it to log in.
+                        {portalExists
+                          ? "Your portal password is already set — you can keep it as-is or change it below."
+                          : "You'll need this password to access your agent's chat. Keep it safe — anyone with your URL will need it to log in."}
                       </p>
 
-                      {portalExists && (
-                        <div className="mt-4 bg-white/[0.02] border border-white/[0.06] rounded-xl px-4 py-2.5">
-                          <p className="text-white/40 text-[12px]">Password already set. Leave fields empty to keep your current password, or enter your current password to change it.</p>
+                      {/* ── Existing-password collapsed state: just a "Change password" pill ── */}
+                      {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>
+                          </div>
+                          <button
+                            type="button"
+                            onClick={() => {
+                              setPortalChangeMode(true);
+                              setPortalOldPass('');
+                              setPortalOldPassError('');
+                              setPortalOldPassVerified(false);
+                              setPortalPass('');
+                              setPortalPassConfirm('');
+                            }}
+                            className="shrink-0 px-3.5 py-2 bg-white/[0.04] hover:bg-white/[0.08] text-white/70 hover:text-white text-[12px] font-medium rounded-lg transition-colors"
+                          >
+                            Change password
+                          </button>
                         </div>
                       )}
 
-                      {portalExists && (
+                      {/* ── Existing-password expanded: current password verify step ── */}
+                      {portalExists && portalChangeMode && (
                         <div className="mt-5">
-                          <label className="text-[12px] text-white/40 font-medium mb-1.5 block">Current password</label>
+                          <div className="flex items-center justify-between mb-1.5">
+                            <label className="text-[12px] text-white/40 font-medium">Current password</label>
+                            <button
+                              type="button"
+                              onClick={() => {
+                                setPortalChangeMode(false);
+                                setPortalOldPass('');
+                                setPortalOldPassError('');
+                                setPortalOldPassVerified(false);
+                                setPortalPass('');
+                                setPortalPassConfirm('');
+                              }}
+                              className="text-white/30 hover:text-white/60 text-[11px] transition-colors"
+                            >
+                              Cancel
+                            </button>
+                          </div>
                           <div className="flex items-center gap-2">
                             <input
                               type="password"
                               value={portalOldPass}
                               onChange={(e) => { setPortalOldPass(e.target.value); setPortalOldPassError(''); setPortalOldPassVerified(false); }}
-                              placeholder="Enter current password to change it"
+                              placeholder="Enter your current password"
                               autoComplete="current-password"
-                              autoFocus
                               className={inputCls + ' flex-1'}
                             />
                             {portalOldPass.length > 0 && !portalOldPassVerified && (
@@ -1762,7 +1802,8 @@ export default function OnboardWizard({ onComplete, isInitialSetup = false, onSa
                         </div>
                       )}
 
-                      {(!portalExists || portalOldPassVerified) && (
+                      {/* ── New-password fields: first-time onboard OR verified change-mode ── */}
+                      {(!portalExists || (portalChangeMode && portalOldPassVerified)) && (
                         <>
                           <div className={portalExists ? 'mt-3' : 'mt-5'}>
                             <label className="text-[12px] text-white/40 font-medium mb-1.5 block">
@@ -1816,6 +1857,16 @@ export default function OnboardWizard({ onComplete, isInitialSetup = false, onSa
                               setTotpEnabled(true);
                               setTotpError('');
                               setTotpCode('');
+                              // Enabling 2FA on an existing portal requires the current
+                              // password to authenticate the setup call. If the user hasn't
+                              // entered it yet, open change-mode so the current-password
+                              // field becomes visible and surface a clear error.
+                              if (portalExists && !portalOldPassVerified) {
+                                setPortalChangeMode(true);
+                                setTotpError('Enter your current portal password above first, then toggle 2FA again.');
+                                setTotpEnabled(false);
+                                return;
+                              }
                               // Fetch QR if not already loaded
                               if (!totpQrUri) {
                                 try {
@@ -2194,15 +2245,15 @@ 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-8 h-8 rounded-lg" />
+                          <img src={p.icon} alt={p.name} className="w-9 h-9 object-contain" />
                         ) : (
-                          <div className="w-8 h-8 rounded-lg bg-white/[0.06] flex items-center justify-center text-white/50 text-sm font-bold">
+                          <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>
                         )}
                         <div className="text-center">
                           <div className="text-[13px] font-medium text-white">{p.name}</div>
-                          <div className="text-[10px] text-white/30">{p.subtitle}</div>
+                          <div className="text-[10px] text-white/30 whitespace-pre-line leading-tight">{p.subtitle}</div>
                         </div>
                       </div>
                       {authState[p.id] === 'connected' ? (

package/supervisor/index.ts

@@ -40,6 +40,8 @@ const PLATFORM_ASSETS = new Set([
   '/bloby-badge.png',
   '/bloby-favicon.png',
   '/bloby_frame1.png',
+  '/bloby.png',
+  '/pi-logo.svg',
   '/manifest.json',
 ]);
 

package/supervisor/public/pi-logo.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
+  <path fill="#fff" fill-rule="evenodd" d="
+    M165.29 165.29
+    H517.36
+    V400
+    H400
+    V517.36
+    H282.65
+    V634.72
+    H165.29
+    Z
+    M282.65 282.65
+    V400
+    H400
+    V282.65
+    Z
+  "/>
+  <path fill="#fff" d="M517.36 400 H634.72 V634.72 H517.36 Z"/>
+</svg>

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

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