diff --git a/kinode/packages/homepage/pkg/ui/assets/index-BVEbM5H5.js b/kinode/packages/homepage/pkg/ui/assets/index-emIdaXB4.js similarity index 99% rename from kinode/packages/homepage/pkg/ui/assets/index-BVEbM5H5.js rename to kinode/packages/homepage/pkg/ui/assets/index-emIdaXB4.js index b9d882d4a..1c6aeb6be 100644 --- a/kinode/packages/homepage/pkg/ui/assets/index-BVEbM5H5.js +++ b/kinode/packages/homepage/pkg/ui/assets/index-emIdaXB4.js @@ -124,7 +124,7 @@ Error generating stack: `+o.message+` -moz-user-select: none; -ms-user-select: none; overflow-anchor: none; - `}},l=[n,r,i,o];return{always:Sn(l,"always"),resting:Sn(l,"resting"),dragging:Sn(l,"dragging"),dropAnimating:Sn(l,"dropAnimating"),userCancel:Sn(l,"userCancel")}},_e=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?E.useLayoutEffect:E.useEffect,ya=function(){var t=document.querySelector("head");return t||I(),t},Kd=function(t){var r=document.createElement("style");return t&&r.setAttribute("nonce",t),r.type="text/css",r};function w2(e,t){var r=$(function(){return y2(e)},[e]),n=E.useRef(null),i=E.useRef(null),o=A(ce(function(d){var c=i.current;c||I(),c.textContent=d}),[]),l=A(function(d){var c=n.current;c||I(),c.textContent=d},[]);_e(function(){!n.current&&!i.current||I();var d=Kd(t),c=Kd(t);return n.current=d,i.current=c,d.setAttribute(en+"-always",e),c.setAttribute(en+"-dynamic",e),ya().appendChild(d),ya().appendChild(c),l(r.always),o(r.resting),function(){var p=function(y){var w=y.current;w||I(),ya().removeChild(w),y.current=null};p(n),p(i)}},[t,l,o,r.always,r.resting,e]);var a=A(function(){return o(r.dragging)},[o,r.dragging]),u=A(function(d){if(d==="DROP"){o(r.dropAnimating);return}o(r.userCancel)},[o,r.dropAnimating,r.userCancel]),s=A(function(){i.current&&o(r.resting)},[o,r.resting]),f=$(function(){return{dragging:a,dropping:u,resting:s}},[a,u,s]);return f}var jg=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function Dl(e){return e instanceof jg(e).HTMLElement}function S2(e,t){var r="["+tn.contextId+'="'+e+'"]',n=lg(document.querySelectorAll(r));if(!n.length)return null;var i=or(n,function(o){return o.getAttribute(tn.draggableId)===t});return!i||!Dl(i)?null:i}function x2(e){var t=E.useRef({}),r=E.useRef(null),n=E.useRef(null),i=E.useRef(!1),o=A(function(c,p){var m={id:c,focus:p};return t.current[c]=m,function(){var w=t.current,g=w[c];g!==m&&delete w[c]}},[]),l=A(function(c){var p=S2(e,c);p&&p!==document.activeElement&&p.focus()},[e]),a=A(function(c,p){r.current===c&&(r.current=p)},[]),u=A(function(){n.current||i.current&&(n.current=requestAnimationFrame(function(){n.current=null;var c=r.current;c&&l(c)}))},[l]),s=A(function(c){r.current=null;var p=document.activeElement;p&&p.getAttribute(tn.draggableId)===c&&(r.current=c)},[]);_e(function(){return i.current=!0,function(){i.current=!1;var c=n.current;c&&cancelAnimationFrame(c)}},[]);var f=$(function(){return{register:o,tryRecordFocus:s,tryRestoreFocusRecorded:u,tryShiftRecord:a}},[o,s,u,a]);return f}function E2(){var e={draggables:{},droppables:{}},t=[];function r(d){return t.push(d),function(){var p=t.indexOf(d);p!==-1&&t.splice(p,1)}}function n(d){t.length&&t.forEach(function(c){return c(d)})}function i(d){return e.draggables[d]||null}function o(d){var c=i(d);return c||I(),c}var l={register:function(c){e.draggables[c.descriptor.id]=c,n({type:"ADDITION",value:c})},update:function(c,p){var m=e.draggables[p.descriptor.id];m&&m.uniqueId===c.uniqueId&&(delete e.draggables[p.descriptor.id],e.draggables[c.descriptor.id]=c)},unregister:function(c){var p=c.descriptor.id,m=i(p);m&&c.uniqueId===m.uniqueId&&(delete e.draggables[p],n({type:"REMOVAL",value:c}))},getById:o,findById:i,exists:function(c){return!!i(c)},getAllByType:function(c){return $o(e.draggables).filter(function(p){return p.descriptor.type===c})}};function a(d){return e.droppables[d]||null}function u(d){var c=a(d);return c||I(),c}var s={register:function(c){e.droppables[c.descriptor.id]=c},unregister:function(c){var p=a(c.descriptor.id);p&&c.uniqueId===p.uniqueId&&delete e.droppables[c.descriptor.id]},getById:u,findById:a,exists:function(c){return!!a(c)},getAllByType:function(c){return $o(e.droppables).filter(function(p){return p.descriptor.type===c})}};function f(){e.draggables={},e.droppables={},t.length=0}return{draggable:l,droppable:s,subscribe:r,clean:f}}function C2(){var e=$(E2,[]);return E.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var qs=z.createContext(null),_o=function(){var e=document.body;return e||I(),e},b2={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},D2=function(t){return"rbd-announcement-"+t};function P2(e){var t=$(function(){return D2(e)},[e]),r=E.useRef(null);E.useEffect(function(){var o=document.createElement("div");return r.current=o,o.id=t,o.setAttribute("aria-live","assertive"),o.setAttribute("aria-atomic","true"),L(o.style,b2),_o().appendChild(o),function(){setTimeout(function(){var u=_o();u.contains(o)&&u.removeChild(o),o===r.current&&(r.current=null)})}},[t]);var n=A(function(i){var o=r.current;if(o){o.textContent=i;return}},[]);return n}var I2=0,N2={separator:"::"};function Qs(e,t){return t===void 0&&(t=N2),$(function(){return""+e+t.separator+I2++},[t.separator,e])}function O2(e){var t=e.contextId,r=e.uniqueId;return"rbd-hidden-text-"+t+"-"+r}function R2(e){var t=e.contextId,r=e.text,n=Qs("hidden-text",{separator:"-"}),i=$(function(){return O2({contextId:t,uniqueId:n})},[n,t]);return E.useEffect(function(){var l=document.createElement("div");return l.id=i,l.textContent=r,l.style.display="none",_o().appendChild(l),function(){var u=_o();u.contains(l)&&u.removeChild(l)}},[i,r]),i}var Pl=z.createContext(null);function zg(e){var t=E.useRef(e);return E.useEffect(function(){t.current=e}),t}function k2(){var e=null;function t(){return!!e}function r(l){return l===e}function n(l){e&&I();var a={abandon:l};return e=a,a}function i(){e||I(),e=null}function o(){e&&(e.abandon(),i())}return{isClaimed:t,isActive:r,claim:n,release:i,tryAbandon:o}}var T2=9,A2=13,Ks=27,$g=32,L2=33,M2=34,B2=35,F2=36,j2=37,z2=38,$2=39,U2=40,Gi,_2=(Gi={},Gi[A2]=!0,Gi[T2]=!0,Gi),Ug=function(e){_2[e.keyCode]&&e.preventDefault()},Il=function(){var e="visibilitychange";if(typeof document>"u")return e;var t=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],r=or(t,function(n){return"on"+n in document});return r||e}(),_g=0,Yd=5;function W2(e,t){return Math.abs(t.x-e.x)>=Yd||Math.abs(t.y-e.y)>=Yd}var Xd={type:"IDLE"};function H2(e){var t=e.cancel,r=e.completed,n=e.getPhase,i=e.setPhase;return[{eventName:"mousemove",fn:function(l){var a=l.button,u=l.clientX,s=l.clientY;if(a===_g){var f={x:u,y:s},d=n();if(d.type==="DRAGGING"){l.preventDefault(),d.actions.move(f);return}d.type!=="PENDING"&&I();var c=d.point;if(W2(c,f)){l.preventDefault();var p=d.actions.fluidLift(f);i({type:"DRAGGING",actions:p})}}}},{eventName:"mouseup",fn:function(l){var a=n();if(a.type!=="DRAGGING"){t();return}l.preventDefault(),a.actions.drop({shouldBlockNextClick:!0}),r()}},{eventName:"mousedown",fn:function(l){n().type==="DRAGGING"&&l.preventDefault(),t()}},{eventName:"keydown",fn:function(l){var a=n();if(a.type==="PENDING"){t();return}if(l.keyCode===Ks){l.preventDefault(),t();return}Ug(l)}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){n().type==="PENDING"&&t()}},{eventName:"webkitmouseforcedown",fn:function(l){var a=n();if(a.type==="IDLE"&&I(),a.actions.shouldRespectForcePress()){t();return}l.preventDefault()}},{eventName:Il,fn:t}]}function V2(e){var t=E.useRef(Xd),r=E.useRef(Qt),n=$(function(){return{eventName:"mousedown",fn:function(d){if(!d.defaultPrevented&&d.button===_g&&!(d.ctrlKey||d.metaKey||d.shiftKey||d.altKey)){var c=e.findClosestDraggableId(d);if(c){var p=e.tryGetLock(c,l,{sourceEvent:d});if(p){d.preventDefault();var m={x:d.clientX,y:d.clientY};r.current(),s(p,m)}}}}}},[e]),i=$(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(d){if(!d.defaultPrevented){var c=e.findClosestDraggableId(d);if(c){var p=e.findOptionsForDraggable(c);p&&(p.shouldRespectForcePress||e.canGetLock(c)&&d.preventDefault())}}}}},[e]),o=A(function(){var d={passive:!1,capture:!0};r.current=et(window,[i,n],d)},[i,n]),l=A(function(){var f=t.current;f.type!=="IDLE"&&(t.current=Xd,r.current(),o())},[o]),a=A(function(){var f=t.current;l(),f.type==="DRAGGING"&&f.actions.cancel({shouldBlockNextClick:!0}),f.type==="PENDING"&&f.actions.abort()},[l]),u=A(function(){var d={capture:!0,passive:!1},c=H2({cancel:a,completed:l,getPhase:function(){return t.current},setPhase:function(m){t.current=m}});r.current=et(window,c,d)},[a,l]),s=A(function(d,c){t.current.type!=="IDLE"&&I(),t.current={type:"PENDING",point:c,actions:d},u()},[u]);_e(function(){return o(),function(){r.current()}},[o])}var Dr;function G2(){}var q2=(Dr={},Dr[M2]=!0,Dr[L2]=!0,Dr[F2]=!0,Dr[B2]=!0,Dr);function Q2(e,t){function r(){t(),e.cancel()}function n(){t(),e.drop()}return[{eventName:"keydown",fn:function(o){if(o.keyCode===Ks){o.preventDefault(),r();return}if(o.keyCode===$g){o.preventDefault(),n();return}if(o.keyCode===U2){o.preventDefault(),e.moveDown();return}if(o.keyCode===z2){o.preventDefault(),e.moveUp();return}if(o.keyCode===$2){o.preventDefault(),e.moveRight();return}if(o.keyCode===j2){o.preventDefault(),e.moveLeft();return}if(q2[o.keyCode]){o.preventDefault();return}Ug(o)}},{eventName:"mousedown",fn:r},{eventName:"mouseup",fn:r},{eventName:"click",fn:r},{eventName:"touchstart",fn:r},{eventName:"resize",fn:r},{eventName:"wheel",fn:r,options:{passive:!0}},{eventName:Il,fn:r}]}function K2(e){var t=E.useRef(G2),r=$(function(){return{eventName:"keydown",fn:function(o){if(o.defaultPrevented||o.keyCode!==$g)return;var l=e.findClosestDraggableId(o);if(!l)return;var a=e.tryGetLock(l,f,{sourceEvent:o});if(!a)return;o.preventDefault();var u=!0,s=a.snapLift();t.current();function f(){u||I(),u=!1,t.current(),n()}t.current=et(window,Q2(s,f),{capture:!0,passive:!1})}}},[e]),n=A(function(){var o={passive:!1,capture:!0};t.current=et(window,[r],o)},[r]);_e(function(){return n(),function(){t.current()}},[n])}var wa={type:"IDLE"},Y2=120,X2=.15;function Z2(e){var t=e.cancel,r=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(i){i.preventDefault()}},{eventName:"keydown",fn:function(i){if(r().type!=="DRAGGING"){t();return}i.keyCode===Ks&&i.preventDefault(),t()}},{eventName:Il,fn:t}]}function J2(e){var t=e.cancel,r=e.completed,n=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(o){var l=n();if(l.type!=="DRAGGING"){t();return}l.hasMoved=!0;var a=o.touches[0],u=a.clientX,s=a.clientY,f={x:u,y:s};o.preventDefault(),l.actions.move(f)}},{eventName:"touchend",fn:function(o){var l=n();if(l.type!=="DRAGGING"){t();return}o.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),r()}},{eventName:"touchcancel",fn:function(o){if(n().type!=="DRAGGING"){t();return}o.preventDefault(),t()}},{eventName:"touchforcechange",fn:function(o){var l=n();l.type==="IDLE"&&I();var a=o.touches[0];if(a){var u=a.force>=X2;if(u){var s=l.actions.shouldRespectForcePress();if(l.type==="PENDING"){s&&t();return}if(s){if(l.hasMoved){o.preventDefault();return}t();return}o.preventDefault()}}}},{eventName:Il,fn:t}]}function ex(e){var t=E.useRef(wa),r=E.useRef(Qt),n=A(function(){return t.current},[]),i=A(function(p){t.current=p},[]),o=$(function(){return{eventName:"touchstart",fn:function(p){if(!p.defaultPrevented){var m=e.findClosestDraggableId(p);if(m){var y=e.tryGetLock(m,a,{sourceEvent:p});if(y){var w=p.touches[0],g=w.clientX,v=w.clientY,h={x:g,y:v};r.current(),d(y,h)}}}}}},[e]),l=A(function(){var p={capture:!0,passive:!1};r.current=et(window,[o],p)},[o]),a=A(function(){var c=t.current;c.type!=="IDLE"&&(c.type==="PENDING"&&clearTimeout(c.longPressTimerId),i(wa),r.current(),l())},[l,i]),u=A(function(){var c=t.current;a(),c.type==="DRAGGING"&&c.actions.cancel({shouldBlockNextClick:!0}),c.type==="PENDING"&&c.actions.abort()},[a]),s=A(function(){var p={capture:!0,passive:!1},m={cancel:u,completed:a,getPhase:n},y=et(window,J2(m),p),w=et(window,Z2(m),p);r.current=function(){y(),w()}},[u,n,a]),f=A(function(){var p=n();p.type!=="PENDING"&&I();var m=p.actions.fluidLift(p.point);i({type:"DRAGGING",actions:m,hasMoved:!1})},[n,i]),d=A(function(p,m){n().type!=="IDLE"&&I();var y=setTimeout(f,Y2);i({type:"PENDING",point:m,actions:p,longPressTimerId:y}),s()},[s,n,i,f]);_e(function(){return l(),function(){r.current();var m=n();m.type==="PENDING"&&(clearTimeout(m.longPressTimerId),i(wa))}},[n,l,i]),_e(function(){var p=et(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return p},[])}var tx={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function Wg(e,t){if(t==null)return!1;var r=!!tx[t.tagName.toLowerCase()];if(r)return!0;var n=t.getAttribute("contenteditable");return n==="true"||n===""?!0:t===e?!1:Wg(e,t.parentElement)}function rx(e,t){var r=t.target;return Dl(r)?Wg(e,r):!1}var nx=function(e){return st(e.getBoundingClientRect()).center};function ix(e){return e instanceof jg(e).Element}var ox=function(){var e="matches";if(typeof document>"u")return e;var t=[e,"msMatchesSelector","webkitMatchesSelector"],r=or(t,function(n){return n in Element.prototype});return r||e}();function Hg(e,t){return e==null?null:e[ox](t)?e:Hg(e.parentElement,t)}function lx(e,t){return e.closest?e.closest(t):Hg(e,t)}function ax(e){return"["+tn.contextId+'="'+e+'"]'}function ux(e,t){var r=t.target;if(!ix(r))return null;var n=ax(e),i=lx(r,n);return!i||!Dl(i)?null:i}function sx(e,t){var r=ux(e,t);return r?r.getAttribute(tn.draggableId):null}function cx(e,t){var r="["+Su.contextId+'="'+e+'"]',n=lg(document.querySelectorAll(r)),i=or(n,function(o){return o.getAttribute(Su.id)===t});return!i||!Dl(i)?null:i}function dx(e){e.preventDefault()}function qi(e){var t=e.expected,r=e.phase,n=e.isLockActive;return e.shouldWarn,!(!n()||t!==r)}function Vg(e){var t=e.lockAPI,r=e.store,n=e.registry,i=e.draggableId;if(t.isClaimed())return!1;var o=n.draggable.findById(i);return!(!o||!o.options.isEnabled||!Lg(r.getState(),i))}function fx(e){var t=e.lockAPI,r=e.contextId,n=e.store,i=e.registry,o=e.draggableId,l=e.forceSensorStop,a=e.sourceEvent,u=Vg({lockAPI:t,store:n,registry:i,draggableId:o});if(!u)return null;var s=i.draggable.getById(o),f=cx(r,s.descriptor.id);if(!f||a&&!s.options.canDragInteractiveElements&&rx(f,a))return null;var d=t.claim(l||Qt),c="PRE_DRAG";function p(){return s.options.shouldRespectForcePress}function m(){return t.isActive(d)}function y(C,P){qi({expected:C,phase:c,isLockActive:m,shouldWarn:!0})&&n.dispatch(P())}var w=y.bind(null,"DRAGGING");function g(C){function P(){t.release(),c="COMPLETED"}c!=="PRE_DRAG"&&(P(),c!=="PRE_DRAG"&&I()),n.dispatch(oS(C.liftActionArgs)),c="DRAGGING";function N(T,k){if(k===void 0&&(k={shouldBlockNextClick:!1}),C.cleanup(),k.shouldBlockNextClick){var F=et(window,[{eventName:"click",fn:dx,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(F)}P(),n.dispatch(Ig({reason:T}))}return L({isActive:function(){return qi({expected:"DRAGGING",phase:c,isLockActive:m,shouldWarn:!1})},shouldRespectForcePress:p,drop:function(k){return N("DROP",k)},cancel:function(k){return N("CANCEL",k)}},C.actions)}function v(C){var P=ni(function(T){w(function(){return Pg({client:T})})}),N=g({liftActionArgs:{id:o,clientSelection:C,movementMode:"FLUID"},cleanup:function(){return P.cancel()},actions:{move:P}});return L({},N,{move:P})}function h(){var C={moveUp:function(){return w(vS)},moveRight:function(){return w(mS)},moveDown:function(){return w(gS)},moveLeft:function(){return w(hS)}};return g({liftActionArgs:{id:o,clientSelection:nx(f),movementMode:"SNAP"},cleanup:Qt,actions:C})}function S(){var C=qi({expected:"PRE_DRAG",phase:c,isLockActive:m,shouldWarn:!0});C&&t.release()}var x={isActive:function(){return qi({expected:"PRE_DRAG",phase:c,isLockActive:m,shouldWarn:!1})},shouldRespectForcePress:p,fluidLift:v,snapLift:h,abort:S};return x}var px=[V2,K2,ex];function vx(e){var t=e.contextId,r=e.store,n=e.registry,i=e.customSensors,o=e.enableDefaultSensors,l=[].concat(o?px:[],i||[]),a=E.useState(function(){return k2()})[0],u=A(function(v,h){v.isDragging&&!h.isDragging&&a.tryAbandon()},[a]);_e(function(){var v=r.getState(),h=r.subscribe(function(){var S=r.getState();u(v,S),v=S});return h},[a,r,u]),_e(function(){return a.tryAbandon},[a.tryAbandon]);for(var s=A(function(g){return Vg({lockAPI:a,registry:n,store:r,draggableId:g})},[a,n,r]),f=A(function(g,v,h){return fx({lockAPI:a,registry:n,contextId:t,store:r,draggableId:g,forceSensorStop:v,sourceEvent:h&&h.sourceEvent?h.sourceEvent:null})},[t,a,n,r]),d=A(function(g){return sx(t,g)},[t]),c=A(function(g){var v=n.draggable.findById(g);return v?v.options:null},[n.draggable]),p=A(function(){a.isClaimed()&&(a.tryAbandon(),r.getState().phase!=="IDLE"&&r.dispatch(zs()))},[a,r]),m=A(a.isClaimed,[a]),y=$(function(){return{canGetLock:s,tryGetLock:f,findClosestDraggableId:d,findOptionsForDraggable:c,tryReleaseLock:p,isLockClaimed:m}},[s,f,d,c,p,m]),w=0;w{const{apps:e}=ln(),{favoriteApps:t,setFavoriteApps:r}=vi(),[n,i]=E.useState([]);E.useEffect(()=>{let u=[];const s=Object.entries(t).filter(([c,{favorite:p}])=>p).map(([c,{order:p}])=>({...e.find(m=>m.package_name===c),order:p})).filter(c=>c),f=s.filter(c=>c.order!==void 0&&c.order!==null),d=s.filter(c=>c.order===void 0||c.order===null);for(let c=0;cc),d.forEach(c=>u.push(c)),i(u)},[e,t]);const o=ir(),l=(u,s,f)=>{const d=Array.from(u),[c]=d.splice(s,1);return d.splice(f,0,c),d},a=u=>{if(!u.destination)return;const f=l(n,u.source.index,u.destination.index).map(c=>c.package_name),d={...t};f.forEach((c,p)=>{d[c].order=p}),r(d),console.log({favoriteApps:t}),fetch(Pn("/order"),{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify(f)}).catch(c=>console.error(c))};return b.jsx(wx,{onDragEnd:a,children:b.jsx(Xg,{droppableId:"droppable",direction:"horizontal",children:(u,s)=>b.jsxs("div",{ref:u.innerRef,...u.droppableProps,className:Te("flex-center flex-wrap border border-orange bg-orange/25 p-2 rounded !rounded-xl",{"gap-8":!o&&n.length>0,"gap-4":!o&&n.length===0,"mb-4":!o,"gap-4 mb-2":o,"flex-col":n.length===0}),children:[n.map(f=>b.jsx(rE,{draggableId:f.package_name,index:n.indexOf(f),children:(d,c)=>b.jsx("div",{ref:d.innerRef,...d.draggableProps,...d.dragHandleProps,children:b.jsx(Av,{app:f})})},f.package_name)),u.placeholder,n.length===0&&b.jsx("div",{children:"Favorite an app to pin it to your dock."})]})})})},sE=({expanded:e})=>{const{apps:t}=ln(),r=ir();return b.jsx("div",{className:Te("flex-center flex-wrap overflow-y-auto fixed h-screen w-screen backdrop-blur-md transition transition-all ease-in-out duration-500",{"top-[100vh]":!e,"top-0":e,"gap-4 p-8":r,"gap-8 p-16":!r}),children:t.length===0?b.jsx("div",{children:"Loading apps..."}):t.map(n=>b.jsx(Av,{app:n},n.package_name))})},cE=({package_name:e,widget:t,forceLarge:r})=>{var d,c,p,m,y;const{apps:n}=ln(),{widgetSettings:i,toggleWidgetVisibility:o}=vi(),[l,a]=E.useState(!1),u=ir(),s=r||((d=i[e])==null?void 0:d.size)==="large",f=!((c=i[e])!=null&&c.size)||((p=i[e])==null?void 0:p.size)==="small";return b.jsxs("div",{className:Te("self-stretch flex-col-center shadow-lg rounded-lg relative",{"max-w-1/2 min-w-1/2":s&&!u,"max-w-1/4 min-w-1/4":f&&!u,"w-full":u}),onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[b.jsx("h6",{className:"flex-center my-2",children:((m=n.find(w=>w.package_name===e))==null?void 0:m.label)||e}),b.jsx("iframe",{srcDoc:t||"",className:"grow self-stretch","data-widget-code":t}),l&&b.jsx("button",{className:"absolute top-0 left-0 icon",onClick:()=>o(e),children:(y=i[e])!=null&&y.hide?b.jsx(E0,{}):b.jsx(x0,{})})]})},dE=()=>{const{apps:e}=ln(),{widgetSettings:t}=vi(),r=ir();return b.jsx("div",{className:Te("flex-center flex-wrap flex-grow self-stretch",{"gap-2 m-2":r,"gap-4 m-4":!r}),children:e.filter(n=>n.widget).map(({widget:n,package_name:i},o,l)=>{var a;return!((a=t[i])!=null&&a.hide)&&b.jsx(cE,{package_name:i,widget:n,forceLarge:l.length===1},i)})})},fE=({title:e,onClose:t,children:r})=>{const n=ir();return b.jsx("div",{className:"flex fixed top-0 left-0 w-full h-full bg-black bg-opacity-50 place-items-center place-content-center backdrop-blur-md",children:b.jsxs("div",{className:Te("flex flex-col rounded-lg bg-black py-4 shadow-lg max-h-screen overflow-y-auto",{"min-w-[500px] px-8 w-1/2":!n,"px-4 w-full":n}),children:[b.jsxs("div",{className:"flex",children:[b.jsx("h1",{className:"grow",children:e}),b.jsx("button",{className:"icon self-start",onClick:t,children:b.jsx(D0,{})})]}),r]})})},pE=()=>{const{apps:e,setShowWidgetsSettings:t}=ln(),{widgetSettings:r,toggleWidgetVisibility:n,setWidgetSize:i}=vi();return b.jsx(fE,{title:"Widget Settings",onClose:()=>t(!1),children:b.jsxs("div",{className:"flex-col-center gap-4 mt-4",children:[e.filter(o=>o.widget).map(({label:o,package_name:l})=>{var a,u,s,f;return b.jsxs("div",{className:"flex items-start bg-white/10 rounded p-2 self-stretch",children:[b.jsx("h4",{className:"mr-4 grow",children:o}),b.jsxs("div",{className:"flex flex-col gap-4 grow",children:[b.jsxs("div",{className:"flex-center gap-2",children:[b.jsx("span",{children:"Show widget"}),b.jsxs("div",{className:"flex relative grow",children:[b.jsx("input",{type:"checkbox",checked:!((a=r[l])!=null&&a.hide),onChange:()=>n(l),autoFocus:!0}),!((u=r[l])!=null&&u.hide)&&b.jsx("span",{onClick:()=>n(l),className:"checkmark",children:"✓"})]})]}),b.jsxs("div",{className:"flex-center gap-2",children:[b.jsx("span",{children:"Widget size"}),b.jsxs("div",{className:"flex-center grow",children:[b.jsx("button",{className:Te({clear:((s=r[l])==null?void 0:s.size)==="large"}),onClick:()=>i(l,"small"),children:"Small"}),b.jsx("button",{className:Te({clear:((f=r[l])==null?void 0:f.size)!=="large"}),onClick:()=>i(l,"large"),children:"Large"})]})]})]})]})}),b.jsx("button",{className:"clear",onClick:()=>window.location.href="/settings:settings:sys",children:"Looking for system settings?"})]})})},vE="/assets/valet-icon-COgctyxf.png";function gE(){const[e,t]=E.useState(""),[r,n]=E.useState(""),[i,o]=E.useState(!1),{setApps:l,isHosted:a,fetchHostedStatus:u,showWidgetsSettings:s,setShowWidgetsSettings:f}=ln(),d=ir(),c=()=>{Promise.all([fetch(Pn("/apps"),{credentials:"include"}).then(p=>p.json()).catch(()=>[]),fetch(Pn("/main:app_store:sys/apps"),{credentials:"include"}).then(p=>p.json()).catch(()=>[]),fetch(Pn("/version"),{credentials:"include"}).then(p=>p.text()).catch(()=>"")]).then(([p,m,y])=>{n(y);const w=p.map(g=>({...g,is_favorite:!1}));m.forEach(g=>{const v=w.findIndex(h=>h.package_name===g.package);v===-1?w.push({package_name:g.package,path:"",label:g.package,state:g.state,is_favorite:!1}):w[v]={...w[v],state:g.state}}),l(w);for(let g=0;g<5&&w.find(v=>v.package_name==="app_store"&&!v.base64_icon);g++)c()})};return E.useEffect(()=>{c()},[e]),E.useEffect(()=>{fetch(Pn("/our"),{credentials:"include"}).then(p=>p.text()).then(p=>{p.match(/^[a-zA-Z0-9\-\.]+\.[a-zA-Z]+$/)&&(t(p),u(p))})},[e]),b.jsxs("div",{className:Te("flex-col-center relative w-screen overflow-hidden special-bg-homepage min-h-screen",{}),children:[b.jsxs("h5",{className:Te("absolute flex gap-4 c",{"top-8 left-8 right-8":!d,"top-2 left-2 right-2":d}),children:[a&&b.jsx("img",{src:vE,className:"!w-12 !h-12 !p-1 button icon object-cover",onClick:()=>window.location.href=`https://${e.replace(".os","")}.hosting.kinode.net/`}),b.jsx("span",{children:e}),b.jsxs("span",{className:"bg-white/10 rounded p-1",children:["v",r]}),b.jsx("button",{className:"icon ml-auto",onClick:()=>f(!0),children:b.jsx(b0,{})})]}),d?b.jsxs("div",{className:"flex-center gap-4 p-8 mt-8 max-w-screen",children:[b.jsx(cd,{}),b.jsx(sd,{})]}):b.jsxs("div",{className:Te("flex-col-center mx-0 gap-4 mt-8 mb-4"),children:[b.jsx("h3",{className:"text-center",children:"Welcome to"}),b.jsx(sd,{}),b.jsx(cd,{})]}),b.jsx(uE,{}),b.jsx(dE,{}),b.jsxs("button",{className:Te("fixed alt clear flex-center self-center z-20",{"bottom-2 right-2":d,"bottom-8 right-8":!d}),onClick:()=>o(!i),children:[i?b.jsx(w0,{}):b.jsx(S0,{}),b.jsx("span",{className:"ml-2",children:i?"Collapse":"All apps"})]}),b.jsx(sE,{expanded:i}),s&&b.jsx(pE,{})]})}/** + `}},l=[n,r,i,o];return{always:Sn(l,"always"),resting:Sn(l,"resting"),dragging:Sn(l,"dragging"),dropAnimating:Sn(l,"dropAnimating"),userCancel:Sn(l,"userCancel")}},_e=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?E.useLayoutEffect:E.useEffect,ya=function(){var t=document.querySelector("head");return t||I(),t},Kd=function(t){var r=document.createElement("style");return t&&r.setAttribute("nonce",t),r.type="text/css",r};function w2(e,t){var r=$(function(){return y2(e)},[e]),n=E.useRef(null),i=E.useRef(null),o=A(ce(function(d){var c=i.current;c||I(),c.textContent=d}),[]),l=A(function(d){var c=n.current;c||I(),c.textContent=d},[]);_e(function(){!n.current&&!i.current||I();var d=Kd(t),c=Kd(t);return n.current=d,i.current=c,d.setAttribute(en+"-always",e),c.setAttribute(en+"-dynamic",e),ya().appendChild(d),ya().appendChild(c),l(r.always),o(r.resting),function(){var p=function(y){var w=y.current;w||I(),ya().removeChild(w),y.current=null};p(n),p(i)}},[t,l,o,r.always,r.resting,e]);var a=A(function(){return o(r.dragging)},[o,r.dragging]),u=A(function(d){if(d==="DROP"){o(r.dropAnimating);return}o(r.userCancel)},[o,r.dropAnimating,r.userCancel]),s=A(function(){i.current&&o(r.resting)},[o,r.resting]),f=$(function(){return{dragging:a,dropping:u,resting:s}},[a,u,s]);return f}var jg=function(e){return e&&e.ownerDocument?e.ownerDocument.defaultView:window};function Dl(e){return e instanceof jg(e).HTMLElement}function S2(e,t){var r="["+tn.contextId+'="'+e+'"]',n=lg(document.querySelectorAll(r));if(!n.length)return null;var i=or(n,function(o){return o.getAttribute(tn.draggableId)===t});return!i||!Dl(i)?null:i}function x2(e){var t=E.useRef({}),r=E.useRef(null),n=E.useRef(null),i=E.useRef(!1),o=A(function(c,p){var m={id:c,focus:p};return t.current[c]=m,function(){var w=t.current,g=w[c];g!==m&&delete w[c]}},[]),l=A(function(c){var p=S2(e,c);p&&p!==document.activeElement&&p.focus()},[e]),a=A(function(c,p){r.current===c&&(r.current=p)},[]),u=A(function(){n.current||i.current&&(n.current=requestAnimationFrame(function(){n.current=null;var c=r.current;c&&l(c)}))},[l]),s=A(function(c){r.current=null;var p=document.activeElement;p&&p.getAttribute(tn.draggableId)===c&&(r.current=c)},[]);_e(function(){return i.current=!0,function(){i.current=!1;var c=n.current;c&&cancelAnimationFrame(c)}},[]);var f=$(function(){return{register:o,tryRecordFocus:s,tryRestoreFocusRecorded:u,tryShiftRecord:a}},[o,s,u,a]);return f}function E2(){var e={draggables:{},droppables:{}},t=[];function r(d){return t.push(d),function(){var p=t.indexOf(d);p!==-1&&t.splice(p,1)}}function n(d){t.length&&t.forEach(function(c){return c(d)})}function i(d){return e.draggables[d]||null}function o(d){var c=i(d);return c||I(),c}var l={register:function(c){e.draggables[c.descriptor.id]=c,n({type:"ADDITION",value:c})},update:function(c,p){var m=e.draggables[p.descriptor.id];m&&m.uniqueId===c.uniqueId&&(delete e.draggables[p.descriptor.id],e.draggables[c.descriptor.id]=c)},unregister:function(c){var p=c.descriptor.id,m=i(p);m&&c.uniqueId===m.uniqueId&&(delete e.draggables[p],n({type:"REMOVAL",value:c}))},getById:o,findById:i,exists:function(c){return!!i(c)},getAllByType:function(c){return $o(e.draggables).filter(function(p){return p.descriptor.type===c})}};function a(d){return e.droppables[d]||null}function u(d){var c=a(d);return c||I(),c}var s={register:function(c){e.droppables[c.descriptor.id]=c},unregister:function(c){var p=a(c.descriptor.id);p&&c.uniqueId===p.uniqueId&&delete e.droppables[c.descriptor.id]},getById:u,findById:a,exists:function(c){return!!a(c)},getAllByType:function(c){return $o(e.droppables).filter(function(p){return p.descriptor.type===c})}};function f(){e.draggables={},e.droppables={},t.length=0}return{draggable:l,droppable:s,subscribe:r,clean:f}}function C2(){var e=$(E2,[]);return E.useEffect(function(){return function(){requestAnimationFrame(e.clean)}},[e]),e}var qs=z.createContext(null),_o=function(){var e=document.body;return e||I(),e},b2={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",overflow:"hidden",clip:"rect(0 0 0 0)","clip-path":"inset(100%)"},D2=function(t){return"rbd-announcement-"+t};function P2(e){var t=$(function(){return D2(e)},[e]),r=E.useRef(null);E.useEffect(function(){var o=document.createElement("div");return r.current=o,o.id=t,o.setAttribute("aria-live","assertive"),o.setAttribute("aria-atomic","true"),L(o.style,b2),_o().appendChild(o),function(){setTimeout(function(){var u=_o();u.contains(o)&&u.removeChild(o),o===r.current&&(r.current=null)})}},[t]);var n=A(function(i){var o=r.current;if(o){o.textContent=i;return}},[]);return n}var I2=0,N2={separator:"::"};function Qs(e,t){return t===void 0&&(t=N2),$(function(){return""+e+t.separator+I2++},[t.separator,e])}function O2(e){var t=e.contextId,r=e.uniqueId;return"rbd-hidden-text-"+t+"-"+r}function R2(e){var t=e.contextId,r=e.text,n=Qs("hidden-text",{separator:"-"}),i=$(function(){return O2({contextId:t,uniqueId:n})},[n,t]);return E.useEffect(function(){var l=document.createElement("div");return l.id=i,l.textContent=r,l.style.display="none",_o().appendChild(l),function(){var u=_o();u.contains(l)&&u.removeChild(l)}},[i,r]),i}var Pl=z.createContext(null);function zg(e){var t=E.useRef(e);return E.useEffect(function(){t.current=e}),t}function k2(){var e=null;function t(){return!!e}function r(l){return l===e}function n(l){e&&I();var a={abandon:l};return e=a,a}function i(){e||I(),e=null}function o(){e&&(e.abandon(),i())}return{isClaimed:t,isActive:r,claim:n,release:i,tryAbandon:o}}var T2=9,A2=13,Ks=27,$g=32,L2=33,M2=34,B2=35,F2=36,j2=37,z2=38,$2=39,U2=40,Gi,_2=(Gi={},Gi[A2]=!0,Gi[T2]=!0,Gi),Ug=function(e){_2[e.keyCode]&&e.preventDefault()},Il=function(){var e="visibilitychange";if(typeof document>"u")return e;var t=[e,"ms"+e,"webkit"+e,"moz"+e,"o"+e],r=or(t,function(n){return"on"+n in document});return r||e}(),_g=0,Yd=5;function W2(e,t){return Math.abs(t.x-e.x)>=Yd||Math.abs(t.y-e.y)>=Yd}var Xd={type:"IDLE"};function H2(e){var t=e.cancel,r=e.completed,n=e.getPhase,i=e.setPhase;return[{eventName:"mousemove",fn:function(l){var a=l.button,u=l.clientX,s=l.clientY;if(a===_g){var f={x:u,y:s},d=n();if(d.type==="DRAGGING"){l.preventDefault(),d.actions.move(f);return}d.type!=="PENDING"&&I();var c=d.point;if(W2(c,f)){l.preventDefault();var p=d.actions.fluidLift(f);i({type:"DRAGGING",actions:p})}}}},{eventName:"mouseup",fn:function(l){var a=n();if(a.type!=="DRAGGING"){t();return}l.preventDefault(),a.actions.drop({shouldBlockNextClick:!0}),r()}},{eventName:"mousedown",fn:function(l){n().type==="DRAGGING"&&l.preventDefault(),t()}},{eventName:"keydown",fn:function(l){var a=n();if(a.type==="PENDING"){t();return}if(l.keyCode===Ks){l.preventDefault(),t();return}Ug(l)}},{eventName:"resize",fn:t},{eventName:"scroll",options:{passive:!0,capture:!1},fn:function(){n().type==="PENDING"&&t()}},{eventName:"webkitmouseforcedown",fn:function(l){var a=n();if(a.type==="IDLE"&&I(),a.actions.shouldRespectForcePress()){t();return}l.preventDefault()}},{eventName:Il,fn:t}]}function V2(e){var t=E.useRef(Xd),r=E.useRef(Qt),n=$(function(){return{eventName:"mousedown",fn:function(d){if(!d.defaultPrevented&&d.button===_g&&!(d.ctrlKey||d.metaKey||d.shiftKey||d.altKey)){var c=e.findClosestDraggableId(d);if(c){var p=e.tryGetLock(c,l,{sourceEvent:d});if(p){d.preventDefault();var m={x:d.clientX,y:d.clientY};r.current(),s(p,m)}}}}}},[e]),i=$(function(){return{eventName:"webkitmouseforcewillbegin",fn:function(d){if(!d.defaultPrevented){var c=e.findClosestDraggableId(d);if(c){var p=e.findOptionsForDraggable(c);p&&(p.shouldRespectForcePress||e.canGetLock(c)&&d.preventDefault())}}}}},[e]),o=A(function(){var d={passive:!1,capture:!0};r.current=et(window,[i,n],d)},[i,n]),l=A(function(){var f=t.current;f.type!=="IDLE"&&(t.current=Xd,r.current(),o())},[o]),a=A(function(){var f=t.current;l(),f.type==="DRAGGING"&&f.actions.cancel({shouldBlockNextClick:!0}),f.type==="PENDING"&&f.actions.abort()},[l]),u=A(function(){var d={capture:!0,passive:!1},c=H2({cancel:a,completed:l,getPhase:function(){return t.current},setPhase:function(m){t.current=m}});r.current=et(window,c,d)},[a,l]),s=A(function(d,c){t.current.type!=="IDLE"&&I(),t.current={type:"PENDING",point:c,actions:d},u()},[u]);_e(function(){return o(),function(){r.current()}},[o])}var Dr;function G2(){}var q2=(Dr={},Dr[M2]=!0,Dr[L2]=!0,Dr[F2]=!0,Dr[B2]=!0,Dr);function Q2(e,t){function r(){t(),e.cancel()}function n(){t(),e.drop()}return[{eventName:"keydown",fn:function(o){if(o.keyCode===Ks){o.preventDefault(),r();return}if(o.keyCode===$g){o.preventDefault(),n();return}if(o.keyCode===U2){o.preventDefault(),e.moveDown();return}if(o.keyCode===z2){o.preventDefault(),e.moveUp();return}if(o.keyCode===$2){o.preventDefault(),e.moveRight();return}if(o.keyCode===j2){o.preventDefault(),e.moveLeft();return}if(q2[o.keyCode]){o.preventDefault();return}Ug(o)}},{eventName:"mousedown",fn:r},{eventName:"mouseup",fn:r},{eventName:"click",fn:r},{eventName:"touchstart",fn:r},{eventName:"resize",fn:r},{eventName:"wheel",fn:r,options:{passive:!0}},{eventName:Il,fn:r}]}function K2(e){var t=E.useRef(G2),r=$(function(){return{eventName:"keydown",fn:function(o){if(o.defaultPrevented||o.keyCode!==$g)return;var l=e.findClosestDraggableId(o);if(!l)return;var a=e.tryGetLock(l,f,{sourceEvent:o});if(!a)return;o.preventDefault();var u=!0,s=a.snapLift();t.current();function f(){u||I(),u=!1,t.current(),n()}t.current=et(window,Q2(s,f),{capture:!0,passive:!1})}}},[e]),n=A(function(){var o={passive:!1,capture:!0};t.current=et(window,[r],o)},[r]);_e(function(){return n(),function(){t.current()}},[n])}var wa={type:"IDLE"},Y2=120,X2=.15;function Z2(e){var t=e.cancel,r=e.getPhase;return[{eventName:"orientationchange",fn:t},{eventName:"resize",fn:t},{eventName:"contextmenu",fn:function(i){i.preventDefault()}},{eventName:"keydown",fn:function(i){if(r().type!=="DRAGGING"){t();return}i.keyCode===Ks&&i.preventDefault(),t()}},{eventName:Il,fn:t}]}function J2(e){var t=e.cancel,r=e.completed,n=e.getPhase;return[{eventName:"touchmove",options:{capture:!1},fn:function(o){var l=n();if(l.type!=="DRAGGING"){t();return}l.hasMoved=!0;var a=o.touches[0],u=a.clientX,s=a.clientY,f={x:u,y:s};o.preventDefault(),l.actions.move(f)}},{eventName:"touchend",fn:function(o){var l=n();if(l.type!=="DRAGGING"){t();return}o.preventDefault(),l.actions.drop({shouldBlockNextClick:!0}),r()}},{eventName:"touchcancel",fn:function(o){if(n().type!=="DRAGGING"){t();return}o.preventDefault(),t()}},{eventName:"touchforcechange",fn:function(o){var l=n();l.type==="IDLE"&&I();var a=o.touches[0];if(a){var u=a.force>=X2;if(u){var s=l.actions.shouldRespectForcePress();if(l.type==="PENDING"){s&&t();return}if(s){if(l.hasMoved){o.preventDefault();return}t();return}o.preventDefault()}}}},{eventName:Il,fn:t}]}function ex(e){var t=E.useRef(wa),r=E.useRef(Qt),n=A(function(){return t.current},[]),i=A(function(p){t.current=p},[]),o=$(function(){return{eventName:"touchstart",fn:function(p){if(!p.defaultPrevented){var m=e.findClosestDraggableId(p);if(m){var y=e.tryGetLock(m,a,{sourceEvent:p});if(y){var w=p.touches[0],g=w.clientX,v=w.clientY,h={x:g,y:v};r.current(),d(y,h)}}}}}},[e]),l=A(function(){var p={capture:!0,passive:!1};r.current=et(window,[o],p)},[o]),a=A(function(){var c=t.current;c.type!=="IDLE"&&(c.type==="PENDING"&&clearTimeout(c.longPressTimerId),i(wa),r.current(),l())},[l,i]),u=A(function(){var c=t.current;a(),c.type==="DRAGGING"&&c.actions.cancel({shouldBlockNextClick:!0}),c.type==="PENDING"&&c.actions.abort()},[a]),s=A(function(){var p={capture:!0,passive:!1},m={cancel:u,completed:a,getPhase:n},y=et(window,J2(m),p),w=et(window,Z2(m),p);r.current=function(){y(),w()}},[u,n,a]),f=A(function(){var p=n();p.type!=="PENDING"&&I();var m=p.actions.fluidLift(p.point);i({type:"DRAGGING",actions:m,hasMoved:!1})},[n,i]),d=A(function(p,m){n().type!=="IDLE"&&I();var y=setTimeout(f,Y2);i({type:"PENDING",point:m,actions:p,longPressTimerId:y}),s()},[s,n,i,f]);_e(function(){return l(),function(){r.current();var m=n();m.type==="PENDING"&&(clearTimeout(m.longPressTimerId),i(wa))}},[n,l,i]),_e(function(){var p=et(window,[{eventName:"touchmove",fn:function(){},options:{capture:!1,passive:!1}}]);return p},[])}var tx={input:!0,button:!0,textarea:!0,select:!0,option:!0,optgroup:!0,video:!0,audio:!0};function Wg(e,t){if(t==null)return!1;var r=!!tx[t.tagName.toLowerCase()];if(r)return!0;var n=t.getAttribute("contenteditable");return n==="true"||n===""?!0:t===e?!1:Wg(e,t.parentElement)}function rx(e,t){var r=t.target;return Dl(r)?Wg(e,r):!1}var nx=function(e){return st(e.getBoundingClientRect()).center};function ix(e){return e instanceof jg(e).Element}var ox=function(){var e="matches";if(typeof document>"u")return e;var t=[e,"msMatchesSelector","webkitMatchesSelector"],r=or(t,function(n){return n in Element.prototype});return r||e}();function Hg(e,t){return e==null?null:e[ox](t)?e:Hg(e.parentElement,t)}function lx(e,t){return e.closest?e.closest(t):Hg(e,t)}function ax(e){return"["+tn.contextId+'="'+e+'"]'}function ux(e,t){var r=t.target;if(!ix(r))return null;var n=ax(e),i=lx(r,n);return!i||!Dl(i)?null:i}function sx(e,t){var r=ux(e,t);return r?r.getAttribute(tn.draggableId):null}function cx(e,t){var r="["+Su.contextId+'="'+e+'"]',n=lg(document.querySelectorAll(r)),i=or(n,function(o){return o.getAttribute(Su.id)===t});return!i||!Dl(i)?null:i}function dx(e){e.preventDefault()}function qi(e){var t=e.expected,r=e.phase,n=e.isLockActive;return e.shouldWarn,!(!n()||t!==r)}function Vg(e){var t=e.lockAPI,r=e.store,n=e.registry,i=e.draggableId;if(t.isClaimed())return!1;var o=n.draggable.findById(i);return!(!o||!o.options.isEnabled||!Lg(r.getState(),i))}function fx(e){var t=e.lockAPI,r=e.contextId,n=e.store,i=e.registry,o=e.draggableId,l=e.forceSensorStop,a=e.sourceEvent,u=Vg({lockAPI:t,store:n,registry:i,draggableId:o});if(!u)return null;var s=i.draggable.getById(o),f=cx(r,s.descriptor.id);if(!f||a&&!s.options.canDragInteractiveElements&&rx(f,a))return null;var d=t.claim(l||Qt),c="PRE_DRAG";function p(){return s.options.shouldRespectForcePress}function m(){return t.isActive(d)}function y(C,P){qi({expected:C,phase:c,isLockActive:m,shouldWarn:!0})&&n.dispatch(P())}var w=y.bind(null,"DRAGGING");function g(C){function P(){t.release(),c="COMPLETED"}c!=="PRE_DRAG"&&(P(),c!=="PRE_DRAG"&&I()),n.dispatch(oS(C.liftActionArgs)),c="DRAGGING";function N(T,k){if(k===void 0&&(k={shouldBlockNextClick:!1}),C.cleanup(),k.shouldBlockNextClick){var F=et(window,[{eventName:"click",fn:dx,options:{once:!0,passive:!1,capture:!0}}]);setTimeout(F)}P(),n.dispatch(Ig({reason:T}))}return L({isActive:function(){return qi({expected:"DRAGGING",phase:c,isLockActive:m,shouldWarn:!1})},shouldRespectForcePress:p,drop:function(k){return N("DROP",k)},cancel:function(k){return N("CANCEL",k)}},C.actions)}function v(C){var P=ni(function(T){w(function(){return Pg({client:T})})}),N=g({liftActionArgs:{id:o,clientSelection:C,movementMode:"FLUID"},cleanup:function(){return P.cancel()},actions:{move:P}});return L({},N,{move:P})}function h(){var C={moveUp:function(){return w(vS)},moveRight:function(){return w(mS)},moveDown:function(){return w(gS)},moveLeft:function(){return w(hS)}};return g({liftActionArgs:{id:o,clientSelection:nx(f),movementMode:"SNAP"},cleanup:Qt,actions:C})}function S(){var C=qi({expected:"PRE_DRAG",phase:c,isLockActive:m,shouldWarn:!0});C&&t.release()}var x={isActive:function(){return qi({expected:"PRE_DRAG",phase:c,isLockActive:m,shouldWarn:!1})},shouldRespectForcePress:p,fluidLift:v,snapLift:h,abort:S};return x}var px=[V2,K2,ex];function vx(e){var t=e.contextId,r=e.store,n=e.registry,i=e.customSensors,o=e.enableDefaultSensors,l=[].concat(o?px:[],i||[]),a=E.useState(function(){return k2()})[0],u=A(function(v,h){v.isDragging&&!h.isDragging&&a.tryAbandon()},[a]);_e(function(){var v=r.getState(),h=r.subscribe(function(){var S=r.getState();u(v,S),v=S});return h},[a,r,u]),_e(function(){return a.tryAbandon},[a.tryAbandon]);for(var s=A(function(g){return Vg({lockAPI:a,registry:n,store:r,draggableId:g})},[a,n,r]),f=A(function(g,v,h){return fx({lockAPI:a,registry:n,contextId:t,store:r,draggableId:g,forceSensorStop:v,sourceEvent:h&&h.sourceEvent?h.sourceEvent:null})},[t,a,n,r]),d=A(function(g){return sx(t,g)},[t]),c=A(function(g){var v=n.draggable.findById(g);return v?v.options:null},[n.draggable]),p=A(function(){a.isClaimed()&&(a.tryAbandon(),r.getState().phase!=="IDLE"&&r.dispatch(zs()))},[a,r]),m=A(a.isClaimed,[a]),y=$(function(){return{canGetLock:s,tryGetLock:f,findClosestDraggableId:d,findOptionsForDraggable:c,tryReleaseLock:p,isLockClaimed:m}},[s,f,d,c,p,m]),w=0;w{const{apps:e}=ln(),{favoriteApps:t,setFavoriteApps:r}=vi(),[n,i]=E.useState([]);E.useEffect(()=>{let u=[];const s=Object.entries(t).filter(([c,{favorite:p}])=>p).map(([c,{order:p}])=>({...e.find(m=>m.package_name===c),order:p})).filter(c=>c),f=s.filter(c=>c.order!==void 0&&c.order!==null),d=s.filter(c=>c.order===void 0||c.order===null);for(let c=0;cc),d.forEach(c=>u.push(c)),i(u)},[e,t]);const o=ir(),l=(u,s,f)=>{const d=Array.from(u),[c]=d.splice(s,1);return d.splice(f,0,c),d},a=u=>{if(!u.destination)return;const f=l(n,u.source.index,u.destination.index).map(c=>c.package_name),d={...t};f.forEach((c,p)=>{d[c].order=p}),r(d),console.log({favoriteApps:t}),fetch(Pn("/order"),{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify(f)}).catch(c=>console.error(c))};return b.jsx(wx,{onDragEnd:a,children:b.jsx(Xg,{droppableId:"droppable",direction:"horizontal",children:(u,s)=>b.jsxs("div",{ref:u.innerRef,...u.droppableProps,className:Te("flex-center flex-wrap border border-orange bg-orange/25 p-2 rounded !rounded-xl",{"gap-8":!o&&n.length>0,"gap-4":!o&&n.length===0,"mb-4":!o,"gap-4 mb-2":o,"flex-col":n.length===0}),children:[n.map(f=>b.jsx(rE,{draggableId:f.package_name,index:n.indexOf(f),children:(d,c)=>b.jsx("div",{ref:d.innerRef,...d.draggableProps,...d.dragHandleProps,children:b.jsx(Av,{app:f})})},f.package_name)),u.placeholder,n.length===0&&b.jsx("div",{children:"Favorite an app to pin it to your dock."})]})})})},sE=({expanded:e})=>{const{apps:t}=ln(),r=ir();return b.jsx("div",{className:Te("flex-center flex-wrap overflow-y-auto fixed h-screen w-screen backdrop-blur-md transition transition-all ease-in-out duration-500",{"top-[100vh]":!e,"top-0":e,"gap-4 p-8":r,"gap-8 p-16":!r}),children:t.length===0?b.jsx("div",{children:"Loading apps..."}):t.map(n=>b.jsx(Av,{app:n},n.package_name))})},cE=({package_name:e,widget:t,forceLarge:r})=>{var d,c,p,m,y;const{apps:n}=ln(),{widgetSettings:i,toggleWidgetVisibility:o}=vi(),[l,a]=E.useState(!1),u=ir(),s=r||((d=i[e])==null?void 0:d.size)==="large",f=!((c=i[e])!=null&&c.size)||((p=i[e])==null?void 0:p.size)==="small";return b.jsxs("div",{className:Te("self-stretch flex-col-center shadow-lg rounded-lg relative",{"max-w-1/2 min-w-1/2":s&&!u,"max-w-1/4 min-w-1/4":f&&!u,"w-full":u}),onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[b.jsx("h6",{className:"flex-center my-2",children:((m=n.find(w=>w.package_name===e))==null?void 0:m.label)||e}),b.jsx("iframe",{srcDoc:t||"",className:"grow self-stretch","data-widget-code":t}),l&&b.jsx("button",{className:"absolute top-0 left-0 icon",onClick:()=>o(e),children:(y=i[e])!=null&&y.hide?b.jsx(E0,{}):b.jsx(x0,{})})]})},dE=()=>{const{apps:e}=ln(),{widgetSettings:t}=vi(),r=ir();return b.jsx("div",{className:Te("flex-center flex-wrap flex-grow self-stretch",{"gap-2 m-2":r,"gap-4 m-4":!r}),children:e.filter(n=>n.widget).map(({widget:n,package_name:i},o,l)=>{var a;return!((a=t[i])!=null&&a.hide)&&b.jsx(cE,{package_name:i,widget:n,forceLarge:l.length===1},i)})})},fE=({title:e,onClose:t,children:r})=>{const n=ir();return b.jsx("div",{className:"flex fixed top-0 left-0 w-full h-full bg-black bg-opacity-50 place-items-center place-content-center backdrop-blur-md",children:b.jsxs("div",{className:Te("flex flex-col rounded-lg bg-black py-4 shadow-lg max-h-screen overflow-y-auto",{"min-w-[500px] px-8 w-1/2":!n,"px-4 w-full":n}),children:[b.jsxs("div",{className:"flex",children:[b.jsx("h1",{className:"grow",children:e}),b.jsx("button",{className:"icon self-start",onClick:t,children:b.jsx(D0,{})})]}),r]})})},pE=()=>{const{apps:e,setShowWidgetsSettings:t}=ln(),{widgetSettings:r,toggleWidgetVisibility:n,setWidgetSize:i}=vi();return b.jsx(fE,{title:"Widget Settings",onClose:()=>t(!1),children:b.jsxs("div",{className:"flex-col-center gap-4 mt-4",children:[e.filter(o=>o.widget).map(({label:o,package_name:l})=>{var a,u,s,f;return b.jsxs("div",{className:"flex items-start bg-white/10 rounded p-2 self-stretch",children:[b.jsx("h4",{className:"mr-4 grow",children:o}),b.jsxs("div",{className:"flex flex-col gap-4 grow",children:[b.jsxs("div",{className:"flex-center gap-2",children:[b.jsx("span",{children:"Show widget"}),b.jsxs("div",{className:"flex relative grow",children:[b.jsx("input",{type:"checkbox",checked:!((a=r[l])!=null&&a.hide),onChange:()=>n(l),autoFocus:!0}),!((u=r[l])!=null&&u.hide)&&b.jsx("span",{onClick:()=>n(l),className:"checkmark",children:"✓"})]})]}),b.jsxs("div",{className:"flex-center gap-2",children:[b.jsx("span",{children:"Widget size"}),b.jsxs("div",{className:"flex-center grow",children:[b.jsx("button",{className:Te({clear:((s=r[l])==null?void 0:s.size)==="large"}),onClick:()=>i(l,"small"),children:"Small"}),b.jsx("button",{className:Te({clear:((f=r[l])==null?void 0:f.size)!=="large"}),onClick:()=>i(l,"large"),children:"Large"})]})]})]})]})}),b.jsx("button",{className:"clear",onClick:()=>window.location.href="/settings:settings:sys",children:"Looking for system settings?"})]})})},vE="/assets/valet-icon-COgctyxf.png";function gE(){const[e,t]=E.useState(""),[r,n]=E.useState(""),[i,o]=E.useState(!1),{setApps:l,isHosted:a,fetchHostedStatus:u,showWidgetsSettings:s,setShowWidgetsSettings:f}=ln(),d=ir(),c=()=>{Promise.all([fetch(Pn("/apps"),{credentials:"include"}).then(p=>p.json()).catch(()=>[]),fetch(Pn("/main:app_store:sys/apps"),{credentials:"include"}).then(p=>p.json()).catch(()=>[]),fetch(Pn("/version"),{credentials:"include"}).then(p=>p.text()).catch(()=>"")]).then(([p,m,y])=>{n(y);const w=p.map(g=>({...g,is_favorite:!1}));m.forEach(g=>{const v=w.findIndex(h=>h.package_name===g.package);v===-1?w.push({package_name:g.package,path:"",label:g.package,state:g.state,is_favorite:!1}):w[v]={...w[v],state:g.state}}),l(w);for(let g=0;g<5&&w.find(v=>v.package_name==="app_store"&&!v.base64_icon);g++)c()})};return E.useEffect(()=>{c()},[e]),E.useEffect(()=>{fetch(Pn("/our"),{credentials:"include"}).then(p=>p.text()).then(p=>{p.match(/^[a-zA-Z0-9\-\.]+\.[a-zA-Z]+$/)&&(t(p),u(p))})},[e]),b.jsxs("div",{className:Te("flex-col-center relative w-screen overflow-hidden special-bg-homepage min-h-screen",{}),children:[b.jsxs("h5",{className:Te("absolute flex gap-4 c",{"top-8 left-8 right-8":!d,"top-2 left-2 right-2":d}),children:[a&&b.jsx("img",{src:vE,className:"!w-12 !h-12 !p-1 button icon object-cover",onClick:()=>window.location.href="https://valet.kinode.org/"}),b.jsx("span",{children:e}),b.jsxs("span",{className:"bg-white/10 rounded p-1",children:["v",r]}),b.jsx("button",{className:"icon ml-auto",onClick:()=>f(!0),children:b.jsx(b0,{})})]}),d?b.jsxs("div",{className:"flex-center gap-4 p-8 mt-8 max-w-screen",children:[b.jsx(cd,{}),b.jsx(sd,{})]}):b.jsxs("div",{className:Te("flex-col-center mx-0 gap-4 mt-8 mb-4"),children:[b.jsx("h3",{className:"text-center",children:"Welcome to"}),b.jsx(sd,{}),b.jsx(cd,{})]}),b.jsx(uE,{}),b.jsx(dE,{}),b.jsxs("button",{className:Te("fixed alt clear flex-center self-center z-20",{"bottom-2 right-2":d,"bottom-8 right-8":!d}),onClick:()=>o(!i),children:[i?b.jsx(w0,{}):b.jsx(S0,{}),b.jsx("span",{className:"ml-2",children:i?"Collapse":"All apps"})]}),b.jsx(sE,{expanded:i}),s&&b.jsx(pE,{})]})}/** * @remix-run/router v1.16.0 * * Copyright (c) Remix Software Inc. diff --git a/kinode/packages/homepage/pkg/ui/index.html b/kinode/packages/homepage/pkg/ui/index.html index 19b5c5b10..fbbe1d72e 100644 --- a/kinode/packages/homepage/pkg/ui/index.html +++ b/kinode/packages/homepage/pkg/ui/index.html @@ -9,7 +9,7 @@ - + diff --git a/kinode/packages/homepage/ui/dist/index.html b/kinode/packages/homepage/ui/dist/index.html index 19b5c5b10..fbbe1d72e 100644 --- a/kinode/packages/homepage/ui/dist/index.html +++ b/kinode/packages/homepage/ui/dist/index.html @@ -9,7 +9,7 @@ - + diff --git a/kinode/packages/homepage/ui/src/pages/Homepage.tsx b/kinode/packages/homepage/ui/src/pages/Homepage.tsx index 87ce98d2c..ee559580c 100644 --- a/kinode/packages/homepage/ui/src/pages/Homepage.tsx +++ b/kinode/packages/homepage/ui/src/pages/Homepage.tsx @@ -98,7 +98,7 @@ function Homepage() { {isHosted && window.location.href = `https://${our.replace('.os', '')}.hosting.kinode.net/`} + onClick={() => window.location.href = `https://valet.kinode.org/`} />} {our} v{version}