pi-studio 0.9.26 → 0.9.28

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 All notable changes to `pi-studio` are documented here.
 
+## [Unreleased]
+
+## [0.9.28] — 2026-06-08
+
+### Added
+- Added a footer **Pi model & thinking** menu for switching the active Pi model and thinking level from Studio while keeping Studio Suggest model choice separate.
+
+### Changed
+- Clarified the browser-import tooltip to explain that **Save editor as…** can make an imported copy file-backed.
+- Regularized Source & context menu notes so explanatory text uses a quieter, consistent menu-note style.
+
+## [0.9.27] — 2026-06-08
+
+### Added
+- Added an **Open root** action to the Files view for opening the Files root folder in Finder or the system file manager.
+
+### Changed
+- Clarified browser-import and Files-view file-backed open action tooltips.
+- Added **Try another** regeneration for completion suggestions and a persistent Suggestion model picker that keeps suggestions separate from the main Pi model and uses thinking off, with clearer cursor-marker prompting and separate prose/code completion instructions.
+
+### Fixed
+- Avoided showing the missing-LaTeX-engine hint for PDF exports when XeLaTeX/PDFLaTeX ran but the document itself had a LaTeX error.
+- Restored Pandoc-rendered LaTeX title/author/abstract metadata in Studio previews that use embedded resources.
+- Preserved optional LaTeX `\footnotemark[n]` markers as linked superscript affiliation markers in Studio previews.
+- Nudged inline completion suggestions to return a non-empty continuation when explicitly requested at the end of a sentence or paragraph.
+- Fixed Markdown blockquotes containing multiline `\[ ... \]` display math so quote markers are not folded into the math content.
+
 ## [0.9.26] — 2026-06-04
 
 ### Fixed

package/README.md

@@ -24,7 +24,7 @@ Extension for [pi](https://pi.dev) that opens a local two-pane browser workspace
 - Runs editor text directly, asks for structured critique (auto/writing/code focus), offers a manual **Suggest completion** action for short cursor-aware continuations (`Option/Alt+Tab` where available or `Cmd/Ctrl+Shift+Space` from the editor, `Tab` to insert a visible suggestion) with an optional editor-plus-latest-response context mode, or opens **Quiz me** for a Studio-native active-recall loop over the current editor text, selection, current file, folder, or repo, with optional focus guidance for shaping question selection
 - Includes a live **Working** view for following current model/tool activity, with `All` / `Thinking` / `Tools` filters, image previews for image-producing tool outputs, plus **Load visible into editor** and **Copy visible** actions; when cycling response history, Working follows saved working details for the selected response when available
 - Includes a right-pane **Changes** view for browsing the current git diff by file, previewing per-file diffs, opening changed files, loading the full diff into the editor, and copying the diff
-- Includes a right-pane **Files** view for browsing the current Pi session/resource directory, opening folders, loading text/code/CSV/TSV documents into the editor, previewing PDFs/images, opening PDF/image previews in a new Studio tab, converting DOCX/ODT documents to editable Markdown when Pandoc is available after confirmation, copying paths, setting the current folder as the Studio working directory, and revealing files in the file manager
+- Includes a right-pane **Files** view for browsing the current Pi session/resource directory, opening folders, opening the Files root in Finder/the system file manager, loading text/code/CSV/TSV documents into the editor, previewing PDFs/images, opening PDF/image previews in a new Studio tab, converting DOCX/ODT documents to editable Markdown when Pandoc is available after confirmation, copying paths, setting the current folder as the Studio working directory, and revealing files in the file manager
 - Includes an optional tmux-backed **REPL** view for Shell, Python, IPython, Julia, R, GHCi, and Clojure sessions, with Raw/Literate send modes, `Cmd/Ctrl+Shift+Enter` **Send to REPL**, session start/stop/interrupt controls, a compact refresh-persistent **Studio REPL Record** of user and Pi-sent code, a secondary raw tmux mirror, agent-facing `studio_repl_status` / `studio_repl_send` tools, and Markdown/PDF/HTML export
 - Includes a local persistent scratchpad for quick notes you want to keep out of the main editor until you're ready to copy or insert them, with a **Recent…** picker for recovering scratchpads saved under earlier file/draft identities
 - Includes a docked **Outline** rail for navigating document structure in the current editor text, with clickable entries that jump in the raw editor and reveal matching preview locations when available

package/client/studio-client.js

@@ -7,6 +7,7 @@
       const footerMetaModelEl = document.getElementById("footerMetaModel");
       const footerMetaTerminalEl = document.getElementById("footerMetaTerminal");
       const footerMetaContextEl = document.getElementById("footerMetaContext");
+      const footerModelMenuEl = document.getElementById("footerModelMenu");
       let faviconLinkEl = document.querySelector('link[rel="icon"], link[rel="shortcut icon"]');
       if (!faviconLinkEl) {
         faviconLinkEl = document.createElement("link");
@@ -118,8 +119,11 @@
       const suggestCompletionBtn = document.getElementById("suggestCompletionBtn");
       const suggestCompletionOptionsBtn = document.getElementById("suggestCompletionOptionsBtn");
       const completionContextSelect = document.getElementById("completionContextSelect");
+      const completionModelSelect = document.getElementById("completionModelSelect");
       const completionSuggestionPanelEl = document.getElementById("completionSuggestionPanel");
       const completionSuggestionTextEl = document.getElementById("completionSuggestionText");
+      const completionSuggestionMetaEl = document.getElementById("completionSuggestionMeta");
+      const completionSuggestionRegenerateBtn = document.getElementById("completionSuggestionRegenerateBtn");
       const completionSuggestionInsertBtn = document.getElementById("completionSuggestionInsertBtn");
       const completionSuggestionDismissBtn = document.getElementById("completionSuggestionDismissBtn");
       const saveAnnotatedBtn = document.getElementById("saveAnnotatedBtn");
@@ -325,6 +329,7 @@
       const EDITOR_TAB_TEXT = "  ";
       const QUIZ_DEFAULT_COUNT = 5;
       const COMPLETION_CONTEXT_STORAGE_KEY = "piStudio.completionContextMode";
+      const COMPLETION_MODEL_STORAGE_KEY = "piStudio.completionModel";
       const COMPLETION_CONTEXT_MAX_CHARS = 12000;
       const QUIZ_SCOPES = ["editor", "selection", "file", "folder", "repo"];
       const QUIZ_ANGLES = ["general", "scientist", "mathematician", "statistician", "developer", "reviewer"];
@@ -518,6 +523,10 @@
       let previewExportInProgress = false;
       let compactInProgress = false;
       let modelLabel = (document.body && document.body.dataset && document.body.dataset.modelLabel) || "none";
+      let piModelOptions = [];
+      let piCurrentModel = null;
+      let piThinkingLevel = "";
+      let footerModelMenuOpen = false;
       let terminalSessionLabel = (document.body && document.body.dataset && document.body.dataset.terminalLabel) || "unknown";
       let terminalSessionDetail = (document.body && document.body.dataset && document.body.dataset.terminalDetail) || terminalSessionLabel;
       let contextTokens = null;
@@ -2027,6 +2036,8 @@
       let responseHighlightEnabled = false;
       let completionSuggestionState = null;
       let completionSuggestionContextMode = readCompletionSuggestionContextMode();
+      let completionSuggestionModelValue = readCompletionSuggestionModelValue();
+      let completionSuggestionModelOptions = [];
       let completionSuggestionInFlight = false;
       let completionSuggestionRequestId = null;
       let completionSuggestionPendingSnapshot = null;
@@ -2499,10 +2510,18 @@
               syncActionButtons();
             });
           });
-          appendStudioUiRefreshMenuSection(contextMenu.menu, "Suggestions", [cursorContextBtn, sessionContextBtn]);
+          const suggestionItems = [cursorContextBtn, sessionContextBtn];
+          if (completionModelSelect) {
+            completionModelSelect.hidden = false;
+            suggestionItems.push(completionModelSelect);
+          }
+          const completionThinkingNoteEl = makeStudioUiRefreshElement("div", "studio-refresh-menu-note completion-thinking-note", "Suggest: thinking off; model choice only affects suggestions.");
+          completionThinkingNoteEl.setAttribute("aria-label", "Suggestion model note");
+          suggestionItems.push(completionThinkingNoteEl);
+          appendStudioUiRefreshMenuSection(contextMenu.menu, "Suggestions", suggestionItems);
           const statusItems = [];
           if (!isEditorOnlyMode) {
-            sourceSessionSummaryEl = makeStudioUiRefreshElement("div", "source-badge source-session-summary", "Session tree: branch history follows the current Pi branch. Editor text is independent.");
+            sourceSessionSummaryEl = makeStudioUiRefreshElement("div", "studio-refresh-menu-note source-session-summary", "Session tree: branch history follows the current Pi branch; editor text stays independent.");
             sourceSessionSummaryEl.setAttribute("aria-label", "Pi session tree and editor sync behaviour");
             sourceSessionSummaryEl.title = "Use /tree in the Pi terminal to navigate branches. Studio updates branch history to match the active branch and leaves editor text unchanged.";
             statusItems.push(sourceSessionSummaryEl);
@@ -3165,6 +3184,118 @@
         }
       }
 
+      function encodePiModelValue(provider, id) {
+        return JSON.stringify([String(provider || ""), String(id || "")]);
+      }
+
+      function decodePiModelValue(value) {
+        try {
+          const parsed = JSON.parse(String(value || ""));
+          if (!Array.isArray(parsed) || parsed.length < 2) return null;
+          const provider = String(parsed[0] || "").trim();
+          const id = String(parsed[1] || "").trim();
+          return provider && id ? { provider, id } : null;
+        } catch {
+          return null;
+        }
+      }
+
+      function normalizePiModelOptions(options) {
+        return Array.isArray(options)
+          ? options.map((option) => ({
+            provider: String(option && option.provider || "").trim(),
+            id: String(option && option.id || "").trim(),
+            label: String(option && option.label || "").trim(),
+            reasoning: Boolean(option && option.reasoning),
+          })).filter((option) => option.provider && option.id)
+          : [];
+      }
+
+      function updatePiSessionModelState(message) {
+        if (!message || typeof message !== "object") return;
+        if (Array.isArray(message.piModels)) {
+          piModelOptions = normalizePiModelOptions(message.piModels);
+        } else if (Array.isArray(message.suggestionModels) && !piModelOptions.length) {
+          piModelOptions = normalizePiModelOptions(message.suggestionModels);
+        }
+        if (message.currentModel && typeof message.currentModel === "object") {
+          const model = message.currentModel;
+          const provider = String(model.provider || "").trim();
+          const id = String(model.id || "").trim();
+          piCurrentModel = provider && id ? {
+            provider,
+            id,
+            label: String(model.label || "").trim(),
+            reasoning: Boolean(model.reasoning),
+          } : null;
+        }
+        if (typeof message.thinkingLevel === "string") {
+          piThinkingLevel = message.thinkingLevel.trim();
+        }
+        renderFooterModelMenu();
+      }
+
+      function getPiCurrentModelValue() {
+        return piCurrentModel && piCurrentModel.provider && piCurrentModel.id
+          ? encodePiModelValue(piCurrentModel.provider, piCurrentModel.id)
+          : "";
+      }
+
+      function getPiThinkingLevels() {
+        return ["off", "minimal", "low", "medium", "high", "xhigh"];
+      }
+
+      function renderFooterModelMenu() {
+        if (!footerModelMenuEl) return;
+        const currentValue = getPiCurrentModelValue();
+        const optionValues = new Set(piModelOptions.map((option) => encodePiModelValue(option.provider, option.id)));
+        const modelOptionsHtml = piModelOptions.map((option) => {
+          const value = encodePiModelValue(option.provider, option.id);
+          const label = option.label || (option.provider + "/" + option.id);
+          return "<option value='" + escapeHtml(value) + "'" + (value === currentValue ? " selected" : "") + ">" + escapeHtml(label) + "</option>";
+        });
+        if (currentValue && !optionValues.has(currentValue)) {
+          const label = piCurrentModel && piCurrentModel.label ? piCurrentModel.label : modelLabel;
+          modelOptionsHtml.unshift("<option value='" + escapeHtml(currentValue) + "' selected>" + escapeHtml(label || "current model") + "</option>");
+        }
+        const thinking = piThinkingLevel || "off";
+        const thinkingOptionsHtml = getPiThinkingLevels().map((level) => {
+          return "<option value='" + escapeHtml(level) + "'" + (level === thinking ? " selected" : "") + ">Thinking: " + escapeHtml(level) + "</option>";
+        });
+        footerModelMenuEl.innerHTML = ""
+          + "<div class='footer-model-menu-heading'>Pi model & thinking</div>"
+          + "<label class='footer-model-menu-field'><span>Pi model</span><select id='footerPiModelSelect'>" + modelOptionsHtml.join("") + "</select></label>"
+          + "<label class='footer-model-menu-field'><span>Thinking</span><select id='footerPiThinkingSelect'>" + thinkingOptionsHtml.join("") + "</select></label>"
+          + "<div class='footer-model-menu-note'>Affects future Pi turns. Studio Suggest has its own model setting.</div>";
+      }
+
+      function setFooterModelMenuOpen(open) {
+        footerModelMenuOpen = Boolean(open);
+        if (footerModelMenuEl) footerModelMenuEl.hidden = !footerModelMenuOpen;
+        if (footerMetaModelEl) {
+          footerMetaModelEl.classList.toggle("is-open", footerModelMenuOpen);
+          footerMetaModelEl.setAttribute("aria-expanded", footerModelMenuOpen ? "true" : "false");
+        }
+        if (footerModelMenuOpen) renderFooterModelMenu();
+      }
+
+      function requestPiModelSelection(value) {
+        const model = decodePiModelValue(value);
+        if (!model) {
+          setStatus("No Pi model selected.", "warning");
+          return;
+        }
+        const sent = sendMessage({ type: "pi_model_select_request", provider: model.provider, id: model.id });
+        if (sent) setStatus("Switching Pi model…", "warning");
+      }
+
+      function requestPiThinkingLevel(level) {
+        const normalized = String(level || "").trim();
+        if (!normalized) return;
+        const sent = sendMessage({ type: "pi_thinking_level_request", level: normalized });
+        if (sent) setStatus("Setting Pi thinking level…", "warning");
+      }
+
       function updateFooterMeta() {
         const modelText = modelLabel && modelLabel.trim() ? modelLabel.trim() : "none";
         const terminalText = terminalSessionLabel && terminalSessionLabel.trim() ? terminalSessionLabel.trim() : "unknown";
@@ -3178,7 +3309,9 @@
           footerMetaModelEl.textContent = modelText;
           footerMetaTerminalEl.textContent = terminalText;
           footerMetaContextEl.textContent = contextDisplayText;
-          footerMetaModelEl.title = "Model: " + modelText;
+          footerMetaModelEl.title = "Pi model and thinking: " + modelText;
+          footerMetaModelEl.setAttribute("aria-haspopup", "menu");
+          footerMetaModelEl.setAttribute("aria-expanded", footerModelMenuOpen ? "true" : "false");
           footerMetaTerminalEl.title = terminalDetailText;
           footerMetaContextEl.title = contextTitleText;
           if (footerMetaTextEl) footerMetaTextEl.title = titleText;
@@ -9661,14 +9794,17 @@
               ? "open-new"
               : ((kind === "pdf" || kind === "image") ? "open-preview-new" : "");
             const newTabLabel = kind === "text"
-              ? "Open file tab"
+              ? "Open file-backed tab"
               : (kind === "office" ? "Convert tab" : ((kind === "pdf" || kind === "image") ? "Preview tab" : "New tab"));
+            const newTabTitle = kind === "text"
+              ? "Open this file-backed document in a new refreshable editor tab. Save editor and Refresh from disk will use this file."
+              : (kind === "office" ? "Convert this document to Markdown in a new editor tab." : ((kind === "pdf" || kind === "image") ? "Open this preview in a new Studio tab." : "Open in a new Studio tab."));
             const textActions = newTabAction
-              ? "<button type='button' data-files-action='" + escapeHtml(newTabAction) + "' data-files-path='" + escapeHtml(entry.path) + "'>" + escapeHtml(newTabLabel) + "</button>"
+              ? "<button type='button' data-files-action='" + escapeHtml(newTabAction) + "' data-files-path='" + escapeHtml(entry.path) + "' title='" + escapeHtml(newTabTitle) + "'>" + escapeHtml(newTabLabel) + "</button>"
               : "";
             const openTitle = type === "directory"
               ? "Open folder"
-              : (kind === "text" ? "Open in editor" : (kind === "office" ? "Convert to Markdown in editor" : (kind === "pdf" ? "Open PDF preview" : (kind === "image" ? "Open image preview" : "Copy or reveal this file"))));
+              : (kind === "text" ? "Open file-backed document in the current editor. Save editor and Refresh from disk will use this file." : (kind === "office" ? "Convert to Markdown in the current editor" : (kind === "pdf" ? "Open PDF preview" : (kind === "image" ? "Open image preview" : "Copy or reveal this file"))));
             return "<div class='files-row files-row-" + escapeHtml(type) + " files-kind-" + escapeHtml(kind) + "'>"
               + "<button type='button' class='files-open-btn' data-files-action='" + (type === "directory" ? "open-dir" : "open") + "' data-files-path='" + escapeHtml(entry.path) + "' data-files-kind='" + escapeHtml(kind) + "' title='" + escapeHtml(openTitle) + "'>"
               + "<span class='files-icon' aria-hidden='true'>" + icon + "</span>"
@@ -9695,6 +9831,7 @@
           + "<button type='button' data-files-action='refresh'>Refresh</button>"
           + (currentDir ? "<button type='button' data-files-action='copy-current' data-files-path='" + escapeHtml(currentDir) + "'>Copy path</button>" : "")
           + (currentDir ? "<button type='button' data-files-action='use-working-dir' data-files-path='" + escapeHtml(currentDir) + "'>Use as working dir</button>" : "")
+          + (rootDir ? "<button type='button' data-files-action='open-root' data-files-path='" + escapeHtml(rootDir) + "' title='Open the Files root folder in Finder or the system file manager.'>Open root</button>" : "")
           + (rootDir ? "<button type='button' data-files-action='copy-root' data-files-path='" + escapeHtml(rootDir) + "'>Copy root</button>" : "")
           + "</div>"
           + "</div>"
@@ -9845,6 +9982,23 @@
         setStatus("Working dir set to current folder.", "success");
       }
 
+      async function openFileBrowserDirectoryInFileViewer(path) {
+        const targetDir = normalizeStudioResourceDirValue(path || fileBrowserState.rootDir || fileBrowserState.currentDir || "");
+        if (!targetDir) {
+          setStatus("No folder to open.", "warning");
+          return;
+        }
+        const context = getHtmlPreviewResourceContextOptions();
+        const body = { dir: targetDir };
+        if (context.sourcePath) body.sourcePath = context.sourcePath;
+        if (context.resourceDir) body.resourceDir = context.resourceDir;
+        const payload = await fetchStudioJson("/file-browser-open", {
+          method: "POST",
+          body: JSON.stringify(body),
+        });
+        setStatus(payload && payload.message ? payload.message : "Opened folder in file manager.", "success");
+      }
+
       async function handleFilesPaneClick(event) {
         if (rightView !== "files") return;
         const target = event.target;
@@ -9888,6 +10042,10 @@
             setFileBrowserCurrentDirectoryAsWorkingDir(path);
             return;
           }
+          if (action === "open-root") {
+            await openFileBrowserDirectoryInFileViewer(path || fileBrowserState.rootDir || "");
+            return;
+          }
           if (action === "reveal") {
             await revealPreviewLocalLink(path, getFileBrowserLocalLinkContext());
           }
@@ -10437,13 +10595,18 @@
         syncRunAndCritiqueButtons();
         copyDraftBtn.disabled = uiBusy;
         if (suggestCompletionBtn) {
+          const hasSuggestionForCurrentText = Boolean(completionSuggestionState && sourceTextEl && sourceTextEl.value === completionSuggestionState.baseText);
           suggestCompletionBtn.disabled = wsState !== "Ready" || (!completionSuggestionInFlight && (uiBusy || !String(sourceTextEl.value || "").trim()));
-          suggestCompletionBtn.textContent = completionSuggestionInFlight ? "Stop" : "Suggest";
+          suggestCompletionBtn.textContent = completionSuggestionInFlight ? "Stop" : (hasSuggestionForCurrentText ? "Try another" : "Suggest");
           suggestCompletionBtn.title = completionSuggestionInFlight
             ? "Stop the current suggestion request."
-            : "Ask the current model for a short completion at the editor cursor. Shortcut: Option/Alt+Tab where available, or Cmd/Ctrl+Shift+Space from the editor.";
+            : (hasSuggestionForCurrentText
+              ? "Ask for a different suggestion at the same cursor position."
+              : "Ask for a short completion at the editor cursor. Shortcut: Option/Alt+Tab where available, or Cmd/Ctrl+Shift+Space from the editor.");
         }
         if (suggestCompletionOptionsBtn) suggestCompletionOptionsBtn.disabled = uiBusy || completionSuggestionInFlight;
+        if (completionModelSelect) completionModelSelect.disabled = uiBusy || completionSuggestionInFlight;
+        if (completionSuggestionRegenerateBtn) completionSuggestionRegenerateBtn.disabled = completionSuggestionInFlight || !completionSuggestionState;
         syncCompletionSuggestionContextUi();
         if (openCompanionBtn) openCompanionBtn.disabled = uiBusy || wsState !== "Ready";
         if (highlightSelect) highlightSelect.disabled = uiBusy;
@@ -10784,9 +10947,37 @@
         }
       }
 
+      function readCompletionSuggestionModelValue() {
+        try {
+          const stored = window.localStorage ? String(window.localStorage.getItem(COMPLETION_MODEL_STORAGE_KEY) || "") : "";
+          return stored && stored !== "undefined" && stored !== "null" ? stored : "current";
+        } catch {
+          return "current";
+        }
+      }
+
+      function encodeCompletionModelValue(provider, id) {
+        return JSON.stringify([String(provider || ""), String(id || "")]);
+      }
+
+      function decodeCompletionModelValue(value) {
+        const raw = String(value || "");
+        if (!raw || raw === "current") return null;
+        try {
+          const parsed = JSON.parse(raw);
+          if (!Array.isArray(parsed) || parsed.length < 2) return null;
+          const provider = String(parsed[0] || "").trim();
+          const id = String(parsed[1] || "").trim();
+          return provider && id ? { provider, id } : null;
+        } catch {
+          return null;
+        }
+      }
+
       function setCompletionSuggestionContextMode(mode) {
         completionSuggestionContextMode = mode === "session" ? "session" : "cursor";
         if (completionContextSelect) completionContextSelect.value = completionSuggestionContextMode;
+        hideCompletionSuggestion();
         try {
           if (window.localStorage) window.localStorage.setItem(COMPLETION_CONTEXT_STORAGE_KEY, completionSuggestionContextMode);
         } catch {}
@@ -10795,8 +10986,65 @@
           : "Suggestions will use cursor-local editor context only.");
       }
 
+      function setCompletionSuggestionModelValue(value) {
+        const normalized = String(value || "current") || "current";
+        completionSuggestionModelValue = normalized;
+        if (completionModelSelect) completionModelSelect.value = normalized;
+        hideCompletionSuggestion();
+        try {
+          if (window.localStorage) window.localStorage.setItem(COMPLETION_MODEL_STORAGE_KEY, normalized);
+        } catch {}
+        const selectedLabel = getCompletionSuggestionModelLabel();
+        setStatus(normalized === "current"
+          ? "Suggestions will use the current Pi model with thinking off."
+          : "Suggestions will use " + selectedLabel + " with thinking off.");
+      }
+
+      function getCompletionSuggestionModelSelection() {
+        return decodeCompletionModelValue(completionSuggestionModelValue);
+      }
+
+      function getCompletionSuggestionModelLabel() {
+        const selected = getCompletionSuggestionModelSelection();
+        if (!selected) return "current Pi model";
+        const match = completionSuggestionModelOptions.find((option) => option.provider === selected.provider && option.id === selected.id);
+        return match && match.label ? match.label : (selected.provider + "/" + selected.id);
+      }
+
+      function updateCompletionSuggestionModelOptions(options) {
+        completionSuggestionModelOptions = Array.isArray(options)
+          ? options.map((option) => ({
+            provider: String(option && option.provider || "").trim(),
+            id: String(option && option.id || "").trim(),
+            label: String(option && option.label || "").trim(),
+            reasoning: Boolean(option && option.reasoning),
+          })).filter((option) => option.provider && option.id)
+          : [];
+        syncCompletionSuggestionModelUi();
+      }
+
+      function syncCompletionSuggestionModelUi() {
+        if (!completionModelSelect) return;
+        const currentValue = completionSuggestionModelValue || "current";
+        const modelOptionsHtml = completionSuggestionModelOptions.map((option) => {
+          const value = encodeCompletionModelValue(option.provider, option.id);
+          const label = option.label || (option.provider + "/" + option.id);
+          return "<option value='" + escapeHtml(value) + "'>Suggestion model: " + escapeHtml(label) + "</option>";
+        });
+        const validValues = new Set(["current", ...completionSuggestionModelOptions.map((option) => encodeCompletionModelValue(option.provider, option.id))]);
+        if (!validValues.has(currentValue) && completionSuggestionModelOptions.length === 0 && currentValue !== "current") {
+          modelOptionsHtml.push("<option value='" + escapeHtml(currentValue) + "'>Suggestion model: saved selection</option>");
+          validValues.add(currentValue);
+        }
+        completionModelSelect.innerHTML = ["<option value='current'>Suggestion model: current Pi model</option>", ...modelOptionsHtml].join("");
+        completionModelSelect.value = validValues.has(currentValue) ? currentValue : "current";
+        if (completionModelSelect.value !== currentValue) completionSuggestionModelValue = "current";
+        completionModelSelect.title = "Choose the model used for Suggest. Suggestions use direct completion with thinking off and do not change the main Pi model.";
+      }
+
       function syncCompletionSuggestionContextUi() {
         if (completionContextSelect) completionContextSelect.value = completionSuggestionContextMode;
+        syncCompletionSuggestionModelUi();
         if (suggestCompletionOptionsBtn) {
           suggestCompletionOptionsBtn.textContent = "Source & context";
           suggestCompletionOptionsBtn.title = completionSuggestionContextMode === "session"
@@ -10841,13 +11089,20 @@
       function hideCompletionSuggestion() {
         completionSuggestionState = null;
         if (completionSuggestionTextEl) completionSuggestionTextEl.textContent = "";
+        if (completionSuggestionMetaEl) completionSuggestionMetaEl.textContent = "";
         if (completionSuggestionPanelEl) completionSuggestionPanelEl.hidden = true;
+        syncActionButtons();
       }
 
       function showCompletionSuggestion(state) {
         completionSuggestionState = state;
         if (completionSuggestionTextEl) completionSuggestionTextEl.textContent = state && state.suggestion ? state.suggestion : "";
+        if (completionSuggestionMetaEl) {
+          const modelLabelText = state && state.modelLabel ? String(state.modelLabel) : getCompletionSuggestionModelLabel();
+          completionSuggestionMetaEl.textContent = modelLabelText ? " · " + modelLabelText + " · thinking off" : " · thinking off";
+        }
         if (completionSuggestionPanelEl) completionSuggestionPanelEl.hidden = false;
+        syncActionButtons();
       }
 
       function focusSourceTextNoScroll() {
@@ -10927,29 +11182,38 @@
         }
       }
 
-      function requestCompletionSuggestion() {
+      function requestCompletionSuggestion(options) {
         if (isEditorOnlyMode && !sourceTextEl) return;
         if (completionSuggestionInFlight) {
           cancelCompletionSuggestion();
           return;
         }
-        const text = String(sourceTextEl.value || "");
+        const regenerateRequested = Boolean((options && options.regenerate) || (completionSuggestionState && sourceTextEl.value === completionSuggestionState.baseText));
+        const existingSuggestion = regenerateRequested ? completionSuggestionState : null;
+        const text = existingSuggestion ? String(existingSuggestion.baseText || "") : String(sourceTextEl.value || "");
         if (!text.trim()) {
           setStatus("Editor is empty.", "warning");
           return;
         }
-        const selectionStart = typeof sourceTextEl.selectionStart === "number" ? sourceTextEl.selectionStart : text.length;
-        const selectionEnd = typeof sourceTextEl.selectionEnd === "number" ? sourceTextEl.selectionEnd : selectionStart;
+        if (existingSuggestion && String(sourceTextEl.value || "") !== text) {
+          setStatus("Editor changed. Request a fresh suggestion from the current cursor.", "warning");
+          hideCompletionSuggestion();
+          return;
+        }
+        const selectionStart = existingSuggestion ? existingSuggestion.selectionStart : (typeof sourceTextEl.selectionStart === "number" ? sourceTextEl.selectionStart : text.length);
+        const selectionEnd = existingSuggestion ? existingSuggestion.selectionEnd : (typeof sourceTextEl.selectionEnd === "number" ? sourceTextEl.selectionEnd : selectionStart);
         const contextText = getCompletionSuggestionContextText();
+        const selectedModel = getCompletionSuggestionModelSelection();
         const requestId = makeRequestId();
+        const previousSuggestion = existingSuggestion && existingSuggestion.suggestion ? String(existingSuggestion.suggestion) : "";
         completionSuggestionInFlight = true;
         completionSuggestionRequestId = requestId;
-        completionSuggestionPendingSnapshot = { text, selectionStart, selectionEnd };
+        completionSuggestionPendingSnapshot = { text, selectionStart, selectionEnd, previousSuggestion };
         completionSuggestionRefocusEditorOnResult = shouldRefocusEditorForCompletionRequest();
         hideCompletionSuggestion();
         syncActionButtons();
-        setStatus("Generating completion suggestion…", "warning");
-        const sent = sendMessage({
+        setStatus(existingSuggestion ? "Generating another suggestion…" : "Generating completion suggestion…", "warning");
+        const message = {
           type: "completion_suggestion_request",
           requestId,
           text,
@@ -10960,7 +11224,13 @@
           path: sourceState && sourceState.path ? sourceState.path : undefined,
           contextMode: completionSuggestionContextMode,
           contextText: contextText || undefined,
-        });
+          previousSuggestion: previousSuggestion || undefined,
+        };
+        if (selectedModel) {
+          message.suggestionModelProvider = selectedModel.provider;
+          message.suggestionModelId = selectedModel.id;
+        }
+        const sent = sendMessage(message);
         if (!sent) {
           completionSuggestionInFlight = false;
           completionSuggestionRequestId = null;
@@ -11035,6 +11305,8 @@
           baseText,
           selectionStart: start,
           selectionEnd: end,
+          previousSuggestion: pendingSnapshot && pendingSnapshot.previousSuggestion ? pendingSnapshot.previousSuggestion : "",
+          modelLabel: typeof message.modelLabel === "string" ? message.modelLabel : getCompletionSuggestionModelLabel(),
         });
         const activeEl = document.activeElement;
         if (
@@ -18493,6 +18765,10 @@
           if (typeof message.modelLabel === "string") {
             modelLabel = message.modelLabel;
           }
+          if (Array.isArray(message.suggestionModels)) {
+            updateCompletionSuggestionModelOptions(message.suggestionModels);
+          }
+          updatePiSessionModelState(message);
           if (typeof message.terminalSessionLabel === "string") {
             terminalSessionLabel = message.terminalSessionLabel;
           }
@@ -19065,6 +19341,10 @@
           if (typeof message.modelLabel === "string") {
             modelLabel = message.modelLabel;
           }
+          if (Array.isArray(message.suggestionModels)) {
+            updateCompletionSuggestionModelOptions(message.suggestionModels);
+          }
+          updatePiSessionModelState(message);
           if (typeof message.terminalSessionLabel === "string") {
             terminalSessionLabel = message.terminalSessionLabel;
           }
@@ -19944,9 +20224,39 @@
         if (event.key === "Escape") {
           closeExportPreviewMenu();
           closePreviewLinkMenu();
+          setFooterModelMenuOpen(false);
         }
       });
 
+      if (footerMetaModelEl) {
+        footerMetaModelEl.addEventListener("click", (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          setFooterModelMenuOpen(!footerModelMenuOpen);
+        });
+      }
+      if (footerModelMenuEl) {
+        footerModelMenuEl.addEventListener("click", (event) => {
+          event.stopPropagation();
+        });
+        footerModelMenuEl.addEventListener("change", (event) => {
+          const target = event.target;
+          if (!(target instanceof HTMLSelectElement)) return;
+          if (target.id === "footerPiModelSelect") {
+            requestPiModelSelection(target.value);
+            setFooterModelMenuOpen(false);
+          } else if (target.id === "footerPiThinkingSelect") {
+            requestPiThinkingLevel(target.value);
+            setFooterModelMenuOpen(false);
+          }
+        });
+      }
+      document.addEventListener("click", (event) => {
+        const target = event.target;
+        if (target instanceof Element && (target.closest("#footerModelMenu") || target.closest("#footerMetaModel"))) return;
+        setFooterModelMenuOpen(false);
+      });
+
       saveAsBtn.addEventListener("click", () => {
         const content = sourceTextEl.value;
         if (!content.trim()) {
@@ -20190,6 +20500,18 @@
           syncActionButtons();
         });
       }
+      if (completionModelSelect) {
+        completionModelSelect.value = completionSuggestionModelValue;
+        completionModelSelect.addEventListener("change", () => {
+          setCompletionSuggestionModelValue(completionModelSelect.value || "current");
+          syncActionButtons();
+        });
+      }
+      if (completionSuggestionRegenerateBtn) {
+        completionSuggestionRegenerateBtn.addEventListener("click", () => {
+          requestCompletionSuggestion({ regenerate: true });
+        });
+      }
       if (completionSuggestionInsertBtn) {
         completionSuggestionInsertBtn.addEventListener("click", () => {
           insertCompletionSuggestion();