@nocobase/portal-template-default 1.0.16 → 1.0.17

package/dist/assets/demo-Dxcy4bDE.js

@@ -1 +0,0 @@
-import{j as t}from"./index-CgkdZ6Oc.js";import{A as o}from"./auth-method-demo-B2qcpY8z.js";import e from"./ldap-sign-in-form-BOMNDTkK.js";import"./card-C9Hpeq1c.js";import"./use-authenticator-sign-in-BzFeh7qe.js";const r={name:"company-ldap",authType:"LDAP",title:"Company directory",options:{autoSignup:!0}};function s(){return t.jsx(o,{authType:"LDAP",methodName:"LDAP directory",description:"Use the familiar account and password form while sending credentials through the selected LDAP authenticator.",children:t.jsx(e,{authenticator:r,onSignIn:()=>{}})})}export{s as LdapAuthDemoPage};

package/dist/assets/demo-YpEC76uw.js

@@ -1 +0,0 @@
-import{j as t}from"./index-CgkdZ6Oc.js";import{A as i}from"./auth-method-demo-B2qcpY8z.js";import n from"./dingtalk-sign-in-button-DSluFaP9.js";import"./card-C9Hpeq1c.js";import"./use-dingtalk-sign-in-mrq6K5Yx.js";const o={name:"company-dingtalk",authType:"dingtalk",title:"Sign in via DingTalk"};function p(){return t.jsx(i,{authType:"dingtalk",methodName:"DingTalk",description:"Provide DingTalk OAuth login and support internal micro-app automatic login through DingTalk JSAPI.",children:t.jsx(n,{authenticator:o,onSignIn:()=>{}})})}export{p as DingtalkAuthDemoPage};

package/dist/assets/demo-wzkoR8T2.js

@@ -1 +0,0 @@
-import{j as e}from"./index-CgkdZ6Oc.js";import{A as o}from"./auth-method-demo-B2qcpY8z.js";import i from"./sms-sign-in-form-Bo2WLZuP.js";import"./card-C9Hpeq1c.js";import"./use-authenticator-sign-in-BzFeh7qe.js";const n={name:"company-sms",authType:"SMS",title:"SMS verification code",options:{autoSignup:!0,verifier:"login-sms"}};function p(){return e.jsx(o,{authType:"SMS",methodName:"SMS verification code",description:"Collect a phone number and one-time code while keeping delivery and sign-in bound to the configured verifier.",children:e.jsx(i,{authenticator:n,onSendCode:()=>{},onSignIn:()=>{}})})}export{p as SmsAuthDemoPage};

package/dist/assets/index-CBZbj45X.js

@@ -1,58 +0,0 @@
-import{t as U,v as T,j as e,A as G,b as A,w as X,l as Y,m as Z,n as B,o as w,p as ee,q as v,x as se,C as te,k as D,I as k,T as re,B as W,y as ie,z as c,U as q,D as u,P as ne,E as ae,F as oe,G as le}from"./index-CgkdZ6Oc.js";import{C as m,a as h,b as p,c as P,d as x}from"./card-C9Hpeq1c.js";import{P as de}from"./prompt-output-DMTuTNab.js";/**
- * @license lucide-react v0.487.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const ce=[["rect",{width:"18",height:"7",x:"3",y:"3",rx:"1",key:"f1a2em"}],["rect",{width:"7",height:"7",x:"3",y:"14",rx:"1",key:"1bb6yr"}],["rect",{width:"7",height:"7",x:"14",y:"14",rx:"1",key:"nxv5o0"}]],L=U("layout-panel-top",ce);/**
- * @license lucide-react v0.487.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const me=[["circle",{cx:"12",cy:"16",r:"1",key:"1au0dj"}],["rect",{x:"3",y:"10",width:"18",height:"12",rx:"2",key:"6s8ecr"}],["path",{d:"M7 10V7a5 5 0 0 1 10 0v3",key:"1pqi11"}]],V=U("lock-keyhole",me);/**
- * @license lucide-react v0.487.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const ue=[["path",{d:"M2 21a8 8 0 0 1 10.434-7.62",key:"1yezr2"}],["circle",{cx:"10",cy:"8",r:"5",key:"o932ke"}],["circle",{cx:"18",cy:"18",r:"3",key:"1xkwt0"}],["path",{d:"m19.5 14.3-.4.9",key:"1eb35c"}],["path",{d:"m16.9 20.8-.4.9",key:"dfjc4z"}],["path",{d:"m21.7 19.5-.9-.4",key:"q4dx6b"}],["path",{d:"m15.2 16.9-.9-.4",key:"1r0w5f"}],["path",{d:"m21.7 16.5-.9.4",key:"1knoei"}],["path",{d:"m15.2 19.1-.9.4",key:"j188fs"}],["path",{d:"m19.5 21.7-.4-.9",key:"1tonu5"}],["path",{d:"m16.9 15.2-.4-.9",key:"699xu"}]],he=U("user-round-cog",ue),O=s=>({resource:s.resource,action:s.action,id:s.id,field:s.field,dataSourceKey:s.dataSourceKey});function pe({children:s,anyOf:t,allOf:r,roles:i,fallback:a=e.jsx(G,{})}){const n=T(),o=!(t!=null&&t.length)||t.some(g=>n(O(g))),f=!(r!=null&&r.length)||r.every(g=>n(O(g)));return n({roles:i})&&o&&f?s:a}function z({children:s,resource:t,action:r,id:i,dataSourceKey:a,fallback:n="hidden"}){return T()({resource:t,action:r,id:i,dataSourceKey:a})?s:n==="hidden"?null:n==="forbidden"?e.jsx(G,{className:"min-h-40"}):n}function C({children:s,resource:t,action:r,field:i,dataSourceKey:a,fallback:n=null}){return T()({resource:t,action:r,field:i,dataSourceKey:a})?s:n}function d({children:s,roles:t,permissions:r={},recordPermissions:i=[]}){const a=A.useMemo(()=>{const n=Array.from(new Set(Object.keys(r).map(l=>l.slice(0,l.lastIndexOf(":"))))),o={status:"ready",permissions:{currentRole:t.length>1?"__union__":t[0],roles:t,roleMode:t.length>1?"allow-use-union":"default",resources:n,actions:r,actionAlias:{list:"list",get:"get",create:"create",update:"update",destroy:"destroy"},snippets:[]}},f=new Map(i.map(l=>[`${l.dataSourceKey??"main"}:${l.resource}:${l.action}:${l.id}`,l.allowed]));return{getState:()=>o,subscribe:()=>()=>{},load:async()=>o,retry:async()=>o,clear:()=>{},recordPermissions:{getState:()=>f,subscribe:()=>()=>{},getPermission:({dataSourceKey:l="main",resource:g,action:J,id:Q})=>f.get(`${l}:${g}:${J}:${Q}`)}}},[r,i,t]);return e.jsx(X,{store:a,children:s})}const xe=[["roles","RoleConstraint","undefined","Checks the current effective roles with anyOf, allOf, and noneOf."],["resource / action","string","undefined","Checks a NocoBase resource action. When roles are also present, both checks must pass."],["id / field","BaseKey / string","undefined","Optionally narrows the decision to one record or field."],["fallback","ReactNode","null","Renders when the access request is denied."]],fe=[["anyOf","AclPermission[]","undefined","Allows the page when any listed permission is available."],["allOf","AclPermission[]","undefined","Requires every listed permission before rendering the page."],["roles","RoleConstraint","undefined","Requires the current effective roles to match anyOf, allOf, and noneOf constraints."],["fallback","ReactNode","AccessDenied","Replaces the complete page when its permission test fails."],["children","ReactNode","required","The protected page content."]],ge=[["resource","string","required","NocoBase collection or ACL resource name."],["action","string","required","Resource action such as list, show, create, edit, or delete."],["id","BaseKey","undefined","Optional record ID for record-scoped permission checks."],["dataSourceKey","string","undefined","Selects a non-main NocoBase data source."],["fallback",'"hidden" | "forbidden" | ReactNode','"hidden"',"Hides the region or replaces it with a local denied state."],["children","ReactNode","required","The protected page region."]],je=[["resource","string","required","NocoBase collection containing the field."],["action","string","required","The action whose field whitelist should be checked."],["field","string","required","Exact NocoBase field name."],["dataSourceKey","string","undefined","Selects a non-main NocoBase data source."],["fallback","ReactNode","null","Optional read-only replacement for a denied field."],["children","ReactNode","required","The protected field or field group."]],be=[["AclStoreProvider","{ store, children }","required","Connects React ACL hooks and components to the application aclStore. The Starter mounts it at the application root."],["useGetRoles","() => QueryResult<string[]>","-","Returns the current effective ACL role names, including all participating roles in union mode."]];function ye(){return e.jsxs("section",{className:"space-y-5 border-t pt-8",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground",children:"Permission boundaries"}),e.jsx("h2",{className:"mt-2 text-xl font-semibold tracking-tight",children:"Components behind the patterns"}),e.jsx("p",{className:"mt-1.5 max-w-3xl text-sm leading-6 text-muted-foreground",children:"Use the smallest boundary that matches the intended user experience: complete page, independent region, or individual field."})]}),e.jsxs("div",{className:"space-y-7",children:[e.jsx(j,{title:"CanAccess",description:"The Starter access boundary for role-only, resource-only, or combined permission checks.",rows:xe}),e.jsx(j,{title:"AclPage",description:"Protects a complete route or business page. This corresponds to the Page permission pattern above.",rows:fe}),e.jsx(j,{title:"AclRegion",description:"Protects one independent area inside a larger page. This corresponds to the Region permission pattern.",rows:ge}),e.jsx(j,{title:"AclField",description:"Protects one field or field group. This corresponds to the Field permission pattern.",rows:je}),e.jsx(j,{title:"ACL context APIs",description:"Read the active role context from the application ACL store. Demo previews use an isolated in-memory store with the same evaluator.",rows:be})]})]})}function j({title:s,description:t,rows:r}){return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold",children:s}),e.jsx("p",{className:"mt-1 text-sm text-muted-foreground",children:t})]}),e.jsx(m,{className:"gap-0 overflow-hidden py-0",children:e.jsxs(Y,{children:[e.jsx(Z,{children:e.jsxs(B,{children:[e.jsx(w,{children:"Prop"}),e.jsx(w,{children:"Type"}),e.jsx(w,{children:"Default"}),e.jsx(w,{children:"Description"})]})}),e.jsx(ee,{children:r.map(([i,a,n,o])=>e.jsxs(B,{children:[e.jsx(v,{className:"font-mono text-xs font-medium",children:i}),e.jsx(v,{className:"font-mono text-xs text-muted-foreground",children:a}),e.jsx(v,{className:"font-mono text-xs text-muted-foreground",children:n}),e.jsx(v,{className:"min-w-72 whitespace-normal text-muted-foreground",children:o})]},i))})]})})]})}function we({config:s}){const[t,r]=A.useState(s.defaultScene),[i,a]=A.useState(s.defaultTarget),n=A.useMemo(()=>`Build a complete NocoBase ACL scene in the NocoBase Admin Starter.
-
-Business scene
-- Page or feature: ${t}
-- Permission target: ${i}
-- Use realistic fixed sample content so the permission behavior is visible immediately.
-- Build the complete page section and user flow, not an isolated ACL snippet.
-
-ACL scenario
-${s.requirements}
-
-Implementation contract
-- Use the Starter's built-in NocoBase accessControlProvider and ACL store.
-- NocoBase roles:check is the source of truth. Do not create a second permission store. Use configured role names only when the requirement explicitly includes a role constraint.
-- Import the Starter CanAccess from @/components/access-control/can-access. Use it with AclPage, AclRegion, and AclField for permission presentation. Do not copy their checks into local booleans or role comparisons.
-- Use useGetRoles only when UI needs to display or pass through the current effective ACL roles; it is not a replacement permission evaluator.
-- Keep backend ACL enforcement in place; frontend checks only control presentation and navigation.
-- Import reusable components from the installed local entry point at @/extensions/nocobase-acl when page composition is needed.
-- Resource actions use the application names list, show, create, edit, and delete. Let the Starter map them to NocoBase list/get/create/update/destroy.
-- Preserve dataSourceKey when the collection belongs to a non-main data source.
-- Show an understandable forbidden or hidden state where appropriate.
-- Deliver complete React component code, resource metadata, route integration, and the visible sample UI.`,[s.requirements,t,i]);return e.jsxs("details",{className:"group rounded-xl border bg-muted/15",children:[e.jsxs("summary",{className:"flex cursor-pointer list-none items-center gap-2 px-4 py-3 text-sm font-medium marker:hidden",children:[e.jsx(se,{className:"size-4 text-primary"}),"Prompt generator",e.jsx("span",{className:"ml-auto text-xs font-normal text-muted-foreground",children:s.title}),e.jsx(te,{className:"size-4 text-muted-foreground transition-transform group-open:rotate-180"})]}),e.jsxs("div",{className:"grid items-start gap-5 border-t p-4 xl:grid-cols-[360px_minmax(0,1fr)]",children:[e.jsxs(m,{className:"gap-0 py-0",children:[e.jsxs(h,{className:"border-b py-4",children:[e.jsx(p,{className:"text-base",children:"Scenario settings"}),e.jsx(P,{children:s.description})]}),e.jsxs(x,{className:"space-y-5 py-5",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(D,{htmlFor:`${s.title}-scene`,children:"Business scene"}),e.jsx(k,{id:`${s.title}-scene`,value:t,onChange:o=>r(o.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(D,{htmlFor:`${s.title}-target`,children:"Permission target"}),e.jsx(re,{id:`${s.title}-target`,value:i,onChange:o=>a(o.target.value),className:"min-h-24"})]})]})]}),e.jsx(de,{description:"Updates as you change the business scene and permission target.",prompt:n})]})]})}function b({eyebrow:s,title:t,description:r,children:i,prompt:a}){return e.jsxs("section",{className:"space-y-5 border-t pt-8",children:[e.jsxs("div",{children:[e.jsx(W,{variant:"outline",children:s}),e.jsx("h2",{className:"mt-3 text-2xl font-semibold tracking-[-0.025em]",children:t}),e.jsx("p",{className:"mt-2 max-w-3xl text-sm leading-6 text-muted-foreground",children:r})]}),i,e.jsx(we,{config:a})]})}const R=[{id:1,name:"Alex Johnson",username:"alex",email:"alex@example.com",phone:"+1 202 555 0148",role:"Administrator"},{id:2,name:"Jamie Chen",username:"jamie",email:"jamie@example.com",phone:"+1 202 555 0186",role:"Member"},{id:3,name:"Morgan Lee",username:"morgan",email:"morgan@example.com",phone:"+1 202 555 0162",role:"Member"}],$={anyOf:["admin"]},ve={"users:list":{},"departments:list":{}},Ne={"users:list":{}},Ae={"users:get":{},"users:create":{},"users:update":{},"users:destroy":{}},ke={"users:get":{},"users:update":{},"users:destroy":{}},Pe=R.flatMap(s=>[{resource:"users",action:"update",id:s.id,allowed:!1},{resource:"users",action:"destroy",id:s.id,allowed:!1}]),Re={"users:update":{fields:["nickname","email","phone"]}},Ce={"users:update":{fields:["nickname"]}};function qe(){return e.jsxs("div",{className:"space-y-10 pb-12",children:[e.jsxs("header",{className:"space-y-2",children:[e.jsx("h1",{className:"text-2xl font-semibold tracking-[-0.025em] sm:text-3xl",children:"Permission patterns"}),e.jsx("p",{className:"max-w-3xl text-sm leading-6 text-muted-foreground",children:"Compare the authorized and restricted outcomes of navigation, pages, regions, record actions, and form fields using the same fixed data."})]}),e.jsx(b,{eyebrow:"Navigation permission",title:"Role-restricted routes disappear from navigation",description:"A route outside the current effective role is removed from the sidebar and its direct URL is guarded. Other accessible navigation remains unchanged.",prompt:{title:"Resource navigation",description:"Generate application resources, sidebar behavior, and guarded routes backed by NocoBase collections.",defaultScene:"User and role administration",defaultTarget:"Allow administrators to open Users, but remove it from navigation and block its direct URL for other roles.",requirements:`- Put role constraints on the route resource through meta.acl.roles using anyOf, allOf, or noneOf.
-- Use meta.acl.type = "authenticated" when the route itself is role-controlled and its inner regions perform collection checks.
-- Let the Starter filter inaccessible sidebar items and choose the first accessible default route.
-- Wrap list, create, show, and edit routes with the Starter CanAccess and provide an AccessDenied fallback.
-- Mark non-collection utility pages as authenticated, snippet, route, or acl: false instead of treating them as collections.
-- If a parent route is denied but an accessible child remains, navigation must continue to the child route.`},children:e.jsx(y,{allowedTitle:"Users permission granted",deniedTitle:"Users permission denied",allowed:e.jsx(d,{roles:["admin"],children:e.jsx(E,{})}),denied:e.jsx(d,{roles:["member"],children:e.jsx(E,{})})})}),e.jsx(b,{eyebrow:"Page permission",title:"A complete page is either available or replaced",description:"Page-level permission is useful when the whole route has one business purpose. Denial produces an understandable destination instead of a blank screen.",prompt:{title:"Page permission",description:"Generate a complete page whose availability depends on NocoBase permissions.",defaultScene:"User directory and account administration page",defaultTarget:"Allow administrators and user managers to render the complete page.",requirements:`- Wrap the complete business page with AclPage.
-- Use the AclPage roles prop with anyOf, allOf, or noneOf for page-level role access.
-- Keep anyOf and allOf for resource permissions when the page also needs collection access.
-- Provide a useful page-level fallback instead of rendering an empty screen.
-- Keep each inner data region independently protected when the page combines multiple collections.`},children:e.jsx(y,{allowedTitle:"Page allowed",deniedTitle:"Page denied",allowed:e.jsx(d,{roles:["user-manager"],children:e.jsx(F,{})}),denied:e.jsx(d,{roles:["member"],children:e.jsx(F,{})})})}),e.jsx(b,{eyebrow:"Region permission",title:"Only the protected region changes",description:"On a page with multiple resources, denying Departments hides only that panel and must not affect the Users table.",prompt:{title:"Region permission",description:"Generate a multi-resource page where each region follows its own collection ACL.",defaultScene:"Organization management dashboard",defaultTarget:"Keep Users visible while hiding the denied Departments panel.",requirements:`- Keep the outer page visible when its page-level permission is satisfied.
-- Wrap every collection-backed panel in its own AclRegion.
-- Enable each data query only when the corresponding list permission is allowed.
-- Use fallback="hidden" so denied regions do not reveal unavailable resources or placeholders.
-- Never use permission for one collection to hide unrelated tables or controls.`},children:e.jsx(y,{allowedTitle:"Both regions allowed",deniedTitle:"Departments resource hidden",allowed:e.jsx(d,{roles:["member"],permissions:ve,children:e.jsx(I,{})}),denied:e.jsx(d,{roles:["member"],permissions:Ne,children:e.jsx(I,{})})})}),e.jsx(b,{eyebrow:"Action and record permission",title:"Only unavailable actions are removed",description:"Collection permission controls global actions such as Create. Record ACL metadata controls Edit and Delete for each individual row.",prompt:{title:"Action permission",description:"Generate a data table whose toolbar and row actions respond to collection and record scopes.",defaultScene:"User administration table",defaultTarget:"Allow all actions for one user record and show a view-only row when update and delete are denied.",requirements:`- Use the Starter dataProvider so X-With-ACL-Meta captures NocoBase allowedActions from list, get, and getMany responses.
-- Use the built-in Create, Show, Edit, and Delete buttons; do not manually compare user IDs or role names.
-- Collection-level denial hides the action everywhere.
-- Record-level allowedActions must hide or disable only the affected row action.
-- Keep 403 responses authenticated and let NocoBase perform the final action validation.`},children:e.jsx(y,{allowedTitle:"Create and row actions allowed",deniedTitle:"Create, Update, and Delete denied",allowed:e.jsx(d,{roles:["admin"],permissions:Ae,children:e.jsx(K,{})}),denied:e.jsx(d,{roles:["viewer"],permissions:ke,recordPermissions:Pe,children:e.jsx(K,{})})})}),e.jsx(b,{eyebrow:"Field permission",title:"A form can mix editable, read-only, and hidden fields",description:"Field ACL does not have to hide the complete form. Only protected inputs change, while permitted fields remain usable.",prompt:{title:"Field permission",description:"Generate a form or detail page whose individual fields follow NocoBase field ACL.",defaultScene:"User profile edit form",defaultTarget:"Allow nickname editing, make email read-only, and hide phone when those fields are denied.",requirements:`- Wrap each protected field or field group with AclField.
-- Pass the collection resource, application action, and exact field name.
-- Choose whether a denied field is hidden, replaced by read-only output, or shown with a custom fallback.
-- Do not infer field access from the overall edit permission.
-- Submit only values the current UI is allowed to edit; NocoBase still performs final field validation.`},children:e.jsx(y,{allowedTitle:"All fields editable",deniedTitle:"Email read-only and phone hidden",allowed:e.jsx(d,{roles:["admin"],permissions:Re,children:e.jsx(M,{})}),denied:e.jsx(d,{roles:["member"],permissions:Ce,children:e.jsx(M,{})})})}),e.jsx(ye,{})]})}function y({allowedTitle:s,deniedTitle:t,allowed:r,denied:i}){return e.jsxs("div",{className:"grid items-start gap-5 xl:grid-cols-2",children:[e.jsxs("div",{className:"min-w-0 space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm font-medium text-emerald-700 dark:text-emerald-400",children:[e.jsx(ie,{className:"size-4"}),s]}),r]}),e.jsxs("div",{className:"min-w-0 space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm font-medium text-amber-700 dark:text-amber-400",children:[e.jsx(V,{className:"size-4"}),t]}),i]})]})}function E(){return e.jsxs("div",{className:"grid min-h-48 grid-cols-[150px_minmax(0,1fr)] overflow-hidden rounded-xl border bg-background",children:[e.jsxs("aside",{className:"border-r bg-muted/35 p-3",children:[e.jsx("div",{className:"mb-3 text-xs font-semibold text-muted-foreground",children:"Workspace"}),e.jsx(S,{icon:e.jsx(L,{}),label:"Dashboard"}),e.jsx(c,{roles:$,children:e.jsx(S,{icon:e.jsx(q,{}),label:"Users",active:!0})}),e.jsx(S,{icon:e.jsx(he,{}),label:"Roles"})]}),e.jsx("div",{className:"flex items-center justify-center p-5 text-center",children:e.jsx(c,{roles:$,fallback:e.jsxs("div",{children:[e.jsx(L,{className:"mx-auto size-7 text-muted-foreground"}),e.jsx("div",{className:"mt-2 font-medium",children:"Dashboard"}),e.jsx("div",{className:"mt-1 max-w-48 text-xs text-muted-foreground",children:"Users is absent from navigation and its direct route is guarded."})]}),children:e.jsxs("div",{children:[e.jsx(q,{className:"mx-auto size-7 text-primary"}),e.jsx("div",{className:"mt-2 font-medium",children:"Users"}),e.jsx("div",{className:"mt-1 text-xs text-muted-foreground",children:"Route is available"})]})})})]})}function S({icon:s,label:t,active:r=!1}){return e.jsxs("div",{className:`mb-1 flex items-center gap-2 rounded-md px-2 py-2 text-xs ${r?"bg-primary text-primary-foreground":"text-muted-foreground"}`,children:[e.jsx("span",{className:"[&_svg]:size-3.5",children:s}),t]})}function F(){return e.jsx(pe,{roles:{anyOf:["admin","user-manager"]},fallback:e.jsx(Ue,{}),children:e.jsx(Se,{})})}function Se(){return e.jsxs(m,{children:[e.jsxs(h,{children:[e.jsx(p,{children:"User directory"}),e.jsx(P,{children:"3 users"})]}),e.jsx(x,{children:e.jsx(H,{})})]})}function Ue(){return e.jsx("div",{className:"flex min-h-64 items-center justify-center rounded-xl border border-dashed bg-background p-6 text-center",children:e.jsxs("div",{children:[e.jsx(V,{className:"mx-auto size-8 text-muted-foreground"}),e.jsx("div",{className:"mt-3 font-medium",children:"You cannot open this page"}),e.jsx("p",{className:"mx-auto mt-1 max-w-xs text-sm text-muted-foreground",children:"Ask an administrator for access to the user directory or return to an available page."}),e.jsx(u,{className:"mt-4",variant:"outline",size:"sm",children:"Return to dashboard"})]})})}function I(){return e.jsxs("div",{className:"flex flex-col gap-3 rounded-xl border bg-background p-3 md:flex-row",children:[e.jsx(z,{resource:"users",action:"list",children:e.jsxs(m,{size:"sm",className:"min-w-0 flex-1",children:[e.jsx(h,{children:e.jsx(p,{children:"Users"})}),e.jsx(x,{children:e.jsx(H,{limit:2})})]})}),e.jsx(z,{resource:"departments",action:"list",children:e.jsxs(m,{size:"sm",className:"md:w-56",children:[e.jsx(h,{children:e.jsx(p,{children:"Departments"})}),e.jsxs(x,{className:"space-y-2",children:[e.jsx(_,{title:"Engineering",name:"engineering"}),e.jsx(_,{title:"Operations",name:"operations"})]})]})})]})}function K(){return e.jsxs(m,{children:[e.jsxs(h,{className:"flex-row items-center justify-between gap-3",children:[e.jsxs("div",{children:[e.jsx(p,{children:"Users"}),e.jsx(P,{children:"Record actions"})]}),e.jsx(c,{resource:"users",action:"create",children:e.jsxs(u,{size:"sm",children:[e.jsx(ne,{})," New user"]})})]}),e.jsx(x,{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full min-w-[420px] text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b text-left text-muted-foreground",children:[e.jsx("th",{className:"pb-3 font-medium",children:"User"}),e.jsx("th",{className:"pb-3 font-medium",children:"Role"}),e.jsx("th",{className:"pb-3 text-right font-medium",children:"Actions"})]})}),e.jsx("tbody",{children:R.slice(0,2).map(s=>e.jsxs("tr",{className:"border-b last:border-0",children:[e.jsx("td",{className:"py-3 font-medium",children:s.name}),e.jsx("td",{className:"py-3 text-muted-foreground",children:s.role}),e.jsx("td",{className:"py-3",children:e.jsxs("div",{className:"flex justify-end gap-1",children:[e.jsx(c,{resource:"users",action:"show",id:s.id,children:e.jsx(u,{variant:"ghost",size:"icon-sm","aria-label":"View user",children:e.jsx(ae,{})})}),e.jsx(c,{resource:"users",action:"edit",id:s.id,children:e.jsx(u,{variant:"ghost",size:"icon-sm","aria-label":"Edit user",children:e.jsx(oe,{})})}),e.jsx(c,{resource:"users",action:"delete",id:s.id,children:e.jsx(u,{variant:"ghost",size:"icon-sm","aria-label":"Delete user",children:e.jsx(le,{})})})]})})]},s.id))})]})})]})}function M(){const s=R[1];return e.jsxs(m,{children:[e.jsxs(h,{children:[e.jsx(p,{children:"Edit profile"}),e.jsx(P,{children:s.name})]}),e.jsxs(x,{className:"space-y-4",children:[e.jsx(C,{resource:"users",action:"edit",field:"nickname",children:e.jsx(N,{label:"Nickname",children:e.jsx(k,{defaultValue:s.name})})}),e.jsx(C,{resource:"users",action:"edit",field:"email",fallback:e.jsx(N,{label:"Email",children:e.jsxs("div",{className:"rounded-md border bg-muted/45 px-3 py-2 text-sm text-muted-foreground",children:[s.email,e.jsx(W,{className:"ml-2",variant:"outline",children:"Read only"})]})}),children:e.jsx(N,{label:"Email",children:e.jsx(k,{defaultValue:s.email})})}),e.jsx(C,{resource:"users",action:"edit",field:"phone",children:e.jsx(N,{label:"Phone",children:e.jsx(k,{defaultValue:s.phone})})}),e.jsx(c,{resource:"users",action:"edit",children:e.jsx(u,{size:"sm",children:"Save changes"})})]})]})}function N({label:s,children:t}){return e.jsxs("label",{className:"block space-y-2",children:[e.jsx("span",{className:"text-xs font-medium",children:s}),t]})}function H({limit:s=3}){return e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full min-w-[360px] text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b text-left text-muted-foreground",children:[e.jsx("th",{className:"pb-3 font-medium",children:"User"}),e.jsx("th",{className:"pb-3 font-medium",children:"Email"})]})}),e.jsx("tbody",{children:R.slice(0,s).map(t=>e.jsxs("tr",{className:"border-b last:border-0",children:[e.jsxs("td",{className:"py-3",children:[e.jsx("div",{className:"font-medium",children:t.name}),e.jsx("div",{className:"text-xs text-muted-foreground",children:t.username})]}),e.jsx("td",{className:"py-3 text-muted-foreground",children:t.email})]},t.id))})]})})}function _({title:s,name:t}){return e.jsxs("div",{className:"rounded-lg border px-3 py-2",children:[e.jsx("div",{className:"text-sm font-medium",children:s}),e.jsx("div",{className:"mt-0.5 font-mono text-xs text-muted-foreground",children:t})]})}export{qe as AclPatternsPage};