pi-sdk-web 0.5.3 → 0.5.5

package/dist/server.js

@@ -581,6 +581,11 @@ export class PiWebServer {
                 break;
             }
             case "get_scoped_models":
+                // Refresh model catalogs (e.g. pi-deepinfra's lazy catalog swap)
+                // before broadcasting, so late-swapped models (zai-org/GLM-5.3-
+                // Flash etc.) appear in the list like they do in the TUI. Timeout
+                // is bounded by the refresh implementation (network wait).
+                await this.session.modelRuntime.refresh().catch(() => { });
                 this.broadcast({
                     type: "scoped_models",
                     data: {
@@ -590,6 +595,11 @@ export class PiWebServer {
                             thinkingLevel: s.thinkingLevel,
                         })),
                         available: this.session.modelRuntime.getAvailableSnapshot(),
+                        // Settings' enabled-model patterns. TUI's scoped-models selector
+                        // also shows configured patterns that have no matching provider
+                        // model (diagnostic no-match) - mirror that so configured models
+                        // (e.g. deepinfra/zai-org/GLM-5.3-Flash) aren't missing here.
+                        configured: this.session.settingsManager.getEnabledModels() ?? [],
                     },
                 });
                 break;

package/dist/static/app.js

@@ -189,6 +189,12 @@ class PiWebClient {
     this.loadedResourcesEl = document.getElementById('loaded-resources');
     this.footerEl = document.getElementById('footer-line');
     this.inputEl = document.getElementById('input');
+    // Input history (TUI parity): all submitted inputs (messages, !bash,
+    // /commands) plus this session's user messages from history, browsed
+    // with the ↑/↓ buttons next to the input box.
+    this.inputHistory = [];
+    this.historyIndex = -1; // -1 = not browsing (composing new input)
+    this.historyDraft = '';
     this.sendBtn = document.getElementById('send-btn');
     this.abortBtn = document.getElementById('abort-btn');
     this.commandMenuEl = document.getElementById('command-menu');
@@ -1117,6 +1123,11 @@ class PiWebClient {
 
   appendUserMessage(message) {
     const text = this.messageText(message);
+    // History population (TUI renderInitialMessages populateHistory):
+    // session user messages seed the input history, deduped.
+    if (text && this.inputHistory[this.inputHistory.length - 1] !== text) {
+      this.inputHistory.push(text);
+    }
     const div = document.createElement('div');
     div.className = 'message user';
     const role = document.createElement('div');
@@ -1570,9 +1581,41 @@ class PiWebClient {
   // Input
   // ------------------------------------------------------------------
 
+  navigateHistory(dir) {
+    // dir: -1 = previous (older), +1 = next (newer). Browsing starts from
+    // the newest entry when the input is empty; editing resets the browse.
+    if (this.inputHistory.length === 0) return;
+    if (this.historyIndex === -1) {
+      // Not browsing yet: stash the current draft, start at newest entry.
+      this.historyDraft = this.inputEl.value;
+      this.historyIndex = this.inputHistory.length - 1;
+    } else {
+      this.historyIndex += dir;
+    }
+    if (this.historyIndex >= this.inputHistory.length) {
+      // Past the newest entry: restore the draft, stop browsing.
+      this.historyIndex = -1;
+      this.inputEl.value = this.historyDraft;
+    } else if (this.historyIndex < 0) {
+      this.historyIndex = 0;
+      this.inputEl.value = this.inputHistory[0];
+    } else {
+      this.inputEl.value = this.inputHistory[this.historyIndex];
+    }
+    // Keep caret at end, keep focus in the box.
+    this.inputEl.setSelectionRange(this.inputEl.value.length, this.inputEl.value.length);
+  }
+
   sendMessage() {
     const text = this.inputEl.value.trim();
     if (!text) return;
+    // Record every submitted input (messages, !bash, /commands) in the
+    // history - TUI parity (handleSubmit addToHistory on all paths).
+    if (this.inputHistory[this.inputHistory.length - 1] !== text) {
+      this.inputHistory.push(text);
+    }
+    this.historyIndex = -1;
+    this.historyDraft = '';
     if (text.startsWith('!')) {
       // TUI parity: "!cmd" runs bash (output goes to LLM context);
       // "!!cmd" runs bash with excludeFromContext (output NOT sent to LLM).
@@ -1682,6 +1725,11 @@ class PiWebClient {
     if (this.sendBtn) {
       this.sendBtn.addEventListener('click', () => this.sendMessage());
     }
+    // Input history navigation (↑/↓ buttons beside the input box)
+    const histPrev = document.getElementById('history-prev');
+    const histNext = document.getElementById('history-next');
+    if (histPrev) histPrev.addEventListener('click', () => this.navigateHistory(-1));
+    if (histNext) histNext.addEventListener('click', () => this.navigateHistory(1));
     if (this.abortBtn) {
       this.abortBtn.addEventListener('click', () => {
         this.send({ type: 'abort' });
@@ -2369,7 +2417,18 @@ class PiWebClient {
 
   handleScopedModels(data) {
     if (this.modalMode !== 'scoped-models') return;
-    this.scopedModelsAll = data.available || [];
+    const available = data.available || [];
+    // Merge settings' configured model patterns (e.g. deepinfra/zai-org/
+    // GLM-5.3-Flash) that have no matching provider model - TUI's selector
+    // shows these as configured entries (no-match diagnostics) too.
+    const known = new Set(available.map((m) => `${m.provider}/${m.id}`));
+    const configured = (data.configured || [])
+      .filter((p) => !known.has(p))
+      .map((p) => {
+        const slash = p.indexOf('/');
+        return { provider: p.slice(0, slash), id: p.slice(slash + 1), configured: true };
+      });
+    this.scopedModelsAll = [...available, ...configured];
     this.scopedModelsData = data;
     this.scopedModelsSelected = new Set(
       (data.scoped || []).map((s) => `${s.provider}/${s.id}`),
@@ -2395,7 +2454,7 @@ class PiWebClient {
         return (
           `<div class="modal-item scoped-model ${checked ? 'selected' : ''}" data-key="${key}">` +
           `<span class="modal-check">${checked ? '☑' : '☐'}</span>` +
-          `<span class="modal-item-name">${this.escapeHtml(key)}</span>` +
+          `<span class="modal-item-name">${this.escapeHtml(key)}${m.configured ? ' <span class="configured-badge">[configured]</span>' : ''}</span>` +
           `</div>`
         );
       })

package/dist/static/index.html

@@ -40,6 +40,10 @@
       <div id="footer-stats"></div>
       <div id="command-menu"></div>
       <div class="input-row">
+        <div class="history-nav">
+          <button id="history-prev" title="Previous input (↑)">↑</button>
+          <button id="history-next" title="Next input (↓)">↓</button>
+        </div>
         <textarea id="input" placeholder="Send a message... (Enter to send, Shift+Enter for newline)"></textarea>
         <button id="send-btn" title="Send (Enter)">Send</button>
         <button id="abort-btn" title="Abort current operation" style="display:none">Abort</button>

package/dist/static/style.css

@@ -1475,3 +1475,38 @@ body {
 #usage-close:hover {
   color: var(--text);
 }
+
+.configured-badge {
+  font-size: 9px;
+  color: var(--dim);
+  background: var(--tool-pending-bg);
+  padding: 1px 4px;
+  border-radius: 3px;
+  margin-left: 4px;
+  vertical-align: middle;
+}
+
+/* Input history navigation (↑/↓ buttons beside the input box) */
+.history-nav {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 2px;
+}
+
+.history-nav button {
+  width: 24px;
+  height: 20px;
+  font-size: 11px;
+  line-height: 1;
+  color: var(--dim);
+  background: transparent;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.history-nav button:hover {
+  color: var(--text);
+  border-color: var(--accent);
+}

package/package.json

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