@ninhache/probe 0.8.0 → 0.10.0

package/dist/{open-2H7PHDYL.js → open-W2TWG636.js}

@@ -1,13 +1,24 @@
 import { createRequire as __createRequire } from "node:module";
 const require = __createRequire(import.meta.url);
 import {
+  DASHBOARD_HISTORY_LENGTH,
   DASHBOARD_INTERVAL_CHOICES_SECONDS,
   DASHBOARD_TIMEOUT_CHOICES_SECONDS,
   createColors,
+  curlCommand,
+  expectProblem,
   formatCheckResults,
+  hostProblem,
+  nameProblem,
+  openUrl,
+  openerCommand,
+  parseExpectList,
+  pathProblem,
+  portProblem,
   runChecks,
+  targetUrl,
   truncate
-} from "./chunk-Z4F2X5IS.js";
+} from "./chunk-VSQVZK7F.js";
 import {
   __commonJS,
   __export,
@@ -1768,34 +1779,34 @@ var require_react_reconciler_production = __commonJS({
         var fiber = workInProgress2.child;
         null !== fiber && (fiber.return = workInProgress2);
         for (; null !== fiber; ) {
-          var list = fiber.dependencies;
-          if (null !== list) {
+          var list2 = fiber.dependencies;
+          if (null !== list2) {
             var nextFiber = fiber.child;
-            list = list.firstContext;
-            a: for (; null !== list; ) {
-              var dependency = list;
-              list = fiber;
+            list2 = list2.firstContext;
+            a: for (; null !== list2; ) {
+              var dependency = list2;
+              list2 = fiber;
               for (var i = 0; i < contexts.length; i++)
                 if (dependency.context === contexts[i]) {
-                  list.lanes |= renderLanes2;
-                  dependency = list.alternate;
+                  list2.lanes |= renderLanes2;
+                  dependency = list2.alternate;
                   null !== dependency && (dependency.lanes |= renderLanes2);
                   scheduleContextWorkOnParentPath(
-                    list.return,
+                    list2.return,
                     renderLanes2,
                     workInProgress2
                   );
                   forcePropagateEntireTree || (nextFiber = null);
                   break a;
                 }
-              list = dependency.next;
+              list2 = dependency.next;
             }
           } else if (18 === fiber.tag) {
             nextFiber = fiber.return;
             if (null === nextFiber) throw Error(formatProdErrorMessage(341));
             nextFiber.lanes |= renderLanes2;
-            list = nextFiber.alternate;
-            null !== list && (list.lanes |= renderLanes2);
+            list2 = nextFiber.alternate;
+            null !== list2 && (list2.lanes |= renderLanes2);
             scheduleContextWorkOnParentPath(nextFiber, renderLanes2, workInProgress2);
             nextFiber = null;
           } else
@@ -18586,7 +18597,7 @@ var Box_default = Box;
 
 // node_modules/.pnpm/ink@8.0.0_@types+react@19.3.0_react@19.3.1/node_modules/ink/build/components/Text.js
 var import_react12 = __toESM(require_react(), 1);
-function Text({ color, backgroundColor, dimColor = false, bold = false, italic = false, underline = false, strikethrough = false, inverse = false, wrap = "wrap", children, "aria-label": ariaLabel, "aria-hidden": ariaHidden = false }) {
+function Text({ color, backgroundColor, dimColor = false, bold = false, italic = false, underline = false, strikethrough = false, inverse = false, wrap: wrap2 = "wrap", children, "aria-label": ariaLabel, "aria-hidden": ariaHidden = false }) {
   const { isScreenReaderEnabled } = (0, import_react12.use)(AccessibilityContext);
   const inheritedBackgroundColor = (0, import_react12.use)(BackgroundContext);
   const effectiveBackgroundColor = backgroundColor ?? inheritedBackgroundColor;
@@ -18624,7 +18635,7 @@ function Text({ color, backgroundColor, dimColor = false, bold = false, italic =
       flexGrow: 0,
       flexShrink: 1,
       flexDirection: "row",
-      textWrap: wrap
+      textWrap: wrap2
     }, internal_transform: isScreenReaderEnabled ? void 0 : transform }, childrenOrAriaLabel)
   );
 }
@@ -20243,11 +20254,368 @@ var use_window_size_default = useWindowSize;
 // node_modules/.pnpm/ink@8.0.0_@types+react@19.3.0_react@19.3.1/node_modules/ink/build/hooks/use-box-metrics.js
 var import_react35 = __toESM(require_react(), 1);
 
+// src/clipboard.ts
+import { spawn as nodeSpawn } from "child_process";
+var WL_COPY = ["wl-copy"];
+var XCLIP = ["xclip", "-selection", "clipboard"];
+function clipboardTools(platform2, env3) {
+  if (platform2 === "darwin") return [["pbcopy"]];
+  return env3.WAYLAND_DISPLAY ? [WL_COPY, XCLIP] : [XCLIP, WL_COPY];
+}
+function copiedWith([command, ...args], text, spawn) {
+  return new Promise((resolve) => {
+    const child = spawn(command, args, { stdio: ["pipe", "ignore", "ignore"] });
+    child.once("error", () => resolve(false));
+    child.once("exit", (code) => resolve(code === 0));
+    child.stdin?.on("error", () => {
+    });
+    child.stdin?.end(text);
+  });
+}
+async function copyText(text, platform2 = process.platform, env3 = process.env, spawn = nodeSpawn) {
+  for (const tool of clipboardTools(platform2, env3)) {
+    if (await copiedWith(tool, text, spawn)) return true;
+  }
+  return false;
+}
+
+// src/dashboard/actions.ts
+var system = () => ({
+  platform: process.platform,
+  env: process.env,
+  openUrl,
+  copyText
+});
+function serviceActions(config, deps = system()) {
+  const service = (name) => config().services[name];
+  const gone = (name) => `${name} is no longer in the config`;
+  return {
+    async onOpen(name) {
+      const found = service(name);
+      if (!found) return gone(name);
+      const url = targetUrl(found);
+      if (await deps.openUrl(url)) return `Opened ${url}`;
+      return `${openerCommand(deps.platform)} not found. The URL:
+${url}`;
+    },
+    async onCopy(name, timeout) {
+      const found = service(name);
+      if (!found) return gone(name);
+      const command = curlCommand({ ...found, timeout });
+      if (await deps.copyText(command)) return `Copied: ${command}`;
+      const tools = clipboardTools(deps.platform, deps.env).map(([tool]) => tool);
+      return `No ${tools.join(" or ")} to copy with. The command:
+${command}`;
+    }
+  };
+}
+
 // src/dashboard/Dashboard.tsx
 var import_react36 = __toESM(require_react(), 1);
 
+// src/dashboard/detail.ts
+var BLOCKS = "\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
+var HEADER_LINES = 6;
+var BODY_LINES = 5;
+var HINT_LINES = 3;
+var TRANSPORT_HEADERS = /* @__PURE__ */ new Set([
+  "connection",
+  "content-length",
+  "date",
+  "keep-alive",
+  "transfer-encoding"
+]);
+function recordLatencies(history, results) {
+  return Object.fromEntries(
+    results.map(({ name, status, skipped, latencyMs }) => {
+      const before = history[name] ?? [];
+      const answered = status !== void 0 && !skipped;
+      return [name, answered ? [...before, latencyMs].slice(-DASHBOARD_HISTORY_LENGTH) : before];
+    })
+  );
+}
+function sparkline(values, unicode, width) {
+  if (values.length === 0) return "";
+  const low = Math.min(...values);
+  const high = Math.max(...values);
+  const range = low === high ? `${low}ms` : `${low}${unicode ? "\u2013" : "-"}${high}ms`;
+  if (!unicode) return `${range} over ${values.length} ${values.length === 1 ? "check" : "checks"}`;
+  const room = width - range.length - 1;
+  if (room < 1) return range;
+  const top = BLOCKS.length - 1;
+  const bars = values.slice(-room).map((value) => BLOCKS[high === low ? 0 : Math.round((value - low) / (high - low) * top)]).join("");
+  return `${bars} ${range}`;
+}
+function wrap(text, width, maxLines) {
+  const lines = [];
+  let line = "";
+  for (const word of text.split(" ")) {
+    if (line && line.length + 1 + word.length > width) {
+      lines.push(line);
+      line = word;
+    } else line = line ? `${line} ${word}` : word;
+  }
+  lines.push(line);
+  const kept = lines.slice(0, maxLines).map((kept2) => truncate(kept2, width));
+  if (lines.length > maxLines) kept[maxLines - 1] = truncate(`${kept[maxLines - 1]} \u2026`, width);
+  return kept;
+}
+function detailLines(result, history, { unicode, width, room }) {
+  const dot = unicode ? "\xB7" : "-";
+  const more = unicode ? "\u2026" : "...";
+  const cut = (text) => truncate(text, width);
+  if (result.skipped) return [{ id: "status", text: cut("skipped: not checked"), tone: "dim" }];
+  const { response, status } = result;
+  const tone = result.ok ? "good" : "bad";
+  const lines = [];
+  if (status === void 0) lines.push({ id: "status", text: cut(result.error ?? "down"), tone });
+  else {
+    const answer = `${status} ${response?.statusText ?? ""}`.trim();
+    lines.push({ id: "status", text: cut(`${answer} ${dot} ${result.latencyMs}ms`), tone });
+    if (result.error) lines.push({ id: "error", text: cut(result.error), tone });
+  }
+  if (result.hint) {
+    for (const [index, text] of wrap(result.hint, width, HINT_LINES).entries())
+      lines.push({ id: `hint ${index}`, text, tone: "dim" });
+  }
+  const latencies = sparkline(history, unicode, width);
+  if (latencies) lines.push({ id: "latencies", text: cut(latencies), tone: "dim" });
+  if (!response) return lines;
+  const transport = ([name]) => TRANSPORT_HEADERS.has(name.toLowerCase());
+  const headers = [
+    ...response.headers.filter((header) => !transport(header)),
+    ...response.headers.filter(transport)
+  ].map(([name, value]) => `${name}: ${value}`);
+  const body = response.bodyNote ? [response.bodyNote] : response.body?.split("\n") ?? [];
+  let headerRoom = Math.min(headers.length, HEADER_LINES);
+  let bodyRoom = Math.min(body.length, BODY_LINES);
+  const left = Math.max(0, room - lines.length);
+  while (headerRoom + bodyRoom > left) {
+    if (bodyRoom > 1 && bodyRoom >= headerRoom) bodyRoom -= 1;
+    else if (headerRoom > 0) headerRoom -= 1;
+    else bodyRoom -= 1;
+  }
+  const hiddenHeaders = headers.length - headerRoom;
+  for (const [index, header] of headers.slice(0, headerRoom).entries()) {
+    const last = index === headerRoom - 1 && hiddenHeaders > 0;
+    lines.push(
+      last ? {
+        id: `header ${index}`,
+        text: cut(`${more} ${hiddenHeaders + 1} more headers`),
+        tone: "dim"
+      } : { id: `header ${index}`, text: cut(header), tone: "dim" }
+    );
+  }
+  const cutBody = body.length > bodyRoom || response.bodyCut;
+  for (const [index, text] of body.slice(0, bodyRoom).entries()) {
+    const last = index === bodyRoom - 1 && cutBody;
+    lines.push({
+      id: `body ${index}`,
+      text: last ? `${truncate(text, Math.max(1, width - more.length - 1))} ${more}`.trim() : cut(text),
+      tone: response.bodyNote ? "dim" : void 0
+    });
+  }
+  return lines;
+}
+
+// src/dashboard/form.ts
+var ROWS = [
+  { key: "name", label: "Name", placeholder: "api" },
+  { key: "port", label: "Port", placeholder: "3000" },
+  { key: "host", label: "Host", placeholder: "localhost" },
+  { key: "path", label: "Path", placeholder: "/" },
+  { key: "expect", label: "Expect", placeholder: "any 2xx" }
+];
+var EMPTY_FORM = { name: "", port: "", host: "", path: "", expect: "" };
+function formRows(adding) {
+  return adding ? ROWS : ROWS.filter(({ key }) => key !== "name");
+}
+function formValues({ host, port, path, expect }) {
+  return { name: "", port: String(port), host, path, expect: [expect ?? []].flat().join(",") };
+}
+function formFields(values) {
+  return {
+    port: Number(values.port),
+    host: values.host || "localhost",
+    path: values.path || "/",
+    expect: values.expect ? parseExpectList(values.expect) : void 0
+  };
+}
+function formProblem(rows, values, taken) {
+  const problems = {
+    name: () => nameProblem(values.name, taken),
+    port: () => portProblem(values.port),
+    host: () => values.host ? hostProblem(values.host) : void 0,
+    path: () => values.path ? pathProblem(values.path) : void 0,
+    expect: () => values.expect ? expectProblem(values.expect) : void 0
+  };
+  for (const [row, { key }] of rows.entries()) {
+    const message = problems[key]();
+    if (message) return { row, message };
+  }
+  return void 0;
+}
+
+// src/dashboard/keymap.ts
+var list = (binding) => ({
+  screens: ["list"],
+  section: "List",
+  ...binding
+});
+var BINDINGS = [
+  list({ keys: "\u2191\u2193 jk", ascii: "jk", action: "move", help: "Move", drop: 2 }),
+  list({ keys: "r", action: "check", help: "Check now", barless: true, command: "check" }),
+  list({
+    keys: "\u21B5",
+    ascii: "enter",
+    action: "service",
+    help: "Service detail",
+    drop: 5,
+    command: "detail"
+  }),
+  list({ keys: "u", action: "open", help: "Open its URL", barless: true, command: "open" }),
+  list({ keys: "c", action: "copy", help: "Copy curl command", barless: true, command: "copy" }),
+  list({ keys: "e", action: "edit", help: "Edit the service", barless: true, command: "edit" }),
+  list({ keys: "d", action: "remove", help: "Remove it", barless: true, command: "remove" }),
+  list({ keys: "a", action: "add", help: "Add a service", drop: 3, command: "add" }),
+  list({ keys: "/", action: "filter", help: "Filter by name", drop: 4, command: "filter" }),
+  list({ keys: ":", action: "commands", help: "Find a command", drop: 1 }),
+  list({ keys: "o", action: "options", help: "Options", barless: true, command: "options" }),
+  {
+    screens: ["panel"],
+    section: "Panels",
+    keys: "\u2191\u2193 jk",
+    ascii: "jk",
+    action: "move",
+    help: "Move",
+    drop: 1
+  },
+  {
+    screens: ["panel"],
+    section: "Panels",
+    keys: "\u2190\u2192 hl",
+    ascii: "hl",
+    action: "change",
+    help: "Change the value",
+    drop: 2
+  },
+  { screens: ["panel"], section: "Panels", keys: "esc", action: "close", help: "Close" },
+  {
+    screens: ["filter"],
+    section: "Filter",
+    keys: "\u2191\u2193",
+    ascii: "arrows",
+    action: "move",
+    help: "Move",
+    drop: 1
+  },
+  {
+    screens: ["filter"],
+    section: "Filter",
+    keys: "\u21B5",
+    ascii: "enter",
+    action: "keep",
+    help: "Keep the filter"
+  },
+  { screens: ["filter"], section: "Filter", keys: "esc", action: "clear", help: "Clear it" },
+  { screens: ["palette"], keys: "\u2191\u2193", ascii: "arrows", action: "move", drop: 1 },
+  { screens: ["palette"], keys: "\u21B5", ascii: "enter", action: "run" },
+  { screens: ["palette"], keys: "esc", action: "close" },
+  {
+    screens: ["form"],
+    section: "Add and edit",
+    keys: "\u2191\u2193 tab",
+    ascii: "tab",
+    action: "field",
+    help: "Change field",
+    drop: 1
+  },
+  {
+    screens: ["form"],
+    section: "Add and edit",
+    keys: "\u21B5",
+    ascii: "enter",
+    action: "save",
+    help: "Save"
+  },
+  { screens: ["form"], section: "Add and edit", keys: "esc", action: "cancel", help: "Cancel" },
+  { screens: ["confirm"], keys: "y", action: "remove" },
+  { screens: ["confirm"], keys: "n esc", action: "keep" },
+  { screens: ["help"], keys: "? esc", action: "close" },
+  {
+    screens: ["list", "panel"],
+    section: "Outside a text field",
+    keys: "?",
+    action: "help",
+    help: "This help",
+    command: "help"
+  },
+  {
+    screens: ["list", "panel", "help"],
+    section: "Outside a text field",
+    keys: "q",
+    action: "quit",
+    help: "Quit",
+    command: "quit"
+  }
+];
+var SECTIONS = [
+  "List",
+  "Panels",
+  "Filter",
+  "Add and edit",
+  "Outside a text field"
+];
+var written = (binding, unicode) => unicode ? binding.keys : binding.ascii ?? binding.keys;
+function helpBar(screen, unicode, columns) {
+  const shown = BINDINGS.filter(({ screens, barless }) => screens.includes(screen) && !barless);
+  const line = () => shown.map((binding) => `${written(binding, unicode)} ${binding.action}`).join(unicode ? " \xB7 " : " - ");
+  while (line().length > columns) {
+    const droppable = shown.filter(({ drop }) => drop !== void 0);
+    if (droppable.length === 0) break;
+    const first = droppable.reduce((a, b) => a.drop <= b.drop ? a : b);
+    shown.splice(shown.indexOf(first), 1);
+  }
+  return line();
+}
+function keyCommand(input, enter) {
+  return BINDINGS.find(({ keys, command }) => command && (enter ? keys === "\u21B5" : keys === input))?.command;
+}
+function paletteEntries(unicode, query = "") {
+  const wanted = query.trim().toLowerCase();
+  return BINDINGS.flatMap((binding) => {
+    const { command, help, action } = binding;
+    if (!command || !help || !`${help} ${action}`.toLowerCase().includes(wanted)) return [];
+    return [{ command, label: help, keys: written(binding, unicode) }];
+  });
+}
+var HELP_GAP = 3;
+function sectionLines(sections, unicode) {
+  const described = BINDINGS.filter(({ help }) => help !== void 0);
+  const width = Math.max(...described.map((binding) => written(binding, unicode).length));
+  return sections.flatMap((title) => [
+    { id: title, text: title, heading: true },
+    ...described.filter(({ section }) => section === title).map((binding) => ({
+      id: `${title} ${binding.keys}`,
+      text: `  ${written(binding, unicode).padEnd(width)}  ${binding.help}`,
+      heading: false
+    }))
+  ]);
+}
+function helpLines(unicode) {
+  return sectionLines(SECTIONS, unicode);
+}
+function helpColumns(unicode, columns) {
+  const [first, ...others] = SECTIONS;
+  const sides = [sectionLines([first], unicode), sectionLines(others, unicode)];
+  const widths = sides.map((side) => Math.max(...side.map(({ text }) => text.length)));
+  const fits = widths[0] + HELP_GAP + widths[1] <= columns;
+  return fits ? sides : [helpLines(unicode)];
+}
+
 // src/dashboard/keys.ts
 var ESCAPE2 = String.fromCharCode(27);
+var DELETE = String.fromCharCode(127);
 var ARROWS = { A: "up", B: "down", C: "right", D: "left" };
 var KEY_PATTERN = new RegExp(`${ESCAPE2}\\[([ABCD])|[\\s\\S]`, "g");
 function named(key) {
@@ -20257,8 +20625,13 @@ function named(key) {
   if (key.rightArrow) return "right";
   if (key.return) return "return";
   if (key.escape) return "escape";
+  if (key.backspace || key.delete) return "backspace";
+  if (key.tab) return "tab";
   return void 0;
 }
+function typedCharacter({ input, key }) {
+  return key === void 0 && input.length === 1 && input >= " " && input !== DELETE ? input : void 0;
+}
 function splitKeys(input, key) {
   const name = named(key);
   if (name || input.length <= 1) return [{ input, key: name }];
@@ -20266,6 +20639,8 @@ function splitKeys(input, key) {
     if (arrow) return { input: "", key: ARROWS[arrow] };
     if (text === "\r" || text === "\n") return { input: "", key: "return" };
     if (text === ESCAPE2) return { input: "", key: "escape" };
+    if (text === DELETE || text === "\b") return { input: "", key: "backspace" };
+    if (text === "	") return { input: "", key: "tab" };
     return { input: text };
   });
 }
@@ -20294,8 +20669,17 @@ var TIMEOUT_ROW = SERVICE_ROWS.indexOf("Timeout");
 var NO_TIMEOUTS = {};
 var MARKER_WIDTH = 2;
 var PANEL_WIDTH = 30;
+var DETAIL_WIDTH = 60;
+var DEFAULT_ROWS = 24;
+var FORM_WIDTH = 48;
+var CURSOR = "_";
 var PANEL_FRAME_WIDTH = 4;
 var seconds = (ms) => `${ms / 1e3}s`;
+function ending(text, max) {
+  const characters = Array.from(text);
+  if (characters.length <= max) return text;
+  return max <= 1 ? "\u2026" : `\u2026${characters.slice(characters.length - max + 1).join("")}`;
+}
 function Dashboard({
   terminal,
   settings: initial,
@@ -20304,17 +20688,29 @@ function Dashboard({
   check: check2,
   onSettingsChange,
   onSkipChange,
-  onTimeoutChange
+  onTimeoutChange,
+  onOpen,
+  onCopy,
+  serviceFields,
+  onServiceWrite
 }) {
   const { exit } = useApp();
-  const { columns } = use_window_size_default();
+  const { columns, rows: windowRows } = use_window_size_default();
   const [latest, setLatest] = (0, import_react36.useState)(null);
+  const [history, setHistory] = (0, import_react36.useState)({});
   const [selected, setSelected] = (0, import_react36.useState)(0);
   const [settings, setSettings] = (0, import_react36.useState)(initial);
   const [skipped, setSkipped] = (0, import_react36.useState)(() => new Set(initiallySkipped));
   const [timeouts, setTimeouts] = (0, import_react36.useState)(initialTimeouts);
   const [panel, setPanel] = (0, import_react36.useState)(null);
+  const [dialog, setDialog] = (0, import_react36.useState)(null);
+  const [filter, setFilter] = (0, import_react36.useState)("");
+  const [filtering, setFiltering] = (0, import_react36.useState)(false);
+  const [palette, setPalette] = (0, import_react36.useState)(null);
+  const [writes, setWrites] = (0, import_react36.useState)(0);
+  const [help, setHelp] = (0, import_react36.useState)(false);
   const [unsaved, setUnsaved] = (0, import_react36.useState)();
+  const [notice, setNotice] = (0, import_react36.useState)();
   const skipPause = (0, import_react36.useRef)(() => {
   });
   const track = (saved) => {
@@ -20329,6 +20725,7 @@ function Dashboard({
         const next = await check2(signal, timeoutMs, skipped, timeouts);
         if (signal.aborted) return;
         setLatest(next);
+        setHistory((before) => recordLatencies(before, next));
         await new Promise((resolve) => {
           const timer = setTimeout(resolve, intervalMs);
           skipPause.current = () => {
@@ -20341,9 +20738,59 @@ function Dashboard({
     };
     void loop();
     return () => controller.abort();
-  }, [check2, intervalMs, timeoutMs, skipped, timeouts]);
-  const last = (latest?.length ?? 1) - 1;
+  }, [check2, intervalMs, timeoutMs, skipped, timeouts, writes]);
+  const wanted = filter.toLowerCase();
+  const shown = (latest ?? []).filter(({ name }) => name.toLowerCase().includes(wanted));
+  const last = Math.max(0, shown.length - 1);
   const current = Math.min(selected, last);
+  const write = async (change2, done) => {
+    const outcome = await onServiceWrite?.(change2);
+    if (!outcome) return;
+    setUnsaved(outcome.failure);
+    if (!outcome.saved) return;
+    setNotice(outcome.warning ? `${done}
+${outcome.warning}` : done);
+    if (change2.kind === "remove") {
+      setLatest((results2) => results2?.filter(({ name }) => name !== change2.name) ?? null);
+      setTimeouts(({ [change2.name]: _, ...others }) => others);
+    }
+    setWrites((count) => count + 1);
+  };
+  const typeInForm = (form, keystroke) => {
+    const { key } = keystroke;
+    const rows2 = formRows(form.editing === void 0);
+    const field = rows2[form.row]?.key;
+    const typed = typedCharacter(keystroke);
+    const edit = (value) => field && setDialog({ ...form, values: { ...form.values, [field]: value }, problem: void 0 });
+    if (key === "escape") setDialog(null);
+    else if (key === "up") setDialog({ ...form, row: Math.max(0, form.row - 1) });
+    else if (key === "down") setDialog({ ...form, row: Math.min(rows2.length - 1, form.row + 1) });
+    else if (key === "tab") setDialog({ ...form, row: (form.row + 1) % rows2.length });
+    else if (key === "backspace" && field) edit(form.values[field].slice(0, -1));
+    else if (typed && field) edit(form.values[field] + typed);
+    else if (key === "return") {
+      const taken2 = (latest ?? []).map(({ name }) => name);
+      const problem = formProblem(rows2, form.values, taken2);
+      if (problem) return setDialog({ ...form, row: problem.row, problem: problem.message });
+      setDialog(null);
+      const fields = formFields(form.values);
+      if (form.editing === void 0)
+        void write({ kind: "add", name: form.values.name, fields }, `Added ${form.values.name}`);
+      else void write({ kind: "edit", name: form.editing, fields }, `Saved ${form.editing}`);
+    }
+  };
+  const typeFilter = (keystroke) => {
+    const { key } = keystroke;
+    const typed = typedCharacter(keystroke);
+    if (key === "escape") {
+      setFilter("");
+      setFiltering(false);
+    } else if (key === "return") setFiltering(false);
+    else if (key === "backspace") setFilter(filter.slice(0, -1));
+    else if (key === "up") setSelected(Math.max(0, current - 1));
+    else if (key === "down") setSelected(Math.min(last, current + 1));
+    else if (typed) setFilter(filter + typed);
+  };
   const change = (rowIndex, direction) => {
     const row = SETTING_ROWS[rowIndex];
     if (!row) return;
@@ -20366,18 +20813,78 @@ function Dashboard({
     setTimeouts({ ...timeouts, [name]: value });
     track(onTimeoutChange?.(name, value));
   };
-  const press = ({ input, key }) => {
+  const run = (command) => {
+    const name = shown[current]?.name;
+    switch (command) {
+      case "check":
+        return skipPause.current();
+      case "options":
+        return setPanel({ kind: "options", row: 0 });
+      case "detail":
+        return name ? setPanel({ kind: "service", name, row: 0 }) : void 0;
+      case "open":
+        return name ? void onOpen?.(name).then(setNotice) : void 0;
+      case "copy":
+        return name ? void onCopy?.(name, timeouts[name]).then(setNotice) : void 0;
+      case "filter":
+        return setFiltering(true);
+      case "add":
+        return onServiceWrite ? setDialog({ kind: "form", row: 0, values: EMPTY_FORM }) : void 0;
+      case "edit": {
+        const fields = onServiceWrite && name ? serviceFields?.(name) : void 0;
+        if (fields) setDialog({ kind: "form", editing: name, row: 0, values: formValues(fields) });
+        return;
+      }
+      case "remove":
+        return onServiceWrite && name ? setDialog({ kind: "confirm", name }) : void 0;
+      case "help":
+        return setHelp(true);
+      case "quit":
+        return exit();
+      default:
+        return command;
+    }
+  };
+  const typePalette = ({ query, row }, keystroke) => {
+    const { key } = keystroke;
+    const typed = typedCharacter(keystroke);
+    const entries = paletteEntries(terminal.unicode, query);
+    if (key === "escape") setPalette(null);
+    else if (key === "return") {
+      const entry = entries[row];
+      if (!entry) return;
+      setPalette(null);
+      run(entry.command);
+    } else if (key === "up") setPalette({ query, row: Math.max(0, row - 1) });
+    else if (key === "down")
+      setPalette({ query, row: Math.max(0, Math.min(entries.length - 1, row + 1)) });
+    else if (key === "backspace") setPalette({ query: query.slice(0, -1), row: 0 });
+    else if (typed) setPalette({ query: query + typed, row: 0 });
+  };
+  const press = (keystroke) => {
+    const { input, key } = keystroke;
     const up2 = key === "up" || input === "k";
     const down = key === "down" || input === "j";
     const left = key === "left" || input === "h";
     const right = key === "right" || input === "l";
     const enter = key === "return";
-    const selectedName = latest?.[current]?.name;
-    if (input === "q") exit();
+    setNotice(void 0);
+    if (dialog?.kind === "form") typeInForm(dialog, keystroke);
+    else if (dialog) {
+      setDialog(null);
+      if (input === "y")
+        void write({ kind: "remove", name: dialog.name }, `Removed ${dialog.name}`);
+    } else if (palette) typePalette(palette, keystroke);
+    else if (filtering) typeFilter(keystroke);
+    else if (input === "q") exit();
+    else if (help) {
+      if (input === "?" || key === "escape") setHelp(false);
+    } else if (input === "?") setHelp(true);
     else if (panel === null) {
-      if (input === "r") skipPause.current();
-      else if (input === "o") setPanel({ kind: "options", row: 0 });
-      else if (enter && selectedName) setPanel({ kind: "service", name: selectedName, row: 0 });
+      const command = keyCommand(input, enter);
+      if (command) run(command);
+      else if (input === ":") setPalette({ query: "", row: 0 });
+      else if (key === "escape") setFilter("");
       else if (up2) setSelected(Math.max(0, current - 1));
       else if (down) setSelected(Math.min(last, current + 1));
     } else if (key === "escape" || (panel.kind === "options" ? input === "o" : enter))
@@ -20419,27 +20926,61 @@ function Dashboard({
   const dot = unicode ? "\xB7" : "-";
   const marker = unicode ? "\u203A " : "> ";
   const cut = (text) => truncate(text, Math.max(1, columns));
+  if (help) {
+    const [left = [], right = []] = helpColumns(unicode, columns);
+    const leftWidth = Math.max(...left.map(({ text }) => text.length));
+    const paint = (line) => line?.heading ? colors.bold(cut(line.text)) : cut(line?.text ?? "");
+    const lines = Array.from({ length: Math.max(left.length, right.length) }, (_, index) => {
+      const near = left[index];
+      const far = right[index];
+      const gap = " ".repeat(leftWidth - (near?.text.length ?? 0) + HELP_GAP);
+      return {
+        id: near?.id ?? far?.id,
+        text: far ? `${paint(near)}${gap}${paint(far)}` : paint(near)
+      };
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.bold(cut(`probe ${dot} keys`)) }),
+      lines.map(({ id, text }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: text }, id)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.dim(cut(helpBar("help", unicode, columns))) })
+    ] });
+  }
   if (!latest) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: cut("probe: checking\u2026") });
-  const results = latest.map((result) => {
+  const asShown = (result) => {
     if (result.skipped || !skipped.has(result.name)) return result;
     const { name, type, target } = result;
     return { name, type, target, ok: true, skipped: true, latencyMs: 0 };
-  });
-  const checked = results.filter((result) => !result.skipped);
-  const up = checked.filter((result) => result.ok).length;
-  const aside = results.length - checked.length;
+  };
+  const results = shown.map(asShown);
+  const all = latest.filter((result) => !result.skipped && !skipped.has(result.name));
+  const up = all.filter((result) => result.ok).length;
+  const aside = latest.length - all.length;
   const summary = [
     "probe",
-    `${up}/${checked.length} up`,
+    `${up}/${all.length} up`,
     ...aside > 0 ? [`${aside} skipped`] : [],
-    `every ${seconds(intervalMs)}`
+    `every ${seconds(intervalMs)}`,
+    ...filter && !filtering ? [`filter: ${filter}`] : []
   ].join(` ${dot} `);
-  const rows = formatCheckResults(results, {
-    ...terminal,
-    columns: Math.max(1, columns - MARKER_WIDTH)
-  }).split("\n");
+  const rows = results.length === 0 ? [] : (
+    // One line per service: the hint of the selected one goes under the list.
+    formatCheckResults(
+      results.map(({ hint: _, ...result }) => result),
+      { ...terminal, columns: Math.max(1, columns - MARKER_WIDTH) }
+    ).split("\n")
+  );
+  const empty = filter ? `no service matches "${filter}"` : onServiceWrite ? "no service: press a to add one" : "no service";
   const focused = results[current];
-  const panelWidth = Math.min(PANEL_WIDTH, columns);
+  const panelWidth = Math.min(panel?.kind === "service" ? DETAIL_WIDTH : PANEL_WIDTH, columns);
+  const panelRoom = Math.max(1, panelWidth - PANEL_FRAME_WIDTH);
+  const detailed = panel?.kind === "service" ? latest.find(({ name }) => name === panel.name) : void 0;
+  const taken = 1 + Math.max(1, rows.length) + 1 + 2 + 1 + 1 + SERVICE_ROWS.length + 1 + 1;
+  const detail = detailed ? detailLines(asShown(detailed), history[detailed.name] ?? [], {
+    unicode,
+    width: panelRoom,
+    room: (windowRows || DEFAULT_ROWS) - taken - (unsaved === void 0 ? 0 : 1)
+  }) : [];
+  const toned = ({ text, tone }) => tone === "good" ? colors.green(text) : tone === "bad" ? colors.red(text) : tone === "dim" ? colors.dim(text) : text;
   const panelRows = panel?.kind === "options" ? SETTING_ROWS.map((row) => [row.label, seconds(settings[row.key])]) : panel ? [
     ["Skip", skipped.has(panel.name) ? "yes" : "no"],
     [
@@ -20448,16 +20989,29 @@ function Dashboard({
     ]
   ] : [];
   const labelWidth = Math.max(0, ...panelRows.map(([label]) => label.length));
-  const hint = panel === null ? `${unicode ? "\u2191\u2193 jk" : "jk"} move ${dot} r refresh ${dot} ${unicode ? "\u21B5" : "enter"} service ${dot} o options ${dot} q quit` : `${unicode ? "\u2191\u2193 jk" : "jk"} move ${dot} ${unicode ? "\u2190\u2192 hl" : "hl"} change ${dot} esc close`;
+  const screen = dialog?.kind === "form" ? "form" : dialog ? "confirm" : palette ? "palette" : filtering ? "filter" : panel ? "panel" : "list";
+  const hint = helpBar(screen, unicode, columns);
+  const commands = palette ? paletteEntries(unicode, palette.query) : [];
+  const commandWidth = Math.max(0, ...commands.map(({ label }) => label.length));
+  const paletteRoom = Math.max(
+    1,
+    (windowRows || DEFAULT_ROWS) - (1 + Math.max(1, rows.length) + (focused ? 1 : 0) + (focused?.hint ? 1 : 0) + 1 + 1 + 1) - (unsaved === void 0 ? 0 : 1)
+  );
+  const firstCommand = Math.max(0, (palette?.row ?? 0) - paletteRoom + 1);
+  const formWidth = Math.min(FORM_WIDTH, columns);
+  const formLabels = dialog?.kind === "form" ? formRows(dialog.editing === void 0) : [];
+  const formLabelWidth = Math.max(0, ...formLabels.map(({ label }) => label.length));
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.bold(cut(summary)) }),
     rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
       index === current ? marker : "  ",
       row
     ] }, results[index]?.name)),
+    rows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.dim(cut(empty)) }),
     focused && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.dim(
       cut(focused.error ? `${focused.target} ${dot} ${focused.error}` : focused.target)
     ) }),
+    focused?.hint && panel?.kind !== "service" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.dim(cut(focused.hint)) }),
     panel !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       Box_default,
       {
@@ -20465,20 +21019,55 @@ function Dashboard({
         width: panelWidth,
         borderStyle: unicode ? "single" : "classic",
         paddingX: 1,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.bold(truncate(panel.kind === "options" ? "Options" : panel.name, panelRoom)) }),
+          detail.map((line) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: toned(line) }, line.id)),
+          detail.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.dim((unicode ? "\u2500" : "-").repeat(panelRoom)) }),
+          panelRows.map(([label, value], index) => {
+            const line = `${index === panel.row ? marker : "  "}${label.padEnd(labelWidth)}  ${unicode ? `\u2039 ${value} \u203A` : `< ${value} >`}`;
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: truncate(line, panelRoom) }, label);
+          })
+        ]
+      }
+    ),
+    filtering && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: cut(`Filter: ${filter}${CURSOR}`) }),
+    palette && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: cut(`: ${palette.query}${CURSOR}`) }),
+    palette && commands.slice(firstCommand, firstCommand + paletteRoom).map(({ command, label, keys }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: cut(
+      `${commands[palette.row]?.command === command ? marker : "  "}${label.padEnd(commandWidth)}  ${keys}`
+    ) }, command)),
+    palette && commands.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.dim(cut(`no command matches "${palette.query}"`)) }),
+    dialog?.kind === "confirm" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.bold(cut(`Remove ${dialog.name} from the config?`)) }),
+    dialog?.kind === "form" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      Box_default,
+      {
+        flexDirection: "column",
+        width: formWidth,
+        borderStyle: unicode ? "single" : "classic",
+        paddingX: 1,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.bold(
             truncate(
-              panel.kind === "options" ? "Options" : panel.name,
-              Math.max(1, panelWidth - PANEL_FRAME_WIDTH)
+              dialog.editing === void 0 ? "Add a service" : `Edit ${dialog.editing}`,
+              Math.max(1, formWidth - PANEL_FRAME_WIDTH)
             )
           ) }),
-          panelRows.map(([label, value], index) => {
-            const line = `${index === panel.row ? marker : "  "}${label.padEnd(labelWidth)}  ${unicode ? `\u2039 ${value} \u203A` : `< ${value} >`}`;
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: truncate(line, Math.max(1, panelWidth - PANEL_FRAME_WIDTH)) }, label);
-          })
+          formLabels.map(({ key, label, placeholder }, index) => {
+            const active = index === dialog.row;
+            const value = dialog.values[key];
+            const room = Math.max(1, formWidth - PANEL_FRAME_WIDTH);
+            const prefix = `${active ? marker : "  "}${label.padEnd(formLabelWidth)}  `;
+            const typed = active ? `${prefix}${ending(value, Math.max(1, room - prefix.length - CURSOR.length))}${CURSOR}` : truncate(`${prefix}${value}`, room);
+            const example = value ? "" : truncate(placeholder, Math.max(0, room - typed.length - 1));
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+              typed,
+              example && colors.dim(`${active ? " " : ""}${example}`)
+            ] }, key);
+          }),
+          dialog.problem !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.yellow(dialog.problem) })
         ]
       }
     ),
+    notice !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: notice }),
     unsaved !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.yellow(cut(`not saved: ${unsaved}`)) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: colors.dim(cut(hint)) })
   ] });
@@ -20486,7 +21075,14 @@ function Dashboard({
 
 // src/dashboard/open.tsx
 var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
-async function openDashboard(config, terminal, state) {
+var pickFields = ({ host, port, path, expect }) => ({
+  host,
+  port,
+  path,
+  expect
+});
+async function openDashboard(initial, terminal, { onServiceWrite, ...state }) {
+  let config = initial;
   const check2 = (signal, timeoutMs, skipped, timeouts2) => {
     const services = Object.fromEntries(
       Object.entries(config.services).map(([name, service]) => [
@@ -20494,7 +21090,7 @@ async function openDashboard(config, terminal, state) {
         { ...service, timeout: timeouts2[name] }
       ])
     );
-    return runChecks({ ...config, services }, [], { timeoutMs, signal }, skipped);
+    return runChecks({ ...config, services }, [], { timeoutMs, signal, detail: true }, skipped);
   };
   const timeouts = Object.fromEntries(
     Object.entries(config.services).flatMap(
@@ -20502,7 +21098,25 @@ async function openDashboard(config, terminal, state) {
     )
   );
   const app = render_default(
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Dashboard, { terminal, check: check2, timeouts, ...state }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      Dashboard,
+      {
+        terminal,
+        check: check2,
+        timeouts,
+        ...serviceActions(() => config),
+        ...state,
+        serviceFields: (name) => {
+          const service = config.services[name];
+          return service && pickFields(service);
+        },
+        onServiceWrite: onServiceWrite && (async (write) => {
+          const { config: written2, ...outcome } = await onServiceWrite(write);
+          if (written2) config = written2;
+          return { ...outcome, saved: written2 !== void 0 };
+        })
+      }
+    ),
     { alternateScreen: true }
   );
   await app.waitUntilExit();