bloby-bot 0.39.1 → 0.40.0

package/workspace/client/src/styles/globals.css

@@ -3,7 +3,7 @@
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
-  --font-sans: 'Inter', 'Inter Display', system-ui, -apple-system, sans-serif;
+  --font-sans: system-ui, -apple-system, sans-serif;
   --color-background: #0A0A0A;
   --color-foreground: #f5f5f5;
   --color-card: #2a2a2a;
@@ -44,76 +44,16 @@ html {
   -ms-touch-action: manipulation;
 }
 
-html {
-  background-color: #000;
-}
-
 body {
-  background-color: transparent;
-  isolation: isolate;
+  background-color: var(--color-background);
+  background-image: radial-gradient(circle, #1f1f1f 1.2px, transparent 1.2px);
+  background-size: 20px 20px;
   color: var(--color-foreground);
-  font-family: 'Inter', 'Inter Display', system-ui, -apple-system, sans-serif;
-  font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   overscroll-behavior: none;
 }
 
-h1, h2, h3, h4, h5, h6 {
-  letter-spacing: -0.02em;
-}
-
-/* ── Glass utilities ── */
-.glass-card {
-  position: relative;
-  background: rgba(20, 20, 25, 0.35);
-  backdrop-filter: blur(24px) saturate(140%);
-  -webkit-backdrop-filter: blur(24px) saturate(140%);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  border-radius: 28px;
-  box-shadow:
-    0 1px 0 0 rgba(255, 255, 255, 0.06) inset,
-    0 20px 60px -20px rgba(0, 0, 0, 0.45);
-}
-.glass-card::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.02) 35%, transparent 100%);
-  mask: linear-gradient(180deg, #000, transparent 60%);
-  -webkit-mask: linear-gradient(180deg, #000, transparent 60%);
-}
-
-.glass-card-md {
-  border-radius: 20px;
-}
-
-.glass-pill {
-  position: relative;
-  background: rgba(20, 20, 25, 0.35);
-  backdrop-filter: blur(24px) saturate(140%);
-  -webkit-backdrop-filter: blur(24px) saturate(140%);
-  border: 1px solid rgba(255, 255, 255, 0.10);
-  box-shadow:
-    0 1px 0 0 rgba(255, 255, 255, 0.08) inset,
-    0 10px 40px -15px rgba(0, 0, 0, 0.4);
-}
-.glass-pill::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.02) 35%, transparent 100%);
-}
-
-.glass-inner-active {
-  background: rgba(255, 255, 255, 0.14);
-  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12) inset;
-}
-
 ::selection {
   background-color: rgba(175, 39, 227, 0.25);
 }
@@ -177,28 +117,3 @@ h1, h2, h3, h4, h5, h6 {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
-
-/* ── Workspace Lock animations ── */
-@keyframes shake {
-  0%, 100% { transform: translateX(0); }
-  10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }
-  20%, 40%, 60%, 80% { transform: translateX(4px); }
-}
-
-.animate-shake {
-  animation: shake 0.45s cubic-bezier(.36,.07,.19,.97);
-}
-
-@keyframes scale-in-dot {
-  from { transform: scale(0); opacity: 0; }
-  to { transform: scale(1); opacity: 1; }
-}
-
-.animate-scale-in {
-  animation: scale-in-dot 0.15s ease-out forwards;
-}
-
-@keyframes fadeIn {
-  from { opacity: 0; transform: translateY(4px); }
-  to { opacity: 1; transform: translateY(0); }
-}

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

@@ -1,8 +0,0 @@
-[{
-      "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

@@ -1,8 +0,0 @@
-<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/components/Dashboard/AiChatPage.tsx

@@ -1,145 +0,0 @@
-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>
-  );
-}