pi-web-ui 0.64.0 → 0.64.2

package/web/public/sw.js

@@ -1,126 +1,126 @@
-/**
- * pi-web-ui — Progressive Web App service worker.
- *
- * Strategy overview
- * -----------------
- * pi-web-ui is a WebSocket-first app that needs a live backend, so we do NOT
- * try to make it fully offline. Instead the SW focuses on what makes it a
- * reliable *installable* PWA on mobile/desktop:
- *
- *   - network-first for navigation requests (falls back to the cached app
- *     shell when the network flaps), and
- *   - cache-first for hashed static assets, which Vite fingerprints so a cache
- *     hit is always the right version until a new deploy publishes new hashes.
- *
- * Real-time / dynamic / credential-bearing routes (/ws, /api, /themes,
- * /plugins) are always fetched from the network and never cached, so we never
- * risk serving stale theme/plugin code or caching anything sensitive.
- */
-
-const STATIC_CACHE = "pi-web-ui-static-v1";
-const SHELL_CACHE = "pi-web-ui-shell-v1";
-
-// App root within this origin — "/" for root deployments, "/pi/" behind an
-// nginx sub-path reverse proxy. All path checks below are relative to it, so
-// the worker behaves identically under either deployment layout.
-const SCOPE = new URL("./", self.registration.scope).pathname;
-
-/** Map a request pathname to an app-relative path ("/pi/ws" → "/ws"), or null
- *  when the request lies outside the registration scope (shouldn't happen). */
-function appPath(pathname) {
-	if (SCOPE === "/") return pathname;
-	if (pathname.startsWith(SCOPE)) return "/" + pathname.slice(SCOPE.length);
-	return null;
-}
-
-self.addEventListener("install", (event) => {
-	// Take control as soon as this version activates so the current page is
-	// served by the new worker without requiring a second reload.
-	self.skipWaiting();
-	event.waitUntil(caches.open(SHELL_CACHE));
-});
-
-self.addEventListener("activate", (event) => {
-	event.waitUntil(
-		caches
-			.keys()
-			.then((keys) =>
-				Promise.all(keys.filter((k) => k !== STATIC_CACHE && k !== SHELL_CACHE).map((k) => caches.delete(k))),
-			)
-			// Apply to already-open pages immediately.
-			.then(() => self.clients.claim()),
-	);
-});
-
-// Only cache simple, safe GET requests. Everything else goes straight through.
-function isCachable(request) {
-	const method = request.method;
-	if (method !== "GET") return false;
-
-	const url = new URL(request.url);
-	if (url.origin !== self.location.origin) return false;
-
-	// Never cache real-time, dynamic or credential/data endpoints.
-	const path = appPath(url.pathname);
-	if (
-		path === null ||
-		path.startsWith("/ws") ||
-		path.startsWith("/api") ||
-		path.startsWith("/themes") ||
-		path.startsWith("/plugins")
-	) {
-		return false;
-	}
-	return true;
-}
-
-self.addEventListener("fetch", (event) => {
-	const { request } = event;
-	if (!isCachable(request)) {
-		// Let the browser/backend handle WebSockets, API calls and cross-origin
-		// requests normally.
-		return;
-	}
-
-	const requestUrl = new URL(request.url);
-
-	// Navigation → app shell. Network-first with cached fallback: users get the
-	// latest build when online but can still reopen the app while flaky.
-	if (request.mode === "navigate") {
-		event.respondWith(
-			fetch(request)
-				.then((response) => {
-					const copy = response.clone();
-					caches.open(SHELL_CACHE).then((cache) => cache.put(request, copy));
-					return response;
-				})
-				.catch(() => caches.match(request).then((cached) => cached || caches.match(SCOPE) || Response.error())),
-		);
-		return;
-	}
-
-	// Static assets (hashed by Vite) → cache-first.
-	const path = appPath(requestUrl.pathname);
-	const isStatic =
-		path !== null &&
-		(path.startsWith("/assets/") ||
-			path.startsWith("/icons/") ||
-			path === "/favicon.svg" ||
-			path === "/icon.ico" ||
-			path === "/manifest.webmanifest");
-
-	if (isStatic) {
-		event.respondWith(
-			caches.match(request).then((cached) => {
-				if (cached) return cached;
-				return fetch(request).then((response) => {
-					if (response && response.ok) {
-						const copy = response.clone();
-						caches.open(STATIC_CACHE).then((cache) => cache.put(request, copy));
-					}
-					return response;
-				});
-			}),
-		);
-	}
-});
+/**
+ * pi-web-ui — Progressive Web App service worker.
+ *
+ * Strategy overview
+ * -----------------
+ * pi-web-ui is a WebSocket-first app that needs a live backend, so we do NOT
+ * try to make it fully offline. Instead the SW focuses on what makes it a
+ * reliable *installable* PWA on mobile/desktop:
+ *
+ *   - network-first for navigation requests (falls back to the cached app
+ *     shell when the network flaps), and
+ *   - cache-first for hashed static assets, which Vite fingerprints so a cache
+ *     hit is always the right version until a new deploy publishes new hashes.
+ *
+ * Real-time / dynamic / credential-bearing routes (/ws, /api, /themes,
+ * /plugins) are always fetched from the network and never cached, so we never
+ * risk serving stale theme/plugin code or caching anything sensitive.
+ */
+
+const STATIC_CACHE = "pi-web-ui-static-v1";
+const SHELL_CACHE = "pi-web-ui-shell-v1";
+
+// App root within this origin — "/" for root deployments, "/pi/" behind an
+// nginx sub-path reverse proxy. All path checks below are relative to it, so
+// the worker behaves identically under either deployment layout.
+const SCOPE = new URL("./", self.registration.scope).pathname;
+
+/** Map a request pathname to an app-relative path ("/pi/ws" → "/ws"), or null
+ *  when the request lies outside the registration scope (shouldn't happen). */
+function appPath(pathname) {
+	if (SCOPE === "/") return pathname;
+	if (pathname.startsWith(SCOPE)) return "/" + pathname.slice(SCOPE.length);
+	return null;
+}
+
+self.addEventListener("install", (event) => {
+	// Take control as soon as this version activates so the current page is
+	// served by the new worker without requiring a second reload.
+	self.skipWaiting();
+	event.waitUntil(caches.open(SHELL_CACHE));
+});
+
+self.addEventListener("activate", (event) => {
+	event.waitUntil(
+		caches
+			.keys()
+			.then((keys) =>
+				Promise.all(keys.filter((k) => k !== STATIC_CACHE && k !== SHELL_CACHE).map((k) => caches.delete(k))),
+			)
+			// Apply to already-open pages immediately.
+			.then(() => self.clients.claim()),
+	);
+});
+
+// Only cache simple, safe GET requests. Everything else goes straight through.
+function isCachable(request) {
+	const method = request.method;
+	if (method !== "GET") return false;
+
+	const url = new URL(request.url);
+	if (url.origin !== self.location.origin) return false;
+
+	// Never cache real-time, dynamic or credential/data endpoints.
+	const path = appPath(url.pathname);
+	if (
+		path === null ||
+		path.startsWith("/ws") ||
+		path.startsWith("/api") ||
+		path.startsWith("/themes") ||
+		path.startsWith("/plugins")
+	) {
+		return false;
+	}
+	return true;
+}
+
+self.addEventListener("fetch", (event) => {
+	const { request } = event;
+	if (!isCachable(request)) {
+		// Let the browser/backend handle WebSockets, API calls and cross-origin
+		// requests normally.
+		return;
+	}
+
+	const requestUrl = new URL(request.url);
+
+	// Navigation → app shell. Network-first with cached fallback: users get the
+	// latest build when online but can still reopen the app while flaky.
+	if (request.mode === "navigate") {
+		event.respondWith(
+			fetch(request)
+				.then((response) => {
+					const copy = response.clone();
+					caches.open(SHELL_CACHE).then((cache) => cache.put(request, copy));
+					return response;
+				})
+				.catch(() => caches.match(request).then((cached) => cached || caches.match(SCOPE) || Response.error())),
+		);
+		return;
+	}
+
+	// Static assets (hashed by Vite) → cache-first.
+	const path = appPath(requestUrl.pathname);
+	const isStatic =
+		path !== null &&
+		(path.startsWith("/assets/") ||
+			path.startsWith("/icons/") ||
+			path === "/favicon.svg" ||
+			path === "/icon.ico" ||
+			path === "/manifest.webmanifest");
+
+	if (isStatic) {
+		event.respondWith(
+			caches.match(request).then((cached) => {
+				if (cached) return cached;
+				return fetch(request).then((response) => {
+					if (response && response.ok) {
+						const copy = response.clone();
+						caches.open(STATIC_CACHE).then((cache) => cache.put(request, copy));
+					}
+					return response;
+				});
+			}),
+		);
+	}
+});

package/web/dist/assets/TerminalPanel-DNkAT34Z.js

@@ -1,2 +0,0 @@
-import{a as r,j as n}from"./markdown-DRBrS2Nf.js";import{u as V,b as B,T as O,a as W,F as Y,c as P,d as Z,e as M,f as ee,g as ne,h as te,i as se,r as ae}from"./index-_1vyEugI.js";import{D as ie,o as le}from"./xterm-D1D2FVe3.js";import"./react-C9ovnpIm.js";function re({conversationId:t,terminalId:c,command:x,cwd:a,title:w,active:u,send:h,register:j}){const E=r.useRef(null),v=r.useRef(null),{locale:b}=V(),g=r.useRef(b);g.current=b;const m=x?JSON.stringify(x):"";return r.useEffect(()=>{const d=E.current;if(!d)return;const i=new ie({theme:B(),fontFamily:'"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace',fontSize:13,cursorBlink:!0,scrollback:8e3}),y=new le;i.loadAddon(y),i.open(d),v.current={term:i,fit:y},u&&i.focus();const f=()=>{i.options.theme=B()};window.addEventListener(O,f),i.attachCustomKeyEventHandler(o=>{var T;if(o.type!=="keydown")return!0;const S=(T=o.key)==null?void 0:T.toLowerCase();if((o.ctrlKey||o.metaKey)&&S==="v")return!1;if(o.ctrlKey&&!o.shiftKey&&!o.altKey&&S==="c"&&i.hasSelection()){const k=i.textarea;return k&&(k.value=i.getSelection(),k.select()),!1}return!0});const F=j(t,c,{write:o=>i.write(o),dispose:()=>i.dispose()}),R=()=>{try{y.fit(),h({type:"terminal_resize",terminalId:c,conversationId:t,cols:i.cols,rows:i.rows})}catch{}},D=requestAnimationFrame(()=>{try{y.fit()}catch{}h(x?{type:"run_command",terminalId:c,conversationId:t,command:x,cols:i.cols,rows:i.rows}:{type:"terminal_create",terminalId:c,title:w,locale:g.current,conversationId:t,cwd:a,cols:i.cols,rows:i.rows})}),C=i.onData(o=>{h({type:"terminal_input",terminalId:c,conversationId:t,data:o})});let N=null;return typeof ResizeObserver<"u"&&(N=new ResizeObserver(()=>{d.offsetWidth>0&&d.offsetHeight>0&&R()}),N.observe(d)),()=>{cancelAnimationFrame(D),C.dispose(),window.removeEventListener(O,f),N==null||N.disconnect(),F(),i.dispose(),v.current=null}},[t,c,m,h,j]),r.useEffect(()=>{if(!u)return;const d=requestAnimationFrame(()=>{const i=v.current;if(i){try{i.fit.fit(),h({type:"terminal_resize",terminalId:c,conversationId:t,cols:i.term.cols,rows:i.term.rows})}catch{}i.term.focus()}});return()=>cancelAnimationFrame(d)},[u]),n.jsx("div",{ref:E,className:`term-xterm ${u?"":"hidden"}`})}const z={name:"",command:"",cwd:"${pwd}"};function ue({chat:t,send:c,terminal:x}){const a=W(),[w,u]=r.useState(null),[h,j]=r.useState(!1),[E,v]=r.useState(!1),[b,g]=r.useState(null),[m,d]=r.useState(z),[i,y]=r.useState(null),f=r.useRef(null),[F,R]=r.useState(!0),[D,C]=r.useState(null),[N,o]=r.useState("");r.useEffect(()=>{t.terminals.length===0?u(null):t.terminals.some(e=>e.id===w)||u(t.terminals[t.terminals.length-1].id)},[t.terminals,w]),r.useEffect(()=>{t.terminalActiveId&&(u(t.terminalActiveId),j(!1))},[t.terminalActiveId]),r.useEffect(()=>()=>{f.current&&clearTimeout(f.current)},[]);const S=t.terminals.filter(e=>!e.agentBash),T=t.terminals.filter(e=>e.agentBash),k=e=>{var p;if(!t.ready)return;const s=ae(),l=t.activeConversationId||((p=t.state)==null?void 0:p.conversationId)||"";x.create({...e,id:s,conversationId:l,cols:e.cols??80,rows:e.rows??24,running:!0,exitCode:null}),u(s),j(!1)},H=()=>{var e;return k({title:a("terminalTitle",{n:S.length+1}),cwd:((e=t.state)==null?void 0:e.cwd)??""})},I=e=>{var p;const s=e.name||e.command,l=t.terminals.find($=>$.title===s);if(l){x.restart(l.id),u(l.id),c({type:"run_command",terminalId:l.id,conversationId:l.conversationId,command:e,cols:80,rows:24});return}k({title:s,cwd:((p=t.state)==null?void 0:p.cwd)??"",command:e})},q=e=>{const s=t.terminals.find(l=>l.id===e);if(s&&c({type:"terminal_kill",terminalId:e,conversationId:s.conversationId}),x.close(e),w===e){const l=t.terminals.filter(p=>p.id!==e);u(l.length>0?l[l.length-1].id:null)}},A=e=>n.jsxs("div",{className:`term-tab ${e.id===w?"active":""}`,children:[n.jsxs("button",{type:"button",className:"term-tab-main",title:`${e.cwd}${e.command?`
-> ${e.command.command}`:""}`,onClick:()=>{D||(u(e.id),j(!1))},children:[n.jsx("span",{className:`term-tab-dot ${e.running?"run":"exit"}`}),n.jsxs("span",{className:"term-tab-title",children:[D===e.id?n.jsx("input",{autoFocus:!0,className:"term-tab-rename-input",value:N,placeholder:e.title,onClick:s=>s.stopPropagation(),onChange:s=>o(s.target.value),onKeyDown:s=>{if(s.stopPropagation(),s.key==="Enter"&&!s.nativeEvent.isComposing){const l=N.trim();l&&c({type:"rename_terminal",terminalId:e.id,conversationId:e.conversationId,title:l}),C(null)}else s.key==="Escape"&&C(null)},onBlur:()=>C(null)}):e.title,!e.running&&n.jsx("span",{className:"term-tab-exit",children:a("exited",{code:e.exitCode===null?"":` ${e.exitCode}`})})]})]}),n.jsx("button",{type:"button",className:"term-tab-close term-tab-rename",title:a("renameTerminal"),onClick:s=>{s.stopPropagation(),o(e.title),C(e.id)},children:n.jsx(M,{})}),n.jsx("button",{type:"button",className:"term-tab-close",title:a("closeTerminal"),onClick:()=>q(e.id),children:n.jsx(se,{})})]},e.id),G=()=>{v(!0),g(null),d(z)},L=e=>{const s=t.commands[e];s&&(v(!1),g(e),d({name:s.name,command:s.command,cwd:s.cwd??""}))},K=()=>{v(!1),g(null)},_=()=>{const e=m.name.trim(),s=m.command.trim();if(!e||!s)return;const l=m.cwd.trim(),p={name:e,command:s,cwd:l||void 0},$=E?[...t.commands,p]:b!==null?t.commands.map((Q,U)=>U===b?p:Q):t.commands;c({type:"save_commands",commands:$}),K()},J=e=>{if(i===e){const s=t.commands.filter((l,p)=>p!==e);c({type:"save_commands",commands:s}),y(null),f.current&&clearTimeout(f.current)}else y(e),f.current&&clearTimeout(f.current),f.current=setTimeout(()=>y(null),2500)},X=E||b!==null;return n.jsxs("div",{className:"terminal-view",children:[n.jsxs("aside",{className:`term-side term-commands ${h?"open":""}`,children:[n.jsxs("div",{className:"panel-header",children:[n.jsx("span",{className:"panel-title",children:a("commands")}),n.jsxs("div",{className:"panel-header-actions",children:[n.jsx("button",{type:"button",className:"panel-refresh",title:a("rerun"),onClick:()=>c({type:"list_commands"}),children:n.jsx(Y,{})}),n.jsx("button",{type:"button",className:"panel-new",title:a("newCommand"),onClick:G,children:n.jsx(P,{})})]})]}),n.jsx("div",{className:"panel-body",children:X?n.jsxs("div",{className:"cmd-form",children:[n.jsx("label",{htmlFor:"cmd-name",children:a("name")}),n.jsx("input",{id:"cmd-name",className:"cmd-input",value:m.name,placeholder:a("exampleName"),autoFocus:!0,onChange:e=>d({...m,name:e.target.value})}),n.jsx("label",{htmlFor:"cmd-command",children:a("command")}),n.jsx("input",{id:"cmd-command",className:"cmd-input",value:m.command,placeholder:a("exampleCommand"),onChange:e=>d({...m,command:e.target.value}),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&_()}}),n.jsxs("label",{htmlFor:"cmd-cwd",children:[a("directory")," ",n.jsx("span",{className:"cmd-hint",children:a("cwdHint")})]}),n.jsx("input",{id:"cmd-cwd",className:"cmd-input",value:m.cwd,placeholder:"${pwd}",onChange:e=>d({...m,cwd:e.target.value}),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&_()}}),n.jsxs("div",{className:"cmd-form-actions",children:[n.jsx("button",{type:"button",className:"btn",onClick:K,children:a("cancel")}),n.jsx("button",{type:"button",className:"btn primary",disabled:!m.name.trim()||!m.command.trim(),onClick:_,children:a("save")})]})]}):n.jsxs(n.Fragment,{children:[t.commands.length===0&&n.jsx("div",{className:"panel-empty",children:a("noCommands")}),t.commands.map((e,s)=>n.jsxs("div",{className:"cmd-item",children:[n.jsx("button",{type:"button",className:"cmd-run",title:a("clickToRun"),onClick:()=>I(e),children:n.jsx(Z,{})}),n.jsxs("button",{type:"button",className:"cmd-main",title:a("clickToRun"),onClick:()=>I(e),children:[n.jsx("span",{className:"cmd-name",children:e.name}),n.jsx("span",{className:"cmd-command",children:e.command}),e.cwd&&n.jsx("span",{className:"cmd-cwd",children:e.cwd})]}),n.jsx("button",{type:"button",className:"cmd-act",title:a("edit"),onClick:()=>L(s),children:n.jsx(M,{})}),n.jsx("button",{type:"button",className:`cmd-act del ${i===s?"confirm":""}`,title:a("delete"),onClick:()=>J(s),children:i===s?a("confirmQ"):n.jsx(ee,{})})]},s))]})}),n.jsxs("div",{className:"term-tabs-block",children:[n.jsxs("div",{className:"panel-header",children:[n.jsx("span",{className:"panel-title",children:a("terminal")}),n.jsx("button",{type:"button",className:"panel-new",title:a("newTerminal"),onClick:H,children:n.jsx(P,{})})]}),n.jsxs("div",{className:"panel-body",children:[t.terminals.length===0&&n.jsx("div",{className:"panel-empty",children:a("noTerminal")}),S.map(A),T.length>0&&n.jsxs("div",{className:"term-folder",children:[n.jsxs("button",{type:"button",className:`term-folder-header ${F?"open":""}`,title:a("aiBashGroup"),onClick:()=>R(e=>!e),children:[n.jsx("span",{className:"term-folder-caret",children:F?"▾":"▸"}),n.jsx("span",{className:"term-folder-title",children:a("aiBashGroup")}),n.jsx("span",{className:"term-folder-count",children:T.length})]}),F&&n.jsx("div",{className:"term-folder-body",children:T.map(A)})]})]})]})]}),n.jsxs("div",{className:"term-main",children:[h&&n.jsx("div",{className:"drawer-backdrop",onClick:()=>j(!1)}),n.jsx("button",{type:"button",className:"term-side-toggle",title:a("commands"),onClick:()=>j(e=>!e),children:n.jsx(ne,{})}),t.terminals.length===0?n.jsxs("div",{className:"term-empty",children:[n.jsx(te,{className:"term-empty-icon"}),n.jsx("div",{className:"term-empty-title",children:a("builtinTerminal")}),n.jsx("div",{className:"term-empty-sub",children:a("termEmptySub")})]}):t.terminals.map(e=>n.jsx(re,{conversationId:e.conversationId,terminalId:e.id,command:e.command,cwd:e.cwd,title:e.title,active:e.id===w,send:c,register:x.register},`${e.conversationId}:${e.id}`))]})]})}export{ue as TerminalPanel};