pi-sdk-web 0.3.4 → 0.3.6

package/dist/server.js

@@ -10,7 +10,7 @@
  */
 import { execFileSync } from "node:child_process";
 import { existsSync, readFileSync } from "node:fs";
-import { readFile } from "node:fs/promises";
+import { readFile, unlink } from "node:fs/promises";
 import { createServer } from "node:http";
 import { dirname, join, resolve, sep } from "node:path";
 import { fileURLToPath } from "node:url";
@@ -399,6 +399,10 @@ export class PiWebServer {
             case "get_stats":
                 this.broadcastStats();
                 break;
+            case "get_state":
+                // Used by the sidebar Tools refresh button
+                this.broadcastState();
+                break;
             case "bash": {
                 const command = typeof data.command === "string" ? data.command : "";
                 if (!command)
@@ -563,6 +567,21 @@ export class PiWebServer {
                 await this.resumeSession(path);
                 break;
             }
+            case "delete_session": {
+                const path = typeof data.path === "string" && data.path ? data.path : "";
+                if (!path)
+                    throw new Error("Missing 'path'");
+                // Safety: only allow deleting known session files (never arbitrary paths)
+                const known = (await listSessions()).some((s) => s.path === path);
+                if (!known)
+                    throw new Error("Not a known session file");
+                // Align with TUI: cannot delete the currently active session
+                if (this.session.sessionFile === path) {
+                    throw new Error("Cannot delete the currently active session");
+                }
+                await unlink(path);
+                break;
+            }
             default:
                 throw new Error(`Unsupported command: ${cmdType}`);
         }

package/dist/static/app.js

@@ -279,6 +279,15 @@ class PiWebClient {
       const header = document.createElement('div');
       header.className = 'resources-header';
       header.textContent = 'Tools (click to expand)';
+      const refreshBtn = document.createElement('span');
+      refreshBtn.className = 'tools-refresh';
+      refreshBtn.title = 'Refresh tools list';
+      refreshBtn.textContent = '⟳';
+      refreshBtn.addEventListener('click', (e) => {
+        e.stopPropagation();
+        this.send({ type: 'get_state' });
+      });
+      header.appendChild(refreshBtn);
 
       const body = document.createElement('div');
       body.className = 'resources-body';
@@ -291,7 +300,7 @@ class PiWebClient {
         const expanded = div.dataset.expanded === 'true';
         div.dataset.expanded = expanded ? 'false' : 'true';
         body.style.display = expanded ? 'none' : 'block';
-        header.textContent = expanded ? 'Tools (click to expand)' : 'Tools (click to collapse)';
+        header.firstChild.textContent = expanded ? 'Tools (click to expand)' : 'Tools (click to collapse)';
       });
       this.loadedResourcesEl.appendChild(div);
     }
@@ -1621,12 +1630,35 @@ class PiWebClient {
       this.modalList.innerHTML = '<div class="modal-message">No other sessions available</div>';
       return;
     }
+    this.resumeSessions = sessions;
     this.renderModalItems(
       sessions.map((s) => ({ name: s.name || s.id, desc: s.cwd, value: s.path })),
       (item) => {
         this.send({ type: 'resume', path: item.value });
       },
     );
+    // Add delete buttons to each item (stopPropagation so clicks don't resume)
+    this.modalList.querySelectorAll('.modal-item').forEach((el, i) => {
+      const session = sessions[i];
+      el.classList.add('resume-item');
+      const del = document.createElement('span');
+      del.className = 'resume-delete';
+      del.title = 'Delete this session';
+      del.textContent = '🗑';
+      del.addEventListener('click', (e) => {
+        e.stopPropagation();
+        this.deleteSession(session);
+      });
+      el.appendChild(del);
+    });
+  }
+
+  deleteSession(session) {
+    const label = session.name || session.id;
+    if (!window.confirm(`Delete session "${label}"?\nThis cannot be undone.`)) return;
+    this.send({ type: 'delete_session', path: session.path });
+    // Refresh the list after delete (errors surface via toast/error message)
+    setTimeout(() => this.send({ type: 'get_sessions' }), 300);
   }
 
   // ------------------------------------------------------------------

package/dist/static/style.css

@@ -171,6 +171,17 @@ body {
   color: var(--dim);
 }
 
+.tools-refresh {
+  float: right;
+  cursor: pointer;
+  color: var(--accent);
+  padding: 0 4px;
+}
+
+.tools-refresh:hover {
+  text-decoration: underline;
+}
+
 .resources-body {
   margin-top: 6px;
   color: var(--muted);
@@ -699,6 +710,29 @@ body {
   font-size: 13px;
 }
 
+/* Resume picker items: delete icon pushed to the right, away from the path */
+.modal-item.resume-item {
+  display: flex;
+  align-items: baseline;
+}
+
+.modal-item.resume-item .resume-delete {
+  margin-left: auto;
+  padding-left: 16px;
+  cursor: pointer;
+  opacity: 0.6;
+}
+
+.modal-item.resume-item .resume-delete:hover {
+  opacity: 1;
+}
+
+.modal-item.resume-item .modal-item-desc {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .modal-item:hover {
   background: var(--accent-hover);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-sdk-web",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "Browser Web access for Pi (AI coding agent) via the Pi SDK - standalone module, zero modification to Pi itself",
   "type": "module",
   "bin": {