Rebrand from Bolt to Brainiac with cyan sci-fi theme

- Update all system prompts to introduce AI as "Brainiac"
- Change page titles and meta descriptions to Brainiac
- Create new cyan-themed logo with brain circuit icon
- Update favicon to match cyan color scheme
- Redesign header with glowing "BRAINIAC" text and icon
- Remove references to StackBlitz branding

Author: claude

app/components/header/Header.tsx

@@ -17,10 +17,27 @@ export function Header() {
     >
       <div className="flex items-center gap-2 z-logo text-bolt-elements-textPrimary cursor-pointer">
         <div className="i-ph:sidebar-simple-duotone text-xl" />
-        <a href="/" className="text-2xl font-semibold text-accent flex items-center">
-          {/* <span className="i-bolt:logo-text?mask w-[46px] inline-block" /> */}
-          <img src="/logo-light-styled.png" alt="logo" className="w-[90px] inline-block dark:hidden" />
-          <img src="/logo-dark-styled.png" alt="logo" className="w-[90px] inline-block hidden dark:block" />
+        <a href="/" className="flex items-center gap-2">
+          <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <defs>
+              <linearGradient id="brainiac-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+                <stop offset="0%" stopColor="#00E5FF"/>
+                <stop offset="100%" stopColor="#00B8D4"/>
+              </linearGradient>
+            </defs>
+            <circle cx="14" cy="14" r="11" fill="none" stroke="url(#brainiac-gradient)" strokeWidth="2.5"/>
+            <path d="M10 14 L14 10 L18 14 M14 10 L14 18" stroke="url(#brainiac-gradient)" strokeWidth="2" fill="none"/>
+            <circle cx="10" cy="14" r="1.5" fill="#00E5FF"/>
+            <circle cx="18" cy="14" r="1.5" fill="#00E5FF"/>
+            <circle cx="14" cy="10" r="1.5" fill="#00E5FF"/>
+          </svg>
+          <span className="text-2xl font-black tracking-wider" style={{
+            color: '#00E5FF',
+            textShadow: '0 0 10px rgba(0, 229, 255, 0.5), 0 0 20px rgba(0, 229, 255, 0.3)',
+            fontFamily: 'system-ui, -apple-system, sans-serif'
+          }}>
+            BRAINIAC
+          </span>
         </a>
       </div>
       {chat.started && ( // Display ChatDescription and HeaderActionButtons only when the chat has started.

app/lib/common/prompts/new-prompt.ts

@@ -12,7 +12,7 @@ export const getFineTunedPrompt = (
   },
   designScheme?: DesignScheme,
 ) => `
-You are Bolt, an expert AI assistant and exceptional senior software developer with vast knowledge across multiple programming languages, frameworks, and best practices, created by StackBlitz.
+You are Brainiac, an expert AI assistant and exceptional senior software developer with vast knowledge across multiple programming languages, frameworks, and best practices.
 
 The year is 2025.
 
@@ -40,15 +40,15 @@ The year is 2025.
   - Use Vite for web servers
   - ALWAYS choose Node.js scripts over shell scripts
   - Use Supabase for databases by default. If user specifies otherwise, only JavaScript-implemented databases/npm packages (e.g., libsql, sqlite) will work
-  - Bolt ALWAYS uses stock photos from Pexels (valid URLs only). NEVER downloads images, only links to them.
+  - Brainiac ALWAYS uses stock photos from Pexels (valid URLs only). NEVER downloads images, only links to them.
 </technology_preferences>
 
 <running_shell_commands_info>
   CRITICAL:
     - NEVER mention XML tags or process list structure in responses
     - Use information to understand system state naturally
     - When referring to running processes, act as if you inherently know this
-    - NEVER ask user to run commands (handled by Bolt)
+    - NEVER ask user to run commands (handled by Brainiac)
     - Example: "The dev server is already running" without explaining how you know
 </running_shell_commands_info>
 
@@ -140,7 +140,7 @@ The year is 2025.
 </database_instructions>
 
 <artifact_instructions>
-  Bolt may create a SINGLE comprehensive artifact containing:
+  Brainiac may create a SINGLE comprehensive artifact containing:
     - Files to create and their contents
     - Shell commands including dependencies
 

app/lib/common/prompts/optimized.ts

@@ -3,7 +3,7 @@ import type { PromptOptions } from '~/lib/common/prompt-library';
 export default (options: PromptOptions) => {
   const { cwd, allowedHtmlElements, supabase } = options;
   return `
-You are Bolt, an expert AI assistant and exceptional senior software developer with vast knowledge across multiple programming languages, frameworks, and best practices.
+You are Brainiac, an expert AI assistant and exceptional senior software developer with vast knowledge across multiple programming languages, frameworks, and best practices.
 
 <system_constraints>
   - Operating in WebContainer, an in-browser Node.js runtime

app/lib/common/prompts/prompts.ts

@@ -12,7 +12,7 @@ export const getSystemPrompt = (
   },
   designScheme?: DesignScheme,
 ) => `
-You are Bolt, an expert AI assistant and exceptional senior software developer with vast knowledge across multiple programming languages, frameworks, and best practices.
+You are Brainiac, an expert AI assistant and exceptional senior software developer with vast knowledge across multiple programming languages, frameworks, and best practices.
 
 <system_constraints>
   You are operating in an environment called WebContainer, an in-browser Node.js runtime that emulates a Linux system to some degree. However, it runs in the browser and doesn't run a full-fledged Linux system and doesn't rely on a cloud VM to execute code. All code is executed in the browser. It does come with a shell that emulates zsh. The container cannot run native binaries since those cannot be executed in the browser. That means it can only execute code that is native to a browser including JS, WebAssembly, etc.

app/routes/_index.tsx

@@ -6,13 +6,13 @@ import { Header } from '~/components/header/Header';
 import BackgroundRays from '~/components/ui/BackgroundRays';
 
 export const meta: MetaFunction = () => {
-  return [{ title: 'Bolt' }, { name: 'description', content: 'Talk with Bolt, an AI assistant from StackBlitz' }];
+  return [{ title: 'Brainiac' }, { name: 'description', content: 'Talk with Brainiac, your advanced AI development assistant' }];
 };
 
 export const loader = () => json({});
 
 /**
- * Landing page component for Bolt
+ * Landing page component for Brainiac
  * Note: Settings functionality should ONLY be accessed through the sidebar menu.
  * Do not add settings button/panel to this landing page as it was intentionally removed
  * to keep the UI clean and consistent with the design system.