cortex-react-components 2.12.9 → 2.13.0

package/dist/components/Foundary/Views/ColleaguesView.js

@@ -0,0 +1,5 @@
+"use client";
+"use strict";
+"use client"
+
+"use strict";"use client";var Qt=Object.create;var $e=Object.defineProperty;var Yt=Object.getOwnPropertyDescriptor;var eo=Object.getOwnPropertyNames;var to=Object.getPrototypeOf,oo=Object.prototype.hasOwnProperty;var ro=(e,t)=>{for(var o in t)$e(e,o,{get:t[o],enumerable:!0})},pt=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of eo(t))!oo.call(e,i)&&i!==o&&$e(e,i,{get:()=>t[i],enumerable:!(r=Yt(t,i))||r.enumerable});return e};var J=(e,t,o)=>(o=e!=null?Qt(to(e)):{},pt(t||!e||!e.__esModule?$e(o,"default",{value:e,enumerable:!0}):o,e)),ao=e=>pt($e({},"__esModule",{value:!0}),e);var Zo={};ro(Zo,{default:()=>Jt});module.exports=ao(Zo);var ee=require("react"),X=require("lucide-react");var wt=require("clsx");var it="-",io=e=>{let t=so(e),{conflictingClassGroups:o,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:m=>{let s=m.split(it);return s[0]===""&&s.length!==1&&s.shift(),gt(s,t)||no(m)},getConflictingClassGroupIds:(m,s)=>{let N=o[m]||[];return s&&r[m]?[...N,...r[m]]:N}}},gt=(e,t)=>{if(e.length===0)return t.classGroupId;let o=e[0],r=t.nextPart.get(o),i=r?gt(e.slice(1),r):void 0;if(i)return i;if(t.validators.length===0)return;let a=e.join(it);return t.validators.find(({validator:m})=>m(a))?.classGroupId},ut=/^\[(.+)\]$/,no=e=>{if(ut.test(e)){let t=ut.exec(e)[1],o=t?.substring(0,t.indexOf(":"));if(o)return"arbitrary.."+o}},so=e=>{let{theme:t,prefix:o}=e,r={nextPart:new Map,validators:[]};return co(Object.entries(e.classGroups),o).forEach(([a,m])=>{at(m,r,a,t)}),r},at=(e,t,o,r)=>{e.forEach(i=>{if(typeof i=="string"){let a=i===""?t:ft(t,i);a.classGroupId=o;return}if(typeof i=="function"){if(lo(i)){at(i(r),t,o,r);return}t.validators.push({validator:i,classGroupId:o});return}Object.entries(i).forEach(([a,m])=>{at(m,ft(t,a),o,r)})})},ft=(e,t)=>{let o=e;return t.split(it).forEach(r=>{o.nextPart.has(r)||o.nextPart.set(r,{nextPart:new Map,validators:[]}),o=o.nextPart.get(r)}),o},lo=e=>e.isThemeGetter,co=(e,t)=>t?e.map(([o,r])=>{let i=r.map(a=>typeof a=="string"?t+a:typeof a=="object"?Object.fromEntries(Object.entries(a).map(([m,s])=>[t+m,s])):a);return[o,i]}):e,mo=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,o=new Map,r=new Map,i=(a,m)=>{o.set(a,m),t++,t>e&&(t=0,r=o,o=new Map)};return{get(a){let m=o.get(a);if(m!==void 0)return m;if((m=r.get(a))!==void 0)return i(a,m),m},set(a,m){o.has(a)?o.set(a,m):i(a,m)}}},vt="!",po=e=>{let{separator:t,experimentalParseClassName:o}=e,r=t.length===1,i=t[0],a=t.length,m=s=>{let N=[],p=0,C=0,u;for(let k=0;k<s.length;k++){let I=s[k];if(p===0){if(I===i&&(r||s.slice(k,k+a)===t)){N.push(s.slice(C,k)),C=k+a;continue}if(I==="/"){u=k;continue}}I==="["?p++:I==="]"&&p--}let y=N.length===0?s:s.substring(C),G=y.startsWith(vt),A=G?y.substring(1):y,P=u&&u>C?u-C:void 0;return{modifiers:N,hasImportantModifier:G,baseClassName:A,maybePostfixModifierPosition:P}};return o?s=>o({className:s,parseClassName:m}):m},uo=e=>{if(e.length<=1)return e;let t=[],o=[];return e.forEach(r=>{r[0]==="["?(t.push(...o.sort(),r),o=[]):o.push(r)}),t.push(...o.sort()),t},fo=e=>({cache:mo(e.cacheSize),parseClassName:po(e),...io(e)}),go=/\s+/,vo=(e,t)=>{let{parseClassName:o,getClassGroupId:r,getConflictingClassGroupIds:i}=t,a=[],m=e.trim().split(go),s="";for(let N=m.length-1;N>=0;N-=1){let p=m[N],{modifiers:C,hasImportantModifier:u,baseClassName:y,maybePostfixModifierPosition:G}=o(p),A=!!G,P=r(A?y.substring(0,G):y);if(!P){if(!A){s=p+(s.length>0?" "+s:s);continue}if(P=r(y),!P){s=p+(s.length>0?" "+s:s);continue}A=!1}let k=uo(C).join(":"),I=u?k+vt:k,F=I+P;if(a.includes(F))continue;a.push(F);let te=i(P,A);for(let $=0;$<te.length;++$){let oe=te[$];a.push(I+oe)}s=p+(s.length>0?" "+s:s)}return s};function bo(){let e=0,t,o,r="";for(;e<arguments.length;)(t=arguments[e++])&&(o=bt(t))&&(r&&(r+=" "),r+=o);return r}var bt=e=>{if(typeof e=="string")return e;let t,o="";for(let r=0;r<e.length;r++)e[r]&&(t=bt(e[r]))&&(o&&(o+=" "),o+=t);return o};function ho(e,...t){let o,r,i,a=m;function m(N){let p=t.reduce((C,u)=>u(C),e());return o=fo(p),r=o.cache.get,i=o.cache.set,a=s,s(N)}function s(N){let p=r(N);if(p)return p;let C=vo(N,o);return i(N,C),C}return function(){return a(bo.apply(null,arguments))}}var M=e=>{let t=o=>o[e]||[];return t.isThemeGetter=!0,t},ht=/^\[(?:([a-z-]+):)?(.+)\]$/i,yo=/^\d+\/\d+$/,xo=new Set(["px","full","screen"]),wo=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Co=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|St|i|St|min|max))|\St(calc|min|max|clamp)\(.+\)|^0$/,No=/^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/,Po=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)St-?((\d+)?\.?(\d+)[a-z]+|0)/,So=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,ie=e=>De(e)||xo.has(e)||yo.test(e),ce=e=>Te(e,"length",Lo),De=e=>!!e&&!Number.isNaN(Number(e)),rt=e=>Te(e,"number",De),Be=e=>!!e&&Number.isInteger(Number(e)),Ro=e=>e.endsWith("%")&&De(e.slice(0,-1)),v=e=>ht.test(e),me=e=>wo.test(e),Do=new Set(["length","size","percentage"]),To=e=>Te(e,Do,yt),ko=e=>Te(e,"position",yt),Mo=new Set(["image","url"]),Io=e=>Te(e,Mo,Bo),Ao=e=>Te(e,"",Eo),ze=()=>!0,Te=(e,t,o)=>{let r=ht.exec(e);return r?r[1]?typeof t=="string"?r[1]===t:t.has(r[1]):o(r[2]):!1},Lo=e=>Co.test(e)&&!No.test(e),yt=()=>!1,Eo=e=>Po.test(e),Bo=e=>So.test(e);var zo=()=>{let e=M("colors"),t=M("spacing"),o=M("blur"),r=M("brightness"),i=M("borderColor"),a=M("borderRadius"),m=M("borderSpacing"),s=M("borderWidth"),N=M("contrast"),p=M("grayscale"),C=M("hueRotate"),u=M("invert"),y=M("gap"),G=M("gradientColorStops"),A=M("gradientColorStopPositions"),P=M("inset"),k=M("margin"),I=M("opacity"),F=M("padding"),te=M("saturate"),$=M("scale"),oe=M("sepia"),re=M("skew"),Ae=M("space"),D=M("translate"),z=()=>["auto","contain","none"],T=()=>["auto","hidden","clip","visible","scroll"],W=()=>["auto",v,t],S=()=>[v,t],ve=()=>["",ie,ce],U=()=>["auto",De,v],ae=()=>["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top"],de=()=>["solid","dashed","dotted","double","none"],tt=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],Le=()=>["start","end","center","between","around","evenly","stretch"],be=()=>["","0",v],Ee=()=>["auto","avoid","all","avoid-page","page","left","right","column"],Q=()=>[De,v];return{cacheSize:500,separator:":",theme:{colors:[ze],spacing:[ie,ce],blur:["none","",me,v],brightness:Q(),borderColor:[e],borderRadius:["none","","full",me,v],borderSpacing:S(),borderWidth:ve(),contrast:Q(),grayscale:be(),hueRotate:Q(),invert:be(),gap:S(),gradientColorStops:[e],gradientColorStopPositions:[Ro,ce],inset:W(),margin:W(),opacity:Q(),padding:S(),saturate:Q(),scale:Q(),sepia:be(),skew:Q(),space:S(),translate:S()},classGroups:{aspect:[{aspect:["auto","square","video",v]}],container:["container"],columns:[{columns:[me]}],"break-after":[{"break-after":Ee()}],"break-before":[{"break-before":Ee()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:[...ae(),v]}],overflow:[{overflow:T()}],"overflow-x":[{"overflow-x":T()}],"overflow-y":[{"overflow-y":T()}],overscroll:[{overscroll:z()}],"overscroll-x":[{"overscroll-x":z()}],"overscroll-y":[{"overscroll-y":z()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:[P]}],"inset-x":[{"inset-x":[P]}],"inset-y":[{"inset-y":[P]}],start:[{start:[P]}],end:[{end:[P]}],top:[{top:[P]}],right:[{right:[P]}],bottom:[{bottom:[P]}],left:[{left:[P]}],visibility:["visible","invisible","collapse"],z:[{z:["auto",Be,v]}],basis:[{basis:W()}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["wrap","wrap-reverse","nowrap"]}],flex:[{flex:["1","auto","initial","none",v]}],grow:[{grow:be()}],shrink:[{shrink:be()}],order:[{order:["first","last","none",Be,v]}],"grid-cols":[{"grid-cols":[ze]}],"col-start-end":[{col:["auto",{span:["full",Be,v]},v]}],"col-start":[{"col-start":U()}],"col-end":[{"col-end":U()}],"grid-rows":[{"grid-rows":[ze]}],"row-start-end":[{row:["auto",{span:[Be,v]},v]}],"row-start":[{"row-start":U()}],"row-end":[{"row-end":U()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":["auto","min","max","fr",v]}],"auto-rows":[{"auto-rows":["auto","min","max","fr",v]}],gap:[{gap:[y]}],"gap-x":[{"gap-x":[y]}],"gap-y":[{"gap-y":[y]}],"justify-content":[{justify:["normal",...Le()]}],"justify-items":[{"justify-items":["start","end","center","stretch"]}],"justify-self":[{"justify-self":["auto","start","end","center","stretch"]}],"align-content":[{content:["normal",...Le(),"baseline"]}],"align-items":[{items:["start","end","center","baseline","stretch"]}],"align-self":[{self:["auto","start","end","center","stretch","baseline"]}],"place-content":[{"place-content":[...Le(),"baseline"]}],"place-items":[{"place-items":["start","end","center","baseline","stretch"]}],"place-self":[{"place-self":["auto","start","end","center","stretch"]}],p:[{p:[F]}],px:[{px:[F]}],py:[{py:[F]}],ps:[{ps:[F]}],pe:[{pe:[F]}],pt:[{pt:[F]}],pr:[{pr:[F]}],pb:[{pb:[F]}],pl:[{pl:[F]}],m:[{m:[k]}],mx:[{mx:[k]}],my:[{my:[k]}],ms:[{ms:[k]}],me:[{me:[k]}],mt:[{mt:[k]}],mr:[{mr:[k]}],mb:[{mb:[k]}],ml:[{ml:[k]}],"space-x":[{"space-x":[Ae]}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":[Ae]}],"space-y-reverse":["space-y-reverse"],w:[{w:["auto","min","max","fit","svw","lvw","dvw",v,t]}],"min-w":[{"min-w":[v,t,"min","max","fit"]}],"max-w":[{"max-w":[v,t,"none","full","min","max","fit","prose",{screen:[me]},me]}],St:[{St:[v,t,"auto","min","max","fit","svh","lvh","dvh"]}],"min-St":[{"min-St":[v,t,"min","max","fit","svh","lvh","dvh"]}],"max-St":[{"max-St":[v,t,"min","max","fit","svh","lvh","dvh"]}],size:[{size:[v,t,"auto","min","max","fit"]}],"font-size":[{text:["base",me,ce]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:["thin","extralight","light","normal","medium","semibold","bold","extrabold","black",rt]}],"font-family":[{font:[ze]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:["tighter","tight","normal","wide","wider","widest",v]}],"line-clamp":[{"line-clamp":["none",De,rt]}],leading:[{leading:["none","tight","snug","normal","relaxed","loose",ie,v]}],"list-image":[{"list-image":["none",v]}],"list-style-type":[{list:["none","disc","decimal",v]}],"list-style-position":[{list:["inside","outside"]}],"placeholder-color":[{placeholder:[e]}],"placeholder-opacity":[{"placeholder-opacity":[I]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"text-color":[{text:[e]}],"text-opacity":[{"text-opacity":[I]}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...de(),"wavy"]}],"text-decoration-thickness":[{decoration:["auto","from-font",ie,ce]}],"underline-offset":[{"underline-offset":["auto",ie,v]}],"text-decoration-color":[{decoration:[e]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:S()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",v]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",v]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-opacity":[{"bg-opacity":[I]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:[...ae(),ko]}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","y","round","space"]}]}],"bg-size":[{bg:["auto","cover","contain",To]}],"bg-image":[{bg:["none",{"gradient-to":["t","tr","r","br","St","bl","l","tl"]},Io]}],"bg-color":[{bg:[e]}],"gradient-from-pos":[{from:[A]}],"gradient-via-pos":[{via:[A]}],"gradient-to-pos":[{to:[A]}],"gradient-from":[{from:[G]}],"gradient-via":[{via:[G]}],"gradient-to":[{to:[G]}],rounded:[{rounded:[a]}],"rounded-s":[{"rounded-s":[a]}],"rounded-e":[{"rounded-e":[a]}],"rounded-t":[{"rounded-t":[a]}],"rounded-r":[{"rounded-r":[a]}],"rounded-St":[{"rounded-St":[a]}],"rounded-l":[{"rounded-l":[a]}],"rounded-ss":[{"rounded-ss":[a]}],"rounded-se":[{"rounded-se":[a]}],"rounded-ee":[{"rounded-ee":[a]}],"rounded-es":[{"rounded-es":[a]}],"rounded-tl":[{"rounded-tl":[a]}],"rounded-tr":[{"rounded-tr":[a]}],"rounded-br":[{"rounded-br":[a]}],"rounded-bl":[{"rounded-bl":[a]}],"border-w":[{border:[s]}],"border-w-x":[{"border-x":[s]}],"border-w-y":[{"border-y":[s]}],"border-w-s":[{"border-s":[s]}],"border-w-e":[{"border-e":[s]}],"border-w-t":[{"border-t":[s]}],"border-w-r":[{"border-r":[s]}],"border-w-St":[{"border-St":[s]}],"border-w-l":[{"border-l":[s]}],"border-opacity":[{"border-opacity":[I]}],"border-style":[{border:[...de(),"hidden"]}],"divide-x":[{"divide-x":[s]}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":[s]}],"divide-y-reverse":["divide-y-reverse"],"divide-opacity":[{"divide-opacity":[I]}],"divide-style":[{divide:de()}],"border-color":[{border:[i]}],"border-color-x":[{"border-x":[i]}],"border-color-y":[{"border-y":[i]}],"border-color-s":[{"border-s":[i]}],"border-color-e":[{"border-e":[i]}],"border-color-t":[{"border-t":[i]}],"border-color-r":[{"border-r":[i]}],"border-color-St":[{"border-St":[i]}],"border-color-l":[{"border-l":[i]}],"divide-color":[{divide:[i]}],"outline-style":[{outline:["",...de()]}],"outline-offset":[{"outline-offset":[ie,v]}],"outline-w":[{outline:[ie,ce]}],"outline-color":[{outline:[e]}],"ring-w":[{ring:ve()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:[e]}],"ring-opacity":[{"ring-opacity":[I]}],"ring-offset-w":[{"ring-offset":[ie,ce]}],"ring-offset-color":[{"ring-offset":[e]}],shadow:[{shadow:["","inner","none",me,Ao]}],"shadow-color":[{shadow:[ze]}],opacity:[{opacity:[I]}],"mix-blend":[{"mix-blend":[...tt(),"plus-lighter","plus-darker"]}],"bg-blend":[{"bg-blend":tt()}],filter:[{filter:["","none"]}],blur:[{blur:[o]}],brightness:[{brightness:[r]}],contrast:[{contrast:[N]}],"drop-shadow":[{"drop-shadow":["","none",me,v]}],grayscale:[{grayscale:[p]}],"hue-rotate":[{"hue-rotate":[C]}],invert:[{invert:[u]}],saturate:[{saturate:[te]}],sepia:[{sepia:[oe]}],"backdrop-filter":[{"backdrop-filter":["","none"]}],"backdrop-blur":[{"backdrop-blur":[o]}],"backdrop-brightness":[{"backdrop-brightness":[r]}],"backdrop-contrast":[{"backdrop-contrast":[N]}],"backdrop-grayscale":[{"backdrop-grayscale":[p]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[C]}],"backdrop-invert":[{"backdrop-invert":[u]}],"backdrop-opacity":[{"backdrop-opacity":[I]}],"backdrop-saturate":[{"backdrop-saturate":[te]}],"backdrop-sepia":[{"backdrop-sepia":[oe]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":[m]}],"border-spacing-x":[{"border-spacing-x":[m]}],"border-spacing-y":[{"border-spacing-y":[m]}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["none","all","","colors","opacity","shadow","transform",v]}],duration:[{duration:Q()}],ease:[{ease:["linear","in","out","in-out",v]}],delay:[{delay:Q()}],animate:[{animate:["none","spin","ping","pulse","bounce",v]}],transform:[{transform:["","gpu","none"]}],scale:[{scale:[$]}],"scale-x":[{"scale-x":[$]}],"scale-y":[{"scale-y":[$]}],rotate:[{rotate:[Be,v]}],"translate-x":[{"translate-x":[D]}],"translate-y":[{"translate-y":[D]}],"skew-x":[{"skew-x":[re]}],"skew-y":[{"skew-y":[re]}],"transform-origin":[{origin:["center","top","top-right","right","bottom-right","bottom","bottom-left","left","top-left",v]}],accent:[{accent:["auto",e]}],appearance:[{appearance:["none","auto"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","St-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",v]}],"caret-color":[{caret:[e]}],"pointer-events":[{"pointer-events":["none","auto"]}],resize:[{resize:["none","y","x",""]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":S()}],"scroll-mx":[{"scroll-mx":S()}],"scroll-my":[{"scroll-my":S()}],"scroll-ms":[{"scroll-ms":S()}],"scroll-me":[{"scroll-me":S()}],"scroll-mt":[{"scroll-mt":S()}],"scroll-mr":[{"scroll-mr":S()}],"scroll-mb":[{"scroll-mb":S()}],"scroll-ml":[{"scroll-ml":S()}],"scroll-p":[{"scroll-p":S()}],"scroll-px":[{"scroll-px":S()}],"scroll-py":[{"scroll-py":S()}],"scroll-ps":[{"scroll-ps":S()}],"scroll-pe":[{"scroll-pe":S()}],"scroll-pt":[{"scroll-pt":S()}],"scroll-pr":[{"scroll-pr":S()}],"scroll-pb":[{"scroll-pb":S()}],"scroll-pl":[{"scroll-pl":S()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",v]}],fill:[{fill:[e,"none"]}],"stroke-w":[{stroke:[ie,ce,rt]}],stroke:[{stroke:[e,"none"]}],sr:["sr-only","not-sr-only"],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","St"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-St","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-St":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-s","border-w-e","border-w-t","border-w-r","border-w-St","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-St"],"border-color":["border-color-s","border-color-e","border-color-t","border-color-r","border-color-St","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-St"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]}}};var xt=ho(zo);function d(...e){return xt((0,wt.clsx)(e))}var Ct=require("@radix-ui/react-slot"),Nt=require("class-variance-authority"),Pt=J(require("react")),St=require("react/jsx-runtime"),Ho=(0,Nt.cva)("inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{defaultVariants:{size:"default",variant:"default"},variants:{size:{clear:"",default:"St-10 px-4 py-2",icon:"St-10 w-10",lg:"St-11 rounded px-8",sm:"St-9 rounded px-3"},variant:{default:"bg-accent text-accent-foreground hover:bg-background hover:text-accent hover:border-accent hover:border",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",ghost:"hover:bg-card hover:text-accent",link:"text-primary items-start justify-start underline-offset-4 hover:underline",outline:"border border-border bg-background hover:bg-card hover:text-accent",secondary:"bg-secondary text-secondary-foreground hover:bg-accent"}}}),R=Pt.forwardRef(({asChild:e=!1,className:t,size:o,variant:r,...i},a)=>(0,St.jsx)(e?Ct.Slot:"button",{className:d(Ho({className:t,size:o,variant:r})),ref:a,...i}));R.displayName="Button";var he=J(require("react"));var L=he.forwardRef(({className:e,...t},o)=>(0,St.jsx)("div",{ref:o,className:d("rounded-xl border bg-card text-card-foreground shadow",e),...t}));L.displayName="Card";var V=he.forwardRef(({className:e,...t},o)=>(0,St.jsx)("div",{ref:o,className:d("flex flex-col space-y-1.5 p-6",e),...t}));V.displayName="CardHeader";var O=he.forwardRef(({className:e,...t},o)=>(0,St.jsx)("div",{ref:o,className:d("font-semibold leading-none tracking-tight",e),...t}));O.displayName="CardTitle";var jo=he.forwardRef(({className:e,...t},o)=>(0,St.jsx)("div",{ref:o,className:d("text-sm text-muted-foreground",e),...t}));jo.displayName="CardDescription";var E=he.forwardRef(({className:e,...t},o)=>(0,St.jsx)("div",{ref:o,className:d("p-6 pt-0",e),...t}));E.displayName="CardContent";var Fo=he.forwardRef(({className:e,...t},o)=>(0,St.jsx)("div",{ref:o,className:d("flex items-center p-6 pt-0",e),...t}));Fo.displayName="CardFooter";var Rt=J(require("react"));var pe=Rt.forwardRef(({className:e,type:t,...o},r)=>(0,St.jsx)("input",{type:t,className:d("flex St-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",e),ref:r,...o}));pe.displayName="Input";var x=J(require("@radix-ui/react-select")),ue=J(require("react")),nt=x.Root;var st=x.Value,Ue=ue.forwardRef(({children:e,className:t,...o},r)=>(0,St.jsxs)(x.Trigger,{className:d("flex St-10 w-full items-center justify-between rounded border border-input bg-background px-3 py-2 text-inherit ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",t),ref:r,...o,children:[e,(0,St.jsx)(x.Icon,{asChild:!0,children:(0,St.jsx)(X.ChevronDown,{className:"St-4 w-4 opacity-50"})})]}));Ue.displayName=x.Trigger.displayName;var Tt=ue.forwardRef(({className:e,...t},o)=>(0,St.jsx)(x.ScrollUpButton,{className:d("flex cursor-default items-center justify-center py-1",e),ref:o,...t,children:(0,St.jsx)(X.ChevronUp,{className:"St-4 w-4"})}));Tt.displayName=x.ScrollUpButton.displayName;var kt=ue.forwardRef(({className:e,...t},o)=>(0,St.jsx)(x.ScrollDownButton,{className:d("flex cursor-default items-center justify-center py-1",e),ref:o,...t,children:(0,St.jsx)(X.ChevronDown,{className:"St-4 w-4"})}));kt.displayName=x.ScrollDownButton.displayName;var Oe=ue.forwardRef(({children:e,className:t,position:o="popper",...r},i)=>(0,St.jsx)(x.Portal,{children:(0,St.jsxs)(x.Content,{className:d("relative z-50 max-St-96 min-w-[8rem] overflow-hidden rounded border bg-card text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",o==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:o,ref:i,...r,children:[(0,St.jsx)(Tt,{}),(0,St.jsx)(x.Viewport,{className:d("p-1",o==="popper"&&"St-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:e}),(0,St.jsx)(kt,{})]})}));Oe.displayName=x.Content.displayName;var Vo=ue.forwardRef(({className:e,...t},o)=>(0,St.jsx)(x.Label,{className:d("py-1.5 pl-8 pr-2 text-sm font-semibold",e),ref:o,...t}));Vo.displayName=x.Label.displayName;var we=ue.forwardRef(({children:e,className:t,...o},r)=>(0,St.jsxs)(x.Item,{className:d("relative flex w-full cursor-default select-none items-center rounded py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),ref:r,...o,children:[(0,St.jsx)("span",{className:"absolute left-2 flex St-3.5 w-3.5 items-center justify-center",children:(0,St.jsx)(x.ItemIndicator,{children:(0,St.jsx)(X.Check,{className:"St-4 w-4"})})}),(0,St.jsx)(x.ItemText,{children:e})]}));we.displayName=x.Item.displayName;var Go=ue.forwardRef(({className:e,...t},o)=>(0,St.jsx)(x.Separator,{className:d("-mx-1 my-1 St-px bg-muted",e),ref:o,...t}));Go.displayName=x.Separator.displayName;var lt=require("motion/react");var Ce=J(require("@radix-ui/react-tabs"));function Mt({className:e,...t}){return(0,St.jsx)(Ce.Root,{"data-slot":"tabs",className:d("flex flex-col gap-2",e),...t})}function It({className:e,...t}){return(0,St.jsx)(Ce.List,{"data-slot":"tabs-list",className:d("bg-muted text-muted-foreground inline-flex St-9 w-fit items-center justify-center rounded-lg p-[3px]",e),...t})}function At({className:e,...t}){return(0,St.jsx)(Ce.Trigger,{"data-slot":"tabs-trigger",className:d("data-[state=active]:bg-accent data-[state=active]:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground inline-flex St-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t})}var ne=J(require("react")),w=J(require("@radix-ui/react-dropdown-menu")),ke=require("@radix-ui/react-icons");var Ke=w.Root,qe=w.Trigger;var Wo=ne.forwardRef(({className:e,inset:t,children:o,...r},i)=>(0,St.jsxs)(w.SubTrigger,{ref:i,className:d("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t&&"pl-8",e),...r,children:[o,(0,St.jsx)(ke.ChevronRightIcon,{className:"ml-auto"})]}));Wo.displayName=w.SubTrigger.displayName;var $o=ne.forwardRef(({className:e,...t},o)=>(0,St.jsx)(w.SubContent,{ref:o,className:d("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...t}));$o.displayName=w.SubContent.displayName;var He=ne.forwardRef(({className:e,sideOffset:t=4,...o},r)=>(0,St.jsx)(w.Portal,{children:(0,St.jsx)(w.Content,{ref:r,sideOffset:t,className:d("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...o})}));He.displayName=w.Content.displayName;var Ne=ne.forwardRef(({className:e,inset:t,...o},r)=>(0,St.jsx)(w.Item,{ref:r,className:d("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",t&&"pl-8",e),...o}));Ne.displayName=w.Item.displayName;var Uo=ne.forwardRef(({className:e,children:t,checked:o,...r},i)=>(0,St.jsxs)(w.CheckboxItem,{ref:i,className:d("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:o,...r,children:[(0,St.jsx)("span",{className:"absolute left-2 flex St-3.5 w-3.5 items-center justify-center",children:(0,St.jsx)(w.ItemIndicator,{children:(0,St.jsx)(ke.CheckIcon,{className:"St-4 w-4"})})}),t]}));Uo.displayName=w.CheckboxItem.displayName;var Oo=ne.forwardRef(({className:e,children:t,...o},r)=>(0,St.jsxs)(w.RadioItem,{ref:r,className:d("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...o,children:[(0,St.jsx)("span",{className:"absolute left-2 flex St-3.5 w-3.5 items-center justify-center",children:(0,St.jsx)(w.ItemIndicator,{children:(0,St.jsx)(ke.DotFilledIcon,{className:"St-4 w-4 fill-current"})})}),t]}));Oo.displayName=w.RadioItem.displayName;var _o=ne.forwardRef(({className:e,inset:t,...o},r)=>(0,St.jsx)(w.Label,{ref:r,className:d("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...o}));_o.displayName=w.Label.displayName;var Ko=ne.forwardRef(({className:e,...t},o)=>(0,St.jsx)(w.Separator,{ref:o,className:d("-mx-1 my-1 St-px bg-muted",e),...t}));Ko.displayName=w.Separator.displayName;var qo=({className:e,...t})=>(0,St.jsx)("span",{className:d("ml-auto text-xs tracking-widest opacity-60",e),...t});qo.displayName="DropdownMenuShortcut";function Et({activeTab:e,onTabChange:t,tabOptions:o,className:r="",maxWidth:i="700px",gridCols:a=6}){let m=o.find(s=>s.value===e);return(0,St.jsxs)(lt.motion.div,{className:`flex-1 flex justify-center ${r}`,initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{duration:.3,ease:"easeOut"},children:[(0,St.jsx)("div",{className:"hidden lg:block",children:(0,St.jsx)(Mt,{value:e,onValueChange:t,children:(0,St.jsx)(It,{className:"grid w-full rounded-2xl p-0 St-10",style:{maxWidth:i,gridTemplateColumns:`repeat(${Math.min(a,o.length)}, minmax(0, 1fr))`},children:o.map(s=>(0,St.jsx)(lt.motion.div,{whileHover:{scale:1.1},whileTap:{scale:.98},transition:{type:"spring",stiffness:400,damping:17},className:"flex-1 px-2",children:(0,St.jsx)(At,{value:s.value,className:"w-full St-8 rounded-xl data-[state=active]:rounded-xl transition-all duration-200 hover:border hover:border-accent hover:bg-accent/10 px-4 py-2 text-sm font-medium",children:s.label})},s.value))})})}),(0,St.jsx)("div",{className:"lg:hidden",children:(0,St.jsxs)(Ke,{children:[(0,St.jsx)(qe,{asChild:!0,children:(0,St.jsxs)(R,{variant:"outline",className:"rounded-2xl min-w-[140px] justify-between",children:[m?.label||"Select",(0,St.jsx)(X.ChevronDown,{className:"St-4 w-4 ml-2"})]})}),(0,St.jsx)(He,{align:"center",className:"w-[180px]",children:o.map(s=>(0,St.jsx)(Ne,{onClick:()=>t?.(s.value),className:`cursor-pointer ${e===s.value?"bg-accent":""}`,children:s.label},s.value))})]})})]})}var Je=J(require("react")),se=J(require("@radix-ui/react-avatar"));var je=Je.forwardRef(({className:e,...t},o)=>(0,St.jsx)(se.Root,{ref:o,className:d("relative flex St-10 w-10 shrink-0 overflow-hidden rounded-full",e),...t}));je.displayName=se.Root.displayName;var dt=Je.forwardRef(({className:e,...t},o)=>(0,St.jsx)(se.Image,{ref:o,className:d("aspect-square St-full w-full",e),...t}));dt.displayName=se.Image.displayName;var Fe=Je.forwardRef(({className:e,...t},o)=>(0,St.jsx)(se.Fallback,{ref:o,className:d("flex St-full w-full items-center justify-center rounded-full bg-muted",e),...t}));Fe.displayName=se.Fallback.displayName;var Jo=(0,Nt.cva)("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function fe({className:e,variant:t,...o}){return(0,St.jsx)("div",{className:d(Jo({variant:t}),e),...o})}function Ze({colleague:e,onEdit:t,onDelete:o,onViewDetails:r,showActions:i=!0,compact:a=!1,className:m}){let[s,N]=(0,ee.useState)(!1),p=y=>{switch(y){case"active":return"bg-green-500";case"inactive":return"bg-gray-500";default:return"bg-gray-500"}},C=y=>{switch(y){case"active":return"Active";case"inactive":return"Inactive";default:return"Unknown"}},u=y=>{if(!y)return"Never";let A=Math.floor((new Date().getTime()-y.getTime())/(1e3*60));return A<1?"Just now":A<60?`${A}m ago`:A<1440?`${Math.floor(A/60)}St ago`:`${Math.floor(A/1440)}d ago`};return(0,St.jsxs)(L,{className:d("hover:shadow-md transition-shadow",a&&"p-2",m),children:[(0,St.jsx)(V,{className:d("pb-3",a&&"pb-2"),children:(0,St.jsxs)("div",{className:"flex items-start justify-between",children:[(0,St.jsxs)("div",{className:"flex items-center gap-3",children:[(0,St.jsx)("div",{className:"relative",children:(0,St.jsxs)(je,{className:d("St-12 w-12",a&&"St-8 w-8"),children:[(0,St.jsx)(dt,{src:"/placeholder.svg",alt:e.name||"name"}),(0,St.jsx)(Fe,{children:e.name?.split(" ").map(y=>y[0]).join("")})]})}),(0,St.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,St.jsxs)("div",{className:"flex items-center gap-2",children:[(0,St.jsx)("h3",{className:d("font-semibold text-sm truncate",a&&"text-xs"),children:e.name}),e.type==="digital"?(0,St.jsx)(X.Bot,{className:d("St-4 w-4 text-blue-500",a&&"St-3 w-3")}):(0,St.jsx)(X.User,{className:d("St-4 w-4 text-green-500",a&&"St-3 w-3")})]}),(0,St.jsx)("p",{className:d("text-sm text-muted-foreground truncate",a&&"text-xs")}),!a&&(0,St.jsx)("div",{className:"flex items-center gap-2 mt-1"})]})]}),i&&(0,St.jsxs)(Ke,{children:[(0,St.jsx)(qe,{asChild:!0,children:(0,St.jsx)(R,{variant:"ghost",size:"icon",className:d("St-8 w-8",a&&"St-6 w-6"),children:(0,St.jsx)(X.MoreHorizontal,{className:d("St-4 w-4",a&&"St-3 w-3")})})}),(0,St.jsxs)(He,{align:"end",children:[e.type==="digital"&&(0,St.jsxs)(St.Fragment,{children:[(0,St.jsxs)(Ne,{onClick:()=>r?.(e),children:[(0,St.jsx)(X.Settings,{className:"St-4 w-4 mr-2"}),"View Details"]}),(0,St.jsxs)(Ne,{onClick:()=>t?.(e),children:[(0,St.jsx)(X.Edit,{className:"St-4 w-4 mr-2"}),"Edit"]})]}),(0,St.jsxs)(Ne,{onClick:()=>o?.(e.id.toString()),className:"text-destructive focus:text-destructive",children:[(0,St.jsx)(X.Trash2,{className:"St-4 w-4 mr-2"}),e.type==="digital"?"Delete":"Remove from team"]})]})]})]})}),!a&&(0,St.jsxs)(E,{className:"pt-0",children:[(0,St.jsx)("div",{className:"space-y-2 text-sm",children:e.type==="human"&&(0,St.jsxs)("div",{className:"flex items-center gap-2 text-muted-foreground",children:[(0,St.jsx)(X.Mail,{className:"St-3 w-3"}),(0,St.jsx)("span",{className:"truncate",children:e.email})]})}),e.type==="digital"&&(0,St.jsx)("div",{className:"mt-3",children:(0,St.jsxs)("div",{className:"flex flex-wrap gap-1",children:[e.capabilities?.slice(0,s?e.capabilities.length:2).map(y=>(0,St.jsx)(fe,{variant:"outline",className:"text-xs",children:typeof y.value=="number"?y.value:y.value.name},typeof y.value=="number"?y.value:y.value.name)),(e.capabilities?.length||0)>2&&(0,St.jsx)(R,{variant:"ghost",size:"sm",className:"St-5 px-2 text-xs",onClick:()=>N(!s),children:s?"Show less":`+${(e.capabilities?.length||0)-2} more`})]})})]})]})}var jt=J(require("react")),ct=J(require("@radix-ui/react-label"));var Xo=(0,Nt.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),Pe=jt.forwardRef(({className:e,...t},o)=>(0,St.jsx)(ct.Root,{ref:o,className:d(Xo(),e),...t}));Pe.displayName=ct.Root.displayName;var Gt=J(require("react")),Ve=Gt.forwardRef(({className:e,...t},o)=>(0,St.jsx)("textarea",{className:d("flex min-St-[80px] w-full rounded border border-border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",e),ref:o,...t}));Ve.displayName="Textarea";function mt({colleague:e,onSave:t,onCancel:o,isLoading:r=!1,title:i,submitLabel:a,cancelLabel:m="Cancel",readOnly:s=!1,availableKnowledgeDocuments:N=[]}){let[p,C]=(0,ee.useState)({type:"digital",name:"",description:"",jobDescription:"",workInstructions:"",capabilities:[],capabilityLevel:0,...e}),[u,y]=(0,ee.useState)(""),[G,A]=(0,ee.useState)(""),[P,k]=(0,ee.useState)(!s);(0,ee.useEffect)(()=>{e&&C(e)},[e]);let I=D=>{D.preventDefault();let z={id:p.id||parseInt(Date.now().toString()),name:p.name,type:"digital",description:p.description,jobDescription:p.jobDescription||"",workInstructions:p.workInstructions||"",capabilities:p.capabilities||[],capabilityLevel:p.capabilityLevel||0};t(z)},F=(D,z,T)=>{if(!z.trim())return;let W=p[D]||[];C({...p,[D]:[...W,z.trim()]}),T("")},te=(D,z)=>{let T=p[D]||[];C({...p,[D]:T.filter((W,S)=>S!==z)})},$=D=>{D.preventDefault(),k(!P)},oe=(D,z,T,W,S)=>{let ve=p[D]||[];return(0,St.jsxs)("div",{className:"space-y-2",children:[(0,St.jsx)(Pe,{children:z}),P&&(0,St.jsxs)("div",{className:"flex gap-2",children:[(0,St.jsx)(pe,{value:T,onChange:U=>W(U.target.value),placeholder:S,onKeyPress:U=>{U.key==="Enter"&&(U.preventDefault(),F(D,T,W))},disabled:r}),(0,St.jsx)(R,{type:"button",variant:"outline",size:"icon",onClick:()=>F(D,T,W),disabled:r,children:(0,St.jsx)(X.Plus,{className:"St-4 w-4"})})]}),(0,St.jsx)("div",{className:"flex flex-wrap gap-2",children:ve.map((U,ae)=>(0,St.jsxs)(fe,{className:"gap-1",children:[U,P&&(0,St.jsx)(R,{type:"button",variant:"ghost",size:"icon",className:"St-4 w-4 p-0 hover:bg-accent hover:text-accent-foreground",onClick:()=>te(D,ae),disabled:r,children:(0,St.jsx)(X.X,{className:"St-3 w-3"})})]},`${D}-${ae}-${U}`))})]})},re=i||(P?e?"Edit Colleague":"Add New Colleague":"View Colleague"),Ae=a||(e?"Update Colleague":"Add Colleague");return(0,St.jsxs)(L,{className:"m-8 w-full max-w-4xl mx-auto",children:[(0,St.jsx)(V,{children:(0,St.jsxs)(O,{className:"flex items-center gap-2",children:[(0,St.jsx)(X.Bot,{className:"St-5 w-5"}),re]})}),(0,St.jsx)(E,{children:(0,St.jsxs)("form",{onSubmit:I,className:"space-y-6",children:[(0,St.jsxs)("div",{className:"space-y-4",children:[(0,St.jsxs)("div",{className:"space-y-2",children:[(0,St.jsx)(Pe,{htmlFor:"name",children:"Name *"}),(0,St.jsx)(pe,{id:"name",value:p.name||"",onChange:D=>C({...p,name:D.target.value}),required:!0,disabled:r||!P})]}),(0,St.jsxs)("div",{className:"space-y-2",children:[(0,St.jsx)(Pe,{htmlFor:"description",children:"Description"}),(0,St.jsx)(Ve,{id:"description",value:p.description||"",onChange:D=>C({...p,description:D.target.value}),rows:3,placeholder:"Brief description of this digital colleague...",disabled:r||!P})]})]}),(0,St.jsxs)("div",{className:"space-y-4",children:[(0,St.jsx)("h3",{className:"text-lg font-semibold",children:"Digital Colleague Details"}),(0,St.jsxs)("div",{className:"space-y-2",children:[(0,St.jsx)(Pe,{htmlFor:"jobDescription",children:"Job Description *"}),(0,St.jsx)(Ve,{id:"jobDescription",value:p.jobDescription||"",onChange:D=>C({...p,jobDescription:D.target.value}),rows:4,required:p.type==="digital",disabled:r||!P})]}),(0,St.jsxs)("div",{className:"space-y-2",children:[(0,St.jsx)(Pe,{htmlFor:"workInstructions",children:"Work Instructions"}),(0,St.jsx)(Ve,{id:"workInstructions",value:p.workInstructions||"",onChange:D=>C({...p,workInstructions:D.target.value}),rows:4,placeholder:"Enter detailed work instructions for this digital colleague...",disabled:r||!P})]}),oe("capabilities","Capabilities",G,A,"Add capability")]}),(0,St.jsxs)("div",{className:"flex justify-end gap-2 pt-4 border-t",children:[(0,St.jsx)(R,{type:"button",variant:"outline",onClick:o,disabled:r,children:P?m:"Close"}),P?(0,St.jsx)(R,{type:"submit",disabled:r,children:r?"Saving...":Ae}):(0,St.jsxs)(R,{type:"button",onClick:$,disabled:r,className:"gap-2",children:[(0,St.jsx)(X.Edit,{className:"St-4 w-4"}),"Edit"]})]})]})})]})}function $t({digitalColleagues:e,onColleagueClone:t,onCancel:o,selectedColleagueId:r}){let[i,a]=(0,ee.useState)(""),[m,s]=(0,ee.useState)("all"),N=(0,ee.useMemo)(()=>e.filter(u=>u.name.toLowerCase().includes(i.toLowerCase())||u.jobDescription?.toLowerCase().includes(i.toLowerCase())||u.workInstructions?.toLowerCase().includes(i.toLowerCase())),[e,i,m]),p=u=>{let y={...u,name:`${u.name} (Copy)`};t(y)},C=u=>new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric"}).format(u);return(0,St.jsx)("div",{className:"px-2 md:px-4 py-4 space-y-6",children:(0,St.jsx)(lt.AnimatePresence,{mode:"wait",children:(0,St.jsxs)(lt.motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},children:[(0,St.jsxs)("div",{className:"flex items-center gap-4 mb-6",children:[(0,St.jsxs)(R,{variant:"ghost",onClick:o,className:"gap-2",children:[(0,St.jsx)(X.ChevronLeft,{className:"St-4 w-4"}),"Back"]}),(0,St.jsxs)("div",{children:[(0,St.jsx)("h1",{className:"text-3xl font-bold",children:"Clone Digital Colleague"}),(0,St.jsx)("p",{className:"text-muted-foreground",children:"Select a digital colleague to clone"})]})]}),(0,St.jsx)(L,{children:(0,St.jsx)(E,{className:"pt-6",children:(0,St.jsxs)("div",{className:"flex flex-col md:flex-row gap-4",children:[(0,St.jsx)("div",{className:"flex-1",children:(0,St.jsxs)("div",{className:"relative",children:[(0,St.jsx)(X.Search,{className:"absolute left-3 top-3 St-4 w-4 text-muted-foreground"}),(0,St.jsx)(pe,{placeholder:"Search by name, job description, or capabilities...",value:i,onChange:u=>a(u.target.value),className:"pl-9"})]})}),(0,St.jsxs)("select",{value:m,onChange:u=>s(u.target.value),className:"St-10 px-3 rounded-md border border-input bg-background text-sm ring-offset-background",children:[(0,St.jsx)("option",{value:"all",children:"All Status"}),(0,St.jsx)("option",{value:"active",children:"Active"}),(0,St.jsx)("option",{value:"inactive",children:"Inactive"})]})]})})}),(0,St.jsx)("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:N.map(u=>(0,St.jsx)(lt.motion.div,{layout:!0,initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{duration:.2},children:(0,St.jsxs)(L,{className:`cursor-pointer transition-all hover:shadow-lg ${r?.toString()===u.id.toString()?"ring-2 ring-primary":""}`,onClick:()=>p(u),children:[(0,St.jsx)(V,{className:"pb-3",children:(0,St.jsxs)("div",{className:"flex items-start justify-between",children:[(0,St.jsxs)("div",{className:"flex items-center gap-3",children:[(0,St.jsx)(je,{children:(0,St.jsx)(Fe,{className:"bg-blue-100",children:(0,St.jsx)(X.Bot,{className:"St-4 w-4 text-blue-600"})})}),(0,St.jsx)("div",{children:(0,St.jsx)(O,{className:"text-lg flex items-center gap-2",children:u.name})})]}),(0,St.jsxs)(R,{size:"sm",variant:"outline",className:"gap-2 St-8",onClick:y=>{y.stopPropagation(),p(u)},children:[(0,St.jsx)(X.Copy,{className:"St-3 w-3"}),"Clone"]})]})}),(0,St.jsx)(E,{className:"pt-0",children:(0,St.jsxs)("div",{className:"space-y-3",children:[(0,St.jsxs)("div",{children:[(0,St.jsx)("p",{className:"text-sm text-muted-foreground",children:"Job Description"}),(0,St.jsx)("p",{className:"text-sm line-clamp-2",children:u.jobDescription})]}),u.capabilities&&u.capabilities.length>0&&(0,St.jsxs)("div",{children:[(0,St.jsx)("p",{className:"text-sm text-muted-foreground mb-2",children:"Capabilities"}),(0,St.jsx)("div",{className:"flex flex-wrap gap-1",children:u.capabilities.length>3&&(0,St.jsxs)(fe,{variant:"outline",className:"text-xs",children:["+",u.capabilities.length-3]})})]}),(0,St.jsx)("div",{className:"flex items-center justify-between text-xs text-muted-foreground"}),u.workInstructions&&(0,St.jsxs)("div",{children:[(0,St.jsx)("p",{className:"text-sm text-muted-foreground",children:"Instructions"}),(0,St.jsx)("p",{className:"text-xs line-clamp-2",children:u.workInstructions})]})]})})]})},u.id))}),N.length===0&&(0,St.jsx)(L,{children:(0,St.jsx)(E,{className:"pt-6",children:(0,St.jsxs)("div",{className:"text-center py-8",children:[(0,St.jsx)(X.Bot,{className:"St-12 w-12 text-muted-foreground mx-auto mb-4"}),(0,St.jsx)("h3",{className:"text-lg font-semibold mb-2",children:"No digital colleagues found"}),(0,St.jsx)("p",{className:"text-muted-foreground",children:"Try adjusting your search terms or filters."})]})})})]},"colleague-clone")})})}function Ut({onSelectHuman:e,onSelectDigital:t,onCancel:o}){return(0,St.jsx)("div",{className:"px-2 md:px-4 py-4 space-y-6",children:(0,St.jsx)(lt.AnimatePresence,{mode:"wait",children:(0,St.jsxs)(lt.motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},children:[(0,St.jsxs)("div",{className:"flex items-center gap-4 mb-6",children:[(0,St.jsxs)(R,{variant:"ghost",onClick:o,className:"gap-2",children:[(0,St.jsx)(X.ChevronLeft,{className:"St-4 w-4"}),"Back"]}),(0,St.jsxs)("div",{children:[(0,St.jsx)("h1",{className:"text-3xl font-bold",children:"Add Colleague"}),(0,St.jsx)("p",{className:"text-muted-foreground",children:"Choose the type of colleague to add"})]})]}),(0,St.jsxs)("div",{className:"grid gap-6 md:grid-cols-2 max-w-4xl mx-auto",children:[(0,St.jsx)(lt.motion.div,{whileHover:{scale:1.02},whileTap:{scale:.98},transition:{type:"spring",stiffness:300,damping:20},children:(0,St.jsxs)(L,{className:"cursor-pointer transition-all hover:shadow-lg border-2 hover:border-primary/50",onClick:e,children:[(0,St.jsxs)(V,{className:"text-center pb-4",children:[(0,St.jsx)("div",{className:"mx-auto w-16 St-16 bg-blue-100 rounded-full flex items-center justify-center mb-4",children:(0,St.jsx)(X.User,{className:"St-8 w-8 text-blue-600"})}),(0,St.jsx)(O,{className:"text-xl",children:"Add Human Colleague"})]}),(0,St.jsxs)(E,{className:"text-center",children:[(0,St.jsx)("p",{className:"text-muted-foreground mb-4",children:"Select from existing users in your organization to add as team members."}),(0,St.jsxs)("div",{className:"space-y-2 text-sm",children:[(0,St.jsxs)("div",{className:"flex items-center gap-2 justify-center",children:[(0,St.jsx)(X.Users,{className:"St-4 w-4 text-blue-600"}),(0,St.jsx)("span",{children:"Browse existing users"})]}),(0,St.jsxs)("div",{className:"flex items-center gap-2 justify-center",children:[(0,St.jsx)(X.User,{className:"St-4 w-4 text-blue-600"}),(0,St.jsx)("span",{children:"Import user details automatically"})]})]}),(0,St.jsx)(R,{className:"mt-6 w-full",onClick:e,children:"Select User"})]})]})}),(0,St.jsx)(lt.motion.div,{whileHover:{scale:1.02},whileTap:{scale:.98},transition:{type:"spring",stiffness:300,damping:20},children:(0,St.jsxs)(L,{className:"cursor-pointer transition-all hover:shadow-lg border-2 hover:border-primary/50",onClick:t,children:[(0,St.jsxs)(V,{className:"text-center pb-4",children:[(0,St.jsx)("div",{className:"mx-auto w-16 St-16 bg-purple-100 rounded-full flex items-center justify-center mb-4",children:(0,St.jsx)(X.Bot,{className:"St-8 w-8 text-purple-600"})}),(0,St.jsx)(O,{className:"text-xl",children:"Add Digital Colleague"})]}),(0,St.jsxs)(E,{className:"text-center",children:[(0,St.jsx)("p",{className:"text-muted-foreground mb-4",children:"Clone an existing digital colleague or create a new AI assistant for your team."}),(0,St.jsxs)("div",{className:"space-y-2 text-sm",children:[(0,St.jsxs)("div",{className:"flex items-center gap-2 justify-center",children:[(0,St.jsx)(X.Bot,{className:"St-4 w-4 text-purple-600"}),(0,St.jsx)("span",{children:"Clone existing colleagues"})]}),(0,St.jsxs)("div",{className:"flex items-center gap-2 justify-center",children:[(0,St.jsx)(X.Users,{className:"St-4 w-4 text-purple-600"}),(0,St.jsx)("span",{children:"Create from templates"})]})]}),(0,St.jsx)(R,{className:"mt-6 w-full",onClick:t,children:"Add Digital Colleague"})]})]})})]})]},"colleague-type-selection")})})}function Ot({onCloneExisting:e,onCreateNew:t,onCancel:o}){return(0,St.jsx)("div",{className:"px-2 md:px-4 py-4 space-y-6",children:(0,St.jsx)(lt.AnimatePresence,{mode:"wait",children:(0,St.jsxs)(lt.motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},children:[(0,St.jsxs)("div",{className:"flex items-center gap-4 mb-6",children:[(0,St.jsxs)(R,{variant:"ghost",onClick:o,className:"gap-2",children:[(0,St.jsx)(X.ChevronLeft,{className:"St-4 w-4"}),"Back"]}),(0,St.jsxs)("div",{children:[(0,St.jsx)("h1",{className:"text-3xl font-bold",children:"Add Digital Colleague"}),(0,St.jsx)("p",{className:"text-muted-foreground",children:"Choose how to create your digital colleague"})]})]}),(0,St.jsxs)("div",{className:"grid gap-6 md:grid-cols-2 max-w-4xl mx-auto",children:[(0,St.jsx)(lt.motion.div,{whileHover:{scale:1.02},whileTap:{scale:.98},transition:{type:"spring",stiffness:300,damping:20},children:(0,St.jsxs)(L,{className:"cursor-pointer transition-all hover:shadow-lg border-2 hover:border-primary/50",onClick:e,children:[(0,St.jsxs)(V,{className:"text-center pb-4",children:[(0,St.jsx)("div",{className:"mx-auto w-16 St-16 bg-blue-100 rounded-full flex items-center justify-center mb-4",children:(0,St.jsx)(X.Copy,{className:"St-8 w-8 text-blue-600"})}),(0,St.jsx)(O,{className:"text-xl",children:"Clone Existing"})]}),(0,St.jsxs)(E,{className:"text-center",children:[(0,St.jsx)("p",{className:"text-muted-foreground mb-4",children:"Start with an existing digital colleague and customize it for your needs."}),(0,St.jsxs)("div",{className:"space-y-2 text-sm",children:[(0,St.jsxs)("div",{className:"flex items-center gap-2 justify-center",children:[(0,St.jsx)(X.Bot,{className:"St-4 w-4 text-blue-600"}),(0,St.jsx)("span",{children:"Pre-configured capabilities"})]}),(0,St.jsxs)("div",{className:"flex items-center gap-2 justify-center",children:[(0,St.jsx)(X.Copy,{className:"St-4 w-4 text-blue-600"}),(0,St.jsx)("span",{children:"Inherit knowledge base"})]})]}),(0,St.jsx)(R,{className:"mt-6 w-full",onClick:e,children:"Browse & Clone"})]})]})}),(0,St.jsx)(lt.motion.div,{whileHover:{scale:1.02},whileTap:{scale:.98},transition:{type:"spring",stiffness:300,damping:20},children:(0,St.jsxs)(L,{className:"cursor-pointer transition-all hover:shadow-lg border-2 hover:border-primary/50",onClick:t,children:[(0,St.jsxs)(V,{className:"text-center pb-4",children:[(0,St.jsx)("div",{className:"mx-auto w-16 St-16 bg-green-100 rounded-full flex items-center justify-center mb-4",children:(0,St.jsx)(X.Sparkles,{className:"St-8 w-8 text-green-600"})}),(0,St.jsx)(O,{className:"text-xl",children:"Create New"})]}),(0,St.jsxs)(E,{className:"text-center",children:[(0,St.jsx)("p",{className:"text-muted-foreground mb-4",children:"Build a completely new digital colleague from scratch with custom specifications."}),(0,St.jsxs)("div",{className:"space-y-2 text-sm",children:[(0,St.jsxs)("div",{className:"flex items-center gap-2 justify-center",children:[(0,St.jsx)(X.Plus,{className:"St-4 w-4 text-green-600"}),(0,St.jsx)("span",{children:"Custom job description"})]}),(0,St.jsxs)("div",{className:"flex items-center gap-2 justify-center",children:[(0,St.jsx)(X.Sparkles,{className:"St-4 w-4 text-green-600"}),(0,St.jsx)("span",{children:"Define unique capabilities"})]})]}),(0,St.jsx)(R,{className:"mt-6 w-full",onClick:t,children:"Create from Scratch"})]})]})})]})]},"digital-colleague-options")})})}function _t(e,t){let[o,r]=(0,ee.useState)(()=>{if(typeof window>"u")return t;try{let a=window.localStorage.getItem(e);return a?JSON.parse(a):t}catch{return t}}),i=a=>{try{r(a),typeof window<"u"&&window.localStorage.setItem(e,JSON.stringify(a))}catch{}};return(0,ee.useEffect)(()=>{i(o)},[]),[o,i]}var Ye=require("react-icons/fa");function qt({title:e,description:t,badge:o,primaryAction:r,secondaryAction:i,gradient:a,children:m,className:s}){let[N,p]=_t(`hero-section-minimized-${e.replace(/\s+/St,"-").toLowerCase()}`,!i&&!t),C=!i&&!t||N;return(0,St.jsxs)(lt.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:`overflow-hidden rounded-3xl ${a} p-8 text-white ${s||""}`,children:[(0,St.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,St.jsxs)("div",{className:"flex items-center gap-3",children:[o&&(0,St.jsx)(fe,{className:"bg-white/20 text-white hover:bg-white/30 rounded-xl",children:o}),(0,St.jsx)("h2",{className:"text-3xl font-bold m-0",children:e})]}),(0,St.jsxs)("div",{className:"flex items-center gap-3",children:[C&&r&&(0,St.jsx)(R,{className:"rounded-2xl bg-white text-indigo-700 hover:bg-white/90",onClick:r.onClick,children:r.label}),(i||t)&&(0,St.jsx)("button",{"aria-label":N?"Expand hero section":"Minimize hero section",className:"rounded-full bg-white/20 hover:bg-white/30 p-1 text-white transition-colors",onClick:()=>p(!N),style:{lineHeight:0},children:N?(0,St.jsx)(Ye.FaChevronDown,{size:22}):(0,St.jsx)(Ye.FaChevronUp,{size:22})})]})]}),!C&&(0,St.jsxs)("div",{className:"flex flex-col gap-6 md:flex-row md:items-center md:justify-between",children:[(0,St.jsxs)("div",{className:"space-y-4",children:[(0,St.jsx)("p",{className:"max-w-[600px] text-white/80",children:t}),(0,St.jsxs)("div",{className:"flex flex-wrap gap-3",children:[r&&(0,St.jsx)(R,{className:"rounded-2xl bg-white text-indigo-700 hover:bg-white/90",onClick:r.onClick,children:r.label}),i&&(0,St.jsx)(R,{variant:"outline",className:"rounded-2xl bg-transparent border-white text-white hover:bg-white/10",onClick:i.onClick,children:i.label})]})]}),m&&(0,St.jsx)("div",{className:"hidden lg:block",children:m})]})]})}function Jt({initialColleagues:e,onColleagueAdd:t,onColleagueEdit:o,onColleagueDelete:r,compactView:i=!1,departments:a=["Design","Engineering","Marketing","Product","Sales","Operations"],className:m,availableUsers:s=[],existingDigitalColleagues:N=[]}){let[p,C]=(0,ee.useState)(e||[]),[u,y]=(0,ee.useState)(""),[G,A]=(0,ee.useState)("all"),[P,k]=(0,ee.useState)("all"),[I,F]=(0,ee.useState)("all"),[te,$]=(0,ee.useState)(null),[oe,re]=(0,ee.useState)(null);(0,ee.useEffect)(()=>{C(e||[])},[e]);let Ae=Array.isArray(s)?s:[],D=Array.isArray(N)?N:[],[z,T]=(0,ee.useState)("main"),W=p.filter(l=>!l||!l.name?!1:l.name.toLowerCase().includes(u.toLowerCase())||l.type==="human"&&l.email?.toLowerCase().includes(u.toLowerCase())||l.type==="digital"&&l.jobDescription?.toLowerCase().includes(u.toLowerCase())),S=W.filter(l=>l.type==="human"),ve=W.filter(l=>l.type==="digital"),U=()=>{T("typeSelection")},ae=l=>{l.type==="digital"&&($(l),T("form")),console.log("Editing colleague:",l),o?.(l)},de=l=>{l.type==="digital"&&(re(l),T("view"))},tt=l=>{let q={id:`human-${Date.now()}`,type:"human",name:l.name,email:l.email,updatedAt:l.updatedAt,createdAt:l.createdAt,accounts:l.accounts};C(Re=>[...Re,q]),t?.(q),T("main")},Le=l=>{if(!l||!l.id){console.error("Invalid cloned colleague provided to handleDigitalColleagueClone:",l);return}C(q=>[...q,{...l,type:"digital"}]),t?.({...l,type:"digital"}),T("main")},be=()=>{$(null),T("form")},Ee=l=>{if(!l||!l.id){console.error("Invalid colleague provided to handleSaveColleague:",l);return}te?(C(q=>q.map(Re=>Re.id===l.id?{...l,type:"digital"}:Re)),o?.({...l,type:"digital"})):(C(q=>[...q,{...l,type:"digital"}]),t?.({...l,type:"digital"})),T("main"),$(null)},Q=()=>{T("main"),$(null),re(null)},Xt=()=>{T("main"),re(null)},Qo=()=>{oe&&($(oe),re(null),T("form"))},ot=l=>{r?.(l,p.find(q=>q.id===l).type),C(q=>q.filter(Re=>Re.id!==l))},Zt=()=>{y(""),A("all"),k("all")};return z==="typeSelection"?(0,St.jsx)(Ut,{onSelectHuman:()=>T("userSelection"),onSelectDigital:()=>T("digitalOptions"),onCancel:()=>T("main")}):z==="userSelection"?(0,St.jsx)("h1",{children:"User selection"}):z==="digitalOptions"?(0,St.jsx)(Ot,{onCloneExisting:()=>T("digitalClone"),onCreateNew:be,onCancel:()=>T("typeSelection")}):z==="digitalClone"?(0,St.jsx)($t,{digitalColleagues:D,onColleagueClone:Le,onCancel:()=>T("digitalOptions")}):z==="form"?(0,St.jsx)(mt,{colleague:te||void 0,onSave:Ee,onCancel:Q}):z==="view"?(0,St.jsx)(mt,{colleague:oe||void 0,onSave:Ee,onCancel:Xt,readOnly:!0}):(0,St.jsx)("div",{className:"px-2 md:px-4 py-4 space-y-8",children:(0,St.jsx)(lt.AnimatePresence,{mode:"wait",children:(0,St.jsx)(lt.motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},children:(0,St.jsxs)("div",{className:`space-y-6 ${m||""}`,children:[(0,St.jsx)(qt,{title:"Colleagues",description:"Manage your team members and digital colleagues.",gradient:"bg-gradient-to-r from-green-600 via-emerald-600 to-teal-600",primaryAction:{label:"Add colleague",onClick:U}}),(0,St.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[(0,St.jsxs)(L,{children:[(0,St.jsxs)(V,{className:"flex flex-row items-center justify-between space-y-0 pb-2",children:[(0,St.jsx)(O,{className:"text-sm font-medium",children:"Total Colleagues"}),(0,St.jsx)(X.Users,{className:"St-4 w-4 text-muted-foreground"})]}),(0,St.jsxs)(E,{children:[(0,St.jsx)("div",{className:"text-2xl font-bold",children:p.length}),(0,St.jsx)("p",{className:"text-xs text-muted-foreground",children:"0 active"})]})]}),(0,St.jsxs)(L,{children:[(0,St.jsxs)(V,{className:"flex flex-row items-center justify-between space-y-0 pb-2",children:[(0,St.jsx)(O,{className:"text-sm font-medium",children:"Human Members"}),(0,St.jsx)(X.User,{className:"St-4 w-4 text-muted-foreground"})]}),(0,St.jsxs)(E,{children:[(0,St.jsx)("div",{className:"text-2xl font-bold",children:p.filter(l=>l.type==="human").length}),(0,St.jsx)("p",{className:"text-xs text-muted-foreground",children:"0 active"})]})]}),(0,St.jsxs)(L,{children:[(0,St.jsxs)(V,{className:"flex flex-row items-center justify-between space-y-0 pb-2",children:[(0,St.jsx)(O,{className:"text-sm font-medium",children:"Digital Colleagues"}),(0,St.jsx)(X.Bot,{className:"St-4 w-4 text-muted-foreground"})]}),(0,St.jsxs)(E,{children:[(0,St.jsx)("div",{className:"text-2xl font-bold",children:p.filter(l=>l.type==="digital").length}),(0,St.jsx)("p",{className:"text-xs text-muted-foreground",children:"0 active"})]})]})]}),(0,St.jsx)(L,{children:(0,St.jsx)(E,{className:"pt-6",children:(0,St.jsxs)("div",{className:"flex flex-col md:flex-row gap-4",children:[(0,St.jsx)("div",{className:"flex-1",children:(0,St.jsxs)("div",{className:"relative",children:[(0,St.jsx)(X.Search,{className:"absolute left-3 top-3 St-4 w-4 text-muted-foreground"}),(0,St.jsx)(pe,{placeholder:"Search colleagues...",value:u,onChange:l=>y(l.target.value),className:"pl-9"})]})}),(0,St.jsxs)(nt,{value:G,onValueChange:A,children:[(0,St.jsx)(Ue,{className:"w-full md:w-[180px]",children:(0,St.jsx)(st,{placeholder:"Department"})}),(0,St.jsxs)(Oe,{children:[(0,St.jsx)(we,{value:"all",children:"All Departments"}),a.map(l=>(0,St.jsx)(we,{value:l,children:l},l))]})]}),(0,St.jsxs)(nt,{value:P,onValueChange:k,children:[(0,St.jsx)(Ue,{className:"w-full md:w-[140px]",children:(0,St.jsx)(st,{placeholder:"Status"})}),(0,St.jsxs)(Oe,{children:[(0,St.jsx)(we,{value:"all",children:"All Status"}),(0,St.jsx)(we,{value:"active",children:"Active"}),(0,St.jsx)(we,{value:"inactive",children:"Inactive"})]})]}),(u||G!=="all"||P!=="all")&&(0,St.jsxs)(R,{variant:"outline",onClick:Zt,className:"gap-2",children:[(0,St.jsx)(X.Filter,{className:"St-4 w-4"}),"Clear"]})]})})}),(0,St.jsxs)("div",{className:"space-y-4",children:[(0,St.jsx)(Et,{activeTab:I,onTabChange:F,tabOptions:[{value:"all",label:`All (${W.length})`},{value:"human",label:`Human (${S.length})`},{value:"digital",label:`Digital (${ve.length})`}],maxWidth:"400px",gridCols:3}),I==="all"&&(0,St.jsx)("div",{className:`grid gap-4 ${i?"grid-cols-1 md:grid-cols-2 lg:grid-cols-4":"grid-cols-1 md:grid-cols-2 lg:grid-cols-3"}`,children:W.map(l=>(0,St.jsx)(Ze,{colleague:l,onEdit:ae,onDelete:ot,onViewDetails:de,compact:i},`${l}-${l.id}`))}),I==="human"&&(0,St.jsx)("div",{className:`grid gap-4 ${i?"grid-cols-1 md:grid-cols-2 lg:grid-cols-4":"grid-cols-1 md:grid-cols-2 lg:grid-cols-3"}`,children:S.map(l=>(0,St.jsx)(Ze,{colleague:l,onEdit:ae,onDelete:ot,onViewDetails:de,compact:i},l.id))}),I==="digital"&&(0,St.jsx)("div",{className:`grid gap-4 ${i?"grid-cols-1 md:grid-cols-2 lg:grid-cols-4":"grid-cols-1 md:grid-cols-2 lg:grid-cols-3"}`,children:ve.map(l=>(0,St.jsx)(Ze,{colleague:l,onEdit:ae,onDelete:ot,onViewDetails:de,compact:i},l.id))})]}),W.length===0&&(0,St.jsx)(L,{children:(0,St.jsx)(E,{className:"pt-6",children:(0,St.jsxs)("div",{className:"text-center py-8",children:[(0,St.jsx)(X.Users,{className:"St-12 w-12 text-muted-foreground mx-auto mb-4"}),(0,St.jsx)("h3",{className:"text-lg font-semibold mb-2",children:"No colleagues found"}),(0,St.jsx)("p",{className:"text-muted-foreground mb-4",children:u||G!=="all"||P!=="all"?"Try adjusting your filters to see more results.":"Get started by adding your first colleague."}),(0,St.jsxs)(R,{onClick:U,className:"gap-2",children:[(0,St.jsx)(X.Plus,{className:"St-4 w-4"}),"Add Colleague"]})]})})})]})},"projects-index-view")})})}

package/dist/components/Foundary/Views/ColleaguesView.mjs

@@ -0,0 +1,2 @@
+"use client";
+"use strict";import{a}from"../../../chunk-ZKSZJI4F.mjs";import"../../../chunk-ATBKMJU6.mjs";import"../../../chunk-K5MJYNCD.mjs";import"../../../chunk-FSCDCSVK.mjs";import"../../../chunk-SGK4ZXKR.mjs";import"../../../chunk-6LEH6XKI.mjs";import"../../../chunk-Z22NSJMF.mjs";import"../../../chunk-FGEFYI5E.mjs";import"../../../chunk-YFAZQYK4.mjs";import"../../../chunk-B4H6T2GP.mjs";import"../../../chunk-TVZOULLL.mjs";import"../../../chunk-RLVKIMGU.mjs";import"../../../chunk-OCPX4QPC.mjs";import"../../../chunk-L5JPAKPM.mjs";import"../../../chunk-ZUA4KNIR.mjs";import"../../../chunk-SOLZ4VQH.mjs";import"../../../chunk-CSBGSBEU.mjs";import"../../../chunk-YO3GQYRJ.mjs";import"../../../chunk-MDJREBVI.mjs";import"../../../chunk-ZWHGOTSF.mjs";import"../../../chunk-Q3G5UAAD.mjs";import"../../../chunk-XGRRLABA.mjs";import"../../../chunk-FLHDNCNY.mjs";import"../../../chunk-YEKQJ4YC.mjs";export{a as default};

package/dist/components/Foundary/Views/KnowledgeView.css

@@ -0,0 +1 @@
+[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

package/dist/components/Foundary/Views/KnowledgeView.d.ts

@@ -0,0 +1,11 @@
+import type { KnowledgeDocument, KnowledgeContext } from '../types';
+interface KnowledgeViewProps {
+    documents?: KnowledgeDocument[];
+    contexts?: KnowledgeContext[];
+    onDocumentClick?: (document: KnowledgeDocument) => void;
+    onDocumentShare?: (document: KnowledgeDocument) => void;
+    onLoadDocumentContent?: (documentId: string) => Promise<string>;
+    selectedDocumentId?: string;
+}
+export default function KnowledgeView({ documents, contexts, onDocumentClick, onDocumentShare, onLoadDocumentContent, selectedDocumentId, }: KnowledgeViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Foundary/Views/KnowledgeView.docs.js

@@ -0,0 +1,308 @@
+var n=`import { Meta } from '@storybook/blocks'
+
+<Meta title="Digital Colleagues/Views/KnowledgeView/Documentation" />
+
+# KnowledgeView Component Documentation
+
+The **KnowledgeView** component is a comprehensive knowledge management interface that provides organized access to documentation and knowledge resources.
+
+## Overview
+
+This component serves as the primary interface for browsing, searching, and managing organizational knowledge. It supports multiple organizational contexts, document filtering, and various interaction patterns.
+
+## Key Features
+
+### \u{1F504} Context-based Navigation
+Switch between different organizational views:
+- **All Documentation**: Browse all documents by category and type
+- **Services**: Organize by service and team
+- **Architecture**: View by component and layer  
+- **Teams**: Group by team and project
+- **Security**: Filter security documentation
+
+### \u{1F4DA} Document Browser
+- **Hierarchical organization** with expandable categories
+- **Search functionality** across all document content
+- **Document metadata** display (author, date, tags)
+- **Quick preview** capabilities
+
+### \u{1F3AF} Interactive Features
+- **Document selection** with visual feedback
+- **Sharing capabilities** for collaboration
+- **Cross-context document selection** for comparison
+- **Preview panels** for quick content review
+
+### \u26A1 Performance Optimizations
+- **Lazy content loading** for large document sets
+- **Virtual scrolling** for massive lists
+- **Optimistic updates** for better UX
+- **Caching strategies** for repeated access
+
+## Architecture
+
+### Component Structure
+\`\`\`
+KnowledgeView
+\u251C\u2500\u2500 Context Selector (dropdown)
+\u251C\u2500\u2500 Search Bar
+\u251C\u2500\u2500 Document Tree
+\u2502   \u251C\u2500\u2500 Category Nodes
+\u2502   \u251C\u2500\u2500 Document Items
+\u2502   \u2514\u2500\u2500 Loading States
+\u2514\u2500\u2500 Action Buttons
+    \u251C\u2500\u2500 Share
+    \u251C\u2500\u2500 Preview
+    \u2514\u2500\u2500 Custom Actions
+\`\`\`
+
+### Props Interface
+\`\`\`typescript
+interface KnowledgeViewProps {
+  contexts: KnowledgeContext[]
+  selectedDocuments?: KnowledgeDocument[]
+  onDocumentSelect?: (documents: KnowledgeDocument[]) => void
+  onShare?: (documents: KnowledgeDocument[]) => void
+  onLoadDocumentContent?: (document: KnowledgeDocument) => Promise<string>
+  className?: string
+}
+\`\`\`
+
+### Context System
+The component uses a context-based organization system where each context represents a different way to organize and view the same underlying documents:
+
+\`\`\`typescript
+interface KnowledgeContext {
+  id: string
+  name: string
+  description: string
+  icon: React.ReactNode
+  categories: KnowledgeCategory[]
+}
+\`\`\`
+
+## Usage Patterns
+
+### Basic Usage
+\`\`\`tsx
+import { KnowledgeView } from '@/components/DigitalColleagues/Views'
+import { defaultContexts } from './KnowledgeView.stories'
+
+const MyComponent = () => {
+  return (
+    <KnowledgeView 
+      contexts={defaultContexts}
+      onDocumentSelect={(docs) => console.log('Selected:', docs)}
+    />
+  )
+}
+\`\`\`
+
+### With Custom Content Loading
+\`\`\`tsx
+const MyComponent = () => {
+  const handleLoadContent = async (document: KnowledgeDocument) => {
+    // Fetch content lazily for performance
+    const response = await fetch(\`/api/documents/\${document.id}/content\`)
+    return response.text()
+  }
+
+  return (
+    <KnowledgeView 
+      contexts={contexts}
+      onLoadDocumentContent={handleLoadContent}
+    />
+  )
+}
+\`\`\`
+
+### With Sharing Integration
+\`\`\`tsx
+const MyComponent = () => {
+  const handleShare = (documents: KnowledgeDocument[]) => {
+    const urls = documents.map(doc => doc.url).join('\\n')
+    navigator.clipboard.writeText(urls)
+    toast.success('Document links copied to clipboard!')
+  }
+
+  return (
+    <KnowledgeView 
+      contexts={contexts}
+      onShare={handleShare}
+    />
+  )
+}
+\`\`\`
+
+## Context Design Guidelines
+
+### Creating Effective Contexts
+1. **Purpose-driven**: Each context should serve a specific user need
+2. **Comprehensive**: Include all relevant documents for that context
+3. **Intuitive organization**: Use familiar categorization schemes
+4. **Balanced depth**: Avoid overly deep or flat hierarchies
+
+### Best Practices
+- **Limit context count**: 3-7 contexts work best for cognitive load
+- **Clear naming**: Use descriptive, action-oriented names
+- **Consistent structure**: Maintain similar organization patterns
+- **Regular review**: Update contexts as organizational needs evolve
+
+## Performance Considerations
+
+### Large Document Sets
+- Use \`onLoadDocumentContent\` for lazy loading
+- Implement virtual scrolling for 1000+ documents
+- Consider pagination for very large sets
+- Cache frequently accessed content
+
+### Memory Management
+- Unload content when switching contexts
+- Implement cleanup in useEffect hooks
+- Monitor memory usage in production
+- Use React.memo for expensive renders
+
+### Network Optimization
+- Batch API requests when possible
+- Implement request debouncing for search
+- Use service workers for offline support
+- Compress document metadata
+
+## Accessibility Features
+
+### Keyboard Navigation
+- **Tab**: Navigate through interactive elements
+- **Arrow keys**: Navigate tree structure
+- **Space/Enter**: Select/expand items
+- **Escape**: Close modals/dropdowns
+
+### Screen Reader Support
+- Semantic HTML structure
+- ARIA labels and descriptions
+- Focus management
+- Status announcements
+
+### Visual Accessibility
+- High contrast mode support
+- Respects \`prefers-reduced-motion\`
+- Scalable text and icons
+- Clear focus indicators
+
+## Testing Strategies
+
+### Unit Tests
+- Test document selection logic
+- Verify context switching
+- Mock API interactions
+- Test keyboard navigation
+
+### Integration Tests
+- Test with real data sets
+- Verify performance thresholds
+- Test error boundary behavior
+- Cross-browser compatibility
+
+### User Experience Tests
+- Usability testing with real users
+- Performance testing with large datasets
+- Accessibility audit compliance
+- Mobile responsiveness testing
+
+## Troubleshooting
+
+### Common Issues
+
+**Documents not loading**
+- Check context data structure
+- Verify document URLs are accessible
+- Check network connectivity
+- Review console for errors
+
+**Performance issues**
+- Implement lazy loading
+- Reduce initial data load
+- Check for memory leaks
+- Profile React components
+
+**Accessibility problems**
+- Run automated accessibility tests
+- Test with screen readers
+- Verify keyboard navigation
+- Check color contrast ratios
+
+### Debug Mode
+Enable debug logging by setting:
+\`\`\`typescript
+window.__KNOWLEDGE_VIEW_DEBUG__ = true
+\`\`\`
+
+This will log:
+- Context switching events
+- Document selection changes
+- API request timing
+- Performance metrics
+
+## API Integration
+
+### Expected Data Format
+\`\`\`typescript
+// Sample API response structure
+{
+  "contexts": [
+    {
+      "id": "all-docs",
+      "name": "All Documentation",
+      "categories": [
+        {
+          "id": "guides",
+          "name": "User Guides",
+          "documents": [
+            {
+              "id": "user-onboarding",
+              "title": "User Onboarding Guide",
+              "url": "/docs/onboarding",
+              "author": "John Doe",
+              "lastModified": "2025-01-15T10:30:00Z",
+              "tags": ["onboarding", "users"]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}
+\`\`\`
+
+### Error Handling
+The component handles various error states:
+- Network failures
+- Invalid data structures
+- Missing documents
+- Permission errors
+
+Implement proper error boundaries and user feedback for production use.
+
+## Future Enhancements
+
+### Planned Features
+- **Advanced search**: Full-text search with filters
+- **Document versioning**: Track and compare versions
+- **Collaborative features**: Comments and annotations
+- **Analytics integration**: Usage tracking and insights
+
+### Extension Points
+- **Custom renderers**: For different document types
+- **Plugin system**: For third-party integrations
+- **Theme customization**: Beyond basic styling
+- **Workflow integration**: Connect to approval processes
+
+---
+
+## Related Components
+
+- **DocumentPreview**: For detailed document viewing
+- **SearchInterface**: Advanced search capabilities  
+- **DocumentEditor**: For content creation/editing
+- **AnalyticsDashboard**: Usage insights and metrics
+
+For interactive examples and component variations, see the **Stories** tab.
+`;