dsh-better-workspace 0.11.1 → 0.11.3

package/README.md

@@ -27,6 +27,8 @@ web/                 ← 虚拟分组(不是真实目录,纯命名层级)
 
 点「添加工作区」并选完文件夹后,弹出一个小对话框,一行选择工作区所属分组——直接输入(如 `web`)、从下拉里选已有层级(datalist 原生补全),留空就是根分组。确认后插件创建工作区并把分组前缀写进名称,树上自然落位。
 
+**用哪种目录选择器,跟随宿主实际组装的后端**:webserver 只绑本机 loopback 时是宿主桌面上的**原生选择器**;绑到 `0.0.0.0`(局域网访问)、SSH 转发或宿主没有可用显示会话时,宿主只组装 `browse` 后端——它仅提供「列目录 / 新建目录」原语,`pick` 会被明确拒绝——插件这时改用**应用内目录浏览器**(Home 起点的面包屑、可编辑路径、行内新建文件夹、显示隐藏文件),选定目录后照样进同一个「所属分组」对话框。若确实想在这种绑定下走原生选择器,只能由用户显式钉死宿主的 native 后端包,而那会在**服务器桌面**上弹窗,局域网客户端根本够不着。
+
 ### 分组的增删
 
 右键任意分组行即可:**新增子分组**(路径自动带上父分组前缀)、**新增子工作区**(选完目录后所属分组输入框自动预填)、重命名分组、删除空分组;标题栏不再放独立按钮。空分组持久保存在浏览器本地;一旦有工作区落进去,分组就由名称自然派生。

package/README_EN.md

@@ -25,6 +25,8 @@ web/                 <- virtual folder (naming only, not a real directory)
 
 After you pick a directory for a new workspace, a small dialog asks for the parent group — type one (`web`), pick an existing level from the datalist, or leave it empty for the root. The plugin creates the workspace and writes the prefix into its title, so it lands on the right branch of the tree.
 
+**Which picker you get follows the backend the host actually composes.** A loopback-only webserver bind gives you the host's **native OS chooser**; an all-interfaces/LAN bind, an SSH launch, or a host without a usable display session composes the `browse` backend instead — listing and directory creation only, with `pick` refused by design — and the plugin then uses an **in-app directory browser** (Home-rooted breadcrumbs, editable path, inline new-folder row, hidden-file toggle) before the very same parent-group dialog. Forcing the native chooser under such a bind means pinning the host's native backend package yourself, and that dialog opens on the **server's** desktop, out of reach for LAN clients.
+
 ### Folder create/delete via context menu
 
 Right-click any folder row: new subfolder (parent prefix pre-filled), new workspace here (the add-flow group field pre-fills with this folder), rename folder, delete empty folder — no standalone header button anymore. Explicit empty folders persist in the browser until workspaces live inside them.

package/dsh.plugin.json

@@ -1,6 +1,6 @@
 {
   "id": "dsh-external/dsh-better-workspace",
-  "version": "0.11.1",
+  "version": "0.11.3",
   "main": "./src/index.js",
   "description": "侧边栏工作区层级树:名称中的 / 即虚拟分组(web/前端 · web/后端),添加工作区的目录流附所属分组弹窗,重命名即时重排层级,可新建空分组。Hierarchy tree for the DSH sidebar workspace list.",
   "engines": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-better-workspace",
-  "version": "0.11.1",
+  "version": "0.11.3",
   "description": "DSH web plugin: a hierarchical workspace tree for the sidebar. Workspace titles containing \"/\" group into virtual folders (web/前端 · web/后端); the add-workspace directory flow gains a parent-group popup; renames re-derive the tree; a new-folder button creates empty levels.",
   "type": "module",
   "repository": {

package/src/client.js

@@ -116,6 +116,17 @@ window.__ModuleLoader__.load({
       'flow.parent': '所属分组',
       'flow.parentHint': '输入或下拉选择分组路径,留空表示根分组;多级用 / 分隔',
       'flow.creating': '正在创建…',
+      'browse.title': '选择工作区目录',
+      'browse.home': '主目录',
+      'browse.up': '上一层',
+      'browse.newFolder': '新建文件夹',
+      'browse.folderName': '文件夹名称',
+      'browse.empty': '此文件夹没有子文件夹',
+      'browse.loading': '加载中…',
+      'browse.truncated': '文件夹过多,仅显示开头部分。',
+      'browse.showHidden': '显示隐藏文件',
+      'browse.editPath': '编辑路径',
+      'browse.select': '选择此文件夹',
       'error.title': '出错了',
       'cancel': '取消',
       'create': '创建',
@@ -224,6 +235,17 @@ window.__ModuleLoader__.load({
       'flow.parent': 'Parent group',
       'flow.parentHint': 'Type or pick a group path; empty means root. Nest with /',
       'flow.creating': 'Creating…',
+      'browse.title': 'Select Workspace Directory',
+      'browse.home': 'Home',
+      'browse.up': 'Up',
+      'browse.newFolder': 'New folder',
+      'browse.folderName': 'Folder name',
+      'browse.empty': 'No subfolders here',
+      'browse.loading': 'Loading…',
+      'browse.truncated': 'Too many folders to list; only the beginning is shown.',
+      'browse.showHidden': 'Show hidden files',
+      'browse.editPath': 'Edit path',
+      'browse.select': 'Use this folder',
       'error.title': 'Something went wrong',
       'cancel': 'Cancel',
       'create': 'Create',
@@ -340,6 +362,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'المجموعة التابعة لها',
         'flow.parentHint': 'اكتب مسار المجموعة أو اختره؛ الفراغ يعني الجذر؛ تُفصل المستويات بـ /',
         'flow.creating': 'جارٍ الإنشاء…',
+        'browse.title': 'اختيار مجلد مساحة العمل',
+        'browse.home': 'المجلد الرئيسي',
+        'browse.up': 'المستوى الأعلى',
+        'browse.newFolder': 'مجلد جديد',
+        'browse.folderName': 'اسم المجلد',
+        'browse.empty': 'لا توجد مجلدات فرعية هنا',
+        'browse.loading': 'جارٍ التحميل…',
+        'browse.truncated': 'المجلدات كثيرة جدًا؛ يُعرض الجزء الأول فقط.',
+        'browse.showHidden': 'إظهار الملفات المخفية',
+        'browse.editPath': 'تعديل المسار',
+        'browse.select': 'استخدام هذا المجلد',
         'error.title': 'حدث خطأ ما',
         'cancel': 'إلغاء',
         'create': 'إنشاء',
@@ -448,6 +481,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'Übergeordnete Gruppe',
         'flow.parentHint': 'Gruppenpfad eingeben oder auswählen, leer bedeutet Wurzel; Ebenen mit / trennen',
         'flow.creating': 'Wird erstellt…',
+        'browse.title': 'Arbeitsbereichsordner wählen',
+        'browse.home': 'Home',
+        'browse.up': 'Übergeordnet',
+        'browse.newFolder': 'Neuer Ordner',
+        'browse.folderName': 'Ordnername',
+        'browse.empty': 'Keine Unterordner vorhanden',
+        'browse.loading': 'Wird geladen…',
+        'browse.truncated': 'Zu viele Ordner; nur der Anfang wird angezeigt.',
+        'browse.showHidden': 'Versteckte Dateien anzeigen',
+        'browse.editPath': 'Pfad bearbeiten',
+        'browse.select': 'Diesen Ordner verwenden',
         'error.title': 'Etwas ist schiefgelaufen',
         'cancel': 'Abbrechen',
         'create': 'Erstellen',
@@ -556,6 +600,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'Groupe parent',
         'flow.parentHint': 'Saisissez ou choisissez un chemin de groupe; vide = racine; niveaux séparés par /',
         'flow.creating': 'Création…',
+        'browse.title': 'Choisir le dossier de l’espace de travail',
+        'browse.home': 'Dossier personnel',
+        'browse.up': 'Niveau supérieur',
+        'browse.newFolder': 'Nouveau dossier',
+        'browse.folderName': 'Nom du dossier',
+        'browse.empty': 'Aucun sous-dossier ici',
+        'browse.loading': 'Chargement…',
+        'browse.truncated': 'Trop de dossiers ; seul le début est affiché.',
+        'browse.showHidden': 'Afficher les fichiers cachés',
+        'browse.editPath': 'Modifier le chemin',
+        'browse.select': 'Utiliser ce dossier',
         'error.title': 'Une erreur est survenue',
         'cancel': 'Annuler',
         'create': 'Créer',
@@ -664,6 +719,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'संबंधित समूह',
         'flow.parentHint': 'समूह पथ लिखें या चुनें; खाली का अर्थ मूल है; कई स्तर / से अलग करें',
         'flow.creating': 'बनाया जा रहा है…',
+        'browse.title': 'कार्यस्थान फ़ोल्डर चुनें',
+        'browse.home': 'होम',
+        'browse.up': 'ऊपर',
+        'browse.newFolder': 'नया फ़ोल्डर',
+        'browse.folderName': 'फ़ोल्डर का नाम',
+        'browse.empty': 'यहाँ कोई उप-फ़ोल्डर नहीं',
+        'browse.loading': 'लोड हो रहा है…',
+        'browse.truncated': 'बहुत अधिक फ़ोल्डर; केवल शुरुआत दिखाई गई है।',
+        'browse.showHidden': 'छिपी फ़ाइलें दिखाएँ',
+        'browse.editPath': 'पथ संपादित करें',
+        'browse.select': 'यह फ़ोल्डर चुनें',
         'error.title': 'कुछ गड़बड़ हो गई',
         'cancel': 'रद्द करें',
         'create': 'बनाएँ',
@@ -772,6 +838,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'Grup induk',
         'flow.parentHint': 'Ketik atau pilih jalur grup; kosong = akar; tingkat dipisah dengan /',
         'flow.creating': 'Membuat…',
+        'browse.title': 'Pilih folder ruang kerja',
+        'browse.home': 'Beranda',
+        'browse.up': 'Naik',
+        'browse.newFolder': 'Folder baru',
+        'browse.folderName': 'Nama folder',
+        'browse.empty': 'Tidak ada subfolder di sini',
+        'browse.loading': 'Memuat…',
+        'browse.truncated': 'Terlalu banyak folder; hanya bagian awal yang ditampilkan.',
+        'browse.showHidden': 'Tampilkan file tersembunyi',
+        'browse.editPath': 'Edit jalur',
+        'browse.select': 'Gunakan folder ini',
         'error.title': 'Terjadi kesalahan',
         'cancel': 'Batal',
         'create': 'Buat',
@@ -880,6 +957,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'Gruppo di appartenenza',
         'flow.parentHint': 'Digita o scegli un percorso di gruppo; vuoto = radice; livelli separati da /',
         'flow.creating': 'Creazione…',
+        'browse.title': 'Scegli cartella dell’area di lavoro',
+        'browse.home': 'Home',
+        'browse.up': 'Livello superiore',
+        'browse.newFolder': 'Nuova cartella',
+        'browse.folderName': 'Nome cartella',
+        'browse.empty': 'Nessuna sottocartella qui',
+        'browse.loading': 'Caricamento…',
+        'browse.truncated': 'Troppe cartelle; è mostrato solo l’inizio.',
+        'browse.showHidden': 'Mostra file nascosti',
+        'browse.editPath': 'Modifica percorso',
+        'browse.select': 'Usa questa cartella',
         'error.title': 'Si è verificato un errore',
         'cancel': 'Annulla',
         'create': 'Crea',
@@ -988,6 +1076,17 @@ window.__ModuleLoader__.load({
         'flow.parent': '所属グループ',
         'flow.parentHint': 'グループのパスを入力または選択します,空欄はルート,階層は / で区切ります',
         'flow.creating': '作成中…',
+        'browse.title': 'ワークスペースのフォルダーを選択',
+        'browse.home': 'ホーム',
+        'browse.up': '上の階層',
+        'browse.newFolder': '新しいフォルダー',
+        'browse.folderName': 'フォルダー名',
+        'browse.empty': 'ここにサブフォルダーはありません',
+        'browse.loading': '読み込み中…',
+        'browse.truncated': 'フォルダーが多すぎます。先頭のみ表示しています。',
+        'browse.showHidden': '隠しファイルを表示',
+        'browse.editPath': 'パスを編集',
+        'browse.select': 'このフォルダーを選択',
         'error.title': 'エラーが発生しました',
         'cancel': 'キャンセル',
         'create': '作成',
@@ -1096,6 +1195,17 @@ window.__ModuleLoader__.load({
         'flow.parent': '소속 그룹',
         'flow.parentHint': '그룹 경로를 입력하거나 선택하세요, 비우면 루트, 여러 단계는 / 로 구분합니다',
         'flow.creating': '만드는 중…',
+        'browse.title': '워크스페이스 폴더 선택',
+        'browse.home': '홈',
+        'browse.up': '상위',
+        'browse.newFolder': '새 폴더',
+        'browse.folderName': '폴더 이름',
+        'browse.empty': '여기에 하위 폴더가 없습니다',
+        'browse.loading': '불러오는 중…',
+        'browse.truncated': '폴더가 너무 많습니다. 앞부분만 표시합니다.',
+        'browse.showHidden': '숨김 파일 표시',
+        'browse.editPath': '경로 편집',
+        'browse.select': '이 폴더 선택',
         'error.title': '문제가 발생했습니다',
         'cancel': '취소',
         'create': '만들기',
@@ -1204,6 +1314,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'Bovenliggende groep',
         'flow.parentHint': 'Typ of kies een groeppad; leeg betekent hoofdmap; niveaus scheiden met /',
         'flow.creating': 'Bezig met aanmaken…',
+        'browse.title': 'Werkruimtemap kiezen',
+        'browse.home': 'Home',
+        'browse.up': 'Omhoog',
+        'browse.newFolder': 'Nieuwe map',
+        'browse.folderName': 'Mapnaam',
+        'browse.empty': 'Geen submappen hier',
+        'browse.loading': 'Laden…',
+        'browse.truncated': 'Te veel mappen; alleen het begin wordt getoond.',
+        'browse.showHidden': 'Verborgen bestanden tonen',
+        'browse.editPath': 'Pad bewerken',
+        'browse.select': 'Deze map gebruiken',
         'error.title': 'Er is iets misgegaan',
         'cancel': 'Annuleren',
         'create': 'Aanmaken',
@@ -1312,6 +1433,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'Grupa nadrzędna',
         'flow.parentHint': 'Wpisz lub wybierz ścieżkę grupy; puste = główna; poziomy rozdziela /',
         'flow.creating': 'Tworzenie…',
+        'browse.title': 'Wybierz folder obszaru roboczego',
+        'browse.home': 'Katalog domowy',
+        'browse.up': 'W górę',
+        'browse.newFolder': 'Nowy folder',
+        'browse.folderName': 'Nazwa folderu',
+        'browse.empty': 'Brak podfolderów',
+        'browse.loading': 'Wczytywanie…',
+        'browse.truncated': 'Zbyt wiele folderów; pokazano tylko początek.',
+        'browse.showHidden': 'Pokaż ukryte pliki',
+        'browse.editPath': 'Edytuj ścieżkę',
+        'browse.select': 'Użyj tego folderu',
         'error.title': 'Coś poszło nie tak',
         'cancel': 'Anuluj',
         'create': 'Utwórz',
@@ -1420,6 +1552,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'Grupo pai',
         'flow.parentHint': 'Digite ou escolha o caminho do grupo; vazio = raiz; níveis separados por /',
         'flow.creating': 'Criando…',
+        'browse.title': 'Escolher pasta da área de trabalho',
+        'browse.home': 'Início',
+        'browse.up': 'Acima',
+        'browse.newFolder': 'Nova pasta',
+        'browse.folderName': 'Nome da pasta',
+        'browse.empty': 'Nenhuma subpasta aqui',
+        'browse.loading': 'Carregando…',
+        'browse.truncated': 'Pastas demais; apenas o início é exibido.',
+        'browse.showHidden': 'Mostrar arquivos ocultos',
+        'browse.editPath': 'Editar caminho',
+        'browse.select': 'Usar esta pasta',
         'error.title': 'Algo deu errado',
         'cancel': 'Cancelar',
         'create': 'Criar',
@@ -1528,6 +1671,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'Родительская группа',
         'flow.parentHint': 'Введите или выберите путь группы; пусто — корень; уровни разделяются /',
         'flow.creating': 'Создание…',
+        'browse.title': 'Выбор папки рабочей области',
+        'browse.home': 'Домашняя папка',
+        'browse.up': 'На уровень выше',
+        'browse.newFolder': 'Новая папка',
+        'browse.folderName': 'Имя папки',
+        'browse.empty': 'Здесь нет вложенных папок',
+        'browse.loading': 'Загрузка…',
+        'browse.truncated': 'Слишком много папок; показано только начало.',
+        'browse.showHidden': 'Показывать скрытые файлы',
+        'browse.editPath': 'Изменить путь',
+        'browse.select': 'Выбрать эту папку',
         'error.title': 'Что-то пошло не так',
         'cancel': 'Отмена',
         'create': 'Создать',
@@ -1636,6 +1790,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'Överordnad grupp',
         'flow.parentHint': 'Skriv eller välj en gruppsökväg; tomt = rot; nivåer avgränsas med /',
         'flow.creating': 'Skapar…',
+        'browse.title': 'Välj arbetsyte-mapp',
+        'browse.home': 'Hem',
+        'browse.up': 'Upp',
+        'browse.newFolder': 'Ny mapp',
+        'browse.folderName': 'Mappnamn',
+        'browse.empty': 'Inga undermappar här',
+        'browse.loading': 'Laddar…',
+        'browse.truncated': 'För många mappar; endast början visas.',
+        'browse.showHidden': 'Visa dolda filer',
+        'browse.editPath': 'Redigera sökväg',
+        'browse.select': 'Använd den här mappen',
         'error.title': 'Något gick fel',
         'cancel': 'Avbryt',
         'create': 'Skapa',
@@ -1744,6 +1909,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'กลุ่มต้นทาง',
         'flow.parentHint': 'พิมพ์หรือเลือกเส้นทางกลุ่ม เว้นว่างคือระดับราก หลายระดับคั่นด้วย /',
         'flow.creating': 'กำลังสร้าง…',
+        'browse.title': 'เลือกโฟลเดอร์เวิร์กสเปซ',
+        'browse.home': 'โฮม',
+        'browse.up': 'ขึ้นหนึ่งระดับ',
+        'browse.newFolder': 'โฟลเดอร์ใหม่',
+        'browse.folderName': 'ชื่อโฟลเดอร์',
+        'browse.empty': 'ไม่มีโฟลเดอร์ย่อยที่นี่',
+        'browse.loading': 'กำลังโหลด…',
+        'browse.truncated': 'มีโฟลเดอร์มากเกินไป แสดงเฉพาะส่วนต้น',
+        'browse.showHidden': 'แสดงไฟล์ที่ซ่อนอยู่',
+        'browse.editPath': 'แก้ไขเส้นทาง',
+        'browse.select': 'ใช้โฟลเดอร์นี้',
         'error.title': 'เกิดข้อผิดพลาด',
         'cancel': 'ยกเลิก',
         'create': 'สร้าง',
@@ -1852,6 +2028,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'Bağlı olduğu grup',
         'flow.parentHint': 'Grup yolunu yazın veya seçin; boş = kök; düzeyler / ile ayrılır',
         'flow.creating': 'Oluşturuluyor…',
+        'browse.title': 'Çalışma alanı klasörünü seç',
+        'browse.home': 'Ana dizin',
+        'browse.up': 'Üst düzey',
+        'browse.newFolder': 'Yeni klasör',
+        'browse.folderName': 'Klasör adı',
+        'browse.empty': 'Burada alt klasör yok',
+        'browse.loading': 'Yükleniyor…',
+        'browse.truncated': 'Çok fazla klasör var; yalnızca başlangıç gösteriliyor.',
+        'browse.showHidden': 'Gizli dosyaları göster',
+        'browse.editPath': 'Yolu düzenle',
+        'browse.select': 'Bu klasörü kullan',
         'error.title': 'Bir şeyler ters gitti',
         'cancel': 'İptal',
         'create': 'Oluştur',
@@ -1960,6 +2147,17 @@ window.__ModuleLoader__.load({
         'flow.parent': 'Nhóm trực thuộc',
         'flow.parentHint': 'Nhập hoặc chọn đường dẫn nhóm; để trống là gốc; nhiều tầng cách nhau bằng /',
         'flow.creating': 'Đang tạo…',
+        'browse.title': 'Chọn thư mục không gian làm việc',
+        'browse.home': 'Thư mục chính',
+        'browse.up': 'Lên một cấp',
+        'browse.newFolder': 'Thư mục mới',
+        'browse.folderName': 'Tên thư mục',
+        'browse.empty': 'Không có thư mục con ở đây',
+        'browse.loading': 'Đang tải…',
+        'browse.truncated': 'Quá nhiều thư mục; chỉ hiển thị phần đầu.',
+        'browse.showHidden': 'Hiện tệp ẩn',
+        'browse.editPath': 'Sửa đường dẫn',
+        'browse.select': 'Dùng thư mục này',
         'error.title': 'Đã xảy ra lỗi',
         'cancel': 'Hủy',
         'create': 'Tạo',
@@ -2068,6 +2266,17 @@ window.__ModuleLoader__.load({
         'flow.parent': '所屬分組',
         'flow.parentHint': '輸入或者揀分組路徑,留空代表根分組;多級用 / 分隔',
         'flow.creating': '建立緊…',
+        'browse.title': '揀工作區資料夾',
+        'browse.home': '主目錄',
+        'browse.up': '上一層',
+        'browse.newFolder': '新增資料夾',
+        'browse.folderName': '資料夾名稱',
+        'browse.empty': '呢個資料夾冇子資料夾',
+        'browse.loading': '載入緊…',
+        'browse.truncated': '資料夾太多,只顯示開頭部分。',
+        'browse.showHidden': '顯示隱藏檔案',
+        'browse.editPath': '編輯路徑',
+        'browse.select': '揀呢個資料夾',
         'error.title': '出咗錯',
         'cancel': '取消',
         'create': '建立',
@@ -2176,6 +2385,17 @@ window.__ModuleLoader__.load({
         'flow.parent': '所屬分組',
         'flow.parentHint': '輸入或者揀分組路徑,留空代表根分組;多級用 / 分隔',
         'flow.creating': '建立緊…',
+        'browse.title': '揀工作區資料夾',
+        'browse.home': '主目錄',
+        'browse.up': '上一層',
+        'browse.newFolder': '新增資料夾',
+        'browse.folderName': '資料夾名稱',
+        'browse.empty': '呢個資料夾冇子資料夾',
+        'browse.loading': '載入緊…',
+        'browse.truncated': '資料夾太多,只顯示開頭部分。',
+        'browse.showHidden': '顯示隱藏檔案',
+        'browse.editPath': '編輯路徑',
+        'browse.select': '揀呢個資料夾',
         'error.title': '出咗錯',
         'cancel': '取消',
         'create': '建立',
@@ -2284,6 +2504,17 @@ window.__ModuleLoader__.load({
         'flow.parent': '所屬群組',
         'flow.parentHint': '輸入或下拉選擇群組路徑,留空表示根群組;多層用 / 分隔',
         'flow.creating': '正在建立…',
+        'browse.title': '選擇工作區資料夾',
+        'browse.home': '主目錄',
+        'browse.up': '上一層',
+        'browse.newFolder': '新增資料夾',
+        'browse.folderName': '資料夾名稱',
+        'browse.empty': '此資料夾沒有子資料夾',
+        'browse.loading': '載入中…',
+        'browse.truncated': '資料夾過多,僅顯示開頭部分。',
+        'browse.showHidden': '顯示隱藏檔案',
+        'browse.editPath': '編輯路徑',
+        'browse.select': '選擇此資料夾',
         'error.title': '發生錯誤',
         'cancel': '取消',
         'create': '建立',
@@ -2699,16 +2930,16 @@ window.__ModuleLoader__.load({
       '.bw-row-icon{flex:none;display:grid;place-items:center;color:var(--dsw-alias-label-tertiary,#9a9a9a)}',
       '.bw-chevron{flex:none;display:grid;place-items:center;color:var(--dsw-alias-label-tertiary,#9a9a9a);transition:transform .15s ease}',
       '.bw-chevron-open{transform:rotate(90deg)}',
-      // The outline is a text-shadow now, and overflow:hidden clips shadows just
-      // as it clipped the stroke: 3px of padding covers the diagonal reach of the
-      // widest rim. margin cancels it, so text starts and truncates where it did.
+      // overflow:hidden (needed for the ellipsis) clips the outline: 3px of
+      // padding covers the widest rim (2px at the top of the slider). margin
+      // cancels it, so text still starts and truncates where it did.
       '.bw-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px;margin:-3px}',
       '.bw-row-count{flex:none;font-size:11px;color:var(--dsw-alias-label-quaternary,#8a8a8a)}',
       '.bw-row-time{flex:none;font-size:11px;color:var(--dsw-alias-label-quaternary,#8a8a8a)}',
-      // The rim is inherited from the row through text-shadow, and the 11px meta
-      // column (session count / relative time) opts out of it — stroked meta text
-      // outshines the title it supports — while keeping the halo the row carries.
-      '.bw-row-count,.bw-row-time{text-shadow:var(--bw-glow-shadow,none)}',
+      // The outline is inherited from the row: the 11px meta column (session
+      // count / relative time) opts out — stroked meta text outshines the title
+      // it is supposed to support.
+      '.bw-row-count,.bw-row-time{-webkit-text-stroke-width:0}',
       '.bw-schedule-badge{flex:none;display:inline-flex;align-items:center;color:var(--dsw-alias-label-tertiary,#9a9a9a);margin:0 6px}',
       '.bw-row-actions{flex:none;display:none;align-items:center;gap:2px}',
       '.bw-row:hover .bw-row-actions{display:flex}',
@@ -2790,10 +3021,7 @@ window.__ModuleLoader__.load({
       '.bw-pulse{animation:bw-breathe 1.8s ease-in-out infinite}',
       '@keyframes bw-breathe{0%,100%{filter:drop-shadow(0 0 1px var(--bw-pulse-color));opacity:.55}50%{filter:drop-shadow(0 0 6px var(--bw-pulse-color));opacity:1}}',
       '.bw-pulse-text{animation:bw-breathe-text 1.8s ease-in-out infinite}',
-      // The keyframes replace text-shadow wholesale, so the row's rim rides along
-      // in --bw-stroke-shadow (set by rowStyleOf, comma-terminated) and the empty
-      // fallback keeps a row without an outline breathing exactly as before.
-      '@keyframes bw-breathe-text{0%,100%{text-shadow:var(--bw-stroke-shadow,) 0 0 1px var(--bw-pulse-color);opacity:.65}50%{text-shadow:var(--bw-stroke-shadow,) 0 0 7px var(--bw-pulse-color);opacity:1}}',
+      '@keyframes bw-breathe-text{0%,100%{text-shadow:0 0 1px var(--bw-pulse-color);opacity:.65}50%{text-shadow:0 0 7px var(--bw-pulse-color);opacity:1}}',
       '.bw-sync-modes{display:flex;gap:6px;margin-top:8px}',
       '.bw-sync-mode{flex:1;padding:5px 10px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2,rgba(127,127,127,.3));background:transparent;color:var(--dsw-alias-label-secondary,#b8b8b8);cursor:pointer;font-size:12px}',
       '.bw-sync-mode-on{border-color:var(--dsw-alias-brand-primary,#5b8def);color:var(--dsw-alias-label-primary,#e6e6e6);background:var(--dsw-alias-bg-layer-2,rgba(127,127,127,.12))}',
@@ -2801,6 +3029,38 @@ window.__ModuleLoader__.load({
       '.bw-sync-btn{padding:5px 12px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2,rgba(127,127,127,.3));background:transparent;color:var(--dsw-alias-label-secondary,#b8b8b8);cursor:pointer;font-size:12px}',
       '.bw-sync-btn:disabled{opacity:.45;cursor:default}',
       '.bw-sync-btn-primary{border-color:var(--dsw-alias-brand-primary,#5b8def);color:var(--dsw-alias-label-primary,#e6e6e6)}',
+      /*
+       * In-app directory browser (Hosts composing the browse backend). Every
+       * surface rides the theme token chain like the rest of the plugin — the
+       * list panel uses bg-layer-2 so a transparent/background plugin still
+       * reads correctly; nothing may hard-code an opaque background.
+       */
+      '.bw-browse-body{min-width:360px;max-width:460px}',
+      '.bw-browse-bar{display:flex;align-items:center;gap:4px}',
+      '.bw-browse-crumbs{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow-x:auto}',
+      '.bw-browse-crumb{border:none;background:transparent;color:var(--dsw-alias-label-secondary,#b8b8b8);font:inherit;font-size:12px;padding:2px 5px;border-radius:4px;cursor:pointer;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis;flex:none}',
+      '.bw-browse-crumb:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12));color:var(--dsw-alias-label-primary,#e6e6e6)}',
+      '.bw-browse-crumb:disabled{opacity:.4;cursor:default}',
+      '.bw-browse-current{color:var(--dsw-alias-label-primary,#e6e6e6);font-size:12px;padding:2px 5px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
+      '.bw-browse-nav{font-size:13px;line-height:1}',
+      '.bw-browse-edit{flex:none;display:grid;place-items:center;width:24px;height:24px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--dsw-alias-label-tertiary,#9a9a9a);cursor:pointer}',
+      '.bw-browse-edit:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12));color:var(--dsw-alias-label-primary,#e6e6e6)}',
+      '.bw-browse-edit svg{width:14px;height:14px}',
+      '.bw-browse-edit-row{display:flex;gap:6px;align-items:center}',
+      '.bw-browse-list{display:flex;flex-direction:column;gap:1px;height:240px;overflow:auto;padding:4px;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.22));border-radius:8px;background:var(--dsw-alias-bg-layer-2,rgba(127,127,127,.06))}',
+      '.bw-browse-row{display:flex;align-items:center;gap:8px;width:100%;flex:none;text-align:left;border:none;background:transparent;color:var(--dsw-alias-label-primary,#e6e6e6);font:inherit;font-size:12.5px;padding:5px 8px;border-radius:6px;cursor:pointer}',
+      '.bw-browse-row:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12))}',
+      '.bw-browse-row:focus-visible{outline:2px solid var(--dsw-alias-brand-primary,#5b8def);outline-offset:-2px}',
+      '.bw-browse-row svg{width:15px;height:15px;flex:none;color:var(--dsw-alias-label-secondary,#b8b8b8)}',
+      '.bw-browse-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
+      '.bw-browse-note{font-size:12px;color:var(--dsw-alias-label-tertiary,#9a9a9a);padding:10px 8px;text-align:center}',
+      '.bw-browse-new-row{display:flex;gap:6px;align-items:center}',
+      '.bw-browse-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}',
+      '.bw-browse-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}',
+      '.bw-browse-tool{border:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.25));background:transparent;color:var(--dsw-alias-label-secondary,#b8b8b8);font:inherit;font-size:12px;padding:4px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}',
+      '.bw-browse-tool:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.12));color:var(--dsw-alias-label-primary,#e6e6e6)}',
+      '.bw-browse-tool:disabled{opacity:.45;cursor:default}',
+      '.bw-browse-tool-on{border-color:var(--dsw-alias-brand-primary,#5b8def);color:var(--dsw-alias-label-primary,#e6e6e6)}',
     ].join('')
 
     const StyleNode = () => E('style', null, CSS_TEXT)
@@ -3034,6 +3294,65 @@ window.__ModuleLoader__.load({
       },
     })
 
+    /* ==================== directory-picker capability ================== */
+
+    // The host composes exactly ONE directory-picking backend
+    // (@deepseek-ai/dsh-host-directory-picker-auto): a loopback-only webserver
+    // bind on a display-bearing host gets `native` — one OS chooser on the
+    // HOST's own screen — while every other bind (all-interfaces/LAN, SSH,
+    // headless) gets `browse`, whose wire verbs are list/createDirectory ONLY
+    // and whose `pick` is refused BY DESIGN with `directory-picker/unavailable`
+    // ("... needs the native capability; the composed picker serves browse").
+    // A flow that hard-assumed the OS chooser therefore dies on every LAN bind
+    // and no workspace can be added at all. Probe the composed backend once per
+    // page and keep BOTH interactions: the OS chooser, and an in-app browser
+    // driven by the browse primitives (see DirectoryBrowseDialog).
+    const pickerState = { kind: 'unknown', probe: null, api: null }
+    /**
+     * True for the refusal a Host serving the OTHER capability throws: the wire
+     * code when the caller still carries it, the Host's fixed sentence
+     * otherwise (uiWorkspace.pickDirectory wraps the RPC failure in a plain
+     * Error, so the code is gone by the time the flow sees it).
+     */
+    const pickerRefusal = (error) => {
+      if (error && typeof error === 'object' && error.rpcError
+        && error.rpcError.code === 'directory-picker/unavailable') return true
+      const message = messageOf(error)
+      return message.indexOf('needs the native capability') !== -1
+        || message.indexOf('directory-picker/unavailable') !== -1
+    }
+    /**
+     * Resolve which backend this page's Host composes. `list` succeeds exactly
+     * on `browse` and is refused with the capability code on `native`, so one
+     * call answers both worlds without ever opening a chooser or creating a
+     * directory. An unclassified failure (a carrier still connecting at boot)
+     * is NOT cached: the next open re-probes, and the flow falls back to trying
+     * the chooser itself.
+     */
+    const pickerCapabilityNow = () => {
+      if (pickerState.kind !== 'unknown') return Promise.resolve(pickerState.kind)
+      if (pickerState.probe !== null) return pickerState.probe
+      const api = pickerState.api
+      if (!api || typeof api.listDirectory !== 'function') return Promise.resolve('unknown')
+      const probe = Promise.resolve()
+        .then(() => api.listDirectory(undefined, undefined))
+        .then(
+          () => 'browse',
+          (error) => (pickerRefusal(error) ? 'native' : 'unknown'),
+        )
+      pickerState.probe = probe.then((kind) => {
+        if (kind === 'unknown') { pickerState.probe = null; return kind }
+        pickerState.kind = kind
+        return kind
+      })
+      return pickerState.probe
+    }
+    /** Commit a browse verdict the flow discovered the hard way (a refused pick). */
+    const markPickerBrowse = () => {
+      pickerState.kind = 'browse'
+      pickerState.probe = Promise.resolve('browse')
+    }
+
     /* ============================ flow dialog ========================= */
 
     const BTN = (props) => (
@@ -3109,16 +3428,251 @@ window.__ModuleLoader__.load({
     }
 
     /**
-     * The add-workspace picking interaction: native directory pick, then a
-     * small parent-group popup, then create + rename with the chosen prefix.
-     * Works as a directoryFlow occupant (owner conversation props) and as the
-     * browser's directly composed flow (same props, owner state lives above).
+     * The in-app directory browser: the interaction a `browse`-composed Host can
+     * actually serve. It appears when the probe (or a refused pick) proves the
+     * OS chooser is not this Host's backend — a LAN/all-interfaces bind, an SSH
+     * launch, a headless host — where `pick` is refused by design and
+     * list/createDirectory are the only wire verbs. One level at a time: a
+     * clickable Home-rooted breadcrumb chain, an editable path, an inline
+     * new-folder row and the hidden-entry toggle; the listed level (or any
+     * ancestor crumb) is the pick. Browse failures stay inside the dialog — the
+     * owner's error surface belongs to the pick/create conversation, and a
+     * denied listing must never close the flow.
+     */
+    function DirectoryBrowseDialog(props) {
+      const { open, busy, listDirectory, createDirectory, onPick, onClose, t } = props
+      const [listing, setListing] = React.useState(null)
+      const [loading, setLoading] = React.useState(false)
+      const [error, setError] = React.useState('')
+      const [showHidden, setShowHidden] = React.useState(false)
+      const [editing, setEditing] = React.useState(false)
+      const [draft, setDraft] = React.useState('')
+      const [creating, setCreating] = React.useState(false)
+      const [createName, setCreateName] = React.useState('')
+      const [createBusy, setCreateBusy] = React.useState(false)
+      const [createError, setCreateError] = React.useState('')
+      // Guards a superseded scan: a slow level must not overwrite a newer one.
+      const seqRef = React.useRef(0)
+
+      const go = (path) => {
+        const seq = seqRef.current + 1
+        seqRef.current = seq
+        setLoading(true)
+        setError('')
+        Promise.resolve()
+          .then(() => listDirectory(path, undefined))
+          .then((next) => {
+            if (seqRef.current !== seq) return
+            setListing(next || null)
+            setLoading(false)
+          })
+          .catch((reason) => {
+            if (seqRef.current !== seq) return
+            setLoading(false)
+            setError(messageOf(reason))
+          })
+      }
+
+      React.useEffect(() => {
+        if (!open) return undefined
+        seqRef.current += 1
+        setListing(null)
+        setError('')
+        setEditing(false)
+        setCreating(false)
+        setCreateName('')
+        setCreateBusy(false)
+        setCreateError('')
+        setShowHidden(false)
+        go(undefined)
+        return () => { seqRef.current += 1 }
+      }, [open])
+
+      if (!open) return null
+
+      // Home-rooted chain: inside the host account's home subtree the display
+      // starts at a localized Home crumb, outside it the full ancestry shows.
+      const crumbs = (() => {
+        const all = listing && Array.isArray(listing.crumbs) ? listing.crumbs : []
+        const home = listing && typeof listing.home === 'string' ? listing.home : ''
+        const at = home === '' ? -1 : all.findIndex((crumb) => crumb.path === home)
+        const tail = at === -1 ? all : all.slice(at)
+        return tail.map((crumb, index) => (index === 0 && at !== -1
+          ? { path: crumb.path, name: t('browse.home') }
+          : crumb))
+      })()
+      const currentPath = listing && typeof listing.path === 'string' ? listing.path : ''
+      const parentPath = crumbs.length > 1 ? crumbs[crumbs.length - 2].path : ''
+      const entries = (listing && Array.isArray(listing.entries) ? listing.entries : [])
+        .filter((entry) => showHidden || !entry.hidden)
+
+      const submitDraft = () => {
+        const path = draft.trim()
+        setEditing(false)
+        if (path === '') { go(undefined); return }
+        go(path)
+      }
+      const submitCreate = () => {
+        const name = createName.trim()
+        if (name === '' || createBusy || currentPath === '') return
+        setCreateBusy(true)
+        setCreateError('')
+        Promise.resolve()
+          .then(() => createDirectory(currentPath, name))
+          .then(() => {
+            setCreateBusy(false)
+            setCreating(false)
+            setCreateName('')
+            go(currentPath)
+          })
+          .catch((reason) => {
+            setCreateBusy(false)
+            setCreateError(messageOf(reason))
+          })
+      }
+
+      const head = editing
+        ? E('div', { className: 'bw-browse-edit-row' },
+          E('input', {
+            className: 'bw-input',
+            value: draft,
+            autoFocus: true,
+            spellCheck: false,
+            placeholder: currentPath,
+            onChange: (e) => setDraft(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === 'Enter') submitDraft()
+              else if (e.key === 'Escape') setEditing(false)
+            },
+          }),
+          E(BTN, { variant: 'outline', onClick: () => setEditing(false) }, t('cancel')),
+        )
+        : E('div', { className: 'bw-browse-bar' },
+          E('button', {
+            type: 'button',
+            className: 'bw-browse-crumb bw-browse-nav',
+            title: t('browse.up'),
+            'aria-label': t('browse.up'),
+            disabled: parentPath === '',
+            onClick: () => { if (parentPath !== '') go(parentPath) },
+          }, '↑'),
+          E('div', { className: 'bw-browse-crumbs' },
+            crumbs.map((crumb, index) => (index === crumbs.length - 1
+              ? E('span', { key: crumb.path, className: 'bw-browse-crumb bw-browse-current', title: crumb.path }, crumb.name)
+              : E('button', {
+                key: crumb.path,
+                type: 'button',
+                className: 'bw-browse-crumb',
+                title: crumb.path,
+                onClick: () => go(crumb.path),
+              }, crumb.name))),
+          ),
+          E('button', {
+            type: 'button',
+            className: 'bw-browse-edit',
+            title: t('browse.editPath'),
+            'aria-label': t('browse.editPath'),
+            onClick: () => { setDraft(currentPath); setEditing(true) },
+          }, icon('IconEditOutline16')),
+        )
+
+      const rows = entries.map((entry) => E('button', {
+        key: entry.path,
+        type: 'button',
+        className: 'bw-browse-row',
+        title: entry.path,
+        onClick: () => go(entry.path),
+      }, icon('IconFolderClose16'), E('span', { className: 'bw-browse-name' }, entry.name)))
+
+      const body = loading
+        ? E('div', { className: 'bw-browse-note' }, t('browse.loading'))
+        : rows.length > 0
+          ? rows
+          : E('div', { className: 'bw-browse-note' }, t('browse.empty'))
+
+      const newRow = creating
+        ? E('div', { className: 'bw-browse-new-row' },
+          E('input', {
+            className: 'bw-input',
+            value: createName,
+            autoFocus: true,
+            spellCheck: false,
+            placeholder: t('browse.folderName'),
+            disabled: createBusy,
+            onChange: (e) => setCreateName(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === 'Enter') submitCreate()
+              else if (e.key === 'Escape') { setCreating(false); setCreateError('') }
+            },
+          }),
+          E(BTN, {
+            variant: 'outline',
+            disabled: createBusy,
+            onClick: () => { setCreating(false); setCreateError('') },
+          }, t('cancel')),
+          E(BTN, { variant: 'primary', onClick: submitCreate, disabled: createBusy },
+            createBusy ? t('flow.creating') : t('create')),
+        )
+        : null
+
+      // The dialog is deliberately narrower than the official browser, so the
+      // two browsing tools sit on their own row above the list instead of
+      // sharing the footer with the commit pair (they used to wrap there).
+      const tools = E('div', { className: 'bw-browse-tools' },
+        E('button', {
+          type: 'button',
+          className: cls('bw-browse-tool', showHidden && 'bw-browse-tool-on'),
+          'aria-pressed': showHidden ? 'true' : 'false',
+          onClick: () => setShowHidden((value) => !value),
+        }, t('browse.showHidden')),
+        E('button', {
+          type: 'button',
+          className: 'bw-browse-tool',
+          disabled: creating || currentPath === '',
+          onClick: () => { setCreating(true); setCreateName(''); setCreateError('') },
+        }, t('browse.newFolder')),
+      )
+
+      const footer = E('div', { className: 'bw-browse-actions' },
+        E(BTN, { variant: 'outline', onClick: onClose, disabled: busy === true }, t('cancel')),
+        E(BTN, {
+          variant: 'primary',
+          disabled: busy === true || currentPath === '',
+          onClick: () => { if (currentPath !== '') onPick(currentPath) },
+        }, t('browse.select')),
+      )
+
+      return E(ui.Modal, {
+        open: true,
+        onClose: () => { if (busy !== true) onClose() },
+        closeLabel: t('close'),
+        title: t('browse.title'),
+        footer,
+      },
+        E('div', { className: 'bw-modal-body bw-browse-body' },
+          head,
+          createError !== '' ? E('div', { className: 'bw-error-text', role: 'alert' }, createError) : null,
+          tools,
+          newRow,
+          E('div', { className: 'bw-browse-list', role: 'list' }, body),
+          listing && listing.truncated === true ? E('div', { className: 'bw-hint' }, t('browse.truncated')) : null,
+          error !== '' ? E('div', { className: 'bw-error-text', role: 'alert' }, error) : null,
+        ),
+        StyleNode())
+    }
+
+    /**
+     * The add-workspace picking interaction: whichever directory interaction the
+     * Host composes (OS chooser or in-app browser), then a small parent-group
+     * popup, then create + rename with the chosen prefix. Works as a
+     * directoryFlow occupant (owner conversation props) and as the browser's
+     * directly composed flow (same props, owner state lives above).
      */
     function BetterFlow(props) {
-      const { open, busy, onPicked, onCancel, onError, createWorkspace, renameWorkspace, pickDirectory, useWorkspaces, useStore, t } = props
+      const { open, busy, onPicked, onCancel, onError, createWorkspace, renameWorkspace, pickDirectory, listDirectory, createDirectory, useWorkspaces, useStore, t } = props
       const initialParent = props.initialParent || ''
       const actions = props.actions
-      const [phase, setPhase] = React.useState('idle') // idle | picking | picked | submitting
+      const [phase, setPhase] = React.useState('idle') // idle | picking | browsing | picked | submitting
       const [pickedPath, setPickedPath] = React.useState('')
       const [parentInput, setParentInput] = React.useState('')
       // All hooks run before any early return: the flow unmounts its dialog
@@ -3137,24 +3691,54 @@ window.__ModuleLoader__.load({
         }
         let alive = true
         setPhase('picking')
-        Promise.resolve()
-          .then(() => pickDirectory())
-          .then((path) => {
-            if (!alive) return
-            if (!path) { onCancel(); return }
-            setPickedPath(String(path))
-            setParentInput(initialParent)
-            setPhase('picked')
+        // Which backend this Host composes decides the whole interaction: a
+        // `browse` Host renders the in-app browser directly (its `pick` is
+        // refused by design, so trying the chooser first would only surface an
+        // error), a `native` Host opens the OS chooser, and an unresolved
+        // verdict still tries the chooser so a silent probe never changes the
+        // behavior this plugin had before the probe existed.
+        pickerCapabilityNow()
+          .then((kind) => {
+            if (!alive) return undefined
+            if (kind === 'browse') { setPhase('browsing'); return undefined }
+            return Promise.resolve()
+              .then(() => pickDirectory())
+              .then((path) => {
+                if (!alive) return
+                if (!path) { onCancel(); return }
+                setPickedPath(String(path))
+                setParentInput(initialParent)
+                setPhase('picked')
+              })
           })
           .catch((reason) => {
             if (!alive) return
+            // A refusal is a backend fact, not a failure: this Host serves the
+            // browse verbs, so switch interactions instead of erroring out.
+            if (pickerRefusal(reason)) { markPickerBrowse(); setPhase('browsing'); return }
             setPhase('idle')
             onError(messageOf(reason))
           })
         return () => { alive = false }
       }, [open])
 
-      if (!open || (phase !== 'picked' && phase !== 'submitting')) return null
+      if (!open) return null
+      if (phase === 'browsing') {
+        return E(DirectoryBrowseDialog, {
+          open: true,
+          busy: busy === true,
+          listDirectory,
+          createDirectory,
+          onPick: (path) => {
+            setPickedPath(String(path))
+            setParentInput(initialParent)
+            setPhase('picked')
+          },
+          onClose: onCancel,
+          t,
+        })
+      }
+      if (phase !== 'picked' && phase !== 'submitting') return null
 
       const folderOptions = (() => {
         const set = new Set(storeFolders)
@@ -3259,7 +3843,9 @@ window.__ModuleLoader__.load({
     // and returns the opposite pole; rows without a custom color inherit
     // --bw-stroke-color, sampled from the live computed style (see the sampler
     // in BetterBrowser) so a palette flip needs no React render.
-    const STROKE_MAX = 4
+    // The slider is the rim the eye actually sees (0.5..2px). strokeStyleOf
+    // paints twice that because paint-order hides the inner half of the band.
+    const STROKE_MAX = 2
     // The outline color defaults to a plain gray: it reads on light and dark
     // backgrounds alike without shouting like pure black/white. "auto" derives
     // the contrasting pole from the font color instead.
@@ -3334,33 +3920,26 @@ window.__ModuleLoader__.load({
       }
       return colorToRgb(picked) ? picked : DEFAULT_APPEARANCE.strokeColor
     }
-    // The outline is painted as eight offset copies of the glyph mask instead of
-    // with -webkit-text-stroke. That stroke is a GEOMETRIC band centred on the
-    // glyph outline: the fill (paint-order: stroke fill) covers its inner half,
-    // and the surviving outer half lands wherever the outline happens to sit —
-    // usually between device pixels. The rasteriser then spreads that half pixel
-    // over two or three of them, the rim never reaches its own colour, and the
-    // edge reads as pale and uneven — the "jagged" outline.
+    // paint-order keeps the stroke UNDER the fill so the glyph does not thin out
+    // — the whole point of an outer outline. The price is half the band:
+    // -webkit-text-stroke centres it on the outline and the fill covers the inner
+    // half, so the painted width must be TWICE the rim the slider promises.
+    // Painting the configured value (0.10.x) left a 0.5px rim that antialiasing
+    // blended away into a pale, uneven edge.
     //
-    // An offset glyph copy snaps to whole device pixels instead (0.5px at 2x is
-    // exactly one device pixel), so the rim is solid. Measured on the same 13px
-    // row at 2x, the share of rim pixels reaching the picked colour goes
-    // 0.19 -> 0.69 while the painted area grows by only ~10%: the outline keeps
-    // its width and simply stops being blended away. Cost is nil — a 400-row
-    // scroll repaints at the same 16.7ms median either way.
-    const STROKE_DIRECTIONS = [[1, 0], [-1, 0], [0, 1], [0, -1], [1, 1], [-1, 1], [1, -1], [-1, -1]]
-    // One device pixel expressed in CSS pixels. An offset below it is blended
-    // away again, so a thin setting floors here instead of fading out.
-    const strokeOffsetOf = (appearance) => {
-      const width = clampStrokeWidth(appearance.strokeWidth)
-      const dpr = typeof window !== 'undefined' && window.devicePixelRatio > 0 ? window.devicePixelRatio : 1
-      return Math.max(width / 2, 1 / dpr)
-    }
-    const strokeShadowsOf = (appearance) => {
-      if (!appearance || appearance.stroke === false) return []
-      const color = strokeColorOf(appearance)
-      const offset = strokeOffsetOf(appearance)
-      return STROKE_DIRECTIONS.map(([dx, dy]) => (dx * offset) + 'px ' + (dy * offset) + 'px ' + color)
+    // 0.11.1 replaced this with eight offset glyph copies. It measured better and
+    // looked worse: eight directions are only four diagonal samples, so every
+    // slope and curve came out as a string of detached blocks instead of a filled
+    // rim. A geometric stroke is continuous by construction — it really is a path
+    // stroke — so the answer is to give it enough width to survive antialiasing,
+    // not to fake it out of copies.
+    const strokeStyleOf = (appearance) => {
+      if (!appearance || appearance.stroke === false) return null
+      return {
+        WebkitTextStrokeWidth: clampStrokeWidth(appearance.strokeWidth) * 2 + 'px',
+        WebkitTextStrokeColor: strokeColorOf(appearance),
+        paintOrder: 'stroke fill',
+      }
     }
 
     function FolderRow({ node, depth, expanded, onToggle, onContextMenu, dropInto, dragEvents, custStyle, iconMode, pulse, t }) {
@@ -3383,7 +3962,7 @@ window.__ModuleLoader__.load({
         E('span', { className: cls('bw-chevron', expanded && 'bw-chevron-open') }, icon('IconTriangleRightFill14', 14)),
         E('span', { className: 'bw-row-icon' }, iconChild),
         // A row that already carries a custom label glow breathes in sync.
-        E('span', { className: cls('bw-row-label', pulse && custStyle && custStyle['--bw-text-glow'] && 'bw-pulse-text') }, node.name),
+        E('span', { className: cls('bw-row-label', pulse && custStyle && custStyle.textShadow && 'bw-pulse-text') }, node.name),
         total > 0 ? E('span', { className: 'bw-row-count' }, String(total)) : null,
       )
     }
@@ -3404,7 +3983,7 @@ window.__ModuleLoader__.load({
       },
         E('span', { className: cls('bw-chevron', sessionsOpen && 'bw-chevron-open') }, icon('IconTriangleRightFill14', 14)),
         E('span', { className: 'bw-row-icon' }, iconChild),
-        E('span', { className: cls('bw-row-label', pulse && custStyle && custStyle['--bw-text-glow'] && 'bw-pulse-text'), title: workspace.title || workspace.leaf }, workspace.leaf),
+        E('span', { className: cls('bw-row-label', pulse && custStyle && custStyle.textShadow && 'bw-pulse-text'), title: workspace.title || workspace.leaf }, workspace.leaf),
         count > 0 ? E('span', { className: 'bw-row-count' }, String(count)) : null,
         E('span', { className: 'bw-row-actions', onClick: (e) => e.stopPropagation() },
           E('button', { type: 'button', className: 'bw-icon-btn', 'aria-label': t('session.new'), onClick: (e) => { e.stopPropagation(); onStart() } }, icon('IconPlusOutline16')),
@@ -3591,7 +4170,7 @@ window.__ModuleLoader__.load({
         next[index] = n
         patch({ color: rgbToHex(next[0], next[1], next[2]) })
       }
-      const previewShadows = strokeShadowsOf(appearance)
+      const previewShadows = []
       if (glow > 0 && color) previewShadows.push('0 0 ' + glow + 'px ' + color)
       if (shadow) previewShadows.push('1px 1px 2px rgba(0,0,0,.85)')
       // The preview must show the REAL outline: with no custom color the pole
@@ -3611,6 +4190,7 @@ window.__ModuleLoader__.load({
         const poll = setInterval(sample, 1500)
         return () => clearInterval(poll)
       }, [color, stroke])
+      const previewStroke = strokeStyleOf(appearance)
       return E('div', { className: 'bw-appearance' },
         E('div', { className: 'bw-field' },
           t('custom.color'),
@@ -3751,6 +4331,7 @@ window.__ModuleLoader__.load({
               color: color || undefined,
               fontWeight: weight > 0 ? weight : undefined,
               textShadow: previewShadows.length > 0 ? previewShadows.join(',') : undefined,
+              ...(previewStroke || null),
             },
           },
             allowIcon ? E('span', { className: 'bw-preview-icon' }, iconOf(iconMode, true)) : null,
@@ -3960,7 +4541,8 @@ window.__ModuleLoader__.load({
         useSessions, useSessionPendingInteraction, useWorkspaces,
         useStore, actions,
         startSession, open, renameSession, forkSession, renameWorkspace, deleteWorkspace,
-        archiveSession, createWorkspace, pickDirectory, insertWorkspaceBefore, insertSessionBefore,
+        archiveSession, createWorkspace, pickDirectory, listDirectory, createDirectory,
+        insertWorkspaceBefore, insertSessionBefore,
         t,
       } = props
 
@@ -4177,27 +4759,15 @@ window.__ModuleLoader__.load({
         const glow = Number(appearance.glow) || 0
         const weight = Number(appearance.weight) || 0
         const shadow = appearance.shadow === true
-        // text-shadow paints its first entry on top, so the rim goes in front of
-        // the halo and the drop shadow that sit outside it.
-        const outline = strokeShadowsOf(appearance)
-        const halos = []
-        if (glow > 0 && color) halos.push('0 0 ' + glow + 'px ' + color)
-        if (shadow) halos.push('1px 1px 2px rgba(0,0,0,.85)')
-        const shadows = outline.concat(halos)
+        const shadows = []
+        if (glow > 0 && color) shadows.push('0 0 ' + glow + 'px ' + color)
+        if (shadow) shadows.push('1px 1px 2px rgba(0,0,0,.85)')
         const style = {}
         if (color) style.color = color
         if (weight > 0) style.fontWeight = weight
         if (shadows.length > 0) style.textShadow = shadows.join(',')
-        // The rim is published twice: inside the row's own text-shadow, and as a
-        // variable for the places that cannot inherit it. The trailing comma is
-        // load-bearing — the pulse keyframes append the halo after it.
-        if (outline.length > 0) style['--bw-stroke-shadow'] = outline.join(',') + ','
-        // Meta text (session count / relative time) opts out of the rim but keeps
-        // the halo, which it can only read from here.
-        if (halos.length > 0) style['--bw-glow-shadow'] = halos.join(',')
-        // The label breathes its text only when the row actually carries a halo;
-        // a rim alone is not a reason to pulse.
-        if (halos.length > 0) style['--bw-text-glow'] = '1'
+        const stroke = strokeStyleOf(appearance)
+        if (stroke) Object.assign(style, stroke)
         return Object.keys(style).length > 0 ? style : null
       }
       const keyOf = (kind, payload) => {
@@ -5025,6 +5595,8 @@ window.__ModuleLoader__.load({
           createWorkspace,
           renameWorkspace,
           pickDirectory,
+          listDirectory,
+          createDirectory,
           useWorkspaces,
           actions,
           useStore,
@@ -5110,6 +5682,10 @@ window.__ModuleLoader__.load({
         })
         return
       }
+      // The capability probe talks to the composed backend through this
+      // service (list is served by browse alone), so the state module needs
+      // the handle before any flow can open.
+      pickerState.api = uiWorkspace
 
       if (ctx.locale && typeof ctx.locale.register === 'function') {
         ctx.effect(() => {
@@ -5161,6 +5737,10 @@ window.__ModuleLoader__.load({
         archiveSession: (sessionId) => uiWorkspace.archiveSession(sessionId),
         createWorkspace: (input) => workspaces.create(input),
         pickDirectory: () => uiWorkspace.pickDirectory(),
+        // Browse-side primitives: the fallback interaction whenever the Host
+        // composes the browse backend instead of the OS chooser.
+        listDirectory: (path, signal) => uiWorkspace.listDirectory(path, signal),
+        createDirectory: (path, name) => uiWorkspace.createDirectory(path, name),
         hooks: {
           directoryFlow: flowSource(slots, 'sidebar.workspaces.directoryFlow'),
         },
@@ -5169,6 +5749,10 @@ window.__ModuleLoader__.load({
         createWorkspace: (input) => workspaces.create(input),
         renameWorkspace: (workspaceId, title) => workspaces.rename(workspaceId, title),
         pickDirectory: () => uiWorkspace.pickDirectory(),
+        // Same browse-side primitives as the sidebar flow: the two holes and
+        // the inlined dialog must agree on which interaction they can run.
+        listDirectory: (path, signal) => uiWorkspace.listDirectory(path, signal),
+        createDirectory: (path, name) => uiWorkspace.createDirectory(path, name),
         hooks: { directoryFlow: flowSource(slots, hole) },
       })