@aixnn/aixautots 0.0.0-stage → 0.5.2

package/dist/ui/index.js

@@ -0,0 +1,676 @@
+export { ControlBar, MirrorView } from '../chunk-CVV7FOMQ.js';
+import { Button, Input } from '../chunk-EVHTAXQG.js';
+import { useScript, useEnvRun, useClient } from '../chunk-SUKFJ73W.js';
+import '../chunk-GKEPMDXO.js';
+import { envBlocker, summarizeEnv, detectEnvOs } from '../chunk-PCYERBNZ.js';
+import '../chunk-NWFYTFMI.js';
+import React4, { useState, useId, useRef, useEffect, useMemo } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import CodeMirror, { EditorView } from '@uiw/react-codemirror';
+import { javascript } from '@codemirror/lang-javascript';
+
+var box = {
+  background: "var(--aix-bg, #161616)",
+  color: "var(--aix-fg, #e6e6e6)",
+  border: "1px solid var(--aix-border, #2a2a2a)",
+  borderRadius: "var(--aix-radius, 6px)",
+  font: "var(--aix-font, 13px/1.5 system-ui, sans-serif)",
+  display: "flex",
+  flexDirection: "column"
+};
+var mono = {
+  fontFamily: "var(--aix-mono, ui-monospace, Menlo, monospace)",
+  whiteSpace: "pre-wrap",
+  wordBreak: "break-all"
+};
+function DebugConsole({ events, onCall, onClear, className }) {
+  const [method, setMethod] = useState("");
+  const [argsText, setArgsText] = useState("[]");
+  const [err, setErr] = useState(null);
+  const doCall = () => {
+    if (!onCall) return;
+    let args;
+    try {
+      args = argsText.trim() === "" ? [] : JSON.parse(argsText);
+    } catch {
+      setErr("Invalid JSON in args");
+      return;
+    }
+    setErr(null);
+    onCall(method, args);
+  };
+  return /* @__PURE__ */ jsxs("div", { style: box, className, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", padding: "6px 10px", borderBottom: "1px solid var(--aix-border, #2a2a2a)" }, children: [
+      /* @__PURE__ */ jsx("strong", { children: "Events" }),
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onClear?.(), style: btn, children: "Clear" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "auto", padding: "8px 10px", minHeight: 80 }, children: events.length === 0 ? /* @__PURE__ */ jsx("div", { style: { color: "var(--aix-muted, #888)" }, children: "No events yet." }) : events.map((e, i) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 6 }, children: [
+      /* @__PURE__ */ jsx("span", { style: { color: "var(--aix-accent, #4f9cff)" }, children: e.name }),
+      /* @__PURE__ */ jsx("span", { style: { ...mono, marginLeft: 8 }, children: JSON.stringify(e.data) })
+    ] }, i)) }),
+    onCall && /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 6, padding: "8px 10px", borderTop: "1px solid var(--aix-border, #2a2a2a)" }, children: [
+      /* @__PURE__ */ jsx("input", { placeholder: "method", value: method, onChange: (ev) => setMethod(ev.target.value), style: input }),
+      /* @__PURE__ */ jsx("input", { placeholder: "args (JSON array)", value: argsText, onChange: (ev) => setArgsText(ev.target.value), style: { ...input, ...mono, flex: 1 } }),
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: doCall, style: btn, children: "Call" })
+    ] }),
+    err && /* @__PURE__ */ jsx("div", { style: { color: "var(--aix-danger, #ff6b6b)", padding: "0 10px 8px" }, children: err })
+  ] });
+}
+var btn = {
+  background: "var(--aix-accent, #2d6cdf)",
+  color: "#fff",
+  border: "none",
+  borderRadius: "var(--aix-radius, 6px)",
+  padding: "4px 10px",
+  cursor: "pointer"
+};
+var input = {
+  background: "var(--aix-editor-bg, #1e1e1e)",
+  color: "var(--aix-editor-fg, #ddd)",
+  border: "1px solid var(--aix-border, #2a2a2a)",
+  borderRadius: "var(--aix-radius, 6px)",
+  padding: "4px 8px"
+};
+var AIX_CSS_VARS = [
+  "--aix-bg",
+  "--aix-fg",
+  "--aix-muted",
+  "--aix-accent",
+  "--aix-danger",
+  "--aix-border",
+  "--aix-radius",
+  "--aix-font",
+  "--aix-mono",
+  "--aix-editor-bg",
+  "--aix-editor-fg"
+];
+function aixCodeMirrorTheme() {
+  return EditorView.theme({
+    "&": {
+      backgroundColor: "var(--aix-editor-bg, #1e1e1e)",
+      color: "var(--aix-editor-fg, #d4d4d4)",
+      fontFamily: "var(--aix-mono, ui-monospace, SFMono-Regular, Menlo, monospace)",
+      borderRadius: "var(--aix-radius, 6px)"
+    },
+    ".cm-gutters": {
+      backgroundColor: "var(--aix-editor-bg, #1e1e1e)",
+      color: "var(--aix-muted, #858585)",
+      border: "none"
+    },
+    ".cm-content": { caretColor: "var(--aix-accent, #4f9cff)" },
+    "&.cm-focused": { outline: "none" }
+  });
+}
+var wrap = {
+  background: "var(--aix-bg, #161616)",
+  border: "1px solid var(--aix-border, #2a2a2a)",
+  borderRadius: "var(--aix-radius, 6px)",
+  display: "flex",
+  flexDirection: "column",
+  overflow: "hidden"
+};
+var bar = {
+  display: "flex",
+  alignItems: "center",
+  gap: 8,
+  padding: "6px 10px",
+  borderBottom: "1px solid var(--aix-border, #2a2a2a)",
+  color: "var(--aix-fg, #e6e6e6)",
+  font: "var(--aix-font, 13px system-ui, sans-serif)"
+};
+var btn2 = {
+  background: "var(--aix-accent, #2d6cdf)",
+  color: "#fff",
+  border: "none",
+  borderRadius: "var(--aix-radius, 6px)",
+  padding: "4px 14px",
+  cursor: "pointer"
+};
+function ScriptEditor(props) {
+  const engineId = useId();
+  const engines = props.engines ?? ["frida", "scriptlet"];
+  return /* @__PURE__ */ jsxs("div", { style: wrap, className: props.className, children: [
+    /* @__PURE__ */ jsxs("div", { style: bar, children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: engineId, children: "Engine" }),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          id: engineId,
+          "aria-label": "engine",
+          value: props.engine,
+          onChange: (e) => props.onEngineChange(e.target.value),
+          style: { background: "var(--aix-editor-bg, #1e1e1e)", color: "var(--aix-editor-fg, #ddd)", border: "1px solid var(--aix-border, #2a2a2a)", borderRadius: "var(--aix-radius, 6px)", padding: "2px 6px" },
+          children: engines.map((e) => /* @__PURE__ */ jsx("option", { value: e, children: e }, e))
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+      props.running ? /* @__PURE__ */ jsx("button", { type: "button", onClick: props.onCancel, style: { ...btn2, background: "#b3402f" }, children: "Cancel" }) : /* @__PURE__ */ jsx("button", { type: "button", onClick: props.onRun, style: btn2, children: "Run" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { "data-testid": "aix-cm", children: /* @__PURE__ */ jsx(
+      CodeMirror,
+      {
+        value: props.value,
+        onChange: props.onChange,
+        extensions: [javascript({ typescript: true }), aixCodeMirrorTheme()],
+        basicSetup: { lineNumbers: true, foldGutter: false },
+        height: "240px"
+      }
+    ) })
+  ] });
+}
+function ScriptPanel({ deviceId, defaultEngine = "scriptlet", defaultScript = "", className }) {
+  const [engine, setEngine] = useState(defaultEngine);
+  const [script, setScript] = useState(defaultScript);
+  const { running, events, error, run, call, cancel, clearEvents } = useScript(deviceId, { engine });
+  return /* @__PURE__ */ jsxs("div", { className, style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+    /* @__PURE__ */ jsx(
+      ScriptEditor,
+      {
+        value: script,
+        onChange: setScript,
+        engine,
+        onEngineChange: (e) => setEngine(e),
+        running,
+        onRun: () => {
+          void run(engine === "frida" ? { script, target: {} } : { script }).catch(() => {
+          });
+        },
+        onCancel: () => {
+          void cancel().catch(() => {
+          });
+        }
+      }
+    ),
+    error && /* @__PURE__ */ jsx("div", { style: { color: "var(--aix-danger, #ff6b6b)", font: "var(--aix-font, 13px system-ui)" }, children: error.message }),
+    /* @__PURE__ */ jsx(
+      DebugConsole,
+      {
+        events,
+        onClear: clearEvents,
+        onCall: (method, args) => {
+          void call(method, args).catch(() => {
+          });
+        }
+      }
+    )
+  ] });
+}
+var STATE_ICON = {
+  ok: "\u2713",
+  done: "\u2713",
+  skipped: "\u2298",
+  present: "\u2713",
+  running: "\u23F3",
+  missing: "\xB7",
+  pending: "\xB7",
+  failed: "\u2715",
+  error: "\u2715"
+};
+var stateColor = (s) => s === "failed" || s === "error" ? "var(--aix-danger, #e5484d)" : s === "ok" || s === "done" || s === "present" ? "var(--aix-accent, #2d6cdf)" : s === "running" ? "var(--aix-fg, #e6e6e6)" : "var(--aix-muted, #8a8a8a)";
+var overlay = {
+  position: "fixed",
+  inset: 0,
+  background: "rgba(0,0,0,0.55)",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  zIndex: 1e3
+};
+var card = {
+  width: "min(560px, 92vw)",
+  maxHeight: "86vh",
+  overflow: "auto",
+  background: "var(--aix-bg, #14161a)",
+  color: "var(--aix-fg, #e6e6e6)",
+  border: "1px solid var(--aix-border, #2a2e35)",
+  borderRadius: "var(--aix-radius, 10px)",
+  padding: "20px 22px",
+  font: "var(--aix-font, 14px/1.5 system-ui, sans-serif)",
+  boxShadow: "0 12px 40px rgba(0,0,0,0.5)"
+};
+var btn3 = (primary) => ({
+  background: primary ? "var(--aix-accent, #2d6cdf)" : "transparent",
+  color: primary ? "#fff" : "var(--aix-fg, #e6e6e6)",
+  border: primary ? "none" : "1px solid var(--aix-border, #2a2e35)",
+  borderRadius: "var(--aix-radius, 8px)",
+  padding: "7px 16px",
+  cursor: "pointer",
+  fontSize: 13
+});
+function EnvInitDialog(props) {
+  const { open, onClose, nodeId, os, route, mode = "prompt", seedEvents, onReady, onInstallWsl, title } = props;
+  const { events, finished, done, error, setup } = useEnvRun();
+  const [started, setStarted] = useState(false);
+  const [showLogs, setShowLogs] = useState(false);
+  const [installing, setInstalling] = useState(false);
+  const [wslFailed, setWslFailed] = useState(false);
+  const readyFired = useRef(false);
+  const wslTried = useRef(false);
+  useEffect(() => {
+    if (open) {
+      setStarted(false);
+      setShowLogs(false);
+      setInstalling(false);
+      setWslFailed(false);
+      readyFired.current = false;
+      wslTried.current = false;
+    }
+  }, [open, nodeId]);
+  const wslBlocked = done && envBlocker(finished) === "wsl-missing" && !!onInstallWsl;
+  const installWsl = React4.useCallback(async () => {
+    if (!onInstallWsl) return;
+    setInstalling(true);
+    setWslFailed(false);
+    try {
+      await onInstallWsl();
+    } catch {
+      setInstalling(false);
+      setWslFailed(true);
+    }
+  }, [onInstallWsl]);
+  useEffect(() => {
+    if (wslBlocked && !installing && !wslFailed && !wslTried.current) {
+      wslTried.current = true;
+      void installWsl();
+    }
+  }, [wslBlocked, installing, wslFailed, installWsl]);
+  const begin = React4.useCallback(() => {
+    setStarted(true);
+    void setup(nodeId, { os, route }).catch(() => {
+    });
+  }, [setup, nodeId, os, route]);
+  useEffect(() => {
+    if (open && mode === "auto" && !started) begin();
+  }, [open, mode, started, begin]);
+  useEffect(() => {
+    if (done && finished?.ok && !readyFired.current) {
+      readyFired.current = true;
+      onReady?.();
+    }
+  }, [done, finished, onReady]);
+  const summary = useMemo(
+    () => summarizeEnv(started ? events : seedEvents ?? []),
+    [started, events, seedEvents]
+  );
+  if (!open) return null;
+  const pct = summary.steps.length ? Math.round(summary.steps.reduce((a, s) => a + (s.state === "ok" || s.state === "done" || s.state === "skipped" || s.state === "present" ? 100 : s.pct), 0) / summary.steps.length) : 0;
+  const failed = !!error || done && !!finished && !finished.ok;
+  const success = done && finished?.ok;
+  return /* @__PURE__ */ jsx("div", { style: overlay, role: "dialog", "aria-modal": "true", onClick: (e) => {
+    if (e.target === e.currentTarget && !started) onClose();
+  }, children: /* @__PURE__ */ jsxs("div", { style: card, children: [
+    /* @__PURE__ */ jsx("div", { style: { fontSize: 16, fontWeight: 600, marginBottom: 4 }, children: title ?? (os === "win" ? "Set up the Android host base (WSL2)" : "Set up the Android host base") }),
+    /* @__PURE__ */ jsx("div", { style: { color: "var(--aix-muted, #8a8a8a)", fontSize: 13, marginBottom: 16 }, children: success ? "Done \u2014 this machine can now run cloud phones." : wslBlocked && wslFailed ? "\u81EA\u52A8\u5B89\u88C5 WSL \u8FD0\u884C\u65F6\u5931\u8D25\uFF08\u53EF\u80FD\u5185\u7F51\u65E0\u6CD5\u4E0B\u8F7D\uFF09\u3002\u8BF7\u6309\u4E0B\u65B9\u6B65\u9AA4\u624B\u52A8\u4E0B\u8F7D\u5B89\u88C5\u540E\u91CD\u8BD5\u3002" : wslBlocked ? '\u9700\u8981\u5148\u5B89\u88C5 WSL \u8FD0\u884C\u65F6\uFF1A\u6B63\u5728\u81EA\u52A8\u4E0B\u8F7D\u5E76\u5B89\u88C5\uFF08\u9700\u5728 UAC \u5F39\u7A97\u70B9"\u662F"\uFF0C\u7EA6 250MB\uFF09\uFF0C\u5B8C\u6210\u540E\u4F1A\u81EA\u52A8\u91CD\u542F\u5E76\u7EE7\u7EED\u3002' : failed ? "Setup failed. Review the steps below and retry." : started ? "Installing the redroid base. This downloads ~1\u20132 GB and may take several minutes." : "This machine needs a one-time base (kernel + container runtime + image) to host cloud phones." }),
+    (started || summary.steps.length > 0) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, marginBottom: 14 }, children: [
+        /* @__PURE__ */ jsx("div", { style: { flex: 1, height: 6, background: "var(--aix-border, #2a2e35)", borderRadius: 999, overflow: "hidden" }, children: /* @__PURE__ */ jsx("div", { style: { width: `${pct}%`, height: "100%", background: failed ? "var(--aix-danger, #e5484d)" : "var(--aix-accent, #2d6cdf)", transition: "width .3s" } }) }),
+        /* @__PURE__ */ jsxs("span", { style: { fontSize: 12, color: "var(--aix-muted, #8a8a8a)", minWidth: 36, textAlign: "right", fontVariantNumeric: "tabular-nums" }, children: [
+          pct,
+          "%"
+        ] })
+      ] }),
+      started && events.length === 0 && !failed && /* @__PURE__ */ jsx("div", { role: "status", style: { color: "var(--aix-muted, #8a8a8a)", fontSize: 13, marginBottom: 12 }, children: "\u6B63\u5728\u8FDE\u63A5\u8282\u70B9\u5E76\u7B49\u5F85\u521D\u59CB\u5316\u6B65\u9AA4\u2026" }),
+      /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0, display: "grid", gap: 8 }, children: summary.steps.map((s) => /* @__PURE__ */ jsxs("li", { style: { display: "flex", alignItems: "baseline", gap: 10, fontSize: 13 }, children: [
+        /* @__PURE__ */ jsx("span", { style: { color: stateColor(s.state), width: 16, textAlign: "center" }, children: STATE_ICON[s.state] ?? "\xB7" }),
+        /* @__PURE__ */ jsxs("span", { style: { flex: 1 }, children: [
+          s.label,
+          s.detail ? /* @__PURE__ */ jsxs("span", { style: { color: "var(--aix-muted, #8a8a8a)" }, children: [
+            " \u2014 ",
+            s.detail
+          ] }) : null
+        ] }),
+        s.state === "running" && /* @__PURE__ */ jsxs("span", { style: { color: "var(--aix-muted, #8a8a8a)" }, children: [
+          s.pct,
+          "%"
+        ] })
+      ] }, s.index)) })
+    ] }),
+    failed && finished?.error && /* @__PURE__ */ jsxs("div", { style: { marginTop: 12, padding: 10, background: "rgba(229,72,77,0.1)", border: "1px solid var(--aix-danger, #e5484d)", borderRadius: 8, fontSize: 13 }, children: [
+      finished.error,
+      finished.hint ? /* @__PURE__ */ jsxs("div", { style: { color: "var(--aix-muted, #8a8a8a)", marginTop: 4 }, children: [
+        "Hint: ",
+        finished.hint
+      ] }) : null
+    ] }),
+    error && !finished && /* @__PURE__ */ jsxs("div", { style: { marginTop: 12, color: "var(--aix-danger, #e5484d)", fontSize: 13 }, children: [
+      "Could not start setup: ",
+      error.message
+    ] }),
+    wslBlocked && wslFailed && /* @__PURE__ */ jsxs("div", { style: { marginTop: 12, padding: 12, background: "var(--aix-editor-bg, #0e0f12)", border: "1px solid var(--aix-border, #2a2e35)", borderRadius: 8, fontSize: 12.5, lineHeight: 1.6 }, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, marginBottom: 6 }, children: "\u624B\u52A8\u5B89\u88C5 WSL \u8FD0\u884C\u65F6\uFF08\u9700 Win10 21H2/19044+\uFF09" }),
+      /* @__PURE__ */ jsxs("ol", { style: { margin: 0, paddingLeft: 18 }, children: [
+        /* @__PURE__ */ jsxs("li", { children: [
+          "\u4E0B\u8F7D\uFF08\u7EA6 250MB\uFF09\uFF1A",
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("code", { style: { fontFamily: "var(--aix-mono, ui-monospace, Menlo, monospace)", wordBreak: "break-all" }, children: "https://github.com/microsoft/WSL/releases/latest" }),
+          /* @__PURE__ */ jsx("br", {}),
+          "\u9009 ",
+          /* @__PURE__ */ jsx("code", { children: "wsl.<\u7248\u672C>.x64.msi" }),
+          "\uFF08\u5185\u7F51\u673A\u53EF\u5728\u80FD\u8054\u7F51\u7684\u7535\u8111\u4E0B\u597D\u518D\u62F7\u8FC7\u6765\uFF09\u3002"
+        ] }),
+        /* @__PURE__ */ jsxs("li", { style: { marginTop: 4 }, children: [
+          "\u7BA1\u7406\u5458\u8FD0\u884C\uFF1A",
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("code", { style: { fontFamily: "var(--aix-mono, ui-monospace, Menlo, monospace)" }, children: "msiexec /i wsl.<\u7248\u672C>.x64.msi /quiet" }),
+          "\uFF08\u6216\u53CC\u51FB\u5B89\u88C5\uFF09\u3002"
+        ] }),
+        /* @__PURE__ */ jsxs("li", { style: { marginTop: 4 }, children: [
+          "\u91CD\u542F\u540E ",
+          /* @__PURE__ */ jsx("code", { children: "wsl --version" }),
+          " \u80FD\u663E\u793A\u7248\u672C\u5373\u6210\u529F\uFF0C\u518D\u70B9\u4E0B\u65B9\u300C\u91CD\u8BD5\u300D\u3002"
+        ] })
+      ] })
+    ] }),
+    started && summary.logs.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: 12 }, children: [
+      /* @__PURE__ */ jsxs("button", { style: { ...btn3(), padding: "2px 0", border: "none", color: "var(--aix-muted, #8a8a8a)", fontSize: 12 }, onClick: () => setShowLogs((v) => !v), children: [
+        showLogs ? "\u25BE Hide logs" : "\u25B8 Show logs",
+        " (",
+        summary.logs.length,
+        ")"
+      ] }),
+      showLogs && /* @__PURE__ */ jsx("pre", { style: { marginTop: 6, maxHeight: 160, overflow: "auto", background: "var(--aix-editor-bg, #0e0f12)", color: "var(--aix-editor-fg, #cfcfcf)", padding: 10, borderRadius: 8, fontSize: 12, fontFamily: "var(--aix-mono, ui-monospace, Menlo, monospace)" }, children: summary.logs.slice(-200).join("\n") })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "flex-end", gap: 10, marginTop: 18 }, children: success ? /* @__PURE__ */ jsx("button", { style: btn3(true), onClick: onClose, children: "Done" }) : wslBlocked && wslFailed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("button", { style: btn3(), onClick: onClose, children: "\u5173\u95ED" }),
+      /* @__PURE__ */ jsx("button", { style: btn3(true), onClick: begin, children: "\u91CD\u8BD5\uFF08\u5DF2\u624B\u52A8\u88C5\u597D\uFF09" })
+    ] }) : wslBlocked ? /* @__PURE__ */ jsx("button", { style: btn3(), disabled: true, onClick: () => {
+    }, children: installing ? "\u6B63\u5728\u4E0B\u8F7D\u5B89\u88C5 WSL \u8FD0\u884C\u65F6\u2026" : "\u51C6\u5907\u5B89\u88C5\u2026" }) : failed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("button", { style: btn3(), onClick: onClose, children: "Close" }),
+      /* @__PURE__ */ jsx("button", { style: btn3(true), onClick: begin, children: "Retry" })
+    ] }) : started ? /* @__PURE__ */ jsx("button", { style: btn3(), disabled: true, onClick: () => {
+    }, children: "Installing\u2026" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("button", { style: btn3(), onClick: onClose, children: "Not now" }),
+      /* @__PURE__ */ jsx("button", { style: btn3(true), onClick: begin, children: "Start setup" })
+    ] }) })
+  ] }) });
+}
+function installedTags(node) {
+  const v = node.reported_caps?.installed_images;
+  return Array.isArray(v) ? v.filter((x) => typeof x === "string") : [];
+}
+var str = (v) => typeof v === "string" && v ? v : "\u2014";
+var sys = (node, k) => node.reported_caps?.system?.[k];
+var capBool = (node, k) => node.reported_caps?.[k] === true;
+function supportsRuntimeDataRoot(node) {
+  const capability = node.reported_caps?.runtime_data_root;
+  return capability?.supported === true;
+}
+function envOsOf(node) {
+  const os = str(sys(node, "os"));
+  return os === "macos" ? "mac" : os === "windows" ? "win" : null;
+}
+function withLocalEnvOs(node, os) {
+  if (!node.is_owner || !os || envOsOf(node) || sys(node, "os")) return node;
+  return {
+    ...node,
+    reported_caps: {
+      ...node.reported_caps,
+      system: {
+        ...node.reported_caps?.system,
+        os: os === "win" ? "windows" : "macos"
+      }
+    }
+  };
+}
+function vmPlan(node) {
+  const eff = node.effective_caps;
+  const os = str(sys(node, "os"));
+  const out = [];
+  if (eff?.android) {
+    const imageReady = node.reported_caps?.android_image_ready !== false;
+    if (imageReady) {
+      out.push({ key: "android", label: "Android \u4E91\u624B\u673A", state: "available" });
+    } else {
+      out.push({
+        key: "android",
+        label: "Android \u4E91\u624B\u673A",
+        state: "needs-image",
+        reason: "\u8FD0\u884C\u73AF\u5883\u5DF2\u5C31\u7EEA\uFF0CAndroid \u955C\u50CF\u5C1A\u672A\u4E0B\u8F7D\uFF08\u8282\u70B9\u542F\u52A8\u65F6\u81EA\u52A8\u62C9\u53D6\uFF0C\u4E5F\u53EF\u624B\u52A8\u89E6\u53D1\uFF09"
+      });
+    }
+  } else if (os === "windows" || os === "macos") {
+    out.push({
+      key: "android",
+      label: "Android \u4E91\u624B\u673A",
+      state: "needs-init",
+      reason: `\u9700\u5B89\u88C5 redroid \u73AF\u5883\u5E95\u5EA7\uFF08${os === "windows" ? "WSL2" : "lima"}\uFF09\u540E\u53EF\u7528`
+    });
+  } else if (os === "linux") {
+    out.push({
+      key: "android",
+      label: "Android \u4E91\u624B\u673A",
+      state: "unavailable",
+      reason: "\u8BE5 Linux \u8282\u70B9\u4E8C\u8FDB\u5236\u672A\u542F\u7528 redroid \u80FD\u529B\uFF08\u9700\u91CD\u88C5\u8282\u70B9\uFF09"
+    });
+  } else {
+    out.push({ key: "android", label: "Android \u4E91\u624B\u673A", state: "unavailable", reason: "\u672C\u673A\u4E0D\u652F\u6301" });
+  }
+  if (capBool(node, "vphone_capable") && eff?.ios) {
+    out.push({ key: "ios", label: "iOS \u865A\u62DF\u673A", state: "available" });
+  } else {
+    const arch = str(sys(node, "arch"));
+    const reason = os === "macos" ? arch === "aarch64" ? "\u672A\u68C0\u6D4B\u5230 vphone \u80FD\u529B\uFF08\u9700\u5728\u6B64 Mac \u4E0A\u542F\u7528\uFF09" : "iOS \u865A\u62DF\u673A\u4EC5 Apple Silicon Mac \u652F\u6301\uFF08\u6B64 Mac \u4E3A Intel\uFF09" : "iOS \u865A\u62DF\u673A\u4EC5 Apple Silicon Mac \u652F\u6301\uFF0C\u672C\u673A\u4E0D\u53EF\u7528";
+    out.push({ key: "ios", label: "iOS \u865A\u62DF\u673A", state: "unavailable", reason });
+  }
+  if (eff?.real_devices && (os === "windows" || os === "macos")) {
+    out.push({ key: "ios-real", label: "iOS \u771F\u673A", state: "available" });
+  } else {
+    out.push({
+      key: "ios-real",
+      label: "iOS \u771F\u673A",
+      state: "unavailable",
+      reason: !eff?.real_devices ? "\u8282\u70B9\u672A\u542F\u7528\u771F\u673A\u63A5\u5165" : "iOS \u771F\u673A\u9700 Windows/macOS \u5BBF\u4E3B\uFF08\u7ECF go-ios \u9A71\u52A8\uFF09"
+    });
+  }
+  out.push(
+    eff?.real_devices ? { key: "android-real", label: "Android \u771F\u673A", state: "available" } : { key: "android-real", label: "Android \u771F\u673A", state: "unavailable", reason: "\u8282\u70B9\u672A\u542F\u7528\u771F\u673A\u63A5\u5165" }
+  );
+  return out;
+}
+function ImagePullProgress({
+  events,
+  done,
+  finished,
+  error,
+  onClose
+}) {
+  const failed = !!error || done && finished !== null && !finished.ok;
+  const stepsMeta = [];
+  const stepState = /* @__PURE__ */ new Map();
+  const logs = [];
+  for (const e of events) {
+    if (e.kind === "started") stepsMeta.push(...e.steps);
+    if (e.kind === "step") stepState.set(e.id, { state: e.state, pct: e.pct, detail: e.detail });
+    if (e.kind === "log") logs.push(e.line);
+  }
+  const recentLogs = logs.slice(-6);
+  const activeStep = stepsMeta.find((s) => stepState.get(s.id)?.state === "running");
+  return /* @__PURE__ */ jsxs("div", { className: "rounded border border-border bg-card/60 p-3 text-[11px] space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-xs text-foreground", children: done ? failed ? "\u4E0B\u8F7D\u5931\u8D25" : "\u4E0B\u8F7D\u5B8C\u6210" : activeStep ? `\u6B63\u5728\u6267\u884C\uFF1A${activeStep.label}` : "\u6B63\u5728\u8FDE\u63A5\u8282\u70B9\u2026" }),
+      done && /* @__PURE__ */ jsx("button", { onClick: onClose, className: "text-muted-foreground hover:text-foreground text-[11px] ml-2", children: "\u5173\u95ED" })
+    ] }),
+    stepsMeta.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1", children: stepsMeta.map((s) => {
+      const st = stepState.get(s.id);
+      const dotClass = st?.state === "ok" ? "bg-success" : st?.state === "running" ? "bg-warning animate-pulse" : st?.state === "failed" ? "bg-destructive" : "bg-muted-foreground/30";
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${dotClass}` }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1 text-muted-foreground", children: s.label }),
+        st?.state === "running" && st.pct > 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground whitespace-nowrap", children: [
+          st.pct,
+          "%",
+          st.detail ? ` \xB7 ${st.detail}` : ""
+        ] }),
+        st?.detail && st.state !== "running" && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate max-w-[180px]", children: st.detail })
+      ] }, s.id);
+    }) }),
+    activeStep && (() => {
+      const pct = stepState.get(activeStep.id)?.pct ?? 0;
+      return pct > 0 ? /* @__PURE__ */ jsx("div", { className: "h-1 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-full bg-primary rounded-full transition-all duration-300",
+          style: { width: `${pct}%` }
+        }
+      ) }) : null;
+    })(),
+    recentLogs.length > 0 && /* @__PURE__ */ jsx("pre", { className: "text-[10px] font-mono text-muted-foreground bg-muted/20 rounded p-2 max-h-24 overflow-y-auto leading-relaxed whitespace-pre-wrap break-all", children: recentLogs.join("\n") }),
+    done && failed && /* @__PURE__ */ jsx("p", { className: "text-destructive", children: error?.message ?? finished?.error ?? "\u955C\u50CF\u62C9\u53D6\u5931\u8D25\uFF0C\u8BF7\u67E5\u770B\u6B65\u9AA4\u8BE6\u60C5\u540E\u91CD\u8BD5" })
+  ] });
+}
+function VmCapRow({
+  node,
+  vm,
+  onInit,
+  onDownload,
+  downloading
+}) {
+  const canInit = vm.state === "needs-init" && node.is_owner && envOsOf(node) !== null;
+  const canDownload = vm.state === "needs-image" && node.is_owner;
+  const dot = vm.state === "available" ? "bg-success" : vm.state === "needs-init" ? "bg-warning" : vm.state === "needs-image" ? "bg-warning" : "bg-muted-foreground/40";
+  const badge = vm.state === "available" ? "\u53EF\u7528" : vm.state === "needs-init" ? "\u9700\u521D\u59CB\u5316" : vm.state === "needs-image" ? "\u955C\u50CF\u672A\u5C31\u7EEA" : "\u672C\u673A\u4E0D\u53EF\u7528";
+  const badgeClass = vm.state === "available" ? "text-success" : vm.state === "needs-init" ? "text-warning" : vm.state === "needs-image" ? "text-warning" : "text-muted-foreground";
+  return /* @__PURE__ */ jsxs("div", { className: "rounded border border-border px-3 py-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${dot}` }),
+      /* @__PURE__ */ jsx("span", { className: "flex-1 text-xs text-foreground", children: vm.label }),
+      /* @__PURE__ */ jsx("span", { className: `text-[11px] ${badgeClass}`, children: badge }),
+      canInit && /* @__PURE__ */ jsx(Button, { size: "sm", variant: "primary", onClick: onInit, className: "ml-2", children: "\u521D\u59CB\u5316" }),
+      canDownload && /* @__PURE__ */ jsx(Button, { size: "sm", variant: "primary", onClick: onDownload, disabled: downloading, className: "ml-2", children: downloading ? "\u91CD\u542F\u4E2D\u2026" : "\u4E0B\u8F7D\u955C\u50CF" })
+    ] }),
+    vm.reason && /* @__PURE__ */ jsx("p", { className: "mt-1 pl-3.5 text-[11px] text-muted-foreground", children: vm.reason })
+  ] });
+}
+function DataRootConfig({ node }) {
+  const client = useClient();
+  const [dataRoot, setDataRoot] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [message, setMessage] = useState(null);
+  if (!supportsRuntimeDataRoot(node)) {
+    return /* @__PURE__ */ jsx("p", { className: "mt-3 text-[11px] text-muted-foreground", children: "\u6570\u636E\u6839\u76EE\u5F55\u914D\u7F6E\u9700\u8981\u652F\u6301\u6B64\u529F\u80FD\u7684\u65B0\u7248 Linux \u8282\u70B9\u3002" });
+  }
+  const save = async () => {
+    if (!dataRoot.trim() || saving) return;
+    setSaving(true);
+    setMessage(null);
+    try {
+      const receipt = await client.nodes.setDataRoot(node.id, dataRoot);
+      setMessage(
+        receipt.restart_required ? `\u5DF2\u4FDD\u5B58 ${receipt.data_root}\u3002\u8BF7\u91CD\u542F\u8282\u70B9\u540E\uFF0C\u65B0\u5EFA Redroid \u5BB9\u5668\u624D\u4F1A\u4F7F\u7528\u6B64\u76EE\u5F55\u3002` : `\u5DF2\u4FDD\u5B58 ${receipt.data_root}\u3002`
+      );
+    } catch (error) {
+      setMessage(error instanceof Error ? error.message : String(error));
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3 rounded border border-border p-3 space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h4", { className: "text-xs font-medium text-foreground", children: "Redroid \u6570\u636E\u6839\u76EE\u5F55" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-muted-foreground", children: "\u4EC5\u63A5\u53D7\u8282\u70B9\u539F\u751F\u6587\u4EF6\u7CFB\u7EDF\u7684\u7EDD\u5BF9\u8DEF\u5F84\u3002\u4E0D\u4F1A\u8FC1\u79FB\u6216\u5220\u9664\u73B0\u6709\u6570\u636E\uFF0C\u4FDD\u5B58\u540E\u9700\u624B\u52A8\u91CD\u542F\u8282\u70B9\u3002" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: dataRoot,
+          onChange: (event) => setDataRoot(event.target.value),
+          placeholder: "/var/lib/aixautobot/instances",
+          "aria-label": "Redroid \u6570\u636E\u6839\u76EE\u5F55"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { size: "sm", variant: "primary", disabled: saving || !dataRoot.trim(), onClick: () => void save(), children: saving ? "\u4FDD\u5B58\u4E2D\u2026" : "\u4FDD\u5B58" })
+    ] }),
+    message && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: message })
+  ] });
+}
+function AndroidImageRows({ images, installed }) {
+  return /* @__PURE__ */ jsx("div", { className: "mt-1.5 ml-3.5 space-y-1 border-l border-border/60 pl-3", children: images.map((img) => {
+    const has = installed.includes(img.image_tag);
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: `h-1 w-1 shrink-0 rounded-full ${has ? "bg-success" : "bg-muted-foreground/40"}` }),
+      /* @__PURE__ */ jsx("span", { className: "flex-1 text-[11px] text-muted-foreground", children: img.label }),
+      /* @__PURE__ */ jsx("span", { className: `text-[10px] ${has ? "text-success" : "text-muted-foreground"}`, children: has ? "\u5DF2\u5B89\u88C5" : "\u672A\u5B89\u88C5" })
+    ] }, img.id);
+  }) });
+}
+function NodeCapabilityPanel({ node: reportedNode, isTauri, onInstallWsl, localEnvOs }) {
+  const client = useClient();
+  const localOs = localEnvOs ?? (client.localNode?.nodeId === reportedNode.id ? client.localNode.envOs ?? detectEnvOs() : null);
+  const node = withLocalEnvOs(reportedNode, localOs);
+  const [init, setInit] = useState(null);
+  const initOs = envOsOf(node);
+  const envRun = useEnvRun();
+  const imagePulling = envRun.reqId !== null && !envRun.done;
+  const showImagePanel = envRun.reqId !== null;
+  const handleDownload = async () => {
+    if (!initOs || imagePulling) return;
+    try {
+      await envRun.setup(node.id, { os: initOs });
+    } catch {
+    }
+  };
+  const [androidImages, setAndroidImages] = useState([]);
+  useEffect(() => {
+    let cancelled = false;
+    client.images.options("android").then((imgs) => {
+      if (!cancelled) setAndroidImages(imgs);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client]);
+  const installed = installedTags(node);
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide mb-2", children: "\u865A\u62DF\u673A\u4E0E\u8BBE\u5907\u80FD\u529B" }),
+    !node.reported_caps ? /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: "\u80FD\u529B\u672A\u77E5\uFF1A\u8282\u70B9\u5C1A\u672A\u8FDE\u63A5\u6216\u4E3A\u65E7\u7248\u672C\uFF08\u9700\u5347\u7EA7\u4EE5\u4E0A\u62A5\u80FD\u529B\uFF09\u3002" }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      !reportedNode.reported_caps && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: "\u5DF2\u8BC6\u522B\u672C\u673A\u7CFB\u7EDF\uFF0C\u53EF\u521D\u59CB\u5316\u73AF\u5883\uFF1B\u8282\u70B9\u80FD\u529B\u5C1A\u672A\u4E0A\u62A5\uFF0C\u8BF7\u786E\u4FDD\u8282\u70B9\u5DF2\u8FDE\u63A5\u8BBE\u5907\u7F51\u5173\u3002" }),
+      vmPlan(node).map((vm) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(
+          VmCapRow,
+          {
+            node,
+            vm,
+            onInit: () => setInit(vm),
+            onDownload: handleDownload,
+            downloading: imagePulling
+          }
+        ),
+        vm.key === "android" && vm.state !== "unavailable" && androidImages.length > 0 && /* @__PURE__ */ jsx(AndroidImageRows, { images: androidImages, installed })
+      ] }, vm.key)),
+      showImagePanel && /* @__PURE__ */ jsx(
+        ImagePullProgress,
+        {
+          events: envRun.events,
+          done: envRun.done,
+          finished: envRun.finished,
+          error: envRun.error,
+          onClose: () => envRun.close()
+        }
+      )
+    ] }),
+    node.is_owner && (supportsRuntimeDataRoot(node) || sys(node, "os") === "linux") && /* @__PURE__ */ jsx(DataRootConfig, { node }),
+    init && initOs && /* @__PURE__ */ jsx(
+      EnvInitDialog,
+      {
+        open: true,
+        nodeId: node.id,
+        os: initOs,
+        mode: "prompt",
+        title: `\u521D\u59CB\u5316 ${init.label} \u73AF\u5883\u5E95\u5EA7`,
+        onInstallWsl: isTauri ? onInstallWsl : void 0,
+        onClose: () => setInit(null),
+        onReady: async () => {
+          try {
+            await client.nodes.restart(node.id);
+          } catch {
+          }
+          setInit(null);
+        }
+      }
+    )
+  ] });
+}
+
+export { AIX_CSS_VARS, DebugConsole, EnvInitDialog, NodeCapabilityPanel, ScriptEditor, ScriptPanel, aixCodeMirrorTheme, vmPlan };