Spaces:

E5K7
/

asipilot

Running

App Files Files Community

E5K7 commited on Mar 24

Commit

965bbbc

1 Parent(s): 529b9cc

chore: Rename project to AsiPilot

Browse files

Files changed (43) hide show

README.md +1 -1
package-lock.json +19 -19
package.json +1 -1
packages/client/index.html +2 -2
packages/client/package.json +2 -2
packages/client/src/components/ai/AgentResultsPanel.tsx +1 -1
packages/client/src/components/editor/CodeEditor.tsx +3 -3
packages/client/src/components/editor/EditorTabs.tsx +1 -1
packages/client/src/components/explorer/FileTree.tsx +2 -2
packages/client/src/components/landing/CTASection.tsx +1 -1
packages/client/src/components/landing/FooterSection.tsx +2 -2
packages/client/src/components/landing/Navbar.tsx +1 -1
packages/client/src/components/landing/NumbersSection.tsx +1 -1
packages/client/src/components/layout/IDEShell.tsx +23 -0
packages/client/src/components/layout/PanelLayout.tsx +15 -45
packages/client/src/components/layout/TopBar.tsx +1 -1
packages/client/src/components/preview/LivePreview.tsx +18 -0
packages/client/src/components/terminal/TerminalPanel.tsx +1 -2
packages/client/src/hooks/useASI1Chat.ts +1 -1
packages/client/src/hooks/useAgentReview.ts +1 -1
packages/client/src/stores/aiStore.ts +1 -1
packages/client/src/stores/fileStore.ts +6 -6
packages/client/src/stores/githubStore.ts +1 -1
packages/client/src/stores/settingsStore.ts +1 -1
packages/server/package.json +2 -2
packages/server/src/agents/base.agent.ts +1 -1
packages/server/src/agents/documentation.agent.ts +1 -1
packages/server/src/agents/orchestrator.ts +4 -4
packages/server/src/agents/performance.agent.ts +1 -1
packages/server/src/agents/security.agent.ts +1 -1
packages/server/src/agents/style.agent.ts +1 -1
packages/server/src/index.ts +1 -1
packages/server/src/routes/analyze.routes.ts +1 -1
packages/server/src/routes/chat.routes.ts +2 -2
packages/server/src/routes/complete.routes.ts +1 -1
packages/server/src/routes/github.routes.ts +1 -1
packages/server/src/services/asi1-client.ts +1 -1
packages/server/src/services/github.service.ts +2 -2
packages/server/src/utils/file-utils.ts +1 -1
packages/server/src/utils/logger.ts +1 -1
packages/server/src/utils/token-counter.ts +1 -1
packages/server/src/websocket/handler.ts +2 -2
packages/shared/package.json +1 -1

README.md CHANGED Viewed

@@ -1,4 +1,4 @@
-# FrontendForge
 A browser-based IDE exclusively for frontend and web development, powered by ASI-1 Mini AI with multi-agent code review.


1	+ # AsiPilot
2
3	A browser-based IDE exclusively for frontend and web development, powered by ASI-1 Mini AI with multi-agent code review.
4

package-lock.json CHANGED Viewed

@@ -1,11 +1,11 @@
 {
-  "name": "frontendforge",
   "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "frontendforge",
       "version": "1.0.0",
       "workspaces": [
         "packages/*"
@@ -27,6 +27,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/@babel/code-frame": {
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
@@ -828,18 +840,6 @@
         "url": "https://github.com/sponsors/ayuhito"
       }
     },
-    "node_modules/@frontendforge/client": {
-      "resolved": "packages/client",
-      "link": true
-    },
-    "node_modules/@frontendforge/server": {
-      "resolved": "packages/server",
-      "link": true
-    },
-    "node_modules/@frontendforge/shared": {
-      "resolved": "packages/shared",
-      "link": true
-    },
     "node_modules/@ioredis/commands": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/@ioredis/commands/-/commands-1.5.1.tgz",
@@ -6352,11 +6352,11 @@
       }
     },
     "packages/client": {
-      "name": "@frontendforge/client",
       "version": "1.0.0",
       "dependencies": {
         "@fontsource/geist-sans": "^5.2.5",
-        "@frontendforge/shared": "*",
         "@monaco-editor/react": "^4.6.0",
         "@radix-ui/react-dialog": "^1.0.5",
         "@radix-ui/react-dropdown-menu": "^2.0.6",
@@ -6392,10 +6392,10 @@
       }
     },
     "packages/server": {
-      "name": "@frontendforge/server",
       "version": "1.0.0",
       "dependencies": {
-        "@frontendforge/shared": "*",
         "@octokit/rest": "^20.0.0",
         "axios": "^1.6.0",
         "cors": "^2.8.5",
@@ -6418,7 +6418,7 @@
       }
     },
     "packages/shared": {
-      "name": "@frontendforge/shared",
       "version": "1.0.0",
       "devDependencies": {
         "typescript": "^5.4.0"

 {
+  "name": "asipilot",
   "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
+      "name": "asipilot",
       "version": "1.0.0",
       "workspaces": [
         "packages/*"
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@asipilot/client": {
+      "resolved": "packages/client",
+      "link": true
+    },
+    "node_modules/@asipilot/server": {
+      "resolved": "packages/server",
+      "link": true
+    },
+    "node_modules/@asipilot/shared": {
+      "resolved": "packages/shared",
+      "link": true
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.29.0",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
         "url": "https://github.com/sponsors/ayuhito"
       }
     },
     "node_modules/@ioredis/commands": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/@ioredis/commands/-/commands-1.5.1.tgz",
       }
     },
     "packages/client": {
+      "name": "@asipilot/client",
       "version": "1.0.0",
       "dependencies": {
+        "@asipilot/shared": "*",
         "@fontsource/geist-sans": "^5.2.5",
         "@monaco-editor/react": "^4.6.0",
         "@radix-ui/react-dialog": "^1.0.5",
         "@radix-ui/react-dropdown-menu": "^2.0.6",
       }
     },
     "packages/server": {
+      "name": "@asipilot/server",
       "version": "1.0.0",
       "dependencies": {
+        "@asipilot/shared": "*",
         "@octokit/rest": "^20.0.0",
         "axios": "^1.6.0",
         "cors": "^2.8.5",
       }
     },
     "packages/shared": {
+      "name": "@asipilot/shared",
       "version": "1.0.0",
       "devDependencies": {
         "typescript": "^5.4.0"

package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "name": "frontendforge",
   "version": "1.0.0",
   "private": true,
   "workspaces": [

 {
+  "name": "asipilot",
   "version": "1.0.0",
   "private": true,
   "workspaces": [

packages/client/index.html CHANGED Viewed

@@ -3,8 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="FrontendForge — AI-powered browser IDE for frontend development with multi-agent code review, inline completions, and GitHub integration." />
-    <title>FrontendForge — AI-Powered Browser IDE</title>
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
   </head>
   <body>

   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="AsiPilot — AI-powered browser IDE for frontend development with multi-agent code review, inline completions, and GitHub integration." />
+    <title>AsiPilot — AI-Powered Browser IDE</title>
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
   </head>
   <body>

packages/client/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "name": "@frontendforge/client",
   "version": "1.0.0",
   "private": true,
   "type": "module",
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@fontsource/geist-sans": "^5.2.5",
-    "@frontendforge/shared": "*",
     "@monaco-editor/react": "^4.6.0",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.0.6",

 {
+  "name": "@asipilot/client",
   "version": "1.0.0",
   "private": true,
   "type": "module",
   },
   "dependencies": {
     "@fontsource/geist-sans": "^5.2.5",
+    "@asipilot/shared": "*",
     "@monaco-editor/react": "^4.6.0",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.0.6",

packages/client/src/components/ai/AgentResultsPanel.tsx CHANGED Viewed

@@ -6,7 +6,7 @@ import { Button } from '@/components/ui/button';
 import { Shield, Zap, Paintbrush, FileText, ChevronDown, ChevronUp } from 'lucide-react';
 import { useEditorStore } from '@/stores/editorStore';
 import { cn } from '@/lib/utils';
-import type { Finding, Severity } from '@frontendforge/shared';
 import { useState } from 'react';
 const agentIcons: Record<string, typeof Shield> = {

 import { Shield, Zap, Paintbrush, FileText, ChevronDown, ChevronUp } from 'lucide-react';
 import { useEditorStore } from '@/stores/editorStore';
 import { cn } from '@/lib/utils';
+import type { Finding, Severity } from '@asipilot/shared';
 import { useState } from 'react';
 const agentIcons: Record<string, typeof Shield> = {

packages/client/src/components/editor/CodeEditor.tsx CHANGED Viewed

@@ -24,7 +24,7 @@ export default function CodeEditor({ filePath, language }: CodeEditorProps) {
     editorRef.current = editor;
     // Define custom theme
-    monaco.editor.defineTheme('frontendforge-dark', {
       base: 'vs-dark',
       inherit: true,
       rules: [
@@ -50,7 +50,7 @@ export default function CodeEditor({ filePath, language }: CodeEditorProps) {
         'scrollbarSlider.hoverBackground': '#3a3a4a80',
       },
     });
-    monaco.editor.setTheme('frontendforge-dark');
     // Track cursor position
     editor.onDidChangeCursorPosition((e: any) => {
@@ -97,7 +97,7 @@ export default function CodeEditor({ filePath, language }: CodeEditorProps) {
       value={content}
       onChange={handleChange}
       onMount={handleMount}
-      theme="frontendforge-dark"
       options={{
         fontSize,
         tabSize,

     editorRef.current = editor;
     // Define custom theme
+    monaco.editor.defineTheme('asipilot-dark', {
       base: 'vs-dark',
       inherit: true,
       rules: [
         'scrollbarSlider.hoverBackground': '#3a3a4a80',
       },
     });
+    monaco.editor.setTheme('asipilot-dark');
     // Track cursor position
     editor.onDidChangeCursorPosition((e: any) => {
       value={content}
       onChange={handleChange}
       onMount={handleMount}
+      theme="asipilot-dark"
       options={{
         fontSize,
         tabSize,

packages/client/src/components/editor/EditorTabs.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { X } from 'lucide-react';
 import { useEditorStore } from '@/stores/editorStore';
 import { cn } from '@/lib/utils';
-import { getFileName } from '@frontendforge/shared';
 export default function EditorTabs() {
   const openFiles = useEditorStore((s) => s.openFiles);

 import { X } from 'lucide-react';
 import { useEditorStore } from '@/stores/editorStore';
 import { cn } from '@/lib/utils';
+import { getFileName } from '@asipilot/shared';
 export default function EditorTabs() {
   const openFiles = useEditorStore((s) => s.openFiles);

packages/client/src/components/explorer/FileTree.tsx CHANGED Viewed

@@ -1,9 +1,9 @@
 import { useState } from 'react';
 import { ChevronRight, ChevronDown, File, Folder, FolderOpen } from 'lucide-react';
-import type { FileNode } from '@frontendforge/shared';
 import { useEditorStore } from '@/stores/editorStore';
 import { useFileStore } from '@/stores/fileStore';
-import { getLanguageFromPath } from '@frontendforge/shared';
 import { cn } from '@/lib/utils';
 const FILE_ICONS: Record<string, string> = {

 import { useState } from 'react';
 import { ChevronRight, ChevronDown, File, Folder, FolderOpen } from 'lucide-react';
+import type { FileNode } from '@asipilot/shared';
 import { useEditorStore } from '@/stores/editorStore';
 import { useFileStore } from '@/stores/fileStore';
+import { getLanguageFromPath } from '@asipilot/shared';
 import { cn } from '@/lib/utils';
 const FILE_ICONS: Record<string, string> = {

packages/client/src/components/landing/CTASection.tsx CHANGED Viewed

@@ -15,7 +15,7 @@ export default function CTASection() {
         </p>
         <div className="flex justify-center gap-4 mt-8">
           <Link to="/ide">
-            <Button variant="hero">Launch FrontendForge</Button>
           </Link>
           <Button variant="heroSecondary">View on GitHub</Button>
         </div>

         </p>
         <div className="flex justify-center gap-4 mt-8">
           <Link to="/ide">
+            <Button variant="hero">Launch AsiPilot</Button>
           </Link>
           <Button variant="heroSecondary">View on GitHub</Button>
         </div>

packages/client/src/components/landing/FooterSection.tsx CHANGED Viewed

@@ -18,7 +18,7 @@ export default function FooterSection() {
               <div className="w-7 h-7 rounded-lg bg-gradient-to-b from-secondary to-muted flex items-center justify-center">
                 <Terminal className="w-4 h-4 text-primary" />
               </div>
-              <span className="text-xl font-semibold tracking-tight">FrontendForge</span>
             </Link>
             <p className="text-muted-foreground text-sm mt-4 max-w-xs">
               AI-powered browser IDE for frontend developers. Build, review, and ship with confidence.
@@ -44,7 +44,7 @@ export default function FooterSection() {
         {/* Bottom Bar */}
         <div className="border-t border-border/30 mt-12 pt-8 flex flex-col sm:flex-row justify-between items-center gap-4">
-          <p className="text-sm text-muted-foreground">© 2025 FrontendForge</p>
           <div className="flex gap-6">
             {['Privacy', 'Terms', 'Cookies'].map((item) => (
               <a key={item} href="#" className="text-sm text-muted-foreground hover:text-foreground transition-colors">

               <div className="w-7 h-7 rounded-lg bg-gradient-to-b from-secondary to-muted flex items-center justify-center">
                 <Terminal className="w-4 h-4 text-primary" />
               </div>
+              <span className="text-xl font-semibold tracking-tight">AsiPilot</span>
             </Link>
             <p className="text-muted-foreground text-sm mt-4 max-w-xs">
               AI-powered browser IDE for frontend developers. Build, review, and ship with confidence.
         {/* Bottom Bar */}
         <div className="border-t border-border/30 mt-12 pt-8 flex flex-col sm:flex-row justify-between items-center gap-4">
+          <p className="text-sm text-muted-foreground">© 2025 AsiPilot</p>
           <div className="flex gap-6">
             {['Privacy', 'Terms', 'Cookies'].map((item) => (
               <a key={item} href="#" className="text-sm text-muted-foreground hover:text-foreground transition-colors">

packages/client/src/components/landing/Navbar.tsx CHANGED Viewed

@@ -11,7 +11,7 @@ export default function Navbar() {
           <div className="w-7 h-7 rounded-lg bg-gradient-to-b from-secondary to-muted flex items-center justify-center">
             <Terminal className="w-4 h-4 text-primary" />
           </div>
-          <span className="text-xl font-semibold tracking-tight text-foreground">FrontendForge</span>
         </Link>
         {/* Nav Items */}

           <div className="w-7 h-7 rounded-lg bg-gradient-to-b from-secondary to-muted flex items-center justify-center">
             <Terminal className="w-4 h-4 text-primary" />
           </div>
+          <span className="text-xl font-semibold tracking-tight text-foreground">AsiPilot</span>
         </Link>
         {/* Nav Items */}

packages/client/src/components/landing/NumbersSection.tsx CHANGED Viewed

@@ -25,7 +25,7 @@ export default function NumbersSection() {
         </p>
         <p className="text-primary text-lg font-medium mt-2">Lines of code reviewed</p>
         <p className="text-hero-sub max-w-md mx-auto mt-4">
-          Every day, FrontendForge's AI agents analyze thousands of files to keep codebases secure and performant.
         </p>
         <div className="mt-24">

         </p>
         <p className="text-primary text-lg font-medium mt-2">Lines of code reviewed</p>
         <p className="text-hero-sub max-w-md mx-auto mt-4">
+          Every day, AsiPilot's AI agents analyze thousands of files to keep codebases secure and performant.
         </p>
         <div className="mt-24">

packages/client/src/components/layout/IDEShell.tsx CHANGED Viewed

@@ -3,15 +3,38 @@ import TopBar from './TopBar';
 import StatusBar from './StatusBar';
 import PanelLayout from './PanelLayout';
 import { useFileStore } from '@/stores/fileStore';
 export default function IDEShell() {
   const [layout, setLayout] = useState<'editor' | 'split' | 'preview'>('split');
   const initialize = useFileStore((s) => s.initialize);
   useEffect(() => {
     initialize();
   }, [initialize]);
   return (
     <div className="h-screen flex flex-col bg-background overflow-hidden">
       <TopBar layout={layout} onLayoutChange={setLayout} />

 import StatusBar from './StatusBar';
 import PanelLayout from './PanelLayout';
 import { useFileStore } from '@/stores/fileStore';
+import { useEditorStore } from '@/stores/editorStore';
 export default function IDEShell() {
   const [layout, setLayout] = useState<'editor' | 'split' | 'preview'>('split');
   const initialize = useFileStore((s) => s.initialize);
+  const initialized = useFileStore((s) => s.initialized);
+  const files = useFileStore((s) => s.files);
+  const addFile = useEditorStore((s) => s.addFile);
+  const openFiles = useEditorStore((s) => s.openFiles);
+  const [hasAutoOpened, setHasAutoOpened] = useState(false);
   useEffect(() => {
     initialize();
   }, [initialize]);
+  useEffect(() => {
+    if (initialized && !hasAutoOpened) {
+      if (Object.keys(openFiles).length === 0 && files['index.html']) {
+        addFile('index.html', files['index.html'], 'html');
+      }
+      setHasAutoOpened(true);
+    }
+  }, [initialized, hasAutoOpened, files, openFiles, addFile]);
+  if (!initialized) {
+    return (
+      <div className="h-screen flex items-center justify-center bg-background">
+        <div className="text-muted-foreground animate-pulse font-mono text-sm">Initializing workspace...</div>
+      </div>
+    );
+  }
   return (
     <div className="h-screen flex flex-col bg-background overflow-hidden">
       <TopBar layout={layout} onLayoutChange={setLayout} />

packages/client/src/components/layout/PanelLayout.tsx CHANGED Viewed

@@ -2,10 +2,7 @@ import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
 import Sidebar from './Sidebar';
 import MultiFileEditor from '@/components/editor/MultiFileEditor';
 import LivePreview from '@/components/preview/LivePreview';
-import TerminalPanel from '@/components/terminal/TerminalPanel';
 import AIChatPanel from '@/components/ai/AIChatPanel';
-import AgentResultsPanel from '@/components/ai/AgentResultsPanel';
-import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/tabs';
 interface PanelLayoutProps {
   layout: 'editor' | 'split' | 'preview';
@@ -31,48 +28,21 @@ export default function PanelLayout({ layout }: PanelLayoutProps) {
       <ResizeHandle direction="vertical" />
-      {/* Center: Editor + Terminal */}
-      <Panel defaultSize={52} minSize={30}>
-        <PanelGroup direction="vertical">
-          {/* Editor / Preview area */}
-          <Panel defaultSize={65} minSize={30}>
-            {layout === 'editor' && <MultiFileEditor />}
-            {layout === 'preview' && <LivePreview />}
-            {layout === 'split' && (
-              <PanelGroup direction="horizontal">
-                <Panel defaultSize={50}>
-                  <MultiFileEditor />
-                </Panel>
-                <ResizeHandle direction="vertical" />
-                <Panel defaultSize={50}>
-                  <LivePreview />
-                </Panel>
-              </PanelGroup>
-            )}
-          </Panel>
-          <ResizeHandle direction="horizontal" />
-          {/* Bottom: Terminal + Agent Results */}
-          <Panel defaultSize={35} minSize={15} collapsible>
-            <Tabs defaultValue="terminal" className="h-full flex flex-col">
-              <TabsList className="h-8 rounded-none border-b border-border bg-background justify-start px-2">
-                <TabsTrigger value="terminal" className="text-xs h-7">Terminal</TabsTrigger>
-                <TabsTrigger value="agents" className="text-xs h-7">Agent Results</TabsTrigger>
-                <TabsTrigger value="console" className="text-xs h-7">Console</TabsTrigger>
-              </TabsList>
-              <TabsContent value="terminal" className="flex-1 min-h-0 mt-0">
-                <TerminalPanel />
-              </TabsContent>
-              <TabsContent value="agents" className="flex-1 min-h-0 mt-0 overflow-auto">
-                <AgentResultsPanel />
-              </TabsContent>
-              <TabsContent value="console" className="flex-1 min-h-0 mt-0 p-3">
-                <p className="text-xs text-muted-foreground">Console output from the preview iframe will appear here.</p>
-              </TabsContent>
-            </Tabs>
-          </Panel>
-        </PanelGroup>
       </Panel>
       <ResizeHandle direction="vertical" />

 import Sidebar from './Sidebar';
 import MultiFileEditor from '@/components/editor/MultiFileEditor';
 import LivePreview from '@/components/preview/LivePreview';
 import AIChatPanel from '@/components/ai/AIChatPanel';
 interface PanelLayoutProps {
   layout: 'editor' | 'split' | 'preview';
       <ResizeHandle direction="vertical" />
+      {/* Center: Editor + Preview */}
+      <Panel defaultSize={52} minSize={30} className="flex flex-col overflow-hidden">
+        {layout === 'editor' && <MultiFileEditor />}
+        {layout === 'preview' && <LivePreview />}
+        {layout === 'split' && (
+          <PanelGroup direction="horizontal">
+            <Panel defaultSize={50}>
+              <MultiFileEditor />
+            </Panel>
+            <ResizeHandle direction="vertical" />
+            <Panel defaultSize={50}>
+              <LivePreview />
+            </Panel>
+          </PanelGroup>
+        )}
       </Panel>
       <ResizeHandle direction="vertical" />

packages/client/src/components/layout/TopBar.tsx CHANGED Viewed

@@ -19,7 +19,7 @@ export default function TopBar({ layout, onLayoutChange }: TopBarProps) {
         <button className="p-1.5 hover:bg-secondary rounded text-muted-foreground">
           <Menu className="w-4 h-4" />
         </button>
-        <span className="text-sm font-medium text-foreground ml-1">FrontendForge</span>
         <div className="flex-1" />

         <button className="p-1.5 hover:bg-secondary rounded text-muted-foreground">
           <Menu className="w-4 h-4" />
         </button>
+        <span className="text-sm font-medium text-foreground ml-1">AsiPilot</span>
         <div className="flex-1" />

packages/client/src/components/preview/LivePreview.tsx CHANGED Viewed

@@ -29,6 +29,16 @@ export default function LivePreview() {
   const viewport = viewports[viewportIndex];
   return (
     <div className="flex flex-col h-full bg-background">
       {/* Toolbar */}
@@ -40,6 +50,14 @@ export default function LivePreview() {
         >
           <RefreshCw className="w-3.5 h-3.5 text-muted-foreground" />
         </button>
         {viewports.map((vp, i) => (
           <button
             key={vp.label}

   const viewport = viewports[viewportIndex];
+  const handleOpenInNewTab = () => {
+    const newWindow = window.open('', '_blank');
+    if (newWindow) {
+      newWindow.document.open();
+      newWindow.document.write(srcdoc);
+      newWindow.document.close();
+      newWindow.document.title = 'AsiPilot Preview';
+    }
+  };
   return (
     <div className="flex flex-col h-full bg-background">
       {/* Toolbar */}
         >
           <RefreshCw className="w-3.5 h-3.5 text-muted-foreground" />
         </button>
+        <button
+          onClick={handleOpenInNewTab}
+          className="p-1.5 hover:bg-secondary rounded transition-colors"
+          title="Open in new tab"
+        >
+          <ExternalLink className="w-3.5 h-3.5 text-muted-foreground" />
+        </button>
+        <div className="w-px h-4 bg-border mx-1" />
         {viewports.map((vp, i) => (
           <button
             key={vp.label}

packages/client/src/components/terminal/TerminalPanel.tsx CHANGED Viewed

@@ -36,7 +36,7 @@ export default function TerminalPanel() {
     terminal.open(containerRef.current);
     fitAddon.fit();
-    terminal.writeln('\x1b[1;32m✦ FrontendForge Terminal\x1b[0m');
     terminal.writeln('\x1b[90mConnected to local environment.\x1b[0m');
     terminal.writeln('');
     terminal.write('\x1b[32m❯\x1b[0m ');
@@ -49,7 +49,6 @@ export default function TerminalPanel() {
         terminal.writeln('');
         if (currentLine.trim()) {
           terminal.writeln(`\x1b[90m$ ${currentLine}\x1b[0m`);
-          terminal.writeln(`\x1b[33mNote:\x1b[0m Terminal commands run through the server WebSocket. Connect the server to enable command execution.`);
         }
         currentLine = '';
         terminal.write('\x1b[32m❯\x1b[0m ');

     terminal.open(containerRef.current);
     fitAddon.fit();
+    terminal.writeln('\x1b[1;32m✦ AsiPilot Terminal\x1b[0m');
     terminal.writeln('\x1b[90mConnected to local environment.\x1b[0m');
     terminal.writeln('');
     terminal.write('\x1b[32m❯\x1b[0m ');
         terminal.writeln('');
         if (currentLine.trim()) {
           terminal.writeln(`\x1b[90m$ ${currentLine}\x1b[0m`);
         }
         currentLine = '';
         terminal.write('\x1b[32m❯\x1b[0m ');

packages/client/src/hooks/useASI1Chat.ts CHANGED Viewed

@@ -8,7 +8,7 @@ const ASI1_API_KEY = import.meta.env.VITE_ASI1_API_KEY || '';
 const ASI1_MODEL = import.meta.env.VITE_ASI1_MODEL || 'asi1-mini';
 const SYSTEM_PROMPT =
-  'You are FrontendForge AI, an expert frontend development assistant. You help with HTML, CSS, JavaScript, TypeScript, React, Vue, Svelte, Next.js, and more.\n' +
   'CRITICAL INSTRUCTION: When you provide code that should be applied to a file, you MUST start the code block with a markdown bolded filename, followed immediately by the fenced code block. Example:\n' +
   '**`src/App.tsx`**\n' +
   '```tsx\n' +

 const ASI1_MODEL = import.meta.env.VITE_ASI1_MODEL || 'asi1-mini';
 const SYSTEM_PROMPT =
+  'You are AsiPilot AI, an expert frontend development assistant. You help with HTML, CSS, JavaScript, TypeScript, React, Vue, Svelte, Next.js, and more.\n' +
   'CRITICAL INSTRUCTION: When you provide code that should be applied to a file, you MUST start the code block with a markdown bolded filename, followed immediately by the fenced code block. Example:\n' +
   '**`src/App.tsx`**\n' +
   '```tsx\n' +

packages/client/src/hooks/useAgentReview.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import { useCallback, useState } from 'react';
 import { useWebSocket } from './useWebSocket';
 import { useAIStore } from '@/stores/aiStore';
 import { useFileStore } from '@/stores/fileStore';
-import type { AgentType, AgentProgressEvent, FullReviewResult } from '@frontendforge/shared';
 export function useAgentReview() {
   const { socket } = useWebSocket();

 import { useWebSocket } from './useWebSocket';
 import { useAIStore } from '@/stores/aiStore';
 import { useFileStore } from '@/stores/fileStore';
+import type { AgentType, AgentProgressEvent, FullReviewResult } from '@asipilot/shared';
 export function useAgentReview() {
   const { socket } = useWebSocket();

packages/client/src/stores/aiStore.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import type { ChatMessage, AgentResult, Finding, AgentType } from '@frontendforge/shared';
 interface AIState {
   messages: ChatMessage[];

 import { create } from 'zustand';
+import type { ChatMessage, AgentResult, Finding, AgentType } from '@asipilot/shared';
 interface AIState {
   messages: ChatMessage[];

packages/client/src/stores/fileStore.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import type { FileNode } from '@frontendforge/shared';
 const DEFAULT_FILES: Record<string, string> = {
   'index.html': `<!DOCTYPE html>
@@ -12,7 +12,7 @@ const DEFAULT_FILES: Record<string, string> = {
 </head>
 <body>
   <div id="app">
-    <h1>Hello, FrontendForge!</h1>
     <p>Start editing to see changes in the live preview.</p>
   </div>
   <script src="script.js"></script>
@@ -51,18 +51,18 @@ p {
   color: #a0a0a0;
   font-size: 1.1rem;
 }`,
-  'script.js': `// Welcome to FrontendForge!
-console.log("Hello from FrontendForge!");
 document.addEventListener('DOMContentLoaded', () => {
   const app = document.getElementById('app');
   const btn = document.createElement('button');
   btn.textContent = 'Click me';
   btn.style.cssText = 'margin-top:1.5rem;padding:0.75rem 2rem;background:#81f084;color:#000;border:none;border-radius:8px;font-size:1rem;cursor:pointer;font-weight:600';
-  btn.addEventListener('click', () => alert('FrontendForge is working!'));
   app?.appendChild(btn);
 });`,
-  'README.md': `# My Project\n\nBuilt with FrontendForge — the AI-powered browser IDE.\n`,
 };
 interface FileStore {

 import { create } from 'zustand';
+import type { FileNode } from '@asipilot/shared';
 const DEFAULT_FILES: Record<string, string> = {
   'index.html': `<!DOCTYPE html>
 </head>
 <body>
   <div id="app">
+    <h1>Hello, AsiPilot!</h1>
     <p>Start editing to see changes in the live preview.</p>
   </div>
   <script src="script.js"></script>
   color: #a0a0a0;
   font-size: 1.1rem;
 }`,
+  'script.js': `// Welcome to AsiPilot!
+console.log("Hello from AsiPilot!");
 document.addEventListener('DOMContentLoaded', () => {
   const app = document.getElementById('app');
   const btn = document.createElement('button');
   btn.textContent = 'Click me';
   btn.style.cssText = 'margin-top:1.5rem;padding:0.75rem 2rem;background:#81f084;color:#000;border:none;border-radius:8px;font-size:1rem;cursor:pointer;font-weight:600';
+  btn.addEventListener('click', () => alert('AsiPilot is working!'));
   app?.appendChild(btn);
 });`,
+  'README.md': `# My Project\n\nBuilt with AsiPilot — the AI-powered browser IDE.\n`,
 };
 interface FileStore {

packages/client/src/stores/githubStore.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import type { FileNode } from '@frontendforge/shared';
 interface GitHubState {
   owner: string;

 import { create } from 'zustand';
+import type { FileNode } from '@asipilot/shared';
 interface GitHubState {
   owner: string;

packages/client/src/stores/settingsStore.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { create } from 'zustand';
-import type { UserSettings } from '@frontendforge/shared';
 interface SettingsState extends UserSettings {
   updateSetting: <K extends keyof UserSettings>(key: K, value: UserSettings[K]) => void;

 import { create } from 'zustand';
+import type { UserSettings } from '@asipilot/shared';
 interface SettingsState extends UserSettings {
   updateSetting: <K extends keyof UserSettings>(key: K, value: UserSettings[K]) => void;

packages/server/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "name": "@frontendforge/server",
   "version": "1.0.0",
   "private": true,
   "type": "module",
@@ -10,7 +10,7 @@
     "start": "node dist/index.js"
   },
   "dependencies": {
-    "@frontendforge/shared": "*",
     "@octokit/rest": "^20.0.0",
     "axios": "^1.6.0",
     "cors": "^2.8.5",

 {
+  "name": "@asipilot/server",
   "version": "1.0.0",
   "private": true,
   "type": "module",
     "start": "node dist/index.js"
   },
   "dependencies": {
+    "@asipilot/shared": "*",
     "@octokit/rest": "^20.0.0",
     "axios": "^1.6.0",
     "cors": "^2.8.5",

packages/server/src/agents/base.agent.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import crypto from 'crypto';
-import { AgentResult, AgentOptions, Finding, AgentSummary, AgentType, estimateTokens } from '@frontendforge/shared';
 import { ASI1Client, asi1 } from '../services/asi1-client.js';
 import { cache, CacheService } from '../services/cache.service.js';
 import { logger } from '../utils/logger.js';

 import crypto from 'crypto';
+import { AgentResult, AgentOptions, Finding, AgentSummary, AgentType, estimateTokens } from '@asipilot/shared';
 import { ASI1Client, asi1 } from '../services/asi1-client.js';
 import { cache, CacheService } from '../services/cache.service.js';
 import { logger } from '../utils/logger.js';

packages/server/src/agents/documentation.agent.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { AgentResult, AgentOptions, AgentType, DocMode } from '@frontendforge/shared';
 import { BaseAgent } from './base.agent.js';
 import { parseJSONSafe } from '../utils/code-parser.js';

+import { AgentResult, AgentOptions, AgentType, DocMode } from '@asipilot/shared';
 import { BaseAgent } from './base.agent.js';
 import { parseJSONSafe } from '../utils/code-parser.js';

packages/server/src/agents/orchestrator.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import {
   AgentType, AgentResult, AgentProgressEvent, Finding, FullReviewResult,
   QuickReviewResult, PRFixSet, FileChange, AgentOptions,
   SEVERITY_ORDER, estimateTokens, ALL_AGENTS,
-} from '@frontendforge/shared';
 import { SecurityAgent } from './security.agent.js';
 import { PerformanceAgent } from './performance.agent.js';
 import { StyleAgent } from './style.agent.js';
@@ -176,10 +176,10 @@ Respond with valid JSON:
     const parsed = JSON.parse(response.choices[0]?.message?.content || '{}');
     return {
-      branchName: `frontendforge/fix-${Date.now()}`,
       commitMessage: parsed.commitMessage || 'fix: apply code review fixes',
-      prTitle: parsed.prTitle || 'FrontendForge: Code Review Fixes',
-      prBody: parsed.prBody || 'Automated fixes from FrontendForge code review.',
       fileChanges: parsed.fileChanges || [],
     };
   }

   AgentType, AgentResult, AgentProgressEvent, Finding, FullReviewResult,
   QuickReviewResult, PRFixSet, FileChange, AgentOptions,
   SEVERITY_ORDER, estimateTokens, ALL_AGENTS,
+} from '@asipilot/shared';
 import { SecurityAgent } from './security.agent.js';
 import { PerformanceAgent } from './performance.agent.js';
 import { StyleAgent } from './style.agent.js';
     const parsed = JSON.parse(response.choices[0]?.message?.content || '{}');
     return {
+      branchName: `asipilot/fix-${Date.now()}`,
       commitMessage: parsed.commitMessage || 'fix: apply code review fixes',
+      prTitle: parsed.prTitle || 'AsiPilot: Code Review Fixes',
+      prBody: parsed.prBody || 'Automated fixes from AsiPilot code review.',
       fileChanges: parsed.fileChanges || [],
     };
   }

packages/server/src/agents/performance.agent.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { AgentResult, AgentOptions, AgentType } from '@frontendforge/shared';
 import { BaseAgent } from './base.agent.js';
 export class PerformanceAgent extends BaseAgent {

+import { AgentResult, AgentOptions, AgentType } from '@asipilot/shared';
 import { BaseAgent } from './base.agent.js';
 export class PerformanceAgent extends BaseAgent {

packages/server/src/agents/security.agent.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { AgentResult, AgentOptions, AgentType } from '@frontendforge/shared';
 import { BaseAgent } from './base.agent.js';
 export class SecurityAgent extends BaseAgent {

+import { AgentResult, AgentOptions, AgentType } from '@asipilot/shared';
 import { BaseAgent } from './base.agent.js';
 export class SecurityAgent extends BaseAgent {

packages/server/src/agents/style.agent.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { AgentResult, AgentOptions, AgentType } from '@frontendforge/shared';
 import { BaseAgent } from './base.agent.js';
 export class StyleAgent extends BaseAgent {

+import { AgentResult, AgentOptions, AgentType } from '@asipilot/shared';
 import { BaseAgent } from './base.agent.js';
 export class StyleAgent extends BaseAgent {

packages/server/src/index.ts CHANGED Viewed

@@ -42,7 +42,7 @@ setupWebSocketHandlers(io);
 // Start server
 httpServer.listen(config.PORT, () => {
-  logger.info(`🚀 FrontendForge server running on port ${config.PORT}`);
   logger.info(`   Environment: ${config.NODE_ENV}`);
   logger.info(`   Client URL: ${config.CLIENT_URL}`);
 });

 // Start server
 httpServer.listen(config.PORT, () => {
+  logger.info(`🚀 AsiPilot server running on port ${config.PORT}`);
   logger.info(`   Environment: ${config.NODE_ENV}`);
   logger.info(`   Client URL: ${config.CLIENT_URL}`);
 });

packages/server/src/routes/analyze.routes.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Router, Request, Response } from 'express';
 import { orchestrator } from '../agents/orchestrator.js';
 import { analyzeLimiter } from '../middleware/rate-limit.middleware.js';
-import type { AgentType } from '@frontendforge/shared';
 const router = Router();

 import { Router, Request, Response } from 'express';
 import { orchestrator } from '../agents/orchestrator.js';
 import { analyzeLimiter } from '../middleware/rate-limit.middleware.js';
+import type { AgentType } from '@asipilot/shared';
 const router = Router();

packages/server/src/routes/chat.routes.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Router, Request, Response } from 'express';
 import { asi1 } from '../services/asi1-client.js';
 import { defaultLimiter } from '../middleware/rate-limit.middleware.js';
-import type { ASI1Message, ChatRequest } from '@frontendforge/shared';
 const router = Router();
@@ -16,7 +16,7 @@ router.post('/', defaultLimiter, async (req: Request, res: Response) => {
     const messages: ASI1Message[] = [
       {
         role: 'system',
-        content: 'You are FrontendForge AI, an expert frontend development assistant. You help with HTML, CSS, JavaScript, TypeScript, React, Vue, Svelte, Next.js, Tailwind CSS, and all frontend technologies. Provide clear, concise, and accurate code with explanations. When showing code, use appropriate language tags in code blocks.',
       },
       ...history,
       { role: 'user', content: message },

 import { Router, Request, Response } from 'express';
 import { asi1 } from '../services/asi1-client.js';
 import { defaultLimiter } from '../middleware/rate-limit.middleware.js';
+import type { ASI1Message, ChatRequest } from '@asipilot/shared';
 const router = Router();
     const messages: ASI1Message[] = [
       {
         role: 'system',
+        content: 'You are AsiPilot AI, an expert frontend development assistant. You help with HTML, CSS, JavaScript, TypeScript, React, Vue, Svelte, Next.js, Tailwind CSS, and all frontend technologies. Provide clear, concise, and accurate code with explanations. When showing code, use appropriate language tags in code blocks.',
       },
       ...history,
       { role: 'user', content: message },

packages/server/src/routes/complete.routes.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import crypto from 'crypto';
 import { asi1 } from '../services/asi1-client.js';
 import { cache } from '../services/cache.service.js';
 import { completionLimiter } from '../middleware/rate-limit.middleware.js';
-import { CACHE_TTL } from '@frontendforge/shared';
 const router = Router();

 import { asi1 } from '../services/asi1-client.js';
 import { cache } from '../services/cache.service.js';
 import { completionLimiter } from '../middleware/rate-limit.middleware.js';
+import { CACHE_TTL } from '@asipilot/shared';
 const router = Router();

packages/server/src/routes/github.routes.ts CHANGED Viewed

@@ -44,7 +44,7 @@ router.post('/pr', defaultLimiter, async (req: Request, res: Response) => {
     }
     const prUrl = await github.createPR(
-      owner, repo, baseBranch || 'main', changes, title || 'FrontendForge Fixes', body || ''
     );
     res.json({ success: true, data: { prUrl } });

     }
     const prUrl = await github.createPR(
+      owner, repo, baseBranch || 'main', changes, title || 'AsiPilot Fixes', body || ''
     );
     res.json({ success: true, data: { prUrl } });

packages/server/src/services/asi1-client.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import axios, { AxiosInstance, AxiosError } from 'axios';
-import { ASI1Message, ASI1Response, ASI1StreamResponse, ASI1_DEFAULTS } from '@frontendforge/shared';
 import { config } from '../config/env.js';
 import { logger } from '../utils/logger.js';
 import { stripCodeFences } from '../utils/code-parser.js';

 import axios, { AxiosInstance, AxiosError } from 'axios';
+import { ASI1Message, ASI1Response, ASI1StreamResponse, ASI1_DEFAULTS } from '@asipilot/shared';
 import { config } from '../config/env.js';
 import { logger } from '../utils/logger.js';
 import { stripCodeFences } from '../utils/code-parser.js';

packages/server/src/services/github.service.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Octokit } from '@octokit/rest';
-import { FileNode, FileChange, EXCLUDED_DIRECTORIES, FRONTEND_EXTENSIONS } from '@frontendforge/shared';
 import { config } from '../config/env.js';
 import { logger } from '../utils/logger.js';
 import { getLanguageFromPath, isBinaryFile } from '../utils/file-utils.js';
@@ -136,7 +136,7 @@ class GitHubService {
     });
     // Create branch
-    const branchName = `frontendforge/fix-${Date.now()}`;
     await this.octokit.git.createRef({
       owner, repo, ref: `refs/heads/${branchName}`, sha: commit.sha,
     });

 import { Octokit } from '@octokit/rest';
+import { FileNode, FileChange, EXCLUDED_DIRECTORIES, FRONTEND_EXTENSIONS } from '@asipilot/shared';
 import { config } from '../config/env.js';
 import { logger } from '../utils/logger.js';
 import { getLanguageFromPath, isBinaryFile } from '../utils/file-utils.js';
     });
     // Create branch
+    const branchName = `asipilot/fix-${Date.now()}`;
     await this.octokit.git.createRef({
       owner, repo, ref: `refs/heads/${branchName}`, sha: commit.sha,
     });

packages/server/src/utils/file-utils.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { getLanguageFromPath, isBinaryFile, getFileExtension, getFileName } from '@frontendforge/shared';
 export { getLanguageFromPath, isBinaryFile, getFileExtension, getFileName };


1	+ import { getLanguageFromPath, isBinaryFile, getFileExtension, getFileName } from '@asipilot/shared';
2
3	export { getLanguageFromPath, isBinaryFile, getFileExtension, getFileName };
4

packages/server/src/utils/logger.ts CHANGED Viewed

@@ -18,5 +18,5 @@ export const logger = winston.createLogger({
   level: config.LOG_LEVEL,
   format: config.NODE_ENV === 'production' ? prodFormat : devFormat,
   transports: [new winston.transports.Console()],
-  defaultMeta: { service: 'frontendforge-server' },
 });

   level: config.LOG_LEVEL,
   format: config.NODE_ENV === 'production' ? prodFormat : devFormat,
   transports: [new winston.transports.Console()],
+  defaultMeta: { service: 'asipilot-server' },
 });

packages/server/src/utils/token-counter.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { estimateTokens } from '@frontendforge/shared';
 import { logger } from './logger.js';
 /**

+import { estimateTokens } from '@asipilot/shared';
 import { logger } from './logger.js';
 /**

packages/server/src/websocket/handler.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { WS_EVENTS } from './events.js';
 import { asi1 } from '../services/asi1-client.js';
 import { orchestrator } from '../agents/orchestrator.js';
 import { logger } from '../utils/logger.js';
-import type { WSCompletionRequest, WSReviewRequest, WSChatMessage, AgentType } from '@frontendforge/shared';
 const activeAbortControllers = new Map<string, AbortController>();
@@ -74,7 +74,7 @@ export function setupWebSocketHandlers(io: SocketServer) {
         const messages = [
           {
             role: 'system' as const,
-            content: 'You are FrontendForge AI, an expert frontend development assistant. You help with HTML, CSS, JavaScript, TypeScript, React, Vue, Svelte, Next.js, Tailwind CSS, and all frontend technologies. Provide clear, concise, and accurate code with explanations. When showing code, use appropriate language tags in code blocks.',
           },
           ...data.history,
           { role: 'user' as const, content: data.message },

 import { asi1 } from '../services/asi1-client.js';
 import { orchestrator } from '../agents/orchestrator.js';
 import { logger } from '../utils/logger.js';
+import type { WSCompletionRequest, WSReviewRequest, WSChatMessage, AgentType } from '@asipilot/shared';
 const activeAbortControllers = new Map<string, AbortController>();
         const messages = [
           {
             role: 'system' as const,
+            content: 'You are AsiPilot AI, an expert frontend development assistant. You help with HTML, CSS, JavaScript, TypeScript, React, Vue, Svelte, Next.js, Tailwind CSS, and all frontend technologies. Provide clear, concise, and accurate code with explanations. When showing code, use appropriate language tags in code blocks.',
           },
           ...data.history,
           { role: 'user' as const, content: data.message },

packages/shared/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "name": "@frontendforge/shared",
   "version": "1.0.0",
   "private": true,
   "main": "./src/index.ts",

 {
+  "name": "@asipilot/shared",
   "version": "1.0.0",
   "private": true,
   "main": "./src/index.ts",