@pcoi/components 0.1.2 → 1.0.0

package/dist/index.js

@@ -1,2 +1,3517 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),y=require("@pcoi/icons"),P=require("react-dom"),w=d.forwardRef(({href:s="#",className:c="",...a},l)=>e.jsxs("a",{ref:l,href:s,className:`pcoi-logo ${c}`,"aria-label":"PCOI home",...a,children:[e.jsx("span",{className:"pcoi-logo__mark","aria-hidden":"true",children:"P"}),"COI"]}));w.displayName="LogoMark";const b=d.forwardRef(({variant:s="primary",size:c="default",children:a,className:l="",...i},r)=>{const o=["pcoi-btn",`pcoi-btn--${s}`,c!=="default"?`pcoi-btn--${c}`:"",l].filter(Boolean).join(" ");return e.jsx("button",{ref:r,className:o,...i,children:a})});b.displayName="Button";const N=d.forwardRef(({label:s,name:c,multiline:a=!1,rows:l=3,error:i,required:r=!1,disabled:o=!1,className:n="",...p},t)=>{const h=`pcoi-field-${c}`,m=i?`${h}-error`:void 0,u=["pcoi-field",i?"pcoi-field--error":"",o?"pcoi-field--disabled":"",n].filter(Boolean).join(" ");return e.jsxs("div",{className:u,children:[e.jsxs("label",{htmlFor:h,className:"pcoi-field__label",children:[s,r&&e.jsx("span",{className:"pcoi-field__required","aria-hidden":"true",children:"*"})]}),a?e.jsx("textarea",{ref:t,id:h,name:c,rows:l,required:r,disabled:o,"aria-invalid":!!i,"aria-describedby":m,className:"pcoi-field__textarea",...p}):e.jsx("input",{ref:t,id:h,name:c,required:r,disabled:o,"aria-invalid":!!i,"aria-describedby":m,className:"pcoi-field__input",...p}),i&&e.jsx("span",{id:m,className:"pcoi-field__error",role:"alert",children:i})]})});N.displayName="FormField";const D=d.forwardRef(({variant:s="problem",title:c,description:a,icon:l,number:i,headingLevel:r="h3",className:o="",...n},p)=>{const t=r,h=["pcoi-card",`pcoi-card--${s}`,o].filter(Boolean).join(" ");return e.jsxs("div",{ref:p,className:h,...n,children:[s==="problem"&&l&&e.jsx("div",{className:"pcoi-card__icon",children:l}),s==="principle"&&i&&e.jsx("div",{className:"pcoi-card__number",children:i}),e.jsx(t,{className:"pcoi-card__title",children:c}),e.jsx("p",{className:"pcoi-card__description",children:a})]})});D.displayName="Card";const O=d.forwardRef(({links:s=[{label:"Problem",href:"#problem"},{label:"How It Works",href:"#how-it-works"},{label:"Difference",href:"#difference"},{label:"Who It's For",href:"#who"}],ctaLabel:c="Start a Conversation",ctaHref:a="#contact",onCtaClick:l,className:i="",...r},o)=>{const[n,p]=d.useState(!1),[t,h]=d.useState(!1);return d.useEffect(()=>{const m=()=>p(window.scrollY>40);return window.addEventListener("scroll",m,{passive:!0}),m(),()=>window.removeEventListener("scroll",m)},[]),d.useEffect(()=>{if(!t)return;const m=u=>{u.key==="Escape"&&h(!1)};return document.addEventListener("keydown",m),()=>document.removeEventListener("keydown",m)},[t]),e.jsxs("nav",{ref:o,className:`pcoi-nav ${n?"pcoi-nav--scrolled":""} ${t?"pcoi-nav--menu-open":""} ${i}`,"aria-label":"Main",...r,children:[e.jsxs("div",{className:"pcoi-nav__inner",children:[e.jsx(w,{}),e.jsxs("div",{className:"pcoi-nav__links",children:[s.map(m=>e.jsx("a",{href:m.href,"data-track-id":m.trackingId,children:m.label},m.href)),e.jsx("a",{href:a,children:e.jsx(b,{variant:"nav-cta",onClick:l,children:c})})]}),e.jsxs("button",{className:`pcoi-nav__hamburger ${t?"pcoi-nav__hamburger--active":""}`,onClick:()=>h(!t),"aria-label":"Toggle menu","aria-expanded":t,"aria-controls":"pcoi-mobile-menu",children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{})]})]}),e.jsxs("div",{className:"pcoi-nav__mobile-menu",id:"pcoi-mobile-menu",role:"menu","aria-hidden":!t,children:[s.map(m=>e.jsx("a",{href:m.href,"data-track-id":m.trackingId,role:"menuitem",tabIndex:t?0:-1,onClick:()=>h(!1),children:m.label},m.href)),e.jsx("a",{href:a,children:e.jsx(b,{variant:"nav-cta",onClick:()=>{l==null||l(),h(!1)},children:c})})]})]})});O.displayName="Nav";const M=d.forwardRef(({label:s,title:c,titleEmphasis:a,description:l,headingLevel:i="h2",className:r="",...o},n)=>{const p=i;return e.jsxs("div",{ref:n,className:`pcoi-section-header ${r}`,...o,children:[e.jsx("span",{className:"pcoi-section-header__label",children:s}),e.jsx(p,{className:"pcoi-section-header__title",children:a?e.jsxs(e.Fragment,{children:[c.replace(a,""),e.jsx("em",{children:a})]}):c}),l&&e.jsx("p",{className:"pcoi-section-header__desc",children:l})]})});M.displayName="SectionHeader";const q=d.forwardRef(({number:s,title:c,description:a,isLast:l=!1,headingLevel:i="h3",className:r="",...o},n)=>{const p=i;return e.jsxs("div",{ref:n,className:`pcoi-how-step ${l?"pcoi-how-step--last":""} ${r}`,...o,children:[e.jsx("div",{className:"pcoi-how-step__number",children:s}),e.jsxs("div",{className:"pcoi-how-step__content",children:[e.jsx(p,{className:"pcoi-how-step__title",children:c}),e.jsx("p",{className:"pcoi-how-step__desc",children:a})]})]})});q.displayName="HowStep";const H=d.forwardRef(({competitorName:s="Typical SaaS AI",pcoiName:c="PCOI",rows:a,className:l="",...i},r)=>e.jsx("div",{ref:r,className:`pcoi-comparison ${l}`,...i,children:e.jsxs("table",{className:"pcoi-comparison__table",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"pcoi-comparison__header",children:[e.jsx("th",{className:"pcoi-comparison__col",scope:"col",children:e.jsx("span",{className:"pcoi-sr-only",children:"Feature"})}),e.jsx("th",{className:"pcoi-comparison__col",scope:"col",children:s}),e.jsx("th",{className:"pcoi-comparison__col pcoi-comparison__col--highlight",scope:"col",children:c})]})}),e.jsx("tbody",{children:a.map((o,n)=>e.jsxs("tr",{className:"pcoi-comparison__row",children:[e.jsx("th",{className:"pcoi-comparison__col pcoi-comparison__col--label",scope:"row",children:o.label}),e.jsx("td",{className:"pcoi-comparison__col",children:o.competitor}),e.jsx("td",{className:"pcoi-comparison__col pcoi-comparison__col--highlight",children:o.pcoi})]},n))})]})}));H.displayName="ComparisonTable";const L=d.forwardRef(({onSubmit:s,className:c="",...a},l)=>{const[i,r]=d.useState(!1),o=n=>{n.preventDefault();const p=n.currentTarget,t=new FormData(p),h=Object.fromEntries(t.entries());s==null||s(h),r(!0),p.reset(),setTimeout(()=>r(!1),3e3)};return e.jsxs("form",{ref:l,className:`pcoi-form ${c}`,onSubmit:o,"aria-label":"Contact form",...a,children:[e.jsxs("div",{className:"pcoi-form__row",children:[e.jsx(N,{label:"Name",name:"name",placeholder:"Your name",required:!0}),e.jsx(N,{label:"Company",name:"company",placeholder:"Company name",required:!0})]}),e.jsxs("div",{className:"pcoi-form__row",children:[e.jsx(N,{label:"Email",name:"email",type:"email",placeholder:"you@company.com",required:!0}),e.jsx(N,{label:"Your Role",name:"role",placeholder:"CEO, COO, VP Ops, etc."})]}),e.jsx(N,{label:"What problem are you trying to solve?",name:"context",multiline:!0,rows:3,placeholder:"Tell us about the knowledge challenges in your organization...",className:"pcoi-form__full"}),e.jsx(b,{type:"submit",variant:"primary",size:"large",disabled:i,children:i?"Message Received":"Start the Conversation"}),e.jsx("p",{className:"pcoi-form__note",children:"No sales automation. A real person reads this and responds personally."})]})});L.displayName="ContactForm";const A=d.forwardRef(({quote:s,attribution:c,attributionTitle:a,sourceUrl:l,sourceLabel:i,className:r="",...o},n)=>e.jsxs("figure",{ref:n,className:`pcoi-callout ${r}`,...o,children:[e.jsx("div",{className:"pcoi-callout__line","aria-hidden":"true"}),e.jsx("blockquote",{className:"pcoi-callout__quote",children:e.jsx("p",{children:s})}),(c||l)&&e.jsxs("figcaption",{className:"pcoi-callout__attribution",children:[a&&e.jsxs("span",{children:[a,"  ~  "]}),c,l&&e.jsxs(e.Fragment,{children:["  |  ",e.jsx("a",{href:l,target:"_blank",rel:"noopener noreferrer",children:i||"Source"})]})]})]}));A.displayName="Callout";const z=d.forwardRef(({title:s="You'll know this is for you if:",signals:c,headingLevel:a="h3",className:l="",...i},r)=>{const o=a;return e.jsxs("div",{ref:r,className:`pcoi-signals ${l}`,...i,children:[e.jsx(o,{className:"pcoi-signals__title",children:s}),e.jsx("ul",{className:"pcoi-signals__list",children:c.map((n,p)=>e.jsx("li",{className:"pcoi-signals__item",children:n},p))})]})});z.displayName="SignalsPanel";const Y=d.forwardRef(({links:s=[{label:"Problem",href:"#problem"},{label:"How It Works",href:"#how-it-works"},{label:"Difference",href:"#difference"},{label:"Principles",href:"#principles"},{label:"Who It's For",href:"#who"},{label:"Contact",href:"#contact"}],tagline:c=`Portable, Company-Owned
-Operational Intelligence`,copyright:a=`© ${new Date().getFullYear()} PCOI. Operational intelligence you own.`,className:l="",...i},r)=>e.jsxs("footer",{ref:r,className:`pcoi-footer ${l}`,...i,children:[e.jsxs("div",{className:"pcoi-footer__inner",children:[e.jsxs("div",{className:"pcoi-footer__brand",children:[e.jsx(w,{className:"pcoi-footer__logo"}),e.jsx("p",{className:"pcoi-footer__tagline",children:c})]}),e.jsx("nav",{className:"pcoi-footer__links","aria-label":"Footer",children:s.map(o=>e.jsx("a",{href:o.href,"data-track-id":o.trackingId,children:o.label},o.href))})]}),e.jsx("div",{className:"pcoi-footer__bottom",children:e.jsx("p",{children:a})})]}));Y.displayName="Footer";const V=d.forwardRef(({label:s,name:c,options:a,placeholder:l,error:i,required:r=!1,disabled:o=!1,className:n="",...p},t)=>{const h=`pcoi-field-${c}`,m=i?`${h}-error`:void 0,u=["pcoi-select",i?"pcoi-select--error":"",o?"pcoi-select--disabled":"",n].filter(Boolean).join(" ");return e.jsxs("div",{className:u,children:[e.jsxs("label",{htmlFor:h,className:"pcoi-select__label",children:[s,r&&e.jsx("span",{className:"pcoi-select__required","aria-hidden":"true",children:"*"})]}),e.jsxs("div",{className:"pcoi-select__wrapper",children:[e.jsxs("select",{ref:t,id:h,name:c,required:r,disabled:o,"aria-invalid":!!i,"aria-describedby":m,className:"pcoi-select__native",defaultValue:l?"":void 0,...p,children:[l&&e.jsx("option",{value:"",disabled:!0,hidden:!0,children:l}),a.map(f=>e.jsx("option",{value:f.value,disabled:f.disabled,children:f.label},f.value))]}),e.jsx("span",{className:"pcoi-select__chevron","aria-hidden":"true",children:e.jsx(y.ChevronDownIcon,{size:16})})]}),i&&e.jsx("span",{id:m,className:"pcoi-select__error",role:"alert",children:i})]})});V.displayName="Select";const W=d.forwardRef(({label:s,name:c,error:a,disabled:l=!1,className:i="",...r},o)=>{const n=`pcoi-field-${c}`,p=a?`${n}-error`:void 0,t=["pcoi-checkbox",a?"pcoi-checkbox--error":"",l?"pcoi-checkbox--disabled":"",i].filter(Boolean).join(" ");return e.jsxs("div",{className:t,children:[e.jsxs("label",{htmlFor:n,className:"pcoi-checkbox__control",children:[e.jsx("input",{ref:o,type:"checkbox",id:n,name:c,disabled:l,"aria-invalid":!!a,"aria-describedby":p,className:"pcoi-checkbox__input",...r}),e.jsx("span",{className:"pcoi-checkbox__box","aria-hidden":"true"}),e.jsx("span",{className:"pcoi-checkbox__label",children:s})]}),a&&e.jsx("span",{id:p,className:"pcoi-checkbox__error",role:"alert",children:a})]})});W.displayName="Checkbox";const K=d.forwardRef(({label:s,name:c,error:a,disabled:l=!1,className:i="",...r},o)=>{const n=`pcoi-field-${c}`,p=a?`${n}-error`:void 0,t=["pcoi-toggle",a?"pcoi-toggle--error":"",l?"pcoi-toggle--disabled":"",i].filter(Boolean).join(" ");return e.jsxs("div",{className:t,children:[e.jsxs("label",{htmlFor:n,className:"pcoi-toggle__control",children:[e.jsx("input",{ref:o,type:"checkbox",id:n,name:c,disabled:l,"aria-invalid":!!a,"aria-describedby":p,className:"pcoi-toggle__input",role:"switch",...r}),e.jsx("span",{className:"pcoi-toggle__track","aria-hidden":"true",children:e.jsx("span",{className:"pcoi-toggle__thumb"})}),e.jsx("span",{className:"pcoi-toggle__label",children:s})]}),a&&e.jsx("span",{id:p,className:"pcoi-toggle__error",role:"alert",children:a})]})});K.displayName="Toggle";const G=d.forwardRef(({label:s,name:c,options:a,defaultValue:l,error:i,required:r=!1,disabled:o=!1,onChange:n,className:p="",...t},h)=>{const m=i?`pcoi-field-${c}-error`:void 0,u=["pcoi-radio-group",i?"pcoi-radio-group--error":"",o?"pcoi-radio-group--disabled":"",p].filter(Boolean).join(" "),f=_=>{n==null||n(_.target.value)};return e.jsxs("fieldset",{ref:h,className:u,"aria-invalid":!!i,"aria-describedby":m,...t,children:[e.jsxs("legend",{className:"pcoi-radio-group__legend",children:[s,r&&e.jsx("span",{className:"pcoi-radio-group__required","aria-hidden":"true",children:"*"})]}),e.jsx("div",{className:"pcoi-radio-group__options",children:a.map(_=>{const v=`pcoi-field-${c}-${_.value}`;return e.jsxs("label",{htmlFor:v,className:"pcoi-radio-group__option",children:[e.jsx("input",{type:"radio",id:v,name:c,value:_.value,defaultChecked:l===_.value,required:r,disabled:o||_.disabled,onChange:f,className:"pcoi-radio-group__input"}),e.jsx("span",{className:"pcoi-radio-group__circle","aria-hidden":"true"}),e.jsx("span",{className:"pcoi-radio-group__label",children:_.label})]},_.value)})}),i&&e.jsx("span",{id:m,className:"pcoi-radio-group__error",role:"alert",children:i})]})});G.displayName="RadioGroup";const J=d.forwardRef(({title:s,headingLevel:c="h3",action:a,children:l,flush:i=!1,className:r="",...o},n)=>{const p=c,t=["pcoi-panel",i?"pcoi-panel--flush":"",r].filter(Boolean).join(" ");return e.jsxs("div",{ref:n,className:t,...o,children:[(s||a)&&e.jsxs("div",{className:"pcoi-panel__header",children:[s&&e.jsx(p,{className:"pcoi-panel__title",children:s}),a&&e.jsx("div",{className:"pcoi-panel__action",children:a})]}),e.jsx("div",{className:"pcoi-panel__body",children:l})]})});J.displayName="Panel";const Q=d.forwardRef(({columns:s,rows:c,rowKey:a,emptyText:l="No data available",ariaLabel:i,className:r="",...o},n)=>{const p=(t,h)=>a?typeof a=="function"?a(t,h):String(t[a]):String(h);return e.jsx("div",{ref:n,className:`pcoi-data-table ${r}`,...o,children:e.jsxs("table",{className:"pcoi-data-table__table","aria-label":i,children:[e.jsx("thead",{className:"pcoi-data-table__head",children:e.jsx("tr",{className:"pcoi-data-table__head-row",children:s.map(t=>e.jsx("th",{className:`pcoi-data-table__th${t.align?` pcoi-data-table__th--${t.align}`:""}`,children:t.header},t.key))})}),e.jsx("tbody",{className:"pcoi-data-table__body",children:c.length===0?e.jsx("tr",{children:e.jsx("td",{colSpan:s.length,className:"pcoi-data-table__empty",children:l})}):c.map((t,h)=>e.jsx("tr",{className:"pcoi-data-table__row",children:s.map(m=>{const u=t[m.key];return e.jsx("td",{className:`pcoi-data-table__td${m.align?` pcoi-data-table__td--${m.align}`:""}`,children:m.render?m.render(u,t):String(u??"")},m.key)})},p(t,h)))})]})})});Q.displayName="DataTable";const g=d.forwardRef(({children:s,variant:c="default",className:a="",...l},i)=>{const r=["pcoi-badge",`pcoi-badge--${c}`,a].filter(Boolean).join(" ");return e.jsx("span",{ref:i,className:r,...l,children:s})});g.displayName="Badge";const C=d.forwardRef(({open:s,onClose:c,title:a,headingLevel:l="h2",size:i="default",children:r,footer:o,className:n="",...p},t)=>{const h=d.useRef(null),m=d.useRef(null),u=l,f=a?"pcoi-modal-title":void 0,_=d.useCallback(x=>{if(x.key==="Escape"){c();return}if(x.key==="Tab"&&h.current){const j=h.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(j.length===0)return;const F=j[0],T=j[j.length-1];x.shiftKey&&document.activeElement===F?(x.preventDefault(),T.focus()):!x.shiftKey&&document.activeElement===T&&(x.preventDefault(),F.focus())}},[c]);d.useEffect(()=>(s&&(m.current=document.activeElement,document.addEventListener("keydown",_),document.body.style.overflow="hidden",requestAnimationFrame(()=>{var j;const x=(j=h.current)==null?void 0:j.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');x==null||x.focus()})),()=>{var x;document.removeEventListener("keydown",_),document.body.style.overflow="",(x=m.current)==null||x.focus()}),[s,_]);const v=x=>{x.target===x.currentTarget&&c()};if(!s)return null;const ae=["pcoi-modal",n].filter(Boolean).join(" ");return P.createPortal(e.jsx("div",{className:ae,onClick:v,children:e.jsxs("div",{ref:h,className:`pcoi-modal__dialog${i==="wide"?" pcoi-modal__dialog--wide":""}`,role:"dialog","aria-modal":"true","aria-labelledby":f,...p,children:[e.jsxs("div",{className:"pcoi-modal__header",children:[a&&e.jsx(u,{id:f,className:"pcoi-modal__title",children:a}),e.jsx("button",{type:"button",className:"pcoi-modal__close",onClick:c,"aria-label":"Close modal",children:e.jsx(y.CloseIcon,{size:20})})]}),e.jsx("div",{className:"pcoi-modal__body",children:r}),o&&e.jsx("div",{className:"pcoi-modal__footer",children:o})]})}),document.body)});C.displayName="Modal";const X=d.forwardRef(({message:s,variant:c="info",open:a,onClose:l,duration:i=5e3,className:r="",...o},n)=>{const p=d.useCallback(()=>{l==null||l()},[l]);if(d.useEffect(()=>{if(!a||i===0)return;const h=setTimeout(p,i);return()=>clearTimeout(h)},[a,i,p]),!a)return null;const t=["pcoi-toast",`pcoi-toast--${c}`,r].filter(Boolean).join(" ");return P.createPortal(e.jsx("div",{ref:n,className:t,role:"alert",...o,children:e.jsxs("div",{className:"pcoi-toast__content",children:[e.jsx("span",{className:"pcoi-toast__message",children:s}),l&&e.jsx("button",{type:"button",className:"pcoi-toast__close",onClick:p,"aria-label":"Dismiss notification",children:e.jsx(y.CloseIcon,{size:16})})]})}),document.body)});X.displayName="Toast";const Z=d.forwardRef(({index:s,sourceLabel:c,className:a="",...l},i)=>{const r=["pcoi-citation-mark",a].filter(Boolean).join(" ");return e.jsx("button",{ref:i,type:"button",className:r,title:c??`Citation ${s}`,"aria-label":c??`Citation ${s}`,...l,children:s})});Z.displayName="CitationMark";const k=d.forwardRef(({label:s,icon:c,className:a="",...l},i)=>{const r=["pcoi-suggestion-card",a].filter(Boolean).join(" ");return e.jsxs("button",{ref:i,type:"button",className:r,...l,children:[c&&e.jsx("span",{className:"pcoi-suggestion-card__icon",children:c}),e.jsx("span",{className:"pcoi-suggestion-card__label",children:s})]})});k.displayName="SuggestionCard";const R=d.forwardRef(({index:s,excerpt:c,sourceTitle:a,onSourceClick:l,className:i="",...r},o)=>{const n=["pcoi-cited-excerpt",i].filter(Boolean).join(" ");return e.jsxs("div",{ref:o,className:n,...r,children:[e.jsx("button",{type:"button",className:"pcoi-cited-excerpt__source",onClick:l,"aria-label":`View source: ${a}`,children:a}),e.jsxs("div",{className:"pcoi-cited-excerpt__body",children:[e.jsxs("button",{type:"button",className:"pcoi-cited-excerpt__index",onClick:l,"aria-label":`Citation ${s}, view source: ${a}`,children:["[",s,"]"]}),e.jsx("p",{className:"pcoi-cited-excerpt__text",children:c})]})]})});R.displayName="CitedExcerpt";const $=d.forwardRef(({value:s,onChange:c,onSubmit:a,placeholder:l="Ask a question…",disabled:i=!1,loading:r=!1,className:o="",...n},p)=>{const t=d.useRef(null),h=d.useCallback(f=>{f.key==="Enter"&&!f.shiftKey&&(f.preventDefault(),s.trim()&&!i&&!r&&a(s.trim()))},[s,i,r,a]),m=d.useCallback(()=>{s.trim()&&!i&&!r&&a(s.trim())},[s,i,r,a]),u=["pcoi-prompt-bar",o].filter(Boolean).join(" ");return e.jsxs("div",{ref:p,className:u,...n,children:[e.jsx("textarea",{ref:t,className:"pcoi-prompt-bar__input",value:s,onChange:f=>c(f.target.value),onKeyDown:h,placeholder:l,disabled:i,rows:1,"aria-label":l}),e.jsx("div",{className:"pcoi-prompt-bar__actions",children:e.jsx(b,{variant:"primary",className:"pcoi-prompt-bar__send",onClick:m,disabled:i||r||!s.trim(),"aria-label":"Send message",children:e.jsx("span",{className:"pcoi-prompt-bar__send-icon",children:e.jsx(y.ArrowRightIcon,{size:16})})})})]})});$.displayName="PromptBar";const S=d.forwardRef(({role:s,children:c,citations:a,timestamp:l,onCitationClick:i,className:r="",...o},n)=>{const p=["pcoi-chat-message",`pcoi-chat-message--${s}`,r].filter(Boolean).join(" ");return e.jsxs("div",{ref:n,className:p,...o,children:[e.jsx("div",{className:"pcoi-chat-message__header",children:e.jsx(g,{variant:s==="assistant"?"default":"info",children:s==="assistant"?"PCOI":"You"})}),e.jsx("div",{className:"pcoi-chat-message__body",children:c}),a&&a.length>0&&e.jsx("div",{className:"pcoi-chat-message__citations",children:a.map(t=>e.jsx(R,{index:t.index,excerpt:t.excerpt,sourceTitle:t.sourceTitle,onSourceClick:()=>i==null?void 0:i(t)},t.index))}),l&&e.jsx("time",{className:"pcoi-chat-message__timestamp",children:l})]})});S.displayName="ChatMessage";const I=d.forwardRef(({suggestions:s,onSelect:c,className:a="",...l},i)=>{const r=["pcoi-suggestion-cards",a].filter(Boolean).join(" ");return e.jsx("div",{ref:i,className:r,...l,children:s.map(o=>e.jsx(k,{label:o.label,icon:o.icon,onClick:()=>c(o)},o.id))})});I.displayName="SuggestionCards";const B=d.forwardRef(({children:s,className:c="",...a},l)=>{const i=d.useRef(null);d.useEffect(()=>{const o=i.current;if(!o)return;const n=()=>{requestAnimationFrame(()=>{const t=o.lastElementChild;t?t.scrollIntoView({block:"nearest"}):o.scrollTop=o.scrollHeight})},p=new MutationObserver(n);return p.observe(o,{childList:!0,subtree:!0}),n(),()=>p.disconnect()},[]);const r=["pcoi-chat-message-list",c].filter(Boolean).join(" ");return e.jsx("div",{ref:l,className:r,role:"log","aria-label":"Conversation",...a,children:e.jsx("div",{ref:i,className:"pcoi-chat-message-list__inner",children:s})})});B.displayName="ChatMessageList";const U=d.forwardRef(({open:s,onClose:c,title:a,sourceLabel:l,children:i,highlightId:r,highlightIndex:o,className:n="",...p},t)=>{const h=d.useRef(null);d.useEffect(()=>{s&&r&&h.current&&requestAnimationFrame(()=>{var _;const f=(_=h.current)==null?void 0:_.querySelector(`#${CSS.escape(r)}`);f&&(f.scrollIntoView({behavior:"smooth",block:"center"}),f.classList.add("pcoi-doc-overlay__highlight"),o!==void 0&&f.setAttribute("data-highlight-index",`[${o}]`))})},[s,r,o]);const m=["pcoi-doc-overlay",n].filter(Boolean).join(" "),u=l?d.createElement("div",{className:"pcoi-doc-overlay__source"},d.createElement(g,null,l)):void 0;return d.createElement(C,{ref:t,open:s,onClose:c,title:a,size:"wide",footer:u,className:m,...p},d.createElement("div",{ref:h,className:"pcoi-doc-overlay__content"},i))});U.displayName="DocumentOverlay";const E=d.forwardRef(({label:s="PCOI",className:c="",...a},l)=>{const i=["pcoi-typing-indicator",c].filter(Boolean).join(" ");return e.jsxs("div",{ref:l,className:i,role:"status","aria-live":"polite","aria-label":`${s} is typing`,...a,children:[e.jsx("div",{className:"pcoi-typing-indicator__header",children:e.jsx(g,{children:s})}),e.jsxs("div",{className:"pcoi-typing-indicator__dots","aria-hidden":"true",children:[e.jsx("span",{className:"pcoi-typing-indicator__dot"}),e.jsx("span",{className:"pcoi-typing-indicator__dot"}),e.jsx("span",{className:"pcoi-typing-indicator__dot"})]})]})});E.displayName="TypingIndicator";const ee=d.forwardRef(({messages:s,suggestions:c,promptValue:a,onPromptChange:l,onPromptSubmit:i,onSuggestionSelect:r,onCitationClick:o,placeholder:n,loading:p=!1,className:t="",...h},m)=>{const u=s.length===0,f=["pcoi-chat",u?"pcoi-chat--empty":"",t].filter(Boolean).join(" ");return e.jsxs("div",{ref:m,className:f,...h,children:[u?e.jsx("div",{className:"pcoi-chat__empty-state",children:c&&c.length>0&&r&&e.jsx("div",{className:"pcoi-chat__suggestions",children:e.jsx(I,{suggestions:c,onSelect:r})})}):e.jsxs(B,{className:"pcoi-chat__messages","aria-live":"polite","aria-relevant":"additions",children:[s.map(_=>e.jsx(S,{role:_.role,citations:_.citations,timestamp:_.timestamp,onCitationClick:o,children:_.content},_.id)),p&&e.jsx(E,{})]}),e.jsx("div",{className:"pcoi-chat__prompt",children:e.jsx($,{value:a,onChange:l,onSubmit:i,placeholder:n,loading:p,disabled:p})})]})});ee.displayName="ChatInterface";exports.Badge=g;exports.Button=b;exports.Callout=A;exports.Card=D;exports.ChatInterface=ee;exports.ChatMessage=S;exports.ChatMessageList=B;exports.Checkbox=W;exports.CitationMark=Z;exports.CitedExcerpt=R;exports.ComparisonTable=H;exports.ContactForm=L;exports.DataTable=Q;exports.DocumentOverlay=U;exports.Footer=Y;exports.FormField=N;exports.HowStep=q;exports.LogoMark=w;exports.Modal=C;exports.Nav=O;exports.Panel=J;exports.PromptBar=$;exports.RadioGroup=G;exports.SectionHeader=M;exports.Select=V;exports.SignalsPanel=z;exports.SuggestionCard=k;exports.SuggestionCards=I;exports.Toast=X;exports.Toggle=K;exports.TypingIndicator=E;
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+import { IconArrowRight as r, IconCheck as i, IconChevronLeft as a, IconChevronRight as o, IconCopy as s, IconMenu as c, IconPlaceholder as l, IconSearch as u, IconSortAsc as d, IconSortDefault as f, IconSortDesc as p, IconWarning as m } from "@pcoi/icons";
+import { useCallback as h, useEffect as g, useId as _, useRef as v, useState as y } from "react";
+var b = {
+	agentCard: "pcoi-agentCard-dSWnP",
+	header: "pcoi-header-jlsPN",
+	name: "pcoi-name-ftL8F",
+	spacer: "pcoi-spacer-zmuoQ",
+	badge: "pcoi-badge-BNfvi",
+	output: "pcoi-output-36l8y"
+}, x = { statusDot: "pcoi-statusDot-2Cjjk" };
+//#endregion
+//#region src/StatusDot/StatusDot.tsx
+function S({ status: e = "active", ariaLabel: n, ...r }) {
+	return /* @__PURE__ */ t("span", {
+		...r,
+		className: x.statusDot,
+		"data-status": e,
+		role: n ? "status" : void 0,
+		"aria-label": n,
+		"aria-hidden": n ? void 0 : !0
+	});
+}
+//#endregion
+//#region src/AgentCard/AgentCard.tsx
+function C({ name: e, status: r, badge: i, output: a, state: o = "collapsed", ...s }) {
+	return /* @__PURE__ */ n("div", {
+		...s,
+		className: b.agentCard,
+		"data-state": o,
+		children: [/* @__PURE__ */ n("div", {
+			className: b.header,
+			children: [
+				/* @__PURE__ */ t(S, { status: r }),
+				/* @__PURE__ */ t("span", {
+					className: `${b.name} type-mono-step-number`,
+					children: e
+				}),
+				/* @__PURE__ */ t("span", {
+					className: b.spacer,
+					"aria-hidden": "true"
+				}),
+				i ? /* @__PURE__ */ t("span", {
+					className: b.badge,
+					children: i
+				}) : null
+			]
+		}), o === "expanded" && a ? /* @__PURE__ */ t("p", {
+			className: `${b.output} type-mono-code`,
+			children: a
+		}) : null]
+	});
+}
+var w = {
+	agentList: "pcoi-agentList-wSvY4",
+	cell: "pcoi-cell-lY3KQ"
+};
+//#endregion
+//#region src/AgentList/AgentList.tsx
+function T({ agents: e, ariaLabel: n = "Agents", ...r }) {
+	return /* @__PURE__ */ t("div", {
+		...r,
+		className: w.agentList,
+		role: "list",
+		"aria-label": n,
+		children: e.map((e, n) => /* @__PURE__ */ t("div", {
+			className: w.cell,
+			role: "listitem",
+			children: /* @__PURE__ */ t(C, { ...e })
+		}, n))
+	});
+}
+var E = {
+	badge: "pcoi-badge-ojFmb",
+	icon: "pcoi-icon-lxyWf",
+	label: "pcoi-label-CD3id"
+};
+//#endregion
+//#region src/Badge/Badge.tsx
+function D({ variant: e }) {
+	switch (e) {
+		case "success": return /* @__PURE__ */ t("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 12 12",
+			fill: "none",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ t("path", {
+				d: "M2.5 6L5 8.5L9.5 4",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		});
+		case "error": return /* @__PURE__ */ t("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 12 12",
+			fill: "none",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ t("path", {
+				d: "M3 3L9 9M9 3L3 9",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round"
+			})
+		});
+		case "warning": return /* @__PURE__ */ n("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 12 12",
+			fill: "none",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ t("path", {
+					d: "M6 1L11 10.5H1L6 1Z",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinejoin: "round"
+				}),
+				/* @__PURE__ */ t("path", {
+					d: "M6 5V7",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round"
+				}),
+				/* @__PURE__ */ t("circle", {
+					cx: "6",
+					cy: "9",
+					r: "0.5",
+					fill: "currentColor"
+				})
+			]
+		});
+		case "info": return /* @__PURE__ */ n("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 12 12",
+			fill: "none",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ t("circle", {
+					cx: "6",
+					cy: "6",
+					r: "5",
+					stroke: "currentColor",
+					strokeWidth: "1.5"
+				}),
+				/* @__PURE__ */ t("path", {
+					d: "M6 5.5V8.5",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round"
+				}),
+				/* @__PURE__ */ t("circle", {
+					cx: "6",
+					cy: "3.5",
+					r: "0.5",
+					fill: "currentColor"
+				})
+			]
+		});
+		default: return null;
+	}
+}
+function O({ shape: e, variant: r = "default", showIcon: i = !0, label: a, number: o, ariaLabel: s, ...c }) {
+	let l = e === "pill" ? "type-mono-badge" : "type-mono-step-number", u = e === "pill" && r !== "default" && i;
+	return /* @__PURE__ */ n("span", {
+		...c,
+		className: `${E.badge} ${l}`,
+		"data-shape": e,
+		"data-variant": r,
+		"aria-label": s,
+		children: [u ? /* @__PURE__ */ t("span", {
+			className: E.icon,
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ t(D, { variant: r })
+		}) : null, e === "pill" ? /* @__PURE__ */ t("span", {
+			className: E.label,
+			children: a
+		}) : o]
+	});
+}
+var k = {
+	button: "pcoi-button-7BLGt",
+	label: "pcoi-label-447Ll",
+	icon: "pcoi-icon-mbFTQ",
+	spinner: "pcoi-spinner-0n6Qa",
+	"button-spinner-spin": "pcoi-button-spinner-spin-EF00s"
+};
+//#endregion
+//#region src/Button/Button.tsx
+function A({ style: e, size: r = "default", state: i, disabled: a = !1, focused: o, loading: s = !1, loadingPosition: c = "center", startIcon: l, endIcon: u, label: d, fullWidth: f, type: p = "button", success: m = !1, onClick: h, ...g }) {
+	let _ = r === "small" ? "type-control-button-nav" : "type-control-button", v = s && c === "start", y = s && c === "end", b = s && c === "start", x = s && c === "end", S = s && c === "center";
+	return /* @__PURE__ */ n("button", {
+		type: p,
+		...g,
+		className: k.button,
+		"data-style": e,
+		"data-size": r,
+		"data-state": i || void 0,
+		"data-loading": s || void 0,
+		"data-loading-position": s ? c : void 0,
+		"data-focused": o || void 0,
+		"data-full-width": f || void 0,
+		"data-success": m || void 0,
+		disabled: a,
+		"aria-disabled": a || m || void 0,
+		"aria-busy": s || void 0,
+		onClick: h,
+		children: [
+			l && !v ? /* @__PURE__ */ t("span", {
+				className: k.icon,
+				"aria-hidden": "true",
+				children: l
+			}) : null,
+			b ? /* @__PURE__ */ t("span", {
+				className: k.spinner,
+				"data-position": "start",
+				role: "progressbar",
+				"aria-label": "Loading"
+			}) : null,
+			/* @__PURE__ */ t("span", {
+				className: `${k.label} ${_}`,
+				children: d
+			}),
+			S ? /* @__PURE__ */ t("span", {
+				className: k.spinner,
+				"data-position": "center",
+				role: "progressbar",
+				"aria-label": "Loading"
+			}) : null,
+			x ? /* @__PURE__ */ t("span", {
+				className: k.spinner,
+				"data-position": "end",
+				role: "progressbar",
+				"aria-label": "Loading"
+			}) : null,
+			u && !y ? /* @__PURE__ */ t("span", {
+				className: k.icon,
+				"aria-hidden": "true",
+				children: u
+			}) : null
+		]
+	});
+}
+var j = {
+	callout: "pcoi-callout-uR6-B",
+	accentLine: "pcoi-accentLine-tC6Ff",
+	quoteBlock: "pcoi-quoteBlock-0hKnU",
+	quote: "pcoi-quote-JsRxn",
+	attribution: "pcoi-attribution-EfePP"
+};
+//#endregion
+//#region src/Callout/Callout.tsx
+function ee({ quote: e, attribution: r, ...i }) {
+	return /* @__PURE__ */ n("figure", {
+		...i,
+		className: j.callout,
+		children: [
+			/* @__PURE__ */ t("span", {
+				className: j.accentLine,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ t("blockquote", {
+				className: j.quoteBlock,
+				children: /* @__PURE__ */ t("p", {
+					className: `${j.quote} type-accent-callout`,
+					children: e
+				})
+			}),
+			r ? /* @__PURE__ */ t("figcaption", {
+				className: `${j.attribution} type-body-sm-regular`,
+				children: r
+			}) : null
+		]
+	});
+}
+var M = {
+	card: "pcoi-card--PlHa",
+	iconBox: "pcoi-iconBox-dpCdH",
+	label: "pcoi-label-p6ZWC",
+	title: "pcoi-title-ZyFMG",
+	description: "pcoi-description--3C2P"
+};
+//#endregion
+//#region src/Card/Card.tsx
+function N({ title: e, description: r, label: i, showIcon: a = !1, showLabel: o, showAction: s = !1, icon: c, onAction: u, accentTitle: d = !1, state: f, actionLabel: p = "Button", actionStartIcon: m, actionEndIcon: h, ...g }) {
+	let _ = o ?? !!i;
+	return /* @__PURE__ */ n("article", {
+		...g,
+		className: M.card,
+		"data-state": f || void 0,
+		children: [
+			a ? /* @__PURE__ */ t("span", {
+				className: M.iconBox,
+				"aria-hidden": "true",
+				children: c ?? /* @__PURE__ */ t(l, { size: 24 })
+			}) : null,
+			_ ? /* @__PURE__ */ t("p", {
+				className: `${M.label} type-mono-step-number`,
+				children: i
+			}) : null,
+			/* @__PURE__ */ t("h3", {
+				className: `${M.title} type-heading-h3-sm`,
+				"data-accent": d || void 0,
+				children: e
+			}),
+			r ? /* @__PURE__ */ t("p", {
+				className: `${M.description} type-body-default-regular`,
+				children: r
+			}) : null,
+			s ? /* @__PURE__ */ t(A, {
+				style: "ghost",
+				size: "small",
+				label: p,
+				startIcon: m,
+				endIcon: h,
+				onClick: u
+			}) : null
+		]
+	});
+}
+var te = { cardShell: "pcoi-cardShell-e8KEa" };
+//#endregion
+//#region src/CardShell/CardShell.tsx
+function P({ children: e, style: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		...i,
+		className: [te.cardShell, r].filter(Boolean).join(" "),
+		style: n,
+		children: e
+	});
+}
+var F = {
+	chatInterface: "pcoi-chatInterface--DJvA",
+	emptyState: "pcoi-emptyState-Wo-Jj",
+	heroStack: "pcoi-heroStack-96eq6",
+	headingBlock: "pcoi-headingBlock-rnwpn",
+	headline: "pcoi-headline-4bOzy",
+	formStack: "pcoi-formStack-p4kLs",
+	messages: "pcoi-messages-xeCQJ",
+	typingRow: "pcoi-typingRow-00pBN",
+	promptArea: "pcoi-promptArea-Lausk"
+}, ne = {
+	chatMessageList: "pcoi-chatMessageList-NRZOu",
+	row: "pcoi-row-8r8b9"
+}, I = {
+	chatMessage: "pcoi-chatMessage-cC5lr",
+	message: "pcoi-message-muaKY",
+	citation: "pcoi-citation-OTLUa"
+};
+//#endregion
+//#region src/ChatMessage/ChatMessage.tsx
+function re({ sender: e, message: r, senderLabel: i, citation: a, ...o }) {
+	return /* @__PURE__ */ n("div", {
+		...o,
+		className: I.chatMessage,
+		"data-sender": e,
+		children: [
+			e === "ai" && i ? /* @__PURE__ */ t(O, {
+				shape: "pill",
+				label: i
+			}) : null,
+			/* @__PURE__ */ t("div", {
+				className: `${I.message} type-body-default-regular`,
+				children: r
+			}),
+			e === "ai" && a ? /* @__PURE__ */ t("div", {
+				className: I.citation,
+				children: a
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/ChatMessageList/ChatMessageList.tsx
+function L({ messages: e, maxWidthFraction: r = .8, ariaLabel: i = "Chat messages", emptyState: a, ...o }) {
+	let s = `${(1 - r) * 100}%`;
+	return /* @__PURE__ */ n("div", {
+		...o,
+		className: ne.chatMessageList,
+		role: "log",
+		"aria-live": "polite",
+		"aria-label": i,
+		children: [e.length === 0 && a ? a : null, e.map((e, n) => {
+			let r = e.sender === "user";
+			return /* @__PURE__ */ t("div", {
+				className: ne.row,
+				"data-sender": e.sender,
+				style: {
+					paddingLeft: r ? s : void 0,
+					paddingRight: r ? void 0 : s
+				},
+				children: /* @__PURE__ */ t(re, { ...e })
+			}, n);
+		})]
+	});
+}
+var ie = {
+	suggestionCards: "pcoi-suggestionCards-DHfsT",
+	cell: "pcoi-cell-Wn6Ff"
+}, ae = {
+	suggestionCard: "pcoi-suggestionCard-J8iSW",
+	icon: "pcoi-icon-fJVe6",
+	label: "pcoi-label-P04-G"
+};
+//#endregion
+//#region src/SuggestionCard/SuggestionCard.tsx
+function oe({ label: e, icon: r, showIcon: i = !0, state: a, focused: o, onClick: s, ariaLabel: c, ...l }) {
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		...l,
+		className: ae.suggestionCard,
+		"data-state": a || void 0,
+		"data-focused": o || void 0,
+		onClick: s,
+		"aria-label": c ?? e,
+		children: [i ? r ?? /* @__PURE__ */ t(u, {
+			size: 24,
+			className: ae.icon
+		}) : null, /* @__PURE__ */ t("span", {
+			className: `${ae.label} type-body-default-regular`,
+			children: e
+		})]
+	});
+}
+//#endregion
+//#region src/SuggestionCards/SuggestionCards.tsx
+function se({ cards: e, onSelect: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		...r,
+		className: ie.suggestionCards,
+		children: e.map(({ label: e, showIcon: r, ...i }, a) => /* @__PURE__ */ t("div", {
+			className: ie.cell,
+			children: /* @__PURE__ */ t(oe, {
+				label: e,
+				showIcon: r,
+				onClick: (t) => n?.(e, t),
+				...i
+			})
+		}, a))
+	});
+}
+var R = {
+	typingIndicator: "pcoi-typingIndicator-Lc4nb",
+	dots: "pcoi-dots-3rf1M",
+	dot: "pcoi-dot-UtuWw",
+	"typing-bounce": "pcoi-typing-bounce-1UZpC"
+};
+//#endregion
+//#region src/TypingIndicator/TypingIndicator.tsx
+function ce({ sender: e, visible: r = !0, ...i }) {
+	return /* @__PURE__ */ n("div", {
+		...i,
+		className: R.typingIndicator,
+		"data-visible": r || void 0,
+		role: "status",
+		"aria-live": "polite",
+		"aria-label": e ? `${e} is typing` : "Typing",
+		children: [e ? /* @__PURE__ */ t(O, {
+			shape: "pill",
+			label: e
+		}) : null, /* @__PURE__ */ n("span", {
+			className: R.dots,
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ t("span", { className: R.dot }),
+				/* @__PURE__ */ t("span", { className: R.dot }),
+				/* @__PURE__ */ t("span", { className: R.dot })
+			]
+		})]
+	});
+}
+var le = {
+	promptBar: "pcoi-promptBar-4K1wU",
+	input: "pcoi-input-sv-GN",
+	send: "pcoi-send-Np1U7",
+	sendIcon: "pcoi-sendIcon-bqFO4"
+};
+//#endregion
+//#region src/PromptBar/PromptBar.tsx
+function ue({ value: e, defaultValue: i, placeholder: a = "Ask a question...", showSend: o = !0, disabled: s, focused: c, state: l, onChange: u, onSubmit: d, ariaLabel: f = "Message input", ...p }) {
+	let m = e !== void 0, [h, g] = y(i ?? ""), _ = m ? e : h, v = !s && _.trim().length > 0, b = (e) => {
+		m || g(e.target.value), u?.(e.target.value);
+	}, x = (e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), v && d?.(_));
+	}, S = () => {
+		v && d?.(_);
+	};
+	return /* @__PURE__ */ n("div", {
+		className: le.promptBar,
+		"data-state": l,
+		"data-focused": c || void 0,
+		"data-disabled": s || void 0,
+		children: [/* @__PURE__ */ t("input", {
+			...p,
+			type: "text",
+			className: `${le.input} type-body-default-regular`,
+			value: _,
+			onChange: b,
+			onKeyDown: x,
+			placeholder: a,
+			disabled: s,
+			"aria-label": f,
+			"aria-disabled": s || void 0
+		}), o ? /* @__PURE__ */ t("button", {
+			type: "button",
+			className: le.send,
+			onClick: S,
+			disabled: !v,
+			"aria-label": "Send message",
+			"aria-disabled": !v || void 0,
+			children: /* @__PURE__ */ t(r, {
+				size: 24,
+				className: le.sendIcon
+			})
+		}) : null]
+	});
+}
+var de = {
+	logoMark: "pcoi-logoMark-lRK2n",
+	svg: "pcoi-svg-SjF6O"
+};
+//#endregion
+//#region src/LogoMark/LogoMark.tsx
+function fe({ mode: e = "Dark", ...r }) {
+	return /* @__PURE__ */ t("span", {
+		...r,
+		className: de.logoMark,
+		"data-theme": e.toLowerCase(),
+		children: /* @__PURE__ */ n("svg", {
+			className: de.svg,
+			viewBox: "0 0 65 32",
+			role: "img",
+			"aria-label": "PCOI",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ t("g", {
+				transform: "translate(5.61 8.21)",
+				children: /* @__PURE__ */ t("path", {
+					d: "M 0 16.01 L 2.87 16.01 L 2.87 10.6 L 5.94 10.6 C 9.64 10.6 11.62 8.37 11.62 5.3 C 11.62 2.25 9.67 0 5.98 0 L 0 0 L 0 16.01 Z M 2.87 8.23 L 2.87 2.41 L 5.54 2.41 C 7.74 2.41 8.69 3.59 8.69 5.3 C 8.69 7.01 7.74 8.23 5.57 8.23 L 2.87 8.23 Z",
+					fill: "var(--text-icon-accent)"
+				})
+			}), /* @__PURE__ */ t("g", {
+				transform: "translate(20.18 8)",
+				children: /* @__PURE__ */ t("path", {
+					d: "M 7.32 16.43 C 11.1 16.43 13.64 13.95 14.08 10.89 L 11.18 10.89 C 10.81 12.78 9.27 13.87 7.36 13.87 C 4.76 13.87 2.88 11.9 2.88 8.23 C 2.88 4.6 4.74 2.57 7.37 2.57 C 9.28 2.57 10.82 3.65 11.18 5.54 L 14.07 5.54 C 13.56 2.04 10.84 0 7.32 0 C 3.14 0 0 3.05 0 8.23 C 0 13.38 3.11 16.43 7.32 16.43 Z M 24.45 16.43 C 28.63 16.43 31.78 13.39 31.78 8.23 C 31.78 3.05 28.63 0 24.45 0 C 20.25 0 17.09 3.05 17.09 8.23 C 17.09 13.38 20.25 16.43 24.45 16.43 Z M 24.45 13.87 C 21.82 13.87 19.97 11.87 19.97 8.23 C 19.97 4.56 21.82 2.57 24.45 2.57 C 27.04 2.57 28.89 4.55 28.89 8.23 C 28.89 11.88 27.04 13.87 24.45 13.87 Z M 38.25 0.21 L 35.38 0.21 L 35.38 16.22 L 38.25 16.22 L 38.25 0.21 Z",
+					fill: "var(--text-icon-primary)"
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/ChatInterface/ChatInterface.tsx
+function pe({ messages: r = [], suggestions: i, typingSenderLabel: a = "AGENT", inputValue: o, inputPlaceholder: s, onInputChange: c, onSubmit: l, onSuggestionSelect: u, state: d, ...f }) {
+	let [p, m] = y(""), h = o !== void 0, g = h ? o : p, _ = d ?? (r.length > 0 ? "active" : "empty"), v = (e) => {
+		h || m(e), c?.(e);
+	}, b = (e) => {
+		l?.(e), h || m("");
+	};
+	return /* @__PURE__ */ t("div", {
+		...f,
+		className: F.chatInterface,
+		"data-state": _,
+		children: _ === "empty" ? /* @__PURE__ */ t("div", {
+			className: F.emptyState,
+			children: /* @__PURE__ */ n("div", {
+				className: F.heroStack,
+				children: [/* @__PURE__ */ n("div", {
+					className: F.headingBlock,
+					children: [/* @__PURE__ */ t("h1", {
+						className: `type-heading-h1 ${F.headline}`,
+						children: "Build your knowledge with"
+					}), /* @__PURE__ */ t(fe, { mode: "Dark" })]
+				}), /* @__PURE__ */ n("div", {
+					className: F.formStack,
+					children: [/* @__PURE__ */ t(ue, {
+						value: g,
+						placeholder: s,
+						onChange: v,
+						onSubmit: b
+					}), i ? /* @__PURE__ */ t(se, {
+						cards: i,
+						onSelect: u
+					}) : null]
+				})]
+			})
+		}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("div", {
+			className: F.messages,
+			children: [/* @__PURE__ */ t(L, { messages: r }), _ === "loading" ? /* @__PURE__ */ t("div", {
+				className: F.typingRow,
+				children: /* @__PURE__ */ t(ce, {
+					sender: a,
+					visible: !0
+				})
+			}) : null]
+		}), /* @__PURE__ */ t("div", {
+			className: F.promptArea,
+			"data-disabled": _ === "loading" || void 0,
+			children: /* @__PURE__ */ t(ue, {
+				value: g,
+				placeholder: s,
+				disabled: _ === "loading",
+				onChange: v,
+				onSubmit: b
+			})
+		})] })
+	});
+}
+var z = {
+	checkbox: "pcoi-checkbox-N0OxD",
+	control: "pcoi-control-8yUGr",
+	input: "pcoi-input-XnCmS",
+	box: "pcoi-box-08d-a",
+	check: "pcoi-check-2FkDZ",
+	dash: "pcoi-dash-PierB",
+	label: "pcoi-label-l8z5T",
+	errorMessage: "pcoi-errorMessage-kyCwz"
+};
+//#endregion
+//#region src/Checkbox/Checkbox.tsx
+function me({ label: e, checked: r, defaultChecked: i, indeterminate: a, disabled: o, error: s, errorMessage: c, showError: l = !0, focused: u, onChange: d, name: f, id: p, value: m, ...h }) {
+	let g = (e) => {
+		d?.(e.target.checked, e);
+	};
+	return /* @__PURE__ */ n("label", {
+		...h,
+		className: z.checkbox,
+		"data-disabled": o || void 0,
+		"data-error": s || void 0,
+		"data-focused": u || void 0,
+		children: [/* @__PURE__ */ n("span", {
+			className: z.control,
+			children: [
+				/* @__PURE__ */ t("input", {
+					type: "checkbox",
+					className: z.input,
+					checked: r,
+					defaultChecked: i,
+					disabled: o,
+					onChange: g,
+					name: f,
+					id: p,
+					value: m,
+					"aria-checked": a ? "mixed" : void 0,
+					"aria-invalid": s || void 0,
+					ref: (e) => {
+						e && (e.indeterminate = !!a);
+					}
+				}),
+				/* @__PURE__ */ n("span", {
+					className: z.box,
+					"aria-hidden": "true",
+					"data-indeterminate": a || void 0,
+					children: [/* @__PURE__ */ t("svg", {
+						className: z.check,
+						viewBox: "0 0 20 20",
+						xmlns: "http://www.w3.org/2000/svg",
+						children: /* @__PURE__ */ t("path", {
+							d: "M 5 10 L 8.33333 14 L 15 6",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.75",
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						})
+					}), /* @__PURE__ */ t("span", { className: z.dash })]
+				}),
+				/* @__PURE__ */ t("span", {
+					className: `${z.label} type-body-default-regular`,
+					children: e
+				})
+			]
+		}), s && l && c ? /* @__PURE__ */ t("span", {
+			className: `${z.errorMessage} type-control-error`,
+			children: c
+		}) : null]
+	});
+}
+var he = {
+	checkboxGroup: "pcoi-checkboxGroup-CIUjU",
+	legend: "pcoi-legend-na-sD",
+	options: "pcoi-options-9bMnB",
+	errorMessage: "pcoi-errorMessage-eo5YI"
+};
+//#endregion
+//#region src/CheckboxGroup/CheckboxGroup.tsx
+function ge({ label: e, options: r, values: i, defaultValues: a, disabled: o, error: s, errorMessage: c, onChange: l, name: u, children: d, ...f }) {
+	let p = (e, t, n) => {
+		if (!l) return;
+		let r = i ?? [];
+		l(t ? [...r, e] : r.filter((t) => t !== e), n);
+	}, m = u ?? "checkbox-group", h = `${m}-legend`, g = `${m}-error`;
+	return /* @__PURE__ */ n("div", {
+		...f,
+		className: he.checkboxGroup,
+		role: "group",
+		"data-disabled": o || void 0,
+		"data-error": s || void 0,
+		"aria-labelledby": h,
+		"aria-disabled": o || void 0,
+		"aria-invalid": s || void 0,
+		"aria-describedby": s && c ? g : void 0,
+		children: [
+			/* @__PURE__ */ t("span", {
+				id: h,
+				className: `${he.legend} type-control-label`,
+				children: e
+			}),
+			/* @__PURE__ */ t("div", {
+				className: he.options,
+				children: d ?? r.map((e) => {
+					let { value: n, label: r, disabled: c, ...l } = e;
+					return /* @__PURE__ */ t(me, {
+						label: r,
+						value: n,
+						name: u,
+						checked: i ? i.includes(n) : void 0,
+						defaultChecked: a ? a.includes(n) : void 0,
+						disabled: o || c,
+						error: s,
+						showError: !1,
+						onChange: (e, t) => p(n, e, t),
+						...l
+					}, n);
+				})
+			}),
+			s && c ? /* @__PURE__ */ t("p", {
+				className: `${he.errorMessage} type-control-error`,
+				id: g,
+				children: c
+			}) : null
+		]
+	});
+}
+var _e = {
+	citationMark: "pcoi-citationMark-2qhV-",
+	label: "pcoi-label-s1lJO"
+};
+//#endregion
+//#region src/CitationMark/CitationMark.tsx
+function ve({ number: e, href: n, onClick: r, ariaLabel: i, ...a }) {
+	let o = i ?? `Citation ${e}`, s = /* @__PURE__ */ t("span", {
+		className: `${_e.label} type-mono-code`,
+		children: e
+	});
+	return n ? /* @__PURE__ */ t("a", {
+		...a,
+		href: n,
+		className: _e.citationMark,
+		onClick: r,
+		"aria-label": o,
+		children: s
+	}) : r ? /* @__PURE__ */ t("button", {
+		type: "button",
+		...a,
+		className: _e.citationMark,
+		onClick: r,
+		"aria-label": o,
+		children: s
+	}) : /* @__PURE__ */ t("span", {
+		...a,
+		className: _e.citationMark,
+		"aria-label": o,
+		role: "note",
+		children: s
+	});
+}
+var ye = { textLink: "pcoi-textLink-umTb1" };
+//#endregion
+//#region src/TextLink/TextLink.tsx
+function be({ label: e, color: n = "accent", state: r, focused: i, href: a, onClick: o, ...s }) {
+	return /* @__PURE__ */ t("a", {
+		href: a,
+		onClick: o,
+		...s,
+		className: `${ye.textLink} type-body-sm-regular`,
+		"data-color": n,
+		"data-state": r,
+		"data-focused": i ? "" : void 0,
+		children: e
+	});
+}
+var xe = {
+	citedExcerpt: "pcoi-citedExcerpt-2qVMr",
+	titleSlot: "pcoi-titleSlot-KZs40",
+	indexSlot: "pcoi-indexSlot-H1yJ9",
+	excerpt: "pcoi-excerpt-2l9vV"
+};
+//#endregion
+//#region src/CitedExcerpt/CitedExcerpt.tsx
+function Se({ index: e, excerpt: r, sourceTitle: i, showSourceTitle: a = !0, onOpenSource: o, ...s }) {
+	let c = (e) => {
+		e.preventDefault(), o?.();
+	}, l = a && !!i;
+	return /* @__PURE__ */ n("figure", {
+		...s,
+		className: xe.citedExcerpt,
+		children: [
+			l ? /* @__PURE__ */ t("div", {
+				className: xe.titleSlot,
+				children: /* @__PURE__ */ t(be, {
+					label: i,
+					onClick: c
+				})
+			}) : null,
+			/* @__PURE__ */ t("div", {
+				className: xe.indexSlot,
+				children: /* @__PURE__ */ t(be, {
+					label: `[${e}]`,
+					onClick: c
+				})
+			}),
+			/* @__PURE__ */ t("blockquote", {
+				className: `${xe.excerpt} type-body-sm-regular`,
+				children: r
+			})
+		]
+	});
+}
+var B = {
+	codeBlock: "pcoi-codeBlock-JiAVx",
+	header: "pcoi-header-GGKfh",
+	switcher: "pcoi-switcher-w6LiX",
+	codeContent: "pcoi-codeContent-DF6X1",
+	code: "pcoi-code-8aD-D",
+	divider: "pcoi-divider-gdojc",
+	previewSlot: "pcoi-previewSlot-s2g--",
+	stage: "pcoi-stage-J1hCQ",
+	placeholderContent: "pcoi-placeholderContent-xmaQ4",
+	placeholderText: "pcoi-placeholderText-elqoj"
+}, Ce = {
+	iconButton: "pcoi-iconButton-7thUl",
+	icon: "pcoi-icon-pJCYq"
+};
+//#endregion
+//#region src/IconButton/IconButton.tsx
+function V({ ariaLabel: e, icon: n, state: r, disabled: i = !1, focused: a, onClick: o, type: s = "button", ...c }) {
+	return /* @__PURE__ */ t("button", {
+		type: s,
+		...c,
+		className: Ce.iconButton,
+		"data-state": r || void 0,
+		"data-focused": a || void 0,
+		disabled: i,
+		"aria-disabled": i || void 0,
+		"aria-label": e,
+		onClick: o,
+		children: /* @__PURE__ */ t("span", {
+			className: Ce.icon,
+			"aria-hidden": "true",
+			children: n
+		})
+	});
+}
+var we = {
+	dropdownMenu: "pcoi-dropdownMenu-mlLRk",
+	item: "pcoi-item-85aL5"
+};
+//#endregion
+//#region src/DropdownMenu/DropdownMenu.tsx
+function Te({ items: e, density: n = "default", selectedValue: r, onSelect: i, ariaLabel: a, autoFocus: o = !0, id: s, ...c }) {
+	let [l, u] = y(() => {
+		if (r !== void 0) {
+			let t = e.findIndex((e) => e.value === r && !e.disabled);
+			if (t >= 0) return t;
+		}
+		return e.findIndex((e) => !e.disabled);
+	}), d = v([]), f = v(!1);
+	g(() => {
+		l < 0 || !f.current && (f.current = !0, !o) || d.current[l]?.focus();
+	}, [l]);
+	let p = (t) => {
+		if (e.length === 0) return;
+		let n = l;
+		for (let r = 0; r < e.length; r++) if (n = (n + t + e.length) % e.length, !e[n].disabled) {
+			u(n);
+			return;
+		}
+	}, m = (t, n) => {
+		if (t.key === "ArrowDown") t.preventDefault(), p(1);
+		else if (t.key === "ArrowUp") t.preventDefault(), p(-1);
+		else if (t.key === "Home") {
+			t.preventDefault();
+			let n = e.findIndex((e) => !e.disabled);
+			n >= 0 && u(n);
+		} else if (t.key === "End") {
+			t.preventDefault();
+			for (let t = e.length - 1; t >= 0; t--) if (!e[t].disabled) {
+				u(t);
+				return;
+			}
+		} else if (t.key === "Enter" || t.key === " ") {
+			t.preventDefault();
+			let r = e[n];
+			r.disabled || i?.(r.value);
+		}
+	};
+	return /* @__PURE__ */ t("ul", {
+		id: s,
+		role: "listbox",
+		...c,
+		className: we.dropdownMenu,
+		"data-density": n,
+		"aria-label": a,
+		children: e.map((e, a) => {
+			let { value: o, label: s, disabled: c, divider: f, ...p } = e;
+			return /* @__PURE__ */ t("li", {
+				ref: (e) => {
+					d.current[a] = e;
+				},
+				role: "option",
+				tabIndex: l === a ? 0 : -1,
+				"aria-selected": o === r,
+				"aria-disabled": c || void 0,
+				...p,
+				"data-disabled": c || void 0,
+				"data-divider": f || void 0,
+				className: `${we.item} ${n === "compact" ? "type-control-error" : "type-body-default-regular"}`,
+				onMouseEnter: () => !c && u(a),
+				onClick: () => !c && i?.(o),
+				onKeyDown: (e) => m(e, a),
+				children: s
+			}, o);
+		})
+	});
+}
+var H = {
+	dropdown: "pcoi-dropdown-Pf3Aj",
+	label: "pcoi-label-P4JF0",
+	required: "pcoi-required-P8ZmK",
+	trigger: "pcoi-trigger-4bo26",
+	value: "pcoi-value-m0c5e",
+	chevron: "pcoi-chevron-Nqb2i",
+	triggerWrap: "pcoi-triggerWrap-pZjBa",
+	menuContainer: "pcoi-menuContainer-fStEq",
+	helper: "pcoi-helper-tGfea",
+	srOnly: "pcoi-srOnly-hEJtT"
+};
+//#endregion
+//#region src/Dropdown/Dropdown.tsx
+function Ee() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: "M4 6l4 4 4-4",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function De() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: "M4 10l4-4 4 4",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function Oe({ label: e, showLabel: r = !0, required: i, options: a, value: o, defaultValue: s, placeholder: c = "Select option", density: l = "default", helperText: u, error: d, errorMessage: f, disabled: p, hovered: m, focused: b, open: x, onChange: S, name: C, id: w, ...T }) {
+	let E = _(), D = w ?? E, O = `${D}-helper`, k = `${D}-listbox`, A = o !== void 0, [j, ee] = y(s), M = A ? o : j, [N, te] = y(!1), P = (x ?? N) && !p, F = v(null), ne = v(null), I = a.find((e) => e.value === M), re = d && f ? f : u, L = h((e) => {
+		x === void 0 && te(e);
+	}, [x]), ie = (e) => {
+		A || ee(e), S?.(e), L(!1), ne.current?.focus();
+	};
+	g(() => {
+		if (!N) return;
+		let e = (e) => {
+			F.current && !F.current.contains(e.target) && L(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [N, L]);
+	let ae = (e) => {
+		e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), L(!0)) : e.key === "Escape" && L(!1);
+	}, oe = (e) => {
+		e.key === "Escape" ? (e.preventDefault(), L(!1), ne.current?.focus()) : e.key === "Tab" && L(!1);
+	}, se = a.map(({ value: e, label: t, disabled: n, ...r }) => ({
+		value: e,
+		label: t,
+		disabled: n,
+		...r
+	}));
+	return /* @__PURE__ */ n("div", {
+		ref: F,
+		className: H.dropdown,
+		"data-density": l,
+		"data-disabled": p || void 0,
+		"data-error": d || void 0,
+		"data-hovered": m || void 0,
+		"data-focused": b || void 0,
+		"data-open": P || void 0,
+		children: [
+			r ? /* @__PURE__ */ n("label", {
+				htmlFor: D,
+				className: `${H.label} type-control-label`,
+				children: [e, i ? /* @__PURE__ */ t("span", {
+					className: H.required,
+					"aria-hidden": "true",
+					children: " *"
+				}) : null]
+			}) : /* @__PURE__ */ t("label", {
+				htmlFor: D,
+				className: H.srOnly,
+				children: e
+			}),
+			/* @__PURE__ */ n("div", {
+				className: H.triggerWrap,
+				children: [/* @__PURE__ */ n("button", {
+					ref: ne,
+					id: D,
+					type: "button",
+					...T,
+					className: H.trigger,
+					disabled: p,
+					role: "combobox",
+					"aria-haspopup": "listbox",
+					"aria-expanded": P,
+					"aria-controls": k,
+					"aria-required": i || void 0,
+					"aria-invalid": d || void 0,
+					"aria-describedby": re ? O : void 0,
+					onClick: () => L(!P),
+					onKeyDown: ae,
+					name: C,
+					children: [/* @__PURE__ */ t("span", {
+						className: `${H.value} ${l === "compact" ? "type-control-error" : "type-body-default-regular"}`,
+						"data-empty": !I || void 0,
+						children: I ? I.label : c
+					}), /* @__PURE__ */ t("span", {
+						className: H.chevron,
+						"aria-hidden": "true",
+						children: t(P ? De : Ee, {})
+					})]
+				}), P ? /* @__PURE__ */ t("div", {
+					className: H.menuContainer,
+					onKeyDown: oe,
+					children: /* @__PURE__ */ t(Te, {
+						id: k,
+						items: se,
+						density: l,
+						selectedValue: M,
+						onSelect: ie,
+						ariaLabel: e,
+						autoFocus: !0
+					})
+				}) : null]
+			}),
+			re ? /* @__PURE__ */ t("p", {
+				id: O,
+				className: `${H.helper} type-control-error`,
+				"data-error": d || void 0,
+				children: re
+			}) : null
+		]
+	});
+}
+var ke = {
+	horizontal: "pcoi-horizontal-c4gI9",
+	vertical: "pcoi-vertical-6-PzH",
+	withLabel: "pcoi-withLabel-LUC1Z",
+	line: "pcoi-line-smS1R",
+	label: "pcoi-label-YN-hW"
+};
+//#endregion
+//#region src/Divider/Divider.tsx
+function Ae({ variant: e = "horizontal", label: r, ...i }) {
+	return e === "vertical" ? /* @__PURE__ */ t("div", {
+		...i,
+		className: ke.vertical,
+		role: "separator",
+		"aria-orientation": "vertical"
+	}) : e === "withLabel" ? /* @__PURE__ */ n("div", {
+		...i,
+		className: ke.withLabel,
+		role: "separator",
+		children: [
+			/* @__PURE__ */ t("span", {
+				className: ke.line,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ t("span", {
+				className: `${ke.label} type-body-sm-regular`,
+				children: r ?? ""
+			}),
+			/* @__PURE__ */ t("span", {
+				className: ke.line,
+				"aria-hidden": "true"
+			})
+		]
+	}) : /* @__PURE__ */ t("hr", {
+		...i,
+		className: ke.horizontal
+	});
+}
+//#endregion
+//#region src/CodeBlock/CodeBlock.tsx
+var je = [
+	{
+		value: "code",
+		label: "Code"
+	},
+	{
+		value: "preview",
+		label: "Preview"
+	},
+	{
+		value: "split",
+		label: "Split"
+	}
+];
+function Me({ code: e, preview: r, view: a, defaultView: o = "code", onViewChange: c, layout: l = "centered", codeHeight: u = "180px", previewHeight: d = "120px", hideViewSwitcher: f, ariaLabel: p = "Code example", copyButtonData: m, ...h }) {
+	let g = a !== void 0, [_, v] = y(o), b = g ? a : _, [x, S] = y(!1), C = (e) => {
+		g || v(e), c?.(e);
+	}, w = async () => {
+		try {
+			await navigator.clipboard.writeText(e), S(!0), setTimeout(() => S(!1), 2e3);
+		} catch {}
+	}, T = b === "code" || b === "split", E = b === "preview" || b === "split";
+	return /* @__PURE__ */ n("div", {
+		...h,
+		className: B.codeBlock,
+		"aria-label": p,
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: B.header,
+				children: [f ? /* @__PURE__ */ t("span", {}) : /* @__PURE__ */ t("div", {
+					className: B.switcher,
+					children: /* @__PURE__ */ t(Oe, {
+						label: "View",
+						showLabel: !1,
+						density: "compact",
+						options: je,
+						value: b,
+						onChange: (e) => C(e)
+					})
+				}), /* @__PURE__ */ t(V, {
+					...m,
+					ariaLabel: x ? "Copied!" : "Copy code",
+					icon: t(x ? i : s, {}),
+					onClick: w
+				})]
+			}),
+			T ? /* @__PURE__ */ t("pre", {
+				className: B.codeContent,
+				style: b === "split" && u ? { height: u } : void 0,
+				children: /* @__PURE__ */ t("code", {
+					className: `${B.code} type-mono-code`,
+					children: e
+				})
+			}) : null,
+			T && E ? /* @__PURE__ */ t("div", {
+				className: B.divider,
+				children: /* @__PURE__ */ t(Ae, {})
+			}) : null,
+			E ? /* @__PURE__ */ t("div", {
+				className: B.previewSlot,
+				"data-layout": l,
+				style: b === "split" && d ? { height: d } : void 0,
+				children: /* @__PURE__ */ t("div", {
+					className: B.stage,
+					children: r ?? /* @__PURE__ */ t("div", {
+						className: B.placeholderContent,
+						children: /* @__PURE__ */ t("span", {
+							className: `${B.placeholderText} type-body-sm-regular`,
+							children: "Drop component preview here"
+						})
+					})
+				})
+			}) : null
+		]
+	});
+}
+var Ne = { codeInline: "pcoi-codeInline-IUDF2" };
+//#endregion
+//#region src/CodeInline/CodeInline.tsx
+function Pe({ code: e, children: n, ...r }) {
+	return /* @__PURE__ */ t("code", {
+		...r,
+		className: `${Ne.codeInline} type-mono-badge`,
+		children: n ?? e
+	});
+}
+var Fe = {
+	skeleton: "pcoi-skeleton-4WTt-",
+	"skeleton-shimmer": "pcoi-skeleton-shimmer-9ktBq"
+};
+//#endregion
+//#region src/Skeleton/Skeleton.tsx
+function Ie({ variant: e = "text", width: n, height: r, ...i }) {
+	let a = {};
+	return n !== void 0 && (a.width = typeof n == "number" ? `${n}px` : n), r !== void 0 && (a.height = typeof r == "number" ? `${r}px` : r), /* @__PURE__ */ t("span", {
+		...i,
+		className: Fe.skeleton,
+		"data-variant": e,
+		role: "status",
+		"aria-label": "Loading",
+		"aria-live": "polite",
+		"aria-busy": "true",
+		style: a
+	});
+}
+var U = {
+	scroll: "pcoi-scroll-R6HZN",
+	table: "pcoi-table-V0t-d",
+	srOnly: "pcoi-srOnly-dOZjD",
+	header: "pcoi-header-AAqGB",
+	headerLabel: "pcoi-headerLabel-x-Obs",
+	headerHighlight: "pcoi-headerHighlight-Dmegb",
+	row: "pcoi-row-rDQjL",
+	rowSelectable: "pcoi-rowSelectable-8m8Zj",
+	cell: "pcoi-cell-TE-LH",
+	cellLabel: "pcoi-cellLabel-xkKhl",
+	cellHighlight: "pcoi-cellHighlight-f8Mfz"
+}, Le = 4, Re = "a, button, input, select, textarea, [tabindex]";
+function ze({ headers: e, rows: r, caption: i, loading: a, density: o = "default", onRowSelectionChange: s, staticRows: c, ...l }) {
+	let [u, d] = y(0), f = v([]), p = s !== void 0 && !a && !c, m = (e) => {
+		let t = Math.max(0, Math.min(r.length - 1, e));
+		d(t), f.current[t]?.focus();
+	}, h = (e, t, n) => {
+		let r = e.target.closest(Re);
+		r && r !== e.currentTarget || s?.(t, !n);
+	}, g = (e, t, n) => {
+		if (e.target === e.currentTarget) switch (e.key) {
+			case "Enter":
+			case " ":
+				e.preventDefault(), s?.(t, !n);
+				break;
+			case "ArrowDown":
+				e.preventDefault(), m(t + 1);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), m(t - 1);
+				break;
+			case "Home":
+				e.preventDefault(), m(0);
+				break;
+			case "End":
+				e.preventDefault(), m(r.length - 1);
+				break;
+		}
+	};
+	return /* @__PURE__ */ t("div", {
+		...l,
+		className: U.scroll,
+		children: /* @__PURE__ */ n("table", {
+			className: U.table,
+			"data-density": o,
+			"data-static-rows": c || void 0,
+			role: p ? "grid" : void 0,
+			"aria-multiselectable": p ? !0 : void 0,
+			children: [
+				i ? /* @__PURE__ */ t("caption", {
+					className: U.srOnly,
+					children: i
+				}) : null,
+				/* @__PURE__ */ t("thead", { children: /* @__PURE__ */ n("tr", { children: [
+					/* @__PURE__ */ t("th", {
+						scope: "col",
+						className: `${U.header} ${U.headerLabel} type-control-label`,
+						children: e.feature
+					}),
+					/* @__PURE__ */ t("th", {
+						scope: "col",
+						className: `${U.header} type-control-label`,
+						children: e.competitor
+					}),
+					/* @__PURE__ */ t("th", {
+						scope: "col",
+						className: `${U.header} ${U.headerHighlight} type-control-label`,
+						children: e.pcoi
+					})
+				] }) }),
+				/* @__PURE__ */ t("tbody", { children: a ? Array.from({ length: Le }).map((e, r) => /* @__PURE__ */ n("tr", {
+					className: U.row,
+					children: [
+						/* @__PURE__ */ t("th", {
+							scope: "row",
+							className: `${U.cell} ${U.cellLabel}`,
+							children: /* @__PURE__ */ t(Ie, { variant: "text" })
+						}),
+						/* @__PURE__ */ t("td", {
+							className: U.cell,
+							children: /* @__PURE__ */ t(Ie, { variant: "text" })
+						}),
+						/* @__PURE__ */ t("td", {
+							className: `${U.cell} ${U.cellHighlight}`,
+							children: /* @__PURE__ */ t(Ie, { variant: "text" })
+						})
+					]
+				}, `skeleton-${r}`)) : r.map(({ feature: e, competitor: r, pcoi: i, selected: a, ...o }, s) => /* @__PURE__ */ n("tr", {
+					...o,
+					className: p ? `${U.row} ${U.rowSelectable}` : U.row,
+					"data-selected": a || void 0,
+					...p ? {
+						ref: (e) => {
+							f.current[s] = e;
+						},
+						tabIndex: s === u ? 0 : -1,
+						"aria-selected": !!a,
+						onClick: (e) => h(e, s, a),
+						onKeyDown: (e) => g(e, s, a),
+						onFocus: () => d(s)
+					} : void 0,
+					children: [
+						/* @__PURE__ */ t("th", {
+							scope: "row",
+							className: `${U.cell} ${U.cellLabel} type-body-default-regular`,
+							children: e
+						}),
+						/* @__PURE__ */ t("td", {
+							className: `${U.cell} type-body-compact-regular`,
+							children: Be(r)
+						}),
+						/* @__PURE__ */ t("td", {
+							className: `${U.cell} ${U.cellHighlight} type-body-compact-regular`,
+							children: Be(i)
+						})
+					]
+				}, `${e}-${s}`)) })
+			]
+		})
+	});
+}
+function Be(e) {
+	return e;
+}
+var Ve = {
+	formField: "pcoi-formField-9S5-x",
+	label: "pcoi-label-Dgk00",
+	required: "pcoi-required-bAf85",
+	input: "pcoi-input-vtSDc",
+	helper: "pcoi-helper-MEzoZ",
+	srOnly: "pcoi-srOnly-73Ok3"
+};
+//#endregion
+//#region src/FormField/FormField.tsx
+function He({ label: e, showLabel: r = !0, required: i, error: a, errorMessage: o, helperText: s, disabled: c, hovered: l, focused: u, value: d, defaultValue: f, placeholder: p, onChange: m, name: h, id: g, type: v = "text", inputMode: y, autoComplete: b, ...x }) {
+	let S = _(), C = g ?? S, w = `${C}-helper`, T = (e) => {
+		m?.(e.target.value, e);
+	}, E = a && o ? o : s;
+	return /* @__PURE__ */ n("div", {
+		className: Ve.formField,
+		"data-disabled": c || void 0,
+		"data-error": a || void 0,
+		"data-hovered": l || void 0,
+		"data-focused": u || void 0,
+		children: [
+			r ? /* @__PURE__ */ n("label", {
+				htmlFor: C,
+				className: `${Ve.label} type-control-label`,
+				children: [e, i ? /* @__PURE__ */ t("span", {
+					className: Ve.required,
+					"aria-hidden": "true",
+					children: " *"
+				}) : null]
+			}) : /* @__PURE__ */ t("label", {
+				htmlFor: C,
+				className: Ve.srOnly,
+				children: e
+			}),
+			/* @__PURE__ */ t("input", {
+				...x,
+				id: C,
+				name: h,
+				type: v,
+				className: `${Ve.input} type-body-default-regular`,
+				value: d,
+				defaultValue: f,
+				placeholder: p,
+				disabled: c,
+				required: i,
+				"aria-required": i || void 0,
+				"aria-invalid": a || void 0,
+				"aria-describedby": E ? w : void 0,
+				onChange: T,
+				inputMode: y,
+				autoComplete: b
+			}),
+			E ? /* @__PURE__ */ t("p", {
+				id: w,
+				className: `${Ve.helper} type-control-error`,
+				"data-error": a || void 0,
+				children: E
+			}) : null
+		]
+	});
+}
+var Ue = {
+	formFieldArea: "pcoi-formFieldArea-xhsAY",
+	label: "pcoi-label-wfRQy",
+	required: "pcoi-required-qUydw",
+	textarea: "pcoi-textarea-zQ3V1",
+	helper: "pcoi-helper--KwYe",
+	srOnly: "pcoi-srOnly-SAjYr"
+};
+//#endregion
+//#region src/FormFieldArea/FormFieldArea.tsx
+function We({ label: e, showLabel: r = !0, required: i, error: a, errorMessage: o, helperText: s, disabled: c, hovered: l, focused: u, value: d, defaultValue: f, placeholder: p, rows: m = 4, onChange: h, name: g, id: v, maxLength: y, resize: b, ...x }) {
+	let S = _(), C = v ?? S, w = `${C}-helper`, T = (e) => {
+		h?.(e.target.value, e);
+	}, E = a && o ? o : s;
+	return /* @__PURE__ */ n("div", {
+		className: Ue.formFieldArea,
+		"data-disabled": c || void 0,
+		"data-error": a || void 0,
+		"data-hovered": l || void 0,
+		"data-focused": u || void 0,
+		children: [
+			r ? /* @__PURE__ */ n("label", {
+				htmlFor: C,
+				className: `${Ue.label} type-control-label`,
+				children: [e, i ? /* @__PURE__ */ t("span", {
+					className: Ue.required,
+					"aria-hidden": "true",
+					children: " *"
+				}) : null]
+			}) : /* @__PURE__ */ t("label", {
+				htmlFor: C,
+				className: Ue.srOnly,
+				children: e
+			}),
+			/* @__PURE__ */ t("textarea", {
+				...x,
+				id: C,
+				name: g,
+				rows: m,
+				className: `${Ue.textarea} type-body-default-regular`,
+				value: d,
+				defaultValue: f,
+				placeholder: p,
+				disabled: c,
+				required: i,
+				maxLength: y,
+				"aria-required": i || void 0,
+				"aria-invalid": a || void 0,
+				"aria-describedby": E ? w : void 0,
+				onChange: T,
+				style: b ? { resize: b } : void 0
+			}),
+			E ? /* @__PURE__ */ t("p", {
+				id: w,
+				className: `${Ue.helper} type-control-error`,
+				"data-error": a || void 0,
+				children: E
+			}) : null
+		]
+	});
+}
+var Ge = {
+	shell: "pcoi-shell-1QuJt",
+	form: "pcoi-form-T-Io-",
+	row: "pcoi-row-vckkw",
+	note: "pcoi-note-0OJeq",
+	srOnly: "pcoi-srOnly-AbYls"
+};
+//#endregion
+//#region src/ContactForm/ContactForm.tsx
+function Ke({ layout: e = "default", onSubmit: r, submitting: a, disabled: o, success: s = !1, successDurationMs: c = 5e3, ...l }) {
+	let u = v(null), [d, f] = y(!1), [p, m] = y(!1);
+	s !== p && (m(s), f(s)), g(() => {
+		if (!d || (u.current?.reset(), !Number.isFinite(c))) return;
+		let e = setTimeout(() => f(!1), c);
+		return () => clearTimeout(e);
+	}, [d, c]);
+	let h = (e) => {
+		if (e.preventDefault(), a || o || d) return;
+		let t = new FormData(e.currentTarget), n = t.get("role");
+		r({
+			name: String(t.get("name") ?? ""),
+			company: String(t.get("company") ?? ""),
+			email: String(t.get("email") ?? ""),
+			role: n ? String(n) : void 0,
+			message: String(t.get("message") ?? "")
+		});
+	};
+	return /* @__PURE__ */ t(P, {
+		className: Ge.shell,
+		children: /* @__PURE__ */ n("form", {
+			...l,
+			ref: u,
+			className: Ge.form,
+			"data-layout": e,
+			onSubmit: h,
+			noValidate: !0,
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: Ge.row,
+					children: [/* @__PURE__ */ t(He, {
+						label: "Name",
+						name: "name",
+						id: "contact-name",
+						placeholder: "Your name",
+						required: !0,
+						disabled: o,
+						autoComplete: "name"
+					}), /* @__PURE__ */ t(He, {
+						label: "Company",
+						name: "company",
+						id: "contact-company",
+						placeholder: "Company name",
+						required: !0,
+						disabled: o,
+						autoComplete: "organization"
+					})]
+				}),
+				/* @__PURE__ */ n("div", {
+					className: Ge.row,
+					children: [/* @__PURE__ */ t(He, {
+						label: "Email",
+						name: "email",
+						id: "contact-email",
+						type: "email",
+						placeholder: "you@company.com",
+						required: !0,
+						disabled: o,
+						autoComplete: "email"
+					}), /* @__PURE__ */ t(He, {
+						label: "Your role",
+						name: "role",
+						id: "contact-role",
+						placeholder: "CEO, COO, VP Ops, etc.",
+						disabled: o,
+						autoComplete: "organization-title"
+					})]
+				}),
+				/* @__PURE__ */ t(We, {
+					label: "What problem are you trying to solve?",
+					name: "message",
+					id: "contact-message",
+					placeholder: "Tell us about the knowledge challenges...",
+					required: !0,
+					rows: 3,
+					disabled: o
+				}),
+				/* @__PURE__ */ t(A, {
+					style: "primary",
+					size: "large",
+					fullWidth: !0,
+					type: "submit",
+					label: d ? "Message Sent" : "Start the Conversation",
+					startIcon: d ? /* @__PURE__ */ t(i, { size: 16 }) : void 0,
+					success: d,
+					loading: a && !d,
+					disabled: o || a && !d
+				}),
+				/* @__PURE__ */ t("p", {
+					className: `${Ge.note} type-control-label`,
+					children: "No sales automation. A real person reads this and responds personally."
+				}),
+				/* @__PURE__ */ t("span", {
+					role: "status",
+					"aria-live": "polite",
+					className: Ge.srOnly,
+					children: d ? "Message sent" : ""
+				})
+			]
+		})
+	});
+}
+var W = {
+	dataTable: "pcoi-dataTable-REe76",
+	header: "pcoi-header-huSNC",
+	body: "pcoi-body-jnzmb",
+	row: "pcoi-row-fH4Op",
+	dataRow: "pcoi-dataRow-50e7y",
+	headerCell: "pcoi-headerCell-gVd-x",
+	sortButton: "pcoi-sortButton-pdwu3",
+	headerLabel: "pcoi-headerLabel-WmGcT",
+	sortIndicator: "pcoi-sortIndicator-8sWln",
+	cell: "pcoi-cell-O-58D",
+	cellValue: "pcoi-cellValue-mSjsb",
+	feedbackRow: "pcoi-feedbackRow-lvRlz",
+	pagination: "pcoi-pagination-Nqv2R",
+	paginationLabel: "pcoi-paginationLabel-UA3t5",
+	paginationRange: "pcoi-paginationRange-OlMEA",
+	paginationDropdown: "pcoi-paginationDropdown-KrIeN"
+}, qe = {
+	feedbackState: "pcoi-feedbackState-nq6qh",
+	icon: "pcoi-icon-VDUA8",
+	title: "pcoi-title-1n-Yy",
+	description: "pcoi-description-FqGSI",
+	action: "pcoi-action-VJEdD"
+};
+//#endregion
+//#region src/FeedbackState/FeedbackState.tsx
+function Je({ type: e = "empty", title: r, description: i, action: a, ...o }) {
+	let s = e === "no-results" || e === "error", c = e === "error" ? m : u, l = e === "error" ? "assertive" : "polite";
+	return /* @__PURE__ */ n("div", {
+		...o,
+		className: qe.feedbackState,
+		"data-type": e,
+		role: e === "error" ? "alert" : "status",
+		"aria-live": l,
+		children: [
+			s ? /* @__PURE__ */ t("span", {
+				className: qe.icon,
+				children: /* @__PURE__ */ t(c, { size: 32 })
+			}) : null,
+			/* @__PURE__ */ t("p", {
+				className: `${qe.title} type-body-sm-regular`,
+				children: r
+			}),
+			i ? /* @__PURE__ */ t("p", {
+				className: `${qe.description} type-body-sm-regular`,
+				children: i
+			}) : null,
+			a ? /* @__PURE__ */ t("div", {
+				className: qe.action,
+				children: a
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/DataTable/DataTable.tsx
+function Ye({ columns: e, rows: r, mode: i = "static", state: s, density: c = "default", sortColumn: l, sortDirection: u = "none", onSort: m, selectedRowIds: h, getRowId: g, onRowSelectionChange: _, page: v = 1, pageSize: y = 10, totalRows: b, rowsPerPageOptions: x = [
+	10,
+	25,
+	50
+], onPageChange: S, onPageSizeChange: C, onLoadMore: w, emptyTitle: T = "No data", noResultsTitle: E = "No matches", errorTitle: D = "Something went wrong", errorMessage: O, skeletonRows: k = 5, ariaLabel: j = "Data table", getRowData: ee, ...M }) {
+	let N = s ?? (r.length === 0 ? "no-data" : "default"), te = N === "no-data" || N === "no-results" || N === "error", P = N === "loading" || N === "loading-more", F = N === "default" || N === "loading-more" || N === "error-loading-more", ne = i === "paginated", I = (e) => {
+		if (!e.sortable || !m) return;
+		let t = l === e.id && u === "asc" ? "desc" : "asc";
+		m(e.id, t);
+	}, re = m !== void 0, L = _ !== void 0, ie = new Set(h ?? []), ae = (e, t) => g?.(e, t) ?? String(t), oe = (e, t) => {
+		if (!L) return;
+		let n = ae(e, t);
+		_?.(n, !ie.has(n));
+	}, se = (e, t, n) => {
+		L && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), oe(t, n));
+	}, R = b ?? r.length, ce = R === 0 ? 0 : (v - 1) * y + 1, le = Math.min(v * y, R), ue = y > 0 ? Math.max(1, Math.ceil(R / y)) : 1, de = N === "loading" ? k : N === "loading-more" ? r.length + k : void 0, fe = c === "compact" ? 28 : 44, pe = i === "scroll" && de !== void 0 && de > 0 ? { maxHeight: (de - 1) * fe + fe / 2 } : void 0;
+	return /* @__PURE__ */ n("div", {
+		...M,
+		className: W.dataTable,
+		"data-mode": i,
+		"data-state": N,
+		"data-density": c,
+		role: "region",
+		"aria-label": j,
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: W.header,
+				children: /* @__PURE__ */ t("div", {
+					className: W.row,
+					children: e.map((e) => {
+						let r = !!e.sortable && re, i = r && l === e.id && u !== "none", a = r ? i && u === "asc" ? d : i && u === "desc" ? p : f : null;
+						return /* @__PURE__ */ t("div", {
+							className: W.headerCell,
+							"data-sort": i ? u : r ? "none" : void 0,
+							"data-align": e.align ?? "left",
+							style: e.width === void 0 ? void 0 : {
+								width: typeof e.width == "number" ? `${e.width}px` : e.width,
+								flex: "none"
+							},
+							children: r ? /* @__PURE__ */ n("button", {
+								type: "button",
+								className: W.sortButton,
+								onClick: () => I(e),
+								children: [/* @__PURE__ */ t("span", {
+									className: `${W.headerLabel} type-control-label`,
+									children: e.label
+								}), /* @__PURE__ */ t("span", {
+									className: W.sortIndicator,
+									"data-unsorted": !i || void 0,
+									"aria-hidden": "true",
+									children: a ? /* @__PURE__ */ t(a, { size: 16 }) : null
+								})]
+							}) : /* @__PURE__ */ t("span", {
+								className: `${W.headerLabel} type-control-label`,
+								children: e.label
+							})
+						}, e.id);
+					})
+				})
+			}),
+			/* @__PURE__ */ n("div", {
+				className: W.body,
+				style: pe,
+				children: [
+					F ? r.map((n, r) => {
+						let i = ae(n, r), a = L && ie.has(i);
+						return /* @__PURE__ */ t("div", {
+							...ee?.(n, r),
+							className: `${W.row} ${W.dataRow}`,
+							"data-selected": a || void 0,
+							onClick: L ? () => oe(n, r) : void 0,
+							children: e.map((e) => /* @__PURE__ */ t("div", {
+								className: W.cell,
+								"data-align": e.align ?? "left",
+								tabIndex: 0,
+								onKeyDown: (e) => se(e, n, r),
+								style: e.width === void 0 ? void 0 : {
+									width: typeof e.width == "number" ? `${e.width}px` : e.width,
+									flex: "none"
+								},
+								children: /* @__PURE__ */ t("span", {
+									className: `${W.cellValue} type-body-compact-regular`,
+									children: e.render ? e.render(n) : String(n[e.id])
+								})
+							}, e.id))
+						}, i);
+					}) : null,
+					P ? Array.from({ length: k }).map((n, r) => /* @__PURE__ */ t("div", {
+						className: W.row,
+						"aria-hidden": "true",
+						children: e.map((e) => /* @__PURE__ */ t("div", {
+							className: W.cell,
+							"data-align": e.align ?? "left",
+							style: e.width === void 0 ? void 0 : {
+								width: typeof e.width == "number" ? `${e.width}px` : e.width,
+								flex: "none"
+							},
+							children: /* @__PURE__ */ t(Ie, { variant: "text" })
+						}, e.id))
+					}, `skeleton-${r}`)) : null,
+					te ? /* @__PURE__ */ t("div", {
+						className: W.feedbackRow,
+						children: N === "no-data" ? /* @__PURE__ */ t(Je, {
+							type: "empty",
+							title: T
+						}) : N === "no-results" ? /* @__PURE__ */ t(Je, {
+							type: "no-results",
+							title: E
+						}) : /* @__PURE__ */ t(Je, {
+							type: "error",
+							title: D,
+							description: O
+						})
+					}) : null,
+					N === "error-loading-more" ? /* @__PURE__ */ t("div", {
+						className: W.feedbackRow,
+						children: /* @__PURE__ */ t(Je, {
+							type: "error",
+							title: D,
+							description: O,
+							action: w ? /* @__PURE__ */ t(A, {
+								style: "ghost",
+								size: "small",
+								label: "Retry",
+								onClick: w
+							}) : void 0
+						})
+					}) : null
+				]
+			}),
+			ne ? /* @__PURE__ */ n("div", {
+				className: W.pagination,
+				children: [
+					/* @__PURE__ */ t("span", {
+						className: `${W.paginationLabel} type-body-sm-regular`,
+						children: "Rows per page:"
+					}),
+					/* @__PURE__ */ t("div", {
+						className: W.paginationDropdown,
+						children: /* @__PURE__ */ t(Oe, {
+							label: "Rows per page",
+							showLabel: !1,
+							density: "compact",
+							options: x.map((e) => ({
+								value: String(e),
+								label: String(e)
+							})),
+							value: String(y),
+							onChange: (e) => C?.(Number(e))
+						})
+					}),
+					/* @__PURE__ */ n("span", {
+						className: `${W.paginationRange} type-body-sm-regular`,
+						children: [
+							ce,
+							"–",
+							le,
+							" of ",
+							R
+						]
+					}),
+					/* @__PURE__ */ t(V, {
+						ariaLabel: "Previous page",
+						icon: /* @__PURE__ */ t(a, { size: 24 }),
+						disabled: v <= 1,
+						onClick: () => S?.(Math.max(1, v - 1))
+					}),
+					/* @__PURE__ */ t(V, {
+						ariaLabel: "Next page",
+						icon: /* @__PURE__ */ t(o, { size: 24 }),
+						disabled: v >= ue,
+						onClick: () => S?.(Math.min(ue, v + 1))
+					})
+				]
+			}) : null
+		]
+	});
+}
+var Xe = {
+	documentOverlay: "pcoi-documentOverlay-QPAnW",
+	header: "pcoi-header--u-Vq",
+	title: "pcoi-title-eE76n",
+	actions: "pcoi-actions-nCie8",
+	content: "pcoi-content-ws0QD"
+};
+//#endregion
+//#region src/DocumentOverlay/DocumentOverlay.tsx
+function Ze() {
+	return /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ t("path", {
+			d: "M12 4v12M6 10l6 6 6-6",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}), /* @__PURE__ */ t("path", {
+			d: "M5 19h14",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})]
+	});
+}
+function Qe() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: "M6 6L18 18M18 6L6 18",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})
+	});
+}
+function $e({ sourceLabel: e, title: r, children: i, onClose: a, onDownload: o, width: s = 900, height: c = 600, closeButtonData: l, downloadButtonData: u, ...d }) {
+	let f = _(), p = v(null), m = v(null);
+	return g(() => (m.current = document.activeElement, p.current?.focus(), () => {
+		m.current instanceof HTMLElement && m.current.focus();
+	}), []), g(() => {
+		let e = (e) => {
+			e.key === "Escape" && (e.stopPropagation(), a());
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [a]), /* @__PURE__ */ n("div", {
+		...d,
+		ref: p,
+		className: Xe.documentOverlay,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": f,
+		tabIndex: -1,
+		style: {
+			width: typeof s == "number" ? `${s}px` : s,
+			height: typeof c == "number" ? `${c}px` : c
+		},
+		children: [/* @__PURE__ */ n("div", {
+			className: Xe.header,
+			children: [
+				/* @__PURE__ */ t(O, {
+					shape: "pill",
+					variant: "default",
+					label: e
+				}),
+				/* @__PURE__ */ t("h2", {
+					id: f,
+					className: `${Xe.title} type-heading-h3-sm`,
+					children: r
+				}),
+				/* @__PURE__ */ n("div", {
+					className: Xe.actions,
+					children: [o ? /* @__PURE__ */ t(V, {
+						...u,
+						ariaLabel: "Download document",
+						icon: /* @__PURE__ */ t(Ze, {}),
+						onClick: o
+					}) : null, /* @__PURE__ */ t(V, {
+						...l,
+						ariaLabel: "Close",
+						icon: /* @__PURE__ */ t(Qe, {}),
+						onClick: a
+					})]
+				})
+			]
+		}), /* @__PURE__ */ t("div", {
+			className: `${Xe.content} type-body-default-regular`,
+			children: i
+		})]
+	});
+}
+var et = { modalOverlay: "pcoi-modalOverlay-Yx0AW" };
+//#endregion
+//#region src/ModalOverlay/ModalOverlay.tsx
+function tt({ children: e, onClick: n, zIndex: r, ...i }) {
+	let a = (e) => {
+		e.target === e.currentTarget && n?.();
+	};
+	return /* @__PURE__ */ t("div", {
+		...i,
+		className: et.modalOverlay,
+		style: r === void 0 ? void 0 : { zIndex: r },
+		"aria-hidden": "true",
+		onClick: a,
+		children: e
+	});
+}
+//#endregion
+//#region src/DocumentOverlayScreen/DocumentOverlayScreen.tsx
+function nt(e) {
+	return /* @__PURE__ */ t(tt, {
+		onClick: e.onClose,
+		children: /* @__PURE__ */ t($e, { ...e })
+	});
+}
+var rt = { focusGlow: "pcoi-focusGlow-KtsUQ" };
+//#endregion
+//#region src/FocusGlow/FocusGlow.tsx
+function it({ visible: e, ...n }) {
+	return /* @__PURE__ */ t("span", {
+		...n,
+		className: rt.focusGlow,
+		"data-visible": e || void 0,
+		"aria-hidden": "true"
+	});
+}
+var G = {
+	footer: "pcoi-footer-mpGwW",
+	top: "pcoi-top-OYj4L",
+	brand: "pcoi-brand--ZwRI",
+	tagline: "pcoi-tagline-vETPk",
+	links: "pcoi-links-G6BSd",
+	linkItem: "pcoi-linkItem-q3V-K",
+	copyright: "pcoi-copyright-c6BP9"
+};
+//#endregion
+//#region src/Footer/Footer.tsx
+function at({ breakpoint: e, tagline: r, links: i, copyright: a, ...o }) {
+	return /* @__PURE__ */ n("footer", {
+		...o,
+		className: G.footer,
+		"aria-label": "Footer navigation",
+		"data-breakpoint": e || void 0,
+		children: [/* @__PURE__ */ n("div", {
+			className: G.top,
+			children: [/* @__PURE__ */ n("div", {
+				className: G.brand,
+				children: [/* @__PURE__ */ t(fe, { mode: "Dark" }), r ? /* @__PURE__ */ t("p", {
+					className: `${G.tagline} type-body-sm-regular`,
+					children: r
+				}) : null]
+			}), /* @__PURE__ */ t("ul", {
+				className: G.links,
+				children: i.map(({ label: e, href: n, ...r }) => /* @__PURE__ */ t("li", {
+					className: G.linkItem,
+					children: /* @__PURE__ */ t(be, {
+						color: "neutral",
+						label: e,
+						href: n,
+						...r
+					})
+				}, n))
+			})]
+		}), /* @__PURE__ */ t("p", {
+			className: `${G.copyright} type-body-sm-regular`,
+			children: a
+		})]
+	});
+}
+var ot = { heroBadge: "pcoi-heroBadge-HpnxV" };
+//#endregion
+//#region src/HeroBadge/HeroBadge.tsx
+function st({ label: e, ariaLabel: n, ...r }) {
+	return /* @__PURE__ */ t("span", {
+		...r,
+		className: `${ot.heroBadge} type-mono-section-label`,
+		"aria-label": n,
+		children: e
+	});
+}
+var K = {
+	heroVisual: "pcoi-heroVisual-5dhL7",
+	svg: "pcoi-svg-ijt-8",
+	ring: "pcoi-ring-jj-f1",
+	core: "pcoi-core-27Icd",
+	coreLabel: "pcoi-coreLabel-MwKXc",
+	pulse: "pcoi-pulse-hOGhU",
+	heroPulse: "pcoi-heroPulse-eJrvO",
+	orbitInner: "pcoi-orbitInner-ckJIO",
+	heroOrbit: "pcoi-heroOrbit-B2PZg",
+	orbitOuter: "pcoi-orbitOuter-6r3xY",
+	nodeCounter: "pcoi-nodeCounter-pFeII",
+	heroCounterOrbit: "pcoi-heroCounterOrbit-ACad-",
+	nodeRect: "pcoi-nodeRect-beKRJ",
+	nodeLabel: "pcoi-nodeLabel-Xfrbi"
+}, ct = [
+	"SOPs",
+	"Field Notes",
+	"Tribal Knowledge"
+], lt = [
+	"New Hires",
+	"Lead Techs",
+	"Operations"
+];
+function ut({ breakpoint: e = "desktop", innerNodes: r = ct, outerNodes: i = lt, animated: a = !0, ...o }) {
+	let s = ft(210, 210, 130, 3), c = ft(210, 210, 190, 3), l = r.length === 3 ? r : ct, u = i.length === 3 ? i : lt;
+	return /* @__PURE__ */ t("figure", {
+		...o,
+		className: K.heroVisual,
+		"data-breakpoint": e,
+		"data-animated": a || void 0,
+		role: "img",
+		"aria-label": "Company brain illustration: a central core surrounded by inner and outer rings of knowledge sources.",
+		children: /* @__PURE__ */ n("svg", {
+			className: K.svg,
+			viewBox: "0 0 420 420",
+			width: "420",
+			height: "420",
+			xmlns: "http://www.w3.org/2000/svg",
+			"aria-hidden": "true",
+			focusable: "false",
+			children: [
+				/* @__PURE__ */ t("circle", {
+					cx: 210,
+					cy: 210,
+					r: 190,
+					className: K.ring
+				}),
+				/* @__PURE__ */ t("circle", {
+					cx: 210,
+					cy: 210,
+					r: 130,
+					className: K.ring
+				}),
+				a ? /* @__PURE__ */ t("circle", {
+					cx: 210,
+					cy: 210,
+					r: 74,
+					className: K.pulse
+				}) : null,
+				/* @__PURE__ */ t("circle", {
+					cx: 210,
+					cy: 210,
+					r: 65,
+					className: K.core
+				}),
+				/* @__PURE__ */ t("text", {
+					x: 210,
+					y: 196,
+					textAnchor: "middle",
+					className: `${K.coreLabel} type-control-label`,
+					children: "Your"
+				}),
+				/* @__PURE__ */ t("text", {
+					x: 210,
+					y: 214,
+					textAnchor: "middle",
+					className: `${K.coreLabel} type-control-label`,
+					children: "Company"
+				}),
+				/* @__PURE__ */ t("text", {
+					x: 210,
+					y: 232,
+					textAnchor: "middle",
+					className: `${K.coreLabel} type-control-label`,
+					children: "Brain"
+				}),
+				/* @__PURE__ */ t("g", {
+					className: K.orbitOuter,
+					children: c.map((e, n) => /* @__PURE__ */ t(dt, {
+						x: e.x,
+						y: e.y,
+						label: u[n]
+					}, `outer-${n}`))
+				}),
+				/* @__PURE__ */ t("g", {
+					className: K.orbitInner,
+					children: s.map((e, n) => /* @__PURE__ */ t(dt, {
+						x: e.x,
+						y: e.y,
+						label: l[n]
+					}, `inner-${n}`))
+				})
+			]
+		})
+	});
+}
+function dt({ x: e, y: r, label: i }) {
+	let a = Math.max(48, i.length * 7.2 + 24);
+	return /* @__PURE__ */ t("g", {
+		transform: `translate(${e - a / 2}, ${r - 24 / 2})`,
+		children: /* @__PURE__ */ n("g", {
+			className: K.nodeCounter,
+			children: [/* @__PURE__ */ t("rect", {
+				width: a,
+				height: 24,
+				rx: "6",
+				className: K.nodeRect
+			}), /* @__PURE__ */ t("text", {
+				x: a / 2,
+				y: 16,
+				textAnchor: "middle",
+				className: `${K.nodeLabel} type-mono-orbit-node`,
+				children: i
+			})]
+		})
+	});
+}
+function ft(e, t, n, r) {
+	let i = [], a = -Math.PI / 2;
+	for (let o = 0; o < r; o += 1) {
+		let s = a + o * 2 * Math.PI / r;
+		i.push({
+			x: e + n * Math.cos(s),
+			y: t + n * Math.sin(s)
+		});
+	}
+	return i;
+}
+var pt = {
+	howStep: "pcoi-howStep-qb0JO",
+	badgeSlot: "pcoi-badgeSlot-mZHm5",
+	content: "pcoi-content-0V40d",
+	title: "pcoi-title-VFg0E",
+	description: "pcoi-description-rD3Y5"
+};
+//#endregion
+//#region src/HowStep/HowStep.tsx
+function mt({ stepNumber: e, title: r, description: i, showDivider: a = !0, ...o }) {
+	return /* @__PURE__ */ n("div", {
+		...o,
+		className: pt.howStep,
+		"data-divider": a || void 0,
+		children: [/* @__PURE__ */ t("div", {
+			className: pt.badgeSlot,
+			children: /* @__PURE__ */ t(O, {
+				shape: "circle",
+				number: e,
+				ariaLabel: `Step ${e}`
+			})
+		}), /* @__PURE__ */ n("div", {
+			className: pt.content,
+			children: [/* @__PURE__ */ t("h3", {
+				className: `${pt.title} type-heading-h3`,
+				children: r
+			}), i ? /* @__PURE__ */ t("p", {
+				className: `${pt.description} type-body-default-regular`,
+				children: i
+			}) : null]
+		})]
+	});
+}
+var q = {
+	learningCurveChart: "pcoi-learningCurveChart-qy1fL",
+	svg: "pcoi-svg-yQKOX",
+	headerText: "pcoi-headerText-0akR-",
+	axis: "pcoi-axis-j-Xde",
+	midline: "pcoi-midline-HZQb9",
+	curveHuman: "pcoi-curveHuman-eo1XY",
+	curveSystem: "pcoi-curveSystem-hWQKS",
+	crossoverDot: "pcoi-crossoverDot-NXwMF",
+	crossoverChip: "pcoi-crossoverChip-co2KW",
+	crossoverText: "pcoi-crossoverText-D-qeM",
+	labelLeftHuman: "pcoi-labelLeftHuman-en-uF",
+	labelRightHuman: "pcoi-labelRightHuman-LAASq",
+	labelLeftSystem: "pcoi-labelLeftSystem-Wc0eA",
+	labelRightSystem: "pcoi-labelRightSystem-sN-bW",
+	weekLabel: "pcoi-weekLabel-sMOtN"
+};
+//#endregion
+//#region src/LearningCurveChart/LearningCurveChart.tsx
+function ht({ humanLabel: e = "Human", systemLabel: r = "System", ...i }) {
+	return /* @__PURE__ */ t("figure", {
+		...i,
+		className: q.learningCurveChart,
+		"aria-label": `Learning curve chart: ${e} contribution declines as ${r} contribution rises over 16 weeks; the two cross around week 8.`,
+		role: "img",
+		children: /* @__PURE__ */ n("svg", {
+			className: q.svg,
+			viewBox: "0 0 460 280",
+			width: "460",
+			height: "280",
+			xmlns: "http://www.w3.org/2000/svg",
+			"aria-hidden": "true",
+			focusable: "false",
+			children: [
+				/* @__PURE__ */ t("text", {
+					x: "49",
+					y: "22",
+					className: `${q.headerText} type-control-label`,
+					children: "WHO'S ANSWERING THE QUESTIONS?"
+				}),
+				/* @__PURE__ */ t("line", {
+					x1: "49",
+					y1: "49",
+					x2: "49",
+					y2: "229",
+					className: q.axis
+				}),
+				/* @__PURE__ */ t("line", {
+					x1: "49",
+					y1: "229",
+					x2: "409",
+					y2: "229",
+					className: q.axis
+				}),
+				/* @__PURE__ */ t("line", {
+					x1: "49",
+					y1: "139",
+					x2: "409",
+					y2: "139",
+					className: q.midline
+				}),
+				/* @__PURE__ */ t("path", {
+					d: "M 59,64 C 160,64 300,209 399,209",
+					className: q.curveHuman
+				}),
+				/* @__PURE__ */ t("path", {
+					d: "M 59,209 C 160,209 300,59 399,59",
+					className: q.curveSystem
+				}),
+				/* @__PURE__ */ t("rect", {
+					x: "202",
+					y: "118",
+					width: "54",
+					height: "15",
+					rx: "3",
+					className: q.crossoverChip
+				}),
+				/* @__PURE__ */ t("text", {
+					x: "206",
+					y: "128",
+					className: `${q.crossoverText} type-body-xx-sm-regular`,
+					children: "crossover"
+				}),
+				/* @__PURE__ */ t("circle", {
+					cx: "230",
+					cy: "137",
+					r: "6",
+					className: q.crossoverDot
+				}),
+				/* @__PURE__ */ t("text", {
+					x: "59",
+					y: "55",
+					className: `${q.labelLeftHuman} type-body-xx-sm-regular`,
+					children: e
+				}),
+				/* @__PURE__ */ t("text", {
+					x: "55",
+					y: "222",
+					className: `${q.labelLeftSystem} type-body-x-sm-regular`,
+					children: r
+				}),
+				/* @__PURE__ */ t("text", {
+					x: "405",
+					y: "211",
+					className: `${q.labelRightHuman} type-body-xx-sm-regular`,
+					children: e
+				}),
+				/* @__PURE__ */ t("text", {
+					x: "404",
+					y: "57",
+					className: `${q.labelRightSystem} type-body-xx-sm-regular`,
+					children: r
+				}),
+				/* @__PURE__ */ t("text", {
+					x: "59",
+					y: "249",
+					className: `${q.weekLabel} type-body-xx-sm-regular`,
+					children: "Week 1"
+				}),
+				/* @__PURE__ */ t("text", {
+					x: "204",
+					y: "249",
+					className: `${q.weekLabel} type-body-xx-sm-regular`,
+					children: "Week 8"
+				}),
+				/* @__PURE__ */ t("text", {
+					x: "364",
+					y: "249",
+					className: `${q.weekLabel} type-body-xx-sm-regular`,
+					children: "Week 16"
+				})
+			]
+		})
+	});
+}
+var gt = {
+	logoMarkP: "pcoi-logoMarkP-9fKOd",
+	svg: "pcoi-svg-zi2tl",
+	path: "pcoi-path-LBri2"
+};
+//#endregion
+//#region src/LogoMarkP/LogoMarkP.tsx
+function _t({ mode: e = "Dark", ...n }) {
+	let r = e === "On Accent" ? "on-accent" : e.toLowerCase();
+	return /* @__PURE__ */ t("span", {
+		...n,
+		className: gt.logoMarkP,
+		"data-theme": r,
+		children: /* @__PURE__ */ t("svg", {
+			className: gt.svg,
+			viewBox: "0 0 12 16",
+			role: "img",
+			"aria-label": "P",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: /* @__PURE__ */ t("path", {
+				className: gt.path,
+				d: "M 0 16.01 L 2.87 16.01 L 2.87 10.6 L 5.94 10.6 C 9.64 10.6 11.62 8.37 11.62 5.3 C 11.62 2.25 9.67 0 5.98 0 L 0 0 L 0 16.01 Z M 2.87 8.23 L 2.87 2.41 L 5.54 2.41 C 7.74 2.41 8.69 3.59 8.69 5.3 C 8.69 7.01 7.74 8.23 5.57 8.23 L 2.87 8.23 Z"
+			})
+		})
+	});
+}
+var vt = {
+	metricBlock: "pcoi-metricBlock-R0tM6",
+	value: "pcoi-value-VWRm7",
+	label: "pcoi-label-0HFDZ"
+};
+//#endregion
+//#region src/MetricBlock/MetricBlock.tsx
+function yt({ value: e, label: r, ...i }) {
+	return /* @__PURE__ */ n("div", {
+		...i,
+		className: vt.metricBlock,
+		children: [/* @__PURE__ */ t("p", {
+			className: `${vt.value} type-mono-code-heading`,
+			children: e
+		}), /* @__PURE__ */ t("p", {
+			className: `${vt.label} type-mono-x-sm`,
+			children: r
+		})]
+	});
+}
+var bt = { metricsRow: "pcoi-metricsRow-Nku8S" };
+//#endregion
+//#region src/MetricsRow/MetricsRow.tsx
+function xt({ metrics: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
+		...n,
+		className: bt.metricsRow,
+		children: e.map((e, n) => /* @__PURE__ */ t(yt, {
+			value: e.value,
+			label: e.label
+		}, n))
+	});
+}
+var St = {
+	modal: "pcoi-modal-gMPgi",
+	title: "pcoi-title-X5UV-",
+	titleText: "pcoi-titleText-OyuDn",
+	content: "pcoi-content-M0tlx",
+	actions: "pcoi-actions-SzSYl"
+};
+//#endregion
+//#region src/Modal/Modal.tsx
+function Ct() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: "M6 6L18 18M18 6L6 18",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})
+	});
+}
+function wt({ title: e, children: r, actions: i, onClose: a, width: o = 600, closeButtonData: s, specimen: c, ...l }) {
+	let u = _(), d = v(null), f = v(null);
+	return g(() => {
+		if (!c) return f.current = document.activeElement, d.current?.focus(), () => {
+			f.current instanceof HTMLElement && f.current.focus();
+		};
+	}, [c]), g(() => {
+		if (c) return;
+		let e = (e) => {
+			e.key === "Escape" && (e.stopPropagation(), a());
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [a, c]), /* @__PURE__ */ n("div", {
+		...l,
+		ref: d,
+		className: St.modal,
+		role: "dialog",
+		"aria-modal": c ? void 0 : "true",
+		"aria-labelledby": u,
+		tabIndex: c ? void 0 : -1,
+		style: { width: typeof o == "number" ? `${o}px` : o },
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: St.title,
+				children: [/* @__PURE__ */ t("h2", {
+					id: u,
+					className: `${St.titleText} type-heading-h3-sm`,
+					children: e
+				}), /* @__PURE__ */ t(V, {
+					...s,
+					ariaLabel: "Close",
+					icon: /* @__PURE__ */ t(Ct, {}),
+					onClick: a
+				})]
+			}),
+			/* @__PURE__ */ t("div", {
+				className: `${St.content} type-body-default-regular`,
+				children: r
+			}),
+			i ? /* @__PURE__ */ t("div", {
+				className: St.actions,
+				children: i
+			}) : null
+		]
+	});
+}
+var Tt = {
+	nav: "pcoi-nav-tYxFO",
+	brand: "pcoi-brand-qoPom",
+	links: "pcoi-links-8m0hc",
+	linkItem: "pcoi-linkItem-4MoWJ",
+	actions: "pcoi-actions-9XBGN",
+	hamburger: "pcoi-hamburger-vrAjv"
+};
+//#endregion
+//#region src/Nav/Nav.tsx
+function Et({ breakpoint: e, links: r, cta: i, scrolled: a, onHamburgerToggle: o, menuOpen: s, menuPanelId: l, ...u }) {
+	return /* @__PURE__ */ n("nav", {
+		...u,
+		className: Tt.nav,
+		"aria-label": "Main navigation",
+		"data-breakpoint": e || void 0,
+		"data-scrolled": a || void 0,
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: Tt.brand,
+				children: /* @__PURE__ */ t(fe, { mode: "Dark" })
+			}),
+			/* @__PURE__ */ t("ul", {
+				className: Tt.links,
+				children: r.map(({ label: e, href: n, ...r }) => /* @__PURE__ */ t("li", {
+					className: Tt.linkItem,
+					children: /* @__PURE__ */ t(be, {
+						color: "neutral",
+						label: e,
+						href: n,
+						...r
+					})
+				}, n))
+			}),
+			/* @__PURE__ */ n("div", {
+				className: Tt.actions,
+				children: [i ? /* @__PURE__ */ t(A, {
+					style: "primary",
+					size: "small",
+					label: i.label,
+					onClick: () => {
+						window.location.href = i.href;
+					}
+				}) : null, /* @__PURE__ */ t("button", {
+					type: "button",
+					className: Tt.hamburger,
+					"aria-expanded": !!s,
+					"aria-controls": l,
+					"aria-label": s ? "Close menu" : "Open menu",
+					onClick: o,
+					children: /* @__PURE__ */ t(c, { size: 24 })
+				})]
+			})
+		]
+	});
+}
+var Dt = {
+	notificationBadge: "pcoi-notificationBadge-WBN4Q",
+	count: "pcoi-count-61ani"
+};
+//#endregion
+//#region src/NotificationBadge/NotificationBadge.tsx
+function Ot({ count: e, max: n = 99, ariaLabel: r, ...i }) {
+	let a = typeof e == "number" && e > n ? `${n}+` : String(e);
+	return /* @__PURE__ */ t("span", {
+		...i,
+		className: Dt.notificationBadge,
+		role: r ? "status" : void 0,
+		"aria-label": r,
+		"aria-hidden": r ? void 0 : !0,
+		children: /* @__PURE__ */ t("span", {
+			className: `${Dt.count} type-mono-xx-sm`,
+			"aria-hidden": "true",
+			children: a
+		})
+	});
+}
+var kt = { pipelineStages: "pcoi-pipelineStages-YpCpD" }, At = {
+	pipelineStageChip: "pcoi-pipelineStageChip-a97ue",
+	segment: "pcoi-segment-PSO2k",
+	label: "pcoi-label-qSa3d"
+};
+//#endregion
+//#region src/PipelineStageChip/PipelineStageChip.tsx
+function jt({ label: e, state: r = "inactive", ...i }) {
+	return /* @__PURE__ */ n("div", {
+		...i,
+		className: At.pipelineStageChip,
+		"data-state": r,
+		children: [/* @__PURE__ */ t("span", {
+			className: At.segment,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ t("span", {
+			className: `${At.label} type-mono-x-sm`,
+			children: e
+		})]
+	});
+}
+//#endregion
+//#region src/PipelineStages/PipelineStages.tsx
+var Mt = [
+	{
+		label: "SCAN",
+		state: "active"
+	},
+	{
+		label: "BUILD",
+		state: "active"
+	},
+	{
+		label: "SWEEP",
+		state: "active"
+	},
+	{
+		label: "REVIEW",
+		state: "active"
+	},
+	{
+		label: "DONE",
+		state: "active"
+	}
+];
+function Nt({ stages: e = Mt, ariaLabel: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		...r,
+		className: kt.pipelineStages,
+		role: "group",
+		"aria-label": n,
+		children: e.map((e, n) => /* @__PURE__ */ t(jt, {
+			label: e.label,
+			state: e.state
+		}, `${e.label}-${n}`))
+	});
+}
+var Pt = {
+	pipelineCard: "pcoi-pipelineCard-WM2XD",
+	taskName: "pcoi-taskName-nJfDY",
+	description: "pcoi-description-w4tHR",
+	statusRow: "pcoi-statusRow-c8E-8",
+	badgeSlot: "pcoi-badgeSlot-O40vt",
+	timestamp: "pcoi-timestamp-eGtAU"
+};
+//#endregion
+//#region src/PipelineCard/PipelineCard.tsx
+function Ft({ state: e, selected: r, taskName: i, description: a, timestamp: o, statusBadge: s, onClick: c, ...l }) {
+	let u = !!c, d = (e) => {
+		u && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), c?.(e));
+	};
+	return /* @__PURE__ */ n("div", {
+		...l,
+		className: Pt.pipelineCard,
+		role: u ? "button" : "group",
+		tabIndex: u ? 0 : void 0,
+		"aria-pressed": u ? !!r : void 0,
+		"aria-label": u ? `${i} — ${a}` : void 0,
+		"data-state": e || void 0,
+		"data-selected": r || void 0,
+		onClick: c,
+		onKeyDown: u ? d : void 0,
+		children: [
+			/* @__PURE__ */ t("h3", {
+				className: `${Pt.taskName} type-mono-code-heading-sm`,
+				children: i
+			}),
+			/* @__PURE__ */ t("p", {
+				className: `${Pt.description} type-body-default-regular`,
+				children: a
+			}),
+			/* @__PURE__ */ t(Nt, { ariaLabel: `Pipeline progress for ${i}` }),
+			/* @__PURE__ */ n("div", {
+				className: Pt.statusRow,
+				children: [s ? /* @__PURE__ */ t("div", {
+					className: Pt.badgeSlot,
+					children: s
+				}) : /* @__PURE__ */ t("span", {}), /* @__PURE__ */ t("span", {
+					className: `${Pt.timestamp} type-mono-x-sm`,
+					children: o
+				})]
+			})
+		]
+	});
+}
+var J = {
+	popover: "pcoi-popover-rY8Ot",
+	container: "pcoi-container-y4SB1",
+	header: "pcoi-header-UI1Ao",
+	title: "pcoi-title-4qyXB",
+	body: "pcoi-body-UJEZf",
+	arrow: "pcoi-arrow-uClo-"
+};
+//#endregion
+//#region src/Popover/Popover.tsx
+function It() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: "M6 6L18 18M18 6L6 18",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})
+	});
+}
+var Lt = {
+	top: {
+		w: 12,
+		h: 6,
+		d: "M0 6 L6 0 L12 6"
+	},
+	bottom: {
+		w: 12,
+		h: 6,
+		d: "M0 0 L6 6 L12 0"
+	},
+	left: {
+		w: 6,
+		h: 12,
+		d: "M6 0 L0 6 L6 12"
+	},
+	right: {
+		w: 6,
+		h: 12,
+		d: "M0 0 L6 6 L0 12"
+	}
+};
+function Rt({ placement: e }) {
+	let { w: n, h: r, d: i } = Lt[e];
+	return /* @__PURE__ */ t("svg", {
+		width: n,
+		height: r,
+		viewBox: `0 0 ${n} ${r}`,
+		className: J.arrow,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: i,
+			fill: "var(--bg-card)",
+			stroke: "var(--border-card)",
+			strokeWidth: "1"
+		})
+	});
+}
+function zt({ children: e, title: r, placement: i = "none", onClose: a, ariaLabel: o, closeButtonData: s, ...c }) {
+	let l = r !== void 0 || a !== void 0, u = o ?? r, d = /* @__PURE__ */ n("div", {
+		className: J.container,
+		role: u ? "dialog" : "group",
+		"aria-label": u,
+		children: [l ? /* @__PURE__ */ n("div", {
+			className: J.header,
+			children: [r ? /* @__PURE__ */ t("p", {
+				className: `${J.title} type-body-compact-regular`,
+				children: r
+			}) : /* @__PURE__ */ t("span", {}), a ? /* @__PURE__ */ t(V, {
+				...s,
+				ariaLabel: "Close",
+				icon: /* @__PURE__ */ t(It, {}),
+				onClick: a
+			}) : null]
+		}) : null, /* @__PURE__ */ t("div", {
+			className: J.body,
+			children: e
+		})]
+	}), f = i === "none" ? null : /* @__PURE__ */ t(Rt, { placement: i });
+	return /* @__PURE__ */ n("div", {
+		...c,
+		className: J.popover,
+		"data-placement": i,
+		children: [
+			(i === "top" || i === "left") && f,
+			d,
+			(i === "bottom" || i === "right") && f
+		]
+	});
+}
+var Bt = {
+	progressBar: "pcoi-progressBar-MmATR",
+	segment: "pcoi-segment-ouq5T"
+}, Vt = [
+	"active",
+	"active",
+	"active",
+	"active",
+	"active"
+];
+function Ht({ segments: e = Vt, ariaLabel: n, value: r, ...i }) {
+	let a = e.filter((e) => e !== "inactive").length, o = e.length, s = r ?? a / o, c = Math.round(s * 100);
+	return /* @__PURE__ */ t("div", {
+		...i,
+		className: Bt.progressBar,
+		role: "progressbar",
+		"aria-label": n,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": c,
+		children: e.map((e, n) => /* @__PURE__ */ t("span", {
+			className: Bt.segment,
+			"data-status": e,
+			"aria-hidden": "true"
+		}, n))
+	});
+}
+var Ut = {
+	projectHeader: "pcoi-projectHeader-MisVd",
+	identity: "pcoi-identity-XFz3A",
+	badges: "pcoi-badges-zGBWc"
+}, Wt = {
+	projectIdentity: "pcoi-projectIdentity-9XbA-",
+	title: "pcoi-title--YrM0"
+}, Gt = { projectIdentifier: "pcoi-projectIdentifier-4-5fC" };
+//#endregion
+//#region src/ProjectIdentifier/ProjectIdentifier.tsx
+function Kt({ identifier: e, maxWidth: n, ...r }) {
+	let i = {};
+	return n !== void 0 && (i.maxWidth = typeof n == "number" ? `${n}px` : n), /* @__PURE__ */ t("span", {
+		...r,
+		className: `${Gt.projectIdentifier} type-mono-badge`,
+		title: e,
+		style: i,
+		children: e
+	});
+}
+//#endregion
+//#region src/ProjectIdentity/ProjectIdentity.tsx
+function qt({ title: e, identifier: r, layout: i = "stacked", ...a }) {
+	return /* @__PURE__ */ n("div", {
+		...a,
+		className: Wt.projectIdentity,
+		"data-layout": i,
+		children: [/* @__PURE__ */ t("p", {
+			className: `${Wt.title} type-mono-code-heading-sm`,
+			children: e
+		}), /* @__PURE__ */ t(Kt, { identifier: r })]
+	});
+}
+//#endregion
+//#region src/ProjectHeader/ProjectHeader.tsx
+function Jt({ title: e, identifier: r, badges: i, ...a }) {
+	let o = i && i.length > 0;
+	return /* @__PURE__ */ n("div", {
+		...a,
+		className: Ut.projectHeader,
+		children: [/* @__PURE__ */ t("div", {
+			className: Ut.identity,
+			children: /* @__PURE__ */ t(qt, {
+				title: e,
+				identifier: r,
+				layout: "inline"
+			})
+		}), o ? /* @__PURE__ */ t("div", {
+			className: Ut.badges,
+			children: i.map((e, n) => /* @__PURE__ */ t("span", { children: e }, n))
+		}) : null]
+	});
+}
+var Y = {
+	radio: "pcoi-radio-Yxgmg",
+	control: "pcoi-control-HgNTn",
+	input: "pcoi-input--9Ivj",
+	circle: "pcoi-circle-uED22",
+	dot: "pcoi-dot-8apLZ",
+	label: "pcoi-label-rWxpK",
+	errorMessage: "pcoi-errorMessage-yEuqr"
+};
+//#endregion
+//#region src/Radio/Radio.tsx
+function Yt({ label: e, value: r, checked: i, defaultChecked: a, disabled: o, error: s, errorMessage: c, showError: l = !0, focused: u, onChange: d, name: f, id: p, ...m }) {
+	let h = (e) => {
+		d?.(e.target.value, e);
+	};
+	return /* @__PURE__ */ n("label", {
+		...m,
+		className: Y.radio,
+		"data-disabled": o || void 0,
+		"data-error": s || void 0,
+		"data-focused": u || void 0,
+		children: [/* @__PURE__ */ n("span", {
+			className: Y.control,
+			children: [
+				/* @__PURE__ */ t("input", {
+					type: "radio",
+					className: Y.input,
+					value: r,
+					checked: i,
+					defaultChecked: a,
+					disabled: o,
+					onChange: h,
+					name: f,
+					id: p,
+					"aria-invalid": s || void 0
+				}),
+				/* @__PURE__ */ t("span", {
+					className: Y.circle,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ t("span", { className: Y.dot })
+				}),
+				/* @__PURE__ */ t("span", {
+					className: `${Y.label} type-body-default-regular`,
+					children: e
+				})
+			]
+		}), s && l && c ? /* @__PURE__ */ t("span", {
+			className: `${Y.errorMessage} type-control-error`,
+			children: c
+		}) : null]
+	});
+}
+var Xt = {
+	radioGroup: "pcoi-radioGroup-KZfSK",
+	legend: "pcoi-legend-4w--w",
+	options: "pcoi-options-A507n",
+	errorMessage: "pcoi-errorMessage-9Nqg5"
+};
+//#endregion
+//#region src/RadioGroup/RadioGroup.tsx
+function Zt({ label: e, options: r, name: i, value: a, defaultValue: o, disabled: s, error: c, errorMessage: l, onChange: u, children: d, ...f }) {
+	let p = (e, t) => {
+		u?.(e, t);
+	}, m = `${i}-legend`, h = `${i}-error`;
+	return /* @__PURE__ */ n("div", {
+		...f,
+		className: Xt.radioGroup,
+		role: "radiogroup",
+		"data-disabled": s || void 0,
+		"data-error": c || void 0,
+		"aria-labelledby": m,
+		"aria-disabled": s || void 0,
+		"aria-invalid": c || void 0,
+		"aria-describedby": c && l ? h : void 0,
+		children: [
+			/* @__PURE__ */ t("span", {
+				id: m,
+				className: `${Xt.legend} type-control-label`,
+				children: e
+			}),
+			/* @__PURE__ */ t("div", {
+				className: Xt.options,
+				children: d ?? r.map((e) => {
+					let { value: n, label: r, disabled: l, ...u } = e;
+					return /* @__PURE__ */ t(Yt, {
+						label: r,
+						value: n,
+						name: i,
+						checked: a === void 0 ? void 0 : a === n,
+						defaultChecked: o === void 0 ? void 0 : o === n,
+						disabled: s || l,
+						error: c,
+						showError: !1,
+						onChange: (e, t) => p(n, t),
+						...u
+					}, n);
+				})
+			}),
+			c && l ? /* @__PURE__ */ t("p", {
+				className: `${Xt.errorMessage} type-control-error`,
+				id: h,
+				children: l
+			}) : null
+		]
+	});
+}
+var Qt = {
+	sectionHeader: "pcoi-sectionHeader-qUkBp",
+	label: "pcoi-label-OeslB",
+	title: "pcoi-title-k-wSn",
+	paragraph: "pcoi-paragraph-nPChd",
+	paragraphs: "pcoi-paragraphs-t29aW"
+};
+//#endregion
+//#region src/SectionHeader/SectionHeader.tsx
+function $t({ paragraphs: e, paragraph1: t, paragraph2: n, paragraph3: r, paragraph4: i }) {
+	if (Array.isArray(e)) return e.filter(Boolean);
+	let a = e ?? 0;
+	return [
+		t,
+		n,
+		r,
+		i
+	].slice(0, a).filter((e) => !!e);
+}
+function en({ align: e = "left", showLabel: r, label: i, showTitle: a = !0, title: o, paragraphs: s = 0, paragraph1: c, paragraph2: l, paragraph3: u, paragraph4: d, headingLevel: f = 2, ...p }) {
+	let m = `h${f}`, h = $t({
+		paragraphs: s,
+		paragraph1: c,
+		paragraph2: l,
+		paragraph3: u,
+		paragraph4: d
+	}), g = r ?? !!i, _ = a && !!o;
+	return /* @__PURE__ */ n("div", {
+		...p,
+		className: Qt.sectionHeader,
+		"data-align": e,
+		children: [
+			g ? /* @__PURE__ */ t("p", {
+				className: `${Qt.label} type-mono-section-label`,
+				"aria-hidden": "true",
+				children: i
+			}) : null,
+			_ ? /* @__PURE__ */ t(m, {
+				className: `${Qt.title} type-heading-h1`,
+				children: o
+			}) : null,
+			h.length > 0 ? /* @__PURE__ */ t("div", {
+				className: Qt.paragraphs,
+				children: h.map((e, n) => /* @__PURE__ */ t("p", {
+					className: `${Qt.paragraph} type-body-default-regular`,
+					children: e
+				}, n))
+			}) : null
+		]
+	});
+}
+var X = {
+	sidebarNav: "pcoi-sidebarNav-2lxF-",
+	dashboard: "pcoi-dashboard--tjia",
+	dashboardIcon: "pcoi-dashboardIcon-wP8Nj",
+	divider: "pcoi-divider-aSHJe",
+	item: "pcoi-item--YdOr",
+	itemLabel: "pcoi-itemLabel-qDw-z",
+	badge: "pcoi-badge-0owja",
+	spacer: "pcoi-spacer-XvU0A"
+};
+//#endregion
+//#region src/SidebarNav/SidebarNav.tsx
+function tn() {
+	return /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ t("rect", {
+				x: "4",
+				y: "4",
+				width: "7",
+				height: "7",
+				rx: "1",
+				stroke: "currentColor",
+				strokeWidth: "1.5"
+			}),
+			/* @__PURE__ */ t("rect", {
+				x: "13",
+				y: "4",
+				width: "7",
+				height: "7",
+				rx: "1",
+				stroke: "currentColor",
+				strokeWidth: "1.5"
+			}),
+			/* @__PURE__ */ t("rect", {
+				x: "4",
+				y: "13",
+				width: "7",
+				height: "7",
+				rx: "1",
+				stroke: "currentColor",
+				strokeWidth: "1.5"
+			}),
+			/* @__PURE__ */ t("rect", {
+				x: "13",
+				y: "13",
+				width: "7",
+				height: "7",
+				rx: "1",
+				stroke: "currentColor",
+				strokeWidth: "1.5"
+			})
+		]
+	});
+}
+function nn({ dashboard: e, items: r, actions: i, ariaLabel: a = "Primary navigation", ...o }) {
+	return /* @__PURE__ */ n("nav", {
+		...o,
+		className: X.sidebarNav,
+		"aria-label": a,
+		children: [
+			e ? /* @__PURE__ */ n("button", {
+				type: "button",
+				className: X.dashboard,
+				"aria-label": e.ariaLabel ?? "Dashboard",
+				onClick: e.onClick,
+				children: [/* @__PURE__ */ t("span", {
+					className: X.dashboardIcon,
+					children: /* @__PURE__ */ t(tn, {})
+				}), e.notificationCount === void 0 ? null : /* @__PURE__ */ t("span", {
+					className: X.badge,
+					children: /* @__PURE__ */ t(Ot, { count: e.notificationCount })
+				})]
+			}) : null,
+			e && r.length > 0 ? /* @__PURE__ */ t("span", {
+				className: X.divider,
+				"aria-hidden": "true"
+			}) : null,
+			r.map((e, r) => {
+				let { label: i, active: a, notificationCount: o, ariaLabel: s, onClick: c, ...l } = e;
+				return /* @__PURE__ */ n("button", {
+					type: "button",
+					...l,
+					className: X.item,
+					"data-active": a || void 0,
+					"aria-current": a ? "page" : void 0,
+					"aria-label": s ?? i,
+					onClick: c,
+					children: [/* @__PURE__ */ t("span", {
+						className: `${X.itemLabel} type-control-button-nav`,
+						children: i
+					}), o === void 0 ? null : /* @__PURE__ */ t("span", {
+						className: X.badge,
+						children: /* @__PURE__ */ t(Ot, { count: o })
+					})]
+				}, `${i}-${r}`);
+			}),
+			i && i.length > 0 ? /* @__PURE__ */ t("span", {
+				className: X.spacer,
+				"aria-hidden": "true"
+			}) : null,
+			i?.map(({ ariaLabel: e, icon: n, onClick: r, ...i }, a) => /* @__PURE__ */ t(V, {
+				ariaLabel: e,
+				icon: n,
+				onClick: r,
+				...i
+			}, a))
+		]
+	});
+}
+var Z = {
+	stepper: "pcoi-stepper-Ex6cT",
+	cell: "pcoi-cell-SFXLC",
+	connector: "pcoi-connector-JaKhI",
+	step: "pcoi-step-JTnoH",
+	indicator: "pcoi-indicator-LXTk4",
+	icon: "pcoi-icon-Pwrh1",
+	dot: "pcoi-dot-QH99R",
+	"stepper-pulse": "pcoi-stepper-pulse-xrVnS",
+	label: "pcoi-label-z1OnD"
+};
+//#endregion
+//#region src/Stepper/Stepper.tsx
+function rn() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: "M5 13l4 4L19 7",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function an() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: "M7 7l10 10M17 7l-10 10",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})
+	});
+}
+function on({ steps: e, ariaLabel: r, ...i }) {
+	return /* @__PURE__ */ t("ol", {
+		...i,
+		className: Z.stepper,
+		"aria-label": r,
+		children: e.map((r, i) => {
+			let a = i > 0 ? e[i - 1] : null, o = a ? a.state === "complete" ? "success" : a.state === "error" ? "error" : "inactive" : null;
+			return /* @__PURE__ */ n("li", {
+				className: Z.cell,
+				"aria-current": r.state === "active" ? "step" : void 0,
+				children: [o ? /* @__PURE__ */ t("span", {
+					className: Z.connector,
+					"data-state": o,
+					"aria-hidden": "true"
+				}) : null, /* @__PURE__ */ n("div", {
+					className: Z.step,
+					children: [/* @__PURE__ */ n("span", {
+						className: Z.indicator,
+						"data-state": r.state,
+						children: [
+							r.state === "complete" ? /* @__PURE__ */ t("span", {
+								className: Z.icon,
+								children: /* @__PURE__ */ t(rn, {})
+							}) : null,
+							r.state === "active" ? /* @__PURE__ */ t("span", { className: Z.dot }) : null,
+							r.state === "error" ? /* @__PURE__ */ t("span", {
+								className: Z.icon,
+								children: /* @__PURE__ */ t(an, {})
+							}) : null
+						]
+					}), /* @__PURE__ */ t("span", {
+						className: `${Z.label} type-mono-section-label`,
+						children: r.label
+					})]
+				})]
+			}, `${r.label}-${i}`);
+		})
+	});
+}
+var sn = {
+	tabToggle: "pcoi-tabToggle-TPoUP",
+	tab: "pcoi-tab-9MqUY",
+	label: "pcoi-label-MI9ME"
+};
+//#endregion
+//#region src/TabToggle/TabToggle.tsx
+function cn({ tabs: e, value: n, defaultValue: r, ariaLabel: i, onChange: a, focused: o, ...s }) {
+	let c = n !== void 0, [l, u] = y(r ?? e[0].value), d = c ? n : l, f = v([]), p = _(), m = (e) => {
+		c || u(e), a?.(e);
+	}, h = (t, n) => {
+		if (t.key === "ArrowRight" || t.key === "ArrowLeft") {
+			t.preventDefault();
+			let r = (n + (t.key === "ArrowRight" ? 1 : -1) + e.length) % e.length, i = e[r];
+			m(i.value), f.current[r]?.focus();
+		}
+	};
+	return /* @__PURE__ */ t("div", {
+		...s,
+		className: sn.tabToggle,
+		role: "tablist",
+		"aria-label": i,
+		"data-focused": o || void 0,
+		children: e.map((e, n) => {
+			let { value: r, label: i, controls: a, ...o } = e, s = r === d;
+			return /* @__PURE__ */ t("button", {
+				ref: (e) => {
+					f.current[n] = e;
+				},
+				type: "button",
+				role: "tab",
+				id: `${p}-tab-${r}`,
+				...o,
+				className: sn.tab,
+				"data-active": s || void 0,
+				"aria-selected": s,
+				"aria-controls": a,
+				tabIndex: s ? 0 : -1,
+				onClick: () => m(r),
+				onKeyDown: (e) => h(e, n),
+				children: /* @__PURE__ */ t("span", {
+					className: `${sn.label} ${s ? "type-control-nav" : "type-body-sm-regular"}`,
+					children: i
+				})
+			}, r);
+		})
+	});
+}
+var Q = {
+	taskDetailPanel: "pcoi-taskDetailPanel-Zjlb-",
+	header: "pcoi-header-ie6I9",
+	headerIdentity: "pcoi-headerIdentity-iFGbK",
+	headerRight: "pcoi-headerRight-z-Krm",
+	taskInfo: "pcoi-taskInfo-K7wLp",
+	taskLabel: "pcoi-taskLabel-bHuMt",
+	taskDescription: "pcoi-taskDescription-6nKMK",
+	taskStatus: "pcoi-taskStatus-ruUqX",
+	actions: "pcoi-actions-uTuS5"
+};
+//#endregion
+//#region src/TaskDetailPanel/TaskDetailPanel.tsx
+function ln() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 16 16",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: "M4 4L12 12M12 4L4 12",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})
+	});
+}
+function un({ projectTitle: e, projectIdentifier: r, tabs: i, activeTab: a, onTabChange: o, onClose: s, taskLabel: c, taskDescription: l, taskStatus: u, taskSeverity: d = "none", actions: f, metrics: p, agents: m, closeButtonData: h, ...g }) {
+	return /* @__PURE__ */ n("aside", {
+		...g,
+		className: Q.taskDetailPanel,
+		"aria-label": `Task detail: ${e}`,
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: Q.header,
+				children: [/* @__PURE__ */ t("div", {
+					className: Q.headerIdentity,
+					children: /* @__PURE__ */ t(qt, {
+						title: e,
+						identifier: r,
+						layout: "stacked"
+					})
+				}), /* @__PURE__ */ n("div", {
+					className: Q.headerRight,
+					children: [i ? /* @__PURE__ */ t(cn, {
+						tabs: i,
+						value: a,
+						ariaLabel: "Panel view",
+						onChange: o
+					}) : null, /* @__PURE__ */ t(V, {
+						...h,
+						ariaLabel: "Close panel",
+						icon: /* @__PURE__ */ t(ln, {}),
+						onClick: s
+					})]
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: Q.taskInfo,
+				children: [
+					/* @__PURE__ */ t("p", {
+						className: `${Q.taskLabel} type-mono-section-label`,
+						children: c
+					}),
+					/* @__PURE__ */ t("p", {
+						className: `${Q.taskDescription} type-body-default-regular`,
+						children: l
+					}),
+					u && d !== "none" ? /* @__PURE__ */ t("p", {
+						className: `${Q.taskStatus} type-body-sm-regular`,
+						"data-severity": d,
+						children: u
+					}) : null
+				]
+			}),
+			f ? /* @__PURE__ */ t("div", {
+				className: Q.actions,
+				children: f
+			}) : null,
+			p ? /* @__PURE__ */ t(xt, { metrics: p }) : null,
+			m && m.length > 0 ? /* @__PURE__ */ t(T, { agents: m }) : null
+		]
+	});
+}
+var dn = {
+	toast: "pcoi-toast-W8zgW",
+	icon: "pcoi-icon-CfP6t",
+	message: "pcoi-message-jrKD-",
+	action: "pcoi-action-PgLIr"
+};
+//#endregion
+//#region src/Toast/Toast.tsx
+function fn() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: "M5 13l4 4L19 7",
+			stroke: "currentColor",
+			strokeWidth: "1.75",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function pn() {
+	return /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ t("circle", {
+			cx: "12",
+			cy: "12",
+			r: "9",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		}), /* @__PURE__ */ t("path", {
+			d: "M9 9l6 6M15 9l-6 6",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})]
+	});
+}
+function mn() {
+	return /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ t("path", {
+				d: "M12 4l9 16H3L12 4z",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ t("path", {
+				d: "M12 10v4",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round"
+			}),
+			/* @__PURE__ */ t("circle", {
+				cx: "12",
+				cy: "17",
+				r: "0.75",
+				fill: "currentColor"
+			})
+		]
+	});
+}
+function hn() {
+	return /* @__PURE__ */ n("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ t("circle", {
+				cx: "12",
+				cy: "12",
+				r: "9",
+				stroke: "currentColor",
+				strokeWidth: "1.5"
+			}),
+			/* @__PURE__ */ t("path", {
+				d: "M12 11v6",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round"
+			}),
+			/* @__PURE__ */ t("circle", {
+				cx: "12",
+				cy: "8",
+				r: "0.75",
+				fill: "currentColor"
+			})
+		]
+	});
+}
+function gn() {
+	return /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: "M6 6L18 18M18 6L6 18",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})
+	});
+}
+var _n = {
+	success: fn,
+	error: pn,
+	warning: mn,
+	info: hn
+};
+function vn({ message: e, variant: r = "info", action: i, onClose: a, closeButtonData: o, ...s }) {
+	let c = _n[r], l = r === "error" || r === "warning";
+	return /* @__PURE__ */ n("div", {
+		...s,
+		className: dn.toast,
+		"data-variant": r,
+		role: l ? "alert" : "status",
+		"aria-live": l ? "assertive" : "polite",
+		children: [
+			/* @__PURE__ */ t("span", {
+				className: dn.icon,
+				children: /* @__PURE__ */ t(c, {})
+			}),
+			/* @__PURE__ */ t("p", {
+				className: `${dn.message} type-body-default-regular`,
+				children: e
+			}),
+			i ? /* @__PURE__ */ t("div", {
+				className: dn.action,
+				children: i
+			}) : null,
+			a ? /* @__PURE__ */ t(V, {
+				...o,
+				ariaLabel: "Dismiss notification",
+				icon: /* @__PURE__ */ t(gn, {}),
+				onClick: a
+			}) : null
+		]
+	});
+}
+var $ = {
+	toggle: "pcoi-toggle-bb-Dx",
+	control: "pcoi-control-20cuU",
+	input: "pcoi-input-TTX4q",
+	track: "pcoi-track-IG1z9",
+	thumb: "pcoi-thumb-sIlG5",
+	label: "pcoi-label-32k4L",
+	errorMessage: "pcoi-errorMessage-oFXYi"
+};
+//#endregion
+//#region src/Toggle/Toggle.tsx
+function yn({ label: e, checked: r, defaultChecked: i, disabled: a, error: o, errorMessage: s, focused: c, onChange: l, name: u, id: d, ...f }) {
+	let p = (e) => {
+		l?.(e.target.checked, e);
+	};
+	return /* @__PURE__ */ n("label", {
+		...f,
+		className: $.toggle,
+		"data-disabled": a || void 0,
+		"data-error": o || void 0,
+		"data-focused": c || void 0,
+		children: [/* @__PURE__ */ n("span", {
+			className: $.control,
+			children: [
+				/* @__PURE__ */ t("input", {
+					type: "checkbox",
+					role: "switch",
+					className: $.input,
+					checked: r,
+					defaultChecked: i,
+					disabled: a,
+					onChange: p,
+					name: u,
+					id: d,
+					"aria-invalid": o || void 0
+				}),
+				/* @__PURE__ */ t("span", {
+					className: $.track,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ t("span", { className: $.thumb })
+				}),
+				/* @__PURE__ */ t("span", {
+					className: `${$.label} type-body-default-regular`,
+					children: e
+				})
+			]
+		}), o && s ? /* @__PURE__ */ t("span", {
+			className: `${$.errorMessage} type-control-error`,
+			children: s
+		}) : null]
+	});
+}
+var bn = {
+	tooltip: "pcoi-tooltip-Q1YfF",
+	bubble: "pcoi-bubble-kSxRs",
+	arrow: "pcoi-arrow-ZP3ev"
+}, xn = {
+	top: {
+		w: 12,
+		h: 6,
+		d: "M0 6 L6 0 L12 6"
+	},
+	bottom: {
+		w: 12,
+		h: 6,
+		d: "M0 0 L6 6 L12 0"
+	},
+	left: {
+		w: 6,
+		h: 12,
+		d: "M6 0 L0 6 L6 12"
+	},
+	right: {
+		w: 6,
+		h: 12,
+		d: "M0 0 L6 6 L0 12"
+	}
+};
+function Sn({ placement: e }) {
+	let { w: n, h: r, d: i } = xn[e];
+	return /* @__PURE__ */ t("svg", {
+		width: n,
+		height: r,
+		viewBox: `0 0 ${n} ${r}`,
+		className: bn.arrow,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ t("path", {
+			d: i,
+			fill: "var(--bg-card)",
+			stroke: "var(--border-card)",
+			strokeWidth: "1"
+		})
+	});
+}
+function Cn({ content: e, placement: r = "none", id: i, ...a }) {
+	let o = /* @__PURE__ */ t("div", {
+		className: `${bn.bubble} type-body-sm-regular`,
+		children: e
+	}), s = r === "none" ? null : /* @__PURE__ */ t(Sn, { placement: r });
+	return /* @__PURE__ */ n("div", {
+		...a,
+		className: bn.tooltip,
+		"data-placement": r,
+		role: "tooltip",
+		id: i,
+		children: [
+			(r === "top" || r === "left") && s,
+			o,
+			(r === "bottom" || r === "right") && s
+		]
+	});
+}
+//#endregion
+export { C as AgentCard, T as AgentList, O as Badge, A as Button, ee as Callout, N as Card, P as CardShell, pe as ChatInterface, re as ChatMessage, L as ChatMessageList, me as Checkbox, ge as CheckboxGroup, ve as CitationMark, Se as CitedExcerpt, Me as CodeBlock, Pe as CodeInline, ze as ComparisonTable, Ke as ContactForm, Ye as DataTable, Ae as Divider, $e as DocumentOverlay, nt as DocumentOverlayScreen, Oe as Dropdown, Te as DropdownMenu, Je as FeedbackState, it as FocusGlow, at as Footer, He as FormField, We as FormFieldArea, st as HeroBadge, ut as HeroVisual, mt as HowStep, V as IconButton, ht as LearningCurveChart, fe as LogoMark, _t as LogoMarkP, yt as MetricBlock, xt as MetricsRow, wt as Modal, tt as ModalOverlay, Et as Nav, Ot as NotificationBadge, Ft as PipelineCard, jt as PipelineStageChip, Nt as PipelineStages, zt as Popover, Ht as ProgressBar, Jt as ProjectHeader, Kt as ProjectIdentifier, qt as ProjectIdentity, ue as PromptBar, Yt as Radio, Zt as RadioGroup, en as SectionHeader, nn as SidebarNav, Ie as Skeleton, S as StatusDot, on as Stepper, oe as SuggestionCard, se as SuggestionCards, cn as TabToggle, un as TaskDetailPanel, be as TextLink, vn as Toast, yn as Toggle, Cn as Tooltip, ce as TypingIndicator };