v0.11.0: Remove duplicate run input + add --kill CLI flag

- TopBar: removed duplicate query/run input (only LiveView has the run input now).
  LiveView's input is the single source of truth for pipeline execution.
- TopBar cleaned up: removed unused state (query, running) and dead functions.
- Studio CLI: added explicit --kill flag for force-kill (SIGKILL) on port conflict.
  Default still kills with SIGTERM; --kill escalates to SIGKILL.
  --no-kill preserved for skipping entirely.

Author: piotrlaczkowski

cmd/slmcode/cmd_core.go

@@ -160,8 +160,8 @@ func resolveAddr(addr string) (host string, port int) {
 }
 
 // killExistingStudio finds and kills any slmcode process listening on the given
-// address. Returns true if one was found and killed.
-func killExistingStudio(addr string) bool {
+// address. If force is true, uses SIGKILL instead of SIGTERM.
+func killExistingStudio(addr string, force bool) bool {
 	_, port := resolveAddr(addr)
 	if port == 0 {
 		return false
@@ -197,7 +197,11 @@ func killExistingStudio(addr string) bool {
 		if err != nil {
 			continue
 		}
-		if err := proc.Signal(syscall.SIGTERM); err == nil {
+		sig := syscall.SIGTERM
+		if force {
+			sig = syscall.SIGKILL
+		}
+		if err := proc.Signal(sig); err == nil {
 			fmt.Println(cli.Warn(fmt.Sprintf("Killed existing slmcode studio (pid %d) on port %d", pid, port)))
 			killed = true
 		}
@@ -224,7 +228,8 @@ func nextFreeAddr(addr string) string {
 }
 
 func studioCmd() *cobra.Command {
-	var killExisting bool
+	var noKill bool
+	var forceKill bool
 	var portAuto bool
 
 	cmd := &cobra.Command{
@@ -260,17 +265,23 @@ Examples:
 						fmt.Println(cli.Warn(fmt.Sprintf("Port %s in use → auto-switching to %s", addr, newAddr)))
 						addr = newAddr
 					}
-				} else if !killExisting {
+				} else if !noKill {
 					// Default: kill the existing instance.
-					killExistingStudio(addr)
+					forceKill := forceKill
+					killExistingStudio(addr, forceKill)
 					if portIsBound(addr) {
-						// Still bound — maybe a non-slmcode process.
-						fmt.Println(cli.Warn(fmt.Sprintf("Port %s is in use by another process.", addr)))
-						fmt.Println(cli.Dim("  Use --port-auto to auto-switch, or --no-kill to see the original error."))
-						return fmt.Errorf("port %s is in use and could not be freed — try --port-auto", addr)
+						// Still bound — try force kill
+						if !forceKill {
+							killExistingStudio(addr, true)
+						}
+						if portIsBound(addr) {
+							fmt.Println(cli.Warn(fmt.Sprintf("Port %s is in use by another process.", addr)))
+							fmt.Println(cli.Dim("  Use --port-auto to auto-switch, --kill to force-kill, or --no-kill to skip."))
+							return fmt.Errorf("port %s is in use and could not be freed", addr)
+						}
 					}
 				}
-				// If --no-kill (killExisting=true but we skipped above) — let ListenAndServe fail naturally.
+				// If --no-kill — let ListenAndServe fail naturally.
 			}
 
 			uiFS, err := fs.Sub(uiEmbed, "ui")
@@ -293,7 +304,8 @@ Examples:
 		},
 	}
 	cmd.Flags().StringVar(&flagListen, "listen", "", "listen address (default from config)")
-	cmd.Flags().BoolVar(&killExisting, "no-kill", false, "do NOT auto-kill existing studio on the same port")
+	cmd.Flags().BoolVar(&noKill, "no-kill", false, "do NOT auto-kill existing studio on the same port")
+	cmd.Flags().BoolVar(&forceKill, "kill", false, "force-kill existing studio with SIGKILL")
 	cmd.Flags().BoolVar(&portAuto, "port-auto", false, "auto-switch to next free port if the target is in use")
 	return cmd
 }

cmd/slmcode/ui/index.html

@@ -8,8 +8,8 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
     <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='6' fill='%237c3aed'/><text x='16' y='22' font-family='system-ui' font-weight='700' font-size='18' fill='white' text-anchor='middle'>SL</text></svg>" />
-    <script type="module" crossorigin src="/assets/index-uYHsv3xX.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CrTmqy1n.css">
+    <script type="module" crossorigin src="/assets/index-jt7my30Z.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-jwbpe-zG.css">
   </head>
   <body class="antialiased">
     <div id="root"></div>

web/src/components/TopBar.tsx

@@ -1,25 +1,21 @@
 import { useState, useContext, useRef, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import {
-  Play,
-  Square,
   Moon,
   Sun,
   Zap,
   Settings,
   ChevronDown,
 } from 'lucide-react';
 import { AppContext } from '@/App';
-import { startRun, stopRun, getModels, getAgents, updateConfig } from '@/api/client';
+import { getModels, getAgents, updateConfig } from '@/api/client';
 import type { AgentSpec, AuthStatus, ModelCost } from '@/types';
 import clsx from 'clsx';
 
 export default function TopBar() {
   const ctx = useContext(AppContext);
   const navigate = useNavigate();
 
-  const [query, setQuery] = useState('');
-  const [running, setRunning] = useState(false);
   const [models, setModels] = useState<string[]>([]);
   const [modelCosts, setModelCosts] = useState<Record<string, ModelCost>>({});
   const [enabledModels, setEnabledModels] = useState<string[]>([]);
@@ -79,31 +75,6 @@ export default function TopBar() {
     await handleModelSelect(next);
   };
 
-  const handleRun = async () => {
-    const q = query.trim();
-    if (!q || running) return;
-    setRunning(true);
-    try {
-      await startRun({
-        query: q,
-        mode: specialist ? 'specialist' : undefined,
-        specialist: specialist || undefined,
-        skills: ctx?.config?.pinned_skills,
-      });
-    } catch (e) {
-      console.error('Run failed:', e);
-    } finally {
-      setRunning(false);
-    }
-  };
-
-  const handleStop = async () => {
-    try {
-      await stopRun();
-    } catch { /* ignore */ }
-    setRunning(false);
-  };
-
   const handleModelSelect = async (model: string) => {
     setShowModelMenu(false);
     try {
@@ -138,36 +109,7 @@ export default function TopBar() {
         <span className="text-xs text-gray-400 hidden md:inline">Studio</span>
       </button>
 
-      <div className="flex-1 max-w-2xl mx-auto">
-        <div className="relative">
-          <input
-            type="text"
-            value={query}
-            onChange={(e) => setQuery(e.target.value)}
-            onKeyDown={(e) => e.key === 'Enter' && handleRun()}
-            placeholder="What would you like to build? e.g. add JWT auth to the API…"
-            className="w-full h-9 px-4 pr-10 rounded-lg bg-gray-100 dark:bg-gray-800 border border-transparent
-                       focus:border-brand-500 focus:bg-white dark:focus:bg-gray-900 text-sm
-                       placeholder-gray-400 dark:placeholder-gray-500 transition-all duration-150"
-          />
-          <div className="absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-1">
-            {running ? (
-              <button onClick={handleStop} className="btn-ghost p-1.5 rounded-md text-red-500" title="Stop run">
-                <Square size={16} fill="currentColor" />
-              </button>
-            ) : (
-              <button
-                onClick={handleRun}
-                disabled={!query.trim()}
-                className="btn-ghost p-1.5 rounded-md text-brand-500 disabled:text-gray-400"
-                title="Run"
-              >
-                <Play size={16} fill="currentColor" />
-              </button>
-            )}
-          </div>
-        </div>
-      </div>
+      <div className="flex-1" />
 
       {/* Specialist selector */}
       {agents.length > 0 && (