@dsh-xhl/dsh-git-gui 0.1.5 → 0.1.6

package/lib/client.js

@@ -1450,6 +1450,7 @@ function HeaderButton(props) {
  */
 function HeroGitButton() {
   const [pos, setPos] = React.useState(null)
+  const selfRef = React.useRef(null)
 
   React.useEffect(() => {
     const update = () => {
@@ -1468,7 +1469,19 @@ function HeroGitButton() {
       // title row (→ 14px top), so the floating icon sits exactly where the
       // in-chat icon does.
       const top = rect.top + 14
-      const right = window.innerWidth - rect.right + 28
+      // If other plugins also pin a hero FAB to this corner (e.g. the
+      // file-editor's filex-hero-fab), stack ours to the LEFT of them so the
+      // two entries sit side by side instead of overlapping. Only elements
+      // already in the DOM count; our own fab (data-gg-hero-fab) is skipped.
+      let extra = 0
+      const fabNodes = document.querySelectorAll('[class*="hero-fab"]')
+      for (const node of fabNodes) {
+        if (node === selfRef.current) continue
+        if (node.getAttribute('data-gg-hero-fab') !== null) continue
+        const w = node.offsetWidth
+        if (w > 0) extra += w + 8
+      }
+      const right = window.innerWidth - rect.right + 28 + extra
       setPos((current) => current !== null && current.top === top && current.right === right ? current : { top, right })
     }
     const timer = window.setInterval(update, 400)
@@ -1481,7 +1494,12 @@ function HeroGitButton() {
   }, [])
 
   if (pos === null) return null
-  return h('div', { className: 'gg-hero-fab', style: { top: `${pos.top}px`, right: `${pos.right}px` } }, h(GitButton))
+  return h('div', {
+    ref: selfRef,
+    'data-gg-hero-fab': '',
+    className: 'gg-hero-fab',
+    style: { top: `${pos.top}px`, right: `${pos.right}px` },
+  }, h(GitButton))
 }
 
 module.exports = { HeaderButton, HeroGitButton, GitButton }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dsh-xhl/dsh-git-gui",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Git GUI panel for the DeepSeek Harness web surface: visualize working-tree changes (including every modification the agent makes), stage/commit/branch/merge/log/pull/push/stash/revert — all from the browser.",
   "type": "module",
   "main": "lib/index.js",