From b71ba077370dd74c3e10680d9603f4e5550e17d0 Mon Sep 17 00:00:00 2001 From: Tobias Merkle Date: Fri, 14 Jun 2024 14:33:01 -0400 Subject: [PATCH 1/2] allow wider widgets on smaller screens --- .../pkg/ui/assets/{index-emIdaXB4.js => index-CTL7geHV.js} | 2 +- kinode/packages/homepage/pkg/ui/index.html | 2 +- kinode/packages/homepage/ui/dist/index.html | 2 +- kinode/packages/homepage/ui/src/components/Widget.tsx | 4 +++- 4 files changed, 6 insertions(+), 4 deletions(-) rename kinode/packages/homepage/pkg/ui/assets/{index-emIdaXB4.js => index-CTL7geHV.js} (98%) diff --git a/kinode/packages/homepage/pkg/ui/assets/index-emIdaXB4.js b/kinode/packages/homepage/pkg/ui/assets/index-CTL7geHV.js similarity index 98% rename from kinode/packages/homepage/pkg/ui/assets/index-emIdaXB4.js rename to kinode/packages/homepage/pkg/ui/assets/index-CTL7geHV.js index 1c6aeb6be..6c617b22b 100644 --- a/kinode/packages/homepage/pkg/ui/assets/index-emIdaXB4.js +++ b/kinode/packages/homepage/pkg/ui/assets/index-CTL7geHV.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://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,{})]})}/** + `}},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 c,p,m,y,w;const{apps:n}=ln(),{widgetSettings:i,toggleWidgetVisibility:o}=vi(),[l,a]=E.useState(!1),u=ir(),s=r||((c=i[e])==null?void 0:c.size)==="large",f=!((p=i[e])!=null&&p.size)||((m=i[e])==null?void 0:m.size)==="small",d=window.innerHeight>window.innerWidth;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,"min-w-1/4":f&&!u,"max-w-1/4":f&&!d,"w-full":u}),onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[b.jsx("h6",{className:"flex-center my-2",children:((y=n.find(g=>g.package_name===e))==null?void 0:y.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:(w=i[e])!=null&&w.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 fbbe1d72e..654bbb19d 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 fbbe1d72e..654bbb19d 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/components/Widget.tsx b/kinode/packages/homepage/ui/src/components/Widget.tsx index 12fede5a8..c94db42af 100644 --- a/kinode/packages/homepage/ui/src/components/Widget.tsx +++ b/kinode/packages/homepage/ui/src/components/Widget.tsx @@ -18,10 +18,12 @@ const Widget: React.FC = ({ package_name, widget, forceLarge }) => const isMobile = isMobileCheck() const isLarge = forceLarge || widgetSettings[package_name]?.size === "large" const isSmall = !widgetSettings[package_name]?.size || widgetSettings[package_name]?.size === "small" + const screenIsTallerThanItIsWide = window.innerHeight > window.innerWidth return
setIsHovered(true)} From f5d30b5b1b04121627b62b9b2c879658b9512309 Mon Sep 17 00:00:00 2001 From: Tobias Merkle Date: Fri, 14 Jun 2024 14:55:27 -0400 Subject: [PATCH 2/2] correctly watch windowsize changes --- .../assets/{index-CTL7geHV.js => index-BLQ3kP3C.js} | 4 ++-- kinode/packages/homepage/pkg/ui/index.html | 2 +- kinode/packages/homepage/ui/dist/index.html | 2 +- .../homepage/ui/src/components/AppDisplay.tsx | 2 +- .../homepage/ui/src/components/AppIconPlaceholder.tsx | 2 +- kinode/packages/homepage/ui/src/components/Widget.tsx | 11 ++++++++--- 6 files changed, 14 insertions(+), 9 deletions(-) rename kinode/packages/homepage/pkg/ui/assets/{index-CTL7geHV.js => index-BLQ3kP3C.js} (95%) diff --git a/kinode/packages/homepage/pkg/ui/assets/index-CTL7geHV.js b/kinode/packages/homepage/pkg/ui/assets/index-BLQ3kP3C.js similarity index 95% rename from kinode/packages/homepage/pkg/ui/assets/index-CTL7geHV.js rename to kinode/packages/homepage/pkg/ui/assets/index-BLQ3kP3C.js index 6c617b22b..4ab5f6ef3 100644 --- a/kinode/packages/homepage/pkg/ui/assets/index-CTL7geHV.js +++ b/kinode/packages/homepage/pkg/ui/assets/index-BLQ3kP3C.js @@ -57,7 +57,7 @@ Error generating stack: `+o.message+` Copyright (c) 2018 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames -*/(function(e){(function(){var t={}.hasOwnProperty;function r(){for(var o="",l=0;l({get:t,set:e,widgetSettings:{},favoriteApps:{},setWidgetSettings:r=>e({widgetSettings:r}),setFavoriteApps:r=>e({favoriteApps:r}),toggleWidgetVisibility:r=>{var i;const{widgetSettings:n}=t();e({widgetSettings:{...n,[r]:{...n[r],hide:!((i=n[r])!=null&&i.hide)}}})},setWidgetSize:(r,n)=>{const{widgetSettings:i}=t();e({widgetSettings:{...i,[r]:{...i[r],size:n}}})},favoriteApp:async r=>{var i;const{favoriteApps:n}=t();e({favoriteApps:{...n,[r]:{...n[r],favorite:!((i=n[r])!=null&&i.favorite)}}})}}),{name:"homepage_persistent_store",storage:xs(()=>localStorage)})),ir=()=>window.innerWidth<=600,N0=({text:e,className:t,size:r})=>{var l;const i=`/icons/${((l=e.split("").pop())==null?void 0:l.toUpperCase())||"0"}`;if(!i)return null;const o=ir();return b.jsx("img",{src:i,className:Te("m-0 align-self-center rounded-full",{"h-32 w-32":!o&&r==="large","h-18 w-18":!o&&r==="medium","h-12 w-12":o||r==="small"},t)})},Av=({app:e})=>{var l,a;const{favoriteApp:t,favoriteApps:r}=vi(),[n,i]=E.useState(!1),o=ir();return b.jsxs("a",{className:Te("flex-col-center gap-2 relative hover:opacity-90 transition-opacity",{"cursor-pointer":e==null?void 0:e.path,"cursor-not-allowed":!(e!=null&&e.path)}),id:e==null?void 0:e.package_name,href:e==null?void 0:e.path,onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[e!=null&&e.base64_icon?b.jsx("img",{src:e.base64_icon,className:Te("rounded",{"h-8 w-8":o,"h-16 w-16":!o})}):b.jsx(N0,{text:((l=e==null?void 0:e.state)==null?void 0:l.our_version)||"0",size:"small",className:"h-16 w-16"}),b.jsx("h6",{children:e==null?void 0:e.label}),(e==null?void 0:e.path)&&n&&b.jsx("button",{className:"absolute p-2 -top-2 -right-2 clear text-sm",onClick:u=>{u.preventDefault(),t(e.package_name)},children:(a=r[e.package_name])!=null&&a.favorite?b.jsx(C0,{}):b.jsx(P0,{})})]})};function gu(e,t){return gu=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,i){return n.__proto__=i,n},gu(e,t)}function Lv(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,gu(e,t)}function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"&&(r=t,t=void 0),typeof r<"u"){if(typeof r!="function")throw new Error(Oe(1));return r(Mv)(e,t)}if(typeof e!="function")throw new Error(Oe(2));var i=e,o=t,l=[],a=l,u=!1;function s(){a===l&&(a=l.slice())}function f(){if(u)throw new Error(Oe(3));return o}function d(y){if(typeof y!="function")throw new Error(Oe(4));if(u)throw new Error(Oe(5));var w=!0;return s(),a.push(y),function(){if(w){if(u)throw new Error(Oe(6));w=!1,s();var v=a.indexOf(y);a.splice(v,1),l=null}}}function c(y){if(!T0(y))throw new Error(Oe(7));if(typeof y.type>"u")throw new Error(Oe(8));if(u)throw new Error(Oe(9));try{u=!0,o=i(o,y)}finally{u=!1}for(var w=l=a,g=0;g=0)continue;r[n]=e[n]}return r}var Uv={exports:{}},V={};/** @license React v16.13.1 +*/(function(e){(function(){var t={}.hasOwnProperty;function r(){for(var o="",l=0;l({get:t,set:e,widgetSettings:{},favoriteApps:{},setWidgetSettings:r=>e({widgetSettings:r}),setFavoriteApps:r=>e({favoriteApps:r}),toggleWidgetVisibility:r=>{var i;const{widgetSettings:n}=t();e({widgetSettings:{...n,[r]:{...n[r],hide:!((i=n[r])!=null&&i.hide)}}})},setWidgetSize:(r,n)=>{const{widgetSettings:i}=t();e({widgetSettings:{...i,[r]:{...i[r],size:n}}})},favoriteApp:async r=>{var i;const{favoriteApps:n}=t();e({favoriteApps:{...n,[r]:{...n[r],favorite:!((i=n[r])!=null&&i.favorite)}}})}}),{name:"homepage_persistent_store",storage:xs(()=>localStorage)})),ir=()=>window.innerWidth<=600,N0=({text:e,className:t,size:r})=>{var l;const i=`/api/icons/${((l=e.split("").pop())==null?void 0:l.toUpperCase())||"0"}`;if(!i)return null;const o=ir();return b.jsx("img",{src:i,className:Te("m-0 align-self-center rounded-full",{"h-32 w-32":!o&&r==="large","h-18 w-18":!o&&r==="medium","h-12 w-12":o||r==="small"},t)})},Av=({app:e})=>{var l,a;const{favoriteApp:t,favoriteApps:r}=vi(),[n,i]=E.useState(!1),o=ir();return b.jsxs("a",{className:Te("flex-col-center gap-2 relative hover:opacity-90 transition-opacity",{"cursor-pointer":e==null?void 0:e.path,"cursor-not-allowed":!(e!=null&&e.path)}),id:e==null?void 0:e.package_name,href:e==null?void 0:e.path,onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[e!=null&&e.base64_icon?b.jsx("img",{src:e.base64_icon,className:Te("rounded",{"h-8 w-8":o,"h-16 w-16":!o})}):b.jsx(N0,{text:((l=e==null?void 0:e.state)==null?void 0:l.our_version)||"0",size:"small",className:"h-16 w-16"}),b.jsx("h6",{children:(e==null?void 0:e.label)||(e==null?void 0:e.package_name)}),(e==null?void 0:e.path)&&n&&b.jsx("button",{className:"absolute p-2 -top-2 -right-2 clear text-sm",onClick:u=>{u.preventDefault(),t(e.package_name)},children:(a=r[e.package_name])!=null&&a.favorite?b.jsx(C0,{}):b.jsx(P0,{})})]})};function gu(e,t){return gu=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,i){return n.__proto__=i,n},gu(e,t)}function Lv(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,gu(e,t)}function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"&&(r=t,t=void 0),typeof r<"u"){if(typeof r!="function")throw new Error(Oe(1));return r(Mv)(e,t)}if(typeof e!="function")throw new Error(Oe(2));var i=e,o=t,l=[],a=l,u=!1;function s(){a===l&&(a=l.slice())}function f(){if(u)throw new Error(Oe(3));return o}function d(y){if(typeof y!="function")throw new Error(Oe(4));if(u)throw new Error(Oe(5));var w=!0;return s(),a.push(y),function(){if(w){if(u)throw new Error(Oe(6));w=!1,s();var v=a.indexOf(y);a.splice(v,1),l=null}}}function c(y){if(!T0(y))throw new Error(Oe(7));if(typeof y.type>"u")throw new Error(Oe(8));if(u)throw new Error(Oe(9));try{u=!0,o=i(o,y)}finally{u=!1}for(var w=l=a,g=0;g=0)continue;r[n]=e[n]}return r}var Uv={exports:{}},V={};/** @license React v16.13.1 * react-is.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. @@ -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 c,p,m,y,w;const{apps:n}=ln(),{widgetSettings:i,toggleWidgetVisibility:o}=vi(),[l,a]=E.useState(!1),u=ir(),s=r||((c=i[e])==null?void 0:c.size)==="large",f=!((p=i[e])!=null&&p.size)||((m=i[e])==null?void 0:m.size)==="small",d=window.innerHeight>window.innerWidth;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,"min-w-1/4":f&&!u,"max-w-1/4":f&&!d,"w-full":u}),onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[b.jsx("h6",{className:"flex-center my-2",children:((y=n.find(g=>g.package_name===e))==null?void 0:y.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:(w=i[e])!=null&&w.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,{})]})}/** + `}},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 p,m,y,w,g;const{apps:n}=ln(),{widgetSettings:i,toggleWidgetVisibility:o}=vi(),[l,a]=E.useState(!1),u=ir(),s=r||((p=i[e])==null?void 0:p.size)==="large",f=!((m=i[e])!=null&&m.size)||((y=i[e])==null?void 0:y.size)==="small",[d,c]=E.useState(window.innerHeight>window.innerWidth);return E.useEffect(()=>{c(window.innerHeight>window.innerWidth)},[window.innerHeight,window.innerWidth]),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,"min-w-1/4":f&&!u,"max-w-1/4":f&&!d,"w-full":u}),onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[b.jsx("h6",{className:"flex-center my-2",children:((w=n.find(v=>v.package_name===e))==null?void 0:w.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:(g=i[e])!=null&&g.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 654bbb19d..a2dddcadb 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 654bbb19d..a2dddcadb 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/components/AppDisplay.tsx b/kinode/packages/homepage/ui/src/components/AppDisplay.tsx index cd38a731e..05749cbcf 100644 --- a/kinode/packages/homepage/ui/src/components/AppDisplay.tsx +++ b/kinode/packages/homepage/ui/src/components/AppDisplay.tsx @@ -38,7 +38,7 @@ const AppDisplay: React.FC = ({ app }) => { size={'small'} className="h-16 w-16" />} -
{app?.label}
+
{app?.label || app?.package_name}
{app?.path && isHovered &&