@hotmeshio/long-tail 0.7.2 → 0.7.3

package/dashboard/dist/assets/RolesPage-B0ZgjB2V.js

@@ -1,2 +0,0 @@
-import{a as p,j as e}from"./vendor-query-B2UbickB.js";import{d as $,b as k,e as L}from"./roles-BdtnzLsL.js";import{P as _}from"./PageHeader-BhaWTWcM.js";import{M as R}from"./Modal-CSrxpXeM.js";import{ab as P}from"./vendor-icons-CEWCGPeJ.js";import{c as E,L as S}from"./vendor-react-CXumBFUA.js";import"./index-D-7W2AHB.js";function T({open:s,onClose:o}){const n=$(),[r,u]=p.useState(""),[h,i]=p.useState(s);s!==h&&(i(s),s&&(u(""),n.reset()));const f=()=>{const a=r.trim().toLowerCase();a&&n.mutate(a,{onSuccess:o})};return e.jsx(R,{open:s,onClose:o,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=>u(a.target.value),placeholder:"e.g., reviewer",className:"input text-xs w-full",onKeyDown:a=>{a.key==="Enter"&&f()}}),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:o,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:f,disabled:!r.trim()||n.isPending,className:"btn-primary text-xs",children:n.isPending?"Creating...":"Create"})]})]})})}const v="28px 160px 160px 1fr 130px 160px 88px 204px",m="text-text-secondary transition-colors group-hover/row:text-text-primary",x="text-[9px] font-semibold uppercase tracking-widest text-text-quaternary",N=`${x} text-right flex-1 min-w-0`,l="py-2",c="py-2.5";function q(){return e.jsxs("div",{className:"grid gap-4 border-b border-surface-border sticky top-[78px] z-10 bg-surface",style:{gridTemplateColumns:v},children:[e.jsx("span",{className:l}),e.jsx("span",{className:`${x} ${l} flex items-center pl-1`,children:"Role"}),e.jsx("span",{className:`${x} ${l} flex items-center`,children:"Label"}),e.jsx("span",{className:`${x} ${l} flex items-center`,children:"Description"}),e.jsx("span",{className:`${x} ${l} flex items-center`,children:"Preceded By"}),e.jsx("span",{className:`${x} ${l} flex items-center`,children:"Escalates To"}),e.jsx("span",{className:`${x} ${l} 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:o,onClick:n}){return e.jsxs("div",{role:"button",tabIndex:0,onClick:n,onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&n()},className:"grid gap-4 cursor-pointer group/row",style:{gridTemplateColumns:v},children:[e.jsx("div",{className:`flex items-center justify-center ${c}`,children:e.jsx("span",{className:`w-2 h-2 rounded-full shrink-0 ${s.ops_visible?"bg-emerald-500":"bg-surface-border"}`,title:s.ops_visible?"Visible in Operations":"Enable in role settings to show in Operations"})}),e.jsx("span",{className:`flex items-center text-[11px] truncate pl-1 ${c} ${m}`,children:s.role}),e.jsx("span",{className:`flex items-center text-[11px] truncate ${c} ${m}`,children:s.title??""}),e.jsx("span",{className:`flex items-center text-[10px] text-text-tertiary truncate ${c} transition-colors group-hover/row:text-text-secondary`,children:s.description??""}),e.jsx("div",{className:`flex items-center min-w-0 ${c}`,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 ${c}`,children:o.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 ${c} transition-colors ${m}`,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} ${m}`,children:s.sla_minutes??""}),e.jsx("span",{className:`${y} ${m}`,children:s.target_per_hour??""}),e.jsx("span",{className:`${y} ${m}`,children:s.worker_count??""})]})]})}function B(){const s=E(),{data:o,isLoading:n}=k(),{data:r}=L(),[u,h]=p.useState(!1),[i,f]=p.useState(""),a=(o==null?void 0:o.roles)??[],w=(r==null?void 0:r.chains)??[],C=p.useMemo(()=>{const t=new Map;for(const{source_role:d,target_role:j}of w){const b=t.get(d)??[];t.set(d,[...b,j])}return t},[w]),g=p.useMemo(()=>{if(!i.trim())return a;const t=i.toLowerCase();return a.filter(d=>{var j,b;return d.role.toLowerCase().includes(t)||((j=d.title)==null?void 0:j.toLowerCase().includes(t))||((b=d.description)==null?void 0:b.toLowerCase().includes(t))})},[a,i]);return e.jsxs("div",{children:[e.jsx(_,{title:"Roles",docsHash:"#docs:dashboard.md:roles-and-permissions",actions:e.jsx("button",{onClick:()=>h(!0),className:"btn-primary text-xs flex items-center gap-1.5",children:"+ Add Role"})}),e.jsx("p",{className:"text-xs text-text-tertiary leading-relaxed max-w-3xl mb-6",children:"A role is where a running workflow hands work to a person. Work waits in the role's queue, the role's schema shapes the form the person completes, membership decides who can see and resolve which items — and submitting the form resumes the workflow exactly where it paused."}),!n&&a.length>0&&e.jsx("div",{className:"sticky top-0 z-20 bg-surface pt-3 pb-3",children:e.jsxs("div",{className:"bg-surface-sunken rounded-lg px-5 py-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:i,onChange:t=>f(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"}),i&&g.length!==a.length&&e.jsxs("span",{className:"text-[10px] text-text-quaternary tabular-nums shrink-0",children:[g.length," of ",a.length]})]})}),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))}):g.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:i?"Clear the search to see all roles.":"Create a role to get started."}):e.jsxs(e.Fragment,{children:[e.jsx(q,{}),e.jsx("div",{className:"divide-y divide-surface-border/30",children:g.map(t=>e.jsx(A,{role:t,targets:C.get(t.role)??[],onClick:()=>s(`/admin/roles/${encodeURIComponent(t.role)}`)},t.role))})]}),e.jsx(T,{open:u,onClose:()=>h(!1)})]})}export{B as RolesPage};
-//# sourceMappingURL=RolesPage-B0ZgjB2V.js.map