@yuku123/z-graph-component 0.1.0 → 0.1.1

package/dist/GraphApp-BWZfTdAD.js

@@ -0,0 +1,1344 @@
+import Me, { useState as m, useCallback as ne, useEffect as Re, useMemo as te, useRef as ze } from "react";
+import { useSearchParams as Le, useNavigate as De, Routes as Ge, Route as le, Navigate as He } from "react-router-dom";
+import { Alert as L, Card as C, Descriptions as be, Space as k, Select as Ne, Button as J, Row as pe, Col as F, Table as W, Empty as ve, Modal as Ue, Tag as x, Input as Te, Statistic as xe, Tooltip as ye } from "antd";
+import { ReloadOutlined as ke, TableOutlined as Fe, NodeIndexOutlined as qe, ProfileOutlined as Be, PlayCircleOutlined as We, ThunderboltOutlined as Je, BranchesOutlined as _e, HistoryOutlined as Ye } from "@ant-design/icons";
+import N from "@yuku123/z-frontend-common";
+import { PageHeader as ce, EmptyState as X } from "@yuku123/z-frontend-common/ui";
+const Ve = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 };
+let Se = typeof window < "u" && window.__Z_GRAPH_API__ || Ve && void 0 || "/api";
+function Xe(e, n) {
+  return !e || e === "/api" ? "/api" + n : e.replace(/\/$/, "") + n;
+}
+async function me(e, n = {}) {
+  const s = Xe(Se, e), o = await fetch(s, {
+    headers: { Accept: "application/json", ...n.headers || {} },
+    ...n
+  });
+  if (!o.ok) {
+    let d = "";
+    try {
+      d = await o.text();
+    } catch {
+    }
+    throw new Error(`HTTP ${o.status} ${o.statusText}: ${d || s}`);
+  }
+  const i = await o.text(), p = o.headers.get("X-Response-Time");
+  if (!i) return { data: null, elapsed: p };
+  try {
+    return { data: JSON.parse(i), elapsed: p };
+  } catch {
+    return { data: i, elapsed: p };
+  }
+}
+async function V(e, n = {}) {
+  return (await me(e, n)).data;
+}
+const Ke = {
+  baseUrl: () => Se,
+  setBaseUrl: (e) => {
+    Se = e, typeof window < "u" && (window.__Z_GRAPH_API__ = e);
+  },
+  // 健康检查
+  health: () => V("/health"),
+  // 元数据
+  branches: () => V("/meta/branches"),
+  commits: () => V("/meta/commits"),
+  schema: (e = "main") => V("/meta/schema?branch=" + encodeURIComponent(e)),
+  stats: (e = "main") => V("/meta/stats?branch=" + encodeURIComponent(e)),
+  metrics: () => V("/meta/metrics"),
+  // 请求日志
+  logs: (e = {}) => {
+    const n = new URLSearchParams();
+    return e.limit && n.set("limit", e.limit), e.offset && n.set("offset", e.offset), e.method && n.set("method", e.method), e.status && n.set("status", e.status), e.path && n.set("path", e.path), V("/meta/logs" + (n.toString() ? "?" + n.toString() : ""));
+  },
+  // 导出 / 导入
+  exportData: (e = "main") => me("/meta/export?branch=" + encodeURIComponent(e)),
+  // 批量查询
+  batch: async (e) => me("/query/batch", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ statements: e })
+  }),
+  // 查询 — 直接返回数据数组（后端 /query 响应本身就是数组）
+  // 注意:后端会把 commit 字段当成字符串处理,"null" 字符串无法区分真正的 null,
+  // 所以 commit 为空时直接不发送该字段,避免触发"Unknown commit: null" 错误。
+  query: (e, n = "main", s = null) => me("/query", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(s ? { cypher: e, branch: n, commit: s } : { cypher: e, branch: n })
+  }).then((i) => i.data)
+};
+function St(e) {
+  if (!e) return "";
+  try {
+    return new Date(Number(e)).toLocaleString();
+  } catch {
+    return String(e);
+  }
+}
+function wt(e, n = 8) {
+  return e ? e.length > n ? e.substring(0, n) : e : "";
+}
+const $ = {
+  instance: () => N.get("/__instance").then((e) => e.data),
+  health: () => N.get("/health").then((e) => e.data),
+  branches: () => N.get("/meta/branches").then((e) => e.data),
+  commits: () => N.get("/meta/commits").then((e) => e.data),
+  schema: (e) => N.get("/meta/schema", { params: e ? { branch: e } : {} }).then((n) => n.data),
+  stats: (e) => N.get("/meta/stats", { params: e ? { branch: e } : {} }).then((n) => n.data),
+  metrics: () => N.get("/meta/metrics").then((e) => e.data),
+  logs: (e) => N.get("/meta/logs", { params: e }).then((n) => n.data),
+  /**
+   * 查询走 GET 而不是 POST：`handleQuery` 的 POST 分支用的是手搓的
+   * `parseJsonStringMap`（按引号外逗号切 token、再按第一个冒号切 kv），
+   * 而 GET 分支用的是 `URLDecoder.decode` —— 对含 `:`、`,`、`{}` 的 Cypher
+   * 只有前者会被解析器啃掉。所以这里统一走 GET。
+   */
+  query: (e, n, s) => N.get("/query", { params: s ? { cypher: e, branch: n, commit: s } : { cypher: e, branch: n } }).then((o) => o.data),
+  explain: (e, n) => N.post("/query/explain", { cypher: e, branch: n }).then((s) => s.data)
+};
+function Rt(e = "/api") {
+  N.defaults.baseURL = e, Ke.setBaseUrl(e);
+}
+const Ze = /^\s*(CREATE|MERGE|DELETE|DROP|ALTER|SET|REMOVE|REPLACE)\b/i;
+function Qe(e) {
+  if (!e) return !1;
+  const n = e.toUpperCase();
+  return !!(Ze.test(e) || n.startsWith("MATCH") && (n.includes(" SET ") || n.includes(" DELETE ") || n.includes("DETACH DELETE")));
+}
+function se(e) {
+  var s;
+  const n = (s = e == null ? void 0 : e.response) == null ? void 0 : s.data;
+  if (n && typeof n == "object") {
+    const o = n.message || n.error, i = n.source ? ` (${n.source})` : "";
+    if (o) return `${o}${i}${n.hint ? ` — ${n.hint}` : ""}`;
+  }
+  return typeof n == "string" && n.trim() ? n.slice(0, 300) : (e == null ? void 0 : e.message) || String(e);
+}
+function we(e) {
+  var n, s, o;
+  return ((n = e == null ? void 0 : e.response) == null ? void 0 : n.status) === 503 || /not bound in this JVM/.test(String(((o = (s = e == null ? void 0 : e.response) == null ? void 0 : s.data) == null ? void 0 : o.message) || ""));
+}
+const re = "main";
+var he = { exports: {} }, ie = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ie;
+function et() {
+  if (Ie) return ie;
+  Ie = 1;
+  var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function s(o, i, p) {
+    var d = null;
+    if (p !== void 0 && (d = "" + p), i.key !== void 0 && (d = "" + i.key), "key" in i) {
+      p = {};
+      for (var h in i)
+        h !== "key" && (p[h] = i[h]);
+    } else p = i;
+    return i = p.ref, {
+      $$typeof: e,
+      type: o,
+      key: d,
+      ref: i !== void 0 ? i : null,
+      props: p
+    };
+  }
+  return ie.Fragment = n, ie.jsx = s, ie.jsxs = s, ie;
+}
+var oe = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ae;
+function tt() {
+  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === Q ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
+        case l:
+          return "Fragment";
+        case M:
+          return "Profiler";
+        case R:
+          return "StrictMode";
+        case O:
+          return "Suspense";
+        case K:
+          return "SuspenseList";
+        case w:
+          return "Activity";
+        case P:
+          return "ViewTransition";
+      }
+      if (typeof r == "object")
+        switch (typeof r.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), r.$$typeof) {
+          case a:
+            return "Portal";
+          case A:
+            return r.displayName || "Context";
+          case D:
+            return (r._context.displayName || "Context") + ".Consumer";
+          case Y:
+            var c = r.render;
+            return r = r.displayName, r || (r = c.displayName || c.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case Z:
+            return c = r.displayName || null, c !== null ? c : e(r.type) || "Memo";
+          case f:
+            c = r._payload, r = r._init;
+            try {
+              return e(r(c));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function n(r) {
+      return "" + r;
+    }
+    function s(r) {
+      try {
+        n(r);
+        var c = !1;
+      } catch {
+        c = !0;
+      }
+      if (c) {
+        c = console;
+        var j = c.error, b = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return j.call(
+          c,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          b
+        ), n(r);
+      }
+    }
+    function o(r) {
+      if (r === l) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === f)
+        return "<...>";
+      try {
+        var c = e(r);
+        return c ? "<" + c + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function i() {
+      var r = z.A;
+      return r === null ? null : r.getOwner();
+    }
+    function p() {
+      return Error("react-stack-top-frame");
+    }
+    function d(r) {
+      if (ae.call(r, "key")) {
+        var c = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (c && c.isReactWarning) return !1;
+      }
+      return r.key !== void 0;
+    }
+    function h(r, c) {
+      function j() {
+        G || (G = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          c
+        ));
+      }
+      j.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: j,
+        configurable: !0
+      });
+    }
+    function E() {
+      var r = e(this.type);
+      return H[r] || (H[r] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), r = this.props.ref, r !== void 0 ? r : null;
+    }
+    function g(r, c, j, b, B, U) {
+      var T = j.ref;
+      return r = {
+        $$typeof: I,
+        type: r,
+        key: c,
+        props: j,
+        _owner: b
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(r, "ref", {
+        enumerable: !1,
+        get: E
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(r, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(r, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: B
+      }), Object.defineProperty(r, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: U
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+    }
+    function S(r, c, j, b, B, U) {
+      var T = c.children;
+      if (T !== void 0)
+        if (b)
+          if (de(T)) {
+            for (b = 0; b < T.length; b++)
+              v(T[b]);
+            Object.freeze && Object.freeze(T);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else v(T);
+      if (ae.call(c, "key")) {
+        T = e(r);
+        var ee = Object.keys(c).filter(function($e) {
+          return $e !== "key";
+        });
+        b = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", Ce[T + b] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          b,
+          T,
+          ee,
+          T
+        ), Ce[T + b] = !0);
+      }
+      if (T = null, j !== void 0 && (s(j), T = "" + j), d(c) && (s(c.key), T = "" + c.key), "key" in c) {
+        j = {};
+        for (var fe in c)
+          fe !== "key" && (j[fe] = c[fe]);
+      } else j = c;
+      return T && h(
+        j,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
+      ), g(
+        r,
+        T,
+        j,
+        i(),
+        B,
+        U
+      );
+    }
+    function v(r) {
+      y(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === f && (r._payload.status === "fulfilled" ? y(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+    }
+    function y(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === I;
+    }
+    var _ = Me, I = Symbol.for("react.transitional.element"), a = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), D = Symbol.for("react.consumer"), A = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), P = Symbol.for("react.view_transition"), Q = Symbol.for("react.client.reference"), z = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ae = Object.prototype.hasOwnProperty, de = Array.isArray, u = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    _ = {
+      react_stack_bottom_frame: function(r) {
+        return r();
+      }
+    };
+    var G, H = {}, q = _.react_stack_bottom_frame.bind(
+      _,
+      p
+    )(), ue = u(o(p)), Ce = {};
+    oe.Fragment = l, oe.jsx = function(r, c, j) {
+      var b = 1e4 > z.recentlyCreatedOwnerStacks++;
+      if (b) {
+        var B = Error.stackTraceLimit;
+        Error.stackTraceLimit = 10;
+        var U = Error("react-stack-top-frame");
+        Error.stackTraceLimit = B;
+      } else U = q;
+      return S(
+        r,
+        c,
+        j,
+        !1,
+        U,
+        b ? u(o(r)) : ue
+      );
+    }, oe.jsxs = function(r, c, j) {
+      var b = 1e4 > z.recentlyCreatedOwnerStacks++;
+      if (b) {
+        var B = Error.stackTraceLimit;
+        Error.stackTraceLimit = 10;
+        var U = Error("react-stack-top-frame");
+        Error.stackTraceLimit = B;
+      } else U = q;
+      return S(
+        r,
+        c,
+        j,
+        !0,
+        U,
+        b ? u(o(r)) : ue
+      );
+    };
+  })()), oe;
+}
+var Pe;
+function rt() {
+  return Pe || (Pe = 1, process.env.NODE_ENV === "production" ? he.exports = et() : he.exports = tt()), he.exports;
+}
+var t = rt();
+const nt = [
+  { title: "点类型 (Tag)", dataIndex: "Name", key: "Name", render: (e) => /* @__PURE__ */ t.jsx(x, { color: "blue", children: e }) },
+  {
+    title: "操作",
+    key: "action",
+    width: 110,
+    render: (e, n) => /* @__PURE__ */ t.jsx(J, { type: "link", size: "small", onClick: () => n.onFields(n.Name), children: "字段" })
+  }
+], st = [
+  { title: "边类型 (EdgeType)", dataIndex: "Name", key: "Name", render: (e) => /* @__PURE__ */ t.jsx(x, { color: "purple", children: e }) },
+  {
+    title: "操作",
+    key: "action",
+    width: 110,
+    render: (e, n) => /* @__PURE__ */ t.jsx(J, { type: "link", size: "small", onClick: () => n.onFields(n.Name), children: "字段" })
+  }
+], at = [
+  { title: "索引名", dataIndex: "Name", key: "Name", render: (e) => /* @__PURE__ */ t.jsx("code", { children: e }) },
+  {
+    title: "作用对象类型",
+    dataIndex: "Kind",
+    key: "Kind",
+    width: 130,
+    render: (e) => e ? /* @__PURE__ */ t.jsx(x, { color: e === "EDGE" ? "purple" : "blue", children: e }) : "-"
+  },
+  { title: "挂在", dataIndex: "On", key: "On", width: 160 },
+  { title: "属性", dataIndex: "Property", key: "Property", width: 160 }
+], lt = [
+  { title: "字段", dataIndex: "Field", key: "Field" },
+  { title: "类型", dataIndex: "Type", key: "Type", width: 140, render: (e) => /* @__PURE__ */ t.jsx(x, { children: e }) },
+  {
+    title: "可空",
+    dataIndex: "Null",
+    key: "Null",
+    width: 100,
+    render: (e) => /* @__PURE__ */ t.jsx(x, { color: e === "NO" ? "warning" : "default", children: e })
+  }
+];
+function it() {
+  const [e, n] = m([re]), [s, o] = m(re), [i, p] = m(null), [d, h] = m(null), [E, g] = m(!1), [S, v] = m(null), [y, _] = m(null), [I, a] = m(null), [l, R] = m(!1), M = ne(async (f) => {
+    g(!0);
+    try {
+      const w = f ?? s;
+      $.branches().then((z) => {
+        Array.isArray(z) && z.length > 0 && n(z);
+      }).catch(() => {
+      });
+      const [P, Q] = await Promise.all([
+        $.schema(w),
+        $.stats(w).catch(() => null)
+      ]);
+      p(P), h(Q), v(null);
+    } catch (w) {
+      p(null), h(null), v(w);
+    } finally {
+      g(!1);
+    }
+  }, [s]);
+  Re(() => {
+    M(re);
+  }, []);
+  const D = ne(async (f, w) => {
+    _({ kind: f, name: w, rows: null }), a(null), R(!0);
+    try {
+      const P = await $.query(`SHOW ${f} ${w}`, s);
+      if (!Array.isArray(P))
+        throw new Error(`SHOW ${f} 返回的不是行数组：${JSON.stringify(P)}`);
+      _({ kind: f, name: w, rows: P });
+    } catch (P) {
+      a(P);
+    } finally {
+      R(!1);
+    }
+  }, [s]), A = te(() => {
+    const f = d == null ? void 0 : d.stats;
+    return Array.isArray(f) && f.length > 0 ? f[0] : null;
+  }, [d]), Y = we(S), O = ((i == null ? void 0 : i.tags) ?? []).map((f) => ({ ...f, onFields: (w) => D("TAG", w) })), K = ((i == null ? void 0 : i.edges) ?? []).map((f) => ({ ...f, onFields: (w) => D("EDGE", w) })), Z = (i == null ? void 0 : i.indexes) ?? [];
+  return /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx(
+      ce,
+      {
+        title: "图 Schema",
+        subtitle: "z-graph 点类型 / 边类型 / 属性索引（数据源 GET /api/graph/meta/schema，由 GraphProxyController 转发到本 JVM 内嵌的 GraphControlServer）"
+      }
+    ),
+    S && /* @__PURE__ */ t.jsx(
+      L,
+      {
+        style: { marginBottom: 16 },
+        type: Y ? "error" : "warning",
+        showIcon: !0,
+        message: `Schema 读取失败：${se(S)}`,
+        description: Y ? "503 = 本 JVM 的内嵌 GraphControlServer 没 bind 成功（不是「图里没有 schema」）。先去「实例与端口」页看 boundPort 与 foreignListenerSuspected。" : "上游 GraphControlServer 的 handleSchema 内部会跑 SHOW TAGS/EDGES/INDEXES 三次查询，任一抛错就整体 500，错误原文在上面的 message 里。"
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      C,
+      {
+        loading: E,
+        title: "当前分支概览",
+        extra: /* @__PURE__ */ t.jsxs(k, { children: [
+          /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12, color: "#64748b" }, children: "分支" }),
+          /* @__PURE__ */ t.jsx(
+            Ne,
+            {
+              size: "small",
+              style: { width: 160 },
+              value: s,
+              options: e.map((f) => ({ value: f, label: f })),
+              onChange: (f) => {
+                o(f), M(f);
+              }
+            }
+          ),
+          /* @__PURE__ */ t.jsx(J, { icon: /* @__PURE__ */ t.jsx(ke, {}), loading: E, onClick: () => M(), children: "刷新" })
+        ] }),
+        children: /* @__PURE__ */ t.jsx(
+          be,
+          {
+            bordered: !0,
+            size: "small",
+            column: 4,
+            items: [
+              { key: "branch", label: "分支", children: (i == null ? void 0 : i.branch) ?? "-" },
+              {
+                key: "head",
+                label: "head commit",
+                children: i && (d != null && d.head) ? /* @__PURE__ */ t.jsx("a", { title: d.head, children: /* @__PURE__ */ t.jsxs("code", { children: [
+                  d.head.slice(0, 12),
+                  "…"
+                ] }) }) : "-"
+              },
+              { key: "nodes", label: "点数", children: (d == null ? void 0 : d.nodeCount) ?? "-" },
+              { key: "edges", label: "边数", children: (d == null ? void 0 : d.edgeCount) ?? "-" },
+              { key: "tags", label: "点类型数", children: i ? O.length : "-" },
+              { key: "edgeTypes", label: "边类型数", children: i ? K.length : "-" },
+              { key: "indexes", label: "索引数", children: i ? Z.length : "-" },
+              {
+                key: "labelCount",
+                label: "引擎自报统计 (/meta/stats)",
+                children: A ? /* @__PURE__ */ t.jsx("span", { title: JSON.stringify(A), children: `标签 ${A.labelCount} / 边类型 ${A.edgeTypeCount} / 属性索引 ${A.propertyIndexCount}` }) : "-"
+              }
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(pe, { gutter: 16, style: { marginTop: 16 }, children: [
+      /* @__PURE__ */ t.jsx(F, { span: 12, children: /* @__PURE__ */ t.jsx(C, { title: /* @__PURE__ */ t.jsxs(k, { children: [
+        /* @__PURE__ */ t.jsx(Fe, {}),
+        "点类型 (TAG)"
+      ] }), loading: E, children: /* @__PURE__ */ t.jsx(
+        W,
+        {
+          size: "small",
+          rowKey: "Name",
+          dataSource: O,
+          columns: nt,
+          pagination: !1,
+          loading: E,
+          locale: { emptyText: ge(!!i, "没有点类型") }
+        }
+      ) }) }),
+      /* @__PURE__ */ t.jsx(F, { span: 12, children: /* @__PURE__ */ t.jsx(C, { title: /* @__PURE__ */ t.jsxs(k, { children: [
+        /* @__PURE__ */ t.jsx(qe, {}),
+        "边类型 (EDGE TYPE)"
+      ] }), loading: E, children: /* @__PURE__ */ t.jsx(
+        W,
+        {
+          size: "small",
+          rowKey: "Name",
+          dataSource: K,
+          columns: st,
+          pagination: !1,
+          loading: E,
+          locale: { emptyText: ge(!!i, "没有边类型") }
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ t.jsx(C, { style: { marginTop: 16 }, title: /* @__PURE__ */ t.jsxs(k, { children: [
+      /* @__PURE__ */ t.jsx(Be, {}),
+      "属性索引"
+    ] }), loading: E, children: /* @__PURE__ */ t.jsx(
+      W,
+      {
+        size: "small",
+        rowKey: "Name",
+        dataSource: Z,
+        columns: at,
+        pagination: !1,
+        loading: E,
+        locale: { emptyText: ge(!!i, "没有属性索引") }
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx(C, { style: { marginTop: 16 }, title: "这页为什么可以什么都没有", children: /* @__PURE__ */ t.jsx(ve, { description: /* @__PURE__ */ t.jsxs("span", { style: { fontSize: 12, color: "#64748b", lineHeight: 1.9 }, children: [
+      "z-graph 的 schema 由 Cypher 的 DDL 建立，",
+      /* @__PURE__ */ t.jsx("b", { children: "没有独立的建表接口" }),
+      "：",
+      /* @__PURE__ */ t.jsx("code", { children: " CREATE TAG name (f TYPE, …)" }),
+      " ·",
+      /* @__PURE__ */ t.jsx("code", { children: " CREATE EDGE TYPE name (f TYPE, …)" }),
+      " ·",
+      /* @__PURE__ */ t.jsx("code", { children: " CREATE INDEX ON tag(prop)" }),
+      "； 删除对应 ",
+      /* @__PURE__ */ t.jsx("code", { children: "DROP TAG / DROP EDGE TYPE / DROP INDEX" }),
+      "（取值与语法以 CypherEngine 的实现为准）。",
+      /* @__PURE__ */ t.jsx("br", {}),
+      "这些语句会",
+      /* @__PURE__ */ t.jsx("b", { children: "真的改图" }),
+      "（每个写语句在 GraphQueryService 上开一个事务并提交一个新 commit）， 所以本页不提供执行入口 —— 要建 schema 请去「图查询」页，那里对写语句有二次确认。"
+    ] }) }) }),
+    /* @__PURE__ */ t.jsx(
+      Ue,
+      {
+        open: !!y,
+        width: 640,
+        title: y ? `字段明细 · SHOW ${y.kind} ${y.name}` : "",
+        footer: null,
+        onCancel: () => _(null),
+        children: I ? /* @__PURE__ */ t.jsx(L, { type: "error", showIcon: !0, message: `读取失败：${se(I)}` }) : /* @__PURE__ */ t.jsx(
+          W,
+          {
+            size: "small",
+            rowKey: "Field",
+            loading: l,
+            dataSource: (y == null ? void 0 : y.rows) ?? [],
+            columns: lt,
+            pagination: !1,
+            locale: { emptyText: /* @__PURE__ */ t.jsx(ve, { description: "该类型没有字段（schema 里有名字但属性列表为空）" }) }
+          }
+        )
+      }
+    )
+  ] });
+}
+function ge(e, n) {
+  return e ? /* @__PURE__ */ t.jsx(
+    X,
+    {
+      title: `${n}`,
+      description: "GET /api/graph/meta/schema 是通的、这一类确实是空数组。z-graph 的内存图刚启动时只有 Initial graph 一个提交，schema 需要显式建。"
+    }
+  ) : /* @__PURE__ */ t.jsx(
+    X,
+    {
+      title: "没有拿到 schema 数据",
+      description: "schema 请求本身失败了，见页面顶部的错误条；这里不是「空」，是「没读通」。"
+    }
+  );
+}
+const { TextArea: ot } = Te, ct = [
+  { label: "全量取样：MATCH (n) RETURN n LIMIT 20", value: "MATCH (n) RETURN n LIMIT 20" },
+  { label: "Schema：SHOW TAGS", value: "SHOW TAGS" },
+  { label: "Schema：SHOW EDGES", value: "SHOW EDGES" },
+  { label: "Schema：SHOW INDEXES", value: "SHOW INDEXES" },
+  { label: "统计：CALL db.stats()", value: "CALL db.stats()" },
+  { label: "版本：SHOW BRANCHES", value: "SHOW BRANCHES" },
+  { label: "定长跳：MATCH (a)-[r*1..2]->(b) RETURN a,r,b LIMIT 20", value: "MATCH (a)-[r*1..2]->(b) RETURN a,r,b LIMIT 20" }
+];
+function dt(e) {
+  return e === null || ["string", "number", "boolean"].includes(typeof e);
+}
+function ut(e) {
+  return e == null ? /* @__PURE__ */ t.jsx("span", { style: { color: "#94a3b8" }, children: "null" }) : dt(e) ? String(e) : /* @__PURE__ */ t.jsx("code", { style: { fontSize: 12, wordBreak: "break-all" }, children: JSON.stringify(e) });
+}
+function ht() {
+  var P, Q, z, ae, de;
+  const [e] = Le(), [n, s] = m(e.get("cypher") || "MATCH (n) RETURN n LIMIT 20"), [o, i] = m(e.get("branch") || re), [p, d] = m(e.get("commit") || ""), [h, E] = m(null), [g, S] = m(null), [v, y] = m(null), [_, I] = m(!1), [a, l] = m(!1), [R, M] = m(null), [D, A] = m(!1), Y = ze(0), O = te(() => Qe(n), [n]), K = ne(async () => {
+    I(!0), Y.current = performance.now();
+    try {
+      const u = await $.query(n, o, p.trim() || void 0);
+      if (!Array.isArray(u))
+        throw new Error(`期望行数组，拿到 ${JSON.stringify(u)}`);
+      E(u), S(null), y(null), M(Math.round(performance.now() - Y.current)), A(!1);
+    } catch (u) {
+      E(null), y(u), M(null);
+    } finally {
+      I(!1);
+    }
+  }, [n, o, p]), Z = () => {
+    if (O && !D) {
+      A(!0);
+      return;
+    }
+    K();
+  }, f = ne(async () => {
+    l(!0);
+    try {
+      const u = await $.explain(n, o);
+      S(u), y(null);
+    } catch (u) {
+      y(u), S(null);
+    } finally {
+      l(!1);
+    }
+  }, [n, o]), w = te(() => {
+    if (!Array.isArray(h)) return [];
+    const u = [], G = /* @__PURE__ */ new Set();
+    return h.forEach((H) => Object.keys(H || {}).forEach((q) => {
+      G.has(q) || (G.add(q), u.push(q));
+    })), u.map((H, q) => ({
+      title: H,
+      dataIndex: H,
+      key: H,
+      ellipsis: !1,
+      width: u.length > 4 ? void 0 : 240,
+      render: (ue) => ut(ue),
+      // 上游行对象允许同名 key 冲突吗：不会，Map 的 key 唯一；这里用序号兜底防止空 key
+      ...H === "" ? { title: `(空列名 #${q})` } : {}
+    }));
+  }, [h]);
+  return /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx(
+      ce,
+      {
+        title: "图查询",
+        subtitle: "Cypher 执行与执行计划（数据源 GET /api/graph/query、POST /api/graph/query/explain）"
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(pe, { gutter: 16, children: [
+      /* @__PURE__ */ t.jsx(F, { span: 16, children: /* @__PURE__ */ t.jsx(C, { title: "查询语句", children: /* @__PURE__ */ t.jsxs(k, { direction: "vertical", style: { width: "100%" }, size: 12, children: [
+        /* @__PURE__ */ t.jsxs(k, { wrap: !0, children: [
+          /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12, color: "#64748b" }, children: "插入示例" }),
+          /* @__PURE__ */ t.jsx(
+            Ne,
+            {
+              size: "small",
+              style: { width: 340 },
+              placeholder: "常用只读查询",
+              showSearch: !0,
+              optionFilterProp: "label",
+              options: ct.map((u) => ({ value: u.value, label: u.label })),
+              onChange: (u) => {
+                s(u), A(!1);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t.jsx(
+          ot,
+          {
+            value: n,
+            rows: 4,
+            spellCheck: !1,
+            style: { fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace" },
+            onChange: (u) => {
+              s(u.target.value), A(!1);
+            },
+            placeholder: "MATCH (n:Person)-[r:KNOWS]->(m) RETURN n.name, r.since, m.name LIMIT 50"
+          }
+        ),
+        /* @__PURE__ */ t.jsxs(k, { wrap: !0, children: [
+          /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12, color: "#64748b" }, children: "分支" }),
+          /* @__PURE__ */ t.jsx(
+            Te,
+            {
+              size: "small",
+              style: { width: 140 },
+              value: o,
+              onChange: (u) => i(u.target.value || re)
+            }
+          ),
+          /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12, color: "#64748b" }, children: "或按 commit 时间旅行（留空=按分支 head）" }),
+          /* @__PURE__ */ t.jsx(
+            Te,
+            {
+              size: "small",
+              style: { width: 260 },
+              value: p,
+              disabled: O,
+              placeholder: O ? "写语句不能带 commit" : "40 位 commit id",
+              onChange: (u) => d(u.target.value.trim())
+            }
+          )
+        ] }),
+        O && /* @__PURE__ */ t.jsx(
+          L,
+          {
+            type: "warning",
+            showIcon: !0,
+            message: "这条语句会被上游判定为写操作",
+            description: D ? "已确认。再点一次「执行」就会真的改图：GraphControlServer 对写语句开一个事务并提交，产生一个新的不可撤回 commit。" : "上游按前缀/关键字判定写（CREATE / MERGE / MATCH…SET|DELETE / DETACH DELETE），执行时会开事务并落一个新 commit。第一次点击只出这条确认，不会执行。"
+          }
+        ),
+        /* @__PURE__ */ t.jsxs(k, { children: [
+          /* @__PURE__ */ t.jsx(
+            J,
+            {
+              type: "primary",
+              icon: /* @__PURE__ */ t.jsx(We, {}),
+              loading: _,
+              danger: O && D,
+              onClick: Z,
+              children: O && D ? "确认执行（会改图）" : "执行"
+            }
+          ),
+          /* @__PURE__ */ t.jsx(J, { icon: /* @__PURE__ */ t.jsx(Je, {}), loading: a, onClick: f, children: "执行计划" })
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ t.jsxs(F, { span: 8, children: [
+        /* @__PURE__ */ t.jsxs(C, { title: "本次结果", children: [
+          /* @__PURE__ */ t.jsxs(pe, { gutter: 16, children: [
+            /* @__PURE__ */ t.jsx(F, { span: 8, children: /* @__PURE__ */ t.jsx(xe, { title: "返回行数", value: h ? h.length : "-" }) }),
+            /* @__PURE__ */ t.jsx(F, { span: 8, children: /* @__PURE__ */ t.jsx(
+              xe,
+              {
+                title: "往返耗时",
+                suffix: "ms",
+                value: R ?? "-"
+              }
+            ) }),
+            /* @__PURE__ */ t.jsx(F, { span: 8, children: /* @__PURE__ */ t.jsx(xe, { title: "列数", value: w.length || "-" }) })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { style: { marginTop: 12, fontSize: 12, color: "#64748b" }, children: [
+            "耗时是前端 axios 往返（含 8888 的代理一跳），不是上游 ",
+            /* @__PURE__ */ t.jsx("code", { children: "X-Response-Time" }),
+            "； 后者是跨域响应头，axios 读不到，不拿它当自己的数。"
+          ] })
+        ] }),
+        g && /* @__PURE__ */ t.jsxs(
+          C,
+          {
+            style: { marginTop: 16 },
+            title: "执行计划 (POST /query/explain)",
+            extra: /* @__PURE__ */ t.jsxs(k, { size: 4, children: [
+              /* @__PURE__ */ t.jsx(x, { children: ((P = g.plan) == null ? void 0 : P.queryType) ?? "-" }),
+              /* @__PURE__ */ t.jsx(x, { color: ((Q = g.plan) == null ? void 0 : Q.estimatedComplexity) === "HIGH" ? "error" : ((z = g.plan) == null ? void 0 : z.estimatedComplexity) === "MEDIUM" ? "warning" : "success", children: ((ae = g.plan) == null ? void 0 : ae.estimatedComplexity) ?? "-" })
+            ] }),
+            children: [
+              /* @__PURE__ */ t.jsx(
+                W,
+                {
+                  size: "small",
+                  rowKey: (u, G) => `${u.operation}-${G}`,
+                  dataSource: ((de = g.plan) == null ? void 0 : de.steps) ?? [],
+                  pagination: !1,
+                  columns: [
+                    { title: "算子", dataIndex: "operation", key: "operation", width: 140 },
+                    { title: "说明", dataIndex: "description", key: "description" }
+                  ],
+                  locale: { emptyText: /* @__PURE__ */ t.jsx(X, { title: "上游没有给出算子" }) }
+                }
+              ),
+              /* @__PURE__ */ t.jsxs("div", { style: { marginTop: 8, fontSize: 12, color: "#64748b" }, children: [
+                "这份计划是 ",
+                /* @__PURE__ */ t.jsx("code", { children: "handleExplain" }),
+                " 按字符串前缀 + 关键字命中拼出来的 （MATCH→Scan、含 WHERE→Filter…），",
+                /* @__PURE__ */ t.jsx("b", { children: "不是代价估算器" }),
+                "； 复杂度只有 HIGH/MEDIUM/LOW 三档。别按真实执行成本解读。"
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsx(C, { style: { marginTop: 16 }, title: h ? `结果集（${h.length} 行）` : "结果集", children: v ? /* @__PURE__ */ t.jsx(
+      L,
+      {
+        type: "error",
+        showIcon: !0,
+        message: `查询失败：${se(v)}`,
+        description: "上游所有 catch 分支都只回 {error: msg}：Cypher 语法错、Tag 不存在、head 冲突（409 Stale head）都在这里。503 则是内嵌实例没 bind。"
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      W,
+      {
+        size: "small",
+        rowKey: (u, G) => G,
+        loading: _,
+        dataSource: h ?? [],
+        columns: w,
+        scroll: { x: "max-content" },
+        pagination: { size: "small", pageSize: 20, showSizeChanger: !0 },
+        locale: {
+          emptyText: h === null ? /* @__PURE__ */ t.jsx(X, { title: "还没有执行过查询", description: "点「执行」或「执行计划」。这里没有预置示例数据。" }) : /* @__PURE__ */ t.jsx(X, { title: "返回 0 行", description: "查询成功执行、上游确实给了空数组（空图或未命中）。" })
+        }
+      }
+    ) }),
+    h && h.length > 0 && /* @__PURE__ */ t.jsx(C, { style: { marginTop: 16 }, title: "原始响应（第一行，逐字段照上游 JSON 渲染）", children: /* @__PURE__ */ t.jsx("pre", { style: { margin: 0, fontSize: 12, overflow: "auto", maxHeight: 260 }, children: JSON.stringify(h[0], null, 2) }) })
+  ] });
+}
+function je(e) {
+  if (e == null) return "-";
+  const n = new Date(e);
+  return Number.isNaN(n.getTime()) ? String(e) : n.toLocaleString("zh-CN", { hour12: !1 });
+}
+function mt() {
+  const e = De(), [n, s] = m([]), [o, i] = m([]), [p, d] = m(!1), [h, E] = m(null), [g, S] = m(null), v = ne(async () => {
+    d(!0);
+    try {
+      const [a, l] = await Promise.all([$.branches(), $.commits()]);
+      if (!Array.isArray(a)) throw new Error(`branches 应为字符串数组，拿到 ${JSON.stringify(a)}`);
+      if (!Array.isArray(l)) throw new Error(`commits 应为对象数组，拿到 ${JSON.stringify(l)}`);
+      s(a), i(l), E(null);
+    } catch (a) {
+      s([]), i([]), E(a);
+    } finally {
+      d(!1);
+    }
+  }, []);
+  Re(() => {
+    v();
+  }, [v]);
+  const y = te(() => {
+    const a = /* @__PURE__ */ new Map();
+    return o.forEach((l) => a.set(l.id, l)), a;
+  }, [o]), _ = te(() => {
+    const a = /* @__PURE__ */ new Map();
+    return o.forEach((l) => {
+      const R = a.get(l.branch);
+      (!R || (l.timestamp ?? 0) >= (R.timestamp ?? 0)) && a.set(l.branch, l);
+    }), a;
+  }, [o]), I = te(() => [...g ? o.filter((l) => l.branch === g) : o].sort((l, R) => (R.timestamp ?? 0) - (l.timestamp ?? 0)), [o, g]);
+  return h ? /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx(ce, { title: "分支与提交", subtitle: "GET /api/graph/meta/branches + /api/graph/meta/commits" }),
+    /* @__PURE__ */ t.jsx(
+      L,
+      {
+        type: we(h) ? "error" : "warning",
+        showIcon: !0,
+        message: `提交历史读取失败：${se(h)}`,
+        description: we(h) ? "503 = 本 JVM 的内嵌 GraphControlServer 没 bind 成功（不是「图里没有提交」）。去「实例与端口」页确认 boundPort 与 foreignListenerSuspected。" : void 0
+      }
+    )
+  ] }) : /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx(
+      ce,
+      {
+        title: "分支与提交",
+        subtitle: "z-graph 的 Git 式版本面：分支 head 与全量 commit 图（数据源 /api/graph/meta/branches、/meta/commits）"
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      C,
+      {
+        title: /* @__PURE__ */ t.jsxs(k, { children: [
+          /* @__PURE__ */ t.jsx(_e, {}),
+          "分支（",
+          n.length,
+          "）"
+        ] }),
+        extra: /* @__PURE__ */ t.jsx(J, { icon: /* @__PURE__ */ t.jsx(ke, {}), loading: p, onClick: v, children: "刷新" }),
+        children: /* @__PURE__ */ t.jsxs(pe, { gutter: [16, 16], children: [
+          n.length === 0 && !p && /* @__PURE__ */ t.jsx(F, { span: 24, children: /* @__PURE__ */ t.jsx(
+            X,
+            {
+              title: "一个分支都没有",
+              description: "GET /api/graph/meta/branches 是通的、返回了空数组。内嵌实例若刚启动，GraphVersionStore 构造函数会先落一个 Initial graph 根提交并把 main 指过去，所以真为空通常说明连的不是你以为的那个实例。"
+            }
+          ) }),
+          n.map((a) => {
+            const l = _.get(a), R = o.filter((M) => M.branch === a).length;
+            return /* @__PURE__ */ t.jsx(F, { span: 8, children: /* @__PURE__ */ t.jsx(
+              C,
+              {
+                size: "small",
+                hoverable: !0,
+                onClick: () => S(g === a ? null : a),
+                title: /* @__PURE__ */ t.jsxs(k, { children: [
+                  /* @__PURE__ */ t.jsx(_e, {}),
+                  /* @__PURE__ */ t.jsx("code", { children: a })
+                ] }),
+                extra: g === a ? /* @__PURE__ */ t.jsx(x, { color: "processing", children: "已筛选" }) : null,
+                children: /* @__PURE__ */ t.jsxs(k, { direction: "vertical", size: 2, style: { width: "100%" }, children: [
+                  /* @__PURE__ */ t.jsxs("span", { style: { fontSize: 12 }, children: [
+                    "head：",
+                    /* @__PURE__ */ t.jsx("code", { children: l ? `${l.id.slice(0, 12)}…` : "未知" })
+                  ] }),
+                  /* @__PURE__ */ t.jsxs("span", { style: { fontSize: 12, color: "#64748b" }, children: [
+                    "本分支提交 ",
+                    R,
+                    " · 点 ",
+                    (l == null ? void 0 : l.nodeCount) ?? "-",
+                    " · 边 ",
+                    (l == null ? void 0 : l.edgeCount) ?? "-"
+                  ] }),
+                  /* @__PURE__ */ t.jsxs("span", { style: { fontSize: 12, color: "#64748b" }, children: [
+                    "最近提交：",
+                    l ? je(l.timestamp) : "-"
+                  ] })
+                ] })
+              }
+            ) }, a);
+          })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      C,
+      {
+        style: { marginTop: 16 },
+        title: /* @__PURE__ */ t.jsxs(k, { children: [
+          /* @__PURE__ */ t.jsx(Ye, {}),
+          "提交历史（全量 commit 图，",
+          I.length,
+          " 条）"
+        ] }),
+        extra: g ? /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsxs(x, { color: "processing", closable: !0, onClose: () => S(null), children: [
+          "branch = ",
+          g
+        ] }) }) : /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12, color: "#64748b" }, children: "点分支卡片可筛选" }),
+        children: /* @__PURE__ */ t.jsx(
+          W,
+          {
+            size: "small",
+            rowKey: "id",
+            loading: p,
+            dataSource: I,
+            pagination: { size: "small", pageSize: 20, showSizeChanger: !0 },
+            columns: [
+              {
+                title: "commit",
+                dataIndex: "id",
+                key: "id",
+                width: 170,
+                render: (a) => /* @__PURE__ */ t.jsx(ye, { title: a, children: /* @__PURE__ */ t.jsx("code", { children: `${String(a).slice(0, 12)}…` }) })
+              },
+              {
+                title: "分支",
+                dataIndex: "branch",
+                key: "branch",
+                width: 110,
+                render: (a) => /* @__PURE__ */ t.jsx(x, { color: a === re ? "blue" : "geekblue", children: a })
+              },
+              { title: "作者", dataIndex: "author", key: "author", width: 110 },
+              {
+                title: "说明",
+                dataIndex: "message",
+                key: "message",
+                ellipsis: { showTitle: !1 },
+                render: (a) => /* @__PURE__ */ t.jsx(ye, { title: a, placement: "topLeft", children: /* @__PURE__ */ t.jsx("span", { children: a || "-" }) })
+              },
+              { title: "时间", dataIndex: "timestamp", key: "timestamp", width: 190, render: je },
+              { title: "点", dataIndex: "nodeCount", key: "nodeCount", width: 70 },
+              { title: "边", dataIndex: "edgeCount", key: "edgeCount", width: 70 },
+              {
+                title: "父提交",
+                dataIndex: "parents",
+                key: "parents",
+                width: 150,
+                render: (a) => !Array.isArray(a) || a.length === 0 ? /* @__PURE__ */ t.jsx(x, { children: "根提交" }) : /* @__PURE__ */ t.jsx(k, { direction: "vertical", size: 0, children: a.map((l) => /* @__PURE__ */ t.jsx(
+                  ye,
+                  {
+                    title: y.has(l) ? `${y.get(l).message} · ${je(y.get(l).timestamp)}` : l,
+                    children: /* @__PURE__ */ t.jsx("code", { style: { fontSize: 12 }, children: `${String(l).slice(0, 8)}…` })
+                  },
+                  l
+                )) })
+              },
+              {
+                title: "操作",
+                key: "action",
+                width: 130,
+                render: (a, l) => /* @__PURE__ */ t.jsx(
+                  J,
+                  {
+                    type: "link",
+                    size: "small",
+                    onClick: () => e(`/graph/query?branch=${encodeURIComponent(l.branch)}&commit=${encodeURIComponent(l.id)}`),
+                    children: "按此版本查"
+                  }
+                )
+              }
+            ],
+            locale: {
+              emptyText: /* @__PURE__ */ t.jsx(
+                X,
+                {
+                  title: "没有任何提交",
+                  description: "GET /api/graph/meta/commits 通了但返回空数组 —— 上游 GraphVersionStore 构造时至少会有一个 Initial graph 根提交，所以这一格为空要去「实例与端口」页确认应答者。"
+                }
+              )
+            }
+          }
+        )
+      }
+    )
+  ] });
+}
+const pt = [
+  { title: "方法", dataIndex: "method", key: "method", width: 90, render: (e) => /* @__PURE__ */ t.jsx(x, { children: e }) },
+  { title: "路径", dataIndex: "path", key: "path", ellipsis: !0 },
+  { title: "来源 IP", dataIndex: "clientIp", key: "clientIp", width: 150 },
+  {
+    title: "状态",
+    dataIndex: "status",
+    key: "status",
+    width: 90,
+    render: (e) => /* @__PURE__ */ t.jsx(x, { color: e >= 500 ? "error" : e >= 400 ? "warning" : "success", children: e })
+  },
+  { title: "耗时", dataIndex: "elapsedMs", key: "elapsedMs", width: 90, render: (e) => `${e} ms` },
+  { title: "请求 ID", dataIndex: "requestId", key: "requestId", width: 170, render: (e) => /* @__PURE__ */ t.jsx("code", { children: e }) },
+  { title: "线程", dataIndex: "thread", key: "thread", width: 160, render: (e) => /* @__PURE__ */ t.jsx("code", { children: e }) }
+];
+function ft(e) {
+  if (e == null) return "-";
+  const n = Math.floor(e / 86400), s = Math.floor(e % 86400 / 3600), o = Math.floor(e % 3600 / 60);
+  return n > 0 ? `${n} 天 ${s} 时 ${o} 分` : s > 0 ? `${s} 时 ${o} 分 ${e % 60} 秒` : `${o} 分 ${e % 60} 秒`;
+}
+function Ee(e) {
+  return e == null ? "-" : `${(e / 1024 / 1024).toFixed(1)} MiB`;
+}
+function Oe(e, n = "是", s = "否", o = "error") {
+  return e == null ? "-" : e ? /* @__PURE__ */ t.jsx(x, { color: "success", children: n }) : /* @__PURE__ */ t.jsx(x, { color: o, children: s });
+}
+function xt() {
+  const [e, n] = m(null), [s, o] = m(null), [i, p] = m(null), [d, h] = m(null), [E, g] = m(!1), [S, v] = m(null), y = ne(async () => {
+    g(!0);
+    try {
+      const a = await $.instance();
+      n(a), v(null);
+      try {
+        const [l, R] = await Promise.all([$.metrics(), $.logs({ limit: 20 })]);
+        o(l), p(null), h(R);
+      } catch (l) {
+        o(null), h(null), p(l);
+      }
+    } catch (a) {
+      n(null), v(a);
+    } finally {
+      g(!1);
+    }
+  }, []);
+  Re(() => {
+    y();
+  }, [y]);
+  const _ = !S && e && !e.embeddedRunning, I = !S && e && e.foreignListenerSuspected;
+  return /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx(
+      ce,
+      {
+        title: "实例与端口",
+        subtitle: "GraphProxyController 自省接口 GET /api/graph/__instance + 控制面自报的 /meta/metrics"
+      }
+    ),
+    /* @__PURE__ */ t.jsx(C, { extra: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(J, { icon: /* @__PURE__ */ t.jsx(ke, {}), loading: E, onClick: y, children: "刷新" }) }), children: S ? /* @__PURE__ */ t.jsx(
+      L,
+      {
+        type: "error",
+        showIcon: !0,
+        message: `自省接口调用失败：${se(S)}`,
+        description: "/api/graph/__instance 由 z-opc 自己的 controller 直接应答，不经过内嵌服务；它都不通说明是 z-opc 侧的路由/认证问题（302 到登录页 = 没带会话 Cookie）。"
+      }
+    ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      I && /* @__PURE__ */ t.jsx(
+        L,
+        {
+          type: "error",
+          showIcon: !0,
+          style: { marginBottom: 16 },
+          message: "配置端口上有监听者，但它不是本 JVM —— 这一路连的是外部进程，页面数据不能算孵化结果",
+          description: `boundPort=0（本 JVM 的 GraphControlServer 没 bind 上）而 ${e.configuredPort} 端口 TCP 可连。用 lsof -nP -iTCP:${e.configuredPort} -sTCP:LISTEN 取属主 PID，与本页 jvm 字段（${e.jvm}）比对；对不上就是假孵化。处理方式只有两种：让出该端口，或给 zgraph.server.port 换一个端口——两者都需要定夺，代理层不会替你去占端口。`
+        }
+      ),
+      _ && !I && /* @__PURE__ */ t.jsx(
+        L,
+        {
+          type: "warning",
+          showIcon: !0,
+          style: { marginBottom: 16 },
+          message: "内嵌 GraphControlServer 没有 bind 成功，其余三页的空数组是「没起」而不是「图里没数据」",
+          description: `bindError = ${e.bindError ?? "null"}。proxy 只在 boundPort>0 时才转发，所以现在所有 /api/graph/meta* 与 /api/graph/query 都会拿到 503。`
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        be,
+        {
+          bordered: !0,
+          size: "small",
+          column: 2,
+          items: [
+            {
+              key: "jvm",
+              label: "应答的 JVM (pid@host)",
+              children: /* @__PURE__ */ t.jsx("code", { children: (e == null ? void 0 : e.jvm) ?? "-" })
+            },
+            {
+              key: "lifecycleBean",
+              label: "内嵌配置已装载",
+              children: e ? e.lifecycleBean ? /* @__PURE__ */ t.jsx(x, { color: "success", children: "是" }) : /* @__PURE__ */ t.jsx(x, { color: "error", children: "否（zgraph.enabled≠true）" }) : "-"
+            },
+            {
+              key: "configuredPort",
+              label: "配置端口",
+              children: (e == null ? void 0 : e.configuredPort) ?? "-"
+            },
+            {
+              key: "boundPort",
+              label: "内嵌实例实际 bind 端口",
+              children: e ? e.boundPort > 0 ? /* @__PURE__ */ t.jsx(x, { color: "success", children: e.boundPort }) : /* @__PURE__ */ t.jsx(x, { color: "error", children: "0（没 bind 上）" }) : "-"
+            },
+            {
+              key: "embeddedRunning",
+              label: "内嵌控制面在跑",
+              children: Oe(e == null ? void 0 : e.embeddedRunning)
+            },
+            {
+              key: "acceptingNow",
+              label: "本实例端口此刻可连",
+              children: Oe(e == null ? void 0 : e.acceptingNow, "是", "否", "warning")
+            },
+            {
+              key: "foreign",
+              label: "外来监听者嫌疑",
+              children: e ? e.foreignListenerSuspected ? /* @__PURE__ */ t.jsx(x, { color: "error", children: "有（应答者不是本 JVM）" }) : /* @__PURE__ */ t.jsx(x, { color: "success", children: "无" }) : "-"
+            },
+            {
+              key: "token",
+              label: "上游 API Token (环境变量)",
+              children: e ? e.apiTokenConfigured ? /* @__PURE__ */ t.jsx(x, { color: "success", children: "已设置" }) : /* @__PURE__ */ t.jsx(x, { color: "warning", children: "未设置 = 通配端口不鉴权" }) : "-"
+            },
+            {
+              key: "bindError",
+              label: "bind 失败原因",
+              children: e != null && e.bindError ? /* @__PURE__ */ t.jsx("code", { children: e.bindError }) : "-"
+            },
+            {
+              key: "path",
+              label: "转发前缀",
+              children: /* @__PURE__ */ t.jsx("code", { children: "/api/graph/** → 127.0.0.1:<boundPort>" })
+            }
+          ]
+        }
+      ),
+      /* @__PURE__ */ t.jsxs("div", { style: { marginTop: 12, color: "#64748b", fontSize: 12 }, children: [
+        "代理是逐字节透传，不在 z-opc 侧重拼 JSON。上游注册的端点：",
+        ((e == null ? void 0 : e.upstreamEndpoints) ?? []).map((a) => /* @__PURE__ */ t.jsx(
+          "code",
+          {
+            style: { marginRight: 6 },
+            children: a
+          },
+          a
+        ))
+      ] })
+    ] }) }),
+    /* @__PURE__ */ t.jsx(
+      C,
+      {
+        title: "控制面自报指标 (GET /api/graph/meta/metrics)",
+        style: { marginTop: 16 },
+        extra: /* @__PURE__ */ t.jsx(x, { color: "blue", children: "走上游转发，内嵌没起时这里必然报错" }),
+        children: i ? /* @__PURE__ */ t.jsx(
+          L,
+          {
+            type: "error",
+            showIcon: !0,
+            message: `读不到 /meta/metrics：${se(i)}`
+          }
+        ) : /* @__PURE__ */ t.jsx(
+          be,
+          {
+            bordered: !0,
+            size: "small",
+            column: 3,
+            items: [
+              {
+                key: "uptime",
+                label: "控制面存活时长",
+                children: `${ft(s == null ? void 0 : s.uptimeSeconds)}（${(s == null ? void 0 : s.uptimeFormatted) ?? "-"}）`
+              },
+              { key: "totalRequests", label: "累计请求", children: (s == null ? void 0 : s.totalRequests) ?? "-" },
+              { key: "errorResponses", label: "错误应答", children: (s == null ? void 0 : s.errorResponses) ?? "-" },
+              { key: "errorRate", label: "错误率", children: (s == null ? void 0 : s.errorRate) ?? "-" },
+              { key: "authFailures", label: "鉴权失败", children: (s == null ? void 0 : s.authFailures) ?? "-" },
+              { key: "rateLimited", label: "被限流", children: (s == null ? void 0 : s.rateLimitedRequests) ?? "-" },
+              {
+                key: "heap",
+                label: "JVM 堆 (已用/已申请/上限)",
+                children: s != null && s.jvmMemory ? `${Ee(s.jvmMemory.usedBytes)} / ${Ee(s.jvmMemory.totalBytes)} / ${Ee(s.jvmMemory.maxBytes)}` : "-"
+              },
+              { key: "cpu", label: "可用核数", children: (s == null ? void 0 : s.availableProcessors) ?? "-" },
+              {
+                key: "rate",
+                label: "限流阈值/活跃桶",
+                children: `${(s == null ? void 0 : s.rateLimitPerMinute) ?? "-"} / ${(s == null ? void 0 : s.activeRateBuckets) ?? "-"}`
+              }
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t.jsx(C, { title: "最近请求日志 (GET /api/graph/meta/logs?limit=20)", style: { marginTop: 16 }, children: d ? /* @__PURE__ */ t.jsx(
+      W,
+      {
+        size: "small",
+        rowKey: (a) => `${a.timestamp}-${a.requestId}`,
+        loading: E,
+        dataSource: d.entries ?? [],
+        columns: pt,
+        pagination: {
+          size: "small",
+          total: d.total ?? 0,
+          pageSize: 20,
+          showTotal: (a) => `环形缓冲 ${a} 条 / 容量 ${d.bufferSize ?? "-"}`
+        }
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      L,
+      {
+        type: "info",
+        showIcon: !0,
+        message: i ? "读不到请求日志（同上）" : "日志缓冲为空 —— 控制面刚起或还没打过请求"
+      }
+    ) })
+  ] });
+}
+function kt() {
+  return /* @__PURE__ */ t.jsxs(Ge, { children: [
+    /* @__PURE__ */ t.jsx(le, { index: !0, element: /* @__PURE__ */ t.jsx(He, { to: "schema", replace: !0 }) }),
+    /* @__PURE__ */ t.jsx(le, { path: "schema", element: /* @__PURE__ */ t.jsx(it, {}) }),
+    /* @__PURE__ */ t.jsx(le, { path: "query", element: /* @__PURE__ */ t.jsx(ht, {}) }),
+    /* @__PURE__ */ t.jsx(le, { path: "branches", element: /* @__PURE__ */ t.jsx(mt, {}) }),
+    /* @__PURE__ */ t.jsx(le, { path: "instance", element: /* @__PURE__ */ t.jsx(xt, {}) })
+  ] });
+}
+export {
+  re as D,
+  kt as G,
+  xt as I,
+  Ke as a,
+  se as b,
+  Rt as c,
+  we as d,
+  St as f,
+  $ as g,
+  Qe as i,
+  t as j,
+  wt as s
+};