@baique/pi-web-sky 0.1.21 → 0.1.23

package/.next/static/chunks/3266.4c722f2677595a04.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3266],{82407:()=>{},83266:(e,t,r)=>{"use strict";r.r(t),r.d(t,{TerminalPanel:()=>u});var n=r(95155),i=r(12115),l=r(47650),a=r(8422);r(82407);var s=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"))},s=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-s)/e.css.cell.height))}}},o=r(39247),c=r(31590);let d={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"},m={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 u({origin:e,anchorRect:t,activeCwd:r,hidden:h,onClose:f}){let p,b,g=(0,c.a)(),{t:w}=(0,o.s)(),[y,v]=(0,i.useState)([]),[x,k]=(0,i.useState)(null),[T,E]=(0,i.useState)(!1),[j,C]=(0,i.useState)(null),[N,S]=(0,i.useState)(!1),_=(0,i.useRef)(null),M=(0,i.useRef)(new Map),$=(0,i.useRef)(new Map),P=(0,i.useRef)(null);P.current=x;let L=(0,i.useRef)(h);L.current=h;let B=(0,i.useRef)(new Set),R=(0,i.useCallback)(async()=>{try{let e=await fetch("/api/terminal"),t=await e.json();if(Array.isArray(t.terminals)){let e=B.current;v(t.terminals.filter(t=>!e.has(t.id)))}}catch{}},[]),I=(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?d:m}},[]);(0,i.useEffect)(()=>{let e=new MutationObserver(()=>{let e=I();for(let[,t]of $.current)t.term&&(t.term.options.theme=e)});return e.observe(document.documentElement,{attributes:!0,attributeFilter:["class","style"]}),()=>e.disconnect()},[I]);let W=(0,i.useCallback)(e=>{let t=$.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:I()}),n=new s;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},$.current.set(e,t)}let r=null!==t.offset?`?since=${t.offset}`:"",n=new EventSource(`/api/terminal/${e}/events${r}`);t.es=n,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,R()}),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?W(e):R()}).catch(()=>{})},1500))}},[I,R]),O=(0,i.useCallback)(e=>{let t=$.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})})},[]),V=(0,i.useCallback)((e,t=0)=>{let r,n=$.current.get(e),i=_.current;if(n&&i&&!L.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{}O(e),n.term.element?.classList.remove("terminal-attaching"),n.term.focus(),requestAnimationFrame(()=>{if(!n.disposed&&!L.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(()=>V(e,t+1),30)}},[O]);(0,i.useEffect)(()=>{let e=_.current,t=x?M.current.get(x):void 0;if(!e||!t||!x)return;W(x);let r=$.current.get(x);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"),V(x);let n=new ResizeObserver(()=>{L.current||P.current!==x||V(x)});return n.observe(t),()=>{n.disconnect()}},[x,W,h,V]);let z=(0,i.useRef)(!1);(0,i.useEffect)(()=>{z.current&&h||(z.current||(z.current=!0),R().then(()=>{S(!0),v(e=>(!P.current&&e.length>0&&k(e[e.length-1].id),e))}))},[h,R]),(0,i.useEffect)(()=>{if(h)return;let e=setInterval(()=>void R(),5e3);return()=>clearInterval(e)},[R,h]),(0,i.useEffect)(()=>{let e=new Set(y.map(e=>e.id));for(let[t,r]of $.current)e.has(t)||(r.disposed=!0,r.reconnectTimer&&clearTimeout(r.reconnectTimer),r.fitTimer&&clearTimeout(r.fitTimer),r.es?.close(),r.term.dispose(),$.current.delete(t),P.current===t&&k(y.find(e=>e.id!==t)?.id??null))},[y]),(0,i.useEffect)(()=>()=>{for(let[,e]of $.current)e.disposed=!0,e.reconnectTimer&&clearTimeout(e.reconnectTimer),e.fitTimer&&clearTimeout(e.fitTimer),e.es?.close(),e.term.dispose();$.current.clear()},[]);let F=(0,i.useCallback)(async()=>{E(!0),C(null);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 R(),k(t.terminal.id)}catch(e){C(String(e instanceof Error?e.message:e))}finally{E(!1)}},[r,R]),A=(0,i.useRef)(!1);(0,i.useEffect)(()=>{A.current||!N||T||(A.current=!0,y.length>0||F())},[N,T,y.length,F]);let D=(0,i.useCallback)(async e=>{B.current.add(e),v(t=>t.filter(t=>t.id!==e));try{(await fetch(`/api/terminal/${e}`,{method:"DELETE"})).ok||(B.current.delete(e),R())}catch{B.current.delete(e),R()}},[R]),J=(0,i.useRef)(null),H=(0,i.useRef)(null);(0,i.useEffect)(()=>{H.current=document.getElementById("terminal-bottombar-btn");let e=e=>{let t=e.target;J.current?.contains(t)||H.current?.contains(t)||document.getElementById("terminal-topbar-btn")?.contains(t)||f()},t=e=>{"Escape"===e.key&&f()};return document.addEventListener("pointerdown",e,!0),document.addEventListener("keydown",t,!0),()=>{document.removeEventListener("pointerdown",e,!0),document.removeEventListener("keydown",t,!0)}},[f]);let Q=(0,i.useMemo)(()=>{let e=new Map;for(let t of y){let r=e.get(t.projectLabel)??[];r.push(t),e.set(t.projectLabel,r)}return[...e.entries()]},[y]),G=g?{position:"fixed",inset:10,zIndex:1050}:"top"===e?(p=Math.min(780,window.innerWidth-48),b=t?Math.max(24,Math.min(t.left,window.innerWidth-p-24)):window.innerWidth-p-24,{position:"fixed",top:t?.bottom??t?.top??46,left:b,width:p,height:465,zIndex:1040}):{position:"fixed",right:t?Math.max(24,window.innerWidth-t.right):24,bottom:t?window.innerHeight-t.top:35,width:Math.min(780,window.innerWidth-48),height:Math.min(465,window.innerHeight-120),zIndex:1040},Y=(0,n.jsxs)("div",{ref:J,className:`terminal-panel terminal-panel-${e}${g?" terminal-panel-mobile":""}${h?" terminal-panel-hidden":""}`,style:{...G,background:"var(--panel-glass)",backdropFilter:"blur(var(--glass-blur-panel)) saturate(var(--glass-saturate))",WebkitBackdropFilter:"blur(var(--glass-blur-panel)) saturate(var(--glass-saturate))"},role:"region","aria-label":w("terminal.title"),children:[(0,n.jsxs)("div",{className:"terminal-tabs",children:[(0,n.jsx)("div",{className:"terminal-tab-scroll",children:Q.map(([e,t])=>(0,n.jsxs)("div",{className:"terminal-group",children:[(0,n.jsx)("span",{className:"terminal-group-label",children:e}),t.map(e=>(0,n.jsxs)("div",{className:`terminal-chip${e.id===x?" is-active":""}${!e.running?" is-dead":""}`,onClick:()=>k(e.id),role:"tab","aria-selected":e.id===x,children:[(0,n.jsx)("span",{className:`terminal-dot${e.running?"":" is-dead"}`}),(0,n.jsx)("span",{className:"terminal-chip-cwd",title:e.cwd,children:e.cwd.split("/").filter(Boolean).pop()||e.cwd}),(0,n.jsx)("button",{type:"button",className:"terminal-chip-close",title:w("terminal.close"),"aria-label":w("terminal.close"),onClick:t=>{t.stopPropagation(),D(e.id)},children:"\xd7"})]},e.id))]},e))}),(0,n.jsx)("button",{type:"button",className:"terminal-new",onClick:()=>void F(),disabled:T,title:w("terminal.new"),"aria-label":w("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"})]})}),!g&&(0,n.jsx)("button",{type:"button",className:"terminal-close",onClick:f,title:w("common.close"),"aria-label":w("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"})]})})]}),j&&(0,n.jsx)("div",{className:"terminal-error",children:j}),(0,n.jsxs)("div",{className:"terminal-body",ref:_,children:[y.map(e=>(0,n.jsx)("div",{ref:t=>{t?M.current.set(e.id,t):M.current.delete(e.id)},"data-terminal-view":e.id,style:{display:e.id===x?"block":"none",height:"100%"}},e.id)),0===y.length&&(0,n.jsx)("div",{className:"terminal-placeholder",children:(0,n.jsx)("button",{type:"button",onClick:()=>void F(),disabled:T,children:T?"…":w("terminal.createFirst")})})]})]});return(0,l.createPortal)(Y,document.body)}}}]);