1import{am as zn,au as On,av as Xn,aw as Un,S as ds,i as gs,s as vs,k as d,M as x,e as ms,l as g,m,N as A,h as o,n as s,U as Fr,b,E as f,V as qn,g as N,v as Br,f as Mr,d as G,L as cs,J as Gn,o as Yn,p as ue,y as ne,z as ae,A as oe,B as le,a2 as Zn,P as Jn,R as Kn,q as y,r as k,Z as Qn,_ as ea,a as $,c as I,u as ta,I as ps,W as sa,ab as ra,D as na,K as aa,X as oa}from"../chunks/index.b0b0194c.js";import{I as us}from"../chunks/InView.e298201c.js";import{S as la}from"../chunks/SubPageNav.841c2857.js";import{r as R}from"../chunks/utils.adbc3687.js";import"../chunks/transform.4d2927c0.js";import{f as xn}from"../chunks/index.969b219e.js";import{C as ia}from"../chunks/CircleText.347fb868.js";import{w as fa}from"../chunks/index.0d8aab35.js";import{l as ha,e as ua}from"../chunks/linear.e2ec55a9.js";import{f as ca,t as ma}from"../chunks/index.89c8861f.js";import{f as pa,a as da,b as ga}from"../chunks/y.9d861333.js";import{a as va}from"../chunks/index.b236b336.js";function wa(a){let e,r;a.style.cursor="grab";function i(h){h.preventDefault(),h.stopPropagation(),e=h.clientX,r=h.clientY,a.dispatchEvent(new CustomEvent("dragstart",{detail:[e,r]})),h.target.setPointerCapture(h.pointerId),a.style.cursor="grabbing",window.addEventListener("pointermove",l,!1),window.addEventListener("touchmove",n,!1),window.addEventListener("pointerup",u,!1)}function n(h){var E,P,T,D;h.preventDefault(),h.stopPropagation();const c=((E=h.changedTouches[0])==null?void 0:E.clientX)-e,v=((P=h.changedTouches[0])==null?void 0:P.clientY)-r;e=(T=h.changedTouches[0])==null?void 0:T.clientX,r=(D=h.changedTouches[0])==null?void 0:D.clientY,a.dispatchEvent(new CustomEvent("dragmove",{detail:{dx:c,dy:v}}))}function l(h){h.preventDefault(),h.stopPropagation();const c=h.clientX-e,v=h.clientY-r;e=h.clientX,r=h.clientY,a.dispatchEvent(new CustomEvent("dragmove",{detail:{dx:c,dy:v}}))}function u(h){const c=h.clientX,v=h.clientY;a.dispatchEvent(new CustomEvent("dragend",{detail:[c,v]})),h.target.releasePointerCapture(h.pointerId),a.style.cursor="grab",window.removeEventListener("pointermove",l),window.removeEventListener("touchmove",n),window.removeEventListener("pointerup",u)}return a.addEventListener("pointerdown",i,!1),{destroy(){a.removeEventListener("pointerdown",i),window.removeEventListener("pointermove",l),window.removeEventListener("touchmove",n),window.removeEventListener("pointerup",u)}}}function Dr(a,e,r=0,i=0,n=0){if(a===e||a!==a)return()=>a;const l=typeof a;if(l!==typeof e||Array.isArray(a)!==Array.isArray(e))throw new Error("Cannot interpolate values of different type");if(Array.isArray(a)){const u=e.map((h,c)=>Dr(a[c],h,r,e.length,c*r));return h=>u.map(c=>c(h))}if(l==="object"){if(!a||!e)throw new Error("Object cannot be null");const u=Object.keys(e),h={};return u.forEach(c=>{h[c]=Dr(a[c],e[c],r,i,n)}),c=>{const v={};return u.forEach(E=>{v[E]=h[E](c)}),v}}if(["string","number"].includes(l)){const h=1-r*i,c=ha().domain([n,n+h]).range([0,1]).clamp(!0),v=ua(a,e);return E=>v(c(E))}throw new Error(`Cannot interpolate ${l} values`)}function ba(a,e={}){const r=fa(a);let i,n=a;function l(u,h){if(a==null)return r.set(a=u),Promise.resolve();n=u;let c=i,v=!1,{delay:E=0,duration:P=400,iDelay:T=10,easing:D=Un,interpolate:X=Dr}=zn(zn({},e),h);if(P===0)return c&&(c.abort(),c=null),r.set(a=n),Promise.resolve();const M=On()+E;let L;return i=Xn(ie=>{if(ie<M)return!0;v||(L=X(a,u,T/P),typeof P=="function"&&(P=P(a,u)),v=!0),c&&(c.abort(),c=null);const fe=ie-M;return fe>P?(r.set(a=u),!1):(r.set(a=L(D(fe/P))),!0)}),i.promise}return{set:l,update:(u,h)=>l(u(n,a),h),subscribe:r.subscribe}}function An(a,e,r){const i=a.slice();i[18]=e[r],i[20]=e,i[21]=r;const n=i[7][i[21]];return i[19]=n,i}function jn(a,e,r){const i=a.slice();i[18]=e[r],i[21]=r;const n=i[7][i[21]];return i[19]=n,i}function Tn(a,e,r){const i=a.slice();i[18]=e[r],i[21]=r;const n=i[7][i[21]];return i[19]=n,i}function Ln(a){let e;return{c(){e=x("path"),this.h()},l(r){e=A(r,"path",{d:!0,stroke:!0,"stroke-width":!0,transform:!0}),m(e).forEach(o),this.h()},h(){s(e,"d","M6.53336 0.933358C6.53336 0.638808 6.29457 0.400024 6.00002 0.400024C5.70547 0.400024 5.46669 0.638808 5.46669 0.933358V5.46669H0.933358C0.638808 5.46669 0.400024 5.70547 0.400024 6.00002C0.400024 6.29457 0.638808 6.53336 0.933358 6.53336H5.46669V11.0667C5.46669 11.3612 5.70547 11.6 6.00002 11.6C6.29457 11.6 6.53336 11.3612 6.53336 11.0667V6.53336H11.0667C11.3612 6.53336 11.6 6.29457 11.6 6.00002C11.6 5.70547 11.3612 5.46669 11.0667 5.46669H6.53336V0.933358Z"),s(e,"stroke","#818DFF"),s(e,"stroke-width","2"),s(e,"transform","translate(-6, -6)")},m(r,i){b(r,e,i)},d(r){r&&o(e)}}}function Bn(a){let e,r,i,n,l,u,h,c=a[18].isSuggested&&Ln();return{c(){e=x("g"),r=x("circle"),c&&c.c(),this.h()},l(v){e=A(v,"g",{class:!0,"font-size":!0,transform:!0,style:!0});var E=m(e);r=A(E,"circle",{r:!0,fill:!0,stroke:!0,"stroke-dasharray":!0}
1),m(r).forEach(o),c&&c.l(E),E.forEach(o),this.h()},h(){s(r,"r",i=a[19]),s(r,"fill",n=a[18].isSuggested?"white":a[18].color),s(r,"stroke",l=a[18].isSuggested?"#818DFF":void 0),s(r,"stroke-dasharray",u=a[18].isSuggested?"3, 6":void 0),s(e,"class","transition-opacity cursor-grab"),s(e,"font-size","16"),s(e,"transform",h=`translate(${a[18].x}, ${a[18].y})`),ue(e,"color",a[18].isSuggested?"#818DFF":"inherit"),ue(e,"opacity",a[19]<1?0:1)},m(v,E){b(v,e,E),f(e,r),c&&c.m(e,null)},p(v,E){E&128&&i!==(i=v[19])&&s(r,"r",i),E&64&&n!==(n=v[18].isSuggested?"white":v[18].color)&&s(r,"fill",n),E&64&&l!==(l=v[18].isSuggested?"#818DFF":void 0)&&s(r,"stroke",l),E&64&&u!==(u=v[18].isSuggested?"3, 6":void 0)&&s(r,"stroke-dasharray",u),v[18].isSuggested?c||(c=Ln(),c.c(),c.m(e,null)):c&&(c.d(1),c=null),E&64&&h!==(h=`translate(${v[18].x}, ${v[18].y})`)&&s(e,"transform",h),E&64&&ue(e,"color",v[18].isSuggested?"#818DFF":"inherit"),E&128&&ue(e,"opacity",v[19]<1?0:1)},d(v){v&&o(e),c&&c.d()}}}function _a(a){let e=a[18].label+"",r,i;return{c(){r=y(e),i=$()},l(n){r=k(n,e),i=I(n)},m(n,l){b(n,r,l),b(n,i,l)},p(n,l){l&64&&e!==(e=n[18].label+"")&&ta(r,e)},d(n){n&&o(r),n&&o(i)}}}function Mn(a){let e,r,i,n;return r=new ia({props:{radius:a[19]+9,$$slots:{default:[_a]},$$scope:{ctx:a}}}),{c(){e=x("g"),ne(r.$$.fragment),this.h()},l(l){e=A(l,"g",{class:!0,"font-size":!0,transform:!0,style:!0});var u=m(e);ae(r.$$.fragment,u),u.forEach(o),this.h()},h(){s(e,"class","transition-opacity"),s(e,"font-size","16"),s(e,"transform",i=`translate(${a[18].x}, ${a[18].y})`),ue(e,"color",a[18].isSuggested?"#818DFF":"inherit"),ue(e,"opacity",a[19]<1?0:1)},m(l,u){b(l,e,u),oe(r,e,null),n=!0},p(l,u){const h={};u&128&&(h.radius=l[19]+9),u&16777280&&(h.$$scope={dirty:u,ctx:l}),r.$set(h),(!n||u&64&&i!==(i=`translate(${l[18].x}, ${l[18].y})`))&&s(e,"transform",i),(!n||u&64)&&ue(e,"color",l[18].isSuggested?"#818DFF":"inherit"),(!n||u&128)&&ue(e,"opacity",l[19]<1?0:1)},i(l){n||(N(r.$$.fragment,l),n=!0)},o(l){G(r.$$.fragment,l),n=!1},d(l){l&&o(e),le(r)}}}function Dn(a){let e,r,i,n,l;return{c(){e=x("g"),r=x("use"),i=x("use"),this.h()},l(u){e=A(u,"g",{transform:!0,filter:!0,mask:!0});var h=m(e);r=A(h,"use",{href:!0}),m(r).forEach(o),i=A(h,"use",{href:!0}),m(i).forEach(o),h.forEach(o),this.h()},h(){s(r,"href","#nodes-"+a[8]),s(i,"href","#nodes-text-"+a[8]),s(e,"transform",n=`translate(${a[4]/2}, ${a[5]/2})`),s(e,"filter",l=a[2]?"url(#blur)":void 0),s(e,"mask","url(#inverted-blur-mask)")},m(u,h){b(u,e,h),f(e,r),f(e,i)},p(u,h){h&48&&n!==(n=`translate(${u[4]/2}, ${u[5]/2})`)&&s(e,"transform",n),h&4&&l!==(l=u[2]?"url(#blur)":void 0)&&s(e,"filter",l)},d(u){u&&o(e)}}}function Vn(a){let e,r,i,n,l,u;function h(...c){return a[13](a[18],a[20],a[21],...c)}return{c(){e=x("g"),r=x("circle"),this.h()},l(c){e=A(c,"g",{class:!0,"font-size":!0,transform:!0});var v=m(e);r=A(v,"circle",{r:!0,fill:!0}),m(r).forEach(o),v.forEach(o),this.h()},h(){s(r,"r",i=a[19]),s(r,"fill","transparent"),s(e,"class","transition-opacity cursor-grab"),s(e,"font-size","16"),s(e,"transform",n=`translate(${a[18].x}, ${a[18].y})`)},m(c,v){b(c,e,v),f(e,r),l||(u=[Zn(wa.call(null,r)),Jn(r,"dragmove",h)],l=!0)},p(c,v){a=c,v&128&&i!==(i=a[19])&&s(r,"r",i),v&64&&n!==(n=`translate(${a[18].x}, ${a[18].y})`)&&s(e,"transform",n)},d(c){c&&o(e),l=!1,Kn(u)}}}function Sn(a){let e,r,i;return{c(){e=x("circle"),this.h()},l(n){e=A(n,"circle",{cx:!0,cy:!0,r:!0,fill:!0,stroke:!0}),m(e).forEach(o),this.h()},h(){s(e,"cx",r=a[4]/2),s(e,"cy",i=a[5]/2),s(e,"r",Vr/2),s(e,"fill","none"),s(e,"stroke","white")},m(n,l){b(n,e,l)},p(n,l){l&16&&r!==(r=n[4]/2)&&s(e,"cx",r),l&32&&i!==(i=n[5]/2)&&s(e,"cy",i)},d(n){n&&o(e)}}}function Fn(a){let e,r,i,n,l=a[0]&&Cn();return{c(){e=x("g"),r=x("use"),l&&l.c(),i=ms(),this.h()},l(u){e=A(u,"g",{transform:!0});var h=m(e);r=A(h,"use",{href:!0}),m(r).forEach(o),h.forEach(o),l&&l.l(u),i=ms(),this.h()},h(){s(r,"href","#nodes-"+a[8]),s(e,"transform","translate(10, 130) scale(0.1)")},m(u,h){b(u,e,h),f(e,r),l&&l.m(u,h),b(u,i,h),n=!0},p(u,h){u[0]?l?h&1&&N(l,1):(l=Cn(),l.c(),N(l,1),l.m(i.parentNode,i)):l&&(Br(),G(l,1,1,()=>{l=null}),Mr())},i(u){n||(N(l),n=!0)},o(u){G(l),n=!1},d(u){u&&o(e),l&&l.d(u),u&&o(i)}}}function Cn(a){let e,r,i,n,l,u,h,c,v;return{c(){e=x("g"),r=x("g"),i=x("rect"),n=x("path"),l=x("text"),u=y("A little to the left!"),this.h()},l(E){e=A(E,"g",{});var P=m(e);r=A(P,"g",{style:!0});var T=m(r);i=A(T,"rect",{x:!0,y:!0,width:!0,height:!0,rx:!0,fill:!0,stroke:!0}
1),m(i).forEach(o),n=A(T,"path",{d:!0,fill:!0,stroke:!0,"stroke-width":!0}),m(n).forEach(o),l=A(T,"text",{x:!0,y:!0,"text-anchor":!0,fill:!0,"font-size":!0});var D=m(l);u=k(D,"A little to the left!"),D.forEach(o),T.forEach(o),P.forEach(o),this.h()},h(){s(i,"x",0),s(i,"y",0),s(i,"width",180),s(i,"height",50),s(i,"rx","22"),s(i,"fill","white"),s(i,"stroke","black"),s(n,"d","M10,70 q 20 0 20 -20"),s(n,"fill","none"),s(n,"stroke","black"),s(n,"stroke-width","1"),s(l,"x",26),s(l,"y",30),s(l,"text-anchor","left"),s(l,"fill","black"),s(l,"font-size","16"),ue(r,"transform","translate(50px, 60px")},m(E,P){b(E,e,P),f(e,r),f(r,i),f(r,n),f(r,l),f(l,u),v=!0},i(E){v||(Fr(()=>{v&&(c&&c.end(1),h=Qn(e,xn,{y:10,duration:300,delay:900}),h.start())}),v=!0)},o(E){h&&h.invalidate(),c=ea(e,xn,{y:-10,duration:300}),v=!1},d(E){E&&o(e),E&&c&&c.end()}}}function ya(a){let e,r,i,n,l,u,h,c,v,E,P,T,D,X,M,L,ie,fe,Y,j,U,O,Z,$e,ce,Ae,je,K,Te,Le,Be,ot,B,pe=a[6],H=[];for(let w=0;w<pe.length;w+=1)H[w]=Bn(Tn(a,pe,w));let te=a[6],V=[];for(let w=0;w<te.length;w+=1)V[w]=Mn(jn(a,te,w));const At=w=>G(V[w],1,1,()=>{V[w]=null});let F=a[2]&&Dn(a),de=a[6],q=[];for(let w=0;w<de.length;w+=1)q[w]=Vn(An(a,de,w));let C=a[2]&&Sn(a),S=a[1]&&Fn(a);return{c(){e=d("div"),r=x("svg"),i=x("defs"),n=x("filter"),l=x("feGaussianBlur"),u=x("mask"),h=x("g"),c=x("rect"),v=x("circle"),D=x("mask"),X=x("g"),M=x("rect"),L=x("circle"),j=x("g");for(let w=0;w<H.length;w+=1)H[w].c();U=x("g");for(let w=0;w<V.length;w+=1)V[w].c();O=x("rect"),F&&F.c(),Z=x("g"),$e=x("use"),ce=x("use"),K=x("g");for(let w=0;w<q.length;w+=1)q[w].c();C&&C.c(),Le=ms(),S&&S.c(),this.h()},l(w){e=g(w,"DIV",{class:!0});var z=m(e);r=A(z,"svg",{class:!0,viewBox:!0});var _=m(r);i=A(_,"defs",{});var W=m(i);n=A(W,"filter",{id:!0,x:!0,y:!0,width:!0,height:!0});var lt=m(n);l=A(lt,"feGaussianBlur",{stdDeviation:!0}),m(l).forEach(o),lt.forEach(o),u=A(W,"mask",{id:!0});var Ye=m(u);h=A(Ye,"g",{transform:!0});var me=m(h);c=A(me,"rect",{x:!0,y:!0,width:!0,height:!0,fill:!0}),m(c).forEach(o),v=A(me,"circle",{cx:!0,cy:!0,r:!0,fill:!0}),m(v).forEach(o),me.forEach(o),Ye.forEach(o),D=A(W,"mask",{id:!0});var it=m(D);X=A(it,"g",{transform:!0});var Me=m(X);M=A(Me,"rect",{x:!0,y:!0,width:!0,height:!0,fill:!0}),m(M).forEach(o),L=A(Me,"circle",{cx:!0,cy:!0,r:!0,fill:!0}),m(L).forEach(o),Me.forEach(o),it.forEach(o),j=A(W,"g",{id:!0});var ge=m(j);for(let Q=0;Q<H.length;Q+=1)H[Q].l(ge);ge.forEach(o),U=A(W,"g",{id:!0});var ft=m(U);for(let Q=0;Q<V.length;Q+=1)V[Q].l(ft);ft.forEach(o),W.forEach(o),O=A(_,"rect",{width:!0,height:!0,fill:!0}),m(O).forEach(o),F&&F.l(_),Z=A(_,"g",{transform:!0,mask:!0});var De=m(Z);$e=A(De,"use",{href:!0}),m($e).forEach(o),ce=A(De,"use",{href:!0}),m(ce).forEach(o),De.forEach(o),K=A(_,"g",{transform:!0});var ve=m(K);for(let Q=0;Q<q.length;Q+=1)q[Q].l(ve);ve.forEach(o),C&&C.l(_),Le=ms(),S&&S.l(_),_.forEach(o),z.forEach(o),this.h()},h(){s(l,"stdDeviation","12"),s(n,"id","blur"),s(n,"x","-50%"),s(n,"y","-50%"),s(n,"width","200%"),s(n,"height","200%"),s(c,"x","-50%"),s(c,"y","-50%"),s(c,"width","200%"),s(c,"height","200%"),s(c,"fill","black"),s(v,"cx",E=a[4]/2),s(v,"cy",P=a[5]/2),s(v,"r",Vr/2),s(v,"fill","white"),s(h,"transform",T=`translate(${-a[4]/2}, ${-a[5]/2})`),s(u,"id","blur-mask"),s(M,"x","-50%"),s(M,"y","-50%"),s(M,"width","200%"),s(M,"height","200%"),s(M,"fill","white"),s(L,"cx",ie=a[4]/2),s(L,"cy",fe=a[5]/2),s(L,"r",Vr/2),s(L,"fill","black"),s(X,"transform",Y=`translate(${-a[4]/2}, ${-a[5]/2})`),s(D,"id","inverted-blur-mask"),s(j,"id","nodes-"+a[8]),s(U,"id","nodes-text-"+a[8]),s(O,"width",a[4]),s(O,"height",a[5]),s(O,"fill","transparent"),s($e,"href","#nodes-"+a[8]),s(ce,"href","#nodes-text-"+a[8]),s(Z,"transform",Ae=`translate(${a[4]/2}, ${a[5]/2})`),s(Z,"mask",je=a[2]?"url(#blur-mask)":void 0),s(K,"transform",Te=`translate(${a[4]/2}, ${a[5]/2})`),s(r,"class","w-full max-w-full h-full overflow-visible"),s(r,"viewBox",Be=`0 0 ${a[4]} ${a[5]}`),s(e,"class","w-full h-full font-sans select-none"),Fr(()=>a[14].call(e))},m(w,z){b(w,e,z),f(e,r),f(r,i),f(i,n),f(n,l),f(i,u),f(u,h),f(h,c),f(h,v),f(i,D),f(D,X),f(X,M),f(X,L),f(i,j);for(let _=0;_<H.length;_+=1)H[_]&&H[_].m(j,null);f(i,U);for(let _=0;_<V.length;_+=1)V[_]&&V[_].m(U,null);f(r,O),F&&F.m(r,null),f(r,Z),f(Z,$e),f(Z,ce),f(r,K);for(let _=0;_<q.length;_+=1)q[_]&&q[_].m(K,null);C&&C.m(r,null),f(r,Le),S&&S.m(r,null),ot=qn(e,a[14].bind(e)),B=!0},p(w,[z]){if((!B||z&16&&E!==(E=w[4]/2))&&s(v,"cx",E),(!B||z&32&&P!==(P=w[5]/2))&&s(v,"cy",P),(!B||z&48&&T!==(T=`translate(${-w[4]/2}, ${-w[5]/2})`))&&s(h,"transform",T),(!B||z&16&&ie!==(ie=w[4]/2))&&s(L,"cx",ie),(!B||z&32&&fe!==(fe=w[5]/2))&&s(L,"cy",fe),(!B||z&48&&Y!==(Y=`translate(${-w[4]/2}, ${-w[5]/2})`))&&s(X,"transform",Y),z&192){pe=w[6];let _;for(_=0;_<pe.length;_+=1){const W=Tn(w,pe,_);H[_]?H[_].p(W,z):(H[_]=Bn(W),H[_].c(),H[_].m(j,null))}for(;_<H.length;_+=1)H[_].d(1);H.length=pe.length}if(z&192){te=w[6];let _;for(_=0;_<te.length;_+=1){const W=jn(w,te,_);V[_]?(V[_].p(W,z),N(V[_],1)):(V[_]=Mn(W),V[_].c(),N(V[_],1),V[_].m(U,null))}for(Br(),_=te.length;_<V.length;_+=1)At(_);
1Mr()}if((!B||z&16)&&s(O,"width",w[4]),(!B||z&32)&&s(O,"height",w[5]),w[2]?F?F.p(w,z):(F=Dn(w),F.c(),F.m(r,Z)):F&&(F.d(1),F=null),(!B||z&48&&Ae!==(Ae=`translate(${w[4]/2}, ${w[5]/2})`))&&s(Z,"transform",Ae),(!B||z&4&&je!==(je=w[2]?"url(#blur-mask)":void 0))&&s(Z,"mask",je),z&1216){de=w[6];let _;for(_=0;_<de.length;_+=1){const W=An(w,de,_);q[_]?q[_].p(W,z):(q[_]=Vn(W),q[_].c(),q[_].m(K,null))}for(;_<q.length;_+=1)q[_].d(1);q.length=de.length}(!B||z&48&&Te!==(Te=`translate(${w[4]/2}, ${w[5]/2})`))&&s(K,"transform",Te),w[2]?C?C.p(w,z):(C=Sn(w),C.c(),C.m(r,Le)):C&&(C.d(1),C=null),w[1]?S?(S.p(w,z),z&2&&N(S,1)):(S=Fn(w),S.c(),N(S,1),S.m(r,null)):S&&(Br(),G(S,1,1,()=>{S=null}),Mr()),(!B||z&48&&Be!==(Be=`0 0 ${w[4]} ${w[5]}`))&&s(r,"viewBox",Be)},i(w){if(!B){for(let z=0;z<te.length;z+=1)N(V[z]);N(S),B=!0}},o(w){V=V.filter(Boolean);for(let z=0;z<V.length;z+=1)G(V[z]);G(S),B=!1},d(w){w&&o(e),cs(H,w),cs(V,w),F&&F.d(),cs(q,w),C&&C.d(),S&&S.d(),ot()}}}let Vr=380;function ka(a,e,r){let i,{isVisible:n=!1}=e,{hasMinimap:l=!1}=e,{hasBlur:u=!1}=e,{concepts:h=[]}=e,{class:c=""}=e;const v=Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15);let E=100,P=100,T=100,D=ba([0,0,0,0,0,0,0,0,0],{iDelay:30,duration:600,delay:200});Gn(a,D,j=>r(7,i=j));const X=()=>{D.set(n?[0,0,0,0,0,0,0,0,0].map((j,U)=>{var O;return((O=h[U])==null?void 0:O.size)||0}):[0,0,0,0,0,0,0,0,0],{iDelay:30,duration:600,delay:n?200:0})};Yn(X);let M=ca(),L=[];function ie(){r(6,L=h.map((j,U)=>({...j,x:(U-h.length/2)*12e3,y:0}))),M.nodes(L).force("x",pa(P/2).strength(.05)).force("y",da(T*0).strength(.15)).force("collision",ga().radius(j=>j.size+21).strength(.6)).on("tick",()=>{r(6,L)}),M.alphaTarget(.3).restart()}const fe=(j,U,O,Z)=>{r(6,U[O].x+=Z.detail.dx,L),r(6,U[O].y+=Z.detail.dy,L),M.alpha(.1).restart()};function Y(){E=this.clientWidth,T=this.clientHeight,r(3,E),r(5,T)}return a.$$set=j=>{"isVisible"in j&&r(0,n=j.isVisible),"hasMinimap"in j&&r(1,l=j.hasMinimap),"hasBlur"in j&&r(2,u=j.hasBlur),"concepts"in j&&r(11,h=j.concepts),"class"in j&&r(12,c=j.class)},a.$$.update=()=>{a.$$.dirty&8&&r(4,P=Math.max(500,E)),a.$$.dirty&1&&X()},ie(),[n,l,u,E,P,T,L,i,v,D,M,h,c,fe,Y]}class ws extends ds{constructor(e){super(),gs(this,e,ka,ya,vs,{isVisible:0,hasMinimap:1,hasBlur:2,concepts:11,class:12})}}function Ea(a){let e,r;return{c(){e=d("div"),r=d("div"),this.h()},l(i){e=g(i,"DIV",{class:!0});var n=m(e);r=g(n,"DIV",{class:!0,style:!0}),m(r).forEach(o),n.forEach(o),this.h()},h(){s(r,"class","rounded-full bg-indigo-800/30 backdrop-blur-xl transition-all duration-[2000ms] w-[50vmin] h-[50vmin] glow svelte-14c3dig"),ue(r,"transform","scale("+a[0]+")"),s(e,"class","w-full h-full flex items-center justify-center svelte-14c3dig")},m(i,n){b(i,e,n),f(e,r)},p(i,[n]){n&1&&ue(r,"transform","scale("+i[0]+")")},i:ps,o:ps,d(i){i&&o(e)}}}function $a(a,e,r){let i,{isAuto:n=!1}=e;const l=ma(1,{duration:20,easing:va});Gn(a,l,v=>r(0,i=v));let u;function h(){l.set(1),u=setInterval(()=>{ra(l,i=i===.4?1:.4,i)},3600)}function c(){clearInterval(u),l.set(40)}return sa(c),a.$$set=v=>{"isAuto"in v&&r(2,n=v.isAuto)},a.$$.update=()=>{a.$$.dirty&4&&n&&h()},[i,l,n]}class Ia extends ds{constructor(e){super(),gs(this,e,$a,Ea,vs,{isAuto:2})}}function Wn(a,e,r){const i=a.slice();i[7]=e[r][0],i[8]=e[r][1],i[9]=e[r][2];const n=i[3](i[7],i[8],i[9],i[1]);return i[10]=n,i}function Nn(a){let e,r,i,n,l,u;return{c(){e=x("polyline"),n=x("polyline"),this.h()},l(h){e=A(h,"polyline",{points:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0}),m(e).forEach(o),n=A(h,"polyline",{points:!0,fill:!0,stroke:!0,"stroke-width":!0,"stroke-linecap":!0,"stroke-linejoin":!0}),m(n).forEach(o),this.h()},h(){s(e,"points",r=[...a[10][0],[a[10][0][0]+6,a[10][0][1]],[a[10][0][0]+6,(a[10][0][1]+a[10][1][1])/2],[a[10][1][0]-18,(a[10][0][1]+a[10][1][1])/2],[a[10][1][0]-18,a[10][1][1]],...a[10][1]]),s(e,"fill","none"),s(e,"stroke",i=a[2][a[7]]),s(e,"stroke-width",Rn),s(e,"stroke-linecap","round"),s(e,"stroke-linejoin","round"),s(n,"points",l=a[4]([[a[10][1][1]-18,a[10][1][1]],a[10][1]])),s(n,"fill","none"),s(n,"stroke",u=a[2][a[7]]),s(n,"stroke-width",Rn),s(n,"stroke-linecap","round"),s(n,"stroke-linejoin","round")},m(h,c){b(h,e,c),b(h,n,c)},p(h,c){c&3&&r!==(r=[...h[10][0],[h[10][0][0]+6,h[10][0][1]],[h[10][0][0]+6,(h[10][0][1]+h[10][1][1])/2],[h[10][1][0]-18,(h[10][0][1]+h[10][1][1])/2],[h[10][1][0]-18,h[10][1][1]],...h[10][1]])&&s(e,"points",r),c&1&&i!==(i=h[2][h[7]])&&s(e,"stroke",i),c&3&&l!==(l=h[4]([[h[10][1][1]-18,h[10][1][1]],h[10][1]]))&&s(n,"points",l),c&1&&u!==(u=h[2][h[7]])&&s(n,"stroke",u)},d(h){h&&o(e),h&&o(n)}}}function Pa(a){let e,r,i,n=a[0],l=[];for(let u=0;u<n.length;u+=1)l[u]=Nn(Wn(a,n,u));return{c(){e=d("div"),r=x("svg");for(let u=0;u<l.length;u+=1)l[u].c();this.h()},l(u){e=g(u,"DIV",{class:!0});var h=m(e);r=A(h,"svg",{width:!0,height:!0,class:!0});var c=m(r);for(let v=0;v<l.length;v+=1)l[v].l(c);
1c.forEach(o),h.forEach(o),this.h()},h(){s(r,"width",a[1]),s(r,"height",Sr),s(r,"class","svelte-1a6rmxe"),s(e,"class","w-full flex justify-center my-20 max-w-[800px] mx-auto"),Fr(()=>a[5].call(e))},m(u,h){b(u,e,h),f(e,r);for(let c=0;c<l.length;c+=1)l[c]&&l[c].m(r,null);i=qn(e,a[5].bind(e))},p(u,[h]){if(h&31){n=u[0];let c;for(c=0;c<n.length;c+=1){const v=Wn(u,n,c);l[c]?l[c].p(v,h):(l[c]=Nn(v),l[c].c(),l[c].m(r,null))}for(;c<l.length;c+=1)l[c].d(1);l.length=n.length}h&2&&s(r,"width",u[1])},i:ps,o:ps,d(u){u&&o(e),cs(l,u),i()}}}const Sr=60,Rn=3;function za(a,e,r){let{beats:i=[]}=e,n=400;const l={in:"#4F70B3",transform:"#D6C6E1",out:"#1E757C"},u=(E,P,T)=>{if(E==="in")return[[P*n,Sr],[(P+T)*n,0]];if(E==="transform")return[[P*n,0],[(P+T)*n,0]];if(E==="out")return[[P*n,0],[(P+T)*n,Sr]]},h=(E,P)=>[P*Math.cos(E),P*Math.sin(E)],c=E=>{const T=Math.PI/6,D=Math.atan2(E[1][1]-E[0][1],E[1][0]-E[0][0])+Math.PI;return[h(D-T,11).map((M,L)=>E[1][L]+M),E[1],h(D+T,11).map((M,L)=>E[1][L]+M)].map(M=>M.join(",")).join(" ")};function v(){n=this.clientWidth,r(1,n)}return a.$$set=E=>{"beats"in E&&r(0,i=E.beats)},[i,n,l,u,c,v]}class Tr extends ds{constructor(e){super(),gs(this,e,za,Pa,vs,{beats:0})}}const{document:Lr}=oa;function xa(a){let e,r,i;return r=new ws({props:{isVisible:a[1]<.7&&a[0],concepts:[{label:"Text inputs have no affordances",size:R(80,120),shape:"sphere",color:"#E6A002"},{label:"Prompts are just a pile of context",size:R(80,120),shape:"cube",color:"#4F70B3"},{label:"Their responses are isolated",size:R(80,120),shape:"pyramid",color:"#0A453B"},{label:"You can't switch between doing and evaluating",size:R(110,130),shape:"polyhedron",color:"#D6C6E1"},{label:"They live between tool and machine",size:R(80,120),shape:"polyhedron",color:"#F96F40"}]}}),{c(){e=d("div"),ne(r.$$.fragment),this.h()},l(n){e=g(n,"DIV",{class:!0});var l=m(e);ae(r.$$.fragment,l),l.forEach(o),this.h()},h(){s(e,"class","h-[610px] w-full")},m(n,l){b(n,e,l),oe(r,e,null),i=!0},p(n,l){const u={};l&3&&(u.isVisible=n[1]<.7&&n[0]),r.$set(u)},i(n){i||(N(r.$$.fragment,n),i=!0)},o(n){G(r.$$.fragment,n),i=!1},d(n){n&&o(e),le(r)}}}function Aa(a){let e,r,i;return r=new ws({props:{isVisible:a[1]<.7&&a[0],hasBlur:!0,concepts:[{label:"Text inputs have no affordances",size:R(80,120),shape:"sphere",color:"#E6A002"},{label:"Prompts are just a pile of context",size:R(80,120),shape:"cube",color:"#4F70B3"},{label:"Their responses are isolated",size:R(80,120),shape:"pyramid",color:"#0A453B"},{label:"You can't switch between doing and evaluating",size:R(110,130),shape:"polyhedron",color:"#D6C6E1"},{label:"They live between tool and machine",size:R(80,120),shape:"polyhedron",color:"#F96F40"}]}}),{c(){e=d("div"),ne(r.$$.fragment),this.h()},l(n){e=g(n,"DIV",{class:!0});var l=m(e);ae(r.$$.fragment,l),l.forEach(o),this.h()},h(){s(e,"class","h-[770px] w-full")},m(n,l){b(n,e,l),oe(r,e,null),i=!0},p(n,l){const u={};l&3&&(u.isVisible=n[1]<.7&&n[0]),r.$set(u)},i(n){i||(N(r.$$.fragment,n),i=!0)},o(n){G(r.$$.fragment,n),i=!1},d(n){n&&o(e),le(r)}}}function ja(a){let e,r,i;return r=new ws({props:{isVisible:a[1]<.7&&a[0],concepts:[{label:"Text inputs have no affordances",size:R(80,120),shape:"sphere",color:"#E6A002"},{label:"Prompts are just a pile of context",size:R(80,120),shape:"cube",color:"#4F70B3"},{label:"Their responses are isolated",size:R(80,120),shape:"pyramid",color:"#0A453B"},{label:"You can't switch between doing and evaluating",size:R(110,130),shape:"polyhedron",color:"#D6C6E1"},{label:"They live between tool and machine",size:R(80,120),shape:"polyhedron",color:"#F96F40"},{label:"No visual hierarchy",size:R(60,90),shape:"pyramid",color:"#2E8B57",isSuggested:!0},{label:"Can't spatially arrange information",size:R(60,90),shape:"polyhedron",color:"#9370DB",isSuggested:!0},{label:"Versioning and branching is hard",size:R(60,90),shape:"sphere",color:"#CD5C5C",isSuggested:!0}]}}),{c(){e=d("div"),ne(r.$$.fragment),this.h()},l(n){e=g(n,"DIV",{class:!0});var l=m(e);ae(r.$$.fragment,l),l.forEach(o),this.h()},h(){s(e,"class","h-[770px] w-full")},m(n,l){b(n,e,l),oe(r,e,null),i=!0},p(n,l){const u={};l&3&&(u.isVisible=n[1]<.7&&n[0]),r.$set(u)},i(n){i||(N(r.$$.fragment,n),i=!0)},o(n){G(r.$$.fragment,n),i=!1},d(n){n&&o(e),le(r)}}}function Ta(a){let e,r,i;return r=new ws({props:{isVisible:a[1]<.7&&a[0],hasMinimap:!0,concepts:[{label:"Text inputs have no affordances",size:R(80,120),shape:"sphere",color:"#E6A002"},{label:"Prompts are just a pile of context",size:R(80,120),shape:"cube",color:"#4F70B3"},{label:"Their responses are isolated",size:R(80,120),shape:"pyramid",color:"#0A453B"},{label:"You can't switch between doing and evaluating",size:R(110,130),shape:"polyhedron",color:"#D6C6E1"},{label:"They live between tool and machine",size:R(80,120),shape:"polyhedron",color:"#F96F40"}]}}
1),{c(){e=d("div"),ne(r.$$.fragment),this.h()},l(n){e=g(n,"DIV",{class:!0});var l=m(e);ae(r.$$.fragment,l),l.forEach(o),this.h()},h(){s(e,"class","h-[770px] w-full")},m(n,l){b(n,e,l),oe(r,e,null),i=!0},p(n,l){const u={};l&3&&(u.isVisible=n[1]<.7&&n[0]),r.$set(u)},i(n){i||(N(r.$$.fragment,n),i=!0)},o(n){G(r.$$.fragment,n),i=!1},d(n){n&&o(e),le(r)}}}function La(a){let e,r,i,n,l,u,h,c,v,E,P,T,D,X,M,L,ie,fe,Y,j,U,O,Z,$e,ce,Ae,je,K,Te,Le,Be,ot,B,pe,H,te,V,At,F,de,q,C,S,w,z,_,W,lt,Ye,me,it,Me,ge,ft,De,ve,Q,Vt,ee,bs,_s,ys,ht,ks,Es,ut,$s,Is,ct,Ps,zs,St,Oe,xs,Ft,Xe,As,Ct,Ue,js,Wt,Ze,Ts,Nt,Je,Ls,Rt,Ie,Bs,mt,Ms,Ds,Ht,Ve,Vs,pt,Ss,qt,Pe,Fs,ze,Cs,Ws,Gt,Se,Yt,Ke,Ns,Ot,Qe,Rs,Xt,se,dt,Hs,qs,Gs,Ys,Os,Xs,Us,Zs,Ut,Fe,Zt,Ce,Js,gt,Ks,Jt,We,J,vt,Qs,er,wt,et,tr,bt,sr,rr,_t,tt,nr,yt,ar,or,kt,st,lr,we,ir,fr,hr,ur,cr,Kt,be,Et,mr,pr,dr,gr,Qt,Ne,es,rt,vr,ts,_e,$t,wr,br,_r,yr,ss,Re,rs,nt,kr,ns,He,ye,Er,It,$r,Ir,Pt,Pr,zr,as,at,xr,os,qe,Cr,jt;return Lr.title=e=Hn,i=new la({}),D=new Ia({props:{isAuto:!0}}),Se=new us({props:{options:{threshold:[0,.3,.5,.7,.8,1],rootMargin:"-40% 0% 0% 0%"},$$slots:{default:[xa,({isInView:t,percentScrolled:p})=>({0:t,1:p}),({isInView:t,percentScrolled:p})=>(t?1:0)|(p?2:0)]},$$scope:{ctx:a}}}),Fe=new us({props:{options:{threshold:[0,.3,.5,.7,.8,1],rootMargin:"-40% 0% 0% 0%"},$$slots:{default:[Aa,({isInView:t,percentScrolled:p})=>({0:t,1:p}),({isInView:t,percentScrolled:p})=>(t?1:0)|(p?2:0)]},$$scope:{ctx:a}}}),et=new Tr({props:{beats:[["in",0,.06],["transform",.07,.06],["out",.14,.06],["in",.25,.06],["transform",.32,.06],["out",.39,.06],["in",.5,.06],["transform",.57,.02],["out",.6,.06],["in",.73,.06],["transform",.8,.04],["out",.85,.06]]}}),tt=new Tr({props:{beats:[["in",.1,.06],["transform",.18,.01],["out",.21,.06],["in",.5,.06],["transform",.57,.01],["out",.6,.06],["in",.72,.06],["transform",.79,.06],["out",.86,.06]]}}),st=new Tr({props:{beats:[["in",.1,.2],["transform",.33,.3],["out",.65,.3]]}}),Ne=new us({props:{options:{threshold:[0,.3,.5,.7,.8,1],rootMargin:"-40% 0% 0% 0%"},$$slots:{default:[ja,({isInView:t,percentScrolled:p})=>({0:t,1:p}),({isInView:t,percentScrolled:p})=>(t?1:0)|(p?2:0)]},$$scope:{ctx:a}}}),Re=new us({props:{options:{threshold:[0,.3,.5,.7,.8,1],rootMargin:"-40% 0% 0% 0%"},$$slots:{default:[Ta,({isInView:t,percentScrolled:p})=>({0:t,1:p}),({isInView:t,percentScrolled:p})=>(t?1:0)|(p?2:0)]},$$scope:{ctx:a}}}),{c(){r=$(),ne(i.$$.fragment),n=$(),l=d("div"),u=d("h1"),h=y("LLMs as a tool for thought"),c=$(),v=d("div"),E=$(),P=d("div"),T=d("div"),ne(D.$$.fragment),X=$(),M=d("div"),L=d("p"),ie=y("Take a breath with me."),fe=$(),Y=d("div"),j=d("p"),U=y("As you breathe in,"),O=d("br"),Z=y("think about the air rushing into your lungs."),$e=$(),ce=d("p"),Ae=y(`The oxygen from the air diffuses into your bloodstreams, is used for cellular respiration, and 2 is transformed into carbon dioxide.`),je=$(),K=d("p"),Te=y("As you breathe out,"),Le=d("br"),Be=y("think about the carbon dioxide rushing out of your lungs."),ot=$(),B=d("p"),pe=y("This cycle of"),H=d("br"),te=d("span"),V=y("taking something in"),At=y(`, 3 `),F=d("span"),de=y("transforming it"),q=y(`, and 4 `),C=d("span"),S=y("sending something out"),w=d("br"),z=y("is pervasive in our lives."),_=$(),W=d("p"),lt=y("Think about how a painter works."),Ye=$(),me=d("p"),it=y("First, they wait and look and listen until theyâre inspired to work. They step up to the canvas and make a few brushstrokes."),Me=$(),ge=d("p"),ft=y("Then they step back and look, taking in the painting and planning their next step."),De=$(),ve=d("p"),Q=y("After a moment, they again step towards the canvas and make more brushstrokes."),Vt=$(),ee=d("p"),bs=y("And repeat. This cycle of"),_s=d("br"),ys=$(),ht=d("span"),ks=y("taking something in"),Es=y(` (observing), 5 `),ut=d("span"),$s=y("transforming it"),Is=y(` (planning), and 6 `),ct=d("span"),Ps=y("sending something out"),zs=y(" (painting)."),St=$(),Oe=d("p"),xs=y("Think about how conversations work."),Ft=$(),Xe=d("p"),As=y("As someone is speaking, weâre listening"),Ct=$(),Ue=d("p"),js=y("and planning a response."),Wt=$(),Ze=d("p"),Ts=y("After a moment, we respond."),Nt=$(),Je=d("p"),Ls=y("And back and forth we go."),Rt=$(),Ie=d("p"),Bs=y(`What if we applied this cycle to LLM chatbots? I think most people use chatbots only as a 7 way to steer somewhere. Answer a question, edit some text, write a function, explain a concept, 8 etc. I have, historically. But, more and more, Iâm realizing that `),mt=d("em"),Ms=y("LLMs can be a great tool for thought"),Ds=y(". A wonderful brainstorming partner."),Ht=$(),Ve=d("p"),Vs=y(`Instead of using them as a way to solve X, what happens if we use them the way
8we use 9 conversation? Getting thoughts out of our heads, listening to their responses, and reacting to 10 them? Like sketching while thinking â the focus isnât on "creating something". Gaining distance from thoughts as a way to evolve them. `),pt=d("em"),Ss=y("A good tool for thought is an extension of your mind."),qt=$(),Pe=d("p"),Fs=y("What might this look like? Letâs examine how to use an LLM chatbot to plan a piece of writing: a collection of concepts, arranged in a structure. Take "),ze=d("a"),Cs=y("this piece on Why Chatbots Are Not the Future"),Ws=y(` as an example. There is a main thesis (chatbots arenât the ultimate UI) that is reinforced by 11 a few main points:`),Gt=$(),ne(Se.$$.fragment),Yt=$(),Ke=d("p"),Ns=y(`That post started out as a mess of thoughts in my head. I had to figure out what concepts 12 made sense together, decide on a general structure, and organize relevant thoughts into a 13 supporting shape. Writing is hard!`),Ot=$(),Qe=d("p"),Rs=y("How can we offload some of that work we usually do in our own heads?"),Xt=$(),se=d("p"),dt=d("strong"),Hs=y("Preserving thoughts outside our working memory"),qs=y("."),Gs=d("br"),Ys=y(`We can only fit so many thoughts 14 into our heads at once. As a new parent, I have a smaller window than most. Outside of this 15 window of attention, thoughts getting increasingly fuzzy, losing their shape and dispersing. 16 17 `),Os=d("br"),Xs=$(),Us=d("br"),Zs=y(` 18 But! 19 When talking through an idea with an LLM chatbot, I can trust that it will remember all of the 20 context. Iâm happy to throw an idea out there and quickly move on to the next one, knowing that it 21 will be waiting for me.`),Ut=$(),ne(Fe.$$.fragment),Zt=$(),Ce=d("p"),Js=y(`Practically, this often looks like me saying something like "pin this idea and this other idea for later". 22 And later, Iâll ask the chatbot for a list of ideas Iâve pinned. `),gt=d("em"),Ks=y(`Sometimes this is even weeks 23 later!`),Jt=$(),We=d("div"),J=d("div"),vt=d("p"),Qs=y(`Think about how different forms 24 of dialogue have different cadences. In person, we trade thoughts rapidly, barely a breath 25 between exchanges.`),er=$(),wt=d("div"),ne(et.$$.fragment),tr=$(),bt=d("p"),sr=y("We text at a more measured pace, with minutes or hours between responses."),rr=$(),_t=d("div"),ne(tt.$$.fragment),nr=$(),yt=d("p"),ar=y("Emailing stretches even further, with thoughts developing over days."),or=$(),kt=d("div"),ne(st.$$.fragment),lr=$(),we=d("p"),ir=y(`LLMs offer something unique here: they can match whatever cadence feels natural to our thinking. 26 `),fr=d("br"),hr=$(),ur=d("br"),cr=y(` 27 Sometimes we need rapid exchanges to maintain a flow of thought. Other times, we need to step 28 back, reflect, and return hours or days later â and find our thought partner exactly where we left 29 them, context intact. The conversation picks up seamlessly, whether itâs been five minutes or five 30 days.`),Kt=$(),be=d("p"),Et=d("strong"),mr=y("Suggesting thoughts"),pr=y("."),dr=d("br"),gr=y(`A thesis is only as strong as its supporting points. While 31 ideating, an LLM chatbot can suggest related ideas to evolve a thesis (is this point robust?) and flesh out support for it (what is a better analogy?). My knowledge bank is limited 32 and focused on a narrow set of topics. Itâs lovely to have an increased number and variety of 33 concepts to pull from.`),Qt=$(),ne(Ne.$$.fragment),es=$(),rt=d("p"),vr=y(`Practically, this looks like me pausing while writing and asking the chatbot to list related ideas 34 or to list analogies from different domains. Maybe even asking it to evaluate if those 35 analogies strengthen or refute the point Iâm trying to make.`),ts=$(),_e=d("p"),$t=d("strong"),wr=y("Providing perspective and increasing the cycle speed"),br=y("."),_r=d("br"),yr=y(`Think of the painter: as 36 theyâre close to the canvas, theyâre focused on implementing. Theyâve lost their view of the whole 37 picture. Having someone else standing back and giving feedback on the zoomed-out view 38 supercharges the take something in, transform it, and send something out cycle. In fact, Iâve seen 39 digital artists keep a zoomed-out view of their canvas open as they paint.`),ss=$(
39),ne(Re.$$.fragment),rs=$(),nt=d("p"),kr=y(`Practically, this looks like me asking about the "flow" of writing as I tweak it. This feels 40 especially valuable, since itâs more laborious to see a "zoomed out" view of writing than a 41 painting (we need to read individual words to get the shape of the whole piece, something I have 42 many thoughts on and think LLMs x UI can improve).`),ns=$(),He=d("div"),ye=d("div"),Er=y("I donât think chatbots are the "),It=d("em"),$r=y("best"),Ir=y(` tool for this flow. But they arenât really 43 the ideal tool for `),Pt=d("em"),Pr=y("any"),zr=y(` specific flow. In the same way that that restaurant with the 20-page menu doesnât 44 make the best steak or pizza, its beauty is that itâs good enough for pretty much anyone.`),as=$(),at=d("p"),xr=y(`I invite you to try it. Instead of using chatbots to steer toward specific answers, try using them as 45 partners in that natural cycle of taking in, transforming, and sending out that drives creative 46 thought. Not to get somewhere specific, but to participate in the endless exchange of ideas that 47 moves thinking forward.`),os=$(),qe=d("img"),this.h()},l(t){na("svelte-1az6e94",Lr.head).forEach(o),r=I(t),ae(i.$$.fragment,t),n=I(t),l=g(t,"DIV",{class:!0});var he=m(l);u=g(he,"H1",{class:!0});var Tt=m(u);h=k(Tt,"LLMs as a tool for thought"),Tt.forEach(o),c=I(he),v=g(he,"DIV",{class:!0}),m(v).forEach(o),E=I(he),P=g(he,"DIV",{class:!0});var Lt=m(P);T=g(Lt,"DIV",{class:!0});var Bt=m(T);ae(D.$$.fragment,Bt),Bt.forEach(o),Lt.forEach(o),X=I(he),M=g(he,"DIV",{class:!0});var Wr=m(M);L=g(Wr,"P",{class:!0});var Nr=m(L);ie=k(Nr,"Take a breath with me."),Nr.forEach(o),Wr.forEach(o),fe=I(he),Y=g(he,"DIV",{class:!0});var Ge=m(Y);j=g(Ge,"P",{class:!0});var ls=m(j);U=k(ls,"As you breathe in,"),O=g(ls,"BR",{}),Z=k(ls,"think about the air rushing into your lungs."),ls.forEach(o),$e=I(Ge),ce=g(Ge,"P",{class:!0});var Rr=m(ce);Ae=k(Rr,`The oxygen from the air diffuses into your bloodstreams, is used for cellular respiration, and 48 is transformed into carbon dioxide.`),Rr.forEach(o),je=I(Ge),K=g(Ge,"P",{class:!0});var is=m(K);Te=k(is,"As you breathe out,"),Le=g(is,"BR",{}),Be=k(is,"think about the carbon dioxide rushing out of your lungs."),is.forEach(o),ot=I(Ge),B=g(Ge,"P",{class:!0});var ke=m(B);pe=k(ke,"This cycle of"),H=g(ke,"BR",{}),te=g(ke,"SPAN",{class:!0});var Hr=m(te);V=k(Hr,"taking something in"),Hr.forEach(o),At=k(ke,`, 49 `),F=g(ke,"SPAN",{class:!0});var qr=m(F);de=k(qr,"transforming it"),qr.forEach(o),q=k(ke,`, and 50 `),C=g(ke,"SPAN",{class:!0});var Gr=m(C);S=k(Gr,"sending something out"),Gr.forEach(o),w=g(ke,"BR",{}),z=k(ke,"is pervasive in our lives."),ke.forEach(o),Ge.forEach(o),he.forEach(o),_=I(t),W=g(t,"P",{class:!0});var Yr=m(W);lt=k(Yr,"Think about how a painter works."),Yr.forEach(o),Ye=I(t),me=g(t,"P",{class:!0});var Or=m(me);it=k(Or,"First, they wait and look and listen until theyâre inspired to work. They step up to the canvas and make a few brushstrokes."),Or.forEach(o),Me=I(t),ge=g(t,"P",{class:!0});var Xr=m(ge);ft=k(Xr,"Then they step back and look, taking in the painting and planning their next step."),Xr.forEach(o),De=I(t),ve=g(t,"P",{class:!0});var Ur=m(ve);Q=k(Ur,"After a moment, they again step towards the canvas and make more brushstrokes."),Ur.forEach(o),Vt=I(t),ee=g(t,"P",{class:!0});var Ee=m(ee);bs=k(Ee,"And repeat. This cycle of"),_s=g(Ee,"BR",{}),ys=I(Ee),ht=g(Ee,"SPAN",{class:!0});var Zr=m(ht);ks=k(Zr,"taking something in"),Zr.forEach(o),Es=k(Ee,` (observing), 51 `),ut=g(Ee,"SPAN",{class:!0});var Jr=m(ut);$s=k(Jr,"transforming it"),Jr.forEach(o),Is=k(Ee,` (planning), and 52 `),ct=g(Ee,"SPAN",{class:!0});var Kr=m(ct);Ps=k(Kr,"sending something out"),Kr.forEach(o),zs=k(Ee," (painting)."),Ee.forEach(o),St=I(t),Oe=g(t,"P",{class:!0});var Qr=m(Oe);xs=k(Qr,"Think about how conversations work."),Qr.forEach(o),Ft=I(t),Xe=g(t,"P",{class:!0});var en=m(Xe);As=k(en,"As someone is speaking, weâre listening"),en.forEach(o),Ct=I(t),Ue=g(t,"P",{class:!0});var tn=m(Ue);js=k(tn,"and planning a response."),tn.forEach(o),Wt=I(t),Ze=g(t,"P",{class:!0});var sn=m(Ze);Ts=k(sn,"After a moment, we respond."),sn.forEach(o),Nt=I(t),Je=g(t,"P",{class:!0});
52var rn=m(Je);Ls=k(rn,"And back and forth we go."),rn.forEach(o),Rt=I(t),Ie=g(t,"P",{class:!0});var fs=m(Ie);Bs=k(fs,`What if we applied this cycle to LLM chatbots? I think most people use chatbots only as a 53 way to steer somewhere. Answer a question, edit some text, write a function, explain a concept, 54 etc. I have, historically. But, more and more, Iâm realizing that `),mt=g(fs,"EM",{class:!0});var nn=m(mt);Ms=k(nn,"LLMs can be a great tool for thought"),nn.forEach(o),Ds=k(fs,". A wonderful brainstorming partner."),fs.forEach(o),Ht=I(t),Ve=g(t,"P",{class:!0});var Ar=m(Ve);Vs=k(Ar,`Instead of using them as a way to solve X, what happens if we use them the way we use 55 conversation? Getting thoughts out of our heads, listening to their responses, and reacting to 56 them? Like sketching while thinking â the focus isnât on "creating something". Gaining distance from thoughts as a way to evolve them. `),pt=g(Ar,"EM",{class:!0});var an=m(pt);Ss=k(an,"A good tool for thought is an extension of your mind."),an.forEach(o),Ar.forEach(o),qt=I(t),Pe=g(t,"P",{class:!0});var hs=m(Pe);Fs=k(hs,"What might this look like? Letâs examine how to use an LLM chatbot to plan a piece of writing: a collection of concepts, arranged in a structure. Take "),ze=g(hs,"A",{href:!0,target:!0,rel:!0,class:!0});var on=m(ze);Cs=k(on,"this piece on Why Chatbots Are Not the Future"),on.forEach(o),Ws=k(hs,` as an example. There is a main thesis (chatbots arenât the ultimate UI) that is reinforced by 57 a few main points:`),hs.forEach(o),Gt=I(t),ae(Se.$$.fragment,t),Yt=I(t),Ke=g(t,"P",{class:!0});var ln=m(Ke);Ns=k(ln,`That post started out as a mess of thoughts in my head. I had to figure out what concepts 58 made sense together, decide on a general structure, and organize relevant thoughts into a 59 supporting shape. Writing is hard!`),ln.forEach(o),Ot=I(t),Qe=g(t,"P",{class:!0});var fn=m(Qe);Rs=k(fn,"How can we offload some of that work we usually do in our own heads?"),fn.forEach(o),Xt=I(t),se=g(t,"P",{class:!0});var xe=m(se);dt=g(xe,"STRONG",{class:!0});var hn=m(dt);Hs=k(hn,"Preserving thoughts outside our working memory"),hn.forEach(o),qs=k(xe,"."),Gs=g(xe,"BR",{}),Ys=k(xe,`We can only fit so many thoughts 60 into our heads at once. As a new parent, I have a smaller window than most. Outside of this 61 window of attention, thoughts getting increasingly fuzzy, losing their shape and dispersing. 62 63 `),Os=g(xe,"BR",{}),Xs=I(xe),Us=g(xe,"BR",{}),Zs=k(xe,` 64 But! 65 When talking through an idea with an LLM chatbot, I can trust that it will remember all of the 66 context. Iâm happy to throw an idea out there and quickly move on to the next one, knowing that it 67 will be waiting for me.`),xe.forEach(o),Ut=I(t),ae(Fe.$$.fragment,t),Zt=I(t),Ce=g(t,"P",{class:!0});var jr=m(Ce);Js=k(jr,`Practically, this often looks like me saying something like "pin this idea and this other idea for later". 68 And later, Iâll ask the chatbot for a list of ideas Iâve pinned. `),gt=g(jr,"EM",{class:!0});var un=m(gt);Ks=k(un,`Sometimes this is even weeks
69 later!`),un.forEach(o),jr.forEach(o),Jt=I(t),We=g(t,"DIV",{class:!0,style:!0});var cn=m(We);J=g(cn,"DIV",{class:!0});var re=m(J);vt=g(re,"P",{class:!0});var mn=m(vt);Qs=k(mn,`Think about how different forms 70 of dialogue have different cadences. In person, we trade thoughts rapidly, barely a breath 71 between exchanges.`),mn.forEach(o),er=I(re),wt=g(re,"DIV",{class:!0});var pn=m(wt);ae(et.$$.fragment,pn),pn.forEach(o),tr=I(re),bt=g(re,"P",{class:!0});var dn=m(bt);sr=k(dn,"We text at a more measured pace, with minutes or hours between responses."),dn.forEach(o),rr=I(re),_t=g(re,"DIV",{class:!0});var gn=m(_t);ae(tt.$$.fragment,gn),gn.forEach(o),nr=I(re),yt=g(re,"P",{class:!0});var vn=m(yt);ar=k(vn,"Emailing stretches even further, with thoughts developing over days."),vn.forEach(o),or=I(re),kt=g(re,"DIV",{class:!0});var wn=m(kt);ae(st.$$.fragment,wn),wn.forEach(o),lr=I(re),we=g(re,"P",{class:!0});var zt=m(we);ir=k(zt,`LLMs offer something unique here: they can match whatever cadence feels natural to our thinking. 72 `),fr=g(zt,"BR",{}),hr=I(zt),ur=g(zt,"BR",{}),cr=k(zt,` 73 Sometimes we need rapid exchanges to maintain a flow of thought. Other times, we need to step 74 back, reflect, and return hours or days later â and find our thought partner exactly where we left 75 them, context intact. The conversation picks up seamlessly, whether itâs been five minutes or five 76 days.`),zt.forEach(o),re.forEach(o),cn.forEach(o),Kt=I(t),be=g(t,"P",{class:!0});var Mt=m(be);Et=g(Mt,"STRONG",{class:!0});var bn=m(Et);mr=k(bn,"Suggesting thoughts"),bn.forEach(o),pr=k(Mt,"."),dr=g(Mt,"BR",{}),gr=k(Mt,`A thesis is only as strong as its supporting points. While 77 ideating, an LLM chatbot can suggest related ideas to evolve a thesis (is this point robust?) and flesh out support for it (what is a better analogy?). My knowledge bank is limited 78 and focused on a narrow set of topics. Itâs lovely to have an increased number and variety of 79 concepts to pull from.`),Mt.forEach(o),Qt=I(t),ae(Ne.$$.fragment,t),es=I(t),rt=g(t,"P",{class:!0});var _n=m(rt);vr=k(_n,`Practically, this looks like me pausing while writing and asking the chatbot to list related ideas 80 or to list analogies from different domains. Maybe even asking it to evaluate if those 81 analogies strengthen or refute the point Iâm trying to make.`),_n.forEach(o),ts=I(t),_e=g(t,"P",{class:!0});var Dt=m(_e);$t=g(Dt,"STRONG",{class:!0});var yn=m($t);wr=k(yn,"Providing perspective and increasing the cycle speed"),yn.forEach(o),br=k(Dt,"."),_r=g(Dt,"BR",{}),yr=k(Dt,`Think of the painter: as 82 theyâre close to the canvas, theyâre focused on implementing. Theyâve lost their view of the whole 83 picture. Having someone else standing back and giving feedback on the zoomed-out view 84 supercharges the take something in, transform it, and send something out cycle. In fact, Iâve seen 85 digital artists keep a zoomed-out view of their canvas open as they paint.`),Dt.forEach(o),ss=I(t),ae(Re.$$.fragment,t),rs=I(t),nt=g(t,"P",{class:!0});var kn=m(nt);kr=k(kn,`Practically, this looks like me asking about the "flow" of writing as I tweak it. This feels 86 especially valuable, since itâs more laborious to see a "zoomed out" view of writing than a 87 painting (we need to read individual words to get the shape of the whole piece, something I have 88 many thoughts on and think LLMs x UI can improve).`),kn.forEach(o),ns=I(t),He=g(t,"DIV",{class:!0,style:!0});var En=m(He);ye=g(En,"DIV",{class:!0});var xt=m(ye);Er=k(xt,"I donât think chatbots are the "),It=g(xt,"EM",{class:!0});var $n=m(It);$r=k($n,"best"),$n.forEach(o),Ir=k(xt,` tool for this flow. But they arenât really 89 the ideal tool for `),Pt=g(xt,"EM",{class:!0});var In=m(Pt);Pr=k(In,"any"),In.forEach(o),zr=k(xt,` specific flow. In the same way that that restaurant with the 20-page menu doesnât 90 make the best steak or pizza, its beauty is that itâs good enough for pretty much anyone.`),xt.forEach(o),En.forEach(o),as=I(t),at=g(t,"P",{class:!0});var Pn=m(at);xr=k(Pn,`I invite you to try it. Instead of using chatbots to steer toward specific answers, try using them as 91 partners in that natural cycle of taking in, transforming, and sending out that drives creative 92 thought. Not to get somewhere specific, but to participate in the endless exchange of ideas that
93 moves thinking forward.`),Pn.forEach(o),os=I(t),qe=g(t,"IMG",{src:!0,class:!0,alt:!0}),this.h()},h(){s(u,"class","text-center font-sans uppercase text-stone-600 !text-sm !font-light !tracking-widest !mt-12"),s(v,"class","w-[1px] bg-current h-12 mx-auto mt-2"),s(T,"class","w-full h-[70vh]"),s(P,"class","w-full h-0 sticky top-[10vh] -z-10"),s(L,"class","text-[5vw] italic mix-blend-difference !text-stone-300 svelte-131xrbj"),s(M,"class","flex flex-col items-center justify-center gap-3 w-full min-h-[70vh]"),s(j,"class","mb-52 max-w-[20em] mr-auto svelte-131xrbj"),s(ce,"class","my-52 text-center max-w-[20em] mx-auto svelte-131xrbj"),s(K,"class","my-52 text-right max-w-[30em] ml-auto svelte-131xrbj"),s(te,"class","italic"),s(F,"class","italic"),s(C,"class","italic"),s(B,"class","mt-52 text-center max-w-[30em] mx-auto svelte-131xrbj"),s(Y,"class","w-full max-w-[50em] mx-auto px-3 mix-blend-color-burn"),s(l,"class","w-full pb-[60vh] grid-full"),s(W,"class"," svelte-131xrbj"),s(me,"class","max-w-[20em] mr-auto svelte-131xrbj"),s(ge,"class","text-center max-w-[20em] mx-auto svelte-131xrbj"),s(ve,"class","text-right max-w-[20em] ml-auto svelte-131xrbj"),s(ht,"class","italic"),s(ut,"class","italic"),s(ct,"class","italic"),s(ee,"class","mt-52 text-center max-w-[60em] mx-auto svelte-131xrbj"),s(Oe,"class","!mt-36 svelte-131xrbj"),s(Xe,"class","!mt-12 svelte-131xrbj"),s(Ue,"class","text-center max-w-[25em] mx-auto svelte-131xrbj"),s(Ze,"class","text-right max-w-[25em] ml-auto svelte-131xrbj"),s(Je,"class","!mt-12 text-center max-w-[30em] mx-auto svelte-131xrbj"),s(mt,"class","font-semibold svelte-131xrbj"),s(Ie,"class","!mt-32 svelte-131xrbj"),s(pt,"class","font-semibold svelte-131xrbj"),s(Ve,"class","svelte-131xrbj"),s(ze,"href","https://wattenberger.com/thoughts/boo-chatbots"),s(ze,"target","_blank"),s(ze,"rel","noopener"),s(ze,"class","svelte-131xrbj"),s(Pe,"class","!mt-36 svelte-131xrbj"),s(Ke,"class","svelte-131xrbj"),s(Qe,"class","svelte-131xrbj"),s(dt,"class","svelte-131xrbj"),s(se,"class","!mt-36 svelte-131xrbj"),s(gt,"class","svelte-131xrbj"),s(Ce,"class","svelte-131xrbj"),s(vt,"class","!text-slate-600 svelte-131xrbj"),s(wt,"class","w-full flex items-center overflow-hidden"),s(bt,"class","!text-slate-600 svelte-131xrbj"),s(_t,"class","w-full flex items-center"),s(yt,"class","!text-slate-600 svelte-131xrbj"),s(kt,"class","w-full flex items-center"),s(we,"class","!text-slate-600 svelte-131xrbj"),s(J,"class","max-w-[44em] mx-auto"),s(We,"class","!mt-36 grid-full border-xx border-stone-400 py-40 px-16 overflow-hidden"),ue(We,"background","linear-gradient(to top, #fff, #E4E9F5 8%, #E4E9F5 92%, #fff 100%)"),s(Et,"class","svelte-131xrbj"),s(be,"class","!mt-52 svelte-131xrbj"),s(rt,"class","svelte-131xrbj"),s($t,"class","svelte-131xrbj"),s(_e,"class","!mt-52 svelte-131xrbj"),s(nt,"class","svelte-131xrbj"),s(It,"class","svelte-131xrbj"),s(Pt,"class","svelte-131xrbj"),s(ye,"class","max-w-[44em] mx-auto text-slate-700 leading-loose"),s(He,"class","!mt-36 grid-full border-xx border-stone-400 py-40 px-16 overflow-hidden"),ue(He,"background","linear-gradient(to top, #fff, #E4E9F5 18%, #E4E9F5 82%, #fff 100%)"),s(at,"class","!mt-36 z-20 svelte-131xrbj"),aa(qe.src,Cr="/thoughts/llms-as-a-tool-for-thought/footer.png")||s(qe,"src",Cr),s(qe,"class","w-full grid-full brightness-[1.05] lg:-mt-32 z-0"),s(qe,"alt","A watercolor sketch of robots helping garden.")},m(t,p){b(t,r,p),oe(i,t,p),b(t,n,p),b(t,l,p),f(l,u),f(u,h),f(l,c),f(l,v),f(l,E),f(l,P),f(P,T),oe(D,T,null),f(l,X),f(l,M),f(M,L),f(L,ie),f(l,fe),f(l,Y),f(Y,j),f(j,U),f(j,O),f(j,Z),f(Y,$e),f(Y,ce),f(ce,Ae),f(Y,je),f(Y,K),f(K,Te),f(K,Le),f(K,Be),f(Y,ot),f(Y,B),f(B,pe),f(B,H),f(B,te),f(te,V),f(B,At),f(B,F),f(F,de),f(B,q),f(B,C),f(C,S),f(B,w),f(B,z),b(t,_,p),b(t,W,p),f(W,lt),b(t,Ye,p),b(t,me,p),f(me,it),b(t,Me,p),b(t,ge,p),f(ge,ft),b(t,De,p),b(t,ve,p),f(ve,Q),b(t,Vt,p),b(t,ee,p),f(ee,bs),f(ee,_s),f(ee,ys),f(ee,ht),f(ht,ks),f(ee,Es),f(ee,ut),f(ut,$s),f(ee,Is),f(ee,ct),f(ct,Ps),f(ee,zs),b(t,St,p),b(t,Oe,p),f(Oe,xs),b(t,Ft,p),b(t,Xe,p),f(Xe,As),b(t,Ct,p),b(t,Ue,p),f(Ue,js),b(t,Wt,p),b(t,Ze,p),f(Ze,Ts),b(t,Nt,p),b(t,Je,p),f(Je,Ls),b(t,Rt,p),b(t,Ie,p),f(Ie,Bs),f(Ie,mt),f(mt,Ms),f(Ie,Ds),b(t,Ht,p),b(t,Ve,p),f(Ve,Vs),f(Ve,pt),f(pt,Ss),b(t,qt,p),b(t,Pe,p),f(Pe,Fs),f(Pe,ze),f(ze,Cs),f(Pe,Ws),b(t,Gt,p),oe(Se,t,p),b(t,Yt,p),b(t,Ke,p),f(Ke,Ns),b(t,Ot,p),b(t,Qe,p),f(Qe,Rs),b(t,Xt,p),b(t,se,p),f(se,dt),f(dt,Hs),f(se,qs),f(se,Gs),f(se,Ys),f(se,Os),f(se,Xs),f(se,Us),f(se,Zs),b(t,Ut,p),oe(Fe,t,p),b(t,Zt,p),b(t,Ce,p),f(Ce,Js),f(Ce,gt),f(gt,Ks),b(t,Jt,p),b(t,We,p),f(We,J),f(J,vt),f(vt,Qs),f(J,er),f(J,wt),oe(et,wt,null),f(J,tr),f(J,bt),f(bt,sr),f(J,rr),f(J,_t),oe(tt,_t,null),f(J,nr),f(J,
93yt),f(yt,ar),f(J,or),f(J,kt),oe(st,kt,null),f(J,lr),f(J,we),f(we,ir),f(we,fr),f(we,hr),f(we,ur),f(we,cr),b(t,Kt,p),b(t,be,p),f(be,Et),f(Et,mr),f(be,pr),f(be,dr),f(be,gr),b(t,Qt,p),oe(Ne,t,p),b(t,es,p),b(t,rt,p),f(rt,vr),b(t,ts,p),b(t,_e,p),f(_e,$t),f($t,wr),f(_e,br),f(_e,_r),f(_e,yr),b(t,ss,p),oe(Re,t,p),b(t,rs,p),b(t,nt,p),f(nt,kr),b(t,ns,p),b(t,He,p),f(He,ye),f(ye,Er),f(ye,It),f(It,$r),f(ye,Ir),f(ye,Pt),f(Pt,Pr),f(ye,zr),b(t,as,p),b(t,at,p),f(at,xr),b(t,os,p),b(t,qe,p),jt=!0},p(t,[p]){(!jt||p&0)&&e!==(e=Hn)&&(Lr.title=e);const he={};p&7&&(he.$$scope={dirty:p,ctx:t}),Se.$set(he);const Tt={};p&7&&(Tt.$$scope={dirty:p,ctx:t}),Fe.$set(Tt);const Lt={};p&7&&(Lt.$$scope={dirty:p,ctx:t}),Ne.$set(Lt);const Bt={};p&7&&(Bt.$$scope={dirty:p,ctx:t}),Re.$set(Bt)},i(t){jt||(N(i.$$.fragment,t),N(D.$$.fragment,t),N(Se.$$.fragment,t),N(Fe.$$.fragment,t),N(et.$$.fragment,t),N(tt.$$.fragment,t),N(st.$$.fragment,t),N(Ne.$$.fragment,t),N(Re.$$.fragment,t),jt=!0)},o(t){G(i.$$.fragment,t),G(D.$$.fragment,t),G(Se.$$.fragment,t),G(Fe.$$.fragment,t),G(et.$$.fragment,t),G(tt.$$.fragment,t),G(st.$$.fragment,t),G(Ne.$$.fragment,t),G(Re.$$.fragment,t),jt=!1},d(t){t&&o(r),le(i,t),t&&o(n),t&&o(l),le(D),t&&o(_),t&&o(W),t&&o(Ye),t&&o(me),t&&o(Me),t&&o(ge),t&&o(De),t&&o(ve),t&&o(Vt),t&&o(ee),t&&o(St),t&&o(Oe),t&&o(Ft),t&&o(Xe),t&&o(Ct),t&&o(Ue),t&&o(Wt),t&&o(Ze),t&&o(Nt),t&&o(Je),t&&o(Rt),t&&o(Ie),t&&o(Ht),t&&o(Ve),t&&o(qt),t&&o(Pe),t&&o(Gt),le(Se,t),t&&o(Yt),t&&o(Ke),t&&o(Ot),t&&o(Qe),t&&o(Xt),t&&o(se),t&&o(Ut),le(Fe,t),t&&o(Zt),t&&o(Ce),t&&o(Jt),t&&o(We),le(et),le(tt),le(st),t&&o(Kt),t&&o(be),t&&o(Qt),le(Ne,t),t&&o(es),t&&o(rt),t&&o(ts),t&&o(_e),t&&o(ss),le(Re,t),t&&o(rs),t&&o(nt),t&&o(ns),t&&o(He),t&&o(as),t&&o(at),t&&o(os),t&&o(qe)}}}const Hn="LLMs are a tool for thought";function Ba(a){return Yn(()=>{const e=document.querySelector("article");e&&(e.style.paddingBottom="0")}),[]}class Ya extends ds{constructor(e){super(),gs(this,e,Ba,La,vs,{})}}export{Ya as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.