67router 1.0.1 → 1.0.3

package/app/.next-cli-build/static/chunks/{2694-a1e5a15b567b3016.js → 2694-fa4a038c7addaf24.js}

@@ -1,4 +1,4 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2694],{52694:(e,t,s)=>{Promise.resolve().then(s.bind(s,95907))},95907:(e,t,s)=>{"use strict";s.d(t,{default:()=>x});var n=s(95155),o=s(12115),r=s(14051),l=s.n(r),a=s(35497),i=s(11059),c=s(72767);function x({machineId:e}){let[t,s]=(0,o.useState)([]),[r,l]=(0,o.useState)(!0),[d,p]=(0,o.useState)(!1),[u,m]=(0,o.useState)(""),[h,b]=(0,o.useState)(null),[f,y]=(0,o.useState)(null),[j,C]=(0,o.useState)("curl"),[g,N]=(0,o.useState)(!1),[A,v]=(0,o.useState)(!0),[k,w]=(0,o.useState)(!0),[E,F]=(0,o.useState)(!1),[S,O]=(0,o.useState)(""),[P,T]=(0,o.useState)(""),[I,D]=(0,o.useState)(!1),[$,K]=(0,o.useState)(!1),[R,L]=(0,o.useState)(!1),[U,_]=(0,o.useState)(!1),[q,B]=(0,o.useState)(""),[H,Y]=(0,o.useState)(!1),[J,z]=(0,o.useState)(!1),[M,G]=(0,o.useState)(!1),[Q,V]=(0,o.useState)(new Set),[W,X]=(0,o.useState)("/v1"),{copied:Z,copy:ee}=(0,i.C)(2e3);(0,o.useEffect)(()=>{X(`${window.location.origin}/v1`),en(),et()},[]);let et=async()=>{try{let[e,t]=await Promise.all([c.A.getState().fetchSettings(),fetch("/api/tunnel/status",{cache:"no-store"})]);if(e&&(N(e.requireApiKey||!1),v(!1!==e.requireLogin),w(e.hasPassword||!1)),t.ok){let e=await t.json();F(e.tunnel?.settingsEnabled??e.tunnel?.enabled??!1),O(e.tunnel?.tunnelUrl||""),T(e.tunnel?.publicUrl||""),_(e.tailscale?.settingsEnabled??e.tailscale?.enabled??!1),B(e.tailscale?.tunnelUrl||"")}}catch{}},es=async e=>{try{await c.A.getState().patchSettings({requireApiKey:e})&&N(e)}catch{}},en=async()=>{try{let e=await fetch("/api/keys");if(!e.ok)return;let t=(await e.json()).keys||[];if(0===t.length&&(await fetch("/api/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:"Default Key"})})).ok){let e=await fetch("/api/keys");t=(await e.json()).keys||[]}s(t)}catch{}finally{l(!1)}},eo=async()=>{K(!1),D(!0);try{let e=await fetch("/api/tunnel/enable",{method:"POST"}),t=await e.json();e.ok&&t.tunnelUrl&&(O(t.tunnelUrl),T(t.publicUrl||""),F(!0))}catch{}finally{D(!1)}},er=async()=>{D(!0);try{(await fetch("/api/tunnel/disable",{method:"POST"})).ok&&(F(!1),O(""),T(""),L(!1))}catch{}finally{D(!1)}},el=async()=>{if(u.trim())try{let e=await fetch("/api/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:u})}),t=await e.json();e.ok&&(b(t.key),await en(),m(""),p(!1))}catch{}},ea=async e=>{y({title:"Revoke API Key",message:"Are you sure you want to delete this API key?",onConfirm:async()=>{y(null);try{(await fetch(`/api/keys/${e}`,{method:"DELETE"})).ok&&s(t.filter(t=>t.id!==e))}catch{}}})},ei=async(e,t)=>{try{(await fetch(`/api/keys/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&s(s=>s.map(s=>s.id===e?{...s,isActive:t}:s))}catch{}},ec=t.find(e=>!1!==e.isActive)?.key||"sk-67router-demo-token",ex=()=>"curl"===j?`curl ${W}/chat/completions \\
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2694],{52694:(e,t,s)=>{Promise.resolve().then(s.bind(s,57924))},57924:(e,t,s)=>{"use strict";s.d(t,{default:()=>x});var n=s(95155),o=s(12115),r=s(14051),l=s.n(r),a=s(35497),i=s(11059),c=s(72767);function x({machineId:e}){let[t,s]=(0,o.useState)([]),[r,l]=(0,o.useState)(!0),[d,p]=(0,o.useState)(!1),[u,m]=(0,o.useState)(""),[h,b]=(0,o.useState)(null),[f,y]=(0,o.useState)(null),[j,g]=(0,o.useState)("curl"),[C,N]=(0,o.useState)(!1),[A,v]=(0,o.useState)(!0),[k,w]=(0,o.useState)(!0),[E,F]=(0,o.useState)(!1),[S,O]=(0,o.useState)(""),[P,T]=(0,o.useState)(""),[I,D]=(0,o.useState)(!1),[$,R]=(0,o.useState)(!1),[K,q]=(0,o.useState)(!1),[L,U]=(0,o.useState)(!1),[_,B]=(0,o.useState)(""),[H,Y]=(0,o.useState)(!1),[J,z]=(0,o.useState)(!1),[M,G]=(0,o.useState)(!1),[Q,V]=(0,o.useState)(new Set),[W,X]=(0,o.useState)("/v1"),{copied:Z,copy:ee}=(0,i.C)(2e3);(0,o.useEffect)(()=>{X(`${window.location.origin}/v1`),en(),et()},[]);let et=async()=>{try{let[e,t]=await Promise.all([c.A.getState().fetchSettings(),fetch("/api/tunnel/status",{cache:"no-store"})]);if(e&&(N(e.requireApiKey||!1),v(!1!==e.requireLogin),w(e.hasPassword||!1)),t.ok){let e=await t.json();F(e.tunnel?.settingsEnabled??e.tunnel?.enabled??!1),O(e.tunnel?.tunnelUrl||""),T(e.tunnel?.publicUrl||""),U(e.tailscale?.settingsEnabled??e.tailscale?.enabled??!1),B(e.tailscale?.tunnelUrl||"")}}catch{}},es=async e=>{try{await c.A.getState().patchSettings({requireApiKey:e})&&N(e)}catch{}},en=async()=>{try{let e=await fetch("/api/keys");if(!e.ok)return;let t=(await e.json()).keys||[];if(0===t.length&&(await fetch("/api/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:"Default Key"})})).ok){let e=await fetch("/api/keys");t=(await e.json()).keys||[]}s(t)}catch{}finally{l(!1)}},eo=async()=>{R(!1),D(!0);try{let e=await fetch("/api/tunnel/enable",{method:"POST"}),t=await e.json();e.ok&&t.tunnelUrl&&(O(t.tunnelUrl),T(t.publicUrl||""),F(!0))}catch{}finally{D(!1)}},er=async()=>{D(!0);try{(await fetch("/api/tunnel/disable",{method:"POST"})).ok&&(F(!1),O(""),T(""),q(!1))}catch{}finally{D(!1)}},el=async()=>{if(u.trim())try{let e=await fetch("/api/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:u})}),t=await e.json();e.ok&&(b(t.key),await en(),m(""),p(!1))}catch{}},ea=async e=>{y({title:"Revoke API Key",message:"Are you sure you want to delete this API key?",onConfirm:async()=>{y(null);try{(await fetch(`/api/keys/${e}`,{method:"DELETE"})).ok&&s(t.filter(t=>t.id!==e))}catch{}}})},ei=async(e,t)=>{try{(await fetch(`/api/keys/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&s(s=>s.map(s=>s.id===e?{...s,isActive:t}:s))}catch{}},ec=t.find(e=>!1!==e.isActive)?.key||"sk-67router-demo-token",ex=()=>"curl"===j?`curl ${W}/chat/completions \\
   -H "Content-Type: application/json" \\
   -H "Authorization: Bearer ${ec}" \\
   -d '{"model": "claude-3-7-sonnet-20250219", "messages": [{"role": "user", "content": "Hello 67Router"}]}'`:"python"===j?`import openai
@@ -15,4 +15,4 @@ const res = await openai.chat.completions.create({
   model: "claude-3-7-sonnet-20250219",
   messages: [{ role: "user", content: "Hello 67Router" }]
 });
-console.log(res.choices[0].message.content);`;return r?(0,n.jsxs)("div",{className:"flex items-center gap-2 font-mono text-xs text-[#A1A1A6] py-12",children:[(0,n.jsx)("span",{className:"w-1.5 h-1.5 bg-[#C5A880]"}),(0,n.jsx)("span",{children:"Loading..."})]}):(0,n.jsxs)("div",{className:"flex flex-col gap-6 max-w-5xl mx-auto pb-12 select-none",children:[(0,n.jsxs)("div",{className:"border border-[#222226] bg-[#0F0F10]",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between px-5 py-3 border-b border-[#222226]",children:[(0,n.jsx)("h2",{className:"text-xs font-semibold text-[#F5F5F7] tracking-wider uppercase font-mono",children:"Endpoints"}),(0,n.jsxs)("span",{className:"text-[11px] text-[#10B981] font-mono flex items-center gap-1.5",children:[(0,n.jsx)("span",{className:"w-1.5 h-1.5 bg-[#10B981] inline-block"}),"ONLINE"]})]}),(0,n.jsxs)("div",{className:"divide-y divide-[#222226]",children:[(0,n.jsxs)("div",{className:"p-4 flex flex-col sm:flex-row sm:items-center justify-between gap-3",children:[(0,n.jsx)("span",{className:"text-xs font-mono text-[#A1A1A6] uppercase min-w-[120px]",children:"Local"}),(0,n.jsxs)("div",{className:"flex-1 flex items-center gap-2 min-w-0",children:[(0,n.jsx)("input",{type:"text",readOnly:!0,value:W,className:"flex-1 px-3 py-1.5 border border-[#222226] bg-[#080808] text-xs font-mono text-[#E5C378] select-all focus:outline-none"}),(0,n.jsx)("button",{onClick:()=>ee(W,"local"),className:"px-3 py-1.5 border border-[#2E2E33] hover:border-[#C5A880] bg-[#141416] text-xs font-mono text-[#F5F5F7] transition-colors cursor-pointer shrink-0",children:"local"===Z?"COPIED":"COPY"})]})]}),(0,n.jsxs)("div",{className:"p-4 flex flex-col sm:flex-row sm:items-center justify-between gap-3",children:[(0,n.jsx)("span",{className:"text-xs font-mono text-[#A1A1A6] uppercase min-w-[120px]",children:"Cloudflare"}),(0,n.jsxs)("div",{className:"flex-1 flex items-center gap-2 min-w-0",children:[(0,n.jsx)("input",{type:"text",readOnly:!0,value:E&&(P||S)?`${P||S}/v1`:"Tunnel offline",className:"flex-1 px-3 py-1.5 border border-[#222226] bg-[#080808] text-xs font-mono text-[#A1A1A6] select-all focus:outline-none"}),E?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{onClick:()=>ee(`${P||S}/v1`,"tunnel"),className:"px-3 py-1.5 border border-[#2E2E33] hover:border-[#C5A880] bg-[#141416] text-xs font-mono text-[#F5F5F7] transition-colors cursor-pointer shrink-0",children:"tunnel"===Z?"COPIED":"COPY"}),(0,n.jsx)("button",{onClick:()=>L(!0),className:"px-3 py-1.5 border border-red-500/30 hover:border-red-500 text-xs font-mono text-red-400 transition-colors cursor-pointer shrink-0",children:"DISABLE"})]}):(0,n.jsx)("button",{onClick:()=>K(!0),className:"px-3 py-1.5 bg-[#E5C378] hover:bg-[#C5A880] text-[#080808] text-xs font-mono font-semibold transition-colors cursor-pointer shrink-0",children:"ENABLE"})]})]}),(0,n.jsxs)("div",{className:"p-4 flex flex-col sm:flex-row sm:items-center justify-between gap-3",children:[(0,n.jsx)("span",{className:"text-xs font-mono text-[#A1A1A6] uppercase min-w-[120px]",children:"Tailscale"}),(0,n.jsxs)("div",{className:"flex-1 flex items-center gap-2 min-w-0",children:[(0,n.jsx)("input",{type:"text",readOnly:!0,value:U&&q?`${q}/v1`:"Tailscale standby",className:"flex-1 px-3 py-1.5 border border-[#222226] bg-[#080808] text-xs font-mono text-[#A1A1A6] select-all focus:outline-none"}),U?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{onClick:()=>ee(`${q}/v1`,"ts"),className:"px-3 py-1.5 border border-[#2E2E33] hover:border-[#C5A880] bg-[#141416] text-xs font-mono text-[#F5F5F7] transition-colors cursor-pointer shrink-0",children:"ts"===Z?"COPIED":"COPY"}),(0,n.jsx)("button",{onClick:()=>G(!0),className:"px-3 py-1.5 border border-red-500/30 hover:border-red-500 text-xs font-mono text-red-400 transition-colors cursor-pointer shrink-0",children:"DISABLE"})]}):(0,n.jsx)("button",{onClick:()=>z(!0),className:"px-3 py-1.5 border border-[#2E2E33] hover:border-[#C5A880] bg-[#141416] text-xs font-mono text-[#F5F5F7] transition-colors cursor-pointer shrink-0",children:"CONNECT"})]})]})]})]}),(0,n.jsxs)("div",{className:"border border-[#222226] bg-[#0F0F10]",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between px-5 py-3 border-b border-[#222226]",children:[(0,n.jsxs)("div",{className:"flex items-center gap-4",children:[(0,n.jsx)("h2",{className:"text-xs font-semibold text-[#F5F5F7] tracking-wider uppercase font-mono",children:"API Keys"}),(0,n.jsxs)("div",{className:"flex items-center gap-2 font-mono text-xs text-[#A1A1A6]",children:[(0,n.jsx)("span",{children:"Auth Required:"}),(0,n.jsx)(a.lM,{size:"sm",checked:g,onChange:()=>es(!g)})]})]}),(0,n.jsx)("button",{onClick:()=>p(!0),className:"px-3 py-1.5 bg-[#E5C378] hover:bg-[#C5A880] text-[#080808] font-mono text-xs font-semibold uppercase transition-colors cursor-pointer",children:"+ Create Key"})]}),(0,n.jsx)("div",{className:"divide-y divide-[#222226]",children:0===t.length?(0,n.jsx)("div",{className:"p-8 text-center text-xs text-[#68686E] font-mono",children:"No API keys configured."}):t.map(e=>{var t;let s=Q.has(e.id),o=!1===e.isActive;return(0,n.jsxs)("div",{className:`p-4 flex flex-col sm:flex-row sm:items-center justify-between gap-3 font-mono text-xs ${o?"opacity-50":""}`,children:[(0,n.jsxs)("div",{className:"flex items-center gap-3",children:[(0,n.jsx)("span",{className:"font-medium text-[#F5F5F7] min-w-[120px]",children:e.name}),(0,n.jsx)("code",{className:"text-[#A1A1A6] bg-[#080808] px-2 py-0.5 border border-[#222226]",children:s?e.key:(t=e.key)&&!(t.length<=10)?t.slice(0,6)+"••••••••••••"+t.slice(-4):t||""})]}),(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)("button",{onClick:()=>{var t;return t=e.id,void V(e=>{let s=new Set(e);return s.has(t)?s.delete(t):s.add(t),s})},className:"px-2 py-1 text-[11px] text-[#A1A1A6] hover:text-[#E5C378] cursor-pointer",children:s?"Hide":"Show"}),(0,n.jsx)("button",{onClick:()=>ee(e.key,e.id),className:"px-2 py-1 text-[11px] text-[#A1A1A6] hover:text-[#E5C378] cursor-pointer",children:Z===e.id?"Copied":"Copy"}),(0,n.jsx)("button",{onClick:()=>ei(e.id,o),className:"px-2 py-1 text-[11px] text-[#68686E] hover:text-[#F5F5F7] cursor-pointer",children:o?"Resume":"Pause"}),(0,n.jsx)("button",{onClick:()=>ea(e.id),className:"p-1 text-[#68686E] hover:text-red-400 cursor-pointer ml-1",title:"Delete key",children:(0,n.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"delete"})})]})]},e.id)})})]}),(0,n.jsxs)("div",{className:"border border-[#222226] bg-[#0F0F10]",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between px-5 py-3 border-b border-[#222226]",children:[(0,n.jsx)("h2",{className:"text-xs font-semibold text-[#F5F5F7] tracking-wider uppercase font-mono",children:"Example Request"}),(0,n.jsx)("div",{className:"flex items-center gap-1 font-mono text-xs",children:["curl","python","node"].map(e=>(0,n.jsx)("button",{onClick:()=>C(e),className:`px-2 py-0.5 text-xs uppercase cursor-pointer ${j===e?"text-[#E5C378] border-b border-[#E5C378]":"text-[#68686E] hover:text-[#A1A1A6]"}`,children:e},e))})]}),(0,n.jsxs)("div",{className:"p-4 bg-[#080808] relative font-mono text-xs text-[#E5C378] overflow-x-auto",children:[(0,n.jsx)("pre",{className:"whitespace-pre",children:ex()}),(0,n.jsx)("button",{onClick:()=>ee(ex(),"harness"),className:"absolute top-3 right-3 px-2 py-1 border border-[#2E2E33] bg-[#141416] hover:border-[#C5A880] text-[11px] font-mono text-[#F5F5F7] cursor-pointer",children:"harness"===Z?"COPIED":"COPY"})]})]}),(0,n.jsx)(a.aF,{isOpen:d,title:"Create API Key",onClose:()=>{p(!1),m("")},children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 font-mono text-xs",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:"text-[#A1A1A6] block mb-1",children:"Key Name"}),(0,n.jsx)("input",{type:"text",value:u,onChange:e=>m(e.target.value),placeholder:"e.g. Production Key",className:"w-full px-3 py-2 border border-[#222226] bg-[#080808] text-xs text-[#F5F5F7] focus:border-[#C5A880] focus:outline-none"})]}),(0,n.jsxs)("div",{className:"flex gap-2 mt-2",children:[(0,n.jsx)("button",{onClick:el,disabled:!u.trim(),className:"flex-1 py-2 bg-[#E5C378] hover:bg-[#C5A880] text-[#080808] font-bold uppercase cursor-pointer disabled:opacity-40",children:"Create"}),(0,n.jsx)("button",{onClick:()=>{p(!1),m("")},className:"px-4 py-2 border border-[#2E2E33] text-[#A1A1A6] uppercase cursor-pointer",children:"Cancel"})]})]})}),(0,n.jsx)(a.aF,{isOpen:!!h,title:"API Key Created",onClose:()=>b(null),children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 font-mono text-xs",children:[(0,n.jsx)("p",{className:"text-amber-400",children:"Save this key now. It will not be shown again."}),(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)("input",{type:"text",value:h||"",readOnly:!0,className:"flex-1 px-3 py-2 border border-[#222226] bg-[#080808] text-xs text-[#E5C378] select-all focus:outline-none"}),(0,n.jsx)("button",{onClick:()=>ee(h,"created_key"),className:"px-3 py-2 bg-[#E5C378] text-[#080808] font-bold uppercase cursor-pointer shrink-0",children:"created_key"===Z?"COPIED":"COPY"})]}),(0,n.jsx)("button",{onClick:()=>b(null),className:"w-full py-2 border border-[#2E2E33] text-[#F5F5F7] uppercase cursor-pointer",children:"Done"})]})}),(0,n.jsx)(a.aF,{isOpen:$,title:"Enable Cloudflare Tunnel",onClose:()=>K(!1),children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 font-mono text-xs",children:[(0,n.jsx)("p",{className:"text-[#A1A1A6]",children:"Expose your local 67Router gateway through a secure Cloudflare tunnel."}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)("button",{onClick:eo,className:"flex-1 py-2 bg-[#E5C378] hover:bg-[#C5A880] text-[#080808] font-bold uppercase cursor-pointer",children:"Start Tunnel"}),(0,n.jsx)("button",{onClick:()=>K(!1),className:"px-4 py-2 border border-[#2E2E33] text-[#A1A1A6] uppercase cursor-pointer",children:"Cancel"})]})]})}),(0,n.jsx)(a.aF,{isOpen:R,title:"Disable Cloudflare Tunnel",onClose:()=>!I&&L(!1),children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 font-mono text-xs",children:[(0,n.jsx)("p",{className:"text-[#A1A1A6]",children:"Disconnect the public tunnel endpoint?"}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)("button",{onClick:er,disabled:I,className:"flex-1 py-2 bg-red-600 hover:bg-red-700 text-white font-bold uppercase cursor-pointer",children:"Disable"}),(0,n.jsx)("button",{onClick:()=>L(!1),className:"px-4 py-2 border border-[#2E2E33] text-[#A1A1A6] uppercase cursor-pointer",children:"Cancel"})]})]})}),(0,n.jsx)(a.aF,{isOpen:J,title:"Connect Tailscale",onClose:()=>z(!1),children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 font-mono text-xs",children:[(0,n.jsx)("p",{className:"text-[#A1A1A6]",children:"Connect node to your private Tailscale network."}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)("button",{onClick:()=>{_(!0),z(!1)},className:"flex-1 py-2 bg-[#E5C378] hover:bg-[#C5A880] text-[#080808] font-bold uppercase cursor-pointer",children:"Connect"}),(0,n.jsx)("button",{onClick:()=>z(!1),className:"px-4 py-2 border border-[#2E2E33] text-[#A1A1A6] uppercase cursor-pointer",children:"Cancel"})]})]})}),(0,n.jsx)(a.aF,{isOpen:M,title:"Disconnect Tailscale",onClose:()=>G(!1),children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 font-mono text-xs",children:[(0,n.jsx)("p",{className:"text-[#A1A1A6]",children:"Disconnect node from Tailscale network?"}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)("button",{onClick:()=>{_(!1),G(!1)},className:"flex-1 py-2 bg-red-600 hover:bg-red-700 text-white font-bold uppercase cursor-pointer",children:"Disconnect"}),(0,n.jsx)("button",{onClick:()=>G(!1),className:"px-4 py-2 border border-[#2E2E33] text-[#A1A1A6] uppercase cursor-pointer",children:"Cancel"})]})]})}),(0,n.jsx)(a.uo,{isOpen:!!f,onClose:()=>y(null),onConfirm:f?.onConfirm,title:f?.title||"Confirm",message:f?.message,variant:"danger"})]})}x.propTypes={machineId:l().string.isRequired}}}]);
+console.log(res.choices[0].message.content);`;return r?(0,n.jsxs)("div",{className:"flex items-center gap-2 font-mono text-xs text-[#A1A1A6] py-12",children:[(0,n.jsx)("span",{className:"w-1.5 h-1.5 bg-[#C5A880]"}),(0,n.jsx)("span",{children:"Loading..."})]}):(0,n.jsxs)("div",{className:"flex flex-col gap-6 max-w-5xl mx-auto pb-12 select-none",children:[(0,n.jsxs)("div",{className:"border border-[#222226] bg-[#0F0F10]",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between px-5 py-3 border-b border-[#222226]",children:[(0,n.jsx)("h2",{className:"text-xs font-semibold text-[#F5F5F7] tracking-wider uppercase font-mono",children:"Endpoints"}),(0,n.jsxs)("span",{className:"text-[11px] text-[#10B981] font-mono flex items-center gap-1.5",children:[(0,n.jsx)("span",{className:"w-1.5 h-1.5 bg-[#10B981] inline-block"}),"ONLINE"]})]}),(0,n.jsxs)("div",{className:"divide-y divide-[#222226]",children:[(0,n.jsxs)("div",{className:"p-4 flex flex-col sm:flex-row sm:items-center justify-between gap-3",children:[(0,n.jsx)("span",{className:"text-xs font-mono text-[#A1A1A6] uppercase min-w-[120px]",children:"Local"}),(0,n.jsxs)("div",{className:"flex-1 flex items-center gap-2 min-w-0",children:[(0,n.jsx)("input",{type:"text",readOnly:!0,value:W,className:"flex-1 px-3 py-1.5 border border-[#222226] bg-[#080808] text-xs font-mono text-[#E5C378] select-all focus:outline-none"}),(0,n.jsx)("button",{onClick:()=>ee(W,"local"),className:"px-3 py-1.5 border border-[#2E2E33] hover:border-[#C5A880] bg-[#141416] text-xs font-mono text-[#F5F5F7] transition-colors cursor-pointer shrink-0",children:"local"===Z?"COPIED":"COPY"})]})]}),(0,n.jsxs)("div",{className:"p-4 flex flex-col sm:flex-row sm:items-center justify-between gap-3",children:[(0,n.jsx)("span",{className:"text-xs font-mono text-[#A1A1A6] uppercase min-w-[120px]",children:"Cloudflare"}),(0,n.jsxs)("div",{className:"flex-1 flex items-center gap-2 min-w-0",children:[(0,n.jsx)("input",{type:"text",readOnly:!0,value:E&&(P||S)?`${P||S}/v1`:"Tunnel offline",className:"flex-1 px-3 py-1.5 border border-[#222226] bg-[#080808] text-xs font-mono text-[#A1A1A6] select-all focus:outline-none"}),E?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{onClick:()=>ee(`${P||S}/v1`,"tunnel"),className:"px-3 py-1.5 border border-[#2E2E33] hover:border-[#C5A880] bg-[#141416] text-xs font-mono text-[#F5F5F7] transition-colors cursor-pointer shrink-0",children:"tunnel"===Z?"COPIED":"COPY"}),(0,n.jsx)("button",{onClick:()=>q(!0),className:"px-3 py-1.5 border border-red-500/30 hover:border-red-500 text-xs font-mono text-red-400 transition-colors cursor-pointer shrink-0",children:"DISABLE"})]}):(0,n.jsx)("button",{onClick:()=>R(!0),className:"px-3 py-1.5 bg-[#E5C378] hover:bg-[#C5A880] text-[#080808] text-xs font-mono font-semibold transition-colors cursor-pointer shrink-0",children:"ENABLE"})]})]}),(0,n.jsxs)("div",{className:"p-4 flex flex-col sm:flex-row sm:items-center justify-between gap-3",children:[(0,n.jsx)("span",{className:"text-xs font-mono text-[#A1A1A6] uppercase min-w-[120px]",children:"Tailscale"}),(0,n.jsxs)("div",{className:"flex-1 flex items-center gap-2 min-w-0",children:[(0,n.jsx)("input",{type:"text",readOnly:!0,value:L&&_?`${_}/v1`:"Tailscale standby",className:"flex-1 px-3 py-1.5 border border-[#222226] bg-[#080808] text-xs font-mono text-[#A1A1A6] select-all focus:outline-none"}),L?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{onClick:()=>ee(`${_}/v1`,"ts"),className:"px-3 py-1.5 border border-[#2E2E33] hover:border-[#C5A880] bg-[#141416] text-xs font-mono text-[#F5F5F7] transition-colors cursor-pointer shrink-0",children:"ts"===Z?"COPIED":"COPY"}),(0,n.jsx)("button",{onClick:()=>G(!0),className:"px-3 py-1.5 border border-red-500/30 hover:border-red-500 text-xs font-mono text-red-400 transition-colors cursor-pointer shrink-0",children:"DISABLE"})]}):(0,n.jsx)("button",{onClick:()=>z(!0),className:"px-3 py-1.5 border border-[#2E2E33] hover:border-[#C5A880] bg-[#141416] text-xs font-mono text-[#F5F5F7] transition-colors cursor-pointer shrink-0",children:"CONNECT"})]})]})]})]}),(0,n.jsxs)("div",{className:"border border-[#222226] bg-[#0F0F10]",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between px-5 py-3 border-b border-[#222226]",children:[(0,n.jsxs)("div",{className:"flex items-center gap-4",children:[(0,n.jsx)("h2",{className:"text-xs font-semibold text-[#F5F5F7] tracking-wider uppercase font-mono",children:"API Keys"}),(0,n.jsxs)("div",{className:"flex items-center gap-2 font-mono text-xs text-[#A1A1A6]",children:[(0,n.jsx)("span",{children:"Auth Required:"}),(0,n.jsx)(a.lM,{size:"sm",checked:C,onChange:()=>es(!C)})]})]}),(0,n.jsx)("button",{onClick:()=>p(!0),className:"px-3 py-1.5 bg-[#E5C378] hover:bg-[#C5A880] text-[#080808] font-mono text-xs font-semibold uppercase transition-colors cursor-pointer",children:"+ Create Key"})]}),(0,n.jsx)("div",{className:"divide-y divide-[#222226]",children:0===t.length?(0,n.jsx)("div",{className:"p-8 text-center text-xs text-[#68686E] font-mono",children:"No API keys configured."}):t.map(e=>{var t;let s=Q.has(e.id),o=!1===e.isActive;return(0,n.jsxs)("div",{className:`p-4 flex flex-col sm:flex-row sm:items-center justify-between gap-3 font-mono text-xs ${o?"opacity-50":""}`,children:[(0,n.jsxs)("div",{className:"flex items-center gap-3",children:[(0,n.jsx)("span",{className:"font-medium text-[#F5F5F7] min-w-[120px]",children:e.name}),(0,n.jsx)("code",{className:"text-[#A1A1A6] bg-[#080808] px-2 py-0.5 border border-[#222226]",children:s?e.key:(t=e.key)&&!(t.length<=10)?t.slice(0,6)+"••••••••••••"+t.slice(-4):t||""})]}),(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)("button",{onClick:()=>{var t;return t=e.id,void V(e=>{let s=new Set(e);return s.has(t)?s.delete(t):s.add(t),s})},className:"px-2 py-1 text-[11px] text-[#A1A1A6] hover:text-[#E5C378] cursor-pointer",children:s?"Hide":"Show"}),(0,n.jsx)("button",{onClick:()=>ee(e.key,e.id),className:"px-2 py-1 text-[11px] text-[#A1A1A6] hover:text-[#E5C378] cursor-pointer",children:Z===e.id?"Copied":"Copy"}),(0,n.jsx)("button",{onClick:()=>ei(e.id,o),className:"px-2 py-1 text-[11px] text-[#68686E] hover:text-[#F5F5F7] cursor-pointer",children:o?"Resume":"Pause"}),(0,n.jsx)("button",{onClick:()=>ea(e.id),className:"p-1 text-[#68686E] hover:text-red-400 cursor-pointer ml-1",title:"Delete key",children:(0,n.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"delete"})})]})]},e.id)})})]}),(0,n.jsxs)("div",{className:"border border-[#222226] bg-[#0F0F10]",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between px-5 py-3 border-b border-[#222226]",children:[(0,n.jsx)("h2",{className:"text-xs font-semibold text-[#F5F5F7] tracking-wider uppercase font-mono",children:"Example Request"}),(0,n.jsx)("div",{className:"flex items-center gap-1 font-mono text-xs",children:["curl","python","node"].map(e=>(0,n.jsx)("button",{onClick:()=>g(e),className:`px-2 py-0.5 text-xs uppercase cursor-pointer ${j===e?"text-[#E5C378] border-b border-[#E5C378]":"text-[#68686E] hover:text-[#A1A1A6]"}`,children:e},e))})]}),(0,n.jsxs)("div",{className:"p-4 bg-[#080808] relative font-mono text-xs text-[#E5C378] overflow-x-auto",children:[(0,n.jsx)("pre",{className:"whitespace-pre",children:ex()}),(0,n.jsx)("button",{onClick:()=>ee(ex(),"harness"),className:"absolute top-3 right-3 px-2 py-1 border border-[#2E2E33] bg-[#141416] hover:border-[#C5A880] text-[11px] font-mono text-[#F5F5F7] cursor-pointer",children:"harness"===Z?"COPIED":"COPY"})]})]}),(0,n.jsx)(a.aF,{isOpen:d,title:"Create API Key",onClose:()=>{p(!1),m("")},children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 font-mono text-xs",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("label",{className:"text-[#A1A1A6] block mb-1",children:"Key Name"}),(0,n.jsx)("input",{type:"text",value:u,onChange:e=>m(e.target.value),placeholder:"e.g. Production Key",className:"w-full px-3 py-2 border border-[#222226] bg-[#080808] text-xs text-[#F5F5F7] focus:border-[#C5A880] focus:outline-none"})]}),(0,n.jsxs)("div",{className:"flex gap-2 mt-2",children:[(0,n.jsx)("button",{onClick:el,disabled:!u.trim(),className:"flex-1 py-2 bg-[#E5C378] hover:bg-[#C5A880] text-[#080808] font-bold uppercase cursor-pointer disabled:opacity-40",children:"Create"}),(0,n.jsx)("button",{onClick:()=>{p(!1),m("")},className:"px-4 py-2 border border-[#2E2E33] text-[#A1A1A6] uppercase cursor-pointer",children:"Cancel"})]})]})}),(0,n.jsx)(a.aF,{isOpen:!!h,title:"API Key Created",onClose:()=>b(null),children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 font-mono text-xs",children:[(0,n.jsx)("p",{className:"text-amber-400",children:"Save this key now. It will not be shown again."}),(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)("input",{type:"text",value:h||"",readOnly:!0,className:"flex-1 px-3 py-2 border border-[#222226] bg-[#080808] text-xs text-[#E5C378] select-all focus:outline-none"}),(0,n.jsx)("button",{onClick:()=>ee(h,"created_key"),className:"px-3 py-2 bg-[#E5C378] text-[#080808] font-bold uppercase cursor-pointer shrink-0",children:"created_key"===Z?"COPIED":"COPY"})]}),(0,n.jsx)("button",{onClick:()=>b(null),className:"w-full py-2 border border-[#2E2E33] text-[#F5F5F7] uppercase cursor-pointer",children:"Done"})]})}),(0,n.jsx)(a.aF,{isOpen:$,title:"Enable Cloudflare Tunnel",onClose:()=>R(!1),children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 font-mono text-xs",children:[(0,n.jsx)("p",{className:"text-[#A1A1A6]",children:"Expose your local 67Router gateway through a secure Cloudflare tunnel."}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)("button",{onClick:eo,className:"flex-1 py-2 bg-[#E5C378] hover:bg-[#C5A880] text-[#080808] font-bold uppercase cursor-pointer",children:"Start Tunnel"}),(0,n.jsx)("button",{onClick:()=>R(!1),className:"px-4 py-2 border border-[#2E2E33] text-[#A1A1A6] uppercase cursor-pointer",children:"Cancel"})]})]})}),(0,n.jsx)(a.aF,{isOpen:K,title:"Disable Cloudflare Tunnel",onClose:()=>!I&&q(!1),children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 font-mono text-xs",children:[(0,n.jsx)("p",{className:"text-[#A1A1A6]",children:"Disconnect the public tunnel endpoint?"}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)("button",{onClick:er,disabled:I,className:"flex-1 py-2 bg-red-600 hover:bg-red-700 text-white font-bold uppercase cursor-pointer",children:"Disable"}),(0,n.jsx)("button",{onClick:()=>q(!1),className:"px-4 py-2 border border-[#2E2E33] text-[#A1A1A6] uppercase cursor-pointer",children:"Cancel"})]})]})}),(0,n.jsx)(a.aF,{isOpen:J,title:"Connect Tailscale",onClose:()=>z(!1),children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 font-mono text-xs",children:[(0,n.jsx)("p",{className:"text-[#A1A1A6]",children:"Connect node to your private Tailscale network."}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)("button",{onClick:()=>{U(!0),z(!1)},className:"flex-1 py-2 bg-[#E5C378] hover:bg-[#C5A880] text-[#080808] font-bold uppercase cursor-pointer",children:"Connect"}),(0,n.jsx)("button",{onClick:()=>z(!1),className:"px-4 py-2 border border-[#2E2E33] text-[#A1A1A6] uppercase cursor-pointer",children:"Cancel"})]})]})}),(0,n.jsx)(a.aF,{isOpen:M,title:"Disconnect Tailscale",onClose:()=>G(!1),children:(0,n.jsxs)("div",{className:"flex flex-col gap-4 font-mono text-xs",children:[(0,n.jsx)("p",{className:"text-[#A1A1A6]",children:"Disconnect node from Tailscale network?"}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)("button",{onClick:()=>{U(!1),G(!1)},className:"flex-1 py-2 bg-red-600 hover:bg-red-700 text-white font-bold uppercase cursor-pointer",children:"Disconnect"}),(0,n.jsx)("button",{onClick:()=>G(!1),className:"px-4 py-2 border border-[#2E2E33] text-[#A1A1A6] uppercase cursor-pointer",children:"Cancel"})]})]})}),(0,n.jsx)(a.uo,{isOpen:!!f,onClose:()=>y(null),onConfirm:f?.onConfirm,title:f?.title||"Confirm",message:f?.message,variant:"danger"})]})}l().shape({id:l().string.isRequired,name:l().string,access:l().shape({restricted:l().bool,allow:l().arrayOf(l().string)})}).isRequired,l().func.isRequired,l().func.isRequired,x.propTypes={machineId:l().string.isRequired}}}]);