@yuku123/z-graph-component 0.0.0-stage → 0.1.0

package/dist/GraphApp-C6N6khIq.js

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