@hotmeshio/long-tail 0.10.13 → 0.11.0

package/dashboard/dist/assets/{PageHeader-Ce4GcIYo.js → PageHeader-BJgWMZtw.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-query-RUZdMvN6.js";import{B as n}from"./vendor-icons-BpZiWH2f.js";function c({title:s,actions:t,center:a,docsHash:i}){return e.jsxs("div",{className:"flex items-center gap-4 mb-10",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-1 min-w-0",children:[e.jsx("h1",{className:"heading-1 min-w-0 truncate",title:typeof s=="string"?s:void 0,children:s}),i&&e.jsx("button",{onClick:()=>{window.location.hash=i},className:"text-text-quaternary hover:text-accent transition-colors mt-1",title:"Open docs for this page",children:e.jsx(n,{className:"w-4 h-4",strokeWidth:1.5})})]}),a,t&&e.jsx("div",{className:`flex items-center gap-3 ${a?"flex-1 justify-end":""}`,children:t})]})}export{c as P};
-//# sourceMappingURL=PageHeader-Ce4GcIYo.js.map
+import{j as e}from"./vendor-query-RUZdMvN6.js";import{B as n}from"./vendor-icons-BxuyFxH2.js";function c({title:s,actions:t,center:a,docsHash:i}){return e.jsxs("div",{className:"flex items-center gap-4 mb-10",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-1 min-w-0",children:[e.jsx("h1",{className:"heading-1 min-w-0 truncate",title:typeof s=="string"?s:void 0,children:s}),i&&e.jsx("button",{onClick:()=>{window.location.hash=i},className:"text-text-quaternary hover:text-accent transition-colors mt-1",title:"Open docs for this page",children:e.jsx(n,{className:"w-4 h-4",strokeWidth:1.5})})]}),a,t&&e.jsx("div",{className:`flex items-center gap-3 ${a?"flex-1 justify-end":""}`,children:t})]})}export{c as P};
+//# sourceMappingURL=PageHeader-BJgWMZtw.js.map

package/dashboard/dist/assets/{PageHeader-Ce4GcIYo.js.map → PageHeader-BJgWMZtw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PageHeader-Ce4GcIYo.js","sources":["../../src/components/common/layout/PageHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { BookOpen } from 'lucide-react';\n\ninterface PageHeaderProps {\n  title: string | ReactNode;\n  actions?: ReactNode;\n  /** Optional element centered between the title and the actions (e.g. a sparkline). */\n  center?: ReactNode;\n  /** Hash link to open the docs drawer to a specific section, e.g. \"#docs=dashboard.md#workflow-registry\" */\n  docsHash?: string;\n}\n\nexport function PageHeader({ title, actions, center, docsHash }: PageHeaderProps) {\n  return (\n    <div className=\"flex items-center gap-4 mb-10\">\n      <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n        <h1\n          className=\"heading-1 min-w-0 truncate\"\n          title={typeof title === 'string' ? title : undefined}\n        >\n          {title}\n        </h1>\n        {docsHash && (\n          <button\n            onClick={() => { window.location.hash = docsHash; }}\n            className=\"text-text-quaternary hover:text-accent transition-colors mt-1\"\n            title=\"Open docs for this page\"\n          >\n            <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n          </button>\n        )}\n      </div>\n      {center}\n      {actions && (\n        <div className={`flex items-center gap-3 ${center ? 'flex-1 justify-end' : ''}`}>{actions}</div>\n      )}\n    </div>\n  );\n}\n"],"names":["PageHeader","title","actions","center","docsHash","jsxs","jsx","BookOpen"],"mappings":"8FAYO,SAASA,EAAW,CAAE,MAAAC,EAAO,QAAAC,EAAS,OAAAC,EAAQ,SAAAC,GAA6B,CAChF,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,gCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CACC,UAAU,6BACV,MAAO,OAAOL,GAAU,SAAWA,EAAQ,OAE1C,SAAAA,CAAA,CAAA,EAEFG,GACCE,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM,CAAE,OAAO,SAAS,KAAOF,CAAU,EAClD,UAAU,gEACV,MAAM,0BAEN,SAAAE,EAAAA,IAACC,EAAA,CAAS,UAAU,UAAU,YAAa,GAAA,CAAK,CAAA,CAAA,CAClD,EAEJ,EACCJ,EACAD,SACE,MAAA,CAAI,UAAW,2BAA2BC,EAAS,qBAAuB,EAAE,GAAK,SAAAD,CAAA,CAAQ,CAAA,EAE9F,CAEJ"}
+{"version":3,"file":"PageHeader-BJgWMZtw.js","sources":["../../src/components/common/layout/PageHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { BookOpen } from 'lucide-react';\n\ninterface PageHeaderProps {\n  title: string | ReactNode;\n  actions?: ReactNode;\n  /** Optional element centered between the title and the actions (e.g. a sparkline). */\n  center?: ReactNode;\n  /** Hash link to open the docs drawer to a specific section, e.g. \"#docs=dashboard.md#workflow-registry\" */\n  docsHash?: string;\n}\n\nexport function PageHeader({ title, actions, center, docsHash }: PageHeaderProps) {\n  return (\n    <div className=\"flex items-center gap-4 mb-10\">\n      <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n        <h1\n          className=\"heading-1 min-w-0 truncate\"\n          title={typeof title === 'string' ? title : undefined}\n        >\n          {title}\n        </h1>\n        {docsHash && (\n          <button\n            onClick={() => { window.location.hash = docsHash; }}\n            className=\"text-text-quaternary hover:text-accent transition-colors mt-1\"\n            title=\"Open docs for this page\"\n          >\n            <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n          </button>\n        )}\n      </div>\n      {center}\n      {actions && (\n        <div className={`flex items-center gap-3 ${center ? 'flex-1 justify-end' : ''}`}>{actions}</div>\n      )}\n    </div>\n  );\n}\n"],"names":["PageHeader","title","actions","center","docsHash","jsxs","jsx","BookOpen"],"mappings":"8FAYO,SAASA,EAAW,CAAE,MAAAC,EAAO,QAAAC,EAAS,OAAAC,EAAQ,SAAAC,GAA6B,CAChF,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,gCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CACC,UAAU,6BACV,MAAO,OAAOL,GAAU,SAAWA,EAAQ,OAE1C,SAAAA,CAAA,CAAA,EAEFG,GACCE,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM,CAAE,OAAO,SAAS,KAAOF,CAAU,EAClD,UAAU,gEACV,MAAM,0BAEN,SAAAE,EAAAA,IAACC,EAAA,CAAS,UAAU,UAAU,YAAa,GAAA,CAAK,CAAA,CAAA,CAClD,EAEJ,EACCJ,EACAD,SACE,MAAA,CAAI,UAAW,2BAA2BC,EAAS,qBAAuB,EAAE,GAAK,SAAAD,CAAA,CAAQ,CAAA,EAE9F,CAEJ"}

package/dashboard/dist/assets/{PageHeaderWithStats-Ck0KZvXD.js → PageHeaderWithStats-Ccio4vyG.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./vendor-query-RUZdMvN6.js";import{B as r}from"./vendor-icons-BpZiWH2f.js";function m({title:n,subtitle:a,stats:t,actions:l,docsHash:i}){return e.jsxs("div",{className:"flex items-baseline justify-between mb-10",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h1",{className:"heading-1",children:n}),i&&e.jsx("button",{onClick:()=>{window.location.hash=i},className:"text-text-quaternary hover:text-accent transition-colors mt-1",title:"Open docs for this page",children:e.jsx(r,{className:"w-4 h-4",strokeWidth:1.5})})]}),a&&e.jsx("span",{className:"text-sm text-text-tertiary font-light",children:a})]}),e.jsxs("div",{className:"flex items-center gap-5",children:[t==null?void 0:t.map(s=>e.jsxs("div",{className:"flex items-center gap-1.5 text-xs text-text-tertiary",children:[s.dotClass&&e.jsx("span",{className:`w-2.5 h-2.5 rounded-full dot-ring ${s.dotClass}`}),e.jsx("span",{children:s.label}),e.jsx("span",{className:"font-medium text-text-secondary",children:s.value})]},s.label)),l&&e.jsx("div",{className:"flex items-center gap-3",children:l})]})]})}export{m as P};
-//# sourceMappingURL=PageHeaderWithStats-Ck0KZvXD.js.map
+import{j as e}from"./vendor-query-RUZdMvN6.js";import{B as r}from"./vendor-icons-BxuyFxH2.js";function m({title:n,subtitle:a,stats:t,actions:l,docsHash:i}){return e.jsxs("div",{className:"flex items-baseline justify-between mb-10",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h1",{className:"heading-1",children:n}),i&&e.jsx("button",{onClick:()=>{window.location.hash=i},className:"text-text-quaternary hover:text-accent transition-colors mt-1",title:"Open docs for this page",children:e.jsx(r,{className:"w-4 h-4",strokeWidth:1.5})})]}),a&&e.jsx("span",{className:"text-sm text-text-tertiary font-light",children:a})]}),e.jsxs("div",{className:"flex items-center gap-5",children:[t==null?void 0:t.map(s=>e.jsxs("div",{className:"flex items-center gap-1.5 text-xs text-text-tertiary",children:[s.dotClass&&e.jsx("span",{className:`w-2.5 h-2.5 rounded-full dot-ring ${s.dotClass}`}),e.jsx("span",{children:s.label}),e.jsx("span",{className:"font-medium text-text-secondary",children:s.value})]},s.label)),l&&e.jsx("div",{className:"flex items-center gap-3",children:l})]})]})}export{m as P};
+//# sourceMappingURL=PageHeaderWithStats-Ccio4vyG.js.map

package/dashboard/dist/assets/{PageHeaderWithStats-Ck0KZvXD.js.map → PageHeaderWithStats-Ccio4vyG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PageHeaderWithStats-Ck0KZvXD.js","sources":["../../src/components/common/layout/PageHeaderWithStats.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { BookOpen } from 'lucide-react';\n\nexport interface InlineStat {\n  label: string;\n  value: string | number;\n  dotClass?: string;\n}\n\ninterface PageHeaderWithStatsProps {\n  title: string;\n  subtitle?: string;\n  stats?: InlineStat[];\n  actions?: ReactNode;\n  docsHash?: string;\n}\n\nexport function PageHeaderWithStats({\n  title,\n  subtitle,\n  stats,\n  actions,\n  docsHash,\n}: PageHeaderWithStatsProps) {\n  return (\n    <div className=\"flex items-baseline justify-between mb-10\">\n      <div className=\"flex items-center gap-4\">\n        <div className=\"flex items-center gap-2\">\n          <h1 className=\"heading-1\">{title}</h1>\n          {docsHash && (\n            <button\n              onClick={() => { window.location.hash = docsHash; }}\n              className=\"text-text-quaternary hover:text-accent transition-colors mt-1\"\n              title=\"Open docs for this page\"\n            >\n              <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n          )}\n        </div>\n        {subtitle && (\n          <span className=\"text-sm text-text-tertiary font-light\">{subtitle}</span>\n        )}\n      </div>\n      <div className=\"flex items-center gap-5\">\n        {stats?.map((s) => (\n          <div key={s.label} className=\"flex items-center gap-1.5 text-xs text-text-tertiary\">\n            {s.dotClass && <span className={`w-2.5 h-2.5 rounded-full dot-ring ${s.dotClass}`} />}\n            <span>{s.label}</span>\n            <span className=\"font-medium text-text-secondary\">{s.value}</span>\n          </div>\n        ))}\n        {actions && <div className=\"flex items-center gap-3\">{actions}</div>}\n      </div>\n    </div>\n  );\n}\n"],"names":["PageHeaderWithStats","title","subtitle","stats","actions","docsHash","jsxs","jsx","BookOpen"],"mappings":"8FAiBO,SAASA,EAAoB,CAClC,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,CACF,EAA6B,CAC3B,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,4CACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,YAAa,SAAAN,EAAM,EAChCI,GACCE,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM,CAAE,OAAO,SAAS,KAAOF,CAAU,EAClD,UAAU,gEACV,MAAM,0BAEN,SAAAE,EAAAA,IAACC,EAAA,CAAS,UAAU,UAAU,YAAa,GAAA,CAAK,CAAA,CAAA,CAClD,EAEJ,EACCN,GACCK,EAAAA,IAAC,OAAA,CAAK,UAAU,wCAAyC,SAAAL,CAAA,CAAS,CAAA,EAEtE,EACAI,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAAH,GAAA,YAAAA,EAAO,IAAK,GACXG,EAAAA,KAAC,MAAA,CAAkB,UAAU,uDAC1B,SAAA,CAAA,EAAE,UAAYC,MAAC,OAAA,CAAK,UAAW,qCAAqC,EAAE,QAAQ,GAAI,EACnFA,EAAAA,IAAC,OAAA,CAAM,SAAA,EAAE,KAAA,CAAM,EACfA,EAAAA,IAAC,OAAA,CAAK,UAAU,kCAAmC,WAAE,KAAA,CAAM,CAAA,GAHnD,EAAE,KAIZ,GAEDH,GAAWG,EAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAH,CAAA,CAAQ,CAAA,CAAA,CAChE,CAAA,EACF,CAEJ"}
+{"version":3,"file":"PageHeaderWithStats-Ccio4vyG.js","sources":["../../src/components/common/layout/PageHeaderWithStats.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { BookOpen } from 'lucide-react';\n\nexport interface InlineStat {\n  label: string;\n  value: string | number;\n  dotClass?: string;\n}\n\ninterface PageHeaderWithStatsProps {\n  title: string;\n  subtitle?: string;\n  stats?: InlineStat[];\n  actions?: ReactNode;\n  docsHash?: string;\n}\n\nexport function PageHeaderWithStats({\n  title,\n  subtitle,\n  stats,\n  actions,\n  docsHash,\n}: PageHeaderWithStatsProps) {\n  return (\n    <div className=\"flex items-baseline justify-between mb-10\">\n      <div className=\"flex items-center gap-4\">\n        <div className=\"flex items-center gap-2\">\n          <h1 className=\"heading-1\">{title}</h1>\n          {docsHash && (\n            <button\n              onClick={() => { window.location.hash = docsHash; }}\n              className=\"text-text-quaternary hover:text-accent transition-colors mt-1\"\n              title=\"Open docs for this page\"\n            >\n              <BookOpen className=\"w-4 h-4\" strokeWidth={1.5} />\n            </button>\n          )}\n        </div>\n        {subtitle && (\n          <span className=\"text-sm text-text-tertiary font-light\">{subtitle}</span>\n        )}\n      </div>\n      <div className=\"flex items-center gap-5\">\n        {stats?.map((s) => (\n          <div key={s.label} className=\"flex items-center gap-1.5 text-xs text-text-tertiary\">\n            {s.dotClass && <span className={`w-2.5 h-2.5 rounded-full dot-ring ${s.dotClass}`} />}\n            <span>{s.label}</span>\n            <span className=\"font-medium text-text-secondary\">{s.value}</span>\n          </div>\n        ))}\n        {actions && <div className=\"flex items-center gap-3\">{actions}</div>}\n      </div>\n    </div>\n  );\n}\n"],"names":["PageHeaderWithStats","title","subtitle","stats","actions","docsHash","jsxs","jsx","BookOpen"],"mappings":"8FAiBO,SAASA,EAAoB,CAClC,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,CACF,EAA6B,CAC3B,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,4CACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,YAAa,SAAAN,EAAM,EAChCI,GACCE,EAAAA,IAAC,SAAA,CACC,QAAS,IAAM,CAAE,OAAO,SAAS,KAAOF,CAAU,EAClD,UAAU,gEACV,MAAM,0BAEN,SAAAE,EAAAA,IAACC,EAAA,CAAS,UAAU,UAAU,YAAa,GAAA,CAAK,CAAA,CAAA,CAClD,EAEJ,EACCN,GACCK,EAAAA,IAAC,OAAA,CAAK,UAAU,wCAAyC,SAAAL,CAAA,CAAS,CAAA,EAEtE,EACAI,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAAH,GAAA,YAAAA,EAAO,IAAK,GACXG,EAAAA,KAAC,MAAA,CAAkB,UAAU,uDAC1B,SAAA,CAAA,EAAE,UAAYC,MAAC,OAAA,CAAK,UAAW,qCAAqC,EAAE,QAAQ,GAAI,EACnFA,EAAAA,IAAC,OAAA,CAAM,SAAA,EAAE,KAAA,CAAM,EACfA,EAAAA,IAAC,OAAA,CAAK,UAAU,kCAAmC,WAAE,KAAA,CAAM,CAAA,GAHnD,EAAE,KAIZ,GAEDH,GAAWG,EAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAH,CAAA,CAAQ,CAAA,CAAA,CAChE,CAAA,EACF,CAEJ"}

package/dashboard/dist/assets/{PersonaDetailPage-CJ6jqo7h.js → PersonaDetailPage-BOaf0TW1.js}

@@ -1,2 +1,2 @@
-import{a as u,j as e}from"./vendor-query-RUZdMvN6.js";import{e as S,f as R,g as C,h as L,i as D}from"./personas-Cmz2SAEU.js";import{G as y}from"./index-CfAi1OsI.js";import{R as _}from"./RolePill-CnuBPhPw.js";import{S as A}from"./ScopeBadge-BUpYpS3x.js";import{A as T}from"./AutoGrowTextarea-DgEQeRQw.js";import{C as I}from"./ConfirmDeleteModal-CQsJUzEa.js";import{D as $,B as O,a3 as q,T as E,aK as M,I as W,aL as U,P as B}from"./vendor-icons-BpZiWH2f.js";import{e as F,u as G,L as k}from"./vendor-react-CdqEC2zv.js";import"./Modal-BU7No9NH.js";const v=[{value:"write-all",label:"Write · act on all",read_scope:"all",write_scope:"all"},{value:"write-self",label:"Write · act on self",read_scope:"all",write_scope:"self"},{value:"read-all",label:"Read-only observer",read_scope:"all",write_scope:"none"}],b="write-all";function K(r){return v.find(l=>l.value===r)??v[0]}function j({icon:r,label:l,annotation:t,accent:o=!1,children:a}){const n=o?"text-accent":"text-text-tertiary";return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0 mb-5",children:[e.jsx(r,{className:`w-3 h-3 ${n} shrink-0`,strokeWidth:1.5}),e.jsx("span",{className:`text-2xs font-semibold uppercase tracking-widest ${n}`,children:l}),t&&e.jsxs("span",{className:"text-2xs text-text-quaternary truncate",children:["— ",t]})]}),e.jsx("div",{className:`border-l-2 pl-5 ${o?"border-accent/15":"border-surface-border/60"}`,children:a})]})}const N="block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5";function H({persona:r}){const{data:l}=y(),t=L(),o=D(),[a,n]=u.useState(""),[d,i]=u.useState(b),m=r.roles??[],p=u.useMemo(()=>{const s=new Set(m.map(x=>x.role));return((l==null?void 0:l.roles)??[]).map(x=>x.role).filter(x=>!s.has(x))},[l,m]),c=()=>{a&&t.mutate({key:r.key,role:a,relationship:d},{onSuccess:()=>{n(""),i(b)}})};return e.jsxs("div",{className:"space-y-2",children:[p.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:a,onChange:s=>n(s.target.value),className:"select text-xs font-mono flex-1 min-w-0","aria-label":"Role to link",children:[e.jsx("option",{value:"",children:"Add role…"}),p.map(s=>e.jsx("option",{value:s,children:s},s))]}),e.jsx("select",{value:d,onChange:s=>i(s.target.value),className:"select text-xs shrink-0 w-36","aria-label":"Relationship",children:v.map(s=>e.jsx("option",{value:s.value,children:s.label},s.value))}),e.jsx("button",{onClick:c,disabled:!a||t.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:t.isPending?"…":"Add"})]}),m.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed py-1",children:"Add a role above and it lands here. An assignee joins every linked role at its relationship scope."}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:m.map(s=>{const x=K(s.relationship);return e.jsxs("div",{className:"flex items-center gap-2.5 py-2 min-w-0 group/link",children:[e.jsx(k,{to:`/admin/roles/${encodeURIComponent(s.role)}`,className:"min-w-0 flex-1 truncate text-text-secondary transition-colors hover:text-accent",title:s.role,children:e.jsx(_,{role:s.role,tone:"inherit"})}),e.jsx(A,{read:x.read_scope,write:x.write_scope,className:"shrink-0"}),e.jsx("select",{value:s.relationship,onChange:h=>t.mutate({key:r.key,role:s.role,relationship:h.target.value}),className:"select text-2xs w-36 shrink-0","aria-label":`Relationship for ${s.role}`,children:v.map(h=>e.jsx("option",{value:h.value,children:h.label},h.value))}),e.jsx("button",{onClick:()=>o.mutate({key:r.key,role:s.role}),className:"shrink-0 text-text-quaternary hover:text-status-error transition-colors leading-none",title:`Unlink ${s.role}`,children:"×"})]},s.role)})}),(t.error||o.error)&&e.jsx("p",{className:"text-2xs text-status-error",children:(t.error||o.error).message})]})}function z({persona:r}){const{data:l}=y(),t=u.useMemo(()=>{const a=new Map(((l==null?void 0:l.roles)??[]).map(d=>[d.role,d])),n=new Set;return(r.roles??[]).map(({role:d})=>{const i=a.get(d),m=((i==null?void 0:i.default_pins)??[]).filter(p=>{const c=`${p.label}|${p.url}`;return n.has(c)?!1:(n.add(c),!0)});return{role:d,title:(i==null?void 0:i.title)??null,pins:m}})},[l,r.roles]),o=t.reduce((a,n)=>a+n.pins.length,0);return r.roles.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Link roles and their pinned views compose here — the sidebar an assignee gets the moment the persona lands."}):e.jsxs("div",{className:"space-y-5",children:[e.jsxs("p",{className:"text-2xs text-text-quaternary",children:[o," pinned ",o===1?"view":"views"," from ",t.length," ",t.length===1?"role":"roles"," — assignment composes this sidebar as-is."]}),t.map(a=>e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-mono text-text-quaternary mb-1.5 truncate",title:a.role,children:a.title||a.role}),a.pins.length===0?e.jsx("p",{className:"text-2xs text-text-quaternary/70 pl-4",children:"no pins — set them on the role"}):e.jsx("div",{className:"space-y-0.5",children:a.pins.map(n=>e.jsxs(k,{to:n.url,className:"flex items-center gap-2 py-1 pl-1 pr-2 rounded-md text-xs text-text-secondary hover:text-accent hover:bg-surface-hover/50 transition-colors min-w-0 group/pin",title:n.url,children:[e.jsx(B,{className:"w-3 h-3 shrink-0 text-text-quaternary group-hover/pin:text-accent transition-colors",strokeWidth:1.5}),e.jsx("span",{className:"truncate flex-1 min-w-0",children:n.label}),n.badge&&e.jsx("span",{className:"w-2.5 h-2.5 rounded-full dot-ring bg-status-pending-graphic shrink-0",title:"Carries a live count"})]},`${n.label}|${n.url}`))})]},a.role))]})}function ne(){const{key:r=""}=F(),l=G(),{data:t,isLoading:o}=S(r),a=R(),n=C(),[d,i]=u.useState(!1),[m,p]=u.useState(!1),[c,s]=u.useState({title:"",description:""}),[x,h]=u.useState(null);t&&x!==t.key&&(h(t.key),s({title:t.title??"",description:t.description??""}));const w=!!t&&(c.title!==(t.title??"")||c.description!==(t.description??"")),P=()=>{t&&a.mutate({key:t.key,title:c.title.trim()||null,description:c.description.trim()||null},{onSuccess:()=>{p(!0),setTimeout(()=>p(!1),2e3)}})};return o?e.jsx("div",{className:"animate-pulse space-y-3 mt-6",children:[1,2,3].map(f=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded w-full"},f))}):t?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between gap-4 mb-12 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($,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"text-lg font-mono font-medium text-text-primary truncate",children:t.key}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:personas"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(O,{className:"w-4 h-4",strokeWidth:1.5})})]}),t.title&&e.jsx("p",{className:"text-sm text-text-secondary pl-8 truncate",children:t.title})]}),e.jsxs("div",{className:"flex items-center gap-3 shrink-0",children:[m&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(q,{className:"w-3 h-3"})," Saved"]}),a.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[180px] truncate",children:a.error.message}),e.jsx("button",{onClick:P,disabled:!w||a.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:a.isPending?"Saving…":"Save"}),e.jsxs("button",{onClick:()=>i(!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(E,{className:"w-3 h-3"})," Delete"]})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsx(j,{icon:M,label:"Identity",annotation:"name and story",accent:!0,children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("label",{className:N,children:"Display Title"}),e.jsx("input",{type:"text",value:c.title,onChange:f=>s(g=>({...g,title:f.target.value})),placeholder:"e.g., Production Manager",className:"input text-sm w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:N,children:"Description"}),e.jsx(T,{value:c.description,onChange:f=>s(g=>({...g,description:f})),placeholder:"The day in the life, one paragraph — shown wherever the persona is offered.",rows:3})]})]})}),e.jsx(j,{icon:W,label:"Roles",annotation:"membership, each at a scope",accent:!0,children:e.jsx(H,{persona:t})}),e.jsx(j,{icon:U,label:"Composed Surface",annotation:"the assignee's sidebar",children:e.jsx(z,{persona:t})})]}),e.jsx(I,{open:d,onClose:()=>i(!1),onConfirm:()=>n.mutate(t.key,{onSuccess:()=>l("/admin/personas")}),title:"Delete Persona",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:t.title||t.key}),"? Memberships it sustains are removed; direct grants are kept."]}),isPending:n.isPending,error:n.error})]}):e.jsxs("p",{className:"text-sm text-text-tertiary mt-8",children:["Persona '",r,"' not found."]})}export{ne as PersonaDetailPage};
-//# sourceMappingURL=PersonaDetailPage-CJ6jqo7h.js.map
+import{a as u,j as e}from"./vendor-query-RUZdMvN6.js";import{e as S,f as R,g as C,h as D,i as L}from"./personas-DYtw1COf.js";import{H as y}from"./index-errgQT5x.js";import{R as _}from"./RolePill-BNAP-uK6.js";import{S as A}from"./ScopeBadge-BG7KkZ8Q.js";import{A as T}from"./AutoGrowTextarea-DgEQeRQw.js";import{C as I}from"./ConfirmDeleteModal-CQsJUzEa.js";import{D as $,B as O,a8 as q,T as E,aM as M,I as W,aP as U,P as B}from"./vendor-icons-BxuyFxH2.js";import{e as F,u as H,L as k}from"./vendor-react-CdqEC2zv.js";import"./Modal-BU7No9NH.js";const v=[{value:"write-all",label:"Write · act on all",read_scope:"all",write_scope:"all"},{value:"write-self",label:"Write · act on self",read_scope:"all",write_scope:"self"},{value:"read-all",label:"Read-only observer",read_scope:"all",write_scope:"none"}],b="write-all";function G(r){return v.find(l=>l.value===r)??v[0]}function j({icon:r,label:l,annotation:t,accent:o=!1,children:a}){const n=o?"text-accent":"text-text-tertiary";return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0 mb-5",children:[e.jsx(r,{className:`w-3 h-3 ${n} shrink-0`,strokeWidth:1.5}),e.jsx("span",{className:`text-2xs font-semibold uppercase tracking-widest ${n}`,children:l}),t&&e.jsxs("span",{className:"text-2xs text-text-quaternary truncate",children:["— ",t]})]}),e.jsx("div",{className:`border-l-2 pl-5 ${o?"border-accent/15":"border-surface-border/60"}`,children:a})]})}const N="block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5";function K({persona:r}){const{data:l}=y(),t=D(),o=L(),[a,n]=u.useState(""),[d,i]=u.useState(b),m=r.roles??[],p=u.useMemo(()=>{const s=new Set(m.map(x=>x.role));return((l==null?void 0:l.roles)??[]).map(x=>x.role).filter(x=>!s.has(x))},[l,m]),c=()=>{a&&t.mutate({key:r.key,role:a,relationship:d},{onSuccess:()=>{n(""),i(b)}})};return e.jsxs("div",{className:"space-y-2",children:[p.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("select",{value:a,onChange:s=>n(s.target.value),className:"select text-xs font-mono flex-1 min-w-0","aria-label":"Role to link",children:[e.jsx("option",{value:"",children:"Add role…"}),p.map(s=>e.jsx("option",{value:s,children:s},s))]}),e.jsx("select",{value:d,onChange:s=>i(s.target.value),className:"select text-xs shrink-0 w-36","aria-label":"Relationship",children:v.map(s=>e.jsx("option",{value:s.value,children:s.label},s.value))}),e.jsx("button",{onClick:c,disabled:!a||t.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:t.isPending?"…":"Add"})]}),m.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed py-1",children:"Add a role above and it lands here. An assignee joins every linked role at its relationship scope."}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:m.map(s=>{const x=G(s.relationship);return e.jsxs("div",{className:"flex items-center gap-2.5 py-2 min-w-0 group/link",children:[e.jsx(k,{to:`/admin/roles/${encodeURIComponent(s.role)}`,className:"min-w-0 flex-1 truncate text-text-secondary transition-colors hover:text-accent",title:s.role,children:e.jsx(_,{role:s.role,tone:"inherit"})}),e.jsx(A,{read:x.read_scope,write:x.write_scope,className:"shrink-0"}),e.jsx("select",{value:s.relationship,onChange:h=>t.mutate({key:r.key,role:s.role,relationship:h.target.value}),className:"select text-2xs w-36 shrink-0","aria-label":`Relationship for ${s.role}`,children:v.map(h=>e.jsx("option",{value:h.value,children:h.label},h.value))}),e.jsx("button",{onClick:()=>o.mutate({key:r.key,role:s.role}),className:"shrink-0 text-text-quaternary hover:text-status-error transition-colors leading-none",title:`Unlink ${s.role}`,children:"×"})]},s.role)})}),(t.error||o.error)&&e.jsx("p",{className:"text-2xs text-status-error",children:(t.error||o.error).message})]})}function z({persona:r}){const{data:l}=y(),t=u.useMemo(()=>{const a=new Map(((l==null?void 0:l.roles)??[]).map(d=>[d.role,d])),n=new Set;return(r.roles??[]).map(({role:d})=>{const i=a.get(d),m=((i==null?void 0:i.default_pins)??[]).filter(p=>{const c=`${p.label}|${p.url}`;return n.has(c)?!1:(n.add(c),!0)});return{role:d,title:(i==null?void 0:i.title)??null,pins:m}})},[l,r.roles]),o=t.reduce((a,n)=>a+n.pins.length,0);return r.roles.length===0?e.jsx("p",{className:"text-2xs text-text-tertiary leading-relaxed",children:"Link roles and their pinned views compose here — the sidebar an assignee gets the moment the persona lands."}):e.jsxs("div",{className:"space-y-5",children:[e.jsxs("p",{className:"text-2xs text-text-quaternary",children:[o," pinned ",o===1?"view":"views"," from ",t.length," ",t.length===1?"role":"roles"," — assignment composes this sidebar as-is."]}),t.map(a=>e.jsxs("div",{children:[e.jsx("p",{className:"text-2xs font-mono text-text-quaternary mb-1.5 truncate",title:a.role,children:a.title||a.role}),a.pins.length===0?e.jsx("p",{className:"text-2xs text-text-quaternary/70 pl-4",children:"no pins — set them on the role"}):e.jsx("div",{className:"space-y-0.5",children:a.pins.map(n=>e.jsxs(k,{to:n.url,className:"flex items-center gap-2 py-1 pl-1 pr-2 rounded-md text-xs text-text-secondary hover:text-accent hover:bg-surface-hover/50 transition-colors min-w-0 group/pin",title:n.url,children:[e.jsx(B,{className:"w-3 h-3 shrink-0 text-text-quaternary group-hover/pin:text-accent transition-colors",strokeWidth:1.5}),e.jsx("span",{className:"truncate flex-1 min-w-0",children:n.label}),n.badge&&e.jsx("span",{className:"w-2.5 h-2.5 rounded-full dot-ring bg-status-pending-graphic shrink-0",title:"Carries a live count"})]},`${n.label}|${n.url}`))})]},a.role))]})}function ne(){const{key:r=""}=F(),l=H(),{data:t,isLoading:o}=S(r),a=R(),n=C(),[d,i]=u.useState(!1),[m,p]=u.useState(!1),[c,s]=u.useState({title:"",description:""}),[x,h]=u.useState(null);t&&x!==t.key&&(h(t.key),s({title:t.title??"",description:t.description??""}));const w=!!t&&(c.title!==(t.title??"")||c.description!==(t.description??"")),P=()=>{t&&a.mutate({key:t.key,title:c.title.trim()||null,description:c.description.trim()||null},{onSuccess:()=>{p(!0),setTimeout(()=>p(!1),2e3)}})};return o?e.jsx("div",{className:"animate-pulse space-y-3 mt-6",children:[1,2,3].map(f=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded w-full"},f))}):t?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between gap-4 mb-12 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($,{className:"w-5 h-5 text-accent",strokeWidth:1.5}),e.jsx("h1",{className:"text-lg font-mono font-medium text-text-primary truncate",children:t.key}),e.jsx("button",{onClick:()=>{window.location.hash="#docs:dashboard.md:personas"},className:"text-text-quaternary hover:text-accent transition-colors",title:"Open docs for this page",children:e.jsx(O,{className:"w-4 h-4",strokeWidth:1.5})})]}),t.title&&e.jsx("p",{className:"text-sm text-text-secondary pl-8 truncate",children:t.title})]}),e.jsxs("div",{className:"flex items-center gap-3 shrink-0",children:[m&&e.jsxs("span",{className:"flex items-center gap-1 text-xs text-status-success animate-page-enter",children:[e.jsx(q,{className:"w-3 h-3"})," Saved"]}),a.error&&e.jsx("span",{className:"text-xs text-status-error max-w-[180px] truncate",children:a.error.message}),e.jsx("button",{onClick:P,disabled:!w||a.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:a.isPending?"Saving…":"Save"}),e.jsxs("button",{onClick:()=>i(!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(E,{className:"w-3 h-3"})," Delete"]})]})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-16 items-start",children:[e.jsx(j,{icon:M,label:"Identity",annotation:"name and story",accent:!0,children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("label",{className:N,children:"Display Title"}),e.jsx("input",{type:"text",value:c.title,onChange:f=>s(g=>({...g,title:f.target.value})),placeholder:"e.g., Production Manager",className:"input text-sm w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:N,children:"Description"}),e.jsx(T,{value:c.description,onChange:f=>s(g=>({...g,description:f})),placeholder:"The day in the life, one paragraph — shown wherever the persona is offered.",rows:3})]})]})}),e.jsx(j,{icon:W,label:"Roles",annotation:"membership, each at a scope",accent:!0,children:e.jsx(K,{persona:t})}),e.jsx(j,{icon:U,label:"Composed Surface",annotation:"the assignee's sidebar",children:e.jsx(z,{persona:t})})]}),e.jsx(I,{open:d,onClose:()=>i(!1),onConfirm:()=>n.mutate(t.key,{onSuccess:()=>l("/admin/personas")}),title:"Delete Persona",description:e.jsxs(e.Fragment,{children:["Delete"," ",e.jsx("span",{className:"font-medium text-text-primary",children:t.title||t.key}),"? Memberships it sustains are removed; direct grants are kept."]}),isPending:n.isPending,error:n.error})]}):e.jsxs("p",{className:"text-sm text-text-tertiary mt-8",children:["Persona '",r,"' not found."]})}export{ne as PersonaDetailPage};
+//# sourceMappingURL=PersonaDetailPage-BOaf0TW1.js.map

package/dashboard/dist/assets/{PersonaDetailPage-CJ6jqo7h.js.map → PersonaDetailPage-BOaf0TW1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PersonaDetailPage-CJ6jqo7h.js","sources":["../../src/lib/personaRelationship.ts","../../src/pages/admin/personas/PersonaDetailPage.tsx"],"sourcesContent":["import type { LTPersonaRelationship, LTReadScope, LTWriteScope } from '../api/types';\n\n// The relationship a persona grants on a linked role, presented the same way\n// the member scope picker presents its lattice points (see roleScope.ts).\nexport interface RelationshipOption {\n  value: LTPersonaRelationship;\n  label: string;\n  read_scope: LTReadScope;\n  write_scope: LTWriteScope;\n}\n\nexport const RELATIONSHIP_OPTIONS: RelationshipOption[] = [\n  { value: 'write-all', label: 'Write · act on all', read_scope: 'all', write_scope: 'all' },\n  { value: 'write-self', label: 'Write · act on self', read_scope: 'all', write_scope: 'self' },\n  { value: 'read-all', label: 'Read-only observer', read_scope: 'all', write_scope: 'none' },\n];\n\nexport const DEFAULT_RELATIONSHIP: LTPersonaRelationship = 'write-all';\n\nexport function relationshipOption(value: string): RelationshipOption {\n  return RELATIONSHIP_OPTIONS.find((o) => o.value === value) ?? RELATIONSHIP_OPTIONS[0];\n}\n","import { useState, useMemo } from 'react';\nimport { useParams, useNavigate, Link } from 'react-router-dom';\nimport {\n  Drama, Tag, Inbox, Pin, PanelLeft, BookOpen, Check, Trash2,\n} from 'lucide-react';\nimport {\n  usePersona,\n  useUpdatePersona,\n  useDeletePersona,\n  useLinkPersonaRole,\n  useUnlinkPersonaRole,\n} from '../../../api/personas';\nimport { useRoleDetails } from '../../../api/roles';\nimport type { LTPersonaDetail, LTPersonaRelationship } from '../../../api/types';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { ScopeBadge } from '../../../components/common/display/ScopeBadge';\nimport { AutoGrowTextarea } from '../../../components/common/form/AutoGrowTextarea';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport {\n  RELATIONSHIP_OPTIONS,\n  DEFAULT_RELATIONSHIP,\n  relationshipOption,\n} from '../../../lib/personaRelationship';\n\n// ── Section group — eyebrow (icon + tiny title + annotation) over a left-ruled\n//    body. The same single grouping treatment the Role config page uses. ──────\n\nfunction SectionGroup({\n  icon: Icon,\n  label,\n  annotation,\n  accent = false,\n  children,\n}: {\n  icon: React.ElementType;\n  label: string;\n  annotation?: string;\n  accent?: boolean;\n  children: React.ReactNode;\n}) {\n  const hue = accent ? 'text-accent' : 'text-text-tertiary';\n  return (\n    <div>\n      <div className=\"flex items-center gap-1.5 min-w-0 mb-5\">\n        <Icon className={`w-3 h-3 ${hue} shrink-0`} strokeWidth={1.5} />\n        <span className={`text-2xs font-semibold uppercase tracking-widest ${hue}`}>{label}</span>\n        {annotation && (\n          <span className=\"text-2xs text-text-quaternary truncate\">— {annotation}</span>\n        )}\n      </div>\n      <div className={`border-l-2 pl-5 ${accent ? 'border-accent/15' : 'border-surface-border/60'}`}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nconst FIELD_LABEL = 'block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5';\n\n// ── Roles — the bundle's rules, live-saved ───────────────────────────────────\n\nfunction RoleLinksSection({ persona }: { persona: LTPersonaDetail }) {\n  const { data: rolesData } = useRoleDetails();\n  const linkRole = useLinkPersonaRole();\n  const unlinkRole = useUnlinkPersonaRole();\n  const [newRole, setNewRole] = useState('');\n  const [newRelationship, setNewRelationship] = useState<LTPersonaRelationship>(DEFAULT_RELATIONSHIP);\n\n  const linked = persona.roles ?? [];\n  const available = useMemo(() => {\n    const set = new Set(linked.map((r) => r.role));\n    return (rolesData?.roles ?? []).map((r) => r.role).filter((r) => !set.has(r));\n  }, [rolesData, linked]);\n\n  const handleAdd = () => {\n    if (!newRole) return;\n    linkRole.mutate(\n      { key: persona.key, role: newRole, relationship: newRelationship },\n      { onSuccess: () => { setNewRole(''); setNewRelationship(DEFAULT_RELATIONSHIP); } },\n    );\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      {available.length > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <select\n            value={newRole}\n            onChange={(e) => setNewRole(e.target.value)}\n            className=\"select text-xs font-mono flex-1 min-w-0\"\n            aria-label=\"Role to link\"\n          >\n            <option value=\"\">Add role…</option>\n            {available.map((r) => <option key={r} value={r}>{r}</option>)}\n          </select>\n          <select\n            value={newRelationship}\n            onChange={(e) => setNewRelationship(e.target.value as LTPersonaRelationship)}\n            className=\"select text-xs shrink-0 w-36\"\n            aria-label=\"Relationship\"\n          >\n            {RELATIONSHIP_OPTIONS.map((o) => (\n              <option key={o.value} value={o.value}>{o.label}</option>\n            ))}\n          </select>\n          <button\n            onClick={handleAdd}\n            disabled={!newRole || linkRole.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            {linkRole.isPending ? '…' : 'Add'}\n          </button>\n        </div>\n      )}\n\n      {linked.length === 0 ? (\n        <p className=\"text-2xs text-text-tertiary leading-relaxed py-1\">\n          Add a role above and it lands here. An assignee joins every linked\n          role at its relationship scope.\n        </p>\n      ) : (\n        <div className=\"divide-y divide-surface-border/30\">\n          {linked.map((r) => {\n            const opt = relationshipOption(r.relationship);\n            return (\n              <div key={r.role} className=\"flex items-center gap-2.5 py-2 min-w-0 group/link\">\n                <Link\n                  to={`/admin/roles/${encodeURIComponent(r.role)}`}\n                  className=\"min-w-0 flex-1 truncate text-text-secondary transition-colors hover:text-accent\"\n                  title={r.role}\n                >\n                  <RolePill role={r.role} tone=\"inherit\" />\n                </Link>\n                <ScopeBadge read={opt.read_scope} write={opt.write_scope} className=\"shrink-0\" />\n                <select\n                  value={r.relationship}\n                  onChange={(e) =>\n                    linkRole.mutate({ key: persona.key, role: r.role, relationship: e.target.value })\n                  }\n                  className=\"select text-2xs w-36 shrink-0\"\n                  aria-label={`Relationship for ${r.role}`}\n                >\n                  {RELATIONSHIP_OPTIONS.map((o) => (\n                    <option key={o.value} value={o.value}>{o.label}</option>\n                  ))}\n                </select>\n                <button\n                  onClick={() => unlinkRole.mutate({ key: persona.key, role: r.role })}\n                  className=\"shrink-0 text-text-quaternary hover:text-status-error transition-colors leading-none\"\n                  title={`Unlink ${r.role}`}\n                >\n                  &times;\n                </button>\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {(linkRole.error || unlinkRole.error) && (\n        <p className=\"text-2xs text-status-error\">\n          {((linkRole.error || unlinkRole.error) as Error).message}\n        </p>\n      )}\n    </div>\n  );\n}\n\n// ── Composed surface — the sidebar an assignee actually gets ─────────────────\n\nfunction ComposedSurfaceSection({ persona }: { persona: LTPersonaDetail }) {\n  const { data: rolesData } = useRoleDetails();\n\n  // The union of the linked roles' default pins, in link order, deduped the way\n  // the live sidebar resolves them (first pin wins per label+url).\n  const groups = useMemo(() => {\n    const byRole = new Map((rolesData?.roles ?? []).map((r) => [r.role, r]));\n    const seen = new Set<string>();\n    return (persona.roles ?? []).map(({ role }) => {\n      const detail = byRole.get(role);\n      const pins = (detail?.default_pins ?? []).filter((p) => {\n        const id = `${p.label}|${p.url}`;\n        if (seen.has(id)) return false;\n        seen.add(id);\n        return true;\n      });\n      return { role, title: detail?.title ?? null, pins };\n    });\n  }, [rolesData, persona.roles]);\n\n  const pinCount = groups.reduce((n, g) => n + g.pins.length, 0);\n\n  if (persona.roles.length === 0) {\n    return (\n      <p className=\"text-2xs text-text-tertiary leading-relaxed\">\n        Link roles and their pinned views compose here — the sidebar an\n        assignee gets the moment the persona lands.\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"space-y-5\">\n      <p className=\"text-2xs text-text-quaternary\">\n        {pinCount} pinned {pinCount === 1 ? 'view' : 'views'} from {groups.length} {groups.length === 1 ? 'role' : 'roles'} — assignment composes this sidebar as-is.\n      </p>\n      {groups.map((g) => (\n        <div key={g.role}>\n          <p className=\"text-2xs font-mono text-text-quaternary mb-1.5 truncate\" title={g.role}>\n            {g.title || g.role}\n          </p>\n          {g.pins.length === 0 ? (\n            <p className=\"text-2xs text-text-quaternary/70 pl-4\">no pins — set them on the role</p>\n          ) : (\n            <div className=\"space-y-0.5\">\n              {g.pins.map((p) => (\n                <Link\n                  key={`${p.label}|${p.url}`}\n                  to={p.url}\n                  className=\"flex items-center gap-2 py-1 pl-1 pr-2 rounded-md text-xs text-text-secondary hover:text-accent hover:bg-surface-hover/50 transition-colors min-w-0 group/pin\"\n                  title={p.url}\n                >\n                  <Pin className=\"w-3 h-3 shrink-0 text-text-quaternary group-hover/pin:text-accent transition-colors\" strokeWidth={1.5} />\n                  <span className=\"truncate flex-1 min-w-0\">{p.label}</span>\n                  {p.badge && (\n                    <span\n                      className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-pending-graphic shrink-0\"\n                      title=\"Carries a live count\"\n                    />\n                  )}\n                </Link>\n              ))}\n            </div>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function PersonaDetailPage() {\n  const { key = '' } = useParams();\n  const navigate = useNavigate();\n  const { data: persona, isLoading } = usePersona(key);\n  const updatePersona = useUpdatePersona();\n  const deletePersona = useDeletePersona();\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const [savedOk, setSavedOk] = useState(false);\n\n  // Identity draft, loaded once per persona key.\n  const [draft, setDraft] = useState({ title: '', description: '' });\n  const [loadedKey, setLoadedKey] = useState<string | null>(null);\n  if (persona && loadedKey !== persona.key) {\n    setLoadedKey(persona.key);\n    setDraft({ title: persona.title ?? '', description: persona.description ?? '' });\n  }\n\n  const dirty = !!persona && (\n    draft.title !== (persona.title ?? '') || draft.description !== (persona.description ?? '')\n  );\n\n  const handleSave = () => {\n    if (!persona) return;\n    updatePersona.mutate(\n      {\n        key: persona.key,\n        title: draft.title.trim() || null,\n        description: draft.description.trim() || null,\n      },\n      {\n        onSuccess: () => {\n          setSavedOk(true);\n          setTimeout(() => setSavedOk(false), 2000);\n        },\n      },\n    );\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-3 mt-6\">\n        {[1, 2, 3].map((i) => (\n          <div key={i} className=\"h-10 bg-surface-sunken rounded w-full\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (!persona) {\n    return <p className=\"text-sm text-text-tertiary mt-8\">Persona '{key}' not found.</p>;\n  }\n\n  return (\n    <div>\n      {/* ── Header — identity on the left, save state and actions on the right,\n          the same working header the Role config page carries. ─────────────── */}\n      <div className=\"flex items-center justify-between gap-4 mb-12 min-w-0\">\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-3 mb-1\">\n            <Drama className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n            <h1 className=\"text-lg font-mono font-medium text-text-primary truncate\">{persona.key}</h1>\n            <button\n              onClick={() => { window.location.hash = '#docs:dashboard.md:personas'; }}\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          </div>\n          {persona.title && <p className=\"text-sm text-text-secondary pl-8 truncate\">{persona.title}</p>}\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          {updatePersona.error && (\n            <span className=\"text-xs text-status-error max-w-[180px] truncate\">\n              {(updatePersona.error as Error).message}\n            </span>\n          )}\n          <button\n            onClick={handleSave}\n            disabled={!dirty || updatePersona.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            {updatePersona.isPending ? 'Saving…' : 'Save'}\n          </button>\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        </div>\n      </div>\n\n      {/* ── Three-column body: identity · the bundle · what it composes ────── */}\n      <div className=\"grid grid-cols-3 gap-16 items-start\">\n\n        <SectionGroup icon={Tag} label=\"Identity\" annotation=\"name and story\" accent>\n          <div className=\"space-y-8\">\n            <div>\n              <label className={FIELD_LABEL}>Display Title</label>\n              <input\n                type=\"text\"\n                value={draft.title}\n                onChange={(e) => setDraft((d) => ({ ...d, title: e.target.value }))}\n                placeholder=\"e.g., Production Manager\"\n                className=\"input text-sm w-full\"\n              />\n            </div>\n            <div>\n              <label className={FIELD_LABEL}>Description</label>\n              <AutoGrowTextarea\n                value={draft.description}\n                onChange={(v) => setDraft((d) => ({ ...d, description: v }))}\n                placeholder=\"The day in the life, one paragraph — shown wherever the persona is offered.\"\n                rows={3}\n              />\n            </div>\n          </div>\n        </SectionGroup>\n\n        <SectionGroup icon={Inbox} label=\"Roles\" annotation=\"membership, each at a scope\" accent>\n          <RoleLinksSection persona={persona} />\n        </SectionGroup>\n\n        <SectionGroup icon={PanelLeft} label=\"Composed Surface\" annotation=\"the assignee's sidebar\">\n          <ComposedSurfaceSection persona={persona} />\n        </SectionGroup>\n      </div>\n\n      <ConfirmDeleteModal\n        open={confirmDelete}\n        onClose={() => setConfirmDelete(false)}\n        onConfirm={() =>\n          deletePersona.mutate(persona.key, {\n            onSuccess: () => navigate('/admin/personas'),\n          })\n        }\n        title=\"Delete Persona\"\n        description={\n          <>\n            Delete{' '}\n            <span className=\"font-medium text-text-primary\">{persona.title || persona.key}</span>\n            ? Memberships it sustains are removed; direct grants are kept.\n          </>\n        }\n        isPending={deletePersona.isPending}\n        error={deletePersona.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["RELATIONSHIP_OPTIONS","DEFAULT_RELATIONSHIP","relationshipOption","value","o","SectionGroup","Icon","label","annotation","accent","children","hue","jsxs","jsx","FIELD_LABEL","RoleLinksSection","persona","rolesData","useRoleDetails","linkRole","useLinkPersonaRole","unlinkRole","useUnlinkPersonaRole","newRole","setNewRole","useState","newRelationship","setNewRelationship","linked","available","useMemo","set","r","handleAdd","e","opt","Link","RolePill","ScopeBadge","ComposedSurfaceSection","groups","byRole","seen","role","detail","pins","id","pinCount","n","g","p","Pin","PersonaDetailPage","key","useParams","navigate","useNavigate","isLoading","usePersona","updatePersona","useUpdatePersona","deletePersona","useDeletePersona","confirmDelete","setConfirmDelete","savedOk","setSavedOk","draft","setDraft","loadedKey","setLoadedKey","dirty","handleSave","i","Drama","BookOpen","Check","Trash2","Tag","d","AutoGrowTextarea","v","Inbox","PanelLeft","ConfirmDeleteModal","Fragment"],"mappings":"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"}
+{"version":3,"file":"PersonaDetailPage-BOaf0TW1.js","sources":["../../src/lib/personaRelationship.ts","../../src/pages/admin/personas/PersonaDetailPage.tsx"],"sourcesContent":["import type { LTPersonaRelationship, LTReadScope, LTWriteScope } from '../api/types';\n\n// The relationship a persona grants on a linked role, presented the same way\n// the member scope picker presents its lattice points (see roleScope.ts).\nexport interface RelationshipOption {\n  value: LTPersonaRelationship;\n  label: string;\n  read_scope: LTReadScope;\n  write_scope: LTWriteScope;\n}\n\nexport const RELATIONSHIP_OPTIONS: RelationshipOption[] = [\n  { value: 'write-all', label: 'Write · act on all', read_scope: 'all', write_scope: 'all' },\n  { value: 'write-self', label: 'Write · act on self', read_scope: 'all', write_scope: 'self' },\n  { value: 'read-all', label: 'Read-only observer', read_scope: 'all', write_scope: 'none' },\n];\n\nexport const DEFAULT_RELATIONSHIP: LTPersonaRelationship = 'write-all';\n\nexport function relationshipOption(value: string): RelationshipOption {\n  return RELATIONSHIP_OPTIONS.find((o) => o.value === value) ?? RELATIONSHIP_OPTIONS[0];\n}\n","import { useState, useMemo } from 'react';\nimport { useParams, useNavigate, Link } from 'react-router-dom';\nimport {\n  Drama, Tag, Inbox, Pin, PanelLeft, BookOpen, Check, Trash2,\n} from 'lucide-react';\nimport {\n  usePersona,\n  useUpdatePersona,\n  useDeletePersona,\n  useLinkPersonaRole,\n  useUnlinkPersonaRole,\n} from '../../../api/personas';\nimport { useRoleDetails } from '../../../api/roles';\nimport type { LTPersonaDetail, LTPersonaRelationship } from '../../../api/types';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { ScopeBadge } from '../../../components/common/display/ScopeBadge';\nimport { AutoGrowTextarea } from '../../../components/common/form/AutoGrowTextarea';\nimport { ConfirmDeleteModal } from '../../../components/common/modal/ConfirmDeleteModal';\nimport {\n  RELATIONSHIP_OPTIONS,\n  DEFAULT_RELATIONSHIP,\n  relationshipOption,\n} from '../../../lib/personaRelationship';\n\n// ── Section group — eyebrow (icon + tiny title + annotation) over a left-ruled\n//    body. The same single grouping treatment the Role config page uses. ──────\n\nfunction SectionGroup({\n  icon: Icon,\n  label,\n  annotation,\n  accent = false,\n  children,\n}: {\n  icon: React.ElementType;\n  label: string;\n  annotation?: string;\n  accent?: boolean;\n  children: React.ReactNode;\n}) {\n  const hue = accent ? 'text-accent' : 'text-text-tertiary';\n  return (\n    <div>\n      <div className=\"flex items-center gap-1.5 min-w-0 mb-5\">\n        <Icon className={`w-3 h-3 ${hue} shrink-0`} strokeWidth={1.5} />\n        <span className={`text-2xs font-semibold uppercase tracking-widest ${hue}`}>{label}</span>\n        {annotation && (\n          <span className=\"text-2xs text-text-quaternary truncate\">— {annotation}</span>\n        )}\n      </div>\n      <div className={`border-l-2 pl-5 ${accent ? 'border-accent/15' : 'border-surface-border/60'}`}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nconst FIELD_LABEL = 'block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1.5';\n\n// ── Roles — the bundle's rules, live-saved ───────────────────────────────────\n\nfunction RoleLinksSection({ persona }: { persona: LTPersonaDetail }) {\n  const { data: rolesData } = useRoleDetails();\n  const linkRole = useLinkPersonaRole();\n  const unlinkRole = useUnlinkPersonaRole();\n  const [newRole, setNewRole] = useState('');\n  const [newRelationship, setNewRelationship] = useState<LTPersonaRelationship>(DEFAULT_RELATIONSHIP);\n\n  const linked = persona.roles ?? [];\n  const available = useMemo(() => {\n    const set = new Set(linked.map((r) => r.role));\n    return (rolesData?.roles ?? []).map((r) => r.role).filter((r) => !set.has(r));\n  }, [rolesData, linked]);\n\n  const handleAdd = () => {\n    if (!newRole) return;\n    linkRole.mutate(\n      { key: persona.key, role: newRole, relationship: newRelationship },\n      { onSuccess: () => { setNewRole(''); setNewRelationship(DEFAULT_RELATIONSHIP); } },\n    );\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      {available.length > 0 && (\n        <div className=\"flex items-center gap-2\">\n          <select\n            value={newRole}\n            onChange={(e) => setNewRole(e.target.value)}\n            className=\"select text-xs font-mono flex-1 min-w-0\"\n            aria-label=\"Role to link\"\n          >\n            <option value=\"\">Add role…</option>\n            {available.map((r) => <option key={r} value={r}>{r}</option>)}\n          </select>\n          <select\n            value={newRelationship}\n            onChange={(e) => setNewRelationship(e.target.value as LTPersonaRelationship)}\n            className=\"select text-xs shrink-0 w-36\"\n            aria-label=\"Relationship\"\n          >\n            {RELATIONSHIP_OPTIONS.map((o) => (\n              <option key={o.value} value={o.value}>{o.label}</option>\n            ))}\n          </select>\n          <button\n            onClick={handleAdd}\n            disabled={!newRole || linkRole.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            {linkRole.isPending ? '…' : 'Add'}\n          </button>\n        </div>\n      )}\n\n      {linked.length === 0 ? (\n        <p className=\"text-2xs text-text-tertiary leading-relaxed py-1\">\n          Add a role above and it lands here. An assignee joins every linked\n          role at its relationship scope.\n        </p>\n      ) : (\n        <div className=\"divide-y divide-surface-border/30\">\n          {linked.map((r) => {\n            const opt = relationshipOption(r.relationship);\n            return (\n              <div key={r.role} className=\"flex items-center gap-2.5 py-2 min-w-0 group/link\">\n                <Link\n                  to={`/admin/roles/${encodeURIComponent(r.role)}`}\n                  className=\"min-w-0 flex-1 truncate text-text-secondary transition-colors hover:text-accent\"\n                  title={r.role}\n                >\n                  <RolePill role={r.role} tone=\"inherit\" />\n                </Link>\n                <ScopeBadge read={opt.read_scope} write={opt.write_scope} className=\"shrink-0\" />\n                <select\n                  value={r.relationship}\n                  onChange={(e) =>\n                    linkRole.mutate({ key: persona.key, role: r.role, relationship: e.target.value })\n                  }\n                  className=\"select text-2xs w-36 shrink-0\"\n                  aria-label={`Relationship for ${r.role}`}\n                >\n                  {RELATIONSHIP_OPTIONS.map((o) => (\n                    <option key={o.value} value={o.value}>{o.label}</option>\n                  ))}\n                </select>\n                <button\n                  onClick={() => unlinkRole.mutate({ key: persona.key, role: r.role })}\n                  className=\"shrink-0 text-text-quaternary hover:text-status-error transition-colors leading-none\"\n                  title={`Unlink ${r.role}`}\n                >\n                  &times;\n                </button>\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {(linkRole.error || unlinkRole.error) && (\n        <p className=\"text-2xs text-status-error\">\n          {((linkRole.error || unlinkRole.error) as Error).message}\n        </p>\n      )}\n    </div>\n  );\n}\n\n// ── Composed surface — the sidebar an assignee actually gets ─────────────────\n\nfunction ComposedSurfaceSection({ persona }: { persona: LTPersonaDetail }) {\n  const { data: rolesData } = useRoleDetails();\n\n  // The union of the linked roles' default pins, in link order, deduped the way\n  // the live sidebar resolves them (first pin wins per label+url).\n  const groups = useMemo(() => {\n    const byRole = new Map((rolesData?.roles ?? []).map((r) => [r.role, r]));\n    const seen = new Set<string>();\n    return (persona.roles ?? []).map(({ role }) => {\n      const detail = byRole.get(role);\n      const pins = (detail?.default_pins ?? []).filter((p) => {\n        const id = `${p.label}|${p.url}`;\n        if (seen.has(id)) return false;\n        seen.add(id);\n        return true;\n      });\n      return { role, title: detail?.title ?? null, pins };\n    });\n  }, [rolesData, persona.roles]);\n\n  const pinCount = groups.reduce((n, g) => n + g.pins.length, 0);\n\n  if (persona.roles.length === 0) {\n    return (\n      <p className=\"text-2xs text-text-tertiary leading-relaxed\">\n        Link roles and their pinned views compose here — the sidebar an\n        assignee gets the moment the persona lands.\n      </p>\n    );\n  }\n\n  return (\n    <div className=\"space-y-5\">\n      <p className=\"text-2xs text-text-quaternary\">\n        {pinCount} pinned {pinCount === 1 ? 'view' : 'views'} from {groups.length} {groups.length === 1 ? 'role' : 'roles'} — assignment composes this sidebar as-is.\n      </p>\n      {groups.map((g) => (\n        <div key={g.role}>\n          <p className=\"text-2xs font-mono text-text-quaternary mb-1.5 truncate\" title={g.role}>\n            {g.title || g.role}\n          </p>\n          {g.pins.length === 0 ? (\n            <p className=\"text-2xs text-text-quaternary/70 pl-4\">no pins — set them on the role</p>\n          ) : (\n            <div className=\"space-y-0.5\">\n              {g.pins.map((p) => (\n                <Link\n                  key={`${p.label}|${p.url}`}\n                  to={p.url}\n                  className=\"flex items-center gap-2 py-1 pl-1 pr-2 rounded-md text-xs text-text-secondary hover:text-accent hover:bg-surface-hover/50 transition-colors min-w-0 group/pin\"\n                  title={p.url}\n                >\n                  <Pin className=\"w-3 h-3 shrink-0 text-text-quaternary group-hover/pin:text-accent transition-colors\" strokeWidth={1.5} />\n                  <span className=\"truncate flex-1 min-w-0\">{p.label}</span>\n                  {p.badge && (\n                    <span\n                      className=\"w-2.5 h-2.5 rounded-full dot-ring bg-status-pending-graphic shrink-0\"\n                      title=\"Carries a live count\"\n                    />\n                  )}\n                </Link>\n              ))}\n            </div>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function PersonaDetailPage() {\n  const { key = '' } = useParams();\n  const navigate = useNavigate();\n  const { data: persona, isLoading } = usePersona(key);\n  const updatePersona = useUpdatePersona();\n  const deletePersona = useDeletePersona();\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const [savedOk, setSavedOk] = useState(false);\n\n  // Identity draft, loaded once per persona key.\n  const [draft, setDraft] = useState({ title: '', description: '' });\n  const [loadedKey, setLoadedKey] = useState<string | null>(null);\n  if (persona && loadedKey !== persona.key) {\n    setLoadedKey(persona.key);\n    setDraft({ title: persona.title ?? '', description: persona.description ?? '' });\n  }\n\n  const dirty = !!persona && (\n    draft.title !== (persona.title ?? '') || draft.description !== (persona.description ?? '')\n  );\n\n  const handleSave = () => {\n    if (!persona) return;\n    updatePersona.mutate(\n      {\n        key: persona.key,\n        title: draft.title.trim() || null,\n        description: draft.description.trim() || null,\n      },\n      {\n        onSuccess: () => {\n          setSavedOk(true);\n          setTimeout(() => setSavedOk(false), 2000);\n        },\n      },\n    );\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"animate-pulse space-y-3 mt-6\">\n        {[1, 2, 3].map((i) => (\n          <div key={i} className=\"h-10 bg-surface-sunken rounded w-full\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (!persona) {\n    return <p className=\"text-sm text-text-tertiary mt-8\">Persona '{key}' not found.</p>;\n  }\n\n  return (\n    <div>\n      {/* ── Header — identity on the left, save state and actions on the right,\n          the same working header the Role config page carries. ─────────────── */}\n      <div className=\"flex items-center justify-between gap-4 mb-12 min-w-0\">\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-3 mb-1\">\n            <Drama className=\"w-5 h-5 text-accent\" strokeWidth={1.5} />\n            <h1 className=\"text-lg font-mono font-medium text-text-primary truncate\">{persona.key}</h1>\n            <button\n              onClick={() => { window.location.hash = '#docs:dashboard.md:personas'; }}\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          </div>\n          {persona.title && <p className=\"text-sm text-text-secondary pl-8 truncate\">{persona.title}</p>}\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          {updatePersona.error && (\n            <span className=\"text-xs text-status-error max-w-[180px] truncate\">\n              {(updatePersona.error as Error).message}\n            </span>\n          )}\n          <button\n            onClick={handleSave}\n            disabled={!dirty || updatePersona.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            {updatePersona.isPending ? 'Saving…' : 'Save'}\n          </button>\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        </div>\n      </div>\n\n      {/* ── Three-column body: identity · the bundle · what it composes ────── */}\n      <div className=\"grid grid-cols-3 gap-16 items-start\">\n\n        <SectionGroup icon={Tag} label=\"Identity\" annotation=\"name and story\" accent>\n          <div className=\"space-y-8\">\n            <div>\n              <label className={FIELD_LABEL}>Display Title</label>\n              <input\n                type=\"text\"\n                value={draft.title}\n                onChange={(e) => setDraft((d) => ({ ...d, title: e.target.value }))}\n                placeholder=\"e.g., Production Manager\"\n                className=\"input text-sm w-full\"\n              />\n            </div>\n            <div>\n              <label className={FIELD_LABEL}>Description</label>\n              <AutoGrowTextarea\n                value={draft.description}\n                onChange={(v) => setDraft((d) => ({ ...d, description: v }))}\n                placeholder=\"The day in the life, one paragraph — shown wherever the persona is offered.\"\n                rows={3}\n              />\n            </div>\n          </div>\n        </SectionGroup>\n\n        <SectionGroup icon={Inbox} label=\"Roles\" annotation=\"membership, each at a scope\" accent>\n          <RoleLinksSection persona={persona} />\n        </SectionGroup>\n\n        <SectionGroup icon={PanelLeft} label=\"Composed Surface\" annotation=\"the assignee's sidebar\">\n          <ComposedSurfaceSection persona={persona} />\n        </SectionGroup>\n      </div>\n\n      <ConfirmDeleteModal\n        open={confirmDelete}\n        onClose={() => setConfirmDelete(false)}\n        onConfirm={() =>\n          deletePersona.mutate(persona.key, {\n            onSuccess: () => navigate('/admin/personas'),\n          })\n        }\n        title=\"Delete Persona\"\n        description={\n          <>\n            Delete{' '}\n            <span className=\"font-medium text-text-primary\">{persona.title || persona.key}</span>\n            ? Memberships it sustains are removed; direct grants are kept.\n          </>\n        }\n        isPending={deletePersona.isPending}\n        error={deletePersona.error as Error | null}\n      />\n    </div>\n  );\n}\n"],"names":["RELATIONSHIP_OPTIONS","DEFAULT_RELATIONSHIP","relationshipOption","value","o","SectionGroup","Icon","label","annotation","accent","children","hue","jsxs","jsx","FIELD_LABEL","RoleLinksSection","persona","rolesData","useRoleDetails","linkRole","useLinkPersonaRole","unlinkRole","useUnlinkPersonaRole","newRole","setNewRole","useState","newRelationship","setNewRelationship","linked","available","useMemo","set","r","handleAdd","e","opt","Link","RolePill","ScopeBadge","ComposedSurfaceSection","groups","byRole","seen","role","detail","pins","id","pinCount","n","g","p","Pin","PersonaDetailPage","key","useParams","navigate","useNavigate","isLoading","usePersona","updatePersona","useUpdatePersona","deletePersona","useDeletePersona","confirmDelete","setConfirmDelete","savedOk","setSavedOk","draft","setDraft","loadedKey","setLoadedKey","dirty","handleSave","i","Drama","BookOpen","Check","Trash2","Tag","d","AutoGrowTextarea","v","Inbox","PanelLeft","ConfirmDeleteModal","Fragment"],"mappings":"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"}

package/dashboard/dist/assets/{PersonasPage-D8hL3kL5.js → PersonasPage-DSdRb90f.js}

@@ -1,2 +1,2 @@
-import{a as u,j as e}from"./vendor-query-RUZdMvN6.js";import{d as E,e as R,b as T,c as U,u as q}from"./personas-Cmz2SAEU.js";import{P as A}from"./PageHeader-Ce4GcIYo.js";import{R as D}from"./RolePill-CnuBPhPw.js";import{M as I}from"./Modal-BU7No9NH.js";import{u as $}from"./vendor-react-CdqEC2zv.js";import{b as K}from"./index-CfAi1OsI.js";import{u as M}from"./users-G8qwyZKS.js";import{u as O}from"./useDebouncedValue-C4P2jQuh.js";import{ae as H,a2 as F}from"./vendor-icons-BpZiWH2f.js";function V({open:s,onClose:t}){const c=$(),x=E(),[a,n]=u.useState(""),[d,l]=u.useState(""),[o,p]=u.useState(""),[h,r]=u.useState(s);s!==h&&(r(s),s&&(n(""),l(""),p(""),x.reset()));const f=()=>{const i=a.trim().toLowerCase();i&&x.mutate({key:i,title:d.trim()||void 0,description:o.trim()||void 0},{onSuccess:()=>{t(),c(`/admin/personas/${encodeURIComponent(i)}`)}})};return e.jsx(I,{open:s,onClose:t,title:"Create Persona",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Key (required)"}),e.jsx("input",{type:"text",value:a,onChange:i=>n(i.target.value),placeholder:"e.g., floor-manager",className:"input text-xs w-full font-mono",onKeyDown:i=>{i.key==="Enter"&&f()}}),e.jsx("p",{className:"text-2xs text-text-tertiary mt-1",children:"Lowercase letters, numbers, hyphens, and underscores only. Stable — it names the persona everywhere."})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Title"}),e.jsx("input",{type:"text",value:d,onChange:i=>l(i.target.value),placeholder:"e.g., Floor Manager",className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Description"}),e.jsx("textarea",{value:o,onChange:i=>p(i.target.value),placeholder:"The day in the life, one paragraph.",rows:3,className:"input text-xs w-full resize-y"})]}),x.error&&e.jsx("p",{className:"text-xs text-status-error",children:x.error.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:t,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:f,disabled:!a.trim()||x.isPending,className:"btn-primary text-xs",children:x.isPending?"Creating...":"Create"})]})]})})}function z({selected:s,onSelect:t,excludeIds:c=[],placeholder:x="Search users…"}){const[a,n]=u.useState(!1),[d,l]=u.useState(""),o=u.useRef(null),p=O(d,300),h=20,{data:r,isFetching:f}=M({search:p.trim()||void 0,limit:h});u.useEffect(()=>{if(!a)return;function m(w){o.current&&!o.current.contains(w.target)&&n(!1)}return document.addEventListener("mousedown",m),()=>document.removeEventListener("mousedown",m)},[a]);const i=u.useMemo(()=>new Set(c),[c]),g=((r==null?void 0:r.users)??[]).filter(m=>!i.has(m.id)),N=(r==null?void 0:r.total)??0,k=N>((r==null?void 0:r.users.length)??0),_=(s==null?void 0:s.label)??"",L=a?d:_;return e.jsxs("div",{ref:o,className:"relative",children:[e.jsx("input",{type:"text",value:L,onFocus:()=>{n(!0),l("")},onChange:m=>{l(m.target.value),m.target.value||t(null),a||n(!0)},placeholder:x,className:"input text-xs w-full min-w-0","aria-label":"User"}),a&&e.jsxs("div",{className:"absolute z-[100] left-0 right-0 mt-1 max-h-64 overflow-y-auto rounded-md border border-surface-border bg-surface shadow-lg",children:[g.map(m=>{const w=m.display_name||m.external_id;return e.jsxs("button",{type:"button",onClick:()=>{t({id:m.id,label:w}),l(""),n(!1)},className:`w-full text-left px-3 py-2 hover:bg-surface-hover transition-colors flex items-center gap-3 min-w-0 ${(s==null?void 0:s.id)===m.id?"bg-accent/5":""}`,children:[e.jsx("span",{className:"text-xs text-text-primary truncate",children:w}),m.email&&e.jsx("span",{className:"text-2xs text-text-quaternary truncate",children:m.email})]},m.id)}),g.length===0&&e.jsx("p",{className:"px-3 py-4 text-center text-2xs text-text-quaternary",children:f?"Searching…":d?`No users match "${d}"`:"No users available"}),k&&e.jsxs("p",{className:"px-3 py-1.5 text-2xs text-text-quaternary border-t border-surface-border/60 tabular-nums",children:[g.length," of ",N," — type to narrow"]})]})]})}const C="text-2xs font-semibold uppercase tracking-widest text-text-tertiary";function W({personaKey:s}){const{data:t}=R(s??""),c=T(),x=U(),[a,n]=u.useState(null),d=(t==null?void 0:t.assignees)??[],l=()=>{!t||!a||c.mutate({userId:a.id,key:t.key},{onSuccess:()=>n(null)})};return e.jsxs("div",{className:"border-l border-surface-border pl-6 pt-4 min-h-[300px]",children:[e.jsx("p",{className:`${C} mb-4`,children:"Assignees"}),t?e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-text-primary",children:t.title||t.key}),e.jsxs("p",{className:"text-2xs text-text-tertiary mt-0.5",children:[t.roles.length," role",t.roles.length===1?"":"s"," per assignment"]})]}),d.length===0?e.jsx("p",{className:"text-xs text-text-tertiary",children:"Assign a user to compose their whole surface in one step."}):e.jsx("div",{className:"flex flex-col gap-2",children:d.map(o=>e.jsxs("span",{className:"flex items-center gap-2.5 w-full min-w-0 pl-2.5 pr-2 py-1 text-xs bg-surface-sunken rounded-full text-text-secondary",children:[e.jsx("span",{className:"flex-1 min-w-0 truncate",title:o.external_id,children:o.display_name||o.external_id}),e.jsx("span",{className:"shrink-0 text-2xs text-text-tertiary",children:e.jsx(K,{date:o.assigned_at})}),e.jsx("button",{onClick:()=>x.mutate({userId:o.id,key:t.key}),className:"shrink-0 text-text-tertiary hover:text-status-error transition-colors ml-1",title:`Unassign ${o.display_name||o.external_id}`,children:"×"})]},o.id))}),e.jsxs("div",{className:"pt-3 border-t border-surface-border space-y-2",children:[e.jsx("p",{className:C,children:"Assign User"}),e.jsx(z,{selected:a,onSelect:n,excludeIds:d.map(o=>o.id)}),e.jsx("div",{className:"flex justify-end pt-1",children:e.jsx("button",{onClick:l,disabled:!a||c.isPending,className:"btn-primary text-xs",children:c.isPending?"...":"Assign"})}),(c.error||x.error)&&e.jsx("p",{className:"text-2xs text-status-error",children:(c.error||x.error).message})]})]}):e.jsx("p",{className:"text-xs text-text-tertiary",children:"Select a persona to assign users. An assignee joins every linked role at its scope — sidebar pins and forms compose from the roles."})]})}const S="180px 140px 1fr 220px 56px 40px",P="text-text-secondary transition-colors group-hover/row:text-text-primary",v="text-2xs font-semibold uppercase tracking-widest text-text-quaternary",y="py-2",j="py-2.5";function b(s){return s.title?s.title:s.key.replace(/[-_]+/g," ").replace(/\b\w/g,t=>t.toUpperCase())}function G(){return e.jsxs("div",{className:"grid gap-4 px-3 border-b border-surface-border bg-surface",style:{gridTemplateColumns:S},children:[e.jsx("span",{className:`${v} ${y} flex items-center`,children:"Persona"}),e.jsx("span",{className:`${v} ${y} flex items-center`,children:"Key"}),e.jsx("span",{className:`${v} ${y} flex items-center`,children:"Description"}),e.jsx("span",{className:`${v} ${y} flex items-center`,children:"Roles"}),e.jsx("span",{className:`${v} ${y} flex items-center justify-end`,children:"Users"}),e.jsx("span",{className:y})]})}const Y=3;function X({persona:s,active:t,onClick:c,onConfigure:x}){const a=s.roles??[],n=a.slice(0,Y),d=a.length-n.length;return e.jsxs("div",{role:"button",tabIndex:0,onClick:c,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&c()},className:`grid gap-4 px-3 cursor-pointer group/row transition-colors ${t?"bg-surface-hover/60":"hover:bg-surface-hover/30"}`,style:{gridTemplateColumns:S},children:[e.jsx("span",{className:`flex items-center min-w-0 text-sm truncate ${j} ${P}`,children:b(s)}),e.jsx("span",{className:`flex items-center text-xs font-mono truncate ${j} text-text-tertiary transition-colors group-hover/row:text-text-secondary`,children:s.key}),e.jsx("span",{className:`flex items-center min-w-0 text-xs text-text-tertiary truncate ${j} transition-colors group-hover/row:text-text-secondary`,children:s.description??""}),e.jsxs("div",{className:`flex items-center flex-wrap gap-x-2.5 gap-y-0.5 min-w-0 ${j}`,children:[n.map(l=>e.jsx("span",{className:"min-w-0 truncate text-text-secondary",children:e.jsx(D,{role:l.role,tone:"inherit"})},l.role)),d>0&&e.jsxs("span",{className:"text-2xs text-text-quaternary tabular-nums",children:["+",d]})]}),e.jsx("span",{className:`flex items-center justify-end text-sm tabular-nums ${j} transition-colors ${P}`,children:s.user_count>0?s.user_count:""}),e.jsx("span",{className:`flex items-center justify-end ${j}`,children:e.jsx("button",{onClick:l=>{l.stopPropagation(),x()},className:"text-text-quaternary/70 hover:text-accent transition-colors",title:`Configure ${b(s)}`,"aria-label":`Configure ${b(s)}`,children:e.jsx(F,{className:"w-3.5 h-3.5",strokeWidth:1.5})})})]})}function ie(){const s=$(),{data:t,isLoading:c}=q(),[x,a]=u.useState(!1),[n,d]=u.useState(""),[l,o]=u.useState(null),p=(t==null?void 0:t.personas)??[],h=u.useMemo(()=>{const r=[...p].sort((i,g)=>b(i).localeCompare(b(g)));if(!n.trim())return r;const f=n.toLowerCase();return r.filter(i=>{var g,N;return i.key.toLowerCase().includes(f)||b(i).toLowerCase().includes(f)||((g=i.description)==null?void 0:g.toLowerCase().includes(f))||((N=i.roles)==null?void 0:N.some(k=>k.role.toLowerCase().includes(f)))})},[p,n]);return e.jsxs("div",{children:[e.jsx(A,{title:"Personas",docsHash:"#docs:dashboard.md:personas",actions:e.jsx("button",{onClick:()=>a(!0),className:"btn-primary text-xs flex items-center gap-1.5",children:"+ Add Persona"})}),e.jsxs("div",{className:"grid grid-cols-1 @split:grid-cols-[1fr_360px] gap-6 items-start",children:[e.jsxs("div",{className:"overflow-x-clip",children:[!c&&p.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(H,{className:"w-3 h-3 text-text-quaternary shrink-0"}),e.jsx("input",{type:"text",value:n,onChange:r=>d(r.target.value),placeholder:`Search ${p.length} personas…`,className:"input w-56"}),n&&h.length!==p.length&&e.jsxs("span",{className:"text-2xs text-text-quaternary tabular-nums shrink-0",children:[h.length," of ",p.length]})]}),h.length>0&&e.jsx(G,{})]}),c?e.jsx("div",{className:"animate-pulse space-y-3 mt-6",children:[1,2,3].map(r=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded w-full"},r))}):h.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:n?"Clear the search to see all personas.":"Create a persona to bundle roles into a one-step assignment."}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:h.map(r=>e.jsx(X,{persona:r,active:r.key===l,onClick:()=>o(r.key),onConfigure:()=>s(`/admin/personas/${encodeURIComponent(r.key)}`)},r.key))})]}),e.jsx("div",{className:"sticky top-4",children:e.jsx(W,{personaKey:l})})]}),e.jsx(V,{open:x,onClose:()=>a(!1)})]})}export{ie as PersonasPage};
-//# sourceMappingURL=PersonasPage-D8hL3kL5.js.map
+import{a as u,j as e}from"./vendor-query-RUZdMvN6.js";import{d as E,e as R,b as T,c as U,u as q}from"./personas-DYtw1COf.js";import{P as A}from"./PageHeader-BJgWMZtw.js";import{R as D}from"./RolePill-BNAP-uK6.js";import{M as I}from"./Modal-BU7No9NH.js";import{u as $}from"./vendor-react-CdqEC2zv.js";import{b as K}from"./index-errgQT5x.js";import{u as M}from"./users-D4DCFPH1.js";import{u as O}from"./useDebouncedValue-C4P2jQuh.js";import{aj as H,a7 as F}from"./vendor-icons-BxuyFxH2.js";function V({open:s,onClose:t}){const c=$(),x=E(),[a,n]=u.useState(""),[d,l]=u.useState(""),[o,p]=u.useState(""),[h,r]=u.useState(s);s!==h&&(r(s),s&&(n(""),l(""),p(""),x.reset()));const f=()=>{const i=a.trim().toLowerCase();i&&x.mutate({key:i,title:d.trim()||void 0,description:o.trim()||void 0},{onSuccess:()=>{t(),c(`/admin/personas/${encodeURIComponent(i)}`)}})};return e.jsx(I,{open:s,onClose:t,title:"Create Persona",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Key (required)"}),e.jsx("input",{type:"text",value:a,onChange:i=>n(i.target.value),placeholder:"e.g., floor-manager",className:"input text-xs w-full font-mono",onKeyDown:i=>{i.key==="Enter"&&f()}}),e.jsx("p",{className:"text-2xs text-text-tertiary mt-1",children:"Lowercase letters, numbers, hyphens, and underscores only. Stable — it names the persona everywhere."})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Title"}),e.jsx("input",{type:"text",value:d,onChange:i=>l(i.target.value),placeholder:"e.g., Floor Manager",className:"input text-xs w-full"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1",children:"Description"}),e.jsx("textarea",{value:o,onChange:i=>p(i.target.value),placeholder:"The day in the life, one paragraph.",rows:3,className:"input text-xs w-full resize-y"})]}),x.error&&e.jsx("p",{className:"text-xs text-status-error",children:x.error.message}),e.jsxs("div",{className:"flex justify-end gap-3 pt-2",children:[e.jsx("button",{onClick:t,className:"btn-secondary text-xs",children:"Cancel"}),e.jsx("button",{onClick:f,disabled:!a.trim()||x.isPending,className:"btn-primary text-xs",children:x.isPending?"Creating...":"Create"})]})]})})}function z({selected:s,onSelect:t,excludeIds:c=[],placeholder:x="Search users…"}){const[a,n]=u.useState(!1),[d,l]=u.useState(""),o=u.useRef(null),p=O(d,300),h=20,{data:r,isFetching:f}=M({search:p.trim()||void 0,limit:h});u.useEffect(()=>{if(!a)return;function m(w){o.current&&!o.current.contains(w.target)&&n(!1)}return document.addEventListener("mousedown",m),()=>document.removeEventListener("mousedown",m)},[a]);const i=u.useMemo(()=>new Set(c),[c]),g=((r==null?void 0:r.users)??[]).filter(m=>!i.has(m.id)),N=(r==null?void 0:r.total)??0,k=N>((r==null?void 0:r.users.length)??0),_=(s==null?void 0:s.label)??"",L=a?d:_;return e.jsxs("div",{ref:o,className:"relative",children:[e.jsx("input",{type:"text",value:L,onFocus:()=>{n(!0),l("")},onChange:m=>{l(m.target.value),m.target.value||t(null),a||n(!0)},placeholder:x,className:"input text-xs w-full min-w-0","aria-label":"User"}),a&&e.jsxs("div",{className:"absolute z-[100] left-0 right-0 mt-1 max-h-64 overflow-y-auto rounded-md border border-surface-border bg-surface shadow-lg",children:[g.map(m=>{const w=m.display_name||m.external_id;return e.jsxs("button",{type:"button",onClick:()=>{t({id:m.id,label:w}),l(""),n(!1)},className:`w-full text-left px-3 py-2 hover:bg-surface-hover transition-colors flex items-center gap-3 min-w-0 ${(s==null?void 0:s.id)===m.id?"bg-accent/5":""}`,children:[e.jsx("span",{className:"text-xs text-text-primary truncate",children:w}),m.email&&e.jsx("span",{className:"text-2xs text-text-quaternary truncate",children:m.email})]},m.id)}),g.length===0&&e.jsx("p",{className:"px-3 py-4 text-center text-2xs text-text-quaternary",children:f?"Searching…":d?`No users match "${d}"`:"No users available"}),k&&e.jsxs("p",{className:"px-3 py-1.5 text-2xs text-text-quaternary border-t border-surface-border/60 tabular-nums",children:[g.length," of ",N," — type to narrow"]})]})]})}const C="text-2xs font-semibold uppercase tracking-widest text-text-tertiary";function W({personaKey:s}){const{data:t}=R(s??""),c=T(),x=U(),[a,n]=u.useState(null),d=(t==null?void 0:t.assignees)??[],l=()=>{!t||!a||c.mutate({userId:a.id,key:t.key},{onSuccess:()=>n(null)})};return e.jsxs("div",{className:"border-l border-surface-border pl-6 pt-4 min-h-[300px]",children:[e.jsx("p",{className:`${C} mb-4`,children:"Assignees"}),t?e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-text-primary",children:t.title||t.key}),e.jsxs("p",{className:"text-2xs text-text-tertiary mt-0.5",children:[t.roles.length," role",t.roles.length===1?"":"s"," per assignment"]})]}),d.length===0?e.jsx("p",{className:"text-xs text-text-tertiary",children:"Assign a user to compose their whole surface in one step."}):e.jsx("div",{className:"flex flex-col gap-2",children:d.map(o=>e.jsxs("span",{className:"flex items-center gap-2.5 w-full min-w-0 pl-2.5 pr-2 py-1 text-xs bg-surface-sunken rounded-full text-text-secondary",children:[e.jsx("span",{className:"flex-1 min-w-0 truncate",title:o.external_id,children:o.display_name||o.external_id}),e.jsx("span",{className:"shrink-0 text-2xs text-text-tertiary",children:e.jsx(K,{date:o.assigned_at})}),e.jsx("button",{onClick:()=>x.mutate({userId:o.id,key:t.key}),className:"shrink-0 text-text-tertiary hover:text-status-error transition-colors ml-1",title:`Unassign ${o.display_name||o.external_id}`,children:"×"})]},o.id))}),e.jsxs("div",{className:"pt-3 border-t border-surface-border space-y-2",children:[e.jsx("p",{className:C,children:"Assign User"}),e.jsx(z,{selected:a,onSelect:n,excludeIds:d.map(o=>o.id)}),e.jsx("div",{className:"flex justify-end pt-1",children:e.jsx("button",{onClick:l,disabled:!a||c.isPending,className:"btn-primary text-xs",children:c.isPending?"...":"Assign"})}),(c.error||x.error)&&e.jsx("p",{className:"text-2xs text-status-error",children:(c.error||x.error).message})]})]}):e.jsx("p",{className:"text-xs text-text-tertiary",children:"Select a persona to assign users. An assignee joins every linked role at its scope — sidebar pins and forms compose from the roles."})]})}const S="180px 140px 1fr 220px 56px 40px",P="text-text-secondary transition-colors group-hover/row:text-text-primary",v="text-2xs font-semibold uppercase tracking-widest text-text-quaternary",y="py-2",j="py-2.5";function b(s){return s.title?s.title:s.key.replace(/[-_]+/g," ").replace(/\b\w/g,t=>t.toUpperCase())}function G(){return e.jsxs("div",{className:"grid gap-4 px-3 border-b border-surface-border bg-surface",style:{gridTemplateColumns:S},children:[e.jsx("span",{className:`${v} ${y} flex items-center`,children:"Persona"}),e.jsx("span",{className:`${v} ${y} flex items-center`,children:"Key"}),e.jsx("span",{className:`${v} ${y} flex items-center`,children:"Description"}),e.jsx("span",{className:`${v} ${y} flex items-center`,children:"Roles"}),e.jsx("span",{className:`${v} ${y} flex items-center justify-end`,children:"Users"}),e.jsx("span",{className:y})]})}const Y=3;function X({persona:s,active:t,onClick:c,onConfigure:x}){const a=s.roles??[],n=a.slice(0,Y),d=a.length-n.length;return e.jsxs("div",{role:"button",tabIndex:0,onClick:c,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&c()},className:`grid gap-4 px-3 cursor-pointer group/row transition-colors ${t?"bg-surface-hover/60":"hover:bg-surface-hover/30"}`,style:{gridTemplateColumns:S},children:[e.jsx("span",{className:`flex items-center min-w-0 text-sm truncate ${j} ${P}`,children:b(s)}),e.jsx("span",{className:`flex items-center text-xs font-mono truncate ${j} text-text-tertiary transition-colors group-hover/row:text-text-secondary`,children:s.key}),e.jsx("span",{className:`flex items-center min-w-0 text-xs text-text-tertiary truncate ${j} transition-colors group-hover/row:text-text-secondary`,children:s.description??""}),e.jsxs("div",{className:`flex items-center flex-wrap gap-x-2.5 gap-y-0.5 min-w-0 ${j}`,children:[n.map(l=>e.jsx("span",{className:"min-w-0 truncate text-text-secondary",children:e.jsx(D,{role:l.role,tone:"inherit"})},l.role)),d>0&&e.jsxs("span",{className:"text-2xs text-text-quaternary tabular-nums",children:["+",d]})]}),e.jsx("span",{className:`flex items-center justify-end text-sm tabular-nums ${j} transition-colors ${P}`,children:s.user_count>0?s.user_count:""}),e.jsx("span",{className:`flex items-center justify-end ${j}`,children:e.jsx("button",{onClick:l=>{l.stopPropagation(),x()},className:"text-text-quaternary/70 hover:text-accent transition-colors",title:`Configure ${b(s)}`,"aria-label":`Configure ${b(s)}`,children:e.jsx(F,{className:"w-3.5 h-3.5",strokeWidth:1.5})})})]})}function ie(){const s=$(),{data:t,isLoading:c}=q(),[x,a]=u.useState(!1),[n,d]=u.useState(""),[l,o]=u.useState(null),p=(t==null?void 0:t.personas)??[],h=u.useMemo(()=>{const r=[...p].sort((i,g)=>b(i).localeCompare(b(g)));if(!n.trim())return r;const f=n.toLowerCase();return r.filter(i=>{var g,N;return i.key.toLowerCase().includes(f)||b(i).toLowerCase().includes(f)||((g=i.description)==null?void 0:g.toLowerCase().includes(f))||((N=i.roles)==null?void 0:N.some(k=>k.role.toLowerCase().includes(f)))})},[p,n]);return e.jsxs("div",{children:[e.jsx(A,{title:"Personas",docsHash:"#docs:dashboard.md:personas",actions:e.jsx("button",{onClick:()=>a(!0),className:"btn-primary text-xs flex items-center gap-1.5",children:"+ Add Persona"})}),e.jsxs("div",{className:"grid grid-cols-1 @split:grid-cols-[1fr_360px] gap-6 items-start",children:[e.jsxs("div",{className:"overflow-x-clip",children:[!c&&p.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(H,{className:"w-3 h-3 text-text-quaternary shrink-0"}),e.jsx("input",{type:"text",value:n,onChange:r=>d(r.target.value),placeholder:`Search ${p.length} personas…`,className:"input w-56"}),n&&h.length!==p.length&&e.jsxs("span",{className:"text-2xs text-text-quaternary tabular-nums shrink-0",children:[h.length," of ",p.length]})]}),h.length>0&&e.jsx(G,{})]}),c?e.jsx("div",{className:"animate-pulse space-y-3 mt-6",children:[1,2,3].map(r=>e.jsx("div",{className:"h-10 bg-surface-sunken rounded w-full"},r))}):h.length===0?e.jsx("p",{className:"text-sm text-text-tertiary mt-8",children:n?"Clear the search to see all personas.":"Create a persona to bundle roles into a one-step assignment."}):e.jsx("div",{className:"divide-y divide-surface-border/30",children:h.map(r=>e.jsx(X,{persona:r,active:r.key===l,onClick:()=>o(r.key),onConfigure:()=>s(`/admin/personas/${encodeURIComponent(r.key)}`)},r.key))})]}),e.jsx("div",{className:"sticky top-4",children:e.jsx(W,{personaKey:l})})]}),e.jsx(V,{open:x,onClose:()=>a(!1)})]})}export{ie as PersonasPage};
+//# sourceMappingURL=PersonasPage-DSdRb90f.js.map

package/dashboard/dist/assets/{PersonasPage-D8hL3kL5.js.map → PersonasPage-DSdRb90f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PersonasPage-D8hL3kL5.js","sources":["../../src/pages/admin/personas/CreatePersonaModal.tsx","../../src/components/common/form/UserCombobox.tsx","../../src/pages/admin/personas/AssigneesPanel.tsx","../../src/pages/admin/personas/PersonasPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCreatePersona } from '../../../api/personas';\nimport { Modal } from '../../../components/common/modal/Modal';\n\nexport function CreatePersonaModal({\n  open,\n  onClose,\n}: {\n  open: boolean;\n  onClose: () => void;\n}) {\n  const navigate = useNavigate();\n  const createPersona = useCreatePersona();\n  const [key, setKey] = useState('');\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n\n  const [prevOpen, setPrevOpen] = useState(open);\n  if (open !== prevOpen) {\n    setPrevOpen(open);\n    if (open) {\n      setKey('');\n      setTitle('');\n      setDescription('');\n      createPersona.reset();\n    }\n  }\n\n  const handleCreate = () => {\n    const trimmed = key.trim().toLowerCase();\n    if (!trimmed) return;\n    createPersona.mutate(\n      {\n        key: trimmed,\n        title: title.trim() || undefined,\n        description: description.trim() || undefined,\n      },\n      {\n        onSuccess: () => {\n          onClose();\n          // Land on the detail page to link roles right away.\n          navigate(`/admin/personas/${encodeURIComponent(trimmed)}`);\n        },\n      },\n    );\n  };\n\n  return (\n    <Modal open={open} onClose={onClose} title=\"Create Persona\">\n      <div className=\"space-y-4\">\n        <div>\n          <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Key (required)\n          </label>\n          <input\n            type=\"text\"\n            value={key}\n            onChange={(e) => setKey(e.target.value)}\n            placeholder=\"e.g., floor-manager\"\n            className=\"input text-xs w-full font-mono\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') handleCreate();\n            }}\n          />\n          <p className=\"text-2xs text-text-tertiary mt-1\">\n            Lowercase letters, numbers, hyphens, and underscores only. Stable — it names the persona everywhere.\n          </p>\n        </div>\n\n        <div>\n          <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Title\n          </label>\n          <input\n            type=\"text\"\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n            placeholder=\"e.g., Floor Manager\"\n            className=\"input text-xs w-full\"\n          />\n        </div>\n\n        <div>\n          <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Description\n          </label>\n          <textarea\n            value={description}\n            onChange={(e) => setDescription(e.target.value)}\n            placeholder=\"The day in the life, one paragraph.\"\n            rows={3}\n            className=\"input text-xs w-full resize-y\"\n          />\n        </div>\n\n        {createPersona.error && (\n          <p className=\"text-xs text-status-error\">{(createPersona.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={!key.trim() || createPersona.isPending}\n            className=\"btn-primary text-xs\"\n          >\n            {createPersona.isPending ? 'Creating...' : 'Create'}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n","import { useState, useRef, useEffect, useMemo } from 'react';\nimport { useUsers } from '../../../api/users';\nimport { useDebouncedValue } from '../../../hooks/useDebouncedValue';\n\nexport interface UserComboboxSelection {\n  id: string;\n  label: string;\n}\n\n/**\n * Searchable inline combobox for picking a user account. The filter drives the\n * server-side account search (name, email, external_id), so the list stays\n * bounded no matter how many accounts exist; a footer line discloses when more\n * matches remain than the page shows. Styled to match CapabilityCombobox.\n */\nexport function UserCombobox({ selected, onSelect, excludeIds = [], placeholder = 'Search users…' }: {\n  selected: UserComboboxSelection | null;\n  onSelect: (user: UserComboboxSelection | null) => void;\n  /** Accounts to hide from the results (e.g. already assigned). */\n  excludeIds?: string[];\n  placeholder?: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const [filter, setFilter] = useState('');\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const debounced = useDebouncedValue(filter, 300);\n  const PAGE = 20;\n  const { data, isFetching } = useUsers({\n    search: debounced.trim() || undefined,\n    limit: PAGE,\n  });\n\n  // Close on outside click\n  useEffect(() => {\n    if (!open) return;\n    function handleClick(e: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        setOpen(false);\n      }\n    }\n    document.addEventListener('mousedown', handleClick);\n    return () => document.removeEventListener('mousedown', handleClick);\n  }, [open]);\n\n  const excluded = useMemo(() => new Set(excludeIds), [excludeIds]);\n  const users = (data?.users ?? []).filter((u) => !excluded.has(u.id));\n  const total = data?.total ?? 0;\n  const truncated = total > (data?.users.length ?? 0);\n\n  const displayValue = selected?.label ?? '';\n  const filterText = open ? filter : displayValue;\n\n  return (\n    <div ref={containerRef} className=\"relative\">\n      <input\n        type=\"text\"\n        value={filterText}\n        onFocus={() => { setOpen(true); setFilter(''); }}\n        onChange={(e) => {\n          setFilter(e.target.value);\n          if (!e.target.value) onSelect(null);\n          if (!open) setOpen(true);\n        }}\n        placeholder={placeholder}\n        className=\"input text-xs w-full min-w-0\"\n        aria-label=\"User\"\n      />\n\n      {open && (\n        <div className=\"absolute z-[100] left-0 right-0 mt-1 max-h-64 overflow-y-auto rounded-md border border-surface-border bg-surface shadow-lg\">\n          {users.map((u) => {\n            const label = u.display_name || u.external_id;\n            return (\n              <button\n                key={u.id}\n                type=\"button\"\n                onClick={() => {\n                  onSelect({ id: u.id, label });\n                  setFilter('');\n                  setOpen(false);\n                }}\n                className={`w-full text-left px-3 py-2 hover:bg-surface-hover transition-colors flex items-center gap-3 min-w-0 ${\n                  selected?.id === u.id ? 'bg-accent/5' : ''\n                }`}\n              >\n                <span className=\"text-xs text-text-primary truncate\">{label}</span>\n                {u.email && (\n                  <span className=\"text-2xs text-text-quaternary truncate\">{u.email}</span>\n                )}\n              </button>\n            );\n          })}\n\n          {users.length === 0 && (\n            <p className=\"px-3 py-4 text-center text-2xs text-text-quaternary\">\n              {isFetching ? 'Searching…' : filter ? `No users match \"${filter}\"` : 'No users available'}\n            </p>\n          )}\n\n          {truncated && (\n            <p className=\"px-3 py-1.5 text-2xs text-text-quaternary border-t border-surface-border/60 tabular-nums\">\n              {users.length} of {total} — type to narrow\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport { usePersona, useAssignPersona, useUnassignPersona } from '../../../api/personas';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { UserCombobox, type UserComboboxSelection } from '../../../components/common/form/UserCombobox';\n\nconst SECTION_HDR = 'text-2xs font-semibold uppercase tracking-widest text-text-tertiary';\n\n/**\n * The 90% surface: pick a persona in the list, assign a user, and they get\n * every linked role — pins, list schemas, and forms compose from the roles.\n */\nexport function AssigneesPanel({ personaKey }: { personaKey: string | null }) {\n  const { data: persona } = usePersona(personaKey ?? '');\n  const assign = useAssignPersona();\n  const unassign = useUnassignPersona();\n  const [pendingUser, setPendingUser] = useState<UserComboboxSelection | null>(null);\n\n  const assignees = persona?.assignees ?? [];\n\n  const handleAssign = () => {\n    if (!persona || !pendingUser) return;\n    assign.mutate(\n      { userId: pendingUser.id, key: persona.key },\n      { onSuccess: () => setPendingUser(null) },\n    );\n  };\n\n  return (\n    <div className=\"border-l border-surface-border pl-6 pt-4 min-h-[300px]\">\n      <p className={`${SECTION_HDR} mb-4`}>Assignees</p>\n\n      {!persona ? (\n        <p className=\"text-xs text-text-tertiary\">\n          Select a persona to assign users. An assignee joins every linked role\n          at its scope — sidebar pins and forms compose from the roles.\n        </p>\n      ) : (\n        <div className=\"space-y-4\">\n          <div>\n            <p className=\"text-sm text-text-primary\">{persona.title || persona.key}</p>\n            <p className=\"text-2xs text-text-tertiary mt-0.5\">\n              {persona.roles.length} role{persona.roles.length === 1 ? '' : 's'} per assignment\n            </p>\n          </div>\n\n          {assignees.length === 0 ? (\n            <p className=\"text-xs text-text-tertiary\">\n              Assign a user to compose their whole surface in one step.\n            </p>\n          ) : (\n            <div className=\"flex flex-col gap-2\">\n              {assignees.map((a) => (\n                <span\n                  key={a.id}\n                  className=\"flex items-center gap-2.5 w-full min-w-0 pl-2.5 pr-2 py-1 text-xs bg-surface-sunken rounded-full text-text-secondary\"\n                >\n                  <span className=\"flex-1 min-w-0 truncate\" title={a.external_id}>\n                    {a.display_name || a.external_id}\n                  </span>\n                  <span className=\"shrink-0 text-2xs text-text-tertiary\">\n                    <DateValue date={a.assigned_at} />\n                  </span>\n                  <button\n                    onClick={() => unassign.mutate({ userId: a.id, key: persona.key })}\n                    className=\"shrink-0 text-text-tertiary hover:text-status-error transition-colors ml-1\"\n                    title={`Unassign ${a.display_name || a.external_id}`}\n                  >\n                    &times;\n                  </button>\n                </span>\n              ))}\n            </div>\n          )}\n\n          <div className=\"pt-3 border-t border-surface-border space-y-2\">\n            <p className={SECTION_HDR}>Assign User</p>\n            <UserCombobox\n              selected={pendingUser}\n              onSelect={setPendingUser}\n              excludeIds={assignees.map((a) => a.id)}\n            />\n            <div className=\"flex justify-end pt-1\">\n              <button\n                onClick={handleAssign}\n                disabled={!pendingUser || assign.isPending}\n                className=\"btn-primary text-xs\"\n              >\n                {assign.isPending ? '...' : 'Assign'}\n              </button>\n            </div>\n            {(assign.error || unassign.error) && (\n              <p className=\"text-2xs text-status-error\">\n                {((assign.error || unassign.error) as Error).message}\n              </p>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Search, Pencil } from 'lucide-react';\nimport { usePersonas } from '../../../api/personas';\nimport type { LTPersonaRecord } from '../../../api/types';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { CreatePersonaModal } from './CreatePersonaModal';\nimport { AssigneesPanel } from './AssigneesPanel';\n\n// ── Grid columns ──────────────────────────────────────────────────────────────\n// PERSONA(title, 180px) | KEY(140px) | DESCRIPTION(1fr) | ROLES(220px) | USERS(56px) | CONFIGURE(40px)\n// Mirrors the Roles list: display title leads, exact key is the secondary\n// field, the bundle's role pills preview on the right. Clicking a row selects\n// it for the Assignees panel (the 90% path); the pencil opens configuration.\nconst GRID = '180px 140px 1fr 220px 56px 40px';\n\nconst CELL_TEXT = 'text-text-secondary transition-colors group-hover/row:text-text-primary';\nconst HDR = 'text-2xs font-semibold uppercase tracking-widest text-text-quaternary';\nconst CELL_PY = 'py-2';\nconst ROW_PY = 'py-2.5';\n\n/** Title Case fallback derived from the key, same convention as roles. */\nfunction displayPersonaTitle(p: LTPersonaRecord): string {\n  if (p.title) return p.title;\n  return p.key.replace(/[-_]+/g, ' ').replace(/\\b\\w/g, (c) => c.toUpperCase());\n}\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`}>Persona</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Key</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Description</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Roles</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center justify-end`}>Users</span>\n      <span className={CELL_PY} />\n    </div>\n  );\n}\n\nconst ROLE_PREVIEW_LIMIT = 3;\n\nfunction PersonaRow({ persona, active, onClick, onConfigure }: {\n  persona: LTPersonaRecord;\n  active: boolean;\n  onClick: () => void;\n  onConfigure: () => void;\n}) {\n  const roles = persona.roles ?? [];\n  const preview = roles.slice(0, ROLE_PREVIEW_LIMIT);\n  const overflow = roles.length - preview.length;\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 transition-colors ${active ? 'bg-surface-hover/60' : 'hover:bg-surface-hover/30'}`}\n      style={{ gridTemplateColumns: GRID }}\n    >\n      <span className={`flex items-center min-w-0 text-sm truncate ${ROW_PY} ${CELL_TEXT}`}>\n        {displayPersonaTitle(persona)}\n      </span>\n\n      <span className={`flex items-center text-xs font-mono truncate ${ROW_PY} text-text-tertiary transition-colors group-hover/row:text-text-secondary`}>\n        {persona.key}\n      </span>\n\n      <span className={`flex items-center min-w-0 text-xs text-text-tertiary truncate ${ROW_PY} transition-colors group-hover/row:text-text-secondary`}>\n        {persona.description ?? ''}\n      </span>\n\n      <div className={`flex items-center flex-wrap gap-x-2.5 gap-y-0.5 min-w-0 ${ROW_PY}`}>\n        {preview.map((r) => (\n          <span key={r.role} className=\"min-w-0 truncate text-text-secondary\">\n            <RolePill role={r.role} tone=\"inherit\" />\n          </span>\n        ))}\n        {overflow > 0 && (\n          <span className=\"text-2xs text-text-quaternary tabular-nums\">+{overflow}</span>\n        )}\n      </div>\n\n      <span className={`flex items-center justify-end text-sm tabular-nums ${ROW_PY} transition-colors ${CELL_TEXT}`}>\n        {persona.user_count > 0 ? persona.user_count : ''}\n      </span>\n\n      <span className={`flex items-center justify-end ${ROW_PY}`}>\n        <button\n          onClick={(e) => { e.stopPropagation(); onConfigure(); }}\n          className=\"text-text-quaternary/70 hover:text-accent transition-colors\"\n          title={`Configure ${displayPersonaTitle(persona)}`}\n          aria-label={`Configure ${displayPersonaTitle(persona)}`}\n        >\n          <Pencil className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n        </button>\n      </span>\n    </div>\n  );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function PersonasPage() {\n  const navigate = useNavigate();\n  const { data, isLoading } = usePersonas();\n  const [showCreate, setShowCreate] = useState(false);\n  const [search, setSearch] = useState('');\n  const [selectedKey, setSelectedKey] = useState<string | null>(null);\n\n  const personas = data?.personas ?? [];\n\n  const filtered = useMemo(() => {\n    const sorted = [...personas].sort((a, b) =>\n      displayPersonaTitle(a).localeCompare(displayPersonaTitle(b)),\n    );\n    if (!search.trim()) return sorted;\n    const q = search.toLowerCase();\n    return sorted.filter(\n      (p) =>\n        p.key.toLowerCase().includes(q) ||\n        displayPersonaTitle(p).toLowerCase().includes(q) ||\n        p.description?.toLowerCase().includes(q) ||\n        p.roles?.some((r) => r.role.toLowerCase().includes(q)),\n    );\n  }, [personas, search]);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Personas\"\n        docsHash=\"#docs:dashboard.md:personas\"\n        actions={\n          <button\n            onClick={() => setShowCreate(true)}\n            className=\"btn-primary text-xs flex items-center gap-1.5\"\n          >\n            + Add Persona\n          </button>\n        }\n      />\n\n      {/* Table left, Assignees right — the same split as Accounts. Selecting a\n          row targets the panel; the row pencil opens the persona's config. */}\n      <div className=\"grid grid-cols-1 @split:grid-cols-[1fr_360px] gap-6 items-start\">\n        <div className=\"overflow-x-clip\">\n          {!isLoading && personas.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 ${personas.length} personas…`}\n                  className=\"input w-56\"\n                />\n                {search && filtered.length !== personas.length && (\n                  <span className=\"text-2xs text-text-quaternary tabular-nums shrink-0\">\n                    {filtered.length} of {personas.length}\n                  </span>\n                )}\n              </div>\n              {filtered.length > 0 && <TableHead />}\n            </div>\n          )}\n\n          {isLoading ? (\n            <div className=\"animate-pulse space-y-3 mt-6\">\n              {[1, 2, 3].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\n                ? 'Clear the search to see all personas.'\n                : 'Create a persona to bundle roles into a one-step assignment.'}\n            </p>\n          ) : (\n            <div className=\"divide-y divide-surface-border/30\">\n              {filtered.map((persona) => (\n                <PersonaRow\n                  key={persona.key}\n                  persona={persona}\n                  active={persona.key === selectedKey}\n                  onClick={() => setSelectedKey(persona.key)}\n                  onConfigure={() => navigate(`/admin/personas/${encodeURIComponent(persona.key)}`)}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n\n        <div className=\"sticky top-4\">\n          <AssigneesPanel personaKey={selectedKey} />\n        </div>\n      </div>\n\n      <CreatePersonaModal open={showCreate} onClose={() => setShowCreate(false)} />\n    </div>\n  );\n}\n"],"names":["CreatePersonaModal","open","onClose","navigate","useNavigate","createPersona","useCreatePersona","key","setKey","useState","title","setTitle","description","setDescription","prevOpen","setPrevOpen","handleCreate","trimmed","jsx","Modal","jsxs","e","UserCombobox","selected","onSelect","excludeIds","placeholder","setOpen","filter","setFilter","containerRef","useRef","debounced","useDebouncedValue","PAGE","data","isFetching","useUsers","useEffect","handleClick","excluded","useMemo","users","u","total","truncated","displayValue","filterText","label","SECTION_HDR","AssigneesPanel","personaKey","persona","usePersona","assign","useAssignPersona","unassign","useUnassignPersona","pendingUser","setPendingUser","assignees","handleAssign","a","DateValue","GRID","CELL_TEXT","HDR","CELL_PY","ROW_PY","displayPersonaTitle","p","c","TableHead","ROLE_PREVIEW_LIMIT","PersonaRow","active","onClick","onConfigure","roles","preview","overflow","r","RolePill","Pencil","PersonasPage","isLoading","usePersonas","showCreate","setShowCreate","search","setSearch","selectedKey","setSelectedKey","personas","filtered","sorted","b","q","_a","_b","PageHeader","Search","i"],"mappings":"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"}
+{"version":3,"file":"PersonasPage-DSdRb90f.js","sources":["../../src/pages/admin/personas/CreatePersonaModal.tsx","../../src/components/common/form/UserCombobox.tsx","../../src/pages/admin/personas/AssigneesPanel.tsx","../../src/pages/admin/personas/PersonasPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCreatePersona } from '../../../api/personas';\nimport { Modal } from '../../../components/common/modal/Modal';\n\nexport function CreatePersonaModal({\n  open,\n  onClose,\n}: {\n  open: boolean;\n  onClose: () => void;\n}) {\n  const navigate = useNavigate();\n  const createPersona = useCreatePersona();\n  const [key, setKey] = useState('');\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n\n  const [prevOpen, setPrevOpen] = useState(open);\n  if (open !== prevOpen) {\n    setPrevOpen(open);\n    if (open) {\n      setKey('');\n      setTitle('');\n      setDescription('');\n      createPersona.reset();\n    }\n  }\n\n  const handleCreate = () => {\n    const trimmed = key.trim().toLowerCase();\n    if (!trimmed) return;\n    createPersona.mutate(\n      {\n        key: trimmed,\n        title: title.trim() || undefined,\n        description: description.trim() || undefined,\n      },\n      {\n        onSuccess: () => {\n          onClose();\n          // Land on the detail page to link roles right away.\n          navigate(`/admin/personas/${encodeURIComponent(trimmed)}`);\n        },\n      },\n    );\n  };\n\n  return (\n    <Modal open={open} onClose={onClose} title=\"Create Persona\">\n      <div className=\"space-y-4\">\n        <div>\n          <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Key (required)\n          </label>\n          <input\n            type=\"text\"\n            value={key}\n            onChange={(e) => setKey(e.target.value)}\n            placeholder=\"e.g., floor-manager\"\n            className=\"input text-xs w-full font-mono\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') handleCreate();\n            }}\n          />\n          <p className=\"text-2xs text-text-tertiary mt-1\">\n            Lowercase letters, numbers, hyphens, and underscores only. Stable — it names the persona everywhere.\n          </p>\n        </div>\n\n        <div>\n          <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Title\n          </label>\n          <input\n            type=\"text\"\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n            placeholder=\"e.g., Floor Manager\"\n            className=\"input text-xs w-full\"\n          />\n        </div>\n\n        <div>\n          <label className=\"block text-2xs font-semibold uppercase tracking-widest text-text-tertiary mb-1\">\n            Description\n          </label>\n          <textarea\n            value={description}\n            onChange={(e) => setDescription(e.target.value)}\n            placeholder=\"The day in the life, one paragraph.\"\n            rows={3}\n            className=\"input text-xs w-full resize-y\"\n          />\n        </div>\n\n        {createPersona.error && (\n          <p className=\"text-xs text-status-error\">{(createPersona.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={!key.trim() || createPersona.isPending}\n            className=\"btn-primary text-xs\"\n          >\n            {createPersona.isPending ? 'Creating...' : 'Create'}\n          </button>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n","import { useState, useRef, useEffect, useMemo } from 'react';\nimport { useUsers } from '../../../api/users';\nimport { useDebouncedValue } from '../../../hooks/useDebouncedValue';\n\nexport interface UserComboboxSelection {\n  id: string;\n  label: string;\n}\n\n/**\n * Searchable inline combobox for picking a user account. The filter drives the\n * server-side account search (name, email, external_id), so the list stays\n * bounded no matter how many accounts exist; a footer line discloses when more\n * matches remain than the page shows. Styled to match CapabilityCombobox.\n */\nexport function UserCombobox({ selected, onSelect, excludeIds = [], placeholder = 'Search users…' }: {\n  selected: UserComboboxSelection | null;\n  onSelect: (user: UserComboboxSelection | null) => void;\n  /** Accounts to hide from the results (e.g. already assigned). */\n  excludeIds?: string[];\n  placeholder?: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const [filter, setFilter] = useState('');\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const debounced = useDebouncedValue(filter, 300);\n  const PAGE = 20;\n  const { data, isFetching } = useUsers({\n    search: debounced.trim() || undefined,\n    limit: PAGE,\n  });\n\n  // Close on outside click\n  useEffect(() => {\n    if (!open) return;\n    function handleClick(e: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        setOpen(false);\n      }\n    }\n    document.addEventListener('mousedown', handleClick);\n    return () => document.removeEventListener('mousedown', handleClick);\n  }, [open]);\n\n  const excluded = useMemo(() => new Set(excludeIds), [excludeIds]);\n  const users = (data?.users ?? []).filter((u) => !excluded.has(u.id));\n  const total = data?.total ?? 0;\n  const truncated = total > (data?.users.length ?? 0);\n\n  const displayValue = selected?.label ?? '';\n  const filterText = open ? filter : displayValue;\n\n  return (\n    <div ref={containerRef} className=\"relative\">\n      <input\n        type=\"text\"\n        value={filterText}\n        onFocus={() => { setOpen(true); setFilter(''); }}\n        onChange={(e) => {\n          setFilter(e.target.value);\n          if (!e.target.value) onSelect(null);\n          if (!open) setOpen(true);\n        }}\n        placeholder={placeholder}\n        className=\"input text-xs w-full min-w-0\"\n        aria-label=\"User\"\n      />\n\n      {open && (\n        <div className=\"absolute z-[100] left-0 right-0 mt-1 max-h-64 overflow-y-auto rounded-md border border-surface-border bg-surface shadow-lg\">\n          {users.map((u) => {\n            const label = u.display_name || u.external_id;\n            return (\n              <button\n                key={u.id}\n                type=\"button\"\n                onClick={() => {\n                  onSelect({ id: u.id, label });\n                  setFilter('');\n                  setOpen(false);\n                }}\n                className={`w-full text-left px-3 py-2 hover:bg-surface-hover transition-colors flex items-center gap-3 min-w-0 ${\n                  selected?.id === u.id ? 'bg-accent/5' : ''\n                }`}\n              >\n                <span className=\"text-xs text-text-primary truncate\">{label}</span>\n                {u.email && (\n                  <span className=\"text-2xs text-text-quaternary truncate\">{u.email}</span>\n                )}\n              </button>\n            );\n          })}\n\n          {users.length === 0 && (\n            <p className=\"px-3 py-4 text-center text-2xs text-text-quaternary\">\n              {isFetching ? 'Searching…' : filter ? `No users match \"${filter}\"` : 'No users available'}\n            </p>\n          )}\n\n          {truncated && (\n            <p className=\"px-3 py-1.5 text-2xs text-text-quaternary border-t border-surface-border/60 tabular-nums\">\n              {users.length} of {total} — type to narrow\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport { usePersona, useAssignPersona, useUnassignPersona } from '../../../api/personas';\nimport { DateValue } from '../../../components/common/display/DateValue';\nimport { UserCombobox, type UserComboboxSelection } from '../../../components/common/form/UserCombobox';\n\nconst SECTION_HDR = 'text-2xs font-semibold uppercase tracking-widest text-text-tertiary';\n\n/**\n * The 90% surface: pick a persona in the list, assign a user, and they get\n * every linked role — pins, list schemas, and forms compose from the roles.\n */\nexport function AssigneesPanel({ personaKey }: { personaKey: string | null }) {\n  const { data: persona } = usePersona(personaKey ?? '');\n  const assign = useAssignPersona();\n  const unassign = useUnassignPersona();\n  const [pendingUser, setPendingUser] = useState<UserComboboxSelection | null>(null);\n\n  const assignees = persona?.assignees ?? [];\n\n  const handleAssign = () => {\n    if (!persona || !pendingUser) return;\n    assign.mutate(\n      { userId: pendingUser.id, key: persona.key },\n      { onSuccess: () => setPendingUser(null) },\n    );\n  };\n\n  return (\n    <div className=\"border-l border-surface-border pl-6 pt-4 min-h-[300px]\">\n      <p className={`${SECTION_HDR} mb-4`}>Assignees</p>\n\n      {!persona ? (\n        <p className=\"text-xs text-text-tertiary\">\n          Select a persona to assign users. An assignee joins every linked role\n          at its scope — sidebar pins and forms compose from the roles.\n        </p>\n      ) : (\n        <div className=\"space-y-4\">\n          <div>\n            <p className=\"text-sm text-text-primary\">{persona.title || persona.key}</p>\n            <p className=\"text-2xs text-text-tertiary mt-0.5\">\n              {persona.roles.length} role{persona.roles.length === 1 ? '' : 's'} per assignment\n            </p>\n          </div>\n\n          {assignees.length === 0 ? (\n            <p className=\"text-xs text-text-tertiary\">\n              Assign a user to compose their whole surface in one step.\n            </p>\n          ) : (\n            <div className=\"flex flex-col gap-2\">\n              {assignees.map((a) => (\n                <span\n                  key={a.id}\n                  className=\"flex items-center gap-2.5 w-full min-w-0 pl-2.5 pr-2 py-1 text-xs bg-surface-sunken rounded-full text-text-secondary\"\n                >\n                  <span className=\"flex-1 min-w-0 truncate\" title={a.external_id}>\n                    {a.display_name || a.external_id}\n                  </span>\n                  <span className=\"shrink-0 text-2xs text-text-tertiary\">\n                    <DateValue date={a.assigned_at} />\n                  </span>\n                  <button\n                    onClick={() => unassign.mutate({ userId: a.id, key: persona.key })}\n                    className=\"shrink-0 text-text-tertiary hover:text-status-error transition-colors ml-1\"\n                    title={`Unassign ${a.display_name || a.external_id}`}\n                  >\n                    &times;\n                  </button>\n                </span>\n              ))}\n            </div>\n          )}\n\n          <div className=\"pt-3 border-t border-surface-border space-y-2\">\n            <p className={SECTION_HDR}>Assign User</p>\n            <UserCombobox\n              selected={pendingUser}\n              onSelect={setPendingUser}\n              excludeIds={assignees.map((a) => a.id)}\n            />\n            <div className=\"flex justify-end pt-1\">\n              <button\n                onClick={handleAssign}\n                disabled={!pendingUser || assign.isPending}\n                className=\"btn-primary text-xs\"\n              >\n                {assign.isPending ? '...' : 'Assign'}\n              </button>\n            </div>\n            {(assign.error || unassign.error) && (\n              <p className=\"text-2xs text-status-error\">\n                {((assign.error || unassign.error) as Error).message}\n              </p>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { useState, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Search, Pencil } from 'lucide-react';\nimport { usePersonas } from '../../../api/personas';\nimport type { LTPersonaRecord } from '../../../api/types';\nimport { PageHeader } from '../../../components/common/layout/PageHeader';\nimport { RolePill } from '../../../components/common/display/RolePill';\nimport { CreatePersonaModal } from './CreatePersonaModal';\nimport { AssigneesPanel } from './AssigneesPanel';\n\n// ── Grid columns ──────────────────────────────────────────────────────────────\n// PERSONA(title, 180px) | KEY(140px) | DESCRIPTION(1fr) | ROLES(220px) | USERS(56px) | CONFIGURE(40px)\n// Mirrors the Roles list: display title leads, exact key is the secondary\n// field, the bundle's role pills preview on the right. Clicking a row selects\n// it for the Assignees panel (the 90% path); the pencil opens configuration.\nconst GRID = '180px 140px 1fr 220px 56px 40px';\n\nconst CELL_TEXT = 'text-text-secondary transition-colors group-hover/row:text-text-primary';\nconst HDR = 'text-2xs font-semibold uppercase tracking-widest text-text-quaternary';\nconst CELL_PY = 'py-2';\nconst ROW_PY = 'py-2.5';\n\n/** Title Case fallback derived from the key, same convention as roles. */\nfunction displayPersonaTitle(p: LTPersonaRecord): string {\n  if (p.title) return p.title;\n  return p.key.replace(/[-_]+/g, ' ').replace(/\\b\\w/g, (c) => c.toUpperCase());\n}\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`}>Persona</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Key</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Description</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center`}>Roles</span>\n      <span className={`${HDR} ${CELL_PY} flex items-center justify-end`}>Users</span>\n      <span className={CELL_PY} />\n    </div>\n  );\n}\n\nconst ROLE_PREVIEW_LIMIT = 3;\n\nfunction PersonaRow({ persona, active, onClick, onConfigure }: {\n  persona: LTPersonaRecord;\n  active: boolean;\n  onClick: () => void;\n  onConfigure: () => void;\n}) {\n  const roles = persona.roles ?? [];\n  const preview = roles.slice(0, ROLE_PREVIEW_LIMIT);\n  const overflow = roles.length - preview.length;\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 transition-colors ${active ? 'bg-surface-hover/60' : 'hover:bg-surface-hover/30'}`}\n      style={{ gridTemplateColumns: GRID }}\n    >\n      <span className={`flex items-center min-w-0 text-sm truncate ${ROW_PY} ${CELL_TEXT}`}>\n        {displayPersonaTitle(persona)}\n      </span>\n\n      <span className={`flex items-center text-xs font-mono truncate ${ROW_PY} text-text-tertiary transition-colors group-hover/row:text-text-secondary`}>\n        {persona.key}\n      </span>\n\n      <span className={`flex items-center min-w-0 text-xs text-text-tertiary truncate ${ROW_PY} transition-colors group-hover/row:text-text-secondary`}>\n        {persona.description ?? ''}\n      </span>\n\n      <div className={`flex items-center flex-wrap gap-x-2.5 gap-y-0.5 min-w-0 ${ROW_PY}`}>\n        {preview.map((r) => (\n          <span key={r.role} className=\"min-w-0 truncate text-text-secondary\">\n            <RolePill role={r.role} tone=\"inherit\" />\n          </span>\n        ))}\n        {overflow > 0 && (\n          <span className=\"text-2xs text-text-quaternary tabular-nums\">+{overflow}</span>\n        )}\n      </div>\n\n      <span className={`flex items-center justify-end text-sm tabular-nums ${ROW_PY} transition-colors ${CELL_TEXT}`}>\n        {persona.user_count > 0 ? persona.user_count : ''}\n      </span>\n\n      <span className={`flex items-center justify-end ${ROW_PY}`}>\n        <button\n          onClick={(e) => { e.stopPropagation(); onConfigure(); }}\n          className=\"text-text-quaternary/70 hover:text-accent transition-colors\"\n          title={`Configure ${displayPersonaTitle(persona)}`}\n          aria-label={`Configure ${displayPersonaTitle(persona)}`}\n        >\n          <Pencil className=\"w-3.5 h-3.5\" strokeWidth={1.5} />\n        </button>\n      </span>\n    </div>\n  );\n}\n\n// ── Page ──────────────────────────────────────────────────────────────────────\n\nexport function PersonasPage() {\n  const navigate = useNavigate();\n  const { data, isLoading } = usePersonas();\n  const [showCreate, setShowCreate] = useState(false);\n  const [search, setSearch] = useState('');\n  const [selectedKey, setSelectedKey] = useState<string | null>(null);\n\n  const personas = data?.personas ?? [];\n\n  const filtered = useMemo(() => {\n    const sorted = [...personas].sort((a, b) =>\n      displayPersonaTitle(a).localeCompare(displayPersonaTitle(b)),\n    );\n    if (!search.trim()) return sorted;\n    const q = search.toLowerCase();\n    return sorted.filter(\n      (p) =>\n        p.key.toLowerCase().includes(q) ||\n        displayPersonaTitle(p).toLowerCase().includes(q) ||\n        p.description?.toLowerCase().includes(q) ||\n        p.roles?.some((r) => r.role.toLowerCase().includes(q)),\n    );\n  }, [personas, search]);\n\n  return (\n    <div>\n      <PageHeader\n        title=\"Personas\"\n        docsHash=\"#docs:dashboard.md:personas\"\n        actions={\n          <button\n            onClick={() => setShowCreate(true)}\n            className=\"btn-primary text-xs flex items-center gap-1.5\"\n          >\n            + Add Persona\n          </button>\n        }\n      />\n\n      {/* Table left, Assignees right — the same split as Accounts. Selecting a\n          row targets the panel; the row pencil opens the persona's config. */}\n      <div className=\"grid grid-cols-1 @split:grid-cols-[1fr_360px] gap-6 items-start\">\n        <div className=\"overflow-x-clip\">\n          {!isLoading && personas.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 ${personas.length} personas…`}\n                  className=\"input w-56\"\n                />\n                {search && filtered.length !== personas.length && (\n                  <span className=\"text-2xs text-text-quaternary tabular-nums shrink-0\">\n                    {filtered.length} of {personas.length}\n                  </span>\n                )}\n              </div>\n              {filtered.length > 0 && <TableHead />}\n            </div>\n          )}\n\n          {isLoading ? (\n            <div className=\"animate-pulse space-y-3 mt-6\">\n              {[1, 2, 3].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\n                ? 'Clear the search to see all personas.'\n                : 'Create a persona to bundle roles into a one-step assignment.'}\n            </p>\n          ) : (\n            <div className=\"divide-y divide-surface-border/30\">\n              {filtered.map((persona) => (\n                <PersonaRow\n                  key={persona.key}\n                  persona={persona}\n                  active={persona.key === selectedKey}\n                  onClick={() => setSelectedKey(persona.key)}\n                  onConfigure={() => navigate(`/admin/personas/${encodeURIComponent(persona.key)}`)}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n\n        <div className=\"sticky top-4\">\n          <AssigneesPanel personaKey={selectedKey} />\n        </div>\n      </div>\n\n      <CreatePersonaModal open={showCreate} onClose={() => setShowCreate(false)} />\n    </div>\n  );\n}\n"],"names":["CreatePersonaModal","open","onClose","navigate","useNavigate","createPersona","useCreatePersona","key","setKey","useState","title","setTitle","description","setDescription","prevOpen","setPrevOpen","handleCreate","trimmed","jsx","Modal","jsxs","e","UserCombobox","selected","onSelect","excludeIds","placeholder","setOpen","filter","setFilter","containerRef","useRef","debounced","useDebouncedValue","PAGE","data","isFetching","useUsers","useEffect","handleClick","excluded","useMemo","users","u","total","truncated","displayValue","filterText","label","SECTION_HDR","AssigneesPanel","personaKey","persona","usePersona","assign","useAssignPersona","unassign","useUnassignPersona","pendingUser","setPendingUser","assignees","handleAssign","a","DateValue","GRID","CELL_TEXT","HDR","CELL_PY","ROW_PY","displayPersonaTitle","p","c","TableHead","ROLE_PREVIEW_LIMIT","PersonaRow","active","onClick","onConfigure","roles","preview","overflow","r","RolePill","Pencil","PersonasPage","isLoading","usePersonas","showCreate","setShowCreate","search","setSearch","selectedKey","setSelectedKey","personas","filtered","sorted","b","q","_a","_b","PageHeader","Search","i"],"mappings":"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"}