npm - imean-service-engine-htmx-plugin - Versions diffs - 1.0.1 → 1.2.0 - Mend

imean-service-engine-htmx-plugin 1.0.1 → 1.2.0

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 (8) hide show

package/dist/index.js CHANGED Viewed

@@ -2,12 +2,733 @@
 var jsxRuntime = require('hono/jsx/jsx-runtime');
 var imeanServiceEngine = require('imean-service-engine');
+var cookie = require('hono/cookie');
 var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var Button;
+var init_Button = __esm({
+  "src/components/Button.tsx"() {
+    Button = (props) => {
+      const {
+        children,
+        variant = "primary",
+        size = "md",
+        disabled = false,
+        className = "",
+        hxGet,
+        hxPost,
+        hxPut,
+        hxDelete,
+        hxTarget,
+        hxSwap,
+        hxPushUrl,
+        hxIndicator,
+        hxConfirm,
+        hxHeaders,
+        ...rest
+      } = props;
+      const baseClasses = "inline-flex items-center justify-center font-medium rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2";
+      const variantClasses = {
+        primary: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",
+        secondary: "bg-gray-200 text-gray-800 hover:bg-gray-300 focus:ring-gray-500",
+        danger: "bg-red-600 text-white hover:bg-red-700 focus:ring-red-500",
+        ghost: "bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-500"
+      };
+      const sizeClasses = {
+        sm: "px-3 py-1.5 text-sm",
+        md: "px-4 py-2 text-sm",
+        lg: "px-6 py-3 text-base"
+      };
+      const classes = `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${disabled ? "opacity-50 cursor-not-allowed" : ""} ${className}`;
+      const htmxAttrs = {};
+      if (hxGet) htmxAttrs["hx-get"] = hxGet;
+      if (hxPost) htmxAttrs["hx-post"] = hxPost;
+      if (hxPut) htmxAttrs["hx-put"] = hxPut;
+      if (hxDelete) htmxAttrs["hx-delete"] = hxDelete;
+      if (hxTarget) htmxAttrs["hx-target"] = hxTarget;
+      if (hxSwap) htmxAttrs["hx-swap"] = hxSwap;
+      if (hxPushUrl !== void 0)
+        htmxAttrs["hx-push-url"] = hxPushUrl === true ? "true" : hxPushUrl;
+      if (hxIndicator) htmxAttrs["hx-indicator"] = hxIndicator;
+      if (hxConfirm) htmxAttrs["hx-confirm"] = hxConfirm;
+      if (hxHeaders) htmxAttrs["hx-headers"] = hxHeaders;
+      const Tag = hxGet || hxPost || hxPut || hxDelete ? "a" : "button";
+      const href = rest.href ?? hxGet ?? "#";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Tag,
+        {
+          className: classes,
+          disabled,
+          href,
+          ...htmxAttrs,
+          ...rest,
+          children
+        }
+      );
+    };
+  }
+});
+var Card;
+var init_Card = __esm({
+  "src/components/Card.tsx"() {
+    Card = (props) => {
+      const {
+        children,
+        title,
+        className = "",
+        shadow = true,
+        bordered = false,
+        noPadding = false
+      } = props;
+      const baseClasses = "bg-white rounded-lg";
+      const shadowClass = shadow ? "shadow-sm hover:shadow-md transition-shadow" : "";
+      const borderClass = bordered ? "border border-gray-200" : "";
+      const paddingClass = noPadding ? "" : "p-6";
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: `${baseClasses} ${shadowClass} ${borderClass} ${className}`,
+          children: [
+            title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4 border-b border-gray-200", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: title }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: noPadding ? "" : paddingClass, children })
+          ]
+        }
+      );
+    };
+  }
+});
+var Breadcrumb;
+var init_Breadcrumb = __esm({
+  "src/components/Breadcrumb.tsx"() {
+    Breadcrumb = (props) => {
+      const { items } = props;
+      if (items.length === 0) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "flex", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex items-center space-x-2", children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center", children: [
+        index > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "w-5 h-5 text-gray-400 mx-2",
+            fill: "currentColor",
+            viewBox: "0 0 20 20",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+                clipRule: "evenodd"
+              }
+            )
+          }
+        ),
+        item.href ? /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: item.href,
+            className: "text-sm font-medium text-gray-500 hover:text-gray-700",
+            "hx-get": item.href,
+            "hx-push-url": "true",
+            children: item.label
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-900", children: item.label })
+      ] }, index)) }) });
+    };
+  }
+});
+var Header;
+var init_Header = __esm({
+  "src/components/Header.tsx"() {
+    init_Breadcrumb();
+    Header = (props) => {
+      const { breadcrumbs = [], userInfo, sidebarCollapsed = false, logoutUrl } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx("header", { className: "bg-white border-b border-gray-200 shadow-sm sticky top-0 z-40", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              className: "p-2 rounded-lg hover:bg-gray-100 transition-colors inline-block flex-shrink-0",
+              title: sidebarCollapsed ? "\u5C55\u5F00\u4FA7\u8FB9\u680F" : "\u6298\u53E0\u4FA7\u8FB9\u680F",
+              "hx-get": "",
+              children: sidebarCollapsed ? (
+                // 展开图标（向右箭头）
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "svg",
+                  {
+                    className: "w-5 h-5 text-gray-600",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M9 5l7 7-7 7"
+                      }
+                    )
+                  }
+                )
+              ) : (
+                // 折叠图标（三条横线）
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "svg",
+                  {
+                    className: "w-5 h-5 text-gray-600",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M4 6h16M4 12h16M4 18h16"
+                      }
+                    )
+                  }
+                )
+              )
+            }
+          ),
+          breadcrumbs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { items: breadcrumbs })
+        ] }),
+        userInfo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-shrink-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right hidden sm:block", children: [
+            userInfo.name && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-900", children: userInfo.name }),
+            userInfo.email && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: userInfo.email })
+          ] }),
+          userInfo.avatar ? /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: userInfo.avatar,
+              alt: userInfo.name || "\u7528\u6237",
+              className: "w-8 h-8 rounded-full"
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-full bg-blue-600 flex items-center justify-center text-white text-sm font-medium", children: (userInfo.name || userInfo.email || "U").charAt(0).toUpperCase() }),
+          logoutUrl && /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: logoutUrl,
+              "hx-get": logoutUrl,
+              "hx-target": "body",
+              "hx-swap": "outerHTML",
+              className: "p-2 rounded-lg hover:bg-gray-100 transition-colors",
+              title: "\u9000\u51FA\u767B\u5F55",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  className: "w-5 h-5 text-gray-600",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] })
+      ] }) }) });
+    };
+  }
+});
+var LoadingBar;
+var init_LoadingBar = __esm({
+  "src/components/LoadingBar.tsx"() {
+    LoadingBar = () => {
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            id: "loading-bar",
+            className: "fixed top-0 left-0 right-0 h-1 bg-transparent z-50 opacity-0 transition-opacity duration-200",
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full bg-gradient-to-r from-blue-500 via-blue-600 to-blue-500 loading-bar-progress" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+          @keyframes loading-progress {
+            0% { transform: translateX(-100%); width: 0%; }
+            50% { width: 70%; }
+            100% { transform: translateX(100%); width: 100%; }
+          }
+          #loading-bar.htmx-request {
+            opacity: 1 !important;
+          }
+          #loading-bar.htmx-request .loading-bar-progress {
+            animation: loading-progress 1.5s ease-in-out infinite;
+          }
+        ` })
+      ] });
+    };
+  }
+});
+function renderNavItem(item, currentPath, collapsed = false, isChild = false) {
+  const isActive = currentPath === item.href || currentPath && currentPath.startsWith(item.href + "/");
+  const hasActiveChild = item.children?.some(
+    (child) => currentPath === child.href || currentPath && currentPath.startsWith(child.href + "/")
+  );
+  const navItemId = `nav-item-${item.href.replace(/[^a-zA-Z0-9]/g, "-")}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { id: navItemId, className: "relative group", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href: item.href,
+        className: `flex items-center ${collapsed ? "justify-center px-2" : "px-4"} py-2 rounded-lg transition-colors ${isActive || hasActiveChild ? "bg-blue-600 text-white shadow-md" : "text-gray-300 hover:bg-gray-700 hover:text-white"}`,
+        "hx-get": item.href,
+        "hx-push-url": "true",
+        title: collapsed ? item.label : void 0,
+        children: [
+          item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: collapsed ? "" : "mr-2", children: item.icon }),
+          !collapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", children: item.label })
+        ]
+      }
+    ),
+    collapsed && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute left-full ml-2 px-3 py-2 bg-gray-900 text-white text-sm rounded-lg shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 pointer-events-none z-50 whitespace-nowrap", children: [
+      item.label,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-full top-1/2 -translate-y-1/2 border-4 border-transparent border-r-gray-900" })
+    ] }),
+    !collapsed && item.children && item.children.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ml-4 mt-1 space-y-1", children: item.children.map((child) => {
+      const isChildActive = currentPath === child.href || currentPath && currentPath.startsWith(child.href + "/");
+      const childNavItemId = `nav-item-${child.href.replace(/[^a-zA-Z0-9]/g, "-")}`;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "li",
+        {
+          id: childNavItemId,
+          className: "relative group",
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "a",
+            {
+              href: child.href,
+              className: `flex items-center px-4 py-2 rounded-lg text-sm transition-colors ${isChildActive ? "bg-blue-500 text-white" : "text-gray-400 hover:bg-gray-700 hover:text-white"}`,
+              "hx-get": child.href,
+              "hx-push-url": "true",
+              children: [
+                child.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2", children: child.icon }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", children: child.label })
+              ]
+            }
+          )
+        },
+        child.href
+      );
+    }) })
+  ] }, item.href);
+}
+var init_NavItem = __esm({
+  "src/components/NavItem.tsx"() {
+  }
+});
+var BaseLayout, AdminLayout;
+var init_Layout = __esm({
+  "src/components/Layout.tsx"() {
+    init_Header();
+    init_LoadingBar();
+    init_NavItem();
+    BaseLayout = (props) => {
+      return /* @__PURE__ */ jsxRuntime.jsxs("html", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("head", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("meta", { charset: "UTF-8" }),
+          /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("title", { children: props.title }),
+          props.description && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "description", content: props.description }),
+          /* @__PURE__ */ jsxRuntime.jsx("script", { src: "https://unpkg.com/htmx.org@latest" }),
+          /* @__PURE__ */ jsxRuntime.jsx("script", { src: "https://unpkg.com/hyperscript.org@latest" }),
+          /* @__PURE__ */ jsxRuntime.jsx("script", { src: "https://cdn.tailwindcss.com" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "style",
+            {
+              dangerouslySetInnerHTML: {
+                __html: `
+          @keyframes fadeIn {
+            from { opacity: 0;}
+            to { opacity: 1;}
+          }
+          @keyframes slideIn {
+            from { opacity: 0; transform: scale(0.95) translateY(-10px); }
+            to { opacity: 1; transform: scale(1) translateY(0); }
+          }
+          @keyframes slideInRight {
+            from { opacity: 0; transform: translateX(100%); }
+            to { opacity: 1; transform: translateX(0); }
+          }
+          @keyframes slideOutRight {
+            from { opacity: 1; transform: translateX(0); }
+            to { opacity: 0; transform: translateX(100%); }
+          }
+          @keyframes fadeOut {
+            from { opacity: 1; }
+            to { opacity: 0; }
+          }
+          @keyframes scaleOut {
+            from { opacity: 1; transform: scale(1) translateY(0); }
+            to { opacity: 0; transform: scale(0.95) translateY(-10px); }
+          }
+          /* Dialog \u9000\u51FA\u52A8\u753B */
+          .dialog-exit {
+            animation: fadeOut 0.2s ease-in forwards !important;
+          }
+          .dialog-content-exit {
+            animation: scaleOut 0.2s ease-in forwards !important;
+          }
+          /* ErrorAlert \u9000\u51FA\u52A8\u753B */
+          .error-alert-exit {
+            animation: slideOutRight 0.3s ease-in forwards, fadeOut 0.3s ease-in forwards;
+          }
+        `
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "body",
+          {
+            className: "bg-gray-50",
+            "hx-indicator": "#loading-bar",
+            "hx-target": "#main-content",
+            "hx-swap": "outerHTML",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(LoadingBar, {}),
+              props.children,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  id: "error-container",
+                  className: "fixed top-4 right-4 z-[200] w-full max-w-2xl px-4"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { id: "dialog-container" })
+            ]
+          }
+        )
+      ] });
+    };
+    AdminLayout = (props) => {
+      const logo = props.adminContext.pluginOptions.logo;
+      const navItems = props.adminContext.pluginOptions.navigation;
+      const referer = props.adminContext.ctx.req.header("Referer");
+      let currentPath = props.adminContext.ctx.req.path;
+      if (referer) {
+        try {
+          const refererUrl = new URL(referer);
+          const method = props.adminContext.ctx.req.method;
+          if (["POST", "PUT", "DELETE"].includes(method)) {
+            currentPath = refererUrl.pathname;
+          }
+        } catch (e) {
+        }
+      }
+      const sidebarCollapsed = props.sidebarCollapsed || false;
+      const breadcrumbs = props.adminContext.breadcrumbs;
+      const userInfo = props.adminContext.userInfo;
+      const logoutUrl = props.adminContext.pluginOptions.authProvider?.logoutUrl;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-screen", id: "main-content", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "aside",
+          {
+            className: `${props.sidebarCollapsed ? "w-16" : "w-64"} bg-gradient-to-b from-gray-900 to-gray-800 text-white shadow-lg transition-all duration-300 ease-in-out overflow-hidden`,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${props.sidebarCollapsed ? "p-2" : "p-6"}`, children: [
+              !props.sidebarCollapsed && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "Logo", className: "h-10 mb-6" }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-bold mb-6 text-white whitespace-nowrap overflow-hidden text-ellipsis", children: props.adminContext.pluginOptions.title }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("nav", { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: navItems && navItems.length > 0 ? navItems.map(
+                (item) => renderNavItem(
+                  item,
+                  currentPath,
+                  props.sidebarCollapsed || false
+                )
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                "li",
+                {
+                  className: `${props.sidebarCollapsed ? "px-2" : "px-4"} py-2 text-gray-400 text-sm`,
+                  children: "\u6682\u65E0\u5BFC\u822A\u9879"
+                }
+              ) }) })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Header,
+            {
+              breadcrumbs,
+              userInfo,
+              sidebarCollapsed: sidebarCollapsed || false,
+              logoutUrl
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-auto bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: props.children }) })
+        ] })
+      ] });
+    };
+  }
+});
+// src/utils/context.tsx
+var context_exports = {};
+__export(context_exports, {
+  HtmxAdminContext: () => HtmxAdminContext
+});
+var HtmxAdminContext;
+var init_context = __esm({
+  "src/utils/context.tsx"() {
+    HtmxAdminContext = class {
+      /** 模块元数据 */
+      moduleMetadata;
+      /** 插件选项 */
+      pluginOptions;
+      /** 服务名（用于生成权限ID） */
+      serviceName;
+      /** Hono Context */
+      ctx;
+      /** 之前的模块名 */
+      previousModuleName;
+      /** 是否是片段请求（HTMX 请求） */
+      isFragment;
+      /** 是否是对话框请求 */
+      isDialog;
+      /** 用户信息 */
+      userInfo;
+      /** 通知队列 */
+      notifications = [];
+      /** 页面标题（用于 HX-Title 和页面展示） */
+      title = "";
+      /** 页面描述（用于SEO和页面展示） */
+      description = "";
+      /** 面包屑项 */
+      breadcrumbs = [];
+      /** 主要内容 */
+      content = null;
+      /** 需要重定向的 URL */
+      redirectUrl;
+      /** 是否需要刷新页面（用于 HX-Refresh） */
+      refresh = false;
+      constructor(ctx, userInfo, moduleMetadata, pluginOptions, serviceName = "") {
+        this.ctx = ctx;
+        this.userInfo = userInfo;
+        this.moduleMetadata = moduleMetadata;
+        this.pluginOptions = pluginOptions;
+        this.serviceName = serviceName;
+        const url = new URL(ctx.req.url);
+        this.isFragment = ctx.req.header("HX-Request") === "true";
+        this.isDialog = url.searchParams.get("dialog") === "true" || ctx.req.header("HX-Target") === "#dialog-container" || (ctx.req.header("Referer") || "").includes("dialog=true");
+        const referer = ctx.req.header("Referer");
+        this.previousModuleName = referer ? new URL(referer).pathname.replace(pluginOptions.prefix, "").split("/").pop() : void 0;
+      }
+      /**
+       * 发送通知
+       * 通知将在响应时通过 OOB 更新到错误容器
+       */
+      sendNotification(type, title, message) {
+        this.notifications.push({ type, title, message });
+      }
+      /**
+       * 发送错误通知（便捷方法）
+       */
+      sendError(title, message) {
+        this.sendNotification("error", title, message);
+      }
+      /**
+       * 发送警告通知（便捷方法）
+       */
+      sendWarning(title, message) {
+        this.sendNotification("warning", title, message);
+      }
+      /**
+       * 发送信息通知（便捷方法）
+       */
+      sendInfo(title, message) {
+        this.sendNotification("info", title, message);
+      }
+      /**
+       * 发送成功通知（便捷方法）
+       */
+      sendSuccess(title, message) {
+        this.sendNotification("success", title, message);
+      }
+      /**
+       * 设置需要推送的 URL
+       * 用于 HX-Push-Url 响应头
+       */
+      redirect(url) {
+        this.redirectUrl = url;
+      }
+      /**
+       * 设置需要刷新页面
+       * 用于 HX-Refresh 响应头
+       */
+      setRefresh(refresh = true) {
+        this.refresh = refresh;
+      }
+      /**
+       * 检查是否有列表页面
+       * 封装 moduleMetadata 访问，避免直接访问内部属性
+       */
+      hasList() {
+        return this.moduleMetadata.hasList;
+      }
+      /**
+       * 检查是否有详情页面
+       * 封装 moduleMetadata 访问，避免直接访问内部属性
+       */
+      hasDetail() {
+        return this.moduleMetadata.hasDetail;
+      }
+      /**
+       * 检查是否有表单页面
+       * 封装 moduleMetadata 访问，避免直接访问内部属性
+       */
+      hasForm() {
+        return this.moduleMetadata.hasForm;
+      }
+      /**
+       * 检查是否有自定义页面
+       * 封装 moduleMetadata 访问，避免直接访问内部属性
+       */
+      hasCustom() {
+        return this.moduleMetadata.hasCustom;
+      }
+    };
+  }
+});
+// src/components/PermissionDenied.tsx
+var PermissionDenied_exports = {};
+__export(PermissionDenied_exports, {
+  PermissionDeniedContent: () => PermissionDeniedContent,
+  PermissionDeniedPage: () => PermissionDeniedPage
+});
+function PermissionDeniedContent(adminContext, operationId, fromPath, registeredOperations) {
+  let operationInfo = null;
+  if (operationId && registeredOperations) {
+    operationInfo = registeredOperations.find(
+      (op) => op.operationId === operationId
+    ) || null;
+  }
+  const parts = operationId?.split(".") || [];
+  const operationType = parts[parts.length - 1] || "";
+  const moduleName = parts.length >= 2 ? parts[parts.length - 2] : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-6xl mb-4", children: "\u{1F512}" }),
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "\u6743\u9650\u4E0D\u8DB3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 mb-8", children: "\u60A8\u5F53\u524D\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u6B64\u8D44\u6E90\u3002\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u83B7\u53D6\u76F8\u5E94\u6743\u9650\u3002" }),
+    operationId && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8 p-4 bg-red-50 border border-red-200 rounded-lg text-left", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-red-900 mb-2", children: "\u88AB\u62D2\u7EDD\u7684\u64CD\u4F5C" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-700", children: "\u64CD\u4F5CID:" }),
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx("code", { className: "px-2 py-1 bg-gray-100 rounded text-blue-600 font-mono", children: operationId })
+        ] }),
+        operationInfo && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-700", children: "\u6A21\u5757:" }),
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-900", children: operationInfo.moduleTitle || moduleName })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-700", children: "\u64CD\u4F5C\u7C7B\u578B:" }),
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 bg-blue-100 text-blue-800 rounded-full text-xs font-semibold", children: getOperationTypeLabel(operationType) })
+          ] }),
+          operationInfo.moduleDescription && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-700", children: "\u6A21\u5757\u63CF\u8FF0:" }),
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-600", children: operationInfo.moduleDescription })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-700", children: "\u8DEF\u7531\u8DEF\u5F84:" }),
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx("code", { className: "px-2 py-1 bg-gray-100 rounded text-gray-700 font-mono text-xs", children: operationInfo.routePath })
+          ] })
+        ] }),
+        fromPath && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-700", children: "\u8BF7\u6C42\u8DEF\u5F84:" }),
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx("code", { className: "px-2 py-1 bg-gray-100 rounded text-gray-700 font-mono text-xs", children: fromPath })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        variant: "secondary",
+        _: "on click set #dialog-container's innerHTML to ''",
+        children: "\u5173\u95ED"
+      }
+    ) })
+  ] });
+}
+function PermissionDeniedPage(adminContext, operationId, fromPath, registeredOperations) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseLayout,
+    {
+      title: `\u6743\u9650\u4E0D\u8DB3 - ${adminContext.pluginOptions.title}`,
+      description: "\u60A8\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u6B64\u8D44\u6E90",
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { id: "main-content", className: "min-h-screen flex items-center justify-center px-4", children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "max-w-2xl w-full p-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          PermissionDeniedContent,
+          {
+            adminContext,
+            operationId,
+            fromPath,
+            registeredOperations
+          }
+        ),
+        adminContext.pluginOptions.authProvider?.loginUrl && !adminContext.userInfo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "primary",
+            href: adminContext.pluginOptions.authProvider.loginUrl,
+            hxGet: adminContext.pluginOptions.authProvider.loginUrl,
+            hxTarget: "body",
+            hxSwap: "outerHTML",
+            children: "\u524D\u5F80\u767B\u5F55"
+          }
+        ) })
+      ] }) })
+    }
+  );
+}
+function getOperationTypeLabel(operationType) {
+  const labels = {
+    read: "\u67E5\u770B",
+    create: "\u521B\u5EFA",
+    edit: "\u7F16\u8F91",
+    delete: "\u5220\u9664"
+  };
+  return labels[operationType] || operationType;
+}
+var init_PermissionDenied = __esm({
+  "src/components/PermissionDenied.tsx"() {
+    init_Card();
+    init_Button();
+    init_Layout();
+  }
+});
 function safeRender(value) {
   if (value === null || value === void 0) {
     return null;
@@ -23,88 +744,10 @@ function safeRender(value) {
   }
   return value;
 }
-var Button = (props) => {
-  const {
-    children,
-    variant = "primary",
-    size = "md",
-    disabled = false,
-    className = "",
-    hxGet,
-    hxPost,
-    hxPut,
-    hxDelete,
-    hxTarget,
-    hxSwap,
-    hxPushUrl,
-    hxIndicator,
-    hxConfirm,
-    hxHeaders,
-    ...rest
-  } = props;
-  const baseClasses = "inline-flex items-center justify-center font-medium rounded-lg transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2";
-  const variantClasses = {
-    primary: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",
-    secondary: "bg-gray-200 text-gray-800 hover:bg-gray-300 focus:ring-gray-500",
-    danger: "bg-red-600 text-white hover:bg-red-700 focus:ring-red-500",
-    ghost: "bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-500"
-  };
-  const sizeClasses = {
-    sm: "px-3 py-1.5 text-sm",
-    md: "px-4 py-2 text-sm",
-    lg: "px-6 py-3 text-base"
-  };
-  const classes = `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${disabled ? "opacity-50 cursor-not-allowed" : ""} ${className}`;
-  const htmxAttrs = {};
-  if (hxGet) htmxAttrs["hx-get"] = hxGet;
-  if (hxPost) htmxAttrs["hx-post"] = hxPost;
-  if (hxPut) htmxAttrs["hx-put"] = hxPut;
-  if (hxDelete) htmxAttrs["hx-delete"] = hxDelete;
-  if (hxTarget) htmxAttrs["hx-target"] = hxTarget;
-  if (hxSwap) htmxAttrs["hx-swap"] = hxSwap;
-  if (hxPushUrl !== void 0)
-    htmxAttrs["hx-push-url"] = hxPushUrl === true ? "true" : hxPushUrl;
-  if (hxIndicator) htmxAttrs["hx-indicator"] = hxIndicator;
-  if (hxConfirm) htmxAttrs["hx-confirm"] = hxConfirm;
-  if (hxHeaders) htmxAttrs["hx-headers"] = hxHeaders;
-  const Tag = hxGet || hxPost || hxPut || hxDelete ? "a" : "button";
-  const href = rest.href ?? hxGet ?? "#";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Tag,
-    {
-      className: classes,
-      disabled,
-      href,
-      ...htmxAttrs,
-      ...rest,
-      children
-    }
-  );
-};
-var Card = (props) => {
-  const {
-    children,
-    title,
-    className = "",
-    shadow = true,
-    bordered = false,
-    noPadding = false
-  } = props;
-  const baseClasses = "bg-white rounded-lg";
-  const shadowClass = shadow ? "shadow-sm hover:shadow-md transition-shadow" : "";
-  const borderClass = bordered ? "border border-gray-200" : "";
-  const paddingClass = noPadding ? "" : "p-6";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: `${baseClasses} ${shadowClass} ${borderClass} ${className}`,
-      children: [
-        title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4 border-b border-gray-200", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: title }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: noPadding ? "" : paddingClass, children })
-      ]
-    }
-  );
-};
+// src/components/Detail.tsx
+init_Button();
+init_Card();
 var PageHeader = (props) => {
   const { title, description, actions, className = "" } = props;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `mb-6 ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-start", children: [
@@ -232,6 +875,14 @@ function DetailContent(props) {
   );
 }
+// src/utils/module-name.ts
+function extractModuleNameFromPath(basePath, prefix) {
+  const pathWithoutPrefix = basePath.replace(prefix, "");
+  const pathSegments = pathWithoutPrefix.split("/").filter(Boolean);
+  const modulePath = pathSegments[0] || "";
+  return modulePath.toLowerCase();
+}
 // src/utils/path.ts
 var PathHelper = class {
   basePath;
@@ -335,6 +986,22 @@ var PageModule = class {
     ];
     return breadcrumbs;
   }
+  /**
+   * 获取所需权限
+   * 子类可以重写此方法来声明页面所需的权限
+   *
+   * 返回值说明：
+   * - 返回空字符串 "" 或 null 或 undefined：表示开放访问（无需权限）
+   * - 返回权限字符串：表示需要该权限，如 "users.read", "users.*"
+   *
+   * 默认实现：返回空字符串（开放访问）
+   *
+   * @param ctx Hono Context（可选，用于根据请求动态决定权限）
+   * @returns 所需权限字符串，或空字符串/null/undefined 表示开放
+   */
+  getRequiredPermission(ctx) {
+    return "";
+  }
   /**
    * 处理请求的统一入口（由 RouteHandler 调用）
    * 默认实现：直接调用 render 方法
@@ -350,6 +1017,22 @@ var PageModule = class {
 var DetailPageModule = class extends PageModule {
   /** ID 字段名（默认 "id"） */
   idField = "id";
+  /**
+   * 获取所需权限
+   * 默认实现：返回 "{serviceName}.{moduleName}.read"
+   * 子类可以重写此方法来自定义权限要求
+   *
+   * @param ctx Hono Context（可选）
+   * @returns 所需权限字符串，或空字符串/null/undefined 表示开放
+   */
+  getRequiredPermission(ctx) {
+    const moduleName = extractModuleNameFromPath(
+      this.context.moduleMetadata.basePath,
+      this.context.pluginOptions.prefix
+    );
+    const servicePrefix = this.context.serviceName ? `${this.context.serviceName}.` : "";
+    return `${servicePrefix}${moduleName}.read`;
+  }
   /**
    * 获取字段标签（可选）
    * 子类可以重写此方法来自定义字段的中文标签
@@ -453,6 +1136,10 @@ var DetailPageModule = class extends PageModule {
     );
   }
 };
+// src/components/Form.tsx
+init_Button();
+init_Card();
 var DateInput = (props) => {
   const {
     id,
@@ -954,6 +1641,33 @@ var FormPageModule = class extends PageModule {
     super();
     this.schema = schema;
   }
+  /**
+   * 获取所需权限
+   * 根据是新建还是编辑返回不同的权限要求
+   * - 新建：{serviceName}.{moduleName}.create
+   * - 编辑：{serviceName}.{moduleName}.edit
+   * 子类可以重写此方法来自定义权限要求
+   *
+   * @param ctx Hono Context（可选）
+   * @returns 所需权限字符串，或空字符串/null/undefined 表示开放
+   */
+  getRequiredPermission(ctx) {
+    const moduleName = extractModuleNameFromPath(
+      this.context.moduleMetadata.basePath,
+      this.context.pluginOptions.prefix
+    );
+    const servicePrefix = this.context.serviceName ? `${this.context.serviceName}.` : "";
+    if (ctx) {
+      const url = new URL(ctx.req.url);
+      const path = url.pathname;
+      if (path.includes("/new")) {
+        return `${servicePrefix}${moduleName}.create`;
+      } else if (path.includes("/edit/")) {
+        return `${servicePrefix}${moduleName}.edit`;
+      }
+    }
+    return `${servicePrefix}${moduleName}.edit`;
+  }
   /**
    * 获取单条数据（编辑时使用）
    */
@@ -1218,6 +1932,13 @@ var FormPageModule = class extends PageModule {
     return await this.render(formData);
   }
 };
+// src/components/ListContent.tsx
+init_Button();
+// src/components/FilterCard.tsx
+init_Button();
+init_Card();
 var FilterCard = (props) => {
   const {
     title,
@@ -1362,6 +2083,9 @@ var StatCard = (props) => {
     }
   );
 };
+// src/components/ActionButton.tsx
+init_Button();
 var ActionButton = (props) => {
   const { label, href, method, className = "", item } = props;
   const hrefValue = typeof href === "function" ? href(item || {}) : href;
@@ -1384,10 +2108,17 @@ var ActionButton = (props) => {
     }
   );
 };
+// src/components/Table.tsx
+init_Button();
+init_Card();
 var EmptyState = (props) => {
   const { message = "\u6682\u65E0\u6570\u636E", children } = props;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12", children: children || /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-500 text-sm", children: message }) });
 };
+// src/components/Pagination.tsx
+init_Button();
 var Pagination = (props) => {
   const {
     page,
@@ -1718,6 +2449,22 @@ function parseListParams(ctx) {
 var ListPageModule = class extends PageModule {
   /** ID 字段名（默认 "id"） */
   idField = "id";
+  /**
+   * 获取所需权限
+   * 默认实现：返回 "{serviceName}.{moduleName}.read"
+   * 子类可以重写此方法来自定义权限要求
+   *
+   * @param ctx Hono Context（可选）
+   * @returns 所需权限字符串，或空字符串/null/undefined 表示开放
+   */
+  getRequiredPermission(ctx) {
+    const moduleName = extractModuleNameFromPath(
+      this.context.moduleMetadata.basePath,
+      this.context.pluginOptions.prefix
+    );
+    const servicePrefix = this.context.serviceName ? `${this.context.serviceName}.` : "";
+    return `${servicePrefix}${moduleName}.read`;
+  }
   /**
    * 获取列表数据
    */
@@ -1967,74 +2714,6 @@ var MemoryListDatasource = class {
     return newItem;
   }
 };
-var Dialog = (props) => {
-  const {
-    title,
-    children,
-    showClose = true,
-    closeUrl,
-    className = "",
-    size = "lg"
-  } = props;
-  const sizeClasses = {
-    sm: "max-w-md",
-    md: "max-w-lg",
-    lg: "max-w-2xl",
-    xl: "max-w-4xl",
-    full: "max-w-7xl"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "fixed inset-0 bg-black bg-opacity-50 z-[100] flex items-center justify-center p-4 dialog-backdrop",
-      style: {
-        animation: "fadeIn 0.2s ease-out"
-      },
-      _: "on click if event.target is me \r\n         add .dialog-exit to me\r\n         add .dialog-content-exit to .dialog-content\r\n         wait 200ms\r\n         set #dialog-container's innerHTML to '' end",
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: `bg-gray-50 rounded-lg shadow-xl ${sizeClasses[size]} w-full max-h-[90vh] overflow-hidden flex flex-col dialog-content ${className}`,
-          style: {
-            animation: "slideIn 0.3s ease-out"
-          },
-          _: "on click call event.stopPropagation()",
-          children: [
-            (title || showClose) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 border-b border-gray-200 bg-white flex items-center justify-between", children: [
-              title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: title }),
-              showClose && /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  className: "text-gray-400 hover:text-gray-600 transition-colors",
-                  _: "on click \r\n                     add .dialog-exit to .dialog-backdrop\r\n                     add .dialog-content-exit to .dialog-content\r\n                     wait 200ms\r\n                     set #dialog-container's innerHTML to '' end",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "svg",
-                    {
-                      className: "w-6 h-6",
-                      fill: "none",
-                      stroke: "currentColor",
-                      viewBox: "0 0 24 24",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(
-                        "path",
-                        {
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          strokeWidth: 2,
-                          d: "M6 18L18 6M6 6l12 12"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto p-6 bg-gray-50", children })
-          ]
-        }
-      )
-    }
-  );
-};
 var ErrorAlert = (props) => {
   const {
     title,
@@ -2121,466 +2800,343 @@ var ErrorAlert = (props) => {
                   {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M6 18L18 6M6 6l12 12"
-                  }
-                )
-              }
-            )
-          }
-        )
-      ] })
-    }
-  );
-};
-var Breadcrumb = (props) => {
-  const { items } = props;
-  if (items.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "flex", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex items-center space-x-2", children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center", children: [
-    index > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      "svg",
-      {
-        className: "w-5 h-5 text-gray-400 mx-2",
-        fill: "currentColor",
-        viewBox: "0 0 20 20",
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            fillRule: "evenodd",
-            d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
-            clipRule: "evenodd"
-          }
-        )
-      }
-    ),
-    item.href ? /* @__PURE__ */ jsxRuntime.jsx(
-      "a",
-      {
-        href: item.href,
-        className: "text-sm font-medium text-gray-500 hover:text-gray-700",
-        "hx-get": item.href,
-        "hx-push-url": "true",
-        children: item.label
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-900", children: item.label })
-  ] }, index)) }) });
-};
-var Header = (props) => {
-  const { breadcrumbs = [], userInfo, sidebarCollapsed = false } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx("header", { className: "bg-white border-b border-gray-200 shadow-sm sticky top-0 z-40", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          className: "p-2 rounded-lg hover:bg-gray-100 transition-colors inline-block flex-shrink-0",
-          title: sidebarCollapsed ? "\u5C55\u5F00\u4FA7\u8FB9\u680F" : "\u6298\u53E0\u4FA7\u8FB9\u680F",
-          "hx-get": "",
-          children: sidebarCollapsed ? (
-            // 展开图标（向右箭头）
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "svg",
-              {
-                className: "w-5 h-5 text-gray-600",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M9 5l7 7-7 7"
-                  }
-                )
-              }
-            )
-          ) : (
-            // 折叠图标（三条横线）
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "svg",
-              {
-                className: "w-5 h-5 text-gray-600",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M4 6h16M4 12h16M4 18h16"
-                  }
-                )
-              }
-            )
-          )
-        }
-      ),
-      breadcrumbs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { items: breadcrumbs })
-    ] }),
-    userInfo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-shrink-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right hidden sm:block", children: [
-        userInfo.name && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-900", children: userInfo.name }),
-        userInfo.email && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: userInfo.email })
-      ] }),
-      userInfo.avatar ? /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          src: userInfo.avatar,
-          alt: userInfo.name || "\u7528\u6237",
-          className: "w-8 h-8 rounded-full"
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-full bg-blue-600 flex items-center justify-center text-white text-sm font-medium", children: (userInfo.name || userInfo.email || "U").charAt(0).toUpperCase() })
-    ] })
-  ] }) }) });
-};
-var LoadingBar = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        id: "loading-bar",
-        className: "fixed top-0 left-0 right-0 h-1 bg-transparent z-50 opacity-0 transition-opacity duration-200",
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full bg-gradient-to-r from-blue-500 via-blue-600 to-blue-500 loading-bar-progress" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
-          @keyframes loading-progress {
-            0% { transform: translateX(-100%); width: 0%; }
-            50% { width: 70%; }
-            100% { transform: translateX(100%); width: 100%; }
-          }
-          #loading-bar.htmx-request {
-            opacity: 1 !important;
-          }
-          #loading-bar.htmx-request .loading-bar-progress {
-            animation: loading-progress 1.5s ease-in-out infinite;
-          }
-        ` })
-  ] });
-};
-function renderNavItem(item, currentPath, collapsed = false, isChild = false) {
-  const isActive = currentPath === item.href || currentPath && currentPath.startsWith(item.href + "/");
-  const hasActiveChild = item.children?.some(
-    (child) => currentPath === child.href || currentPath && currentPath.startsWith(child.href + "/")
-  );
-  const navItemId = `nav-item-${item.href.replace(/[^a-zA-Z0-9]/g, "-")}`;
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { id: navItemId, className: "relative group", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "a",
-      {
-        href: item.href,
-        className: `flex items-center ${collapsed ? "justify-center px-2" : "px-4"} py-2 rounded-lg transition-colors ${isActive || hasActiveChild ? "bg-blue-600 text-white shadow-md" : "text-gray-300 hover:bg-gray-700 hover:text-white"}`,
-        "hx-get": item.href,
-        "hx-push-url": "true",
-        title: collapsed ? item.label : void 0,
-        children: [
-          item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: collapsed ? "" : "mr-2", children: item.icon }),
-          !collapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", children: item.label })
-        ]
-      }
-    ),
-    collapsed && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute left-full ml-2 px-3 py-2 bg-gray-900 text-white text-sm rounded-lg shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 pointer-events-none z-50 whitespace-nowrap", children: [
-      item.label,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-full top-1/2 -translate-y-1/2 border-4 border-transparent border-r-gray-900" })
-    ] }),
-    !collapsed && item.children && item.children.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ml-4 mt-1 space-y-1", children: item.children.map((child) => {
-      const isChildActive = currentPath === child.href || currentPath && currentPath.startsWith(child.href + "/");
-      const childNavItemId = `nav-item-${child.href.replace(/[^a-zA-Z0-9]/g, "-")}`;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "li",
-        {
-          id: childNavItemId,
-          className: "relative group",
-          children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "a",
-            {
-              href: child.href,
-              className: `flex items-center px-4 py-2 rounded-lg text-sm transition-colors ${isChildActive ? "bg-blue-500 text-white" : "text-gray-400 hover:bg-gray-700 hover:text-white"}`,
-              "hx-get": child.href,
-              "hx-push-url": "true",
-              children: [
-                child.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2", children: child.icon }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", children: child.label })
-              ]
-            }
-          )
-        },
-        child.href
-      );
-    }) })
-  ] }, item.href);
-}
-var BaseLayout = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("html", { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("head", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("meta", { charset: "UTF-8" }),
-      /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }),
-      /* @__PURE__ */ jsxRuntime.jsx("title", { children: props.title }),
-      props.description && /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "description", content: props.description }),
-      /* @__PURE__ */ jsxRuntime.jsx("script", { src: "https://unpkg.com/htmx.org@latest" }),
-      /* @__PURE__ */ jsxRuntime.jsx("script", { src: "https://unpkg.com/hyperscript.org@latest" }),
-      /* @__PURE__ */ jsxRuntime.jsx("script", { src: "https://cdn.tailwindcss.com" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "style",
-        {
-          dangerouslySetInnerHTML: {
-            __html: `
-          @keyframes fadeIn {
-            from { opacity: 0;}
-            to { opacity: 1;}
-          }
-          @keyframes slideIn {
-            from { opacity: 0; transform: scale(0.95) translateY(-10px); }
-            to { opacity: 1; transform: scale(1) translateY(0); }
-          }
-          @keyframes slideInRight {
-            from { opacity: 0; transform: translateX(100%); }
-            to { opacity: 1; transform: translateX(0); }
-          }
-          @keyframes slideOutRight {
-            from { opacity: 1; transform: translateX(0); }
-            to { opacity: 0; transform: translateX(100%); }
-          }
-          @keyframes fadeOut {
-            from { opacity: 1; }
-            to { opacity: 0; }
-          }
-          @keyframes scaleOut {
-            from { opacity: 1; transform: scale(1) translateY(0); }
-            to { opacity: 0; transform: scale(0.95) translateY(-10px); }
-          }
-          /* Dialog \u9000\u51FA\u52A8\u753B */
-          .dialog-exit {
-            animation: fadeOut 0.2s ease-in forwards !important;
-          }
-          .dialog-content-exit {
-            animation: scaleOut 0.2s ease-in forwards !important;
-          }
-          /* ErrorAlert \u9000\u51FA\u52A8\u753B */
-          .error-alert-exit {
-            animation: slideOutRight 0.3s ease-in forwards, fadeOut 0.3s ease-in forwards;
-          }
-        `
+                    strokeWidth: 2,
+                    d: "M6 18L18 6M6 6l12 12"
+                  }
+                )
+              }
+            )
           }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "body",
-      {
-        className: "bg-gray-50",
-        "hx-indicator": "#loading-bar",
-        "hx-target": "#main-content",
-        "hx-swap": "outerHTML",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(LoadingBar, {}),
-          props.children,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              id: "error-container",
-              className: "fixed top-4 right-4 z-[200] w-full max-w-2xl px-4"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { id: "dialog-container" })
-        ]
-      }
-    )
-  ] });
-};
-var AdminLayout = (props) => {
-  const logo = props.adminContext.pluginOptions.logo;
-  const navItems = props.adminContext.pluginOptions.navigation;
-  const referer = props.adminContext.ctx.req.header("Referer");
-  let currentPath = props.adminContext.ctx.req.path;
-  if (referer) {
-    try {
-      const refererUrl = new URL(referer);
-      const method = props.adminContext.ctx.req.method;
-      if (["POST", "PUT", "DELETE"].includes(method)) {
-        currentPath = refererUrl.pathname;
-      }
-    } catch (e) {
+        )
+      ] })
     }
-  }
-  const sidebarCollapsed = props.sidebarCollapsed || false;
-  const breadcrumbs = props.adminContext.breadcrumbs;
-  const userInfo = props.adminContext.userInfo;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-screen", id: "main-content", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "aside",
-      {
-        className: `${props.sidebarCollapsed ? "w-16" : "w-64"} bg-gradient-to-b from-gray-900 to-gray-800 text-white shadow-lg transition-all duration-300 ease-in-out overflow-hidden`,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${props.sidebarCollapsed ? "p-2" : "p-6"}`, children: [
-          !props.sidebarCollapsed && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "Logo", className: "h-10 mb-6" }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-bold mb-6 text-white whitespace-nowrap overflow-hidden text-ellipsis", children: props.adminContext.pluginOptions.title }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("nav", { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: navItems && navItems.length > 0 ? navItems.map(
-            (item) => renderNavItem(
-              item,
-              currentPath,
-              props.sidebarCollapsed || false
-            )
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            "li",
-            {
-              className: `${props.sidebarCollapsed ? "px-2" : "px-4"} py-2 text-gray-400 text-sm`,
-              children: "\u6682\u65E0\u5BFC\u822A\u9879"
-            }
-          ) }) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Header,
+  );
+};
+// src/handler.tsx
+init_Layout();
+var Dialog = (props) => {
+  const {
+    title,
+    children,
+    showClose = true,
+    closeUrl,
+    className = "",
+    size = "lg"
+  } = props;
+  const sizeClasses = {
+    sm: "max-w-md",
+    md: "max-w-lg",
+    lg: "max-w-2xl",
+    xl: "max-w-4xl",
+    full: "max-w-7xl"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "fixed inset-0 bg-black bg-opacity-50 z-[100] flex items-center justify-center p-4 dialog-backdrop",
+      style: {
+        animation: "fadeIn 0.2s ease-out"
+      },
+      _: "on click if event.target is me \r\n         add .dialog-exit to me\r\n         add .dialog-content-exit to .dialog-content\r\n         wait 200ms\r\n         set #dialog-container's innerHTML to '' end",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
         {
-          breadcrumbs,
-          userInfo,
-          sidebarCollapsed: sidebarCollapsed || false
+          className: `bg-gray-50 rounded-lg shadow-xl ${sizeClasses[size]} w-full max-h-[90vh] overflow-hidden flex flex-col dialog-content ${className}`,
+          style: {
+            animation: "slideIn 0.3s ease-out"
+          },
+          _: "on click call event.stopPropagation()",
+          children: [
+            (title || showClose) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 border-b border-gray-200 bg-white flex items-center justify-between", children: [
+              title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: title }),
+              showClose && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  className: "text-gray-400 hover:text-gray-600 transition-colors",
+                  _: "on click \r\n                     add .dialog-exit to .dialog-backdrop\r\n                     add .dialog-content-exit to .dialog-content\r\n                     wait 200ms\r\n                     set #dialog-container's innerHTML to '' end",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "svg",
+                    {
+                      className: "w-6 h-6",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M6 18L18 6M6 6l12 12"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto p-6 bg-gray-50", children })
+          ]
         }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-auto bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: props.children }) })
-    ] })
-  ] });
+      )
+    }
+  );
 };
-// src/utils/context.tsx
-var HtmxAdminContext = class {
-  /** 模块元数据 */
-  moduleMetadata;
-  /** 插件选项 */
-  pluginOptions;
-  /** Hono Context */
-  ctx;
-  /** 之前的模块名 */
-  previousModuleName;
-  /** 是否是片段请求（HTMX 请求） */
-  isFragment;
-  /** 是否是对话框请求 */
-  isDialog;
-  /** 用户信息 */
-  userInfo;
-  /** 通知队列 */
-  notifications = [];
-  /** 页面标题（用于 HX-Title 和页面展示） */
-  title = "";
-  /** 页面描述（用于SEO和页面展示） */
-  description = "";
-  /** 面包屑项 */
-  breadcrumbs = [];
-  /** 主要内容 */
-  content = null;
-  /** 需要重定向的 URL */
-  redirectUrl;
-  /** 是否需要刷新页面（用于 HX-Refresh） */
-  refresh = false;
-  constructor(ctx, userInfo, moduleMetadata, pluginOptions) {
-    this.ctx = ctx;
-    this.userInfo = userInfo;
-    this.moduleMetadata = moduleMetadata;
-    this.pluginOptions = pluginOptions;
-    const url = new URL(ctx.req.url);
-    this.isFragment = ctx.req.header("HX-Request") === "true";
-    this.isDialog = url.searchParams.get("dialog") === "true" || ctx.req.header("HX-Target") === "#dialog-container" || (ctx.req.header("Referer") || "").includes("dialog=true");
-    const referer = ctx.req.header("Referer");
-    this.previousModuleName = referer ? new URL(referer).pathname.replace(pluginOptions.prefix, "").split("/").pop() : void 0;
+// src/handler.tsx
+init_context();
+// src/utils/permissions.ts
+function checkUserPermission(requiredPermission, userPermissions) {
+  if (!requiredPermission) {
+    return { allowed: true, reason: "\u65E0\u9700\u6743\u9650" };
   }
-  /**
-   * 发送通知
-   * 通知将在响应时通过 OOB 更新到错误容器
-   */
-  sendNotification(type, title, message) {
-    this.notifications.push({ type, title, message });
+  if (!userPermissions || userPermissions.length === 0) {
+    return {
+      allowed: false,
+      reason: "\u7528\u6237\u65E0\u4EFB\u4F55\u6743\u9650",
+      matchedPermission: "none"
+    };
   }
-  /**
-   * 发送错误通知（便捷方法）
-   */
-  sendError(title, message) {
-    this.sendNotification("error", title, message);
+  const denyResult = checkDenyPermissions(requiredPermission, userPermissions);
+  if (!denyResult.allowed) {
+    return denyResult;
   }
-  /**
-   * 发送警告通知（便捷方法）
-   */
-  sendWarning(title, message) {
-    this.sendNotification("warning", title, message);
+  const allowResult = checkAllowPermissions(
+    requiredPermission,
+    userPermissions
+  );
+  return allowResult;
+}
+function checkDenyPermissions(requiredPermission, userPermissions) {
+  const denyPermissions = userPermissions.filter((p) => p.startsWith("deny:"));
+  for (const denyPermission of denyPermissions) {
+    const denyPattern = denyPermission.substring(5);
+    if (matchPermission(requiredPermission, denyPattern)) {
+      return {
+        allowed: false,
+        reason: `\u6743\u9650\u88AB\u7981\u6B62: ${denyPermission}`,
+        matchedPermission: denyPermission
+      };
+    }
+  }
+  return { allowed: true };
+}
+function checkAllowPermissions(requiredPermission, userPermissions) {
+  const allowPermissions = userPermissions.filter(
+    (p) => !p.startsWith("deny:")
+  );
+  if (allowPermissions.length === 0) {
+    return {
+      allowed: false,
+      reason: "\u7528\u6237\u65E0\u5141\u8BB8\u6743\u9650",
+      matchedPermission: "none"
+    };
   }
-  /**
-   * 发送信息通知（便捷方法）
-   */
-  sendInfo(title, message) {
-    this.sendNotification("info", title, message);
+  for (const allowPermission of allowPermissions) {
+    const allowPattern = allowPermission.startsWith("allow:") ? allowPermission.substring(6) : allowPermission;
+    if (matchPermission(requiredPermission, allowPattern)) {
+      return {
+        allowed: true,
+        reason: `\u6743\u9650\u5339\u914D: ${allowPermission}`,
+        matchedPermission: allowPermission
+      };
+    }
   }
-  /**
-   * 发送成功通知（便捷方法）
-   */
-  sendSuccess(title, message) {
-    this.sendNotification("success", title, message);
+  return {
+    allowed: false,
+    reason: "\u65E0\u5339\u914D\u7684\u5141\u8BB8\u6743\u9650",
+    matchedPermission: "none"
+  };
+}
+function matchPermission(requiredPermission, pattern) {
+  const required = requiredPermission.startsWith("allow:") ? requiredPermission.substring(6) : requiredPermission;
+  if (pattern.includes("*")) {
+    return matchWithWildcard(required, pattern);
   }
-  /**
-   * 设置需要推送的 URL
-   * 用于 HX-Push-Url 响应头
-   */
-  redirect(url) {
-    this.redirectUrl = url;
+  return required === pattern;
+}
+function matchWithWildcard(required, pattern) {
+  const requiredParts = required.split(".");
+  const patternParts = pattern.split(".");
+  if (requiredParts.length !== patternParts.length && !pattern.endsWith("*")) {
+    return false;
   }
-  /**
-   * 设置需要刷新页面
-   * 用于 HX-Refresh 响应头
-   */
-  setRefresh(refresh = true) {
-    this.refresh = refresh;
+  const maxLength = Math.max(requiredParts.length, patternParts.length);
+  for (let i = 0; i < maxLength; i++) {
+    const requiredPart = requiredParts[i];
+    const patternPart = patternParts[i];
+    if (patternPart === "*") {
+      continue;
+    }
+    if (!patternPart && pattern.endsWith("*")) {
+      return true;
+    }
+    if (!requiredPart) {
+      return false;
+    }
+    if (requiredPart !== patternPart) {
+      return false;
+    }
   }
-  /**
-   * 检查是否有列表页面
-   * 封装 moduleMetadata 访问，避免直接访问内部属性
-   */
-  hasList() {
-    return this.moduleMetadata.hasList;
+  return true;
+}
+// src/utils/auth.ts
+async function getUserInfo(ctx, authProvider) {
+  if (!authProvider) {
+    return null;
   }
-  /**
-   * 检查是否有详情页面
-   * 封装 moduleMetadata 访问，避免直接访问内部属性
-   */
-  hasDetail() {
-    return this.moduleMetadata.hasDetail;
+  const cookieKey = authProvider.cookieKey || "auth_token";
+  const token = cookie.getCookie(ctx, cookieKey);
+  if (!token) {
+    return null;
   }
-  /**
-   * 检查是否有表单页面
-   * 封装 moduleMetadata 访问，避免直接访问内部属性
-   */
-  hasForm() {
-    return this.moduleMetadata.hasForm;
+  return await authProvider.tokenToUser(token, ctx);
+}
+function checkPermissionDefault(userInfo, operation, loginUrl) {
+  if (!operation) {
+    return { allowed: true };
   }
-  /**
-   * 检查是否有自定义页面
-   * 封装 moduleMetadata 访问，避免直接访问内部属性
-   */
-  hasCustom() {
-    return this.moduleMetadata.hasCustom;
+  if (!userInfo) {
+    return {
+      allowed: false,
+      message: "\u672A\u767B\u5F55\uFF0C\u65E0\u6CD5\u8BBF\u95EE\u6B64\u8D44\u6E90",
+      operationId: operation,
+      redirectUrl: loginUrl
+      // 如果提供了 loginUrl，则重定向到登录页面
+    };
   }
-};
+  const userPermissions = userInfo.permissions || [];
+  const result = checkUserPermission(operation, userPermissions);
+  if (result.allowed) {
+    return { allowed: true };
+  } else {
+    return {
+      allowed: false,
+      message: result.reason || "\u60A8\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u6B64\u8D44\u6E90",
+      operationId: operation
+    };
+  }
+}
+// src/utils/operation.ts
+function generateOperationId(ctx, moduleName, moduleOptions, serviceName) {
+  const method = ctx.req.method.toLowerCase();
+  const url = new URL(ctx.req.url);
+  const path = url.pathname;
+  const lowerModuleName = moduleName.toLowerCase();
+  const servicePrefix = serviceName ? `${serviceName}.` : "";
+  if (moduleOptions.type === "list") {
+    return `${servicePrefix}${lowerModuleName}.read`;
+  } else if (moduleOptions.type === "detail") {
+    if (method === "delete") {
+      return `${servicePrefix}${lowerModuleName}.delete`;
+    }
+    return `${servicePrefix}${lowerModuleName}.read`;
+  } else if (moduleOptions.type === "form") {
+    if (path.includes("/new")) {
+      if (method === "get") {
+        return `${servicePrefix}${lowerModuleName}.create`;
+      }
+      return `${servicePrefix}${lowerModuleName}.create`;
+    } else if (path.includes("/edit/")) {
+      if (method === "get") {
+        return `${servicePrefix}${lowerModuleName}.edit`;
+      }
+      return `${servicePrefix}${lowerModuleName}.edit`;
+    } else if (method === "post") {
+      return `${servicePrefix}${lowerModuleName}.create`;
+    } else if (method === "put") {
+      return `${servicePrefix}${lowerModuleName}.edit`;
+    } else if (method === "delete") {
+      return `${servicePrefix}${lowerModuleName}.delete`;
+    }
+    return `${servicePrefix}${lowerModuleName}.read`;
+  } else if (moduleOptions.type === "custom") {
+    if (method === "post") {
+      return `${servicePrefix}${lowerModuleName}.create`;
+    } else if (method === "put") {
+      return `${servicePrefix}${lowerModuleName}.edit`;
+    } else if (method === "delete") {
+      return `${servicePrefix}${lowerModuleName}.delete`;
+    }
+    return `${servicePrefix}${lowerModuleName}.read`;
+  }
+  return `${servicePrefix}${lowerModuleName}.read`;
+}
+// src/utils/permission-handler.tsx
+init_PermissionDenied();
+async function handlePermissionDenied(ctx, adminContext, permissionResult, getOperationId, pluginPrefix, getRegisteredOperations) {
+  const operationId = permissionResult.operationId || getOperationId();
+  const fromPath = ctx.req.path;
+  if (adminContext.isFragment) {
+    return renderPermissionDeniedDialog(
+      ctx,
+      adminContext,
+      operationId,
+      fromPath,
+      getRegisteredOperations
+    );
+  } else {
+    if (permissionResult.redirectUrl) {
+      return ctx.redirect(permissionResult.redirectUrl);
+    }
+    return redirectToPermissionDeniedPage(
+      ctx,
+      operationId,
+      fromPath,
+      pluginPrefix,
+      permissionResult.redirectUrl
+    );
+  }
+}
+function renderPermissionDeniedDialog(ctx, adminContext, operationId, fromPath, getRegisteredOperations) {
+  const registeredOperations = getRegisteredOperations ? getRegisteredOperations() : [];
+  const permissionContent = PermissionDeniedContent(
+    adminContext,
+    operationId,
+    fromPath,
+    registeredOperations
+  );
+  return ctx.html(
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { title: "\u6743\u9650\u4E0D\u8DB3", size: "lg", children: permissionContent }),
+    200,
+    {
+      "HX-Retarget": "#dialog-container",
+      "HX-Reswap": "innerHTML"
+    }
+  );
+}
+function redirectToPermissionDeniedPage(ctx, operationId, fromPath, pluginPrefix, customRedirectUrl) {
+  const permissionDeniedUrl = `${pluginPrefix}/permission-denied`;
+  const url = new URL(permissionDeniedUrl, ctx.req.url);
+  url.searchParams.set("operation", operationId);
+  url.searchParams.set("from", fromPath);
+  const redirectUrl = url.pathname + url.search;
+  const finalRedirectUrl = customRedirectUrl || redirectUrl;
+  return ctx.redirect(finalRedirectUrl);
+}
 var RouteHandler = class {
   moduleClass;
   pluginOptions;
   moduleMetadata;
   moduleOptions;
+  moduleName;
+  basePath;
+  serviceName;
+  getRegisteredOperations;
   constructor(options) {
     this.moduleClass = options.moduleClass;
     this.pluginOptions = options.pluginOptions;
     this.moduleMetadata = options.moduleMetadata;
     this.moduleOptions = options.moduleOptions;
+    this.moduleName = options.moduleName;
+    this.basePath = options.basePath;
+    this.serviceName = options.serviceName;
+    this.getRegisteredOperations = options.getRegisteredOperations;
   }
   /**
    * 更新模块元数据
@@ -2593,10 +3149,41 @@ var RouteHandler = class {
    */
   async handle(ctx) {
     try {
-      const userInfo = await this.pluginOptions.getUserInfo(ctx);
+      const userInfo = await getUserInfo(ctx, this.pluginOptions.authProvider);
       const adminContext = this.createAdminContext(ctx, userInfo);
       const moduleInstance = new this.moduleClass();
       moduleInstance.__init(adminContext);
+      const requiredPermission = moduleInstance.getRequiredPermission?.(ctx);
+      const operation = this.getOperationId(ctx);
+      if (this.pluginOptions.authProvider && requiredPermission !== void 0 && requiredPermission !== null && requiredPermission !== "") {
+        let permissionResult;
+        if (this.pluginOptions.authProvider.checkPermission) {
+          permissionResult = await this.pluginOptions.authProvider.checkPermission(
+            userInfo,
+            operation,
+            adminContext
+          );
+        } else {
+          permissionResult = checkPermissionDefault(
+            userInfo,
+            operation,
+            this.pluginOptions.authProvider?.loginUrl
+          );
+        }
+        if (!permissionResult.allowed) {
+          if (!permissionResult.operationId) {
+            permissionResult.operationId = operation;
+          }
+          return await handlePermissionDenied(
+            ctx,
+            adminContext,
+            permissionResult,
+            () => this.getOperationId(ctx),
+            this.pluginOptions.prefix,
+            this.getRegisteredOperations
+          );
+        }
+      }
       try {
         adminContext.content = await moduleInstance.__handle();
         adminContext.title = moduleInstance.getTitle();
@@ -2620,6 +3207,17 @@ var RouteHandler = class {
       );
     }
   }
+  /**
+   * 获取操作ID（内部方法，用于传递给工具函数）
+   */
+  getOperationId(ctx) {
+    return generateOperationId(
+      ctx,
+      this.moduleName,
+      this.moduleOptions,
+      this.serviceName
+    );
+  }
   renderFullPage(ctx, adminContext) {
     if (adminContext.redirectUrl) {
       return ctx.redirect(adminContext.redirectUrl);
@@ -2725,7 +3323,8 @@ var RouteHandler = class {
       ctx,
       userInfo,
       this.moduleMetadata,
-      this.pluginOptions
+      this.pluginOptions,
+      this.serviceName
     );
   }
   /**
@@ -2818,8 +3417,12 @@ var HtmxAdminPlugin = class {
   engine;
   hono;
   options;
+  // 服务名（从引擎中获取）
+  serviceName = "";
   // 模块类映射（记录每个模块的类）
   moduleTypeMap = /* @__PURE__ */ new Map();
+  // 注册的操作列表（权限列表）
+  registeredOperations = [];
   constructor(options) {
     this.options = {
       title: options?.title || "\u7BA1\u7406\u540E\u53F0",
@@ -2827,7 +3430,7 @@ var HtmxAdminPlugin = class {
       prefix: options?.prefix || "/admin",
       homePath: options?.homePath || "",
       navigation: options?.navigation ?? [],
-      getUserInfo: options?.getUserInfo ?? (() => null)
+      authProvider: options?.authProvider
     };
   }
   /**
@@ -2850,7 +3453,8 @@ var HtmxAdminPlugin = class {
   onInit(engine) {
     this.engine = engine;
     this.hono = engine.getHono();
-    imeanServiceEngine.logger.info("HtmxAdminPlugin initialized");
+    this.serviceName = engine.options.name;
+    imeanServiceEngine.logger.info(`HtmxAdminPlugin initialized${this.serviceName ? ` (service: ${this.serviceName})` : ""}`);
   }
   /**
    * 检查并注册模块
@@ -2911,10 +3515,144 @@ var HtmxAdminPlugin = class {
       }
     }
   }
+  /**
+   * 根据模块类型和路由信息生成操作ID
+   */
+  generateOperationId(moduleName, moduleType, method, path) {
+    const lowerModuleName = moduleName.toLowerCase();
+    const lowerMethod = method.toLowerCase();
+    const servicePrefix = this.serviceName ? `${this.serviceName}.` : "";
+    if (moduleType === "list") {
+      return {
+        operationId: `${servicePrefix}${lowerModuleName}.read`,
+        operationType: "read"
+      };
+    } else if (moduleType === "detail") {
+      if (lowerMethod === "delete") {
+        return {
+          operationId: `${servicePrefix}${lowerModuleName}.delete`,
+          operationType: "delete"
+        };
+      }
+      return {
+        operationId: `${servicePrefix}${lowerModuleName}.read`,
+        operationType: "read"
+      };
+    } else if (moduleType === "form") {
+      if (path.includes("/new")) {
+        if (lowerMethod === "get") {
+          return {
+            operationId: `${servicePrefix}${lowerModuleName}.create`,
+            operationType: "create"
+          };
+        }
+        return {
+          operationId: `${servicePrefix}${lowerModuleName}.create`,
+          operationType: "create"
+        };
+      } else if (path.includes("/edit/")) {
+        if (lowerMethod === "get") {
+          return {
+            operationId: `${servicePrefix}${lowerModuleName}.edit`,
+            operationType: "edit"
+          };
+        }
+        return {
+          operationId: `${servicePrefix}${lowerModuleName}.edit`,
+          operationType: "edit"
+        };
+      } else if (lowerMethod === "post") {
+        return {
+          operationId: `${servicePrefix}${lowerModuleName}.create`,
+          operationType: "create"
+        };
+      } else if (lowerMethod === "put") {
+        return {
+          operationId: `${servicePrefix}${lowerModuleName}.edit`,
+          operationType: "edit"
+        };
+      } else if (lowerMethod === "delete") {
+        return {
+          operationId: `${servicePrefix}${lowerModuleName}.delete`,
+          operationType: "delete"
+        };
+      }
+      return {
+        operationId: `${servicePrefix}${lowerModuleName}.read`,
+        operationType: "read"
+      };
+    } else if (moduleType === "custom") {
+      if (lowerMethod === "post") {
+        return {
+          operationId: `${servicePrefix}${lowerModuleName}.create`,
+          operationType: "create"
+        };
+      } else if (lowerMethod === "put") {
+        return {
+          operationId: `${servicePrefix}${lowerModuleName}.edit`,
+          operationType: "edit"
+        };
+      } else if (lowerMethod === "delete") {
+        return {
+          operationId: `${servicePrefix}${lowerModuleName}.delete`,
+          operationType: "delete"
+        };
+      }
+      return {
+        operationId: `${servicePrefix}${lowerModuleName}.read`,
+        operationType: "read"
+      };
+    }
+    return {
+      operationId: `${servicePrefix}${lowerModuleName}.read`,
+      operationType: "read"
+    };
+  }
+  /**
+   * 注册内置路由（权限提示页面）
+   */
+  registerBuiltinRoutes() {
+    const permissionDeniedPath = `${this.options.prefix}/permission-denied`;
+    this.hono.get(permissionDeniedPath, async (ctx) => {
+      const url = new URL(ctx.req.url);
+      const operationId = url.searchParams.get("operation") || "";
+      const fromPath = url.searchParams.get("from") || "";
+      const { PermissionDeniedPage: PermissionDeniedPage2 } = await Promise.resolve().then(() => (init_PermissionDenied(), PermissionDenied_exports));
+      const { HtmxAdminContext: HtmxAdminContext2 } = await Promise.resolve().then(() => (init_context(), context_exports));
+      const adminContext = new HtmxAdminContext2(
+        ctx,
+        null,
+        // 不需要用户信息
+        {
+          hasList: false,
+          hasDetail: false,
+          hasForm: false,
+          hasCustom: true,
+          basePath: permissionDeniedPath,
+          title: "\u6743\u9650\u4E0D\u8DB3",
+          description: "\u60A8\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u6B64\u8D44\u6E90"
+        },
+        this.options,
+        this.serviceName
+      );
+      return ctx.html(
+        PermissionDeniedPage2(
+          adminContext,
+          operationId,
+          fromPath,
+          this.registeredOperations
+        )
+      );
+    });
+    imeanServiceEngine.logger.info(
+      `[HtmxAdminPlugin] Registered builtin route: GET ${permissionDeniedPath}`
+    );
+  }
   /**
    * 注册路由
    */
   registerRoutes() {
+    this.registerBuiltinRoutes();
     const moduleNames = Array.from(this.moduleTypeMap.keys());
     for (const moduleName of moduleNames) {
       const moduleTypes = this.moduleTypeMap.get(moduleName);
@@ -2927,6 +3665,8 @@ var HtmxAdminPlugin = class {
           basePath,
           moduleOptions: moduleInfo.options,
           pluginOptions: this.options,
+          serviceName: this.serviceName,
+          // 传递服务名
           moduleMetadata: {
             hasList: !!moduleTypes["list"],
             hasDetail: !!moduleTypes["detail"],
@@ -2935,7 +3675,9 @@ var HtmxAdminPlugin = class {
             basePath,
             title: moduleInfo.options.title ?? moduleName,
             description: moduleInfo.options.description ?? ""
-          }
+          },
+          getRegisteredOperations: () => this.registeredOperations
+          // 传递获取操作列表的方法
         });
         const routeConfig = {
           list: [{ method: "get", path: `${basePath}/list` }],
@@ -2947,24 +3689,87 @@ var HtmxAdminPlugin = class {
             { method: "put", path: `${basePath}/:id` },
             { method: "delete", path: `${basePath}/:id` }
           ],
-          custom: [{ method: "get", path: basePath }]
+          // custom 类型注册所有 HTTP 方法，允许模块在 render 方法中根据请求方法进行扩展
+          custom: [
+            { method: "get", path: basePath },
+            { method: "post", path: basePath },
+            { method: "put", path: basePath },
+            { method: "delete", path: basePath }
+          ]
         };
         const routes = routeConfig[type];
         for (const route of routes) {
           imeanServiceEngine.logger.info(
             `[HtmxAdminPlugin] Registering ${type} route: ${route.method.toUpperCase()} ${route.path}`
           );
-          const handler = async (ctx) => routeHandler.handle(ctx);
+          const { operationId, operationType } = this.generateOperationId(
+            moduleName,
+            type,
+            route.method,
+            route.path
+          );
+          const existingOperation = this.registeredOperations.find(
+            (op) => op.operationId === operationId && op.httpMethod === route.method.toUpperCase()
+          );
+          if (!existingOperation) {
+            this.registeredOperations.push({
+              operationId,
+              moduleName: moduleName.toLowerCase(),
+              operationType,
+              moduleType: type,
+              moduleTitle: moduleInfo.options.title,
+              moduleDescription: moduleInfo.options.description,
+              httpMethod: route.method.toUpperCase(),
+              routePath: route.path
+            });
+          }
+          const handler = async (ctx) => {
+            return routeHandler.handle(ctx);
+          };
           this.hono[route.method](route.path, handler);
         }
       }
     }
   }
+  /**
+   * 获取所有注册的操作（权限）列表
+   * 可用于权限管理模块作为数据源，或用于确定管理员的权限
+   *
+   * @returns 所有注册的操作信息列表
+   */
+  getRegisteredOperations() {
+    return [...this.registeredOperations];
+  }
+  /**
+   * 获取指定模块的所有操作
+   *
+   * @param moduleName 模块名
+   * @returns 该模块的所有操作信息列表
+   */
+  getModuleOperations(moduleName) {
+    const lowerModuleName = moduleName.toLowerCase();
+    return this.registeredOperations.filter(
+      (op) => op.moduleName === lowerModuleName
+    );
+  }
+  /**
+   * 获取所有唯一的操作ID列表（去重）
+   *
+   * @returns 所有唯一的操作ID列表
+   */
+  getOperationIds() {
+    const uniqueIds = /* @__PURE__ */ new Set();
+    for (const op of this.registeredOperations) {
+      uniqueIds.add(op.operationId);
+    }
+    return Array.from(uniqueIds).sort();
+  }
   /**
    * 模块加载钩子：检查模块类型约束并注册路由
    */
   onModuleLoad(modules) {
     this.checkAndRegisterModules(modules);
+    this.registerBuiltinRoutes();
     this.registerRoutes();
     this.engine.getHono().get(this.options.prefix, async (ctx) => {
       return ctx.redirect(this.options.homePath);
@@ -3049,6 +3854,10 @@ var Badge = (props) => {
     }
   );
 };
+// src/components/index.ts
+init_Button();
+init_Card();
 var SystemStatusCard = (props) => {
   const { title, statusItems, className = "" } = props;
   const progressColorClasses = {