dsh-better-workspace 0.7.2 → 0.9.0

package/README.md

@@ -23,9 +23,9 @@ web/                 ← 虚拟分组(不是真实目录,纯命名层级)
 
 点「添加工作区」并选完文件夹后,弹出一个小对话框,一行选择工作区所属分组——直接输入(如 `web`)、从下拉里选已有层级(datalist 原生补全),留空就是根分组。确认后插件创建工作区并把分组前缀写进名称,树上自然落位。
 
-### 新建分组
+### 分组的增删
 
-标题栏的「新建分组」按钮可以创建**空分组**(比如先把 `web` 占好位),分组路径支持多级。空分组持久保存在浏览器本地;一旦有工作区落进去,分组就由名称自然派生。
+右键任意分组行即可:**新增子分组**(路径自动带上父分组前缀)、**新增子工作区**(选完目录后所属分组输入框自动预填)、重命名分组、删除空分组;标题栏不再放独立按钮。空分组持久保存在浏览器本地;一旦有工作区落进去,分组就由名称自然派生。
 
 ### 会话也吃这套规则
 
@@ -45,14 +45,14 @@ web/                 ← 虚拟分组(不是真实目录,纯命名层级)
 <table>
 <tr>
 <td align="center" width="58%"><img src="docs/screenshots/5-context-menu.png" alt="右键菜单"/></td>
-<td valign="top"><b>右键菜单</b><br/>操作都收进右键:工作区行——重命名 / 删除 / 分叉 / 归档 / 自定义外观;工作区分组行——重命名分组(同步更新组内所有工作区名称)/ 删除空分组 / 自定义外观;会话与会话分组行——重命名 / 分叉 / 归档 / 自定义外观。</td>
+<td valign="top"><b>右键菜单</b><br/>操作都收进右键:工作区行——重命名 / 删除 / 分叉 / 归档 / 自定义外观;工作区分组行——新增子分组 / 新增子工作区 / 重命名分组(同步更新组内所有工作区名称)/ 删除空分组 / 自定义外观;会话与会话分组行——重命名 / 分叉 / 归档 / 自定义外观。</td>
 </tr>
 </table>
 
 <table>
 <tr>
 <td align="center" width="58%"><img src="docs/screenshots/4-settings-card.png" alt="插件设置卡片"/></td>
-<td valign="top"><b>设置卡片</b><br/>设置 → 插件 → 插件配置 里新增「更好的工作区」卡片(官方折叠卡片样式),提供<b>单链分组合并</b>开关(如 测试层1 下只有 AI交易 一个工作区时,合并显示为一行 测试层1/AI交易);展开状态与外观自定义经 dsh 客户端 store 持久化在当前浏览器。</td>
+<td valign="top"><b>设置卡片</b><br/>设置 → 插件 → 插件配置 里新增「更好的工作区」卡片(官方折叠卡片样式),提供<b>单链分组合并</b>开关(如 测试层1 下只有 AI交易 一个工作区时,合并显示为一行 测试层1/AI交易)与<b>状态呼吸灯</b>开关(被折叠藏起的状态灯沿层级向外冒泡呼吸发光,默认开);展开状态与外观自定义经 dsh 客户端 store 持久化在当前浏览器。</td>
 </tr>
 </table>
 
@@ -60,7 +60,8 @@ web/                 ← 虚拟分组(不是真实目录,纯命名层级)
 
 - **文件夹式收起**:点工作区行 = 收起/展开该工作区的全部会话(收起后行上保留会话数角标);会话分组同样可收起;搜索时自动全部展开。
 - **拖拽还原原版能力**:工作区行可拖拽——拖到另一工作区行上/下半即调整顺序(写回宿主 registry 序),拖到分组行则移动进该分组;会话行可拖拽——同工作区拖到另一会话上/下调整顺序,拖到会话子分组即移动进该分组。显示顺序 = 宿主手动序,拖拽结果立即生效。拖拽工作区期间,单链合并显示的行(如 工作/A)临时展开回文件夹树——路径里的每一级都是可投放的分组行,松手后自动合并回去。
-- **不丢原生能力**:会话行(打开/重命名/分叉/归档)、每工作区「新会话」、当前会话高亮、官方状态灯(蓝色运行环 / 琥珀待交互 / 绿色完成提醒)、**活跃定时任务角标**(有活动 Schedule 的会话显示闹钟图标,与官方行一致)、未分组会话兜底、中英双语跟随界面语言。
+- **不丢原生能力**:会话行(打开/重命名/分叉/归档)、每工作区「新会话」(点 + 总是先展开该工作区,让新会话立刻可见)、当前会话高亮、官方状态灯(蓝色运行环 / 琥珀待交互 / 绿色完成提醒)、**状态呼吸灯**(折叠藏起的状态灯向外冒泡:工作区/分组行图标按状态色呼吸发光——琥珀待交互/绿完成,自定义过发光的标题一起呼吸;运行中只在会话行本层蓝色呼吸,不外渗;可在设置关闭)、**活跃定时任务角标**(有活动 Schedule 的会话显示闹钟图标,与官方行一致)、未分组会话兜底、中英双语跟随界面语言。
+- **URL 标题感知**:会话/工作区标题里的 URL(如 `https://host/api/v1/x`)按 URL 语义分层——域名与协议合成一段、路径各段自成层级,同前缀 URL 自动聚到同一分组下,不再被撕成伪分组。
 - **对话空态页同样生效**:会话空态页的「添加工作区」菜单走的也是本插件的拾取交互,同样带所属分组弹窗。
 
 ## 安装

package/README_EN.md

@@ -21,9 +21,9 @@ 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.
 
-### New-folder button
+### Folder create/delete via context menu
 
-Create explicit empty folders (multi-level paths welcome) that persist in the browser until workspaces live inside them.
+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.
 
 ### Sessions follow the same rule
 
@@ -43,14 +43,14 @@ Session titles nest on `/` too (e.g. `test1/plugin maintenance`). Session groups
 <table>
 <tr>
 <td align="center" width="58%"><img src="docs/screenshots/5-context-menu.png" alt="Context menu"/></td>
-<td valign="top"><b>Context menu everywhere</b><br/>Actions live in the right-click menu: workspace rows — rename / delete / fork / archive / customize; folder rows — rename group (updates all descendant workspaces) / delete empty group / customize; session &amp; session-group rows — rename / fork / archive / customize.</td>
+<td valign="top"><b>Context menu everywhere</b><br/>Actions live in the right-click menu: workspace rows — rename / delete / fork / archive / customize; folder rows — new subfolder / new workspace here / rename group (updates all descendant workspaces) / delete empty group / customize; session &amp; session-group rows — rename / fork / archive / customize.</td>
 </tr>
 </table>
 
 <table>
 <tr>
 <td align="center" width="58%"><img src="docs/screenshots/4-settings-card.png" alt="Settings card"/></td>
-<td valign="top"><b>Settings card</b><br/>Settings → Plugins → Configuration adds a “Better Workspaces” card (official accordion style) with a <b>single-child-chain merge</b> toggle (e.g. level1 containing only AI trade renders as one row level1/AI trade); expansion state and styling persist via the dsh client store in the browser.</td>
+<td valign="top"><b>Settings card</b><br/>Settings → Plugins → Configuration adds a “Better Workspaces” card (official accordion style) with a <b>single-child-chain merge</b> toggle (e.g. level1 containing only AI trade renders as one row level1/AI trade) and a <b>status breathing light</b> toggle (status dots hidden by collapse bubble outward as breathing glows; on by default); expansion state and styling persist via the dsh client store in the browser.</td>
 </tr>
 </table>
 
@@ -58,7 +58,8 @@ Session titles nest on `/` too (e.g. `test1/plugin maintenance`). Session groups
 
 - **Folder-style collapse**: clicking a workspace row collapses/expands all of its sessions (the row keeps a session counter when collapsed); session groups collapse too; search force-expands everything.
 - **Native drag restored**: drag a workspace row above/below another to reorder (writes back the host registry order) or onto a folder row to move it into that group; drag session rows to reorder within the same workspace or onto a session group to move. Display order = host manual order, drag results are visible immediately. While dragging a workspace, merged single-chain rows (e.g. work/A) temporarily re-expand into folder rows — every level of the path becomes a drop target, and chains merge back when the drag ends.
-- **Native capabilities kept**: open/rename/fork/archive sessions, per-workspace new-session, current-session highlight, official status dots (blue running ring / amber pending / green done), **active-schedule badge** (alarm clock icon for sessions with active Schedule records, matching the official rows), ungrouped-session fallback, zh/en localization.
+- **Native capabilities kept**: open/rename/fork/archive sessions, per-workspace new-session (the + button always expands the workspace first so the new session is immediately visible), current-session highlight, official status dots (blue running ring / amber pending / green done), **status breathing lights** (dots hidden by collapse bubble outward: workspace/folder rows breathe on their icon in the status color — amber pending / green done, custom-glow labels breathe along; running breathes blue only on the session row itself and never relays; off-able in settings), **active-schedule badge** (alarm clock icon for sessions with active Schedule records, matching the official rows), ungrouped-session fallback, zh/en localization.
+- **URL-aware titles**: URLs in session/workspace titles (e.g. `https://host/api/v1/x`) split the way URLs mean it — scheme://host as one segment, each path segment a level — so same-prefix URLs nest together instead of shredding into pseudo-folders.
 - **Conversation hero too**: the empty-state “Add workspace” menu uses the same picking interaction with the same group popup.
 
 ## Install

package/dsh.plugin.json

@@ -1,6 +1,6 @@
 {
   "id": "dsh-external/dsh-better-workspace",
-  "version": "0.7.2",
+  "version": "0.9.0",
   "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.7.2",
+  "version": "0.9.0",
   "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

@@ -31,7 +31,6 @@ window.__ModuleLoader__.load({
       'title': '工作区',
       'search.placeholder': '搜索工作区或会话',
       'add': '添加工作区',
-      'newFolder': '新建分组',
       'rail.search': '搜索',
       'rail.add': '添加工作区',
       'empty': '暂无工作区',
@@ -57,6 +56,8 @@ window.__ModuleLoader__.load({
       'menu.delete': '删除',
       'menu.fork': '分叉',
       'menu.archive': '归档',
+      'menu.newSubfolder': '新增子分组',
+      'menu.newSubWorkspace': '新增子工作区',
       'menu.renameFolder': '重命名分组',
       'menu.removeFolder': '删除分组',
       'menu.renameSgroup': '重命名会话分组',
@@ -66,6 +67,8 @@ window.__ModuleLoader__.load({
       'settings.collapse': '收起',
       'settings.compactChains': '单链分组折叠显示',
       'settings.compactChains.hint': '单层链合并为一行,出现多个子级时自动展开为树状;拖拽工作区期间单链临时展开回文件夹树,可放入任意一级;展开状态与自定义外观保存在当前浏览器。',
+      'settings.statusPulse': '状态呼吸灯',
+      'settings.statusPulse.hint': '被折叠藏起的状态灯(完成绿 / 运行蓝 / 待交互琥珀)沿层级向外冒泡:工作区与分组行以图标呼吸发光(颜色随状态,自定义过发光的标题一起呼吸),会话分组行显示呼吸状态灯;默认开启,可在此关闭。',
       'custom.title': '自定义外观',
       'custom.color': '颜色',
       'custom.glow': '发光',
@@ -117,7 +120,6 @@ window.__ModuleLoader__.load({
       'title': 'Workspaces',
       'search.placeholder': 'Search workspaces or sessions',
       'add': 'Add workspace',
-      'newFolder': 'New folder',
       'rail.search': 'Search',
       'rail.add': 'Add workspace',
       'empty': 'No workspaces yet',
@@ -143,6 +145,8 @@ window.__ModuleLoader__.load({
       'menu.delete': 'Delete',
       'menu.fork': 'Fork',
       'menu.archive': 'Archive',
+      'menu.newSubfolder': 'New subfolder',
+      'menu.newSubWorkspace': 'New workspace here',
       'menu.renameFolder': 'Rename folder',
       'menu.removeFolder': 'Delete folder',
       'menu.renameSgroup': 'Rename session group',
@@ -152,6 +156,8 @@ window.__ModuleLoader__.load({
       'settings.collapse': 'Collapse',
       'settings.compactChains': 'Merge single-child chains',
       'settings.compactChains.hint': 'Single-child chains merge into one row; levels with multiple children expand as a tree. Chains re-expand into folder rows while you drag a workspace, so it can drop into any level. State and custom styling persist in this browser.',
+      'settings.statusPulse': 'Status breathing light',
+      'settings.statusPulse.hint': 'Status dots hidden by collapse (done green / running blue / pending amber) bubble outward: workspace and folder rows breathe on their icon in the status color (custom-glow labels breathe along), session-group rows show a breathing dot; on by default, turn it off here.',
       'custom.title': 'Customize',
       'custom.color': 'Color',
       'custom.glow': 'Glow',
@@ -210,8 +216,47 @@ window.__ModuleLoader__.load({
       const i = Math.max(s.lastIndexOf('/'), s.lastIndexOf('\\'))
       return i === -1 ? s : s.slice(i + 1)
     }
-    const splitTitleSegs = (title) => String(title || '').split('/').map(s => s.trim()).filter(Boolean)
-    const normPath = (p) => String(p || '').split('/').map(s => s.trim()).filter(Boolean).join('/')
+    /**
+     * URL-aware segment splitting for titles. A bare "/" split shreds URLs
+     * ("https:" → empty → host → path...), so when a "://" shows up the tail is
+     * parsed as a URL and split the way URLs mean it: scheme://host is ONE
+     * segment (the authority is not a hierarchy level), each pathname segment
+     * is a level, and query/hash glue to the last segment. Consequences:
+     * several sessions sharing a URL prefix (".../v1/m", ".../v1/n") nest
+     * under the same derived folder instead of piling up as long flat rows,
+     * while "docs/see https://x/a/b" keeps the plain "docs" head. Titles whose
+     * URL-looking tail does not parse stay opaque from the last "/" before the
+     * scheme marker. Grouping is a pure projection of titles, so sessions that
+     * were previously shredded into pseudo-folders re-flow on reload.
+     */
+    const urlSegsOf = (raw) => {
+      let u = null
+      try { u = new URL(raw) } catch { return null }
+      const host = u.protocol + '//' + u.host
+      const pathSegs = u.pathname.split('/').filter(Boolean)
+      const tail = (u.search || '') + (u.hash || '')
+      if (pathSegs.length === 0) return [host + tail]
+      if (tail !== '') pathSegs[pathSegs.length - 1] += tail
+      return [host].concat(pathSegs)
+    }
+
+    const splitTitleSegs = (title) => {
+      const s = String(title || '')
+      const schemeAt = s.indexOf('://')
+      if (schemeAt === -1) return s.split('/').map(x => x.trim()).filter(Boolean)
+      let start = schemeAt
+      while (start > 0 && /[a-zA-Z0-9+.-]/.test(s[start - 1])) start--
+      const head = s.slice(0, start).split('/').map(x => x.trim()).filter(Boolean)
+      const urlSegs = urlSegsOf(s.slice(start).trim())
+      if (urlSegs !== null) return head.concat(urlSegs)
+      // Not a parseable URL after all: opaque from the last "/" before the marker.
+      const cut = s.lastIndexOf('/', schemeAt)
+      const segs = (cut === -1 ? '' : s.slice(0, cut)).split('/').map(x => x.trim()).filter(Boolean)
+      const tailText = s.slice(cut + 1).trim()
+      if (tailText !== '') segs.push(tailText)
+      return segs
+    }
+    const normPath = (p) => splitTitleSegs(p).join('/')
 
     /** Render a primitives icon by name; unknown names degrade to null, never crash. */
     const icon = (name, size) => {
@@ -219,22 +264,6 @@ window.__ModuleLoader__.load({
       return C ? E(C, { size: size || 16 }) : null
     }
 
-    /** Folder-with-plus glyph for the new-group header button (absent from the primitives set). */
-    const FolderPlusIcon = (props) => E('svg', {
-      width: props.size || 16,
-      height: props.size || 16,
-      viewBox: '0 0 16 16',
-      fill: 'none',
-      stroke: 'currentColor',
-      strokeWidth: 1.2,
-      strokeLinecap: 'round',
-      strokeLinejoin: 'round',
-      'aria-hidden': 'true',
-    },
-      E('path', { d: 'M1.75 4.6c0-.74.6-1.35 1.35-1.35h2.5l1.4 1.6h4.9c.74 0 1.35.6 1.35 1.35v5.9c0 .74-.6 1.35-1.35 1.35H3.1c-.74 0-1.35-.6-1.35-1.35V4.6z' }),
-      E('path', { d: 'M8 7.2v3.6M6.2 9h3.6' }),
-    )
-
     const FALLBACK_UNITS = { minutes: 'm', hours: 'h', days: 'd', months: 'mo', years: 'y' }
     const timeLabel = (updatedAt, now, t) => {
       if (typeof ui.relativeTime !== 'function') return ''
@@ -326,22 +355,31 @@ window.__ModuleLoader__.load({
     function buildSessionTree(rows) {
       const root = { path: '', name: '', groups: [], sessions: [] }
       const byPath = new Map([['', root]])
-      const ensure = (path) => {
-        if (path === '') return root
-        const known = byPath.get(path)
-        if (known) return known
-        const segs = path.split('/')
-        const parent = ensure(segs.slice(0, -1).join('/'))
-        const node = { path, name: segs[segs.length - 1], groups: [], sessions: [] }
-        byPath.set(path, node)
-        parent.groups.push(node)
+      // SEGMENT-driven: paths arrive as already-split segment arrays (URL-aware
+      // splitTitleSegs can yield segments containing "//", e.g. the
+      // "scheme://host" authority segment) and are joined into the path KEY
+      // verbatim — never re-split on "/", which would shred an authority
+      // segment into "https:" + "" + host.
+      const ensure = (segs) => {
+        let node = root
+        let key = ''
+        for (const seg of segs) {
+          key = key === '' ? seg : key + '/' + seg
+          let next = byPath.get(key)
+          if (!next) {
+            next = { path: key, name: seg, groups: [], sessions: [] }
+            byPath.set(key, next)
+            node.groups.push(next)
+          }
+          node = next
+        }
         return node
       }
       for (const row of rows || []) {
         const segs = splitTitleSegs(row.title)
         const folderPath = segs.slice(0, -1).join('/')
         const leaf = segs.length > 0 ? segs[segs.length - 1] : row.title
-        ensure(folderPath).sessions.push({ ...row, leaf })
+        ensure(segs.slice(0, -1)).sessions.push({ ...row, leaf })
       }
       const sortRec = (node) => {
         node.groups.sort((a, b) => a.name.localeCompare(b.name, 'zh'))
@@ -377,26 +415,32 @@ window.__ModuleLoader__.load({
     function buildTree(items, explicitFolders) {
       const root = { path: '', name: '', folders: [], workspaces: [] }
       const byPath = new Map([['', root]])
-      const ensure = (path) => {
-        if (path === '') return root
-        const known = byPath.get(path)
-        if (known) return known
-        const segs = path.split('/')
-        const parent = ensure(segs.slice(0, -1).join('/'))
-        const node = { path, name: segs[segs.length - 1], folders: [], workspaces: [] }
-        byPath.set(path, node)
-        parent.folders.push(node)
+      // SEGMENT-driven, same as buildSessionTree: the joined path is only a
+      // KEY; parsing it back on "/" would break URL authority segments.
+      const ensure = (segs) => {
+        let node = root
+        let key = ''
+        for (const seg of segs) {
+          key = key === '' ? seg : key + '/' + seg
+          let next = byPath.get(key)
+          if (!next) {
+            next = { path: key, name: seg, folders: [], workspaces: [] }
+            byPath.set(key, next)
+            node.folders.push(next)
+          }
+          node = next
+        }
         return node
       }
       for (const folder of explicitFolders || []) {
-        const p = normPath(folder)
-        if (p !== '') ensure(p)
+        const segs = splitTitleSegs(normPath(folder))
+        if (segs.length > 0) ensure(segs)
       }
       for (const workspace of items || []) {
         const segs = splitTitleSegs(workspace.title)
         const folderPath = segs.slice(0, -1).join('/')
         const leaf = segs.length > 0 ? segs[segs.length - 1] : (basename(workspace.path) || String(workspace.title || '') || String(workspace.workspaceId || ''))
-        ensure(folderPath).workspaces.push({
+        ensure(segs.slice(0, -1)).workspaces.push({
           workspaceId: workspace.workspaceId,
           title: String(workspace.title || ''),
           path: String(workspace.path || ''),
@@ -418,40 +462,59 @@ window.__ModuleLoader__.load({
     /**
      * VS Code-style single-child chain compression (preference-controlled):
      * a folder level holding exactly ONE child and nothing else merges into a
-     * single display row — folder chains join names with "/" (keeps the DEEPEST
-     * path as its expansion identity), and a folder whose only child is one
-     * workspace becomes that workspace row with the merged label. Only
-     * presentation changes; the underlying workspace/title data is untouched.
+     * single display row; a chain ending in one workspace becomes that
+     * workspace row with the merged label. Only presentation changes; the
+     * underlying workspace/title data is untouched.
+     *
+     * The merged label is the chain RELATIVE to the first un-compressed
+     * ancestor (VS Code explorer behaviour): a chain a/b/c holding only
+     * workspace W shows "a/b/c/W" at the root, but the same chain nested
+     * inside a populated folder "a" shows "b/c/W". Labels are therefore
+     * assembled from RELATIVE segments (segs + pure leaf name) and only
+     * materialised into a display node at the chain's top — the pre-0.8 code
+     * prefixed each recursion level with the FULL node.path, so nested chains
+     * rendered duplicated prefixes like "1/2/1/2/3/A".
      */
+    const materializeChain = (chain) => chain.kind === 'ws'
+      ? {
+        kind: 'ws',
+        path: chain.path,
+        workspace: { ...chain.workspace, leaf: chain.segs.join('/') + '/' + chain.pure, title: chain.workspace.title, folderPath: '' },
+        folders: [],
+        workspaces: [],
+      }
+      : { kind: 'folder', path: chain.path, name: chain.segs.join('/'), folders: chain.folders, workspaces: chain.workspaces }
+
     function compressTree(node) {
       const folders = (node.folders || []).map(compressTree)
       const workspaces = node.workspaces || []
       if (workspaces.length === 0 && folders.length === 1) {
+        // Continue the chain upward: one more relative segment in front of
+        // whatever the child chain accumulated. path stays the DEEPEST full
+        // path (expansion identity); the label is joined only at the top.
         const child = folders[0]
-        if (child.kind === 'ws') {
-          const ws = child.workspace
-          return {
-            kind: 'ws',
-            path: child.path,
-            workspace: { ...ws, leaf: (node.path !== '' ? node.path + '/' : '') + ws.leaf, title: ws.title, folderPath: '' },
-            folders: [],
-            workspaces: [],
-            dropPath: child.path,
-          }
+        return {
+          kind: child.kind,
+          path: child.path,
+          segs: [node.name].concat(child.segs || []),
+          pure: child.pure,
+          workspace: child.workspace,
+          folders: child.folders,
+          workspaces: child.workspaces,
         }
-        return { kind: 'folder', path: child.path, name: node.name + '/' + child.name, folders: child.folders || [], workspaces: child.workspaces || [], dropPath: child.path || node.path }
       }
       if (folders.length === 0 && workspaces.length === 1) {
-        const ws = workspaces[0]
-        return { kind: 'ws', path: node.path, workspace: { ...ws, leaf: (node.path !== '' ? node.path + '/' : '') + ws.leaf, title: ws.title, folderPath: '' }, folders: [], workspaces: [], dropPath: node.path }
+        return { kind: 'ws', path: node.path, segs: [node.name], pure: workspaces[0].leaf, workspace: workspaces[0], folders: [], workspaces: [] }
       }
-      return { kind: 'folder', path: node.path, name: node.name, folders, workspaces, dropPath: node.path }
+      // Chain top (multiple children, or a mix): children are materialised
+      // relative to this node; this node itself keeps its single name.
+      return { kind: 'folder', path: node.path, segs: [node.name], folders: folders.map(materializeChain), workspaces }
     }
 
     /* ============================== styles ============================ */
 
     const CSS_TEXT = [
-      '.bw-root{height:100%;display:flex;flex-direction:column;min-height:0;color:var(--dsw-alias-label-primary,#e6e6e6)}',
+      '.bw-root{height:100%;display:flex;flex-direction:column;min-height:0;position:relative;color:var(--dsw-alias-label-primary,#e6e6e6)}',
       '.bw-header{display:flex;align-items:center;gap:2px;padding:10px 10px 4px;flex:none}',
       '.bw-header-title{flex:1;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--dsw-alias-label-secondary,#b8b8b8);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
       '.bw-icon-btn{flex:none;width:24px;height:24px;border:none;background:transparent;border-radius:6px;display:grid;place-items:center;color:var(--dsw-alias-label-secondary,#b8b8b8);cursor:pointer;padding:0}',
@@ -550,6 +613,10 @@ window.__ModuleLoader__.load({
       '.bw-preview-icon{flex:none;display:grid;place-items:center;width:20px;height:20px;color:var(--dsw-alias-label-primary,#e6e6e6)}',
       '.bw-preview-icon svg{width:18px;height:18px}',
       '.bw-preview-label{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}',
+      '.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}',
+      '@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}}',
     ].join('')
 
     const StyleNode = () => E('style', null, CSS_TEXT)
@@ -670,6 +737,7 @@ window.__ModuleLoader__.load({
      */
     function BetterFlow(props) {
       const { open, busy, onPicked, onCancel, onError, createWorkspace, renameWorkspace, pickDirectory, useWorkspaces, useStore, t } = props
+      const initialParent = props.initialParent || ''
       const actions = props.actions
       const [phase, setPhase] = React.useState('idle') // idle | picking | picked | submitting
       const [pickedPath, setPickedPath] = React.useState('')
@@ -694,7 +762,7 @@ window.__ModuleLoader__.load({
             if (!alive) return
             if (!path) { onCancel(); return }
             setPickedPath(String(path))
-            setParentInput('')
+            setParentInput(initialParent)
             setPhase('picked')
           })
           .catch((reason) => {
@@ -797,11 +865,17 @@ window.__ModuleLoader__.load({
       .map(n => Math.max(0, Math.min(255, Math.round(n))).toString(16).padStart(2, '0'))
       .join('')
 
-    function FolderRow({ node, depth, expanded, onToggle, onContextMenu, dropInto, dragEvents, custStyle, iconMode, t }) {
+    function FolderRow({ node, depth, expanded, onToggle, onContextMenu, dropInto, dragEvents, custStyle, iconMode, pulse, t }) {
       const total = countWorkspaces(node)
+      const iconEl = iconOf(iconMode, expanded)
+      // Hidden status dots breathe on the icon; with the icon hidden (mode
+      // "none" or a missing primitive) the official StateDot stands in.
+      const iconChild = pulse
+        ? E(PulseGlow, { state: pulse }, iconEl || (typeof ui.StateDot === 'function' ? E(ui.StateDot, { state: pulse, size: 10 }) : null))
+        : iconEl
       return E('div', {
         className: cls('bw-row', dropInto && 'bw-drop-into'),
-        style: { paddingLeft: 4 + depth * 12, ...(custStyle || {}) },
+        style: { paddingLeft: 4 + depth * 12, ...(custStyle || {}), ...(pulse ? { '--bw-pulse-color': PULSE_COLORS[pulse] || PULSE_COLORS.ongoing } : null) },
         onClick: onToggle,
         onContextMenu: onContextMenu,
         role: 'treeitem',
@@ -809,16 +883,21 @@ window.__ModuleLoader__.load({
         ...(dragEvents || {}),
       },
         E('span', { className: cls('bw-chevron', expanded && 'bw-chevron-open') }, icon('IconTriangleRightFill14', 14)),
-        E('span', { className: 'bw-row-icon' }, iconOf(iconMode, expanded)),
-        E('span', { className: 'bw-row-label' }, node.name),
+        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.textShadow && 'bw-pulse-text') }, node.name),
         total > 0 ? E('span', { className: 'bw-row-count' }, String(total)) : null,
       )
     }
 
-    function WorkspaceRow({ workspace, depth, count, sessionsOpen, onToggle, onStart, onContextMenu, currentInside, dropHalf, dragEvents, custStyle, iconMode, t }) {
+    function WorkspaceRow({ workspace, depth, count, sessionsOpen, onToggle, onStart, onContextMenu, currentInside, dropHalf, dragEvents, custStyle, iconMode, pulse, t }) {
+      const iconEl = iconOf(iconMode, sessionsOpen)
+      const iconChild = pulse
+        ? E(PulseGlow, { state: pulse }, iconEl || (typeof ui.StateDot === 'function' ? E(ui.StateDot, { state: pulse, size: 10 }) : null))
+        : iconEl
       return E('div', {
         className: cls('bw-row', currentInside && 'bw-row-current', dropHalf === 'before' && 'bw-drop-before', dropHalf === 'after' && 'bw-drop-after'),
-        style: { paddingLeft: 6 + depth * 12, ...(custStyle || {}) },
+        style: { paddingLeft: 6 + depth * 12, ...(custStyle || {}), ...(pulse ? { '--bw-pulse-color': PULSE_COLORS[pulse] || PULSE_COLORS.ongoing } : null) },
         onClick: onToggle,
         onContextMenu: onContextMenu,
         role: 'treeitem',
@@ -826,8 +905,8 @@ window.__ModuleLoader__.load({
         ...(dragEvents || {}),
       },
         E('span', { className: cls('bw-chevron', sessionsOpen && 'bw-chevron-open') }, icon('IconTriangleRightFill14', 14)),
-        E('span', { className: 'bw-row-icon' }, iconOf(iconMode, sessionsOpen)),
-        E('span', { className: 'bw-row-label', title: workspace.title || workspace.leaf }, workspace.leaf),
+        E('span', { className: 'bw-row-icon' }, iconChild),
+        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')),
@@ -835,16 +914,53 @@ window.__ModuleLoader__.load({
       )
     }
 
-    function SessionRow({ node, depth, current, onOpen, onContextMenu, now, dropHalf, dragEvents, custStyle, t }) {
-      // Official status priority: pending interaction > running > running
-      // subagents > completed reminder; idle rows show no dot at all.
-      let status = null
-      if (node.pending === 'approval' || node.pending === 'plan-review' || node.pending === 'question') {
-        status = { state: 'warning', title: t('status.' + (node.pending === 'plan-review' ? 'planReview' : node.pending)) }
-      } else if (node.running || node.subagents > 0) {
-        status = { state: 'ongoing', title: node.running ? t('status.running') : t('status.subagents', { n: node.subagents }) }
-      } else if (node.completed) {
-        status = { state: 'done', title: t('status.completed') }
+    // Official status priority: pending interaction > running > running
+    // subagents > completed reminder; idle rows show no dot at all.
+    const sessionStateOf = (row) => {
+      if (!row) return null
+      if (row.pending === 'approval' || row.pending === 'plan-review' || row.pending === 'question') return 'warning'
+      if (row.running || row.subagents > 0) return 'ongoing'
+      if (row.completed) return 'done'
+      return null
+    }
+
+    /**
+     * Status breathing light (preference-controlled, default ON): status dots
+     * hidden by a collapse bubble outward to the nearest visible container
+     * row. Workspace/folder rows breathe on their icon (drop-shadow glow in
+     * the status color; a hidden/no icon falls back to the official StateDot);
+     * session-group rows carry a breathing StateDot in front of the label.
+     * Colors mirror the official dots: warning amber > ongoing blue > done
+     * green, so the glow always matches the lamp it relays.
+     */
+    const PULSE_RANK = { warning: 3, ongoing: 2, done: 1 }
+    const PULSE_COLORS = { warning: '#d29922', ongoing: '#5b8def', done: '#3fb950' }
+    const pulseRank = (state) => (state ? (PULSE_RANK[state] || 0) : 0)
+
+    function PulseGlow({ state, children }) {
+      return E('span', {
+        className: 'bw-pulse',
+        style: { '--bw-pulse-color': PULSE_COLORS[state] || PULSE_COLORS.ongoing },
+      }, children)
+    }
+
+    // RUNNING deliberately stays on the session row itself (its official ring
+    // breathes blue there) and does NOT bubble outward — the user found the
+    // ongoing relay noisy. Only pending-amber and done-green propagate.
+    const relayStateOf = (row) => {
+      const s = sessionStateOf(row)
+      return s === 'ongoing' ? null : s
+    }
+
+    function SessionRow({ node, depth, current, onOpen, onContextMenu, now, dropHalf, dragEvents, custStyle, breathing, t }) {
+      const state = sessionStateOf(node)
+      const status = state === null ? null : {
+        state,
+        title: state === 'warning'
+          ? t('status.' + (node.pending === 'plan-review' ? 'planReview' : node.pending))
+          : state === 'ongoing'
+            ? (node.running ? t('status.running') : t('status.subagents', { n: node.subagents }))
+            : t('status.completed'),
       }
       return E('div', {
         className: cls('bw-row', 'bw-session-row', current && 'bw-row-current', dropHalf === 'before' && 'bw-drop-before', dropHalf === 'after' && 'bw-drop-after'),
@@ -856,7 +972,11 @@ window.__ModuleLoader__.load({
       },
         E('span', { className: 'bw-row-icon', title: status ? status.title : undefined },
           status && typeof ui.StateDot === 'function'
-            ? E(ui.StateDot, { state: status.state, size: 10 })
+            ? (state === 'ongoing' && breathing
+              // Running breathes blue ON the session row only (never relays);
+              // the settings toggle covers this breathing too.
+              ? E(PulseGlow, { state: 'ongoing' }, E(ui.StateDot, { state: status.state, size: 10 }))
+              : E(ui.StateDot, { state: status.state, size: 10 }))
             : E('span', { className: 'bw-dot' }),
         ),
         E('span', { className: 'bw-row-label' }, node.leaf || node.title),
@@ -872,7 +992,7 @@ window.__ModuleLoader__.load({
      * titles). Deliberately NOT styled like a workspace folder — no folder
      * icon, tertiary color — so a session level never reads as a workspace.
      */
-    function SessionGroupRow({ name, depth, expanded, count, onToggle, onContextMenu, dropInto, dragEvents, custStyle, t }) {
+    function SessionGroupRow({ name, depth, expanded, count, onToggle, onContextMenu, dropInto, dragEvents, custStyle, pulse, t }) {
       return E('div', {
         className: cls('bw-row', 'bw-sgroup-row', dropInto && 'bw-drop-into'),
         style: { paddingLeft: 10 + depth * 12, ...(custStyle || {}) },
@@ -883,6 +1003,9 @@ window.__ModuleLoader__.load({
         ...(dragEvents || {}),
       },
         E('span', { className: cls('bw-chevron', expanded && 'bw-chevron-open') }, icon('IconTriangleRightFill14', 14)),
+        // Session groups have no icon slot: a collapsed group with hidden
+        // status relays through a breathing official StateDot instead.
+        pulse ? E(PulseGlow, { state: pulse }, typeof ui.StateDot === 'function' ? E(ui.StateDot, { state: pulse, size: 10 }) : null) : null,
         E('span', { className: 'bw-row-label' }, name),
         count > 0 ? E('span', { className: 'bw-row-count' }, String(count)) : null,
       )
@@ -1075,6 +1198,7 @@ window.__ModuleLoader__.load({
     function BetterWorkspaceSettings({ useStore, actions, t }) {
       const prefs = useStore ? (useStore(s => s.prefs) || {}) : {}
       const compactChains = prefs.compactChains !== false
+      const statusPulse = prefs.statusPulse !== false
       return E('div', { className: 'bw-settings' },
         StyleNode(),
         E('div', { className: 'bw-setting-row' },
@@ -1089,6 +1213,18 @@ window.__ModuleLoader__.load({
           }, E('span', { className: 'bw-switch-thumb' })),
         ),
         E('div', { className: 'bw-hint' }, t('settings.compactChains.hint')),
+        E('div', { className: 'bw-setting-row', style: { marginTop: 10 } },
+          E('div', { className: 'bw-setting-label' }, t('settings.statusPulse')),
+          E('button', {
+            type: 'button',
+            role: 'switch',
+            'aria-checked': statusPulse,
+            'aria-label': t('settings.statusPulse'),
+            className: cls('bw-switch', statusPulse && 'bw-switch-on'),
+            onClick: () => { actions.setPref('statusPulse', !statusPulse) },
+          }, E('span', { className: 'bw-switch-thumb' })),
+        ),
+        E('div', { className: 'bw-hint' }, t('settings.statusPulse.hint')),
       )
     }
 
@@ -1146,12 +1282,14 @@ window.__ModuleLoader__.load({
       const prefsMap = useStore ? (useStore(s => s.prefs) || {}) : {}
       const stylingMap = useStore ? (useStore(s => s.styling) || {}) : {}
       const compactChains = prefsMap.compactChains !== false
+      const statusPulse = prefsMap.statusPulse !== false
       const archivedSet = React.useMemo(() => new Set(archivedSessionIds), [archivedSessionIds])
       const subCounts = React.useMemo(() => subagentRunningCounts(list ? list.byId : {}), [list ? list.byId : null])
 
       const [query, setQuery] = React.useState('')
       const [searchOpen, setSearchOpen] = React.useState(false)
       const [flowOpen, setFlowOpen] = React.useState(false)
+      const [flowParent, setFlowParent] = React.useState('') // parent path prefill for the add-workspace flow (context menu entry)
       const [dialog, setDialog] = React.useState(null) // { kind, ... }
       const [ctx, setCtx] = React.useState(null) // context menu { kind, payload, x, y }
       const [customize, setCustomize] = React.useState(null) // { kind, entryKey, name }
@@ -1226,7 +1364,7 @@ window.__ModuleLoader__.load({
       const tree = React.useMemo(() => {
         const built = buildTree(items, storeFolders)
         if (!compactChains || draggingWorkspace) return built
-        return { ...built, folders: built.folders.map(compressTree), workspaces: built.workspaces }
+        return { ...built, folders: built.folders.map((f) => materializeChain(compressTree(f))), workspaces: built.workspaces }
       }, [items, storeFolders, compactChains, draggingWorkspace])
 
       const sessionsOf = (workspace) => {
@@ -1280,6 +1418,45 @@ window.__ModuleLoader__.load({
       const searched = normalizedQuery ? searchAgent(tree) : null
       const searching = normalizedQuery !== ''
 
+      /* --------------------- status breathing relay -------------------- */
+
+      // Highest-priority status across a whole session subtree (groups + rows).
+      const nodePulseOf = (sessionNode) => {
+        let best = null
+        for (const group of sessionNode.groups || []) {
+          const s = nodePulseOf(group)
+          if (pulseRank(s) > pulseRank(best)) best = s
+        }
+        for (const row of sessionNode.sessions || []) {
+          const s = relayStateOf(row)
+          if (pulseRank(s) > pulseRank(best)) best = s
+        }
+        return best
+      }
+      // A COLLAPSED workspace row relays its whole session tree; an open row
+      // shows the real dots (deeper collapsed groups relay on their own rows).
+      const wsPulseOf = (workspace) => (!statusPulse || searching || sessionsOpenOf(workspace.workspaceId))
+        ? null
+        : nodePulseOf(buildSessionTree(sessionsOf(workspace)))
+      // A collapsed FOLDER hides everything below — including open workspaces —
+      // so its aggregation ignores inner expansion states entirely.
+      const wsAllPulseOf = (workspace) => (!statusPulse || searching)
+        ? null
+        : nodePulseOf(buildSessionTree(sessionsOf(workspace)))
+      const folderPulseOf = (node) => {
+        if (node.kind === 'ws') return wsAllPulseOf(node.workspace)
+        let best = null
+        for (const child of node.folders) {
+          const s = folderPulseOf(child)
+          if (pulseRank(s) > pulseRank(best)) best = s
+        }
+        for (const w of node.workspaces) {
+          const s = wsAllPulseOf(w)
+          if (pulseRank(s) > pulseRank(best)) best = s
+        }
+        return best
+      }
+
       const folderExpanded = (path) => (expandedMap ? expandedMap[path] !== false : true)
       const sessionsOpenOf = (workspaceId) => (sessionsExpandedMap ? sessionsExpandedMap[workspaceId] !== false : true)
       const sessionGroupOpen = (key) => (sessionGroupsMap ? sessionGroupsMap[key] !== false : true)
@@ -1566,10 +1743,19 @@ window.__ModuleLoader__.load({
         return null
       }
 
-      const submitFolderNew = (rawPath) => {
-        const p = normPath(rawPath)
-        if (p === '') { setErrorText(t('folder.error.empty')); return }
-        if (storeFolders.includes(p)) { setErrorText(t('folder.error.exists')); return }
+      const submitFolderNew = (parentPath, rawPath) => {
+        const parent = normPath(parentPath)
+        const sub = normPath(rawPath)
+        if (sub === '') { setErrorText(t('folder.error.empty')); return }
+        const p = parent !== '' ? parent + '/' + sub : sub
+        // Existence check covers explicit folders AND every folder derived
+        // from workspace titles, so "already exists" means either kind.
+        const derived = new Set()
+        for (const w of items || []) {
+          const segs = splitTitleSegs(w.title)
+          for (let i = 1; i < segs.length; i++) derived.add(segs.slice(0, i).join('/'))
+        }
+        if (storeFolders.includes(p) || derived.has(p)) { setErrorText(t('folder.error.exists')); return }
         actions.addFolder(p)
         setDialog(null)
       }
@@ -1634,6 +1820,7 @@ window.__ModuleLoader__.load({
             name: group.name,
             depth,
             expanded: open,
+            pulse: (statusPulse && !open) ? nodePulseOf(group) : null,
             count: countSessionTree(group),
             onToggle: () => { if (!searching) actions.setSessionGroupExpanded(key, !open) },
             onContextMenu: (e) => openCtx('sgroup', { workspaceId, path: group.path, name: group.name }, e),
@@ -1659,10 +1846,11 @@ window.__ModuleLoader__.load({
         dropHalf: workspaceId ? sessDropHalf(session.id) : null,
         dragEvents: workspaceId ? sessionDragEvents(session, workspaceId) : undefined,
         custStyle: rowStyleOf('session:' + session.id),
+        breathing: statusPulse,
         t,
       })
 
-      const renderWorkspaceEntry = (entry, depth) => {
+      const renderWorkspaceEntry = (entry, depth, pulse) => {
         const { workspace } = entry
         const count = countSessionTree(buildSessionTree(sessionsOf(workspace)))
         const rows = [E(WorkspaceRow, {
@@ -1673,12 +1861,15 @@ window.__ModuleLoader__.load({
           sessionsOpen: searching ? true : sessionsOpenOf(workspace.workspaceId),
           currentInside: !!(list && list.current && (workspace.sessionIds || []).includes(list.current)),
           onToggle: () => { if (!searching) actions.setSessionsExpanded(workspace.workspaceId, !sessionsOpenOf(workspace.workspaceId)) },
-          onStart: () => startSession(workspace.workspaceId),
+          // Starting a session force-expands the workspace row: the user must
+          // SEE the new session appear, even if the row was collapsed.
+          onStart: () => { actions.setSessionsExpanded(workspace.workspaceId, true); startSession(workspace.workspaceId) },
           onContextMenu: (e) => openCtx('workspace', workspace, e),
           dropHalf: wsDropHalf(workspace.workspaceId),
           dragEvents: workspaceDragEvents(workspace),
           custStyle: rowStyleOf('workspace:' + workspace.workspaceId),
           iconMode: (styleEntry('workspace:' + workspace.workspaceId) || {}).icon || 'solid',
+          pulse,
           t,
         })]
         rows.push(...renderSessionTree(workspace, depth + 1))
@@ -1686,7 +1877,7 @@ window.__ModuleLoader__.load({
       }
 
       const renderPlainFolder = (node, depth) => {
-        if (node.kind === 'ws') return renderWorkspaceEntry({ workspace: node.workspace }, depth)
+        if (node.kind === 'ws') return renderWorkspaceEntry({ workspace: node.workspace }, depth, wsPulseOf(node.workspace))
         const expanded = searching || folderExpanded(node.path)
         const rows = [E(FolderRow, {
           key: 'f-' + node.path,
@@ -1699,11 +1890,12 @@ window.__ModuleLoader__.load({
           dragEvents: folderDropEvents(node.path),
           custStyle: rowStyleOf('folder:' + node.path),
           iconMode: (styleEntry('folder:' + node.path) || {}).icon || 'solid',
+          pulse: expanded ? null : folderPulseOf(node),
           t,
         })]
         if (expanded) {
           for (const child of node.folders) rows.push(...renderPlainFolder(child, depth + 1))
-          for (const workspace of node.workspaces) rows.push(...renderWorkspaceEntry({ workspace }, depth + 1))
+          for (const workspace of node.workspaces) rows.push(...renderWorkspaceEntry({ workspace }, depth + 1, wsPulseOf(workspace)))
         }
         return rows
       }
@@ -1736,7 +1928,7 @@ window.__ModuleLoader__.load({
         }
       } else {
         for (const folder of tree.folders) bodyRows.push(...renderPlainFolder(folder, 0))
-        for (const workspace of tree.workspaces) bodyRows.push(...renderWorkspaceEntry({ workspace }, 0))
+        for (const workspace of tree.workspaces) bodyRows.push(...renderWorkspaceEntry({ workspace }, 0, wsPulseOf(workspace)))
         if (ungrouped.length > 0) {
           bodyRows.push(E('div', { key: 'ungrouped-label', className: 'bw-header-title', style: { padding: '10px 6px 2px' } }, t('group.ungrouped')))
           for (const s of ungrouped) bodyRows.push(renderSessionRow(s, 0))
@@ -1752,7 +1944,11 @@ window.__ModuleLoader__.load({
       const ctxItems = () => {
         if (ctx === null) return []
         if (ctx.kind === 'folder') {
-          const items = [{ id: 'rename-folder', label: t('menu.renameFolder') }]
+          const items = [
+            { id: 'new-subfolder', label: t('menu.newSubfolder') },
+            { id: 'new-subworkspace', label: t('menu.newSubWorkspace') },
+            { id: 'rename-folder', label: t('menu.renameFolder') },
+          ]
           if (storeFolders.includes(ctx.payload.path)) items.push({ id: 'remove-folder', label: t('menu.removeFolder'), danger: true })
           items.push({ sep: true })
           items.push({ id: 'customize', label: t('custom.title') })
@@ -1790,7 +1986,9 @@ window.__ModuleLoader__.load({
         }
         const { kind, payload } = current
         setCtx(null)
-        if (kind === 'folder' && id === 'rename-folder') setDialog({ kind: 'folder-rename', path: payload.path })
+        if (kind === 'folder' && id === 'new-subfolder') setDialog({ kind: 'folder-new', parentPath: payload.path })
+        else if (kind === 'folder' && id === 'new-subworkspace') { setFlowParent(payload.path); setFlowOpen(true) }
+        else if (kind === 'folder' && id === 'rename-folder') setDialog({ kind: 'folder-rename', path: payload.path })
         else if (kind === 'folder' && id === 'remove-folder') setDialog({ kind: 'folder-delete', path: payload.path })
         else if (kind === 'workspace' && id === 'rename') setDialog({ kind: 'ws-rename', workspace: payload })
         else if (kind === 'workspace' && id === 'delete') setDialog({ kind: 'ws-delete', workspace: payload })
@@ -1810,7 +2008,7 @@ window.__ModuleLoader__.load({
         return E('div', { className: 'bw-rail' },
           StyleNode(),
           E('button', { type: 'button', className: 'bw-rail-btn', 'aria-label': t('rail.search'), onClick: () => { expandSidebar(); setSearchOpen(true) } }, icon('IconSearchOutline16', 18)),
-          E('button', { type: 'button', className: 'bw-rail-btn', 'aria-label': t('rail.add'), onClick: () => { expandSidebar(); setFlowOpen(true) } }, icon('IconProjectAddOutline16', 18)),
+          E('button', { type: 'button', className: 'bw-rail-btn', 'aria-label': t('rail.add'), onClick: () => { expandSidebar(); setFlowParent(''); setFlowOpen(true) } }, icon('IconProjectAddOutline16', 18)),
         )
       }
 
@@ -1854,8 +2052,8 @@ window.__ModuleLoader__.load({
           key: 'folder-new',
           title: t('folder.new.title'),
           hint: t('folder.new.hint'),
-          initial: '',
-          onConfirm: submitFolderNew,
+          initial: dialog.parentPath ? dialog.parentPath + '/' : '',
+          onConfirm: (v) => submitFolderNew(dialog.parentPath || '', v),
           onClose: () => setDialog(null),
           t,
         })
@@ -1904,13 +2102,13 @@ window.__ModuleLoader__.load({
             onBlur: () => { if (query === '') setSearchOpen(false) },
           }) : null,
           E('button', { type: 'button', className: 'bw-icon-btn', 'aria-label': t('search.placeholder'), onClick: () => setSearchOpen(v => !v) }, icon('IconSearchOutline16')),
-          E('button', { type: 'button', className: 'bw-icon-btn', 'aria-label': t('newFolder'), onClick: () => setDialog({ kind: 'folder-new' }) }, E(FolderPlusIcon, { size: 16 })),
-          E('button', { type: 'button', className: 'bw-icon-btn', 'aria-label': t('add'), onClick: () => setFlowOpen(true) }, icon('IconProjectAddOutline16')),
+          E('button', { type: 'button', className: 'bw-icon-btn', 'aria-label': t('add'), onClick: () => { setFlowParent(''); setFlowOpen(true) } }, icon('IconProjectAddOutline16')),
         ),
         E('div', { className: 'bw-tree', role: 'tree', 'aria-label': t('title') }, bodyRows),
         E(BetterFlow, {
           open: flowOpen,
           busy: false,
+          initialParent: flowParent,
           onPicked: flowOwner.onPicked,
           onCancel: flowOwner.onCancel,
           onError: flowOwner.onError,