bloby-bot 0.37.1 → 0.39.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bloby-bot",
-  "version": "0.37.1",
+  "version": "0.39.1",
   "releaseNotes": [
     "1. # voice note (PTT bubble)",
     "2. # audio file + caption",

package/supervisor/harnesses/codex.ts

@@ -571,6 +571,14 @@ async function spawnAndInitialize(
     conv.threadId = startResult.thread.id;
     conversations.set(conversationId, conv);
     log.ok(`[codex] thread started ${conv.threadId}`);
+
+    // Prime codex's per-thread skill cache with the workspace skills
+    // directory. Without this, codex only sees its system-scope skills and
+    // never discovers anything Bloby ships in `workspace/skills/*`. Fire and
+    // forget — failure here just means workspace skills won't be auto-routable
+    // for this thread, but the agent can still read SKILL.md files directly.
+    primeWorkspaceSkills(rpc);
+
     return conv;
   } catch (err: any) {
     rpc.close();
@@ -579,6 +587,28 @@ async function spawnAndInitialize(
   }
 }
 
+const SKILLS_DIR = path.join(WORKSPACE_DIR, 'skills');
+
+function primeWorkspaceSkills(rpc: CodexRpc): void {
+  rpc.request('skills/list', {
+    cwds: [WORKSPACE_DIR],
+    forceReload: true,
+    perCwdExtraUserRoots: [{
+      cwd: WORKSPACE_DIR,
+      extraUserRoots: [SKILLS_DIR],
+    }],
+  }).then((result: any) => {
+    const entry = result?.data?.[0];
+    const all = entry?.skills ?? [];
+    const workspace = all.filter((s: any) => s.scope !== 'system');
+    const errors = entry?.errors ?? [];
+    log.ok(`[codex] skills primed: ${workspace.length} workspace, ${all.length - workspace.length} system${errors.length ? `, ${errors.length} rejected` : ''}`);
+    for (const err of errors) log.warn(`[codex] skill load error: ${err.path} — ${err.message}`);
+  }).catch((err: any) => {
+    log.warn(`[codex] skills/list failed: ${err.message}`);
+  });
+}
+
 /* ── Harness implementation ────────────────────────────────────────────── */
 
 export function hasConversation(conversationId: string): boolean {
@@ -792,6 +822,10 @@ export async function runAgentQuery(req: AgentQueryRequest): Promise<AgentQueryR
       resolvedThreadId = r.thread.id;
     }
 
+    // Same priming as live conversations — workspace skills won't be visible
+    // to codex's router otherwise.
+    primeWorkspaceSkills(rpc);
+
     const turnParams: Record<string, any> = {
       threadId: resolvedThreadId,
       input: [{ type: 'text', text: req.message }],

package/worker/prompts/bloby-system-prompt.txt

@@ -266,9 +266,9 @@ If something fails, own it: "Hmm, that didn't work. Let me try again."
 
 ## Skills
 
-Skills live in `skills/` — each skill is a folder with instructions and resources. Each skill has a `SKILL.md` with instructions for you on how to use it.
+Skills live in `skills/` — each skill is a folder containing a `SKILL.md` that explains what the skill does and how to use it. When a user request matches a skill's purpose (e.g. they mention WhatsApp and a `whatsapp` skill exists), open that skill's `SKILL.md` and follow its guidance. List `skills/` whenever you're unsure what's installed.
 
-Your installed skills and their SKILL.md contents are injected into your context automatically. If your human asks you to update a skill's behavior, edit the files INSIDE `skills/{skill-name}/`.
+If your human asks you to update a skill's behavior, edit the files INSIDE `skills/{skill-name}/`.
 
 **IMPORTANT: When editing skill files, always use the full path inside the skill directory.**
 - Correct: `skills/my-skill/SCRIPT.md`

package/workspace/client/index.html

@@ -11,6 +11,9 @@
     <link rel="apple-touch-icon" href="/bloby-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">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     <title>Bloby - AI agent with its own workspace</title>
   </head>
   <body class="bg-background text-foreground" style="background-color:#0A0A0A">

package/workspace/client/public/.well-known/assetlinks.json

@@ -0,0 +1,8 @@
+[{
+      "relation": ["delegate_permission/common.handle_all_urls"],
+      "target": {
+        "namespace": "android_app",
+        "package_name": "bot.bloby.consensus",
+        "sha256_cert_fingerprints": ["1A:5D:3C:F4:D3:60:A2:65:2D:34:8F:D5:7C:18:8F:3C:01:99:9E:5B:02:0C:D0:AA:E7:8F:F4:74:EE:C3:C0:7F"]
+      }
+    }]

package/workspace/client/public/brand/blackrock.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 80" role="img" aria-label="BlackRock">
+  <text x="0" y="60"
+    font-family="'Times New Roman', Georgia, serif"
+    font-weight="700"
+    font-size="72"
+    letter-spacing="-2"
+    fill="#ffffff">BlackRock</text>
+</svg>

package/workspace/client/src/App.tsx

@@ -4,6 +4,11 @@ import ErrorBoundary from './components/ErrorBoundary';
 import DashboardLayout from './components/Layout/DashboardLayout';
 import DashboardPage from './components/Dashboard/DashboardPage';
 import WorkspaceTour from './components/deleteme_onboarding/WorkspaceTour';
+import { WorkspaceLock } from './components/Lock/WorkspaceLock';
+import StickyNotesSettingsPage from './components/StickyNotes/StickyNotesSettingsPage';
+import AiChatPage from './components/Dashboard/AiChatPage';
+import WishlistPage from './components/Dashboard/WishlistPage';
+import CryptoPage from './components/Dashboard/CryptoPage';
 
 function DashboardError() {
   return (
@@ -16,9 +21,9 @@ function DashboardError() {
         playsInline
         style={{ height: 120, width: 120, borderRadius: '50%', objectFit: 'cover', marginBottom: 32 }}
       />
-      <h1 style={{ fontSize: 20, fontWeight: 600, marginBottom: 8 }}>Oopss.. Something wrong is not right</h1>
+      <h1 style={{ fontSize: 20, fontWeight: 600, marginBottom: 8 }}>Your app crashed</h1>
       <p style={{ fontSize: 14, color: 'rgba(255,255,255,0.5)', maxWidth: 320, lineHeight: 1.5 }}>
-      If your agent is working, this is normal. If not, go poke them
+        Ask the agent to fix it using the chat.
       </p>
     </div>
   );
@@ -157,13 +162,19 @@ export default function App() {
   return (
     <>
       <ErrorBoundary fallback={<DashboardError />}>
-        <DashboardLayout userName={userName} botName={botName}>
-          <Routes>
-            <Route path="/" element={<DashboardPage />} />
-            <Route path="*" element={<DashboardPage />} />
-          </Routes>
-        </DashboardLayout>
-        <WorkspaceTour disabled={showOnboard} />
+        <WorkspaceLock>
+          <DashboardLayout userName={userName} botName={botName}>
+            <Routes>
+              <Route path="/" element={<DashboardPage />} />
+              <Route path="/sticky-notes" element={<StickyNotesSettingsPage />} />
+              <Route path="/aichat" element={<AiChatPage />} />
+              <Route path="/wishlist" element={<WishlistPage />} />
+              <Route path="/crypto" element={<CryptoPage />} />
+              <Route path="*" element={<DashboardPage />} />
+            </Routes>
+          </DashboardLayout>
+          <WorkspaceTour disabled={showOnboard} />
+        </WorkspaceLock>
       </ErrorBoundary>
 
       {showOnboard && (

package/workspace/client/src/components/Dashboard/AiChatPage.tsx

@@ -0,0 +1,145 @@
+import { useState, useRef, useEffect } from 'react';
+import { Send, Loader2, Sparkles } from 'lucide-react';
+
+interface Message {
+  role: 'user' | 'assistant';
+  content: string;
+}
+
+export default function AiChatPage() {
+  const [messages, setMessages] = useState<Message[]>([]);
+  const [input, setInput] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [sessionId, setSessionId] = useState<string | undefined>();
+  const bottomRef = useRef<HTMLDivElement>(null);
+  const inputRef = useRef<HTMLTextAreaElement>(null);
+
+  useEffect(() => {
+    bottomRef.current?.scrollIntoView({ behavior: 'smooth' });
+  }, [messages, loading]);
+
+  useEffect(() => {
+    inputRef.current?.focus();
+  }, []);
+
+  const sendMessage = async () => {
+    const text = input.trim();
+    if (!text || loading) return;
+
+    setInput('');
+    setMessages((prev) => [...prev, { role: 'user', content: text }]);
+    setLoading(true);
+
+    try {
+      const res = await fetch('/app/api/aichat', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ message: text, sessionId }),
+      });
+      const data = await res.json();
+
+      if (data.sessionId) setSessionId(data.sessionId);
+
+      const reply = data.response || data.error || 'No response';
+      setMessages((prev) => [...prev, { role: 'assistant', content: reply }]);
+    } catch {
+      setMessages((prev) => [
+        ...prev,
+        { role: 'assistant', content: 'Failed to reach the server.' },
+      ]);
+    } finally {
+      setLoading(false);
+      inputRef.current?.focus();
+    }
+  };
+
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      sendMessage();
+    }
+  };
+
+  return (
+    <div className="flex flex-col h-full px-4 sm:px-6 md:px-20 pt-10 sm:pt-16 pb-32 max-w-5xl mx-auto w-full">
+      {/* Header */}
+      <div className="flex items-start gap-4 mb-6 shrink-0">
+        <div className="h-12 w-12 rounded-2xl flex items-center justify-center bg-gradient-to-br from-violet-300/40 to-fuchsia-500/20 border border-white/10 backdrop-blur-xl shrink-0">
+          <Sparkles className="h-5 w-5 text-violet-200" />
+        </div>
+        <div>
+          <h1 className="text-2xl sm:text-3xl font-semibold text-white tracking-tight">AI Chat</h1>
+          <p className="text-sm text-white/60 mt-1">Chat with Claude.</p>
+        </div>
+      </div>
+
+      {/* Messages */}
+      <div className="flex-1 overflow-y-auto space-y-4 pr-1">
+        {messages.length === 0 && !loading && (
+          <div className="flex items-center justify-center h-full">
+            <div className="glass-card glass-card-md px-5 py-4">
+              <p className="relative text-sm text-white/60">Send a message to start chatting.</p>
+            </div>
+          </div>
+        )}
+        {messages.map((msg, i) => (
+          <div
+            key={i}
+            className={`flex ${msg.role === 'user' ? 'justify-end' : 'justify-start'}`}
+          >
+            {msg.role === 'user' ? (
+              <div
+                className="relative max-w-[80%] rounded-2xl px-4 py-2.5 text-sm leading-relaxed whitespace-pre-wrap text-white border border-white/10 backdrop-blur-xl"
+                style={{
+                  background:
+                    'linear-gradient(135deg, rgba(236, 72, 153, 0.35), rgba(225, 29, 72, 0.25))',
+                  boxShadow:
+                    '0 1px 0 0 rgba(255,255,255,0.1) inset, 0 10px 30px -10px rgba(244, 63, 94, 0.35)',
+                }}
+              >
+                {msg.content}
+              </div>
+            ) : (
+              <div className="relative max-w-[80%] glass-card glass-card-md px-4 py-2.5">
+                <p className="relative text-sm leading-relaxed whitespace-pre-wrap text-white/90">
+                  {msg.content}
+                </p>
+              </div>
+            )}
+          </div>
+        ))}
+        {loading && (
+          <div className="flex justify-start">
+            <div className="relative glass-card glass-card-md px-4 py-2.5 flex items-center gap-2">
+              <Loader2 className="h-4 w-4 animate-spin text-white/60 relative" />
+              <span className="text-sm text-white/60 relative">Thinking…</span>
+            </div>
+          </div>
+        )}
+        <div ref={bottomRef} />
+      </div>
+
+      {/* Input */}
+      <div className="shrink-0 pt-4">
+        <div className="glass-pill rounded-full flex items-end gap-2 max-w-3xl mx-auto px-2 py-2">
+          <textarea
+            ref={inputRef}
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            onKeyDown={handleKeyDown}
+            placeholder="Type a message…"
+            rows={1}
+            className="relative flex-1 resize-none bg-transparent border-none outline-none px-3 py-2 text-sm text-white placeholder-white/40 max-h-40"
+          />
+          <button
+            onClick={sendMessage}
+            disabled={loading || !input.trim()}
+            className="relative shrink-0 h-9 w-9 rounded-full bg-gradient-to-br from-violet-500 to-fuchsia-500 hover:brightness-110 disabled:opacity-40 disabled:hover:brightness-100 flex items-center justify-center transition shadow-lg shadow-fuchsia-500/20"
+          >
+            <Send className="h-4 w-4 text-white" />
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}