localcoder 0.2.0__tar.gz → 0.2.1__tar.gz

{localcoder-0.2.0 → localcoder-0.2.1}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: localcoder
-Version: 0.2.0
+Version: 0.2.1
 Summary: Local AI coding agent — auto-installs, auto-serves, zero config. Works with Gemma 4, Qwen 3.5, and any model via llama.cpp or Ollama.
 Project-URL: Homepage, https://github.com/AnassKartit/localcoder
 Project-URL: Repository, https://github.com/AnassKartit/localcoder

{localcoder-0.2.0 → localcoder-0.2.1}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "localcoder"
-version = "0.2.0"
+version = "0.2.1"
 description = "Local AI coding agent — auto-installs, auto-serves, zero config. Works with Gemma 4, Qwen 3.5, and any model via llama.cpp or Ollama."
 readme = "README.md"
 license = "Apache-2.0"

{localcoder-0.2.0 → localcoder-0.2.1}/src/localcoder/localcoder_agent.py

@@ -3035,30 +3035,29 @@ def main(argv=None):
 
 
 def _handle_deploy(task, messages, perms, system, console):
-    """Generate and deploy an AI-powered React app."""
-    from rich.panel import Panel
+    """Generate and deploy an AI-powered React app from template."""
+    import shutil
     from rich.rule import Rule
 
-    # Parse: /deploy or /deploy "description"
     parts = task.split(None, 1)
     description = parts[1] if len(parts) > 1 else None
 
     console.print(f"\n  [bold #e07a5f]🚀 Deploy — AI App Generator[/]\n")
 
-    # App templates
+    # ── Templates: LLM only writes system prompt + page description ──
     TEMPLATES = {
-        "1": ("chatbot",  "AI Chatbot — conversational UI with streaming"),
-        "2": ("vision",   "Vision App — image upload + AI analysis"),
-        "3": ("writer",   "AI Writer — text rewriting, summarization, translation"),
-        "4": ("csv",      "Data Analyzer — upload CSV, get AI insights"),
-        "5": ("pdf",      "PDF Extractor — upload PDF, extract & summarize"),
-        "6": ("custom",   "Custom — describe your app"),
+        "1": ("chatbot",     "AI Chatbot",              "You are a helpful AI assistant. Be concise and friendly.",                        "Ask me anything..."),
+        "2": ("ingredients",  "Ingredients Analyzer",    "You are a food ingredients expert. When given a list of ingredients or a food product name, analyze each ingredient: explain what it is, whether it's natural or artificial, any health concerns, allergens, and give an overall healthiness rating from 1-10. Be specific and scientific but easy to understand.", "Paste ingredients list or food product name..."),
+        "3": ("writer",      "AI Writer",               "You are a professional writer. Rewrite, summarize, translate, or improve any text the user provides. Match the requested tone and style. Be creative but accurate.", "Paste text to rewrite, summarize, or translate..."),
+        "4": ("code-review", "Code Reviewer",           "You are a senior software engineer. Review the code provided: find bugs, security issues, performance problems, and suggest improvements. Be specific with line references. Rate code quality 1-10.", "Paste code to review..."),
+        "5": ("csv-analyzer","CSV Data Analyzer",       "You are a data analyst. When given CSV data, analyze it: identify patterns, outliers, trends, and provide summary statistics. Give actionable insights. Format numbers clearly.", "Paste CSV data or describe your dataset..."),
+        "6": ("custom",      "Custom App",              None, None),
     }
 
     if not description:
         console.print(f"  [bold]Pick a template:[/]\n")
-        for k, (tid, desc) in TEMPLATES.items():
-            console.print(f"  [bold cyan]{k}[/]  {desc}")
+        for k, (tid, title, _, _) in TEMPLATES.items():
+            console.print(f"  [bold cyan]{k}[/]  {title}")
         console.print()
 
         try:
@@ -3067,142 +3066,142 @@ def _handle_deploy(task, messages, perms, system, console):
             return
 
         if choice in TEMPLATES:
-            tid, desc = TEMPLATES[choice]
+            tid, title, sys_prompt, placeholder = TEMPLATES[choice]
             if tid == "custom":
                 try:
-                    description = input("  Describe your app: ").strip()
+                    description = input("  App description: ").strip()
+                    sys_prompt = input("  System prompt for AI: ").strip()
+                    placeholder = input("  Input placeholder: ").strip() or "Type here..."
+                    title = description.split(".")[0][:40]
                 except (EOFError, KeyboardInterrupt):
                     return
-                if not description:
+                if not description or not sys_prompt:
                     return
             else:
-                description = desc
+                description = title
         else:
-            description = choice  # treat as freeform description
+            description = choice
+            sys_prompt = f"You are an AI assistant for: {choice}. Help the user with their request."
+            placeholder = "Type here..."
+            title = choice[:40]
 
-    # Get app name
+    else:
+        # /deploy "ingredients analyzer"
+        title = description[:40]
+        sys_prompt = f"You are an AI expert for: {description}. Help the user with detailed, accurate responses."
+        placeholder = "Type here..."
+
+    # App name
     try:
-        app_name = input(f"  App name [{description.split()[0].lower()}-app]: ").strip()
+        default_name = re.sub(r'[^a-z0-9-]', '-', title.lower().replace(" ", "-"))
+        app_name = input(f"  App name [{default_name}]: ").strip() or default_name
     except (EOFError, KeyboardInterrupt):
         return
-    if not app_name:
-        app_name = description.split()[0].lower().replace(" ", "-") + "-app"
     app_name = re.sub(r'[^a-z0-9-]', '-', app_name.lower())
+    app_dir = os.path.join(CWD, app_name)
+
+    console.print(f"\n  [bold]App:[/]    {app_name}")
+    console.print(f"  [bold]Title:[/]  {title}")
+    console.print(f"  [bold]API:[/]    {API_BASE}")
+    console.print(Rule(style="dim"))
 
-    # Detect API endpoint
+    # ── Copy template ──
+    template_dir = os.path.join(os.path.dirname(__file__), "templates", "ai-app")
+    if not os.path.isdir(template_dir):
+        console.print(f"  [red]Template not found: {template_dir}[/]")
+        return
+
+    console.print(f"  [dim]Scaffolding {app_name}...[/]")
+    if os.path.exists(app_dir):
+        try:
+            ans = input(f"  {app_name}/ exists. Overwrite? (y/n): ").strip().lower()
+        except (EOFError, KeyboardInterrupt):
+            return
+        if ans not in ("y", "yes"):
+            return
+        shutil.rmtree(app_dir)
+
+    shutil.copytree(template_dir, app_dir)
+
+    # ── Fill in placeholders ──
     api_base = API_BASE.replace("/v1", "")
+    replacements = {
+        "{{APP_NAME}}": app_name,
+        "{{APP_TITLE}}": title,
+        "{{APP_DESCRIPTION}}": description,
+        "{{SYSTEM_PROMPT}}": sys_prompt.replace("`", "\\`").replace("$", "\\$"),
+        "{{PLACEHOLDER}}": placeholder,
+    }
 
-    console.print(f"\n  [bold]App:[/] {app_name}")
-    console.print(f"  [bold]Desc:[/] {description}")
-    console.print(f"  [bold]Model API:[/] {api_base}/v1")
-    console.print(Rule(style="dim"))
+    for root, dirs, files in os.walk(app_dir):
+        for fname in files:
+            fpath = os.path.join(root, fname)
+            if fname.endswith((".ts", ".tsx", ".json", ".css", ".mjs", ".local")):
+                try:
+                    content = open(fpath).read()
+                    for k, v in replacements.items():
+                        content = content.replace(k, v)
+                    with open(fpath, "w") as f:
+                        f.write(content)
+                except Exception:
+                    pass
 
-    # Build the generation prompt
-    deploy_system = f"""You are an expert full-stack React developer. Generate a COMPLETE, production-ready AI-powered web app.
-
-REQUIREMENTS:
-- Next.js 15 + TypeScript + Tailwind CSS
-- Beautiful, modern UI (dark theme, glassmorphism, smooth animations)
-- AI-powered backend using OpenAI-compatible API
-- All code must be COMPLETE — no placeholders, no TODOs, no "add your code here"
-- App must work immediately after `npm install && npm run dev`
-
-AI BACKEND PATTERN — use this exact pattern for all AI calls:
-```typescript
-// src/app/api/chat/route.ts (or similar)
-const response = await fetch(process.env.LLM_API_BASE + '/chat/completions', {{
-  method: 'POST',
-  headers: {{ 'Content-Type': 'application/json' }},
-  body: JSON.stringify({{
-    model: process.env.LLM_MODEL || 'local',
-    messages: [...],
-    stream: true,
-  }}),
-}});
-```
-
-ENV VARS (create .env.local):
-```
-LLM_API_BASE={api_base}/v1
-LLM_MODEL={MODEL}
-```
-
-This makes the app work with:
-- Local: llama-server on localhost:8089 (default)
-- Cloud: RunPod Serverless, OpenAI, Groq — just change LLM_API_BASE
-
-DIRECTORY STRUCTURE — create ALL files:
-{app_name}/
-  package.json
-  tsconfig.json
-  next.config.ts
-  tailwind.config.ts
-  postcss.config.mjs
-  .env.local
-  .env.example
-  src/app/layout.tsx
-  src/app/page.tsx
-  src/app/globals.css
-  src/app/api/chat/route.ts (or appropriate API route)
-  src/components/ (React components)
-  public/ (static assets if needed)
-
-IMPORTANT:
-1. Use write_file for EVERY file. Create the full directory.
-2. After writing all files, run: cd {app_name} && npm install
-3. Then show the user how to start: npm run dev
-4. Make the UI genuinely beautiful — not generic. Use gradients, shadows, animations.
-5. The app should feel like a polished product, not a tutorial demo."""
-
-    deploy_prompt = f"""Create a complete AI-powered React app:
-
-**App name:** {app_name}
-**Description:** {description}
-
-Generate ALL files now. Make it production-quality with a beautiful UI.
-After creating all files, run npm install to verify it works."""
-
-    # Fresh conversation for deploy
-    deploy_messages = [
-        {"role": "system", "content": deploy_system},
-        {"role": "user", "content": deploy_prompt},
-    ]
+    # Fix .env.local with actual API base
+    env_path = os.path.join(app_dir, ".env.local")
+    env_content = open(env_path).read()
+    env_content = env_content.replace("http://localhost:8089/v1", f"{api_base}/v1")
+    with open(env_path, "w") as f:
+        f.write(env_content)
 
-    console.print(f"\n  [magenta]⚡[/] [bold]Generating {app_name}...[/]\n")
+    file_count = sum(len(files) for _, _, files in os.walk(app_dir))
+    console.print(f"  [green]✓[/] Created {file_count} files in {app_name}/")
 
+    # ── npm install ──
+    console.print(f"  [dim]Installing dependencies...[/]")
     try:
-        tokens = agent_loop(deploy_messages, perms)
-    except KeyboardInterrupt:
-        console.print(f"\n  [yellow]Generation interrupted[/]")
-        return
+        r = subprocess.run("npm install", shell=True, cwd=app_dir,
+                           capture_output=True, text=True, timeout=120)
+        if r.returncode == 0:
+            console.print(f"  [green]✓[/] Dependencies installed")
+        else:
+            console.print(f"  [yellow]npm install had warnings (may still work)[/]")
+    except subprocess.TimeoutExpired:
+        console.print(f"  [yellow]npm install timed out — run manually[/]")
+    except Exception as e:
+        console.print(f"  [red]npm install failed: {e}[/]")
+
+    # ── Summary ──
+    console.print(f"\n  [green bold]✓ {title} is ready![/]\n")
+    console.print(f"  [bold]Files:[/]")
+    console.print(f"    {app_name}/src/app/page.tsx          [dim]← UI[/]")
+    console.print(f"    {app_name}/src/app/api/ai/route.ts   [dim]← AI backend[/]")
+    console.print(f"    {app_name}/src/components/Chat.tsx    [dim]← chat component[/]")
+    console.print(f"    {app_name}/.env.local                [dim]← swap AI provider[/]")
+    console.print(f"\n  [bold]Run:[/]  cd {app_name} && npm run dev")
+    console.print(f"  [bold]Open:[/] http://localhost:3000")
+    console.print(f"\n  [bold]Deploy anywhere:[/]")
+    console.print(f"  [dim]vercel[/]     cd {app_name} && vercel")
+    console.print(f"  [dim]docker[/]     docker build -t {app_name} {app_name}/")
+    console.print(f"  [dim]coolify[/]    git push → auto-deploy")
+    console.print(f"\n  [bold]Switch AI backend:[/]  edit {app_name}/.env.local")
+    console.print(f"  [dim]Local:[/]     LLM_API_BASE=http://localhost:8089/v1")
+    console.print(f"  [dim]RunPod:[/]    LLM_API_BASE=https://api.runpod.ai/v2/ID/openai/v1")
+    console.print(f"  [dim]OpenAI:[/]    LLM_API_BASE=https://api.openai.com/v1")
+
+    # ── Start dev server? ──
+    console.print()
+    try:
+        ans = input("  Start dev server? (y/n): ").strip().lower()
+    except (EOFError, KeyboardInterrupt):
+        ans = "n"
 
-    # Check if app was created
-    app_dir = os.path.join(CWD, app_name)
-    if os.path.isdir(app_dir):
-        console.print(f"\n  [green]✓[/] App created: [bold]{app_dir}[/]")
-        console.print(f"\n  [bold]Run locally:[/]")
-        console.print(f"  [cyan]cd {app_name} && npm run dev[/]")
-        console.print(f"\n  [bold]Deploy options:[/]")
-        console.print(f"  [dim]Vercel:[/]   cd {app_name} && vercel")
-        console.print(f"  [dim]Coolify:[/]  git push (auto-deploy)")
-        console.print(f"  [dim]Docker:[/]   docker compose up")
-
-        # Offer to start dev server
-        console.print()
+    if ans in ("y", "yes"):
+        console.print(f"\n  [green]Starting on http://localhost:3000...[/]")
+        console.print(f"  [dim]Ctrl+C to stop[/]\n")
         try:
-            ans = input("  Start dev server now? (y/n): ").strip().lower()
-        except (EOFError, KeyboardInterrupt):
-            ans = "n"
-
-        if ans in ("y", "yes"):
-            console.print(f"\n  [green]Starting {app_name} on http://localhost:3000...[/]\n")
-            try:
-                subprocess.run(
-                    "npm run dev",
-                    shell=True, cwd=app_dir,
-                )
-            except KeyboardInterrupt:
-                console.print(f"\n  [dim]Dev server stopped[/]")
+            subprocess.run("npm run dev", shell=True, cwd=app_dir)
+        except KeyboardInterrupt:
+            console.print(f"\n  [dim]Dev server stopped[/]")
     else:
         console.print(f"\n  [yellow]App directory not found. Check output above for errors.[/]")
 

localcoder-0.2.1/src/localcoder/templates/ai-app/.env.local

@@ -0,0 +1,21 @@
+# ── AI Backend — change ONE line to switch providers ──
+
+# Local (default — llama-server or Ollama)
+LLM_API_BASE=http://localhost:8089/v1
+LLM_API_KEY=no-key-required
+LLM_MODEL=local
+
+# RunPod Serverless:
+# LLM_API_BASE=https://api.runpod.ai/v2/YOUR_ENDPOINT_ID/openai/v1
+# LLM_API_KEY=your-runpod-key
+# LLM_MODEL=local
+
+# OpenAI:
+# LLM_API_BASE=https://api.openai.com/v1
+# LLM_API_KEY=sk-...
+# LLM_MODEL=gpt-4o
+
+# Google Gemini:
+# LLM_API_BASE=https://generativelanguage.googleapis.com/v1beta/openai
+# LLM_API_KEY=your-google-key
+# LLM_MODEL=gemini-2.5-flash

localcoder-0.2.1/src/localcoder/templates/ai-app/next.config.ts

@@ -0,0 +1,3 @@
+import type { NextConfig } from "next";
+const nextConfig: NextConfig = {};
+export default nextConfig;

localcoder-0.2.1/src/localcoder/templates/ai-app/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "{{APP_NAME}}",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "^15.3",
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "tailwindcss": "^4",
+    "typescript": "^5",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@types/node": "^22"
+  }
+}

localcoder-0.2.1/src/localcoder/templates/ai-app/postcss.config.mjs

@@ -0,0 +1,6 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+export default config;

localcoder-0.2.1/src/localcoder/templates/ai-app/src/app/api/ai/route.ts

@@ -0,0 +1,88 @@
+import { NextRequest, NextResponse } from "next/server";
+
+// ── Swappable AI Backend ──
+// Change ONE env var to switch between:
+//   Local:   LLM_API_BASE=http://localhost:8089/v1    (llama-server / Ollama)
+//   RunPod:  LLM_API_BASE=https://api.runpod.ai/v2/YOUR_ID/openai/v1
+//   OpenAI:  LLM_API_BASE=https://api.openai.com/v1
+//   Gemini:  LLM_API_BASE=https://generativelanguage.googleapis.com/v1beta/openai
+//   Groq:    LLM_API_BASE=https://api.groq.com/openai/v1
+
+const API_BASE = process.env.LLM_API_BASE || "http://localhost:8089/v1";
+const API_KEY = process.env.LLM_API_KEY || "no-key-required";
+const MODEL = process.env.LLM_MODEL || "local";
+
+// ── System prompt — THIS IS WHAT THE LLM CUSTOMIZES ──
+const SYSTEM_PROMPT = `{{SYSTEM_PROMPT}}`;
+
+export async function POST(req: NextRequest) {
+  const { message, history = [] } = await req.json();
+
+  const messages = [
+    { role: "system", content: SYSTEM_PROMPT },
+    ...history.slice(-10),
+    { role: "user", content: message },
+  ];
+
+  try {
+    const response = await fetch(`${API_BASE}/chat/completions`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${API_KEY}`,
+      },
+      body: JSON.stringify({
+        model: MODEL,
+        messages,
+        max_tokens: 2048,
+        temperature: 0.7,
+        stream: true,
+      }),
+    });
+
+    if (!response.ok) {
+      const err = await response.text();
+      return NextResponse.json({ error: err }, { status: response.status });
+    }
+
+    // Stream the response
+    const encoder = new TextEncoder();
+    const stream = new ReadableStream({
+      async start(controller) {
+        const reader = response.body!.getReader();
+        const decoder = new TextDecoder();
+        let buffer = "";
+
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+
+          buffer += decoder.decode(value, { stream: true });
+          const lines = buffer.split("\n");
+          buffer = lines.pop() || "";
+
+          for (const line of lines) {
+            if (!line.startsWith("data: ")) continue;
+            const data = line.slice(6).trim();
+            if (data === "[DONE]") continue;
+            try {
+              const json = JSON.parse(data);
+              const content = json.choices?.[0]?.delta?.content;
+              if (content) {
+                controller.enqueue(encoder.encode(content));
+              }
+            } catch {}
+          }
+        }
+        controller.close();
+      },
+    });
+
+    return new Response(stream, {
+      headers: { "Content-Type": "text/plain; charset=utf-8" },
+    });
+  } catch (error: unknown) {
+    const msg = error instanceof Error ? error.message : "AI request failed";
+    return NextResponse.json({ error: msg }, { status: 500 });
+  }
+}

localcoder-0.2.1/src/localcoder/templates/ai-app/src/app/globals.css

@@ -0,0 +1,36 @@
+@import "tailwindcss";
+
+:root {
+  --bg: #0a0a0f;
+  --surface: #12121a;
+  --border: #1e1e2e;
+  --text: #e4e4e7;
+  --muted: #71717a;
+  --accent: #e07a5f;
+  --accent2: #81b29a;
+}
+
+body {
+  background: var(--bg);
+  color: var(--text);
+  font-family: system-ui, -apple-system, sans-serif;
+}
+
+.glass {
+  background: rgba(18, 18, 26, 0.8);
+  backdrop-filter: blur(12px);
+  border: 1px solid var(--border);
+}
+
+.glow {
+  box-shadow: 0 0 20px rgba(224, 122, 95, 0.1);
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(8px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.animate-in {
+  animation: fadeIn 0.3s ease-out;
+}

localcoder-0.2.1/src/localcoder/templates/ai-app/src/app/layout.tsx

@@ -0,0 +1,19 @@
+import type { Metadata } from "next";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "{{APP_TITLE}}",
+  description: "{{APP_DESCRIPTION}}",
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body className="min-h-screen antialiased">
+        <div className="mx-auto max-w-3xl px-4 py-8">
+          {children}
+        </div>
+      </body>
+    </html>
+  );
+}

localcoder-0.2.1/src/localcoder/templates/ai-app/src/app/page.tsx

@@ -0,0 +1,22 @@
+import Chat from "@/components/Chat";
+
+export default function Home() {
+  return (
+    <main>
+      <div className="mb-8">
+        <h1 className="text-3xl font-bold bg-gradient-to-r from-[var(--accent)] to-[var(--accent2)] bg-clip-text text-transparent">
+          {{APP_TITLE}}
+        </h1>
+        <p className="text-[var(--muted)] mt-2">{{APP_DESCRIPTION}}</p>
+      </div>
+
+      <div className="glass rounded-2xl p-6 glow">
+        <Chat placeholder="{{PLACEHOLDER}}" />
+      </div>
+
+      <p className="text-center text-xs text-[var(--muted)] mt-6">
+        Powered by local AI
+      </p>
+    </main>
+  );
+}

localcoder-0.2.1/src/localcoder/templates/ai-app/src/components/Chat.tsx

@@ -0,0 +1,124 @@
+"use client";
+import { useState, useRef, useEffect, FormEvent } from "react";
+
+type Message = { role: "user" | "assistant"; content: string };
+
+export default function Chat({
+  placeholder = "Type a message...",
+  initialMessage,
+}: {
+  placeholder?: string;
+  initialMessage?: string;
+}) {
+  const [messages, setMessages] = useState<Message[]>([]);
+  const [input, setInput] = useState(initialMessage || "");
+  const [loading, setLoading] = useState(false);
+  const endRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    endRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages]);
+
+  async function send(e: FormEvent) {
+    e.preventDefault();
+    if (!input.trim() || loading) return;
+
+    const userMsg: Message = { role: "user", content: input.trim() };
+    setMessages((prev) => [...prev, userMsg]);
+    setInput("");
+    setLoading(true);
+
+    const assistantMsg: Message = { role: "assistant", content: "" };
+    setMessages((prev) => [...prev, assistantMsg]);
+
+    try {
+      const res = await fetch("/api/ai", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          message: userMsg.content,
+          history: messages,
+        }),
+      });
+
+      if (!res.ok) {
+        const err = await res.json();
+        throw new Error(err.error || "Request failed");
+      }
+
+      const reader = res.body!.getReader();
+      const decoder = new TextDecoder();
+      let full = "";
+
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        full += decoder.decode(value, { stream: true });
+        setMessages((prev) => {
+          const updated = [...prev];
+          updated[updated.length - 1] = { role: "assistant", content: full };
+          return updated;
+        });
+      }
+    } catch (err: unknown) {
+      const msg = err instanceof Error ? err.message : "Something went wrong";
+      setMessages((prev) => {
+        const updated = [...prev];
+        updated[updated.length - 1] = {
+          role: "assistant",
+          content: `Error: ${msg}`,
+        };
+        return updated;
+      });
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <div className="flex flex-col gap-4">
+      {/* Messages */}
+      <div className="space-y-3 min-h-[200px] max-h-[60vh] overflow-y-auto">
+        {messages.map((m, i) => (
+          <div
+            key={i}
+            className={`animate-in rounded-xl px-4 py-3 ${
+              m.role === "user"
+                ? "glass ml-8"
+                : "bg-[var(--surface)] mr-8 border border-[var(--border)]"
+            }`}
+          >
+            <p className="text-xs font-medium mb-1 text-[var(--muted)]">
+              {m.role === "user" ? "You" : "AI"}
+            </p>
+            <p className="whitespace-pre-wrap text-sm leading-relaxed">
+              {m.content}
+              {loading && i === messages.length - 1 && m.role === "assistant" && (
+                <span className="inline-block w-2 h-4 bg-[var(--accent)] ml-1 animate-pulse" />
+              )}
+            </p>
+          </div>
+        ))}
+        <div ref={endRef} />
+      </div>
+
+      {/* Input */}
+      <form onSubmit={send} className="flex gap-2">
+        <input
+          value={input}
+          onChange={(e) => setInput(e.target.value)}
+          placeholder={placeholder}
+          disabled={loading}
+          className="flex-1 glass rounded-xl px-4 py-3 text-sm outline-none focus:ring-1 focus:ring-[var(--accent)] placeholder:text-[var(--muted)] disabled:opacity-50"
+        />
+        <button
+          type="submit"
+          disabled={loading || !input.trim()}
+          className="px-5 py-3 rounded-xl bg-[var(--accent)] text-white font-medium text-sm hover:brightness-110 transition disabled:opacity-40"
+        >
+          {loading ? "..." : "Send"}
+        </button>
+      </form>
+    </div>
+  );
+}

localcoder-0.2.1/src/localcoder/templates/ai-app/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "paths": { "@/*": ["./src/*"] },
+    "plugins": [{ "name": "next" }]
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}

{localcoder-0.2.0 → localcoder-0.2.1}/tests/test_basic.py

@@ -226,10 +226,29 @@ class TestDeploy(unittest.TestCase):
         from localcoder.localcoder_agent import _handle_deploy
         source = inspect.getsource(_handle_deploy)
         self.assertIn("chatbot", source)
-        self.assertIn("vision", source)
-        self.assertIn("csv", source)
+        self.assertIn("ingredients", source)
+        self.assertIn("code-review", source)
         self.assertIn("custom", source)
 
+    def test_template_files_exist(self):
+        """Template directory should contain all required files."""
+        template_dir = os.path.join(os.path.dirname(__file__), "..", "src", "localcoder", "templates", "ai-app")
+        self.assertTrue(os.path.isdir(template_dir), f"Template dir missing: {template_dir}")
+        required = ["package.json", "tsconfig.json", "next.config.ts", "postcss.config.mjs",
+                     ".env.local", "src/app/layout.tsx", "src/app/page.tsx",
+                     "src/app/globals.css", "src/app/api/ai/route.ts", "src/components/Chat.tsx"]
+        for f in required:
+            self.assertTrue(os.path.exists(os.path.join(template_dir, f)), f"Missing: {f}")
+
+    def test_template_has_placeholders(self):
+        """Template files should contain replaceable placeholders."""
+        template_dir = os.path.join(os.path.dirname(__file__), "..", "src", "localcoder", "templates", "ai-app")
+        page = open(os.path.join(template_dir, "src/app/page.tsx")).read()
+        self.assertIn("{{APP_TITLE}}", page)
+        route = open(os.path.join(template_dir, "src/app/api/ai/route.ts")).read()
+        self.assertIn("{{SYSTEM_PROMPT}}", route)
+        self.assertIn("LLM_API_BASE", route)
+
 
 if __name__ == "__main__":
     unittest.main()

{localcoder-0.2.0 → localcoder-0.2.1}/uv.lock

@@ -197,7 +197,7 @@ wheels = [
 
 [[package]]
 name = "localcoder"
-version = "0.2.0"
+version = "0.2.1"
 source = { editable = "." }
 dependencies = [
     { name = "huggingface-hub" },