pi-sdk-web 0.4.0 → 0.4.2

package/dist/pi-bin/server/server.py

@@ -28,7 +28,23 @@ from rpc_client import RpcClient, RpcCommands
 from websocket import WebSocketConnection, WebSocketServer
 
 DEFAULT_PORT = 4080
-STATIC_DIR = Path(__file__).resolve().parent.parent / "static"
+
+
+def _resolve_static_dir() -> Path:
+    """Find the static/ directory: the repo layout keeps it next to the
+    project root (server.py's parent.parent), while the npm package layout
+    ships it at dist/static (server.py lives at dist/pi-bin/server/). Search
+    upward so both layouts resolve."""
+    d = Path(__file__).resolve().parent
+    for _ in range(4):
+        candidate = d / "static"
+        if candidate.is_dir():
+            return candidate
+        d = d.parent
+    return Path(__file__).resolve().parent / "static"
+
+
+STATIC_DIR = _resolve_static_dir()
 
 
 class Peripheral:

package/dist/server.js

@@ -530,11 +530,13 @@ export class PiWebServer {
             case "set_scoped_models": {
                 const models = Array.isArray(data.models) ? data.models : [];
                 const resolved = [];
+                const enabledIds = [];
                 for (const m of models) {
                     const provider = m.provider;
                     const modelId = m.modelId;
                     if (!provider || !modelId)
                         continue;
+                    enabledIds.push(`${provider}/${modelId}`);
                     const model = this.session.modelRuntime
                         .getAvailableSnapshot()
                         .find((x) => x.provider === provider && x.id === modelId);
@@ -542,6 +544,11 @@ export class PiWebServer {
                         resolved.push({ model, thinkingLevel: m.thinkingLevel });
                 }
                 this.session.setScopedModels(resolved);
+                // Persist only on explicit save (TUI Ctrl+S onPersist); toggling is
+                // session-only (onChange) and must not rewrite settings.json.
+                if (data.persist === true) {
+                    this.session.settingsManager.setEnabledModels(enabledIds.length > 0 ? enabledIds : undefined);
+                }
                 this.broadcastState();
                 break;
             }

package/dist/static/app.js

@@ -1872,6 +1872,7 @@ class PiWebClient {
     this.scopedModelsAll = [];
     this.scopedModelsSelected = new Set();
     this.scopedModelsData = null;
+    this.scopedModelsSaved = true;
     this.modalList.innerHTML = '<div class="modal-message">Loading models...</div>';
     this.send({ type: 'get_scoped_models' });
   }
@@ -1910,11 +1911,13 @@ class PiWebClient {
       })
       .join('');
     this.modalList.innerHTML =
-      rows +
       `<div class="modal-actions">
-         <button class="modal-btn ok-btn">Apply</button>
+         <button class="modal-btn ok-btn">Save</button>
          <button class="modal-btn cancel-btn">Cancel</button>
-       </div>`;
+         <span class="modal-hint"></span>
+       </div>` +
+      rows;
+    this.updateScopedUnsavedHint();
     this.modalList.querySelectorAll('.scoped-model').forEach((el) => {
       el.addEventListener('click', () => {
         const key = el.dataset.key;
@@ -1923,26 +1926,14 @@ class PiWebClient {
         const checked = this.scopedModelsSelected.has(key);
         el.classList.toggle('selected', checked);
         el.querySelector('.modal-check').textContent = checked ? '☑' : '☐';
+        // TUI onChange: apply to session (memory, persist=false); Save persists.
+        this.applyScopedModels(false);
       });
     });
     const okBtn = this.modalList.querySelector('.ok-btn');
     if (okBtn) {
       okBtn.addEventListener('click', () => {
-        const models = [];
-        for (const m of this.scopedModelsAll || []) {
-          const key = `${m.provider}/${m.id}`;
-          if (this.scopedModelsSelected.has(key)) {
-            const scopedInfo = (this.scopedModelsData?.scoped || []).find(
-              (s) => `${s.provider}/${s.id}` === key,
-            );
-            models.push({
-              provider: m.provider,
-              modelId: m.id,
-              thinkingLevel: scopedInfo?.thinkingLevel,
-            });
-          }
-        }
-        this.send({ type: 'set_scoped_models', models });
+        this.applyScopedModels(true);
         this.closeModal();
       });
     }
@@ -1950,6 +1941,34 @@ class PiWebClient {
     if (cancelBtn) cancelBtn.addEventListener('click', () => this.closeModal());
   }
 
+  /** Send the current selection to the server (persist=false = memory only). */
+  applyScopedModels(persist) {
+    const models = [];
+    for (const m of this.scopedModelsAll || []) {
+      const key = `${m.provider}/${m.id}`;
+      if (this.scopedModelsSelected.has(key)) {
+        const scopedInfo = (this.scopedModelsData?.scoped || []).find(
+          (s) => `${s.provider}/${s.id}` === key,
+        );
+        models.push({
+          provider: m.provider,
+          modelId: m.id,
+          thinkingLevel: scopedInfo?.thinkingLevel,
+        });
+      }
+    }
+    this.send({ type: 'set_scoped_models', models, persist: persist });
+    this.scopedModelsSaved = persist;
+    this.updateScopedUnsavedHint();
+  }
+
+  updateScopedUnsavedHint() {
+    const hint = this.modalList.querySelector('.modal-hint');
+    if (!hint) return;
+    hint.textContent = this.scopedModelsSaved ? '' : ' (unsaved)';
+    hint.className = this.scopedModelsSaved ? 'modal-hint' : 'modal-hint unsaved';
+  }
+
   // ------------------------------------------------------------------
   // Slash command menu
   // ------------------------------------------------------------------

package/dist/static/style.css

@@ -859,6 +859,19 @@ body {
   gap: 8px;
   justify-content: flex-end;
   margin-top: 10px;
+  margin-bottom: 10px;
+  align-items: center;
+}
+
+.modal-hint {
+  font-size: 12px;
+  color: var(--dim);
+  margin-left: auto;
+}
+
+.modal-hint.unsaved {
+  color: var(--warning);
+  font-weight: 600;
 }
 
 .modal-btn {

package/package.json

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