dsh-multi-folder 0.1.4 → 0.1.6

package/README.md

@@ -36,7 +36,7 @@ Then **restart the DSH backend** (host composition loads at process start) and *
 
 ## Usage
 
-A Multi-folder button appears in the session header, and a second entry appears on the **session-creation page** (fixed launcher in the bottom-right corner while the new-session screen is shown; an inline chip beside the workspace picker once the upstream `conversation.hero.workspaceExtras` slot is available). The panel lets you:
+A Multi-folder button appears in the session header, and a second entry appears on the **session-creation page**: a chip row directly above the composer card (the same band the git-branch chip uses), aligned with the workspace/preset chips of the new-session screen. Clicking it opens the panel as a popover anchored to the chip. Exactly one session-creation entry is ever shown — the plugin registers three candidate seats and elects the best available one (upstream `conversation.hero.workspaceExtras` chip > `conversation.input.dock` row > fixed bottom-right launcher for shells declaring neither). The panel lets you:
 
 | Action | Behavior |
 | ------ | -------- |
@@ -82,7 +82,7 @@ When a shell run ends in such a denial and references a configured secondary dir
 | ---- | ------- |
 | `cordis.patch.yml` | Profile patch layer inserting the `dsh-multi-folder` row |
 | `lib/index.js` | Host plugin: config store, tool-pipeline interception, prompt injection, dual-channel notifications, `/multi-folder` command, sessionless `multiFolder/*` remote API |
-| `lib/client.js` | Client plugin (factory bundle): session-header button + overlay panel + session-creation page entry (hero launcher / upstream hero chip) |
+| `lib/client.js` | Client plugin (factory bundle): session-header button + overlay panel + session-creation page entry (input-dock chip / upstream hero chip / fixed fallback launcher) |
 | `test/` | Runtime-free behavior tests (see Development) |
 | `docs/` | Design and analysis documents |
 

package/README.zh.md

@@ -36,7 +36,7 @@ dsh plugin --profile web add dsh-multi-folder
 
 ## 使用
 
-会话头部出现「多工作目录」按钮（英文界面显示 "Multi-folder"）；**会话创建页**也有入口（新会话界面右下角的浮动按钮；当上游 DSH 声明 `conversation.hero.workspaceExtras` 插槽后，还会在工作区选择器旁显示内联 chip）。打开面板即可：
+会话头部出现「多工作目录」按钮（英文界面显示 "Multi-folder"）；**会话创建页**的入口位于**输入框上方**——与 git 分支胶囊同一条 dock 带，左边缘对齐新会话界面的工作区/预设胶囊，点击后面板以锚定在该胶囊上的浮层展开。会话创建页始终只显示**一个**入口：插件注册三个候选座位并选用当前可用的最佳者（上游 `conversation.hero.workspaceExtras` chip > `conversation.input.dock` 行 > 两者皆未声明时的右下角浮动按钮）。打开面板即可：
 
 | 操作 | 行为 |
 | ---- | ---- |
@@ -82,7 +82,7 @@ Agent 无需任何额外操作：`read` / `glob` / `grep` 随处可用；`write`
 | ---- | ---- |
 | `cordis.patch.yml` | profile patch 层，插入 `dsh-multi-folder` 行 |
 | `lib/index.js` | 宿主插件：配置存储、工具流水线拦截、提示词注入、双通道通知、`/multi-folder` 命令、无会话 `multiFolder/*` 远程 API |
-| `lib/client.js` | 客户端插件（factory bundle）：会话头部按钮 + 覆盖层面板 + 会话创建页入口（hero 浮动按钮 / 上游 hero chip） |
+| `lib/client.js` | 客户端插件（factory bundle）：会话头部按钮 + 覆盖层面板 + 会话创建页入口（输入框上方的 dock 胶囊 / 上游 hero chip / 右下角兜底浮动按钮） |
 | `test/` | 免 DSH 运行时的行为测试（见开发） |
 | `docs/` | 设计与分析文档 |
 

package/docs/design.md

@@ -15,7 +15,7 @@ agent informed. No new tools are added.
 | Half | File | Role |
 | ---- | ---- | ---- |
 | Host | `lib/index.js` | Config store, tool-pipeline interception, prompt section, notifications, `/multi-folder` command, sessionless `multiFolder/*` remote API |
-| Client | `lib/client.js` | Session-header button + overlay panel; session-creation page entry (hero launcher + upstream hero chip), both driving the host through the Remote BFF / shared RPC channel |
+| Client | `lib/client.js` | Session-header button + overlay panel; session-creation page entry (input-dock chip, upstream hero chip, or fixed fallback launcher — one at a time), all driving the host through the Remote BFF / shared RPC channel |
 
 The package declares both faces: `dsh.bundle.patch` (the host row inserted by
 `cordis.patch.yml`) and `dsh.client` (the web bundle at `exports["./client"]`).
@@ -157,9 +157,12 @@ window.__ModuleLoader__.load({
   `@deepseek-ai/dsh-client-connection`, `@deepseek-ai/dsh-client-locale`,
   `@deepseek-ai/dsh-client-runtime`).
 - UI registrations: `conversation.session.header.actions` (session-scoped button),
-  `shell.overlay` panel, `shell.overlay` hero launcher (root-scoped, fixed
-  position), and `conversation.hero.workspaceExtras` (upstream slot; see
-  below). One module-level store is shared by all of them.
+  `shell.overlay` panel, `conversation.input.dock` chip row (session-scoped
+  list entry above the composer card — the session-creation page's shipped
+  seat), `shell.overlay` hero launcher (root-scoped fixed-position fallback),
+  and `conversation.hero.workspaceExtras` (upstream slot; see below). One
+  module-level store is shared by all of them, and only ONE session-creation
+  entry ever renders (see "hero seat election").
 - **Localization (zh / en).** All client copy goes through
   `@deepseek-ai/dsh-client-locale` (always composed by the standard web
   profile). The bundle registers a `multi-folder` dictionary namespace with
@@ -174,7 +177,9 @@ window.__ModuleLoader__.load({
   Language preference in Settings; the English UI reads "Multi-folder", the
   Chinese UI keeps 「多工作目录」.
 - Host communication, two channels:
-  - session mode: `ctx.remote.commands.execute(sessionId, line)`. The return
+  - session mode: `ctx.remote.commands.execute(sessionId, line, [])`. Since
+    DSH 0.1.1 the remote takes the composer-images argument as its third
+    business argument (empty array for a plain invocation). The return
     value is the RPC envelope `{ ok, value }` where `value` is the
     `CommandExecution`; command result text carries a `[MF:JSON] {…}` line the
     panel parses for structured state.
@@ -189,20 +194,48 @@ window.__ModuleLoader__.load({
 - Caching: per-session cache (`sessionCache`) keeps pure reads off the
   conversation; per-workspace cache (`workspaceCache`) plays the same role for
   the sessionless channel.
-- Hero (session-creation page) support:
-  - The **hero launcher** (`shell.overlay` entry, `multi-folder-hero`)
-    subscribes to `sessions.list` + `workspaces.list` and observes the
-    conversation root's `data-phase="hero"` attribute (MutationObserver on
-    `document.body`). While the hero is visible it renders a fixed-position
-    「多工作目录」 button; the workspace path is derived from the current
-    (blank) session's `WorkspaceView.path`, falling back to `SessionSummary.cwd`.
-  - Clicking it opens the panel in workspace mode; without a selected
-    workspace the panel shows the "pick a workspace first" hint.
+- Hero (session-creation page) support — **three candidate seats, one visible
+  entry**:
+  - The **dock chip** (`conversation.input.dock`, id `multi-folder`,
+    order 120) is the shipped seat: a `list` slot the rc.6 shell declares and
+    renders directly ABOVE the composer card, in the same band as the
+    git-branch chip. The entry receives the dock owner share (`{ session,
+    input }`) plus the standard `useSessions` / `useWorkspaces` selector hooks,
+    so the hero phase (`composerPhase === 'blank' && (openState === 'open' ||
+    blank)`) and the target workspace come from framework props instead of DOM
+    probing. The row stays **in flow** — `display:flex` with the official hero
+    row's 20px indent, no absolute positioning — so the framework's list-slot
+    arrangement keeps it clear of every other plugin's dock row. It renders
+    only on the session-creation page; an active session keeps its entry in the
+    session header, so the two never appear together.
   - The **hero chip** registers into `conversation.hero.workspaceExtras` via
     `slots.inject`, which waits for the declaration: with an upstream DSH
     build that declares the slot, the chip renders inline beside the workspace
-    picker; without one, the registration is a harmless no-op and the fixed
-    launcher covers the page.
+    picker; without one, the registration contributes nothing.
+  - The **hero launcher** (`shell.overlay` entry, `multi-folder-hero`) is the
+    last-resort fallback for shells that declare neither slot. Only then does
+    it subscribe to `sessions.list` + `workspaces.list` and observe the
+    conversation root's `data-phase="hero"` attribute (MutationObserver on
+    `document.body`) to render a fixed-position button; the
+    workspace path is derived from the current (blank) session's
+    `WorkspaceView.path`, falling back to `SessionSummary.cwd`.
+  - **Hero seat election.** Each seat claims a token while its slot declaration
+    is live (`slots.inject` fires only for declared slots and disposes on
+    collapse); the components render only while holding the best live claim
+    (`extras` > `dock` > fallback). The framework arranges *different plugins*
+    on a shared `list` slot but has no opinion about one plugin holding several
+    alternative seats, so this election is the plugin's own duty.
+  - Clicking any of them opens the panel in workspace mode; without a selected
+    workspace the panel shows the "pick a workspace first" hint.
+- Panel placement: one `panelBody(store, t)` function returns the panel's
+  children, spread by whichever wrapper owns the panel — the fixed
+  `shell.overlay` panel (session-header path) or an `AnchoredPanel` popover
+  rendered by the chip itself (opening upward from the dock row, downward from
+  the hero row). `store.anchor` names the owner, and the overlay wrapper stands
+  down whenever a chip owns it, so the panel never renders twice.
+- Styling: all surfaces use the official `--dsw-alias-*` design tokens
+  (`dsh-client-ui-theme`) with inert fallbacks, so themes and applied skins
+  restyle this plugin's chip and panel along with the shell's own controls.
 
 ## Known limitations
 
@@ -244,12 +277,26 @@ window.__ModuleLoader__.load({
   visible in the conversation UI by framework design; they are log-only and never
   reach the model. Workspace-mode (session-creation page) operations avoid them
   entirely by using the sessionless remote channel.
-- The hero launcher relies on the conversation root's `data-phase="hero"`
-  attribute and the `sessions.list`/`workspaces.list` snapshot shapes — DOM and
-  client-runtime internals rather than documented APIs. They are guarded
-  defensively (missing services or DOM degrade to "launcher hidden"), and the
-  upstream `conversation.hero.workspaceExtras` slot (see
-  [upstream-hero-slot.md](upstream-hero-slot.md)) is the long-term surface.
+- The session-creation entry depends on shell internals to different degrees per
+  seat. The **dock chip** reads only declared contract surfaces (the
+  `conversation.input.dock` declaration, its owner share, and the standard
+  selector hooks), but its 20px indent is tuned to the shipped hero row's
+  padding — a restyled shell would misalign it, never break it. The **fallback
+  launcher** relies on the conversation root's `data-phase="hero"` attribute and
+  the `sessions.list`/`workspaces.list` snapshot shapes — DOM and client-runtime
+  internals rather than documented APIs; they are guarded defensively (missing
+  services or DOM degrade to "launcher hidden") and it only mounts when no
+  declared seat exists. The upstream `conversation.hero.workspaceExtras` slot
+  (see [upstream-hero-slot.md](upstream-hero-slot.md)) remains the long-term
+  surface.
+- Sharing the `conversation.input.dock` band is safe by construction (unique
+  `id`, explicit `order`, in-flow layout) but `order` is a shared number space,
+  not an enforced allocation: another plugin may pick the same `order` and the
+  tie is then broken by registration sequence. The rows still stack without
+  overlapping — only their vertical sequence is unspecified. Absolute-positioned
+  neighbours (the git-branch chip lifts itself into the hero row) are outside
+  the framework's arrangement entirely; this plugin deliberately does not do the
+  same.
 - The `multiFolder/*` endpoints use hand-written `src-json` Typert descriptors
   registered through `ctx.typert.register`. `src-json` gives JSON-safety
   boundary checks, not schema validation; the shared core performs all
@@ -265,5 +312,11 @@ canonicalization, the config guard, both notification channels, notice
 gating, command flows, the panel's session-switch/caching behavior, the
 sessionless remote contribution shape and behavior (list/add/set/remove,
 idempotence, sanitization, error prefixing, cross-channel cache coherence),
-and the hero/workspace-mode client flows (launcher visibility, RPC routing,
-workspace-mode mutations and error surfacing).
+and the hero/workspace-mode client flows. The client test's `slots.inject` mock
+is declaration-aware like the real service (a wait fires only while its slot is
+declared, and a collapse disposes the registration), so it covers all three
+session-creation seats: the dock chip on an rc.6-style shell (registration
+shape, in-flow row, hero-only visibility, RPC routing, anchored popover), the
+upstream hero chip taking over the moment its slot is declared, and the fixed
+launcher returning once both declarations collapse — asserting at each step that
+the other two surfaces stand down.

package/docs/upstream-hero-slot.md

@@ -8,10 +8,14 @@ place configuration UI next to the workspace picker.
 
 This document specifies the small upstream change to
 `@deepseek-ai/dsh-client-ui-conversation` that adds one, and explains how the
-plugin consumes it. Until this lands in a DSH release, the plugin's fixed
-`shell.overlay` hero launcher covers the same page (B2); the slot registration
-below is a waiting no-op (`slots.inject` fires only once the declaration
-exists), so the plugin works with and without the upstream change.
+plugin consumes it. Until this lands in a DSH release, the plugin's
+`conversation.input.dock` chip row covers the same page (an in-flow chip
+directly above the composer card, in the band the git-branch chip uses); the
+slot registration below is a waiting no-op (`slots.inject` fires only once the
+declaration exists), so the plugin works with and without the upstream change.
+When the declaration does arrive, the hero chip claims the better seat and the
+dock row stands down automatically — see the "hero seat election" section of
+[design.md](design.md).
 
 ## 1. Declare the slot
 
@@ -85,19 +89,24 @@ active locale (English: "Multi-folder", Chinese: 「多工作目录」):
 
 ```js
 slots.inject('conversation.hero.workspaceExtras', function () {
-  return slots.register(
+  var release = claimHeroSeat('extras');
+  var dispose = slots.register(
     { name: 'conversation.hero.workspaceExtras', id: 'multi-folder', order: 30, label: () => t('label'), locale: NS },
     function (props) { return React.createElement(HeroChip, props); },
   );
+  return function () { dispose(); release(); };
 });
 ```
 
 (`NS` is the plugin's `multi-folder` namespace and `t` its bound translator —
-see the localization section of [design.md](design.md).)
+see the localization section of [design.md](design.md). `claimHeroSeat('extras')`
+is the seat election: while this declaration lives, the `conversation.input.dock`
+row and the fixed fallback launcher render nothing.)
 
 `HeroChip` prefers the owner-supplied `props.workspacePath` and falls back to
-the store-derived hero workspace. It opens the same overlay panel in workspace
-mode, which reads and writes the configuration through the sessionless
+the store-derived hero workspace. It opens the shared panel body as its own
+popover anchored under the chip (matching the official workspace picker on the
+same row), reading and writing the configuration through the sessionless
 `multiFolder/*` endpoints (see [design.md](design.md)).
 
 ## Compiled-bundle equivalent (for local patching)
@@ -118,10 +127,14 @@ bundle; the same change there is three touchpoints:
 
 ## Verification
 
-- Unit: the plugin's `test/smoke-client.mjs` registers and drives `HeroChip`
-  with a mock owner share (`workspacePath`), asserting the panel opens in
-  workspace mode and reuses the per-workspace cache.
+- Unit: the plugin's `test/smoke-client.mjs` declares the slot mid-run through
+  a declaration-aware `slots.inject` mock, then drives `HeroChip` with a mock
+  owner share (`workspacePath`), asserting the chip registers on declaration,
+  opens its popover in workspace mode from the per-workspace cache, and that
+  the `conversation.input.dock` row plus the fixed launcher both stand down
+  while the slot lives (and that the dock row returns once it collapses).
 - Manual: with the patched build, the Multi-folder chip (「多工作目录」 in the
   Chinese UI) renders in the hero workspace row between the preset chip and
   the composer; clicking it lists the workspace's secondary directories
-  before any message is sent.
+  before any message is sent, and the chip row above the composer card
+  disappears (one entry, not two).

package/lib/client.js

@@ -7,24 +7,48 @@
  * secondary working directories. All copy goes through the framework locale
  * service (`@deepseek-ai/dsh-client-locale`) — see the "i18n" section below.
  * Mutations go through the Host `/multi-folder` command via the Remote BFF
- * (`ctx.remote.commands.execute(sessionId, line)`); the Host answers with a
+ * (`ctx.remote.commands.execute(sessionId, line, [])` — DSH 0.1.1 added the
+ * composer-images business argument, empty for a plain invocation); the Host
+ * answers with a
  * human-readable result carrying a `[MF:JSON]` line the panel parses for
  * structured state.
  *
- * Session-creation page UI (no session exists yet):
- * - a hero-phase launcher in `shell.overlay` (fixed-position entry) whose
- *   visibility follows the conversation root's `data-phase="hero"` attribute;
- * - an inline chip registered into the upstream `conversation.hero.workspaceExtras`
- *   slot when that slot exists (the `slots.inject` wait is a no-op until the
- *   DSH core declares it).
- * Both open the same panel in WORKSPACE mode and drive the sessionless
+ * Session-creation page UI (no message sent yet). Three candidate seats are
+ * registered, best first, and EXACTLY ONE renders — see "hero seat election":
+ * - `conversation.hero.workspaceExtras` (upstream additive hero row; the
+ *   `slots.inject` wait is a no-op until a DSH core declares it);
+ * - `conversation.input.dock` (shipped since 0.1.9, declared by rc.6): an
+ *   in-flow chip row directly ABOVE the composer card, left-aligned with the
+ *   official hero chip row — the same band the git-branch chip uses;
+ * - `shell.overlay` fixed-position launcher: last-resort fallback for shells
+ *   that declare neither slot.
+ * All three open the same panel in WORKSPACE mode and drive the sessionless
  * `multiFolder/*` endpoints over the shared RPC channel
  * (`ctx.connection.rpc.call('/api', endpoint, { args })`), keyed by workspace
  * path instead of sessionId.
  *
- * Layout shape: an entry in the session header action row plus a frame-wide
- * overlay panel. Both read one tiny module-scoped store; opening the panel
+ * Layout shape: an entry in the session header action row, one chip row above
+ * the composer card on the session-creation page, and a frame-wide overlay
+ * panel. Every surface reads one tiny module-scoped store; opening the panel
  * refreshes the list from the Host.
+ *
+ * ## Hero seat election (multi-plugin coexistence)
+ *
+ * `conversation.input.dock` is a `list` slot, so the framework already
+ * arranges co-registered entries for us: entries are sorted by
+ * `(priority, order)`, a duplicate `(id, priority)` pair is rejected at
+ * registration with an error naming the sitting occupant, and the outlet
+ * renders `display:contents` so each entry becomes its own row of the
+ * composer stack. This plugin therefore stays a good citizen by construction:
+ * one unique `id`, one explicit `order`, and NO absolute positioning that
+ * would escape the framework's arrangement and overlap a neighbour.
+ *
+ * What the framework does NOT do is stop ONE plugin from occupying several
+ * alternative seats at once (each is a legitimate, differently-declared
+ * slot). That is this plugin's own duty: each seat claims a token when its
+ * declaration arrives (`slots.inject` fires only for declared slots), and the
+ * components render only while they hold the best live claim, so the
+ * session-creation page never shows two Multi-folder entries.
  */
 window.__ModuleLoader__.load({
   id: 'dsh-multi-folder',
@@ -35,7 +59,24 @@ window.__ModuleLoader__.load({
 
     // ------------------------------------------------------------- store
     var listeners = new Set();
-    var state = { open: false, mode: null, sessionId: null, dirs: [], workspace: null, busy: false, error: null, hero: false, heroWorkspace: null };
+    var state = {
+      open: false,
+      mode: null,
+      sessionId: null,
+      dirs: [],
+      workspace: null,
+      busy: false,
+      error: null,
+      /** Fallback launcher only: hero visibility derived from the DOM. */
+      hero: false,
+      heroWorkspace: null,
+      /** Live hero-seat claims, in claim order (see "hero seat election"). */
+      heroClaims: [],
+      /** Which surface owns the open panel: 'overlay' | 'dock' | 'extras'. */
+      anchor: 'overlay',
+      /** Bumped on every workspaceCache write so chips re-read their count. */
+      cacheRev: 0,
+    };
     function patch(next) {
       state = Object.assign({}, state, next);
       listeners.forEach(function (fn) { fn(); });
@@ -64,6 +105,58 @@ window.__ModuleLoader__.load({
       try { return JSON.parse(m[1]); } catch (_) { return null; }
     }
 
+    /** Stand-in for an absent standard-kit selector hook: runs the selector
+     *  against no snapshot, so callers keep one unconditional call site. */
+    function selectNothing(selector) { return selector(undefined); }
+
+    // -------------------------------------------------- hero seat election
+    /** Candidate seats for the session-creation page, best first. */
+    var HERO_SEATS = ['extras', 'dock'];
+    /** Order of this plugin's `conversation.input.dock` row. The shipped band
+     *  already carries other plugins' entries (the aionui drop inlay at 90/91
+     *  and the git-branch chip at 100); 120 keeps this row closest to the
+     *  composer card without contesting theirs. */
+    var DOCK_ORDER = 120;
+
+    /** The best seat currently claimed, or null when only the fallback is left. */
+    function bestHeroSeat(claims) {
+      for (var i = 0; i < HERO_SEATS.length; i++) {
+        if (claims.indexOf(HERO_SEATS[i]) >= 0) return HERO_SEATS[i];
+      }
+      return null;
+    }
+
+    /** Claim a seat for as long as its slot declaration lives. */
+    function claimHeroSeat(kind) {
+      patch({ heroClaims: getSnapshot().heroClaims.concat([kind]) });
+      return function () {
+        var claims = getSnapshot().heroClaims.slice();
+        var at = claims.indexOf(kind);
+        if (at >= 0) claims.splice(at, 1);
+        patch({ heroClaims: claims });
+      };
+    }
+
+    // ------------------------------------------------------------- theme
+    /** Official `--dsw-alias-*` design tokens (dsh-client-ui-theme) with inert
+     *  fallbacks, so the surfaces follow the active theme and any applied skin
+     *  instead of guessing a palette. */
+    var TOKEN = {
+      border: 'var(--dsw-alias-border-l2, rgba(127,127,127,0.35))',
+      borderSoft: 'var(--dsw-alias-border-l1, rgba(127,127,127,0.20))',
+      surface: 'var(--dsw-alias-bg-overlay, #ffffff)',
+      subtle: 'var(--dsw-alias-bg-layer-2, rgba(127,127,127,0.08))',
+      fill: 'var(--dsw-alias-button-tool-bar-fill, rgba(127,127,127,0.10))',
+      hover: 'var(--dsw-alias-interactive-bg-hover, rgba(127,127,127,0.14))',
+      ink: 'var(--dsw-alias-label-primary, #1a1a1a)',
+      inkSoft: 'var(--dsw-alias-label-secondary, #4a4a4a)',
+      inkMuted: 'var(--dsw-alias-label-tertiary, #6b6b6b)',
+      inkFaint: 'var(--dsw-alias-label-caption, #8a8a8a)',
+      danger: 'var(--dsw-alias-state-error-primary, #c62828)',
+      accent: 'var(--dsw-alias-brand-primary, #4c6ef5)',
+      shadow: '0 8px 24px var(--dsw-alias-bg-mask-2, rgba(0,0,0,0.18))',
+    };
+
     // ------------------------------------------------------------- i18n
     /** Locale namespace owned by this plugin. Dictionaries are registered
      *  with the `locale` service (`@deepseek-ai/dsh-client-locale`, always
@@ -74,7 +167,9 @@ window.__ModuleLoader__.load({
     var zhDict = {
       'label': '多工作目录',
       'label.open': '多工作目录 ▾',
+      'label.withCount': '多工作目录 · {count}',
       'label.heroLauncher': '多工作目录（新会话）',
+      'label.heroDock': '多工作目录（输入框上方）',
       'title.header': '多工作目录（副工作目录）',
       'title.remove': '移除此副工作目录',
       'title.close': '关闭',
@@ -96,7 +191,9 @@ window.__ModuleLoader__.load({
     var enDict = {
       'label': 'Multi-folder',
       'label.open': 'Multi-folder ▾',
+      'label.withCount': 'Multi-folder · {count}',
       'label.heroLauncher': 'Multi-folder (new session)',
+      'label.heroDock': 'Multi-folder (above the composer)',
       'title.header': 'Multi-folder (secondary working directories)',
       'title.remove': 'Remove this secondary working directory',
       'title.close': 'Close',
@@ -161,17 +258,42 @@ window.__ModuleLoader__.load({
         });
       }
 
+      /** Write one workspace's list into the cache and return it normalized. */
+      function storeWorkspace(workspacePath, value) {
+        var normalized = value && Array.isArray(value.dirs)
+          ? value
+          : { workspace: workspacePath, dirs: [] };
+        workspaceCache[workspacePathKey(workspacePath)] = normalized;
+        return normalized;
+      }
+
+      /** Whether the open panel is the one showing `workspacePath`. */
+      function panelTargets(workspacePath) {
+        var current = getSnapshot();
+        return !current.sessionId
+          && current.mode === 'workspace'
+          && !!current.workspace
+          && workspacePathKey(current.workspace) === workspacePathKey(workspacePath);
+      }
+
+      /** Patch after a workspace-mode read/write: always publish the new cache
+       *  revision (chips show the configured count), and refresh the panel
+       *  body only when it is the panel for this workspace. */
+      function publishWorkspace(workspacePath, value) {
+        var normalized = storeWorkspace(workspacePath, value);
+        var next = { busy: false, cacheRev: getSnapshot().cacheRev + 1 };
+        if (panelTargets(workspacePath)) {
+          next.workspace = normalized.workspace;
+          next.dirs = normalized.dirs || [];
+        }
+        patch(next);
+      }
+
       function refreshWorkspace(workspacePath) {
         if (!workspacePath) return;
         patch({ busy: true, error: null });
         remoteCall('multiFolder/list', { workspace: workspacePath }).then(function (value) {
-          workspaceCache[workspacePathKey(workspacePath)] = value || { workspace: workspacePath, dirs: [] };
-          var current = getSnapshot();
-          if (!current.sessionId && current.mode === 'workspace' && current.workspace && workspacePathKey(current.workspace) === workspacePathKey(workspacePath)) {
-            patch({ busy: false, workspace: value.workspace, dirs: value.dirs || [] });
-          } else {
-            patch({ busy: false });
-          }
+          publishWorkspace(workspacePath, value);
         }).catch(function (e) {
           patch({ busy: false, error: String(e && e.message ? e.message : e) });
         });
@@ -182,23 +304,27 @@ window.__ModuleLoader__.load({
         patch({ busy: true, error: null });
         var payload = Object.assign({ workspace: workspacePath }, args);
         return remoteCall(endpoint, payload).then(function (value) {
-          workspaceCache[workspacePathKey(workspacePath)] = value || { workspace: workspacePath, dirs: [] };
-          var current = getSnapshot();
-          if (!current.sessionId && current.mode === 'workspace' && current.workspace && workspacePathKey(current.workspace) === workspacePathKey(workspacePath)) {
-            patch({ busy: false, workspace: value.workspace, dirs: value.dirs || [] });
-          } else {
-            patch({ busy: false });
-          }
+          publishWorkspace(workspacePath, value);
         }).catch(function (e) {
           patch({ busy: false, error: String(e && e.message ? e.message : e) });
         });
       }
 
+      /** Configured directory count for a workspace, or null while unread. */
+      function dirCountOf(workspacePath) {
+        if (!workspacePath) return null;
+        var cached = workspaceCache[workspacePathKey(workspacePath)];
+        return cached && Array.isArray(cached.dirs) ? cached.dirs.length : null;
+      }
+
       /** Open the panel in WORKSPACE mode (session-creation page): a null
-       *  workspace shows the "pick a workspace first" hint instead. */
-      function openForWorkspace(workspacePath) {
+       *  workspace shows the "pick a workspace first" hint instead.
+       *  `anchor` names the surface that owns the panel — an inline chip
+       *  renders it as its own popover, everything else uses the overlay. */
+      function openForWorkspace(workspacePath, anchor) {
+        var seat = anchor || 'overlay';
         if (!workspacePath) {
-          patch({ open: true, mode: 'workspace', sessionId: null, workspace: null, dirs: [], error: null });
+          patch({ open: true, mode: 'workspace', sessionId: null, workspace: null, dirs: [], error: null, anchor: seat });
           return;
         }
         var cached = workspaceCache[workspacePathKey(workspacePath)];
@@ -209,12 +335,16 @@ window.__ModuleLoader__.load({
           workspace: workspacePath,
           dirs: cached ? cached.dirs : [],
           error: null,
+          anchor: seat,
         });
         if (!cached) refreshWorkspace(workspacePath);
       }
 
       function runCommand(sessionId, line) {
-        return remote.commands.execute(sessionId, line).then(function (envelope) {
+        // DSH 0.1.1: commands/execute takes three business arguments —
+        // (sessionId, line, images) — plus an optional AbortSignal. The
+        // plugin never attaches composer images, so the third is `[]`.
+        return remote.commands.execute(sessionId, line, []).then(function (envelope) {
           if (!envelope || envelope.ok !== true) {
             throw new Error('multi-folder: ' + (envelope && envelope.error !== undefined ? String(envelope.error) : 'remote call failed'));
           }
@@ -293,6 +423,7 @@ window.__ModuleLoader__.load({
           dirs: cached ? cached.dirs : [],
           workspace: cached ? cached.workspace : null,
           error: null,
+          anchor: 'overlay',
         });
         if (cached === undefined) refresh(sessionId);
       }
@@ -336,9 +467,9 @@ window.__ModuleLoader__.load({
               gap: 6,
               padding: '4px 10px',
               borderRadius: 8,
-              border: '1px solid var(--color-border, rgba(127,127,127,0.35))',
-              background: open ? 'var(--color-bg-accent, rgba(80,120,255,0.18))' : 'transparent',
-              color: 'var(--color-text, inherit)',
+              border: '1px solid ' + TOKEN.border,
+              background: open ? TOKEN.hover : 'transparent',
+              color: TOKEN.ink,
               fontSize: 13,
               cursor: 'pointer',
             },
@@ -348,11 +479,11 @@ window.__ModuleLoader__.load({
         return btn;
       }
 
-      // Overlay panel ------------------------------------------------------
-      function Panel(props) {
-        var store = useStore();
-        var t = props.t;
-        if (!store.open || !store.mode) return null;
+      // Panel body ---------------------------------------------------------
+      /** The panel's children, shared verbatim by the overlay panel and the
+       *  chip popover. Returned as an ARRAY so each wrapper can spread it as
+       *  its own direct children (one DOM shape, two placements). */
+      function panelBody(store, t) {
         var sessionMode = store.mode === 'session';
         var usable = sessionMode || !!store.workspace;
         var rows = (store.dirs || []).map(function (dir, index) {
@@ -366,7 +497,7 @@ window.__ModuleLoader__.load({
                 gap: 8,
                 padding: '6px 8px',
                 borderRadius: 6,
-                background: 'var(--color-bg-subtle, rgba(127,127,127,0.08))',
+                background: TOKEN.subtle,
                 marginBottom: 6,
               },
             },
@@ -391,42 +522,24 @@ window.__ModuleLoader__.load({
                     mutateWorkspace(store.workspace, 'multiFolder/remove', { path: dir });
                   }
                 },
-                style: { padding: '2px 8px', borderRadius: 6, border: '1px solid transparent', background: 'transparent', color: 'var(--color-danger, #c62828)', cursor: 'pointer' },
+                style: { padding: '2px 8px', borderRadius: 6, border: '1px solid transparent', background: 'transparent', color: TOKEN.danger, cursor: 'pointer' },
               },
               t('panel.remove'),
             ),
           );
         });
-        return React.createElement(
-          'div',
-          {
-            style: {
-              position: 'fixed',
-              top: 64,
-              right: 20,
-              width: 380,
-              maxWidth: 'calc(100vw - 40px)',
-              zIndex: 400,
-              background: 'var(--color-bg-elevated, #ffffff)',
-              color: 'var(--color-text, #1a1a1a)',
-              border: '1px solid var(--color-border, rgba(127,127,127,0.35))',
-              borderRadius: 12,
-              boxShadow: '0 8px 32px rgba(0,0,0,0.18)',
-              padding: 14,
-              fontSize: 13,
-            },
-          },
+        return [
           React.createElement(
             'div',
             { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 10 } },
-            React.createElement('div', { style: { fontWeight: 600, fontSize: 14 } }, t('panel.title')),
+            React.createElement('div', { style: { fontWeight: 600, fontSize: 14, color: TOKEN.ink } }, t('panel.title')),
             React.createElement(
               'button',
               {
                 type: 'button',
                 title: t('title.close'),
                 onClick: function () { patch({ open: false }); },
-                style: { padding: '2px 8px', borderRadius: 6, border: '1px solid transparent', background: 'transparent', cursor: 'pointer' },
+                style: { padding: '2px 8px', borderRadius: 6, border: '1px solid transparent', background: 'transparent', color: TOKEN.inkMuted, cursor: 'pointer' },
               },
               '✕',
             ),
@@ -434,21 +547,21 @@ window.__ModuleLoader__.load({
           store.workspace
             ? React.createElement(
                 'div',
-                { style: { marginBottom: 8, color: 'var(--color-text-muted, #6b6b6b)', fontSize: 12, wordBreak: 'break-all' } },
+                { style: { marginBottom: 8, color: TOKEN.inkMuted, fontSize: 12, wordBreak: 'break-all' } },
                 t('panel.project', { path: store.workspace }),
               )
             : (!sessionMode
                 ? React.createElement(
                     'div',
-                    { style: { marginBottom: 8, color: 'var(--color-text-muted, #6b6b6b)' } },
+                    { style: { marginBottom: 8, color: TOKEN.inkMuted } },
                     t('panel.noWorkspaceHint'),
                   )
                 : null),
           usable
-            ? (rows.length > 0 ? rows : React.createElement('div', { style: { marginBottom: 8, color: 'var(--color-text-muted, #6b6b6b)' } }, t('panel.empty')))
-            : React.createElement('div', { style: { marginBottom: 8, color: 'var(--color-text-muted, #6b6b6b)' } }, t('panel.pickWorkspaceHint')),
+            ? (rows.length > 0 ? rows : React.createElement('div', { style: { marginBottom: 8, color: TOKEN.inkMuted } }, t('panel.empty')))
+            : React.createElement('div', { style: { marginBottom: 8, color: TOKEN.inkMuted } }, t('panel.pickWorkspaceHint')),
           store.error
-            ? React.createElement('div', { style: { marginBottom: 8, color: 'var(--color-danger, #c62828)', whiteSpace: 'pre-wrap' } }, String(store.error))
+            ? React.createElement('div', { style: { marginBottom: 8, color: TOKEN.danger, whiteSpace: 'pre-wrap' } }, String(store.error))
             : null,
           React.createElement(
             'div',
@@ -463,9 +576,9 @@ window.__ModuleLoader__.load({
                   flex: 1,
                   padding: '6px 10px',
                   borderRadius: 8,
-                  border: '1px solid var(--color-border, rgba(127,127,127,0.35))',
-                  background: 'var(--color-bg-accent, rgba(80,120,255,0.14))',
-                  color: 'var(--color-text, inherit)',
+                  border: '1px solid ' + TOKEN.border,
+                  background: TOKEN.fill,
+                  color: TOKEN.ink,
                   cursor: store.busy || !usable ? 'default' : 'pointer',
                   opacity: store.busy || !usable ? 0.6 : 1,
                 },
@@ -487,9 +600,9 @@ window.__ModuleLoader__.load({
                 style: {
                   padding: '6px 10px',
                   borderRadius: 8,
-                  border: '1px solid var(--color-border, rgba(127,127,127,0.35))',
+                  border: '1px solid ' + TOKEN.border,
                   background: 'transparent',
-                  color: 'var(--color-text, inherit)',
+                  color: TOKEN.ink,
                   cursor: store.busy || !usable ? 'default' : 'pointer',
                   opacity: store.busy || !usable ? 0.6 : 1,
                 },
@@ -504,33 +617,262 @@ window.__ModuleLoader__.load({
                 marginTop: 10,
                 fontSize: 11,
                 lineHeight: 1.5,
-                color: 'var(--color-text-muted, #6b6b6b)',
+                color: TOKEN.inkMuted,
               },
             },
             t('panel.footnote'),
           ),
+        ];
+      }
+
+      /** Spread `children` as the direct children of one element (keeps the
+       *  panel's DOM shape identical across both placements). */
+      function element(type, props, children) {
+        return React.createElement.apply(null, [type, props].concat(children));
+      }
+
+      // Overlay panel ------------------------------------------------------
+      function Panel(props) {
+        var store = useStore();
+        var t = props.t;
+        if (!store.open || !store.mode) return null;
+        // An inline chip owns its own popover; the overlay stands down.
+        if (store.anchor !== 'overlay') return null;
+        return element(
+          'div',
+          {
+            style: {
+              position: 'fixed',
+              top: 64,
+              right: 20,
+              width: 380,
+              maxWidth: 'calc(100vw - 40px)',
+              zIndex: 400,
+              background: TOKEN.surface,
+              color: TOKEN.ink,
+              border: '1px solid ' + TOKEN.border,
+              borderRadius: 12,
+              boxShadow: TOKEN.shadow,
+              padding: 14,
+              fontSize: 13,
+            },
+          },
+          panelBody(store, t),
+        );
+      }
+
+      // Anchored popover ---------------------------------------------------
+      /** The same panel body as a popover anchored to a chip. `direction`
+       *  'up' opens above the chip (the dock row sits above the composer
+       *  card), 'down' opens below it (the hero chip row). */
+      function AnchoredPanel(props) {
+        var store = useStore();
+        var t = props.t;
+        var up = props.direction !== 'down';
+        var placement = up ? { bottom: 'calc(100% + 6px)' } : { top: 'calc(100% + 6px)' };
+        return element(
+          'div',
+          {
+            style: Object.assign(
+              {
+                position: 'absolute',
+                left: 0,
+                zIndex: 40,
+                width: 380,
+                maxWidth: 'calc(100vw - 40px)',
+                // The composer stack lives in a scroll container with
+                // `overflow: hidden auto`; capping the height keeps a tall
+                // list inside the viewport instead of clipping it.
+                maxHeight: 'min(60vh, 420px)',
+                overflowY: 'auto',
+                background: TOKEN.surface,
+                color: TOKEN.ink,
+                border: '1px solid ' + TOKEN.border,
+                borderRadius: 12,
+                boxShadow: TOKEN.shadow,
+                padding: 14,
+                fontSize: 13,
+                textAlign: 'left',
+              },
+              placement,
+            ),
+          },
+          panelBody(store, t),
+        );
+      }
+
+      /** Click-outside catcher for an open popover. */
+      function Backdrop() {
+        return React.createElement('div', {
+          onClick: function () { patch({ open: false }); },
+          style: { position: 'fixed', inset: 0, zIndex: 30 },
+        });
+      }
+
+      /** One chip + its popover, wrapped in the positioning context the
+       *  popover anchors to. Shared by the dock row and the hero chip. */
+      function chipWithPopover(seat, direction, t, button) {
+        var store = getSnapshot();
+        var open = store.open && store.anchor === seat;
+        return React.createElement(
+          'div',
+          { style: { position: 'relative', display: 'inline-flex', minWidth: 0 } },
+          button,
+          open ? React.createElement(Backdrop, { key: 'backdrop' }) : null,
+          open ? React.createElement(AnchoredPanel, { key: 'panel', t: t, direction: direction }) : null,
+        );
+      }
+
+      /** The chip pill, styled from the official chip recipe. */
+      function chipButton(options) {
+        return React.createElement(
+          'button',
+          {
+            type: 'button',
+            title: options.title,
+            onClick: options.onClick,
+            style: {
+              display: 'inline-flex',
+              alignItems: 'center',
+              gap: 6,
+              height: 24,
+              padding: '0 10px',
+              borderRadius: 999,
+              border: '1px solid ' + (options.open ? TOKEN.accent : TOKEN.border),
+              background: options.open ? TOKEN.hover : TOKEN.fill,
+              color: options.open ? TOKEN.ink : TOKEN.inkSoft,
+              fontSize: 12,
+              lineHeight: 1,
+              whiteSpace: 'nowrap',
+              cursor: 'pointer',
+              maxWidth: 260,
+              overflow: 'hidden',
+              opacity: options.dimmed ? 0.7 : 1,
+            },
+          },
+          React.createElement(
+            'span',
+            { style: { overflow: 'hidden', textOverflow: 'ellipsis' } },
+            options.label,
+          ),
+          React.createElement('span', { style: { color: TOKEN.inkFaint, fontSize: 10 } }, '▾'),
         );
       }
 
       // Hero (session-creation page) support --------------------------------
+      /** The shell's own hero predicate, read from the dock's owner share: a
+       *  blank conversation with an open session. A still-loading blank
+       *  session already lists as blank, so it may enter the hero phase
+       *  before the composer snapshot settles to `open`. */
+      function isHeroPhase(session, blank) {
+        if (!session) return false;
+        return session.composerPhase === 'blank' && (session.openState === 'open' || blank === true);
+      }
+
+      /** The workspace path a session belongs to, from the workspaces list. */
+      function workspacePathIn(snapshot, sessionId) {
+        var items = snapshot && snapshot.items ? snapshot.items : [];
+        for (var i = 0; i < items.length; i++) {
+          var workspace = items[i];
+          if (workspace && workspace.path && Array.isArray(workspace.sessionIds) && workspace.sessionIds.indexOf(sessionId) >= 0) {
+            return workspace.path;
+          }
+        }
+        return null;
+      }
+
       /** Workspace path of the current session (blank-session hero), or null
-       *  while no session/workspace is selected at all. */
+       *  while no session/workspace is selected at all. Store-read twin of
+       *  `workspacePathIn` for the fallback launcher, which has no props. */
       function heroWorkspacePath() {
         var sessionList = sessions && sessions.list ? sessions.list.getSnapshot() : null;
         var id = sessionList && sessionList.current;
         if (!id) return null;
         var workspaceList = workspaces && workspaces.list ? workspaces.list.getSnapshot() : null;
-        var items = workspaceList && workspaceList.items ? workspaceList.items : [];
-        for (var i = 0; i < items.length; i++) {
-          var workspace = items[i];
-          if (workspace && workspace.path && Array.isArray(workspace.sessionIds) && workspace.sessionIds.indexOf(id) >= 0) {
-            return workspace.path;
-          }
-        }
+        var fromWorkspaces = workspacePathIn(workspaceList, id);
+        if (fromWorkspaces !== null) return fromWorkspaces;
         var row = sessionList && sessionList.byId ? sessionList.byId[id] : undefined;
         return row && row.cwd ? row.cwd : null;
       }
 
+      /**
+       * Dock chip (session-creation page, preferred shipped seat): one in-flow
+       * row in `conversation.input.dock`, directly above the composer card and
+       * left-aligned with the official hero chip row. The row stays IN FLOW —
+       * the framework arranges co-registered dock entries as sibling rows, so
+       * absolute positioning here would silently overlap a neighbour's chip.
+       *
+       * Renders only on the session-creation page: an active session keeps its
+       * entry in the session header, so the two never appear at once.
+       */
+      function DockChip(props) {
+        var store = useStore();
+        var t = props.t;
+        var sessionId = props.sessionId;
+        // The standard kit always supplies these selector hooks; the absent
+        // form keeps the hook call unconditional (stable hook order) for
+        // hosts and tests that render the entry without the kit.
+        var useSessions = typeof props.useSessions === 'function' ? props.useSessions : selectNothing;
+        var useWorkspaces = typeof props.useWorkspaces === 'function' ? props.useWorkspaces : selectNothing;
+        var blank = useSessions(function (s) {
+          return !!(s && s.byId && sessionId !== undefined && s.byId[sessionId] && s.byId[sessionId].blank === true);
+        });
+        var cwd = useSessions(function (s) {
+          var row = s && s.byId && sessionId !== undefined ? s.byId[sessionId] : undefined;
+          return row && row.cwd ? row.cwd : null;
+        });
+        var fromWorkspaces = useWorkspaces(function (s) { return workspacePathIn(s, sessionId); });
+        var workspacePath = fromWorkspaces || cwd;
+        var hero = isHeroPhase(props.session, blank);
+        var mine = bestHeroSeat(store.heroClaims) === 'dock';
+        // Fill the count cache once per workspace. Workspace mode rides the
+        // sessionless RPC, so this read produces no conversation row.
+        React.useEffect(
+          function () {
+            if (!hero || !mine || !workspacePath) return undefined;
+            if (workspaceCache[workspacePathKey(workspacePath)] === undefined) refreshWorkspace(workspacePath);
+            return undefined;
+          },
+          [hero, mine, workspacePath],
+        );
+        if (!hero || !mine) return null;
+        var open = store.open && store.anchor === 'dock';
+        var count = dirCountOf(workspacePath);
+        return React.createElement(
+          'div',
+          {
+            style: {
+              // The dock outlet is display:contents, so this row is a direct
+              // child of the composer stack — the same 20px indent as the
+              // official hero chip row above it.
+              display: 'flex',
+              alignItems: 'center',
+              gap: 6,
+              minWidth: 0,
+              paddingLeft: 20,
+            },
+          },
+          chipWithPopover(
+            'dock',
+            'up',
+            t,
+            chipButton({
+              open: open,
+              dimmed: !workspacePath,
+              title: workspacePath ? t('title.heroChip') : t('title.heroLauncher.noWorkspace'),
+              label: count !== null && count > 0 ? t('label.withCount', { count: count }) : t('label'),
+              onClick: function () {
+                if (open) {
+                  patch({ open: false });
+                } else {
+                  openForWorkspace(workspacePath, 'dock');
+                }
+              },
+            }),
+          ),
+        );
+      }
+
       /** Re-read the conversation root's `data-phase` attribute (authoritative
        *  hero signal) and the derivable workspace, then patch the store. */
       function syncHero() {
@@ -546,13 +888,17 @@ window.__ModuleLoader__.load({
         }
       }
 
-      /** Fixed-position hero launcher (B2): visible only while the
-       *  conversation root reports the hero phase. */
+      /** Fixed-position hero launcher: the last-resort fallback, mounted only
+       *  while NO declared slot seat is available. Its DOM/store probing (and
+       *  the MutationObserver behind it) stays unwired whenever a real seat
+       *  holds the page. */
       function HeroLauncher(props) {
         var store = useStore();
         var t = props.t;
+        var seat = bestHeroSeat(store.heroClaims);
         React.useEffect(
           function () {
+            if (bestHeroSeat(getSnapshot().heroClaims) !== null) return undefined;
             var disposers = [];
             if (sessions && sessions.list && typeof sessions.list.subscribe === 'function') {
               disposers.push(sessions.list.subscribe(syncHero));
@@ -576,15 +922,16 @@ window.__ModuleLoader__.load({
               if (observer) observer.disconnect();
             };
           },
-          [],
+          [seat],
         );
+        if (seat !== null) return null;
         if (!store.hero) return null;
         return React.createElement(
           'button',
           {
             type: 'button',
             title: store.heroWorkspace ? t('title.heroLauncher.hasWorkspace') : t('title.heroLauncher.noWorkspace'),
-            onClick: function () { openForWorkspace(store.heroWorkspace); },
+            onClick: function () { openForWorkspace(store.heroWorkspace, 'overlay'); },
             style: {
               position: 'fixed',
               bottom: 24,
@@ -595,12 +942,12 @@ window.__ModuleLoader__.load({
               gap: 6,
               padding: '6px 12px',
               borderRadius: 999,
-              border: '1px solid var(--color-border, rgba(127,127,127,0.35))',
-              background: 'var(--color-bg-elevated, #ffffff)',
-              color: 'var(--color-text, inherit)',
+              border: '1px solid ' + TOKEN.border,
+              background: TOKEN.surface,
+              color: TOKEN.ink,
               fontSize: 13,
               cursor: 'pointer',
-              boxShadow: '0 4px 16px rgba(0,0,0,0.14)',
+              boxShadow: TOKEN.shadow,
               opacity: store.heroWorkspace ? 1 : 0.7,
             },
           },
@@ -609,32 +956,33 @@ window.__ModuleLoader__.load({
       }
 
       /** Inline chip for the upstream `conversation.hero.workspaceExtras`
-       *  slot (B1): rendered beside the workspace picker once the DSH core
-       *  declares the slot; a no-op registration until then. */
+       *  slot: rendered beside the workspace picker once the DSH core declares
+       *  the slot; a no-op registration until then. Its popover opens
+       *  DOWNWARD, matching the official workspace picker on the same row. */
       function HeroChip(props) {
         var store = useStore();
         var t = props.t;
         var workspacePath = props && props.workspacePath ? props.workspacePath : store.heroWorkspace;
-        return React.createElement(
-          'button',
-          {
-            type: 'button',
-            title: t('title.heroChip'),
-            onClick: function () { openForWorkspace(workspacePath); },
-            style: {
-              display: 'inline-flex',
-              alignItems: 'center',
-              gap: 6,
-              padding: '4px 10px',
-              borderRadius: 999,
-              border: '1px solid var(--color-border, rgba(127,127,127,0.35))',
-              background: 'transparent',
-              color: 'var(--color-text, inherit)',
-              fontSize: 13,
-              cursor: 'pointer',
+        if (bestHeroSeat(store.heroClaims) !== 'extras') return null;
+        var open = store.open && store.anchor === 'extras';
+        var count = dirCountOf(workspacePath);
+        return chipWithPopover(
+          'extras',
+          'down',
+          t,
+          chipButton({
+            open: open,
+            dimmed: !workspacePath,
+            title: workspacePath ? t('title.heroChip') : t('title.heroLauncher.noWorkspace'),
+            label: count !== null && count > 0 ? t('label.withCount', { count: count }) : t('label'),
+            onClick: function () {
+              if (open) {
+                patch({ open: false });
+              } else {
+                openForWorkspace(workspacePath, 'extras');
+              }
             },
-          },
-          t('label'),
+          }),
         );
       }
 
@@ -651,19 +999,40 @@ window.__ModuleLoader__.load({
           function (props) { return React.createElement(Panel, props); },
         );
       });
+      // Session-creation page, shipped seat: the official input dock band (a
+      // session-scoped `list` slot rendered directly above the composer
+      // card). One unique id, one explicit order, one in-flow row — the
+      // framework arranges this row against every other plugin's dock entry.
+      slots.inject('conversation.input.dock', function () {
+        var release = claimHeroSeat('dock');
+        var dispose = slots.register(
+          { name: 'conversation.input.dock', id: 'multi-folder', order: DOCK_ORDER, label: function () { return t('label.heroDock'); }, locale: NS },
+          function (props) { return React.createElement(DockChip, props); },
+        );
+        return function () {
+          dispose();
+          release();
+        };
+      });
       slots.inject('shell.overlay', function () {
         return slots.register(
           { name: 'shell.overlay', id: 'multi-folder-hero', order: 200, label: function () { return t('label.heroLauncher'); }, locale: NS },
           function (props) { return React.createElement(HeroLauncher, props); },
         );
       });
-      // Upstream slot (B1): the callback fires only once a DSH build declares
-      // `conversation.hero.workspaceExtras`; until then this contributes nothing.
+      // Upstream slot: the callback fires only once a DSH build declares
+      // `conversation.hero.workspaceExtras`; until then this contributes
+      // nothing and the dock row above holds the page.
       slots.inject('conversation.hero.workspaceExtras', function () {
-        return slots.register(
+        var release = claimHeroSeat('extras');
+        var dispose = slots.register(
           { name: 'conversation.hero.workspaceExtras', id: 'multi-folder', order: 30, label: function () { return t('label'); }, locale: NS },
           function (props) { return React.createElement(HeroChip, props); },
         );
+        return function () {
+          dispose();
+          release();
+        };
       });
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-multi-folder",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "DeepSeek Harness plugin: secondary working directories for a project. The agent keeps the primary workspace as cwd, gains equal write/exec permissions on configured secondary directories under workspace-write mode, and is notified of configuration changes at the next message boundary. Configurable from the session header AND from the session-creation page (before the first message) through a sessionless multiFolder remote API.",
   "keywords": [
     "dsh-plugin",