feat: implement terminal routing for backend mode

- Add terminalType parameter to run-app and restart-app handlers
- Route app:output events based on terminalType (frontend/backend)
- Update backend restart buttons to use backend terminal routing
- Enhance useRunApp hook to support terminalType options

This fixes the issue where backend terminal output was not visible in dedicated backend terminal panel, instead getting routed to system messages.

Author: SFARPak

README.md

@@ -1,23 +1,33 @@
-# 🧠 AliFullStack — AI-Powered Full-Stack App Builder
+# 🧠 AliFullStack — AI-Powered Full-Stack App Builder (Local-First, Open Source)
 
-**AliFullStack** is a local-first, AI-driven full-stack app builder that empowers you to build, test, and deploy applications with speed, privacy, and full control. Inspired by tools like Lovable, v0, and Bolt, AliFullStack runs entirely in your browser or on your machine — no vendor lock-in, no data leakage.
+**AliFullStack** is a blazing-fast, **AI-driven Full-Stack App Builder** that runs entirely **locally** — giving you total **data privacy**, **vendor freedom**, and powerful **LLM integration**. Whether you're a solo indie hacker, startup, or enterprise developer, AliFullStack helps you **build, test, and deploy apps autonomously** using your favorite frontend and backend frameworks.
 
-Built on top of [Dyad](https://www.alifullstack.alitech.io), it brings together the power of modern AI models with the flexibility of your favorite frontend and backend frameworks.
+> ✅ 100% Local | 🚀 LLM-Powered | 🧠 BYO AI API Key | 🧩 Framework-Agnostic | 💡 Open Source
 
-[![AliFullStack Screenshot](https://github.com/user-attachments/assets/f6c83dfc-6ffd-4d32-93dd-4b9c46d17790)](http://alifullstack.alitech.io)
+Inspired by tools like *Lovable*, *v0.dev*, and *Bolt*, but with no lock-in or cloud dependency. Built on top of [Dyad](https://github.com/dyad-sh/dyad), AliFullStack gives you the power of AI without sacrificing control.
 
-🔗 **Learn more**: [alifullstack.alitech.io](http://alifullstack.alitech.io)
+![AliFullStack Screenshot](https://github.com/user-attachments/assets/f6c83dfc-6ffd-4d32-93dd-4b9c46d17790)
+
+🌐 **Live Demo & Docs**: [alifullstack.alitech.io](https://alifullstack.alitech.io)
+
+---
+
+## ⭐ Why Star This Project?
+
+Help us grow! If you're excited about AI developer tools, autonomous coding, or local-first privacy-first software:
+
+👉 **[Give us a ⭐ on GitHub](https://github.com/your-repo-link-here)** — it really helps!
 
 ---
 
 ## 🚀 Key Features
 
-- ⚡ **Local & Private** — Everything runs locally. No data ever leaves your machine unless you choose.
-- 🔑 **Bring Your Own API Keys** — Use your preferred AI providers (OpenAI, Claude, Gemini, etc.).
-- 🖥️ **Cross-Platform** — Works seamlessly on macOS, Windows, and Linux.
-- 🧱 **Framework-Agnostic** — Build with React, Next.js, Django, FastAPI, and more.
-- 🛠 **Autonomous AI Code Generation** — Let AI handle scaffolding, APIs, UI, and even tests.
-- 🧠 **Model Flexibility** — Plug into a wide range of LLM providers via API.
+- 🔐 **Local & Private by Default** — No servers, no tracking, no data leakage.
+- 🧠 **LLM-Powered Autonomy** — AI generates frontend, backend, tests, and more.
+- 🧰 **Bring Your Own API Keys** — Works with OpenAI, Claude, Gemini, etc.
+- 🧱 **Framework Agnostic** — React, Next.js, Django, FastAPI, and more.
+- 💻 **Cross-Platform** — Windows, macOS, Linux supported.
+- 🔄 **Self-Upgrading Pipelines** — Code improves itself over time.
 
 ---
 
@@ -83,34 +93,60 @@ AliFullStack is evolving rapidly. Here's what’s done and what’s coming soon:
 
 ---
 
-## 📦 Get Started
+## 📦 Get Started in 2 Minutes
 
-No sign-up. No cloud lock-in. Just download and start building.
+No sign-up. No cloud lock-in. Just download and build.
 
-👉 **[Download for your platform](https://www.alifullstack.alitech.io/#download)**
+👉 **[Download AliFullStack](https://www.alifullstack.alitech.io/#download)** for your OS and start building.
 
 ---
 
-## 🌍 Community
+## 👥 Join the Community
 
-Join the growing community of indie hackers, developers, and AI tinkerers:
+Be part of a growing network of **AI tinkerers**, **indie hackers**, and **full-stack dreamers**:
 
-🔗 **[r/alifullstackbuilders](https://www.reddit.com/r/alifullstackbuilders/)** — Share your builds, get support, and contribute ideas.
+- 🧵 Reddit: [r/alifullstackbuilders](https://www.reddit.com/r/alifullstackbuilders/)
+- 🐦 Twitter/X: [@alifullstack](https://twitter.com/alifullstack) *(coming soon)*
+- 🌐 Website: [alifullstack.alitech.io](https://alifullstack.alitech.io)
 
 ---
 
-## 🤝 Contributing
+## 🤝 Contribute to AliFullStack
 
-AliFullStack is open-source and licensed under **Apache 2.0**.
+AliFullStack is **Apache 2.0 licensed** and open to contributors!
 
-We welcome contributions! Whether it's fixing bugs, adding features, or writing docs — you're welcome here. Please check out our [CONTRIBUTING.md](./CONTRIBUTING.md) to get started.
+You can:
+- 🐛 Fix bugs
+- ✨ Add features
+- 📝 Improve documentation
+- 📣 Share it in dev communities!
+
+📄 **[CONTRIBUTING.md](./CONTRIBUTING.md)** has all the details.
 
 ---
 
-## 📬 Stay in the Loop
+## 📬 Stay Updated
 
-Get product updates, feature drops, and community highlights:
+Be the first to know about:
+- ✨ New Features
+- 📦 Releases
+- 🧠 Devlogs
+- 🚀 Launches
 
-- 🌐 Website: [alifullstack.alitech.io](https://alifullstack.alitech.io)
-- 🐦 Twitter/X: [@alifullstack](https://twitter.com/alifullstack) *(coming soon)*
-- 📢 Reddit: [r/alifullstackbuilders](http)
+📧 Subscribe via the [website](https://alifullstack.alitech.io) or follow us on [Reddit](https://www.reddit.com/r/alifullstackbuilders/).
+
+---
+
+## 🔗 Useful Links
+
+- 💻 [Live Demo / Docs]- Coming Soon
+- 📥 [Download] - Coming Soon
+- 🧑‍💻 [Contribute](./CONTRIBUTING.md)
+- ⭐ [Star on GitHub](https://github.com/SFARPak/AliFullStack)
+- 🧵 [Reddit Community](https://www.reddit.com/r/alifullstackbuilders/)
+
+---
+
+## 💬 Let’s Build the Future of Devtools — Together.
+
+> Local-first. AI-powered. Fully yours.

src/components/backend-chat/BackendChatInput.tsx

@@ -701,7 +701,7 @@ function BackendRestartButton() {
     if (!selectedAppId) return;
 
     posthog.capture("backend:action:restart");
-    await restartApp();
+    await restartApp({}, { terminalType: "backend" });
   }, [selectedAppId, posthog, restartApp]);
 
   return (
@@ -873,4 +873,4 @@ function BackendSqlQueryItem({ query }: { query: SqlQuery }) {
       )}
     </li>
   );
-}
+}

src/hooks/useRunApp.ts

@@ -139,9 +139,12 @@ export function useRunApp() {
   }, [setPreviewPanelKey]);
 
   const restartApp = useCallback(
-    async ({
-      removeNodeModules = false,
-    }: { removeNodeModules?: boolean } = {}) => {
+    async (
+      params: { removeNodeModules?: boolean } = {},
+      options: { terminalType?: "frontend" | "backend" | "main" } = {}
+    ) => {
+      const { removeNodeModules = false } = params;
+      const { terminalType = "main" } = options;
       if (appId === null) {
         return;
       }

src/ipc/handlers/app_handlers.ts

@@ -92,13 +92,15 @@ async function executeApp({
   isNeon,
   installCommand,
   startCommand,
+  terminalType,
 }: {
   appPath: string;
   appId: number;
   event: Electron.IpcMainInvokeEvent;
   isNeon: boolean;
   installCommand?: string | null;
   startCommand?: string | null;
+  terminalType?: "frontend" | "backend" | "main";
 }): Promise<void> {
   if (proxyWorker) {
     proxyWorker.terminate();
@@ -208,11 +210,13 @@ function listenToProcess({
   appId,
   isNeon,
   event,
+  terminalType,
 }: {
   process: ChildProcess;
   appId: number;
   isNeon: boolean;
   event: Electron.IpcMainInvokeEvent;
+  terminalType?: "frontend" | "backend" | "main";
 }) {
   // Log output
   spawnedProcess.stdout?.on("data", async (data) => {
@@ -1056,7 +1060,7 @@ export function registerAppHandlers() {
     "run-app",
     async (
       event: Electron.IpcMainInvokeEvent,
-      { appId }: { appId: number },
+      { appId, terminalType }: { appId: number; terminalType?: "frontend" | "backend" | "main" },
     ): Promise<void> => {
       return withLock(appId, async () => {
         // Check if app is already running
@@ -1079,14 +1083,15 @@ export function registerAppHandlers() {
         try {
           // There may have been a previous run that left a process on port 32100.
           await cleanUpPort(32100);
-          await executeApp({
-            appPath,
-            appId,
-            event,
-            isNeon: !!app.neonProjectId,
-            installCommand: app.installCommand,
-            startCommand: app.startCommand,
-          });
+    await executeApp({
+      appPath,
+      appId,
+      event,
+      isNeon: !!app.neonProjectId,
+      installCommand: app.installCommand,
+      startCommand: app.startCommand,
+      terminalType,
+    });
 
           return;
         } catch (error: any) {
@@ -1161,7 +1166,8 @@ export function registerAppHandlers() {
       {
         appId,
         removeNodeModules,
-      }: { appId: number; removeNodeModules?: boolean },
+        terminalType,
+      }: { appId: number; removeNodeModules?: boolean; terminalType?: "frontend" | "backend" | "main" },
     ): Promise<void> => {
       logger.log(`Restarting app ${appId}`);
       return withLock(appId, async () => {

src/ipc/ipc_client.ts

@@ -80,7 +80,7 @@ export interface ChatStreamCallbacks {
 }
 
 export interface AppStreamCallbacks {
-  onOutput: (output: AppOutput) => void;
+  onOutput: (output: AppOutput, terminalType?: "frontend" | "backend" | "main") => void;
 }
 
 export interface GitHubDeviceFlowUpdateData {
@@ -151,18 +151,30 @@ export class IpcClient {
       }
     });
 
-    this.ipcRenderer.on("app:output", (data) => {
+    this.ipcRenderer.on("app:output", async (data) => {
       if (
         data &&
         typeof data === "object" &&
         "type" in data &&
         "message" in data &&
         "appId" in data
       ) {
-        const { type, message, appId } = data as unknown as AppOutput;
-        const callbacks = this.appStreams.get(appId);
-        if (callbacks) {
-          callbacks.onOutput({ type, message, appId, timestamp: Date.now() });
+        const { type, message, appId, terminalType } = data as unknown as AppOutput & { terminalType?: "frontend" | "backend" | "main" };
+
+        // Route based on terminalType if provided
+        if (terminalType && terminalType !== "main") {
+          try {
+            const { addTerminalOutput } = await import("./handlers/terminal_handlers");
+            addTerminalOutput(appId, terminalType, message, type as "command" | "output" | "success" | "error");
+          } catch (error) {
+            showError(new Error(`[IPC] Failed to route terminal output: ${error}`));
+          }
+        } else {
+          // Default routing for main/system messages
+          const callbacks = this.appStreams.get(appId);
+          if (callbacks) {
+            callbacks.onOutput({ type, message, appId, timestamp: Date.now() }, terminalType);
+          }
         }
       } else {
         showError(new Error(`[IPC] Invalid app output data received: ${data}`));
@@ -478,9 +490,10 @@ export class IpcClient {
   // Run an app
   public async runApp(
     appId: number,
-    onOutput: (output: AppOutput) => void,
+    onOutput: (output: AppOutput, terminalType?: "frontend" | "backend" | "main") => void,
+    terminalType: "frontend" | "backend" | "main" = "main",
   ): Promise<void> {
-    await this.ipcRenderer.invoke("run-app", { appId });
+    await this.ipcRenderer.invoke("run-app", { appId, terminalType });
     this.appStreams.set(appId, { onOutput });
   }
 
@@ -492,13 +505,15 @@ export class IpcClient {
   // Restart a running app
   public async restartApp(
     appId: number,
-    onOutput: (output: AppOutput) => void,
+    onOutput: (output: AppOutput, terminalType?: "frontend" | "backend" | "main") => void,
     removeNodeModules?: boolean,
+    terminalType: "frontend" | "backend" | "main" = "main",
   ): Promise<{ success: boolean }> {
     try {
       const result = await this.ipcRenderer.invoke("restart-app", {
         appId,
         removeNodeModules,
+        terminalType,
       });
       this.appStreams.set(appId, { onOutput });
       return result;