@gachlab/devup 0.4.0 → 0.7.0

package/dist/index.js

@@ -4,9 +4,9 @@
 import React7 from "react";
 import { render } from "ink";
 import { readFileSync as readFileSync2 } from "fs";
-import { dirname as dirname6, join as join7 } from "path";
+import { dirname as dirname7, join as join8 } from "path";
 import { fileURLToPath as fileURLToPath2 } from "url";
-import { homedir as homedir3 } from "os";
+import { homedir as homedir4 } from "os";
 
 // src/config/loader.ts
 import { existsSync } from "fs";
@@ -74,6 +74,26 @@ function rewriteServicePort(svc) {
 }
 
 // src/config/validator.ts
+function collectWarnings(config) {
+  const warnings = [];
+  if (!config.services?.length) return warnings;
+  for (const svc of config.services) {
+    const ep = svc.extraEnv?.["PORT"];
+    if (ep !== void 0) {
+      const expected = String(svc.port);
+      if (ep !== expected) {
+        warnings.push({
+          field: `services[${svc.name}].extraEnv.PORT`,
+          message: `extraEnv.PORT="${ep}" does not match port=${svc.port}. devup will health-check :${svc.port} but the service will probably bind to :${ep}.`
+        });
+      }
+    }
+  }
+  return warnings;
+}
+function formatValidationWarnings(warnings) {
+  return warnings.map((w) => `  \u26A0 ${w.field}: ${w.message}`).join("\n");
+}
 function validateConfig(config, cwd) {
   const errors = [];
   if (!config.name?.trim()) {
@@ -114,6 +134,19 @@ function validateConfig(config, cwd) {
     if (svc.cwd && !existsSync2(resolve2(cwd, svc.cwd))) {
       errors.push({ field: `services[${svc.name}].cwd`, message: `Directory not found: ${svc.cwd}` });
     }
+    if (svc.errorPattern !== void 0) {
+      if (typeof svc.errorPattern !== "string" || !svc.errorPattern.length) {
+        errors.push({ field: `services[${svc.name}].errorPattern`, message: `errorPattern must be a non-empty string` });
+      } else {
+        const slashed = /^\/(.+)\/([gimsuy]*)$/.exec(svc.errorPattern);
+        try {
+          if (slashed) new RegExp(slashed[1], slashed[2] || "i");
+          else new RegExp(svc.errorPattern, "i");
+        } catch (e) {
+          errors.push({ field: `services[${svc.name}].errorPattern`, message: `Invalid regex: ${e.message}` });
+        }
+      }
+    }
     if (svc.readyPattern !== void 0) {
       if (typeof svc.readyPattern !== "string" || !svc.readyPattern.length) {
         errors.push({ field: `services[${svc.name}].readyPattern`, message: `readyPattern must be a non-empty string` });
@@ -138,6 +171,9 @@ function validateConfig(config, cwd) {
       if (hc.type !== "tcp" && hc.type !== "http") {
         errors.push({ field: `services[${svc.name}].healthCheck.type`, message: `Invalid healthCheck.type: ${hc.type} (must be "tcp" or "http")` });
       }
+      if (hc.startPeriod !== void 0 && (typeof hc.startPeriod !== "number" || hc.startPeriod < 0)) {
+        errors.push({ field: `services[${svc.name}].healthCheck.startPeriod`, message: `startPeriod must be a non-negative number (seconds), got ${hc.startPeriod}` });
+      }
       if (hc.type === "http" && hc.path && !hc.path.startsWith("/")) {
         errors.push({ field: `services[${svc.name}].healthCheck.path`, message: `healthCheck.path must start with "/": got "${hc.path}"` });
       }
@@ -256,6 +292,10 @@ Log files:
   --no-log-file            Disable persistent log files
   --log-dir <path>         Override log root (default: ~/.devup/logs)
 
+Hot reload:
+  --watch-config           Watch devup.config.* and apply add/remove/restart
+                           service changes without exiting the TUI
+
 Other:
   -h, --help               Show this help and exit
   -v, --version            Show version and exit
@@ -272,7 +312,8 @@ function parseCliArgs(argv) {
     dryRun: false,
     once: false,
     onceTimeout: DEFAULT_ONCE_TIMEOUT,
-    logFile: true
+    logFile: true,
+    watchConfig: false
   };
   for (let i = 0; i < argv.length; i++) {
     const arg = argv[i];
@@ -346,6 +387,9 @@ function parseCliArgs(argv) {
         args.logDir = next;
         i++;
         break;
+      case "--watch-config":
+        args.watchConfig = true;
+        break;
     }
   }
   return args;
@@ -489,6 +533,41 @@ function parseEnvFile(filePath, baseEnv = {}) {
   }
   return env;
 }
+function nextRamBannerVisibility(usagePct, previousVisible, highWatermark = 80, lowWatermark = 75) {
+  if (usagePct >= highWatermark) return true;
+  if (usagePct < lowWatermark) return false;
+  return previousVisible;
+}
+function redactSecrets(env) {
+  if (!env) return {};
+  const out = {};
+  for (const [k, v] of Object.entries(env)) {
+    out[k] = /secret|token|password|api[_-]?key|auth/i.test(k) ? "***" : v;
+  }
+  return out;
+}
+function detectLogLevel(line) {
+  const l = line.toLowerCase();
+  if (/\b(?:error|err|fail(?:ed|ure|ures|s)?|fatal|exception|crash(?:ed|es)?)\b/.test(l) || /❌|✗|⛔/.test(line)) return "error";
+  if (/\b(?:warn(?:ed|ing|s|ings)?|deprec)\b/.test(l) || /⚠/.test(line)) return "warn";
+  return "info";
+}
+function compileSearchPattern(term) {
+  if (!term) return null;
+  const slashed = /^\/(.+)\/([gimsuy]*)$/.exec(term);
+  if (slashed) {
+    const flags = slashed[2].includes("i") ? slashed[2] : slashed[2] + "i";
+    try {
+      const re = new RegExp(slashed[1], flags);
+      return { test: (l) => re.test(l), regex: re };
+    } catch {
+      const lower2 = term.toLowerCase();
+      return { test: (l) => l.toLowerCase().includes(lower2), invalid: true };
+    }
+  }
+  const lower = term.toLowerCase();
+  return { test: (l) => l.toLowerCase().includes(lower) };
+}
 function fmtUptime(ms) {
   if (!ms || ms < 0) return "-";
   const s = Math.floor(ms / 1e3);
@@ -903,7 +982,7 @@ function detectProxyProvider(name) {
 }
 
 // src/tui/App.tsx
-import { useEffect as useEffect5, useState as useState5, useCallback as useCallback3, useRef as useRef3 } from "react";
+import { useEffect as useEffect5, useState as useState6, useCallback as useCallback3, useRef as useRef3 } from "react";
 import { Box as Box6, Text as Text6, useStdout } from "ink";
 
 // src/tui/hooks/useProcessManager.ts
@@ -1072,12 +1151,14 @@ var ProcessManager = class {
         this.events.onStateChange(svc.name, state);
       }
     };
+    const errorRegex = compileReadyPattern(svc.errorPattern);
+    const countsAsError = (line) => errorRegex ? errorRegex.test(line) : true;
     const stdoutBuf = lineBuffer((line) => {
       markReadyIfMatch(line);
       this.log(svc.name, line, colorIdx);
     });
     const stderrBuf = lineBuffer((line) => {
-      state.errors += 1;
+      if (countsAsError(line)) state.errors += 1;
       markReadyIfMatch(line);
       this.log(svc.name, line, colorIdx);
     });
@@ -1212,6 +1293,10 @@ var ProcessManager = class {
         st.health = st.status === "idle" ? "idle" : "down";
         continue;
       }
+      const startPeriodMs = (st.svc.healthCheck?.startPeriod ?? 0) * 1e3;
+      if (startPeriodMs > 0 && st.startedAt && Date.now() - st.startedAt < startPeriodMs) {
+        continue;
+      }
       const isUp = await checkHealth(st.svc.port, st.svc.healthCheck);
       const prev = st.health;
       st.health = deriveHealth(isUp, st.status);
@@ -1283,7 +1368,7 @@ function useProcessManager(platform, baseCwd, env, logSink = null) {
       events: {
         onLog: (svcName, text, colorIdx) => {
           sinkRef.current?.write(svcName, text);
-          const entry = { svcName, text, colorIdx, ts: Date.now() };
+          const entry = { svcName, text, colorIdx, ts: Date.now(), level: detectLogLevel(text) };
           if (pausedRef.current) {
             pendingLogsRef.current.push(entry);
             if (pendingLogsRef.current.length > 5e3) {
@@ -1341,7 +1426,7 @@ function useProcessManager(platform, baseCwd, env, logSink = null) {
   }, []);
   const pushLog = useCallback((svcName, text, colorIdx = 0) => {
     sinkRef.current?.write(svcName, text);
-    const entry = { svcName, text, colorIdx, ts: Date.now() };
+    const entry = { svcName, text, colorIdx, ts: Date.now(), level: detectLogLevel(text) };
     if (pausedRef.current) {
       pendingLogsRef.current.push(entry);
       if (pendingLogsRef.current.length > 5e3) {
@@ -1414,8 +1499,11 @@ function useKeyBindings(opts) {
     sortIdx: 0,
     proxyEnabled: false,
     logsScrollOffset: 0,
-    statsScrollOffset: 0
+    statsScrollOffset: 0,
+    levelFilter: "all",
+    verboseStats: false
   });
+  const LEVEL_CYCLE = ["all", "error", "warn"];
   const setModal = useCallback2((modal) => setState((s) => ({ ...s, modal })), []);
   const setFilter = useCallback2((f) => setState((s) => ({ ...s, logFilter: f, modal: "none" })), []);
   const setSearch = useCallback2((t) => setState((s) => ({ ...s, searchTerm: t, modal: "none" })), []);
@@ -1437,14 +1525,15 @@ function useKeyBindings(opts) {
     else if (input === "r") setModal("restart");
     else if (input === "o") setModal("open");
     else if (input === "/") setModal("search");
-    else if (input === "a") setState((s) => ({ ...s, logFilter: null, searchTerm: null }));
+    else if (input === "a") setState((s) => ({ ...s, logFilter: null, searchTerm: null, levelFilter: "all" }));
     else if (input === "p") setState((s) => ({ ...s, logsPaused: !s.logsPaused }));
     else if (input === "t") setState((s) => ({ ...s, showTimestamps: !s.showTimestamps }));
     else if (input === "s") setState((s) => ({ ...s, sortIdx: (s.sortIdx + 1) % SORT_MODES.length }));
     else if (input === "T") {
       opts.onToggleProxy();
       setState((s) => ({ ...s, proxyEnabled: !s.proxyEnabled }));
-    }
+    } else if (input === "L") setState((s) => ({ ...s, levelFilter: LEVEL_CYCLE[(LEVEL_CYCLE.indexOf(s.levelFilter) + 1) % LEVEL_CYCLE.length] }));
+    else if (input === "v") setState((s) => ({ ...s, verboseStats: !s.verboseStats }));
   }, { isActive });
   return {
     ...state,
@@ -1486,11 +1575,19 @@ function useProxySync(provider, opts, states, enabled) {
 }
 
 // src/tui/LogsPanel.tsx
-import { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect3, useMemo } from "react";
 import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
-function LogsPanel({ logs, filter, searchTerm, paused, showTimestamps, maxNameLen, height, focused, scrollOffset, resetScroll }) {
-  const filtered = filter ? logs.filter((l) => l.svcName === filter) : logs;
+function resolveBorder(focused, filter, filteredColorIdx) {
+  if (focused) return "cyan";
+  if (filter && filteredColorIdx !== null && filteredColorIdx >= 0) {
+    return tagColors[filteredColorIdx % tagColors.length];
+  }
+  return "gray";
+}
+function LogsPanel({ logs, filter, searchTerm, paused, showTimestamps, maxNameLen, height, focused, scrollOffset, resetScroll, levelFilter = "all", filteredColorIdx = null }) {
+  const byService = filter ? logs.filter((l) => l.svcName === filter) : logs;
+  const filtered = levelFilter === "all" ? byService : levelFilter === "error" ? byService.filter((l) => l.level === "error") : byService.filter((l) => l.level === "error" || l.level === "warn");
   const contentHeight = Math.max(1, height - 2);
   const totalLines = filtered.length;
   const maxOffset = Math.max(0, totalLines - contentHeight);
@@ -1501,17 +1598,20 @@ function LogsPanel({ logs, filter, searchTerm, paused, showTimestamps, maxNameLe
   useEffect3(() => {
     resetScroll();
   }, [filter, searchTerm, resetScroll]);
+  const matcher = useMemo(() => compileSearchPattern(searchTerm), [searchTerm]);
   const scrolled = effectiveOffset > 0;
   const label = [
     "Logs",
     filter ? `[${filter}]` : "",
     searchTerm ? `/${searchTerm}` : "",
+    matcher?.invalid ? "(invalid regex)" : "",
+    levelFilter !== "all" ? `[level: ${levelFilter}${levelFilter === "warn" ? "+error" : ""}]` : "",
     paused ? "[PAUSED]" : "",
     scrolled ? "[SCROLL]" : "",
     `${filtered.length} lines`,
     focused && totalLines > 0 ? `(${startIndex + 1}-${endIndex}/${totalLines})` : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: focused ? "cyan" : "gray", height, children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: resolveBorder(focused, filter, filteredColorIdx), height, children: [
     /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { bold: true, color: "cyan", children: [
       " ",
       label,
@@ -1521,7 +1621,7 @@ function LogsPanel({ logs, filter, searchTerm, paused, showTimestamps, maxNameLe
       const color = tagColors[entry.colorIdx % tagColors.length];
       const ts = showTimestamps ? new Date(entry.ts).toLocaleTimeString("en-GB") + " " : "";
       const line = entry.text;
-      const isMatch = searchTerm && line.toLowerCase().includes(searchTerm.toLowerCase());
+      const isMatch = matcher ? matcher.test(line) : false;
       return /* @__PURE__ */ jsxs(Box, { children: [
         showTimestamps && /* @__PURE__ */ jsx(Text, { dimColor: true, children: ts }),
         /* @__PURE__ */ jsxs(Text, { color, children: [
@@ -1537,7 +1637,7 @@ function LogsPanel({ logs, filter, searchTerm, paused, showTimestamps, maxNameLe
 }
 
 // src/tui/StatsPanel.tsx
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect4, useState as useState3 } from "react";
 import { Box as Box2, Text as Text2 } from "ink";
 import os from "os";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -1551,31 +1651,67 @@ var MAX_RESTARTS2 = 3;
 function isCrashLooped(st) {
   return st.status === "crashed" && st.restarts >= MAX_RESTARTS2;
 }
-function Row({ name, st, stat, ml }) {
+function Row({ name, st, stat, ml, verbose }) {
   const looped = isCrashLooped(st);
   const indicator = looped ? /* @__PURE__ */ jsx2(Text2, { color: "red", bold: true, children: "\u2716" }) : /* @__PURE__ */ jsx2(Text2, { color: (H[st.health] ?? H["down"]).color, children: (H[st.health] ?? H["down"]).c });
   const color = tagColors[st.colorIdx % tagColors.length];
   const sc = looped ? "red" : st.status === "running" ? "green" : st.status === "starting" ? "yellow" : st.status === "idle" ? "blue" : "red";
   const statusLabel = looped ? "looping" : st.status;
   const up = st.startedAt ? fmtUptime(Date.now() - st.startedAt) : "-";
-  return /* @__PURE__ */ jsxs2(Text2, { children: [
-    indicator,
-    " ",
-    /* @__PURE__ */ jsx2(Text2, { color, children: name.padEnd(ml) }),
-    " ",
-    String(st.svc.port).padStart(5),
-    " ",
-    /* @__PURE__ */ jsx2(Text2, { color: sc, bold: looped, children: statusLabel.padEnd(8) }),
-    " ",
-    (stat?.cpu ?? "-").padStart(6),
-    " ",
-    (stat?.mem ?? "-").padStart(8),
-    " ",
-    String(st.errors).padStart(3),
-    " ",
-    String(st.restarts).padStart(3),
-    " ",
-    up.padStart(6)
+  if (!verbose) {
+    return /* @__PURE__ */ jsxs2(Text2, { children: [
+      indicator,
+      " ",
+      /* @__PURE__ */ jsx2(Text2, { color, children: name.padEnd(ml) }),
+      " ",
+      String(st.svc.port).padStart(5),
+      " ",
+      /* @__PURE__ */ jsx2(Text2, { color: sc, bold: looped, children: statusLabel.padEnd(8) }),
+      " ",
+      (stat?.cpu ?? "-").padStart(6),
+      " ",
+      (stat?.mem ?? "-").padStart(8),
+      " ",
+      String(st.errors).padStart(3),
+      " ",
+      String(st.restarts).padStart(3),
+      " ",
+      up.padStart(6)
+    ] });
+  }
+  const resolvedArgs = buildProcessArgs(st.svc).join(" ");
+  const env = redactSecrets(st.svc.extraEnv);
+  const envStr = Object.entries(env).map(([k, v]) => `${k}=${v}`).join(" ");
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs2(Text2, { children: [
+      indicator,
+      " ",
+      /* @__PURE__ */ jsx2(Text2, { color, children: name.padEnd(ml) }),
+      " ",
+      String(st.svc.port).padStart(5),
+      " ",
+      /* @__PURE__ */ jsx2(Text2, { color: sc, bold: looped, children: statusLabel.padEnd(8) }),
+      " ",
+      (stat?.cpu ?? "-").padStart(6),
+      " ",
+      (stat?.mem ?? "-").padStart(8),
+      " ",
+      String(st.errors).padStart(3),
+      " ",
+      String(st.restarts).padStart(3),
+      " ",
+      up.padStart(6)
+    ] }),
+    /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+      "   cmd: ",
+      st.svc.cmd,
+      " ",
+      resolvedArgs
+    ] }),
+    envStr && /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+      "   env: ",
+      envStr
+    ] })
   ] });
 }
 function ColHeader({ ml }) {
@@ -1594,7 +1730,7 @@ function ColHeader({ ml }) {
     "Up".padStart(6)
   ] });
 }
-function StatsPanel({ states, stats, sortMode, maxNameLen, height, focused, scrollOffset, resetScroll }) {
+function StatsPanel({ states, stats, sortMode, maxNameLen, height, focused, scrollOffset, resetScroll, verbose = false }) {
   const names = [...states.keys()];
   const stObj = Object.fromEntries([...states].map(([k, v]) => [k, { errors: v.errors }]));
   const statsObj = Object.fromEntries([...stats].map(([k, v]) => [k, v]));
@@ -1633,6 +1769,12 @@ function StatsPanel({ states, stats, sortMode, maxNameLen, height, focused, scro
   const positionInfo = focused && totalRowsLong > 0 ? `(${effectiveOffset + 1}-${Math.min(effectiveOffset + rowsPerCol, totalRowsLong)}/${totalRowsLong})` : "";
   const scrolled = effectiveOffset > 0;
   const loopedCount = [...states.values()].filter(isCrashLooped).length;
+  const ramPct = parseFloat(usedGB) / parseFloat(totalGB) * 100;
+  const [ramBanner, setRamBanner] = useState3(false);
+  useEffect4(() => {
+    setRamBanner((prev) => nextRamBannerVisibility(ramPct, prev));
+  }, [ramPct]);
+  const topConsumers = ramBanner ? [...stats.entries()].map(([n, s]) => ({ name: n, mb: parseFloat(s.mem) || 0 })).sort((a, b) => b.mb - a.mb).slice(0, 3) : [];
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", borderStyle: "round", borderColor: focused ? "green" : "gray", height, children: [
     /* @__PURE__ */ jsxs2(Box2, { children: [
       /* @__PURE__ */ jsxs2(Text2, { bold: true, color: "green", children: [
@@ -1674,6 +1816,14 @@ function StatsPanel({ states, stats, sortMode, maxNameLen, height, focused, scro
         sortMode
       ] })
     ] }),
+    ramBanner && /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsxs2(Text2, { color: "yellow", bold: true, children: [
+        " \u26A0 RAM ",
+        ramPct.toFixed(0),
+        "% \u2014 top: "
+      ] }),
+      /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: topConsumers.map((c) => `${c.name} ${c.mb.toFixed(0)}MB`).join(", ") })
+    ] }),
     /* @__PURE__ */ jsxs2(Box2, { flexGrow: 1, children: [
       /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: [
         /* @__PURE__ */ jsxs2(Text2, { bold: true, color: "cyan", children: [
@@ -1682,7 +1832,7 @@ function StatsPanel({ states, stats, sortMode, maxNameLen, height, focused, scro
           ")"
         ] }),
         /* @__PURE__ */ jsx2(ColHeader, { ml }),
-        visibleApis.map((n) => /* @__PURE__ */ jsx2(Row, { name: n, st: states.get(n), stat: stats.get(n), ml }, n))
+        visibleApis.map((n) => /* @__PURE__ */ jsx2(Row, { name: n, st: states.get(n), stat: stats.get(n), ml, verbose }, n))
       ] }),
       /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", width: 1, children: Array.from({ length: contentHeight }, (_, i) => /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u2502" }, i)) }),
       /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", flexGrow: 1, flexBasis: 0, children: [
@@ -1692,7 +1842,7 @@ function StatsPanel({ states, stats, sortMode, maxNameLen, height, focused, scro
           ")"
         ] }),
         /* @__PURE__ */ jsx2(ColHeader, { ml }),
-        visibleWebs.map((n) => /* @__PURE__ */ jsx2(Row, { name: n, st: states.get(n), stat: stats.get(n), ml }, n))
+        visibleWebs.map((n) => /* @__PURE__ */ jsx2(Row, { name: n, st: states.get(n), stat: stats.get(n), ml, verbose }, n))
       ] })
     ] })
   ] });
@@ -1717,6 +1867,8 @@ function StatusBar() {
     " Clear  ",
     /* @__PURE__ */ jsx3(Text3, { bold: true, children: "f" }),
     " Filter  ",
+    /* @__PURE__ */ jsx3(Text3, { bold: true, children: "L" }),
+    " Level  ",
     /* @__PURE__ */ jsx3(Text3, { bold: true, children: "a" }),
     " All  ",
     /* @__PURE__ */ jsx3(Text3, { bold: true, children: "r" }),
@@ -1731,23 +1883,25 @@ function StatusBar() {
     " Pause  ",
     /* @__PURE__ */ jsx3(Text3, { bold: true, children: "t" }),
     " Time  ",
+    /* @__PURE__ */ jsx3(Text3, { bold: true, children: "v" }),
+    " Verbose  ",
     /* @__PURE__ */ jsx3(Text3, { bold: true, children: "T" }),
     " Proxy"
   ] }) });
 }
 
 // src/tui/ServiceList.tsx
-import { useState as useState3, useMemo } from "react";
+import { useState as useState4, useMemo as useMemo2 } from "react";
 import { Box as Box4, Text as Text4, useInput as useInput2 } from "ink";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function ServiceList({ title, services, onSelect, onClose, filterType }) {
-  const allNames = useMemo(
+  const allNames = useMemo2(
     () => [...services.keys()].filter((n) => !filterType || services.get(n).svc.type === filterType),
     [services, filterType]
   );
-  const [idx, setIdx] = useState3(0);
-  const [query, setQuery] = useState3("");
-  const names = useMemo(() => {
+  const [idx, setIdx] = useState4(0);
+  const [query, setQuery] = useState4("");
+  const names = useMemo2(() => {
     if (!query) return allNames;
     const q = query.toLowerCase();
     return allNames.filter((n) => n.toLowerCase().includes(q));
@@ -1804,11 +1958,11 @@ function ServiceList({ title, services, onSelect, onClose, filterType }) {
 }
 
 // src/tui/SearchInput.tsx
-import { useState as useState4 } from "react";
+import { useState as useState5 } from "react";
 import { Box as Box5, Text as Text5, useInput as useInput3 } from "ink";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function SearchInput({ onSubmit, onClose }) {
-  const [value, setValue] = useState4("");
+  const [value, setValue] = useState5("");
   useInput3((input, key) => {
     if (key.escape) onClose();
     else if (key.return) onSubmit(value.trim() || null);
@@ -2029,6 +2183,186 @@ function pickTip(state) {
   return null;
 }
 
+// src/control-plane/socket-server.ts
+import { createServer } from "net";
+import { createInterface as createInterface2 } from "readline";
+import { existsSync as existsSync10, unlinkSync, chmodSync, mkdirSync as mkdirSync4, statSync as statSync2 } from "fs";
+import { dirname as dirname5 } from "path";
+import { join as join6 } from "path";
+import { homedir as homedir2 } from "os";
+function defaultSocketPath(projectName) {
+  const safe = projectName.replace(/[^a-zA-Z0-9._-]+/g, "_") || "devup";
+  return join6(homedir2(), ".devup", `sock-${safe}.sock`);
+}
+async function startSocketServer(projectName, ctx, opts = {}) {
+  const path = opts.path ?? defaultSocketPath(projectName);
+  mkdirSync4(dirname5(path), { recursive: true });
+  if (existsSync10(path)) {
+    try {
+      const st = statSync2(path);
+      if (st.isSocket()) unlinkSync(path);
+    } catch {
+    }
+  }
+  const server = createServer((socket) => handleClient(socket, ctx));
+  await new Promise((resolve4, reject) => {
+    server.once("error", reject);
+    server.listen(path, () => {
+      server.off("error", reject);
+      try {
+        chmodSync(path, 384);
+      } catch {
+      }
+      opts.onLog?.(`\u{1F50C} control plane at ${path}`);
+      resolve4();
+    });
+  });
+  return {
+    server,
+    path,
+    async close() {
+      await new Promise((resolve4) => server.close(() => resolve4()));
+      if (existsSync10(path)) {
+        try {
+          unlinkSync(path);
+        } catch {
+        }
+      }
+    }
+  };
+}
+function handleClient(socket, ctx) {
+  const rl = createInterface2({ input: socket });
+  rl.on("line", async (line) => {
+    if (!line.trim()) return;
+    let req;
+    try {
+      req = JSON.parse(line);
+    } catch (e) {
+      respond(socket, { error: { code: -32700, message: `parse error: ${e.message}` } });
+      return;
+    }
+    if (typeof req.method !== "string") {
+      respond(socket, { id: req.id, error: { code: -32600, message: "method required" } });
+      return;
+    }
+    try {
+      const result = await dispatch(req.method, req.params ?? {}, ctx);
+      respond(socket, { id: req.id, result });
+    } catch (e) {
+      respond(socket, { id: req.id, error: { code: -32603, message: e.message ?? String(e) } });
+    }
+  });
+  socket.on("error", () => {
+  });
+}
+function respond(socket, payload) {
+  if (socket.writable) socket.write(JSON.stringify(payload) + "\n");
+}
+async function dispatch(method, params, ctx) {
+  switch (method) {
+    case "status": {
+      const out = [];
+      for (const [name, st] of ctx.states()) {
+        out.push({
+          name,
+          status: st.status,
+          health: st.health,
+          port: st.svc.port,
+          type: st.svc.type,
+          errors: st.errors,
+          restarts: st.restarts,
+          pid: st.pid,
+          startedAt: st.startedAt
+        });
+      }
+      return { services: out };
+    }
+    case "restart": {
+      const svc = stringOrThrow(params["svc"] ?? params["service"], "svc");
+      await ctx.restart(svc);
+      return { ok: true };
+    }
+    case "stop": {
+      const svc = stringOrThrow(params["svc"] ?? params["service"], "svc");
+      ctx.stop(svc);
+      return { ok: true };
+    }
+    case "logs.tail": {
+      const svc = stringOrThrow(params["svc"] ?? params["service"], "svc");
+      const lines = Math.max(1, Math.min(1e4, Number(params["lines"] ?? 100)));
+      return { lines: await ctx.tailLogs(svc, lines) };
+    }
+    case "ping":
+      return { ok: true, ts: Date.now() };
+    default:
+      throw new Error(`unknown method: ${method}`);
+  }
+}
+function stringOrThrow(v, paramName) {
+  if (typeof v !== "string" || !v.trim()) {
+    throw new Error(`param "${paramName}" must be a non-empty string`);
+  }
+  return v;
+}
+
+// src/tui/App.tsx
+import { createInterface as createInterface3 } from "readline";
+import { createReadStream as createReadStream2, existsSync as existsSync11, watch as fsWatch } from "fs";
+
+// src/config/diff.ts
+var SPAWN_RELEVANT = [
+  "cwd",
+  "cmd",
+  "args",
+  "port",
+  "phase",
+  "maxMem",
+  "preBuild",
+  "watchBuild",
+  "nodeArgs",
+  "extraEnv",
+  "healthCheck",
+  "readyPattern",
+  "errorPattern",
+  "type"
+];
+function hasSpawnRelevantChange(prev, next) {
+  for (const k of SPAWN_RELEVANT) {
+    if (JSON.stringify(prev[k]) !== JSON.stringify(next[k])) return true;
+  }
+  return false;
+}
+function diffServices(prev, next) {
+  const prevByName = new Map(prev.map((s) => [s.name, s]));
+  const nextByName = new Map(next.map((s) => [s.name, s]));
+  const added = [];
+  const removed = [];
+  const changed = [];
+  const unchanged = [];
+  for (const [name, p] of prevByName) {
+    if (!nextByName.has(name)) {
+      removed.push(name);
+      continue;
+    }
+    const n = nextByName.get(name);
+    if (hasSpawnRelevantChange(p, n)) changed.push({ prev: p, next: n });
+    else unchanged.push(name);
+  }
+  for (const [name, n] of nextByName) {
+    if (!prevByName.has(name)) added.push(n);
+  }
+  return { added, removed, changed, unchanged };
+}
+function summariseDiff(d) {
+  const parts = [];
+  if (d.added.length) parts.push(`+${d.added.length} added`);
+  if (d.removed.length) parts.push(`-${d.removed.length} removed`);
+  if (d.changed.length) parts.push(`~${d.changed.length} changed`);
+  if (!parts.length) parts.push("no changes");
+  return parts.join(", ");
+}
+
 // src/tui/App.tsx
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function buildServiceUrl(name, port, proxyActive, proxyOpts) {
@@ -2044,7 +2378,7 @@ function buildServiceUrl(name, port, proxyActive, proxyOpts) {
 }
 function App({ config, services, cliArgs, platform, env, baseCwd, proxyProvider, proxyOpts, logSink }) {
   const { stdout } = useStdout();
-  const [rows, setRows] = useState5(stdout?.rows ?? 40);
+  const [rows, setRows] = useState6(stdout?.rows ?? 40);
   useEffect5(() => {
     if (!stdout) return;
     const onResize = () => setRows(stdout.rows ?? 40);
@@ -2057,11 +2391,12 @@ function App({ config, services, cliArgs, platform, env, baseCwd, proxyProvider,
   const statsHeight = rows - logsHeight - 2;
   const maxNameLen = Math.max(...services.map((s) => s.name.length), 10);
   const pm = useProcessManager(platform, baseCwd, env, logSink);
-  const [booted, setBooted] = useState5(false);
+  const [booted, setBooted] = useState6(false);
   const lazyProxies = useRef3(/* @__PURE__ */ new Map());
   const externals = useRef3([]);
+  const socketServer = useRef3(null);
   const shownTips = useRef3(/* @__PURE__ */ new Set());
-  const [activeTip, setActiveTip] = useState5(null);
+  const [activeTip, setActiveTip] = useState6(null);
   const kb = useKeyBindings({
     onQuit: () => {
       void shutdown();
@@ -2072,6 +2407,8 @@ function App({ config, services, cliArgs, platform, env, baseCwd, proxyProvider,
   });
   const shutdown = useCallback3(async () => {
     lazyProxies.current.forEach((p) => p.destroy());
+    await socketServer.current?.close();
+    socketServer.current = null;
     await pm.cleanup();
     if (externals.current.length) {
       await stopExternals(externals.current, platform, {
@@ -2084,6 +2421,110 @@ function App({ config, services, cliArgs, platform, env, baseCwd, proxyProvider,
     await logSink?.close();
     process.exit(0);
   }, [pm, logSink, platform, baseCwd, env]);
+  useEffect5(() => {
+    if (!pm.manager) return;
+    let handle = null;
+    (async () => {
+      try {
+        handle = await startSocketServer(config.name, {
+          states: () => pm.manager.state,
+          restart: (name) => pm.manager.restart(name),
+          stop: (name) => pm.manager.stop(name),
+          tailLogs: async (svcName, lines) => {
+            if (!logSink) return [];
+            const file = logSink.pathFor(svcName);
+            if (!existsSync11(file)) return [];
+            return new Promise((resolve4, reject) => {
+              const buf = [];
+              const rl = createInterface3({ input: createReadStream2(file, { encoding: "utf8" }) });
+              rl.on("line", (l) => {
+                buf.push(l);
+                if (buf.length > lines) buf.shift();
+              });
+              rl.on("close", () => resolve4(buf));
+              rl.on("error", reject);
+            });
+          }
+        }, { onLog: (msg) => pm.pushLog("devup", msg, 12) });
+        socketServer.current = handle;
+      } catch (e) {
+        pm.pushLog("devup", `\u26A0 control plane disabled: ${e.message}`, 5);
+      }
+    })();
+    return () => {
+      void handle?.close();
+    };
+  }, [pm.manager, config.name, logSink]);
+  useEffect5(() => {
+    if (!cliArgs.watchConfig || !pm.manager) return;
+    let watcher = null;
+    let configPath;
+    try {
+      configPath = findConfigFile(baseCwd, cliArgs.configPath);
+    } catch (e) {
+      pm.pushLog("devup", `\u26A0 watch-config disabled: ${e.message}`, 5);
+      return;
+    }
+    pm.pushLog("devup", `\u{1F440} watching ${configPath}`, 12);
+    let reloadInFlight = false;
+    let reloadAgain = false;
+    const reload = async () => {
+      if (reloadInFlight) {
+        reloadAgain = true;
+        return;
+      }
+      reloadInFlight = true;
+      try {
+        const nextCfg = await loadConfig(configPath);
+        const errs = validateConfig(nextCfg, baseCwd);
+        if (errs.length) {
+          pm.pushLog("devup", `\u26A0 config reload failed:
+${formatValidationErrors(errs)}`, 5);
+          return;
+        }
+        const mgr = pm.manager;
+        const currentSvcs = [...mgr.state.values()].map((s) => s.svc);
+        const diff = diffServices(currentSvcs, nextCfg.services);
+        if (!diff.added.length && !diff.removed.length && !diff.changed.length) return;
+        for (const name of diff.removed) {
+          mgr.stop(name);
+          mgr.state.delete(name);
+        }
+        let colorIdx = currentSvcs.length;
+        for (const { next } of diff.changed) {
+          const prev = mgr.state.get(next.name);
+          const ci = prev?.colorIdx ?? colorIdx++;
+          mgr.stop(next.name);
+          await new Promise((r) => setTimeout(r, 800));
+          await mgr.install(next, ci);
+          await mgr.start(next, ci, true);
+        }
+        for (const next of diff.added) {
+          const ci = colorIdx++;
+          await mgr.install(next, ci);
+          await mgr.start(next, ci);
+        }
+        pm.pushLog("devup", `\u{1F501} config reloaded: ${summariseDiff(diff)}`, 12);
+      } catch (e) {
+        pm.pushLog("devup", `\u26A0 config reload error: ${e.message}`, 5);
+      } finally {
+        reloadInFlight = false;
+        if (reloadAgain) {
+          reloadAgain = false;
+          void reload();
+        }
+      }
+    };
+    let debounceTimer = null;
+    watcher = fsWatch(configPath, () => {
+      if (debounceTimer) clearTimeout(debounceTimer);
+      debounceTimer = setTimeout(() => void reload(), 250);
+    });
+    return () => {
+      if (debounceTimer) clearTimeout(debounceTimer);
+      watcher?.close();
+    };
+  }, [cliArgs.watchConfig, cliArgs.configPath, baseCwd, pm.manager, pm]);
   useEffect5(() => {
     pm.setPaused(kb.logsPaused || kb.logsScrollOffset > 0);
   }, [kb.logsPaused, kb.logsScrollOffset, pm]);
@@ -2254,7 +2695,9 @@ function App({ config, services, cliArgs, platform, env, baseCwd, proxyProvider,
         height: logsHeight,
         focused: kb.panel === "logs",
         scrollOffset: kb.logsScrollOffset,
-        resetScroll: kb.resetLogsScroll
+        resetScroll: kb.resetLogsScroll,
+        levelFilter: kb.levelFilter,
+        filteredColorIdx: kb.logFilter ? pm.states.get(kb.logFilter)?.colorIdx ?? null : null
       }
     ),
     /* @__PURE__ */ jsx6(
@@ -2267,7 +2710,8 @@ function App({ config, services, cliArgs, platform, env, baseCwd, proxyProvider,
         height: statsHeight,
         focused: kb.panel === "stats",
         scrollOffset: kb.statsScrollOffset,
-        resetScroll: kb.resetStatsScroll
+        resetScroll: kb.resetStatsScroll,
+        verbose: kb.verboseStats
       }
     ),
     kb.modal === "filter" && /* @__PURE__ */ jsx6(ServiceList, { title: "Filter by service", services: pm.states, onSelect: handleFilterSelect, onClose: () => kb.setModal("none") }),
@@ -2279,23 +2723,23 @@ function App({ config, services, cliArgs, platform, env, baseCwd, proxyProvider,
 }
 
 // src/process/log-sink.ts
-import { existsSync as existsSync10, mkdirSync as mkdirSync4, renameSync, createWriteStream } from "fs";
-import { join as join6, dirname as dirname5 } from "path";
-import { homedir as homedir2 } from "os";
+import { existsSync as existsSync12, mkdirSync as mkdirSync5, renameSync, createWriteStream } from "fs";
+import { join as join7, dirname as dirname6 } from "path";
+import { homedir as homedir3 } from "os";
 var LogSink = class {
   dir;
   rotateOnStart;
   streams = /* @__PURE__ */ new Map();
   seen = /* @__PURE__ */ new Set();
   constructor(opts) {
-    const root = opts.rootDir ?? join6(homedir2(), ".devup", "logs");
-    this.dir = join6(root, sanitize2(opts.projectName));
+    const root = opts.rootDir ?? join7(homedir3(), ".devup", "logs");
+    this.dir = join7(root, sanitize2(opts.projectName));
     this.rotateOnStart = opts.rotateOnStart ?? true;
-    mkdirSync4(this.dir, { recursive: true });
+    mkdirSync5(this.dir, { recursive: true });
   }
   /** Returns the file path for a service log (useful for tests / UI). */
   pathFor(svcName) {
-    return join6(this.dir, `${sanitize2(svcName)}.log`);
+    return join7(this.dir, `${sanitize2(svcName)}.log`);
   }
   write(svcName, line) {
     const stream = this.streamFor(svcName);
@@ -2314,9 +2758,9 @@ var LogSink = class {
     let s = this.streams.get(svcName);
     if (s) return s;
     const file = this.pathFor(svcName);
-    if (this.rotateOnStart && !this.seen.has(svcName) && existsSync10(file)) {
+    if (this.rotateOnStart && !this.seen.has(svcName) && existsSync12(file)) {
       try {
-        mkdirSync4(dirname5(file), { recursive: true });
+        mkdirSync5(dirname6(file), { recursive: true });
         renameSync(file, file + ".prev");
       } catch {
       }
@@ -2502,8 +2946,8 @@ function defineConfig(config) {
 // src/index.ts
 function readVersion() {
   try {
-    const here = dirname6(fileURLToPath2(import.meta.url));
-    const pkgPath = join7(here, "..", "package.json");
+    const here = dirname7(fileURLToPath2(import.meta.url));
+    const pkgPath = join8(here, "..", "package.json");
     return JSON.parse(readFileSync2(pkgPath, "utf8")).version ?? "unknown";
   } catch {
     return "unknown";
@@ -2554,6 +2998,11 @@ async function main() {
 ${formatValidationErrors(errors)}`);
     process.exit(1);
   }
+  const warnings = collectWarnings(config);
+  if (warnings.length) {
+    console.warn(`\u26A0 Config warnings:
+${formatValidationWarnings(warnings)}`);
+  }
   let services;
   try {
     services = filterServices(config.services, cliArgs, config);
@@ -2566,7 +3015,7 @@ ${formatValidationErrors(errors)}`);
     process.exit(1);
   }
   const platform = await detectPlatform();
-  const envFile = config.envFile ? join7(cwd, config.envFile) : join7(cwd, ".env");
+  const envFile = config.envFile ? join8(cwd, config.envFile) : join8(cwd, ".env");
   const env = parseEnvFile(envFile, process.env);
   if (config.env) {
     for (const [k, v] of Object.entries(config.env)) {
@@ -2583,7 +3032,7 @@ ${formatValidationErrors(errors)}`);
       routes: config.proxy.routes,
       tls: cliArgs.proxyTls ?? config.proxy.tls ?? true,
       entrypoint: cliArgs.proxyEntrypoint ?? config.proxy.entrypoint ?? "websecure",
-      confPath: cliArgs.proxyConf ?? config.proxy.confPath ?? join7(homedir3(), ".traefik", "traefik_conf.yaml")
+      confPath: cliArgs.proxyConf ?? config.proxy.confPath ?? join8(homedir4(), ".traefik", "traefik_conf.yaml")
     };
   }
   if (cliArgs.dryRun) {