@hotmeshio/long-tail 0.8.2 → 0.8.3

package/dashboard/dist/assets/{RoleDetailPage-ClE7rUoo.js → RoleDetailPage-BPsrUqIa.js}

@@ -1,4 +1,4 @@
-import{j as e,a as m}from"./vendor-query-B2UbickB.js";import{b as Q,f as I,g as X,e as ee,h as te,i as se}from"./roles-D8lPvFgG.js";import{J as U}from"./index-C8k3Z2su.js";import{C as ae}from"./ConfirmDeleteModal-D9_1b4MW.js";import{u as re}from"./users-B_LVbnUk.js";import{T as D,B as ne,v as L,V as ie,p as oe,ar as le,N as ce,f as de,g as F}from"./vendor-icons-DOIDKgo6.js";import{e as xe,c as pe,L as me}from"./vendor-react-CXumBFUA.js";import"./Modal-CSrxpXeM.js";function ue({role:s}){const{data:d}=re({role:s,limit:100}),n=(d==null?void 0:d.users)??[];return n.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Assign users to this role to staff its queue. Members see and resolve escalations here according to their read/write scope; admins manage the role itself."}):e.jsx("div",{className:"divide-y divide-surface-border/40",children:n.map(l=>{const x=l.roles.find(c=>c.role===s);return x?e.jsxs("div",{className:"flex items-center justify-between py-1.5 gap-2",children:[e.jsx("span",{className:"text-xs text-text-secondary truncate",children:l.display_name||l.external_id}),e.jsx("span",{className:"text-[10px] text-text-quaternary font-mono shrink-0",children:he(x)})]},l.id):null})})}function he(s){return s.type==="superadmin"||s.type==="admin"?s.type:`member · read ${s.read_scope} · write ${s.write_scope}`}function B(s){return s==null?"":JSON.stringify(s,null,2)}function P(s){const d=s.trim();if(!d)return{ok:!0,value:void 0};try{const n=JSON.parse(d);return typeof n!="object"||Array.isArray(n)||n===null?{ok:!1}:{ok:!0,value:n}}catch{return{ok:!1}}}function g({icon:s,color:d,label:n,aside:l}){return e.jsxs("div",{className:"flex items-center justify-between mb-3 pb-2 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s,{className:`w-4 h-4 ${d}`,strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:n})]}),l]})}function fe({role:s,allRoles:d}){const{data:n}=ee(),l=te(),x=se(),[c,u]=m.useState(""),a=(n==null?void 0:n.chains)??[],t=m.useMemo(()=>a.filter(o=>o.source_role===s.role).map(o=>o.target_role),[a,s.role]),j=m.useMemo(()=>d.map(o=>o.role).filter(o=>o!==s.role&&o!=="superadmin"&&!t.includes(o)),[d,s.role,t]);return s.role==="superadmin"?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Superadmins can escalate to any role implicitly."}):e.jsxs("div",{className:"space-y-3",children:[t.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Add a target role to route hand-offs."}):e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.map(o=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary",children:[o,e.jsx("button",{onClick:()=>x.mutate({source_role:s.role,target_role:o}),className:"text-text-quaternary hover:text-status-error transition-colors leading-none ml-0.5",children:"×"})]},o))}),j.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:c,onChange:o=>u(o.target.value),className:"select text-xs font-mono flex-1",children:[e.jsx("option",{value:"",children:"Add target…"}),j.map(o=>e.jsx("option",{value:o,children:o},o))]}),e.jsx("button",{onClick:()=>{c&&l.mutate({source_role:s.role,target_role:c},{onSuccess:()=>u("")})},disabled:!c||l.isPending,className:"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0",children:l.isPending?"…":"Add"})]})]})}function ge({role:s,allRoles:d}){const n=I(),[l,x]=m.useState(""),c=s.upstream_roles??[],u=m.useMemo(()=>d.map(t=>t.role).filter(t=>t!==s.role&&t!=="superadmin"&&!c.includes(t)),[d,s.role,c]),a=t=>n.mutate({role:s.role,upstream_roles:t},{onSuccess:()=>x("")});return e.jsxs("div",{className:"space-y-3",children:[c.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Add a role from another sequence that this station draws input from. Prior Step sets where this role sits in its own sequence; upstream inputs mark the side-quests that land here."}):e.jsx("div",{className:"flex flex-wrap gap-1.5",children:c.map(t=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary",children:[t,e.jsx("button",{onClick:()=>a(c.filter(j=>j!==t)),className:"text-text-quaternary hover:text-status-error transition-colors leading-none ml-0.5",children:"×"})]},t))}),u.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:l,onChange:t=>x(t.target.value),className:"select text-xs font-mono flex-1",children:[e.jsx("option",{value:"",children:"Add upstream input…"}),u.map(t=>e.jsx("option",{value:t,children:t},t))]}),e.jsx("button",{onClick:()=>{l&&a([...c,l])},disabled:!l||n.isPending,className:"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0",children:n.isPending?"…":"Add"})]}),n.error&&e.jsx("p",{className:"text-[10px] text-status-error",children:n.error.message})]})}function je(s){return{title:s.title??"",description:s.description??"",ops_visible:s.ops_visible,parent_role:s.parent_role??"",metadata_schema:B(s.metadata_schema),properties:B(s.properties)||"{}",sla_minutes:s.sla_minutes!=null?String(s.sla_minutes):"",target_per_hour:s.target_per_hour!=null?String(s.target_per_hour):"",worker_count:s.worker_count!=null?String(s.worker_count):"",priority_threshold_minutes:s.priority_threshold_minutes!=null?String(s.priority_threshold_minutes):"",priority_facet:s.priority_facet??""}}const ve=/^[a-zA-Z0-9_]+$/;function Pe(){const{role:s}=xe(),d=pe(),{data:n,isLoading:l}=Q(),x=I(),c=X(),u=(n==null?void 0:n.roles)??[],a=u.find(r=>r.role===s),[t,j]=m.useState({title:"",description:"",ops_visible:!1,parent_role:"",metadata_schema:"",properties:"{}",sla_minutes:"",target_per_hour:"",worker_count:"",priority_threshold_minutes:"",priority_facet:""}),[o,q]=m.useState(!1),[z,N]=m.useState(!1),[v,y]=m.useState({}),[V,J]=m.useState(!1),[w,O]=m.useState(new Set),M=r=>O(i=>new Set([...i,r]));m.useEffect(()=>{a&&(j(je(a)),q(!1),N(!1),y({}),O(new Set))},[s,a==null?void 0:a.role]);const h=r=>{j(i=>({...i,...r})),q(!0),N(!1)},W=m.useMemo(()=>u.filter(r=>{if(!a||r.role===a.role)return!1;let i=r;const p=new Set;for(;i!=null&&i.parent_role;){if(i.parent_role===a.role)return!1;if(p.has(i.parent_role))break;p.add(i.parent_role),i=u.find(f=>f.role===i.parent_role)}return!0}),[u,a]),K=()=>{const r=P(t.metadata_schema),i=P(t.properties),p=t.priority_facet.trim(),f={};if(r.ok||(f.metadata_schema="Invalid JSON"),i.ok||(f.properties="Invalid JSON"),p&&!ve.test(p)&&(f.priority_facet="Letters, numbers, underscores only"),y(f),Object.keys(f).length||!a)return;const b=$=>{const _=parseFloat($);return isNaN(_)?null:_},Z=$=>{const _=b($);return _==null?null:Math.round(_)};x.mutate({role:a.role,title:t.title.trim()||null,description:t.description.trim()||null,ops_visible:t.ops_visible,parent_role:t.parent_role||null,metadata_schema:r.value??null,properties:i.value??{},sla_minutes:b(t.sla_minutes),target_per_hour:b(t.target_per_hour),worker_count:Z(t.worker_count),priority_threshold_minutes:b(t.priority_threshold_minutes),priority_facet:p||null},{onSuccess:()=>{q(!1),N(!0),O(new Set),window.setTimeout(()=>N(!1),2500)}})},G=()=>{a&&c.mutate(a.role,{onSuccess:()=>d("/admin/roles")})};if(l)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-64 bg-surface-sunken rounded"})]});if(!a)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(D,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"text-lg font-medium text-text-primary mb-2",children:"Role not found"})]});const H=a.user_count>0||a.chain_count>0||a.workflow_count>0,Y=o&&!Object.values(v).some(Boolean),k=parseFloat(t.sla_minutes),S=parseFloat(t.target_per_hour),C=parseFloat(t.worker_count),A=!isNaN(k)&&k>0,E=!isNaN(S)&&S>0,R=!isNaN(C)&&C>0,T=A&&R&&!E?`→ target ≈ ${(C/(k/60)).toFixed(1)}/h`:A&&E&&!R?`→ workers ≈ ${(S*(k/60)).toFixed(1)}`:E&&R&&!A?`→ SLA ≈ ${(C/S*60).toFixed(0)}m`:null;return e.jsxs("div",{children:[e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-center mb-12",children:[e.jsxs("div",{className:"flex items-center justify-between gap-4 min-w-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(D,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"text-lg font-mono font-medium text-text-primary",children:a.role}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:role-detail"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(ne,{className:"w-4 h-4",strokeWidth:1.5})}),a.parent_role&&e.jsxs("span",{className:"flex items-center gap-1 text-[10px] text-text-quaternary font-mono",children:[e.jsx(L,{className:"w-3 h-3"})," ",a.parent_role]})]}),a.title&&e.jsx("p",{className:"text-sm text-text-secondary pl-8",children:a.title})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",title:"Show as a station on the Pace Board",children:[e.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Ops"}),e.jsx("button",{onClick:()=>h({ops_visible:!t.ops_visible}),className:`w-9 h-5 rounded-full transition-colors relative shrink-0 ${t.ops_visible?"bg-accent":"bg-surface-border"}`,children:e.jsx("span",{className:`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-white transition-transform shadow ${t.ops_visible?"translate-x-[18px]":"translate-x-[3px]"}`})})]})]}),e.jsxs("div",{className:"flex items-end justify-center gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 w-full",title:"throughput = workers / (sla / 60)",children:[[{key:"sla_minutes",label:"SLA",unit:"min",placeholder:"30"},{key:"target_per_hour",label:"Target",unit:"/h",placeholder:"20"},{key:"worker_count",label:"Workers",unit:"",placeholder:"4"}].map(({key:r,label:i,unit:p,placeholder:f})=>e.jsxs("div",{children:[e.jsxs("label",{className:"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:[i,p&&e.jsx("span",{className:"normal-case font-normal ml-1",children:p})]}),e.jsx("input",{type:"number",min:"0",step:"any",value:t[r],onChange:b=>h({[r]:b.target.value}),placeholder:f,className:"input text-xs w-16 font-mono"})]},r)),T&&e.jsx("span",{className:"text-[10px] text-accent font-mono whitespace-nowrap pb-2",children:T})]}),e.jsxs("div",{className:"flex items-center justify-between gap-4 min-w-0",children:[e.jsxs("div",{className:"flex items-end gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 shrink-0",title:"Pending unclaimed items older than the threshold count as priority on the Pace Board. Age is measured from the metadata facet (an ISO 8601 UTC timestamp, e.g. authorized_at) or from created_at when the facet is blank; the threshold falls back to SLA when blank.",children:[e.jsxs("div",{children:[e.jsxs("label",{className:"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:["Priority",e.jsx("span",{className:"normal-case font-normal ml-1",children:"min"})]}),e.jsx("input",{type:"number",min:"0",step:"any",value:t.priority_threshold_minutes,onChange:r=>h({priority_threshold_minutes:r.target.value}),placeholder:t.sla_minutes||"60",className:"input text-xs w-16 font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:"Facet"}),e.jsx("input",{type:"text",value:t.priority_facet,onChange:r=>h({priority_facet:r.target.value}),placeholder:"created_at",className:"input text-xs w-28 font-mono"}),v.priority_facet&&e.jsx("p",{className:"text-[9px] text-status-error mt-0.5",children:v.priority_facet})]})]}),e.jsxs("div",{className:"flex items-center gap-3 shrink-0",children:[z&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(ie,{className:"w-3 h-3"})," Saved"]}),x.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[180px] truncate",children:x.error.message}),e.jsx("button",{onClick:K,disabled:!Y||x.isPending,className:"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",children:x.isPending?"Saving…":"Save"}),!H&&e.jsxs("button",{onClick:()=>J(!0),className:"px-3 py-1.5 text-xs rounded-md text-status-error/60 hover:text-status-error hover:bg-status-error/10 transition-colors flex items-center gap-1",children:[e.jsx(oe,{className:"w-3 h-3"})," Delete"]})]})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsxs("div",{className:"space-y-14",children:[e.jsxs("div",{className:"space-y-8",children:[e.jsx(g,{icon:D,color:"text-accent",label:"Identity"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Display Name"}),e.jsx("input",{type:"text",value:t.title,onChange:r=>h({title:r.target.value}),placeholder:`e.g., ${a.role.charAt(0).toUpperCase()+a.role.slice(1)}`,className:"input text-sm w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Description"}),e.jsx("textarea",{value:t.description,onChange:r=>h({description:r.target.value}),placeholder:"A short description shown on role cards and in the operations view.",rows:4,className:"input text-sm w-full resize-none"})]})]}),e.jsxs("div",{className:`space-y-14 overflow-hidden transition-all duration-300 ease-out ${t.ops_visible?"opacity-100 max-h-[900px]":"opacity-0 max-h-0 pointer-events-none"}`,"aria-hidden":!t.ops_visible,children:[e.jsxs("div",{className:"space-y-5",children:[e.jsx(g,{icon:L,color:"text-text-tertiary",label:"Prior Step"}),e.jsxs("select",{value:t.parent_role,onChange:r=>h({parent_role:r.target.value}),className:"select text-sm w-full font-mono",children:[e.jsx("option",{value:"",children:"None — root process"}),W.map(r=>e.jsx("option",{value:r.role,children:r.title?`${r.role} — ${r.title}`:r.role},r.role))]}),e.jsx("p",{className:"text-[10px] text-text-tertiary leading-relaxed",children:"Places this role in one Pace Board sequence. A role with no prior step starts its own sequence."})]}),e.jsxs("div",{className:"space-y-5",children:[e.jsx(g,{icon:le,color:"text-text-tertiary",label:"Upstream Inputs",aside:e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full dot-ring bg-status-success"}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-widest text-status-success",children:"Live"})]})}),e.jsx(ge,{role:a,allRoles:u})]})]})]}),e.jsxs("div",{className:"space-y-14",children:[e.jsxs("div",{children:[e.jsx(g,{icon:ce,color:"text-text-quaternary",label:"Escalation Targets",aside:e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full dot-ring bg-status-success"}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-widest text-status-success",children:"Live"})]})}),e.jsx(fe,{role:a,allRoles:u})]}),e.jsxs("div",{className:"pt-3 pb-4 border-t border-surface-border/40",children:[e.jsx(g,{icon:de,color:"text-text-quaternary",label:"Members",aside:e.jsx("span",{className:"text-[9px] font-normal normal-case text-text-quaternary",children:"read = what appears · write = what they can act on"})}),e.jsx(ue,{role:a.role})]})]}),e.jsxs("div",{className:"space-y-14",children:[e.jsxs("div",{children:[e.jsx(g,{icon:F,color:"text-accent",label:"Escalation Schema",aside:a.current_schema_version!=null?e.jsxs("span",{className:"text-[9px] font-mono text-text-quaternary",children:["v",a.current_schema_version," in use"]}):void 0}),e.jsxs("p",{className:"text-[10px] text-text-tertiary mb-3 leading-relaxed",children:["The form a person completes to resolve this role's escalations. Versioned — each save adds one; workflows pin any version via"," ",e.jsx("code",{className:"font-mono",children:"schemaVersion"}),"."]}),e.jsx(me,{to:`/admin/roles/${encodeURIComponent(a.role)}/schema`,className:"text-xs text-accent hover:underline",children:a.form_schema?`Open schema editor — v${a.current_schema_version??1} in use →`:"Define the escalation form →"})]}),e.jsxs("div",{children:[e.jsx(g,{icon:F,color:"text-accent",label:"Metadata Schema",aside:!w.has("metadata_schema")&&a.metadata_schema?e.jsx("button",{onClick:()=>M("metadata_schema"),className:"text-[9px] text-accent hover:underline",children:"Edit"}):void 0}),e.jsxs("p",{className:"text-[10px] text-text-tertiary mb-3 leading-relaxed",children:["Validates ",e.jsx("code",{className:"font-mono",children:"metadata"})," at creation time. Keys appear in faceted search autocomplete."]}),!w.has("metadata_schema")&&a.metadata_schema?e.jsx(U,{data:a.metadata_schema}):e.jsxs(e.Fragment,{children:[e.jsx("textarea",{value:t.metadata_schema,onChange:r=>{const i=r.target.value;h({metadata_schema:i}),y(p=>({...p,metadata_schema:P(i).ok?void 0:"Invalid JSON"}))},rows:10,spellCheck:!1,className:"input text-xs font-mono w-full resize-y",placeholder:`{
+import{j as e,a as m}from"./vendor-query-B2UbickB.js";import{b as Q,f as I,g as X,e as ee,h as te,i as se}from"./roles-lHLgLwOY.js";import{J as U}from"./index-MbEPoyTe.js";import{C as ae}from"./ConfirmDeleteModal-D9_1b4MW.js";import{u as re}from"./users-CAih5Fty.js";import{T as D,B as ne,v as L,V as ie,p as oe,ar as le,N as ce,f as de,g as F}from"./vendor-icons-DOIDKgo6.js";import{e as xe,c as pe,L as me}from"./vendor-react-CXumBFUA.js";import"./Modal-CSrxpXeM.js";function ue({role:s}){const{data:d}=re({role:s,limit:100}),n=(d==null?void 0:d.users)??[];return n.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Assign users to this role to staff its queue. Members see and resolve escalations here according to their read/write scope; admins manage the role itself."}):e.jsx("div",{className:"divide-y divide-surface-border/40",children:n.map(l=>{const x=l.roles.find(c=>c.role===s);return x?e.jsxs("div",{className:"flex items-center justify-between py-1.5 gap-2",children:[e.jsx("span",{className:"text-xs text-text-secondary truncate",children:l.display_name||l.external_id}),e.jsx("span",{className:"text-[10px] text-text-quaternary font-mono shrink-0",children:he(x)})]},l.id):null})})}function he(s){return s.type==="superadmin"||s.type==="admin"?s.type:`member · read ${s.read_scope} · write ${s.write_scope}`}function B(s){return s==null?"":JSON.stringify(s,null,2)}function P(s){const d=s.trim();if(!d)return{ok:!0,value:void 0};try{const n=JSON.parse(d);return typeof n!="object"||Array.isArray(n)||n===null?{ok:!1}:{ok:!0,value:n}}catch{return{ok:!1}}}function g({icon:s,color:d,label:n,aside:l}){return e.jsxs("div",{className:"flex items-center justify-between mb-3 pb-2 border-b border-surface-border",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s,{className:`w-4 h-4 ${d}`,strokeWidth:1.5}),e.jsx("h2",{className:"section-h2",children:n})]}),l]})}function fe({role:s,allRoles:d}){const{data:n}=ee(),l=te(),x=se(),[c,u]=m.useState(""),a=(n==null?void 0:n.chains)??[],t=m.useMemo(()=>a.filter(o=>o.source_role===s.role).map(o=>o.target_role),[a,s.role]),j=m.useMemo(()=>d.map(o=>o.role).filter(o=>o!==s.role&&o!=="superadmin"&&!t.includes(o)),[d,s.role,t]);return s.role==="superadmin"?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Superadmins can escalate to any role implicitly."}):e.jsxs("div",{className:"space-y-3",children:[t.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Add a target role to route hand-offs."}):e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.map(o=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary",children:[o,e.jsx("button",{onClick:()=>x.mutate({source_role:s.role,target_role:o}),className:"text-text-quaternary hover:text-status-error transition-colors leading-none ml-0.5",children:"×"})]},o))}),j.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:c,onChange:o=>u(o.target.value),className:"select text-xs font-mono flex-1",children:[e.jsx("option",{value:"",children:"Add target…"}),j.map(o=>e.jsx("option",{value:o,children:o},o))]}),e.jsx("button",{onClick:()=>{c&&l.mutate({source_role:s.role,target_role:c},{onSuccess:()=>u("")})},disabled:!c||l.isPending,className:"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0",children:l.isPending?"…":"Add"})]})]})}function ge({role:s,allRoles:d}){const n=I(),[l,x]=m.useState(""),c=s.upstream_roles??[],u=m.useMemo(()=>d.map(t=>t.role).filter(t=>t!==s.role&&t!=="superadmin"&&!c.includes(t)),[d,s.role,c]),a=t=>n.mutate({role:s.role,upstream_roles:t},{onSuccess:()=>x("")});return e.jsxs("div",{className:"space-y-3",children:[c.length===0?e.jsx("p",{className:"text-[11px] text-text-tertiary",children:"Add a role from another sequence that this station draws input from. Prior Step sets where this role sits in its own sequence; upstream inputs mark the side-quests that land here."}):e.jsx("div",{className:"flex flex-wrap gap-1.5",children:c.map(t=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary",children:[t,e.jsx("button",{onClick:()=>a(c.filter(j=>j!==t)),className:"text-text-quaternary hover:text-status-error transition-colors leading-none ml-0.5",children:"×"})]},t))}),u.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:l,onChange:t=>x(t.target.value),className:"select text-xs font-mono flex-1",children:[e.jsx("option",{value:"",children:"Add upstream input…"}),u.map(t=>e.jsx("option",{value:t,children:t},t))]}),e.jsx("button",{onClick:()=>{l&&a([...c,l])},disabled:!l||n.isPending,className:"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0",children:n.isPending?"…":"Add"})]}),n.error&&e.jsx("p",{className:"text-[10px] text-status-error",children:n.error.message})]})}function je(s){return{title:s.title??"",description:s.description??"",ops_visible:s.ops_visible,parent_role:s.parent_role??"",metadata_schema:B(s.metadata_schema),properties:B(s.properties)||"{}",sla_minutes:s.sla_minutes!=null?String(s.sla_minutes):"",target_per_hour:s.target_per_hour!=null?String(s.target_per_hour):"",worker_count:s.worker_count!=null?String(s.worker_count):"",priority_threshold_minutes:s.priority_threshold_minutes!=null?String(s.priority_threshold_minutes):"",priority_facet:s.priority_facet??""}}const ve=/^[a-zA-Z0-9_]+$/;function Pe(){const{role:s}=xe(),d=pe(),{data:n,isLoading:l}=Q(),x=I(),c=X(),u=(n==null?void 0:n.roles)??[],a=u.find(r=>r.role===s),[t,j]=m.useState({title:"",description:"",ops_visible:!1,parent_role:"",metadata_schema:"",properties:"{}",sla_minutes:"",target_per_hour:"",worker_count:"",priority_threshold_minutes:"",priority_facet:""}),[o,q]=m.useState(!1),[z,N]=m.useState(!1),[v,y]=m.useState({}),[V,J]=m.useState(!1),[w,O]=m.useState(new Set),M=r=>O(i=>new Set([...i,r]));m.useEffect(()=>{a&&(j(je(a)),q(!1),N(!1),y({}),O(new Set))},[s,a==null?void 0:a.role]);const h=r=>{j(i=>({...i,...r})),q(!0),N(!1)},W=m.useMemo(()=>u.filter(r=>{if(!a||r.role===a.role)return!1;let i=r;const p=new Set;for(;i!=null&&i.parent_role;){if(i.parent_role===a.role)return!1;if(p.has(i.parent_role))break;p.add(i.parent_role),i=u.find(f=>f.role===i.parent_role)}return!0}),[u,a]),K=()=>{const r=P(t.metadata_schema),i=P(t.properties),p=t.priority_facet.trim(),f={};if(r.ok||(f.metadata_schema="Invalid JSON"),i.ok||(f.properties="Invalid JSON"),p&&!ve.test(p)&&(f.priority_facet="Letters, numbers, underscores only"),y(f),Object.keys(f).length||!a)return;const b=$=>{const _=parseFloat($);return isNaN(_)?null:_},Z=$=>{const _=b($);return _==null?null:Math.round(_)};x.mutate({role:a.role,title:t.title.trim()||null,description:t.description.trim()||null,ops_visible:t.ops_visible,parent_role:t.parent_role||null,metadata_schema:r.value??null,properties:i.value??{},sla_minutes:b(t.sla_minutes),target_per_hour:b(t.target_per_hour),worker_count:Z(t.worker_count),priority_threshold_minutes:b(t.priority_threshold_minutes),priority_facet:p||null},{onSuccess:()=>{q(!1),N(!0),O(new Set),window.setTimeout(()=>N(!1),2500)}})},G=()=>{a&&c.mutate(a.role,{onSuccess:()=>d("/admin/roles")})};if(l)return e.jsxs("div",{className:"animate-pulse space-y-4",children:[e.jsx("div",{className:"h-8 bg-surface-sunken rounded w-48"}),e.jsx("div",{className:"h-4 bg-surface-sunken rounded w-64"}),e.jsx("div",{className:"h-64 bg-surface-sunken rounded"})]});if(!a)return e.jsxs("div",{className:"flex flex-col items-center justify-center py-20 text-center",children:[e.jsx(D,{className:"w-12 h-12 text-text-quaternary mb-4",strokeWidth:1}),e.jsx("h2",{className:"text-lg font-medium text-text-primary mb-2",children:"Role not found"})]});const H=a.user_count>0||a.chain_count>0||a.workflow_count>0,Y=o&&!Object.values(v).some(Boolean),k=parseFloat(t.sla_minutes),S=parseFloat(t.target_per_hour),C=parseFloat(t.worker_count),A=!isNaN(k)&&k>0,E=!isNaN(S)&&S>0,R=!isNaN(C)&&C>0,T=A&&R&&!E?`→ target ≈ ${(C/(k/60)).toFixed(1)}/h`:A&&E&&!R?`→ workers ≈ ${(S*(k/60)).toFixed(1)}`:E&&R&&!A?`→ SLA ≈ ${(C/S*60).toFixed(0)}m`:null;return e.jsxs("div",{children:[e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-center mb-12",children:[e.jsxs("div",{className:"flex items-center justify-between gap-4 min-w-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-1",children:[e.jsx(D,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"text-lg font-mono font-medium text-text-primary",children:a.role}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:role-detail"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(ne,{className:"w-4 h-4",strokeWidth:1.5})}),a.parent_role&&e.jsxs("span",{className:"flex items-center gap-1 text-[10px] text-text-quaternary font-mono",children:[e.jsx(L,{className:"w-3 h-3"})," ",a.parent_role]})]}),a.title&&e.jsx("p",{className:"text-sm text-text-secondary pl-8",children:a.title})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",title:"Show as a station on the Pace Board",children:[e.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary",children:"Ops"}),e.jsx("button",{onClick:()=>h({ops_visible:!t.ops_visible}),className:`w-9 h-5 rounded-full transition-colors relative shrink-0 ${t.ops_visible?"bg-accent":"bg-surface-border"}`,children:e.jsx("span",{className:`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-white transition-transform shadow ${t.ops_visible?"translate-x-[18px]":"translate-x-[3px]"}`})})]})]}),e.jsxs("div",{className:"flex items-end justify-center gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 w-full",title:"throughput = workers / (sla / 60)",children:[[{key:"sla_minutes",label:"SLA",unit:"min",placeholder:"30"},{key:"target_per_hour",label:"Target",unit:"/h",placeholder:"20"},{key:"worker_count",label:"Workers",unit:"",placeholder:"4"}].map(({key:r,label:i,unit:p,placeholder:f})=>e.jsxs("div",{children:[e.jsxs("label",{className:"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:[i,p&&e.jsx("span",{className:"normal-case font-normal ml-1",children:p})]}),e.jsx("input",{type:"number",min:"0",step:"any",value:t[r],onChange:b=>h({[r]:b.target.value}),placeholder:f,className:"input text-xs w-16 font-mono"})]},r)),T&&e.jsx("span",{className:"text-[10px] text-accent font-mono whitespace-nowrap pb-2",children:T})]}),e.jsxs("div",{className:"flex items-center justify-between gap-4 min-w-0",children:[e.jsxs("div",{className:"flex items-end gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 shrink-0",title:"Pending unclaimed items older than the threshold count as priority on the Pace Board. Age is measured from the metadata facet (an ISO 8601 UTC timestamp, e.g. authorized_at) or from created_at when the facet is blank; the threshold falls back to SLA when blank.",children:[e.jsxs("div",{children:[e.jsxs("label",{className:"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:["Priority",e.jsx("span",{className:"normal-case font-normal ml-1",children:"min"})]}),e.jsx("input",{type:"number",min:"0",step:"any",value:t.priority_threshold_minutes,onChange:r=>h({priority_threshold_minutes:r.target.value}),placeholder:t.sla_minutes||"60",className:"input text-xs w-16 font-mono"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1",children:"Facet"}),e.jsx("input",{type:"text",value:t.priority_facet,onChange:r=>h({priority_facet:r.target.value}),placeholder:"created_at",className:"input text-xs w-28 font-mono"}),v.priority_facet&&e.jsx("p",{className:"text-[9px] text-status-error mt-0.5",children:v.priority_facet})]})]}),e.jsxs("div",{className:"flex items-center gap-3 shrink-0",children:[z&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(ie,{className:"w-3 h-3"})," Saved"]}),x.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[180px] truncate",children:x.error.message}),e.jsx("button",{onClick:K,disabled:!Y||x.isPending,className:"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed",children:x.isPending?"Saving…":"Save"}),!H&&e.jsxs("button",{onClick:()=>J(!0),className:"px-3 py-1.5 text-xs rounded-md text-status-error/60 hover:text-status-error hover:bg-status-error/10 transition-colors flex items-center gap-1",children:[e.jsx(oe,{className:"w-3 h-3"})," Delete"]})]})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsxs("div",{className:"space-y-14",children:[e.jsxs("div",{className:"space-y-8",children:[e.jsx(g,{icon:D,color:"text-accent",label:"Identity"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Display Name"}),e.jsx("input",{type:"text",value:t.title,onChange:r=>h({title:r.target.value}),placeholder:`e.g., ${a.role.charAt(0).toUpperCase()+a.role.slice(1)}`,className:"input text-sm w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5",children:"Description"}),e.jsx("textarea",{value:t.description,onChange:r=>h({description:r.target.value}),placeholder:"A short description shown on role cards and in the operations view.",rows:4,className:"input text-sm w-full resize-none"})]})]}),e.jsxs("div",{className:`space-y-14 overflow-hidden transition-all duration-300 ease-out ${t.ops_visible?"opacity-100 max-h-[900px]":"opacity-0 max-h-0 pointer-events-none"}`,"aria-hidden":!t.ops_visible,children:[e.jsxs("div",{className:"space-y-5",children:[e.jsx(g,{icon:L,color:"text-text-tertiary",label:"Prior Step"}),e.jsxs("select",{value:t.parent_role,onChange:r=>h({parent_role:r.target.value}),className:"select text-sm w-full font-mono",children:[e.jsx("option",{value:"",children:"None — root process"}),W.map(r=>e.jsx("option",{value:r.role,children:r.title?`${r.role} — ${r.title}`:r.role},r.role))]}),e.jsx("p",{className:"text-[10px] text-text-tertiary leading-relaxed",children:"Places this role in one Pace Board sequence. A role with no prior step starts its own sequence."})]}),e.jsxs("div",{className:"space-y-5",children:[e.jsx(g,{icon:le,color:"text-text-tertiary",label:"Upstream Inputs",aside:e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full dot-ring bg-status-success"}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-widest text-status-success",children:"Live"})]})}),e.jsx(ge,{role:a,allRoles:u})]})]})]}),e.jsxs("div",{className:"space-y-14",children:[e.jsxs("div",{children:[e.jsx(g,{icon:ce,color:"text-text-quaternary",label:"Escalation Targets",aside:e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full dot-ring bg-status-success"}),e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-widest text-status-success",children:"Live"})]})}),e.jsx(fe,{role:a,allRoles:u})]}),e.jsxs("div",{className:"pt-3 pb-4 border-t border-surface-border/40",children:[e.jsx(g,{icon:de,color:"text-text-quaternary",label:"Members",aside:e.jsx("span",{className:"text-[9px] font-normal normal-case text-text-quaternary",children:"read = what appears · write = what they can act on"})}),e.jsx(ue,{role:a.role})]})]}),e.jsxs("div",{className:"space-y-14",children:[e.jsxs("div",{children:[e.jsx(g,{icon:F,color:"text-accent",label:"Escalation Schema",aside:a.current_schema_version!=null?e.jsxs("span",{className:"text-[9px] font-mono text-text-quaternary",children:["v",a.current_schema_version," in use"]}):void 0}),e.jsxs("p",{className:"text-[10px] text-text-tertiary mb-3 leading-relaxed",children:["The form a person completes to resolve this role's escalations. Versioned — each save adds one; workflows pin any version via"," ",e.jsx("code",{className:"font-mono",children:"schemaVersion"}),"."]}),e.jsx(me,{to:`/admin/roles/${encodeURIComponent(a.role)}/schema`,className:"text-xs text-accent hover:underline",children:a.form_schema?`Open schema editor — v${a.current_schema_version??1} in use →`:"Define the escalation form →"})]}),e.jsxs("div",{children:[e.jsx(g,{icon:F,color:"text-accent",label:"Metadata Schema",aside:!w.has("metadata_schema")&&a.metadata_schema?e.jsx("button",{onClick:()=>M("metadata_schema"),className:"text-[9px] text-accent hover:underline",children:"Edit"}):void 0}),e.jsxs("p",{className:"text-[10px] text-text-tertiary mb-3 leading-relaxed",children:["Validates ",e.jsx("code",{className:"font-mono",children:"metadata"})," at creation time. Keys appear in faceted search autocomplete."]}),!w.has("metadata_schema")&&a.metadata_schema?e.jsx(U,{data:a.metadata_schema}):e.jsxs(e.Fragment,{children:[e.jsx("textarea",{value:t.metadata_schema,onChange:r=>{const i=r.target.value;h({metadata_schema:i}),y(p=>({...p,metadata_schema:P(i).ok?void 0:"Invalid JSON"}))},rows:10,spellCheck:!1,className:"input text-xs font-mono w-full resize-y",placeholder:`{
   "type": "object",
   "properties": {
     "order_id": { "type": "string" }
@@ -8,4 +8,4 @@ import{j as e,a as m}from"./vendor-query-B2UbickB.js";import{b as Q,f as I,g as
   "icon": "wrench",
   "color": "#6366f1"
 }`}),v.properties&&e.jsx("p",{className:"text-[10px] text-status-error mt-1",children:v.properties})]})]})]})]}),e.jsx(ae,{open:V,onClose:()=>J(!1),onConfirm:G,title:"Delete Role",description:e.jsxs(e.Fragment,{children:["Delete role ",e.jsx("span",{className:"font-medium font-mono text-text-primary",children:a.role}),"? This cannot be undone."]}),isPending:c.isPending,error:c.error})]})}export{Pe as RoleDetailPage};
-//# sourceMappingURL=RoleDetailPage-ClE7rUoo.js.map
+//# sourceMappingURL=RoleDetailPage-BPsrUqIa.js.map

package/dashboard/dist/assets/{RoleDetailPage-ClE7rUoo.js.map → RoleDetailPage-BPsrUqIa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RoleDetailPage-ClE7rUoo.js","sources":["../../src/pages/admin/roles/RoleMembersSection.tsx","../../src/pages/admin/roles/RoleDetailPage.tsx"],"sourcesContent":["import { useUsers } from '../../../api/users';\nimport type { LTUserRole } from '../../../api/types/users';\n\n/**\n * Who can see through this role's window, and how far. Membership is admin or\n * member; a member's reach over the queue is two axes — read (which\n * escalations appear: their own, or the whole queue) and write (which they can\n * claim and resolve: none, their own, or the whole queue).\n */\nexport function RoleMembersSection({ role }: { role: string }) {\n  const { data } = useUsers({ role, limit: 100 });\n  const users = data?.users ?? [];\n\n  if (users.length === 0) {\n    return (\n      <p className=\"text-[11px] text-text-tertiary\">\n        Assign users to this role to staff its queue. Members see and resolve\n        escalations here according to their read/write scope; admins manage the\n        role itself.\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"divide-y divide-surface-border/40\">\n      {users.map((u) => {\n        const membership = u.roles.find((r) => r.role === role);\n        if (!membership) return null;\n        return (\n          <div key={u.id} className=\"flex items-center justify-between py-1.5 gap-2\">\n            <span className=\"text-xs text-text-secondary truncate\">\n              {u.display_name || u.external_id}\n            </span>\n            <span className=\"text-[10px] text-text-quaternary font-mono shrink-0\">\n              {describeMembership(membership)}\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction describeMembership(m: LTUserRole): string {\n  if (m.type === 'superadmin' || m.type === 'admin') return m.type;\n  return `member · read ${m.read_scope} · write ${m.write_scope}`;\n}\n","import { useState, useEffect, useMemo } from 'react';\nimport { useParams, useNavigate, Link } from 'react-router-dom';\nimport {\n  Tag, GitBranch, GitMerge, Network, Trash2, Check, Braces, Users, BookOpen,\n} from 'lucide-react';\nimport {\n  useRoleDetails,\n  useUpdateRole,\n  useDeleteRole,\n  useEscalationChains,\n  useAddEscalationChain,\n  useRemoveEscalationChain,\n  type RoleDetail,\n} from '../../../api/roles';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport { RoleMembersSection } from './RoleMembersSection';\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\n\nfunction safePrettyPrint(value: unknown): string {\n  if (value == null) return '';\n  return JSON.stringify(value, null, 2);\n}\n\nfunction safeParseJson(text: string): { ok: boolean; value?: Record<string, unknown> } {\n  const trimmed = text.trim();\n  if (!trimmed) return { ok: true, value: undefined };\n  try {\n    const parsed = JSON.parse(trimmed);\n    if (typeof parsed !== 'object' || Array.isArray(parsed) || parsed === null) return { ok: false };\n    return { ok: true, value: parsed };\n  } catch {\n    return { ok: false };\n  }\n}\n\n// ── Section header ────────────────────────────────────────────────────────────\n\nfunction SectionHead({\n  icon: Icon,\n  color,\n  label,\n  aside,\n}: {\n  icon: React.ElementType;\n  color: string;\n  label: string;\n  aside?: React.ReactNode;\n}) {\n  return (\n    <div className=\"flex items-center justify-between mb-3 pb-2 border-b border-surface-border\">\n      <div className=\"flex items-center gap-2\">\n        <Icon className={`w-4 h-4 ${color}`} strokeWidth={1.5} />\n        <h2 className=\"section-h2\">{label}</h2>\n      </div>\n      {aside}\n    </div>\n  );\n}\n\n// ── Escalation section (live-save) ────────────────────────────────────────────\n\nfunction EscalationSection({ role, allRoles }: { role: RoleDetail; allRoles: RoleDetail[] }) {\n  const { data: chainsData } = useEscalationChains();\n  const addChain = useAddEscalationChain();\n  const removeChain = useRemoveEscalationChain();\n  const [newTarget, setNewTarget] = useState('');\n\n  const chains = chainsData?.chains ?? [];\n  const targets = useMemo(\n    () => chains.filter((c) => c.source_role === role.role).map((c) => c.target_role),\n    [chains, role.role],\n  );\n  const available = useMemo(\n    () => allRoles\n      .map((r) => r.role)\n      .filter((r) => r !== role.role && r !== 'superadmin' && !targets.includes(r)),\n    [allRoles, role.role, targets],\n  );\n\n  if (role.role === 'superadmin') {\n    return <p className=\"text-[11px] text-text-tertiary\">Superadmins can escalate to any role implicitly.</p>;\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      {targets.length === 0 ? (\n        <p className=\"text-[11px] text-text-tertiary\">Add a target role to route hand-offs.</p>\n      ) : (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {targets.map((t) => (\n            <span\n              key={t}\n              className=\"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary\"\n            >\n              {t}\n              <button\n                onClick={() => removeChain.mutate({ source_role: role.role, target_role: t })}\n                className=\"text-text-quaternary hover:text-status-error transition-colors leading-none ml-0.5\"\n              >\n                ×\n              </button>\n            </span>\n          ))}\n        </div>\n      )}\n      {available.length > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <select\n            value={newTarget}\n            onChange={(e) => setNewTarget(e.target.value)}\n            className=\"select text-xs font-mono flex-1\"\n          >\n            <option value=\"\">Add target…</option>\n            {available.map((r) => <option key={r} value={r}>{r}</option>)}\n          </select>\n          <button\n            onClick={() => {\n              if (!newTarget) return;\n              addChain.mutate({ source_role: role.role, target_role: newTarget }, { onSuccess: () => setNewTarget('') });\n            }}\n            disabled={!newTarget || addChain.isPending}\n            className=\"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0\"\n          >\n            {addChain.isPending ? '…' : 'Add'}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ── Upstream inputs section (live-save) ───────────────────────────────────────\n\n/**\n * The graph edges that don't fit the line. Prior Step (parent_role) places\n * this role in ONE sequence on the Operations page; upstream inputs declare\n * the roles it also draws from in OTHER sequences — mixin-like, many allowed.\n * The chart shows them as a merge glyph on the station, never as a bend in\n * the sequence.\n */\nfunction UpstreamSection({ role, allRoles }: { role: RoleDetail; allRoles: RoleDetail[] }) {\n  const updateRole = useUpdateRole();\n  const [newUpstream, setNewUpstream] = useState('');\n\n  const upstreams = role.upstream_roles ?? [];\n  const available = useMemo(\n    () => allRoles\n      .map((r) => r.role)\n      .filter((r) => r !== role.role && r !== 'superadmin' && !upstreams.includes(r)),\n    [allRoles, role.role, upstreams],\n  );\n\n  const save = (next: string[]) =>\n    updateRole.mutate({ role: role.role, upstream_roles: next }, { onSuccess: () => setNewUpstream('') });\n\n  return (\n    <div className=\"space-y-3\">\n      {upstreams.length === 0 ? (\n        <p className=\"text-[11px] text-text-tertiary\">\n          Add a role from another sequence that this station draws input from.\n          Prior Step sets where this role sits in its own sequence; upstream\n          inputs mark the side-quests that land here.\n        </p>\n      ) : (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {upstreams.map((u) => (\n            <span\n              key={u}\n              className=\"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary\"\n            >\n              {u}\n              <button\n                onClick={() => save(upstreams.filter((x) => x !== u))}\n                className=\"text-text-quaternary hover:text-status-error transition-colors leading-none ml-0.5\"\n              >\n                ×\n              </button>\n            </span>\n          ))}\n        </div>\n      )}\n      {available.length > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <select\n            value={newUpstream}\n            onChange={(e) => setNewUpstream(e.target.value)}\n            className=\"select text-xs font-mono flex-1\"\n          >\n            <option value=\"\">Add upstream input…</option>\n            {available.map((r) => <option key={r} value={r}>{r}</option>)}\n          </select>\n          <button\n            onClick={() => { if (newUpstream) save([...upstreams, newUpstream]); }}\n            disabled={!newUpstream || updateRole.isPending}\n            className=\"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0\"\n          >\n            {updateRole.isPending ? '…' : 'Add'}\n          </button>\n        </div>\n      )}\n      {updateRole.error && (\n        <p className=\"text-[10px] text-status-error\">{(updateRole.error as Error).message}</p>\n      )}\n    </div>\n  );\n}\n\n// ── Draft state ───────────────────────────────────────────────────────────────\n\ninterface Draft {\n  title: string;\n  description: string;\n  ops_visible: boolean;\n  parent_role: string;\n  metadata_schema: string;\n  properties: string;\n  sla_minutes: string;\n  target_per_hour: string;\n  worker_count: string;\n  priority_threshold_minutes: string;\n  priority_facet: string;\n}\n\nfunction draftFrom(role: RoleDetail): Draft {\n  return {\n    title: role.title ?? '',\n    description: role.description ?? '',\n    ops_visible: role.ops_visible,\n    parent_role: role.parent_role ?? '',\n    metadata_schema: safePrettyPrint(role.metadata_schema),\n    properties: safePrettyPrint(role.properties) || '{}',\n    sla_minutes: role.sla_minutes != null ? String(role.sla_minutes) : '',\n    target_per_hour: role.target_per_hour != null ? String(role.target_per_hour) : '',\n    worker_count: role.worker_count != null ? String(role.worker_count) : '',\n    priority_threshold_minutes: role.priority_threshold_minutes != null ? String(role.priority_threshold_minutes) : '',\n    priority_facet: role.priority_facet ?? '',\n  };\n}\n\n// Mirrors the server-side facet key rule (metadata keys are interpolated as a\n// JSON path, so they are strictly validated).\nconst FACET_KEY = /^[a-zA-Z0-9_]+$/;\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function RoleDetailPage() {\n  const { role: roleKey } = useParams<{ role: string }>();\n  const navigate = useNavigate();\n  const { data, isLoading } = useRoleDetails();\n  const updateRole = useUpdateRole();\n  const deleteRole = useDeleteRole();\n\n  const roles = data?.roles ?? [];\n  const role = roles.find((r) => r.role === roleKey);\n\n  const [draft, setDraft] = useState<Draft>({\n    title: '', description: '', ops_visible: false, parent_role: '',\n    metadata_schema: '', properties: '{}',\n    sla_minutes: '', target_per_hour: '', worker_count: '',\n    priority_threshold_minutes: '', priority_facet: '',\n  });\n  const [dirty, setDirty] = useState(false);\n  const [savedOk, setSavedOk] = useState(false);\n  const [errors, setErrors] = useState<{ metadata_schema?: string; properties?: string; priority_facet?: string }>({});\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const [editingJson, setEditingJson] = useState(new Set<string>());\n\n  const startEditingJson = (field: string) => setEditingJson((prev) => new Set([...prev, field]));\n\n  useEffect(() => {\n    if (!role) return;\n    setDraft(draftFrom(role));\n    setDirty(false);\n    setSavedOk(false);\n    setErrors({});\n    setEditingJson(new Set());\n  }, [roleKey, role?.role]);\n\n  const update = (changes: Partial<Draft>) => {\n    setDraft((d) => ({ ...d, ...changes }));\n    setDirty(true);\n    setSavedOk(false);\n  };\n\n  const availableParents = useMemo(\n    () => roles.filter((r) => {\n      if (!role || r.role === role.role) return false;\n      let cur: RoleDetail | undefined = r;\n      const seen = new Set<string>();\n      while (cur?.parent_role) {\n        if (cur.parent_role === role.role) return false;\n        if (seen.has(cur.parent_role)) break;\n        seen.add(cur.parent_role);\n        cur = roles.find((x) => x.role === cur!.parent_role);\n      }\n      return true;\n    }),\n    [roles, role],\n  );\n\n  const handleSave = () => {\n    const metaResult = safeParseJson(draft.metadata_schema);\n    const propsResult = safeParseJson(draft.properties);\n    const facet = draft.priority_facet.trim();\n    const newErrors: typeof errors = {};\n    if (!metaResult.ok) newErrors.metadata_schema = 'Invalid JSON';\n    if (!propsResult.ok) newErrors.properties = 'Invalid JSON';\n    if (facet && !FACET_KEY.test(facet)) newErrors.priority_facet = 'Letters, numbers, underscores only';\n    setErrors(newErrors);\n    if (Object.keys(newErrors).length || !role) return;\n\n    const parseNum = (s: string) => { const v = parseFloat(s); return isNaN(v) ? null : v; };\n    // Staff counts are whole people/machines — round rather than persist 2.5 workers.\n    const parseCount = (s: string) => { const v = parseNum(s); return v == null ? null : Math.round(v); };\n\n    updateRole.mutate(\n      {\n        role: role.role,\n        title: draft.title.trim() || null,\n        description: draft.description.trim() || null,\n        ops_visible: draft.ops_visible,\n        parent_role: draft.parent_role || null,\n        metadata_schema: metaResult.value ?? null,\n        properties: propsResult.value ?? {},\n        sla_minutes: parseNum(draft.sla_minutes),\n        target_per_hour: parseNum(draft.target_per_hour),\n        worker_count: parseCount(draft.worker_count),\n        priority_threshold_minutes: parseNum(draft.priority_threshold_minutes),\n        priority_facet: facet || null,\n      },\n      {\n        onSuccess: () => {\n          setDirty(false);\n          setSavedOk(true);\n          setEditingJson(new Set());\n          window.setTimeout(() => setSavedOk(false), 2500);\n        },\n      },\n    );\n  };\n\n  const handleDelete = () => {\n    if (!role) return;\n    deleteRole.mutate(role.role, { onSuccess: () => navigate('/admin/roles') });\n  };\n\n  // ── Loading / not found ───────────────────────────────────────────────────\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-4 bg-surface-sunken rounded w-64\" />\n        <div className=\"h-64 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!role) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n        <Tag className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n        <h2 className=\"text-lg font-medium text-text-primary mb-2\">Role not found</h2>\n      </div>\n    );\n  }\n\n  const inUse = role.user_count > 0 || role.chain_count > 0 || role.workflow_count > 0;\n  const canSave = dirty && !Object.values(errors).some(Boolean);\n\n  // Any two capacity settings derive the third — hint the missing one.\n  const sla = parseFloat(draft.sla_minutes);\n  const tph = parseFloat(draft.target_per_hour);\n  const wc = parseFloat(draft.worker_count);\n  const slaOk = !isNaN(sla) && sla > 0;\n  const tphOk = !isNaN(tph) && tph > 0;\n  const wcOk = !isNaN(wc) && wc > 0;\n  const derivedCapacityHint =\n    slaOk && wcOk && !tphOk ? `→ target ≈ ${(wc / (sla / 60)).toFixed(1)}/h` :\n    slaOk && tphOk && !wcOk ? `→ workers ≈ ${(tph * (sla / 60)).toFixed(1)}` :\n    tphOk && wcOk && !slaOk ? `→ SLA ≈ ${(wc / tph * 60).toFixed(0)}m` : null;\n\n  return (\n    <div>\n      {/* ── Header: mirrors the three-column body grid so each section sits\n          exactly atop its column — identity + ops · capacity · priority + actions ── */}\n      <div className=\"grid grid-cols-3 gap-16 items-center mb-12\">\n        {/* Col 1: identity, with the Ops toggle at the column's right edge */}\n        <div className=\"flex items-center justify-between gap-4 min-w-0\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-3 mb-1\">\n              <Tag className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n              <h1 className=\"text-lg font-mono font-medium text-text-primary\">{role.role}</h1>\n              <button\n                onClick={() => { window.location.hash = '#docs:dashboard.md:role-detail'; }}\n                className=\"text-text-quaternary hover:text-accent transition-colors\"\n                title=\"Open docs for this page\"\n              >\n                <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n              </button>\n              {role.parent_role && (\n                <span className=\"flex items-center gap-1 text-[10px] text-text-quaternary font-mono\">\n                  <GitBranch className=\"w-3 h-3\" /> {role.parent_role}\n                </span>\n              )}\n            </div>\n            {role.title && <p className=\"text-sm text-text-secondary pl-8\">{role.title}</p>}\n          </div>\n\n          {/* Ops — this role is (or isn't) a station on the Pace Board */}\n          <div className=\"flex items-center gap-2 shrink-0\" title=\"Show as a station on the Pace Board\">\n            <span className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">Ops</span>\n            <button\n              onClick={() => update({ ops_visible: !draft.ops_visible })}\n              className={`w-9 h-5 rounded-full transition-colors relative shrink-0 ${\n                draft.ops_visible ? 'bg-accent' : 'bg-surface-border'\n              }`}\n            >\n              <span\n                className={`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-white transition-transform shadow ${\n                  draft.ops_visible ? 'translate-x-[18px]' : 'translate-x-[3px]'\n                }`}\n              />\n            </button>\n          </div>\n        </div>\n\n        {/* Col 2: capacity — full column width, settings centered atop the\n            column below. Any two settings derive the third. */}\n        <div\n          className=\"flex items-end justify-center gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 w-full\"\n          title=\"throughput = workers / (sla / 60)\"\n        >\n          {[\n            { key: 'sla_minutes' as const,      label: 'SLA',     unit: 'min', placeholder: '30' },\n            { key: 'target_per_hour' as const,  label: 'Target',  unit: '/h',  placeholder: '20' },\n            { key: 'worker_count' as const,     label: 'Workers', unit: '',    placeholder: '4' },\n          ].map(({ key, label, unit, placeholder }) => (\n            <div key={key}>\n              <label className=\"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1\">\n                {label}\n                {unit && <span className=\"normal-case font-normal ml-1\">{unit}</span>}\n              </label>\n              <input\n                type=\"number\"\n                min=\"0\"\n                step=\"any\"\n                value={draft[key]}\n                onChange={(e) => update({ [key]: e.target.value })}\n                placeholder={placeholder}\n                className=\"input text-xs w-16 font-mono\"\n              />\n            </div>\n          ))}\n          {derivedCapacityHint && (\n            <span className=\"text-[10px] text-accent font-mono whitespace-nowrap pb-2\">\n              {derivedCapacityHint}\n            </span>\n          )}\n        </div>\n\n        {/* Col 3: priority left-aligned to the column edge, actions at the right.\n            Pending unclaimed items older than the threshold appear as the Pace\n            Board priority count, ordered by the facet for the pull. */}\n        <div className=\"flex items-center justify-between gap-4 min-w-0\">\n          <div\n            className=\"flex items-end gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 shrink-0\"\n            title=\"Pending unclaimed items older than the threshold count as priority on the Pace Board. Age is measured from the metadata facet (an ISO 8601 UTC timestamp, e.g. authorized_at) or from created_at when the facet is blank; the threshold falls back to SLA when blank.\"\n          >\n            <div>\n              <label className=\"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1\">\n                Priority\n                <span className=\"normal-case font-normal ml-1\">min</span>\n              </label>\n              <input\n                type=\"number\"\n                min=\"0\"\n                step=\"any\"\n                value={draft.priority_threshold_minutes}\n                onChange={(e) => update({ priority_threshold_minutes: e.target.value })}\n                placeholder={draft.sla_minutes || '60'}\n                className=\"input text-xs w-16 font-mono\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1\">\n                Facet\n              </label>\n              <input\n                type=\"text\"\n                value={draft.priority_facet}\n                onChange={(e) => update({ priority_facet: e.target.value })}\n                placeholder=\"created_at\"\n                className=\"input text-xs w-28 font-mono\"\n              />\n              {errors.priority_facet && (\n                <p className=\"text-[9px] text-status-error mt-0.5\">{errors.priority_facet}</p>\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex items-center gap-3 shrink-0\">\n            {savedOk && (\n              <span className=\"flex items-center gap-1 text-xs text-status-success animate-page-enter\">\n                <Check className=\"w-3 h-3\" /> Saved\n              </span>\n            )}\n            {updateRole.error && (\n              <span className=\"text-xs text-status-error max-w-[180px] truncate\">\n                {(updateRole.error as Error).message}\n              </span>\n            )}\n            <button\n              onClick={handleSave}\n              disabled={!canSave || updateRole.isPending}\n              className=\"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n            >\n              {updateRole.isPending ? 'Saving…' : 'Save'}\n            </button>\n            {!inUse && (\n              <button\n                onClick={() => setConfirmDelete(true)}\n                className=\"px-3 py-1.5 text-xs rounded-md text-status-error/60 hover:text-status-error hover:bg-status-error/10 transition-colors flex items-center gap-1\"\n              >\n                <Trash2 className=\"w-3 h-3\" /> Delete\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* ── Three-column body ── */}\n      <div className=\"grid grid-cols-3 gap-16 items-start\">\n\n        {/* ── Col 1: Identity ── */}\n        <div className=\"space-y-14\">\n\n          {/* Identity */}\n          <div className=\"space-y-8\">\n            <SectionHead icon={Tag} color=\"text-accent\" label=\"Identity\" />\n\n            <div>\n              <label className=\"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n                Display Name\n              </label>\n              <input\n                type=\"text\"\n                value={draft.title}\n                onChange={(e) => update({ title: e.target.value })}\n                placeholder={`e.g., ${role.role.charAt(0).toUpperCase() + role.role.slice(1)}`}\n                className=\"input text-sm w-full\"\n              />\n            </div>\n\n            <div>\n              <label className=\"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n                Description\n              </label>\n              <textarea\n                value={draft.description}\n                onChange={(e) => update({ description: e.target.value })}\n                placeholder=\"A short description shown on role cards and in the operations view.\"\n                rows={4}\n                className=\"input text-sm w-full resize-none\"\n              />\n            </div>\n          </div>\n\n          {/* Sequence placement — only meaningful for stations, so these two\n              sections follow the Ops toggle, easing in and out with it. */}\n          <div\n            className={`space-y-14 overflow-hidden transition-all duration-300 ease-out ${\n              draft.ops_visible ? 'opacity-100 max-h-[900px]' : 'opacity-0 max-h-0 pointer-events-none'\n            }`}\n            aria-hidden={!draft.ops_visible}\n          >\n            {/* Prior Step */}\n            <div className=\"space-y-5\">\n              <SectionHead icon={GitBranch} color=\"text-text-tertiary\" label=\"Prior Step\" />\n              <select\n                value={draft.parent_role}\n                onChange={(e) => update({ parent_role: e.target.value })}\n                className=\"select text-sm w-full font-mono\"\n              >\n                <option value=\"\">None — root process</option>\n                {availableParents.map((r) => (\n                  <option key={r.role} value={r.role}>\n                    {r.title ? `${r.role} — ${r.title}` : r.role}\n                  </option>\n                ))}\n              </select>\n              <p className=\"text-[10px] text-text-tertiary leading-relaxed\">\n                Places this role in one Pace Board sequence. A role with no prior\n                step starts its own sequence.\n              </p>\n            </div>\n\n            {/* Upstream inputs — cross-sequence graph edges, live-save */}\n            <div className=\"space-y-5\">\n              <SectionHead\n                icon={GitMerge}\n                color=\"text-text-tertiary\"\n                label=\"Upstream Inputs\"\n                aside={\n                  <div className=\"flex items-center gap-1\">\n                    <span className=\"w-1.5 h-1.5 rounded-full dot-ring bg-status-success\" />\n                    <span className=\"text-[9px] font-semibold uppercase tracking-widest text-status-success\">Live</span>\n                  </div>\n                }\n              />\n              <UpstreamSection role={role} allRoles={roles} />\n            </div>\n          </div>\n\n        </div>\n\n        {/* ── Col 2: Routing & People ── */}\n        <div className=\"space-y-14\">\n\n          {/* Escalation targets — live */}\n          <div>\n            <SectionHead\n              icon={Network}\n              color=\"text-text-quaternary\"\n              label=\"Escalation Targets\"\n              aside={\n                <div className=\"flex items-center gap-1\">\n                  <span className=\"w-1.5 h-1.5 rounded-full dot-ring bg-status-success\" />\n                  <span className=\"text-[9px] font-semibold uppercase tracking-widest text-status-success\">Live</span>\n                </div>\n              }\n            />\n            <EscalationSection role={role} allRoles={roles} />\n          </div>\n\n          {/* Members — who can see through this window, and how far */}\n          <div className=\"pt-3 pb-4 border-t border-surface-border/40\">\n            <SectionHead\n              icon={Users}\n              color=\"text-text-quaternary\"\n              label=\"Members\"\n              aside={\n                <span className=\"text-[9px] font-normal normal-case text-text-quaternary\">\n                  read = what appears · write = what they can act on\n                </span>\n              }\n            />\n            <RoleMembersSection role={role.role} />\n          </div>\n        </div>\n\n        {/* ── Col 3: Schemas & Properties ── */}\n        <div className=\"space-y-14\">\n          {/* Escalation Schema — versioned, edited on its own page */}\n          <div>\n            <SectionHead\n              icon={Braces}\n              color=\"text-accent\"\n              label=\"Escalation Schema\"\n              aside={\n                role.current_schema_version != null ? (\n                  <span className=\"text-[9px] font-mono text-text-quaternary\">v{role.current_schema_version} in use</span>\n                ) : undefined\n              }\n            />\n            <p className=\"text-[10px] text-text-tertiary mb-3 leading-relaxed\">\n              The form a person completes to resolve this role's escalations.\n              Versioned — each save adds one; workflows pin any version via{' '}\n              <code className=\"font-mono\">schemaVersion</code>.\n            </p>\n            <Link\n              to={`/admin/roles/${encodeURIComponent(role.role)}/schema`}\n              className=\"text-xs text-accent hover:underline\"\n            >\n              {role.form_schema\n                ? `Open schema editor — v${role.current_schema_version ?? 1} in use →`\n                : 'Define the escalation form →'}\n            </Link>\n          </div>\n\n          {/* Metadata Schema */}\n          <div>\n            <SectionHead\n              icon={Braces}\n              color=\"text-accent\"\n              label=\"Metadata Schema\"\n              aside={\n                !editingJson.has('metadata_schema') && role.metadata_schema ? (\n                  <button onClick={() => startEditingJson('metadata_schema')} className=\"text-[9px] text-accent hover:underline\">Edit</button>\n                ) : undefined\n              }\n            />\n            <p className=\"text-[10px] text-text-tertiary mb-3 leading-relaxed\">\n              Validates <code className=\"font-mono\">metadata</code> at creation time. Keys appear in faceted search autocomplete.\n            </p>\n            {!editingJson.has('metadata_schema') && role.metadata_schema ? (\n              <JsonViewer data={role.metadata_schema} />\n            ) : (\n              <>\n                <textarea\n                  value={draft.metadata_schema}\n                  onChange={(e) => {\n                    const val = e.target.value;\n                    update({ metadata_schema: val });\n                    setErrors((prev) => ({ ...prev, metadata_schema: safeParseJson(val).ok ? undefined : 'Invalid JSON' }));\n                  }}\n                  rows={10}\n                  spellCheck={false}\n                  className=\"input text-xs font-mono w-full resize-y\"\n                  placeholder={'{\\n  \"type\": \"object\",\\n  \"properties\": {\\n    \"order_id\": { \"type\": \"string\" }\\n  },\\n  \"required\": [\"order_id\"]\\n}'}\n                />\n                {errors.metadata_schema && <p className=\"text-[10px] text-status-error mt-1\">{errors.metadata_schema}</p>}\n              </>\n            )}\n          </div>\n\n          {/* Properties (free bag) */}\n          <div>\n            <SectionHead\n              icon={Braces}\n              color=\"text-text-quaternary\"\n              label=\"Properties\"\n              aside={\n                !editingJson.has('properties') && role.properties && Object.keys(role.properties).length > 0 ? (\n                  <button onClick={() => startEditingJson('properties')} className=\"text-[9px] text-accent hover:underline\">Edit</button>\n                ) : (\n                  <span className=\"text-[9px] font-normal normal-case text-text-quaternary\">custom JSON</span>\n                )\n              }\n            />\n            {!editingJson.has('properties') && role.properties && Object.keys(role.properties).length > 0 ? (\n              <JsonViewer data={role.properties} defaultCollapsed />\n            ) : (\n              <>\n                <textarea\n                  value={draft.properties}\n                  onChange={(e) => {\n                    const val = e.target.value;\n                    update({ properties: val });\n                    setErrors((prev) => ({ ...prev, properties: safeParseJson(val).ok ? undefined : 'Invalid JSON' }));\n                  }}\n                  rows={5}\n                  spellCheck={false}\n                  className=\"input text-xs font-mono w-full resize-none\"\n                  placeholder={'{\\n  \"icon\": \"wrench\",\\n  \"color\": \"#6366f1\"\\n}'}\n                />\n                {errors.properties && <p className=\"text-[10px] text-status-error mt-1\">{errors.properties}</p>}\n              </>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* ── Delete confirmation ── */}\n      <ConfirmDeleteModal\n        open={confirmDelete}\n        onClose={() => setConfirmDelete(false)}\n        onConfirm={handleDelete}\n        title=\"Delete Role\"\n        description={\n          <>\n            Delete role <span className=\"font-medium font-mono text-text-primary\">{role.role}</span>? This cannot be undone.\n          </>\n        }\n        isPending={deleteRole.isPending}\n        error={deleteRole.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["RoleMembersSection","role","data","useUsers","users","jsx","u","membership","r","jsxs","describeMembership","m","safePrettyPrint","value","safeParseJson","text","trimmed","parsed","SectionHead","Icon","color","label","aside","EscalationSection","allRoles","chainsData","useEscalationChains","addChain","useAddEscalationChain","removeChain","useRemoveEscalationChain","newTarget","setNewTarget","useState","chains","targets","useMemo","c","available","t","e","UpstreamSection","updateRole","useUpdateRole","newUpstream","setNewUpstream","upstreams","save","next","x","draftFrom","FACET_KEY","RoleDetailPage","roleKey","useParams","navigate","useNavigate","isLoading","useRoleDetails","deleteRole","useDeleteRole","roles","draft","setDraft","dirty","setDirty","savedOk","setSavedOk","errors","setErrors","confirmDelete","setConfirmDelete","editingJson","setEditingJson","startEditingJson","field","prev","useEffect","update","changes","d","availableParents","cur","seen","handleSave","metaResult","propsResult","facet","newErrors","parseNum","s","v","parseCount","handleDelete","Tag","inUse","canSave","sla","tph","wc","slaOk","tphOk","wcOk","derivedCapacityHint","BookOpen","GitBranch","key","unit","placeholder","Check","Trash2","GitMerge","Network","Users","Braces","Link","JsonViewer","Fragment","val","ConfirmDeleteModal"],"mappings":"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"}
+{"version":3,"file":"RoleDetailPage-BPsrUqIa.js","sources":["../../src/pages/admin/roles/RoleMembersSection.tsx","../../src/pages/admin/roles/RoleDetailPage.tsx"],"sourcesContent":["import { useUsers } from '../../../api/users';\nimport type { LTUserRole } from '../../../api/types/users';\n\n/**\n * Who can see through this role's window, and how far. Membership is admin or\n * member; a member's reach over the queue is two axes — read (which\n * escalations appear: their own, or the whole queue) and write (which they can\n * claim and resolve: none, their own, or the whole queue).\n */\nexport function RoleMembersSection({ role }: { role: string }) {\n  const { data } = useUsers({ role, limit: 100 });\n  const users = data?.users ?? [];\n\n  if (users.length === 0) {\n    return (\n      <p className=\"text-[11px] text-text-tertiary\">\n        Assign users to this role to staff its queue. Members see and resolve\n        escalations here according to their read/write scope; admins manage the\n        role itself.\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"divide-y divide-surface-border/40\">\n      {users.map((u) => {\n        const membership = u.roles.find((r) => r.role === role);\n        if (!membership) return null;\n        return (\n          <div key={u.id} className=\"flex items-center justify-between py-1.5 gap-2\">\n            <span className=\"text-xs text-text-secondary truncate\">\n              {u.display_name || u.external_id}\n            </span>\n            <span className=\"text-[10px] text-text-quaternary font-mono shrink-0\">\n              {describeMembership(membership)}\n            </span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction describeMembership(m: LTUserRole): string {\n  if (m.type === 'superadmin' || m.type === 'admin') return m.type;\n  return `member · read ${m.read_scope} · write ${m.write_scope}`;\n}\n","import { useState, useEffect, useMemo } from 'react';\nimport { useParams, useNavigate, Link } from 'react-router-dom';\nimport {\n  Tag, GitBranch, GitMerge, Network, Trash2, Check, Braces, Users, BookOpen,\n} from 'lucide-react';\nimport {\n  useRoleDetails,\n  useUpdateRole,\n  useDeleteRole,\n  useEscalationChains,\n  useAddEscalationChain,\n  useRemoveEscalationChain,\n  type RoleDetail,\n} from '../../../api/roles';\nimport { JsonViewer } from '../../../components/common/data/JsonViewer';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport { RoleMembersSection } from './RoleMembersSection';\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\n\nfunction safePrettyPrint(value: unknown): string {\n  if (value == null) return '';\n  return JSON.stringify(value, null, 2);\n}\n\nfunction safeParseJson(text: string): { ok: boolean; value?: Record<string, unknown> } {\n  const trimmed = text.trim();\n  if (!trimmed) return { ok: true, value: undefined };\n  try {\n    const parsed = JSON.parse(trimmed);\n    if (typeof parsed !== 'object' || Array.isArray(parsed) || parsed === null) return { ok: false };\n    return { ok: true, value: parsed };\n  } catch {\n    return { ok: false };\n  }\n}\n\n// ── Section header ────────────────────────────────────────────────────────────\n\nfunction SectionHead({\n  icon: Icon,\n  color,\n  label,\n  aside,\n}: {\n  icon: React.ElementType;\n  color: string;\n  label: string;\n  aside?: React.ReactNode;\n}) {\n  return (\n    <div className=\"flex items-center justify-between mb-3 pb-2 border-b border-surface-border\">\n      <div className=\"flex items-center gap-2\">\n        <Icon className={`w-4 h-4 ${color}`} strokeWidth={1.5} />\n        <h2 className=\"section-h2\">{label}</h2>\n      </div>\n      {aside}\n    </div>\n  );\n}\n\n// ── Escalation section (live-save) ────────────────────────────────────────────\n\nfunction EscalationSection({ role, allRoles }: { role: RoleDetail; allRoles: RoleDetail[] }) {\n  const { data: chainsData } = useEscalationChains();\n  const addChain = useAddEscalationChain();\n  const removeChain = useRemoveEscalationChain();\n  const [newTarget, setNewTarget] = useState('');\n\n  const chains = chainsData?.chains ?? [];\n  const targets = useMemo(\n    () => chains.filter((c) => c.source_role === role.role).map((c) => c.target_role),\n    [chains, role.role],\n  );\n  const available = useMemo(\n    () => allRoles\n      .map((r) => r.role)\n      .filter((r) => r !== role.role && r !== 'superadmin' && !targets.includes(r)),\n    [allRoles, role.role, targets],\n  );\n\n  if (role.role === 'superadmin') {\n    return <p className=\"text-[11px] text-text-tertiary\">Superadmins can escalate to any role implicitly.</p>;\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      {targets.length === 0 ? (\n        <p className=\"text-[11px] text-text-tertiary\">Add a target role to route hand-offs.</p>\n      ) : (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {targets.map((t) => (\n            <span\n              key={t}\n              className=\"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary\"\n            >\n              {t}\n              <button\n                onClick={() => removeChain.mutate({ source_role: role.role, target_role: t })}\n                className=\"text-text-quaternary hover:text-status-error transition-colors leading-none ml-0.5\"\n              >\n                ×\n              </button>\n            </span>\n          ))}\n        </div>\n      )}\n      {available.length > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <select\n            value={newTarget}\n            onChange={(e) => setNewTarget(e.target.value)}\n            className=\"select text-xs font-mono flex-1\"\n          >\n            <option value=\"\">Add target…</option>\n            {available.map((r) => <option key={r} value={r}>{r}</option>)}\n          </select>\n          <button\n            onClick={() => {\n              if (!newTarget) return;\n              addChain.mutate({ source_role: role.role, target_role: newTarget }, { onSuccess: () => setNewTarget('') });\n            }}\n            disabled={!newTarget || addChain.isPending}\n            className=\"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0\"\n          >\n            {addChain.isPending ? '…' : 'Add'}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ── Upstream inputs section (live-save) ───────────────────────────────────────\n\n/**\n * The graph edges that don't fit the line. Prior Step (parent_role) places\n * this role in ONE sequence on the Operations page; upstream inputs declare\n * the roles it also draws from in OTHER sequences — mixin-like, many allowed.\n * The chart shows them as a merge glyph on the station, never as a bend in\n * the sequence.\n */\nfunction UpstreamSection({ role, allRoles }: { role: RoleDetail; allRoles: RoleDetail[] }) {\n  const updateRole = useUpdateRole();\n  const [newUpstream, setNewUpstream] = useState('');\n\n  const upstreams = role.upstream_roles ?? [];\n  const available = useMemo(\n    () => allRoles\n      .map((r) => r.role)\n      .filter((r) => r !== role.role && r !== 'superadmin' && !upstreams.includes(r)),\n    [allRoles, role.role, upstreams],\n  );\n\n  const save = (next: string[]) =>\n    updateRole.mutate({ role: role.role, upstream_roles: next }, { onSuccess: () => setNewUpstream('') });\n\n  return (\n    <div className=\"space-y-3\">\n      {upstreams.length === 0 ? (\n        <p className=\"text-[11px] text-text-tertiary\">\n          Add a role from another sequence that this station draws input from.\n          Prior Step sets where this role sits in its own sequence; upstream\n          inputs mark the side-quests that land here.\n        </p>\n      ) : (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {upstreams.map((u) => (\n            <span\n              key={u}\n              className=\"inline-flex items-center gap-1 px-2 py-0.5 text-[10px] bg-surface-sunken rounded font-mono text-text-secondary\"\n            >\n              {u}\n              <button\n                onClick={() => save(upstreams.filter((x) => x !== u))}\n                className=\"text-text-quaternary hover:text-status-error transition-colors leading-none ml-0.5\"\n              >\n                ×\n              </button>\n            </span>\n          ))}\n        </div>\n      )}\n      {available.length > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <select\n            value={newUpstream}\n            onChange={(e) => setNewUpstream(e.target.value)}\n            className=\"select text-xs font-mono flex-1\"\n          >\n            <option value=\"\">Add upstream input…</option>\n            {available.map((r) => <option key={r} value={r}>{r}</option>)}\n          </select>\n          <button\n            onClick={() => { if (newUpstream) save([...upstreams, newUpstream]); }}\n            disabled={!newUpstream || updateRole.isPending}\n            className=\"px-2.5 py-1 text-xs rounded bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed shrink-0\"\n          >\n            {updateRole.isPending ? '…' : 'Add'}\n          </button>\n        </div>\n      )}\n      {updateRole.error && (\n        <p className=\"text-[10px] text-status-error\">{(updateRole.error as Error).message}</p>\n      )}\n    </div>\n  );\n}\n\n// ── Draft state ───────────────────────────────────────────────────────────────\n\ninterface Draft {\n  title: string;\n  description: string;\n  ops_visible: boolean;\n  parent_role: string;\n  metadata_schema: string;\n  properties: string;\n  sla_minutes: string;\n  target_per_hour: string;\n  worker_count: string;\n  priority_threshold_minutes: string;\n  priority_facet: string;\n}\n\nfunction draftFrom(role: RoleDetail): Draft {\n  return {\n    title: role.title ?? '',\n    description: role.description ?? '',\n    ops_visible: role.ops_visible,\n    parent_role: role.parent_role ?? '',\n    metadata_schema: safePrettyPrint(role.metadata_schema),\n    properties: safePrettyPrint(role.properties) || '{}',\n    sla_minutes: role.sla_minutes != null ? String(role.sla_minutes) : '',\n    target_per_hour: role.target_per_hour != null ? String(role.target_per_hour) : '',\n    worker_count: role.worker_count != null ? String(role.worker_count) : '',\n    priority_threshold_minutes: role.priority_threshold_minutes != null ? String(role.priority_threshold_minutes) : '',\n    priority_facet: role.priority_facet ?? '',\n  };\n}\n\n// Mirrors the server-side facet key rule (metadata keys are interpolated as a\n// JSON path, so they are strictly validated).\nconst FACET_KEY = /^[a-zA-Z0-9_]+$/;\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function RoleDetailPage() {\n  const { role: roleKey } = useParams<{ role: string }>();\n  const navigate = useNavigate();\n  const { data, isLoading } = useRoleDetails();\n  const updateRole = useUpdateRole();\n  const deleteRole = useDeleteRole();\n\n  const roles = data?.roles ?? [];\n  const role = roles.find((r) => r.role === roleKey);\n\n  const [draft, setDraft] = useState<Draft>({\n    title: '', description: '', ops_visible: false, parent_role: '',\n    metadata_schema: '', properties: '{}',\n    sla_minutes: '', target_per_hour: '', worker_count: '',\n    priority_threshold_minutes: '', priority_facet: '',\n  });\n  const [dirty, setDirty] = useState(false);\n  const [savedOk, setSavedOk] = useState(false);\n  const [errors, setErrors] = useState<{ metadata_schema?: string; properties?: string; priority_facet?: string }>({});\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const [editingJson, setEditingJson] = useState(new Set<string>());\n\n  const startEditingJson = (field: string) => setEditingJson((prev) => new Set([...prev, field]));\n\n  useEffect(() => {\n    if (!role) return;\n    setDraft(draftFrom(role));\n    setDirty(false);\n    setSavedOk(false);\n    setErrors({});\n    setEditingJson(new Set());\n  }, [roleKey, role?.role]);\n\n  const update = (changes: Partial<Draft>) => {\n    setDraft((d) => ({ ...d, ...changes }));\n    setDirty(true);\n    setSavedOk(false);\n  };\n\n  const availableParents = useMemo(\n    () => roles.filter((r) => {\n      if (!role || r.role === role.role) return false;\n      let cur: RoleDetail | undefined = r;\n      const seen = new Set<string>();\n      while (cur?.parent_role) {\n        if (cur.parent_role === role.role) return false;\n        if (seen.has(cur.parent_role)) break;\n        seen.add(cur.parent_role);\n        cur = roles.find((x) => x.role === cur!.parent_role);\n      }\n      return true;\n    }),\n    [roles, role],\n  );\n\n  const handleSave = () => {\n    const metaResult = safeParseJson(draft.metadata_schema);\n    const propsResult = safeParseJson(draft.properties);\n    const facet = draft.priority_facet.trim();\n    const newErrors: typeof errors = {};\n    if (!metaResult.ok) newErrors.metadata_schema = 'Invalid JSON';\n    if (!propsResult.ok) newErrors.properties = 'Invalid JSON';\n    if (facet && !FACET_KEY.test(facet)) newErrors.priority_facet = 'Letters, numbers, underscores only';\n    setErrors(newErrors);\n    if (Object.keys(newErrors).length || !role) return;\n\n    const parseNum = (s: string) => { const v = parseFloat(s); return isNaN(v) ? null : v; };\n    // Staff counts are whole people/machines — round rather than persist 2.5 workers.\n    const parseCount = (s: string) => { const v = parseNum(s); return v == null ? null : Math.round(v); };\n\n    updateRole.mutate(\n      {\n        role: role.role,\n        title: draft.title.trim() || null,\n        description: draft.description.trim() || null,\n        ops_visible: draft.ops_visible,\n        parent_role: draft.parent_role || null,\n        metadata_schema: metaResult.value ?? null,\n        properties: propsResult.value ?? {},\n        sla_minutes: parseNum(draft.sla_minutes),\n        target_per_hour: parseNum(draft.target_per_hour),\n        worker_count: parseCount(draft.worker_count),\n        priority_threshold_minutes: parseNum(draft.priority_threshold_minutes),\n        priority_facet: facet || null,\n      },\n      {\n        onSuccess: () => {\n          setDirty(false);\n          setSavedOk(true);\n          setEditingJson(new Set());\n          window.setTimeout(() => setSavedOk(false), 2500);\n        },\n      },\n    );\n  };\n\n  const handleDelete = () => {\n    if (!role) return;\n    deleteRole.mutate(role.role, { onSuccess: () => navigate('/admin/roles') });\n  };\n\n  // ── Loading / not found ───────────────────────────────────────────────────\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-4\">\n        <div className=\"h-8 bg-surface-sunken rounded w-48\" />\n        <div className=\"h-4 bg-surface-sunken rounded w-64\" />\n        <div className=\"h-64 bg-surface-sunken rounded\" />\n      </div>\n    );\n  }\n\n  if (!role) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20 text-center\">\n        <Tag className=\"w-12 h-12 text-text-quaternary mb-4\" strokeWidth={1} />\n        <h2 className=\"text-lg font-medium text-text-primary mb-2\">Role not found</h2>\n      </div>\n    );\n  }\n\n  const inUse = role.user_count > 0 || role.chain_count > 0 || role.workflow_count > 0;\n  const canSave = dirty && !Object.values(errors).some(Boolean);\n\n  // Any two capacity settings derive the third — hint the missing one.\n  const sla = parseFloat(draft.sla_minutes);\n  const tph = parseFloat(draft.target_per_hour);\n  const wc = parseFloat(draft.worker_count);\n  const slaOk = !isNaN(sla) && sla > 0;\n  const tphOk = !isNaN(tph) && tph > 0;\n  const wcOk = !isNaN(wc) && wc > 0;\n  const derivedCapacityHint =\n    slaOk && wcOk && !tphOk ? `→ target ≈ ${(wc / (sla / 60)).toFixed(1)}/h` :\n    slaOk && tphOk && !wcOk ? `→ workers ≈ ${(tph * (sla / 60)).toFixed(1)}` :\n    tphOk && wcOk && !slaOk ? `→ SLA ≈ ${(wc / tph * 60).toFixed(0)}m` : null;\n\n  return (\n    <div>\n      {/* ── Header: mirrors the three-column body grid so each section sits\n          exactly atop its column — identity + ops · capacity · priority + actions ── */}\n      <div className=\"grid grid-cols-3 gap-16 items-center mb-12\">\n        {/* Col 1: identity, with the Ops toggle at the column's right edge */}\n        <div className=\"flex items-center justify-between gap-4 min-w-0\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-3 mb-1\">\n              <Tag className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n              <h1 className=\"text-lg font-mono font-medium text-text-primary\">{role.role}</h1>\n              <button\n                onClick={() => { window.location.hash = '#docs:dashboard.md:role-detail'; }}\n                className=\"text-text-quaternary hover:text-accent transition-colors\"\n                title=\"Open docs for this page\"\n              >\n                <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n              </button>\n              {role.parent_role && (\n                <span className=\"flex items-center gap-1 text-[10px] text-text-quaternary font-mono\">\n                  <GitBranch className=\"w-3 h-3\" /> {role.parent_role}\n                </span>\n              )}\n            </div>\n            {role.title && <p className=\"text-sm text-text-secondary pl-8\">{role.title}</p>}\n          </div>\n\n          {/* Ops — this role is (or isn't) a station on the Pace Board */}\n          <div className=\"flex items-center gap-2 shrink-0\" title=\"Show as a station on the Pace Board\">\n            <span className=\"text-[10px] font-semibold uppercase tracking-widest text-text-tertiary\">Ops</span>\n            <button\n              onClick={() => update({ ops_visible: !draft.ops_visible })}\n              className={`w-9 h-5 rounded-full transition-colors relative shrink-0 ${\n                draft.ops_visible ? 'bg-accent' : 'bg-surface-border'\n              }`}\n            >\n              <span\n                className={`absolute top-[3px] left-0 w-3.5 h-3.5 rounded-full bg-white transition-transform shadow ${\n                  draft.ops_visible ? 'translate-x-[18px]' : 'translate-x-[3px]'\n                }`}\n              />\n            </button>\n          </div>\n        </div>\n\n        {/* Col 2: capacity — full column width, settings centered atop the\n            column below. Any two settings derive the third. */}\n        <div\n          className=\"flex items-end justify-center gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 w-full\"\n          title=\"throughput = workers / (sla / 60)\"\n        >\n          {[\n            { key: 'sla_minutes' as const,      label: 'SLA',     unit: 'min', placeholder: '30' },\n            { key: 'target_per_hour' as const,  label: 'Target',  unit: '/h',  placeholder: '20' },\n            { key: 'worker_count' as const,     label: 'Workers', unit: '',    placeholder: '4' },\n          ].map(({ key, label, unit, placeholder }) => (\n            <div key={key}>\n              <label className=\"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1\">\n                {label}\n                {unit && <span className=\"normal-case font-normal ml-1\">{unit}</span>}\n              </label>\n              <input\n                type=\"number\"\n                min=\"0\"\n                step=\"any\"\n                value={draft[key]}\n                onChange={(e) => update({ [key]: e.target.value })}\n                placeholder={placeholder}\n                className=\"input text-xs w-16 font-mono\"\n              />\n            </div>\n          ))}\n          {derivedCapacityHint && (\n            <span className=\"text-[10px] text-accent font-mono whitespace-nowrap pb-2\">\n              {derivedCapacityHint}\n            </span>\n          )}\n        </div>\n\n        {/* Col 3: priority left-aligned to the column edge, actions at the right.\n            Pending unclaimed items older than the threshold appear as the Pace\n            Board priority count, ordered by the facet for the pull. */}\n        <div className=\"flex items-center justify-between gap-4 min-w-0\">\n          <div\n            className=\"flex items-end gap-4 bg-surface-sunken rounded-lg px-4 py-2.5 shrink-0\"\n            title=\"Pending unclaimed items older than the threshold count as priority on the Pace Board. Age is measured from the metadata facet (an ISO 8601 UTC timestamp, e.g. authorized_at) or from created_at when the facet is blank; the threshold falls back to SLA when blank.\"\n          >\n            <div>\n              <label className=\"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1\">\n                Priority\n                <span className=\"normal-case font-normal ml-1\">min</span>\n              </label>\n              <input\n                type=\"number\"\n                min=\"0\"\n                step=\"any\"\n                value={draft.priority_threshold_minutes}\n                onChange={(e) => update({ priority_threshold_minutes: e.target.value })}\n                placeholder={draft.sla_minutes || '60'}\n                className=\"input text-xs w-16 font-mono\"\n              />\n            </div>\n            <div>\n              <label className=\"block text-[9px] font-semibold uppercase tracking-widest text-text-quaternary mb-1\">\n                Facet\n              </label>\n              <input\n                type=\"text\"\n                value={draft.priority_facet}\n                onChange={(e) => update({ priority_facet: e.target.value })}\n                placeholder=\"created_at\"\n                className=\"input text-xs w-28 font-mono\"\n              />\n              {errors.priority_facet && (\n                <p className=\"text-[9px] text-status-error mt-0.5\">{errors.priority_facet}</p>\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex items-center gap-3 shrink-0\">\n            {savedOk && (\n              <span className=\"flex items-center gap-1 text-xs text-status-success animate-page-enter\">\n                <Check className=\"w-3 h-3\" /> Saved\n              </span>\n            )}\n            {updateRole.error && (\n              <span className=\"text-xs text-status-error max-w-[180px] truncate\">\n                {(updateRole.error as Error).message}\n              </span>\n            )}\n            <button\n              onClick={handleSave}\n              disabled={!canSave || updateRole.isPending}\n              className=\"px-3 py-1.5 text-xs rounded-md bg-accent text-text-inverse hover:bg-accent-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed\"\n            >\n              {updateRole.isPending ? 'Saving…' : 'Save'}\n            </button>\n            {!inUse && (\n              <button\n                onClick={() => setConfirmDelete(true)}\n                className=\"px-3 py-1.5 text-xs rounded-md text-status-error/60 hover:text-status-error hover:bg-status-error/10 transition-colors flex items-center gap-1\"\n              >\n                <Trash2 className=\"w-3 h-3\" /> Delete\n              </button>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* ── Three-column body ── */}\n      <div className=\"grid grid-cols-3 gap-16 items-start\">\n\n        {/* ── Col 1: Identity ── */}\n        <div className=\"space-y-14\">\n\n          {/* Identity */}\n          <div className=\"space-y-8\">\n            <SectionHead icon={Tag} color=\"text-accent\" label=\"Identity\" />\n\n            <div>\n              <label className=\"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n                Display Name\n              </label>\n              <input\n                type=\"text\"\n                value={draft.title}\n                onChange={(e) => update({ title: e.target.value })}\n                placeholder={`e.g., ${role.role.charAt(0).toUpperCase() + role.role.slice(1)}`}\n                className=\"input text-sm w-full\"\n              />\n            </div>\n\n            <div>\n              <label className=\"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1.5\">\n                Description\n              </label>\n              <textarea\n                value={draft.description}\n                onChange={(e) => update({ description: e.target.value })}\n                placeholder=\"A short description shown on role cards and in the operations view.\"\n                rows={4}\n                className=\"input text-sm w-full resize-none\"\n              />\n            </div>\n          </div>\n\n          {/* Sequence placement — only meaningful for stations, so these two\n              sections follow the Ops toggle, easing in and out with it. */}\n          <div\n            className={`space-y-14 overflow-hidden transition-all duration-300 ease-out ${\n              draft.ops_visible ? 'opacity-100 max-h-[900px]' : 'opacity-0 max-h-0 pointer-events-none'\n            }`}\n            aria-hidden={!draft.ops_visible}\n          >\n            {/* Prior Step */}\n            <div className=\"space-y-5\">\n              <SectionHead icon={GitBranch} color=\"text-text-tertiary\" label=\"Prior Step\" />\n              <select\n                value={draft.parent_role}\n                onChange={(e) => update({ parent_role: e.target.value })}\n                className=\"select text-sm w-full font-mono\"\n              >\n                <option value=\"\">None — root process</option>\n                {availableParents.map((r) => (\n                  <option key={r.role} value={r.role}>\n                    {r.title ? `${r.role} — ${r.title}` : r.role}\n                  </option>\n                ))}\n              </select>\n              <p className=\"text-[10px] text-text-tertiary leading-relaxed\">\n                Places this role in one Pace Board sequence. A role with no prior\n                step starts its own sequence.\n              </p>\n            </div>\n\n            {/* Upstream inputs — cross-sequence graph edges, live-save */}\n            <div className=\"space-y-5\">\n              <SectionHead\n                icon={GitMerge}\n                color=\"text-text-tertiary\"\n                label=\"Upstream Inputs\"\n                aside={\n                  <div className=\"flex items-center gap-1\">\n                    <span className=\"w-1.5 h-1.5 rounded-full dot-ring bg-status-success\" />\n                    <span className=\"text-[9px] font-semibold uppercase tracking-widest text-status-success\">Live</span>\n                  </div>\n                }\n              />\n              <UpstreamSection role={role} allRoles={roles} />\n            </div>\n          </div>\n\n        </div>\n\n        {/* ── Col 2: Routing & People ── */}\n        <div className=\"space-y-14\">\n\n          {/* Escalation targets — live */}\n          <div>\n            <SectionHead\n              icon={Network}\n              color=\"text-text-quaternary\"\n              label=\"Escalation Targets\"\n              aside={\n                <div className=\"flex items-center gap-1\">\n                  <span className=\"w-1.5 h-1.5 rounded-full dot-ring bg-status-success\" />\n                  <span className=\"text-[9px] font-semibold uppercase tracking-widest text-status-success\">Live</span>\n                </div>\n              }\n            />\n            <EscalationSection role={role} allRoles={roles} />\n          </div>\n\n          {/* Members — who can see through this window, and how far */}\n          <div className=\"pt-3 pb-4 border-t border-surface-border/40\">\n            <SectionHead\n              icon={Users}\n              color=\"text-text-quaternary\"\n              label=\"Members\"\n              aside={\n                <span className=\"text-[9px] font-normal normal-case text-text-quaternary\">\n                  read = what appears · write = what they can act on\n                </span>\n              }\n            />\n            <RoleMembersSection role={role.role} />\n          </div>\n        </div>\n\n        {/* ── Col 3: Schemas & Properties ── */}\n        <div className=\"space-y-14\">\n          {/* Escalation Schema — versioned, edited on its own page */}\n          <div>\n            <SectionHead\n              icon={Braces}\n              color=\"text-accent\"\n              label=\"Escalation Schema\"\n              aside={\n                role.current_schema_version != null ? (\n                  <span className=\"text-[9px] font-mono text-text-quaternary\">v{role.current_schema_version} in use</span>\n                ) : undefined\n              }\n            />\n            <p className=\"text-[10px] text-text-tertiary mb-3 leading-relaxed\">\n              The form a person completes to resolve this role's escalations.\n              Versioned — each save adds one; workflows pin any version via{' '}\n              <code className=\"font-mono\">schemaVersion</code>.\n            </p>\n            <Link\n              to={`/admin/roles/${encodeURIComponent(role.role)}/schema`}\n              className=\"text-xs text-accent hover:underline\"\n            >\n              {role.form_schema\n                ? `Open schema editor — v${role.current_schema_version ?? 1} in use →`\n                : 'Define the escalation form →'}\n            </Link>\n          </div>\n\n          {/* Metadata Schema */}\n          <div>\n            <SectionHead\n              icon={Braces}\n              color=\"text-accent\"\n              label=\"Metadata Schema\"\n              aside={\n                !editingJson.has('metadata_schema') && role.metadata_schema ? (\n                  <button onClick={() => startEditingJson('metadata_schema')} className=\"text-[9px] text-accent hover:underline\">Edit</button>\n                ) : undefined\n              }\n            />\n            <p className=\"text-[10px] text-text-tertiary mb-3 leading-relaxed\">\n              Validates <code className=\"font-mono\">metadata</code> at creation time. Keys appear in faceted search autocomplete.\n            </p>\n            {!editingJson.has('metadata_schema') && role.metadata_schema ? (\n              <JsonViewer data={role.metadata_schema} />\n            ) : (\n              <>\n                <textarea\n                  value={draft.metadata_schema}\n                  onChange={(e) => {\n                    const val = e.target.value;\n                    update({ metadata_schema: val });\n                    setErrors((prev) => ({ ...prev, metadata_schema: safeParseJson(val).ok ? undefined : 'Invalid JSON' }));\n                  }}\n                  rows={10}\n                  spellCheck={false}\n                  className=\"input text-xs font-mono w-full resize-y\"\n                  placeholder={'{\\n  \"type\": \"object\",\\n  \"properties\": {\\n    \"order_id\": { \"type\": \"string\" }\\n  },\\n  \"required\": [\"order_id\"]\\n}'}\n                />\n                {errors.metadata_schema && <p className=\"text-[10px] text-status-error mt-1\">{errors.metadata_schema}</p>}\n              </>\n            )}\n          </div>\n\n          {/* Properties (free bag) */}\n          <div>\n            <SectionHead\n              icon={Braces}\n              color=\"text-text-quaternary\"\n              label=\"Properties\"\n              aside={\n                !editingJson.has('properties') && role.properties && Object.keys(role.properties).length > 0 ? (\n                  <button onClick={() => startEditingJson('properties')} className=\"text-[9px] text-accent hover:underline\">Edit</button>\n                ) : (\n                  <span className=\"text-[9px] font-normal normal-case text-text-quaternary\">custom JSON</span>\n                )\n              }\n            />\n            {!editingJson.has('properties') && role.properties && Object.keys(role.properties).length > 0 ? (\n              <JsonViewer data={role.properties} defaultCollapsed />\n            ) : (\n              <>\n                <textarea\n                  value={draft.properties}\n                  onChange={(e) => {\n                    const val = e.target.value;\n                    update({ properties: val });\n                    setErrors((prev) => ({ ...prev, properties: safeParseJson(val).ok ? undefined : 'Invalid JSON' }));\n                  }}\n                  rows={5}\n                  spellCheck={false}\n                  className=\"input text-xs font-mono w-full resize-none\"\n                  placeholder={'{\\n  \"icon\": \"wrench\",\\n  \"color\": \"#6366f1\"\\n}'}\n                />\n                {errors.properties && <p className=\"text-[10px] text-status-error mt-1\">{errors.properties}</p>}\n              </>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* ── Delete confirmation ── */}\n      <ConfirmDeleteModal\n        open={confirmDelete}\n        onClose={() => setConfirmDelete(false)}\n        onConfirm={handleDelete}\n        title=\"Delete Role\"\n        description={\n          <>\n            Delete role <span className=\"font-medium font-mono text-text-primary\">{role.role}</span>? This cannot be undone.\n          </>\n        }\n        isPending={deleteRole.isPending}\n        error={deleteRole.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["RoleMembersSection","role","data","useUsers","users","jsx","u","membership","r","jsxs","describeMembership","m","safePrettyPrint","value","safeParseJson","text","trimmed","parsed","SectionHead","Icon","color","label","aside","EscalationSection","allRoles","chainsData","useEscalationChains","addChain","useAddEscalationChain","removeChain","useRemoveEscalationChain","newTarget","setNewTarget","useState","chains","targets","useMemo","c","available","t","e","UpstreamSection","updateRole","useUpdateRole","newUpstream","setNewUpstream","upstreams","save","next","x","draftFrom","FACET_KEY","RoleDetailPage","roleKey","useParams","navigate","useNavigate","isLoading","useRoleDetails","deleteRole","useDeleteRole","roles","draft","setDraft","dirty","setDirty","savedOk","setSavedOk","errors","setErrors","confirmDelete","setConfirmDelete","editingJson","setEditingJson","startEditingJson","field","prev","useEffect","update","changes","d","availableParents","cur","seen","handleSave","metaResult","propsResult","facet","newErrors","parseNum","s","v","parseCount","handleDelete","Tag","inUse","canSave","sla","tph","wc","slaOk","tphOk","wcOk","derivedCapacityHint","BookOpen","GitBranch","key","unit","placeholder","Check","Trash2","GitMerge","Network","Users","Braces","Link","JsonViewer","Fragment","val","ConfirmDeleteModal"],"mappings":"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"}

package/dashboard/dist/assets/{RolesPage-DMsgZioQ.js → RolesPage-txueySPI.js}

@@ -1,2 +1,2 @@
-import{a as p,j as e}from"./vendor-query-B2UbickB.js";import{d as $,b as k,e as L}from"./roles-D8lPvFgG.js";import{P as _}from"./PageHeader-DJo7yMUR.js";import{M as R}from"./Modal-CSrxpXeM.js";import{ag as P}from"./vendor-icons-DOIDKgo6.js";import{c as E,L as S}from"./vendor-react-CXumBFUA.js";import"./index-C8k3Z2su.js";function T({open:s,onClose:c}){const n=$(),[r,h]=p.useState(""),[f,o]=p.useState(s);s!==f&&(o(s),s&&(h(""),n.reset()));const g=()=>{const a=r.trim().toLowerCase();a&&n.mutate(a,{onSuccess:c})};return e.jsx(R,{open:s,onClose:c,title:"Create Role",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Role Name (required)"}),e.jsx("input",{type:"text",value:r,onChange:a=>h(a.target.value),placeholder:"e.g., reviewer",className:"input text-xs w-full",onKeyDown:a=>{a.key==="Enter"&&g()}}),e.jsx("p",{className:"text-[10px] text-text-tertiary mt-1",children:"Lowercase letters, numbers, hyphens, and underscores only."})]}),n.error&&e.jsx("p",{className:"text-xs text-status-error",children:n.error.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:c,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:g,disabled:!r.trim()||n.isPending,className:"btn-primary text-xs",children:n.isPending?"Creating...":"Create"})]})]})})}const v="176px 160px 1fr 130px 160px 88px 204px",x="text-text-secondary transition-colors group-hover/row:text-text-primary",i="text-[9px] font-semibold uppercase tracking-widest text-text-quaternary",N=`${i} text-right flex-1 min-w-0`,d="py-2",m="py-2.5";function q(){return e.jsxs("div",{className:"grid gap-4 px-3 border-b border-surface-border bg-surface",style:{gridTemplateColumns:v},children:[e.jsx("span",{className:`${i} ${d} flex items-center pl-[18px]`,children:"Role"}),e.jsx("span",{className:`${i} ${d} flex items-center`,children:"Label"}),e.jsx("span",{className:`${i} ${d} flex items-center`,children:"Description"}),e.jsx("span",{className:`${i} ${d} flex items-center`,children:"Preceded By"}),e.jsx("span",{className:`${i} ${d} flex items-center`,children:"Escalates To"}),e.jsx("span",{className:`${i} ${d} flex items-center justify-end`,children:"Member Count"}),e.jsxs("div",{className:"flex gap-3 items-center bg-surface-sunken px-3",children:[e.jsx("span",{className:N,children:"SLA/M"}),e.jsx("span",{className:N,children:"Target/h"}),e.jsx("span",{className:N,children:"Staff"})]})]})}const y="text-[11px] tabular-nums text-right flex-1 min-w-0 transition-colors";function A({role:s,targets:c,onClick:n}){return e.jsxs("div",{role:"button",tabIndex:0,onClick:n,onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&n()},className:"grid gap-4 px-3 cursor-pointer group/row",style:{gridTemplateColumns:v},children:[e.jsxs("div",{className:`flex items-center gap-2.5 min-w-0 ${m}`,children:[e.jsx("span",{className:`w-2 h-2 rounded-full dot-ring shrink-0 ${s.ops_visible?"bg-status-success":"bg-surface-border"}`,title:s.ops_visible?"Visible in Operations":"Enable in role settings to show in Operations"}),e.jsx("span",{className:`text-[11px] truncate ${x}`,children:s.role})]}),e.jsx("span",{className:`flex items-center text-[11px] truncate ${m} ${x}`,children:s.title??""}),e.jsx("span",{className:`flex items-center text-[10px] text-text-tertiary truncate ${m} transition-colors group-hover/row:text-text-secondary`,children:s.description??""}),e.jsx("div",{className:`flex items-center min-w-0 ${m}`,onClick:r=>r.stopPropagation(),children:s.parent_role&&e.jsx(S,{to:`/admin/roles/${encodeURIComponent(s.parent_role)}`,className:"text-[9px] text-text-quaternary bg-surface-sunken px-1.5 py-0.5 rounded font-mono transition-colors hover:text-text-secondary hover:bg-surface-border/40",children:s.parent_role})}),e.jsx("div",{className:`flex items-center flex-wrap gap-1 min-w-0 ${m}`,children:c.map(r=>e.jsx("span",{className:"text-[9px] text-text-quaternary bg-surface-sunken px-1.5 py-0.5 rounded font-mono transition-colors group-hover/row:text-text-secondary",children:r},r))}),e.jsx("span",{className:`flex items-center justify-end text-[11px] tabular-nums ${m} transition-colors ${x}`,children:s.user_count>0?s.user_count:""}),e.jsxs("div",{className:"flex gap-3 items-center bg-surface-sunken px-3",children:[e.jsx("span",{className:`${y} ${x}`,children:s.sla_minutes??""}),e.jsx("span",{className:`${y} ${x}`,children:s.target_per_hour??""}),e.jsx("span",{className:`${y} ${x}`,children:s.worker_count??""})]})]})}function K(){const s=E(),{data:c,isLoading:n}=k(),{data:r}=L(),[h,f]=p.useState(!1),[o,g]=p.useState(""),a=(c==null?void 0:c.roles)??[],C=(r==null?void 0:r.chains)??[],w=p.useMemo(()=>{const t=new Map;for(const{source_role:l,target_role:j}of C){const b=t.get(l)??[];t.set(l,[...b,j])}return t},[C]),u=p.useMemo(()=>{if(!o.trim())return a;const t=o.toLowerCase();return a.filter(l=>{var j,b;return l.role.toLowerCase().includes(t)||((j=l.title)==null?void 0:j.toLowerCase().includes(t))||((b=l.description)==null?void 0:b.toLowerCase().includes(t))})},[a,o]);return e.jsxs("div",{children:[e.jsx(_,{title:"Roles",docsHash:"#docs:dashboard.md:roles",actions:e.jsx("button",{onClick:()=>f(!0),className:"btn-primary text-xs flex items-center gap-1.5",children:"+ Add Role"})}),!n&&a.length>0&&e.jsxs("div",{className:"sticky top-0 z-20 bg-surface pt-3",children:[e.jsxs("div",{className:"bg-surface-sunken rounded-lg px-5 py-3 mb-3 flex items-center gap-3",children:[e.jsx(P,{className:"w-3 h-3 text-text-quaternary shrink-0"}),e.jsx("input",{type:"text",value:o,onChange:t=>g(t.target.value),placeholder:`Search ${a.length} roles…`,className:"w-[150px] py-0.5 text-sm bg-transparent border-b border-surface-border/60 text-text-primary placeholder:text-text-quaternary focus:outline-none focus:border-accent/50 transition-colors"}),o&&u.length!==a.length&&e.jsxs("span",{className:"text-[10px] text-text-quaternary tabular-nums shrink-0",children:[u.length," of ",a.length]})]}),u.length>0&&e.jsx(q,{})]}),n?e.jsx("div",{className:"animate-pulse space-y-3 mt-6",children:[1,2,3,4,5].map(t=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded w-full"},t))}):u.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:o?"Clear the search to see all roles.":"Create a role to get started."}):e.jsx(e.Fragment,{children:e.jsx("div",{className:"divide-y divide-surface-border/30",children:u.map(t=>e.jsx(A,{role:t,targets:w.get(t.role)??[],onClick:()=>s(`/admin/roles/${encodeURIComponent(t.role)}`)},t.role))})}),e.jsx(T,{open:h,onClose:()=>f(!1)})]})}export{K as RolesPage};
-//# sourceMappingURL=RolesPage-DMsgZioQ.js.map
+import{a as p,j as e}from"./vendor-query-B2UbickB.js";import{d as $,b as k,e as L}from"./roles-lHLgLwOY.js";import{P as _}from"./PageHeader-DJo7yMUR.js";import{M as R}from"./Modal-CSrxpXeM.js";import{ag as P}from"./vendor-icons-DOIDKgo6.js";import{c as E,L as S}from"./vendor-react-CXumBFUA.js";import"./index-MbEPoyTe.js";function T({open:s,onClose:c}){const n=$(),[r,h]=p.useState(""),[f,o]=p.useState(s);s!==f&&(o(s),s&&(h(""),n.reset()));const g=()=>{const a=r.trim().toLowerCase();a&&n.mutate(a,{onSuccess:c})};return e.jsx(R,{open:s,onClose:c,title:"Create Role",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Role Name (required)"}),e.jsx("input",{type:"text",value:r,onChange:a=>h(a.target.value),placeholder:"e.g., reviewer",className:"input text-xs w-full",onKeyDown:a=>{a.key==="Enter"&&g()}}),e.jsx("p",{className:"text-[10px] text-text-tertiary mt-1",children:"Lowercase letters, numbers, hyphens, and underscores only."})]}),n.error&&e.jsx("p",{className:"text-xs text-status-error",children:n.error.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:c,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:g,disabled:!r.trim()||n.isPending,className:"btn-primary text-xs",children:n.isPending?"Creating...":"Create"})]})]})})}const v="176px 160px 1fr 130px 160px 88px 204px",x="text-text-secondary transition-colors group-hover/row:text-text-primary",i="text-[9px] font-semibold uppercase tracking-widest text-text-quaternary",N=`${i} text-right flex-1 min-w-0`,d="py-2",m="py-2.5";function q(){return e.jsxs("div",{className:"grid gap-4 px-3 border-b border-surface-border bg-surface",style:{gridTemplateColumns:v},children:[e.jsx("span",{className:`${i} ${d} flex items-center pl-[18px]`,children:"Role"}),e.jsx("span",{className:`${i} ${d} flex items-center`,children:"Label"}),e.jsx("span",{className:`${i} ${d} flex items-center`,children:"Description"}),e.jsx("span",{className:`${i} ${d} flex items-center`,children:"Preceded By"}),e.jsx("span",{className:`${i} ${d} flex items-center`,children:"Escalates To"}),e.jsx("span",{className:`${i} ${d} flex items-center justify-end`,children:"Member Count"}),e.jsxs("div",{className:"flex gap-3 items-center bg-surface-sunken px-3",children:[e.jsx("span",{className:N,children:"SLA/M"}),e.jsx("span",{className:N,children:"Target/h"}),e.jsx("span",{className:N,children:"Staff"})]})]})}const y="text-[11px] tabular-nums text-right flex-1 min-w-0 transition-colors";function A({role:s,targets:c,onClick:n}){return e.jsxs("div",{role:"button",tabIndex:0,onClick:n,onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&n()},className:"grid gap-4 px-3 cursor-pointer group/row",style:{gridTemplateColumns:v},children:[e.jsxs("div",{className:`flex items-center gap-2.5 min-w-0 ${m}`,children:[e.jsx("span",{className:`w-2 h-2 rounded-full dot-ring shrink-0 ${s.ops_visible?"bg-status-success":"bg-surface-border"}`,title:s.ops_visible?"Visible in Operations":"Enable in role settings to show in Operations"}),e.jsx("span",{className:`text-[11px] truncate ${x}`,children:s.role})]}),e.jsx("span",{className:`flex items-center text-[11px] truncate ${m} ${x}`,children:s.title??""}),e.jsx("span",{className:`flex items-center text-[10px] text-text-tertiary truncate ${m} transition-colors group-hover/row:text-text-secondary`,children:s.description??""}),e.jsx("div",{className:`flex items-center min-w-0 ${m}`,onClick:r=>r.stopPropagation(),children:s.parent_role&&e.jsx(S,{to:`/admin/roles/${encodeURIComponent(s.parent_role)}`,className:"text-[9px] text-text-quaternary bg-surface-sunken px-1.5 py-0.5 rounded font-mono transition-colors hover:text-text-secondary hover:bg-surface-border/40",children:s.parent_role})}),e.jsx("div",{className:`flex items-center flex-wrap gap-1 min-w-0 ${m}`,children:c.map(r=>e.jsx("span",{className:"text-[9px] text-text-quaternary bg-surface-sunken px-1.5 py-0.5 rounded font-mono transition-colors group-hover/row:text-text-secondary",children:r},r))}),e.jsx("span",{className:`flex items-center justify-end text-[11px] tabular-nums ${m} transition-colors ${x}`,children:s.user_count>0?s.user_count:""}),e.jsxs("div",{className:"flex gap-3 items-center bg-surface-sunken px-3",children:[e.jsx("span",{className:`${y} ${x}`,children:s.sla_minutes??""}),e.jsx("span",{className:`${y} ${x}`,children:s.target_per_hour??""}),e.jsx("span",{className:`${y} ${x}`,children:s.worker_count??""})]})]})}function K(){const s=E(),{data:c,isLoading:n}=k(),{data:r}=L(),[h,f]=p.useState(!1),[o,g]=p.useState(""),a=(c==null?void 0:c.roles)??[],C=(r==null?void 0:r.chains)??[],w=p.useMemo(()=>{const t=new Map;for(const{source_role:l,target_role:j}of C){const b=t.get(l)??[];t.set(l,[...b,j])}return t},[C]),u=p.useMemo(()=>{if(!o.trim())return a;const t=o.toLowerCase();return a.filter(l=>{var j,b;return l.role.toLowerCase().includes(t)||((j=l.title)==null?void 0:j.toLowerCase().includes(t))||((b=l.description)==null?void 0:b.toLowerCase().includes(t))})},[a,o]);return e.jsxs("div",{children:[e.jsx(_,{title:"Roles",docsHash:"#docs:dashboard.md:roles",actions:e.jsx("button",{onClick:()=>f(!0),className:"btn-primary text-xs flex items-center gap-1.5",children:"+ Add Role"})}),!n&&a.length>0&&e.jsxs("div",{className:"sticky top-0 z-20 bg-surface pt-3",children:[e.jsxs("div",{className:"bg-surface-sunken rounded-lg px-5 py-3 mb-3 flex items-center gap-3",children:[e.jsx(P,{className:"w-3 h-3 text-text-quaternary shrink-0"}),e.jsx("input",{type:"text",value:o,onChange:t=>g(t.target.value),placeholder:`Search ${a.length} roles…`,className:"w-[150px] py-0.5 text-sm bg-transparent border-b border-surface-border/60 text-text-primary placeholder:text-text-quaternary focus:outline-none focus:border-accent/50 transition-colors"}),o&&u.length!==a.length&&e.jsxs("span",{className:"text-[10px] text-text-quaternary tabular-nums shrink-0",children:[u.length," of ",a.length]})]}),u.length>0&&e.jsx(q,{})]}),n?e.jsx("div",{className:"animate-pulse space-y-3 mt-6",children:[1,2,3,4,5].map(t=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded w-full"},t))}):u.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:o?"Clear the search to see all roles.":"Create a role to get started."}):e.jsx(e.Fragment,{children:e.jsx("div",{className:"divide-y divide-surface-border/30",children:u.map(t=>e.jsx(A,{role:t,targets:w.get(t.role)??[],onClick:()=>s(`/admin/roles/${encodeURIComponent(t.role)}`)},t.role))})}),e.jsx(T,{open:h,onClose:()=>f(!1)})]})}export{K as RolesPage};
+//# sourceMappingURL=RolesPage-txueySPI.js.map

package/dashboard/dist/assets/{RolesPage-DMsgZioQ.js.map → RolesPage-txueySPI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RolesPage-DMsgZioQ.js","sources":["../../src/pages/admin/roles/CreateRoleModal.tsx","../../src/pages/admin/roles/RolesPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useCreateRole } from '../../../api/roles';\nimport { Modal } from '../../../components/common/modal/Modal';\n\nexport function CreateRoleModal({\n  open,\n  onClose,\n}: {\n  open: boolean;\n  onClose: () => void;\n}) {\n  const createRole = useCreateRole();\n  const [roleName, setRoleName] = useState('');\n\n  const [prevOpen, setPrevOpen] = useState(open);\n  if (open !== prevOpen) {\n    setPrevOpen(open);\n    if (open) {\n      setRoleName('');\n      createRole.reset();\n    }\n  }\n\n  const handleCreate = () => {\n    const trimmed = roleName.trim().toLowerCase();\n    if (!trimmed) return;\n    createRole.mutate(trimmed, { onSuccess: onClose });\n  };\n\n  return (\n    <Modal open={open} onClose={onClose} title=\"Create Role\">\n      <div className=\"space-y-4\">\n        <div>\n          <label className=\"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Role Name (required)\n          </label>\n          <input\n            type=\"text\"\n            value={roleName}\n            onChange={(e) => setRoleName(e.target.value)}\n            placeholder=\"e.g., reviewer\"\n            className=\"input text-xs w-full\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') handleCreate();\n            }}\n          />\n          <p className=\"text-[10px] text-text-tertiary mt-1\">\n            Lowercase letters, numbers, hyphens, and underscores only.\n          </p>\n        </div>\n\n        {createRole.error && (\n          <p className=\"text-xs text-status-error\">{(createRole.error as Error).message}</p>\n        )}\n\n        <div className=\"flex justify-end gap-3 pt-2\">\n          <button onClick={onClose} className=\"btn-secondary text-xs\">\n            Cancel\n          </button>\n          <button\n            onClick={handleCreate}\n            disabled={!roleName.trim() || createRole.isPending}\n            className=\"btn-primary text-xs\"\n          >\n            {createRole.isPending ? 'Creating...' : 'Create'}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport { useNavigate, Link } from 'react-router-dom';\nimport { Search } from 'lucide-react';\nimport { useRoleDetails, useEscalationChains, type RoleDetail } from '../../../api/roles';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { CreateRoleModal } from './CreateRoleModal';\n\n// ── Grid columns ──────────────────────────────────────────────────────────────\n// ROLE(dot+name, 176px) | LABEL(160px) | DESCRIPTION(1fr) | PRECEDED BY(130px) | ESCALATES TO(160px) | MEMBERS(88px) | CAPACITY(204px)\n// The capacity block is a single combined cell that internally renders SLA/m · Target/h · Staff flush to row edges\nconst GRID = '176px 160px 1fr 130px 160px 88px 204px';\n\nconst CELL_TEXT = 'text-text-secondary transition-colors group-hover/row:text-text-primary';\nconst HDR = 'text-[9px] font-semibold uppercase tracking-widest text-text-quaternary';\n\n// ── Table header ──────────────────────────────────────────────────────────────\n\nconst CAPACITY_COL_LABEL = `${HDR} text-right flex-1 min-w-0`;\n\n// py lives on each cell, not the grid — lets the capacity div stretch flush to row edges\nconst CELL_PY = 'py-2';\nconst ROW_PY = 'py-2.5';\n\nfunction TableHead() {\n  return (\n    <div\n      className=\"grid gap-4 px-3 border-b border-surface-border bg-surface\"\n      style={{ gridTemplateColumns: GRID }}\n    >\n      <span className={`${HDR} ${CELL_PY} flex items-center pl-[18px]`}>Role</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Label</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Description</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Preceded By</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Escalates To</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center justify-end`}>Member Count</span>\n      {/* Capacity block — no py, stretches to full row height by default (grid stretch alignment) */}\n      <div className=\"flex gap-3 items-center bg-surface-sunken px-3\">\n        <span className={CAPACITY_COL_LABEL}>SLA/M</span>\n        <span className={CAPACITY_COL_LABEL}>Target/h</span>\n        <span className={CAPACITY_COL_LABEL}>Staff</span>\n      </div>\n    </div>\n  );\n}\n\n// ── Role row ──────────────────────────────────────────────────────────────────\n\nconst CAPACITY_COL_VAL = 'text-[11px] tabular-nums text-right flex-1 min-w-0 transition-colors';\n\nfunction RoleRow({\n  role,\n  targets,\n  onClick,\n}: {\n  role: RoleDetail;\n  targets: string[];\n  onClick: () => void;\n}) {\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onClick(); }}\n      className=\"grid gap-4 px-3 cursor-pointer group/row\"\n      style={{ gridTemplateColumns: GRID }}\n    >\n      {/* ROLE — ops status circle inline with the name */}\n      <div className={`flex items-center gap-2.5 min-w-0 ${ROW_PY}`}>\n        <span\n          className={`w-2 h-2 rounded-full dot-ring shrink-0 ${role.ops_visible ? 'bg-status-success' : 'bg-surface-border'}`}\n          title={role.ops_visible ? 'Visible in Operations' : 'Enable in role settings to show in Operations'}\n        />\n        <span className={`text-[11px] truncate ${CELL_TEXT}`}>\n          {role.role}\n        </span>\n      </div>\n\n      {/* LABEL */}\n      <span className={`flex items-center text-[11px] truncate ${ROW_PY} ${CELL_TEXT}`}>\n        {role.title ?? ''}\n      </span>\n\n      {/* DESCRIPTION */}\n      <span className={`flex items-center text-[10px] text-text-tertiary truncate ${ROW_PY} transition-colors group-hover/row:text-text-secondary`}>\n        {role.description ?? ''}\n      </span>\n\n      {/* PRECEDED BY */}\n      <div className={`flex items-center min-w-0 ${ROW_PY}`} onClick={(e) => e.stopPropagation()}>\n        {role.parent_role && (\n          <Link\n            to={`/admin/roles/${encodeURIComponent(role.parent_role)}`}\n            className=\"text-[9px] text-text-quaternary bg-surface-sunken px-1.5 py-0.5 rounded font-mono transition-colors hover:text-text-secondary hover:bg-surface-border/40\"\n          >\n            {role.parent_role}\n          </Link>\n        )}\n      </div>\n\n      {/* ESCALATES TO */}\n      <div className={`flex items-center flex-wrap gap-1 min-w-0 ${ROW_PY}`}>\n        {targets.map((t) => (\n          <span\n            key={t}\n            className=\"text-[9px] text-text-quaternary bg-surface-sunken px-1.5 py-0.5 rounded font-mono transition-colors group-hover/row:text-text-secondary\"\n          >\n            {t}\n          </span>\n        ))}\n      </div>\n\n      {/* MEMBER COUNT — unset renders empty, not invisible text (screen\n          readers and copy/paste see exactly what the eye sees) */}\n      <span className={`flex items-center justify-end text-[11px] tabular-nums ${ROW_PY} transition-colors ${CELL_TEXT}`}>\n        {role.user_count > 0 ? role.user_count : ''}\n      </span>\n\n      {/* SLA/m · Target/h · Staff — no py: stretches flush to full row height */}\n      <div className=\"flex gap-3 items-center bg-surface-sunken px-3\">\n        <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n          {role.sla_minutes ?? ''}\n        </span>\n        <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n          {role.target_per_hour ?? ''}\n        </span>\n        <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n          {role.worker_count ?? ''}\n        </span>\n      </div>\n    </div>\n  );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function RolesPage() {\n  const navigate = useNavigate();\n  const { data, isLoading } = useRoleDetails();\n  const { data: chainData } = useEscalationChains();\n  const [showCreate, setShowCreate] = useState(false);\n  const [search, setSearch] = useState('');\n\n  const roles = data?.roles ?? [];\n  const chains = chainData?.chains ?? [];\n\n  // Build a map: role → list of target roles it escalates to\n  const escalationTargets = useMemo(() => {\n    const map = new Map<string, string[]>();\n    for (const { source_role, target_role } of chains) {\n      const existing = map.get(source_role) ?? [];\n      map.set(source_role, [...existing, target_role]);\n    }\n    return map;\n  }, [chains]);\n\n  const filtered = useMemo(() => {\n    if (!search.trim()) return roles;\n    const q = search.toLowerCase();\n    return roles.filter(\n      (r) =>\n        r.role.toLowerCase().includes(q) ||\n        r.title?.toLowerCase().includes(q) ||\n        r.description?.toLowerCase().includes(q),\n    );\n  }, [roles, search]);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Roles\"\n        docsHash=\"#docs:dashboard.md:roles\"\n        actions={\n          <button\n            onClick={() => setShowCreate(true)}\n            className=\"btn-primary text-xs flex items-center gap-1.5\"\n          >\n            + Add Role\n          </button>\n        }\n      />\n\n      {/* Filter bar + table header — one sticky block, no seam for rows to bleed through */}\n      {!isLoading && roles.length > 0 && (\n        <div className=\"sticky top-0 z-20 bg-surface pt-3\">\n          <div className=\"bg-surface-sunken rounded-lg px-5 py-3 mb-3 flex items-center gap-3\">\n            <Search className=\"w-3 h-3 text-text-quaternary shrink-0\" />\n            <input\n              type=\"text\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder={`Search ${roles.length} roles…`}\n              className=\"w-[150px] py-0.5 text-sm bg-transparent border-b border-surface-border/60 text-text-primary placeholder:text-text-quaternary focus:outline-none focus:border-accent/50 transition-colors\"\n            />\n            {search && filtered.length !== roles.length && (\n              <span className=\"text-[10px] text-text-quaternary tabular-nums shrink-0\">\n                {filtered.length} of {roles.length}\n              </span>\n            )}\n          </div>\n          {filtered.length > 0 && <TableHead />}\n        </div>\n      )}\n\n      {/* Table */}\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-3 mt-6\">\n          {[1, 2, 3, 4, 5].map((i) => (\n            <div key={i} className=\"h-10 bg-surface-sunken rounded w-full\" />\n          ))}\n        </div>\n      ) : filtered.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary mt-8\">\n          {search ? 'Clear the search to see all roles.' : 'Create a role to get started.'}\n        </p>\n      ) : (\n        <>\n          <div className=\"divide-y divide-surface-border/30\">\n            {filtered.map((role) => (\n              <RoleRow\n                key={role.role}\n                role={role}\n                targets={escalationTargets.get(role.role) ?? []}\n                onClick={() => navigate(`/admin/roles/${encodeURIComponent(role.role)}`)}\n              />\n            ))}\n          </div>\n        </>\n      )}\n\n      <CreateRoleModal open={showCreate} onClose={() => setShowCreate(false)} />\n    </div>\n  );\n}\n"],"names":["CreateRoleModal","open","onClose","createRole","useCreateRole","roleName","setRoleName","useState","prevOpen","setPrevOpen","handleCreate","trimmed","jsx","Modal","jsxs","e","GRID","CELL_TEXT","HDR","CAPACITY_COL_LABEL","CELL_PY","ROW_PY","TableHead","CAPACITY_COL_VAL","RoleRow","role","targets","onClick","Link","t","RolesPage","navigate","useNavigate","data","isLoading","useRoleDetails","chainData","useEscalationChains","showCreate","setShowCreate","search","setSearch","roles","chains","escalationTargets","useMemo","map","source_role","target_role","existing","filtered","q","r","_a","_b","PageHeader","Search","i","Fragment"],"mappings":"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"}
+{"version":3,"file":"RolesPage-txueySPI.js","sources":["../../src/pages/admin/roles/CreateRoleModal.tsx","../../src/pages/admin/roles/RolesPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useCreateRole } from '../../../api/roles';\nimport { Modal } from '../../../components/common/modal/Modal';\n\nexport function CreateRoleModal({\n  open,\n  onClose,\n}: {\n  open: boolean;\n  onClose: () => void;\n}) {\n  const createRole = useCreateRole();\n  const [roleName, setRoleName] = useState('');\n\n  const [prevOpen, setPrevOpen] = useState(open);\n  if (open !== prevOpen) {\n    setPrevOpen(open);\n    if (open) {\n      setRoleName('');\n      createRole.reset();\n    }\n  }\n\n  const handleCreate = () => {\n    const trimmed = roleName.trim().toLowerCase();\n    if (!trimmed) return;\n    createRole.mutate(trimmed, { onSuccess: onClose });\n  };\n\n  return (\n    <Modal open={open} onClose={onClose} title=\"Create Role\">\n      <div className=\"space-y-4\">\n        <div>\n          <label className=\"block text-[10px] font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Role Name (required)\n          </label>\n          <input\n            type=\"text\"\n            value={roleName}\n            onChange={(e) => setRoleName(e.target.value)}\n            placeholder=\"e.g., reviewer\"\n            className=\"input text-xs w-full\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') handleCreate();\n            }}\n          />\n          <p className=\"text-[10px] text-text-tertiary mt-1\">\n            Lowercase letters, numbers, hyphens, and underscores only.\n          </p>\n        </div>\n\n        {createRole.error && (\n          <p className=\"text-xs text-status-error\">{(createRole.error as Error).message}</p>\n        )}\n\n        <div className=\"flex justify-end gap-3 pt-2\">\n          <button onClick={onClose} className=\"btn-secondary text-xs\">\n            Cancel\n          </button>\n          <button\n            onClick={handleCreate}\n            disabled={!roleName.trim() || createRole.isPending}\n            className=\"btn-primary text-xs\"\n          >\n            {createRole.isPending ? 'Creating...' : 'Create'}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport { useNavigate, Link } from 'react-router-dom';\nimport { Search } from 'lucide-react';\nimport { useRoleDetails, useEscalationChains, type RoleDetail } from '../../../api/roles';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { CreateRoleModal } from './CreateRoleModal';\n\n// ── Grid columns ──────────────────────────────────────────────────────────────\n// ROLE(dot+name, 176px) | LABEL(160px) | DESCRIPTION(1fr) | PRECEDED BY(130px) | ESCALATES TO(160px) | MEMBERS(88px) | CAPACITY(204px)\n// The capacity block is a single combined cell that internally renders SLA/m · Target/h · Staff flush to row edges\nconst GRID = '176px 160px 1fr 130px 160px 88px 204px';\n\nconst CELL_TEXT = 'text-text-secondary transition-colors group-hover/row:text-text-primary';\nconst HDR = 'text-[9px] font-semibold uppercase tracking-widest text-text-quaternary';\n\n// ── Table header ──────────────────────────────────────────────────────────────\n\nconst CAPACITY_COL_LABEL = `${HDR} text-right flex-1 min-w-0`;\n\n// py lives on each cell, not the grid — lets the capacity div stretch flush to row edges\nconst CELL_PY = 'py-2';\nconst ROW_PY = 'py-2.5';\n\nfunction TableHead() {\n  return (\n    <div\n      className=\"grid gap-4 px-3 border-b border-surface-border bg-surface\"\n      style={{ gridTemplateColumns: GRID }}\n    >\n      <span className={`${HDR} ${CELL_PY} flex items-center pl-[18px]`}>Role</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Label</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Description</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Preceded By</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Escalates To</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center justify-end`}>Member Count</span>\n      {/* Capacity block — no py, stretches to full row height by default (grid stretch alignment) */}\n      <div className=\"flex gap-3 items-center bg-surface-sunken px-3\">\n        <span className={CAPACITY_COL_LABEL}>SLA/M</span>\n        <span className={CAPACITY_COL_LABEL}>Target/h</span>\n        <span className={CAPACITY_COL_LABEL}>Staff</span>\n      </div>\n    </div>\n  );\n}\n\n// ── Role row ──────────────────────────────────────────────────────────────────\n\nconst CAPACITY_COL_VAL = 'text-[11px] tabular-nums text-right flex-1 min-w-0 transition-colors';\n\nfunction RoleRow({\n  role,\n  targets,\n  onClick,\n}: {\n  role: RoleDetail;\n  targets: string[];\n  onClick: () => void;\n}) {\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n      onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onClick(); }}\n      className=\"grid gap-4 px-3 cursor-pointer group/row\"\n      style={{ gridTemplateColumns: GRID }}\n    >\n      {/* ROLE — ops status circle inline with the name */}\n      <div className={`flex items-center gap-2.5 min-w-0 ${ROW_PY}`}>\n        <span\n          className={`w-2 h-2 rounded-full dot-ring shrink-0 ${role.ops_visible ? 'bg-status-success' : 'bg-surface-border'}`}\n          title={role.ops_visible ? 'Visible in Operations' : 'Enable in role settings to show in Operations'}\n        />\n        <span className={`text-[11px] truncate ${CELL_TEXT}`}>\n          {role.role}\n        </span>\n      </div>\n\n      {/* LABEL */}\n      <span className={`flex items-center text-[11px] truncate ${ROW_PY} ${CELL_TEXT}`}>\n        {role.title ?? ''}\n      </span>\n\n      {/* DESCRIPTION */}\n      <span className={`flex items-center text-[10px] text-text-tertiary truncate ${ROW_PY} transition-colors group-hover/row:text-text-secondary`}>\n        {role.description ?? ''}\n      </span>\n\n      {/* PRECEDED BY */}\n      <div className={`flex items-center min-w-0 ${ROW_PY}`} onClick={(e) => e.stopPropagation()}>\n        {role.parent_role && (\n          <Link\n            to={`/admin/roles/${encodeURIComponent(role.parent_role)}`}\n            className=\"text-[9px] text-text-quaternary bg-surface-sunken px-1.5 py-0.5 rounded font-mono transition-colors hover:text-text-secondary hover:bg-surface-border/40\"\n          >\n            {role.parent_role}\n          </Link>\n        )}\n      </div>\n\n      {/* ESCALATES TO */}\n      <div className={`flex items-center flex-wrap gap-1 min-w-0 ${ROW_PY}`}>\n        {targets.map((t) => (\n          <span\n            key={t}\n            className=\"text-[9px] text-text-quaternary bg-surface-sunken px-1.5 py-0.5 rounded font-mono transition-colors group-hover/row:text-text-secondary\"\n          >\n            {t}\n          </span>\n        ))}\n      </div>\n\n      {/* MEMBER COUNT — unset renders empty, not invisible text (screen\n          readers and copy/paste see exactly what the eye sees) */}\n      <span className={`flex items-center justify-end text-[11px] tabular-nums ${ROW_PY} transition-colors ${CELL_TEXT}`}>\n        {role.user_count > 0 ? role.user_count : ''}\n      </span>\n\n      {/* SLA/m · Target/h · Staff — no py: stretches flush to full row height */}\n      <div className=\"flex gap-3 items-center bg-surface-sunken px-3\">\n        <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n          {role.sla_minutes ?? ''}\n        </span>\n        <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n          {role.target_per_hour ?? ''}\n        </span>\n        <span className={`${CAPACITY_COL_VAL} ${CELL_TEXT}`}>\n          {role.worker_count ?? ''}\n        </span>\n      </div>\n    </div>\n  );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function RolesPage() {\n  const navigate = useNavigate();\n  const { data, isLoading } = useRoleDetails();\n  const { data: chainData } = useEscalationChains();\n  const [showCreate, setShowCreate] = useState(false);\n  const [search, setSearch] = useState('');\n\n  const roles = data?.roles ?? [];\n  const chains = chainData?.chains ?? [];\n\n  // Build a map: role → list of target roles it escalates to\n  const escalationTargets = useMemo(() => {\n    const map = new Map<string, string[]>();\n    for (const { source_role, target_role } of chains) {\n      const existing = map.get(source_role) ?? [];\n      map.set(source_role, [...existing, target_role]);\n    }\n    return map;\n  }, [chains]);\n\n  const filtered = useMemo(() => {\n    if (!search.trim()) return roles;\n    const q = search.toLowerCase();\n    return roles.filter(\n      (r) =>\n        r.role.toLowerCase().includes(q) ||\n        r.title?.toLowerCase().includes(q) ||\n        r.description?.toLowerCase().includes(q),\n    );\n  }, [roles, search]);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Roles\"\n        docsHash=\"#docs:dashboard.md:roles\"\n        actions={\n          <button\n            onClick={() => setShowCreate(true)}\n            className=\"btn-primary text-xs flex items-center gap-1.5\"\n          >\n            + Add Role\n          </button>\n        }\n      />\n\n      {/* Filter bar + table header — one sticky block, no seam for rows to bleed through */}\n      {!isLoading && roles.length > 0 && (\n        <div className=\"sticky top-0 z-20 bg-surface pt-3\">\n          <div className=\"bg-surface-sunken rounded-lg px-5 py-3 mb-3 flex items-center gap-3\">\n            <Search className=\"w-3 h-3 text-text-quaternary shrink-0\" />\n            <input\n              type=\"text\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder={`Search ${roles.length} roles…`}\n              className=\"w-[150px] py-0.5 text-sm bg-transparent border-b border-surface-border/60 text-text-primary placeholder:text-text-quaternary focus:outline-none focus:border-accent/50 transition-colors\"\n            />\n            {search && filtered.length !== roles.length && (\n              <span className=\"text-[10px] text-text-quaternary tabular-nums shrink-0\">\n                {filtered.length} of {roles.length}\n              </span>\n            )}\n          </div>\n          {filtered.length > 0 && <TableHead />}\n        </div>\n      )}\n\n      {/* Table */}\n      {isLoading ? (\n        <div className=\"animate-pulse space-y-3 mt-6\">\n          {[1, 2, 3, 4, 5].map((i) => (\n            <div key={i} className=\"h-10 bg-surface-sunken rounded w-full\" />\n          ))}\n        </div>\n      ) : filtered.length === 0 ? (\n        <p className=\"text-sm text-text-tertiary mt-8\">\n          {search ? 'Clear the search to see all roles.' : 'Create a role to get started.'}\n        </p>\n      ) : (\n        <>\n          <div className=\"divide-y divide-surface-border/30\">\n            {filtered.map((role) => (\n              <RoleRow\n                key={role.role}\n                role={role}\n                targets={escalationTargets.get(role.role) ?? []}\n                onClick={() => navigate(`/admin/roles/${encodeURIComponent(role.role)}`)}\n              />\n            ))}\n          </div>\n        </>\n      )}\n\n      <CreateRoleModal open={showCreate} onClose={() => setShowCreate(false)} />\n    </div>\n  );\n}\n"],"names":["CreateRoleModal","open","onClose","createRole","useCreateRole","roleName","setRoleName","useState","prevOpen","setPrevOpen","handleCreate","trimmed","jsx","Modal","jsxs","e","GRID","CELL_TEXT","HDR","CAPACITY_COL_LABEL","CELL_PY","ROW_PY","TableHead","CAPACITY_COL_VAL","RoleRow","role","targets","onClick","Link","t","RolesPage","navigate","useNavigate","data","isLoading","useRoleDetails","chainData","useEscalationChains","showCreate","setShowCreate","search","setSearch","roles","chains","escalationTargets","useMemo","map","source_role","target_role","existing","filtered","q","r","_a","_b","PageHeader","Search","i","Fragment"],"mappings":"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"}

package/dashboard/dist/assets/{RunAsSelector-VCnEYIwj.js → RunAsSelector-Bvefon9B.js}

@@ -1,2 +1,2 @@
-import{j as s}from"./vendor-query-B2UbickB.js";import{B as c}from"./BotPicker-ChgljKHj.js";import{j as m}from"./index-C8k3Z2su.js";import{b as o,ac as x}from"./vendor-icons-DOIDKgo6.js";function j({selected:e,onChange:n}){const{user:t,isSuperAdmin:a,hasRoleType:i}=m(),r=a||i("admin");return s.jsx("div",{children:r?s.jsx(c,{selected:e,onChange:n}):s.jsx("div",{className:"flex items-center gap-1.5",children:e?s.jsxs(s.Fragment,{children:[s.jsx(o,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),s.jsxs("span",{className:"text-[10px] text-text-secondary",children:["Running as ",s.jsx("span",{className:"font-medium text-accent font-mono",children:e})]})]}):s.jsxs(s.Fragment,{children:[s.jsx(x,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),s.jsxs("span",{className:"text-[10px] text-text-secondary",children:["Running as ",s.jsx("span",{className:"font-medium text-accent",children:(t==null?void 0:t.displayName)||(t==null?void 0:t.userId)||"you"})]})]})})})}export{j as R};
-//# sourceMappingURL=RunAsSelector-VCnEYIwj.js.map
+import{j as s}from"./vendor-query-B2UbickB.js";import{B as c}from"./BotPicker-CCIo5ic0.js";import{j as m}from"./index-MbEPoyTe.js";import{b as o,ac as x}from"./vendor-icons-DOIDKgo6.js";function j({selected:e,onChange:n}){const{user:t,isSuperAdmin:a,hasRoleType:i}=m(),r=a||i("admin");return s.jsx("div",{children:r?s.jsx(c,{selected:e,onChange:n}):s.jsx("div",{className:"flex items-center gap-1.5",children:e?s.jsxs(s.Fragment,{children:[s.jsx(o,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),s.jsxs("span",{className:"text-[10px] text-text-secondary",children:["Running as ",s.jsx("span",{className:"font-medium text-accent font-mono",children:e})]})]}):s.jsxs(s.Fragment,{children:[s.jsx(x,{className:"w-3 h-3 text-accent/75 shrink-0",strokeWidth:1.5}),s.jsxs("span",{className:"text-[10px] text-text-secondary",children:["Running as ",s.jsx("span",{className:"font-medium text-accent",children:(t==null?void 0:t.displayName)||(t==null?void 0:t.userId)||"you"})]})]})})})}export{j as R};
+//# sourceMappingURL=RunAsSelector-Bvefon9B.js.map

package/dashboard/dist/assets/{RunAsSelector-VCnEYIwj.js.map → RunAsSelector-Bvefon9B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RunAsSelector-VCnEYIwj.js","sources":["../../src/components/common/form/RunAsSelector.tsx"],"sourcesContent":["import { Bot, UserCircle } from 'lucide-react';\nimport { BotPicker } from './BotPicker';\nimport { useAuth } from '../../../hooks/useAuth';\n\ninterface RunAsSelectorProps {\n  selected: string;\n  onChange: (botExternalId: string) => void;\n}\n\nexport function RunAsSelector({ selected, onChange }: RunAsSelectorProps) {\n  const { user, isSuperAdmin, hasRoleType } = useAuth();\n  const isAdmin = isSuperAdmin || hasRoleType('admin');\n\n  return (\n    <div>\n      {isAdmin ? (\n        <BotPicker selected={selected} onChange={onChange} />\n      ) : (\n        <div className=\"flex items-center gap-1.5\">\n          {selected ? (\n            <>\n              <Bot className=\"w-3 h-3 text-accent/75 shrink-0\" strokeWidth={1.5} />\n              <span className=\"text-[10px] text-text-secondary\">\n                Running as <span className=\"font-medium text-accent font-mono\">{selected}</span>\n              </span>\n            </>\n          ) : (\n            <>\n              <UserCircle className=\"w-3 h-3 text-accent/75 shrink-0\" strokeWidth={1.5} />\n              <span className=\"text-[10px] text-text-secondary\">\n                Running as <span className=\"font-medium text-accent\">{user?.displayName || user?.userId || 'you'}</span>\n              </span>\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["RunAsSelector","selected","onChange","user","isSuperAdmin","hasRoleType","useAuth","isAdmin","jsx","BotPicker","jsxs","Fragment","Bot","UserCircle"],"mappings":"0LASO,SAASA,EAAc,CAAE,SAAAC,EAAU,SAAAC,GAAgC,CACxE,KAAM,CAAE,KAAAC,EAAM,aAAAC,EAAc,YAAAC,CAAA,EAAgBC,EAAA,EACtCC,EAAUH,GAAgBC,EAAY,OAAO,EAEnD,OACEG,EAAAA,IAAC,MAAA,CACE,SAAAD,EACCC,EAAAA,IAACC,EAAA,CAAU,SAAAR,EAAoB,SAAAC,CAAA,CAAoB,EAEnDM,EAAAA,IAAC,MAAA,CAAI,UAAU,4BACZ,WACCE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAA,CAAI,UAAU,kCAAkC,YAAa,IAAK,EACnEF,EAAAA,KAAC,OAAA,CAAK,UAAU,kCAAkC,SAAA,CAAA,cACrCF,EAAAA,IAAC,OAAA,CAAK,UAAU,oCAAqC,SAAAP,CAAA,CAAS,CAAA,CAAA,CAC3E,CAAA,CAAA,CACF,EAEAS,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAACK,EAAA,CAAW,UAAU,kCAAkC,YAAa,IAAK,EAC1EH,EAAAA,KAAC,OAAA,CAAK,UAAU,kCAAkC,SAAA,CAAA,cACrCF,EAAAA,IAAC,QAAK,UAAU,0BAA2B,2BAAM,eAAeL,GAAA,YAAAA,EAAM,SAAU,KAAA,CAAM,CAAA,CAAA,CACnG,CAAA,CAAA,CACF,EAEJ,EAEJ,CAEJ"}
+{"version":3,"file":"RunAsSelector-Bvefon9B.js","sources":["../../src/components/common/form/RunAsSelector.tsx"],"sourcesContent":["import { Bot, UserCircle } from 'lucide-react';\nimport { BotPicker } from './BotPicker';\nimport { useAuth } from '../../../hooks/useAuth';\n\ninterface RunAsSelectorProps {\n  selected: string;\n  onChange: (botExternalId: string) => void;\n}\n\nexport function RunAsSelector({ selected, onChange }: RunAsSelectorProps) {\n  const { user, isSuperAdmin, hasRoleType } = useAuth();\n  const isAdmin = isSuperAdmin || hasRoleType('admin');\n\n  return (\n    <div>\n      {isAdmin ? (\n        <BotPicker selected={selected} onChange={onChange} />\n      ) : (\n        <div className=\"flex items-center gap-1.5\">\n          {selected ? (\n            <>\n              <Bot className=\"w-3 h-3 text-accent/75 shrink-0\" strokeWidth={1.5} />\n              <span className=\"text-[10px] text-text-secondary\">\n                Running as <span className=\"font-medium text-accent font-mono\">{selected}</span>\n              </span>\n            </>\n          ) : (\n            <>\n              <UserCircle className=\"w-3 h-3 text-accent/75 shrink-0\" strokeWidth={1.5} />\n              <span className=\"text-[10px] text-text-secondary\">\n                Running as <span className=\"font-medium text-accent\">{user?.displayName || user?.userId || 'you'}</span>\n              </span>\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["RunAsSelector","selected","onChange","user","isSuperAdmin","hasRoleType","useAuth","isAdmin","jsx","BotPicker","jsxs","Fragment","Bot","UserCircle"],"mappings":"0LASO,SAASA,EAAc,CAAE,SAAAC,EAAU,SAAAC,GAAgC,CACxE,KAAM,CAAE,KAAAC,EAAM,aAAAC,EAAc,YAAAC,CAAA,EAAgBC,EAAA,EACtCC,EAAUH,GAAgBC,EAAY,OAAO,EAEnD,OACEG,EAAAA,IAAC,MAAA,CACE,SAAAD,EACCC,EAAAA,IAACC,EAAA,CAAU,SAAAR,EAAoB,SAAAC,CAAA,CAAoB,EAEnDM,EAAAA,IAAC,MAAA,CAAI,UAAU,4BACZ,WACCE,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAA,CAAI,UAAU,kCAAkC,YAAa,IAAK,EACnEF,EAAAA,KAAC,OAAA,CAAK,UAAU,kCAAkC,SAAA,CAAA,cACrCF,EAAAA,IAAC,OAAA,CAAK,UAAU,oCAAqC,SAAAP,CAAA,CAAS,CAAA,CAAA,CAC3E,CAAA,CAAA,CACF,EAEAS,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAH,EAAAA,IAACK,EAAA,CAAW,UAAU,kCAAkC,YAAa,IAAK,EAC1EH,EAAAA,KAAC,OAAA,CAAK,UAAU,kCAAkC,SAAA,CAAA,cACrCF,EAAAA,IAAC,QAAK,UAAU,0BAA2B,2BAAM,eAAeL,GAAA,YAAAA,EAAM,SAAU,KAAA,CAAM,CAAA,CAAA,CACnG,CAAA,CAAA,CACF,EAEJ,EAEJ,CAEJ"}

package/dashboard/dist/assets/{StickyPagination-3eCY2-_V.js → StickyPagination-CeQCzVIA.js}

@@ -1,2 +1,2 @@
-import{j as t}from"./vendor-query-B2UbickB.js";import{K as l}from"./index-C8k3Z2su.js";const d=[10,25,50,100];function m({page:s,totalPages:r,onPageChange:i,total:n,pageSize:c,onPageSizeChange:a}){if(n===0)return null;const o=(s-1)*c+1,x=Math.min(s*c,n);return t.jsxs("div",{className:"flex items-center justify-between pt-4",children:[t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsxs("p",{className:"text-xs text-text-tertiary",children:[l(o),"–",l(x)," of ",l(n)]}),a&&t.jsx("select",{value:c,onChange:e=>a(parseInt(e.target.value)),className:"select text-xs py-1",children:d.map(e=>t.jsxs("option",{value:e,children:[e," / page"]},e))})]}),r>1&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("button",{onClick:()=>i(s-1),disabled:s<=1,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed",children:"Previous"}),t.jsxs("span",{className:"px-3 text-xs text-text-secondary",children:[s," / ",r]}),t.jsx("button",{onClick:()=>i(s+1),disabled:s>=r,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed",children:"Next"})]})]})}function f(s){return s.total===0?null:t.jsx("div",{className:"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-10 px-10 pt-2 pb-4",children:t.jsx(m,{...s})})}export{f as S};
-//# sourceMappingURL=StickyPagination-3eCY2-_V.js.map
+import{j as t}from"./vendor-query-B2UbickB.js";import{K as l}from"./index-MbEPoyTe.js";const d=[10,25,50,100];function m({page:s,totalPages:r,onPageChange:i,total:n,pageSize:c,onPageSizeChange:a}){if(n===0)return null;const o=(s-1)*c+1,x=Math.min(s*c,n);return t.jsxs("div",{className:"flex items-center justify-between pt-4",children:[t.jsxs("div",{className:"flex items-center gap-4",children:[t.jsxs("p",{className:"text-xs text-text-tertiary",children:[l(o),"–",l(x)," of ",l(n)]}),a&&t.jsx("select",{value:c,onChange:e=>a(parseInt(e.target.value)),className:"select text-xs py-1",children:d.map(e=>t.jsxs("option",{value:e,children:[e," / page"]},e))})]}),r>1&&t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx("button",{onClick:()=>i(s-1),disabled:s<=1,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed",children:"Previous"}),t.jsxs("span",{className:"px-3 text-xs text-text-secondary",children:[s," / ",r]}),t.jsx("button",{onClick:()=>i(s+1),disabled:s>=r,className:"btn-ghost text-xs disabled:opacity-30 disabled:cursor-not-allowed",children:"Next"})]})]})}function f(s){return s.total===0?null:t.jsx("div",{className:"sticky bottom-0 z-20 bg-surface/95 backdrop-blur-sm border-t border-surface-border -mx-10 px-10 pt-2 pb-4",children:t.jsx(m,{...s})})}export{f as S};
+//# sourceMappingURL=StickyPagination-CeQCzVIA.js.map