npm - @firstpick/pi-package-webui - Versions diffs - 0.3.6 → 0.3.8 - Mend

@firstpick/pi-package-webui 0.3.6 → 0.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/README.md +2 -1
package/WEBUI_TUI_NATIVE_PARITY.json +22 -22
package/bin/pi-webui.mjs +452 -110
package/images/WebUI_v0.3.7.png +0 -0
package/index.ts +15 -4
package/lib/auth-actions.mjs +81 -0
package/lib/native-command-adapter.mjs +220 -0
package/lib/session-actions.mjs +134 -0
package/lib/temp-artifacts.mjs +34 -0
package/lib/trust-boundaries.mjs +141 -0
package/package.json +8 -4
package/public/app.js +1278 -99
package/public/index.html +22 -4
package/public/service-worker.js +23 -9
package/public/styles.css +454 -0
package/start-webui.sh +6 -5
package/tests/fixtures/fake-pi.mjs +73 -0
package/tests/http-endpoints-harness.test.mjs +146 -0
package/tests/mobile-static.test.mjs +66 -21
package/tests/native-parity-harness.test.mjs +147 -0
package/tests/native-parity.test.mjs +25 -6
package/tests/run-all.mjs +19 -0
package/tests/session-auth-harness.test.mjs +140 -0
package/tests/temp-artifacts-harness.test.mjs +38 -0

package/public/index.html CHANGED Viewed

@@ -12,7 +12,7 @@
     <link rel="manifest" href="/manifest.webmanifest" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
-    <link rel="stylesheet" href="/styles.css?v=39" />
+    <link rel="stylesheet" href="/styles.css?v=43" />
   </head>
   <body>
     <button id="sidePanelExpandButton" class="side-panel-expand-button" type="button" aria-controls="sidePanel" aria-expanded="false" aria-label="Expand side panel" title="Expand side panel">
@@ -144,8 +144,8 @@
                 type="button"
                 hidden
                 title="Guided Git workflow"
-                aria-label="Start guided Git workflow: git add dot, run git-staged-msg, preview messages, commit short or long, then git push. Cancel is available at each step."
-                data-tooltip="GitHub workflow:&#10;1. Run git add .&#10;2. Run /git-staged-msg&#10;3. Preview short + long messages&#10;4. Commit with short or long message&#10;5. Run git push&#10;Cancel is available at each step."
+                aria-label="Start guided Git workflow: stage all changes, generate and preview staged commit messages, optionally create a PR branch, commit short or long, then push or create a pull request. Cancel is available at each step."
+                data-tooltip="Guided Git workflow:&#10;1. Stage all changes with git add .&#10;2. Generate and preview staged commit messages.&#10;3. Optional: create or type a PR branch before committing.&#10;4. Commit with the short or long message.&#10;5. Push normally, or push the PR branch, generate/review /pr, and create the PR.&#10;Cancel is available at each step."
               ><svg class="composer-icon composer-icon-github" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg></button>
               <div class="composer-publish-menu" hidden>
                 <button
@@ -495,6 +495,24 @@
       </form>
     </dialog>
+    <dialog id="gitChangesDialog" class="extension-dialog git-changes-dialog">
+      <form method="dialog">
+        <div class="git-changes-header">
+          <div>
+            <span class="git-changes-kicker">Git diff</span>
+            <h2 id="gitChangesTitle">Uncommitted Changes</h2>
+            <p id="gitChangesSubtitle" class="muted">Current tab git diff</p>
+          </div>
+          <button id="gitChangesRefreshButton" type="button">Refresh</button>
+        </div>
+        <p id="gitChangesStatus" class="git-changes-status muted" role="status" aria-live="polite"></p>
+        <div id="gitChangesBody" class="git-changes-body"></div>
+        <menu>
+          <button id="gitChangesCloseButton" type="button">Close</button>
+        </menu>
+      </form>
+    </dialog>
     <dialog id="pathPickerDialog" class="extension-dialog path-picker-dialog">
       <form method="dialog">
         <h2 id="pathPickerTitle">Choose working directory</h2>
@@ -598,6 +616,6 @@
       </form>
     </dialog>
-    <script type="module" src="/app.js?v=38"></script>
+    <script type="module" src="/app.js?v=43"></script>
   </body>
 </html>

package/public/service-worker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-const CACHE_NAME = "pi-webui-pwa-v25";
+const CACHE_NAME = "pi-webui-pwa-v26";
 const APP_SHELL = [
   "/",
   "/index.html",
@@ -37,6 +37,26 @@ self.addEventListener("notificationclick", (event) => {
   );
 });
+// Network-first keeps the app shell fresh after deploys regardless of
+// CACHE_NAME or ?v= cache-buster drift; the cache only serves offline clients.
+function fetchThenCache(request) {
+  return fetch(request).then((response) => {
+    if (response.ok) {
+      const copy = response.clone();
+      caches.open(CACHE_NAME).then((cache) => cache.put(request, copy));
+    }
+    return response;
+  });
+}
+// ignoreSearch lets precached bare paths satisfy ?v= cache-busted requests offline.
+function cachedAppShell(request, fallbackPath) {
+  return caches.match(request, { ignoreSearch: true }).then((cached) => {
+    if (cached || !fallbackPath) return cached;
+    return caches.match(fallbackPath, { ignoreSearch: true });
+  });
+}
 self.addEventListener("fetch", (event) => {
   const { request } = event;
   if (request.method !== "GET") return;
@@ -45,16 +65,10 @@ self.addEventListener("fetch", (event) => {
   if (url.origin !== self.location.origin || url.pathname.startsWith("/api/")) return;
   if (request.mode === "navigate") {
-    event.respondWith(fetch(request).catch(() => caches.match("/index.html")));
+    event.respondWith(fetchThenCache(request).catch(() => cachedAppShell(request, "/index.html")));
     return;
   }
   if (!APP_SHELL.includes(url.pathname)) return;
-  event.respondWith(
-    caches.match(request).then((cached) => cached || fetch(request).then((response) => {
-      const copy = response.clone();
-      caches.open(CACHE_NAME).then((cache) => cache.put(request, copy));
-      return response;
-    })),
-  );
+  event.respondWith(fetchThenCache(request).catch(() => cachedAppShell(request)));
 });

package/public/styles.css CHANGED Viewed

@@ -1878,6 +1878,7 @@ button.footer-tui-item {
   padding: 0.28rem 0.52rem;
   border-radius: 0.7rem;
 }
+button.footer-metric,
 button.footer-meta {
   appearance: none;
   color: inherit;
@@ -1885,18 +1886,26 @@ button.footer-meta {
   text-align: left;
   cursor: pointer;
 }
+.footer-metric-action,
 .footer-meta-action {
   position: relative;
   border-color: rgba(148, 226, 213, 0.26);
   box-shadow: inset 0 1px 0 rgba(255,255,255,0.045), inset 0 0 0 1px rgba(148, 226, 213, 0.055), 0 0.45rem 1rem rgba(0, 0, 0, 0.10);
   transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
 }
+.footer-metric-action:hover,
+.footer-metric-action:focus-visible,
 .footer-meta-action:hover,
 .footer-meta-action:focus-visible {
   border-color: rgba(166, 227, 161, 0.46);
   box-shadow: inset 0 1px 0 rgba(255,255,255,0.055), 0 0 1rem rgba(166, 227, 161, 0.16);
   outline: none;
 }
+.footer-metric-action[aria-busy="true"],
+.footer-meta-action[aria-busy="true"] {
+  cursor: progress;
+  opacity: 0.9;
+}
 .footer-workspace.footer-meta-action .footer-meta-value {
   color: var(--ctp-green);
 }
@@ -1950,6 +1959,9 @@ button.footer-meta {
 .footer-thinking.footer-meta-action {
   border-color: rgba(203, 166, 247, 0.24);
 }
+.footer-branch.footer-meta-action {
+  border-color: rgba(245, 194, 231, 0.24);
+}
 .footer-model-picker {
   position: absolute;
   left: var(--footer-model-picker-left, auto);
@@ -1996,6 +2008,22 @@ button.footer-meta {
 .footer-model-picker-empty strong {
   color: var(--ctp-yellow);
 }
+.footer-model-picker-empty.error {
+  border-color: rgba(243, 139, 168, 0.24);
+}
+.footer-model-picker-empty.error strong {
+  color: var(--ctp-red);
+}
+.footer-branch-picker {
+  width: min(28rem, calc(100vw - 2rem));
+  border-color: rgba(245, 194, 231, 0.30);
+  background:
+    radial-gradient(circle at 8% 0%, rgba(245, 194, 231, 0.12), transparent 12rem),
+    linear-gradient(145deg, rgba(var(--ctp-crust-rgb), 0.98), rgba(var(--ctp-base-rgb), 0.96));
+}
+.footer-branch-picker .footer-model-picker-title {
+  color: var(--ctp-pink);
+}
 .footer-model-option {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
@@ -2009,6 +2037,21 @@ button.footer-meta {
   border-color: rgba(166, 227, 161, 0.46);
   box-shadow: inset 3px 0 0 var(--ctp-green), 0 0 1rem rgba(166, 227, 161, 0.14);
 }
+.footer-branch-option.active {
+  border-color: rgba(245, 194, 231, 0.36);
+  box-shadow: inset 3px 0 0 var(--ctp-pink), 0 0 1rem rgba(245, 194, 231, 0.12);
+}
+.footer-branch-option:disabled {
+  cursor: default;
+  opacity: 0.78;
+}
+.footer-branch-create-option {
+  border-color: rgba(166, 227, 161, 0.34);
+  box-shadow: inset 3px 0 0 var(--ctp-green), 0 0 1rem rgba(166, 227, 161, 0.10);
+}
+.footer-branch-create-option .footer-model-option-main {
+  color: var(--ctp-green);
+}
 .footer-model-option-main,
 .footer-model-option-name {
   min-width: 0;
@@ -2032,6 +2075,32 @@ button.footer-meta {
   border-color: rgba(249, 226, 175, 0.36);
   background: transparent;
 }
+.footer-changes-with-files {
+  position: relative;
+  cursor: default;
+}
+.footer-changes-with-files:hover,
+.footer-changes-with-files:focus,
+.footer-changes-with-files:focus-within {
+  z-index: 50;
+}
+.footer-changes-with-files:focus-visible {
+  outline: 1px solid rgba(249, 226, 175, 0.48);
+  outline-offset: 2px;
+}
+.footer-changes-with-files::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 100%;
+  display: none;
+  height: 0.62rem;
+}
+.footer-changes-with-files:hover::after,
+.footer-changes-with-files:focus-within::after {
+  display: block;
+}
 .footer-changes .footer-meta-label {
   color: rgba(249, 226, 175, 0.88);
   text-shadow: 0 0 0.52rem rgba(249, 226, 175, 0.20);
@@ -2042,6 +2111,82 @@ button.footer-meta {
   letter-spacing: 0.01em;
   text-shadow: 0 0 0.72rem rgba(249, 226, 175, 0.28);
 }
+.footer-changed-files-popover {
+  position: absolute;
+  left: 0;
+  bottom: calc(100% + 0.48rem);
+  z-index: 60;
+  display: none;
+  gap: 0.44rem;
+  width: min(32rem, calc(100vw - 2rem));
+  max-height: min(42dvh, 28rem);
+  overflow: auto;
+  padding: 0.68rem;
+  border: 1px solid rgba(249, 226, 175, 0.32);
+  border-radius: 0.85rem;
+  background:
+    radial-gradient(circle at 8% 0%, rgba(249, 226, 175, 0.13), transparent 12rem),
+    linear-gradient(145deg, rgba(var(--ctp-crust-rgb), 0.98), rgba(var(--ctp-base-rgb), 0.96));
+  box-shadow: 0 1rem 2.4rem rgba(var(--ctp-crust-rgb), 0.64), 0 0 1.2rem rgba(249, 226, 175, 0.12), inset 0 1px 0 rgba(255,255,255,0.055);
+}
+.footer-changes-with-files:hover .footer-changed-files-popover,
+.footer-changes-with-files:focus .footer-changed-files-popover,
+.footer-changes-with-files:focus-within .footer-changed-files-popover {
+  display: grid;
+}
+.footer-changed-files-title,
+.footer-changed-files-heading {
+  color: var(--ctp-yellow);
+  font-size: 0.7rem;
+  font-weight: 950;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+.footer-changed-files-group {
+  display: grid;
+  gap: 0.28rem;
+}
+.footer-changed-files-list {
+  display: grid;
+  gap: 0.22rem;
+}
+.footer-changed-file {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: center;
+  gap: 0.42rem;
+  width: 100%;
+  padding: 0.34rem 0.45rem;
+  border: 1px solid rgba(180, 190, 254, 0.15);
+  border-radius: 0.52rem;
+  color: rgba(var(--ctp-text-rgb), 0.92);
+  background: rgba(var(--ctp-crust-rgb), 0.42);
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.footer-changed-file:hover,
+.footer-changed-file:focus-visible {
+  border-color: rgba(249, 226, 175, 0.44);
+  background: rgba(249, 226, 175, 0.10);
+  outline: none;
+}
+.footer-changed-file-status {
+  color: rgba(var(--ctp-subtext-rgb), 0.72);
+  font-weight: 950;
+}
+.footer-changed-file-path {
+  min-width: 0;
+  overflow: hidden;
+  color: rgba(var(--ctp-text-rgb), 0.94);
+  font-weight: 760;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.footer-changed-file.modified .footer-changed-file-status { color: var(--ctp-yellow); }
+.footer-changed-file.staged .footer-changed-file-status { color: var(--ctp-green); }
+.footer-changed-file.untracked .footer-changed-file-status { color: var(--ctp-blue); }
+.footer-changed-file.conflicted .footer-changed-file-status { color: var(--ctp-red); }
 .footer-git-extra {
   border-color: rgba(137, 180, 250, 0.34);
   background: transparent;
@@ -2066,6 +2211,284 @@ button.footer-meta {
 .tone-green .footer-metric-icon { background: linear-gradient(135deg, var(--ctp-green), var(--ctp-teal)); }
 .tone-teal .footer-metric-icon { background: linear-gradient(135deg, var(--ctp-teal), var(--ctp-sky)); }
+.extension-dialog.git-changes-dialog {
+  --git-changes-dialog-size: min(96rem, calc(100vw - 1.5rem), calc(var(--visual-viewport-height, 100dvh) - 1.5rem));
+  width: var(--git-changes-dialog-size);
+  height: var(--git-changes-dialog-size);
+  max-width: var(--git-changes-dialog-size);
+  max-height: var(--git-changes-dialog-size);
+  aspect-ratio: 1 / 1;
+  overflow: hidden;
+}
+.git-changes-dialog form {
+  display: grid;
+  grid-template-rows: auto auto minmax(0, 1fr) auto;
+  gap: 0.72rem;
+  height: 100%;
+  min-height: 0;
+  max-height: none;
+}
+.git-changes-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.git-changes-header > div:first-child {
+  min-width: 0;
+}
+.git-changes-kicker {
+  display: block;
+  color: var(--ctp-yellow);
+  font-size: 0.72rem;
+  font-weight: 950;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+  text-shadow: 0 0 0.9rem rgba(249, 226, 175, 0.28);
+}
+.git-changes-dialog h2 {
+  margin: 0.1rem 0 0;
+  color: var(--ctp-text);
+}
+.git-changes-dialog p {
+  margin: 0.22rem 0 0;
+}
+.git-changes-status.error,
+.git-changes-empty.error {
+  color: var(--ctp-red);
+}
+.git-changes-empty.success {
+  color: var(--ctp-green);
+}
+.git-changes-body {
+  display: grid;
+  gap: 0.82rem;
+  min-height: min(32rem, 52dvh);
+  overflow: auto;
+  padding: 0.72rem;
+  border: 1px solid rgba(180, 190, 254, 0.18);
+  border-radius: 0.95rem;
+  background:
+    radial-gradient(circle at 12% 0%, rgba(249, 226, 175, 0.08), transparent 20rem),
+    linear-gradient(145deg, rgba(var(--ctp-crust-rgb), 0.72), rgba(var(--ctp-base-rgb), 0.58));
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
+}
+.git-current-file-header {
+  position: sticky;
+  top: -0.72rem;
+  z-index: 8;
+  display: flex;
+  align-items: center;
+  gap: 0.58rem;
+  min-width: 0;
+  margin: 0 -0.72rem;
+  padding: 0.48rem 0.72rem;
+  border-top: 1px solid rgba(180, 190, 254, 0.12);
+  border-bottom: 1px solid rgba(180, 190, 254, 0.18);
+  background: rgba(var(--ctp-crust-rgb), 0.94);
+  box-shadow: 0 0.55rem 1rem rgba(var(--ctp-crust-rgb), 0.36), inset 0 1px 0 rgba(255,255,255,0.04);
+  backdrop-filter: blur(12px) saturate(140%);
+}
+.git-current-file-label {
+  flex: 0 0 auto;
+  color: rgba(var(--ctp-subtext-rgb), 0.68);
+  font-size: 0.62rem;
+  font-weight: 950;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+.git-current-file-name {
+  min-width: 0;
+  overflow: hidden;
+  color: var(--ctp-yellow);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+  font-weight: 900;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.git-changes-empty {
+  display: grid;
+  place-items: center;
+  min-height: 10rem;
+  padding: 1rem;
+  color: rgba(var(--ctp-subtext-rgb), 0.76);
+  font-weight: 800;
+  text-align: center;
+}
+.git-changes-overview {
+  display: grid;
+  grid-template-columns: repeat(5, minmax(7rem, 1fr));
+  gap: 0.5rem;
+}
+.git-changes-chip {
+  min-width: 0;
+  padding: 0.48rem 0.58rem;
+  border: 1px solid rgba(180, 190, 254, 0.18);
+  border-radius: 0.72rem;
+  background: rgba(var(--ctp-crust-rgb), 0.42);
+}
+.git-changes-chip.wide {
+  grid-column: span 2;
+}
+.git-changes-chip-label {
+  display: block;
+  color: rgba(var(--ctp-subtext-rgb), 0.64);
+  font-size: 0.62rem;
+  font-weight: 950;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+.git-changes-chip-value {
+  display: block;
+  min-width: 0;
+  overflow: hidden;
+  color: var(--ctp-text);
+  font-weight: 850;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.git-changes-chip.success .git-changes-chip-value { color: var(--ctp-green); }
+.git-changes-chip.warning .git-changes-chip-value { color: var(--ctp-yellow); }
+.git-changes-chip.danger .git-changes-chip-value { color: var(--ctp-red); }
+.git-changes-chip.muted .git-changes-chip-value { color: rgba(var(--ctp-subtext-rgb), 0.76); }
+.git-diff-section {
+  display: grid;
+  gap: 0.55rem;
+}
+.git-diff-section-heading,
+.git-diff-file-summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  min-width: 0;
+}
+.git-diff-section-heading {
+  padding: 0.1rem 0.1rem 0;
+}
+.git-diff-section-title {
+  color: var(--ctp-yellow);
+  font-weight: 950;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+.git-diff-section-meta,
+.git-diff-file-stats {
+  color: rgba(var(--ctp-subtext-rgb), 0.66);
+  font-size: 0.72rem;
+  font-weight: 760;
+  white-space: nowrap;
+}
+.git-diff-file {
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(180, 190, 254, 0.16);
+  border-radius: 0.78rem;
+  background: rgba(var(--ctp-mantle-rgb), 0.62);
+}
+.git-diff-file-summary {
+  cursor: pointer;
+  padding: 0.52rem 0.66rem;
+  color: inherit;
+  border-bottom: 1px solid rgba(180, 190, 254, 0.14);
+  background: rgba(var(--ctp-crust-rgb), 0.42);
+}
+.git-untracked-full-file {
+  border-color: rgba(166, 227, 161, 0.22);
+}
+.git-untracked-full-file .git-diff-file-summary {
+  background: linear-gradient(90deg, rgba(166, 227, 161, 0.11), rgba(var(--ctp-crust-rgb), 0.44));
+}
+.git-diff-file-name {
+  min-width: 0;
+  overflow: hidden;
+  color: var(--ctp-text);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+  font-weight: 850;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.git-diff-grid {
+  display: grid;
+  grid-template-columns: 3.8rem minmax(22rem, 1fr) 3.8rem minmax(22rem, 1fr);
+  min-width: 56rem;
+  overflow-x: auto;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+  font-size: 0.82rem;
+  line-height: 1.45;
+}
+.git-diff-row {
+  display: contents;
+}
+.git-diff-line-number,
+.git-diff-line {
+  min-height: 1.45rem;
+  padding: 0.08rem 0.46rem;
+  border-top: 1px solid rgba(180, 190, 254, 0.055);
+}
+.git-diff-line-number {
+  color: rgba(var(--ctp-subtext-rgb), 0.56);
+  background: rgba(var(--ctp-crust-rgb), 0.44);
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+  user-select: none;
+}
+.git-diff-line-number.new {
+  border-left: 1px solid rgba(180, 190, 254, 0.24);
+}
+.git-diff-line {
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+.git-diff-row.hunk .git-diff-line,
+.git-diff-row.hunk .git-diff-line-number,
+.git-diff-row.meta .git-diff-line,
+.git-diff-row.meta .git-diff-line-number {
+  color: rgba(var(--ctp-subtext-rgb), 0.78);
+  background: rgba(137, 180, 250, 0.08);
+}
+.git-diff-row.removed .git-diff-line.old,
+.git-diff-row.changed .git-diff-line.old {
+  color: #ffd6dd;
+  background: rgba(243, 139, 168, 0.18);
+}
+.git-diff-row.added .git-diff-line.new,
+.git-diff-row.changed .git-diff-line.new {
+  color: #d8ffd0;
+  background: rgba(166, 227, 161, 0.18);
+}
+.git-diff-row.removed .git-diff-line-number.old,
+.git-diff-row.changed .git-diff-line-number.old {
+  color: var(--ctp-red);
+  background: rgba(243, 139, 168, 0.12);
+}
+.git-diff-row.added .git-diff-line-number.new,
+.git-diff-row.changed .git-diff-line-number.new {
+  color: var(--ctp-green);
+  background: rgba(166, 227, 161, 0.12);
+}
+.git-diff-raw {
+  margin: 0;
+  padding: 0.72rem;
+  overflow: auto;
+  color: rgba(var(--ctp-subtext-rgb), 0.82);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+  white-space: pre-wrap;
+}
+.git-untracked-list {
+  display: grid;
+  gap: 0.35rem;
+}
+.git-untracked-file {
+  padding: 0.45rem 0.58rem;
+  border: 1px solid rgba(137, 180, 250, 0.18);
+  border-radius: 0.62rem;
+  background: rgba(var(--ctp-crust-rgb), 0.38);
+  color: var(--ctp-sky);
+  overflow-wrap: anywhere;
+}
 .git-workflow-panel[hidden] { display: none; }
 .git-workflow-panel {
   flex: 0 0 auto;
@@ -6101,6 +6524,37 @@ button.composer-skill-tag:focus-visible {
     background: linear-gradient(180deg, transparent, rgba(var(--ctp-crust-rgb), 0.96) 35%);
   }
   .extension-dialog menu button { flex: 1 1 9rem; }
+  .extension-dialog.git-changes-dialog {
+    inset: 0;
+    margin: auto;
+    border-radius: 1rem;
+  }
+  .git-changes-dialog form {
+    max-height: 100%;
+  }
+  .git-changes-header {
+    flex-direction: column;
+    gap: 0.62rem;
+  }
+  .git-changes-header button {
+    width: 100%;
+  }
+  .git-changes-body {
+    min-height: min(24rem, 54dvh);
+    padding: 0.55rem;
+  }
+  .git-changes-overview {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .git-changes-chip.wide {
+    grid-column: 1 / -1;
+  }
+  .git-diff-section-heading,
+  .git-diff-file-summary {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
   .composer-row button[data-tooltip]:not(.tooltip-open)::before,
   .composer-row button[data-tooltip]:not(.tooltip-open)::after { display: none; }
   .composer-row button[data-tooltip].tooltip-open::before,

package/start-webui.sh CHANGED Viewed

@@ -196,6 +196,8 @@ http_ok() {
     curl -fsS --max-time 2 "$url" >/dev/null 2>&1
   elif command -v wget >/dev/null 2>&1; then
     wget -q --timeout=2 --tries=1 --spider "$url" >/dev/null 2>&1
+  elif command -v node >/dev/null 2>&1; then
+    node -e 'fetch(process.argv[1], { signal: AbortSignal.timeout(2000) }).then((r) => process.exit(r.ok ? 0 : 1), () => process.exit(1));' "$url" >/dev/null 2>&1
   else
     return 1
   fi
@@ -214,6 +216,8 @@ http_get() {
     curl -fsS --max-time 5 "$url"
   elif command -v wget >/dev/null 2>&1; then
     wget -q --timeout=5 --tries=1 -O - "$url"
+  elif command -v node >/dev/null 2>&1; then
+    node -e 'fetch(process.argv[1], { signal: AbortSignal.timeout(5000) }).then(async (r) => { if (!r.ok) process.exit(1); process.stdout.write(await r.text()); }, () => process.exit(1));' "$url"
   else
     return 1
   fi
@@ -225,6 +229,8 @@ http_post_json() {
   if command -v curl >/dev/null 2>&1; then
     curl -fsS --max-time 10 -X POST "$url" -H "Content-Type: application/json" --data "$body"
+  elif command -v node >/dev/null 2>&1; then
+    node -e 'fetch(process.argv[1], { method: "POST", headers: { "Content-Type": "application/json" }, body: process.argv[2], signal: AbortSignal.timeout(10000) }).then(async (r) => { if (!r.ok) process.exit(1); process.stdout.write(await r.text()); }, () => process.exit(1));' "$url" "$body"
   else
     return 1
   fi
@@ -336,11 +342,6 @@ wait_until_ready() {
   local url="$1"
   local pid="$2"
-  if ! command -v curl >/dev/null 2>&1 && ! command -v wget >/dev/null 2>&1; then
-    sleep 1
-    return 0
-  fi
   for _ in {1..50}; do
     if ! kill -0 "$pid" 2>/dev/null; then
       return 2