clawcrib 0.1.0

package/dist/.next/static/chunks/d91ff7ede64e0c7f.js

@@ -0,0 +1,434 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,88143,(e,t,r)=>{"use strict";function i({widthInt:e,heightInt:t,blurWidth:r,blurHeight:i,blurDataURL:s,objectFit:n}){let a=r?40*r:e,o=i?40*i:t,l=a&&o?`viewBox='0 0 ${a} ${o}'`:"";return`%3Csvg xmlns='http://www.w3.org/2000/svg' ${l}%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='${l?"none":"contain"===n?"xMidYMid":"cover"===n?"xMidYMid slice":"none"}' style='filter: url(%23b);' href='${s}'/%3E%3C/svg%3E`}Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"getImageBlurSvg",{enumerable:!0,get:function(){return i}})},87690,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var i={VALID_LOADERS:function(){return n},imageConfigDefault:function(){return a}};for(var s in i)Object.defineProperty(r,s,{enumerable:!0,get:i[s]});let n=["default","imgix","cloudinary","akamai","custom"],a={deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],path:"/_next/image",loader:"default",loaderFile:"",domains:[],disableStaticImages:!1,minimumCacheTTL:14400,formats:["image/webp"],maximumRedirects:3,maximumResponseBody:5e7,dangerouslyAllowLocalIP:!1,dangerouslyAllowSVG:!1,contentSecurityPolicy:"script-src 'none'; frame-src 'none'; sandbox;",contentDispositionType:"attachment",localPatterns:void 0,remotePatterns:[],qualities:[75],unoptimized:!1}},8927,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"getImgProps",{enumerable:!0,get:function(){return d}}),e.r(33525);let i=e.r(43369),s=e.r(88143),n=e.r(87690),a=["-moz-initial","fill","none","scale-down",void 0];function o(e){return void 0!==e.default}function l(e){return void 0===e?e:"number"==typeof e?Number.isFinite(e)?e:NaN:"string"==typeof e&&/^[0-9]+$/.test(e)?parseInt(e,10):NaN}function d({src:e,sizes:t,unoptimized:r=!1,priority:d=!1,preload:c=!1,loading:u,className:f,quality:p,width:h,height:m,fill:b=!1,style:x,overrideSrc:g,onLoad:v,onLoadingComplete:w,placeholder:y="empty",blurDataURL:j,fetchPriority:S,decoding:_="async",layout:E,objectFit:A,objectPosition:C,lazyBoundary:N,lazyRoot:O,...z},k){var M;let P,T,L,{imgConf:R,showAltText:I,blurComplete:U,defaultLoader:D}=k,B=R||n.imageConfigDefault;if("allSizes"in B)P=B;else{let e=[...B.deviceSizes,...B.imageSizes].sort((e,t)=>e-t),t=B.deviceSizes.sort((e,t)=>e-t),r=B.qualities?.sort((e,t)=>e-t);P={...B,allSizes:e,deviceSizes:t,qualities:r}}if(void 0===D)throw Object.defineProperty(Error("images.loaderFile detected but the file is missing default export.\nRead more: https://nextjs.org/docs/messages/invalid-images-config"),"__NEXT_ERROR_CODE",{value:"E163",enumerable:!1,configurable:!0});let H=z.loader||D;delete z.loader,delete z.srcSet;let F="__next_img_default"in H;if(F){if("custom"===P.loader)throw Object.defineProperty(Error(`Image with src "${e}" is missing "loader" prop.
+Read more: https://nextjs.org/docs/messages/next-image-missing-loader`),"__NEXT_ERROR_CODE",{value:"E252",enumerable:!1,configurable:!0})}else{let e=H;H=t=>{let{config:r,...i}=t;return e(i)}}if(E){"fill"===E&&(b=!0);let e={intrinsic:{maxWidth:"100%",height:"auto"},responsive:{width:"100%",height:"auto"}}[E];e&&(x={...x,...e});let r={responsive:"100vw",fill:"100vw"}[E];r&&!t&&(t=r)}let W="",V=l(h),G=l(m);if((M=e)&&"object"==typeof M&&(o(M)||void 0!==M.src)){let t=o(e)?e.default:e;if(!t.src)throw Object.defineProperty(Error(`An object should only be passed to the image component src parameter if it comes from a static image import. It must include src. Received ${JSON.stringify(t)}`),"__NEXT_ERROR_CODE",{value:"E460",enumerable:!1,configurable:!0});if(!t.height||!t.width)throw Object.defineProperty(Error(`An object should only be passed to the image component src parameter if it comes from a static image import. It must include height and width. Received ${JSON.stringify(t)}`),"__NEXT_ERROR_CODE",{value:"E48",enumerable:!1,configurable:!0});if(T=t.blurWidth,L=t.blurHeight,j=j||t.blurDataURL,W=t.src,!b)if(V||G){if(V&&!G){let e=V/t.width;G=Math.round(t.height*e)}else if(!V&&G){let e=G/t.height;V=Math.round(t.width*e)}}else V=t.width,G=t.height}let $=!d&&!c&&("lazy"===u||void 0===u);(!(e="string"==typeof e?e:W)||e.startsWith("data:")||e.startsWith("blob:"))&&(r=!0,$=!1),P.unoptimized&&(r=!0),F&&!P.dangerouslyAllowSVG&&e.split("?",1)[0].endsWith(".svg")&&(r=!0);let q=l(p),X=Object.assign(b?{position:"absolute",height:"100%",width:"100%",left:0,top:0,right:0,bottom:0,objectFit:A,objectPosition:C}:{},I?{}:{color:"transparent"},x),J=U||"empty"===y?null:"blur"===y?`url("data:image/svg+xml;charset=utf-8,${(0,s.getImageBlurSvg)({widthInt:V,heightInt:G,blurWidth:T,blurHeight:L,blurDataURL:j||"",objectFit:X.objectFit})}")`:`url("${y}")`,Y=a.includes(X.objectFit)?"fill"===X.objectFit?"100% 100%":"cover":X.objectFit,K=J?{backgroundSize:Y,backgroundPosition:X.objectPosition||"50% 50%",backgroundRepeat:"no-repeat",backgroundImage:J}:{},Q=function({config:e,src:t,unoptimized:r,width:s,quality:n,sizes:a,loader:o}){if(r){let e=(0,i.getDeploymentId)();if(t.startsWith("/")&&!t.startsWith("//")&&e){let r=t.includes("?")?"&":"?";t=`${t}${r}dpl=${e}`}return{src:t,srcSet:void 0,sizes:void 0}}let{widths:l,kind:d}=function({deviceSizes:e,allSizes:t},r,i){if(i){let r=/(^|\s)(1?\d?\d)vw/g,s=[];for(let e;e=r.exec(i);)s.push(parseInt(e[2]));if(s.length){let r=.01*Math.min(...s);return{widths:t.filter(t=>t>=e[0]*r),kind:"w"}}return{widths:t,kind:"w"}}return"number"!=typeof r?{widths:e,kind:"w"}:{widths:[...new Set([r,2*r].map(e=>t.find(t=>t>=e)||t[t.length-1]))],kind:"x"}}(e,s,a),c=l.length-1;return{sizes:a||"w"!==d?a:"100vw",srcSet:l.map((r,i)=>`${o({config:e,src:t,quality:n,width:r})} ${"w"===d?r:i+1}${d}`).join(", "),src:o({config:e,src:t,quality:n,width:l[c]})}}({config:P,src:e,unoptimized:r,width:V,quality:q,sizes:t,loader:H}),Z=$?"lazy":u;return{props:{...z,loading:Z,fetchPriority:S,width:V,height:G,decoding:_,className:f,style:{...X,...K},sizes:Q.sizes,srcSet:Q.srcSet,src:g||Q.src},meta:{unoptimized:r,preload:c||d,placeholder:y,fill:b}}}},98879,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"default",{enumerable:!0,get:function(){return o}});let i=e.r(71645),s="u"<typeof window,n=s?()=>{}:i.useLayoutEffect,a=s?()=>{}:i.useEffect;function o(e){let{headManager:t,reduceComponentsToState:r}=e;function o(){if(t&&t.mountedInstances){let e=i.Children.toArray(Array.from(t.mountedInstances).filter(Boolean));t.updateHead(r(e))}}return s&&(t?.mountedInstances?.add(e.children),o()),n(()=>(t?.mountedInstances?.add(e.children),()=>{t?.mountedInstances?.delete(e.children)})),n(()=>(t&&(t._pendingUpdate=o),()=>{t&&(t._pendingUpdate=o)})),a(()=>(t&&t._pendingUpdate&&(t._pendingUpdate(),t._pendingUpdate=null),()=>{t&&t._pendingUpdate&&(t._pendingUpdate(),t._pendingUpdate=null)})),null}},25633,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var i={default:function(){return m},defaultHead:function(){return u}};for(var s in i)Object.defineProperty(r,s,{enumerable:!0,get:i[s]});let n=e.r(55682),a=e.r(90809),o=e.r(18050),l=a._(e.r(71645)),d=n._(e.r(98879)),c=e.r(42732);function u(){return[(0,o.jsx)("meta",{charSet:"utf-8"},"charset"),(0,o.jsx)("meta",{name:"viewport",content:"width=device-width"},"viewport")]}function f(e,t){return"string"==typeof t||"number"==typeof t?e:t.type===l.default.Fragment?e.concat(l.default.Children.toArray(t.props.children).reduce((e,t)=>"string"==typeof t||"number"==typeof t?e:e.concat(t),[])):e.concat(t)}e.r(33525);let p=["name","httpEquiv","charSet","itemProp"];function h(e){let t,r,i,s;return e.reduce(f,[]).reverse().concat(u().reverse()).filter((t=new Set,r=new Set,i=new Set,s={},e=>{let n=!0,a=!1;if(e.key&&"number"!=typeof e.key&&e.key.indexOf("$")>0){a=!0;let r=e.key.slice(e.key.indexOf("$")+1);t.has(r)?n=!1:t.add(r)}switch(e.type){case"title":case"base":r.has(e.type)?n=!1:r.add(e.type);break;case"meta":for(let t=0,r=p.length;t<r;t++){let r=p[t];if(e.props.hasOwnProperty(r))if("charSet"===r)i.has(r)?n=!1:i.add(r);else{let t=e.props[r],i=s[r]||new Set;("name"!==r||!a)&&i.has(t)?n=!1:(i.add(t),s[r]=i)}}}return n})).reverse().map((e,t)=>{let r=e.key||t;return l.default.cloneElement(e,{key:r})})}let m=function({children:e}){let t=(0,l.useContext)(c.HeadManagerContext);return(0,o.jsx)(d.default,{reduceComponentsToState:h,headManager:t,children:e})};("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},18556,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"ImageConfigContext",{enumerable:!0,get:function(){return n}});let i=e.r(55682)._(e.r(71645)),s=e.r(87690),n=i.default.createContext(s.imageConfigDefault)},65856,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"RouterContext",{enumerable:!0,get:function(){return i}});let i=e.r(55682)._(e.r(71645)).default.createContext(null)},70965,(e,t,r)=>{"use strict";function i(e,t){let r=e||75;return t?.qualities?.length?t.qualities.reduce((e,t)=>Math.abs(t-r)<Math.abs(e-r)?t:e,0):r}Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"findClosestQuality",{enumerable:!0,get:function(){return i}})},1948,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"default",{enumerable:!0,get:function(){return a}});let i=e.r(70965),s=e.r(43369);function n({config:e,src:t,width:r,quality:n}){if(t.startsWith("/")&&t.includes("?")&&e.localPatterns?.length===1&&"**"===e.localPatterns[0].pathname&&""===e.localPatterns[0].search)throw Object.defineProperty(Error(`Image with src "${t}" is using a query string which is not configured in images.localPatterns.
+Read more: https://nextjs.org/docs/messages/next-image-unconfigured-localpatterns`),"__NEXT_ERROR_CODE",{value:"E871",enumerable:!1,configurable:!0});let a=(0,i.findClosestQuality)(n,e),o=(0,s.getDeploymentId)();return`${e.path}?url=${encodeURIComponent(t)}&w=${r}&q=${a}${t.startsWith("/")&&o?`&dpl=${o}`:""}`}n.__next_img_default=!0;let a=n},85437,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"Image",{enumerable:!0,get:function(){return w}});let i=e.r(55682),s=e.r(90809),n=e.r(18050),a=s._(e.r(71645)),o=i._(e.r(74080)),l=i._(e.r(25633)),d=e.r(8927),c=e.r(87690),u=e.r(18556);e.r(33525);let f=e.r(65856),p=i._(e.r(1948)),h=e.r(18581),m={deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],qualities:[75],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1};function b(e,t,r,i,s,n,a){let o=e?.src;e&&e["data-loaded-src"]!==o&&(e["data-loaded-src"]=o,("decode"in e?e.decode():Promise.resolve()).catch(()=>{}).then(()=>{if(e.parentElement&&e.isConnected){if("empty"!==t&&s(!0),r?.current){let t=new Event("load");Object.defineProperty(t,"target",{writable:!1,value:e});let i=!1,s=!1;r.current({...t,nativeEvent:t,currentTarget:e,target:e,isDefaultPrevented:()=>i,isPropagationStopped:()=>s,persist:()=>{},preventDefault:()=>{i=!0,t.preventDefault()},stopPropagation:()=>{s=!0,t.stopPropagation()}})}i?.current&&i.current(e)}}))}function x(e){return a.use?{fetchPriority:e}:{fetchpriority:e}}"u"<typeof window&&(globalThis.__NEXT_IMAGE_IMPORTED=!0);let g=(0,a.forwardRef)(({src:e,srcSet:t,sizes:r,height:i,width:s,decoding:o,className:l,style:d,fetchPriority:c,placeholder:u,loading:f,unoptimized:p,fill:m,onLoadRef:g,onLoadingCompleteRef:v,setBlurComplete:w,setShowAltText:y,sizesInput:j,onLoad:S,onError:_,...E},A)=>{let C=(0,a.useCallback)(e=>{e&&(_&&(e.src=e.src),e.complete&&b(e,u,g,v,w,p,j))},[e,u,g,v,w,_,p,j]),N=(0,h.useMergedRef)(A,C);return(0,n.jsx)("img",{...E,...x(c),loading:f,width:s,height:i,decoding:o,"data-nimg":m?"fill":"1",className:l,style:d,sizes:r,srcSet:t,src:e,ref:N,onLoad:e=>{b(e.currentTarget,u,g,v,w,p,j)},onError:e=>{y(!0),"empty"!==u&&w(!0),_&&_(e)}})});function v({isAppRouter:e,imgAttributes:t}){let r={as:"image",imageSrcSet:t.srcSet,imageSizes:t.sizes,crossOrigin:t.crossOrigin,referrerPolicy:t.referrerPolicy,...x(t.fetchPriority)};return e&&o.default.preload?(o.default.preload(t.src,r),null):(0,n.jsx)(l.default,{children:(0,n.jsx)("link",{rel:"preload",href:t.srcSet?void 0:t.src,...r},"__nimg-"+t.src+t.srcSet+t.sizes)})}let w=(0,a.forwardRef)((e,t)=>{let r=(0,a.useContext)(f.RouterContext),i=(0,a.useContext)(u.ImageConfigContext),s=(0,a.useMemo)(()=>{let e=m||i||c.imageConfigDefault,t=[...e.deviceSizes,...e.imageSizes].sort((e,t)=>e-t),r=e.deviceSizes.sort((e,t)=>e-t),s=e.qualities?.sort((e,t)=>e-t);return{...e,allSizes:t,deviceSizes:r,qualities:s,localPatterns:"u"<typeof window?i?.localPatterns:e.localPatterns}},[i]),{onLoad:o,onLoadingComplete:l}=e,h=(0,a.useRef)(o);(0,a.useEffect)(()=>{h.current=o},[o]);let b=(0,a.useRef)(l);(0,a.useEffect)(()=>{b.current=l},[l]);let[x,w]=(0,a.useState)(!1),[y,j]=(0,a.useState)(!1),{props:S,meta:_}=(0,d.getImgProps)(e,{defaultLoader:p.default,imgConf:s,blurComplete:x,showAltText:y});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(g,{...S,unoptimized:_.unoptimized,placeholder:_.placeholder,fill:_.fill,onLoadRef:h,onLoadingCompleteRef:b,setBlurComplete:w,setShowAltText:j,sizesInput:e.sizes,ref:t}),_.preload?(0,n.jsx)(v,{isAppRouter:!r,imgAttributes:S}):null]})});("function"==typeof r.default||"object"==typeof r.default&&null!==r.default)&&void 0===r.default.__esModule&&(Object.defineProperty(r.default,"__esModule",{value:!0}),Object.assign(r.default,r),t.exports=r.default)},94909,(e,t,r)=>{"use strict";Object.defineProperty(r,"__esModule",{value:!0});var i={default:function(){return c},getImageProps:function(){return d}};for(var s in i)Object.defineProperty(r,s,{enumerable:!0,get:i[s]});let n=e.r(55682),a=e.r(8927),o=e.r(85437),l=n._(e.r(1948));function d(e){let{props:t}=(0,a.getImgProps)(e,{defaultLoader:l.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],qualities:[75],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,r]of Object.entries(t))void 0===r&&delete t[e];return{props:t}}let c=o.Image},57688,(e,t,r)=>{t.exports=e.r(94909)},68864,e=>{"use strict";let t,r;var i=e.i(18050),s=e.i(71645),n=e.i(75056),a=e.i(71753),o=e.i(15080),l=e.i(30297),d=e.i(60099),c=e.i(31067),u=e.i(90072),f=u,p=u;let h=new p.Box3,m=new p.Vector3;class b extends p.InstancedBufferGeometry{constructor(){super(),this.isLineSegmentsGeometry=!0,this.type="LineSegmentsGeometry",this.setIndex([0,2,1,2,3,1,2,4,3,4,5,3,4,6,5,6,7,5]),this.setAttribute("position",new p.Float32BufferAttribute([-1,2,0,1,2,0,-1,1,0,1,1,0,-1,0,0,1,0,0,-1,-1,0,1,-1,0],3)),this.setAttribute("uv",new p.Float32BufferAttribute([-1,2,1,2,-1,1,1,1,-1,-1,1,-1,-1,-2,1,-2],2))}applyMatrix4(e){let t=this.attributes.instanceStart,r=this.attributes.instanceEnd;return void 0!==t&&(t.applyMatrix4(e),r.applyMatrix4(e),t.needsUpdate=!0),null!==this.boundingBox&&this.computeBoundingBox(),null!==this.boundingSphere&&this.computeBoundingSphere(),this}setPositions(e){let t;e instanceof Float32Array?t=e:Array.isArray(e)&&(t=new Float32Array(e));let r=new p.InstancedInterleavedBuffer(t,6,1);return this.setAttribute("instanceStart",new p.InterleavedBufferAttribute(r,3,0)),this.setAttribute("instanceEnd",new p.InterleavedBufferAttribute(r,3,3)),this.computeBoundingBox(),this.computeBoundingSphere(),this}setColors(e,t=3){let r;e instanceof Float32Array?r=e:Array.isArray(e)&&(r=new Float32Array(e));let i=new p.InstancedInterleavedBuffer(r,2*t,1);return this.setAttribute("instanceColorStart",new p.InterleavedBufferAttribute(i,t,0)),this.setAttribute("instanceColorEnd",new p.InterleavedBufferAttribute(i,t,t)),this}fromWireframeGeometry(e){return this.setPositions(e.attributes.position.array),this}fromEdgesGeometry(e){return this.setPositions(e.attributes.position.array),this}fromMesh(e){return this.fromWireframeGeometry(new p.WireframeGeometry(e.geometry)),this}fromLineSegments(e){let t=e.geometry;return this.setPositions(t.attributes.position.array),this}computeBoundingBox(){null===this.boundingBox&&(this.boundingBox=new p.Box3);let e=this.attributes.instanceStart,t=this.attributes.instanceEnd;void 0!==e&&void 0!==t&&(this.boundingBox.setFromBufferAttribute(e),h.setFromBufferAttribute(t),this.boundingBox.union(h))}computeBoundingSphere(){null===this.boundingSphere&&(this.boundingSphere=new p.Sphere),null===this.boundingBox&&this.computeBoundingBox();let e=this.attributes.instanceStart,t=this.attributes.instanceEnd;if(void 0!==e&&void 0!==t){let r=this.boundingSphere.center;this.boundingBox.getCenter(r);let i=0;for(let s=0,n=e.count;s<n;s++)m.fromBufferAttribute(e,s),i=Math.max(i,r.distanceToSquared(m)),m.fromBufferAttribute(t,s),i=Math.max(i,r.distanceToSquared(m));this.boundingSphere.radius=Math.sqrt(i),isNaN(this.boundingSphere.radius)&&console.error("THREE.LineSegmentsGeometry.computeBoundingSphere(): Computed radius is NaN. The instanced position data is likely to have NaN values.",this)}}toJSON(){}applyMatrix(e){return console.warn("THREE.LineSegmentsGeometry: applyMatrix() has been renamed to applyMatrix4()."),this.applyMatrix4(e)}}var x=u,g=e.i(8560),v=e.i(31497);class w extends x.ShaderMaterial{constructor(e){super({type:"LineMaterial",uniforms:x.UniformsUtils.clone(x.UniformsUtils.merge([g.UniformsLib.common,g.UniformsLib.fog,{worldUnits:{value:1},linewidth:{value:1},resolution:{value:new x.Vector2(1,1)},dashOffset:{value:0},dashScale:{value:1},dashSize:{value:1},gapSize:{value:1}}])),vertexShader:`
+				#include <common>
+				#include <fog_pars_vertex>
+				#include <logdepthbuf_pars_vertex>
+				#include <clipping_planes_pars_vertex>
+
+				uniform float linewidth;
+				uniform vec2 resolution;
+
+				attribute vec3 instanceStart;
+				attribute vec3 instanceEnd;
+
+				#ifdef USE_COLOR
+					#ifdef USE_LINE_COLOR_ALPHA
+						varying vec4 vLineColor;
+						attribute vec4 instanceColorStart;
+						attribute vec4 instanceColorEnd;
+					#else
+						varying vec3 vLineColor;
+						attribute vec3 instanceColorStart;
+						attribute vec3 instanceColorEnd;
+					#endif
+				#endif
+
+				#ifdef WORLD_UNITS
+
+					varying vec4 worldPos;
+					varying vec3 worldStart;
+					varying vec3 worldEnd;
+
+					#ifdef USE_DASH
+
+						varying vec2 vUv;
+
+					#endif
+
+				#else
+
+					varying vec2 vUv;
+
+				#endif
+
+				#ifdef USE_DASH
+
+					uniform float dashScale;
+					attribute float instanceDistanceStart;
+					attribute float instanceDistanceEnd;
+					varying float vLineDistance;
+
+				#endif
+
+				void trimSegment( const in vec4 start, inout vec4 end ) {
+
+					// trim end segment so it terminates between the camera plane and the near plane
+
+					// conservative estimate of the near plane
+					float a = projectionMatrix[ 2 ][ 2 ]; // 3nd entry in 3th column
+					float b = projectionMatrix[ 3 ][ 2 ]; // 3nd entry in 4th column
+					float nearEstimate = - 0.5 * b / a;
+
+					float alpha = ( nearEstimate - start.z ) / ( end.z - start.z );
+
+					end.xyz = mix( start.xyz, end.xyz, alpha );
+
+				}
+
+				void main() {
+
+					#ifdef USE_COLOR
+
+						vLineColor = ( position.y < 0.5 ) ? instanceColorStart : instanceColorEnd;
+
+					#endif
+
+					#ifdef USE_DASH
+
+						vLineDistance = ( position.y < 0.5 ) ? dashScale * instanceDistanceStart : dashScale * instanceDistanceEnd;
+						vUv = uv;
+
+					#endif
+
+					float aspect = resolution.x / resolution.y;
+
+					// camera space
+					vec4 start = modelViewMatrix * vec4( instanceStart, 1.0 );
+					vec4 end = modelViewMatrix * vec4( instanceEnd, 1.0 );
+
+					#ifdef WORLD_UNITS
+
+						worldStart = start.xyz;
+						worldEnd = end.xyz;
+
+					#else
+
+						vUv = uv;
+
+					#endif
+
+					// special case for perspective projection, and segments that terminate either in, or behind, the camera plane
+					// clearly the gpu firmware has a way of addressing this issue when projecting into ndc space
+					// but we need to perform ndc-space calculations in the shader, so we must address this issue directly
+					// perhaps there is a more elegant solution -- WestLangley
+
+					bool perspective = ( projectionMatrix[ 2 ][ 3 ] == - 1.0 ); // 4th entry in the 3rd column
+
+					if ( perspective ) {
+
+						if ( start.z < 0.0 && end.z >= 0.0 ) {
+
+							trimSegment( start, end );
+
+						} else if ( end.z < 0.0 && start.z >= 0.0 ) {
+
+							trimSegment( end, start );
+
+						}
+
+					}
+
+					// clip space
+					vec4 clipStart = projectionMatrix * start;
+					vec4 clipEnd = projectionMatrix * end;
+
+					// ndc space
+					vec3 ndcStart = clipStart.xyz / clipStart.w;
+					vec3 ndcEnd = clipEnd.xyz / clipEnd.w;
+
+					// direction
+					vec2 dir = ndcEnd.xy - ndcStart.xy;
+
+					// account for clip-space aspect ratio
+					dir.x *= aspect;
+					dir = normalize( dir );
+
+					#ifdef WORLD_UNITS
+
+						// get the offset direction as perpendicular to the view vector
+						vec3 worldDir = normalize( end.xyz - start.xyz );
+						vec3 offset;
+						if ( position.y < 0.5 ) {
+
+							offset = normalize( cross( start.xyz, worldDir ) );
+
+						} else {
+
+							offset = normalize( cross( end.xyz, worldDir ) );
+
+						}
+
+						// sign flip
+						if ( position.x < 0.0 ) offset *= - 1.0;
+
+						float forwardOffset = dot( worldDir, vec3( 0.0, 0.0, 1.0 ) );
+
+						// don't extend the line if we're rendering dashes because we
+						// won't be rendering the endcaps
+						#ifndef USE_DASH
+
+							// extend the line bounds to encompass  endcaps
+							start.xyz += - worldDir * linewidth * 0.5;
+							end.xyz += worldDir * linewidth * 0.5;
+
+							// shift the position of the quad so it hugs the forward edge of the line
+							offset.xy -= dir * forwardOffset;
+							offset.z += 0.5;
+
+						#endif
+
+						// endcaps
+						if ( position.y > 1.0 || position.y < 0.0 ) {
+
+							offset.xy += dir * 2.0 * forwardOffset;
+
+						}
+
+						// adjust for linewidth
+						offset *= linewidth * 0.5;
+
+						// set the world position
+						worldPos = ( position.y < 0.5 ) ? start : end;
+						worldPos.xyz += offset;
+
+						// project the worldpos
+						vec4 clip = projectionMatrix * worldPos;
+
+						// shift the depth of the projected points so the line
+						// segments overlap neatly
+						vec3 clipPose = ( position.y < 0.5 ) ? ndcStart : ndcEnd;
+						clip.z = clipPose.z * clip.w;
+
+					#else
+
+						vec2 offset = vec2( dir.y, - dir.x );
+						// undo aspect ratio adjustment
+						dir.x /= aspect;
+						offset.x /= aspect;
+
+						// sign flip
+						if ( position.x < 0.0 ) offset *= - 1.0;
+
+						// endcaps
+						if ( position.y < 0.0 ) {
+
+							offset += - dir;
+
+						} else if ( position.y > 1.0 ) {
+
+							offset += dir;
+
+						}
+
+						// adjust for linewidth
+						offset *= linewidth;
+
+						// adjust for clip-space to screen-space conversion // maybe resolution should be based on viewport ...
+						offset /= resolution.y;
+
+						// select end
+						vec4 clip = ( position.y < 0.5 ) ? clipStart : clipEnd;
+
+						// back to clip space
+						offset *= clip.w;
+
+						clip.xy += offset;
+
+					#endif
+
+					gl_Position = clip;
+
+					vec4 mvPosition = ( position.y < 0.5 ) ? start : end; // this is an approximation
+
+					#include <logdepthbuf_vertex>
+					#include <clipping_planes_vertex>
+					#include <fog_vertex>
+
+				}
+			`,fragmentShader:`
+				uniform vec3 diffuse;
+				uniform float opacity;
+				uniform float linewidth;
+
+				#ifdef USE_DASH
+
+					uniform float dashOffset;
+					uniform float dashSize;
+					uniform float gapSize;
+
+				#endif
+
+				varying float vLineDistance;
+
+				#ifdef WORLD_UNITS
+
+					varying vec4 worldPos;
+					varying vec3 worldStart;
+					varying vec3 worldEnd;
+
+					#ifdef USE_DASH
+
+						varying vec2 vUv;
+
+					#endif
+
+				#else
+
+					varying vec2 vUv;
+
+				#endif
+
+				#include <common>
+				#include <fog_pars_fragment>
+				#include <logdepthbuf_pars_fragment>
+				#include <clipping_planes_pars_fragment>
+
+				#ifdef USE_COLOR
+					#ifdef USE_LINE_COLOR_ALPHA
+						varying vec4 vLineColor;
+					#else
+						varying vec3 vLineColor;
+					#endif
+				#endif
+
+				vec2 closestLineToLine(vec3 p1, vec3 p2, vec3 p3, vec3 p4) {
+
+					float mua;
+					float mub;
+
+					vec3 p13 = p1 - p3;
+					vec3 p43 = p4 - p3;
+
+					vec3 p21 = p2 - p1;
+
+					float d1343 = dot( p13, p43 );
+					float d4321 = dot( p43, p21 );
+					float d1321 = dot( p13, p21 );
+					float d4343 = dot( p43, p43 );
+					float d2121 = dot( p21, p21 );
+
+					float denom = d2121 * d4343 - d4321 * d4321;
+
+					float numer = d1343 * d4321 - d1321 * d4343;
+
+					mua = numer / denom;
+					mua = clamp( mua, 0.0, 1.0 );
+					mub = ( d1343 + d4321 * ( mua ) ) / d4343;
+					mub = clamp( mub, 0.0, 1.0 );
+
+					return vec2( mua, mub );
+
+				}
+
+				void main() {
+
+					#include <clipping_planes_fragment>
+
+					#ifdef USE_DASH
+
+						if ( vUv.y < - 1.0 || vUv.y > 1.0 ) discard; // discard endcaps
+
+						if ( mod( vLineDistance + dashOffset, dashSize + gapSize ) > dashSize ) discard; // todo - FIX
+
+					#endif
+
+					float alpha = opacity;
+
+					#ifdef WORLD_UNITS
+
+						// Find the closest points on the view ray and the line segment
+						vec3 rayEnd = normalize( worldPos.xyz ) * 1e5;
+						vec3 lineDir = worldEnd - worldStart;
+						vec2 params = closestLineToLine( worldStart, worldEnd, vec3( 0.0, 0.0, 0.0 ), rayEnd );
+
+						vec3 p1 = worldStart + lineDir * params.x;
+						vec3 p2 = rayEnd * params.y;
+						vec3 delta = p1 - p2;
+						float len = length( delta );
+						float norm = len / linewidth;
+
+						#ifndef USE_DASH
+
+							#ifdef USE_ALPHA_TO_COVERAGE
+
+								float dnorm = fwidth( norm );
+								alpha = 1.0 - smoothstep( 0.5 - dnorm, 0.5 + dnorm, norm );
+
+							#else
+
+								if ( norm > 0.5 ) {
+
+									discard;
+
+								}
+
+							#endif
+
+						#endif
+
+					#else
+
+						#ifdef USE_ALPHA_TO_COVERAGE
+
+							// artifacts appear on some hardware if a derivative is taken within a conditional
+							float a = vUv.x;
+							float b = ( vUv.y > 0.0 ) ? vUv.y - 1.0 : vUv.y + 1.0;
+							float len2 = a * a + b * b;
+							float dlen = fwidth( len2 );
+
+							if ( abs( vUv.y ) > 1.0 ) {
+
+								alpha = 1.0 - smoothstep( 1.0 - dlen, 1.0 + dlen, len2 );
+
+							}
+
+						#else
+
+							if ( abs( vUv.y ) > 1.0 ) {
+
+								float a = vUv.x;
+								float b = ( vUv.y > 0.0 ) ? vUv.y - 1.0 : vUv.y + 1.0;
+								float len2 = a * a + b * b;
+
+								if ( len2 > 1.0 ) discard;
+
+							}
+
+						#endif
+
+					#endif
+
+					vec4 diffuseColor = vec4( diffuse, alpha );
+					#ifdef USE_COLOR
+						#ifdef USE_LINE_COLOR_ALPHA
+							diffuseColor *= vLineColor;
+						#else
+							diffuseColor.rgb *= vLineColor;
+						#endif
+					#endif
+
+					#include <logdepthbuf_fragment>
+
+					gl_FragColor = diffuseColor;
+
+					#include <tonemapping_fragment>
+					#include <${v.version>=154?"colorspace_fragment":"encodings_fragment"}>
+					#include <fog_fragment>
+					#include <premultiplied_alpha_fragment>
+
+				}
+			`,clipping:!0}),this.isLineMaterial=!0,this.onBeforeCompile=function(){this.transparent?this.defines.USE_LINE_COLOR_ALPHA="1":delete this.defines.USE_LINE_COLOR_ALPHA},Object.defineProperties(this,{color:{enumerable:!0,get:function(){return this.uniforms.diffuse.value},set:function(e){this.uniforms.diffuse.value=e}},worldUnits:{enumerable:!0,get:function(){return"WORLD_UNITS"in this.defines},set:function(e){!0===e?this.defines.WORLD_UNITS="":delete this.defines.WORLD_UNITS}},linewidth:{enumerable:!0,get:function(){return this.uniforms.linewidth.value},set:function(e){this.uniforms.linewidth.value=e}},dashed:{enumerable:!0,get:function(){return"USE_DASH"in this.defines},set(e){!!e!="USE_DASH"in this.defines&&(this.needsUpdate=!0),!0===e?this.defines.USE_DASH="":delete this.defines.USE_DASH}},dashScale:{enumerable:!0,get:function(){return this.uniforms.dashScale.value},set:function(e){this.uniforms.dashScale.value=e}},dashSize:{enumerable:!0,get:function(){return this.uniforms.dashSize.value},set:function(e){this.uniforms.dashSize.value=e}},dashOffset:{enumerable:!0,get:function(){return this.uniforms.dashOffset.value},set:function(e){this.uniforms.dashOffset.value=e}},gapSize:{enumerable:!0,get:function(){return this.uniforms.gapSize.value},set:function(e){this.uniforms.gapSize.value=e}},opacity:{enumerable:!0,get:function(){return this.uniforms.opacity.value},set:function(e){this.uniforms.opacity.value=e}},resolution:{enumerable:!0,get:function(){return this.uniforms.resolution.value},set:function(e){this.uniforms.resolution.value.copy(e)}},alphaToCoverage:{enumerable:!0,get:function(){return"USE_ALPHA_TO_COVERAGE"in this.defines},set:function(e){!!e!="USE_ALPHA_TO_COVERAGE"in this.defines&&(this.needsUpdate=!0),!0===e?(this.defines.USE_ALPHA_TO_COVERAGE="",this.extensions.derivatives=!0):(delete this.defines.USE_ALPHA_TO_COVERAGE,this.extensions.derivatives=!1)}}}),this.setValues(e)}}let y=v.version>=125?"uv1":"uv2",j=new f.Vector4,S=new f.Vector3,_=new f.Vector3,E=new f.Vector4,A=new f.Vector4,C=new f.Vector4,N=new f.Vector3,O=new f.Matrix4,z=new f.Line3,k=new f.Vector3,M=new f.Box3,P=new f.Sphere,T=new f.Vector4;function L(e,t,i){return T.set(0,0,-t,1).applyMatrix4(e.projectionMatrix),T.multiplyScalar(1/T.w),T.x=r/i.width,T.y=r/i.height,T.applyMatrix4(e.projectionMatrixInverse),T.multiplyScalar(1/T.w),Math.abs(Math.max(T.x,T.y))}class R extends f.Mesh{constructor(e=new b,t=new w({color:0xffffff*Math.random()})){super(e,t),this.isLineSegments2=!0,this.type="LineSegments2"}computeLineDistances(){let e=this.geometry,t=e.attributes.instanceStart,r=e.attributes.instanceEnd,i=new Float32Array(2*t.count);for(let e=0,s=0,n=t.count;e<n;e++,s+=2)S.fromBufferAttribute(t,e),_.fromBufferAttribute(r,e),i[s]=0===s?0:i[s-1],i[s+1]=i[s]+S.distanceTo(_);let s=new f.InstancedInterleavedBuffer(i,2,1);return e.setAttribute("instanceDistanceStart",new f.InterleavedBufferAttribute(s,1,0)),e.setAttribute("instanceDistanceEnd",new f.InterleavedBufferAttribute(s,1,1)),this}raycast(e,i){let s,n,a=this.material.worldUnits,o=e.camera;null!==o||a||console.error('LineSegments2: "Raycaster.camera" needs to be set in order to raycast against LineSegments2 while worldUnits is set to false.');let l=void 0!==e.params.Line2&&e.params.Line2.threshold||0;t=e.ray;let d=this.matrixWorld,c=this.geometry,u=this.material;if(r=u.linewidth+l,null===c.boundingSphere&&c.computeBoundingSphere(),P.copy(c.boundingSphere).applyMatrix4(d),a)s=.5*r;else{let e=Math.max(o.near,P.distanceToPoint(t.origin));s=L(o,e,u.resolution)}if(P.radius+=s,!1!==t.intersectsSphere(P)){if(null===c.boundingBox&&c.computeBoundingBox(),M.copy(c.boundingBox).applyMatrix4(d),a)n=.5*r;else{let e=Math.max(o.near,M.distanceToPoint(t.origin));n=L(o,e,u.resolution)}M.expandByScalar(n),!1!==t.intersectsBox(M)&&(a?function(e,i){let s=e.matrixWorld,n=e.geometry,a=n.attributes.instanceStart,o=n.attributes.instanceEnd,l=Math.min(n.instanceCount,a.count);for(let n=0;n<l;n++){z.start.fromBufferAttribute(a,n),z.end.fromBufferAttribute(o,n),z.applyMatrix4(s);let l=new f.Vector3,d=new f.Vector3;t.distanceSqToSegment(z.start,z.end,d,l),d.distanceTo(l)<.5*r&&i.push({point:d,pointOnLine:l,distance:t.origin.distanceTo(d),object:e,face:null,faceIndex:n,uv:null,[y]:null})}}(this,i):function(e,i,s){let n=i.projectionMatrix,a=e.material.resolution,o=e.matrixWorld,l=e.geometry,d=l.attributes.instanceStart,c=l.attributes.instanceEnd,u=Math.min(l.instanceCount,d.count),p=-i.near;t.at(1,C),C.w=1,C.applyMatrix4(i.matrixWorldInverse),C.applyMatrix4(n),C.multiplyScalar(1/C.w),C.x*=a.x/2,C.y*=a.y/2,C.z=0,N.copy(C),O.multiplyMatrices(i.matrixWorldInverse,o);for(let i=0;i<u;i++){if(E.fromBufferAttribute(d,i),A.fromBufferAttribute(c,i),E.w=1,A.w=1,E.applyMatrix4(O),A.applyMatrix4(O),E.z>p&&A.z>p)continue;if(E.z>p){let e=E.z-A.z,t=(E.z-p)/e;E.lerp(A,t)}else if(A.z>p){let e=A.z-E.z,t=(A.z-p)/e;A.lerp(E,t)}E.applyMatrix4(n),A.applyMatrix4(n),E.multiplyScalar(1/E.w),A.multiplyScalar(1/A.w),E.x*=a.x/2,E.y*=a.y/2,A.x*=a.x/2,A.y*=a.y/2,z.start.copy(E),z.start.z=0,z.end.copy(A),z.end.z=0;let l=z.closestPointToPointParameter(N,!0);z.at(l,k);let u=f.MathUtils.lerp(E.z,A.z,l),h=u>=-1&&u<=1,m=N.distanceTo(k)<.5*r;if(h&&m){z.start.fromBufferAttribute(d,i),z.end.fromBufferAttribute(c,i),z.start.applyMatrix4(o),z.end.applyMatrix4(o);let r=new f.Vector3,n=new f.Vector3;t.distanceSqToSegment(z.start,z.end,n,r),s.push({point:n,pointOnLine:r,distance:t.origin.distanceTo(n),object:e,face:null,faceIndex:i,uv:null,[y]:null})}}}(this,o,i))}}onBeforeRender(e){let t=this.material.uniforms;t&&t.resolution&&(e.getViewport(j),this.material.uniforms.resolution.value.set(j.z,j.w))}}class I extends b{constructor(){super(),this.isLineGeometry=!0,this.type="LineGeometry"}setPositions(e){let t=e.length-3,r=new Float32Array(2*t);for(let i=0;i<t;i+=3)r[2*i]=e[i],r[2*i+1]=e[i+1],r[2*i+2]=e[i+2],r[2*i+3]=e[i+3],r[2*i+4]=e[i+4],r[2*i+5]=e[i+5];return super.setPositions(r),this}setColors(e,t=3){let r=e.length-t,i=new Float32Array(2*r);if(3===t)for(let s=0;s<r;s+=t)i[2*s]=e[s],i[2*s+1]=e[s+1],i[2*s+2]=e[s+2],i[2*s+3]=e[s+3],i[2*s+4]=e[s+4],i[2*s+5]=e[s+5];else for(let s=0;s<r;s+=t)i[2*s]=e[s],i[2*s+1]=e[s+1],i[2*s+2]=e[s+2],i[2*s+3]=e[s+3],i[2*s+4]=e[s+4],i[2*s+5]=e[s+5],i[2*s+6]=e[s+6],i[2*s+7]=e[s+7];return super.setColors(i,t),this}fromLine(e){let t=e.geometry;return this.setPositions(t.attributes.position.array),this}}class U extends R{constructor(e=new I,t=new w({color:0xffffff*Math.random()})){super(e,t),this.isLine2=!0,this.type="Line2"}}let D=s.forwardRef(function({points:e,color:t=0xffffff,vertexColors:r,linewidth:i,lineWidth:n,segments:a,dashed:l,...d},f){var p,h;let m=(0,o.useThree)(e=>e.size),x=s.useMemo(()=>a?new R:new U,[a]),[g]=s.useState(()=>new w),v=(null==r||null==(p=r[0])?void 0:p.length)===4?4:3,y=s.useMemo(()=>{let i=a?new b:new I,s=e.map(e=>{let t=Array.isArray(e);return e instanceof u.Vector3||e instanceof u.Vector4?[e.x,e.y,e.z]:e instanceof u.Vector2?[e.x,e.y,0]:t&&3===e.length?[e[0],e[1],e[2]]:t&&2===e.length?[e[0],e[1],0]:e});if(i.setPositions(s.flat()),r){t=0xffffff;let e=r.map(e=>e instanceof u.Color?e.toArray():e);i.setColors(e.flat(),v)}return i},[e,a,r,v]);return s.useLayoutEffect(()=>{x.computeLineDistances()},[e,x]),s.useLayoutEffect(()=>{l?g.defines.USE_DASH="":delete g.defines.USE_DASH,g.needsUpdate=!0},[l,g]),s.useEffect(()=>()=>{y.dispose(),g.dispose()},[y]),s.createElement("primitive",(0,c.default)({object:x,ref:f},d),s.createElement("primitive",{object:y,attach:"geometry"}),s.createElement("primitive",(0,c.default)({object:g,attach:"material",color:t,vertexColors:!!r,resolution:[m.width,m.height],linewidth:null!=(h=null!=i?i:n)?h:1,dashed:l,transparent:4===v},d)))});var B=u;let H=parseInt(u.REVISION.replace(/\D+/g,""));class F extends B.ShaderMaterial{constructor(){super({uniforms:{time:{value:0},fade:{value:1}},vertexShader:`
+      uniform float time;
+      attribute float size;
+      varying vec3 vColor;
+      void main() {
+        vColor = color;
+        vec4 mvPosition = modelViewMatrix * vec4(position, 0.5);
+        gl_PointSize = size * (30.0 / -mvPosition.z) * (3.0 + sin(time + 100.0));
+        gl_Position = projectionMatrix * mvPosition;
+      }`,fragmentShader:`
+      uniform sampler2D pointTexture;
+      uniform float fade;
+      varying vec3 vColor;
+      void main() {
+        float opacity = 1.0;
+        if (fade == 1.0) {
+          float d = distance(gl_PointCoord, vec2(0.5, 0.5));
+          opacity = 1.0 / (1.0 + exp(16.0 * (d - 0.25)));
+        }
+        gl_FragColor = vec4(vColor, opacity);
+
+        #include <tonemapping_fragment>
+	      #include <${H>=154?"colorspace_fragment":"encodings_fragment"}>
+      }`})}}let W=e=>new B.Vector3().setFromSpherical(new B.Spherical(e,Math.acos(1-2*Math.random()),2*Math.random()*Math.PI)),V=s.forwardRef(({radius:e=100,depth:t=50,count:r=5e3,saturation:i=0,factor:n=4,fade:o=!1,speed:l=1},d)=>{let c=s.useRef(null),[u,f,p]=s.useMemo(()=>{let s=[],a=[],o=Array.from({length:r},()=>(.5+.5*Math.random())*n),l=new B.Color,d=e+t,c=t/r;for(let e=0;e<r;e++)d-=c*Math.random(),s.push(...W(d).toArray()),l.setHSL(e/r,i,.9),a.push(l.r,l.g,l.b);return[new Float32Array(s),new Float32Array(a),new Float32Array(o)]},[r,t,n,e,i]);(0,a.useFrame)(e=>c.current&&(c.current.uniforms.time.value=e.clock.elapsedTime*l));let[h]=s.useState(()=>new F);return s.createElement("points",{ref:d},s.createElement("bufferGeometry",null,s.createElement("bufferAttribute",{attach:"attributes-position",args:[u,3]}),s.createElement("bufferAttribute",{attach:"attributes-color",args:[f,3]}),s.createElement("bufferAttribute",{attach:"attributes-size",args:[p,1]})),s.createElement("primitive",{ref:c,object:h,attach:"material",blending:B.AdditiveBlending,"uniforms-fade-value":o,depthWrite:!1,transparent:!0,vertexColors:!0}))});var G=e.i(57688),$=e.i(58041),q=e.i(58472),X=e.i(31245),J=e.i(95116),Y=e.i(84614),K=e.i(98919),Q=e.i(83086),Z=e.i(75254);let ee=(0,Z.default)("folder-tree",[["path",{d:"M20 10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z",key:"hod4my"}],["path",{d:"M20 21a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.9a1 1 0 0 1-.88-.55l-.42-.85a1 1 0 0 0-.92-.6H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z",key:"w4yl2u"}],["path",{d:"M3 5a2 2 0 0 0 2 2h3",key:"f2jnh7"}],["path",{d:"M3 3v13a2 2 0 0 0 2 2h3",key:"k8epm1"}]]);var et=e.i(21218),er=e.i(78094);let ei=({position:e,label:t,subtext:r,details:n,color:o,isMain:l=!1,isTool:c=!1,isSubAgent:u=!1,icon:f=$.Database})=>{let p=(0,s.useRef)(null),[h,m]=(0,s.useState)(!1),b=e[0]>1.5,x=e[0]<-1.5,g=e[1]<-.5,v="";g?v+="bottom-[90%] mb-4 ":v+="top-[90%] mt-4 ",b?v+="right-[50%] ":x?v+="left-[50%] ":v+="left-1/2 -translate-x-1/2 ";let w=h?"opacity-100 translate-y-0 visible":`opacity-0 ${g?"translate-y-4":"-translate-y-4"} invisible`;return(0,a.useFrame)(({clock:t})=>{p.current&&!h&&(p.current.position.y=e[1]+.05*Math.sin(1.5*t.elapsedTime+e[0]))}),(0,i.jsxs)("group",{position:e,ref:p,children:[(0,i.jsxs)("mesh",{onPointerOver:e=>{e.stopPropagation(),m(!0)},onPointerOut:e=>{e.stopPropagation(),m(!1)},visible:!1,children:[(0,i.jsx)("sphereGeometry",{args:[1.2,16,16]}),(0,i.jsx)("meshBasicMaterial",{transparent:!0,opacity:0})]}),(0,i.jsx)(d.Html,{position:[0,0,0],center:!0,style:{pointerEvents:"none",zIndex:h?999:10},zIndexRange:h?[999,1e3]:[100,0],children:(0,i.jsxs)("div",{className:"relative flex flex-col items-center",children:[(0,i.jsx)("div",{className:`transition-transform duration-300 ease-out ${h?"scale-110":"scale-100"} ${l?"w-24 h-24":"w-16 h-16"}`,children:c?(0,i.jsx)("div",{className:"w-full h-full bg-slate-800/90 backdrop-blur-md rounded-2xl border border-slate-600 flex items-center justify-center shadow-[0_0_20px_rgba(0,0,0,0.5)]",children:(0,i.jsx)(f,{className:"text-slate-300 w-8 h-8"})}):u?(0,i.jsxs)("div",{className:"relative w-full h-full flex items-center justify-center",children:[(0,i.jsx)("div",{className:"absolute top-0 left-1 w-9 h-9 rounded-full overflow-hidden border border-slate-500 bg-white shadow-lg z-10 opacity-90",children:(0,i.jsx)(G.default,{src:"/openclaw_logo.jpeg",alt:"Mini Agent",fill:!0,className:"object-contain p-1",sizes:"36px"})}),(0,i.jsx)("div",{className:"absolute top-0 right-1 w-9 h-9 rounded-full overflow-hidden border border-slate-500 bg-white shadow-lg z-20 opacity-90",children:(0,i.jsx)(G.default,{src:"/openclaw_logo.jpeg",alt:"Mini Agent",fill:!0,className:"object-contain p-1",sizes:"36px"})}),(0,i.jsx)("div",{className:"absolute bottom-0 left-1/2 -translate-x-1/2 w-10 h-10 rounded-full overflow-hidden border-2 border-slate-400 bg-white shadow-xl z-30",children:(0,i.jsx)(G.default,{src:"/openclaw_logo.jpeg",alt:"Lead Mini Agent",fill:!0,className:"object-contain p-1",sizes:"40px"})})]}):(0,i.jsx)("div",{className:`relative w-full h-full rounded-full overflow-hidden border-2 bg-white ${l?"border-[#e63946] shadow-[0_0_25px_rgba(230,57,70,0.5)]":"border-slate-500 shadow-lg"} opacity-90`,children:(0,i.jsx)(G.default,{src:"/openclaw_logo.jpeg",alt:"OpenClaw Agent",fill:!0,className:"object-contain p-2",sizes:"(max-width: 96px) 100vw, 96px"})})}),(0,i.jsxs)("div",{className:`absolute ${v} w-72 bg-slate-900/95 backdrop-blur-2xl border border-slate-600/80 p-5 rounded-2xl shadow-[0_30px_60px_rgba(0,0,0,0.8)] transition-all duration-300 ease-out ${w}`,children:[(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-3 border-b border-slate-700/50 pb-2",children:[(0,i.jsx)("div",{className:"w-2.5 h-2.5 rounded-full shadow-[0_0_8px_currentColor]",style:{backgroundColor:o,color:o}}),(0,i.jsx)("span",{className:"text-white font-bold text-xs uppercase tracking-wider",children:t})]}),(0,i.jsx)("p",{className:"text-slate-300 text-sm leading-relaxed whitespace-normal text-left font-medium",children:n})]})]})})]})},es=({start:e,end:t,active:r,color:n="#38bdf8"})=>{let l=(0,s.useMemo)(()=>[new u.Vector3(...e),new u.Vector3(...t)],[e,t]),d=(0,s.useRef)(null),{clock:c}=(0,o.useThree)();return(0,a.useFrame)(()=>{if(d.current&&r){let e=c.elapsedTime%2/2;d.current.position.lerpVectors(l[0],l[1],e)}}),(0,i.jsxs)("group",{children:[(0,i.jsx)(D,{points:l,color:r?n:"#475569",lineWidth:r?2:1.5,transparent:!0,opacity:r?.6:.4}),r&&(0,i.jsxs)("mesh",{ref:d,children:[(0,i.jsx)("sphereGeometry",{args:[.08,8,8]}),(0,i.jsx)("meshBasicMaterial",{color:n})]})]})};function en({concept:e}){let[t,r]=(0,s.useState)(0),a=(0,s.useRef)(null);return(0,s.useEffect)(()=>{if("routing"!==e)return;let t=setInterval(()=>{r(e=>(e+1)%3)},2500);return()=>clearInterval(t)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"absolute top-4 left-4 z-10 bg-slate-900/80 backdrop-blur-md p-4 rounded-xl border border-slate-700 max-w-sm pointer-events-none",children:["routing"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("h3",{className:"text-white font-bold font-heading mb-1 text-lg",children:"Multi-Agent Routing"}),(0,i.jsx)("p",{className:"text-slate-300 text-sm mb-3",children:"Hover over the Gateway or Agents below to see how OpenClaw directs incoming messages and delegates tasks."})]}),"automation"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("h3",{className:"text-white font-bold font-heading mb-1 text-lg",children:"Automation Skills"}),(0,i.jsx)("p",{className:"text-slate-300 text-sm mb-3",children:"Hover over the skill nodes to see how OpenClaw executes pre-defined workflows autonomously."})]}),"memory"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("h3",{className:"text-white font-bold font-heading mb-1 text-lg",children:"Memory Architecture"}),(0,i.jsx)("p",{className:"text-slate-300 text-sm mb-3",children:"Hover over the distinct core .md files to learn how OpenClaw structures its configuration."})]}),"tools"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("h3",{className:"text-white font-bold font-heading mb-1 text-lg",children:"Tool Execution"}),(0,i.jsx)("p",{className:"text-slate-300 text-sm mb-3",children:"Hover over the tools to understand how OpenClaw securely executes shell commands and external APIs."})]}),"subagents"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("h3",{className:"text-white font-bold font-heading mb-1 text-lg",children:"Agents vs Sub-Agents"}),(0,i.jsx)("p",{className:"text-slate-300 text-sm mb-3",children:"Hover to see how Agents have persistent workspaces (desks), while Sub-Agents are temporary tasks (sticky notes) that auto-archive."})]})]}),(0,i.jsx)("div",{className:"absolute bottom-4 right-4 z-10 text-slate-500 text-xs text-right pointer-events-none bg-slate-900/50 px-3 py-1 rounded backdrop-blur-sm",children:"Left-click to rotate • Scroll to zoom • Hover for details"}),(0,i.jsxs)(n.Canvas,{camera:{position:[0,2,14],fov:45},children:[(0,i.jsx)("color",{attach:"background",args:["#050814"]}),(0,i.jsx)("ambientLight",{intensity:.5}),(0,i.jsx)("pointLight",{position:[10,10,10],intensity:1,color:"#0058b9"}),(0,i.jsx)(V,{radius:100,depth:50,count:2e3,factor:4,saturation:0,fade:!0,speed:1}),(0,i.jsx)(l.OrbitControls,{ref:a,enablePan:!1,maxDistance:15,minDistance:3,autoRotate:"memory"===e,autoRotateSpeed:.5}),"subagents"===e&&(0,i.jsxs)("group",{position:[0,-.5,0],children:[(0,i.jsx)(d.Html,{position:[-2.2,3,0],center:!0,style:{pointerEvents:"none"},children:(0,i.jsx)("div",{className:"text-white font-bold font-heading text-lg tracking-widest uppercase border-b-2 border-blue-500 pb-1 w-32 text-center shadow-[0_0_10px_rgba(59,130,246,0.3)]",children:"AGENT"})}),(0,i.jsx)(ei,{position:[-2.2,1.5,0],label:"Persistent Role",subtext:"The Employee",color:"#3b82f6",isMain:!0,details:"Acts as a specific role (e.g., CTO). Has its own identity, personality, and dedicated communication channel bindings."}),(0,i.jsx)(ei,{position:[-2.2,-.2,0],label:"Isolated Workspace",subtext:"The Desk",color:"#10b981",isTool:!0,icon:ee,details:"Has its own fully scoped workspace containing its own tools, skills directory, and OAuth profiles."}),(0,i.jsx)(ei,{position:[-2.2,-1.9,0],label:"Full History",subtext:"Filing Cabinet",color:"#38bdf8",isTool:!0,icon:$.Database,details:"Maintains its own full chat history in a dedicated session store and accumulates long-term memory over time."}),(0,i.jsx)(es,{start:[-2.2,.7,0],end:[-2.2,.5,0],active:!0,color:"#3b82f6"}),(0,i.jsx)(es,{start:[-2.2,-1,0],end:[-2.2,-1.2,0],active:!0,color:"#10b981"}),(0,i.jsx)(d.Html,{position:[2.2,3,0],center:!0,style:{pointerEvents:"none"},children:(0,i.jsx)("div",{className:"text-white font-bold font-heading text-lg tracking-widest uppercase border-b-2 border-pink-500 pb-1 w-40 text-center shadow-[0_0_10px_rgba(236,72,153,0.3)]",children:"SUB-AGENT"})}),(0,i.jsx)(ei,{position:[2.2,1.5,0],label:"Task-Scoped",subtext:"The Sticky Note",color:"#ec4899",isSubAgent:!0,details:"A temporary session spawned for a one-off job (e.g., 'Fix CSS'). It does not have a persistent role or independent channel."}),(0,i.jsx)(ei,{position:[2.2,-.2,0],label:"Parent's Workspace",subtext:"Shared Desk",color:"#fbbc05",isTool:!0,icon:er.Network,details:"Runs inside the parent agent's workspace. It inherits the parent's OAuth profiles and skills or uses specialized ones injected on spawn."}),(0,i.jsx)(ei,{position:[2.2,-1.9,0],label:"Auto-Archives",subtext:"The Trash Can",color:"#f59e0b",isTool:!0,icon:$.Database,details:"Once the task is complete, the session auto-archives. It has no long-term memory or session store of its own."}),(0,i.jsx)(es,{start:[2.2,.7,0],end:[2.2,.5,0],active:!0,color:"#ec4899"}),(0,i.jsx)(es,{start:[2.2,-1,0],end:[2.2,-1.2,0],active:!0,color:"#fbbc05"}),(0,i.jsx)(D,{points:[new u.Vector3(0,3,0),new u.Vector3(0,-2.5,0)],color:"#334155",lineWidth:1,transparent:!0,opacity:.5,dashed:!0,dashSize:.2,gapSize:.2}),(0,i.jsx)(d.Html,{position:[0,0,0],center:!0,zIndexRange:[0,0],style:{pointerEvents:"none"},children:(0,i.jsx)("div",{className:"bg-slate-900/80 px-3 py-1 rounded-full border border-slate-700 text-slate-400 text-xs font-bold uppercase tracking-widest backdrop-blur-sm shadow-md",children:"VS"})})]}),"routing"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ei,{position:[0,2.5,0],label:"Gateway Router",subtext:"Incoming Channel Hook",color:"#0058b9",isTool:!0,icon:er.Network,details:"The OpenClaw Gateway. Listens for incoming messages from connected channels (Discord, Slack, SMS) and evaluates routing rules."}),(0,i.jsx)(ei,{position:[-3.5,0,0],label:"Default Agent",subtext:"Fallback Handler",color:"#10b981",details:"If a message in the channel doesn't explicitly mention anyone, the Gateway routes it to the designated default agent."}),(0,i.jsx)(ei,{position:[0,0,0],label:"Coder Agent",subtext:"@coder Mention",color:"#fbbc05",details:"A specialized agent triggered by a direct mention. Focuses entirely on technical logic and development."}),(0,i.jsx)(ei,{position:[3.5,0,0],label:"Designer Agent",subtext:"@designer Mention",color:"#e63946",details:"A specialized agent for UI/UX. The Gateway isolates requests so it doesn't cross-pollinate context with the Coder."}),(0,i.jsx)(ei,{position:[0,-2.5,0],label:"Task Session",subtext:"Sub-Agent Workflow",color:"#fb923c",isSubAgent:!0,details:"A temporary sub-agent session spawned by the Coder. Has no independent memory files; it executes a specific script and returns the payload."}),(0,i.jsx)(ei,{position:[3.5,-2.5,0],label:"Task Session",subtext:"Sub-Agent Workflow",color:"#ec4899",isSubAgent:!0,details:"A temporary sub-agent session spawned by the Designer. Executes an isolated design workflow and terminates."}),(0,i.jsx)(es,{start:[0,2.5,0],end:[-3.5,0,0],active:0===t,color:"#10b981"}),(0,i.jsx)(es,{start:[0,2.5,0],end:[0,0,0],active:1===t,color:"#fbbc05"}),(0,i.jsx)(es,{start:[0,2.5,0],end:[3.5,0,0],active:2===t,color:"#e63946"}),(0,i.jsx)(es,{start:[0,0,0],end:[0,-2.5,0],active:1===t,color:"#fb923c"}),(0,i.jsx)(es,{start:[3.5,0,0],end:[3.5,-2.5,0],active:2===t,color:"#ec4899"})]}),"automation"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ei,{position:[0,1.5,0],label:"Skill Executor",subtext:"Live Agent",color:"#a855f7",isMain:!0,details:"The active agent instance. It continuously evaluates automated triggers based on its defined skills."}),(0,i.jsx)(ei,{position:[-3,1.5,0],label:"TOOLS.md",subtext:"Skill Registry",color:"#10b981",isTool:!0,icon:J.Wrench,details:"The agent reads TOOLS.md to understand what Webhooks to listen to and what Cron Jobs to schedule."}),(0,i.jsx)(ei,{position:[-2.5,-1,0],label:"Webhook Listener",subtext:"Event-Driven Skill",color:"#3b82f6",isTool:!0,icon:er.Network,details:"An OpenClaw skill configured to listen on a specific port. When an external service hits this webhook, it triggers an agent response."}),(0,i.jsx)(ei,{position:[2.5,-1,0],label:"Cron Job",subtext:"Scheduled Skill",color:"#10b981",isTool:!0,icon:X.Bot,details:"An OpenClaw skill defined with a schedule. It wakes the agent up periodically to perform a repetitive task without user prompting."}),(0,i.jsx)(ei,{position:[0,-3.5,0],label:"Automation Task",subtext:"Sub-Agent Execution",color:"#e63946",isSubAgent:!0,details:"The temporary sub-agent session spawned to handle the specific webhook payload or cron job execution. It has no independent identity files."}),(0,i.jsx)(es,{start:[-3,1.5,0],end:[0,1.5,0],active:!0,color:"#10b981"}),(0,i.jsx)(es,{start:[0,1.5,0],end:[-2.5,-1,0],active:!0,color:"#3b82f6"}),(0,i.jsx)(es,{start:[0,1.5,0],end:[2.5,-1,0],active:!0,color:"#10b981"}),(0,i.jsx)(es,{start:[-2.5,-1,0],end:[0,-3.5,0],active:!0,color:"#e63946"}),(0,i.jsx)(es,{start:[2.5,-1,0],end:[0,-3.5,0],active:!0,color:"#e63946"})]}),"memory"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ei,{position:[0,1.5,0],label:"Live Agent",subtext:"Execution Engine",color:"#e63946",isMain:!0,details:"The active agent instance. It continuously reads its core markdown configuration files to ground its identity, context, and long-term memory."}),(0,i.jsx)(ei,{position:[-3,-1,0],label:"SOUL.md",subtext:"Core Personality",color:"#f59e0b",isTool:!0,icon:Q.Sparkles,details:"The 'soul' of the agent. Defines the voice, fundamental values, and immutable guardrails that persist across all tasks."}),(0,i.jsx)(ei,{position:[-1.5,-1,2.5],label:"IDENTITY.md",subtext:"Role & Persona",color:"#fb923c",isTool:!0,icon:K.Shield,details:"Defines WHO the agent is in this specific instance. Its role, title, and the persona it projects to the user."}),(0,i.jsx)(ei,{position:[1.5,-1,2.5],label:"USER.md",subtext:"Human Context",color:"#3b82f6",isTool:!0,icon:Y.User,details:"Defines WHO the agent serves. Contains user preferences, specific context, and details about the human collaborator."}),(0,i.jsx)(ei,{position:[3,-1,0],label:"AGENTS.md",subtext:"Workspace Rules",color:"#10b981",isTool:!0,icon:ee,details:"Defines HOW the agent operates. Contains workspace guidelines, operating procedures, and dynamic rules for its current environment."}),(0,i.jsx)(ei,{position:[1.5,-1,-2.5],label:"TOOLS.md",subtext:"Skill Registry",color:"#a855f7",isTool:!0,icon:J.Wrench,details:"Defines WHAT the agent can do. A registry of all available skills, scripts, and APIs the agent is authorized to execute."}),(0,i.jsx)(ei,{position:[-1.5,-1,-2.5],label:"MEMORY.md",subtext:"Long-Term Context",color:"#38bdf8",isTool:!0,icon:$.Database,details:"The agent's curated wisdom. This file contains distilled learnings, preferences, and updated mental models."}),(0,i.jsxs)("mesh",{position:[0,-2,0],rotation:[-Math.PI/2,0,0],children:[(0,i.jsx)("ringGeometry",{args:[2.8,3,64]}),(0,i.jsx)("meshBasicMaterial",{color:"#ef4444",side:u.DoubleSide,transparent:!0,opacity:.6})]}),(0,i.jsx)(d.Html,{position:[0,-2.5,0],center:!0,style:{pointerEvents:"none",zIndex:5},zIndexRange:[5,0],children:(0,i.jsxs)("div",{className:"flex items-center gap-1.5 text-red-400 font-bold whitespace-nowrap text-[10px] uppercase tracking-widest bg-slate-900/50 px-3 py-1.5 rounded-full backdrop-blur-md border border-red-500/30",children:[(0,i.jsx)(et.Activity,{className:"w-3 h-3"})," HEARTBEAT.md (Polling Loop)"]})}),(0,i.jsx)(es,{start:[0,1.5,0],end:[-3,-1,0],active:!0,color:"#f59e0b"}),(0,i.jsx)(es,{start:[0,1.5,0],end:[-1.5,-1,2.5],active:!0,color:"#fb923c"}),(0,i.jsx)(es,{start:[0,1.5,0],end:[1.5,-1,2.5],active:!0,color:"#3b82f6"}),(0,i.jsx)(es,{start:[0,1.5,0],end:[3,-1,0],active:!0,color:"#10b981"}),(0,i.jsx)(es,{start:[0,1.5,0],end:[1.5,-1,-2.5],active:!0,color:"#a855f7"}),(0,i.jsx)(es,{start:[0,1.5,0],end:[-1.5,-1,-2.5],active:!0,color:"#38bdf8"}),(0,i.jsx)(es,{start:[0,-2,0],end:[0,1.5,0],active:!0,color:"#ef4444"})]}),"tools"===e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ei,{position:[-2,0,0],label:"Agent Sandbox",subtext:"Isolated Context",color:"#fbbc05",isMain:!0,details:"The agent's secure environment. When it needs to execute a tool, it outputs a strict JSON payload to the OpenClaw framework rather than running it directly."}),(0,i.jsx)(ei,{position:[2,1,0],label:"Shell Execution",subtext:"Local Terminal",color:"#3b82f6",isTool:!0,icon:q.Code,details:"OpenClaw executes the requested bash command (e.g., 'npm run test') within the authorized local workspace and captures the stdout/stderr."}),(0,i.jsx)(ei,{position:[2,-1,0],label:"External API",subtext:"Network Request",color:"#10b981",isTool:!0,icon:er.Network,details:"OpenClaw safely makes an outgoing HTTP request (e.g., fetching a web page or hitting GitHub) and parses the response."}),(0,i.jsx)(es,{start:[-2,0,0],end:[2,1,0],active:!0,color:"#fbbc05"}),(0,i.jsx)(es,{start:[2,.5,0],end:[-2,-.5,0],active:!0,color:"#3b82f6"}),(0,i.jsx)(es,{start:[-2,0,0],end:[2,-1,0],active:!0,color:"#fbbc05"}),(0,i.jsx)(es,{start:[2,-1.5,0],end:[-2,-.5,0],active:!0,color:"#10b981"})]})]})]})}function ea({concept:e}){let[t,r]=(0,s.useState)(!1);return((0,s.useEffect)(()=>{r(!0)},[]),t)?(0,i.jsx)(en,{concept:e}):(0,i.jsx)("div",{className:"w-full h-full bg-slate-900 flex items-center justify-center text-blue-500 animate-pulse",children:"Loading 3D Engine..."})}var eo=e.i(72520),el=e.i(52754),ed=e.i(25652),ec=e.i(18393);let eu=(0,Z.default)("file-code",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 12.5 8 15l2 2.5",key:"1tg20x"}],["path",{d:"m14 12.5 2 2.5-2 2.5",key:"yinavb"}]]);var ef=e.i(52008),ep=e.i(22016);function eh(){let[e,t]=(0,s.useState)("memory"),r=[{id:"memory",title:"Memory Architecture",icon:(0,i.jsx)(eu,{className:"h-5 w-5"}),description:"The core definition files (IDENTITY.md, USER.md, AGENTS.md, TOOLS.md, MEMORY.md) powered by a continuous Heartbeat loop."},{id:"automation",title:"Automation Skills",icon:(0,i.jsx)(X.Bot,{className:"h-5 w-5"}),description:"How agents utilize the Skills registry to execute repetitive, predefined workflows securely."},{id:"tools",title:"Tool Execution",icon:(0,i.jsx)(J.Wrench,{className:"h-5 w-5"}),description:"How OpenClaw safely executes shell commands, sandbox scripts, and external APIs via the Gateway."},{id:"routing",title:"Multi-Agent Routing",icon:(0,i.jsx)(er.Network,{className:"h-5 w-5"}),description:"How OpenClaw routes incoming channel messages to specific agents based on mention patterns, and how agents delegate tasks."},{id:"subagents",title:"Agents vs Sub-Agents",icon:(0,i.jsx)(ef.Layers,{className:"h-5 w-5"}),description:"Agents are persistent roles with their own workspaces (like an employee desk). Sub-agents are temporary task sessions (like a sticky note) that auto-archive."}];return(0,i.jsxs)("div",{className:"flex w-full h-full",children:[(0,i.jsxs)("div",{className:"w-[400px] flex-shrink-0 bg-[var(--cc-surface)]/80 backdrop-blur-md border-r border-[var(--cc-border)] flex flex-col h-full overflow-y-auto custom-scrollbar shadow-2xl z-10",children:[(0,i.jsxs)("div",{className:"p-6 border-b border-[var(--cc-border)]",children:[(0,i.jsx)("h1",{className:"text-2xl font-bold font-[family-name:var(--font-heading)] text-[var(--cc-text)] tracking-tight mb-2",children:"Visual Docs"}),(0,i.jsxs)("p",{className:"text-sm text-[var(--cc-text-secondary)] leading-relaxed",children:["Stop guessing how OpenClaw actually works under the hood. We brought the official ",(0,i.jsx)("a",{href:"https://docs.openclaw.ai",target:"_blank",rel:"noreferrer",className:"text-blue-500 hover:text-blue-600 transition-colors",children:"docs.openclaw.ai"})," concepts to life so you can visualize the architecture before you build."]})]}),(0,i.jsxs)("div",{className:"p-6 border-b border-[var(--cc-border)] flex flex-col gap-4",children:[(0,i.jsx)("h3",{className:"text-sm font-bold text-[var(--cc-muted)] uppercase tracking-wider mb-2",children:"Core Concepts"}),r.map(r=>(0,i.jsxs)("button",{onClick:()=>t(r.id),className:`flex flex-col text-left p-4 rounded-xl border transition-all ${e===r.id?"bg-blue-500/10 border-blue-500/50 shadow-[0_0_15px_rgba(59,130,246,0.15)]":"bg-[var(--cc-surface-raised)] border-[var(--cc-border)] hover:border-[var(--cc-border-light)] hover:bg-[var(--cc-surface)]"}`,children:[(0,i.jsxs)("div",{className:"flex items-center gap-3 mb-2",children:[(0,i.jsx)("div",{className:`p-1.5 rounded-lg ${e===r.id?"bg-blue-500/20 text-blue-500":"bg-[var(--cc-void)] border border-[var(--cc-border)] text-[var(--cc-muted)]"}`,children:r.icon}),(0,i.jsx)("h4",{className:`font-bold font-heading text-sm ${e===r.id?"text-[var(--cc-text)]":"text-[var(--cc-text-secondary)]"}`,children:r.title})]}),(0,i.jsx)("p",{className:"text-xs text-[var(--cc-text-secondary)] leading-relaxed",children:r.description})]},r.id))]}),(0,i.jsxs)("div",{className:"p-6 flex flex-col gap-4",children:[(0,i.jsx)("h3",{className:"text-sm font-bold text-[var(--cc-muted)] uppercase tracking-wider mb-2",children:"Try It"}),(0,i.jsxs)("div",{className:"space-y-4",children:["memory"===e&&(0,i.jsxs)(ep.default,{href:"/builder?template=personal-assistant",className:"block bg-[var(--cc-surface-raised)] hover:bg-[var(--cc-surface)] border border-[var(--cc-border)] hover:border-[var(--cc-border-light)] rounded-xl p-4 transition-all group relative overflow-hidden",children:[(0,i.jsx)("div",{className:"absolute top-0 right-0 w-12 h-12 bg-green-500/10 rounded-bl-[60px]"}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,i.jsx)(el.Wallet,{className:"text-green-500 h-4 w-4"}),(0,i.jsx)("h4",{className:"text-[var(--cc-text)] font-bold font-heading text-sm relative z-10",children:"Personal Assistant"})]}),(0,i.jsx)("p",{className:"text-xs text-[var(--cc-muted)] mb-3",children:"Solo agent with long-term memory, web search, and scheduled tasks."}),(0,i.jsxs)("div",{className:"flex items-center text-blue-500 text-xs font-semibold group-hover:translate-x-1 transition-transform",children:["Open in Builder ",(0,i.jsx)(eo.ArrowRight,{className:"ml-1 h-3 w-3"})]})]}),"automation"===e&&(0,i.jsxs)(ep.default,{href:"/builder?template=dev-shop",className:"block bg-[var(--cc-surface-raised)] hover:bg-[var(--cc-surface)] border border-[var(--cc-border)] hover:border-[var(--cc-border-light)] rounded-xl p-4 transition-all group relative overflow-hidden",children:[(0,i.jsx)("div",{className:"absolute top-0 right-0 w-12 h-12 bg-purple-500/10 rounded-bl-[60px]"}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,i.jsx)(ec.Server,{className:"text-purple-500 h-4 w-4"}),(0,i.jsx)("h4",{className:"text-[var(--cc-text)] font-bold font-heading text-sm relative z-10",children:"The Dev Shop"})]}),(0,i.jsx)("p",{className:"text-xs text-[var(--cc-muted)] mb-3",children:"5-agent dev team with automated testing, code execution, and CI integration."}),(0,i.jsxs)("div",{className:"flex items-center text-blue-500 text-xs font-semibold group-hover:translate-x-1 transition-transform",children:["Open in Builder ",(0,i.jsx)(eo.ArrowRight,{className:"ml-1 h-3 w-3"})]})]}),"tools"===e&&(0,i.jsxs)(ep.default,{href:"/builder?template=content-creator",className:"block bg-[var(--cc-surface-raised)] hover:bg-[var(--cc-surface)] border border-[var(--cc-border)] hover:border-[var(--cc-border-light)] rounded-xl p-4 transition-all group relative overflow-hidden",children:[(0,i.jsx)("div",{className:"absolute top-0 right-0 w-12 h-12 bg-blue-500/10 rounded-bl-[60px]"}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,i.jsx)(er.Network,{className:"text-blue-500 h-4 w-4"}),(0,i.jsx)("h4",{className:"text-[var(--cc-text)] font-bold font-heading text-sm relative z-10",children:"Content Creator"})]}),(0,i.jsx)("p",{className:"text-xs text-[var(--cc-muted)] mb-3",children:"Solo agent with browser, image generation, and web search tools."}),(0,i.jsxs)("div",{className:"flex items-center text-blue-500 text-xs font-semibold group-hover:translate-x-1 transition-transform",children:["Open in Builder ",(0,i.jsx)(eo.ArrowRight,{className:"ml-1 h-3 w-3"})]})]}),"routing"===e&&(0,i.jsxs)(ep.default,{href:"/builder?template=the-helpdesk",className:"block bg-[var(--cc-surface-raised)] hover:bg-[var(--cc-surface)] border border-[var(--cc-border)] hover:border-[var(--cc-border-light)] rounded-xl p-4 transition-all group relative overflow-hidden",children:[(0,i.jsx)("div",{className:"absolute top-0 right-0 w-12 h-12 bg-orange-500/10 rounded-bl-[60px]"}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,i.jsx)(ed.TrendingUp,{className:"text-orange-500 h-4 w-4"}),(0,i.jsx)("h4",{className:"text-[var(--cc-text)] font-bold font-heading text-sm relative z-10",children:"Customer Support"})]}),(0,i.jsx)("p",{className:"text-xs text-[var(--cc-muted)] mb-3",children:"Tiered support org with L1/L2 routing and agent escalation paths."}),(0,i.jsxs)("div",{className:"flex items-center text-blue-500 text-xs font-semibold group-hover:translate-x-1 transition-transform",children:["Open in Builder ",(0,i.jsx)(eo.ArrowRight,{className:"ml-1 h-3 w-3"})]})]}),"subagents"===e&&(0,i.jsxs)(ep.default,{href:"/builder?template=clear-mud-org",className:"block bg-[var(--cc-surface-raised)] hover:bg-[var(--cc-surface)] border border-[var(--cc-border)] hover:border-[var(--cc-border-light)] rounded-xl p-4 transition-all group relative overflow-hidden",children:[(0,i.jsx)("div",{className:"absolute top-0 right-0 w-12 h-12 bg-pink-500/10 rounded-bl-[60px]"}),(0,i.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,i.jsx)(ef.Layers,{className:"text-pink-500 h-4 w-4"}),(0,i.jsx)("h4",{className:"text-[var(--cc-text)] font-bold font-heading text-sm relative z-10",children:"ClearMud Org Chart"})]}),(0,i.jsx)("p",{className:"text-xs text-[var(--cc-muted)] mb-3",children:"Primary agents (COO, CTO) delegating one-off jobs to specialized temporary sub-agents."}),(0,i.jsxs)("div",{className:"flex items-center text-blue-500 text-xs font-semibold group-hover:translate-x-1 transition-transform",children:["Open in Builder ",(0,i.jsx)(eo.ArrowRight,{className:"ml-1 h-3 w-3"})]})]})]}),(0,i.jsxs)("div",{className:"mt-2 p-4 rounded-xl border border-dashed border-[var(--cc-border)] bg-[var(--cc-surface-raised)]/30 text-center",children:[(0,i.jsx)("p",{className:"text-xs text-[var(--cc-muted)] mb-1",children:"Share your own setup with the community"}),(0,i.jsx)("span",{className:"inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-[10px] font-semibold text-[var(--cc-muted)] bg-[var(--cc-surface-raised)] border border-[var(--cc-border)]",children:"Coming Soon"})]})]})]}),(0,i.jsx)("div",{className:"flex-1 bg-[var(--cc-void)] relative h-full",children:(0,i.jsx)(ea,{concept:e})})]})}e.s(["default",()=>eh],68864)}]);