Fix mobile scroll

This commit is contained in:
Jack Kingsman committed 2026-01-10 01:04:26 -08:00
1 parent 2798b551f8
commit 50fcd286ba
6 files changed
+18 -5

No files matched your search

+1
View File
@@ -0,0 +1 @@
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 10%;--foreground: 0 0% 88%;--card: 0 0% 14%;--card-foreground: 0 0% 88%;--popover: 0 0% 14%;--popover-foreground: 0 0% 88%;--primary: 122 39% 49%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 20%;--secondaLine truncated
-1
View File
@@ -1 +0,0 @@
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 10%;--foreground: 0 0% 88%;--card: 0 0% 14%;--card-foreground: 0 0% 88%;--popover: 0 0% 14%;--popover-foreground: 0 0% 88%;--primary: 122 39% 49%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 20%;--secondaLine truncated
@@ -534,4 +534,4 @@ fn main(@builtin(global_invocation_id) global_id: vec3<u32>) {
No neighbors reported`;const r=[...a].sort((s,u)=>u.snr-s.snr),o=[`Neighbors (${r.length})`];for(const s of r){const u=s.name||s.pubkey_prefix,l=s.snr>=0?`+${s.snr.toFixed(1)}`:s.snr.toFixed(1);o.push(`${u}, ${l} dB [${Qt(s.last_heard_seconds)} ago]`)}return o.join(`
`)}function Zj(a){if(a.length===0)return`ACL
No ACL entries`;const r=[`ACL (${a.length})`];for(const o of a){const s=o.name||o.pubkey_prefix;r.push(`${s}: ${o.permission_name}`)}return r.join(`
`)}function Xj(a){return`${a.type}-${a.conversation_key}-${a.text}-${a.sender_timestamp}`}function Jj(){const a=window.location.hash.slice(1);if(!a)return null;if(a==="raw")return{type:"raw",name:"raw"};const r=a.indexOf("/");if(r===-1)return null;const o=a.slice(0,r),s=decodeURIComponent(a.slice(r+1));return(o==="channel"||o==="contact")&&s?{type:o,name:s}:null}function eA(a){if(!a)return"";if(a.type==="raw")return"#raw";const r=a.type==="channel"&&a.name.startsWith("#")?a.name.slice(1):a.name;return`#${a.type}/${encodeURIComponent(r)}`}function iA(){const a=S.useRef(null),r=S.useRef(null),o=S.useRef(new Set),[s,u]=S.useState(null),[l,m]=S.useState(null),[c,h]=S.useState(null),[d,y]=S.useState([]),[g,f]=S.useState([]),[z,k]=S.useState([]),[j,v]=S.useState(!1),[A,C]=S.useState(!1),[w,_]=S.useState([]),[x,D]=S.useState(null),[R,F]=S.useState(!1),[O,N]=S.useState(!1),[T,W]=S.useState(!1),[H,K]=S.useState(!1),[ae,X]=S.useState(0),[ne,$]=S.useState(!1),[oe,ee]=S.useState(!1),[q,I]=S.useState(!1),[L,Q]=S.useState(Zm),[de,ge]=S.useState({}),be=S.useRef(null),se=S.useMemo(()=>({onHealth:V=>{const J=be.current;be.current=V,u(V),J!==null&&J.radio_connected!==V.radio_connected&&(V.radio_connected?Tr.success("Radio connected",{description:V.serial_port?`Connected to ${V.serial_port}`:void 0}):Tr.error("Radio disconnected",{description:"Check radio connection and power"}))},onError:V=>{Tr.error(V.message,{description:V.details})},onContacts:V=>y(V),onChannels:V=>f(V),onMessage:V=>{const J=r.current,re=Xj(V);if(o.current.has(re)){console.debug("Duplicate message content ignored:",re.slice(0,50));return}if(o.current.add(re),o.current.size>1e3){const _e=Array.from(o.current);o.current=new Set(_e.slice(-500))}let ye=null;V.type==="CHAN"&&V.conversation_key?ye=an("channel",V.conversation_key):V.type==="PRIV"&&V.conversation_key&&(ye=an("contact",V.conversation_key));const fe=J?V.type==="CHAN"&&J.type==="channel"?V.conversation_key===J.id:V.type==="PRIV"&&J.type==="contact"?V.conversation_key&&Kg(J.id,V.conversation_key):!1:!1;if(fe&&k(_e=>_e.some(ni=>ni.id===V.id)?_e:[..._e,V]),ye){const _e=V.received_at||Math.floor(Date.now()/1e3),ni=nu(ye,_e);Q(ni),!V.outgoing&&!fe&&ge(Ce=>({...Ce,[ye]:(Ce[ye]||0)+1}))}},onContact:V=>{y(J=>{const re=J.findIndex(ye=>ye.public_key===V.public_key);if(re>=0){const ye=[...J],fe=J[re];return ye[re]={...fe,...V,name:V.name??fe.name,last_path:V.last_path??fe.last_path,lat:V.lat??fe.lat,lon:V.lon??fe.lon},ye}return[...J,V]})},onRawPacket:V=>{_(J=>{if(J.some(ye=>ye.id===V.id))return J;const re=[...J,V];return re.length>Hg?re.slice(-Hg):re})},onMessageAcked:(V,J)=>{k(re=>{const ye=re.findIndex(fe=>fe.id===V);if(ye>=0){const fe=[...re];return fe[ye]={...re[ye],acked:J},fe}return re})}}),[]);ck(se);const ce=S.useCallback(async()=>{try{const V=await ei.getRadioConfig();m(V)}catch(V){console.error("Failed to fetch config:",V)}},[]),Ae=S.useCallback(async()=>{try{const V=await ei.getSettings();h(V)}catch(V){console.error("Failed to fetch app settings:",V)}},[]),Fe=S.useCallback(async()=>{try{const V=await ei.getUndecryptedPacketCount();X(V.count)}catch(V){console.error("Failed to fetch undecrypted count:",V)}},[]),He=200,ai=S.useCallback(async(V=!1)=>{if(!x){k([]),v(!1);return}V&&F(!0);try{const J=await ei.getMessages({type:x.type==="channel"?"CHAN":"PRIV",conversation_key:x.id,limit:He});k(J),v(J.length>=He)}catch(J){console.error("Failed to fetch messages:",J)}finally{V&&F(!1)}},[x]),Qe=S.useCallback(async()=>{if(!(!x||A||!j)){C(!0);try{const V=await ei.getMessages({type:x.type==="channel"?"CHAN":"PRIV",conversation_key:x.id,limit:He,offset:z.length});V.length>0&&k(J=>[...J,...V]),v(V.length>=He)}catch(V){console.error("Failed to fetch older messages:",V)}finally{C(!1)}}},[x,A,j,z.length]);S.useEffect(()=>{ce(),Ae(),Fe()},[ce,Ae,Fe]);const Oe=S.useCallback(()=>{const V=Jj();if(!V)return null;if(V.type==="raw")return{type:"raw",id:"raw",name:"Raw Packet Feed"};if(V.type==="channel"){const J=g.find(re=>re.name===V.name||re.name===`#${V.name}`);if(J)return{type:"channel",id:J.key,name:J.name}}if(V.type==="contact"){const J=d.find(re=>Kn(re.name,re.public_key)===V.name);if(J)return{type:"contact",id:J.public_key,name:Kn(J.name,J.public_key)}}return null},[g,d]),Me=S.useRef(!1);S.useEffect(()=>{if(Me.current||x||g.length===0&&d.length===0)return;const V=Oe();if(V){D(V),Me.current=!0;return}const J=g.find(re=>re.name==="Public");J&&(D({type:"channel",id:J.key,name:J.name}),Me.current=!0)},[g,d,x,Oe]);const Xe=S.useRef(new Set),Ve=S.useRef(new Set);S.useEffect(()=>{const V=g.filter(ye=>!Xe.current.has(ye.key)),J=d.filter(ye=>ye.public_key&&!Ve.current.has(ye.public_key));if(V.length===0&&J.length===0)return;V.forEach(ye=>Xe.current.add(ye.key)),J.forEach(ye=>Ve.current.add(ye.public_key)),(async()=>{const ye=[...V.map(fe=>({type:"CHAN",conversation_key:fe.key})),...J.map(fe=>({type:"PRIV",conversation_key:fe.public_key}))];if(ye.length!==0)try{const fe=await ei.getMessagesBulk(ye,100),_e=Yk(),ni={},Ce={};for Line truncated
`)}function Xj(a){return`${a.type}-${a.conversation_key}-${a.text}-${a.sender_timestamp}`}function Jj(){const a=window.location.hash.slice(1);if(!a)return null;if(a==="raw")return{type:"raw",name:"raw"};const r=a.indexOf("/");if(r===-1)return null;const o=a.slice(0,r),s=decodeURIComponent(a.slice(r+1));return(o==="channel"||o==="contact")&&s?{type:o,name:s}:null}function eA(a){if(!a)return"";if(a.type==="raw")return"#raw";const r=a.type==="channel"&&a.name.startsWith("#")?a.name.slice(1):a.name;return`#${a.type}/${encodeURIComponent(r)}`}function iA(){const a=S.useRef(null),r=S.useRef(null),o=S.useRef(new Set),[s,u]=S.useState(null),[l,m]=S.useState(null),[c,h]=S.useState(null),[d,y]=S.useState([]),[g,f]=S.useState([]),[z,k]=S.useState([]),[j,v]=S.useState(!1),[A,C]=S.useState(!1),[w,_]=S.useState([]),[x,D]=S.useState(null),[R,F]=S.useState(!1),[O,N]=S.useState(!1),[T,W]=S.useState(!1),[H,K]=S.useState(!1),[ae,X]=S.useState(0),[ne,$]=S.useState(!1),[oe,ee]=S.useState(!1),[q,I]=S.useState(!1),[L,Q]=S.useState(Zm),[de,ge]=S.useState({}),be=S.useRef(null),se=S.useMemo(()=>({onHealth:V=>{const J=be.current;be.current=V,u(V),J!==null&&J.radio_connected!==V.radio_connected&&(V.radio_connected?Tr.success("Radio connected",{description:V.serial_port?`Connected to ${V.serial_port}`:void 0}):Tr.error("Radio disconnected",{description:"Check radio connection and power"}))},onError:V=>{Tr.error(V.message,{description:V.details})},onContacts:V=>y(V),onChannels:V=>f(V),onMessage:V=>{const J=r.current,re=Xj(V);if(o.current.has(re)){console.debug("Duplicate message content ignored:",re.slice(0,50));return}if(o.current.add(re),o.current.size>1e3){const _e=Array.from(o.current);o.current=new Set(_e.slice(-500))}let ye=null;V.type==="CHAN"&&V.conversation_key?ye=an("channel",V.conversation_key):V.type==="PRIV"&&V.conversation_key&&(ye=an("contact",V.conversation_key));const fe=J?V.type==="CHAN"&&J.type==="channel"?V.conversation_key===J.id:V.type==="PRIV"&&J.type==="contact"?V.conversation_key&&Kg(J.id,V.conversation_key):!1:!1;if(fe&&k(_e=>_e.some(ni=>ni.id===V.id)?_e:[..._e,V]),ye){const _e=V.received_at||Math.floor(Date.now()/1e3),ni=nu(ye,_e);Q(ni),!V.outgoing&&!fe&&ge(Ce=>({...Ce,[ye]:(Ce[ye]||0)+1}))}},onContact:V=>{y(J=>{const re=J.findIndex(ye=>ye.public_key===V.public_key);if(re>=0){const ye=[...J],fe=J[re];return ye[re]={...fe,...V,name:V.name??fe.name,last_path:V.last_path??fe.last_path,lat:V.lat??fe.lat,lon:V.lon??fe.lon},ye}return[...J,V]})},onRawPacket:V=>{_(J=>{if(J.some(ye=>ye.id===V.id))return J;const re=[...J,V];return re.length>Hg?re.slice(-Hg):re})},onMessageAcked:(V,J)=>{k(re=>{const ye=re.findIndex(fe=>fe.id===V);if(ye>=0){const fe=[...re];return fe[ye]={...re[ye],acked:J},fe}return re})}}),[]);ck(se);const ce=S.useCallback(async()=>{try{const V=await ei.getRadioConfig();m(V)}catch(V){console.error("Failed to fetch config:",V)}},[]),Ae=S.useCallback(async()=>{try{const V=await ei.getSettings();h(V)}catch(V){console.error("Failed to fetch app settings:",V)}},[]),Fe=S.useCallback(async()=>{try{const V=await ei.getUndecryptedPacketCount();X(V.count)}catch(V){console.error("Failed to fetch undecrypted count:",V)}},[]),He=200,ai=S.useCallback(async(V=!1)=>{if(!x){k([]),v(!1);return}V&&F(!0);try{const J=await ei.getMessages({type:x.type==="channel"?"CHAN":"PRIV",conversation_key:x.id,limit:He});k(J),v(J.length>=He)}catch(J){console.error("Failed to fetch messages:",J)}finally{V&&F(!1)}},[x]),Qe=S.useCallback(async()=>{if(!(!x||A||!j)){C(!0);try{const V=await ei.getMessages({type:x.type==="channel"?"CHAN":"PRIV",conversation_key:x.id,limit:He,offset:z.length});V.length>0&&k(J=>[...J,...V]),v(V.length>=He)}catch(V){console.error("Failed to fetch older messages:",V)}finally{C(!1)}}},[x,A,j,z.length]);S.useEffect(()=>{ce(),Ae(),Fe()},[ce,Ae,Fe]);const Oe=S.useCallback(()=>{const V=Jj();if(!V)return null;if(V.type==="raw")return{type:"raw",id:"raw",name:"Raw Packet Feed"};if(V.type==="channel"){const J=g.find(re=>re.name===V.name||re.name===`#${V.name}`);if(J)return{type:"channel",id:J.key,name:J.name}}if(V.type==="contact"){const J=d.find(re=>Kn(re.name,re.public_key)===V.name);if(J)return{type:"contact",id:J.public_key,name:Kn(J.name,J.public_key)}}return null},[g,d]),Me=S.useRef(!1);S.useEffect(()=>{if(Me.current||x||g.length===0&&d.length===0)return;const V=Oe();if(V){D(V),Me.current=!0;return}const J=g.find(re=>re.name==="Public");J&&(D({type:"channel",id:J.key,name:J.name}),Me.current=!0)},[g,d,x,Oe]);const Xe=S.useRef(new Set),Ve=S.useRef(new Set);S.useEffect(()=>{const V=g.filter(ye=>!Xe.current.has(ye.key)),J=d.filter(ye=>ye.public_key&&!Ve.current.has(ye.public_key));if(V.length===0&&J.length===0)return;V.forEach(ye=>Xe.current.add(ye.key)),J.forEach(ye=>Ve.current.add(ye.public_key)),(async()=>{const ye=[...V.map(fe=>({type:"CHAN",conversation_key:fe.key})),...J.map(fe=>({type:"PRIV",conversation_key:fe.public_key}))];if(ye.length!==0)try{const fe=await ei.getMessagesBulk(ye,100),_e=Yk(),ni={},Ce={};for Line truncated
+2 -2
View File
@@ -4,8 +4,8 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>RemoteTerm for MeshCore</title>
<script type="module" crossorigin src="/assets/index-BtEbese6.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CtV9BARe.css">
<script type="module" crossorigin src="/assets/index-Dp5zBAL9.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-C0BLxxTS.css">
</head>
<body>
<div id="root"></div>
+1 -1
View File
@@ -981,7 +981,7 @@ export function App() {
);
return (
<div className="flex flex-col h-screen">
<div className="flex flex-col h-dvh">
<StatusBar
health={health}
config={config}
+13
View File
@@ -6,8 +6,21 @@
padding: 0;
}
html, body, #root {
height: 100%;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
/* Prevent overscroll/bounce on mobile */
overscroll-behavior: none;
}
/* Fallback for browsers without dvh support */
@supports not (height: 1dvh) {
.h-dvh {
height: 100vh;
}
}
/* Mobile sidebar override - ensures sidebar fills Sheet container */