fix: React #62 root cause + Babel warning + version display

React #62 (setState after unmount):
- refresh() now checks mountedRef after every await
- refreshBoard/refreshArchives/refreshQueries all guarded
- All async state updates bail early if component unmounted

Babel warning:
- console.warn monkey-patch suppresses in-browser Babel nag
- Added BEFORE babel.min.js loads

Version display:
- Health endpoint now returns 'version' field
- server.Version wired from main via ldflags
- Embedded UI conn-strip shows 'v0.8.2' badge

Author: piotrlaczkowski

Makefile

@@ -1,6 +1,6 @@
 MODULE := github.com/UnicoLab/slmcode
 BIN    := slmcode
-VERSION ?= 0.8.1
+VERSION ?= 0.8.2
 PREFIX ?= $(HOME)/.local
 GIT_COMMIT := $(shell git rev-parse --short HEAD 2>/dev/null || echo unknown)
 BUILD_TIME := $(shell date -u +%Y-%m-%dT%H:%M:%SZ)

cmd/slmcode/root.go

@@ -16,6 +16,7 @@ import (
 	"github.com/UnicoLab/slmcode/pkg/config"
 	"github.com/UnicoLab/slmcode/pkg/harness"
 	"github.com/UnicoLab/slmcode/pkg/orchestrator"
+	"github.com/UnicoLab/slmcode/pkg/server"
 )
 
 //go:embed all:ui
@@ -40,6 +41,7 @@ var (
 func main() {
 	// Keep CLI UX clean — GoLangGraph registries are chatty at Info.
 	logrus.SetLevel(logrus.WarnLevel)
+	server.Version = Version
 
 	root := &cobra.Command{
 		Use:   "slmcode",

cmd/slmcode/ui/app.jsx

@@ -861,6 +861,7 @@ function App() {
 
   const refreshBoard = useCallback(async () => {
     const b = normalizeBoard(await api("/api/board"));
+    if (!mountedRef.current) return;
     setBoard(b);
     const cur = selectedRef.current;
     if (cur) {
@@ -872,17 +873,21 @@ function App() {
   const refreshArchives = useCallback(async () => {
     try {
       const list = await api("/api/archives");
+      if (!mountedRef.current) return;
       setArchives(Array.isArray(list) ? list : []);
     } catch (_) {
+      if (!mountedRef.current) return;
       setArchives([]);
     }
   }, []);
 
   const refreshQueries = useCallback(async () => {
     try {
       const list = await api("/api/queries");
+      if (!mountedRef.current) return;
       setQueries(Array.isArray(list) ? list : []);
     } catch (_) {
+      if (!mountedRef.current) return;
       setQueries([]);
     }
   }, []);
@@ -898,6 +903,7 @@ function App() {
         api("/api/agents").catch(() => []),
         api("/api/pipeline").catch(() => null),
       ]);
+      if (!mountedRef.current) return;
       setHealth(h);
       setApiConnected(!!h?.ok);
       setConfig(c);
@@ -920,8 +926,10 @@ function App() {
         if (last?.phase && last.phase !== "idle") setPhase(last.phase);
       }
       await refreshBoard();
+      if (!mountedRef.current) return;
       await refreshArchives();
       await refreshQueries();
+      if (!mountedRef.current) return;
       setErr("");
     } catch (e) {
       setApiConnected(false);
@@ -1656,6 +1664,7 @@ function App() {
         <strong>{apiConnected ? "API connected" : "API offline"}</strong>
         <span>· SSE {sseConnected ? "live" : "reconnecting…"}</span>
         <span>· {health?.provider || "…"} / {String(health?.model || "").split("/").pop() || "…"}</span>
+        {health?.version ? <span className="pipeline-phase-id" style={{fontSize:"0.68rem",padding:"1px 6px"}}>v{health.version}</span> : null}
         <span className="conn-root" title={health?.root || ""}>{health?.root ? health.root.replace(/^\/Users\/[^/]+/, "~") : ""}</span>
         {!apiConnected && (
           <button className="sm ghost" onClick={() => refresh()}>Retry</button>

cmd/slmcode/ui/index.html

@@ -22,13 +22,17 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="/styles.css" />
+  <script>
+    // Suppress the harmless babel-standalone precompile warning.
+    (function(){var w=console.warn;console.warn=function(){if(arguments[0]&&typeof arguments[0]==='string'&&arguments[0].indexOf('in-browser Babel')>=0)return;w.apply(console,arguments)}})();
+  </script>
 </head>
 <body>
   <div id="root"></div>
   <script src="/vendor/react.production.min.js"></script>
   <script src="/vendor/react-dom.production.min.js"></script>
   <script src="/vendor/babel.min.js"></script>
-  <script type="text/babel" data-presets="react" src="/app.jsx"></script>
+  <script type="text/babel" src="/app.jsx"></script>
   <noscript>SLMCode Studio requires JavaScript.</noscript>
   <footer style="text-align:center;padding:0.5rem;font-size:0.75rem;position:fixed;bottom:0;width:100%;background:var(--bg);border-top:1px solid var(--line);z-index:5;display:flex;align-items:center;justify-content:center;gap:0.4rem;flex-wrap:wrap">
     <span style="color:var(--muted)">Made with</span>

cmd/slmcode/version.go

@@ -4,7 +4,7 @@ package main
 //
 //	go build -ldflags "-X main.Version=0.5.0 -X main.SourceRoot=/path -X main.GitCommit=abc -X main.BuildTime=…"
 var (
-	Version    = "0.8.1"
+	Version    = "0.8.2"
 	SourceRoot = "" // absolute path to the slmcode checkout used to build this binary
 	GitCommit  = "unknown"
 	BuildTime  = "unknown"

pkg/server/server.go

@@ -41,6 +41,9 @@ type Server struct {
 	subs    map[chan orchestrator.Event]struct{}
 }
 
+// Version is set at build time via -ldflags from the main package.
+var Version = "dev"
+
 func New(h *harness.Harness, ui fs.FS) *Server {
 	s := &Server{
 		h:    h,
@@ -159,6 +162,7 @@ func (s *Server) handleHealth(w http.ResponseWriter, r *http.Request) {
 		"ok":       true,
 		"api":      "ok",
 		"ui":       "embedded",
+		"version":  Version,
 		"provider": s.h.Config.Provider,
 		"model":    s.h.Config.Model,
 		"backend":  s.h.Config.Backend,