pi-studio 0.9.57 → 0.9.58

package/client/studio.css

@@ -362,6 +362,55 @@
       user-select: none;
     }
 
+    body[data-studio-layout="editor-top"] main,
+    body[data-studio-layout="response-top"] main {
+      grid-template-columns: minmax(0, 1fr);
+      gap: 0;
+    }
+
+    body[data-studio-layout="editor-top"] main {
+      grid-template-rows: minmax(140px, var(--studio-left-pane-fr, 1fr)) 10px minmax(140px, var(--studio-right-pane-fr, 1fr));
+    }
+
+    body[data-studio-layout="response-top"] main {
+      grid-template-rows: minmax(140px, var(--studio-right-pane-fr, 1fr)) 10px minmax(140px, var(--studio-left-pane-fr, 1fr));
+    }
+
+    body[data-studio-layout="editor-top"] .pane-resize-handle,
+    body[data-studio-layout="response-top"] .pane-resize-handle {
+      display: block;
+      align-self: stretch;
+      min-width: 0;
+      min-height: 10px;
+      cursor: row-resize;
+    }
+
+    body[data-studio-layout="editor-top"] .pane-resize-handle::before,
+    body[data-studio-layout="response-top"] .pane-resize-handle::before {
+      top: 50%;
+      right: 8px;
+      bottom: auto;
+      left: 8px;
+      width: auto;
+      height: 2px;
+      transform: translateY(-50%);
+    }
+
+    body[data-studio-layout="editor-top"] .pane-resize-handle:hover::before,
+    body[data-studio-layout="editor-top"] .pane-resize-handle:focus-visible::before,
+    body[data-studio-layout="editor-top"].pane-resizing .pane-resize-handle::before,
+    body[data-studio-layout="response-top"] .pane-resize-handle:hover::before,
+    body[data-studio-layout="response-top"] .pane-resize-handle:focus-visible::before,
+    body[data-studio-layout="response-top"].pane-resizing .pane-resize-handle::before {
+      width: auto;
+      height: 3px;
+    }
+
+    body[data-studio-layout="editor-top"].pane-resizing,
+    body[data-studio-layout="response-top"].pane-resizing {
+      cursor: row-resize;
+    }
+
     section {
       border: 1px solid var(--panel-border);
       border-radius: 10px;
@@ -387,6 +436,13 @@
       gap: 12px;
     }
 
+    body[data-studio-layout="editor-top"].pane-focus-left main,
+    body[data-studio-layout="editor-top"].pane-focus-right main,
+    body[data-studio-layout="response-top"].pane-focus-left main,
+    body[data-studio-layout="response-top"].pane-focus-right main {
+      grid-template-rows: minmax(0, 1fr);
+    }
+
     body.pane-focus-left #rightPane,
     body.pane-focus-right #leftPane,
     body.pane-focus-left #paneResizeHandle,
@@ -4579,6 +4635,107 @@
       background: var(--error-soft);
     }
 
+    .repl-quick-composer {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      padding: 10px;
+      border: 1px solid var(--panel-border);
+      border-radius: 8px;
+      background: color-mix(in srgb, var(--panel-2) 58%, var(--panel));
+    }
+
+    .repl-quick-header,
+    .repl-quick-actions {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 10px;
+    }
+
+    .repl-quick-header > div,
+    .repl-quick-actions > div {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      min-width: 0;
+    }
+
+    .repl-quick-target {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      max-width: min(48vw, 460px);
+      min-height: 0;
+      margin-left: 5px;
+      padding: 2px 4px;
+      overflow: hidden;
+      border-color: transparent;
+      border-radius: 5px;
+      background: transparent;
+      color: var(--muted);
+      font-family: var(--font-mono);
+      font-size: 11px;
+      line-height: 1.25;
+      vertical-align: bottom;
+      white-space: nowrap;
+    }
+
+    .repl-quick-target:not(:disabled):hover,
+    .repl-quick-target:focus-visible {
+      border-color: transparent;
+      background: var(--studio-header-action-hover-bg, var(--panel-2));
+      color: var(--text);
+    }
+
+    .repl-quick-target-label {
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+
+    .repl-quick-target-arrow {
+      flex: 0 0 auto;
+      color: var(--studio-info-text, var(--muted));
+      font-family: var(--font-ui);
+      font-size: 10px;
+      font-weight: 700;
+    }
+
+    .repl-quick-hint,
+    .repl-quick-actions > span {
+      color: var(--muted);
+      font-size: 11px;
+    }
+
+    .repl-quick-composer textarea {
+      box-sizing: border-box;
+      min-height: 72px;
+      max-height: 260px;
+      margin: 0;
+      resize: vertical;
+    }
+
+    .repl-quick-composer textarea:focus-visible {
+      border-color: color-mix(in srgb, var(--accent) 65%, var(--control-border));
+      outline: 2px solid color-mix(in srgb, var(--accent) 28%, transparent);
+      outline-offset: 1px;
+    }
+
+    .repl-quick-actions {
+      align-items: flex-end;
+    }
+
+    .repl-quick-actions > span {
+      line-height: 1.35;
+    }
+
+    .repl-quick-send-btn {
+      border-color: color-mix(in srgb, var(--accent) 58%, var(--control-border));
+      background: color-mix(in srgb, var(--accent) 14%, var(--panel));
+      color: var(--text);
+    }
+
     .repl-journal,
     .repl-mirror {
       border: 1px solid var(--panel-border);
@@ -5726,6 +5883,20 @@
       .pane-resize-handle {
         display: none;
       }
+
+      .repl-quick-header,
+      .repl-quick-actions {
+        align-items: stretch;
+        flex-direction: column;
+      }
+
+      .repl-quick-target {
+        max-width: 66vw;
+      }
+
+      .repl-quick-actions > div {
+        align-self: flex-end;
+      }
     }
 
     /* Default Studio layout. The legacy classic layout remains available only via ?uiRefresh=0. */

package/index.ts

@@ -11530,10 +11530,11 @@ function stripStudioReplSubmissionEcho(output: string): string {
 	let value = String(output || "").replace(/^\s+/, "");
 	// The raw tmux mirror should stay raw, but Studio/tool result output should not
 	// expose the temp-file wrapper used to submit multiline snippets safely. The
-	// The root fragment catches both legacy long Studio paths and compact private
-	// control paths when IPython wraps them across continuation prompt lines.
+	// root fragment catches both legacy long Studio paths and compact private
+	// control paths. Match the Python wrapper by its final double close rather
+	// than the word `globals`, which IPython may split across continuation lines.
 	const submissionEchoPatterns = [
-		/^.*exec\(open\([\s\S]*?(?:pi-studio-re|pi-rc-)[\s\S]*?globals\(\)\)\s*$/gm,
+		/^.*exec\(open\([\s\S]*?(?:pi-studio-re|pi-rc-)[\s\S]*?\)\)\s*$/gm,
 		/^.*include\([\s\S]*?(?:pi-studio-re|pi-rc-)[\s\S]*?\.jl"\)\s*$/gm,
 		/^.*source\([\s\S]*?(?:pi-studio-re|pi-rc-)[\s\S]*?local\s*=\s*\.GlobalEnv\)\s*$/gm,
 		/^.*:script\s+[\s\S]*?(?:pi-studio-re|pi-rc-)[\s\S]*?\.ghci"?\s*$/gm,
@@ -12508,6 +12509,15 @@ ${cssVarsBlock}
                 <option value="off">Line numbers: Off</option>
                 <option value="on" selected>Line numbers: On</option>
               </select>
+              <select id="studioPaneLayoutSelect" class="studio-flat-select" aria-label="Studio pane layout" title="Choose whether the two main panes sit side by side or in a vertical stack.">
+                <option value="side-by-side">Layout: Side by side</option>
+                <option value="editor-top">Layout: Editor above</option>
+                <option value="response-top">Layout: Response above</option>
+              </select>
+              <select id="activityTrackingSelect" class="studio-flat-select" aria-label="Follow main Pi activity" title="Optionally follow main Pi activity from Working to the response view; off by default.">
+                <option value="off">Follow activity: Off</option>
+                <option value="on">Follow activity: On</option>
+              </select>
               <select id="editorFontSizeSelect" class="studio-flat-select" aria-label="Editor text size" title="Adjust raw editor text size.">
                 <option value="10">Editor text: 10px</option>
                 <option value="11">Editor text: 11px</option>
@@ -12607,7 +12617,7 @@ ${cssVarsBlock}
       <div id="rightSectionHeader" class="section-header">
         <div class="section-header-main">
           <span id="rightViewSelectWrap" class="studio-header-select-wrap">
-            <select id="rightViewSelect" aria-label="Response view mode" title="Right pane view mode. F7 cycles when the right pane is active; Cmd/Ctrl+Alt+1–8 switches directly between all right-pane views. Cmd/Ctrl+Alt+P/E/W/F/Q keep mnemonic shortcuts for Preview, Editor Preview, Working, Files, and Side questions.">
+            <select id="rightViewSelect" aria-label="Response view mode" title="Right pane view mode. F7 cycles when the right pane is active; Cmd/Ctrl+Alt+1–8 switches directly between all right-pane views. Cmd/Ctrl+Alt+P/E/W/F/R/Q keep mnemonic shortcuts for Preview, Editor Preview, Working, Files, REPL, and Side questions.">
               <option value="markdown">Response (Raw)</option>
               <option value="preview" selected>Response (Preview)</option>
               <option value="editor-preview">Editor (Preview)</option>
@@ -12725,6 +12735,7 @@ ${cssVarsBlock}
             <div><dt>Cmd/Ctrl+Alt+E</dt><dd>Switch the right pane directly to Editor Preview</dd></div>
             <div><dt>Cmd/Ctrl+Alt+W</dt><dd>Switch the right pane directly to Working</dd></div>
             <div><dt>Cmd/Ctrl+Alt+F</dt><dd>Switch the right pane directly to Files</dd></div>
+            <div><dt>Cmd/Ctrl+Alt+R</dt><dd>Switch the right pane directly to REPL and focus Quick send when a session is selected</dd></div>
             <div><dt>Cmd/Ctrl+Alt+Q</dt><dd>Switch the right pane directly to Side questions</dd></div>
             <div><dt>F8</dt><dd>Focus editor text</dd></div>
             <div><dt>Shift+F8</dt><dd>Focus right-pane content</dd></div>
@@ -12740,7 +12751,7 @@ ${cssVarsBlock}
             <div><dt>Alt/Option+=</dt><dd>Increase the active pane's text size when not editing text</dd></div>
             <div><dt>Alt/Option+-</dt><dd>Decrease the active pane's text size when not editing text</dd></div>
             <div><dt>Alt/Option+0</dt><dd>Reset the active pane's text size when not editing text</dd></div>
-            <div><dt>Cmd/Ctrl+Alt+R</dt><dd>Refresh the focused or visible PDF preview from disk</dd></div>
+            <div><dt>Cmd/Ctrl+Alt+Shift+R</dt><dd>Refresh the focused or visible PDF preview from disk</dd></div>
           </dl>
         </section>
         <section class="shortcuts-group">
@@ -12772,6 +12783,7 @@ ${cssVarsBlock}
         <section class="shortcuts-group">
           <h3>REPL</h3>
           <dl>
+            <div><dt>Cmd/Ctrl+Enter</dt><dd>Send exact Quick send text while its REPL composer is focused; Enter adds a new line</dd></div>
             <div><dt>Cmd/Ctrl+Shift+Enter</dt><dd>Send selection, chunks, or editor text to the active REPL when the right pane is REPL</dd></div>
           </dl>
         </section>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-studio",
-  "version": "0.9.57",
+  "version": "0.9.58",
   "description": "Two-pane browser workspace for pi with prompt/response editing, annotations, critiques, active quiz, prompt/response history, live previews, and tmux-backed REPL/literate REPL workflows",
   "type": "module",
   "license": "MIT",