localcoder 0.2.1__tar.gz → 0.3.0__tar.gz

localcoder-0.3.0/.gitignore

@@ -0,0 +1,20 @@
+__pycache__/
+*.pyc
+*.egg-info/
+dist/
+build/
+.eggs/
+*.log
+uv.lock
+.venv/
+.webui_secret_key
+.localcoder-history.json
+.localcoder-input-history
+.localcoder-snapshots/
+node_modules/
+package-lock.json
+dist/
+build/
+*.egg-info/
+__pycache__/
+.pytest_cache/

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

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: localcoder
-Version: 0.2.1
+Version: 0.3.0
 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.1 → localcoder-0.3.0}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "localcoder"
-version = "0.2.1"
+version = "0.3.0"
 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.1 → localcoder-0.3.0}/src/localcoder/localcoder_agent.py

@@ -2399,6 +2399,96 @@ def main(argv=None):
                    f"  You CAN browse any website. Never say you cannot access a site.\n"
                    f"- PDFs: use read_pdf tool\n"
                    f"- Images: download with bash curl (auto-displays in terminal)\n\n"
+                   f"WHEN TO USE WHAT:\n"
+                   f"- Static page (fan page, portfolio, gallery, landing): just write ONE index.html file. No server needed. Use web_search to find images, embed them with <img src=url>.\n"
+                   f"- AI-powered app (analyzer, chatbot, scanner): use the 3-file pattern below (index.html + server.js + package.json).\n"
+                   f"- NEVER build an Express server for a simple static page.\n\n"
+                   f"WEB APP ARCHITECTURE (ONLY for AI-powered apps that need a backend):\n\n"
+                   f"APP STRUCTURE: Always 3 files in the SAME directory:\n"
+                   f"  package.json, server.js, index.html (all inline CSS+JS)\n"
+                   f"  server.js must serve index.html with: app.get('/', (req,res) => res.sendFile(__dirname+'/index.html'));\n\n"
+                   f"SERVER.JS TEMPLATE (copy this pattern exactly):\n"
+                   f"  const express = require('express');\n"
+                   f"  const app = express();\n"
+                   f"  app.use(express.json({{limit:'50mb'}}));\n"
+                   f"  const API_BASE = process.env.LLM_API_BASE || 'http://127.0.0.1:8089/v1';\n"
+                   f"  const MODEL = process.env.LLM_MODEL || 'local';\n"
+                   f"  app.get('/', (req,res) => res.sendFile(__dirname+'/index.html'));\n"
+                   f"  app.post('/api/analyze', async (req,res) => {{\n"
+                   f"    const {{message, image}} = req.body;\n"
+                   f"    const userContent = image\n"
+                   f"      ? [{{type:'text',text:message}}, {{type:'image_url',image_url:{{url:image}}}}]\n"
+                   f"      : message;\n"
+                   f"    const r = await fetch(API_BASE+'/chat/completions', {{\n"
+                   f"      method:'POST', headers:{{'Content-Type':'application/json'}},\n"
+                   f"      body:JSON.stringify({{model:MODEL, stream:false, max_tokens:2048,\n"
+                   f"        messages:[{{role:'system',content:SYSTEM_PROMPT}}, {{role:'user',content:userContent}}]}}) }});\n"
+                   f"    const data = await r.json();\n"
+                   f"    res.json({{analysis: data.choices[0].message.content}}); }});\n"
+                   f"  app.listen(3000);\n\n"
+                   f"FRONTEND INDEX.HTML PATTERNS:\n"
+                   f"- DESIGN: Dark theme bg:#0a0a14. Card: background:rgba(255,255,255,0.04); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,0.08); border-radius:24px.\n"
+                   f"  Buttons: border-radius:14px; background:linear-gradient(135deg,#6366f1,#8b5cf6); color:white; font-weight:600; padding:14px 28px.\n"
+                   f"  Title: font-size:2rem; font-weight:700; background:linear-gradient(to right,#f97316,#22c55e); -webkit-background-clip:text; color:transparent.\n"
+                   f"  Result area: background:rgba(255,255,255,0.03); border-left:3px solid #22c55e; border-radius:16px; padding:24px; white-space:pre-wrap.\n"
+                   f"  Use system-ui font. Add transition:all 0.2s on buttons. Loading: spinner animation.\n\n"
+                   f"- IMAGE UPLOAD (must use FileReader, never fake it):\n"
+                   f"  let imageBase64 = null;\n"
+                   f"  function uploadImage() {{\n"
+                   f"    const input = document.createElement('input');\n"
+                   f"    input.type='file'; input.accept='image/*';\n"
+                   f"    input.onchange = e => {{\n"
+                   f"      const file = e.target.files[0]; if(!file) return;\n"
+                   f"      const reader = new FileReader();\n"
+                   f"      reader.onload = ev => {{ imageBase64 = ev.target.result;\n"
+                   f"        document.getElementById('preview').src = imageBase64;\n"
+                   f"        document.getElementById('preview').style.display = 'block'; }};\n"
+                   f"      reader.readAsDataURL(file); }};\n"
+                   f"    input.click(); }}\n\n"
+                   f"- CAMERA CAPTURE (must use getUserMedia, never fake it):\n"
+                   f"  async function openCamera() {{\n"
+                   f"    const stream = await navigator.mediaDevices.getUserMedia({{video:{{facingMode:'environment'}}}});\n"
+                   f"    const video = document.getElementById('camVideo');\n"
+                   f"    video.srcObject = stream; video.style.display='block'; video.play();\n"
+                   f"    document.getElementById('captureBtn').style.display='inline-block'; }}\n"
+                   f"  function capturePhoto() {{\n"
+                   f"    const video = document.getElementById('camVideo');\n"
+                   f"    const canvas = document.createElement('canvas');\n"
+                   f"    canvas.width=video.videoWidth; canvas.height=video.videoHeight;\n"
+                   f"    canvas.getContext('2d').drawImage(video,0,0);\n"
+                   f"    imageBase64 = canvas.toDataURL('image/jpeg',0.8);\n"
+                   f"    document.getElementById('preview').src = imageBase64;\n"
+                   f"    document.getElementById('preview').style.display='block';\n"
+                   f"    video.srcObject.getTracks().forEach(t=>t.stop()); video.style.display='none'; }}\n\n"
+                   f"- SEND TO API (always this pattern):\n"
+                   f"  async function analyze() {{\n"
+                   f"    const msg = document.getElementById('input').value;\n"
+                   f"    if(!msg && !imageBase64) return;\n"
+                   f"    document.getElementById('result').innerHTML = '<div class=\"loading\">Analyzing...</div>';\n"
+                   f"    const res = await fetch('/api/analyze', {{\n"
+                   f"      method:'POST', headers:{{'Content-Type':'application/json'}},\n"
+                   f"      body:JSON.stringify({{message:msg||'Analyze this', image:imageBase64}}) }});\n"
+                   f"    const data = await res.json();\n"
+                   f"    document.getElementById('result').innerHTML = formatMarkdown(data.analysis);\n"
+                   f"    imageBase64 = null; }}\n\n"
+                   f"- MARKDOWN RENDERER:\n"
+                   f"  function formatMarkdown(text) {{\n"
+                   f"    return text.replace(/\\*\\*(.+?)\\*\\*/g,'<strong>$1</strong>')\n"
+                   f"      .replace(/^### (.+)$/gm,'<h3>$1</h3>').replace(/^## (.+)$/gm,'<h2>$1</h2>')\n"
+                   f"      .replace(/^\\* (.+)$/gm,'<li>$1</li>').replace(/\\n/g,'<br>'); }}\n\n"
+                   f"- LOADING/SCANNING ANIMATION (always show while waiting for API):\n"
+                   f"  CSS: @keyframes scan {{ 0%{{transform:translateY(-100%)}} 100%{{transform:translateY(100%)}} }}\n"
+                   f"  .scanning {{ position:relative; overflow:hidden; }}\n"
+                   f"  .scanning::after {{ content:''; position:absolute; left:0; right:0; height:2px;\n"
+                   f"    background:linear-gradient(90deg,transparent,#22c55e,transparent); animation:scan 1.5s infinite; }}\n"
+                   f"  Also add a pulsing text: <div class='loading'>🔬 Scanning ingredients<span class='dots'></span></div>\n"
+                   f"  CSS: @keyframes dots {{ 0%{{content:''}} 33%{{content:'.'}} 66%{{content:'..'}} 100%{{content:'...'}} }}\n"
+                   f"  .dots::after {{ content:''; animation:dots 1.5s infinite steps(4); }}\n"
+                   f"  Show loading BEFORE fetch, hide AFTER response. Disable button during loading.\n\n"
+                   f"- NEVER fake FileReader/camera/API calls. ALWAYS use real implementations above.\n"
+                   f"- NEVER use SSE/streaming. Use stream:false and return full JSON.\n"
+                   f"- ALWAYS serve index.html from __dirname, NOT from a public/ subdirectory.\n"
+                   f"- ALWAYS test after building: npm install, node server.js &, curl POST to verify.\n\n"
                    f"RULES:\n"
                    f"- After reading a file ONCE, do NOT re-read it\n"
                    f"- Write complete code with write_file, not code blocks in chat\n"
@@ -2683,10 +2773,16 @@ def main(argv=None):
             if text.startswith("/"):
                 for cmd, desc in SLASH_COMMANDS.items():
                     if text.lower() in cmd.lower() or cmd.startswith(text):
+                        # Escape XML-invalid chars in description
+                        safe_desc = desc.replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;")
+                        try:
+                            display = PT_HTML_CMD(f'<b>{cmd}</b> <style fg="ansigray">{safe_desc}</style>')
+                        except Exception:
+                            display = f"{cmd} {desc}"
                         yield Completion(
                             cmd,
                             start_position=-len(text),
-                            display=PT_HTML_CMD(f'<b>{cmd}</b> <style fg="ansigray">{desc}</style>'),
+                            display=display,
                         )
 
     session = PromptSession(
@@ -3035,29 +3131,54 @@ def main(argv=None):
 
 
 def _handle_deploy(task, messages, perms, system, console):
-    """Generate and deploy an AI-powered React app from template."""
-    import shutil
+    """Build an AI app from the framework templates."""
     from rich.rule import Rule
 
-    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")
-
-    # ── Templates: LLM only writes system prompt + page description ──
-    TEMPLATES = {
-        "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),
-    }
+    # Load framework apps
+    framework_dir = os.path.join(os.path.dirname(__file__), "templates", "framework")
+    build_module = os.path.join(framework_dir, "build.py")
+
+    if not os.path.exists(build_module):
+        console.print(f"  [red]Framework not found[/]")
+        return
 
-    if not description:
-        console.print(f"  [bold]Pick a template:[/]\n")
-        for k, (tid, title, _, _) in TEMPLATES.items():
-            console.print(f"  [bold cyan]{k}[/]  {title}")
+    # Import builder
+    import importlib.util
+    spec = importlib.util.spec_from_file_location("build", build_module)
+    builder = importlib.util.module_from_spec(spec)
+    spec.loader.exec_module(builder)
+
+    apps = builder.list_apps()
+    if not apps:
+        console.print(f"  [red]No app templates found[/]")
+        return
+
+    # Parse: /deploy or /deploy app-id or /deploy "description"
+    parts = task.split(None, 1)
+    arg = parts[1].strip() if len(parts) > 1 else None
+
+    # Direct app ID match
+    if arg and any(a['id'] == arg for a in apps):
+        selected = next(a for a in apps if a['id'] == arg)
+    elif arg:
+        # Fuzzy match or treat as custom description
+        matched = [a for a in apps if arg.lower() in a['id'] or arg.lower() in a.get('title', '').lower()]
+        if matched:
+            selected = matched[0]
+        else:
+            # Custom: use chatbot template with custom prompt
+            selected = next((a for a in apps if a['id'] == 'chatbot'), apps[0]).copy()
+            selected['title'] = arg[:40]
+            selected['subtitle'] = arg
+            selected['system_prompt'] = f"You are an AI expert for: {arg}. Help the user with detailed, accurate responses. Use emoji and structured formatting."
+    else:
+        # Interactive picker
+        console.print(f"\n  [bold #34d399]⚡ Deploy — AI App Framework[/]\n")
+        for i, a in enumerate(apps, 1):
+            inputs = ', '.join(a.get('inputs', []))
+            model = a.get('model', 'any')
+            console.print(f"  [bold cyan]{i}[/]  {a['icon']}  {a['title']:<20} [dim]{inputs:<18} {model}[/]")
+        console.print(f"  [bold cyan]{len(apps)+1}[/]  🛠️  Custom App")
         console.print()
 
         try:
@@ -3065,53 +3186,44 @@ def _handle_deploy(task, messages, perms, system, console):
         except (EOFError, KeyboardInterrupt):
             return
 
-        if choice in TEMPLATES:
-            tid, title, sys_prompt, placeholder = TEMPLATES[choice]
-            if tid == "custom":
+        try:
+            idx = int(choice) - 1
+            if idx == len(apps):
+                # Custom
                 try:
-                    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]
+                    desc = input("  Describe your app: ").strip()
+                    if not desc:
+                        return
                 except (EOFError, KeyboardInterrupt):
                     return
-                if not description or not sys_prompt:
-                    return
+                selected = next((a for a in apps if a['id'] == 'chatbot'), apps[0]).copy()
+                selected['title'] = desc[:40]
+                selected['subtitle'] = desc
+                selected['system_prompt'] = f"You are an AI expert for: {desc}. Help the user. Use emoji and structured markdown."
+            elif 0 <= idx < len(apps):
+                selected = apps[idx]
             else:
-                description = title
-        else:
-            description = choice
-            sys_prompt = f"You are an AI assistant for: {choice}. Help the user with their request."
-            placeholder = "Type here..."
-            title = choice[:40]
-
-    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
+                return
+        except ValueError:
+            # Typed an app name
+            matched = [a for a in apps if choice.lower() in a['id'] or choice.lower() in a.get('title', '').lower()]
+            selected = matched[0] if matched else apps[0]
+
+    # App output directory
+    default_name = selected['id']
     try:
-        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
     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(f"\n  {selected['icon']}  [bold]{selected['title']}[/]")
+    console.print(f"  [dim]{selected.get('subtitle', '')}[/]")
+    console.print(f"  [dim]Inputs: {', '.join(selected.get('inputs', []))}  Model: {selected.get('model', 'any')}[/]")
     console.print(Rule(style="dim"))
 
-    # ── 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}...[/]")
+    # Build
     if os.path.exists(app_dir):
         try:
             ans = input(f"  {app_name}/ exists. Overwrite? (y/n): ").strip().lower()
@@ -3119,44 +3231,32 @@ def _handle_deploy(task, messages, perms, system, console):
             return
         if ans not in ("y", "yes"):
             return
+        import shutil
         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,
-    }
-
-    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
-
-    # 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"  [dim]Building {app_name}...[/]")
+
+    # Write custom config if modified
+    app_config_dir = os.path.join(framework_dir, "apps", selected['id'])
+    if selected.get('title') != next((a['title'] for a in apps if a['id'] == selected['id']), None):
+        # Custom app — write temp config
+        import json as _json, tempfile
+        tmp_app_dir = os.path.join(framework_dir, "apps", "_custom")
+        os.makedirs(tmp_app_dir, exist_ok=True)
+        with open(os.path.join(tmp_app_dir, "config.json"), "w") as f:
+            _json.dump(selected, f, indent=2)
+        try:
+            builder.build_app("_custom", app_dir)
+        finally:
+            import shutil
+            shutil.rmtree(tmp_app_dir, ignore_errors=True)
+    else:
+        builder.build_app(selected['id'], app_dir)
 
     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 ──
+    # npm install
     console.print(f"  [dim]Installing dependencies...[/]")
     try:
         r = subprocess.run("npm install", shell=True, cwd=app_dir,
@@ -3164,34 +3264,24 @@ def _handle_deploy(task, messages, perms, system, console):
         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(f"  [yellow]npm install warnings (may still work)[/]")
+    except Exception:
+        console.print(f"  [yellow]npm install issue — run manually[/]")
+
+    # Summary
+    console.print(f"\n  [green bold]✓ {selected['icon']} {selected['title']} is ready![/]\n")
+    console.print(f"  [bold]Run:[/]     cd {app_name} && npm start")
+    console.print(f"  [bold]Open:[/]    http://localhost:3000")
+    console.print(f"\n  [bold]Switch AI provider:[/]")
+    console.print(f"  [dim]Local:[/]    LLM_API_BASE=http://localhost:8089/v1 npm start")
+    console.print(f"  [dim]OpenAI:[/]   LLM_API_BASE=https://api.openai.com/v1 LLM_API_KEY=sk-... npm start")
+    console.print(f"  [dim]Gemini:[/]   LLM_API_BASE=https://generativelanguage.googleapis.com/v1beta/openai LLM_API_KEY=... npm start")
+    console.print(f"  [dim]Groq:[/]     LLM_API_BASE=https://api.groq.com/openai/v1 LLM_API_KEY=... npm start")
+
+    # Start?
     console.print()
     try:
-        ans = input("  Start dev server? (y/n): ").strip().lower()
+        ans = input("  Start now? (y/n): ").strip().lower()
     except (EOFError, KeyboardInterrupt):
         ans = "n"
 
@@ -3199,11 +3289,9 @@ def _handle_deploy(task, messages, perms, system, console):
         console.print(f"\n  [green]Starting on http://localhost:3000...[/]")
         console.print(f"  [dim]Ctrl+C to stop[/]\n")
         try:
-            subprocess.run("npm run dev", shell=True, cwd=app_dir)
+            subprocess.run("node server.js", 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.[/]")
+            console.print(f"\n  [dim]Server stopped[/]")
 
 
 def _cleanup_on_exit():

localcoder-0.3.0/src/localcoder/templates/framework/_adapters/chat.js

@@ -0,0 +1,78 @@
+/* ── Chat Adapter: Multi-turn conversation with message bubbles ── */
+
+let chatHistory = [];
+
+function addMessage(role, content) {
+  chatHistory.push({ role, content });
+  renderMessages();
+}
+
+function renderMessages() {
+  const container = document.getElementById('messages');
+  container.innerHTML = chatHistory.map((m, i) => {
+    const isUser = m.role === 'user';
+    const align = isUser ? 'flex-end' : 'flex-start';
+    const bubbleClass = isUser ? 'bubble-user' : 'bubble-ai';
+    const label = isUser ? 'You' : 'AI';
+    const content = m.role === 'assistant' ? md(m.content) : escapeHtml(m.content);
+    return `<div class="msg" style="align-self:${align}">
+      <div class="msg-label">${label}</div>
+      <div class="${bubbleClass}">${content}</div>
+    </div>`;
+  }).join('');
+  container.scrollTop = container.scrollHeight;
+}
+
+function escapeHtml(text) {
+  return text.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/\n/g,'<br>');
+}
+
+function updateLastAI(content) {
+  if (chatHistory.length > 0 && chatHistory[chatHistory.length - 1].role === 'assistant') {
+    chatHistory[chatHistory.length - 1].content = content;
+    renderMessages();
+  }
+}
+
+async function sendMessage() {
+  const input = document.getElementById('chatInput');
+  const msg = input.value.trim();
+  const img = typeof getImageBase64 === 'function' ? getImageBase64() : null;
+  const audio = typeof getAudioBase64 === 'function' ? getAudioBase64() : null;
+  if (!msg && !img && !audio) return;
+
+  // Add user message
+  addMessage('user', msg || (img ? '📷 Image' : '🎙️ Audio'));
+  input.value = '';
+  input.style.height = 'auto';
+
+  // Add placeholder AI message
+  addMessage('assistant', '');
+  const sendBtn = document.getElementById('sendBtn');
+  sendBtn.disabled = true;
+
+  // Show typing indicator
+  updateLastAI('<div class="typing"><span></span><span></span><span></span></div>');
+
+  try {
+    const body = { message: msg || 'Analyze this', history: chatHistory.slice(0, -1) };
+    if (img) body.image = img;
+    if (audio) body.audio = audio;
+
+    const res = await fetch('/api/analyze', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body)
+    });
+    const data = await res.json();
+    if (data.error) throw new Error(data.error);
+    updateLastAI(data.analysis);
+  } catch (err) {
+    updateLastAI(`<span style="color:var(--danger)">⚠️ ${err.message}</span>`);
+  } finally {
+    sendBtn.disabled = false;
+    if (typeof clearImage === 'function') clearImage();
+    if (typeof clearAudio === 'function') clearAudio();
+    input.focus();
+  }
+}

localcoder-0.3.0/src/localcoder/templates/framework/_adapters/image.js

@@ -0,0 +1,61 @@
+/* ── Image Adapter: Upload + Camera ── */
+
+let imageBase64 = null;
+
+function getImageBase64() { return imageBase64; }
+function clearImage() { imageBase64 = null; const p = document.getElementById('preview'); if(p) p.style.display='none'; }
+
+function uploadImage() {
+  const input = document.createElement('input');
+  input.type = 'file';
+  input.accept = 'image/*';
+  input.onchange = e => {
+    const file = e.target.files[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.onload = ev => {
+      imageBase64 = ev.target.result;
+      const preview = document.getElementById('preview');
+      if (preview) { preview.src = imageBase64; preview.style.display = 'block'; }
+    };
+    reader.readAsDataURL(file);
+  };
+  input.click();
+}
+
+async function openCamera() {
+  const video = document.getElementById('camVideo');
+  const captureBtn = document.getElementById('captureBtn');
+  if (!video) return;
+
+  try {
+    const stream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' } });
+    video.srcObject = stream;
+    video.style.display = 'block';
+    video.play();
+    if (captureBtn) captureBtn.style.display = 'inline-flex';
+  } catch (err) {
+    alert('Camera not available: ' + err.message);
+  }
+}
+
+function capturePhoto() {
+  const video = document.getElementById('camVideo');
+  if (!video || !video.srcObject) return;
+
+  const canvas = document.createElement('canvas');
+  canvas.width = video.videoWidth;
+  canvas.height = video.videoHeight;
+  canvas.getContext('2d').drawImage(video, 0, 0);
+  imageBase64 = canvas.toDataURL('image/jpeg', 0.85);
+
+  // Show preview
+  const preview = document.getElementById('preview');
+  if (preview) { preview.src = imageBase64; preview.style.display = 'block'; }
+
+  // Stop camera
+  video.srcObject.getTracks().forEach(t => t.stop());
+  video.style.display = 'none';
+  const captureBtn = document.getElementById('captureBtn');
+  if (captureBtn) captureBtn.style.display = 'none';
+}

localcoder-0.3.0/src/localcoder/templates/framework/_adapters/text.js

@@ -0,0 +1,16 @@
+/* ── Text Adapter: Textarea + Chat Input ── */
+
+function getTextInput(id = 'input') {
+  const el = document.getElementById(id);
+  return el ? el.value.trim() : '';
+}
+
+function clearTextInput(id = 'input') {
+  const el = document.getElementById(id);
+  if (el) el.value = '';
+}
+
+function autoResize(textarea) {
+  textarea.style.height = 'auto';
+  textarea.style.height = Math.min(textarea.scrollHeight, 300) + 'px';
+}