dsh-ide-git 0.7.2 → 0.8.0

package/src/client.js

@@ -115,6 +115,11 @@ window.__ModuleLoader__.load({
       'action.showDiff': '显示差异',
       'action.copyPath': '复制路径',
       'action.checkout': '签出',
+      'action.float': '浮动本页',
+      'action.dock': '收回停靠',
+      'action.split': '分栏',
+      'action.fullscreen': '全屏',
+      'action.exitFullscreen': '退出全屏',
       'action.newBranchFrom': '从该分支新建分支...',
       'action.newBranchHere': '在此新建分支...',
       'action.rename': '重命名...',
@@ -138,6 +143,8 @@ window.__ModuleLoader__.load({
       'detail.back': '返回历史',
       'detail.noFiles': '没有文件变更',
       'diff.empty': '没有可显示的文本差异',
+      'pane.diff': '差异视图',
+      'pane.resize': '拖动调整{name}尺寸,双击复位,方向键微调',
       'diff.binary': '二进制文件',
       'diff.loading': '正在加载差异...',
       'toolbar.refresh': '刷新',
@@ -269,6 +276,11 @@ window.__ModuleLoader__.load({
       'action.showDiff': 'Show diff',
       'action.copyPath': 'Copy path',
       'action.checkout': 'Checkout',
+      'action.float': 'Float this page',
+      'action.dock': 'Dock back',
+      'action.split': 'Split pane',
+      'action.fullscreen': 'Full screen',
+      'action.exitFullscreen': 'Exit full screen',
       'action.newBranchFrom': 'New branch from here...',
       'action.newBranchHere': 'New branch here...',
       'action.rename': 'Rename...',
@@ -292,6 +304,8 @@ window.__ModuleLoader__.load({
       'detail.back': 'Back to history',
       'detail.noFiles': 'No file changes',
       'diff.empty': 'No textual diff to show',
+      'pane.diff': 'diff view',
+      'pane.resize': 'Drag to resize {name}: double-click resets, arrow keys nudge',
       'diff.binary': 'Binary file',
       'diff.loading': 'Loading diff...',
       'toolbar.refresh': 'Refresh',
@@ -431,6 +445,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': '顯示差異',
         'action.copyPath': '複製路徑',
         'action.checkout': '簽出',
+        'action.float': '浮動本頁',
+        'action.dock': '收回停靠',
+        'action.split': '分欄',
+        'action.fullscreen': '全螢幕',
+        'action.exitFullscreen': '結束全螢幕',
         'action.newBranchFrom': '由此新建分支...',
         'action.newBranchHere': '喺呢度新建分支...',
         'action.rename': '重新命名...',
@@ -454,6 +473,8 @@ window.__ModuleLoader__.load({
         'detail.back': '返回歷史',
         'detail.noFiles': '冇檔案變更',
         'diff.empty': '冇文字差異可以顯示',
+        'pane.diff': '差異檢視',
+        'pane.resize': '拖動調整{name}尺寸,雙擊復位,方向鍵微調',
         'diff.binary': '二進位檔案',
         'diff.loading': '正在載入差異...',
         'toolbar.refresh': '重新整理',
@@ -585,6 +606,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': '顯示差異',
         'action.copyPath': '複製路徑',
         'action.checkout': '簽出',
+        'action.float': '浮動本頁',
+        'action.dock': '收回停靠',
+        'action.split': '分割欄',
+        'action.fullscreen': '全螢幕',
+        'action.exitFullscreen': '結束全螢幕',
         'action.newBranchFrom': '由此新建分支...',
         'action.newBranchHere': '在此新建分支...',
         'action.rename': '重新命名...',
@@ -608,6 +634,8 @@ window.__ModuleLoader__.load({
         'detail.back': '返回歷史',
         'detail.noFiles': '沒有檔案變更',
         'diff.empty': '沒有文字差異可顯示',
+        'pane.diff': '差異檢視',
+        'pane.resize': '拖曳調整{name}尺寸,雙擊重設,方向鍵微調',
         'diff.binary': '二進位檔案',
         'diff.loading': '正在載入差異...',
         'toolbar.refresh': '重新整理',
@@ -739,6 +767,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': '顯示差異',
         'action.copyPath': '複製路徑',
         'action.checkout': '簽出',
+        'action.float': '浮動本頁',
+        'action.dock': '收回停靠',
+        'action.split': '分欄',
+        'action.fullscreen': '全螢幕',
+        'action.exitFullscreen': '結束全螢幕',
         'action.newBranchFrom': '由此新建分支...',
         'action.newBranchHere': '喺呢度新建分支...',
         'action.rename': '重新命名...',
@@ -762,6 +795,8 @@ window.__ModuleLoader__.load({
         'detail.back': '返回歷史',
         'detail.noFiles': '冇檔案變更',
         'diff.empty': '冇文字差異可以顯示',
+        'pane.diff': '差異檢視',
+        'pane.resize': '拖動調整{name}尺寸,雙擊復位,方向鍵微調',
         'diff.binary': '二進位檔案',
         'diff.loading': '正在載入差異...',
         'toolbar.refresh': '重新整理',
@@ -893,6 +928,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': '差分を表示',
         'action.copyPath': 'パスをコピー',
         'action.checkout': 'チェックアウト',
+        'action.float': 'このページを浮動表示',
+        'action.dock': 'ドックに戻す',
+        'action.split': '分割',
+        'action.fullscreen': '全画面',
+        'action.exitFullscreen': '全画面を終了',
         'action.newBranchFrom': 'ここから新しいブランチ...',
         'action.newBranchHere': 'ここに新しいブランチ...',
         'action.rename': '名前を変更...',
@@ -916,6 +956,8 @@ window.__ModuleLoader__.load({
         'detail.back': '履歴に戻る',
         'detail.noFiles': 'ファイルの変更はありません',
         'diff.empty': '表示できるテキスト差分がありません',
+        'pane.diff': '差分ビュー',
+        'pane.resize': '{name}のサイズをドラッグで調整(ダブルクリックでリセット、矢印キーで微調整)',
         'diff.binary': 'バイナリファイル',
         'diff.loading': '差分を読み込み中...',
         'toolbar.refresh': '更新',
@@ -1047,6 +1089,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': '차이 보기',
         'action.copyPath': '경로 복사',
         'action.checkout': '체크아웃',
+        'action.float': '이 페이지 띄우기',
+        'action.dock': '도킹으로 복귀',
+        'action.split': '분할',
+        'action.fullscreen': '전체 화면',
+        'action.exitFullscreen': '전체 화면 종료',
         'action.newBranchFrom': '여기서 새 브랜치...',
         'action.newBranchHere': '여기에 새 브랜치...',
         'action.rename': '이름 바꾸기...',
@@ -1070,6 +1117,8 @@ window.__ModuleLoader__.load({
         'detail.back': '기록으로 돌아가기',
         'detail.noFiles': '파일 변경 없음',
         'diff.empty': '표시할 텍스트 차이가 없습니다',
+        'pane.diff': '차이 보기',
+        'pane.resize': '{name} 크기를 드래그해 조절(더블클릭 초기화, 화살표 키 미세 조정)',
         'diff.binary': '바이너리 파일',
         'diff.loading': '차이 불러오는 중...',
         'toolbar.refresh': '새로 고침',
@@ -1201,6 +1250,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'Diff anzeigen',
         'action.copyPath': 'Pfad kopieren',
         'action.checkout': 'Auschecken',
+        'action.float': 'Diese Seite schweben lassen',
+        'action.dock': 'Zurück andocken',
+        'action.split': 'Teilen',
+        'action.fullscreen': 'Vollbild',
+        'action.exitFullscreen': 'Vollbild beenden',
         'action.newBranchFrom': 'Neuer Branch von hier...',
         'action.newBranchHere': 'Neuer Branch hier...',
         'action.rename': 'Umbenennen...',
@@ -1224,6 +1278,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'Zurück zum Verlauf',
         'detail.noFiles': 'Keine Dateiänderungen',
         'diff.empty': 'Kein textueller Diff vorhanden',
+        'pane.diff': 'Diff-Ansicht',
+        'pane.resize': 'Größe von {name} per Ziehen ändern (Doppelklick setzt zurück, Pfeiltasten justieren)',
         'diff.binary': 'Binärdatei',
         'diff.loading': 'Diff wird geladen...',
         'toolbar.refresh': 'Aktualisieren',
@@ -1355,6 +1411,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'Afficher le diff',
         'action.copyPath': 'Copier le chemin',
         'action.checkout': 'Extraire',
+        'action.float': 'Détacher cette page',
+        'action.dock': 'Réancrer',
+        'action.split': 'Fractionner',
+        'action.fullscreen': 'Plein écran',
+        'action.exitFullscreen': 'Quitter le plein écran',
         'action.newBranchFrom': 'Nouvelle branche depuis ici...',
         'action.newBranchHere': 'Nouvelle branche ici...',
         'action.rename': 'Renommer...',
@@ -1378,6 +1439,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'Retour à l\'historique',
         'detail.noFiles': 'Aucune modification de fichier',
         'diff.empty': 'Aucun diff textuel à afficher',
+        'pane.diff': 'vue du diff',
+        'pane.resize': 'Glisser pour redimensionner {name} (double-clic pour réinitialiser, flèches pour ajuster)',
         'diff.binary': 'Fichier binaire',
         'diff.loading': 'Chargement du diff...',
         'toolbar.refresh': 'Rafraîchir',
@@ -1509,6 +1572,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'Показать различия',
         'action.copyPath': 'Скопировать путь',
         'action.checkout': 'Переключиться',
+        'action.float': 'Открепить страницу',
+        'action.dock': 'Вернуть в док',
+        'action.split': 'Разделить',
+        'action.fullscreen': 'Полный экран',
+        'action.exitFullscreen': 'Выйти из полного экрана',
         'action.newBranchFrom': 'Новая ветка отсюда...',
         'action.newBranchHere': 'Новая ветка здесь...',
         'action.rename': 'Переименовать...',
@@ -1532,6 +1600,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'Назад к истории',
         'detail.noFiles': 'Файлы не изменялись',
         'diff.empty': 'Нет текстовых различий для показа',
+        'pane.diff': 'просмотр diff',
+        'pane.resize': 'Перетащите, чтобы изменить размер {name} (двойной клик — сброс, стрелки — точная настройка)',
         'diff.binary': 'Двоичный файл',
         'diff.loading': 'Загрузка различий...',
         'toolbar.refresh': 'Обновить',
@@ -1663,6 +1733,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'Mostrar diff',
         'action.copyPath': 'Copiar caminho',
         'action.checkout': 'Checkout',
+        'action.float': 'Flutuar esta página',
+        'action.dock': 'Reacoplar',
+        'action.split': 'Dividir',
+        'action.fullscreen': 'Tela cheia',
+        'action.exitFullscreen': 'Sair da tela cheia',
         'action.newBranchFrom': 'Nova branch a partir daqui...',
         'action.newBranchHere': 'Nova branch aqui...',
         'action.rename': 'Renomear...',
@@ -1686,6 +1761,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'Voltar ao histórico',
         'detail.noFiles': 'Nenhuma alteração de arquivo',
         'diff.empty': 'Nenhum diff textual para mostrar',
+        'pane.diff': 'visualização do diff',
+        'pane.resize': 'Arraste para redimensionar {name} (duplo clique restaura, setas ajustam)',
         'diff.binary': 'Arquivo binário',
         'diff.loading': 'Carregando diff...',
         'toolbar.refresh': 'Atualizar',
@@ -1817,6 +1894,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'Mostra il diff',
         'action.copyPath': 'Copia percorso',
         'action.checkout': 'Checkout',
+        'action.float': 'Fluttua questa pagina',
+        'action.dock': 'Riaggancia',
+        'action.split': 'Dividi',
+        'action.fullscreen': 'Schermo intero',
+        'action.exitFullscreen': 'Esci da schermo intero',
         'action.newBranchFrom': 'Nuovo branch da qui...',
         'action.newBranchHere': 'Nuovo branch qui...',
         'action.rename': 'Rinomina...',
@@ -1840,6 +1922,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'Torna alla cronologia',
         'detail.noFiles': 'Nessuna modifica ai file',
         'diff.empty': 'Nessun diff testuale da mostrare',
+        'pane.diff': 'vista diff',
+        'pane.resize': 'Trascina per ridimensionare {name} (doppio clic ripristina, frecce per regolare)',
         'diff.binary': 'File binario',
         'diff.loading': 'Caricamento del diff...',
         'toolbar.refresh': 'Aggiorna',
@@ -1971,6 +2055,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'Diff tonen',
         'action.copyPath': 'Pad kopiëren',
         'action.checkout': 'Uitchecken',
+        'action.float': 'Deze pagina losmaken',
+        'action.dock': 'Terugdokken',
+        'action.split': 'Splitsen',
+        'action.fullscreen': 'Volledig scherm',
+        'action.exitFullscreen': 'Volledig scherm sluiten',
         'action.newBranchFrom': 'Nieuwe branch vanaf hier...',
         'action.newBranchHere': 'Nieuwe branch hier...',
         'action.rename': 'Hernoemen...',
@@ -1994,6 +2083,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'Terug naar geschiedenis',
         'detail.noFiles': 'Geen bestandswijzigingen',
         'diff.empty': 'Geen tekstuele diff om te tonen',
+        'pane.diff': 'diff-weergave',
+        'pane.resize': 'Sleep om {name} te vergroten (dubbelklik herstelt, pijltjes stellen fijn af)',
         'diff.binary': 'Binair bestand',
         'diff.loading': 'Diff laden...',
         'toolbar.refresh': 'Vernieuwen',
@@ -2125,6 +2216,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'Pokaż różnice',
         'action.copyPath': 'Kopiuj ścieżkę',
         'action.checkout': 'Przełącz',
+        'action.float': 'Odczep tę stronę',
+        'action.dock': 'Zadokuj z powrotem',
+        'action.split': 'Podziel',
+        'action.fullscreen': 'Pełny ekran',
+        'action.exitFullscreen': 'Wyjdź z pełnego ekranu',
         'action.newBranchFrom': 'Nowa gałąź stąd...',
         'action.newBranchHere': 'Nowa gałąź tutaj...',
         'action.rename': 'Zmień nazwę...',
@@ -2148,6 +2244,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'Powrót do historii',
         'detail.noFiles': 'Brak zmian w plikach',
         'diff.empty': 'Brak różnic tekstowych do pokazania',
+        'pane.diff': 'widok diff',
+        'pane.resize': 'Przeciągnij, aby zmienić rozmiar {name} (podwójne kliknięcie przywraca, strzałki korygują)',
         'diff.binary': 'Plik binarny',
         'diff.loading': 'Wczytywanie różnic...',
         'toolbar.refresh': 'Odśwież',
@@ -2279,6 +2377,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'Visa diff',
         'action.copyPath': 'Kopiera sökväg',
         'action.checkout': 'Checka ut',
+        'action.float': 'Friställ sidan',
+        'action.dock': 'Docka tillbaka',
+        'action.split': 'Dela',
+        'action.fullscreen': 'Helskärm',
+        'action.exitFullscreen': 'Avsluta helskärm',
         'action.newBranchFrom': 'Ny gren härifrån...',
         'action.newBranchHere': 'Ny gren här...',
         'action.rename': 'Byt namn...',
@@ -2302,6 +2405,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'Tillbaka till historiken',
         'detail.noFiles': 'Inga filändringar',
         'diff.empty': 'Ingen textdiff att visa',
+        'pane.diff': 'diff-vy',
+        'pane.resize': 'Dra för att ändra storleken på {name} (dubbelklick återställer, piltangenter finjusterar)',
         'diff.binary': 'Binär fil',
         'diff.loading': 'Laddar diff...',
         'toolbar.refresh': 'Uppdatera',
@@ -2433,6 +2538,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'Farkı göster',
         'action.copyPath': 'Yolu kopyala',
         'action.checkout': 'Çıkar',
+        'action.float': 'Bu sayfayı yüzdür',
+        'action.dock': 'Yuvaya geri al',
+        'action.split': 'Böl',
+        'action.fullscreen': 'Tam ekran',
+        'action.exitFullscreen': 'Tam ekrandan çık',
         'action.newBranchFrom': 'Buradan yeni dal...',
         'action.newBranchHere': 'Burada yeni dal...',
         'action.rename': 'Yeniden adlandır...',
@@ -2456,6 +2566,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'Geçmişe dön',
         'detail.noFiles': 'Dosya değişikliği yok',
         'diff.empty': 'Gösterilecek metin farkı yok',
+        'pane.diff': 'diff görünümü',
+        'pane.resize': '{name} boyutunu sürükleyerek ayarlayın (çift tıklama sıfırlar, ok tuşları ince ayar yapar)',
         'diff.binary': 'İkili dosya',
         'diff.loading': 'Fark yükleniyor...',
         'toolbar.refresh': 'Yenile',
@@ -2587,6 +2699,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'Tampilkan diff',
         'action.copyPath': 'Salin jalur',
         'action.checkout': 'Checkout',
+        'action.float': 'Apungkan halaman ini',
+        'action.dock': 'Kembalikan ke dok',
+        'action.split': 'Bagi',
+        'action.fullscreen': 'Layar penuh',
+        'action.exitFullscreen': 'Keluar dari layar penuh',
         'action.newBranchFrom': 'Branch baru dari sini...',
         'action.newBranchHere': 'Branch baru di sini...',
         'action.rename': 'Ganti nama...',
@@ -2610,6 +2727,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'Kembali ke riwayat',
         'detail.noFiles': 'Tidak ada perubahan berkas',
         'diff.empty': 'Tidak ada diff teks untuk ditampilkan',
+        'pane.diff': 'tampilan diff',
+        'pane.resize': 'Seret untuk mengubah ukuran {name} (klik ganda mengatur ulang, tombol panah menyesuaikan)',
         'diff.binary': 'Berkas biner',
         'diff.loading': 'Memuat diff...',
         'toolbar.refresh': 'Segarkan',
@@ -2741,6 +2860,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'Xem diff',
         'action.copyPath': 'Sao chép đường dẫn',
         'action.checkout': 'Checkout',
+        'action.float': 'Tách trang này',
+        'action.dock': 'Ghép lại vào dock',
+        'action.split': 'Chia',
+        'action.fullscreen': 'Toàn màn hình',
+        'action.exitFullscreen': 'Thoát toàn màn hình',
         'action.newBranchFrom': 'Nhánh mới từ đây...',
         'action.newBranchHere': 'Nhánh mới tại đây...',
         'action.rename': 'Đổi tên...',
@@ -2764,6 +2888,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'Quay lại lịch sử',
         'detail.noFiles': 'Không có thay đổi tệp',
         'diff.empty': 'Không có diff văn bản để hiển thị',
+        'pane.diff': 'chế độ xem diff',
+        'pane.resize': 'Kéo để đổi kích thước {name} (nhấp đúp để đặt lại, phím mũi tên để tinh chỉnh)',
         'diff.binary': 'Tệp nhị phân',
         'diff.loading': 'Đang tải diff...',
         'toolbar.refresh': 'Làm mới',
@@ -2895,6 +3021,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'عرض الفروق',
         'action.copyPath': 'نسخ المسار',
         'action.checkout': 'تبديل',
+        'action.float': 'تعويم هذه الصفحة',
+        'action.dock': 'الإرجاع إلى الرصيف',
+        'action.split': 'تقسيم',
+        'action.fullscreen': 'ملء الشاشة',
+        'action.exitFullscreen': 'إنهاء ملء الشاشة',
         'action.newBranchFrom': 'فرع جديد من هنا...',
         'action.newBranchHere': 'فرع جديد هنا...',
         'action.rename': 'إعادة التسمية...',
@@ -2918,6 +3049,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'رجوع إلى السجل',
         'detail.noFiles': 'لا توجد تغييرات في الملفات',
         'diff.empty': 'لا توجد فروق نصية لعرضها',
+        'pane.diff': 'عرض الفروق',
+        'pane.resize': 'اسحب لتغيير حجم {name} (النقر المزدوج يعيد الضبط، ومفاتيح الأسهم للضبط الدقيق)',
         'diff.binary': 'ملف ثنائي',
         'diff.loading': 'جارٍ تحميل الفروق...',
         'toolbar.refresh': 'تحديث',
@@ -3049,6 +3182,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'अंतर दिखाएँ',
         'action.copyPath': 'पथ कॉपी करें',
         'action.checkout': 'चेकआउट',
+        'action.float': 'इस पृष्ठ को तैराएँ',
+        'action.dock': 'डॉक पर वापस लाएँ',
+        'action.split': 'विभाजित करें',
+        'action.fullscreen': 'पूर्ण स्क्रीन',
+        'action.exitFullscreen': 'पूर्ण स्क्रीन से बाहर',
         'action.newBranchFrom': 'यहाँ से नई शाखा...',
         'action.newBranchHere': 'यहाँ नई शाखा...',
         'action.rename': 'नाम बदलें...',
@@ -3072,6 +3210,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'इतिहास पर वापस',
         'detail.noFiles': 'कोई फ़ाइल परिवर्तन नहीं',
         'diff.empty': 'दिखाने के लिए कोई टेक्स्ट अंतर नहीं',
+        'pane.diff': 'डिफ़ व्यू',
+        'pane.resize': '{name} का आकार बदलने के लिए खींचें (डबल-क्लिक रीसेट, तीर कुंजियाँ सूक्ष्म समायोजन)',
         'diff.binary': 'बाइनरी फ़ाइल',
         'diff.loading': 'अंतर लोड हो रहा है...',
         'toolbar.refresh': 'ताज़ा करें',
@@ -3203,6 +3343,11 @@ window.__ModuleLoader__.load({
         'action.showDiff': 'แสดงความต่าง',
         'action.copyPath': 'คัดลอกพาธ',
         'action.checkout': 'เช็กเอาต์',
+        'action.float': 'ลอยหน้านี้',
+        'action.dock': 'กลับเข้าด็อก',
+        'action.split': 'แบ่งหน้าต่าง',
+        'action.fullscreen': 'เต็มหน้าจอ',
+        'action.exitFullscreen': 'ออกจากเต็มหน้าจอ',
         'action.newBranchFrom': 'แบรนช์ใหม่จากที่นี่...',
         'action.newBranchHere': 'แบรนช์ใหม่ที่นี่...',
         'action.rename': 'เปลี่ยนชื่อ...',
@@ -3226,6 +3371,8 @@ window.__ModuleLoader__.load({
         'detail.back': 'กลับไปที่ประวัติ',
         'detail.noFiles': 'ไม่มีการเปลี่ยนแปลงไฟล์',
         'diff.empty': 'ไม่มีความต่างเชิงข้อความให้แสดง',
+        'pane.diff': 'มุมมอง diff',
+        'pane.resize': 'ลากเพื่อปรับขนาด {name} (ดับเบิลคลิกเพื่อรีเซ็ต ปุ่มลูกศรปรับละเอียด)',
         'diff.binary': 'ไฟล์ไบนารี',
         'diff.loading': 'กำลังโหลดความต่าง...',
         'toolbar.refresh': 'รีเฟรช',
@@ -3448,6 +3595,16 @@ window.__ModuleLoader__.load({
        so a version that adds an action never breaks a stored config. */
     const RAIL_SPECS = [
       { id: 'refresh', icon: 'refresh', key: 'toolbar.refresh', tone: 'accent' },
+      /* View actions. The tree toggle lives here as well as in the compact header
+         because a persisted treeOpen=false would otherwise have no way back:
+         compact is the only chrome with a header button, and it used to render
+         that button only while the tree was OPEN. */
+      { id: 'tree', icon: 'branch', key: 'toolbar.tree', tone: 'secondary' },
+      /* The official right-sidebar dock (float / re-dock / split / full screen).
+         They only render where that service exists — see dockFaceOf(). */
+      { id: 'float', icon: 'float', key: 'action.float', tone: 'accent' },
+      { id: 'split', icon: 'split', key: 'action.split', tone: 'secondary' },
+      { id: 'fullscreen', icon: 'fullscreen', key: 'action.fullscreen', tone: 'secondary' },
       { id: 'newBranch', icon: 'plus', key: 'toolbar.newBranch', tone: 'success' },
       { id: 'checkout', icon: 'checkout', key: 'action.checkout', tone: 'accent' },
       { id: 'delete', icon: 'trash', key: 'action.delete', tone: 'danger' },
@@ -3461,6 +3618,10 @@ window.__ModuleLoader__.load({
       { id: 'push', icon: 'push', key: 'toolbar.push', tone: 'success' },
     ]
     const RAIL_IDS = RAIL_SPECS.map((spec) => spec.id)
+    /* Actions that arrange the view rather than touch the repository, so a running
+       git command never greys them out. */
+    const RAIL_VIEW_IDS = ['tree', 'float', 'split', 'fullscreen']
+    const RAIL_DOCK_IDS = ['float', 'split', 'fullscreen']
 
     function normalizeRail(raw) {
       const source = raw !== null && typeof raw === 'object' ? raw : {}
@@ -3491,6 +3652,268 @@ window.__ModuleLoader__.load({
       try { window.localStorage.setItem(RAIL_KEY, JSON.stringify(config)) } catch (error) { void error }
     }
 
+    /* ============================== pane sizes ============================== */
+
+    /* ---- pane sizing core (pure: tests/smoke.mjs slices this block and drives
+       it through new Function, so it must stay free of window/DOM/React) ---- */
+
+    /* Every fixed pane size in the layout became draggable (issue #5), and the
+       result is remembered PER SURFACE. The same registration renders in the
+       bottom workbench (wide and flat) and in the native right sidebar (narrow
+       and tall), and a 290px changes column that is right in one is half the
+       panel in the other. The bucket is therefore `chrome:wide|tall`, and what
+       is stored is a RATIO of the measured container: resizing the dock or the
+       window rescales the panes instead of breaking the layout. */
+    const PANES_KEY = 'dsh-ide-git.panes.v1'
+    const PANE_CHROME_KEYS = {
+      columns: ['tree', 'changes'],
+      stack: ['tree', 'changes', 'diff'],
+      compact: ['tree', 'diff'],
+    }
+    /* Whether a key measures a height (stacked chromes) or a width (columns). */
+    const PANE_HEIGHT_CHROME = { columns: false, stack: true, compact: true }
+    /* The pane a separator resizes, and the key its label is translated from. */
+    const PANE_NAME_KEYS = { tree: 'toolbar.tree', changes: 'changes.title', diff: 'pane.diff' }
+    /* Hard limits in px: a gutter moves a pane between these and nothing else,
+       so no pane can ever be dragged down to zero. */
+    const PANE_LIMITS = {
+      'columns:tree': { min: 140, max: 560 },
+      'columns:changes': { min: 200, max: 640 },
+      'stack:tree': { min: 100, max: 420 },
+      'stack:changes': { min: 120, max: 460 },
+      'stack:diff': { min: 120, max: 900 },
+      'compact:tree': { min: 100, max: 420 },
+      'compact:diff': { min: 120, max: 900 },
+    }
+    /* Today's fixed sizes stay the default — and stay in the stylesheet: a pane
+       the user never dragged keeps exactly the look it had before, while a
+       dragged one is remembered as a ratio. */
+    const PANE_DEFAULTS = {
+      'columns:tree': { px: 200 },
+      'columns:changes': { px: 290 },
+      'stack:tree': { ratio: 0.36 },
+      'stack:changes': { ratio: 0.46 },
+      'compact:tree': { ratio: 0.42 },
+    }
+    const PANE_MAIN_MIN_W = 240
+    const PANE_MAIN_MIN_H = 150
+    /* The reserve above is the IDEAL the clamp aims for. When the panel is simply
+       too small for every default at once, aiming for it would put a pane's
+       ceiling BELOW the box that pane already occupies — and the first drag would
+       then shrink it instead of growing it. Below that point the middle pane
+       keeps this hard floor instead, and the pane's own current size always wins
+       (see paneGeometry). */
+    const PANE_MAIN_FLOOR_PX = 120
+    const PANE_HISTORY_MIN_H = 120
+    /* Hit area of one gutter, and how many of them sit in the body. The
+       history↔diff separator lives inside the middle pane, so it is not counted
+       against the body's own budget. */
+    const PANE_GUTTER_PX = 8
+    const PANE_BODY_GUTTERS = { columns: 2, stack: 2, compact: 1 }
+    const PANE_BUCKETS = Object.keys(PANE_CHROME_KEYS).reduce(
+      (all, chrome) => all.concat([chrome + ':wide', chrome + ':tall']), [])
+
+    /* Two measurements are the same when every pane they know about is. */
+    function samePaneSizes(current, next) {
+      const keys = Object.keys(current)
+      if (keys.length !== Object.keys(next).length) return false
+      for (const key of keys) { if (current[key] !== next[key]) return false }
+      return true
+    }
+
+    function panBucket(chrome, box) {
+      return chrome + (box.height > box.width ? ':tall' : ':wide')
+    }
+
+    /* Storage is untrusted, so this keeps normalizeRail()'s discipline: unknown
+       buckets, unknown keys, non-finite numbers and out-of-range ratios are all
+       dropped. A ratio is a fraction of the container, so it lives in (0, 1]. */
+    function normalizePanes(raw) {
+      const source = raw !== null && typeof raw === 'object' ? raw : {}
+      const stored = source.panes !== null && typeof source.panes === 'object' ? source.panes : {}
+      const panes = {}
+      for (const bucket of PANE_BUCKETS) {
+        const entry = stored[bucket]
+        if (entry === null || typeof entry !== 'object') continue
+        const keys = PANE_CHROME_KEYS[bucket.slice(0, bucket.indexOf(':'))]
+        const clean = {}
+        for (const key of keys) {
+          const value = entry[key]
+          if (typeof value !== 'number' || Number.isFinite(value) === false) continue
+          if (value <= 0 || value > 1) continue
+          clean[key] = value
+        }
+        if (Object.keys(clean).length > 0) panes[bucket] = clean
+      }
+      return { treeOpen: source.treeOpen !== false, panes: panes }
+    }
+
+    /* Immutable single-key update. ratio === null removes the override, which is
+       exactly what the double-click reset does. */
+    function withPaneRatio(config, bucket, key, ratio) {
+      const panes = {}
+      for (const name of PANE_BUCKETS) {
+        if (config.panes[name] !== undefined) panes[name] = config.panes[name]
+      }
+      const entry = {}
+      const current = panes[bucket] === undefined ? {} : panes[bucket]
+      for (const name of PANE_CHROME_KEYS[bucket.slice(0, bucket.indexOf(':'))]) {
+        if (current[name] !== undefined) entry[name] = current[name]
+      }
+      if (ratio === null) delete entry[key]
+      else entry[key] = ratio
+      if (Object.keys(entry).length === 0) delete panes[bucket]
+      else panes[bucket] = entry
+      return { treeOpen: config.treeOpen, panes: panes }
+    }
+
+    /* Stored ratios (or today's defaults) → concrete px for the current chrome,
+       clamped against the measured container. `overrides` holds only the panes
+       the user actually dragged (absent = leave the stylesheet default alone);
+       `effective` is what the clamp math used; `limits` is the range each gutter
+       is allowed to hand back. `laidOut` is what the panes actually measure right
+       now, which beats the stylesheet default when a pane is content-sized: the
+       stacked chrome caps the changes pane at 46%, but a three-file summary only
+       takes 30%, and reserving the cap would freeze the tree above it. */
+    function paneGeometry(chrome, box, config, laidOut) {
+      const height = PANE_HEIGHT_CHROME[chrome] === true
+      const reference = height ? box.height : box.width
+      const bucket = panBucket(chrome, box)
+      const ready = config !== null && typeof config === 'object'
+      const source = ready && config.panes !== null && typeof config.panes === 'object' ? config.panes : {}
+      const ratios = source[bucket] !== null && typeof source[bucket] === 'object' ? source[bucket] : {}
+      const measured = laidOut !== null && typeof laidOut === 'object' ? laidOut : {}
+      const keys = PANE_CHROME_KEYS[chrome].slice()
+      /* A folded tree has no pane and no gutter, so it must not reserve room. */
+      if (ready && config.treeOpen === false) {
+        const at = keys.indexOf('tree')
+        if (at >= 0) keys.splice(at, 1)
+      }
+      const overrides = {}
+      const effective = {}
+      const limits = {}
+      const sizeOf = (key) => (effective[key] === undefined ? 0 : effective[key])
+      for (const key of keys) {
+        const spec = PANE_DEFAULTS[chrome + ':' + key]
+        const fallback = spec === undefined ? 0 : (spec.px === undefined ? spec.ratio * reference : spec.px)
+        const live = measured[key]
+        effective[key] = typeof live === 'number' && Number.isFinite(live) && live > 0 ? live : fallback
+      }
+      const space = Math.max(0, reference - PANE_BODY_GUTTERS[chrome] * PANE_GUTTER_PX)
+      const reserve = height ? PANE_MAIN_MIN_H : PANE_MAIN_MIN_W
+      /* Deterministic order: changes, then tree, then diff. The diff is carved
+         out of the middle pane, so it is clamped last — against whatever the
+         first two left behind, minus the history list's own minimum. */
+      for (const key of ['changes', 'tree', 'diff']) {
+        if (keys.indexOf(key) < 0) continue
+        const spec = PANE_LIMITS[chrome + ':' + key]
+        const current = sizeOf(key)
+        let ceiling = spec.max
+        if (key === 'diff') {
+          const main = space - sizeOf('changes') - sizeOf('tree') - PANE_GUTTER_PX
+          ceiling = Math.min(ceiling, main - PANE_HISTORY_MIN_H)
+        } else {
+          let taken = 0
+          for (const other of keys) { if (other !== key && other !== 'diff') taken += sizeOf(other) }
+          /* Two tiers, because one number cannot serve both jobs. The IDEAL keeps
+             the middle pane at its reserve — that is what a roomy panel gets. The
+             relaxed tier only kicks in when the ideal would land BELOW the box
+             this pane already occupies (a 674px column cannot hold 200 + 290 + 240
+             at once), and it exists so the clamp degrades to "you may not grow
+             much" instead of "the first drag to the right shrinks you". */
+          const ideal = space - reserve - taken
+          ceiling = Math.min(ceiling, current > ideal ? space - PANE_MAIN_FLOOR_PX - taken : ideal)
+        }
+        /* The clamp may refuse to GROW a pane; it may never shrink one the user
+           did not touch — so the ceiling is never below the pane's current box,
+           and the aria window says exactly that. */
+        const cap = Math.max(spec.max, Math.round(current))
+        const high = Math.min(cap, Math.max(spec.min, Math.round(ceiling), Math.round(current)))
+        limits[key] = { min: spec.min, max: high }
+        const ratio = ratios[key]
+        if (typeof ratio === 'number' && Number.isFinite(ratio)) {
+          const px = Math.round(Math.min(Math.max(ratio * reference, spec.min), high))
+          overrides[key] = px
+          effective[key] = px
+        }
+      }
+      return { bucket: bucket, overrides: overrides, effective: effective, limits: limits }
+    }
+    /* ---- end pane sizing core ---- */
+
+    function readPanes() {
+      try {
+        const raw = window.localStorage.getItem(PANES_KEY)
+        if (raw === null || raw === '') return normalizePanes(null)
+        return normalizePanes(JSON.parse(raw))
+      } catch (error) { void error }
+      return normalizePanes(null)
+    }
+
+    function writePanes(config) {
+      try { window.localStorage.setItem(PANES_KEY, JSON.stringify(normalizePanes(config))) } catch (error) { void error }
+    }
+
+    /* ============================== dock actions ============================== */
+
+    /* ---- dock action core (pure: tests/smoke.mjs slices this block) ---- */
+
+    /* The official right sidebar (ui-sidebar-right) is the only surface that can
+       float a tab out, dock it back, split its pane or take it full screen, and it
+       is NOT there on every host: with dsh-better-sidebar loaded this panel lives
+       in THAT dock, an old host has no sidebarRight at all, and even on a host that
+       ships it the service is only provided once ui-sidebar-right has mounted —
+       reading it during apply() returns undefined (measured on 0.1.7-rc.2). So the
+       service is read at render time, and a missing one means these actions do not
+       exist for this mount: no button, no error, no console noise. */
+    function dockFaceOf(ctx) {
+      if (ctx === null || ctx === undefined || typeof ctx.get !== 'function') return null
+      let service
+      try { service = ctx.get('sidebarRight') } catch (error) { return null }
+      if (service === null || service === undefined || typeof service !== 'object') return null
+      if (typeof service.float !== 'function' || typeof service.dock !== 'function') return null
+      return service
+    }
+
+    /* What this mount can offer. `dock` is the wiring handed down to the panel
+       (null when nothing is wired, e.g. the better-sidebar door), `floatPaneId` is
+       the floating pane the panel is currently drawn in, read from the float
+       layer's own marker. The face publishes operations only — no layout snapshot —
+       so the float state has to come from there. */
+    function dockActionState(dock, floatPaneId) {
+      const wired = dock !== null && typeof dock === 'object' && typeof dock.tabId === 'string'
+        && dock.tabId !== '' && dock.service !== null && typeof dock.service === 'object'
+      const floating = typeof floatPaneId === 'string' && floatPaneId !== ''
+      return {
+        wired: wired,
+        floating: floating,
+        float: wired,
+        /* A float panel hosts exactly one tab: splitting it is not a thing. */
+        split: wired && floating === false,
+        fullscreen: wired && typeof dock.service.toggleFullscreen === 'function',
+      }
+    }
+    /* ---- end dock action core ---- */
+
+    /* The slot hands every tab body its own reader; it THROWS while the tab is not
+       committed in the session, so an unreadable tab means no dock actions rather
+       than a broken panel. Called from the component that owns the hook. */
+    function readDockInfo(useTabInfo, ctx) {
+      if (typeof useTabInfo !== 'function') return null
+      const service = dockFaceOf(ctx)
+      if (service === null) return null
+      let info = null
+      try { info = useTabInfo() } catch (error) { void error }
+      if (info === null || typeof info !== 'object' || info.tab === undefined || info.panel === undefined) return null
+      if (typeof info.tab.id !== 'string') return null
+      return {
+        service: service,
+        tabId: info.tab.id,
+        paneId: typeof info.panel.id === 'string' ? info.panel.id : '',
+        fullscreen: info.sidebar !== undefined && info.sidebar !== null && info.sidebar.fullscreen === true,
+      }
+    }
+
     /* ============================== formatting ============================== */
 
     function relativeTime(iso) {
@@ -3743,6 +4166,11 @@ window.__ModuleLoader__.load({
       grip: ['M5.6 4.6h4.8', 'M5.6 8h4.8', 'M5.6 11.4h4.8'],
       filter: ['M2 3.6h12l-4.6 5.2v4.2l-2.8-1.4V8.8z'],
       check: ['M3.2 8.4 6.4 11.6 12.8 4.6'],
+      // dock actions (official right sidebar): lift a panel out, drop it back into
+      // the dock, split the pane, and the full-screen pair reuses expand/collapse.
+      float: ['M2.5 6.5v7h7v-3', 'M6 10 13.2 2.8', 'M9.4 2.8h3.8v3.8'],
+      dock: ['M2.5 3h11v10h-11z', 'M8 5.2v5.6', 'M5.4 8.2 8 10.8l2.6-2.6'],
+      split: ['M2.5 3h11v10h-11z', 'M8 3v10'],
       expand: ['M4.5 6.2 8 9.7l3.5-3.5', 'M3 12.4h10'],
       collapse: ['M4.5 9.8 8 6.3l3.5 3.5', 'M3 3.6h10'],
     }
@@ -3798,22 +4226,37 @@ window.__ModuleLoader__.load({
           document.removeEventListener('keydown', onKey)
         }
       }, [])
-      return E('div', { className: 'dig-menu', ref: ref, style: { left: position.left + 'px', top: position.top + 'px' } },
-        props.items.map((item, index) => (item === null
-          ? E('div', { key: 'sep-' + index, className: 'dig-menu-sep' })
-          : E('button', {
-              key: item.id + '-' + index,
-              type: 'button',
-              title: item.disabled === true && item.reason !== undefined ? item.reason : '',
-              className: 'dig-menu-item'
-                + (item.danger === true ? ' dig-menu-danger' : '')
-                + (item.disabled === true ? ' dig-menu-disabled' : '')
-                + (item.active === true ? ' dig-menu-item-active' : ''),
-              disabled: item.disabled === true,
-              onClick: (event) => { closeRef.current(); item.run(event) },
-            },
-            item.icon === undefined ? null : E('span', { className: 'dig-menu-icon dig-tone-' + (item.tone === undefined ? 'secondary' : item.tone) }, E(Icon, { name: item.icon, size: 13 })),
-            E('span', { className: 'dig-menu-label' }, item.label)))))
+      /* Two boxes on purpose (dsh 0.1.7-rc.2 menu-material contract): the outer
+         card owns the material (a `::before` painted on its own layer, so the
+         backdrop filter never becomes the containing block or backdrop root of
+         the rows) and the inner box owns the scroll. `data-menu-material` is the
+         theme's hook for the dark-menu stroke rebind — the same hook the shipped
+         MenuSurface sets. The card must stay a plain `position: absolute` box
+         inside `.dig-root`: panel-internal positioning is an invariant (13), and
+         a portal to `document.body` would land outside the panel. */
+      return E('div', {
+        className: 'dig-menu', ref: ref, 'data-menu-material': 'translucent',
+        style: { left: position.left + 'px', top: position.top + 'px' },
+      },
+        E('div', { className: 'dig-menu-scroll' },
+          props.items.map((item, index) => (item === null
+            ? E('div', { key: 'sep-' + index, className: 'dig-menu-sep' })
+            : E('button', {
+                key: item.id + '-' + index,
+                type: 'button',
+                title: item.disabled === true && item.reason !== undefined ? item.reason : '',
+                className: 'dig-menu-item'
+                  + (item.danger === true ? ' dig-menu-danger' : '')
+                  + (item.disabled === true ? ' dig-menu-disabled' : '')
+                  + (item.active === true ? ' dig-menu-item-active' : ''),
+                // The row keeps its id on the DOM so a `⋯ 更多` entry is addressable
+                // (the rail's own buttons do the same; probes click through either).
+                'data-action': item.id === undefined ? undefined : item.id,
+                disabled: item.disabled === true,
+                onClick: (event) => { closeRef.current(); item.run(event) },
+              },
+              item.icon === undefined ? null : E('span', { className: 'dig-menu-icon dig-tone-' + (item.tone === undefined ? 'secondary' : item.tone) }, E(Icon, { name: item.icon, size: 13 })),
+              E('span', { className: 'dig-menu-label' }, item.label))))))
     }
 
     /* Lets the user choose which actions the rail shows and in which order. The
@@ -3948,6 +4391,77 @@ window.__ModuleLoader__.load({
         }, item.label)))
     }
 
+    /* A draggable divider between two panes. The pane it resizes is the sibling
+       it is rendered against, and its size is MEASURED at pointerdown — so a pane
+       still living on its stylesheet default (a percentage cap, or a diff pane
+       sized by its own content) drags from exactly where it looks. Pointer capture
+       keeps the drag alive once the pointer leaves the 8px hit area, and
+       touch-action:none is what stops a phone from scrolling the panel instead of
+       resizing it. Arrow keys nudge (Shift = 4x), double-click resets, and the
+       whole thing is focusable so the divider is reachable without a mouse. */
+    function Gutter(props) {
+      const dragRef = useRef(null)
+      const targetOf = (node) => (props.side === 'next' ? node.nextElementSibling : node.previousElementSibling)
+      const extentOf = (node) => {
+        if (node === null || typeof node.getBoundingClientRect !== 'function') return 0
+        const rect = node.getBoundingClientRect()
+        return props.vertical === true ? rect.width : rect.height
+      }
+      const sign = props.side === 'next' ? -1 : 1
+      const onPointerDown = (event) => {
+        if (event.button !== undefined && event.button !== 0) return
+        dragRef.current = {
+          id: event.pointerId,
+          at: props.vertical === true ? event.clientX : event.clientY,
+          size: extentOf(targetOf(event.currentTarget)),
+        }
+        if (typeof event.currentTarget.setPointerCapture === 'function') event.currentTarget.setPointerCapture(event.pointerId)
+        if (typeof event.currentTarget.focus === 'function') event.currentTarget.focus()
+        props.onStart()
+      }
+      const onPointerMove = (event) => {
+        const drag = dragRef.current
+        if (drag === null || drag.id !== event.pointerId) return
+        const at = props.vertical === true ? event.clientX : event.clientY
+        props.onDrag(drag.size + sign * (at - drag.at))
+      }
+      const onPointerUp = () => {
+        if (dragRef.current === null) return
+        dragRef.current = null
+        props.onEnd()
+      }
+      const onKeyDown = (event) => {
+        const step = event.shiftKey === true ? 32 : 8
+        const axis = props.vertical === true
+          ? (event.key === 'ArrowLeft' ? -1 : event.key === 'ArrowRight' ? 1 : 0)
+          : (event.key === 'ArrowUp' ? -1 : event.key === 'ArrowDown' ? 1 : 0)
+        if (axis === 0) return
+        event.preventDefault()
+        props.onDrag(extentOf(targetOf(event.currentTarget)) + sign * axis * step)
+        props.onEnd()
+      }
+      const label = fill(props.t('pane.resize'), { name: props.t(props.nameKey) })
+      return E('div', {
+        className: 'dig-gutter ' + (props.vertical === true ? 'dig-gutter-v' : 'dig-gutter-h')
+          + (props.active === true ? ' dig-gutter-active' : ''),
+        role: 'separator',
+        tabIndex: 0,
+        'aria-orientation': props.vertical === true ? 'vertical' : 'horizontal',
+        'aria-label': label,
+        'aria-valuenow': props.value,
+        'aria-valuemin': props.min,
+        'aria-valuemax': props.max,
+        title: label,
+        onPointerDown: onPointerDown,
+        onPointerMove: onPointerMove,
+        onPointerUp: onPointerUp,
+        onPointerCancel: onPointerUp,
+        onLostPointerCapture: onPointerUp,
+        onDoubleClick: () => props.onReset(),
+        onKeyDown: onKeyDown,
+      })
+    }
+
     function RepoSelect(props) {
       const t = props.t
       /* While the workspace is still being scanned the panel used to print "no
@@ -4560,7 +5074,21 @@ window.__ModuleLoader__.load({
       const [note, setNote] = useState(null)
       const [busy, setBusy] = useState(false)
       const [view, setView] = useState('history')
-      const [treeOpen, setTreeOpen] = useState(true)
+      /* Pane sizes are remembered per surface (see the pane sizing core). The ref
+         is the value the pointer handlers write through: a drag updates state for
+         the preview and the ref for the single write that pointerup performs. */
+      const [panes, setPanes] = useState(readPanes)
+      const panesRef = useRef(panes)
+      const [treeOpen, setTreeOpen] = useState(panes.treeOpen)
+      const [paneDragging, setPaneDragging] = useState(null)
+      const [paneSizes, setPaneSizes] = useState({})
+      /* The float pane this panel is drawn in, or null while it is docked. The
+         dock face exposes operations only, so the state comes from the float
+         layer's own marker around this panel — the same marker carries the pane
+         id dock() needs to put it back. */
+      const [floatPaneId, setFloatPaneId] = useState(null)
+      const bodyRef = useRef(null)
+      const [bodyBox, setBodyBox] = useState({ width: 0, height: 0 })
       const [detail, setDetail] = useState(null)
       const [selectedHash, setSelectedHash] = useState(null)
       const [selectedPath, setSelectedPath] = useState(null)
@@ -4610,6 +5138,145 @@ window.__ModuleLoader__.load({
       const compact = size.width > 0 && size.width < COMPACT_MAX_WIDTH
       const columns = !compact && size.width >= 600 && size.width >= size.height * 1.15
 
+      /* ---------- draggable panes (issue #5) ---------- */
+
+      // 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(() => {
+        const element = bodyRef.current
+        if (element === null) { setBodyBox({ width: 0, height: 0 }); return undefined }
+        const measure = () => {
+          const rect = element.getBoundingClientRect()
+          setBodyBox({ width: Math.round(rect.width), height: Math.round(rect.height) })
+        }
+        measure()
+        if (typeof ResizeObserver === 'function') {
+          const observer = new ResizeObserver(measure)
+          observer.observe(element)
+          return () => observer.disconnect()
+        }
+        window.addEventListener('resize', measure)
+        return () => window.removeEventListener('resize', measure)
+      }, [])
+
+      const chrome = compact ? 'compact' : columns ? 'columns' : 'stack'
+      const measured = bodyBox.width > 0 || bodyBox.height > 0
+      const paneBox = measured ? bodyBox : size
+      /* The column chrome's dividers are vertical LINES, and the panes they move
+         are sized by width; the stacked chromes move heights. One name for that
+         switch: it decides the divider's orientation, the inline size, the ratio
+         reference and the drag cursor, and getting it half-right is how a height
+         drag ends up writing a width. */
+      const paneByWidth = PANE_HEIGHT_CHROME[chrome] !== true
+      /* What the panes actually measure right now. The clamp needs the real box of
+         the pane it is NOT moving: a content-sized pane is usually shorter than
+         its own percentage cap, and reserving the cap would block the drag (or
+         snap a stored size back on the next render). The markers are data
+         attributes rather than class sniffing so the diff pane, nested inside the
+         middle pane, is found the same way. */
+      const measurePanes = () => {
+        const found = {}
+        const element = bodyRef.current
+        if (element === null) return found
+        for (const node of element.querySelectorAll('[data-pane]')) {
+          const rect = node.getBoundingClientRect()
+          found[node.getAttribute('data-pane')] = Math.round(paneByWidth ? rect.width : rect.height)
+        }
+        return found
+      }
+      /* Kept in state, not in a ref: a pane's box changes without the panel
+         re-rendering (content arrives, a dock resizes), and the render that
+         re-clamps a stored size has to see the same numbers the drag did — a drag
+         allowed further than the render allows snaps back under the cursor. The
+         bail-out comparison is what keeps this from looping. */
+      useEffect(() => {
+        const found = measurePanes()
+        setPaneSizes((current) => (samePaneSizes(current, found) ? current : found))
+      })
+      useEffect(() => {
+        const node = hostRef.current
+        const holder = node === null || typeof node.closest !== 'function' ? null : node.closest('[data-dockkit-float]')
+        const next = holder === null ? null : holder.getAttribute('data-dockkit-float')
+        setFloatPaneId((current) => (current === next ? current : next))
+      })
+      const dock = props.dock === undefined ? null : props.dock
+      const dockState = dockActionState(dock, floatPaneId)
+      const paneLayout = paneGeometry(chrome, paneBox, panes, paneSizes)
+
+      const commitPanes = (next) => {
+        panesRef.current = next
+        setPanes(next)
+      }
+
+      /* The gutter hands back the px it wants; the clamp lives here, and what
+         gets stored is the ratio that reproduces it on this container. The live
+         measurement is pushed into state alongside the new ratio, so the render
+         that follows this gesture clamps with the very same box. */
+      const dragPane = (key, rawPx) => {
+        const live = measurePanes()
+        setPaneSizes((current) => (samePaneSizes(current, live) ? current : live))
+        const layout = paneGeometry(chrome, paneBox, panesRef.current, live)
+        const limit = layout.limits[key]
+        const reference = paneByWidth ? paneBox.width : paneBox.height
+        if (limit === undefined || !(reference > 0)) return
+        const px = Math.round(Math.min(Math.max(rawPx, limit.min), limit.max))
+        commitPanes(withPaneRatio(panesRef.current, layout.bucket, key, px / reference))
+      }
+
+      /* One write per gesture (pointerup / keyboard nudge / double-click), not one
+         per pointermove. */
+      const endPaneDrag = () => {
+        setPaneDragging(null)
+        writePanes(panesRef.current)
+      }
+
+      const resetPane = (key) => {
+        commitPanes(withPaneRatio(panesRef.current, paneLayout.bucket, key, null))
+        writePanes(panesRef.current)
+      }
+
+      const foldTree = (open) => {
+        setTreeOpen(open)
+        commitPanes({ treeOpen: open, panes: panesRef.current.panes })
+        writePanes(panesRef.current)
+      }
+
+      /* Only a pane the user actually dragged gets an inline size; everything
+         else keeps the stylesheet default (200px tree, 290px changes, the
+         percentage caps) — which is also what a double-click returns to. */
+      const paneStyle = (key) => {
+        const px = paneLayout.overrides[key]
+        if (px === undefined) return null
+        return paneByWidth ? { width: px + 'px', maxWidth: px + 'px' } : { height: px + 'px', maxHeight: px + 'px' }
+      }
+
+      /* A divider is a control, so it only exists when it can actually move
+         something: no pane of that key in this chrome, or a window with no travel
+         at all, means no element — and therefore no tab stop either (v0.8.0 shipped
+         a 0x0 focusable separator in the columns chrome that way). */
+      const gutter = (key, side) => {
+        const limit = paneLayout.limits[key]
+        if (limit === undefined || limit.max <= limit.min) return null
+        return E(Gutter, {
+        key: 'gutter-' + key,
+        t: t,
+        nameKey: PANE_NAME_KEYS[key],
+        vertical: paneByWidth,
+        side: side,
+        active: paneDragging === key,
+        // Now is clamped into [min, max]: an aria window the panel contradicts is
+        // worse than no window at all.
+        value: Math.min(Math.max(Math.round(paneLayout.effective[key] === undefined ? 0 : paneLayout.effective[key]), limit.min), limit.max),
+        min: limit.min,
+        max: limit.max,
+        onStart: () => setPaneDragging(key),
+        onDrag: (px) => dragPane(key, px),
+        onEnd: endPaneDrag,
+        onReset: () => resetPane(key),
+        })
+      }
+
 // The action rail measures ITSELF, not the panel: how many buttons fit is a
       // function of the strip that holds them (a 1200x300 workbench and a 300x900
       // sidebar disagree about that). railBox keeps the last measured span; until
@@ -5062,7 +5729,7 @@ window.__ModuleLoader__.load({
             onLoadMore: () => { void guard(() => loadCommits(commits.length)) },
           })
 
-      const diffPane = patch === '' && patchLoading === false ? null : E('div', { className: 'dig-diff-pane' },
+      const diffPane = patch === '' && patchLoading === false ? null : E('div', { className: 'dig-diff-pane', 'data-pane': 'diff', style: paneStyle('diff') },
         E('div', { className: 'dig-diff-head' },
           E('span', { className: 'dig-mono dig-diff-path' }, selectedPath === null ? '' : selectedPath),
           E('button', { type: 'button', className: 'dig-icon-btn', onClick: () => { setPatch(''); setSelectedPath(null) } }, E(Icon, { name: 'close', size: 12 }))),
@@ -5141,13 +5808,44 @@ window.__ModuleLoader__.load({
         else if (spec.id === 'fetch') { entry.disabled = remoteReady !== true; entry.run = () => { void run('fetch', { prune: true }) } }
         else if (spec.id === 'pull') { entry.disabled = remoteReady !== true || tracked !== true || blocked; entry.run = () => { void run('pull', { mode: 'ff-only' }) } }
         else if (spec.id === 'push') { entry.disabled = remoteReady !== true || blocked; entry.run = () => setDialog({ kind: 'push' }) }
-        if (busy === true && spec.id !== 'refresh') entry.disabled = true
+        else if (spec.id === 'tree') { entry.active = treeOpen; entry.run = () => foldTree(!treeOpen) }
+        else if (spec.id === 'float') {
+          // Label AND icon follow where the panel actually is: floating panels get
+          // the way back, docked ones get the way out.
+          entry.available = dockState.float
+          entry.active = dockState.floating
+          entry.icon = dockState.floating === true ? 'dock' : 'float'
+          entry.label = dockState.floating === true ? t('action.dock') : t('action.float')
+          entry.run = () => {
+            if (dockState.floating === true) { dock.service.dock(floatPaneId); return }
+            dock.service.float(dock.tabId)
+          }
+        }
+        else if (spec.id === 'split') {
+          entry.available = dockState.split
+          entry.run = () => { dock.service.split(dock.paneId) }
+        }
+        else if (spec.id === 'fullscreen') {
+          entry.available = dockState.fullscreen
+          entry.active = dock !== null && dock.fullscreen === true
+          entry.icon = entry.active === true ? 'collapse' : 'expand'
+          entry.label = entry.active === true ? t('action.exitFullscreen') : t('action.fullscreen')
+          entry.run = () => {
+            const service = dock.service
+            const target = typeof service.commandTarget === 'function' ? service.commandTarget(document.activeElement) : undefined
+            if (target !== undefined && target !== null) service.toggleFullscreen(target)
+          }
+        }
+        // A running git command greys out the repository actions, never the view.
+        if (busy === true && spec.id !== 'refresh' && RAIL_VIEW_IDS.indexOf(spec.id) < 0) entry.disabled = true
         return entry
       })
 
       const railOrdered = railConfig.order
         .map((id) => railActions.find((action) => action.id === id))
-        .filter((action) => action !== undefined)
+        // An action this mount cannot perform is not rendered at all — hidden, not
+        // disabled: a greyed button for a service the host does not have is noise.
+        .filter((action) => action !== undefined && action.available !== false)
       const railVisible = railOrdered.filter((action) => railConfig.hidden.indexOf(action.id) < 0)
 
       const applyRail = (next) => { setRailConfig(next); writeRailConfig(next) }
@@ -5199,6 +5897,8 @@ window.__ModuleLoader__.load({
           key: action.id,
           type: 'button',
           className: 'dig-rail-btn dig-tone-' + action.tone + (action.active === true ? ' dig-rail-btn-active' : ''),
+          'data-action': action.id,
+          'aria-pressed': action.active === true ? 'true' : 'false',
           title: action.disabled === true ? action.label + ' · ' + reason : action.label,
           disabled: action.disabled === true,
           onClick: action.run,
@@ -5234,18 +5934,24 @@ window.__ModuleLoader__.load({
 
       /* ---------- body per chrome ---------- */
 
+      /* ---------- body per chrome ---------- */
+
+      /* The history↔diff separator only exists while a diff is on screen, and it
+         lives inside the middle pane — the diff is the pane below it. */
+      const diffGutter = diffPane === null ? null : gutter('diff', 'next')
+
       let body
       if (repoState === null) {
         /* The scan is still running: a neutral loading state, never the
            "no repository found" verdict (that text is reserved for a scan
            that actually came back empty). */
-        body = E('div', { className: 'dig-body' }, E('div', { className: 'dig-empty' }, t('status.loading')))
+        body = E('div', { className: 'dig-body', ref: bodyRef }, E('div', { className: 'dig-empty' }, t('status.loading')))
       } else if (repoRoot === null) {
-        body = E('div', { className: 'dig-body' }, E(RepoPicker, {
+        body = E('div', { className: 'dig-body', ref: bodyRef }, E(RepoPicker, {
           t: t, cwd: cwd === undefined ? '' : cwd, repos: repoOptions, onPick: pickRepo,
         }))
       } else if (compact) {
-        body = E('div', { className: 'dig-body dig-body-compact' },
+        body = E('div', { className: 'dig-body dig-body-compact', ref: bodyRef },
           E('div', { className: 'dig-compact-bar' },
             E(Segmented, {
               value: view === 'detail' ? 'history' : view,
@@ -5256,19 +5962,34 @@ window.__ModuleLoader__.load({
               ],
             }),
             E('span', { className: 'dig-topbar-spacer' }),
-            treeOpen ? E('button', { type: 'button', className: 'dig-icon-btn dig-icon-btn-active', title: t('toolbar.tree'), onClick: () => setTreeOpen(false) }, E(Icon, { name: 'branch' })) : null),
-          treeOpen ? E('div', { className: 'dig-compact-tree' }, E(BranchTree, { t: t, branches: branches, favorites: favorites, onCheckout: checkout, onBranchMenu: branchMenu })) : null,
-          view === 'changes' ? changesPane : E('div', { className: 'dig-pane dig-pane-main' }, historyPane, diffPane))
+            // Two-way on purpose: treeOpen is persisted, so a header button that
+            // only rendered while the tree was OPEN left a folded tree with no way
+            // back on this chrome (the rail now carries one too, for the others).
+            E('button', {
+              type: 'button',
+              className: 'dig-icon-btn' + (treeOpen ? ' dig-icon-btn-active' : ''),
+              'data-action': 'tree',
+              'aria-pressed': treeOpen ? 'true' : 'false',
+              title: t('toolbar.tree'),
+              onClick: () => foldTree(!treeOpen),
+            }, E(Icon, { name: treeOpen ? 'eye' : 'eyeOff' }))),
+          treeOpen ? E('div', { className: 'dig-compact-tree', 'data-pane': 'tree', style: paneStyle('tree') }, E(BranchTree, { t: t, branches: branches, favorites: favorites, onCheckout: checkout, onBranchMenu: branchMenu })) : null,
+          treeOpen ? gutter('tree', 'prev') : null,
+          view === 'changes' ? changesPane : E('div', { className: 'dig-pane dig-pane-main' }, historyPane, diffGutter, diffPane))
       } else if (columns) {
-        body = E('div', { className: 'dig-body dig-body-columns' },
-          treeOpen ? E('div', { className: 'dig-pane dig-pane-tree' }, E(BranchTree, { t: t, branches: branches, favorites: favorites, onCheckout: checkout, onBranchMenu: branchMenu })) : null,
-          E('div', { className: 'dig-pane dig-pane-main' }, historyPane, diffPane),
-          E('div', { className: 'dig-pane dig-pane-changes' }, changesPane))
+        body = E('div', { className: 'dig-body dig-body-columns', ref: bodyRef },
+          treeOpen ? E('div', { className: 'dig-pane dig-pane-tree', 'data-pane': 'tree', style: paneStyle('tree') }, E(BranchTree, { t: t, branches: branches, favorites: favorites, onCheckout: checkout, onBranchMenu: branchMenu })) : null,
+          treeOpen ? gutter('tree', 'prev') : null,
+          E('div', { className: 'dig-pane dig-pane-main' }, historyPane, diffGutter, diffPane),
+          gutter('changes', 'next'),
+          E('div', { className: 'dig-pane dig-pane-changes', 'data-pane': 'changes', style: paneStyle('changes') }, changesPane))
       } else {
-        body = E('div', { className: 'dig-body dig-body-stack' },
-          treeOpen ? E('div', { className: 'dig-pane dig-pane-tree-stack' }, E(BranchTree, { t: t, branches: branches, favorites: favorites, onCheckout: checkout, onBranchMenu: branchMenu })) : null,
-          E('div', { className: 'dig-pane dig-pane-changes-stack' }, changesPane),
-          E('div', { className: 'dig-pane dig-pane-main' }, historyPane, diffPane))
+        body = E('div', { className: 'dig-body dig-body-stack', ref: bodyRef },
+          treeOpen ? E('div', { className: 'dig-pane dig-pane-tree-stack', 'data-pane': 'tree', style: paneStyle('tree') }, E(BranchTree, { t: t, branches: branches, favorites: favorites, onCheckout: checkout, onBranchMenu: branchMenu })) : null,
+          treeOpen ? gutter('tree', 'prev') : null,
+          E('div', { className: 'dig-pane dig-pane-changes-stack', 'data-pane': 'changes', style: paneStyle('changes') }, changesPane),
+          gutter('changes', 'prev'),
+          E('div', { className: 'dig-pane dig-pane-main' }, historyPane, diffGutter, diffPane))
       }
 
       /* ---------- overlays ---------- */
@@ -5394,7 +6115,14 @@ window.__ModuleLoader__.load({
       // narrow ones (the native right sidebar) get the same actions as one
       // horizontal row under the repo/branch bar, and every action lives in
       // exactly one place.
-      return E('div', { className: 'dig-root', ref: hostRef }, topBar,
+      // While a divider is being dragged the whole panel stops selecting text and
+      // keeps the resize cursor, even though the pointer has left the 8px gutter.
+      return E('div', {
+        className: 'dig-root'
+          + (compact ? ' dig-root-narrow' : '')
+          + (paneDragging === null ? '' : ' dig-pane-dragging' + (paneByWidth ? '-v' : '-h')),
+        ref: hostRef,
+      }, topBar,
         columns === true || repoRoot === null ? null : renderRail(false),
         banner, noteBanner,
         E('div', { className: 'dig-shell' },
@@ -5421,9 +6149,9 @@ window.__ModuleLoader__.load({
       '.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}',
       '.dig-select-wrap{display:inline-flex;align-items:center;gap:4px;min-width:0;color:var(--dsw-alias-label-secondary)}',
-      '.dig-select{appearance:none;-webkit-appearance:none;background:transparent;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;color:var(--dsw-alias-label-primary);font:inherit;font-weight:500;padding:1px 6px;height:22px;max-width:190px;min-width:0;cursor:pointer;text-overflow:ellipsis}',
+      '.dig-select{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-primary);font:inherit;font-weight:500;padding:1px 6px;height:22px;max-width:190px;min-width:0;cursor:pointer;text-overflow:ellipsis}',
       '.dig-select:hover{background:var(--dsw-alias-interactive-bg-hover)}',
-      '.dig-select:focus{outline:1px solid var(--dsw-alias-brand-primary);outline-offset:-1px}',
+      '.dig-select:focus-visible{outline:1px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-1px}',
       '.dig-select-btn{display:inline-flex;align-items:center;gap:4px;text-align:left;white-space:nowrap;overflow:hidden}',
       '.dig-select-btn .dig-repo-name{flex:1;min-width:0;max-width:none}',
       '.dig-select-repo{max-width:200px}',
@@ -5431,7 +6159,7 @@ window.__ModuleLoader__.load({
       '.dig-select-branch{max-width:150px}',
       '.dig-repo-static{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--dsw-alias-label-secondary)}',
       '.dig-repo-name{color:var(--dsw-alias-label-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}',
-      '.dig-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:0;flex:none}',
+      '.dig-icon-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-icon-btn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}',
       '.dig-icon-btn:disabled{opacity:.4;cursor:default}',
       '.dig-icon-btn-active{background:var(--dsw-alias-interactive-bg-active,var(--dsw-alias-interactive-bg-hover));color:var(--dsw-alias-label-primary)}',
@@ -5443,7 +6171,7 @@ window.__ModuleLoader__.load({
       '.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-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:0;flex:none}',
+      '.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}',
       '.dig-rail-btn-active{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 20%, transparent)}',
@@ -5457,18 +6185,23 @@ window.__ModuleLoader__.load({
       '.dig-tone-danger{color:var(--dsw-alias-state-error-primary)}',
       '.dig-tone-violet{color:#b083f0}',
       '.dig-tone-cyan{color:#59b0d6}',
-      '.dig-icon-btn-small{width:20px;height:20px;border-radius:5px}',
+      '.dig-icon-btn-small{width:20px;height:20px;border-radius:var(--dsw-radius-xs,4px)}',
+      // A panel dragged narrower than COMPACT_MAX_WIDTH (the compact chrome) is the
+      // case where 'nowrap + ellipsis' stops being readable: the overlays clamp
+      // their own width, and their text wraps inside that box instead of clipping.
+      '.dig-root-narrow .dig-menu-item{white-space:normal}',
+      '.dig-root-narrow .dig-toast-text{white-space:normal}',
       '.dig-toasts{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:6px;z-index:80;max-width:min(340px,92%)}',
-      '.dig-toast{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-layer-1));border:1px solid var(--dsw-alias-border-l2);box-shadow:0 8px 22px rgba(0,0,0,.32)}',
+      '.dig-toast{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--dsw-radius-sm,8px);background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-layer-1));border:0;box-shadow:var(--dsw-elevation-prominent,0 8px 22px rgba(0,0,0,.32))}',
       '.dig-toast-icon{display:inline-flex;flex:none;color:var(--dsw-alias-label-secondary)}',
       '.dig-toast-warn .dig-toast-icon{color:var(--dsw-alias-state-warn-primary,var(--dsw-alias-brand-primary))}',
       '.dig-toast-ok .dig-toast-icon{color:var(--dsw-alias-state-success-primary)}',
       '.dig-toast-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}',
       '.dig-toast-action{border:none;background:transparent;color:var(--dsw-alias-brand-primary);font:inherit;font-weight:600;cursor:pointer;padding:0 2px;flex:none}',
       '.dig-toast-action:hover{text-decoration:underline}',
-      '.dig-opchip{flex:none;padding:0 6px;border-radius:999px;background:color-mix(in srgb, var(--dsw-alias-state-warn-primary,var(--dsw-alias-brand-primary)) 20%, transparent);color:var(--dsw-alias-state-warn-primary,var(--dsw-alias-brand-primary));font-weight:500;white-space:nowrap}',
-      '.dig-rail-list{display:flex;flex-direction:column;gap:2px;max-height:min(50vh,300px);overflow:auto;padding:2px;border:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1));border-radius:8px}',
-      '.dig-rail-item{display:flex;align-items:center;gap:6px;padding:2px 4px;border-radius:6px}',
+      '.dig-opchip{flex:none;padding:0 6px;border-radius:999px;corner-shape:round;background:color-mix(in srgb, var(--dsw-alias-state-warn-primary,var(--dsw-alias-brand-primary)) 20%, transparent);color:var(--dsw-alias-state-warn-primary,var(--dsw-alias-brand-primary));font-weight:500;white-space:nowrap}',
+      '.dig-rail-list{display:flex;flex-direction:column;gap:2px;max-height:min(50vh,300px);overflow:auto;padding:2px;border:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1));border-radius:var(--dsw-radius-sm,8px)}',
+      '.dig-rail-item{display:flex;align-items:center;gap:6px;padding:2px 4px;border-radius:calc(var(--dsw-radius-sm,8px) - 2px)}',
       '.dig-rail-item:hover{background:var(--dsw-alias-interactive-bg-hover)}',
       '.dig-rail-item-off{opacity:.5}',
       '.dig-rail-item-drag{outline:1px solid var(--dsw-alias-brand-primary)}',
@@ -5487,19 +6220,33 @@ window.__ModuleLoader__.load({
       '.dig-pane-changes-stack{max-height:46%;flex:none;border-bottom:1px solid var(--dsw-alias-hairline,var(--dsw-alias-border-l1))}',
       '.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-seg{display:inline-flex;gap:2px;padding:2px;border-radius:8px;background:var(--dsw-alias-interactive-bg-hover);flex:none}',
-      '.dig-seg-item{border:none;background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-weight:500;padding:2px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}',
+      // 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.
+      '.dig-gutter{flex:none;align-self:stretch;position:relative;z-index:1;touch-action:none;background:transparent;border:0;padding:0;cursor:col-resize}',
+      '.dig-gutter-v{width:8px}',
+      '.dig-gutter-h{height:8px;cursor:row-resize}',
+      '.dig-gutter::after{content:"";position:absolute;background:var(--dsw-alias-hairline,var(--dsw-alias-border-l1));transition:background .12s ease}',
+      '.dig-gutter-v::after{top:0;bottom:0;left:50%;width:1px;margin-left:-.5px}',
+      '.dig-gutter-h::after{left:0;right:0;top:50%;height:1px;margin-top:-.5px}',
+      '.dig-gutter:hover::after,.dig-gutter:focus-visible::after,.dig-gutter-active::after{background:var(--dsw-alias-brand-primary)}',
+      '.dig-gutter:focus-visible{outline:1px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:-1px}',
+      '.dig-pane-dragging,.dig-pane-dragging *{user-select:none}',
+      '.dig-pane-dragging-v{cursor:col-resize}',
+      '.dig-pane-dragging-h{cursor:row-resize}',
+      '.dig-seg{display:inline-flex;gap:2px;padding:2px;border-radius:var(--dsw-radius-sm,8px);background:var(--dsw-alias-interactive-bg-hover);flex:none}',
+      '.dig-seg-item{border:none;background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-weight:500;padding:2px 10px;border-radius:calc(var(--dsw-radius-sm,8px) - 2px);cursor:pointer;white-space:nowrap}',
       '.dig-seg-item:hover{color:var(--dsw-alias-label-primary)}',
       '.dig-seg-item[data-active="true"]{background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-layer-1));color:var(--dsw-alias-label-primary)}',
       '.dig-search{padding:4px 6px;flex:none}',
-      '.dig-input{width:100%;box-sizing:border-box;padding:4px 6px;border-radius:6px;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-input{width:100%;box-sizing:border-box;padding:4px 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-input::placeholder{color:var(--dsw-alias-label-tertiary)}',
-      '.dig-input:focus{border-color:var(--dsw-alias-brand-primary)}',
+      '.dig-input:focus{border-color:var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary))}',
       '.dig-input-compact{padding:3px 6px}',
       '.dig-picker{display:flex;flex-direction:column;gap:2px;padding:12px;overflow:auto;flex:1;min-height:0}',
       '.dig-picker-title{color:var(--dsw-alias-label-primary);font-weight:600;margin-bottom:2px}',
       '.dig-picker-sub{color:var(--dsw-alias-label-tertiary);margin-bottom:8px;word-break:break-all}',
-      '.dig-picker-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);font:inherit;padding:6px 8px;border-radius:8px;cursor:pointer}',
+      '.dig-picker-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);font:inherit;padding:6px 8px;border-radius:var(--dsw-radius-sm,8px);cursor:pointer}',
       '.dig-picker-row:hover{background:var(--dsw-alias-interactive-bg-hover);border-color:var(--dsw-alias-brand-primary)}',
       '.dig-picker-icon{display:inline-flex;color:var(--dsw-alias-label-secondary);flex:none}',
       '.dig-picker-name{flex:none;font-weight:600}',
@@ -5537,7 +6284,7 @@ window.__ModuleLoader__.load({
       '.dig-row-label{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600}',
       '.dig-row-sub{color:var(--dsw-alias-label-tertiary);font-size:11px;flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis}',
       '.dig-row-dir{margin-left:auto;opacity:.75}',
-      '.dig-badge{font-size:10px;padding:0 5px;border-radius:999px;background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);flex:none}',
+      '.dig-badge{font-size:10px;padding:0 5px;border-radius:999px;corner-shape:round;background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);flex:none}',
       '.dig-badge-muted{opacity:.8}',
       '.dig-badge-worktree{padding:0 3px;display:inline-flex;align-items:center;height:14px}',
       '.dig-history{display:flex;flex-direction:column;min-height:0;flex:1}',
@@ -5550,7 +6297,7 @@ window.__ModuleLoader__.load({
       '.dig-commit-author{color:var(--dsw-alias-label-secondary);flex:none;width:96px;overflow:hidden;text-overflow:ellipsis;font-weight:500}',
       '.dig-commit-subject{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}',
       '.dig-commit-fill{flex:1 1 0;min-width:0}',
-      '.dig-ref{font-size:10px;padding:0 5px;border-radius:999px;background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);flex:none;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}',
+      '.dig-ref{font-size:10px;padding:0 5px;border-radius:999px;corner-shape:round;background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);flex:none;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}',
       '.dig-ref-head{color:var(--dsw-alias-state-success-primary)}',
       '.dig-ref-local{color:var(--dsw-alias-brand-primary)}',
       '.dig-ref-remote{color:#b083f0}',
@@ -5558,13 +6305,13 @@ window.__ModuleLoader__.load({
       '.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-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:6px;color:var(--dsw-alias-label-secondary);font:inherit;font-weight:500;height:22px;padding:0 4px;cursor:pointer;text-overflow:ellipsis}',
+      '.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)}',
       '.dig-filter-select{display:inline-flex;align-items:center;gap:3px}',
       '.dig-filter-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:96px}',
       '.dig-filter-on{color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}',
       '.dig-filter-path{flex:0 1 112px;min-width:70px;display:flex}',
-      '.dig-load-more{margin:6px auto;display:block;padding:3px 12px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer}',
+      '.dig-load-more{margin:6px auto;display:block;padding:3px 12px;border-radius:var(--dsw-radius-sm,8px);border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer}',
       '.dig-load-more:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}',
       '.dig-empty{padding:14px;text-align:center;color:var(--dsw-alias-label-tertiary);font-weight:500}',
       '.dig-changes{display:flex;flex-direction:column;min-height:0;flex:1}',
@@ -5583,17 +6330,17 @@ window.__ModuleLoader__.load({
       '.dig-file-status-I{color:var(--dsw-alias-label-tertiary)}',
       '.dig-stat-add{color:var(--dsw-alias-state-success-primary);flex:none;font-variant-numeric:tabular-nums}',
       '.dig-stat-del{color:var(--dsw-alias-state-error-primary);flex:none;font-variant-numeric:tabular-nums}',
-      '.dig-mini{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:5px;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;opacity:0;flex:none;padding:0}',
+      '.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-compact{flex-direction:row;align-items:center;gap:6px;padding:4px 6px}',
-      '.dig-textarea{width:100%;box-sizing:border-box;min-height:50px;resize:vertical;padding:5px 6px;border-radius:6px;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{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)}',
-      '.dig-textarea:focus{border-color:var(--dsw-alias-brand-primary)}',
+      '.dig-textarea:focus{border-color:var(--dsw-alias-state-business-primary,var(--dsw-alias-brand-primary))}',
       '.dig-commit-actions{display:flex;align-items:center;gap:8px}',
       '.dig-check{display:inline-flex;align-items:center;gap:4px;color:var(--dsw-alias-label-secondary);cursor:pointer}',
-      '.dig-btn{padding:3px 10px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-weight:500;cursor:pointer;flex:none}',
+      '.dig-btn{padding:3px 10px;border-radius:var(--dsw-radius-sm,8px);border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-weight:500;cursor:pointer;flex:none}',
       '.dig-btn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}',
       '.dig-btn:disabled{opacity:.45;cursor:default}',
       '.dig-btn-small{padding:2px 8px;font-size:11px}',
@@ -5619,15 +6366,17 @@ window.__ModuleLoader__.load({
       '.dig-diff-del{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 16%, transparent)}',
       '.dig-diff-hunk{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent)}',
       '.dig-diff-meta{color:var(--dsw-alias-label-tertiary)}',
-      '.dig-overlay{position:absolute;inset:0;padding:8px;box-sizing:border-box;background:var(--dsw-alias-bg-mask-1,rgba(0,0,0,.42));display:flex;align-items:center;justify-content:center;z-index:60}',
-      '.dig-dialog{min-width:240px;max-width:min(420px,94%);max-height:100%;overflow:auto;background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-layer-1));border:1px solid var(--dsw-alias-border-l2);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 32px rgba(0,0,0,.35)}',
+      '.dig-overlay{position:absolute;inset:0;padding:8px;box-sizing:border-box;background:var(--dsw-alias-bg-mask-1,rgba(0,0,0,.42));-webkit-backdrop-filter:var(--dsw-mask-blur,none);backdrop-filter:var(--dsw-mask-blur,none);display:flex;align-items:center;justify-content:center;z-index:60}',
+      '.dig-dialog{box-sizing:border-box;min-width:min(240px,100%);max-width:min(420px,94%);max-height:100%;overflow:auto;background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-layer-1));border:0;border-radius:var(--dsw-radius-panel,28px);padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--dsw-elevation-prominent,0 12px 32px rgba(0,0,0,.35))}',
       '.dig-dialog-wide{min-width:min(360px,92%)}',
       '.dig-dialog-title{font-weight:600}',
       '.dig-dialog-text{color:var(--dsw-alias-label-secondary);white-space:pre-wrap}',
       '.dig-dialog-actions{display:flex;justify-content:flex-end;gap:8px}',
       '.dig-dialog-actions .dig-btn-primary{margin-left:0}',
-      '.dig-menu{position:absolute;z-index:70;min-width:200px;max-width:calc(100% - 8px);max-height:calc(100% - 8px);overflow:auto;overscroll-behavior:contain;padding:4px;border-radius:8px;background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-layer-1));-webkit-backdrop-filter:var(--dsh-any-blur-card-panels,blur(14px) saturate(1.2));backdrop-filter:var(--dsh-any-blur-card-panels,blur(14px) saturate(1.2));border:1px solid var(--dsw-alias-border-l2);box-shadow:0 10px 28px rgba(0,0,0,.35);display:flex;flex-direction:column}',
-      '.dig-menu-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border:none;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-weight:500;text-align:left;border-radius:5px;cursor:pointer;white-space:nowrap;overflow:hidden}',
+      '.dig-menu{position:absolute;z-index:70;box-sizing:border-box;min-width:min(200px,calc(100% - 8px));max-width:calc(100% - 8px);max-height:calc(100% - 8px);padding:4px;border:0;border-radius:var(--dsw-radius-md,12px);background:transparent;box-shadow:var(--dsw-elevation-prominent,0 10px 28px rgba(0,0,0,.35));--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);isolation:isolate;display:flex;flex-direction:column}',
+      '.dig-menu::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--dsw-specific-menu,var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-layer-1)));-webkit-backdrop-filter:var(--dsw-menu-backdrop-filter,blur(14px) saturate(1.2));backdrop-filter:var(--dsw-menu-backdrop-filter,blur(14px) saturate(1.2));pointer-events:none}',
+      '.dig-menu-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column}',
+      '.dig-menu-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border:none;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-weight:500;text-align:left;border-radius:var(--dsw-radius-sm,8px);cursor:pointer;white-space:nowrap;overflow:hidden}',
       '.dig-menu-icon{display:inline-flex;flex:none}',
       '.dig-menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}',
       '.dig-menu-item:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}',
@@ -5666,7 +6415,7 @@ window.__ModuleLoader__.load({
         return typeof unsubscribe === 'function' ? unsubscribe : undefined
       }, [])
       void tick
-      return E(Panel, { scope: props.scope, t: props.t, visible: props.visible })
+      return E(Panel, { scope: props.scope, t: props.t, visible: props.visible, dock: props.dock })
     }
 
     function NativePanel(props) {
@@ -5684,7 +6433,11 @@ window.__ModuleLoader__.load({
         }
       }
       const scope = useMemo(() => ({ cwd: cwd, sessionId: sessionId }), [cwd, sessionId])
-      return E(LocaleLive, { ctx: props.ctx, scope: scope, t: props.t, visible: true })
+      /* The dock actions need this tab's own identity, which only the native seat
+         binds; the better-sidebar door has no sidebarRight tab id and therefore
+         wires nothing (a panel hosted elsewhere must not float a foreign tab). */
+      const dock = readDockInfo(props.useTabInfo, props.ctx)
+      return E(LocaleLive, { ctx: props.ctx, scope: scope, t: props.t, visible: true, dock: dock })
     }
 
     function apply(ctx) {