@yuku123/z-graph-component 0.1.1 → 0.1.2

package/dist/GraphApp-BWZfTdAD.js

@@ -1,1344 +0,0 @@
-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
-};