Init 2

app/(main)/terminal/page.tsx

@@ -204,8 +204,8 @@ function Terminal({
   const [lines,     setLines]     = useState<TermLine[]>([])
   const [input,     setInput]     = useState("")
   const [history,   setHistory]   = useState<string[]>([])
-  const [histIdx,   setHistIdx]   = useState(-1)
-  const [idCtr,     setIdCtr]     = useState(0)
+  const [_histIdx,  setHistIdx]   = useState(-1)
+  const [_idCtr,    setIdCtr]     = useState(0)
   const [executing, setExecuting] = useState(false)
 
   const inputRef  = useRef<HTMLInputElement>(null)
@@ -217,16 +217,6 @@ function Terminal({
     return id
   }, [])
 
-  const addLines = useCallback((texts: string[], kind: TermLine["kind"] = "output") => {
-    setLines(prev => [
-      ...prev,
-      ...texts.map(text => ({ id: 0, kind, text })),
-    ].map((l, i, arr) => ({ ...l, id: arr.length - texts.length + i }))
-    // Note: IDs don't need to be perfect unique here since we append
-    )
-    setIdCtr(prev => prev + texts.length)
-  }, [])
-
   // Initialize MOTD on mount / server change
   useEffect(() => {
     const motd = isLive ? liveMotd(server) : mockMotd(server)
@@ -447,27 +437,30 @@ export default function TerminalPage() {
 
   // Load servers from backend when in live mode
   useEffect(() => {
-    if (!isLive) { setLiveServers([]); return }
+    if (!isLive) return
     let cancelled = false
-    setServersLoading(true)
-    fetch(`${backendUrl}/api/servers`)
-      .then(r => r.json() as Promise<BackendServer[]>)
-      .then(data => {
-        if (cancelled) return
-        setLiveServers(data.map(s => ({
-          uid:          String(s.id),
-          backendId:    s.id,
-          name:         s.name || s.host,
-          host:         s.host,
-          country:      s.country || "",
-          status:       s.status,
-          enabled:      s.enabled,
-          rosVersion:   s.os,
-          identityName: s.identityName,
-        })))
-        setServersLoading(false)
-      })
-      .catch(() => { if (!cancelled) setServersLoading(false) })
+    queueMicrotask(() => {
+      if (cancelled) return
+      setServersLoading(true)
+      fetch(`${backendUrl}/api/servers`)
+        .then(r => r.json() as Promise<BackendServer[]>)
+        .then(data => {
+          if (cancelled) return
+          setLiveServers(data.map(s => ({
+            uid:          String(s.id),
+            backendId:    s.id,
+            name:         s.name || s.host,
+            host:         s.host,
+            country:      s.country || "",
+            status:       s.status,
+            enabled:      s.enabled,
+            rosVersion:   s.os,
+            identityName: s.identityName,
+          })))
+          setServersLoading(false)
+        })
+        .catch(() => { if (!cancelled) setServersLoading(false) })
+    })
     return () => { cancelled = true }
   }, [isLive, backendUrl, refreshKey])
 
@@ -483,11 +476,15 @@ export default function TerminalPage() {
   }, [termServers])
 
   useEffect(() => {
-    if (!selectedUid && defaultUid) setSelectedUid(defaultUid)
+    queueMicrotask(() => {
+      if (!selectedUid && defaultUid) setSelectedUid(defaultUid)
+    })
   }, [defaultUid, selectedUid])
 
   // Reset selection when switching modes
-  useEffect(() => { setSelectedUid("") }, [isLive])
+  useEffect(() => {
+    queueMicrotask(() => setSelectedUid(""))
+  }, [isLive])
 
   const selected = termServers.find(s => s.uid === selectedUid) ?? termServers[0]