@vincenthanxiaodu/pi-web 1.202608.37 → 1.202608.39

package/dist/client/index.html

@@ -123,7 +123,7 @@
       html, body { margin: 0; height: 100%; overflow: hidden; background: var(--pi-bg); color: var(--pi-text); }
       body { min-height: 100dvh; }
     </style>
-    <script type="module" crossorigin src="./assets/index-dBqwQ79B.js"></script>
+    <script type="module" crossorigin src="./assets/index-CCOS1IF6.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/vendor-editor-core-CXO8gGab.js">
     <link rel="modulepreload" crossorigin href="./assets/vendor-editor-languages-CpW4sJsX.js">
   </head>

package/dist/pi-web-plugins/git/browser/git-panel.js

@@ -1,4 +1,5 @@
 // Generated from pi-web-plugins/git/browser/git-panel.ts. Do not edit directly.
+import { gitSplitClass } from "./gitSplitLayout.js";
 import { GIT_DIFF_OPERATION, GIT_STATUS_OPERATION, parseGitDiffResponse, parseGitStatusResponse, } from "./git-contract.js";
 import { buildGitFileList } from "./gitFileList.js";
 import { buildGitFileTree, collectGitFileTreeDirectoryPaths } from "./gitFileTree.js";
@@ -348,7 +349,7 @@ function renderGitPanel(html, controller, context) {
         </div>
       </section>
       ${state.error === undefined ? null : html `<div class="git-error" role="alert">${state.error}</div>`}
-      <section class="git-split">
+      <section class=${gitSplitClass(state.selectedDiffPath)}>
         <div class="git-file-list">${renderFileList(html, controller, context, state, viewState)}</div>
         <div class="git-viewer">${renderDiffViewer(html, state)}</div>
       </section>
@@ -579,6 +580,10 @@ const gitPanelStyles = `
   .git-panel .git-stale { border: 1px solid var(--pi-warning-border); border-radius: 999px; color: var(--pi-warning); padding: 1px 6px; font-size: 12px; }
   .git-panel .git-error { flex: 0 0 auto; margin: 8px; border: 1px solid var(--pi-danger); border-radius: 7px; color: var(--pi-danger); padding: 8px; }
   .git-panel .git-split { flex: 1 1 auto; min-height: 0; display: grid; grid-template-rows: minmax(160px, 34%) minmax(0, 1fr); }
+  /* With nothing selected there is no diff to show, so the list takes the
+     panel rather than sitting above an empty pane. */
+  .git-panel .git-split.list-only { grid-template-rows: minmax(0, 1fr) 0; }
+  .git-panel .git-split.list-only .git-viewer { display: none; }
   .git-panel .git-file-list { min-height: 0; overflow: auto; border-bottom: 1px solid var(--pi-border); padding: 6px; }
   .git-panel .git-row { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 4px; width: 100%; border: 0; border-radius: 5px; background: transparent; text-align: left; padding: 4px 6px 4px calc(6px + var(--depth, 0) * 14px); }
   .git-panel .git-row:hover, .git-panel .git-row.is-selected { background: var(--pi-selection-bg); }

package/dist/pi-web-plugins/git/browser/gitSplitLayout.js

@@ -0,0 +1,12 @@
+// Generated from pi-web-plugins/git/browser/gitSplitLayout.ts. Do not edit directly.
+/**
+ * Which panes the git panel's split should show.
+ *
+ * The split gave the file list a third of the height and the diff viewer the
+ * rest, at every size. With nothing selected there is no second pane to show,
+ * so that left a short list above a large empty area - two stretches of empty
+ * space stacked on top of each other, most visible on a phone.
+ */
+export function gitSplitClass(selectedDiffPath) {
+    return selectedDiffPath === undefined ? "git-split list-only" : "git-split";
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vincenthanxiaodu/pi-web",
-  "version": "1.202608.37",
+  "version": "1.202608.39",
   "description": "Web UI for persistent Pi Coding Agent sessions in real workspaces.",
   "license": "MIT",
   "author": "Federico Jaramillo Martinez",