npm - @yuku123/z-graph-component - Versions diffs - 0.1.0 → 0.1.2 - Mend

@yuku123/z-graph-component 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/ComponentDoc-yLmdiyDK.js +1334 -0
package/dist/index.js +8 -7
package/dist/pages.js +374 -361
package/dist/z-graph-component.css +1 -1
package/package.json +4 -3
package/dist/GraphApp-C6N6khIq.js +0 -1514

package/dist/pages.js CHANGED Viewed

@@ -1,17 +1,18 @@
-import { j as e, a as W, s as Y, f as ae, G as be, I as Ne } from "./GraphApp-C6N6khIq.js";
-import { c as ft } from "./GraphApp-C6N6khIq.js";
-import { UserOutlined as Se, LockOutlined as ve, HomeOutlined as Te, DashboardOutlined as Ee, PartitionOutlined as Ce, BranchesOutlined as Ae, HistoryOutlined as we, CodeOutlined as ke, DatabaseOutlined as Ie, ProfileOutlined as Le, FileTextOutlined as Re } from "@ant-design/icons";
+import { j as e, a as W, s as Y, f as ae, C as Ne, G as Se, I as ve } from "./ComponentDoc-yLmdiyDK.js";
+import { c as St } from "./ComponentDoc-yLmdiyDK.js";
+import { UserOutlined as Te, LockOutlined as Ee, HomeOutlined as Ce, DashboardOutlined as Ae, PartitionOutlined as we, BranchesOutlined as ke, HistoryOutlined as Ie, CodeOutlined as Re, DatabaseOutlined as Le, ProfileOutlined as Oe, FileTextOutlined as De, ReadOutlined as Me } from "@ant-design/icons";
 import { useState as N, useEffect as $, useRef as te, useCallback as K, useMemo as X } from "react";
-import { Typography as Oe, Card as re, Space as oe, Tag as Me, Row as De, Col as He, Form as Z, Input as le, Button as Pe, message as ie } from "antd";
-import { useNavigate as ze } from "react-router-dom";
-function We(s) {
-  const [a, o] = N({
+import { Typography as He, Card as re, Space as oe, Tag as Pe, Row as ze, Col as We, Form as Z, Input as le, Button as Ge, message as ie } from "antd";
+import { useNavigate as qe } from "react-router-dom";
+import "@yuku123/z-frontend-common/ui";
+function $e(t) {
+  const [r, o] = N({
     status: "unknown",
     head: null,
     nodeCount: 0,
     edgeCount: 0,
     error: null
-  }), [r, d] = N(null);
+  }), [a, d] = N(null);
   return $(() => {
     let p = !1;
     async function S() {
@@ -38,18 +39,24 @@ function We(s) {
     return () => {
       p = !0, clearInterval(f);
     };
-  }, [s]), { server: a, metrics: r };
+  }, [t]), { server: r, metrics: a };
 }
-function F(s) {
+function je(t) {
   return function() {
-    const { server: o, metrics: r } = We();
-    return /* @__PURE__ */ e.jsx(s, { server: o, metrics: r });
+    const { server: o, metrics: a } = $e();
+    return /* @__PURE__ */ e.jsx(t, { server: o, metrics: a });
   };
 }
-function Ge({ server: s }) {
-  const [a, o] = N([]), [r, d] = N([]), [p, S] = N(null), [f, x] = N(!0), [l, C] = N(null), [j, v] = N([]), A = te(null);
+function F(t) {
+  const r = je(t);
+  return function() {
+    return /* @__PURE__ */ e.jsx("div", { className: "zgc", children: /* @__PURE__ */ e.jsx(r, {}) });
+  };
+}
+function Ue({ server: t }) {
+  const [r, o] = N([]), [a, d] = N([]), [p, S] = N(null), [f, x] = N(!0), [l, C] = N(null), [j, v] = N([]), A = te(null);
   $(() => {
-    let t = !1;
+    let s = !1;
     async function m() {
       try {
         x(!0);
@@ -66,12 +73,12 @@ function Ge({ server: s }) {
       }
     }
     m();
-  }, [s.head]), $(() => {
-    let t = !1;
+  }, [t.head]), $(() => {
+    let s = !1;
     async function m() {
       try {
         const c = await W.metrics().catch(() => null);
-        if (t || !c) return;
+        if (s || !c) return;
         const b = Date.now();
         let E = 0;
         if (A.current) {
@@ -88,16 +95,16 @@ function Ge({ server: s }) {
     m();
     const i = setInterval(m, 5e3);
     return () => {
-      t = !0, clearInterval(i);
+      s = !0, clearInterval(i);
     };
   }, []);
-  const k = r.slice(-5).reverse(), g = (p == null ? void 0 : p.tags) || [], h = (p == null ? void 0 : p.edges) || [], n = (p == null ? void 0 : p.indexes) || [];
+  const k = a.slice(-5).reverse(), g = (p == null ? void 0 : p.tags) || [], h = (p == null ? void 0 : p.edges) || [], n = (p == null ? void 0 : p.indexes) || [];
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "kpi-grid", children: [
-      /* @__PURE__ */ e.jsx(Q, { label: "节点数", value: s.nodeCount, icon: "N", color: "#60a5fa" }),
-      /* @__PURE__ */ e.jsx(Q, { label: "边数", value: s.edgeCount, icon: "E", color: "#34d399" }),
-      /* @__PURE__ */ e.jsx(Q, { label: "分支数", value: a.length, icon: "B", color: "#a78bfa" }),
-      /* @__PURE__ */ e.jsx(Q, { label: "总提交", value: r.length, icon: "C", color: "#fbbf24" })
+      /* @__PURE__ */ e.jsx(Q, { label: "节点数", value: t.nodeCount, icon: "N", color: "#60a5fa" }),
+      /* @__PURE__ */ e.jsx(Q, { label: "边数", value: t.edgeCount, icon: "E", color: "#34d399" }),
+      /* @__PURE__ */ e.jsx(Q, { label: "分支数", value: r.length, icon: "B", color: "#a78bfa" }),
+      /* @__PURE__ */ e.jsx(Q, { label: "总提交", value: a.length, icon: "C", color: "#fbbf24" })
     ] }),
     j.length > 1 && /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
       /* @__PURE__ */ e.jsx("h2", { children: "实时指标" }),
@@ -120,7 +127,7 @@ function Ge({ server: s }) {
             title: "JVM 内存",
             color: "#a78bfa",
             unit: "MB",
-            format: (t) => Math.round(t / 1024 / 1024)
+            format: (s) => Math.round(s / 1024 / 1024)
           }
         )
       ] })
@@ -136,7 +143,7 @@ function Ge({ server: s }) {
             g.length,
             ")"
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "chip-list", children: g.map((t, m) => /* @__PURE__ */ e.jsx("span", { className: "chip tag-chip", children: t.Name || t.name || JSON.stringify(t) }, m)) })
+          /* @__PURE__ */ e.jsx("div", { className: "chip-list", children: g.map((s, m) => /* @__PURE__ */ e.jsx("span", { className: "chip tag-chip", children: s.Name || s.name || JSON.stringify(s) }, m)) })
         ] }),
         h.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsxs("h3", { style: { marginTop: 12 }, children: [
@@ -144,7 +151,7 @@ function Ge({ server: s }) {
             h.length,
             ")"
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "chip-list", children: h.map((t, m) => /* @__PURE__ */ e.jsx("span", { className: "chip edge-chip", children: t.Name || t.name || JSON.stringify(t) }, m)) })
+          /* @__PURE__ */ e.jsx("div", { className: "chip-list", children: h.map((s, m) => /* @__PURE__ */ e.jsx("span", { className: "chip edge-chip", children: s.Name || s.name || JSON.stringify(s) }, m)) })
         ] }),
         n.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsxs("h3", { style: { marginTop: 12 }, children: [
@@ -158,10 +165,10 @@ function Ge({ server: s }) {
               /* @__PURE__ */ e.jsx("th", { children: "类型" }),
               /* @__PURE__ */ e.jsx("th", { children: "标签" })
             ] }) }),
-            /* @__PURE__ */ e.jsx("tbody", { children: n.map((t, m) => /* @__PURE__ */ e.jsxs("tr", { children: [
-              /* @__PURE__ */ e.jsx("td", { className: "mono", children: t.Name || t.name || "-" }),
-              /* @__PURE__ */ e.jsx("td", { children: t.Type || t.type || "-" }),
-              /* @__PURE__ */ e.jsx("td", { children: t.Label || t.label || "-" })
+            /* @__PURE__ */ e.jsx("tbody", { children: n.map((s, m) => /* @__PURE__ */ e.jsxs("tr", { children: [
+              /* @__PURE__ */ e.jsx("td", { className: "mono", children: s.Name || s.name || "-" }),
+              /* @__PURE__ */ e.jsx("td", { children: s.Type || s.type || "-" }),
+              /* @__PURE__ */ e.jsx("td", { children: s.Label || s.label || "-" })
             ] }, m)) })
           ] })
         ] })
@@ -219,65 +226,65 @@ function Ge({ server: s }) {
           /* @__PURE__ */ e.jsx("th", { children: "边" }),
           /* @__PURE__ */ e.jsx("th", { children: "时间" })
         ] }) }),
-        /* @__PURE__ */ e.jsx("tbody", { children: k.map((t) => /* @__PURE__ */ e.jsxs("tr", { children: [
-          /* @__PURE__ */ e.jsx("td", { className: "mono", children: Y(t.id, 10) }),
-          /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx("span", { className: "tag", children: t.branch }) }),
-          /* @__PURE__ */ e.jsx("td", { children: t.author }),
-          /* @__PURE__ */ e.jsx("td", { children: t.message }),
-          /* @__PURE__ */ e.jsx("td", { children: t.nodeCount }),
-          /* @__PURE__ */ e.jsx("td", { children: t.edgeCount }),
-          /* @__PURE__ */ e.jsx("td", { children: ae(t.timestamp) })
-        ] }, t.id)) })
+        /* @__PURE__ */ e.jsx("tbody", { children: k.map((s) => /* @__PURE__ */ e.jsxs("tr", { children: [
+          /* @__PURE__ */ e.jsx("td", { className: "mono", children: Y(s.id, 10) }),
+          /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx("span", { className: "tag", children: s.branch }) }),
+          /* @__PURE__ */ e.jsx("td", { children: s.author }),
+          /* @__PURE__ */ e.jsx("td", { children: s.message }),
+          /* @__PURE__ */ e.jsx("td", { children: s.nodeCount }),
+          /* @__PURE__ */ e.jsx("td", { children: s.edgeCount }),
+          /* @__PURE__ */ e.jsx("td", { children: ae(s.timestamp) })
+        ] }, s.id)) })
       ] })
     ] })
   ] });
 }
-function Q({ label: s, value: a, icon: o, color: r }) {
+function Q({ label: t, value: r, icon: o, color: a }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "kpi", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "kpi-icon", style: { background: r + "20", color: r }, children: o }),
+    /* @__PURE__ */ e.jsx("div", { className: "kpi-icon", style: { background: a + "20", color: a }, children: o }),
     /* @__PURE__ */ e.jsxs("div", { className: "kpi-content", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "kpi-value", children: a ?? "-" }),
-      /* @__PURE__ */ e.jsx("div", { className: "kpi-label", children: s })
+      /* @__PURE__ */ e.jsx("div", { className: "kpi-value", children: r ?? "-" }),
+      /* @__PURE__ */ e.jsx("div", { className: "kpi-label", children: t })
     ] })
   ] });
 }
-function ee({ title: s, desc: a, color: o }) {
+function ee({ title: t, desc: r, color: o }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "action-card", style: { borderTopColor: o }, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "action-title", children: s }),
-    /* @__PURE__ */ e.jsx("div", { className: "action-desc mono", children: a })
+    /* @__PURE__ */ e.jsx("div", { className: "action-title", children: t }),
+    /* @__PURE__ */ e.jsx("div", { className: "action-desc mono", children: r })
   ] });
 }
-function ce({ data: s, dataKey: a, title: o, color: r, unit: d, format: p }) {
-  if (!s || s.length < 2) return null;
-  const S = 400, f = 120, x = 30, l = s.map((t) => p ? p(t[a]) : t[a]), C = Math.max(...l, 1), j = 0, v = C - j || 1, A = l.map((t, m) => {
-    const i = x + m / (l.length - 1) * (S - x * 2), c = f - x - (t - j) / v * (f - x * 2);
-    return { x: i, y: c, v: t };
-  }), k = A.map((t, m) => `${m === 0 ? "M" : "L"}${t.x},${t.y}`).join(" "), g = k + ` L${A[A.length - 1].x},${f - x} L${A[0].x},${f - x} Z`, h = l[l.length - 1], n = [0, 0.5, 1].map((t) => ({
-    value: Math.round(j + t * v),
-    y: f - x - t * (f - x * 2)
+function ce({ data: t, dataKey: r, title: o, color: a, unit: d, format: p }) {
+  if (!t || t.length < 2) return null;
+  const S = 400, f = 120, x = 30, l = t.map((s) => p ? p(s[r]) : s[r]), C = Math.max(...l, 1), j = 0, v = C - j || 1, A = l.map((s, m) => {
+    const i = x + m / (l.length - 1) * (S - x * 2), c = f - x - (s - j) / v * (f - x * 2);
+    return { x: i, y: c, v: s };
+  }), k = A.map((s, m) => `${m === 0 ? "M" : "L"}${s.x},${s.y}`).join(" "), g = k + ` L${A[A.length - 1].x},${f - x} L${A[0].x},${f - x} Z`, h = l[l.length - 1], n = [0, 0.5, 1].map((s) => ({
+    value: Math.round(j + s * v),
+    y: f - x - s * (f - x * 2)
   }));
   return /* @__PURE__ */ e.jsxs("div", { className: "metrics-chart", children: [
     /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "baseline", marginBottom: 8 }, children: [
       /* @__PURE__ */ e.jsx("span", { style: { fontSize: 13, color: "#94a3b8" }, children: o }),
-      /* @__PURE__ */ e.jsxs("span", { className: "mono", style: { fontSize: 18, fontWeight: 600, color: r }, children: [
+      /* @__PURE__ */ e.jsxs("span", { className: "mono", style: { fontSize: 18, fontWeight: 600, color: a }, children: [
         h,
         d ? " " + d : ""
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("svg", { viewBox: `0 0 ${S} ${f}`, style: { width: "100%", height: f }, children: [
-      n.map((t, m) => /* @__PURE__ */ e.jsxs("g", { children: [
-        /* @__PURE__ */ e.jsx("line", { x1: x, y1: t.y, x2: S - x, y2: t.y, stroke: "#1e293b", strokeWidth: "1" }),
-        /* @__PURE__ */ e.jsx("text", { x: x - 4, y: t.y + 4, textAnchor: "end", fontSize: "9", fill: "#475569", children: t.value })
+      n.map((s, m) => /* @__PURE__ */ e.jsxs("g", { children: [
+        /* @__PURE__ */ e.jsx("line", { x1: x, y1: s.y, x2: S - x, y2: s.y, stroke: "#1e293b", strokeWidth: "1" }),
+        /* @__PURE__ */ e.jsx("text", { x: x - 4, y: s.y + 4, textAnchor: "end", fontSize: "9", fill: "#475569", children: s.value })
       ] }, m)),
-      /* @__PURE__ */ e.jsx("path", { d: g, fill: r, fillOpacity: "0.1" }),
-      /* @__PURE__ */ e.jsx("path", { d: k, fill: "none", stroke: r, strokeWidth: "2", strokeLinejoin: "round" }),
-      /* @__PURE__ */ e.jsx("circle", { cx: A[A.length - 1].x, cy: A[A.length - 1].y, r: "3", fill: r })
+      /* @__PURE__ */ e.jsx("path", { d: g, fill: a, fillOpacity: "0.1" }),
+      /* @__PURE__ */ e.jsx("path", { d: k, fill: "none", stroke: a, strokeWidth: "2", strokeLinejoin: "round" }),
+      /* @__PURE__ */ e.jsx("circle", { cx: A[A.length - 1].x, cy: A[A.length - 1].y, r: "3", fill: a })
     ] })
   ] });
 }
 const de = ["#3b82f6", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#06b6d4", "#ec4899", "#84cc16"], B = 24;
-function qe({ server: s }) {
-  const [a, o] = N(null), [r, d] = N(!1), [p, S] = N(null), [f, x] = N(null), [l, C] = N(null), j = te(null), [v, A] = N({ width: 800, height: 500 });
+function Be({ server: t }) {
+  const [r, o] = N(null), [a, d] = N(!1), [p, S] = N(null), [f, x] = N(null), [l, C] = N(null), j = te(null), [v, A] = N({ width: 800, height: 500 });
   $(() => {
     var c;
     const i = (c = j.current) == null ? void 0 : c.parentElement;
@@ -303,14 +310,14 @@ function qe({ server: s }) {
           const y = w.Name || w.name || "";
           if (y)
             try {
-              const L = await W.query(`MATCH (a)-[r:${y}]->(b) RETURN a, r, b`, "main");
-              for (const R of L || []) {
-                const O = typeof R.a == "string" ? V(R.a) : R.a, z = typeof R.b == "string" ? V(R.b) : R.b, D = typeof R.r == "string" ? $e(R.r) : R.r;
+              const R = await W.query(`MATCH (a)-[r:${y}]->(b) RETURN a, r, b`, "main");
+              for (const L of R || []) {
+                const O = typeof L.a == "string" ? V(L.a) : L.a, z = typeof L.b == "string" ? V(L.b) : L.b, M = typeof L.r == "string" ? Fe(L.r) : L.r;
                 b.push({
                   source: O._id,
                   target: z._id,
                   type: y,
-                  props: D
+                  props: M
                 });
               }
             } catch {
@@ -321,9 +328,9 @@ function qe({ server: s }) {
             try {
               const y = await W.query(`MATCH (a)-[r:${w}]->(b) RETURN a, r, b`, "main");
               if (Array.isArray(y) && y.length > 0)
-                for (const L of y) {
-                  const R = typeof L.a == "string" ? V(L.a) : L.a, O = typeof L.b == "string" ? V(L.b) : L.b;
-                  b.push({ source: R._id, target: O._id, type: w, props: {} });
+                for (const R of y) {
+                  const L = typeof R.a == "string" ? V(R.a) : R.a, O = typeof R.b == "string" ? V(R.b) : R.b;
+                  b.push({ source: L._id, target: O._id, type: w, props: {} });
                 }
             } catch {
             }
@@ -338,18 +345,18 @@ function qe({ server: s }) {
   }, []);
   $(() => {
     k();
-  }, [s.head]), $(() => {
-    if (!a || a.nodes.length === 0) {
+  }, [t.head]), $(() => {
+    if (!r || r.nodes.length === 0) {
       C(null);
       return;
     }
-    const i = a.nodes.map((T, w) => ({
+    const i = r.nodes.map((T, w) => ({
       ...T,
       x: v.width / 2 + (Math.random() - 0.5) * 200,
       y: v.height / 2 + (Math.random() - 0.5) * 200,
       vx: 0,
       vy: 0
-    })), c = a.edges.map((T) => ({
+    })), c = r.edges.map((T) => ({
       ...T,
       sourceIdx: i.findIndex((w) => w.id === T.source),
       targetIdx: i.findIndex((w) => w.id === T.target)
@@ -357,14 +364,14 @@ function qe({ server: s }) {
     for (let T = 0; T < 120; T++) {
       const w = 1 - T / 120;
       for (let y = 0; y < i.length; y++)
-        for (let L = y + 1; L < i.length; L++) {
-          let R = i[L].x - i[y].x, O = i[L].y - i[y].y, z = Math.sqrt(R * R + O * O) || 1, D = 800 * w / z;
-          i[y].vx -= R / z * D, i[y].vy -= O / z * D, i[L].vx += R / z * D, i[L].vy += O / z * D;
+        for (let R = y + 1; R < i.length; R++) {
+          let L = i[R].x - i[y].x, O = i[R].y - i[y].y, z = Math.sqrt(L * L + O * O) || 1, M = 800 * w / z;
+          i[y].vx -= L / z * M, i[y].vy -= O / z * M, i[R].vx += L / z * M, i[R].vy += O / z * M;
         }
       for (const y of c) {
-        const L = i[y.sourceIdx], R = i[y.targetIdx];
-        let O = R.x - L.x, z = R.y - L.y, D = Math.sqrt(O * O + z * z) || 1, G = (D - 120) * 0.05 * w;
-        L.vx += O / D * G, L.vy += z / D * G, R.vx -= O / D * G, R.vy -= z / D * G;
+        const R = i[y.sourceIdx], L = i[y.targetIdx];
+        let O = L.x - R.x, z = L.y - R.y, M = Math.sqrt(O * O + z * z) || 1, G = (M - 120) * 0.05 * w;
+        R.vx += O / M * G, R.vy += z / M * G, L.vx -= O / M * G, L.vy -= z / M * G;
       }
       for (const y of i)
         y.vx += (b - y.x) * 0.01 * w, y.vy += (E - y.y) * 0.01 * w;
@@ -372,13 +379,13 @@ function qe({ server: s }) {
         y.vx *= 0.6, y.vy *= 0.6, y.x += y.vx, y.y += y.vy, y.x = Math.max(B, Math.min(v.width - B, y.x)), y.y = Math.max(B, Math.min(v.height - B, y.y));
     }
     C({ nodes: i, edges: c });
-  }, [a, v]);
+  }, [r, v]);
   const g = {};
   let h = 0;
   function n(i) {
     return g[i] || (g[i] = de[h++ % de.length]), g[i];
   }
-  function t(i, c) {
+  function s(i, c) {
     const b = n(i.label), E = f === c, T = (l == null ? void 0 : l.edges.filter((y) => y.sourceIdx === c || y.targetIdx === c)) || [], w = f !== null && !E && !T.some((y) => y.sourceIdx === f || y.targetIdx === f);
     return /* @__PURE__ */ e.jsxs(
       "g",
@@ -398,17 +405,17 @@ function qe({ server: s }) {
   function m(i, c) {
     const b = l.nodes[i.sourceIdx], E = l.nodes[i.targetIdx];
     if (!b || !E) return null;
-    const T = E.x - b.x, w = E.y - b.y, y = Math.sqrt(T * T + w * w) || 1, L = T / y, R = w / y, O = b.x + L * B, z = b.y + R * B, D = E.x - L * B, G = E.y - R * B, u = f !== null && (i.sourceIdx === f || i.targetIdx === f), P = f !== null && !u, I = 10, M = Math.atan2(G - z, D - O), H = D - I * Math.cos(M - 0.35), q = G - I * Math.sin(M - 0.35), se = D - I * Math.cos(M + 0.35), je = G - I * Math.sin(M + 0.35);
+    const T = E.x - b.x, w = E.y - b.y, y = Math.sqrt(T * T + w * w) || 1, R = T / y, L = w / y, O = b.x + R * B, z = b.y + L * B, M = E.x - R * B, G = E.y - L * B, u = f !== null && (i.sourceIdx === f || i.targetIdx === f), P = f !== null && !u, I = 10, D = Math.atan2(G - z, M - O), H = M - I * Math.cos(D - 0.35), q = G - I * Math.sin(D - 0.35), se = M - I * Math.cos(D + 0.35), be = G - I * Math.sin(D + 0.35);
     return /* @__PURE__ */ e.jsxs("g", { style: { opacity: P ? 0.15 : 1 }, children: [
-      /* @__PURE__ */ e.jsx("line", { x1: O, y1: z, x2: D, y2: G, stroke: u ? "#60a5fa" : "#475569", strokeWidth: u ? 2.5 : 1.5 }),
-      /* @__PURE__ */ e.jsx("polygon", { points: `${D},${G} ${H},${q} ${se},${je}`, fill: u ? "#60a5fa" : "#475569" }),
-      i.type && /* @__PURE__ */ e.jsx("text", { x: (O + D) / 2, y: (z + G) / 2 - 6, textAnchor: "middle", fill: "#64748b", fontSize: "9", style: { pointerEvents: "none" }, children: i.type })
+      /* @__PURE__ */ e.jsx("line", { x1: O, y1: z, x2: M, y2: G, stroke: u ? "#60a5fa" : "#475569", strokeWidth: u ? 2.5 : 1.5 }),
+      /* @__PURE__ */ e.jsx("polygon", { points: `${M},${G} ${H},${q} ${se},${be}`, fill: u ? "#60a5fa" : "#475569" }),
+      i.type && /* @__PURE__ */ e.jsx("text", { x: (O + M) / 2, y: (z + G) / 2 - 6, textAnchor: "middle", fill: "#64748b", fontSize: "9", style: { pointerEvents: "none" }, children: i.type })
     ] }, c);
   }
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
-        /* @__PURE__ */ e.jsx("button", { className: "primary", onClick: k, disabled: r, children: r ? "加载中…" : "刷新图" }),
+        /* @__PURE__ */ e.jsx("button", { className: "primary", onClick: k, disabled: a, children: a ? "加载中…" : "刷新图" }),
         /* @__PURE__ */ e.jsx("span", { className: "muted", children: l ? `${l.nodes.length} 节点 · ${l.edges.length} 边` : "无数据" }),
         f !== null && (l == null ? void 0 : l.nodes[f]) && /* @__PURE__ */ e.jsxs("span", { className: "tag", style: { marginLeft: 8 }, children: [
           "选中: ",
@@ -421,7 +428,7 @@ function qe({ server: s }) {
       p && /* @__PURE__ */ e.jsx("div", { className: "error", style: { marginTop: 8 }, children: p })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "card", style: { padding: 0, overflow: "hidden" }, children: [
-      (!l || l.nodes.length === 0) && !r && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "暂无图数据。请先在 Cypher 查询页创建节点和边。" }),
+      (!l || l.nodes.length === 0) && !a && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "暂无图数据。请先在 Cypher 查询页创建节点和边。" }),
       /* @__PURE__ */ e.jsxs(
         "svg",
         {
@@ -433,7 +440,7 @@ function qe({ server: s }) {
             /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsx("pattern", { id: "grid", width: "40", height: "40", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ e.jsx("path", { d: "M 40 0 L 0 0 0 40", fill: "none", stroke: "#1e293b", strokeWidth: "0.5" }) }) }),
             /* @__PURE__ */ e.jsx("rect", { width: "100%", height: "100%", fill: "url(#grid)" }),
             /* @__PURE__ */ e.jsx("g", { children: l == null ? void 0 : l.edges.map((i, c) => m(i, c)) }),
-            /* @__PURE__ */ e.jsx("g", { children: l == null ? void 0 : l.nodes.map((i, c) => t(i, c)) })
+            /* @__PURE__ */ e.jsx("g", { children: l == null ? void 0 : l.nodes.map((i, c) => s(i, c)) })
           ]
         }
       )
@@ -447,22 +454,22 @@ function qe({ server: s }) {
     ] })
   ] });
 }
-function V(s) {
-  const a = s.match(/\((\d+):/), o = s.match(/:\[(\w+)\]/), r = s.match(/\{(.+)\}/), d = { _id: a ? parseInt(a[1]) : 0, _label: o ? o[1] : "Node" };
-  return r && r[1].split(",").forEach((p) => {
+function V(t) {
+  const r = t.match(/\((\d+):/), o = t.match(/:\[(\w+)\]/), a = t.match(/\{(.+)\}/), d = { _id: r ? parseInt(r[1]) : 0, _label: o ? o[1] : "Node" };
+  return a && a[1].split(",").forEach((p) => {
     const [S, f] = p.split("=").map((x) => x.trim());
     S && f && (d[S] = isNaN(f) ? f.replace(/^'|'$/g, "") : Number(f));
   }), d;
 }
-function $e(s) {
-  const a = s.match(/\}\s*\{(.*?)\}/) || s.match(/\{(.*)\}/), o = {};
-  return a && a[1] && a[1].split(",").forEach((r) => {
-    const [d, p] = r.split("=").map((S) => S.trim());
+function Fe(t) {
+  const r = t.match(/\}\s*\{(.*?)\}/) || t.match(/\{(.*)\}/), o = {};
+  return r && r[1] && r[1].split(",").forEach((a) => {
+    const [d, p] = a.split("=").map((S) => S.trim());
     d && p && (o[d] = isNaN(p) ? p.replace(/^'|'$/g, "") : Number(p));
   }), o;
 }
-function Ue({ server: s }) {
-  const [a, o] = N([]), [r, d] = N({}), [p, S] = N([]), [f, x] = N(!0), [l, C] = N(null);
+function _e({ server: t }) {
+  const [r, o] = N([]), [a, d] = N({}), [p, S] = N([]), [f, x] = N(!0), [l, C] = N(null);
   $(() => {
     let v = !1;
     async function A() {
@@ -474,10 +481,10 @@ function Ue({ server: s }) {
           W.query("CALL db.branches()").catch(() => [])
         ]), n = Array.isArray(k) ? k : k && k.Name ? [k.Name] : [];
         o(n), S(Array.isArray(g) ? g : []);
-        const t = {};
+        const s = {};
         (Array.isArray(h) ? h : []).forEach((m) => {
-          m && m.Name && (t[m.Name] = m);
-        }), d(t), C(null);
+          m && m.Name && (s[m.Name] = m);
+        }), d(s), C(null);
       } catch (k) {
         C(k.message);
       } finally {
@@ -485,7 +492,7 @@ function Ue({ server: s }) {
       }
     }
     A();
-  }, [s.head]);
+  }, [t.head]);
   const j = p.reduce((v, A) => (v.has(A.branch) || v.set(A.branch, []), v.get(A.branch).push(A), v), /* @__PURE__ */ new Map());
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
@@ -493,8 +500,8 @@ function Ue({ server: s }) {
       /* @__PURE__ */ e.jsx("div", { className: "muted", children: "每个分支指向一个 commit head;切换分支不会丢历史。" }),
       f && /* @__PURE__ */ e.jsx("div", { className: "muted", children: "加载中…" }),
       l && /* @__PURE__ */ e.jsx("div", { className: "error", children: l }),
-      !f && a.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "尚无分支" }),
-      !f && a.length > 0 && /* @__PURE__ */ e.jsxs("table", { children: [
+      !f && r.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "尚无分支" }),
+      !f && r.length > 0 && /* @__PURE__ */ e.jsxs("table", { children: [
         /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
           /* @__PURE__ */ e.jsx("th", { children: "分支" }),
           /* @__PURE__ */ e.jsx("th", { children: "Head commit" }),
@@ -502,9 +509,9 @@ function Ue({ server: s }) {
           /* @__PURE__ */ e.jsx("th", { children: "节点" }),
           /* @__PURE__ */ e.jsx("th", { children: "边" })
         ] }) }),
-        /* @__PURE__ */ e.jsx("tbody", { children: a.map((v) => {
+        /* @__PURE__ */ e.jsx("tbody", { children: r.map((v) => {
           var g;
-          const A = (g = r[v]) == null ? void 0 : g.Head, k = p.find((h) => h.id === A);
+          const A = (g = a[v]) == null ? void 0 : g.Head, k = p.find((h) => h.id === A);
           return /* @__PURE__ */ e.jsxs("tr", { children: [
             /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx("span", { className: "tag", children: v }) }),
             /* @__PURE__ */ e.jsx("td", { className: "mono", children: Y(A, 12) || "-" }),
@@ -553,8 +560,8 @@ const he = [
   "#f472b6"
   // pink
 ];
-function Be({ server: s }) {
-  const [a, o] = N([]), [r, d] = N(!0), [p, S] = N(null), [f, x] = N(""), [l, C] = N(""), [j, v] = N(null);
+function Ke({ server: t }) {
+  const [r, o] = N([]), [a, d] = N(!0), [p, S] = N(null), [f, x] = N(""), [l, C] = N(""), [j, v] = N(null);
   $(() => {
     let g = !1;
     async function h() {
@@ -569,13 +576,13 @@ function Be({ server: s }) {
       }
     }
     h();
-  }, [s.head]);
+  }, [t.head]);
   const A = X(
-    () => Array.from(new Set(a.map((g) => g.branch))),
-    [a]
+    () => Array.from(new Set(r.map((g) => g.branch))),
+    [r]
   ), k = X(
-    () => a.filter((g) => !f || g.branch === f).filter((g) => !l || (g.message || "").toLowerCase().includes(l.toLowerCase()) || (g.author || "").toLowerCase().includes(l.toLowerCase()) || (g.id || "").startsWith(l)),
-    [a, f, l]
+    () => r.filter((g) => !f || g.branch === f).filter((g) => !l || (g.message || "").toLowerCase().includes(l.toLowerCase()) || (g.author || "").toLowerCase().includes(l.toLowerCase()) || (g.id || "").startsWith(l)),
+    [r, f, l]
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
@@ -597,11 +604,11 @@ function Be({ server: s }) {
           x(""), C(""), v(null);
         }, children: "清空" })
       ] }),
-      r && /* @__PURE__ */ e.jsx("div", { className: "muted", children: "加载中…" }),
+      a && /* @__PURE__ */ e.jsx("div", { className: "muted", children: "加载中…" }),
       p && /* @__PURE__ */ e.jsx("div", { className: "error-banner", children: p }),
-      !r && k.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "没有匹配的 commit" }),
-      !r && k.length > 0 && /* @__PURE__ */ e.jsx(
-        Fe,
+      !a && k.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "empty", children: "没有匹配的 commit" }),
+      !a && k.length > 0 && /* @__PURE__ */ e.jsx(
+        Je,
         {
           commits: k,
           branches: A,
@@ -668,24 +675,24 @@ function Be({ server: s }) {
     ] })
   ] });
 }
-function _(s, a) {
-  const o = s.indexOf(a);
+function _(t, r) {
+  const o = t.indexOf(r);
   return he[o % he.length];
 }
-function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
+function Je({ commits: t, branches: r, selected: o, onSelect: a }) {
   const d = X(
-    () => [...s].sort((h, n) => (n.timestamp || 0) - (h.timestamp || 0)),
-    [s]
+    () => [...t].sort((h, n) => (n.timestamp || 0) - (h.timestamp || 0)),
+    [t]
   ), p = 130, S = 70, f = 7, x = 30, l = 50, C = 140, j = X(() => {
-    const h = /* @__PURE__ */ new Map(), n = [...a].sort((t, m) => t === "main" ? -1 : m === "main" ? 1 : a.indexOf(t) - a.indexOf(m));
-    return n.forEach((t, m) => h.set(t, m)), { lanes: h, totalLanes: n.length };
-  }, [a]), v = X(() => {
+    const h = /* @__PURE__ */ new Map(), n = [...r].sort((s, m) => s === "main" ? -1 : m === "main" ? 1 : r.indexOf(s) - r.indexOf(m));
+    return n.forEach((s, m) => h.set(s, m)), { lanes: h, totalLanes: n.length };
+  }, [r]), v = X(() => {
     const h = /* @__PURE__ */ new Map();
-    return d.forEach((n, t) => {
+    return d.forEach((n, s) => {
       const m = j.lanes.get(n.branch) || 0;
       h.set(n.id, {
-        col: t,
-        x: x + t * p + p / 2,
+        col: s,
+        x: x + s * p + p / 2,
         y: l + m * S + S / 2,
         lane: m,
         branch: n.branch
@@ -694,22 +701,22 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
   }, [d, j]), A = X(() => {
     const h = [];
     for (const n of d) {
-      const t = v.get(n.id);
-      if (!t) continue;
+      const s = v.get(n.id);
+      if (!s) continue;
       const m = n.parents || [];
       m.forEach((i, c) => {
         const b = v.get(i);
         b && h.push({
-          from: t,
+          from: s,
           to: b,
-          color: _(a, n.branch),
+          color: _(r, n.branch),
           isMainParent: c === 0,
           isMerge: m.length > 1
         });
       });
     }
     return h;
-  }, [d, v, j, a]), k = x + d.length * p + C, g = l + j.totalLanes * S + 30;
+  }, [d, v, j, r]), k = x + d.length * p + C, g = l + j.totalLanes * S + 30;
   return /* @__PURE__ */ e.jsxs("div", { className: "commit-flow-graph", style: { overflowX: "auto", overflowY: "hidden", padding: "12px 0" }, children: [
     /* @__PURE__ */ e.jsxs("div", { style: { minWidth: k, position: "relative" }, children: [
       /* @__PURE__ */ e.jsxs(
@@ -748,15 +755,15 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
               )
             ] }),
             [...j.lanes.entries()].map(([h, n]) => {
-              const t = l + n * S + S / 2;
+              const s = l + n * S + S / 2;
               return /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx(
                 "line",
                 {
                   x1: x - 10,
-                  y1: t,
+                  y1: s,
                   x2: x + d.length * p + 10,
-                  y2: t,
-                  stroke: _(a, h),
+                  y2: s,
+                  stroke: _(r, h),
                   strokeWidth: 1.5,
                   strokeDasharray: "6,4",
                   opacity: 0.4
@@ -787,22 +794,22 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
             ),
             A.map((h, n) => {
               var P, I;
-              const { from: t, to: m, color: i, isMerge: c, isMainParent: b } = h, E = (o == null ? void 0 : o.id) === ((P = t.commit) == null ? void 0 : P.id) || (o == null ? void 0 : o.id) === ((I = m.commit) == null ? void 0 : I.id), T = t.x - f - 2, w = t.y, y = m.x + f + 2, L = m.y;
-              if (t.lane === m.lane)
+              const { from: s, to: m, color: i, isMerge: c, isMainParent: b } = h, E = (o == null ? void 0 : o.id) === ((P = s.commit) == null ? void 0 : P.id) || (o == null ? void 0 : o.id) === ((I = m.commit) == null ? void 0 : I.id), T = s.x - f - 2, w = s.y, y = m.x + f + 2, R = m.y;
+              if (s.lane === m.lane)
                 return /* @__PURE__ */ e.jsx(
                   "line",
                   {
                     x1: T,
                     y1: w,
                     x2: y,
-                    y2: L,
+                    y2: R,
                     stroke: E ? "#60a5fa" : i,
                     strokeWidth: E ? 2.5 : 2,
                     markerEnd: E ? "url(#arrowhead-active)" : "url(#arrowhead)"
                   },
                   n
                 );
-              const R = y - T, O = T + R * 0.3, z = w, D = y - R * 0.3, u = `M ${T},${w} C ${O},${z} ${D},${L} ${y},${L}`;
+              const L = y - T, O = T + L * 0.3, z = w, M = y - L * 0.3, u = `M ${T},${w} C ${O},${z} ${M},${R} ${y},${R}`;
               return /* @__PURE__ */ e.jsx(
                 "path",
                 {
@@ -820,8 +827,8 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
             d.map((h) => {
               const n = v.get(h.id);
               if (!n) return null;
-              const t = (h.parents || []).length > 1, m = (o == null ? void 0 : o.id) === h.id, i = _(a, h.branch), c = m ? f + 2 : f;
-              return t ? /* @__PURE__ */ e.jsxs("g", { children: [
+              const s = (h.parents || []).length > 1, m = (o == null ? void 0 : o.id) === h.id, i = _(r, h.branch), c = m ? f + 2 : f;
+              return s ? /* @__PURE__ */ e.jsxs("g", { children: [
                 /* @__PURE__ */ e.jsx(
                   "polygon",
                   {
@@ -830,7 +837,7 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
                     stroke: m ? "#fff" : "#0b1220",
                     strokeWidth: m ? 2 : 1.5,
                     style: { cursor: "pointer" },
-                    onClick: () => r(m ? null : h)
+                    onClick: () => a(m ? null : h)
                   }
                 ),
                 m && /* @__PURE__ */ e.jsx(
@@ -856,7 +863,7 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
                     stroke: m ? "#fff" : "#0b1220",
                     strokeWidth: m ? 2 : 1.5,
                     style: { cursor: "pointer" },
-                    onClick: () => r(m ? null : h)
+                    onClick: () => a(m ? null : h)
                   }
                 ),
                 m && /* @__PURE__ */ e.jsx(
@@ -874,15 +881,15 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
               ] }, h.id);
             }),
             [...j.lanes.entries()].map(([h, n]) => {
-              const t = l + n * S + S / 2, m = x + d.length * p + 10, i = _(a, h), b = d.filter((E) => E.branch === h)[0];
+              const s = l + n * S + S / 2, m = x + d.length * p + 10, i = _(r, h), b = d.filter((E) => E.branch === h)[0];
               return /* @__PURE__ */ e.jsxs("g", { children: [
                 /* @__PURE__ */ e.jsx(
                   "line",
                   {
                     x1: m - 10,
-                    y1: t,
+                    y1: s,
                     x2: m + 10,
-                    y2: t,
+                    y2: s,
                     stroke: i,
                     strokeWidth: 2
                   }
@@ -891,7 +898,7 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
                   "rect",
                   {
                     x: m + 12,
-                    y: t - 11,
+                    y: s - 11,
                     width: Math.max(60, h.length * 8 + 16),
                     height: 22,
                     rx: 4,
@@ -899,32 +906,32 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
                     stroke: i,
                     strokeWidth: 1.5,
                     style: { cursor: "pointer" },
-                    onClick: () => b && r(b)
+                    onClick: () => b && a(b)
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
                   "text",
                   {
                     x: m + 22,
-                    y: t + 4,
+                    y: s + 4,
                     fontSize: 12,
                     fill: i,
                     fontFamily: "'SFMono-Regular', Menlo, Consolas, monospace",
                     fontWeight: 600,
                     style: { cursor: "pointer" },
-                    onClick: () => b && r(b),
+                    onClick: () => b && a(b),
                     children: h
                   }
                 )
               ] }, h);
             }),
             [...j.lanes.entries()].map(([h, n]) => {
-              const t = l + n * S + S / 2, m = _(a, h);
+              const s = l + n * S + S / 2, m = _(r, h);
               return /* @__PURE__ */ e.jsx(
                 "text",
                 {
                   x: 5,
-                  y: t + 4,
+                  y: s + 4,
                   fontSize: 11,
                   fill: m,
                   fontFamily: "'SFMono-Regular', Menlo, Consolas, monospace",
@@ -937,17 +944,17 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
         }
       ),
       /* @__PURE__ */ e.jsx("div", { style: { position: "relative", pointerEvents: "none" }, children: d.map((h, n) => {
-        const t = v.get(h.id);
-        if (!t) return null;
+        const s = v.get(h.id);
+        if (!s) return null;
         const m = (o == null ? void 0 : o.id) === h.id;
         return /* @__PURE__ */ e.jsxs(
           "div",
           {
-            onClick: () => r(m ? null : h),
+            onClick: () => a(m ? null : h),
             style: {
               position: "absolute",
-              left: t.x - p / 2 + 12,
-              top: t.y - 26,
+              left: s.x - p / 2 + 12,
+              top: s.y - 26,
               width: p - 14,
               fontSize: 11,
               color: m ? "#f8fafc" : "#cbd5e1",
@@ -962,7 +969,7 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
                   className: "mono",
                   style: {
                     fontSize: 10,
-                    color: _(a, h.branch),
+                    color: _(r, h.branch),
                     fontWeight: 600,
                     whiteSpace: "nowrap",
                     overflow: "hidden",
@@ -992,12 +999,12 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
       }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { style: { marginTop: 16, display: "flex", flexWrap: "wrap", gap: 12, padding: "8px 0", borderTop: "1px solid #1e293b" }, children: [
-      a.map((h) => /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6, fontSize: 12 }, children: [
+      r.map((h) => /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6, fontSize: 12 }, children: [
         /* @__PURE__ */ e.jsx("span", { style: {
           display: "inline-block",
           width: 14,
           height: 3,
-          background: _(a, h)
+          background: _(r, h)
         } }),
         /* @__PURE__ */ e.jsx("span", { className: "mono", children: h }),
         /* @__PURE__ */ e.jsxs("span", { className: "muted", children: [
@@ -1010,7 +1017,7 @@ function Fe({ commits: s, branches: a, selected: o, onSelect: r }) {
     ] })
   ] });
 }
-const _e = /* @__PURE__ */ new Set([
+const Xe = /* @__PURE__ */ new Set([
   "MATCH",
   "RETURN",
   "CREATE",
@@ -1084,7 +1091,7 @@ const _e = /* @__PURE__ */ new Set([
   "db.tags",
   "db.edges",
   "db.indexes"
-]), Ke = [
+]), Ve = [
   // 关键字
   { text: "MATCH", desc: "模式匹配", category: "keyword" },
   { text: "RETURN", desc: "返回结果", category: "keyword" },
@@ -1150,7 +1157,7 @@ const _e = /* @__PURE__ */ new Set([
   pattern: "#86efac",
   ddl: "#fbbf24"
 };
-function Je({ value: s, onChange: a, onKeyDown: o, rows: r = 10 }) {
+function Ye({ value: t, onChange: r, onKeyDown: o, rows: a = 10 }) {
   const d = te(null), p = te(null), [S, f] = N([]), [x, l] = N(0), [C, j] = N(!1), [v, A] = N({ top: 0, left: 0 }), k = K(() => {
     d.current && p.current && (d.current.scrollTop = p.current.scrollTop, d.current.scrollLeft = p.current.scrollLeft);
   }, []);
@@ -1168,16 +1175,16 @@ function Je({ value: s, onChange: a, onKeyDown: o, rows: r = 10 }) {
   }
   const n = K((c) => {
     const b = c.target.value;
-    a(b);
+    r(b);
     const E = c.target.selectionStart, T = g(b, E);
     if (T.length >= 1) {
-      const w = Ke.filter(
+      const w = Ve.filter(
         (y) => y.text.toLowerCase().startsWith(T.toLowerCase()) || y.desc.includes(T)
       ).slice(0, 12);
       w.length > 0 ? (f(w), l(0), j(!0), A(h(c.target, E))) : j(!1);
     } else
       j(!1);
-  }, [a]), t = K((c) => {
+  }, [r]), s = K((c) => {
     if (C && S.length > 0) {
       if (c.key === "ArrowDown") {
         c.preventDefault(), l((b) => (b + 1) % S.length);
@@ -1201,8 +1208,8 @@ function Je({ value: s, onChange: a, onKeyDown: o, rows: r = 10 }) {
   function m(c) {
     const b = p.current;
     if (!b) return;
-    const E = b.selectionStart, T = b.value, w = g(T, E), y = T.substring(0, E - w.length), L = T.substring(E), R = y + c.text + L;
-    a(R), j(!1), setTimeout(() => {
+    const E = b.selectionStart, T = b.value, w = g(T, E), y = T.substring(0, E - w.length), R = T.substring(E), L = y + c.text + R;
+    r(L), j(!1), setTimeout(() => {
       const O = E - w.length + c.text.length;
       b.setSelectionRange(O, O), b.focus();
     }, 0);
@@ -1214,7 +1221,7 @@ function Je({ value: s, onChange: a, onKeyDown: o, rows: r = 10 }) {
     }
     return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
   }, [C]);
-  const i = Xe(s || "");
+  const i = Ze(t || "");
   return /* @__PURE__ */ e.jsxs("div", { className: "cypher-editor-wrap", style: { position: "relative" }, children: [
     /* @__PURE__ */ e.jsx(
       "pre",
@@ -1250,12 +1257,12 @@ function Je({ value: s, onChange: a, onKeyDown: o, rows: r = 10 }) {
       "textarea",
       {
         ref: p,
-        value: s,
+        value: t,
         onChange: n,
         onScroll: k,
-        onKeyDown: t,
+        onKeyDown: s,
         spellCheck: !1,
-        rows: r,
+        rows: a,
         placeholder: "MATCH (n:Person) RETURN n LIMIT 10",
         style: {
           width: "100%",
@@ -1333,53 +1340,53 @@ function Je({ value: s, onChange: a, onKeyDown: o, rows: r = 10 }) {
     )
   ] });
 }
-function Xe(s) {
-  const a = [];
+function Ze(t) {
+  const r = [];
   let o = 0;
-  for (; o < s.length; ) {
-    if (s[o] === "-" && s[o + 1] === "-") {
-      const r = s.indexOf(`
-`, o), d = r === -1 ? s.substring(o) : s.substring(o, r);
-      a.push(`<span class="hl-comment">${U(d)}</span>`), o = r === -1 ? s.length : r;
+  for (; o < t.length; ) {
+    if (t[o] === "-" && t[o + 1] === "-") {
+      const a = t.indexOf(`
+`, o), d = a === -1 ? t.substring(o) : t.substring(o, a);
+      r.push(`<span class="hl-comment">${U(d)}</span>`), o = a === -1 ? t.length : a;
       continue;
     }
-    if (s[o] === "'") {
-      let r = o + 1;
-      for (; r < s.length && s[r] !== "'"; )
-        s[r] === "\\" && r++, r++;
-      r = Math.min(r + 1, s.length), a.push(`<span class="hl-string">${U(s.substring(o, r))}</span>`), o = r;
+    if (t[o] === "'") {
+      let a = o + 1;
+      for (; a < t.length && t[a] !== "'"; )
+        t[a] === "\\" && a++, a++;
+      a = Math.min(a + 1, t.length), r.push(`<span class="hl-string">${U(t.substring(o, a))}</span>`), o = a;
       continue;
     }
-    if (s[o] === '"') {
-      let r = o + 1;
-      for (; r < s.length && s[r] !== '"'; )
-        s[r] === "\\" && r++, r++;
-      r = Math.min(r + 1, s.length), a.push(`<span class="hl-string">${U(s.substring(o, r))}</span>`), o = r;
+    if (t[o] === '"') {
+      let a = o + 1;
+      for (; a < t.length && t[a] !== '"'; )
+        t[a] === "\\" && a++, a++;
+      a = Math.min(a + 1, t.length), r.push(`<span class="hl-string">${U(t.substring(o, a))}</span>`), o = a;
       continue;
     }
-    if (/[0-9]/.test(s[o]) && (o === 0 || /[\s,({\-:[=<>!]/.test(s[o - 1]))) {
-      let r = o;
-      for (; r < s.length && /[0-9.]/.test(s[r]); ) r++;
-      a.push(`<span class="hl-number">${U(s.substring(o, r))}</span>`), o = r;
+    if (/[0-9]/.test(t[o]) && (o === 0 || /[\s,({\-:[=<>!]/.test(t[o - 1]))) {
+      let a = o;
+      for (; a < t.length && /[0-9.]/.test(t[a]); ) a++;
+      r.push(`<span class="hl-number">${U(t.substring(o, a))}</span>`), o = a;
       continue;
     }
-    if (/[a-zA-Z_]/.test(s[o])) {
-      let r = o;
-      for (; r < s.length && /[a-zA-Z0-9_]/.test(s[r]); ) r++;
-      const d = s.substring(o, r), p = d.toUpperCase();
-      _e.has(p) ? a.push(`<span class="hl-keyword">${U(d)}</span>`) : me.has(p) || me.has(d.toLowerCase()) ? a.push(`<span class="hl-builtin">${U(d)}</span>`) : r < s.length && s[r] === "(" ? a.push(`<span class="hl-function">${U(d)}</span>`) : p === "ASC" || p === "DESC" ? a.push(`<span class="hl-keyword">${U(d)}</span>`) : a.push(U(d)), o = r;
+    if (/[a-zA-Z_]/.test(t[o])) {
+      let a = o;
+      for (; a < t.length && /[a-zA-Z0-9_]/.test(t[a]); ) a++;
+      const d = t.substring(o, a), p = d.toUpperCase();
+      Xe.has(p) ? r.push(`<span class="hl-keyword">${U(d)}</span>`) : me.has(p) || me.has(d.toLowerCase()) ? r.push(`<span class="hl-builtin">${U(d)}</span>`) : a < t.length && t[a] === "(" ? r.push(`<span class="hl-function">${U(d)}</span>`) : p === "ASC" || p === "DESC" ? r.push(`<span class="hl-keyword">${U(d)}</span>`) : r.push(U(d)), o = a;
       continue;
     }
-    if ("-><-[]{}(),:.;=<>!+".includes(s[o])) {
-      a.push(`<span class="hl-op">${U(s[o])}</span>`), o++;
+    if ("-><-[]{}(),:.;=<>!+".includes(t[o])) {
+      r.push(`<span class="hl-op">${U(t[o])}</span>`), o++;
       continue;
     }
-    a.push(U(s[o])), o++;
+    r.push(U(t[o])), o++;
   }
-  return a.join("");
+  return r.join("");
 }
-function U(s) {
-  return s === "&" ? "&amp;" : s === "<" ? "&lt;" : s === ">" ? "&gt;" : s === '"' ? "&quot;" : s;
+function U(t) {
+  return t === "&" ? "&amp;" : t === "<" ? "&lt;" : t === ">" ? "&gt;" : t === '"' ? "&quot;" : t;
 }
 const ne = {
   节点与边: `CREATE (a:Person {name: 'Alice', age: 30}),
@@ -1400,8 +1407,8 @@ const ne = {
   "SHOW STATS": "CALL db.stats()",
   EXPLAIN: "EXPLAIN MATCH (n:Person) WHERE n.age > 20 RETURN n"
 };
-function Ve({ server: s }) {
-  const [a, o] = N(ne.节点与边), [r, d] = N("main"), [p, S] = N(""), [f, x] = N([]), [l, C] = N([]), [j, v] = N("branch"), [A, k] = N(!1), [g, h] = N(null), [n, t] = N(null), [m, i] = N(null), [c, b] = N(() => {
+function Qe({ server: t }) {
+  const [r, o] = N(ne.节点与边), [a, d] = N("main"), [p, S] = N(""), [f, x] = N([]), [l, C] = N([]), [j, v] = N("branch"), [A, k] = N(!1), [g, h] = N(null), [n, s] = N(null), [m, i] = N(null), [c, b] = N(() => {
     try {
       return JSON.parse(localStorage.getItem("z-graph-history") || "[]");
     } catch {
@@ -1412,42 +1419,42 @@ function Ve({ server: s }) {
     let u = !1;
     async function P() {
       try {
-        const [I, M] = await Promise.all([W.branches(), W.commits()]), H = Array.isArray(I) ? I : I && I.Name ? [I.Name] : [], q = Array.isArray(M) ? M : [];
-        x(H), C(q), H.length && !H.find((se) => se === r) && d(H[0]);
+        const [I, D] = await Promise.all([W.branches(), W.commits()]), H = Array.isArray(I) ? I : I && I.Name ? [I.Name] : [], q = Array.isArray(D) ? D : [];
+        x(H), C(q), H.length && !H.find((se) => se === a) && d(H[0]);
       } catch {
       }
     }
     P();
-  }, [s.head]);
+  }, [t.head]);
   function w(u, P) {
-    const I = { cypher: u.substring(0, 200), time: Date.now(), elapsed: P, branch: r }, M = [I, ...c.filter((H) => H.cypher !== I.cypher)].slice(0, 50);
-    b(M);
+    const I = { cypher: u.substring(0, 200), time: Date.now(), elapsed: P, branch: a }, D = [I, ...c.filter((H) => H.cypher !== I.cypher)].slice(0, 50);
+    b(D);
     try {
-      localStorage.setItem("z-graph-history", JSON.stringify(M));
+      localStorage.setItem("z-graph-history", JSON.stringify(D));
     } catch {
     }
   }
   const y = K(async () => {
-    if (!a.trim()) return;
-    k(!0), t(null), h(null), i(null);
+    if (!r.trim()) return;
+    k(!0), s(null), h(null), i(null);
     const u = performance.now();
     try {
       const P = await W.query(
-        a,
-        j === "branch" ? r : null,
+        r,
+        j === "branch" ? a : null,
         j === "commit" ? p : null
       ), I = Math.round(performance.now() - u) + "ms";
-      h(P), i(I), w(a, I);
+      h(P), i(I), w(r, I);
     } catch (P) {
-      t(P.message), w(a, "error");
+      s(P.message), w(r, "error");
     } finally {
       k(!1);
     }
-  }, [a, r, p, j]);
-  function L(u) {
+  }, [r, a, p, j]);
+  function R(u) {
     o(ne[u]);
   }
-  function R(u) {
+  function L(u) {
     o(u.cypher), u.branch && d(u.branch), T(!1);
   }
   function O(u) {
@@ -1455,20 +1462,20 @@ function Ve({ server: s }) {
     if (typeof u == "string") return /* @__PURE__ */ e.jsx("pre", { children: u });
     if (Array.isArray(u)) {
       if (u.length === 0) return /* @__PURE__ */ e.jsx("div", { className: "empty", children: "0 行结果" });
-      const P = Array.from(u.reduce((I, M) => (M && typeof M == "object" && Object.keys(M).forEach((H) => I.add(H)), I), /* @__PURE__ */ new Set()));
+      const P = Array.from(u.reduce((I, D) => (D && typeof D == "object" && Object.keys(D).forEach((H) => I.add(H)), I), /* @__PURE__ */ new Set()));
       return /* @__PURE__ */ e.jsxs("table", { children: [
         /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: P.map((I) => /* @__PURE__ */ e.jsx("th", { children: I }, I)) }) }),
-        /* @__PURE__ */ e.jsx("tbody", { children: u.map((I, M) => /* @__PURE__ */ e.jsx("tr", { children: P.map((H) => /* @__PURE__ */ e.jsx("td", { className: "mono", children: Ye(I[H]) }, H)) }, M)) })
+        /* @__PURE__ */ e.jsx("tbody", { children: u.map((I, D) => /* @__PURE__ */ e.jsx("tr", { children: P.map((H) => /* @__PURE__ */ e.jsx("td", { className: "mono", children: et(I[H]) }, H)) }, D)) })
       ] });
     }
     return /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(u, null, 2) });
   }
   function z() {
     if (!g || !Array.isArray(g) || g.length === 0) return;
-    const u = Array.from(g.reduce((I, M) => (M && typeof M == "object" && Object.keys(M).forEach((H) => I.add(H)), I), /* @__PURE__ */ new Set())), P = [u.join(",")];
+    const u = Array.from(g.reduce((I, D) => (D && typeof D == "object" && Object.keys(D).forEach((H) => I.add(H)), I), /* @__PURE__ */ new Set())), P = [u.join(",")];
     for (const I of g)
-      P.push(u.map((M) => {
-        const H = I[M];
+      P.push(u.map((D) => {
+        const H = I[D];
         if (H == null) return "";
         const q = typeof H == "object" ? JSON.stringify(H) : String(H);
         return q.includes(",") || q.includes('"') || q.includes(`
@@ -1477,21 +1484,21 @@ function Ve({ server: s }) {
     G(P.join(`
 `), "z-graph-query.csv", "text/csv;charset=utf-8");
   }
-  function D() {
+  function M() {
     if (!g) return;
     const u = JSON.stringify(g, null, 2);
     G(u, "z-graph-query.json", "application/json;charset=utf-8");
   }
   function G(u, P, I) {
-    const M = new Blob([u], { type: I }), H = URL.createObjectURL(M), q = document.createElement("a");
+    const D = new Blob([u], { type: I }), H = URL.createObjectURL(D), q = document.createElement("a");
     q.href = H, q.download = P, document.body.appendChild(q), q.click(), document.body.removeChild(q), URL.revokeObjectURL(H);
   }
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
-        /* @__PURE__ */ e.jsx("button", { className: "primary", disabled: A || !a.trim(), onClick: y, children: A ? "执行中…" : "执行" }),
+        /* @__PURE__ */ e.jsx("button", { className: "primary", disabled: A || !r.trim(), onClick: y, children: A ? "执行中…" : "执行" }),
         /* @__PURE__ */ e.jsx("button", { onClick: () => o(""), disabled: A, children: "清空" }),
-        /* @__PURE__ */ e.jsxs("select", { onChange: (u) => L(u.target.value), value: "", children: [
+        /* @__PURE__ */ e.jsxs("select", { onChange: (u) => R(u.target.value), value: "", children: [
           /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, children: "载入示例…" }),
           Object.keys(ne).map((u) => /* @__PURE__ */ e.jsx("option", { value: u, children: u }, u))
         ] }),
@@ -1508,7 +1515,7 @@ function Ve({ server: s }) {
       ] }),
       E && /* @__PURE__ */ e.jsxs("div", { className: "history-panel", children: [
         c.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "muted", children: "暂无历史" }),
-        c.slice(0, 20).map((u, P) => /* @__PURE__ */ e.jsxs("div", { className: "history-item", onClick: () => R(u), children: [
+        c.slice(0, 20).map((u, P) => /* @__PURE__ */ e.jsxs("div", { className: "history-item", onClick: () => L(u), children: [
           /* @__PURE__ */ e.jsxs("span", { className: "history-cypher mono", children: [
             u.cypher.substring(0, 80),
             u.cypher.length > 80 ? "…" : ""
@@ -1519,7 +1526,7 @@ function Ve({ server: s }) {
           ] })
         ] }, P))
       ] }),
-      /* @__PURE__ */ e.jsx("div", { style: { marginTop: 12 }, children: j === "branch" ? /* @__PURE__ */ e.jsx("select", { value: r, onChange: (u) => d(u.target.value), children: f.map((u) => /* @__PURE__ */ e.jsx("option", { value: u, children: u }, u)) }) : /* @__PURE__ */ e.jsxs("select", { value: p, onChange: (u) => S(u.target.value), children: [
+      /* @__PURE__ */ e.jsx("div", { style: { marginTop: 12 }, children: j === "branch" ? /* @__PURE__ */ e.jsx("select", { value: a, onChange: (u) => d(u.target.value), children: f.map((u) => /* @__PURE__ */ e.jsx("option", { value: u, children: u }, u)) }) : /* @__PURE__ */ e.jsxs("select", { value: p, onChange: (u) => S(u.target.value), children: [
         /* @__PURE__ */ e.jsx("option", { value: "", children: "选择一个 commit" }),
         l.slice().reverse().map((u) => /* @__PURE__ */ e.jsxs("option", { value: u.id, children: [
           u.id.substring(0, 12),
@@ -1530,9 +1537,9 @@ function Ve({ server: s }) {
         ] }, u.id))
       ] }) }),
       /* @__PURE__ */ e.jsx(
-        Je,
+        Ye,
         {
-          value: a,
+          value: r,
           onChange: o,
           onKeyDown: (u) => {
             (u.ctrlKey || u.metaKey) && u.key === "Enter" && (u.preventDefault(), y());
@@ -1554,7 +1561,7 @@ function Ve({ server: s }) {
         ] }),
         g && Array.isArray(g) && g.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
           /* @__PURE__ */ e.jsx("button", { onClick: z, children: "📥 CSV" }),
-          /* @__PURE__ */ e.jsx("button", { onClick: D, children: "📥 JSON" })
+          /* @__PURE__ */ e.jsx("button", { onClick: M, children: "📥 JSON" })
         ] })
       ] }),
       n && /* @__PURE__ */ e.jsx("div", { className: "results", children: /* @__PURE__ */ e.jsx("pre", { className: "error", children: n }) }),
@@ -1563,8 +1570,8 @@ function Ve({ server: s }) {
     ] })
   ] });
 }
-function Ye(s) {
-  return s == null ? "" : typeof s == "object" ? JSON.stringify(s) : String(s);
+function et(t) {
+  return t == null ? "" : typeof t == "object" ? JSON.stringify(t) : String(t);
 }
 const ue = [
   { label: "创建 TAG", cypher: "CREATE TAG IF NOT EXISTS Person (name string, age int)", category: "DDL" },
@@ -1585,25 +1592,25 @@ RETURN n.age AS age, count(n) AS count ORDER BY age`, category: "查询" },
   { label: "OPTIONAL MATCH", cypher: `MATCH (a:Person)-[r?:KNOWS]->(b:Person)
 RETURN a.name AS from, b.name AS to`, category: "查询" }
 ];
-function Ze({ server: s }) {
-  const [a, o] = N("TAGS"), [r, d] = N([]), [p, S] = N(!1), [f, x] = N(null), [l, C] = N(null), [j, v] = N(null), [A, k] = N(!1), g = K(async () => {
+function tt({ server: t }) {
+  const [r, o] = N("TAGS"), [a, d] = N([]), [p, S] = N(!1), [f, x] = N(null), [l, C] = N(null), [j, v] = N(null), [A, k] = N(!1), g = K(async () => {
     S(!0), x(null);
     try {
-      const t = await W.query(xe(a), "main", null);
-      d(Array.isArray(t) ? t : []);
-    } catch (t) {
-      x(t.message), d([]);
+      const s = await W.query(xe(r), "main", null);
+      d(Array.isArray(s) ? s : []);
+    } catch (s) {
+      x(s.message), d([]);
     } finally {
       S(!1);
     }
-  }, [a]);
+  }, [r]);
   $(() => {
     g();
-  }, [a, s.head]);
-  async function h(t) {
+  }, [r, t.head]);
+  async function h(s) {
     k(!0), v(null), C(null);
     try {
-      const m = await W.query(t);
+      const m = await W.query(s);
       C(m), setTimeout(g, 500);
     } catch (m) {
       v(m.message);
@@ -1611,80 +1618,80 @@ function Ze({ server: s }) {
       k(!1);
     }
   }
-  const n = [...new Set(ue.map((t) => t.category))];
+  const n = [...new Set(ue.map((s) => s.category))];
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
       /* @__PURE__ */ e.jsx("h2", { children: "DDL 快捷操作" }),
       /* @__PURE__ */ e.jsx("div", { className: "muted", style: { marginBottom: 12 }, children: "点击按钮直接执行 DDL 语句,写入操作会在 main 分支产生新 commit。" }),
-      n.map((t) => /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx("h3", { style: { marginTop: 12, marginBottom: 6 }, children: t }),
-        /* @__PURE__ */ e.jsx("div", { className: "chip-list", children: ue.filter((m) => m.category === t).map((m, i) => /* @__PURE__ */ e.jsx("button", { className: "chip ddl-chip", onClick: () => h(m.cypher), disabled: A, children: m.label }, i)) })
-      ] }, t)),
+      n.map((s) => /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("h3", { style: { marginTop: 12, marginBottom: 6 }, children: s }),
+        /* @__PURE__ */ e.jsx("div", { className: "chip-list", children: ue.filter((m) => m.category === s).map((m, i) => /* @__PURE__ */ e.jsx("button", { className: "chip ddl-chip", onClick: () => h(m.cypher), disabled: A, children: m.label }, i)) })
+      ] }, s)),
       A && /* @__PURE__ */ e.jsx("div", { className: "muted", style: { marginTop: 8 }, children: "执行中…" }),
       j && /* @__PURE__ */ e.jsx("pre", { className: "error", style: { marginTop: 8 }, children: j }),
       l && /* @__PURE__ */ e.jsx("pre", { className: "results", style: { marginTop: 8 }, children: JSON.stringify(l, null, 2) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
-        ["TAGS", "EDGES", "INDEXES"].map((t) => /* @__PURE__ */ e.jsxs(
+        ["TAGS", "EDGES", "INDEXES"].map((s) => /* @__PURE__ */ e.jsxs(
           "button",
           {
-            className: a === t ? "primary" : "",
-            onClick: () => o(t),
+            className: r === s ? "primary" : "",
+            onClick: () => o(s),
             children: [
               "SHOW ",
-              t
+              s
             ]
           },
-          t
+          s
         )),
         /* @__PURE__ */ e.jsx("button", { onClick: g, disabled: p, children: p ? "刷新中…" : "刷新" })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "muted", style: { marginTop: 8 }, children: [
         "执行:",
-        xe(a)
+        xe(r)
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
       f && /* @__PURE__ */ e.jsx("div", { className: "error", children: f }),
-      !f && r.length === 0 && /* @__PURE__ */ e.jsxs("div", { className: "empty", children: [
+      !f && a.length === 0 && /* @__PURE__ */ e.jsxs("div", { className: "empty", children: [
         "尚无 ",
-        a.toLowerCase()
+        r.toLowerCase()
       ] }),
-      !f && r.length > 0 && /* @__PURE__ */ e.jsx(Qe, { rows: r })
+      !f && a.length > 0 && /* @__PURE__ */ e.jsx(st, { rows: a })
     ] })
   ] });
 }
-function xe(s) {
-  return s === "TAGS" ? "SHOW TAGS" : s === "EDGES" ? "SHOW EDGES" : "SHOW INDEXES";
+function xe(t) {
+  return t === "TAGS" ? "SHOW TAGS" : t === "EDGES" ? "SHOW EDGES" : "SHOW INDEXES";
 }
-function Qe({ rows: s }) {
-  const a = Array.from(s.reduce((o, r) => (Object.keys(r || {}).forEach((d) => o.add(d)), o), /* @__PURE__ */ new Set()));
+function st({ rows: t }) {
+  const r = Array.from(t.reduce((o, a) => (Object.keys(a || {}).forEach((d) => o.add(d)), o), /* @__PURE__ */ new Set()));
   return /* @__PURE__ */ e.jsxs("table", { children: [
-    /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: a.map((o) => /* @__PURE__ */ e.jsx("th", { children: o }, o)) }) }),
-    /* @__PURE__ */ e.jsx("tbody", { children: s.map((o, r) => /* @__PURE__ */ e.jsx("tr", { children: a.map((d) => /* @__PURE__ */ e.jsx("td", { className: "mono", children: et(o[d]) }, d)) }, r)) })
+    /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: r.map((o) => /* @__PURE__ */ e.jsx("th", { children: o }, o)) }) }),
+    /* @__PURE__ */ e.jsx("tbody", { children: t.map((o, a) => /* @__PURE__ */ e.jsx("tr", { children: r.map((d) => /* @__PURE__ */ e.jsx("td", { className: "mono", children: nt(o[d]) }, d)) }, a)) })
   ] });
 }
-function et(s) {
-  return s == null ? "" : typeof s == "object" ? JSON.stringify(s) : String(s);
+function nt(t) {
+  return t == null ? "" : typeof t == "object" ? JSON.stringify(t) : String(t);
 }
-const tt = {
+const rt = {
   GET: "#86efac",
   POST: "#93c5fd",
   OPTIONS: "#94a3b8"
 };
-function st() {
+function at() {
   var g, h;
-  const [s, a] = N(null), [o, r] = N(!0), [d, p] = N(null), [S, f] = N(!0), [x, l] = N({ method: "", status: "", path: "", requestId: "" }), [C, j] = N(null), v = K(async () => {
+  const [t, r] = N(null), [o, a] = N(!0), [d, p] = N(null), [S, f] = N(!0), [x, l] = N({ method: "", status: "", path: "", requestId: "" }), [C, j] = N(null), v = K(async () => {
     try {
       const n = {};
       x.method && (n.method = x.method), x.status && (n.status = x.status), x.path && (n.path = x.path), x.requestId && (n.requestId = x.requestId), n.limit = 200;
-      const t = await W.logs(n);
-      a(t), p(null);
+      const s = await W.logs(n);
+      r(s), p(null);
     } catch (n) {
       p(n.message);
     } finally {
-      r(!1);
+      a(!1);
     }
   }, [x]);
   $(() => {
@@ -1694,8 +1701,8 @@ function st() {
   }, [v, S]);
   function A(n) {
     if (!n) return "";
-    const t = new Date(n);
-    return t.toLocaleTimeString("zh-CN", { hour12: !1 }) + "." + String(t.getMilliseconds()).padStart(3, "0");
+    const s = new Date(n);
+    return s.toLocaleTimeString("zh-CN", { hour12: !1 }) + "." + String(s.getMilliseconds()).padStart(3, "0");
   }
   function k(n) {
     return n >= 500 ? "log-status-error" : n >= 400 ? "log-status-warn" : "log-status-ok";
@@ -1706,7 +1713,7 @@ function st() {
         /* @__PURE__ */ e.jsx("h2", { children: "请求日志" }),
         /* @__PURE__ */ e.jsxs("div", { className: "muted", children: [
           "环形缓冲区最近 ",
-          (s == null ? void 0 : s.bufferSize) || 500,
+          (t == null ? void 0 : t.bufferSize) || 500,
           " 条请求记录，自动刷新。"
         ] })
       ] }),
@@ -1723,13 +1730,13 @@ function st() {
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsx("div", { className: "card", children: /* @__PURE__ */ e.jsxs("div", { className: "toolbar", children: [
-      /* @__PURE__ */ e.jsxs("select", { value: x.method, onChange: (n) => l((t) => ({ ...t, method: n.target.value })), children: [
+      /* @__PURE__ */ e.jsxs("select", { value: x.method, onChange: (n) => l((s) => ({ ...s, method: n.target.value })), children: [
         /* @__PURE__ */ e.jsx("option", { value: "", children: "全部方法" }),
         /* @__PURE__ */ e.jsx("option", { value: "GET", children: "GET" }),
         /* @__PURE__ */ e.jsx("option", { value: "POST", children: "POST" }),
         /* @__PURE__ */ e.jsx("option", { value: "OPTIONS", children: "OPTIONS" })
       ] }),
-      /* @__PURE__ */ e.jsxs("select", { value: x.status, onChange: (n) => l((t) => ({ ...t, status: n.target.value })), children: [
+      /* @__PURE__ */ e.jsxs("select", { value: x.status, onChange: (n) => l((s) => ({ ...s, status: n.target.value })), children: [
         /* @__PURE__ */ e.jsx("option", { value: "", children: "全部状态" }),
         /* @__PURE__ */ e.jsx("option", { value: "2xx", children: "2xx 成功" }),
         /* @__PURE__ */ e.jsx("option", { value: "4xx", children: "4xx 客户端错误" }),
@@ -1745,7 +1752,7 @@ function st() {
         {
           placeholder: "路径过滤…",
           value: x.path,
-          onChange: (n) => l((t) => ({ ...t, path: n.target.value })),
+          onChange: (n) => l((s) => ({ ...s, path: n.target.value })),
           style: { width: 200 }
         }
       ),
@@ -1754,15 +1761,15 @@ function st() {
         {
           placeholder: "Request ID…",
           value: x.requestId,
-          onChange: (n) => l((t) => ({ ...t, requestId: n.target.value })),
+          onChange: (n) => l((s) => ({ ...s, requestId: n.target.value })),
           style: { width: 160 }
         }
       ),
-      s && /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 12, color: "#64748b" }, children: [
+      t && /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 12, color: "#64748b" }, children: [
         "共 ",
-        s.total,
+        t.total,
         " 条记录，显示 ",
-        ((g = s.entries) == null ? void 0 : g.length) || 0,
+        ((g = t.entries) == null ? void 0 : g.length) || 0,
         " 条"
       ] })
     ] }) }),
@@ -1771,7 +1778,7 @@ function st() {
       "加载失败: ",
       d
     ] }),
-    s && s.entries && /* @__PURE__ */ e.jsx("div", { className: "card", style: { padding: 0, overflow: "hidden" }, children: /* @__PURE__ */ e.jsx("div", { className: "log-table-wrap", children: /* @__PURE__ */ e.jsxs("table", { className: "log-table", children: [
+    t && t.entries && /* @__PURE__ */ e.jsx("div", { className: "card", style: { padding: 0, overflow: "hidden" }, children: /* @__PURE__ */ e.jsx("div", { className: "log-table-wrap", children: /* @__PURE__ */ e.jsxs("table", { className: "log-table", children: [
       /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
         /* @__PURE__ */ e.jsx("th", { style: { width: 110 }, children: "时间" }),
         /* @__PURE__ */ e.jsx("th", { style: { width: 90 }, children: "Request ID" }),
@@ -1782,11 +1789,11 @@ function st() {
         /* @__PURE__ */ e.jsx("th", { style: { width: 100 }, children: "客户端" })
       ] }) }),
       /* @__PURE__ */ e.jsxs("tbody", { children: [
-        s.entries.map((n, t) => /* @__PURE__ */ e.jsxs(
+        t.entries.map((n, s) => /* @__PURE__ */ e.jsxs(
           "tr",
           {
-            className: `log-row ${C === t ? "selected" : ""}`,
-            onClick: () => j(C === t ? null : t),
+            className: `log-row ${C === s ? "selected" : ""}`,
+            onClick: () => j(C === s ? null : s),
             children: [
               /* @__PURE__ */ e.jsx("td", { className: "mono", style: { fontSize: 11, color: "#64748b" }, children: A(n.timestamp) }),
               /* @__PURE__ */ e.jsx(
@@ -1805,7 +1812,7 @@ function st() {
                 "span",
                 {
                   className: "log-method",
-                  style: { color: tt[n.method] || "#94a3b8" },
+                  style: { color: rt[n.method] || "#94a3b8" },
                   children: n.method
                 }
               ) }),
@@ -1818,14 +1825,14 @@ function st() {
               /* @__PURE__ */ e.jsx("td", { className: "mono", style: { fontSize: 11, color: "#64748b" }, children: n.clientIp })
             ]
           },
-          t
+          s
         )),
-        s.entries.length === 0 && /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx("td", { colSpan: 7, style: { textAlign: "center", padding: 30, color: "#64748b" }, children: "暂无日志记录" }) })
+        t.entries.length === 0 && /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx("td", { colSpan: 7, style: { textAlign: "center", padding: 30, color: "#64748b" }, children: "暂无日志记录" }) })
       ] })
     ] }) }) }),
-    C !== null && ((h = s == null ? void 0 : s.entries) == null ? void 0 : h[C]) && /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
+    C !== null && ((h = t == null ? void 0 : t.entries) == null ? void 0 : h[C]) && /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
       /* @__PURE__ */ e.jsx("h3", { style: { margin: "0 0 8px", fontSize: 14, color: "#94a3b8" }, children: "请求详情" }),
-      /* @__PURE__ */ e.jsx("pre", { className: "results", style: { fontSize: 12, maxHeight: 200 }, children: JSON.stringify(s.entries[C], null, 2) })
+      /* @__PURE__ */ e.jsx("pre", { className: "results", style: { fontSize: 12, maxHeight: 200 }, children: JSON.stringify(t.entries[C], null, 2) })
     ] })
   ] });
 }
@@ -1951,10 +1958,10 @@ const ge = [
     response: "{ imported, branch, elapsedMs }"
   }
 ];
-function nt() {
-  const [s, a] = N(null), [o, r] = N(null), [d, p] = N(!1), [S, f] = N(null);
+function ot() {
+  const [t, r] = N(null), [o, a] = N(null), [d, p] = N(!1), [S, f] = N(null);
   async function x(l) {
-    p(!0), r(null), f(null);
+    p(!0), a(null), f(null);
     try {
       let C;
       if (l.method === "GET")
@@ -1969,7 +1976,7 @@ function nt() {
           body: JSON.stringify(j)
         });
       }
-      r(C);
+      a(C);
     } catch (C) {
       f(C.message);
     } finally {
@@ -1986,14 +1993,14 @@ function nt() {
       ] })
     ] }),
     ge.map((l, C) => /* @__PURE__ */ e.jsxs("div", { className: "card api-endpoint-card", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "api-endpoint-header", onClick: () => a(s === C ? null : C), children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "api-endpoint-header", onClick: () => r(t === C ? null : C), children: [
         /* @__PURE__ */ e.jsx("span", { className: `api-method ${l.method.toLowerCase()}`, children: l.method }),
         /* @__PURE__ */ e.jsx("code", { className: "api-path", children: l.path }),
         /* @__PURE__ */ e.jsx("span", { className: "api-name", children: l.name }),
         /* @__PURE__ */ e.jsx("span", { style: { flex: 1 } }),
-        /* @__PURE__ */ e.jsx("span", { className: "api-expand", children: s === C ? "▲" : "▼" })
+        /* @__PURE__ */ e.jsx("span", { className: "api-expand", children: t === C ? "▲" : "▼" })
       ] }),
-      s === C && /* @__PURE__ */ e.jsxs("div", { className: "api-endpoint-detail", children: [
+      t === C && /* @__PURE__ */ e.jsxs("div", { className: "api-endpoint-detail", children: [
         /* @__PURE__ */ e.jsx("p", { children: l.desc }),
         l.params.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx("h3", { children: "参数" }),
@@ -2025,24 +2032,24 @@ function nt() {
   ] });
 }
 function ye() {
-  const s = typeof window < "u" && window.__Z_GRAPH_API__ || "/api";
-  return s === "/api" ? window.location.host : s.replace(/^https?:\/\//, "");
+  const t = typeof window < "u" && window.__Z_GRAPH_API__ || "/api";
+  return t === "/api" ? window.location.host : t.replace(/^https?:\/\//, "");
 }
-async function fe(s, a = {}) {
-  const r = await (await fetch(s, {
-    headers: { Accept: "application/json", ...a.headers || {} },
-    ...a
+async function fe(t, r = {}) {
+  const a = await (await fetch(t, {
+    headers: { Accept: "application/json", ...r.headers || {} },
+    ...r
   })).text();
-  if (!r) return null;
+  if (!a) return null;
   try {
-    return JSON.parse(r);
+    return JSON.parse(a);
   } catch {
-    return r;
+    return a;
   }
 }
-const { Title: rt, Paragraph: at } = Oe;
-function ot() {
-  const s = ze(), [a, o] = N(null);
+const { Title: lt, Paragraph: it } = He;
+function ct() {
+  const t = qe(), [r, o] = N(null);
   $(() => {
     const d = localStorage.getItem("userInfo");
     if (d)
@@ -2052,17 +2059,17 @@ function ot() {
         o({ name: d });
       }
   }, []);
-  const r = lt.filter((d) => d.key !== "/z-graph/home");
+  const a = dt.filter((d) => d.key !== "/z-graph/home");
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx(re, { style: { marginBottom: 16, background: "linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)", border: "none" }, children: /* @__PURE__ */ e.jsxs(oe, { direction: "vertical", size: 4, style: { color: "#fff" }, children: [
-      /* @__PURE__ */ e.jsxs(rt, { level: 3, style: { color: "#fff", margin: 0 }, children: [
+      /* @__PURE__ */ e.jsxs(lt, { level: 3, style: { color: "#fff", margin: 0 }, children: [
         "欢迎",
-        a != null && a.name ? `，${a.name}` : ""
+        r != null && r.name ? `，${r.name}` : ""
       ] }),
-      /* @__PURE__ */ e.jsx(at, { style: { color: "rgba(255,255,255,0.85)", margin: 0 }, children: "z-graph 图存储控制台 管理台" }),
-      (a == null ? void 0 : a.role) && /* @__PURE__ */ e.jsx(Me, { style: { marginTop: 8, background: "rgba(255,255,255,0.2)", color: "#fff", border: "none" }, children: a.role })
+      /* @__PURE__ */ e.jsx(it, { style: { color: "rgba(255,255,255,0.85)", margin: 0 }, children: "z-graph 图存储控制台 管理台" }),
+      (r == null ? void 0 : r.role) && /* @__PURE__ */ e.jsx(Pe, { style: { marginTop: 8, background: "rgba(255,255,255,0.2)", color: "#fff", border: "none" }, children: r.role })
     ] }) }),
-    /* @__PURE__ */ e.jsx(De, { gutter: [16, 16], children: r.map((d) => /* @__PURE__ */ e.jsx(He, { xs: 24, sm: 12, md: 12, lg: 8, children: /* @__PURE__ */ e.jsx(re, { hoverable: !0, onClick: () => s(d.key), style: { borderTop: "3px solid #7c3aed" }, children: /* @__PURE__ */ e.jsxs(oe, { align: "start", size: 12, children: [
+    /* @__PURE__ */ e.jsx(ze, { gutter: [16, 16], children: a.map((d) => /* @__PURE__ */ e.jsx(We, { xs: 24, sm: 12, md: 12, lg: 8, children: /* @__PURE__ */ e.jsx(re, { hoverable: !0, onClick: () => t(d.key), style: { borderTop: "3px solid #7c3aed" }, children: /* @__PURE__ */ e.jsxs(oe, { align: "start", size: 12, children: [
       /* @__PURE__ */ e.jsx("div", { style: {
         width: 44,
         height: 44,
@@ -2083,13 +2090,13 @@ function ot() {
   ] });
 }
 const J = { username: "admin", password: "123456", user: { name: "admin", role: "管理员" } };
-function pt() {
-  const [s, a] = N(!1), o = async (r) => {
-    a(!0);
+function yt() {
+  const [t, r] = N(!1), o = async (a) => {
+    r(!0);
     try {
-      r.username === J.username && r.password === J.password ? (localStorage.setItem("token", "mock-" + J.username), localStorage.setItem("userInfo", JSON.stringify(J.user)), ie.success("登录成功（mock 模式，待 CTC/SSO 接入）"), window.location.href = "/z-graph/home") : ie.error("用户名或密码错误（默认 admin/123456）");
+      a.username === J.username && a.password === J.password ? (localStorage.setItem("token", "mock-" + J.username), localStorage.setItem("userInfo", JSON.stringify(J.user)), ie.success("登录成功（mock 模式，待 CTC/SSO 接入）"), window.location.href = "/z-graph/home") : ie.error("用户名或密码错误（默认 admin/123456）");
     } finally {
-      a(!1);
+      r(!1);
     }
   };
   return /* @__PURE__ */ e.jsx("div", { style: {
@@ -2116,14 +2123,14 @@ function pt() {
       /* @__PURE__ */ e.jsx("div", { style: { fontSize: 18, fontWeight: 600, color: "#0f172a" }, children: "z-graph 管理台" })
     ] }),
     /* @__PURE__ */ e.jsxs(Z, { onFinish: o, size: "large", children: [
-      /* @__PURE__ */ e.jsx(Z.Item, { name: "username", rules: [{ required: !0, message: "请输入用户名" }], children: /* @__PURE__ */ e.jsx(le, { prefix: /* @__PURE__ */ e.jsx(Se, {}), placeholder: "用户名" }) }),
-      /* @__PURE__ */ e.jsx(Z.Item, { name: "password", rules: [{ required: !0, message: "请输入密码" }], children: /* @__PURE__ */ e.jsx(le.Password, { prefix: /* @__PURE__ */ e.jsx(ve, {}), placeholder: "密码" }) }),
+      /* @__PURE__ */ e.jsx(Z.Item, { name: "username", rules: [{ required: !0, message: "请输入用户名" }], children: /* @__PURE__ */ e.jsx(le, { prefix: /* @__PURE__ */ e.jsx(Te, {}), placeholder: "用户名" }) }),
+      /* @__PURE__ */ e.jsx(Z.Item, { name: "password", rules: [{ required: !0, message: "请输入密码" }], children: /* @__PURE__ */ e.jsx(le.Password, { prefix: /* @__PURE__ */ e.jsx(Ee, {}), placeholder: "密码" }) }),
       /* @__PURE__ */ e.jsx(Z.Item, { style: { marginBottom: 8 }, children: /* @__PURE__ */ e.jsx(
-        Pe,
+        Ge,
         {
           type: "primary",
           htmlType: "submit",
-          loading: s,
+          loading: t,
           block: !0,
           style: { background: "linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)", border: "none" },
           children: "登 录"
@@ -2138,39 +2145,45 @@ function pt() {
     ] })
   ] }) });
 }
-const ut = { title: "z-graph 图存储控制台", short: "z-graph" }, lt = [
-  { key: "/z-graph/home", label: "首页", icon: /* @__PURE__ */ e.jsx(Te, {}) },
-  { key: "/z-graph/dashboard", label: "总览", icon: /* @__PURE__ */ e.jsx(Ee, {}) },
-  { key: "/z-graph/graph", label: "图视图", icon: /* @__PURE__ */ e.jsx(Ce, {}) },
-  { key: "/z-graph/branches", label: "分支", icon: /* @__PURE__ */ e.jsx(Ae, {}) },
-  { key: "/z-graph/commits", label: "提交历史", icon: /* @__PURE__ */ e.jsx(we, {}) },
-  { key: "/z-graph/query", label: "Cypher 查询", icon: /* @__PURE__ */ e.jsx(ke, {}) },
-  { key: "/z-graph/schema", label: "Schema", icon: /* @__PURE__ */ e.jsx(Ie, {}) },
-  { key: "/z-graph/logs", label: "请求日志", icon: /* @__PURE__ */ e.jsx(Le, {}) },
-  { key: "/z-graph/api-docs", label: "API 文档", icon: /* @__PURE__ */ e.jsx(Re, {}) }
-], xt = [
-  { path: "/z-graph/home", Component: ot },
-  { path: "/z-graph/dashboard", Component: F(Ge) },
-  { path: "/z-graph/graph", Component: F(qe) },
-  { path: "/z-graph/branches", Component: F(Ue) },
-  { path: "/z-graph/commits", Component: F(Be) },
-  { path: "/z-graph/query", Component: F(Ve) },
-  { path: "/z-graph/schema", Component: F(Ze) },
-  { path: "/z-graph/logs", Component: F(st) },
-  { path: "/z-graph/api-docs", Component: F(nt) },
-  { path: "/z-graph/instance", Component: F(Ne) },
+const ft = { title: "z-graph 图存储控制台", short: "z-graph" }, dt = [
+  { key: "/z-graph/home", label: "首页", icon: /* @__PURE__ */ e.jsx(Ce, {}) },
+  { key: "/z-graph/dashboard", label: "总览", icon: /* @__PURE__ */ e.jsx(Ae, {}) },
+  { key: "/z-graph/graph", label: "图视图", icon: /* @__PURE__ */ e.jsx(we, {}) },
+  { key: "/z-graph/branches", label: "分支", icon: /* @__PURE__ */ e.jsx(ke, {}) },
+  { key: "/z-graph/commits", label: "提交历史", icon: /* @__PURE__ */ e.jsx(Ie, {}) },
+  { key: "/z-graph/query", label: "Cypher 查询", icon: /* @__PURE__ */ e.jsx(Re, {}) },
+  { key: "/z-graph/schema", label: "Schema", icon: /* @__PURE__ */ e.jsx(Le, {}) },
+  { key: "/z-graph/logs", label: "请求日志", icon: /* @__PURE__ */ e.jsx(Oe, {}) },
+  { key: "/z-graph/api-docs", label: "API 文档", icon: /* @__PURE__ */ e.jsx(De, {}) },
+  { key: "/z-graph/docs", label: "组件文档", icon: /* @__PURE__ */ e.jsx(Me, {}) }
+], jt = [
+  { path: "/z-graph/home", Component: ct },
+  // 旧版 console 页面（吃 src/console/styles.css）⇒ 必须走 withGraphConsole，
+  // 否则那份样式表里的裸元素选择器会泄漏到主壳（详见 console/serverHook.jsx 注释）。
+  { path: "/z-graph/dashboard", Component: F(Ue) },
+  { path: "/z-graph/graph", Component: F(Be) },
+  { path: "/z-graph/branches", Component: F(_e) },
+  { path: "/z-graph/commits", Component: F(Ke) },
+  { path: "/z-graph/query", Component: F(Qe) },
+  { path: "/z-graph/schema", Component: F(tt) },
+  { path: "/z-graph/logs", Component: F(at) },
+  { path: "/z-graph/api-docs", Component: F(ot) },
+  // 新版页面（antd 实现）不吃 console 样式表 ⇒ 不加作用域
+  { path: "/z-graph/instance", Component: je(ve) },
+  { path: "/z-graph/docs", Component: Ne },
   // catchall 放最后 —— 否则 `:rest*` 会先于具体路由匹配,导致 /z-graph/query
   // 全部跳进 GraphApp 的内层 /schema 路由(URL 变成 /z-graph/query/schema)。
-  { path: "/z-graph/:rest*", Component: be }
+  { path: "/z-graph/:rest*", Component: Se }
 ];
 export {
-  ot as HomePage,
-  pt as LoginPage,
+  Ne as ComponentDocPage,
+  ct as HomePage,
+  yt as LoginPage,
   W as api,
-  ut as appMeta,
-  ft as configureGraph,
-  lt as menuItems,
-  xt as routes,
-  We as useGraphServer,
-  F as withGraphServer
+  ft as appMeta,
+  St as configureGraph,
+  dt as menuItems,
+  jt as routes,
+  $e as useGraphServer,
+  je as withGraphServer
 };