dsh-ide-git 0.13.0 → 0.13.2

package/dsh.plugin.json

@@ -1,6 +1,6 @@
 {
   "id": "dsh-external/dsh-ide-git",
-  "version": "0.13.0",
+  "version": "0.13.2",
   "main": "./src/index.js",
   "description": "IDE 级 Git 操作面板:分支树 + 提交图谱 + 变更/暂存/提交 + 提交详情。装了 dsh-better-sidebar 时挂成它的原生 tab(右侧栏 + 底部工作台);没装时直接挂 DSH 原生右侧栏,单独安装即可用。JetBrains 风格 Git 工具窗口 for DeepSeek Harness.",
   "engines": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-ide-git",
-  "version": "0.13.0",
+  "version": "0.13.2",
   "description": "DSH plugin: an IDE-grade Git tool window as a native dsh-better-sidebar tab — branch tree, commit graph, changes, commit details, JetBrains-style actions, in the right sidebar and the bottom panel. | DSH 插件:IDE 级 Git 工具窗口,以 dsh-better-sidebar 原生 Tab 挂载——分支树 / 提交图谱 / 变更与提交详情 / JetBrains 风格操作,右侧栏与底部面板双布局自适应。",
   "type": "module",
   "repository": {

package/src/client.js

@@ -27,6 +27,13 @@ window.__ModuleLoader__.load({
     const useRef = React.useRef
     const useCallback = React.useCallback
     const useLayoutEffect = React.useLayoutEffect
+    const memo = React.memo
+    /* Measure-and-derive effects run here for the layout timing (the chrome and
+       the rail capacity derive from these numbers — a paint-then-correct cycle
+       read as buttons lighting up one by one on every seat switch). Environments
+       without a frame loop (the SSR self-check's shims) get the plain effect —
+       there is no paint to sync with there, and no server warning either. */
+    const useMeasureLayoutEffect = typeof requestAnimationFrame === 'function' ? useLayoutEffect : useEffect
 
     /* API base is MOUNT-RELATIVE (no leading slash). dsh 0.1.7 serves the
        shell with <base href="./">, so document.baseURI is the mount the page
@@ -4233,8 +4240,86 @@ window.__ModuleLoader__.load({
       return body.data
     }
 
+    /* ============================== first-paint cache ============================== */
+
+    /* Session-scoped seats (the conversation view, and every sidebar seat that
+       follows the active session) REMOUNT their panel on each session switch:
+       the slot subtree belongs to the session. Re-running the whole discovery
+       (repos scan) + first page (summary / branches / log — three git spawns)
+       on every switch made the chrome re-appear piece by piece (reported
+       against v0.13.0). Same workspace ⇒ same repository ⇒ the previous paint
+       is still essentially correct, so it seeds the states and a background
+       refresh lands the fresh data a moment later. Pure functions; the panel
+       only ever reads them at effect time and writes after a fetch. */
+    const PAINT_TTL_MS = 30_000
+    const paintRepos = new Map()   /* cwd -> { at, data } */
+    const paintPage = new Map()    /* repoRoot -> { at, summary, branches, commits, hasMore } */
+    const paintRoot = new Map()    /* cwd -> last repoRoot the user was looking at */
+
+    function readPaintRepos(cwd) {
+      const entry = paintRepos.get(cwd)
+      if (entry === undefined || Date.now() - entry.at > PAINT_TTL_MS) return undefined
+      return entry.data
+    }
+
+    function writePaintRepos(cwd, data) {
+      paintRepos.set(cwd, { at: Date.now(), data: data })
+      if (paintRepos.size > 16) paintRepos.delete(paintRepos.keys().next().value)
+    }
+
+    function readPaintPage(repoRoot) {
+      const entry = paintPage.get(repoRoot)
+      if (entry === undefined || Date.now() - entry.at > PAINT_TTL_MS) return undefined
+      return entry
+    }
+
+    function writePaintPage(repoRoot, page) {
+      paintPage.set(repoRoot, Object.assign({ at: Date.now() }, page))
+      if (paintPage.size > 16) paintPage.delete(paintPage.keys().next().value)
+    }
+
+    function rememberPaintRoot(cwd, repoRoot) {
+      if (typeof cwd === 'string' && cwd !== '' && repoRoot !== null) paintRoot.set(cwd, repoRoot)
+    }
+
+    function readPaintRoot(cwd) {
+      return paintRoot.get(cwd)
+    }
+
     /* ============================== storage ============================== */
 
+    /* ---- tree UI state (v0.13.1): the session-scoped seats remount on every
+       session switch, and component state died with them — branch sections
+       snapped back to defaults and folders re-folded. One localStorage home,
+       GLOBAL by design: which sections you keep folded is a habit, not a
+       property of the repository. ---- */
+    const TREE_KEY = 'dsh-ide-git.tree.v1'
+
+    function readTreeState() {
+      try {
+        const raw = window.localStorage.getItem(TREE_KEY)
+        if (raw === null || raw === '') return null
+        const parsed = JSON.parse(raw)
+        return parsed !== null && typeof parsed === 'object' ? parsed : null
+      } catch (error) { void error }
+      return null
+    }
+
+    function writeTreeState(state) {
+      try { window.localStorage.setItem(TREE_KEY, JSON.stringify(state)) } catch (error) { void error }
+    }
+
+    function treeSectionDefaults() {
+      return { favorites: false, remote: false, tags: true }
+    }
+
+    function treeSectionsOf(stored) {
+      const sections = stored !== null && typeof stored === 'object' && stored.sections !== null && typeof stored.sections === 'object'
+        ? stored.sections
+        : {}
+      return Object.assign(treeSectionDefaults(), sections)
+    }
+
     /* ---- ai commit pickers (issue #7): the model catalog and per-model
        reasoning efforts, served by the host's commit-models / commit-efforts
        routes. Cached for a short window so the settings card can mount twice
@@ -5975,9 +6060,23 @@ window.__ModuleLoader__.load({
     function BranchTree(props) {
       const t = props.t
       const [filter, setFilter] = useState('')
-      const [collapsed, setCollapsed] = useState({ favorites: false, remote: false, tags: true })
+      const [collapsed, setCollapsed] = useState(() => treeSectionsOf(readTreeState()))
       const [picked, setPicked] = useState('')
-      const [foldedFolders, setFoldedFolders] = useState({})
+      const [foldedFolders, setFoldedFolders] = useState(() => {
+        const stored = readTreeState()
+        return stored !== null && typeof stored === 'object' && stored.folders !== null && typeof stored.folders === 'object'
+          ? stored.folders
+          : {}
+      })
+      /* Survive the remount a session switch performs (v0.13.1). */
+      useEffect(() => {
+        const stored = readTreeState()
+        writeTreeState(Object.assign({}, stored, { sections: collapsed }))
+      }, [collapsed])
+      useEffect(() => {
+        const stored = readTreeState()
+        writeTreeState(Object.assign({}, stored, { folders: foldedFolders }))
+      }, [foldedFolders])
       const branches = props.branches
       const needle = filter.trim().toLowerCase()
       const match = (name) => needle === '' || String(name).toLowerCase().indexOf(needle) >= 0
@@ -6093,7 +6192,15 @@ window.__ModuleLoader__.load({
       const summary = props.summary
       const [message, setMessage] = useState('')
       const [amend, setAmend] = useState(false)
-      const [collapsed, setCollapsed] = useState(false)
+      const [collapsed, setCollapsed] = useState(() => {
+        const stored = readTreeState()
+        return stored !== null && typeof stored === 'object' && stored.changesCollapsed === true
+      })
+      /* Same remount-survival as the branch sections (v0.13.1). */
+      useEffect(() => {
+        const stored = readTreeState()
+        writeTreeState(Object.assign({}, stored, { changesCollapsed: collapsed === true }))
+      }, [collapsed])
       /* AI-written message (issue #6). The draft is kept so the write can be
          undone, and an existing draft is never overwritten without a word. */
       const [aiBusy, setAiBusy] = useState(false)
@@ -6573,7 +6680,12 @@ window.__ModuleLoader__.load({
       const sessionId = typeof scope.sessionId === 'string' ? scope.sessionId : 'default'
       const base = useMemo(() => ({ cwd: cwd, repoRoot: repoRoot === null ? undefined : repoRoot }), [cwd, repoRoot])
 
-      useEffect(() => {
+      /* Layout effect ON PURPOSE: the chrome (compact/columns/stack) and the
+         rail capacity derive from these numbers, and a paint-then-correct
+         cycle showed up on every seat switch as buttons lighting up one by
+         one (v0.13.1 report). Measuring in the commit phase keeps the first
+         paint on the final chrome. */
+      useMeasureLayoutEffect(() => {
         const element = hostRef.current
         if (element === null) return undefined
         const measure = () => {
@@ -6617,7 +6729,7 @@ window.__ModuleLoader__.load({
       // Like the rail, the panes measure the box that actually holds them instead
       // of trusting the root probe: the column chrome keeps a vertical rail
       // beside the body, and the header sits above it.
-      useEffect(() => {
+      useMeasureLayoutEffect(() => {
         const element = bodyRef.current
         if (element === null) { setBodyBox({ width: 0, height: 0 }); return undefined }
         const measure = () => {
@@ -6755,7 +6867,9 @@ window.__ModuleLoader__.load({
       // function of the strip that holds them (a 1200x300 workbench and a 300x900
       // sidebar disagree about that). railBox keeps the last measured span; until
       // the first measurement lands, every action is rendered.
-      useEffect(() => {
+      // Layout effect (see the host measure above): the button count derives
+      // from this box, and a late measure reads as the rail lighting up late.
+      useMeasureLayoutEffect(() => {
         const element = railHostRef.current
         if (element === null) { setRailBox({ width: 0, height: 0 }); return undefined }
         const measure = () => {
@@ -6798,18 +6912,30 @@ window.__ModuleLoader__.load({
            as "still loading" and would spin forever). */
         if (cwd === undefined) { setRepoState({ repos: [], isRepo: false }); return undefined }
         let cancelled = false
+        /* First-paint cache: a session switch through the same workspace
+           reuses the previous discovery synchronously (repo bar and pick land
+           with the first paint), then the background scan re-proves it. */
+        const apply = (data, cachedPick) => {
+          setRepoState(data)
+          const paths = data.repos.map((repo) => repo.path)
+          const remembered = readRememberedRepo(sessionId)
+          let pick = null
+          if (remembered !== undefined && paths.indexOf(remembered) >= 0) pick = remembered
+          else if (cachedPick !== undefined && paths.indexOf(cachedPick) >= 0) pick = cachedPick
+          else if (data.isRepo === true) pick = data.cwd
+          else if (paths.length > 0) pick = paths[0]
+          setRepoRoot(pick)
+          rememberPaintRoot(cwd, pick)
+          return pick
+        }
+        const cached = readPaintRepos(cwd)
+        if (cached !== undefined) apply(cached, readPaintRoot(cwd))
         void (async () => {
           try {
             const data = await request('repos', { cwd: cwd })
             if (cancelled) return
-            setRepoState(data)
-            const paths = data.repos.map((repo) => repo.path)
-            const remembered = readRememberedRepo(sessionId)
-            let pick = null
-            if (remembered !== undefined && paths.indexOf(remembered) >= 0) pick = remembered
-            else if (data.isRepo === true) pick = data.cwd
-            else if (paths.length > 0) pick = paths[0]
-            setRepoRoot(pick)
+            writePaintRepos(cwd, data)
+            apply(data, readPaintRoot(cwd))
           } catch (caught) {
             if (!cancelled) setError(caught instanceof Error ? caught.message : String(caught))
           }
@@ -6824,7 +6950,9 @@ window.__ModuleLoader__.load({
       }, [base, showIgnored])
 
       const loadBranches = useCallback(async () => {
-        setBranches(await request('branches', base))
+        const data = await request('branches', base)
+        setBranches(data)
+        return data
       }, [base])
 
       const loadCommits = useCallback(async (skip, overridePath) => {
@@ -6834,19 +6962,39 @@ window.__ModuleLoader__.load({
         const data = await request('log', payload)
         setCommits((previous) => (skip === undefined || skip === 0 ? data.commits : previous.concat(data.commits)))
         setHasMore(data.hasMore)
+        return data
       }, [base, pathFilter])
 
       const refresh = useCallback(async () => {
         if (repoRoot === null) return
         await guard(async () => {
-          await Promise.all([loadSummary(), loadBranches(), loadCommits(0)])
+          const [summaryData, branchesData, page] = await Promise.all([loadSummary(), loadBranches(), loadCommits(0)])
+          /* The write side of the first-paint cache: exactly the FIRST page
+             (a paged fetch never reaches this path), replaced on every
+             refresh — the auto-refresh included — so a session switch through
+             the same workspace seeds fresh data, not the mount-time
+             snapshot. */
+          writePaintPage(repoRoot, { summary: summaryData, branches: branchesData, commits: page.commits, hasMore: page.hasMore })
         })
       }, [guard, loadSummary, loadBranches, loadCommits, repoRoot])
 
       useEffect(() => {
         if (repoRoot === null) return undefined
+        /* First-paint cache: seed the first page synchronously so a session
+           switch through the same workspace paints the full chrome (rail,
+           branch bar, history) at once instead of re-growing it piece by
+           piece; the refresh below re-proves every field right after. Only a
+           cold mount seeds — a later effect run (tick / repo switch) must not
+           roll live state back to a stale snapshot. */
+        const cachedPage = readPaintPage(repoRoot)
+        if (cachedPage !== undefined) {
+          if (summary === null) setSummary(cachedPage.summary)
+          if (branches === null) setBranches(cachedPage.branches)
+          if (commits.length === 0) { setCommits(cachedPage.commits); setHasMore(cachedPage.hasMore) }
+        }
         void refresh()
         return undefined
+        // eslint-disable-next-line react-hooks/exhaustive-deps
       }, [repoRoot, refresh, tick])
 
       useEffect(() => {
@@ -7636,7 +7784,7 @@ window.__ModuleLoader__.load({
 
     const CSS = [
       '.dig-root{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;background:transparent;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family,system-ui,sans-serif);font-size:13px;line-height:1.5;font-weight:600;overflow:hidden}',
-      '.dig-topbar{display:flex;align-items:center;gap:6px;padding:4px 6px;flex:none;min-width:0;border-bottom:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1));overflow:hidden}',
+      '.dig-topbar{display:flex;align-items:center;gap:6px;padding:4px 6px;flex:none;min-width:0;border-bottom:1px solid var(--dsw-alias-border-l2);overflow:hidden}',
       '.dig-topbar-spacer{flex:1;min-width:4px}',
       '.dig-busy{color:var(--dsw-alias-label-tertiary);flex:none;white-space:nowrap}',
       '.dig-track{color:var(--dsw-alias-label-secondary);flex:none;font-variant-numeric:tabular-nums;white-space:nowrap}',
@@ -7659,10 +7807,10 @@ window.__ModuleLoader__.load({
       '.dig-note{display:flex;align-items:center;gap:8px;padding:4px 8px;flex:none;color:var(--dsw-alias-label-secondary)}',
       '.dig-banner-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}',
       '.dig-shell{flex:1;min-height:0;display:flex;overflow:hidden}',
-      '.dig-rail{width:32px;flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;overflow:hidden;border-right:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1))}',
+      '.dig-rail{width:32px;flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;overflow:hidden;border-right:1px solid var(--dsw-alias-border-l2)}',
       '.dig-rail-gap{flex:1;min-height:2px}',
       '.dig-rail-gap-x{flex:1;min-width:2px}',
-      '.dig-rail-row{display:flex;align-items:center;gap:2px;padding:3px 6px;flex:none;overflow:hidden;border-bottom:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1))}',
+      '.dig-rail-row{display:flex;align-items:center;gap:2px;padding:3px 6px;flex:none;overflow:hidden;border-bottom:1px solid var(--dsw-alias-border-l2)}',
       '.dig-rail-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--dsw-radius-sm,8px);background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:0;flex:none}',
       '.dig-rail-btn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}',
       '.dig-rail-btn:disabled{opacity:.28;cursor:default}',
@@ -7745,13 +7893,13 @@ window.__ModuleLoader__.load({
       '.dig-body-stack{flex-direction:column}',
       '.dig-body-compact{flex-direction:column}',
       '.dig-pane{display:flex;flex-direction:column;min-height:0;min-width:0}',
-      '.dig-pane-tree{width:200px;flex:none;border-right:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1))}',
-      '.dig-pane-tree-stack{max-height:36%;flex:none;border-bottom:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1))}',
+      '.dig-pane-tree{width:200px;flex:none;border-right:1px solid var(--dsw-alias-border-l2)}',
+      '.dig-pane-tree-stack{max-height:36%;flex:none;border-bottom:1px solid var(--dsw-alias-border-l2)}',
       '.dig-pane-main{flex:1;min-width:0}',
-      '.dig-pane-changes{width:290px;flex:none;border-left:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1))}',
-      '.dig-pane-changes-stack{max-height:46%;flex:none;border-bottom:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1))}',
+      '.dig-pane-changes{width:290px;flex:none;border-left:1px solid var(--dsw-alias-border-l2)}',
+      '.dig-pane-changes-stack{max-height:46%;flex:none;border-bottom:1px solid var(--dsw-alias-border-l2)}',
       '.dig-compact-bar{display:flex;align-items:center;gap:6px;padding:4px 6px;flex:none}',
-      '.dig-compact-tree{max-height:42%;flex:none;border-bottom:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1))}',
+      '.dig-compact-tree{max-height:42%;flex:none;border-bottom:1px solid var(--dsw-alias-border-l2)}',
       // A divider: an 8px hit area (a fingertip needs it) painted as a 1px hairline
       // that lights up on hover, focus or while dragging. touch-action:none is what
       // makes a touch drag resize the pane instead of scrolling the panel.
@@ -7835,7 +7983,7 @@ window.__ModuleLoader__.load({
       '.dig-ref-remote{color:#b083f0}',
       '.dig-ref-tag{color:var(--dsw-alias-state-warn-primary,var(--dsw-alias-brand-primary))}',
       '.dig-ref-more{color:var(--dsw-alias-label-tertiary)}',
-      '.dig-filters{display:flex;align-items:center;gap:4px;padding:4px 6px;flex:none;min-width:0;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1))}',
+      '.dig-filters{display:flex;align-items:center;gap:4px;padding:4px 6px;flex:none;min-width:0;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--dsw-alias-border-l2)}',
       '.dig-filter-text{flex:1 1 90px;min-width:80px;width:auto}',
       '.dig-filter-select{flex:none;max-width:118px;appearance:none;-webkit-appearance:none;background:transparent;border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-sm,8px);color:var(--dsw-alias-label-secondary);font:inherit;font-weight:500;height:22px;padding:0 4px;cursor:pointer;text-overflow:ellipsis}',
       '.dig-filter-select:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}',
@@ -7865,7 +8013,7 @@ window.__ModuleLoader__.load({
       '.dig-mini{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:var(--dsw-radius-xs,4px);background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;opacity:0;flex:none;padding:0}',
       '.dig-row:hover .dig-mini{opacity:1}',
       '.dig-mini:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}',
-      '.dig-commit-box{flex:none;padding:6px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1))}',
+      '.dig-commit-box{flex:none;padding:6px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--dsw-alias-border-l2)}',
       '.dig-commit-box-compact{flex-direction:row;align-items:center;gap:6px;padding:4px 6px;flex-wrap:wrap}',
       '.dig-textarea{width:100%;box-sizing:border-box;min-height:50px;resize:vertical;padding:5px 6px;border-radius:var(--dsw-radius-sm,8px);border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;outline:none}',
       '.dig-textarea::placeholder{color:var(--dsw-alias-label-tertiary)}',
@@ -7887,7 +8035,7 @@ window.__ModuleLoader__.load({
       '.dig-detail-files-head{font-weight:600;margin-top:4px}',
       '.dig-detail-files{display:flex;flex-direction:column}',
       '.dig-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}',
-      '.dig-diff-pane{flex:none;max-height:55%;display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1))}',
+      '.dig-diff-pane{flex:none;max-height:55%;display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--dsw-alias-border-l2)}',
       '.dig-diff-head{display:flex;align-items:center;gap:8px;padding:3px 8px;color:var(--dsw-alias-label-tertiary);flex:none;min-width:0}',
       '.dig-diff-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}',
       '.dig-diff{flex:1;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;font-weight:500;min-height:0}',
@@ -7984,17 +8132,70 @@ window.__ModuleLoader__.load({
       return undefined
     }
 
-    function ConversationPanel(props) {
+    /* The conversation shell re-renders on EVERY keystroke (the composer owns
+       the draft state), and the view area re-renders with it. Without a bail-out
+       at this boundary that cascade dragged the ENTIRE Git panel tree — branch
+       rows, graph lanes, changes — through a synchronous render per keypress
+       while the Git view was the active one (typing lag, reported against
+       v0.13.0). The component consumes exactly three stable props (sessionId,
+       t, ctx); everything else the slot passes (inspectCall, viewRequest, …)
+       changes identity per shell render and is deliberately ignored, so the
+       comparator is: same session, same bindings → skip the subtree. cwd moves
+       through the sessions subscription inside, not through props. */
+    const ConversationPanel = memo(function ConversationPanel(props) {
       const ctx = props.ctx
       const sessionId = typeof props.sessionId === 'string' ? props.sessionId : ''
       const [cwd, setCwd] = useState(() => sessionCwdOf(ctx, sessionId))
+      /* The active conversation's view area is `flex: 1 0 auto; min-height:
+         auto` — it GROWS with content and scrolls inside the shared
+         conversation scrollport. An auto-height panel there measured
+         content-tall (a 120-commit history, a long diff), so the width-vs-
+         height chrome test flipped the wide seat into the stacked sidebar
+         layout and everything shifted downward (v0.13.1 report). Pin the seat
+         to the scrollport's VISIBLE height instead: the panel fills exactly
+         the on-screen area and scrolls internally, the way the sidebar seats
+         behave. */
+      const seatRef = useRef(null)
+      const [seatHeight, setSeatHeight] = useState(null)
+      useEffect(() => {
+        const el = seatRef.current
+        if (el === null) return undefined
+        const measure = () => {
+          let scroll = null
+          try { scroll = el.closest('[data-conversation-scroll]') } catch (error) { void error }
+          if (scroll === null || scroll === undefined) return
+          const offset = Math.max(0, el.getBoundingClientRect().top - scroll.getBoundingClientRect().top)
+          const available = Math.round(scroll.clientHeight - offset - 8)
+          if (available >= 240) setSeatHeight(available)
+        }
+        measure()
+        const raf = requestAnimationFrame(() => { measure() })
+        const late = setTimeout(() => { measure() }, 400)
+        let observer
+        try {
+          const scroll = el.closest('[data-conversation-scroll]')
+          if (scroll !== null && scroll !== undefined && typeof ResizeObserver === 'function') {
+            observer = new ResizeObserver(() => { measure() })
+            observer.observe(scroll)
+          }
+        } catch (error) { void error }
+        window.addEventListener('resize', measure)
+        return () => {
+          cancelAnimationFrame(raf)
+          clearTimeout(late)
+          if (observer !== undefined) observer.disconnect()
+          window.removeEventListener('resize', measure)
+        }
+      }, [])
       useEffect(() => {
         let alive = true
         const sync = () => { if (alive === true) setCwd(sessionCwdOf(ctx, sessionId)) }
         sync()
         /* The session list is a live store; without a subscription a later
            start (first message in a blank session) would leave the tab on the
-           no-repo chrome until the next remount. */
+           no-repo chrome until the next remount. The notify walks are cheap:
+           getSnapshot + a string compare, and setCwd with an identical string
+           bails out without a render. */
         let unsubscribe
         try {
           const sessions = ctx.get('sessions')
@@ -8009,8 +8210,12 @@ window.__ModuleLoader__.load({
         }
       }, [ctx, sessionId])
       const scope = useMemo(() => ({ cwd: cwd, sessionId: sessionId }), [cwd, sessionId])
-      return E(LocaleLive, { ctx: ctx, scope: scope, t: props.t, visible: true })
-    }
+      return E('div', {
+        ref: seatRef,
+        className: 'dig-conversation-seat',
+        style: seatHeight === null ? undefined : { height: seatHeight + 'px' },
+      }, E(LocaleLive, { ctx: ctx, scope: scope, t: props.t, visible: true }))
+    }, (prev, next) => prev.sessionId === next.sessionId && prev.t === next.t && prev.ctx === next.ctx)
 
     function NativePanel(props) {
       const workspaces = typeof props.useWorkspaces === 'function'