imean-service-engine-htmx-plugin 1.0.0 → 1.1.0

package/dist/index.mjs

@@ -1,11 +1,688 @@
-import { jsx, jsxs, Fragment } from 'hono/jsx/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'hono/jsx/jsx-runtime';
 import { PluginPriority, logger } from 'imean-service-engine';
+import { getCookie } from '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__ */ 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__ */ jsxs(
+        "div",
+        {
+          className: `${baseClasses} ${shadowClass} ${borderClass} ${className}`,
+          children: [
+            title && /* @__PURE__ */ jsx("div", { className: "px-6 py-4 border-b border-gray-200", children: /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900", children: title }) }),
+            /* @__PURE__ */ 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__ */ jsx("nav", { className: "flex", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "flex items-center space-x-2", children: items.map((item, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-center", children: [
+        index > 0 && /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "w-5 h-5 text-gray-400 mx-2",
+            fill: "currentColor",
+            viewBox: "0 0 20 20",
+            children: /* @__PURE__ */ 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__ */ 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__ */ 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 } = props;
+      return /* @__PURE__ */ jsx("header", { className: "bg-white border-b border-gray-200 shadow-sm sticky top-0 z-40", children: /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
+          /* @__PURE__ */ 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__ */ jsx(
+                  "svg",
+                  {
+                    className: "w-5 h-5 text-gray-600",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M9 5l7 7-7 7"
+                      }
+                    )
+                  }
+                )
+              ) : (
+                // 折叠图标（三条横线）
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: "w-5 h-5 text-gray-600",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M4 6h16M4 12h16M4 18h16"
+                      }
+                    )
+                  }
+                )
+              )
+            }
+          ),
+          breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Breadcrumb, { items: breadcrumbs })
+        ] }),
+        userInfo && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-shrink-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-right hidden sm:block", children: [
+            userInfo.name && /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-900", children: userInfo.name }),
+            userInfo.email && /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: userInfo.email })
+          ] }),
+          userInfo.avatar ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: userInfo.avatar,
+              alt: userInfo.name || "\u7528\u6237",
+              className: "w-8 h-8 rounded-full"
+            }
+          ) : /* @__PURE__ */ 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;
+var init_LoadingBar = __esm({
+  "src/components/LoadingBar.tsx"() {
+    LoadingBar = () => {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ 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__ */ jsx("div", { className: "h-full bg-gradient-to-r from-blue-500 via-blue-600 to-blue-500 loading-bar-progress" })
+          }
+        ),
+        /* @__PURE__ */ 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__ */ jsxs("li", { id: navItemId, className: "relative group", children: [
+    /* @__PURE__ */ 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__ */ jsx("span", { className: collapsed ? "" : "mr-2", children: item.icon }),
+          !collapsed && /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", children: item.label })
+        ]
+      }
+    ),
+    collapsed && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(
+        "li",
+        {
+          id: childNavItemId,
+          className: "relative group",
+          children: /* @__PURE__ */ 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__ */ jsx("span", { className: "mr-2", children: child.icon }),
+                /* @__PURE__ */ 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__ */ jsxs("html", { children: [
+        /* @__PURE__ */ jsxs("head", { children: [
+          /* @__PURE__ */ jsx("meta", { charset: "UTF-8" }),
+          /* @__PURE__ */ jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }),
+          /* @__PURE__ */ jsx("title", { children: props.title }),
+          props.description && /* @__PURE__ */ jsx("meta", { name: "description", content: props.description }),
+          /* @__PURE__ */ jsx("script", { src: "https://unpkg.com/htmx.org@latest" }),
+          /* @__PURE__ */ jsx("script", { src: "https://unpkg.com/hyperscript.org@latest" }),
+          /* @__PURE__ */ jsx("script", { src: "https://cdn.tailwindcss.com" }),
+          /* @__PURE__ */ 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__ */ jsxs(
+          "body",
+          {
+            className: "bg-gray-50",
+            "hx-indicator": "#loading-bar",
+            "hx-target": "#main-content",
+            "hx-swap": "outerHTML",
+            children: [
+              /* @__PURE__ */ jsx(LoadingBar, {}),
+              props.children,
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  id: "error-container",
+                  className: "fixed top-4 right-4 z-[200] w-full max-w-2xl px-4"
+                }
+              ),
+              /* @__PURE__ */ 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;
+      return /* @__PURE__ */ jsxs("div", { className: "flex h-screen", id: "main-content", children: [
+        /* @__PURE__ */ 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__ */ jsxs("div", { className: `${props.sidebarCollapsed ? "p-2" : "p-6"}`, children: [
+              !props.sidebarCollapsed && /* @__PURE__ */ jsx(Fragment, { children: logo ? /* @__PURE__ */ jsx("img", { src: logo, alt: "Logo", className: "h-10 mb-6" }) : /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold mb-6 text-white whitespace-nowrap overflow-hidden text-ellipsis", children: props.adminContext.pluginOptions.title }) }),
+              /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: navItems && navItems.length > 0 ? navItems.map(
+                (item) => renderNavItem(
+                  item,
+                  currentPath,
+                  props.sidebarCollapsed || false
+                )
+              ) : /* @__PURE__ */ jsx(
+                "li",
+                {
+                  className: `${props.sidebarCollapsed ? "px-2" : "px-4"} py-2 text-gray-400 text-sm`,
+                  children: "\u6682\u65E0\u5BFC\u822A\u9879"
+                }
+              ) }) })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+          /* @__PURE__ */ jsx(
+            Header,
+            {
+              breadcrumbs,
+              userInfo,
+              sidebarCollapsed: sidebarCollapsed || false
+            }
+          ),
+          /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto bg-gray-50", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "text-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-6xl mb-4", children: "\u{1F512}" }),
+    /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "\u6743\u9650\u4E0D\u8DB3" }),
+    /* @__PURE__ */ 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__ */ jsxs("div", { className: "mb-8 p-4 bg-red-50 border border-red-200 rounded-lg text-left", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-red-900 mb-2", children: "\u88AB\u62D2\u7EDD\u7684\u64CD\u4F5C" }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-sm", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: "\u64CD\u4F5CID:" }),
+          " ",
+          /* @__PURE__ */ jsx("code", { className: "px-2 py-1 bg-gray-100 rounded text-blue-600 font-mono", children: operationId })
+        ] }),
+        operationInfo && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: "\u6A21\u5757:" }),
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "text-gray-900", children: operationInfo.moduleTitle || moduleName })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: "\u64CD\u4F5C\u7C7B\u578B:" }),
+            " ",
+            /* @__PURE__ */ 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__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: "\u6A21\u5757\u63CF\u8FF0:" }),
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "text-gray-600", children: operationInfo.moduleDescription })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: "\u8DEF\u7531\u8DEF\u5F84:" }),
+            " ",
+            /* @__PURE__ */ jsx("code", { className: "px-2 py-1 bg-gray-100 rounded text-gray-700 font-mono text-xs", children: operationInfo.routePath })
+          ] })
+        ] }),
+        fromPath && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: "\u8BF7\u6C42\u8DEF\u5F84:" }),
+          " ",
+          /* @__PURE__ */ jsx("code", { className: "px-2 py-1 bg-gray-100 rounded text-gray-700 font-mono text-xs", children: fromPath })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-8", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        _: "on click set #dialog-container's innerHTML to ''",
+        children: "\u5173\u95ED"
+      }
+    ) })
+  ] });
+}
+function PermissionDeniedPage(adminContext, operationId, fromPath, registeredOperations) {
+  return /* @__PURE__ */ jsx(
+    BaseLayout,
+    {
+      title: `\u6743\u9650\u4E0D\u8DB3 - ${adminContext.pluginOptions.title}`,
+      description: "\u60A8\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u6B64\u8D44\u6E90",
+      children: /* @__PURE__ */ jsx("div", { id: "main-content", className: "min-h-screen flex items-center justify-center px-4", children: /* @__PURE__ */ jsx(Card, { className: "max-w-2xl w-full p-8", children: /* @__PURE__ */ jsx(
+        PermissionDeniedContent,
+        {
+          adminContext,
+          operationId,
+          fromPath,
+          registeredOperations
+        }
+      ) }) })
+    }
+  );
+}
+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;
@@ -21,88 +698,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__ */ 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__ */ jsxs(
-    "div",
-    {
-      className: `${baseClasses} ${shadowClass} ${borderClass} ${className}`,
-      children: [
-        title && /* @__PURE__ */ jsx("div", { className: "px-6 py-4 border-b border-gray-200", children: /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900", children: title }) }),
-        /* @__PURE__ */ 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__ */ jsx("div", { className: `mb-6 ${className}`, children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start", children: [
@@ -230,6 +829,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;
@@ -333,6 +940,22 @@ var PageModule = class {
     ];
     return breadcrumbs;
   }
+  /**
+   * 获取所需权限
+   * 子类可以重写此方法来声明页面所需的权限
+   * 
+   * 返回值说明：
+   * - 返回空字符串 "" 或 null 或 undefined：表示开放访问（无需权限）
+   * - 返回权限字符串：表示需要该权限，如 "users.read", "users.*"
+   * 
+   * 默认实现：返回空字符串（开放访问）
+   * 
+   * @param ctx Hono Context（可选，用于根据请求动态决定权限）
+   * @returns 所需权限字符串，或空字符串/null/undefined 表示开放
+   */
+  getRequiredPermission(ctx) {
+    return "";
+  }
   /**
    * 处理请求的统一入口（由 RouteHandler 调用）
    * 默认实现：直接调用 render 方法
@@ -348,6 +971,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`;
+  }
   /**
    * 获取字段标签（可选）
    * 子类可以重写此方法来自定义字段的中文标签
@@ -451,6 +1090,10 @@ var DetailPageModule = class extends PageModule {
     );
   }
 };
+
+// src/components/Form.tsx
+init_Button();
+init_Card();
 var DateInput = (props) => {
   const {
     id,
@@ -952,6 +1595,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`;
+  }
   /**
    * 获取单条数据（编辑时使用）
    */
@@ -1216,6 +1886,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,
@@ -1360,6 +2037,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;
@@ -1382,10 +2062,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__ */ jsx("div", { className: "text-center py-12", children: children || /* @__PURE__ */ jsx("p", { className: "text-gray-500 text-sm", children: message }) });
 };
+
+// src/components/Pagination.tsx
+init_Button();
 var Pagination = (props) => {
   const {
     page,
@@ -1716,6 +2403,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`;
+  }
   /**
    * 获取列表数据
    */
@@ -1965,74 +2668,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__ */ 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__ */ 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__ */ jsxs("div", { className: "px-6 py-4 border-b border-gray-200 bg-white flex items-center justify-between", children: [
-              title && /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900", children: title }),
-              showClose && /* @__PURE__ */ 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__ */ jsx(
-                    "svg",
-                    {
-                      className: "w-6 h-6",
-                      fill: "none",
-                      stroke: "currentColor",
-                      viewBox: "0 0 24 24",
-                      children: /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          strokeWidth: 2,
-                          d: "M6 18L18 6M6 6l12 12"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-6 bg-gray-50", children })
-          ]
-        }
-      )
-    }
-  );
-};
 var ErrorAlert = (props) => {
   const {
     title,
@@ -2117,468 +2752,333 @@ var ErrorAlert = (props) => {
                 children: /* @__PURE__ */ jsx(
                   "path",
                   {
-                    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__ */ jsx("nav", { className: "flex", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "flex items-center space-x-2", children: items.map((item, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-center", children: [
-    index > 0 && /* @__PURE__ */ jsx(
-      "svg",
-      {
-        className: "w-5 h-5 text-gray-400 mx-2",
-        fill: "currentColor",
-        viewBox: "0 0 20 20",
-        children: /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("header", { className: "bg-white border-b border-gray-200 shadow-sm sticky top-0 z-40", children: /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 flex-1 min-w-0", children: [
-      /* @__PURE__ */ 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__ */ jsx(
-              "svg",
-              {
-                className: "w-5 h-5 text-gray-600",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M9 5l7 7-7 7"
-                  }
-                )
-              }
-            )
-          ) : (
-            // 折叠图标（三条横线）
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: "w-5 h-5 text-gray-600",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M4 6h16M4 12h16M4 18h16"
-                  }
-                )
-              }
-            )
-          )
-        }
-      ),
-      breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Breadcrumb, { items: breadcrumbs })
-    ] }),
-    userInfo && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-shrink-0", children: [
-      /* @__PURE__ */ jsxs("div", { className: "text-right hidden sm:block", children: [
-        userInfo.name && /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-900", children: userInfo.name }),
-        userInfo.email && /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: userInfo.email })
-      ] }),
-      userInfo.avatar ? /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: userInfo.avatar,
-          alt: userInfo.name || "\u7528\u6237",
-          className: "w-8 h-8 rounded-full"
-        }
-      ) : /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ 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__ */ jsx("div", { className: "h-full bg-gradient-to-r from-blue-500 via-blue-600 to-blue-500 loading-bar-progress" })
-      }
-    ),
-    /* @__PURE__ */ 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__ */ jsxs("li", { id: navItemId, className: "relative group", children: [
-    /* @__PURE__ */ 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__ */ jsx("span", { className: collapsed ? "" : "mr-2", children: item.icon }),
-          !collapsed && /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", children: item.label })
-        ]
-      }
-    ),
-    collapsed && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(
-        "li",
-        {
-          id: childNavItemId,
-          className: "relative group",
-          children: /* @__PURE__ */ 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__ */ jsx("span", { className: "mr-2", children: child.icon }),
-                /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap overflow-hidden text-ellipsis", children: child.label })
-              ]
-            }
-          )
-        },
-        child.href
-      );
-    }) })
-  ] }, item.href);
-}
-var BaseLayout = (props) => {
-  return /* @__PURE__ */ jsxs("html", { children: [
-    /* @__PURE__ */ jsxs("head", { children: [
-      /* @__PURE__ */ jsx("meta", { charset: "UTF-8" }),
-      /* @__PURE__ */ jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }),
-      /* @__PURE__ */ jsx("title", { children: props.title }),
-      props.description && /* @__PURE__ */ jsx("meta", { name: "description", content: props.description }),
-      /* @__PURE__ */ jsx("script", { src: "https://unpkg.com/htmx.org@latest" }),
-      /* @__PURE__ */ jsx("script", { src: "https://unpkg.com/hyperscript.org@latest" }),
-      /* @__PURE__ */ jsx("script", { src: "https://cdn.tailwindcss.com" }),
-      /* @__PURE__ */ 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;
-          }
-        `
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M6 18L18 6M6 6l12 12"
+                  }
+                )
+              }
+            )
           }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(
-      "body",
-      {
-        className: "bg-gray-50",
-        "hx-indicator": "#loading-bar",
-        "hx-target": "#main-content",
-        "hx-swap": "outerHTML",
-        children: [
-          /* @__PURE__ */ jsx(LoadingBar, {}),
-          props.children,
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              id: "error-container",
-              className: "fixed top-4 right-4 z-[200] w-full max-w-2xl px-4"
-            }
-          ),
-          /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex h-screen", id: "main-content", children: [
-    /* @__PURE__ */ 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__ */ jsxs("div", { className: `${props.sidebarCollapsed ? "p-2" : "p-6"}`, children: [
-          !props.sidebarCollapsed && /* @__PURE__ */ jsx(Fragment, { children: logo ? /* @__PURE__ */ jsx("img", { src: logo, alt: "Logo", className: "h-10 mb-6" }) : /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold mb-6 text-white whitespace-nowrap overflow-hidden text-ellipsis", children: props.adminContext.pluginOptions.title }) }),
-          /* @__PURE__ */ jsx("nav", { children: /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: navItems && navItems.length > 0 ? navItems.map(
-            (item) => renderNavItem(
-              item,
-              currentPath,
-              props.sidebarCollapsed || false
-            )
-          ) : /* @__PURE__ */ jsx(
-            "li",
-            {
-              className: `${props.sidebarCollapsed ? "px-2" : "px-4"} py-2 text-gray-400 text-sm`,
-              children: "\u6682\u65E0\u5BFC\u822A\u9879"
-            }
-          ) }) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
-      /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: "px-6 py-4 border-b border-gray-200 bg-white flex items-center justify-between", children: [
+              title && /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900", children: title }),
+              showClose && /* @__PURE__ */ 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__ */ jsx(
+                    "svg",
+                    {
+                      className: "w-6 h-6",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M6 18L18 6M6 6l12 12"
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-6 bg-gray-50", children })
+          ]
         }
-      ),
-      /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto bg-gray-50", children: /* @__PURE__ */ 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 = getCookie(ctx, cookieKey);
+  if (!token) {
+    return null;
   }
-  /**
-   * 检查是否有表单页面
-   * 封装 moduleMetadata 访问，避免直接访问内部属性
-   */
-  hasForm() {
-    return this.moduleMetadata.hasForm;
+  return await authProvider.tokenToUser(token, ctx);
+}
+function checkPermissionDefault(userInfo, operation) {
+  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
+    };
   }
-};
+  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") {
+    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 {
+    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__ */ 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;
   }
   /**
    * 更新模块元数据
@@ -2591,10 +3091,40 @@ 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
+          );
+        }
+        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();
@@ -2618,7 +3148,21 @@ 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);
+    }
     const useAdminLayout = this.moduleOptions.useAdminLayout !== false;
     return ctx.html(
       /* @__PURE__ */ jsx(
@@ -2633,7 +3177,9 @@ var RouteHandler = class {
   }
   renderFragment(ctx, adminContext) {
     if (adminContext.redirectUrl) {
-      return ctx.redirect(adminContext.redirectUrl);
+      return ctx.html(/* @__PURE__ */ jsx("div", {}), 200, {
+        "HX-Redirect": adminContext.redirectUrl
+      });
     }
     const target = adminContext.isDialog ? "#dialog-container" : "#main-content";
     const swap = adminContext.isDialog ? "innerHTML" : "outerHTML";
@@ -2718,7 +3264,8 @@ var RouteHandler = class {
       ctx,
       userInfo,
       this.moduleMetadata,
-      this.pluginOptions
+      this.pluginOptions,
+      this.serviceName
     );
   }
   /**
@@ -2811,8 +3358,12 @@ var HtmxAdminPlugin = class {
   engine;
   hono;
   options;
+  // 服务名（从引擎中获取）
+  serviceName = "";
   // 模块类映射（记录每个模块的类）
   moduleTypeMap = /* @__PURE__ */ new Map();
+  // 注册的操作列表（权限列表）
+  registeredOperations = [];
   constructor(options) {
     this.options = {
       title: options?.title || "\u7BA1\u7406\u540E\u53F0",
@@ -2820,7 +3371,7 @@ var HtmxAdminPlugin = class {
       prefix: options?.prefix || "/admin",
       homePath: options?.homePath || "",
       navigation: options?.navigation ?? [],
-      getUserInfo: options?.getUserInfo ?? (() => null)
+      authProvider: options?.authProvider
     };
   }
   /**
@@ -2843,7 +3394,8 @@ var HtmxAdminPlugin = class {
   onInit(engine) {
     this.engine = engine;
     this.hono = engine.getHono();
-    logger.info("HtmxAdminPlugin initialized");
+    this.serviceName = engine.options.name;
+    logger.info(`HtmxAdminPlugin initialized${this.serviceName ? ` (service: ${this.serviceName})` : ""}`);
   }
   /**
    * 检查并注册模块
@@ -2904,10 +3456,127 @@ var HtmxAdminPlugin = class {
       }
     }
   }
+  /**
+   * 根据模块类型和路由信息生成操作ID
+   */
+  generateOperationId(moduleName, moduleType, method, path) {
+    const lowerModuleName = moduleName.toLowerCase();
+    const lowerMethod = method.toLowerCase();
+    if (moduleType === "list") {
+      return {
+        operationId: `${lowerModuleName}.read`,
+        operationType: "read"
+      };
+    } else if (moduleType === "detail") {
+      if (lowerMethod === "delete") {
+        return {
+          operationId: `${lowerModuleName}.delete`,
+          operationType: "delete"
+        };
+      }
+      return {
+        operationId: `${lowerModuleName}.read`,
+        operationType: "read"
+      };
+    } else if (moduleType === "form") {
+      if (path.includes("/new")) {
+        if (lowerMethod === "get") {
+          return {
+            operationId: `${lowerModuleName}.create`,
+            operationType: "create"
+          };
+        }
+        return {
+          operationId: `${lowerModuleName}.create`,
+          operationType: "create"
+        };
+      } else if (path.includes("/edit/")) {
+        if (lowerMethod === "get") {
+          return {
+            operationId: `${lowerModuleName}.edit`,
+            operationType: "edit"
+          };
+        }
+        return {
+          operationId: `${lowerModuleName}.edit`,
+          operationType: "edit"
+        };
+      } else if (lowerMethod === "post") {
+        return {
+          operationId: `${lowerModuleName}.create`,
+          operationType: "create"
+        };
+      } else if (lowerMethod === "put") {
+        return {
+          operationId: `${lowerModuleName}.edit`,
+          operationType: "edit"
+        };
+      } else if (lowerMethod === "delete") {
+        return {
+          operationId: `${lowerModuleName}.delete`,
+          operationType: "delete"
+        };
+      }
+      return {
+        operationId: `${lowerModuleName}.read`,
+        operationType: "read"
+      };
+    } else if (moduleType === "custom") {
+      return {
+        operationId: `${lowerModuleName}.read`,
+        operationType: "read"
+      };
+    }
+    return {
+      operationId: `${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
+        )
+      );
+    });
+    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);
@@ -2920,6 +3589,8 @@ var HtmxAdminPlugin = class {
           basePath,
           moduleOptions: moduleInfo.options,
           pluginOptions: this.options,
+          serviceName: this.serviceName,
+          // 传递服务名
           moduleMetadata: {
             hasList: !!moduleTypes["list"],
             hasDetail: !!moduleTypes["detail"],
@@ -2928,7 +3599,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,17 +3620,74 @@ var HtmxAdminPlugin = class {
           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);
@@ -3042,6 +3772,10 @@ var Badge = (props) => {
     }
   );
 };
+
+// src/components/index.ts
+init_Button();
+init_Card();
 var SystemStatusCard = (props) => {
   const { title, statusItems, className = "" } = props;
   const progressColorClasses = {