@baique/pi-web-sky 0.1.32 → 0.1.34

package/.next/static/chunks/3266.a491c09b3f6b57e6.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3266],{82407:()=>{},83266:(e,t,r)=>{"use strict";r.r(t),r.d(t,{TerminalPanel:()=>m});var n=r(95155),i=r(12115),l=r(47650),a=r(8422);r(82407);var o=class{activate(e){this._terminal=e}dispose(){}fit(){let e=this.proposeDimensions();if(!e||!this._terminal||isNaN(e.cols)||isNaN(e.rows))return;let t=this._terminal._core;(this._terminal.rows!==e.rows||this._terminal.cols!==e.cols)&&(t._renderService.clear(),this._terminal.resize(e.cols,e.rows))}proposeDimensions(){if(!this._terminal||!this._terminal.element||!this._terminal.element.parentElement)return;let e=this._terminal._core._renderService.dimensions;if(0===e.css.cell.width||0===e.css.cell.height)return;let t=0===this._terminal.options.scrollback?0:this._terminal.options.overviewRuler?.width||14,r=window.getComputedStyle(this._terminal.element.parentElement),n=parseInt(r.getPropertyValue("height")),i=Math.max(0,parseInt(r.getPropertyValue("width"))),l=window.getComputedStyle(this._terminal.element),a={top:parseInt(l.getPropertyValue("padding-top")),bottom:parseInt(l.getPropertyValue("padding-bottom")),right:parseInt(l.getPropertyValue("padding-right")),left:parseInt(l.getPropertyValue("padding-left"))},o=a.top+a.bottom;return{cols:Math.max(2,Math.floor((i-(a.right+a.left)-t)/e.css.cell.width)),rows:Math.max(1,Math.floor((n-o)/e.css.cell.height))}}},s=r(39247),c=r(31590);let u={black:"#000000",red:"#cd3131",green:"#0dbc79",yellow:"#e5e510",blue:"#2472c8",magenta:"#bc3fbc",cyan:"#11a8cd",white:"#e5e5e5",brightBlack:"#666666",brightRed:"#f14c4c",brightGreen:"#23d18b",brightYellow:"#f5f543",brightBlue:"#3b8eea",brightMagenta:"#d670d6",brightCyan:"#29b8db",brightWhite:"#ffffff"},d={black:"#000000",red:"#cd3131",green:"#0dbc79",yellow:"#949800",blue:"#0451a5",magenta:"#bc05bc",cyan:"#0598bc",white:"#555555",brightBlack:"#666666",brightRed:"#cd3131",brightGreen:"#14ce14",brightYellow:"#b5ba00",brightBlue:"#0451a5",brightMagenta:"#bc05bc",brightCyan:"#0598bc",brightWhite:"#a5a5a5"};function m({origin:e,anchorRect:t,activeCwd:r,activeProjectLabel:p,hidden:h,onClose:f}){let b,g,y,w,v,x=(0,c.a)(),{t:k}=(0,s.s)(),[C,T]=(0,i.useState)([]),[j,E]=(0,i.useState)(null),[S,I]=(0,i.useState)(!1),[M,P]=(0,i.useState)(null),[L,N]=(0,i.useState)(new Set),$=(0,i.useRef)(!0),_=(0,i.useRef)(0),[R,B]=(0,i.useState)(0),D=(0,i.useRef)(new Set),[z,W]=(0,i.useState)(null),V=null!==z,Y=(0,i.useCallback)(()=>{W(null),H(null),f()},[f]),[O,H]=(0,i.useState)(null),X=(0,i.useRef)(null),A=(0,i.useRef)(null),F=(e,t,r)=>Math.max(t,Math.min(r,e)),J=(0,i.useRef)(null),K=(0,i.useRef)(null),Q=(0,i.useRef)(null),G=(0,i.useRef)(new Map),U=(0,i.useRef)(new Map),q=(0,i.useRef)(null);q.current=j;let Z=(0,i.useRef)(h);Z.current=h;let ee=(0,i.useRef)(new Set),et=(0,i.useMemo)(()=>p?C.filter(e=>e.projectLabel===p):[],[C,p]),er=(0,i.useMemo)(()=>{let e=new Map;for(let t of C){let r=e.get(t.projectLabel)??[];r.push(t),e.set(t.projectLabel,r)}return[...e.entries()]},[C]),en=(0,i.useMemo)(()=>{if(!j||!et.some(e=>e.id===j)){let e=j?C.find(e=>e.id===j):void 0;return e?[e,...et]:et}return et},[et,C,j]),ei=(0,i.useCallback)(async()=>{try{let e=await fetch("/api/terminal"),t=await e.json();if(Array.isArray(t.terminals)){let e=ee.current;T(t.terminals.filter(t=>!e.has(t.id))),$.current=!1,_.current+=1,B(e=>e+1)}}catch{}},[]),el=(0,i.useMemo)(()=>()=>{let e=getComputedStyle(document.documentElement),t=(t,r)=>e.getPropertyValue(t).trim()||r,r=document.documentElement.classList.contains("dark");return{background:`rgba(${t("--assistant-bg-rgb",r?"36, 36, 39":"252, 252, 253")}, ${t("--bubble-alpha",r?"0.55":"0.44")})`,foreground:t("--text",r?"#d4d4d4":"#1f2328"),cursor:t("--accent","#3b82f6"),cursorAccent:t("--bg",r?"#1e1e1e":"#ffffff"),selectionBackground:r?"rgba(128, 128, 128, 0.35)":"rgba(0, 0, 0, 0.15)",...r?u:d}},[]);(0,i.useEffect)(()=>{let e=new MutationObserver(()=>{let e=el();for(let[,t]of U.current)t.term&&(t.term.options.theme=e)});return e.observe(document.documentElement,{attributes:!0,attributeFilter:["class","style"]}),()=>e.disconnect()},[el]);let ea=(0,i.useCallback)(e=>{let t=U.current.get(e);if(t?.es)return;if(!t){let r=new a.B({convertEol:!1,fontSize:12.5,fontFamily:getComputedStyle(document.documentElement).getPropertyValue("--font-mono").trim()||"'JetBrains Mono', Consolas, monospace",cursorBlink:!0,scrollback:5e3,theme:el()}),n=new o;r.loadAddon(n),r.onData(r=>{let n=t;n.inputQueue=n.inputQueue.catch(()=>{}).then(async()=>{await fetch(`/api/terminal/${e}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:"input",data:r})})}).catch(()=>{})}),t={term:r,fit:n,es:null,offset:null,reconnectTimer:null,fitTimer:null,inputQueue:Promise.resolve(),disposed:!1},U.current.set(e,t)}let r=null!==t.offset?`?since=${t.offset}`:"",n=new EventSource(`/api/terminal/${e}/events${r}`);t.es=n,n.onopen=()=>{N(t=>{if(!t.has(e))return t;let r=new Set(t);return r.delete(e),r})},n.addEventListener("output",e=>{let{d:r,o:n}=JSON.parse(e.data);t.offset=n,t.term.write(r)}),n.addEventListener("gone",()=>{n.close(),t.es=null,ei()}),n.onerror=()=>{n.close(),t&&!t.disposed&&(t.es=null,t.reconnectTimer&&clearTimeout(t.reconnectTimer),t.reconnectTimer=setTimeout(()=>{fetch(`/api/terminal/${e}`).then(t=>{t.ok?ea(e):ei()}).catch(()=>{N(t=>t.has(e)?t:new Set(t).add(e))})},1500))}},[el,ei]),eo=(0,i.useCallback)(e=>{let t=U.current.get(e);t&&fetch(`/api/terminal/${e}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({type:"resize",cols:t.term.cols,rows:t.term.rows})})},[]),es=(0,i.useCallback)((e,t=0)=>{let r,n=U.current.get(e),i=Q.current;if(n&&i&&!Z.current&&!n.disposed){try{r=n.fit.proposeDimensions()}catch{}if(r&&r.cols>2&&r.rows>1){n.fitTimer&&(clearTimeout(n.fitTimer),n.fitTimer=null);try{n.fit.fit()}catch{}eo(e),n.term.element?.classList.remove("terminal-attaching"),n.term.focus(),requestAnimationFrame(()=>{if(!n.disposed&&!Z.current)try{n.fit.fit()}catch{}});return}if(t>=300){n.fitTimer&&(clearTimeout(n.fitTimer),n.fitTimer=null),n.term.element?.classList.remove("terminal-attaching"),console.warn(`[terminal] fit did not settle for ${e} after ~9s; showing as-is`);return}n.fitTimer&&clearTimeout(n.fitTimer),n.fitTimer=setTimeout(()=>es(e,t+1),30)}},[eo]);(0,i.useEffect)(()=>{let e=Q.current,t=j?G.current.get(j):void 0;if(!e||!t||!j)return;ea(j);let r=U.current.get(j);if(!r||h)return;r.term.element?r.term.element.parentElement!==t&&t.appendChild(r.term.element):r.term.open(t),r.term.element?.classList.add("terminal-attaching"),r.term.focus(),es(j);let n=new ResizeObserver(()=>{Z.current||q.current!==j||es(j)});return n.observe(t),()=>{n.disconnect()}},[j,ea,h,es]),(0,i.useEffect)(()=>{K.current=null,J.current=null,$.current=!0,h||ei()},[h,p,ei]),(0,i.useEffect)(()=>{if(h)return;let e=setInterval(()=>void ei(),5e3);return()=>clearInterval(e)},[ei,h]),(0,i.useEffect)(()=>{let e=new Set(C.map(e=>e.id));for(let[t,r]of U.current)e.has(t)||(r.disposed=!0,r.reconnectTimer&&clearTimeout(r.reconnectTimer),r.fitTimer&&clearTimeout(r.fitTimer),r.es?.close(),r.term.dispose(),U.current.delete(t),N(e=>{if(!e.has(t))return e;let r=new Set(e);return r.delete(t),r}),q.current===t&&E(C.find(e=>e.id!==t)?.id??null))},[C]),(0,i.useEffect)(()=>()=>{for(let[,e]of U.current)e.disposed=!0,e.reconnectTimer&&clearTimeout(e.reconnectTimer),e.fitTimer&&clearTimeout(e.fitTimer),e.es?.close(),e.term.dispose();U.current.clear()},[]);let ec=(0,i.useCallback)(async()=>{I(!0),P(null),p&&D.current.delete(p);try{let e=await fetch("/api/terminal",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({cwd:r||"~"})}),t=await e.json();if(!e.ok||!t.terminal)throw Error(t.error??`HTTP ${e.status}`);await ei(),E(t.terminal.id)}catch(e){P(String(e instanceof Error?e.message:e))}finally{I(!1)}},[r,p,ei]);(0,i.useEffect)(()=>{if(!$.current&&!S){if(!p){!q.current&&C.length>0&&E(C[C.length-1].id);return}if(!h&&K.current!==p){if(K.current=p,et.length>0){q.current&&et.some(e=>e.id===q.current)||E(et[et.length-1].id);return}D.current.has(p)||J.current!==p&&(J.current=p,ec())}}},[S,p,et,C,h,R,ec]);let eu=(0,i.useCallback)(async(e,t)=>{D.current.add(t),ee.current.add(e),T(t=>t.filter(t=>t.id!==e));try{(await fetch(`/api/terminal/${e}`,{method:"DELETE"})).ok||(ee.current.delete(e),ei())}catch{ee.current.delete(e),ei()}},[ei]),ed=(0,i.useCallback)(async()=>{let e=[...L];if(0!==e.length){for(let t of e)ee.current.add(t),fetch(`/api/terminal/${t}`,{method:"DELETE"}).finally(()=>{ee.current.delete(t)});N(new Set),T(t=>t.filter(t=>!e.includes(t.id))),ei()}},[L,ei]),em=(0,i.useRef)(null),ep=(0,i.useCallback)(e=>{let t=X.current;t&&t.pointerId===e&&(X.current=null,document.body.style.cursor="",document.body.style.userSelect="")},[]),eh=(0,i.useCallback)(e=>{if(x||"mouse"===e.pointerType&&0!==e.button)return;let t=e.target;if(!t.closest(".terminal-tabs")||t.closest("button, select, input, textarea, a"))return;let r=em.current;if(!r)return;let n=r.getBoundingClientRect();X.current={pointerId:e.pointerId,startX:e.clientX,startY:e.clientY,startLeft:n.left,startTop:n.top,capturing:!1},e.preventDefault()},[x]),ef=(0,i.useCallback)(e=>{let t=X.current;if(!t||t.pointerId!==e.pointerId)return;if("mouse"===e.pointerType&&0===e.buttons)return void ep(e.pointerId);let r=e.clientX-t.startX,n=e.clientY-t.startY;if(!t.capturing){if(4>Math.abs(r)&&4>Math.abs(n))return;t.capturing=!0,e.currentTarget.setPointerCapture(e.pointerId),document.body.style.cursor="move",document.body.style.userSelect="none"}e.preventDefault();let i=em.current;if(!i)return;let l=i.getBoundingClientRect(),a=window.innerWidth,o=window.innerHeight;W({left:F(t.startLeft+r,0,Math.max(0,a-l.width)),top:F(t.startTop+n,0,Math.max(0,o-l.height))})},[ep]),eb=(0,i.useCallback)(e=>{ep(e.pointerId);try{e.currentTarget.releasePointerCapture(e.pointerId)}catch{}},[ep]),eg=(0,i.useCallback)(e=>{ep(e.pointerId);try{e.currentTarget.releasePointerCapture(e.pointerId)}catch{}},[ep]),ey=(0,i.useCallback)(e=>{let t=A.current;t&&t.pointerId===e&&(A.current=null,document.body.style.cursor="",document.body.style.userSelect="")},[]),ew=(0,i.useCallback)(e=>{if(x||"mouse"===e.pointerType&&0!==e.button)return;let t=em.current;if(!t)return;let r=t.getBoundingClientRect();A.current={pointerId:e.pointerId,startX:e.clientX,startY:e.clientY,startW:r.width,startH:r.height},e.currentTarget.setPointerCapture(e.pointerId),e.preventDefault(),e.stopPropagation(),document.body.style.cursor="nwse-resize",document.body.style.userSelect="none"},[x]),ev=(0,i.useCallback)(e=>{let t=A.current;if(!t||t.pointerId!==e.pointerId)return;if("mouse"===e.pointerType&&0===e.buttons)return void ey(e.pointerId);e.preventDefault();let r=window.innerWidth,n=window.innerHeight;H({width:F(t.startW+(e.clientX-t.startX),320,r-24),height:F(t.startH+(e.clientY-t.startY),200,n-24)})},[ey]),ex=(0,i.useCallback)(e=>{ey(e.pointerId);try{e.currentTarget.releasePointerCapture(e.pointerId)}catch{}},[ey]),ek=(0,i.useCallback)(e=>{ey(e.pointerId);try{e.currentTarget.releasePointerCapture(e.pointerId)}catch{}},[ey]);(0,i.useEffect)(()=>{let e=e=>{if(Z.current||V)return;let t=e.target;em.current?.contains(t)||document.getElementById("terminal-topbar-btn")?.contains(t)||document.getElementById("terminal-bottombar-btn")?.contains(t)||Y()};return document.addEventListener("pointerdown",e,!0),()=>document.removeEventListener("pointerdown",e,!0)},[Y,V]),(0,i.useEffect)(()=>{let e=em.current;if(!e)return;let t=e=>{e.target.closest("button, select, input, textarea, a")||(()=>{if(Z.current)return;let e=q.current,t=e?U.current.get(e):void 0;t?.term.focus()})()},r=e=>{if(Z.current)return;let t=document.activeElement;if(t instanceof HTMLElement&&t.closest("input, textarea, [contenteditable='true']"))return;let r=q.current,n=r?U.current.get(r):void 0;if("Escape"===e.key){if(!n)return;e.preventDefault(),e.stopPropagation(),n.term.input("\x1b");return}if(!e.ctrlKey||e.shiftKey||e.altKey||e.metaKey||1!==e.key.length)return;let i=e.key.toLowerCase().charCodeAt(0);i<97||i>122||t?.classList?.contains("xterm-helper-textarea")||n&&(e.preventDefault(),e.stopPropagation(),n.term.input(String.fromCharCode(i-96)))};return e.addEventListener("click",t,!0),document.addEventListener("keydown",r,!0),()=>{e.removeEventListener("click",t,!0),document.removeEventListener("keydown",r,!0)}},[]);let eC=x?{position:"fixed",inset:10,zIndex:1050}:(b=document.documentElement.clientWidth||window.innerWidth,g=window.innerHeight,y=O?F(O.width,320,b-24):Math.min(780,b-48),v={position:"fixed",width:y,height:w=O?F(O.height,200,g-24):"top"===e?465:Math.min(465,g-120),zIndex:1040},z?(v.left=F(z.left,0,Math.max(0,b-y)),v.top=F(z.top,0,Math.max(0,g-w))):"top"===e?(v.top=t?.bottom??t?.top??46,v.left=t?Math.max(24,Math.min(t.left,b-y-24)):b-y-24):(v.right=t?Math.max(24,b-t.right):24,v.bottom=t?g-t.top:35),v),eT=(0,n.jsxs)("div",{ref:em,className:`terminal-panel terminal-panel-${e}${x?" terminal-panel-mobile":""}${h?" terminal-panel-hidden":""}${z?" terminal-panel-dragged":""}`,style:{...eC,background:"var(--panel-glass)",backdropFilter:"blur(var(--glass-blur-panel)) saturate(var(--glass-saturate))",WebkitBackdropFilter:"blur(var(--glass-blur-panel)) saturate(var(--glass-saturate))"},onPointerDown:eh,onPointerMove:ef,onPointerUp:eb,onPointerCancel:eg,role:"region","aria-label":k("terminal.title"),children:[(0,n.jsxs)("div",{className:"terminal-tabs",children:[(0,n.jsx)("div",{className:"terminal-tab-scroll",children:en.map(e=>(0,n.jsxs)("div",{className:`terminal-chip${e.id===j?" is-active":""}${!e.running?" is-dead":""}${L.has(e.id)?" is-disconnected":""}`,onClick:()=>E(e.id),role:"tab","aria-selected":e.id===j,title:`${e.projectLabel} — ${e.cwd}`,children:[(0,n.jsx)("span",{className:`terminal-dot${!e.running?" is-dead":L.has(e.id)?" is-disconnected":""}`}),(0,n.jsx)("span",{className:"terminal-chip-cwd",title:e.cwd,children:e.name||e.cwd.split(/[\\/]/).filter(Boolean).pop()||e.cwd}),(0,n.jsx)("button",{type:"button",className:"terminal-chip-close",title:k("terminal.close"),"aria-label":k("terminal.close"),onClick:t=>{t.stopPropagation(),eu(e.id,e.projectLabel)},children:"\xd7"})]},e.id))}),(0,n.jsx)("button",{type:"button",className:"terminal-new",onClick:()=>void ec(),disabled:S,title:k("terminal.new"),"aria-label":k("terminal.new"),children:(0,n.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":"true",children:[(0,n.jsx)("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),(0,n.jsx)("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]})}),L.size>0&&(0,n.jsx)("button",{type:"button",className:"terminal-cleanup",onClick:()=>void ed(),title:k("terminal.cleanupDisconnected"),"aria-label":k("terminal.cleanupDisconnected"),children:(0,n.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[(0,n.jsx)("path",{d:"M3 6h18"}),(0,n.jsx)("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"}),(0,n.jsx)("path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"})]})}),!x&&(0,n.jsx)("button",{type:"button",className:"terminal-close",onClick:Y,title:k("common.close"),"aria-label":k("common.close"),children:(0,n.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":"true",children:[(0,n.jsx)("line",{x1:"5",y1:"5",x2:"19",y2:"19"}),(0,n.jsx)("line",{x1:"19",y1:"5",x2:"5",y2:"19"})]})}),(0,n.jsxs)("select",{className:"terminal-all-select",value:j??"",onChange:e=>{let t=e.target.value;t&&E(t)},title:k("terminal.all"),"aria-label":k("terminal.all"),children:[(0,n.jsx)("option",{value:"",disabled:!0,children:k("terminal.all")}),er.map(([e,t])=>(0,n.jsx)("optgroup",{label:e,children:t.map(e=>(0,n.jsxs)("option",{value:e.id,title:`${e.projectLabel} — ${e.cwd}`,children:[e.name||e.cwd.split(/[\\/]/).filter(Boolean).pop()||e.cwd,e.running?"":` \xb7 ${k("terminal.exited")}`]},e.id))},e))]})]}),M&&(0,n.jsx)("div",{className:"terminal-error",children:M}),!x&&(0,n.jsx)("div",{className:"terminal-resize-handle",onPointerDown:ew,onPointerMove:ev,onPointerUp:ex,onPointerCancel:ek,title:k("terminal.resize"),"aria-label":k("terminal.resize"),role:"separator","aria-orientation":"horizontal",tabIndex:-1}),(0,n.jsxs)("div",{className:"terminal-body",ref:Q,children:[C.map(e=>(0,n.jsx)("div",{ref:t=>{t?G.current.set(e.id,t):G.current.delete(e.id)},"data-terminal-view":e.id,style:{display:e.id===j?"block":"none",height:"100%"}},e.id)),!j&&(0,n.jsx)("div",{className:"terminal-placeholder",children:(0,n.jsx)("button",{type:"button",onClick:()=>void ec(),disabled:S,children:S?"…":k("terminal.createFirst")})})]})]});return(0,l.createPortal)(eT,document.body)}}}]);