@yuku123/z-team-component 0.2.103 → 0.2.104

package/dist/index-BwJPAN8f.js

@@ -0,0 +1,112 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useState as L, useMemo as p } from "react";
+import { useNavigate as v, useLocation as A } from "react-router-dom";
+import { DownOutlined as k, RightOutlined as w } from "@ant-design/icons";
+import { P as W, R as $ } from "./index-DIFIvVWE.js";
+import { f as E, M as g } from "./menuPermission-CCQjJVXg.js";
+import { d as j } from "./ComponentDoc-BW1SyDxk.js";
+const H = "_shell_1jjcx_7", M = "_sidebar_1jjcx_15", R = "_menuList_1jjcx_37", T = "_menuGroup_1jjcx_43", C = "_menuGroupHeader_1jjcx_47", P = "_menuGroupIcon_1jjcx_65", z = "_menuGroupLabel_1jjcx_70", K = "_menuGroupArrow_1jjcx_74", U = "_menuSubList_1jjcx_80", Z = "_menuSubItem_1jjcx_86", B = "_menuSubItemActive_1jjcx_103", D = "_menuSubItemIcon_1jjcx_110", O = "_menuSubItemLabel_1jjcx_115", q = "_menuSubItemWrap_1jjcx_119", F = "_main_1jjcx_123", J = "_empty_1jjcx_134", Q = "_emptyIcon_1jjcx_144", V = "_emptyText_1jjcx_149", n = {
+  shell: H,
+  sidebar: M,
+  menuList: R,
+  menuGroup: T,
+  menuGroupHeader: C,
+  menuGroupIcon: P,
+  menuGroupLabel: z,
+  menuGroupArrow: K,
+  menuSubList: U,
+  menuSubItem: Z,
+  menuSubItemActive: B,
+  menuSubItemIcon: D,
+  menuSubItemLabel: O,
+  menuSubItemWrap: q,
+  main: F,
+  empty: J,
+  emptyIcon: Q,
+  emptyText: V
+};
+function X(m, r) {
+  for (const s of m)
+    if (s.path === r) return s.element;
+  for (const s of m)
+    if (s.path.includes("*") || s.path.includes(":")) {
+      const i = "^" + s.path.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*").replace(/:([a-zA-Z_][a-zA-Z0-9_]*)/g, "[^/]+") + "$";
+      if (new RegExp(i).test(r)) return s.element;
+    }
+  return null;
+}
+function Y({ text: m }) {
+  return /* @__PURE__ */ o("div", { className: n.empty, children: [
+    /* @__PURE__ */ t("div", { className: n.emptyIcon, children: "⚙️" }),
+    /* @__PURE__ */ t("div", { className: n.emptyText, children: m })
+  ] });
+}
+function ue({
+  groups: m,
+  routes: r,
+  mode: s,
+  emptyText: i,
+  activePathOverride: _,
+  menuOnly: h = !1
+}) {
+  const I = v(), { pathname: a } = A(), d = j((e) => e.currentUser), b = j((e) => e.permissionState), [x, S] = L(
+    new Set(m.map((e) => e.title))
+  ), l = p(
+    () => b === "failed" ? m : E(m, d),
+    [m, d, b]
+  ), f = p(() => {
+    const e = _ ?? a;
+    for (const u of l)
+      for (const c of u.items)
+        if (c.path === e) return c.key;
+    return null;
+  }, [l, _, a]), G = (e) => {
+    S((u) => {
+      const c = new Set(u);
+      return c.has(e) ? c.delete(e) : c.add(e), c;
+    });
+  }, y = (e) => {
+    I(`${e.path}?mode=${s}`);
+  }, N = p(() => X(r, a), [r, a]);
+  return /* @__PURE__ */ o("div", { className: n.shell, children: [
+    /* @__PURE__ */ o("aside", { className: n.sidebar, children: [
+      /* @__PURE__ */ t(g, {}),
+      /* @__PURE__ */ t("nav", { className: n.menuList, children: l.map((e) => {
+        const u = x.has(e.title);
+        return /* @__PURE__ */ o("div", { className: n.menuGroup, children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: n.menuGroupHeader,
+              onClick: () => G(e.title),
+              children: [
+                /* @__PURE__ */ t("span", { className: n.menuGroupIcon, children: e.icon }),
+                /* @__PURE__ */ t("span", { className: n.menuGroupLabel, children: e.title }),
+                /* @__PURE__ */ t("span", { className: n.menuGroupArrow, children: u ? /* @__PURE__ */ t(k, {}) : /* @__PURE__ */ t(w, {}) })
+              ]
+            }
+          ),
+          u && /* @__PURE__ */ t("ul", { className: n.menuSubList, children: e.items.map((c) => /* @__PURE__ */ o(
+            "li",
+            {
+              className: `${n.menuSubItemWrap} ${n.menuSubItem} ${f === c.key ? n.menuSubItemActive : ""}`,
+              onClick: () => y(c),
+              children: [
+                /* @__PURE__ */ t("span", { className: n.menuSubItemIcon, children: c.icon }),
+                /* @__PURE__ */ t("span", { className: n.menuSubItemLabel, children: c.label })
+              ]
+            },
+            c.key
+          )) })
+        ] }, e.title);
+      }) })
+    ] }),
+    h ? null : /* @__PURE__ */ o("main", { className: n.main, children: [
+      /* @__PURE__ */ t(W, {}),
+      /* @__PURE__ */ t($, { resetKey: a, children: N ?? /* @__PURE__ */ t(Y, { text: i }) })
+    ] })
+  ] });
+}
+export {
+  ue as W
+};

package/dist/index-ByhCWenF.js

@@ -0,0 +1,434 @@
+import { jsxs as a, jsx as i, Fragment as B } from "react/jsx-runtime";
+import { useState as d, useRef as F, useCallback as D, useEffect as R } from "react";
+import { T as O, k as U, d as P } from "./ComponentDoc-BW1SyDxk.js";
+/* empty css                          */
+async function y(o, s) {
+  const n = await o.text().catch(() => "");
+  let t = {};
+  if (n)
+    try {
+      t = JSON.parse(n);
+    } catch {
+      if (!o.ok) throw new Error(s);
+      return n;
+    }
+  if (typeof t.success == "boolean") {
+    if (t.success)
+      return U(t.data !== void 0 ? t.data : !0);
+    throw new Error(t.message || s);
+  }
+  if (!o.ok) throw new Error(s);
+  return U(t);
+}
+const m = O;
+async function q(o, s) {
+  const n = s ? `?token=${encodeURIComponent(s)}` : "", t = { ...o, extend_params: { skip_init_task: "true" } }, r = await fetch(`${m}/scenario-instances${n}`, {
+    method: "POST",
+    credentials: "include",
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json",
+      "project-env": "local"
+    },
+    body: JSON.stringify(t)
+  });
+  return y(r, "Failed to create scenario instance");
+}
+async function K(o) {
+  const s = o ? `?token=${encodeURIComponent(o)}` : "", n = await fetch(`${m}/scenario-instances${s}`, {
+    credentials: "include",
+    headers: {
+      Accept: "application/json",
+      "project-env": "local"
+    }
+  });
+  return y(n, "Failed to list scenario instances");
+}
+async function G(o, s, n) {
+  const t = n ? `?token=${encodeURIComponent(n)}` : "", r = await fetch(
+    `${m}/scenario-instances/${o}/messages${t}`,
+    {
+      method: "POST",
+      credentials: "include",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        "project-env": "local"
+      },
+      body: JSON.stringify(s)
+    }
+  );
+  return y(r, "Failed to send message");
+}
+async function _(o, s = 50, n, t) {
+  const r = new URLSearchParams({ limit: String(s) });
+  t && r.set("token", t);
+  const h = await fetch(
+    `${m}/scenario-instances/${o}/messages?${r}`,
+    {
+      credentials: "include",
+      headers: {
+        Accept: "application/json",
+        "project-env": "local"
+      }
+    }
+  );
+  return y(h, "Failed to list messages");
+}
+async function J(o, s) {
+  const n = s ? `?token=${encodeURIComponent(s)}` : "", t = await fetch(
+    // 后端成员列表在 /team（TeamController），没有 /members
+    `${m}/scenario-instances/${o}/team${n}`,
+    {
+      credentials: "include",
+      headers: {
+        Accept: "application/json",
+        "project-env": "local"
+      }
+    }
+  );
+  return y(t, "Failed to list members");
+}
+const L = "dev_brain_scenario";
+function Z() {
+  var M;
+  const [o, s] = d([]), [n, t] = d(
+    null
+  ), [r, h] = d([]), [u, z] = d([]), [v, b] = d(""), [W, w] = d(!1), [g, S] = d(!1), [A, T] = d(""), k = F(null), { token: f } = P(), C = D(() => {
+    var e;
+    (e = k.current) == null || e.scrollIntoView({ behavior: "smooth" });
+  }, []);
+  R(() => {
+    C();
+  }, [r, C]), R(() => {
+    I();
+  }, []);
+  const I = async () => {
+    try {
+      const e = await K(f || void 0);
+      s(e || []);
+    } catch (e) {
+      console.error("Failed to load instances:", e);
+    }
+  }, N = async () => {
+    const e = A.trim();
+    if (e) {
+      S(!0);
+      try {
+        const c = await q(
+          { scenario_code: L, name: e },
+          f || void 0
+        );
+        T(""), await I(), $(c);
+      } catch (c) {
+        alert(c instanceof Error ? c.message : "Create failed");
+      } finally {
+        S(!1);
+      }
+    }
+  }, $ = async (e) => {
+    t(e), w(!0);
+    try {
+      const [c, p] = await Promise.all([
+        _(e.id, 50, void 0, f || void 0),
+        J(e.id, f || void 0)
+      ]);
+      h(c || []), z(p || []);
+    } catch (c) {
+      console.error("Failed to load instance data:", c);
+    } finally {
+      w(!1);
+    }
+  }, E = async () => {
+    const e = v.trim();
+    if (!e || !n) return;
+    const c = u.filter((l) => l.memberType === "AGENT");
+    let p, j = "TEXT";
+    for (const l of c)
+      if (e.includes(`@${l.displayName}`)) {
+        p = String(l.id), j = "AT_AGENT";
+        break;
+      }
+    b("");
+    try {
+      await G(
+        n.id,
+        {
+          content: e,
+          message_type: j,
+          ...p ? { at_agent_ref_id: p } : {}
+        },
+        f || void 0
+      );
+      const l = await _(
+        n.id,
+        50,
+        void 0,
+        f || void 0
+      );
+      h(l || []);
+    } catch (l) {
+      alert(l instanceof Error ? l.message : "Send failed");
+    }
+  }, x = u.filter((e) => e.memberType === "AGENT"), H = u.filter((e) => e.memberType === "HUMAN");
+  return /* @__PURE__ */ a("div", { style: { display: "flex", height: "100vh", fontFamily: "sans-serif" }, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        style: {
+          width: 260,
+          borderRight: "1px solid #e8e8e8",
+          display: "flex",
+          flexDirection: "column",
+          background: "#fafafa"
+        },
+        children: [
+          /* @__PURE__ */ a("div", { style: { padding: 16, borderBottom: "1px solid #e8e8e8" }, children: [
+            /* @__PURE__ */ i("h3", { style: { margin: "0 0 12px" }, children: "Scenario Instances" }),
+            /* @__PURE__ */ a("div", { style: { display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ i(
+                "input",
+                {
+                  style: {
+                    flex: 1,
+                    padding: "6px 8px",
+                    border: "1px solid #d9d9d9",
+                    borderRadius: 4
+                  },
+                  placeholder: "Instance name",
+                  value: A,
+                  onChange: (e) => T(e.target.value),
+                  onKeyDown: (e) => e.key === "Enter" && N()
+                }
+              ),
+              /* @__PURE__ */ i(
+                "button",
+                {
+                  style: {
+                    padding: "6px 12px",
+                    background: "#1677ff",
+                    color: "#fff",
+                    border: "none",
+                    borderRadius: 4,
+                    cursor: g ? "not-allowed" : "pointer"
+                  },
+                  disabled: g,
+                  onClick: N,
+                  children: g ? "..." : "+"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { style: { flex: 1, overflow: "auto" }, children: [
+            o.map((e) => /* @__PURE__ */ a(
+              "div",
+              {
+                onClick: () => $(e),
+                style: {
+                  padding: "10px 16px",
+                  cursor: "pointer",
+                  background: (n == null ? void 0 : n.id) === e.id ? "#e6f4ff" : "transparent",
+                  borderBottom: "1px solid #f0f0f0"
+                },
+                children: [
+                  /* @__PURE__ */ i("div", { style: { fontWeight: 500, fontSize: 13 }, children: e.name }),
+                  /* @__PURE__ */ a("div", { style: { fontSize: 11, color: "#999" }, children: [
+                    e.scenarioCode,
+                    " · ",
+                    e.status
+                  ] })
+                ]
+              },
+              e.id
+            )),
+            o.length === 0 ? /* @__PURE__ */ i("div", { style: { padding: 16, color: "#999", fontSize: 12 }, children: "No instances yet. Create one above." }) : null
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i("div", { style: { flex: 1, display: "flex", flexDirection: "column" }, children: n ? /* @__PURE__ */ a(B, { children: [
+      /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            padding: "12px 20px",
+            borderBottom: "1px solid #e8e8e8",
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center"
+          },
+          children: [
+            /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ i("span", { style: { fontWeight: 600, fontSize: 15 }, children: n.name }),
+              /* @__PURE__ */ a("span", { style: { marginLeft: 8, fontSize: 12, color: "#999" }, children: [
+                "ID: ",
+                n.id
+              ] })
+            ] }),
+            /* @__PURE__ */ a("div", { style: { fontSize: 12, color: "#666" }, children: [
+              "Members: ",
+              H.length,
+              " human · ",
+              x.length,
+              " ",
+              "agent"
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            flex: 1,
+            overflow: "auto",
+            padding: "16px 20px",
+            background: "#fff"
+          },
+          children: [
+            r.length === 0 ? /* @__PURE__ */ i(
+              "div",
+              {
+                style: { color: "#999", textAlign: "center", marginTop: 80 },
+                children: "Send a message to start. Use @agent_name to mention an agent."
+              }
+            ) : null,
+            r.map((e) => /* @__PURE__ */ a(
+              "div",
+              {
+                style: {
+                  marginBottom: 12,
+                  display: "flex",
+                  flexDirection: e.senderType === "HUMAN" ? "row-reverse" : "row",
+                  gap: 8
+                },
+                children: [
+                  /* @__PURE__ */ i(
+                    "div",
+                    {
+                      style: {
+                        width: 32,
+                        height: 32,
+                        borderRadius: "50%",
+                        background: e.senderType === "HUMAN" ? "#1677ff" : "#52c41a",
+                        color: "#fff",
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        fontSize: 14,
+                        flexShrink: 0
+                      },
+                      children: e.senderType === "HUMAN" ? "U" : "A"
+                    }
+                  ),
+                  /* @__PURE__ */ a("div", { style: { maxWidth: "70%" }, children: [
+                    /* @__PURE__ */ a(
+                      "div",
+                      {
+                        style: {
+                          fontSize: 11,
+                          color: "#999",
+                          marginBottom: 2,
+                          textAlign: e.senderType === "HUMAN" ? "right" : "left"
+                        },
+                        children: [
+                          e.senderType === "HUMAN" ? "You" : "Agent",
+                          " ·",
+                          " ",
+                          e.messageType
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ i(
+                      "div",
+                      {
+                        style: {
+                          padding: "8px 12px",
+                          borderRadius: 8,
+                          background: e.senderType === "HUMAN" ? "#1677ff" : "#f5f5f5",
+                          color: e.senderType === "HUMAN" ? "#fff" : "#333",
+                          fontSize: 13,
+                          whiteSpace: "pre-wrap",
+                          wordBreak: "break-word"
+                        },
+                        children: e.content
+                      }
+                    )
+                  ] })
+                ]
+              },
+              e.id
+            )),
+            /* @__PURE__ */ i("div", { ref: k })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          style: {
+            padding: "12px 20px",
+            borderTop: "1px solid #e8e8e8",
+            display: "flex",
+            gap: 8,
+            background: "#fafafa"
+          },
+          children: [
+            /* @__PURE__ */ i(
+              "textarea",
+              {
+                style: {
+                  flex: 1,
+                  padding: "8px 12px",
+                  border: "1px solid #d9d9d9",
+                  borderRadius: 4,
+                  resize: "none",
+                  minHeight: 40,
+                  maxHeight: 120,
+                  fontSize: 13
+                },
+                placeholder: x.length > 0 ? `Type message. @${(M = x[0]) == null ? void 0 : M.displayName} to mention agent.` : "Type message...",
+                value: v,
+                onChange: (e) => b(e.target.value),
+                onKeyDown: (e) => {
+                  e.key === "Enter" && !e.shiftKey && (e.preventDefault(), E());
+                }
+              }
+            ),
+            /* @__PURE__ */ i(
+              "button",
+              {
+                style: {
+                  padding: "8px 20px",
+                  background: "#1677ff",
+                  color: "#fff",
+                  border: "none",
+                  borderRadius: 4,
+                  cursor: "pointer",
+                  fontSize: 13
+                },
+                onClick: E,
+                children: "Send"
+              }
+            )
+          ]
+        }
+      )
+    ] }) : /* @__PURE__ */ i(
+      "div",
+      {
+        style: {
+          flex: 1,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          color: "#999"
+        },
+        children: "Select or create a scenario instance to start"
+      }
+    ) })
+  ] });
+}
+export {
+  Z as default
+};

package/dist/index-C2_tfpEj.js

@@ -0,0 +1,118 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as y, useMemo as d } from "react";
+import { useNavigate as G, useLocation as k } from "react-router-dom";
+import { CodeOutlined as L, DownOutlined as N, RightOutlined as O, AppstoreOutlined as v, TableOutlined as A, DatabaseOutlined as w, RobotOutlined as H, FunctionOutlined as M, ApartmentOutlined as W, EyeOutlined as C, BranchesOutlined as $, DeploymentUnitOutlined as p, SafetyCertificateOutlined as g } from "@ant-design/icons";
+import R from "@yuku123/z-lc-component";
+import { f as U, M as x } from "./menuPermission-CCQjJVXg.js";
+import { d as b } from "./ComponentDoc-BW1SyDxk.js";
+const D = "_shell_1n5c7_7", E = "_sidebar_1n5c7_15", P = "_sidebarHeader_1n5c7_26", j = "_menuList_1n5c7_37", K = "_menuGroup_1n5c7_43", T = "_menuGroupHeader_1n5c7_47", B = "_menuGroupLabel_1n5c7_65", F = "_menuGroupArrow_1n5c7_69", q = "_menuSubList_1n5c7_74", z = "_menuSubItemWrap_1n5c7_80", J = "_menuSubItem_1n5c7_80", Q = "_menuSubItemActive_1n5c7_101", V = "_menuSubItemIcon_1n5c7_108", X = "_menuSubItemLabel_1n5c7_113", Y = "_main_1n5c7_118", t = {
+  shell: D,
+  sidebar: E,
+  sidebarHeader: P,
+  menuList: j,
+  menuGroup: K,
+  menuGroupHeader: T,
+  menuGroupLabel: B,
+  menuGroupArrow: F,
+  menuSubList: q,
+  menuSubItemWrap: z,
+  menuSubItem: J,
+  menuSubItemActive: Q,
+  menuSubItemIcon: V,
+  menuSubItemLabel: X,
+  main: Y
+}, r = [
+  {
+    title: "应用",
+    items: [
+      { key: "apps", label: "应用列表", icon: /* @__PURE__ */ e(v, {}), path: "apps" }
+    ]
+  },
+  {
+    title: "建模",
+    items: [
+      { key: "designer", label: "Schema 设计器", icon: /* @__PURE__ */ e(A, {}), path: "designer" },
+      { key: "db-import", label: "从数据库导入", icon: /* @__PURE__ */ e(w, {}), path: "db-import" },
+      { key: "admin-ai", label: "AI 建模", icon: /* @__PURE__ */ e(H, {}), path: "admin/ai" }
+    ]
+  },
+  {
+    title: "配置",
+    items: [
+      { key: "admin-dicts", label: "数据字典", icon: /* @__PURE__ */ e(M, {}), path: "admin/dicts" },
+      { key: "admin-relations", label: "实体关系", icon: /* @__PURE__ */ e(W, {}), path: "admin/relations" },
+      { key: "admin-views", label: "视图配置", icon: /* @__PURE__ */ e(C, {}), path: "admin/views" },
+      { key: "admin-pipelines", label: "Pipeline", icon: /* @__PURE__ */ e($, {}), path: "admin/pipelines" },
+      { key: "admin-workflows", label: "流程绑定", icon: /* @__PURE__ */ e(p, {}), path: "admin/workflows" }
+    ]
+  },
+  {
+    title: "运行",
+    items: [
+      { key: "admin-permissions", label: "权限矩阵", icon: /* @__PURE__ */ e(g, {}), path: "admin/permissions", permission: "PERMISSION_MANAGE" },
+      { key: "admin-deployments", label: "部署记录", icon: /* @__PURE__ */ e(p, {}), path: "admin/deployments" }
+    ]
+  }
+], c = "/lc";
+function Z(l) {
+  if (!l.startsWith(c)) return null;
+  const m = l.slice(c.length).replace(/^\//, "");
+  for (const o of r)
+    for (const s of o.items)
+      if (m === s.path || m.startsWith(`${s.path}/`)) return s.key;
+  return null;
+}
+function le() {
+  const l = G(), { pathname: m } = k(), o = b((n) => n.currentUser), s = b((n) => n.permissionState), [_, h] = y(
+    new Set(r.map((n) => n.title))
+  ), S = d(
+    () => s === "failed" ? r : U(r, o),
+    [o, s]
+  ), I = d(() => Z(m), [m]), f = (n) => {
+    h((u) => {
+      const i = new Set(u);
+      return i.has(n) ? i.delete(n) : i.add(n), i;
+    });
+  };
+  return /* @__PURE__ */ a("div", { className: t.shell, children: [
+    /* @__PURE__ */ a("aside", { className: t.sidebar, children: [
+      /* @__PURE__ */ a("div", { className: t.sidebarHeader, children: [
+        /* @__PURE__ */ e(L, {}),
+        /* @__PURE__ */ e("span", { children: "研发工作台" })
+      ] }),
+      /* @__PURE__ */ e(x, {}),
+      /* @__PURE__ */ e("nav", { className: t.menuList, children: S.map((n) => {
+        const u = !_.has(n.title);
+        return /* @__PURE__ */ a("div", { className: t.menuGroup, children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: t.menuGroupHeader,
+              onClick: () => f(n.title),
+              children: [
+                /* @__PURE__ */ e("span", { className: t.menuGroupLabel, children: n.title }),
+                /* @__PURE__ */ e("span", { className: t.menuGroupArrow, children: u ? /* @__PURE__ */ e(N, {}) : /* @__PURE__ */ e(O, {}) })
+              ]
+            }
+          ),
+          u && /* @__PURE__ */ e("ul", { className: t.menuSubList, children: n.items.map((i) => /* @__PURE__ */ a(
+            "li",
+            {
+              className: `${t.menuSubItemWrap} ${t.menuSubItem} ${I === i.key ? t.menuSubItemActive : ""}`,
+              onClick: () => l(`${c}/${i.path}`),
+              children: [
+                /* @__PURE__ */ e("span", { className: t.menuSubItemIcon, children: i.icon }),
+                /* @__PURE__ */ e("span", { className: t.menuSubItemLabel, children: i.label })
+              ]
+            },
+            i.key
+          )) })
+        ] }, n.title);
+      }) })
+    ] }),
+    /* @__PURE__ */ e("main", { className: t.main, children: /* @__PURE__ */ e(R, {}) })
+  ] });
+}
+export {
+  le as default
+};