n9router 0.3.99 → 0.4.3

package/.next/static/chunks/2589-e33ccd63c1afc7ba.js

@@ -0,0 +1,3 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2589],{42589:(e,t,l)=>{Promise.resolve().then(l.bind(l,95907))},95907:(e,t,l)=>{"use strict";l.d(t,{default:()=>d});var s=l(95155),a=l(12115),r=l(14051),n=l.n(r),i=l(35497),o=l(11059);let c=[{icon:"public",title:"Access Anywhere",desc:"Use your API from any network"},{icon:"group",title:"Share Endpoint",desc:"Share URL with team members"},{icon:"code",title:"Use in Cursor/Cline",desc:"Connect AI tools remotely"},{icon:"lock",title:"Encrypted",desc:"End-to-end TLS via Cloudflare"}];function d({machineId:e}){let[t,l]=(0,a.useState)([]),[r,n]=(0,a.useState)(!0),[u,h]=(0,a.useState)(!1),[p,g]=(0,a.useState)(""),[y,b]=(0,a.useState)(null),[f,j]=(0,a.useState)(!1),[k,w]=(0,a.useState)(!0),[v,N]=(0,a.useState)(!1),[C,S]=(0,a.useState)(""),[T,$]=(0,a.useState)(""),[_,P]=(0,a.useState)(!1),[E,U]=(0,a.useState)(""),[A,O]=(0,a.useState)(null),[F,I]=(0,a.useState)(!1),[D,W]=(0,a.useState)(!1),[R,q]=(0,a.useState)(!1),[L,K]=(0,a.useState)(""),[z,J]=(0,a.useState)(!1),[H,M]=(0,a.useState)(""),[Q,Z]=(0,a.useState)(null),[B,G]=(0,a.useState)(null),[V,X]=(0,a.useState)(!1),[Y,ee]=(0,a.useState)([]),[et,el]=(0,a.useState)(""),[es,ea]=(0,a.useState)(!1),[er,en]=(0,a.useState)(!1),[ei,eo]=(0,a.useState)(!1),ec=(0,a.useRef)(null),[ed,ex]=(0,a.useState)(new Set),{copied:em,copy:eu}=(0,o.C)();(0,a.useEffect)(()=>{ec.current&&(ec.current.scrollTop=ec.current.scrollHeight)},[Y]),(0,a.useEffect)(()=>{eg(),eh()},[]);let eh=async()=>{w(!0);try{let[e,t]=await Promise.all([fetch("/api/settings"),fetch("/api/tunnel/status")]);if(e.ok){let t=await e.json();j(t.requireApiKey||!1)}if(t.ok){let e=await t.json(),l=e.tunnel?.enabled||!1,s=e.tunnel?.tunnelUrl||"",a=e.tunnel?.publicUrl||"";S(s),$(a);let r=e.tailscale?.enabled||!1,n=e.tailscale?.tunnelUrl||"";if(K(n),r&&n){J(!0),M("Checking Tailscale...");let e=`${n}/api/health`;try{let t=await fetch(e,{mode:"no-cors",cache:"no-store"});if(t.ok||"opaque"===t.type)q(!0);else{let e=await ew(n);q(e),e||Z({type:"warning",message:"Tailscale not reachable."})}}catch{let e=await ew(n);q(e),e||Z({type:"warning",message:"Tailscale not reachable."})}finally{J(!1),M("")}}else q(r);if(l&&(a||s)){let e=`${a||s}/api/health`;try{let t=await fetch(e,{mode:"no-cors",cache:"no-store"});t.ok||"opaque"===t.type?N(!0):ey(a||s)}catch{ey(a||s)}}else N(l)}}catch(e){console.log("Error loading settings:",e)}finally{w(!1)}},ep=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({requireApiKey:e})})).ok&&j(e)}catch(e){console.log("Error updating requireApiKey:",e)}},eg=async()=>{try{let e=await fetch("/api/keys"),t=await e.json();e.ok&&l(t.keys||[])}catch(e){console.log("Error fetching data:",e)}finally{n(!1)}},ey=async e=>{P(!0),U("Waiting for tunnel ready...");let t=`${e}/api/health`,l=Date.now();for(;Date.now()-l<3e5;){await new Promise(e=>setTimeout(e,2e3));try{let e=await fetch(t,{mode:"no-cors",cache:"no-store"});if(e.ok||"opaque"===e.type)return N(!0),P(!1),U(""),!0}catch{}if((Date.now()-l)%1e4<2e3)try{let e=await fetch("/api/tunnel/status");if(e.ok){let t=await e.json();if(!t.tunnel?.enabled)return O({type:"error",message:"Tunnel process stopped unexpectedly."}),P(!1),U(""),!1}}catch{}}return O({type:"error",message:"Tunnel created but not reachable. Please try again."}),P(!1),U(""),!1},eb=async()=>{I(!1),P(!0),O(null),U("Creating tunnel...");try{let e=await fetch("/api/tunnel/enable",{method:"POST"}),t=await e.json();if(!e.ok)return void O({type:"error",message:t.error||"Failed to enable tunnel"});let l=t.publicUrl||t.tunnelUrl;if(!l)return void O({type:"error",message:"No tunnel URL returned"});S(t.tunnelUrl||""),$(t.publicUrl||""),await ey(l)}catch(e){O({type:"error",message:e.message})}finally{P(!1),U("")}},ef=async()=>{P(!0),O(null);try{let e=await fetch("/api/tunnel/disable",{method:"POST"}),t=await e.json();e.ok?(N(!1),S(""),$(""),W(!1),O({type:"success",message:"Tunnel disabled"})):O({type:"error",message:t.error||"Failed to disable tunnel"})}catch(e){O({type:"error",message:e.message})}finally{P(!1)}},ej=async()=>{G(null);try{let e=await fetch("/api/tunnel/tailscale-check");if(e.ok){let t=await e.json();return G(t.installed),t}}catch{}return G(!1),{installed:!1}},ek=async()=>{X(!0),Z(null),ee([]);try{let e=await fetch("/api/tunnel/tailscale-install",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({sudoPassword:et})});el("");let t=e.body.getReader(),l=new TextDecoder,s="";for(;;){let{done:e,value:a}=await t.read();if(e)break;let r=(s+=l.decode(a,{stream:!0})).split("\n\n");for(let e of(s=r.pop()||"",r)){let t=e.split("\n"),l="progress",s=null;for(let e of t)if(e.startsWith("event: ")&&(l=e.slice(7).trim()),e.startsWith("data: "))try{s=JSON.parse(e.slice(6))}catch{}if(s)if("progress"===l)ee(e=>[...e.slice(-50),s.message]);else if("done"===l){G(!0),X(!1);return}else"error"===l&&Z({type:"error",message:s.error||"Install failed"})}}}catch(e){Z({type:"error",message:e.message})}finally{X(!1)}},ew=async e=>{M("Waiting for Tailscale ready...");let t=`${e}/api/health`,l=Date.now();for(;Date.now()-l<3e5;){await new Promise(e=>setTimeout(e,2e3));try{let e=await fetch(t,{mode:"no-cors",cache:"no-store"});if(e.ok||"opaque"===e.type)return!0}catch{}}return!1},ev=async e=>{let t=e||null;en(!1),ea(!0),J(!0),Z(null),M("Connecting...");try{let e=await fetch("/api/tunnel/tailscale-enable",{method:"POST"}),l=await e.json();if(e.ok&&l.success){t&&t.close(),K(l.tunnelUrl||""),await ew(l.tunnelUrl)?(q(!0),Z(null)):(q(!0),Z({type:"warning",message:"Connected but not reachable yet."}));return}if(l.needsLogin&&l.authUrl){t?t.location.href=l.authUrl:window.open(l.authUrl,"tailscale_auth","width=600,height=700"),M("Waiting for login...");for(let e=0;e<40;e++){await new Promise(e=>setTimeout(e,3e3));try{let e=await fetch("/api/tunnel/tailscale-check");if(e.ok&&(await e.json()).loggedIn){M("Starting funnel...");let e=await fetch("/api/tunnel/tailscale-enable",{method:"POST"}),l=await e.json();e.ok&&l.success?(t&&t.close(),K(l.tunnelUrl||""),await ew(l.tunnelUrl)?(q(!0),Z(null)):(q(!0),Z({type:"warning",message:"Connected but not reachable yet."}))):l.funnelNotEnabled&&l.enableUrl?await eN(l.enableUrl,t):Z({type:"error",message:l.error||"Failed to start funnel"});return}}catch{}}Z({type:"error",message:"Login timed out. Please try again."});return}if(l.funnelNotEnabled&&l.enableUrl)return void await eN(l.enableUrl,t);t&&t.close(),Z({type:"error",message:l.error||"Failed to connect"})}catch(e){t&&t.close(),Z({type:"error",message:e.message})}finally{J(!1),ea(!1),M("")}},eN=async(e,t)=>{t?t.location.href=e:window.open(e,"tailscale_auth","width=600,height=700"),M("Enable Funnel in browser, waiting...");for(let e=0;e<40;e++){await new Promise(e=>setTimeout(e,3e3));try{let e=await fetch("/api/tunnel/tailscale-enable",{method:"POST"}),l=await e.json();if(e.ok&&l.success){t&&t.close(),K(l.tunnelUrl||""),await ew(l.tunnelUrl)?(q(!0),Z(null)):(q(!0),Z({type:"warning",message:"Connected but not reachable yet."}));return}if(l.funnelNotEnabled)continue;if(l.error)return void Z({type:"error",message:l.error})}catch{}}Z({type:"error",message:"Timed out waiting for Funnel to be enabled."})},eC=async()=>{J(!0),Z(null);try{let e=await fetch("/api/tunnel/tailscale-disable",{method:"POST"}),t=await e.json();e.ok?(q(!1),K(""),eo(!1),Z({type:"success",message:"Tailscale disabled"})):Z({type:"error",message:t.error||"Failed to disable Tailscale"})}catch(e){Z({type:"error",message:e.message})}finally{J(!1)}},eS=async()=>{Z(null),ee([]),en(!0),await ej()},eT=async()=>{if(p.trim())try{let e=await fetch("/api/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:p})}),t=await e.json();e.ok&&(b(t.key),await eg(),g(""),h(!1))}catch(e){console.log("Error creating key:",e)}},e$=async e=>{if(confirm("Delete this API key?"))try{(await fetch(`/api/keys/${e}`,{method:"DELETE"})).ok&&(l(t.filter(t=>t.id!==e)),ex(t=>{let l=new Set(t);return l.delete(e),l}))}catch(e){console.log("Error deleting key:",e)}},e_=async(e,t)=>{try{(await fetch(`/api/keys/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&l(l=>l.map(l=>l.id===e?{...l,isActive:t}:l))}catch(e){console.log("Error toggling key:",e)}},[eP,eE]=(0,a.useState)("/v1");return((0,a.useEffect)(()=>{eE(`${window.location.origin}/v1`)},[]),r)?(0,s.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,s.jsx)(i.Qv,{}),(0,s.jsx)(i.Qv,{})]}):(0,s.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,s.jsxs)(i.Zp,{children:[(0,s.jsx)("h2",{className:"text-lg font-semibold mb-4",children:"API Endpoint"}),(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsx)(x,{label:"Local",url:eP,copyId:"local_url",copied:em,onCopy:eu}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:`text-xs font-mono px-1.5 py-0.5 rounded shrink-0 min-w-[68px] text-center ${v?"bg-orange-100 dark:bg-orange-900/30 text-orange-600 dark:text-orange-400":"bg-sidebar text-text-muted"}`,children:"Tunnel"}),v&&!_?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.pd,{value:`${T||C}/v1`,readOnly:!0,className:"flex-1 font-mono text-sm"}),(0,s.jsx)("button",{onClick:()=>eu(`${T||C}/v1`,"tunnel_url"),className:"p-2 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary transition-colors shrink-0",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"tunnel_url"===em?"check":"content_copy"})}),(0,s.jsx)("button",{onClick:()=>W(!0),className:"p-2 hover:bg-red-500/10 rounded text-red-500 transition-colors shrink-0",title:"Disable Tunnel",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"power_settings_new"})})]}):_?(0,s.jsxs)("div",{className:"flex-1 flex items-center gap-2 px-3 py-1.5 rounded border border-border bg-input text-sm text-text-muted",children:[(0,s.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),E||"Creating tunnel..."]}):A?.type==="error"?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex-1 flex items-center gap-2 px-3 py-1.5 rounded border border-red-300 dark:border-red-800 bg-red-500/5 text-sm text-red-600 dark:text-red-400",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"error"}),A.message]}),(0,s.jsx)(i.$n,{size:"sm",icon:"cloud_upload",onClick:()=>I(!0),children:"Enable"})]}):k?(0,s.jsxs)("div",{className:"flex items-center gap-2 px-3 py-1.5 text-sm text-text-muted",children:[(0,s.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),"Checking..."]}):(0,s.jsx)(i.$n,{size:"sm",icon:"cloud_upload",onClick:()=>{f?I(!0):O({type:"error",message:'Security required: Enable "Require API key" before activating the tunnel.'})},className:"bg-linear-to-r from-primary to-blue-500 hover:from-primary-hover hover:to-blue-600 text-white!",children:"Enable"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:`text-xs font-mono px-1.5 py-0.5 rounded shrink-0 min-w-[68px] text-center ${R?"bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400":"bg-sidebar text-text-muted"}`,children:"Tailscale"}),R&&!z?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.pd,{value:`${L}/v1`,readOnly:!0,className:"flex-1 font-mono text-sm"}),(0,s.jsx)("button",{onClick:()=>eu(`${L}/v1`,"ts_url"),className:"p-2 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary transition-colors shrink-0",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"ts_url"===em?"check":"content_copy"})}),(0,s.jsx)("button",{onClick:()=>eo(!0),className:"p-2 hover:bg-red-500/10 rounded text-red-500 transition-colors shrink-0",title:"Disable Tailscale",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"power_settings_new"})})]}):z||es?(0,s.jsxs)("div",{className:"flex-1 flex items-center gap-2 px-3 py-1.5 rounded border border-border bg-input text-sm text-text-muted",children:[(0,s.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),H||"Connecting..."]}):Q?.type==="error"?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"flex-1 flex items-center gap-2 px-3 py-1.5 rounded border border-red-300 dark:border-red-800 bg-red-500/5 text-sm text-red-600 dark:text-red-400",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-sm",children:"error"}),Q.message]}),(0,s.jsx)(i.$n,{size:"sm",icon:"vpn_lock",onClick:eS,children:"Enable"})]}):(0,s.jsx)(i.$n,{size:"sm",icon:"vpn_lock",onClick:eS,className:"bg-linear-to-r from-indigo-500 to-purple-500 hover:from-indigo-600 hover:to-purple-600 text-white!",children:"Enable"})]})]})]}),(0,s.jsxs)(i.Zp,{children:[(0,s.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold",children:"API Keys"}),(0,s.jsx)(i.$n,{icon:"add",onClick:()=>h(!0),children:"Create Key"})]}),(0,s.jsxs)("div",{className:"flex items-center justify-between pb-4 mb-4 border-b border-border",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"font-medium",children:"Require API key"}),(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"Requests without a valid key will be rejected"})]}),(0,s.jsx)(i.lM,{checked:f,onChange:()=>ep(!f)})]}),0===t.length?(0,s.jsxs)("div",{className:"text-center py-12",children:[(0,s.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary/10 text-primary mb-4",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[32px]",children:"vpn_key"})}),(0,s.jsx)("p",{className:"text-text-main font-medium mb-1",children:"No API keys yet"}),(0,s.jsx)("p",{className:"text-sm text-text-muted mb-4",children:"Create your first API key to get started"}),(0,s.jsx)(i.$n,{icon:"add",onClick:()=>h(!0),children:"Create Key"})]}):(0,s.jsx)("div",{className:"flex flex-col",children:t.map(e=>{var t;return(0,s.jsxs)("div",{className:`group flex items-center justify-between py-3 border-b border-black/[0.03] dark:border-white/[0.03] last:border-b-0 ${!1===e.isActive?"opacity-60":""}`,children:[(0,s.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,s.jsx)("p",{className:"text-sm font-medium",children:e.name}),(0,s.jsxs)("div",{className:"flex items-center gap-2 mt-1",children:[(0,s.jsx)("code",{className:"text-xs text-text-muted font-mono",children:ed.has(e.id)?e.key:(t=e.key)?t.length>8?t.slice(0,8)+"...":t:""}),(0,s.jsx)("button",{onClick:()=>{var t;return t=e.id,void ex(e=>{let l=new Set(e);return l.has(t)?l.delete(t):l.add(t),l})},className:"p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary opacity-0 group-hover:opacity-100 transition-all",title:ed.has(e.id)?"Hide key":"Show key",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:ed.has(e.id)?"visibility_off":"visibility"})}),(0,s.jsx)("button",{onClick:()=>eu(e.key,e.id),className:"p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary opacity-0 group-hover:opacity-100 transition-all",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:em===e.id?"check":"content_copy"})})]}),(0,s.jsxs)("p",{className:"text-xs text-text-muted mt-1",children:["Created ",new Date(e.createdAt).toLocaleDateString()]}),!1===e.isActive&&(0,s.jsx)("p",{className:"text-xs text-orange-500 mt-1",children:"Paused"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)(i.lM,{size:"sm",checked:e.isActive??!0,onChange:t=>{e.isActive&&!t?confirm(`Pause API key "${e.name}"?
+
+This key will stop working immediately but can be resumed later.`)&&e_(e.id,t):e_(e.id,t)},title:e.isActive?"Pause key":"Resume key"}),(0,s.jsx)("button",{onClick:()=>e$(e.id),className:"p-2 hover:bg-red-500/10 rounded text-red-500 opacity-0 group-hover:opacity-100 transition-all",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"})})]})]},e.id)})})]}),(0,s.jsx)(i.aF,{isOpen:u,title:"Create API Key",onClose:()=>{h(!1),g("")},children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)(i.pd,{label:"Key Name",value:p,onChange:e=>g(e.target.value),placeholder:"Production Key"}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(i.$n,{onClick:eT,fullWidth:!0,disabled:!p.trim(),children:"Create"}),(0,s.jsx)(i.$n,{onClick:()=>{h(!1),g("")},variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}),(0,s.jsx)(i.aF,{isOpen:!!y,title:"API Key Created",onClose:()=>b(null),children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsxs)("div",{className:"bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4",children:[(0,s.jsx)("p",{className:"text-sm text-yellow-800 dark:text-yellow-200 mb-2 font-medium",children:"Save this key now!"}),(0,s.jsx)("p",{className:"text-sm text-yellow-700 dark:text-yellow-300",children:"This is the only time you will see this key. Store it securely."})]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(i.pd,{value:y||"",readOnly:!0,className:"flex-1 font-mono text-sm"}),(0,s.jsx)(i.$n,{variant:"secondary",icon:"created_key"===em?"check":"content_copy",onClick:()=>eu(y,"created_key"),children:"created_key"===em?"Copied!":"Copy"})]}),(0,s.jsx)(i.$n,{onClick:()=>b(null),fullWidth:!0,children:"Done"})]})}),(0,s.jsx)(i.aF,{isOpen:F,title:"Enable Tunnel",onClose:()=>I(!1),children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)("div",{className:"bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4",children:(0,s.jsxs)("div",{className:"flex items-start gap-3",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-blue-600 dark:text-blue-400",children:"cloud_upload"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-sm text-blue-800 dark:text-blue-200 font-medium mb-1",children:"Cloudflare Tunnel"}),(0,s.jsx)("p",{className:"text-sm text-blue-700 dark:text-blue-300",children:"Expose your local 9Router to the internet. No port forwarding, no static IP needed. Share endpoint URL with your team or use it in Cursor, Cline, and other AI tools from anywhere."})]})]})}),(0,s.jsx)("div",{className:"grid grid-cols-2 gap-3",children:c.map(e=>(0,s.jsxs)("div",{className:"flex flex-col items-center text-center p-3 rounded-lg bg-sidebar/50",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-xl text-primary mb-1",children:e.icon}),(0,s.jsx)("p",{className:"text-xs font-semibold",children:e.title}),(0,s.jsx)("p",{className:"text-xs text-text-muted",children:e.desc})]},e.title))}),(0,s.jsx)("p",{className:"text-xs text-text-muted",children:"Requires outbound port 7844 (TCP/UDP). Connection may take 10-30s."}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(i.$n,{onClick:eb,fullWidth:!0,className:"bg-linear-to-r from-primary to-blue-500 hover:from-primary-hover hover:to-blue-600 text-white!",children:"Start Tunnel"}),(0,s.jsx)(i.$n,{onClick:()=>I(!1),variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}),(0,s.jsx)(i.aF,{isOpen:D,title:"Disable Tunnel",onClose:()=>!_&&W(!1),children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"The Cloudflare tunnel will be disconnected. Remote access via tunnel URL will stop working."}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(i.$n,{onClick:ef,fullWidth:!0,disabled:_,className:"bg-red-500! hover:bg-red-600! text-white!",children:_?"Disabling...":"Disable"}),(0,s.jsx)(i.$n,{onClick:()=>W(!1),variant:"ghost",fullWidth:!0,disabled:_,children:"Cancel"})]})]})}),(0,s.jsx)(i.aF,{isOpen:er,title:"Tailscale Funnel",onClose:()=>{V||(en(!1),el(""),Z(null))},children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[null===B&&(0,s.jsxs)("p",{className:"text-sm text-text-muted flex items-center gap-2",children:[(0,s.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),"Checking..."]}),!1===B&&!V&&(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"Tailscale is not installed. Install it to enable Funnel."}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(i.$n,{onClick:ek,fullWidth:!0,className:"bg-linear-to-r from-indigo-500 to-purple-500 hover:from-indigo-600 hover:to-purple-600 text-white!",children:"Install Tailscale"}),(0,s.jsx)(i.$n,{onClick:()=>en(!1),variant:"ghost",fullWidth:!0,children:"Cancel"})]})]}),V&&(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 text-sm text-text-muted",children:[(0,s.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),"Installing Tailscale..."]}),Y.length>0&&(0,s.jsx)("div",{ref:ec,className:"bg-black/5 dark:bg-white/5 rounded p-2 max-h-40 overflow-y-auto font-mono text-xs text-text-muted",children:Y.map((e,t)=>(0,s.jsx)("div",{children:e},t))})]}),!0===B&&!V&&(0,s.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 text-sm text-green-600 dark:text-green-400",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"check_circle"}),"Tailscale installed"]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(i.$n,{onClick:()=>{let e=window.open("","tailscale_auth","width=600,height=700");e&&e.document.write("<p style='font-family:sans-serif;text-align:center;margin-top:40px'>Connecting to Tailscale...</p>"),ev(e)},fullWidth:!0,className:"bg-linear-to-r from-indigo-500 to-purple-500 hover:from-indigo-600 hover:to-purple-600 text-white!",children:"Connect"}),(0,s.jsx)(i.$n,{onClick:()=>en(!1),variant:"ghost",fullWidth:!0,children:"Cancel"})]})]}),Q&&(0,s.jsx)(m,{status:Q})]})}),(0,s.jsx)(i.aF,{isOpen:ei,title:"Disable Tailscale",onClose:()=>!z&&eo(!1),children:(0,s.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,s.jsx)("p",{className:"text-sm text-text-muted",children:"Tailscale Funnel will be stopped. Remote access via Tailscale URL will stop working."}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)(i.$n,{onClick:eC,fullWidth:!0,disabled:z,className:"bg-red-500! hover:bg-red-600! text-white!",children:z?"Disabling...":"Disable"}),(0,s.jsx)(i.$n,{onClick:()=>eo(!1),variant:"ghost",fullWidth:!0,disabled:z,children:"Cancel"})]})]})})]})}function x({label:e,url:t,copyId:l,copied:a,onCopy:r,badge:n,actions:o}){return(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:`text-xs font-mono px-1.5 py-0.5 rounded shrink-0 min-w-[68px] text-center ${"CF"===n?"bg-orange-100 dark:bg-orange-900/30 text-orange-600 dark:text-orange-400":"TS"===n?"bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400":"bg-sidebar text-text-muted"}`,children:e}),(0,s.jsx)(i.pd,{value:t,readOnly:!0,className:"flex-1 font-mono text-sm"}),(0,s.jsx)("button",{onClick:()=>r(t,l),className:"p-2 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary transition-colors shrink-0",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:a===l?"check":"content_copy"})}),o]})}function m({status:e,className:t=""}){return(0,s.jsx)("div",{className:`p-2 rounded text-sm ${t} ${"success"===e.type?"bg-green-500/10 text-green-600 dark:text-green-400":"warning"===e.type?"bg-yellow-500/10 text-yellow-600 dark:text-yellow-400":"info"===e.type?"bg-blue-500/10 text-blue-600 dark:text-blue-400":"bg-red-500/10 text-red-600 dark:text-red-400"}`,children:e.message.split(/(https?:\/\/[^\s]+)/g).map((e,t)=>/^https?:\/\//.test(e)?(0,s.jsx)("a",{href:e,target:"_blank",rel:"noreferrer",className:"underline font-medium",children:e},t):e)})}d.propTypes={machineId:n().string.isRequired}}}]);