pi-studio 0.5.2 → 0.5.4

package/CHANGELOG.md

@@ -88,6 +88,33 @@ All notable changes to `pi-studio` are documented here.
 
 ## [Unreleased]
 
+## [0.5.4] — 2026-03-09
+
+### Added
+- New right-pane **Thinking (Raw)** view for assistant/model thinking when available.
+
+### Changed
+- Response history and latest-response syncing now preserve associated thinking content.
+- In Thinking view, right-pane actions adapt to the selected reasoning trace:
+  - **Load thinking into editor**
+  - **Copy thinking text**
+  - thinking-aware reference/sync badges
+
+## [0.5.3] — 2026-03-06
+
+### Added
+- New terminal command: `/studio-current <path>` loads a file into currently open Studio tab(s) without opening a new browser session.
+- `/studio --help` now includes `/studio-current` usage.
+
+### Changed
+- Footer compact action label is now **Compact**.
+- Footer metadata now includes in-Studio npm update hint text when an update is available (`Update: installed → latest`).
+- Update notification timing now runs after Studio open notifications, so the update message is not immediately overwritten.
+- Slash-command autocomplete order now lists `/studio` before `/studio-current`.
+
+### Fixed
+- Removed low-value terminal toasts for Studio websocket connect/disconnect that could overwrite more important notifications.
+
 ## [0.5.2] — 2026-03-06
 
 ### Changed

package/README.md

@@ -14,11 +14,12 @@ Experimental extension for [pi](https://github.com/badlogic/pi-mono) that opens
 
 ## What it does
 
-- Opens a two-pane browser workspace: **Editor** (left) + **Response/Editor Preview** (right)
+- Opens a two-pane browser workspace: **Editor** (left) + **Response/Thinking/Editor Preview** (right)
 - Runs editor text directly, or asks for structured critique (auto/writing/code focus)
 - Browses response history (`Prev/Next`) and loads either:
   - response text
   - critique notes/full critique
+  - assistant thinking (when available)
   - the prompt that generated a selected response
 - Supports an annotation workflow for `[an: ...]` markers:
   - inserts/removes the annotated-reply header

package/index.ts

@@ -32,6 +32,7 @@ interface ActiveStudioRequest {
 
 interface LastStudioResponse {
 	markdown: string;
+	thinking: string | null;
 	timestamp: number;
 	kind: StudioRequestKind;
 }
@@ -39,6 +40,7 @@ interface LastStudioResponse {
 interface StudioResponseHistoryItem {
 	id: string;
 	markdown: string;
+	thinking: string | null;
 	timestamp: number;
 	kind: StudioRequestKind;
 	prompt: string | null;
@@ -1259,6 +1261,27 @@ function extractAssistantText(message: unknown): string | null {
 	return text.length > 0 ? text : null;
 }
 
+function extractAssistantThinking(message: unknown): string | null {
+	const msg = message as {
+		role?: string;
+		content?: Array<{ type?: string; thinking?: string }> | string;
+	};
+
+	if (!msg || msg.role !== "assistant" || !Array.isArray(msg.content)) return null;
+
+	const blocks: string[] = [];
+	for (const part of msg.content) {
+		if (!part || typeof part !== "object") continue;
+		if (part.type !== "thinking") continue;
+		if (typeof part.thinking === "string" && part.thinking.trim()) {
+			blocks.push(part.thinking);
+		}
+	}
+
+	const thinking = blocks.join("\n\n").trim();
+	return thinking.length > 0 ? thinking : null;
+}
+
 function extractLatestAssistantFromEntries(entries: SessionEntry[]): string | null {
 	for (let i = entries.length - 1; i >= 0; i--) {
 		const entry = entries[i];
@@ -1330,9 +1353,11 @@ function buildResponseHistoryFromEntries(entries: SessionEntry[], limit = RESPON
 		if (role !== "assistant") continue;
 		const markdown = extractAssistantText(message);
 		if (!markdown) continue;
+		const thinking = extractAssistantThinking(message);
 		history.push({
 			id: typeof (entry as { id?: unknown }).id === "string" ? (entry as { id: string }).id : randomUUID(),
 			markdown,
+			thinking,
 			timestamp: parseEntryTimestamp((entry as { timestamp?: unknown }).timestamp),
 			kind: inferStudioResponseKind(markdown),
 			prompt: lastUserPrompt,
@@ -2889,6 +2914,7 @@ ${cssVarsBlock}
             <option value="markdown">Response (Raw)</option>
             <option value="preview" selected>Response (Preview)</option>
             <option value="editor-preview">Editor (Preview)</option>
+            <option value="thinking">Thinking (Raw)</option>
           </select>
         </div>
         <div class="section-header-actions">
@@ -2931,7 +2957,7 @@ ${cssVarsBlock}
 
   <footer>
     <span id="statusLine"><span id="statusSpinner" aria-hidden="true"> </span><span id="status">Booting studio…</span></span>
-    <span id="footerMeta" class="footer-meta"><span id="footerMetaText" class="footer-meta-text">Model: ${initialModel} · Terminal: ${initialTerminal} · Context: unknown</span><button id="compactBtn" class="footer-compact-btn" type="button" title="Trigger pi context compaction now.">Compact context</button></span>
+    <span id="footerMeta" class="footer-meta"><span id="footerMetaText" class="footer-meta-text">Model: ${initialModel} · Terminal: ${initialTerminal} · Context: unknown</span><button id="compactBtn" class="footer-compact-btn" type="button" title="Trigger pi context compaction now.">Compact</button></span>
     <span class="shortcut-hint">Focus pane: Cmd/Ctrl+Esc (or F10), Esc to exit · Run editor text: Cmd/Ctrl+Enter</span>
   </footer>
 
@@ -3043,11 +3069,13 @@ ${cssVarsBlock}
       let followLatest = true;
       let queuedLatestResponse = null;
       let latestResponseMarkdown = "";
+      let latestResponseThinking = "";
       let latestResponseTimestamp = 0;
       let latestResponseKind = "annotation";
       let latestResponseIsStructuredCritique = false;
       let latestResponseHasContent = false;
       let latestResponseNormalized = "";
+      let latestResponseThinkingNormalized = "";
       let latestCritiqueNotes = "";
       let latestCritiqueNotesNormalized = "";
       let responseHistory = [];
@@ -3065,6 +3093,8 @@ ${cssVarsBlock}
       let contextTokens = null;
       let contextWindow = null;
       let contextPercent = null;
+      let updateInstalledVersion = null;
+      let updateLatestVersion = null;
 
       function parseFiniteNumber(value) {
         if (value == null || value === "") return null;
@@ -3072,6 +3102,12 @@ ${cssVarsBlock}
         return Number.isFinite(parsed) ? parsed : null;
       }
 
+      function parseNonEmptyString(value) {
+        if (typeof value !== "string") return null;
+        const trimmed = value.trim();
+        return trimmed ? trimmed : null;
+      }
+
       contextTokens = parseFiniteNumber(document.body && document.body.dataset ? document.body.dataset.contextTokens : null);
       contextWindow = parseFiniteNumber(document.body && document.body.dataset ? document.body.dataset.contextWindow : null);
       contextPercent = parseFiniteNumber(document.body && document.body.dataset ? document.body.dataset.contextPercent : null);
@@ -3199,6 +3235,12 @@ ${cssVarsBlock}
         if (typeof message.contextTokens === "number") summary.contextTokens = message.contextTokens;
         if (typeof message.contextWindow === "number") summary.contextWindow = message.contextWindow;
         if (typeof message.contextPercent === "number") summary.contextPercent = message.contextPercent;
+        if (typeof message.updateInstalledVersion === "string") summary.updateInstalledVersion = message.updateInstalledVersion;
+        if (typeof message.updateLatestVersion === "string") summary.updateLatestVersion = message.updateLatestVersion;
+        if (message.document && typeof message.document === "object" && typeof message.document.text === "string") {
+          summary.documentLength = message.document.text.length;
+          if (typeof message.document.label === "string") summary.documentLabel = message.document.label;
+        }
         if (typeof message.compactInProgress === "boolean") summary.compactInProgress = message.compactInProgress;
         if (typeof message.stopReason === "string") summary.stopReason = message.stopReason;
         if (typeof message.markdown === "string") summary.markdownLength = message.markdown.length;
@@ -3388,6 +3430,30 @@ ${cssVarsBlock}
         return changed;
       }
 
+      function applyUpdateInfoFromMessage(message) {
+        if (!message || typeof message !== "object") return false;
+
+        let changed = false;
+
+        if (Object.prototype.hasOwnProperty.call(message, "updateInstalledVersion")) {
+          const nextInstalled = parseNonEmptyString(message.updateInstalledVersion);
+          if (nextInstalled !== updateInstalledVersion) {
+            updateInstalledVersion = nextInstalled;
+            changed = true;
+          }
+        }
+
+        if (Object.prototype.hasOwnProperty.call(message, "updateLatestVersion")) {
+          const nextLatest = parseNonEmptyString(message.updateLatestVersion);
+          if (nextLatest !== updateLatestVersion) {
+            updateLatestVersion = nextLatest;
+            changed = true;
+          }
+        }
+
+        return changed;
+      }
+
       function updateDocumentTitle() {
         const modelText = modelLabel && modelLabel.trim() ? modelLabel.trim() : "none";
         const terminalText = terminalSessionLabel && terminalSessionLabel.trim() ? terminalSessionLabel.trim() : "unknown";
@@ -3401,7 +3467,13 @@ ${cssVarsBlock}
         const modelText = modelLabel && modelLabel.trim() ? modelLabel.trim() : "none";
         const terminalText = terminalSessionLabel && terminalSessionLabel.trim() ? terminalSessionLabel.trim() : "unknown";
         const contextText = formatContextUsageText();
-        const text = "Model: " + modelText + " · Terminal: " + terminalText + " · " + contextText;
+        let updateText = "";
+        if (updateLatestVersion) {
+          updateText = updateInstalledVersion
+            ? "Update: " + updateInstalledVersion + " → " + updateLatestVersion
+            : "Update: " + updateLatestVersion + " available";
+        }
+        const text = "Model: " + modelText + " · Terminal: " + terminalText + " · " + contextText + (updateText ? " · " + updateText : "");
         if (footerMetaTextEl) {
           footerMetaTextEl.textContent = text;
           footerMetaTextEl.title = text;
@@ -3628,10 +3700,14 @@ ${cssVarsBlock}
         const prompt = typeof item.prompt === "string"
           ? item.prompt
           : (item.prompt == null ? null : String(item.prompt));
+        const thinking = typeof item.thinking === "string"
+          ? item.thinking
+          : (item.thinking == null ? null : String(item.thinking));
 
         return {
           id,
           markdown,
+          thinking,
           timestamp,
           kind: normalizeHistoryKind(item.kind),
           prompt,
@@ -3646,11 +3722,13 @@ ${cssVarsBlock}
 
       function clearActiveResponseView() {
         latestResponseMarkdown = "";
+        latestResponseThinking = "";
         latestResponseKind = "annotation";
         latestResponseTimestamp = 0;
         latestResponseIsStructuredCritique = false;
         latestResponseHasContent = false;
         latestResponseNormalized = "";
+        latestResponseThinkingNormalized = "";
         latestCritiqueNotes = "";
         latestCritiqueNotesNormalized = "";
         refreshResponseUi();
@@ -3687,7 +3765,7 @@ ${cssVarsBlock}
           clearActiveResponseView();
           return false;
         }
-        handleIncomingResponse(item.markdown, item.kind, item.timestamp);
+        handleIncomingResponse(item.markdown, item.kind, item.timestamp, item.thinking);
         return true;
       }
 
@@ -3770,6 +3848,26 @@ ${cssVarsBlock}
         }
 
         const hasResponse = Boolean(latestResponseMarkdown && latestResponseMarkdown.trim());
+        const hasThinking = Boolean(latestResponseThinking && latestResponseThinking.trim());
+        if (rightView === "thinking") {
+          if (!hasResponse && !hasThinking) {
+            referenceBadgeEl.textContent = "Thinking: none";
+            return;
+          }
+
+          const time = formatReferenceTime(latestResponseTimestamp);
+          const total = Array.isArray(responseHistory) ? responseHistory.length : 0;
+          const selected = total > 0 && responseHistoryIndex >= 0 && responseHistoryIndex < total
+            ? responseHistoryIndex + 1
+            : 0;
+          const historyPrefix = total > 0 ? "Response history " + selected + "/" + total + " · " : "";
+          const thinkingLabel = hasThinking ? "assistant thinking" : "assistant thinking unavailable";
+          referenceBadgeEl.textContent = time
+            ? historyPrefix + thinkingLabel + " · " + time
+            : historyPrefix + thinkingLabel;
+          return;
+        }
+
         if (!hasResponse) {
           referenceBadgeEl.textContent = "Latest response: none";
           return;
@@ -3820,8 +3918,13 @@ ${cssVarsBlock}
       function updateSyncBadge(normalizedEditorText) {
         if (!syncBadgeEl) return;
 
-        if (!latestResponseHasContent) {
-          syncBadgeEl.textContent = "No response loaded";
+        const showingThinking = rightView === "thinking";
+        const hasComparableContent = showingThinking
+          ? Boolean(latestResponseThinking && latestResponseThinking.trim())
+          : latestResponseHasContent;
+
+        if (!hasComparableContent) {
+          syncBadgeEl.textContent = showingThinking ? "No thinking loaded" : "No response loaded";
           syncBadgeEl.classList.remove("sync", "edited");
           return;
         }
@@ -3829,13 +3932,14 @@ ${cssVarsBlock}
         const normalizedEditor = typeof normalizedEditorText === "string"
           ? normalizedEditorText
           : normalizeForCompare(sourceTextEl.value);
-        const inSync = normalizedEditor === latestResponseNormalized;
+        const targetNormalized = showingThinking ? latestResponseThinkingNormalized : latestResponseNormalized;
+        const inSync = normalizedEditor === targetNormalized;
         if (inSync) {
-          syncBadgeEl.textContent = "In sync with response";
+          syncBadgeEl.textContent = showingThinking ? "In sync with thinking" : "In sync with response";
           syncBadgeEl.classList.add("sync");
           syncBadgeEl.classList.remove("edited");
         } else {
-          syncBadgeEl.textContent = "Out of sync with response";
+          syncBadgeEl.textContent = showingThinking ? "Out of sync with thinking" : "Out of sync with response";
           syncBadgeEl.classList.add("edited");
           syncBadgeEl.classList.remove("sync");
         }
@@ -4367,6 +4471,15 @@ ${cssVarsBlock}
           return;
         }
 
+        if (rightView === "thinking") {
+          const thinking = latestResponseThinking;
+          finishPreviewRender(critiqueViewEl);
+          critiqueViewEl.innerHTML = thinking && thinking.trim()
+            ? buildPlainMarkdownHtml(thinking)
+            : "<pre class='plain-markdown'>No thinking available for this response.</pre>";
+          return;
+        }
+
         const markdown = latestResponseMarkdown;
         if (!markdown || !markdown.trim()) {
           finishPreviewRender(critiqueViewEl);
@@ -4402,36 +4515,56 @@ ${cssVarsBlock}
 
       function updateResultActionButtons(normalizedEditorText) {
         const hasResponse = latestResponseHasContent;
+        const hasThinking = Boolean(latestResponseThinking && latestResponseThinking.trim());
         const normalizedEditor = typeof normalizedEditorText === "string"
           ? normalizedEditorText
           : normalizeForCompare(sourceTextEl.value);
         const responseLoaded = hasResponse && normalizedEditor === latestResponseNormalized;
+        const thinkingLoaded = hasThinking && normalizedEditor === latestResponseThinkingNormalized;
         const isCritiqueResponse = hasResponse && latestResponseIsStructuredCritique;
+        const showingThinking = rightView === "thinking";
 
         const critiqueNotes = isCritiqueResponse ? latestCritiqueNotes : "";
         const critiqueNotesLoaded = Boolean(critiqueNotes) && normalizedEditor === latestCritiqueNotesNormalized;
 
-        loadResponseBtn.hidden = isCritiqueResponse;
-        loadCritiqueNotesBtn.hidden = !isCritiqueResponse;
-        loadCritiqueFullBtn.hidden = !isCritiqueResponse;
+        if (showingThinking) {
+          loadResponseBtn.hidden = false;
+          loadCritiqueNotesBtn.hidden = true;
+          loadCritiqueFullBtn.hidden = true;
 
-        loadResponseBtn.disabled = uiBusy || !hasResponse || responseLoaded || isCritiqueResponse;
-        loadResponseBtn.textContent = responseLoaded ? "Response already in editor" : "Load response into editor";
+          loadResponseBtn.disabled = uiBusy || !hasThinking || thinkingLoaded;
+          loadResponseBtn.textContent = !hasThinking
+            ? "Thinking unavailable"
+            : (thinkingLoaded ? "Thinking already in editor" : "Load thinking into editor");
 
-        loadCritiqueNotesBtn.disabled = uiBusy || !isCritiqueResponse || !critiqueNotes || critiqueNotesLoaded;
-        loadCritiqueNotesBtn.textContent = critiqueNotesLoaded ? "Critique notes already in editor" : "Load critique notes into editor";
+          copyResponseBtn.disabled = uiBusy || !hasThinking;
+          copyResponseBtn.textContent = "Copy thinking text";
+        } else {
+          loadResponseBtn.hidden = isCritiqueResponse;
+          loadCritiqueNotesBtn.hidden = !isCritiqueResponse;
+          loadCritiqueFullBtn.hidden = !isCritiqueResponse;
 
-        loadCritiqueFullBtn.disabled = uiBusy || !isCritiqueResponse || responseLoaded;
-        loadCritiqueFullBtn.textContent = responseLoaded ? "Full critique already in editor" : "Load full critique into editor";
+          loadResponseBtn.disabled = uiBusy || !hasResponse || responseLoaded || isCritiqueResponse;
+          loadResponseBtn.textContent = responseLoaded ? "Response already in editor" : "Load response into editor";
 
-        copyResponseBtn.disabled = uiBusy || !hasResponse;
+          loadCritiqueNotesBtn.disabled = uiBusy || !isCritiqueResponse || !critiqueNotes || critiqueNotesLoaded;
+          loadCritiqueNotesBtn.textContent = critiqueNotesLoaded ? "Critique notes already in editor" : "Load critique notes into editor";
+
+          loadCritiqueFullBtn.disabled = uiBusy || !isCritiqueResponse || responseLoaded;
+          loadCritiqueFullBtn.textContent = responseLoaded ? "Full critique already in editor" : "Load full critique into editor";
+
+          copyResponseBtn.disabled = uiBusy || !hasResponse;
+          copyResponseBtn.textContent = "Copy response text";
+        }
 
         const rightPaneShowsPreview = rightView === "preview" || rightView === "editor-preview";
         const exportText = rightView === "editor-preview" ? prepareEditorTextForPreview(sourceTextEl.value) : latestResponseMarkdown;
         const canExportPdf = rightPaneShowsPreview && Boolean(String(exportText || "").trim());
         if (exportPdfBtn) {
           exportPdfBtn.disabled = uiBusy || pdfExportInProgress || !canExportPdf;
-          if (rightView === "markdown") {
+          if (rightView === "thinking") {
+            exportPdfBtn.title = "Thinking view does not support PDF export yet.";
+          } else if (rightView === "markdown") {
             exportPdfBtn.title = "Switch right pane to Response (Preview) or Editor (Preview) to export PDF.";
           } else if (!canExportPdf) {
             exportPdfBtn.title = "Nothing to export yet.";
@@ -4609,7 +4742,11 @@ ${cssVarsBlock}
       }
 
       function setRightView(nextView) {
-        rightView = nextView === "preview" ? "preview" : (nextView === "editor-preview" ? "editor-preview" : "markdown");
+        rightView = nextView === "preview"
+          ? "preview"
+          : (nextView === "editor-preview"
+            ? "editor-preview"
+            : (nextView === "thinking" ? "thinking" : "markdown"));
         rightViewSelect.value = rightView;
 
         if (rightView !== "editor-preview" && responseEditorPreviewTimer) {
@@ -5286,18 +5423,20 @@ ${cssVarsBlock}
         return lower.indexOf("## critiques") !== -1 && lower.indexOf("## document") !== -1;
       }
 
-      function handleIncomingResponse(markdown, kind, timestamp) {
+      function handleIncomingResponse(markdown, kind, timestamp, thinking) {
         const responseTimestamp =
           typeof timestamp === "number" && Number.isFinite(timestamp) && timestamp > 0
             ? timestamp
             : Date.now();
 
         latestResponseMarkdown = markdown;
+        latestResponseThinking = typeof thinking === "string" ? thinking : "";
         latestResponseKind = kind === "critique" ? "critique" : "annotation";
         latestResponseTimestamp = responseTimestamp;
         latestResponseIsStructuredCritique = isStructuredCritique(markdown);
         latestResponseHasContent = Boolean(markdown && markdown.trim());
         latestResponseNormalized = normalizeForCompare(markdown);
+        latestResponseThinkingNormalized = normalizeForCompare(latestResponseThinking);
 
         if (latestResponseIsStructuredCritique) {
           latestCritiqueNotes = buildCritiqueNotesMarkdown(markdown);
@@ -5313,7 +5452,7 @@ ${cssVarsBlock}
       function applyLatestPayload(payload) {
         if (!payload || typeof payload.markdown !== "string") return false;
         const responseKind = payload.kind === "critique" ? "critique" : "annotation";
-        handleIncomingResponse(payload.markdown, responseKind, payload.timestamp);
+        handleIncomingResponse(payload.markdown, responseKind, payload.timestamp, payload.thinking);
         return true;
       }
 
@@ -5332,7 +5471,9 @@ ${cssVarsBlock}
 
         debugTrace("server_message", summarizeServerMessage(message));
 
-        if (applyContextUsageFromMessage(message)) {
+        const contextChanged = applyContextUsageFromMessage(message);
+        const updateInfoChanged = applyUpdateInfoFromMessage(message);
+        if (contextChanged || updateInfoChanged) {
           updateFooterMeta();
         }
 
@@ -5410,7 +5551,7 @@ ${cssVarsBlock}
               message.lastResponse.kind === "critique"
                 ? "critique"
                 : (isStructuredCritique(lastMarkdown) ? "critique" : "annotation");
-            handleIncomingResponse(lastMarkdown, lastResponseKind, message.lastResponse.timestamp);
+            handleIncomingResponse(lastMarkdown, lastResponseKind, message.lastResponse.timestamp, message.lastResponse.thinking);
           }
 
           if (pendingRequestId) {
@@ -5507,7 +5648,7 @@ ${cssVarsBlock}
           }
 
           if (!appliedFromHistory && typeof message.markdown === "string") {
-            handleIncomingResponse(message.markdown, responseKind, message.timestamp);
+            handleIncomingResponse(message.markdown, responseKind, message.timestamp, message.thinking);
           }
 
           if (responseKind === "critique") {
@@ -5536,6 +5677,7 @@ ${cssVarsBlock}
             const payload = {
               kind: message.kind === "critique" ? "critique" : "annotation",
               markdown: message.markdown,
+              thinking: typeof message.thinking === "string" ? message.thinking : null,
               timestamp: message.timestamp,
             };
 
@@ -5621,6 +5763,35 @@ ${cssVarsBlock}
           return;
         }
 
+        if (message.type === "studio_document") {
+          const nextDoc = message.document;
+          if (!nextDoc || typeof nextDoc !== "object" || typeof nextDoc.text !== "string") {
+            return;
+          }
+
+          const nextSource =
+            nextDoc.source === "file" || nextDoc.source === "last-response"
+              ? nextDoc.source
+              : "blank";
+          const nextLabel = typeof nextDoc.label === "string" && nextDoc.label.trim()
+            ? nextDoc.label.trim()
+            : (nextSource === "file" ? "file" : "studio document");
+          const nextPath = typeof nextDoc.path === "string" && nextDoc.path.trim()
+            ? nextDoc.path
+            : null;
+
+          setEditorText(nextDoc.text, { preserveScroll: false, preserveSelection: false });
+          setSourceState({ source: nextSource, label: nextLabel, path: nextPath });
+          refreshResponseUi();
+          setStatus(
+            typeof message.message === "string" && message.message.trim()
+              ? message.message
+              : "Loaded document from terminal.",
+            "success",
+          );
+          return;
+        }
+
         if (message.type === "studio_state") {
           const busy = Boolean(message.busy);
           agentBusyFromServer = Boolean(message.agentBusy);
@@ -6097,6 +6268,17 @@ ${cssVarsBlock}
       });
 
       loadResponseBtn.addEventListener("click", () => {
+        if (rightView === "thinking") {
+          if (!latestResponseThinking.trim()) {
+            setStatus("No thinking available for the selected response.", "warning");
+            return;
+          }
+          setEditorText(latestResponseThinking, { preserveScroll: false, preserveSelection: false });
+          setSourceState({ source: "blank", label: "assistant thinking", path: null });
+          setStatus("Loaded thinking into editor.", "success");
+          return;
+        }
+
         if (!latestResponseMarkdown.trim()) {
           setStatus("No response available yet.", "warning");
           return;
@@ -6135,14 +6317,15 @@ ${cssVarsBlock}
       });
 
       copyResponseBtn.addEventListener("click", async () => {
-        if (!latestResponseMarkdown.trim()) {
-          setStatus("No response available yet.", "warning");
+        const content = rightView === "thinking" ? latestResponseThinking : latestResponseMarkdown;
+        if (!content.trim()) {
+          setStatus(rightView === "thinking" ? "No thinking available yet." : "No response available yet.", "warning");
           return;
         }
 
         try {
-          await navigator.clipboard.writeText(latestResponseMarkdown);
-          setStatus("Copied response text.", "success");
+          await navigator.clipboard.writeText(content);
+          setStatus(rightView === "thinking" ? "Copied thinking text." : "Copied response text.", "success");
         } catch (error) {
           setStatus("Clipboard write failed.", "warning");
         }
@@ -6487,6 +6670,8 @@ export default function (pi: ExtensionAPI) {
 	let updateCheckStarted = false;
 	let updateCheckCompleted = false;
 	const packageMetadata = readLocalPackageMetadata();
+	const installedPackageVersion = packageMetadata?.version ?? null;
+	let updateAvailableLatestVersion: string | null = null;
 
 	const isStudioBusy = () => agentBusy || activeRequest !== null || compactInProgress;
 
@@ -6558,6 +6743,7 @@ export default function (pi: ExtensionAPI) {
 		}
 		lastStudioResponse = {
 			markdown: latest.markdown,
+			thinking: latest.thinking,
 			timestamp: latest.timestamp,
 			kind: latest.kind,
 		};
@@ -6579,10 +6765,14 @@ export default function (pi: ExtensionAPI) {
 			const latest = await fetchLatestNpmVersion(metadata.name, UPDATE_CHECK_TIMEOUT_MS);
 			if (!latest) return;
 			if (!isVersionBehind(metadata.version, latest)) return;
-			ctx.ui.notify(
-				`Update available for ${metadata.name}: ${metadata.version} → ${latest}. Run: pi install npm:${metadata.name}`,
-				"info",
-			);
+
+			updateAvailableLatestVersion = latest;
+			broadcastState();
+
+			const notification =
+				`Update available for ${metadata.name}: ${metadata.version} → ${latest}. Run: pi install npm:${metadata.name}`;
+			ctx.ui.notify(notification, "info");
+			broadcast({ type: "info", message: notification, level: "info" });
 		} finally {
 			updateCheckCompleted = true;
 		}
@@ -6689,6 +6879,8 @@ export default function (pi: ExtensionAPI) {
 			contextTokens: contextUsageSnapshot.tokens,
 			contextWindow: contextUsageSnapshot.contextWindow,
 			contextPercent: contextUsageSnapshot.percent,
+			updateInstalledVersion: installedPackageVersion,
+			updateLatestVersion: updateAvailableLatestVersion,
 			compactInProgress,
 			activeRequestId: activeRequest?.id ?? compactRequestId ?? null,
 			activeRequestKind: activeRequest?.kind ?? (compactInProgress ? "compact" : null),
@@ -6793,6 +6985,8 @@ export default function (pi: ExtensionAPI) {
 				contextTokens: contextUsageSnapshot.tokens,
 				contextWindow: contextUsageSnapshot.contextWindow,
 				contextPercent: contextUsageSnapshot.percent,
+				updateInstalledVersion: installedPackageVersion,
+				updateLatestVersion: updateAvailableLatestVersion,
 				compactInProgress,
 				activeRequestId: activeRequest?.id ?? compactRequestId ?? null,
 				activeRequestKind: activeRequest?.kind ?? (compactInProgress ? "compact" : null),
@@ -6812,6 +7006,7 @@ export default function (pi: ExtensionAPI) {
 				type: "latest_response",
 				kind: lastStudioResponse.kind,
 				markdown: lastStudioResponse.markdown,
+				thinking: lastStudioResponse.thinking,
 				timestamp: lastStudioResponse.timestamp,
 				responseHistory: studioResponseHistory,
 			});
@@ -7424,7 +7619,7 @@ export default function (pi: ExtensionAPI) {
 
 		wsServer.on("connection", (ws) => {
 			clients.add(ws);
-			notifyStudio("Studio browser websocket connected.", "info");
+			emitDebugEvent("studio_ws_connected", { clients: clients.size });
 			broadcastState();
 
 			ws.on("message", (data) => {
@@ -7438,7 +7633,7 @@ export default function (pi: ExtensionAPI) {
 
 			ws.on("close", () => {
 				clients.delete(ws);
-				notifyStudio("Studio browser websocket disconnected.", "warning");
+				emitDebugEvent("studio_ws_disconnected", { clients: clients.size });
 			});
 
 			ws.on("error", () => {
@@ -7626,11 +7821,14 @@ export default function (pi: ExtensionAPI) {
 		const stopReason = typeof message.stopReason === "string" ? message.stopReason : "";
 		const role = typeof message.role === "string" ? message.role : "";
 		const markdown = extractAssistantText(event.message);
+		const thinking = extractAssistantThinking(event.message);
 		emitDebugEvent("message_end", {
 			role,
 			stopReason,
 			hasMarkdown: Boolean(markdown),
 			markdownLength: markdown ? markdown.length : 0,
+			hasThinking: Boolean(thinking),
+			thinkingLength: thinking ? thinking.length : 0,
 			activeRequestId: activeRequest?.id ?? null,
 			activeRequestKind: activeRequest?.kind ?? null,
 		});
@@ -7657,6 +7855,7 @@ export default function (pi: ExtensionAPI) {
 			const fallbackHistoryItem: StudioResponseHistoryItem = {
 				id: randomUUID(),
 				markdown,
+				thinking,
 				timestamp: Date.now(),
 				kind: inferStudioResponseKind(markdown),
 				prompt: fallbackPrompt,
@@ -7667,12 +7866,14 @@ export default function (pi: ExtensionAPI) {
 
 		const latestItem = studioResponseHistory[studioResponseHistory.length - 1];
 		const responseTimestamp = latestItem?.timestamp ?? Date.now();
+		const responseThinking = latestItem?.thinking ?? thinking ?? null;
 
 		if (activeRequest) {
 			const requestId = activeRequest.id;
 			const kind = activeRequest.kind;
 			lastStudioResponse = {
 				markdown,
+				thinking: responseThinking,
 				timestamp: responseTimestamp,
 				kind,
 			};
@@ -7680,6 +7881,7 @@ export default function (pi: ExtensionAPI) {
 				requestId,
 				kind,
 				markdownLength: markdown.length,
+				thinkingLength: responseThinking ? responseThinking.length : 0,
 				stopReason,
 			});
 			broadcast({
@@ -7687,6 +7889,7 @@ export default function (pi: ExtensionAPI) {
 				requestId,
 				kind,
 				markdown,
+				thinking: lastStudioResponse.thinking,
 				timestamp: lastStudioResponse.timestamp,
 				responseHistory: studioResponseHistory,
 			});
@@ -7698,18 +7901,21 @@ export default function (pi: ExtensionAPI) {
 		const inferredKind = inferStudioResponseKind(markdown);
 		lastStudioResponse = {
 			markdown,
+			thinking: responseThinking,
 			timestamp: responseTimestamp,
 			kind: inferredKind,
 		};
 		emitDebugEvent("broadcast_latest_response", {
 			kind: inferredKind,
 			markdownLength: markdown.length,
+			thinkingLength: responseThinking ? responseThinking.length : 0,
 			stopReason,
 		});
 		broadcast({
 			type: "latest_response",
 			kind: inferredKind,
 			markdown,
+			thinking: lastStudioResponse.thinking,
 			timestamp: lastStudioResponse.timestamp,
 			responseHistory: studioResponseHistory,
 		});
@@ -7771,7 +7977,8 @@ export default function (pi: ExtensionAPI) {
 						+ "  /studio --blank   Open with blank editor\n"
 						+ "  /studio --last    Open with last model response\n"
 						+ "  /studio --status  Show studio status\n"
-						+ "  /studio --stop    Stop studio server",
+						+ "  /studio --stop    Stop studio server\n"
+						+ "  /studio-current <path>  Load a file into currently open Studio tab(s)",
 					"info",
 				);
 				return;
@@ -7784,7 +7991,6 @@ export default function (pi: ExtensionAPI) {
 			syncStudioResponseHistory(ctx.sessionManager.getBranch());
 			broadcastState();
 			broadcastResponseHistory();
-			void maybeNotifyUpdateAvailable(ctx);
 			// Seed theme vars so first ping doesn't trigger a false update
 			try {
 				const currentStyle = getStudioThemeStyle(ctx.ui.theme);
@@ -7884,7 +8090,71 @@ export default function (pi: ExtensionAPI) {
 				ctx.ui.notify(`Studio URL: ${url}`, "info");
 			} catch (error) {
 				ctx.ui.notify(`Failed to open browser: ${error instanceof Error ? error.message : String(error)}`, "error");
+			} finally {
+				void maybeNotifyUpdateAvailable(ctx);
+			}
+		},
+	});
+
+	pi.registerCommand("studio-current", {
+		description: "Load a file into current open Studio tab(s) without opening a new browser session",
+		handler: async (args: string, ctx: ExtensionCommandContext) => {
+			const trimmed = args.trim();
+			if (!trimmed || trimmed === "help" || trimmed === "--help" || trimmed === "-h") {
+				ctx.ui.notify(
+					"Usage: /studio-current <path>\n"
+						+ "  Load a file into currently open Studio tab(s) without opening a new browser window.",
+					"info",
+				);
+				return;
+			}
+
+			const pathArg = parsePathArgument(trimmed);
+			if (!pathArg) {
+				ctx.ui.notify("Invalid file path argument.", "error");
+				return;
+			}
+
+			const file = readStudioFile(pathArg, ctx.cwd);
+			if (!file.ok) {
+				ctx.ui.notify(file.message, "error");
+				return;
+			}
+
+			if (!serverState || serverState.clients.size === 0) {
+				ctx.ui.notify("No open Studio tab is connected. Run /studio first.", "warning");
+				return;
+			}
+
+			await ctx.waitForIdle();
+			lastCommandCtx = ctx;
+			refreshRuntimeMetadata({ cwd: ctx.cwd, model: ctx.model });
+			refreshContextUsage(ctx);
+			syncStudioResponseHistory(ctx.sessionManager.getBranch());
+
+			const nextDoc: InitialStudioDocument = {
+				text: file.text,
+				label: file.label,
+				source: "file",
+				path: file.resolvedPath,
+			};
+			initialStudioDocument = nextDoc;
+
+			broadcastState();
+			broadcastResponseHistory();
+			broadcast({
+				type: "studio_document",
+				document: nextDoc,
+				message: `Loaded ${file.label} from terminal command.`,
+			});
+
+			if (file.text.length > 200_000) {
+				ctx.ui.notify(
+					"Loaded a large file into Studio. Critique requests currently reject documents over 200k characters.",
+					"warning",
+				);
 			}
+			ctx.ui.notify(`Loaded file into open Studio tab(s): ${file.label}`, "info");
 		},
 	});
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-studio",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "Browser GUI for structured critique workflows in pi",
   "type": "module",
   "license": "MIT",