dsh-remote-vs 0.9.3 → 0.11.0

package/src/client/vsc/vsc.css

@@ -2075,6 +2075,542 @@ body:not([data-ds-dark-theme]) .rvs-undo-affordance:focus-visible {
   font-size: 11px;
 }
 
+/* ------------------------------------------------------- commit pane */
+
+/**
+ * The history panel's bottom half: the graph keeps the top, the selected
+ * commit takes this pane below the drag handle (same gesture and styling as
+ * the editor split, so `.rvs-vsplit-handle` is reused rather than copied).
+ */
+.rvs-history-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.rvs-hpane {
+  flex: none;
+  min-height: 140px;
+  max-height: 82%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border-top: 1px solid var(--rvs-border);
+  /* Same glass as the graph above (the sidebar's own backdrop shows through):
+     an opaque `.rvs-code-bg` here read as a separate dark slab glued under the
+     list. Patch rows already carry their own translucent add/del washes, so the
+     diff stays legible without a filled background. */
+  background: transparent;
+}
+
+/* Full-height mode: the graph is hidden by the panel, so the pane takes the
+   remaining column instead of its persisted pixel height. */
+.rvs-hpane.expanded {
+  flex: 1;
+  max-height: none;
+}
+
+/* A toolbar toggle that is currently ON (wrap, for example). */
+.rvs-hbtn.active {
+  color: var(--rvs-brand);
+}
+
+.rvs-hpane-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+/* Tab strip: same underline idiom as the editor's diff/worktree switch, but
+   scoped so the pane's three views cannot be confused with editor tabs. */
+.rvs-htabs {
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  height: 30px;
+  padding: 0 6px;
+  border-bottom: 1px solid var(--rvs-border);
+}
+
+/* The tabs themselves live in their own role=tablist element: the strip also
+   carries the hash, expand and close buttons, and those must NOT inherit the
+   tablist's arrow-key handling (ArrowRight on "close" used to switch tabs). */
+.rvs-hpane-tablist {
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
+.rvs-htab {
+  appearance: none;
+  border: none;
+  border-bottom: 2px solid transparent;
+  background: transparent;
+  color: var(--rvs-fg3);
+  font: inherit;
+  font-size: 12px;
+  padding: 5px 8px 4px;
+  cursor: pointer;
+}
+
+.rvs-htab:hover {
+  color: var(--rvs-fg);
+}
+
+.rvs-htab.active {
+  color: var(--rvs-fg);
+  border-bottom-color: var(--rvs-brand);
+}
+
+.rvs-htabs-spacer {
+  flex: 1;
+  min-width: 0;
+}
+
+.rvs-hhash-mini {
+  flex: none;
+  margin-right: 2px;
+  font-family: var(--rvs-mono);
+  font-size: 10.5px;
+  color: var(--rvs-fg3);
+}
+
+/**
+ * Every tab body stays mounted (the patch's scroll position and parse survive
+ * a look at 提交详情) and is hidden with the `hidden` attribute. The class
+ * declares `flex`, which outranks the UA `[hidden]` rule, so hiding needs an
+ * explicit rule of its own.
+ */
+.rvs-hbody {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 10px 12px 14px;
+}
+
+.rvs-hbody[hidden] {
+  display: none;
+}
+
+/* -- 提交详情 -- */
+
+.rvs-hsubject {
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1.45;
+  margin-bottom: 8px;
+  white-space: pre-wrap;
+  word-break: break-word;
+  user-select: text;
+}
+
+.rvs-hmeta {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 21px;
+  font-size: 11.5px;
+  color: var(--rvs-fg3);
+}
+
+.rvs-hmeta-icon {
+  flex: none;
+  display: flex;
+  width: 13px;
+  align-items: center;
+  color: var(--rvs-fg3);
+}
+
+.rvs-hmeta-value {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.rvs-hmeta-label {
+  flex: none;
+}
+
+.rvs-hhash {
+  font-family: var(--rvs-mono);
+  font-size: 11px;
+  line-height: 16px;
+  padding: 0 5px;
+  border: 1px solid var(--rvs-border);
+  border-radius: 4px;
+  background: var(--rvs-input);
+  color: var(--rvs-fg2);
+  user-select: all;
+}
+
+.rvs-hparent {
+  font-family: var(--rvs-mono);
+  font-size: 11px;
+  line-height: 16px;
+  padding: 0 4px;
+  border: 1px solid var(--rvs-border2);
+  border-radius: 4px;
+  color: var(--rvs-fg2);
+}
+
+.rvs-hdash {
+  color: var(--rvs-fg3);
+}
+
+.rvs-hrefs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-top: 6px;
+}
+
+.rvs-hmsg {
+  margin-top: 10px;
+  padding-top: 8px;
+  border-top: 1px dashed var(--rvs-border);
+  font-size: 12px;
+  line-height: 1.55;
+  color: var(--rvs-fg2);
+  white-space: pre-wrap;
+  word-break: break-word;
+  user-select: text;
+}
+
+.rvs-hfooter {
+  display: flex;
+  gap: 6px;
+  margin-top: 14px;
+}
+
+/* -- 内容 -- */
+
+.rvs-hhint {
+  margin-bottom: 6px;
+  font-size: 11px;
+  color: var(--rvs-fg3);
+}
+
+/* One line: how many files, and the path filter that makes a 60-file commit
+   narrowable without scrolling. */
+.rvs-hcontent-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 6px;
+}
+
+.rvs-hcount {
+  flex: none;
+  font-size: 11px;
+  color: var(--rvs-fg3);
+}
+
+.rvs-hfilter {
+  flex: 1;
+  min-width: 0;
+}
+
+.rvs-hfiles {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+}
+
+/* Directory row of the 内容 tree: chevron + folder glyph + path + count. */
+.rvs-hfolder {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 4px;
+  border-radius: 4px;
+  color: var(--rvs-fg2);
+  font-size: 12px;
+  cursor: pointer;
+  user-select: none;
+}
+
+.rvs-hfolder:hover {
+  background: var(--rvs-hover);
+}
+
+.rvs-hfolder-name {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: var(--rvs-mono);
+  font-size: 11.5px;
+}
+
+.rvs-hfolder-count {
+  flex: none;
+  font-size: 10.5px;
+  color: var(--rvs-fg3);
+}
+
+/* Files under a folder keep the editor tree's indent idiom. */
+.rvs-file-row.indent {
+  padding-left: 18px;
+}
+
+.rvs-file-row.active {
+  background: var(--rvs-active);
+}
+
+/* The row's quick "open in editor" affordance: invisible until the row is
+   hovered/focused, so the path keeps the whole width at rest. */
+.rvs-file-open {
+  opacity: 0;
+}
+
+.rvs-file-row:hover .rvs-file-open,
+.rvs-file-row:focus-within .rvs-file-open,
+.rvs-file-row:focus .rvs-file-open {
+  opacity: 1;
+}
+
+/* Keyboard focus must be visible on the pane's role=button rows (a bare
+   browser default is nearly invisible on this dark chrome). */
+.rvs-file-row:focus-visible,
+.rvs-hfolder:focus-visible,
+.rvs-commit-item:focus-visible,
+.rvs-patch-chevron:focus-visible,
+.rvs-vsplit-handle:focus-visible {
+  outline: 2px solid var(--rvs-brand);
+  outline-offset: -2px;
+}
+
+/* -- 差异 -- */
+
+/**
+ * The diff tab is a column: a PINNED tool row, then the one scroller. The
+ * reference pane made the whole tab a scroll area, so the file you were in and
+ * the controls both disappeared on a long patch.
+ */
+.rvs-hdiff {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  overflow: hidden;
+}
+
+.rvs-hdiff[hidden] {
+  display: none;
+}
+
+.rvs-ptoolbar {
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  height: 30px;
+  padding: 0 6px;
+  border-bottom: 1px solid var(--rvs-border);
+  background: var(--rvs-layer3);
+}
+
+.rvs-pfile-index {
+  flex: none;
+  min-width: 32px;
+  font-family: var(--rvs-mono);
+  font-size: 10.5px;
+  color: var(--rvs-fg3);
+}
+
+.rvs-pfile-name {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 11.5px;
+  color: var(--rvs-fg2);
+}
+
+.rvs-pscroll {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 10px 12px 14px;
+}
+
+.rvs-patch-file {
+  margin-bottom: 10px;
+  border: 1px solid var(--rvs-border);
+  border-radius: 6px;
+}
+
+.rvs-patch-file.folded .rvs-patch-head {
+  border-bottom: none;
+  border-radius: 6px;
+}
+
+.rvs-patch-file.active {
+  border-color: var(--rvs-brand);
+}
+
+/* Sticky per-file header: scrolling a 3000-line hunk keeps saying which file
+   it belongs to. `position: sticky` needs the nearest scrollport, which is
+   `.rvs-pscroll` — no `overflow` on the section itself. */
+.rvs-patch-head {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 3px 6px;
+  border-bottom: 1px solid var(--rvs-border);
+  border-radius: 6px 6px 0 0;
+  background: var(--rvs-layer3);
+  cursor: pointer;
+}
+
+.rvs-patch-head:hover {
+  background: var(--rvs-hover);
+}
+
+.rvs-patch-chevron {
+  flex: none;
+  display: flex;
+  align-items: center;
+  color: var(--rvs-fg3);
+  cursor: pointer;
+  transform: rotate(0deg);
+}
+
+.rvs-patch-chevron.open {
+  transform: rotate(90deg);
+}
+
+.rvs-patch-path {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+}
+
+.rvs-patch-letter {
+  flex: none;
+  font-size: 11px;
+  font-weight: 700;
+}
+
+.rvs-patch-counts {
+  flex: none;
+  display: flex;
+  gap: 5px;
+  font-family: var(--rvs-mono);
+  font-size: 10.5px;
+}
+
+.rvs-patch-add-count {
+  color: var(--rvs-git-a);
+}
+
+.rvs-patch-del-count {
+  color: var(--rvs-git-d);
+}
+
+.rvs-patch-rows {
+  padding: 2px 0 6px;
+  font-family: var(--rvs-mono);
+  font-size: 11.5px;
+  line-height: 17px;
+}
+
+.rvs-patch-row {
+  display: flex;
+  align-items: stretch;
+  min-width: max-content;
+  white-space: pre;
+}
+
+/* Wrap mode: the row gives up its horizontal runway and the text wraps under
+   the gutter instead (the whole point on a narrow sidebar). */
+.rvs-patch-rows.wrap .rvs-patch-row {
+  min-width: 0;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.rvs-patch-rows.wrap .rvs-patch-text {
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+/* A block whose raw patch text could not be paired with the parsed model
+   (defensive: block count and model count disagreed) is dimmed instead of
+   silently looking complete. */
+.rvs-patch-rows.partial {
+  opacity: .62;
+}
+
+/* Truncation marker in the pinned toolbar: the cut point can be thousands of
+   rows away, so the bottom note is not where a reader learns about it. */
+.rvs-ptruncated {
+  flex: none;
+  font-size: 12px;
+  color: var(--rvs-git-m);
+}
+
+.rvs-patch-row.add {
+  background: var(--rvs-add-bg);
+}
+
+.rvs-patch-row.del {
+  background: var(--rvs-del-bg);
+}
+
+.rvs-patch-num {
+  flex: none;
+  width: 42px;
+  padding-right: 6px;
+  text-align: right;
+  color: var(--rvs-fg3);
+  user-select: none;
+}
+
+.rvs-patch-sign {
+  flex: none;
+  width: 14px;
+  text-align: center;
+  color: var(--rvs-fg3);
+  user-select: none;
+}
+
+.rvs-patch-text {
+  flex: 1;
+  padding-right: 12px;
+  user-select: text;
+}
+
+/* One "the hunk jumped ahead" marker, so a patch never pretends its line
+   numbers are contiguous. */
+.rvs-patch-skip {
+  margin: 2px 0;
+  border-top: 1px dashed var(--rvs-border);
+  border-bottom: 1px dashed var(--rvs-border);
+  color: var(--rvs-fg3);
+  font-size: 11px;
+  text-align: center;
+  user-select: none;
+}
+
+.rvs-patch-note {
+  padding: 6px 8px;
+  font-size: 11px;
+  color: var(--rvs-fg3);
+}
+
 /* ---------------------------------------------------- floating editor window */
 
 /**
@@ -2957,3 +3493,114 @@ body:not([data-ds-dark-theme]) .rvs-undo-affordance:focus-visible {
   color: var(--rvs-error, #f85149);
   font-size: 11.5px;
 }
+
+/* --------------------------------------------------- streaming exec panel */
+
+/**
+ * Live log for the network verbs (fetch / pull / push / sync).
+ *
+ * Fixed to the viewport's bottom-right instead of joining the panel's own
+ * column: the pane can be collapsed or scrolled away while the push runs, and a
+ * dialog that vanishes with its parent would hide the cancel button exactly
+ * when it matters.
+ */
+.rvs-execpanel {
+  /* PORTALED to <body>, i.e. OUTSIDE `.rvs-root` where these tokens are
+     declared — without this block every var() below resolves to nothing and the
+     panel renders transparent and borderless over the page content. Keep this
+     subset in sync with `.rvs-root`; the dark code surfaces get their own
+     `body[data-ds-dark-theme]` override right after this rule. */
+  --rvs-fg: var(--dsw-alias-label-primary, #e6e6e6);
+  --rvs-fg2: var(--dsw-alias-label-secondary, #b9b9b9);
+  --rvs-fg3: var(--dsw-alias-label-tertiary, #8b8b8b);
+  --rvs-hover: var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, .14));
+  --rvs-border: var(--dsw-alias-border-l1, rgba(127, 127, 127, .25));
+  --rvs-border2: var(--dsw-alias-border-l2, rgba(127, 127, 127, .38));
+  --rvs-overlay: var(--dsw-alias-bg-overlay, #24262e);
+  --rvs-brand: var(--dsw-alias-brand-primary, #4d6bfe);
+  --rvs-danger: var(--dsw-alias-state-error-primary, #e05555);
+  --rvs-git-m: #e2b714;
+  --rvs-git-a: #4ec9b0;
+  --rvs-mono: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', Consolas, 'Courier New', monospace;
+  --rvs-code-bg: #1e1e1e;
+  --rvs-code-fg: #d4d4d4;
+  position: fixed;
+  right: 16px;
+  bottom: 16px;
+  z-index: 45;
+  width: min(620px, calc(100vw - 32px));
+  max-height: min(60vh, 520px);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid var(--rvs-border2);
+  border-radius: 10px;
+  background: var(--rvs-overlay);
+  color: var(--rvs-fg);
+  box-shadow: 0 18px 60px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .28);
+}
+
+body[data-ds-dark-theme] .rvs-execpanel {
+  --rvs-code-bg: #1e1e1e;
+  --rvs-code-fg: #d4d4d4;
+}
+
+
+.rvs-execpanel-head {
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 5px 6px 5px 10px;
+  border-bottom: 1px solid var(--rvs-border);
+}
+
+.rvs-execpanel-title {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.rvs-execpanel-status {
+  flex: none;
+  font-size: 11px;
+  color: var(--rvs-fg3);
+  font-variant-numeric: tabular-nums;
+}
+
+.rvs-execpanel-status.done { color: var(--rvs-git-a); }
+.rvs-execpanel-status.error { color: var(--rvs-danger); }
+.rvs-execpanel-status.cancelled { color: var(--rvs-git-m); }
+
+.rvs-execpanel-spacer {
+  flex: 1;
+  min-width: 0;
+}
+
+.rvs-execpanel-body {
+  flex: 1;
+  min-height: 60px;
+  margin: 0;
+  padding: 8px 10px;
+  overflow: auto;
+  background: var(--rvs-code-bg);
+  color: var(--rvs-code-fg);
+  font-family: var(--rvs-mono);
+  font-size: 11.5px;
+  line-height: 1.45;
+  white-space: pre-wrap;
+  word-break: break-word;
+  user-select: text;
+}
+
+.rvs-execpanel-foot {
+  flex: none;
+  padding: 4px 10px 6px;
+  border-top: 1px solid var(--rvs-border);
+  color: var(--rvs-fg3);
+  font-size: 11px;
+}
+

package/src/git-format.ts

@@ -196,10 +196,14 @@ export function parseBranches(stdout: string, current: string): GitBranch[] {
   return branches
 }
 
+/** Split a raw `%B` message into its subject line and the body below it. */
+export function parseMessage(text: string): { subject: string; body: string } {
+  const lines = text.replace(/\r\n/g, '\n').split('\n')
+  return { subject: (lines[0] ?? '').trim(), body: lines.slice(1).join('\n').trim() }
+}
+
 /** Assemble commit detail from message + stat outputs. */
 export function parseShow(hash: string, message: string, stat: string): GitShow {
-  const lines = message.split('\n')
-  const subject = (lines[0] ?? '').trim()
-  const body = lines.slice(1).join('\n').trim()
+  const { subject, body } = parseMessage(message)
   return { hash, subject, body, stat: stat.trim() }
 }