dsh-workspace-plus 0.4.0 → 0.6.0

package/lib/client.js

@@ -8,13 +8,13 @@
  * plugin is first needed, so every side effect here — the injected stylesheet
  * included — happens at materialization time, never at script-parse time.
  *
- * The feature — workspace directories, as a DIALOG rather than a page.
+ * The workspace+ feature — workspace directories, as a DIALOG rather than a page.
  * A DSH workspace keeps its one root directory; this registers N more project
  * folders against it, each with a short label, and the host injects that table
  * into the agent's context on every request — so "改 backend" in conversation
  * resolves to an absolute path instead of a guess.
  *
- * Five seats cooperate:
+ * Five workspace+ seats cooperate:
  *
  *   `settings.section`    the `workspace+` settings page. It owns one preference:
  *                         whether the feature runs for the default (first-use)
@@ -24,18 +24,24 @@
  *   `shell.overlay`       the dialog itself, the same frame-wide layer the
  *                         shell's own workspace Rename/Delete dialogs use (the
  *                         Modal portals to <body>, so the entry owns only the
- *                         open state, not the stack position). Its path field is
- *                         a control rather than an input: clicking it opens the
- *                         shell's own directory picker through
- *                         `ctx.uiWorkspace.pickDirectory()`.
+ *                         open state, not the stack position). It reads as one
+ *                         column of bordered field rows — the workspace it is
+ *                         locked to, the 「目录」 list, an add row that IS the
+ *                         shell's own directory picker, and a footer split
+ *                         secondary-left / primary-right. There is no path input
+ *                         to type into: `ctx.uiWorkspace.pickDirectory()` is the
+ *                         only way a directory gets in, and the label/note row
+ *                         only appears once one has been chosen.
  *
  *   workspace row button  the primary trigger. The shell's workspace row menu is
  *                         hardcoded to Rename/Delete with no plugin slot, so the
  *                         trigger is a button this half appends to the row's
  *                         action cluster, located through shell-emitted
  *                         `data-row-key="workspace:<id>"` anchors and kept in
- *                         place by a MutationObserver. Rows the host reports as
- *                         disabled get no button.
+ *                         place by a MutationObserver. Every real workspace row
+ *                         carries it; a workspace whose switch is off only draws
+ *                         it dimmed, because the dialog is where its labels are
+ *                         read and the switch itself lives on the settings page.
  *
  *   `sidebar.panellist`   the fallback trigger, registered only while no row
  *                         button could be installed (a shell whose row DOM
@@ -52,6 +58,19 @@
  *                         absolute path, so the model receives the path even when
  *                         the injected table is not in context.
  *
+ * The 通知 (notice) sub-feature — ported from the dsh-notice plugin, which now
+ * ships as the `dsh-workspace-plus/notice` loader row of this same bundle — adds
+ * two more seats here, described in detail at its section below:
+ *
+ *   `settings.section`    the 通知 settings page (same id, label and order the
+ *                         standalone plugin used), writing through the same
+ *                         `/dsh-notice/api` routes. When the notice row is off
+ *                         the host answers 404 and the page explains the state.
+ *
+ *   the pending poll      the last centimetre of the click-to-open path: toast
+ *                         click → `dsh-notice:` protocol → host route → pending
+ *                         intent → THIS half → `ctx.uiWorkspace.openSession()`.
+ *
  * Only the shell's frozen platform module table may be `require`d here (react,
  * react-dom, react/jsx-runtime, @deepseek-ai/cordis,
  * @deepseek-ai/dsh-client-store, @deepseek-ai/dsh-client-ui-slots,
@@ -113,6 +132,506 @@ window.__ModuleLoader__.load({
     /** Host JSON endpoint, resolved against the page so it survives any mount path. */
     const API_PATH = 'workspaceplus/api'
 
+    // -----------------------------------------------------------------------
+    // The 通知 (notice) sub-feature — client side
+    //
+    // The notice host half (`lib/notice/index.js`, the `dsh-workspace-plus/notice`
+    // loader row) owns the Windows transport and three HTTP routes. This half
+    // contributes the two browser-side pieces the dsh-notice plugin used to ship
+    // in its own client bundle:
+    //
+    //   the 通知 settings page — same slot (`settings.section`), same id, same
+    //   order, writing through the SAME routes as before (`/dsh-notice/api`).
+    //   When the notice row is disabled the host answers 404, the page renders
+    //   that state, and nothing else in this bundle is affected.
+    //
+    //   the pending-open poll — the last centimetre of the click-to-open path:
+    //   toast click → protocol → host route → pending intent → THIS half →
+    //   ctx.uiWorkspace.openSession(). The poll is unconditionally cheap (one
+    //   404-tolerant GET every 4 s) and is what makes clicking a notification
+    //   open the conversation; it stays on even when the settings page cannot
+    //   load, because a notification may outlive a row toggle.
+    //
+    // Route paths and the settings-page identity are kept byte-identical to
+    // dsh-notice 0.2.1, so an in-place upgrade preserves the protocol scheme,
+    // the registry command and every stored override.
+    // -----------------------------------------------------------------------
+
+    /** Settings section identity of the 通知 page (unchanged from dsh-notice). */
+    const NOTICE_SETTINGS_SECTION_ID = 'notice'
+    const NOTICE_SETTINGS_SECTION_LABEL = '通知'
+    const NOTICE_SETTINGS_SECTION_ORDER = 26
+
+    /** Host routes the notice half talks to; must match lib/notice/index.js. */
+    const NOTICE_API_PATH = '/dsh-notice/api'
+    const NOTICE_PENDING_PATH = '/dsh-notice/api/pending'
+
+    /** Backstop poll interval, and the retry interval after a failed poll. */
+    const NOTICE_POLL_INTERVAL_MS = 4000
+    const NOTICE_POLL_RETRY_MS = 2000
+
+    /** Stylesheet identity for the 通知 settings page (one tag, rewritten on reload). */
+    const NOTICE_STYLE_ID = 'dsh-workspace-plus/notice.css'
+
+    /** Prefix for every class the notice page injects, so it can never collide. */
+    const NOTICE_CSS = `
+.dsh-notice-section { display: flex; flex-direction: column; gap: 14px; }
+.dsh-notice-group { display: flex; flex-direction: column; gap: 10px; }
+.dsh-notice-group-title { color: var(--dsw-alias-label-secondary); font-size: 12px; font-weight: 600; letter-spacing: .04em; }
+.dsh-notice-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
+.dsh-notice-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
+.dsh-notice-title { color: var(--dsw-alias-label-primary); font-size: 14px; font-weight: 600; }
+.dsh-notice-desc { color: var(--dsw-alias-label-secondary); font-size: 12.5px; line-height: 1.5; }
+.dsh-notice-switch { position: relative; flex: none; width: 38px; height: 22px; margin-top: 2px; padding: 0; cursor: pointer; border: 1px solid var(--dsw-alias-border-l2); border-radius: 999px; background: var(--dsw-alias-bg-layer-2); transition: background .15s ease, border-color .15s ease; }
+.dsh-notice-switch[aria-checked="true"] { background: var(--dsw-alias-brand-primary); border-color: var(--dsw-alias-brand-primary); }
+.dsh-notice-switch:disabled { cursor: default; opacity: .5; }
+.dsh-notice-knob { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: var(--dsw-alias-bg-base); transition: transform .15s ease; }
+.dsh-notice-switch[aria-checked="true"] .dsh-notice-knob { transform: translateX(16px); }
+.dsh-notice-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.dsh-notice-button { cursor: pointer; padding: 5px 12px; font-size: 13px; border-radius: 7px; border: 1px solid var(--dsw-alias-border-l2); background: var(--dsw-alias-bg-layer-2); color: var(--dsw-alias-label-primary); }
+.dsh-notice-button:hover:not(:disabled) { border-color: var(--dsw-alias-border-l1); }
+.dsh-notice-button:disabled { cursor: default; opacity: .5; }
+.dsh-notice-status { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border-radius: 8px; background: var(--dsw-alias-bg-layer-2); color: var(--dsw-alias-label-secondary); font-size: 12.5px; line-height: 1.6; }
+.dsh-notice-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; word-break: break-all; }
+.dsh-notice-error { color: var(--dsw-alias-state-error-primary); }
+.dsh-notice-ok { color: var(--dsw-alias-state-success-primary); }
+`
+
+    /** Install the notice stylesheet, exactly one tag per document (rewritten on reload). */
+    function ensureNoticeStyles() {
+      if (typeof document === 'undefined') return
+      const existing = document.querySelector('style[data-plugin-css=' + JSON.stringify(NOTICE_STYLE_ID) + ']')
+      if (existing !== null) {
+        existing.textContent = NOTICE_CSS
+        return
+      }
+      const tag = document.createElement('style')
+      tag.dataset.plugin = 'dsh-workspace-plus'
+      tag.dataset.pluginCss = NOTICE_STYLE_ID
+      tag.textContent = NOTICE_CSS
+      document.head.appendChild(tag)
+    }
+
+    /**
+     * Fetch the notice host's snapshot.
+     *
+     * @param origin - the origin this page was served from, reported once so the
+     *   host can learn its own listen port and register the protocol against it.
+     * @param signal - caller cancellation.
+     * @returns the parsed payload.
+     */
+    async function fetchNoticeSnapshot(origin, signal) {
+      const query = origin === null ? '' : `?origin=${encodeURIComponent(origin)}`
+      const response = await fetch(`${NOTICE_API_PATH}${query}`, { cache: 'no-store', signal })
+      if (!response.ok) throw new Error(`host responded ${response.status}`)
+      return await response.json()
+    }
+
+    /**
+     * Post one notice control operation.
+     *
+     * @param body - operation payload.
+     * @returns the parsed payload.
+     */
+    async function postNoticeOperation(body) {
+      const response = await fetch(NOTICE_API_PATH, {
+        method: 'POST',
+        cache: 'no-store',
+        headers: { 'content-type': 'application/json' },
+        body: JSON.stringify(body),
+      })
+      if (!response.ok) throw new Error(`host responded ${response.status}`)
+      return await response.json()
+    }
+
+    /**
+     * One labelled switch row of the 通知 page.
+     *
+     * @param props - `{ title, description, checked, disabled, onChange }`.
+     * @returns the row element.
+     */
+    function NoticeSwitchRow(props) {
+      return React.createElement(
+        'div',
+        { className: 'dsh-notice-row' },
+        React.createElement(
+          'div',
+          { className: 'dsh-notice-text' },
+          React.createElement('div', { className: 'dsh-notice-title' }, props.title),
+          props.description ? React.createElement('div', { className: 'dsh-notice-desc' }, props.description) : null,
+        ),
+        React.createElement(
+          'button',
+          {
+            type: 'button',
+            role: 'switch',
+            'aria-checked': props.checked === true,
+            'aria-label': props.title,
+            disabled: props.disabled === true,
+            className: 'dsh-notice-switch',
+            onClick: () => props.onChange(props.checked !== true),
+          },
+          React.createElement('span', { className: 'dsh-notice-knob' }),
+        ),
+      )
+    }
+
+    /**
+     * The 通知 settings page (the same page the dsh-notice plugin registered,
+     * now riding in this bundle). Every switch writes immediately; the host
+     * answers with a fresh snapshot, so the page never predicts what was
+     * accepted. A 404 — the notice row being disabled — renders as an
+     * explanation instead of an error, because that state is a choice, not a
+     * breakage.
+     *
+     * @returns the settings section element.
+     */
+    function NoticeSettings() {
+      const [snapshot, setSnapshot] = React.useState(null)
+      const [status, setStatus] = React.useState({ kind: 'loading', message: '' })
+      const [busy, setBusy] = React.useState(false)
+
+      React.useEffect(() => {
+        let cancelled = false
+        const controller = typeof AbortController === 'undefined' ? undefined : new AbortController()
+        ;(async () => {
+          try {
+            const payload = await fetchNoticeSnapshot(null, controller?.signal)
+            if (cancelled) return
+            setSnapshot(payload)
+            setStatus({ kind: 'ready', message: '' })
+          } catch (error) {
+            if (cancelled) return
+            setStatus({ kind: 'error', message: String((error && error.message) || error) })
+          }
+        })()
+        return () => {
+          cancelled = true
+          controller?.abort()
+        }
+      }, [])
+
+      const send = React.useCallback(async (body) => {
+        setBusy(true)
+        try {
+          const payload = await postNoticeOperation(body)
+          // A rejected operation answers with a message and no snapshot (an
+          // unknown op, a body that is not JSON). Adopting that as state would
+          // blank the page, so it only updates the status line.
+          if (payload !== null && typeof payload === 'object' && payload.settings !== undefined) {
+            setSnapshot(payload)
+          }
+          setStatus({
+            kind: payload !== null && payload.ok === true ? 'ready' : 'error',
+            message: String(payload?.message ?? ''),
+          })
+        } catch (error) {
+          setStatus({ kind: 'error', message: String((error && error.message) || error) })
+        } finally {
+          setBusy(false)
+        }
+      }, [])
+
+      if (snapshot === null) {
+        const message = status.kind === 'error' ? status.message : ''
+        // `host responded 404` is the notice ROW being switched off on the
+        // plugin page — a deliberate state, worded as one rather than as a
+        // failure. Any other message is a genuine transport error.
+        if (status.kind === 'error' && message.includes('404')) {
+          return React.createElement(
+            'div',
+            { className: 'dsh-notice-section' },
+            React.createElement(
+              'div',
+              { className: 'dsh-notice-desc' },
+              '通知子功能当前未启用：在侧栏「插件」页的 dsh-workspace-plus 卡片里打开 notice 这一行即可开启。',
+            ),
+          )
+        }
+        return React.createElement(
+          'div',
+          { className: 'dsh-notice-section' },
+          React.createElement(
+            'div',
+            { className: 'dsh-notice-desc' },
+            status.kind === 'error' ? `读取设置失败：${message}` : '正在读取设置…',
+          ),
+        )
+      }
+
+      const settings = snapshot.settings ?? {}
+      const kinds = Array.isArray(snapshot.kinds) ? snapshot.kinds : []
+      const toast = snapshot.toast ?? {}
+      const protocol = snapshot.protocol ?? {}
+      const disabled = busy || settings.enabled !== true
+
+      const kindRows = kinds.map((kind) =>
+        React.createElement(NoticeSwitchRow, {
+          key: kind.id,
+          title: kind.label,
+          checked: kind.enabled === true,
+          disabled,
+          onChange: (next) => void send({ op: 'patch', patch: { kinds: { [kind.id]: next } } }),
+        }),
+      )
+
+      const transportLine = (() => {
+        if (snapshot.platformSupported !== true) return '当前平台不是 Windows，通知不会显示。'
+        // The daemon starts with the first notification, so "not running yet" is
+        // the ordinary state right after loading the plugin, not a fault.
+        if (toast.running !== true && toast.started !== true) {
+          return 'toast 守护进程尚未启动，将在第一条通知到来时自动启动。'
+        }
+        if (toast.running !== true) return 'toast 守护进程未运行，下一条通知会自动重新启动它。'
+        return `toast 守护进程运行中，以 ${
+          toast.appIdConfigured === true ? '指定' : '自动'
+        } AUMID 发言：${toast.appId ?? '(未知)'}`
+      })()
+
+      const protocolLine = (() => {
+        if (protocol.registered === true) return `点击通知可打开对应对话（已注册 ${protocol.scheme}:）。`
+        if (settings.registerProtocol === false) return '已关闭协议注册：点击通知只会把 Harness 窗口切到前台。'
+        return `尚未注册 ${protocol.scheme ?? 'dsh-notice'}:，点击通知只会把 Harness 窗口切到前台。`
+      })()
+
+      return React.createElement(
+        'div',
+        { className: 'dsh-notice-section' },
+        React.createElement(
+          'div',
+          { className: 'dsh-notice-group' },
+          React.createElement(NoticeSwitchRow, {
+            title: '启用桌面通知',
+            description: '对话需要你时，弹出 Windows 原生通知；点击通知可打开对应的对话。',
+            checked: settings.enabled === true,
+            disabled: busy,
+            onChange: (next) => void send({ op: 'patch', patch: { enabled: next } }),
+          }),
+        ),
+        React.createElement(
+          'div',
+          { className: 'dsh-notice-group' },
+          React.createElement('div', { className: 'dsh-notice-group-title' }, '通知类型'),
+          ...kindRows,
+        ),
+        React.createElement(
+          'div',
+          { className: 'dsh-notice-group' },
+          React.createElement('div', { className: 'dsh-notice-group-title' }, '行为'),
+          React.createElement(NoticeSwitchRow, {
+            title: '只通知主对话',
+            description: '关闭后，子代理与团队成员的每一轮结束也会通知（通常非常密集）。',
+            checked: settings.scope === 'roots',
+            disabled,
+            onChange: (next) => void send({ op: 'patch', patch: { scope: next ? 'roots' : 'all' } }),
+          }),
+          React.createElement(NoticeSwitchRow, {
+            title: '通知声音',
+            description: '关闭后通知静音出现，仍然进入 Windows 通知中心。',
+            checked: settings.sound === true,
+            disabled,
+            onChange: (next) => void send({ op: 'patch', patch: { sound: next } }),
+          }),
+          React.createElement(NoticeSwitchRow, {
+            title: '点击时把 Harness 窗口切到前台',
+            description: '关闭后只切换对话，不改变窗口的前后顺序。',
+            checked: settings.focusOnClick === true,
+            disabled,
+            onChange: (next) => void send({ op: 'patch', patch: { focusOnClick: next } }),
+          }),
+          React.createElement(NoticeSwitchRow, {
+            title: '注册 dsh-notice: 协议',
+            description:
+              '在当前用户注册表下注册协议，让点击通知能定位到具体对话。关闭则退化为只切前台，不写注册表。',
+            checked: settings.registerProtocol === true,
+            disabled,
+            onChange: (next) => void send({ op: 'patch', patch: { registerProtocol: next } }),
+          }),
+          React.createElement(
+            'div',
+            { className: 'dsh-notice-row' },
+            React.createElement(
+              'div',
+              { className: 'dsh-notice-text' },
+              React.createElement('div', { className: 'dsh-notice-title' }, '通知显示时长'),
+              React.createElement(
+                'div',
+                { className: 'dsh-notice-desc' },
+                settings.duration === 'long' ? '当前：长（约 25 秒）' : '当前：短（约 5 秒）',
+              ),
+            ),
+            React.createElement(
+              'button',
+              {
+                type: 'button',
+                className: 'dsh-notice-button',
+                disabled,
+                onClick: () => void send({ op: 'patch', patch: { duration: settings.duration === 'long' ? 'short' : 'long' } }),
+              },
+              settings.duration === 'long' ? '改为短' : '改为长',
+            ),
+          ),
+        ),
+        React.createElement(
+          'div',
+          { className: 'dsh-notice-actions' },
+          React.createElement(
+            'button',
+            {
+              type: 'button',
+              className: 'dsh-notice-button',
+              disabled: busy,
+              onClick: () => void send({ op: 'test' }),
+            },
+            '发送测试通知',
+          ),
+          React.createElement(
+            'button',
+            {
+              type: 'button',
+              className: 'dsh-notice-button',
+              disabled: busy || Object.keys(snapshot.overrides ?? {}).length === 0,
+              onClick: () => void send({ op: 'clear' }),
+            },
+            '恢复默认',
+          ),
+        ),
+        React.createElement(
+          'div',
+          { className: 'dsh-notice-status' },
+          React.createElement('div', null, transportLine),
+          React.createElement('div', null, protocolLine),
+          toast.lastError
+            ? React.createElement('div', { className: 'dsh-notice-mono dsh-notice-error' }, String(toast.lastError))
+            : null,
+          status.message
+            ? React.createElement(
+                'div',
+                { className: status.kind === 'error' ? 'dsh-notice-error' : 'dsh-notice-ok' },
+                status.message,
+              )
+            : null,
+        ),
+      )
+    }
+
+    /**
+     * Poll the notice host for a pending "open this conversation" intent.
+     *
+     * A click on a notification focuses the desktop window; the focus event
+     * triggers an immediate poll, so the conversation usually opens on the same
+     * frame the window appears. The timer is only the backstop for a click that
+     * arrives while the window already has focus. A 404 (notice row disabled)
+     * and a network failure are both silent: this poll must never become
+     * noticeable, and it must never take the workspace+ features down.
+     *
+     * @param ctx - the plugin's client context.
+     * @returns a disposer stopping every timer, listener and request in flight.
+     */
+    function startNoticePendingPoll(ctx) {
+      let stopped = false
+      let timer = null
+      let inFlight = false
+      const controller = typeof AbortController === 'undefined' ? undefined : new AbortController()
+
+      const openSession = (sessionId) => {
+        if (typeof sessionId !== 'string' || sessionId === '') return
+        let workspace = null
+        try {
+          workspace = ctx.get('uiWorkspace')
+        } catch {
+          return
+        }
+        if (workspace === undefined || workspace === null || typeof workspace.openSession !== 'function') return
+        try {
+          workspace.openSession(sessionId)
+        } catch {
+          // An archived or unknown conversation cannot be selected; the click
+          // still brought the window forward, which is the useful half.
+        }
+      }
+
+      const schedule = (delay) => {
+        if (stopped) return
+        if (timer !== null) clearTimeout(timer)
+        timer = setTimeout(() => void tick(), delay)
+      }
+
+      const tick = async () => {
+        if (stopped || inFlight) return
+        inFlight = true
+        let delay = NOTICE_POLL_INTERVAL_MS
+        try {
+          const response = await fetch(`${NOTICE_PENDING_PATH}?_=${Date.now()}`, {
+            cache: 'no-store',
+            signal: controller?.signal,
+          })
+          if (response.ok) {
+            const payload = await response.json()
+            if (payload !== null && typeof payload === 'object' && typeof payload.sessionId === 'string') {
+              openSession(payload.sessionId)
+            }
+          } else {
+            delay = NOTICE_POLL_RETRY_MS
+          }
+        } catch {
+          delay = NOTICE_POLL_RETRY_MS
+        } finally {
+          inFlight = false
+        }
+        schedule(delay)
+      }
+
+      // A click on a notification focuses the desktop window, and that focus
+      // event is what makes the conversation open immediately rather than up to
+      // one poll interval later.
+      const onFocus = () => schedule(0)
+      window.addEventListener('focus', onFocus)
+      document.addEventListener('visibilitychange', onFocus)
+
+      // Report the origin once, so the host learns the port it is listening on
+      // and can point the protocol registration at it. The settings page loads
+      // lazily, so this one early GET is also the only thing that wakes the
+      // host's protocol sync when the user never opens 设置 → 通知.
+      void fetchNoticeSnapshot(window.location.origin, controller?.signal).catch(() => {})
+      void tick()
+
+      return () => {
+        stopped = true
+        if (timer !== null) clearTimeout(timer)
+        window.removeEventListener('focus', onFocus)
+        document.removeEventListener('visibilitychange', onFocus)
+        controller?.abort()
+      }
+    }
+
+    /**
+     * Run one notice registration, reporting a failure instead of throwing it.
+     *
+     * The shell treats a non-ACTIVE client entry as a fatal boot error, so an
+     * exception here would take the whole application down with it. The failure
+     * is still surfaced — through the shell's logger — but the fiber stays
+     * active and the workspace+ features keep working.
+     *
+     * @param ctx - the plugin's client context.
+     * @param subject - what was being registered, named in the message.
+     * @param setup - the registration body.
+     * @returns nothing.
+     */
+    function registerNotice(ctx, subject, setup) {
+      try {
+        setup()
+      } catch (error) {
+        const message = String((error && error.message) || error)
+        try {
+          ctx.logger?.warn?.(`[dsh-workspace-plus/notice] ${subject}注册失败，已跳过：${message}`)
+        } catch {
+          // A logger that cannot log must not turn a skipped registration back
+          // into the boot failure this boundary exists to prevent.
+        }
+      }
+    }
+
     /** Identity of the injected stylesheet, used to keep exactly one copy. */
     const STYLE_ID = 'dsh-workspace-plus/panel.css'
 
@@ -128,9 +647,19 @@ window.__ModuleLoader__.load({
     /** Class of the button this half appends to a workspace row. */
     const ROW_BUTTON_CLASS = 'dsh-workspace-plus-rowbtn'
 
+    /**
+     * Class marking that same button on a workspace the settings page switched
+     * off. The button stays — the dialog is the only place a workspace's labels
+     * can be read — but it draws dimmed and says why in its tooltip.
+     */
+    const ROW_BUTTON_OFF_CLASS = 'dsh-workspace-plus-rowbtn-off'
+
     /** Label of the injected row button. */
     const ROW_BUTTON_LABEL = '工作区目录设置'
 
+    /** Label of that button where workspace+ is switched off for the workspace. */
+    const ROW_BUTTON_LABEL_OFF = '工作区目录设置（这个工作区已在 workspace+ 里停用）'
+
     /**
      * The shell's own folder-open artwork, copied verbatim from
      * `@deepseek-ai/dsh-client-ui-primitives` (`IconFolderOpenArtwork`). It is
@@ -172,6 +701,25 @@ window.__ModuleLoader__.load({
       'M6.80132 2.14853C7.70663 1.80917 8.70422 1.80919 9.60952 2.14859L14.1296 3.84317V7.11961C14.1296 11.6089 ' +
       '10.7615 13.5975 8.20543 14.5779C5.64931 13.5975 2.28052 11.6089 2.28052 7.11961V3.84317L6.80132 2.14853Z'
 
+    /**
+     * Two more official glyphs, same provenance as the folder artwork above and
+     * for the same reason: the dialog's row actions and its add row should read as
+     * the shell's own icons without depending on an export name.
+     *
+     *   CLOSE_ARTWORK  `IconCloseOutline16` (`ic_ds_close_outline_16`) — the row's
+     *                  remove control, the same cross the shell puts in a dialog's
+     *                  top-right corner.
+     *   PLUS_ARTWORK   `IconPlusOutline16` (`ic_ds_plus_outline_16`) — the add row.
+     *                  It is deliberately not a folder: the row's folder glyphs
+     *                  belong to registered directories, and a second folder would
+     *                  make the add row read as one of them.
+     */
+    const CLOSE_ARTWORK = [
+      'M14.1168 13.197L13.197 14.1167L1.8833 2.80303L2.80309 1.88324L14.1168 13.197Z',
+      'M13.197 1.88326L14.1168 2.80305L2.80309 14.1168L1.8833 13.197L13.197 1.88326Z',
+    ]
+    const PLUS_ARTWORK = ['M8.64453 1.5V7.34961H14.5V8.65039H8.64453V14.5H7.34473V8.65039H1.5V7.34961H7.34473V1.5H8.64453Z']
+
     /**
      * How long the fallback entry waits before deciding that no workspace-row
      * button can exist, so a healthy shell never flashes it.
@@ -202,36 +750,54 @@ window.__ModuleLoader__.load({
 .dsh-workspace-plus-settings-ok{color:var(--dsw-alias-state-success-primary);margin-top:8px;font-size:12px;line-height:18px}
 .dsh-workspace-plus-rowbtn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;flex:none;cursor:pointer;border-radius:var(--dsw-radius-xs,4px);background:0 0;color:var(--dsw-alias-label-tertiary)}
 .dsh-workspace-plus-rowbtn:hover{color:var(--dsw-alias-label-primary)}
+.dsh-workspace-plus-rowbtn-off{opacity:.55}
+.dsh-workspace-plus-rowbtn-off:hover{opacity:1;color:var(--dsw-alias-label-primary)}
 .dsh-workspace-plus-rowbtn:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-brand-primary));outline-offset:-2px}
-.dsh-workspace-plus-dialog{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;color:var(--dsw-alias-label-primary);font-size:14px;line-height:1.6}
-.dsh-workspace-plus-dialog-card.dsh-workspace-plus-dialog-card{width:min(760px,100%)}
-.dsh-workspace-plus-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
-.dsh-workspace-plus-label{color:var(--dsw-alias-label-secondary);flex:none}
-.dsh-workspace-plus-locked{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.dsh-workspace-plus-select,.dsh-workspace-plus-input{box-sizing:border-box;font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2,var(--dsw-alias-border-l1));border-radius:var(--dsw-radius-md,8px);padding:6px 9px;min-width:0}
-.dsh-workspace-plus-select{max-width:100%;flex:1 1 240px}
-.dsh-workspace-plus-input:focus-visible,.dsh-workspace-plus-select:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-brand-primary));outline-offset:1px}
-.dsh-workspace-plus-input-label{flex:0 1 180px}
-.dsh-workspace-plus-input-note{flex:1 1 220px}
-.dsh-workspace-plus-path{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 10px;font:inherit;text-align:left;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2,var(--dsw-alias-border-l1));border-radius:var(--dsw-radius-md,8px);cursor:pointer}
-.dsh-workspace-plus-path:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);border-color:var(--dsw-alias-border-l3,var(--dsw-alias-border-l2))}
-.dsh-workspace-plus-path:disabled{cursor:not-allowed;color:var(--dsw-alias-label-tertiary)}
-.dsh-workspace-plus-path:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-brand-primary));outline-offset:1px}
-.dsh-workspace-plus-path-glyph{display:inline-flex;flex:none;align-items:center;color:var(--dsw-alias-label-secondary)}
-.dsh-workspace-plus-path-empty{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-tertiary)}
-.dsh-workspace-plus-list{box-sizing:border-box;width:100%;max-height:34vh;overflow-y:auto;border:1px solid var(--dsw-alias-border-l1);border-radius:var(--dsw-radius-md,8px)}
-.dsh-workspace-plus-row{display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--dsw-alias-bg-layer-1);border-top:1px solid var(--dsw-alias-border-l1)}
-.dsh-workspace-plus-row:first-child{border-top:none}
-.dsh-workspace-plus-row-tag{flex:none;min-width:76px;padding:1px 8px;border-radius:999px;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-brand-primary);font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.dsh-workspace-plus-row-path{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--dsw-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace)}
-.dsh-workspace-plus-row-note{flex:0 1 auto;color:var(--dsw-alias-label-secondary);max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsh-workspace-plus-dialog{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;color:var(--dsw-alias-label-primary);font-size:14px;line-height:22px}
+.dsh-workspace-plus-dialog-card.dsh-workspace-plus-dialog-card{width:min(640px,100%)}
+.dsh-workspace-plus-field{box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid var(--dsw-alias-border-l2,var(--dsw-alias-border-l1));border-radius:var(--dsw-radius-md,12px);background:var(--dsw-alias-bg-layer-1)}
+.dsh-workspace-plus-field-glyph{display:inline-flex;flex:none;align-items:center;color:var(--dsw-alias-label-tertiary)}
+.dsh-workspace-plus-field-title{flex:none;min-width:0;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
+.dsh-workspace-plus-field-root{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-family:var(--dsw-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:13px;color:var(--dsw-alias-label-tertiary)}
+.dsh-workspace-plus-section{margin:0 2px -6px;color:var(--dsw-alias-label-secondary)}
+.dsh-workspace-plus-list{box-sizing:border-box;width:100%;max-height:34vh;overflow-y:auto;border:1px solid var(--dsw-alias-border-l2,var(--dsw-alias-border-l1));border-radius:var(--dsw-radius-md,12px);background:var(--dsw-alias-bg-layer-1)}
+.dsh-workspace-plus-row,.dsh-workspace-plus-field-row{box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-top:1px solid var(--dsw-alias-border-l1)}
+.dsh-workspace-plus-row:first-child,.dsh-workspace-plus-field-row:first-child{border-top:none}
+.dsh-workspace-plus-row-tag{flex:none;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
+.dsh-workspace-plus-row-path{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--dsw-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:13px;color:var(--dsw-alias-label-tertiary)}
+.dsh-workspace-plus-row-note{flex:0 1 auto;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--dsw-alias-label-secondary)}
 .dsh-workspace-plus-row-outside{flex:none;display:inline-flex;align-items:center;color:var(--dsw-alias-state-warn-primary)}
 .dsh-workspace-plus-row-outside:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-brand-primary));outline-offset:1px;border-radius:var(--dsw-radius-xs,4px)}
-.dsh-workspace-plus-form{display:flex;flex-direction:column;gap:8px;width:100%}
-.dsh-workspace-plus-form-row{display:flex;align-items:center;gap:10px;width:100%}
+.dsh-workspace-plus-remove{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--dsw-radius-sm,8px);background:0 0;color:var(--dsw-alias-label-tertiary);cursor:pointer}
+.dsh-workspace-plus-remove:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.dsh-workspace-plus-remove:disabled{cursor:not-allowed;opacity:.4}
+.dsh-workspace-plus-remove:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-brand-primary));outline-offset:-2px}
+.dsh-workspace-plus-add{width:100%;font:inherit;text-align:left;color:var(--dsw-alias-label-secondary);background:0 0;border-right:none;border-bottom:none;border-left:none;cursor:pointer}
+.dsh-workspace-plus-add:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.dsh-workspace-plus-add:disabled{cursor:not-allowed;color:var(--dsw-alias-label-tertiary)}
+.dsh-workspace-plus-add:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-brand-primary));outline-offset:-2px}
+.dsh-workspace-plus-add-text{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsh-workspace-plus-add-path{font-family:var(--dsw-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:13px}
+.dsh-workspace-plus-select{min-width:0;flex:1 1 auto;font:inherit;color:var(--dsw-alias-label-primary);background:0 0;border:none;padding:0}
+/* The light theme resolves bg-layer-1/2/3 to the same white, so a borderless
+   input filled with a layer token disappears inside its group there. The
+   interactive fills are the one neutral surface pair that reads in both themes:
+   6%/10% of the label colour in light, 8%/14% of it in dark. */
+.dsh-workspace-plus-input{box-sizing:border-box;min-width:0;height:34px;padding:0 10px;font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover);border:none;border-radius:var(--dsw-radius-sm,8px)}
+.dsh-workspace-plus-input:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}
+.dsh-workspace-plus-input:disabled{background:0 0;color:var(--dsw-alias-label-tertiary)}
+.dsh-workspace-plus-select:focus-visible,.dsh-workspace-plus-input:focus-visible{outline:var(--dsw-focus-ring-width,2px) solid var(--dsw-focus-ring-color,var(--dsw-alias-brand-primary));outline-offset:-1px}
+.dsh-workspace-plus-input-label{flex:0 1 180px}
+.dsh-workspace-plus-input-note{flex:1 1 auto}
 .dsh-workspace-plus-submit{flex:none}
-.dsh-workspace-plus-empty{padding:14px 12px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1)}
-.dsh-workspace-plus-note{color:var(--dsw-alias-label-secondary);font-size:13px}
+.dsh-workspace-plus-empty{color:var(--dsw-alias-label-secondary)}
+.dsh-workspace-plus-notice{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,var(--dsw-alias-border-l1));border-radius:var(--dsw-radius-md,12px);background:var(--dsw-alias-bg-layer-1)}
+.dsh-workspace-plus-notice-error{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 8%,var(--dsw-alias-bg-layer-1))}
+.dsh-workspace-plus-notice-warn{background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 10%,var(--dsw-alias-bg-layer-1))}
+.dsh-workspace-plus-status{font-size:14px;line-height:22px}
+.dsh-workspace-plus-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
+.dsh-workspace-plus-note{color:var(--dsw-alias-label-secondary)}
+.dsh-workspace-plus-off{color:var(--dsw-alias-state-warn-primary)}
 .dsh-workspace-plus-error{color:var(--dsw-alias-state-error-primary)}
 .dsh-workspace-plus-ok{color:var(--dsw-alias-state-success-primary)}
 .dsh-workspace-plus-mono{font-family:var(--dsw-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);word-break:break-all}
@@ -263,20 +829,25 @@ window.__ModuleLoader__.load({
 
     ensureStyles()
 
+    // The notice page's stylesheet follows the same one-tag rule; calling it in
+    // the factory body (like the panel sheet above) means the 通知 page needs no
+    // `<style>` element of its own and reloads stay duplicate-free.
+    ensureNoticeStyles()
+
     // -----------------------------------------------------------------------
     // The workspace-directory feature
     // -----------------------------------------------------------------------
 
     /**
-     * The folder-open artwork as an element, so the fallback sidebar entry, the
-     * hint panel, and the dialog's directory picker all draw the same icon the
-     * shell uses on its workspace row.
+     * One glyph built from inlined official artwork. Entries are either a bare
+     * path string or `{ d, opacity }`, so the folder's translucent underlay and
+     * the flat single-path icons share one renderer.
      *
-     * @param props - optional free-form class, and the click handler when the
-     *   glyph is itself a control.
+     * @param props - the artwork to draw, its size, an optional class, and the
+     *   click handler when the glyph is itself a control.
      * @returns the icon element.
      */
-    function FolderGlyph({ size = 16, className = 'dsh-workspace-plus-glyph', onClick }) {
+    function ArtworkGlyph({ artwork, size = 16, className = 'dsh-workspace-plus-glyph', onClick }) {
       return React.createElement(
         'svg',
         {
@@ -290,17 +861,42 @@ window.__ModuleLoader__.load({
           focusable: 'false',
           ...(onClick === undefined ? {} : { onClick }),
         },
-        FOLDER_ARTWORK.map((path, index) =>
-          React.createElement('path', {
+        artwork.map((entry, index) => {
+          const path = typeof entry === 'string' ? { d: entry } : entry
+          return React.createElement('path', {
             key: index,
             d: path.d,
             fill: 'currentColor',
             ...(path.opacity === undefined ? {} : { opacity: path.opacity }),
-          }),
-        ),
+          })
+        }),
       )
     }
 
+    /**
+     * The folder-open artwork as an element, so the fallback sidebar entry, the
+     * hint panel, and the dialog's directory rows all draw the same icon the
+     * shell uses on its workspace row.
+     *
+     * @param props - optional size, free-form class, and the click handler when
+     *   the glyph is itself a control.
+     * @returns the icon element.
+     */
+    function FolderGlyph({ size = 16, className, onClick }) {
+      return React.createElement(ArtworkGlyph, { artwork: FOLDER_ARTWORK, size, className, onClick })
+    }
+
+    /** The row's remove control: the shell's cross. */
+    function CloseGlyph({ size = 16 }) {
+      return React.createElement(ArtworkGlyph, { artwork: CLOSE_ARTWORK, size })
+    }
+
+    /** The add row's leading glyph: the shell's plus. */
+    function PlusGlyph({ size = 16 }) {
+      return React.createElement(ArtworkGlyph, { artwork: PLUS_ARTWORK, size })
+    }
+
+
     /**
      * The directory glyph, shared by the fallback sidebar entry and the hint
      * panel. It draws the same official artwork as the injected row button, so
@@ -511,12 +1107,18 @@ window.__ModuleLoader__.load({
     }
 
     /**
-     * Whether the feature runs for one workspace id. A row whose workspace is not
-     * in the snapshot yet keeps its entry point: hiding it on a guess would remove
-     * the UI from a perfectly ordinary workspace.
+     * Whether workspace+ runs for one workspace id.
+     *
+     * This is the host's own switch (`settings.workspaceEnabled`, with the
+     * default Workspace falling back to `defaultWorkspaceSetting`); the host
+     * gates prompt-context injection and the `workspace_dirs` tool on it. On the
+     * browser side it only chooses how the row button is presented — normal or
+     * switched-off — because the button itself is present everywhere. A
+     * workspace the snapshot does not know yet counts as enabled: guessing
+     * "off" would mislabel a perfectly ordinary row.
      *
      * @param workspaceId - the id taken from the row's `data-row-key`.
-     * @returns true when the row should carry the directory button.
+     * @returns true when workspace+ is on for that workspace.
      */
     function isEnabledWorkspace(workspaceId) {
       const workspace = hostState.workspaces.find((candidate) => candidate.id === workspaceId)
@@ -548,6 +1150,23 @@ window.__ModuleLoader__.load({
      */
     const SOURCE_NAME = 'workspace-plus'
 
+    /**
+     * Where this group sits in the `@` menu.
+     *
+     * The pipeline sorts the roster for one trigger by `InputTriggerSource.order`
+     * — lower first, `?? 0` when absent, and `Array.prototype.sort` is stable, so
+     * every source that omits the field ties at 0 and keeps registration order.
+     * That is exactly why this plugin used to land last: it is materialized after
+     * the shell's own plugins, and the product's `@` groups are `reference` (0)
+     * and `subagent` (0), with `cordis` at 1. Declaring a value below zero is the
+     * only way an add-on can precede them, and `-10` leaves the product room for a
+     * group or two ahead of 0 without this one having to be re-tuned.
+     *
+     * The labels are the ones this workspace is actually navigated by, so they
+     * belong at the top of the menu rather than under the file tree.
+     */
+    const SOURCE_ORDER = -10
+
     /** Section heading of the group's rows, standing in for the pipeline's group title. */
     const SOURCE_SECTION = '工作区目录'
 
@@ -642,6 +1261,8 @@ window.__ModuleLoader__.load({
       return {
         trigger: '@',
         name: SOURCE_NAME,
+        // Sorting key of the `@` roster; see SOURCE_ORDER for why it is negative.
+        order: SOURCE_ORDER,
         // The pipeline's group title would be an untranslated key; each row
         // carries its own section heading instead.
         showGroupTitle: false,
@@ -875,7 +1496,13 @@ window.__ModuleLoader__.load({
     }
 
     /**
-     * One registered directory row.
+     * One registered directory row: glyph, label, absolute path, optional note,
+     * the outside-the-root badge, and the remove control.
+     *
+     * The remove control is the shell's own cross rather than a labelled button:
+     * every row carries one, and a word repeated down the list is what made the
+     * earlier table read as a form instead of a list. Its accessible name still
+     * says exactly what it removes.
      *
      * @param props - the row's directory, its workspace root, and the remove handler.
      * @returns the row element.
@@ -885,14 +1512,28 @@ window.__ModuleLoader__.load({
       return React.createElement(
         'div',
         { className: 'dsh-workspace-plus-row' },
-        React.createElement('span', { className: 'dsh-workspace-plus-row-tag' }, dir.label),
+        React.createElement(
+          'span',
+          { className: 'dsh-workspace-plus-field-glyph' },
+          React.createElement(FolderGlyph, { size: 16 }),
+        ),
+        React.createElement('span', { className: 'dsh-workspace-plus-row-tag', title: dir.label }, dir.label),
         React.createElement('span', { className: 'dsh-workspace-plus-row-path', title: dir.path }, dir.path),
-        dir.note === undefined ? null : React.createElement('span', { className: 'dsh-workspace-plus-row-note' }, dir.note),
+        dir.note === undefined
+          ? null
+          : React.createElement('span', { className: 'dsh-workspace-plus-row-note', title: dir.note }, dir.note),
         outside ? React.createElement(OutsideBadge) : null,
         React.createElement(
-          Button,
-          { variant: 'outline', size: 'sm', disabled, onClick: () => onRemove(dir.label) },
-          '删除',
+          'button',
+          {
+            type: 'button',
+            className: 'dsh-workspace-plus-remove',
+            disabled,
+            'aria-label': '移除 ' + dir.label,
+            title: '移除 ' + dir.label,
+            onClick: () => onRemove(dir.label),
+          },
+          React.createElement(CloseGlyph, { size: 16 }),
         ),
       )
     }
@@ -1053,44 +1694,181 @@ window.__ModuleLoader__.load({
         }
       }
 
-      const toolbar = React.createElement(
-        'div',
-        { className: 'dsh-workspace-plus-toolbar' },
-        React.createElement('span', { className: 'dsh-workspace-plus-label' }, '工作区'),
-        state.locked
-          ? React.createElement('span', { className: 'dsh-workspace-plus-locked' }, selected?.title || selected?.path || '')
+      /**
+       * The dialog's blocks, in reading order. Every one of them is a bordered
+       * surface with the row grid inside, so the dialog reads as one column of
+       * like things rather than a toolbar, a table and a form stacked on top of
+       * each other.
+       */
+      const identity =
+        selected === null
+          ? null
           : React.createElement(
-              'select',
-              {
-                className: 'dsh-workspace-plus-select',
-                value: state.selected ?? '',
-                disabled: state.workspaces.length === 0,
-                'aria-label': '选择工作区',
-                onChange: (event) => patch({ selected: event.target.value === '' ? null : event.target.value }),
-              },
-              state.workspaces.length === 0
-                ? React.createElement('option', { value: '' }, '（没有可用工作区）')
-                : state.workspaces.map((workspace) =>
-                    React.createElement(
-                      'option',
-                      { key: workspace.id, value: workspace.path },
-                      (workspace.title || workspace.path) + ' — ' + workspace.path,
-                    ),
+              'div',
+              { className: 'dsh-workspace-plus-field' },
+              React.createElement(
+                'span',
+                { className: 'dsh-workspace-plus-field-glyph' },
+                React.createElement(FolderGlyph, { size: 16 }),
+              ),
+              state.locked
+                ? React.createElement(
+                    'span',
+                    { className: 'dsh-workspace-plus-field-title', title: selected.title || selected.path },
+                    selected.title || selected.path,
+                  )
+                : React.createElement(
+                    'select',
+                    {
+                      className: 'dsh-workspace-plus-select',
+                      value: state.selected ?? '',
+                      disabled: state.workspaces.length === 0,
+                      'aria-label': '选择工作区',
+                      onChange: (event) => patch({ selected: event.target.value === '' ? null : event.target.value }),
+                    },
+                    state.workspaces.length === 0
+                      ? React.createElement('option', { value: '' }, '（没有可用工作区）')
+                      : state.workspaces.map((workspace) =>
+                          React.createElement(
+                            'option',
+                            { key: workspace.id, value: workspace.path },
+                            (workspace.title || workspace.path) + ' — ' + workspace.path,
+                          ),
+                        ),
                   ),
+              // The trigger names the workspace, so the locked row also says which
+              // root its labels resolve against.
+              state.locked
+                ? React.createElement(
+                    'span',
+                    { className: 'dsh-workspace-plus-field-root', title: selected.path },
+                    selected.path,
+                  )
+                : null,
+            )
+
+      const sectionLabel = React.createElement('div', { className: 'dsh-workspace-plus-section' }, '目录')
+
+      const listBlock = (...children) =>
+        React.createElement('div', { className: 'dsh-workspace-plus-list' }, ...children)
+
+      const emptyRow = (text) =>
+        React.createElement('div', { className: 'dsh-workspace-plus-field-row dsh-workspace-plus-empty' }, text)
+
+      const noticeBlock = (variant, ...children) =>
+        React.createElement(
+          'div',
+          {
+            className:
+              'dsh-workspace-plus-notice' +
+              (variant === '' || variant === undefined ? '' : ' dsh-workspace-plus-notice-' + variant),
+          },
+          ...children,
+        )
+
+      /**
+       * The add group. Its row IS the picker — there is no path to type into — and
+       * the label/note row appears only once a directory has been chosen, so an
+       * idle dialog is a list plus one row, not a form with two empty fields.
+       */
+      const addGroup = React.createElement(
+        'div',
+        { className: 'dsh-workspace-plus-list' },
+        React.createElement(
+          'button',
+          {
+            type: 'button',
+            className: 'dsh-workspace-plus-field-row dsh-workspace-plus-add',
+            disabled: selected === null || state.busy || picking || !pickerAvailable,
+            'aria-label': '选择目录',
+            title: pickerAvailable
+              ? '打开目录选择器'
+              : '当前页面没有挂载 ui-workspace，目录选择器不可用；可在对话里用 workspace_dirs 登记',
+            onClick: () => void browse(),
+          },
+          React.createElement(
+            'span',
+            { className: 'dsh-workspace-plus-field-glyph' },
+            React.createElement(PlusGlyph, { size: 16 }),
+          ),
+          React.createElement(
+            'span',
+            {
+              className:
+                draft.path === ''
+                  ? 'dsh-workspace-plus-add-text'
+                  : 'dsh-workspace-plus-add-text dsh-workspace-plus-add-path',
+              ...(draft.path === '' ? {} : { title: draft.path }),
+            },
+            picking ? '选择中…' : draft.path === '' ? '添加目录' : draft.path,
+          ),
+        ),
+        draft.path === ''
+          ? null
+          : React.createElement(
+              'div',
+              { className: 'dsh-workspace-plus-field-row dsh-workspace-plus-draft' },
+              React.createElement('input', {
+                className: 'dsh-workspace-plus-input dsh-workspace-plus-input-label',
+                placeholder: '标签，如 backend',
+                'aria-label': '标签',
+                value: draft.label,
+                disabled: state.busy,
+                onChange: (event) => setDraft({ ...draft, label: event.target.value }),
+              }),
+              React.createElement('input', {
+                className: 'dsh-workspace-plus-input dsh-workspace-plus-input-note',
+                placeholder: '说明（可选）',
+                'aria-label': '说明',
+                value: draft.note,
+                disabled: state.busy,
+                onChange: (event) => setDraft({ ...draft, note: event.target.value }),
+              }),
+              React.createElement(
+                Button,
+                {
+                  variant: 'primary',
+                  className: 'dsh-workspace-plus-submit',
+                  disabled: state.busy || draft.path === '',
+                  onClick: () => void addDirectory(),
+                },
+                '添加',
+              ),
             ),
-        state.locked
-          ? React.createElement('span', { className: 'dsh-workspace-plus-note dsh-workspace-plus-mono' }, selected?.path ?? '')
-          : null,
       )
 
-      const body = (() => {
-        if (state.status === 'loading') {
-          return React.createElement(
-            'div',
-            { className: 'dsh-workspace-plus-list' },
-            React.createElement('div', { className: 'dsh-workspace-plus-empty' }, '正在读取 host…'),
-          )
-        }
+      // The switch that turned this workspace off is on the settings page, not
+      // here, so the state is stated where the user is already looking.
+      const disabledNotice =
+        selected === null || selected.enabled !== false
+          ? null
+          : noticeBlock(
+              'warn',
+              React.createElement(
+                'div',
+                { className: 'dsh-workspace-plus-off' },
+                '这个工作区已在 workspace+ 里停用：标签不会注入对话，workspace_dirs 工具也会拒绝操作。' +
+                  '到 设置 → workspace+ 打开它的开关即可恢复。',
+              ),
+            )
+
+      // The host's own sentence about what it just did — the only status copy the
+      // dialog shows, and only while it is true. A failed read is not repeated
+      // here: its notice above already says it, at length.
+      const statusLine =
+        state.status === 'error' || state.message === ''
+          ? null
+          : React.createElement(
+              'div',
+              {
+                className:
+                  'dsh-workspace-plus-status ' +
+                  (state.ok === false ? 'dsh-workspace-plus-error' : 'dsh-workspace-plus-ok'),
+              },
+              state.message,
+            )
+
+      const bodyBlocks = (() => {
         if (state.status === 'error') {
           const unauthorized = state.message.includes('401')
           const unrouted = state.message.includes('404')
@@ -1113,12 +1891,9 @@ window.__ModuleLoader__.load({
               : '这个面板通过 ' +
                 API_PATH +
                 ' 与宿主进程通信，而当前页面没有可用的 HTTP 通道（例如页面不是 dsh 提供的、或宿主进程还没起来）。'
-          return React.createElement(
-            'div',
-            { className: 'dsh-workspace-plus-list' },
-            React.createElement(
-              'div',
-              { className: 'dsh-workspace-plus-empty' },
+          return [
+            noticeBlock(
+              'error',
               React.createElement('div', { className: 'dsh-workspace-plus-error' }, '无法连接 host 接口：' + state.message),
               React.createElement('div', { className: 'dsh-workspace-plus-note' }, diagnosis),
               React.createElement(
@@ -1127,128 +1902,53 @@ window.__ModuleLoader__.load({
                 '宿主半加载之后，映射也可以在对话里用 workspace_dirs 工具管理。',
               ),
             ),
-          )
+          ]
         }
         if (!state.registryAvailable) {
-          return React.createElement(
-            'div',
-            { className: 'dsh-workspace-plus-list' },
-            React.createElement(
-              'div',
-              { className: 'dsh-workspace-plus-empty' },
-              '宿主进程没有加载 workspace 注册表，无法列出工作区。请在对话里用 workspace_dirs 工具按绝对路径管理标签。',
+          return [
+            noticeBlock(
+              '',
+              React.createElement(
+                'div',
+                { className: 'dsh-workspace-plus-note' },
+                '宿主进程没有加载 workspace 注册表，无法列出工作区。请在对话里用 workspace_dirs 工具按绝对路径管理标签。',
+              ),
             ),
-          )
+          ]
         }
-        if (selected === null) {
-          return React.createElement(
-            'div',
-            { className: 'dsh-workspace-plus-list' },
-            React.createElement('div', { className: 'dsh-workspace-plus-empty' }, '还没有任何工作区。先在左侧边栏新建一个工作区，再回到这里登记目录。'),
-          )
+        if (state.status === 'loading') {
+          return [sectionLabel, listBlock(emptyRow('正在读取…'))]
         }
-        return React.createElement(
-          'div',
-          { className: 'dsh-workspace-plus-list' },
-          dirs.length === 0
-            ? React.createElement('div', { className: 'dsh-workspace-plus-empty' }, '这个工作区还没有登记额外目录。用下面的表单添加第一个标签。')
-            : dirs.map((dir) =>
-                React.createElement(DirectoryRow, {
-                  key: dir.label,
-                  dir,
-                  workspacePath: selected.path,
-                  disabled: state.busy,
-                  onRemove: (label) => void removeDirectory(label),
-                }),
+        if (selected === null) {
+          return [
+            noticeBlock(
+              '',
+              React.createElement(
+                'div',
+                { className: 'dsh-workspace-plus-note' },
+                '还没有任何工作区。先在左侧边栏新建一个工作区，再回到这里登记目录。',
               ),
+            ),
+          ]
+        }
+        const rows = dirs.map((dir) =>
+          React.createElement(DirectoryRow, {
+            key: dir.label,
+            dir,
+            workspacePath: selected.path,
+            disabled: state.busy,
+            onRemove: (label) => void removeDirectory(label),
+          }),
         )
+        return [
+          sectionLabel,
+          listBlock(...(rows.length === 0 ? [emptyRow('还没有登记目录')] : rows)),
+          addGroup,
+        ]
       })()
 
-      /**
-       * The path field is a control, not an input: there is no typing path into
-       * the mapping, only the shell's directory picker. Clicking the field IS the
-       * picker, the chosen directory is shown in it, and the label row below
-       * collects the name that the conversation will use.
-       */
-      const pathField = React.createElement(
-        'button',
-        {
-          type: 'button',
-          className: 'dsh-workspace-plus-path',
-          disabled: selected === null || state.busy || picking || !pickerAvailable,
-          'aria-label': '选择目录',
-          title: pickerAvailable
-            ? '打开目录选择器'
-            : '当前页面没有挂载 ui-workspace，目录选择器不可用；可在对话里用 workspace_dirs 登记',
-          onClick: () => void browse(),
-        },
-        React.createElement(
-          'span',
-          { className: 'dsh-workspace-plus-path-glyph' },
-          React.createElement(FolderGlyph, { size: 16 }),
-        ),
-        React.createElement(
-          'span',
-          { className: draft.path === '' ? 'dsh-workspace-plus-path-empty' : 'dsh-workspace-plus-row-path' },
-          picking ? '选择中…' : draft.path === '' ? '选择目录…' : draft.path,
-        ),
-      )
-
-      const form = React.createElement(
-        'div',
-        { className: 'dsh-workspace-plus-form' },
-        pathField,
-        React.createElement(
-          'div',
-          { className: 'dsh-workspace-plus-form-row' },
-          React.createElement('input', {
-            className: 'dsh-workspace-plus-input dsh-workspace-plus-input-label',
-            placeholder: '标签，如 backend',
-            'aria-label': '标签',
-            value: draft.label,
-            disabled: selected === null || state.busy,
-            onChange: (event) => setDraft({ ...draft, label: event.target.value }),
-          }),
-          React.createElement('input', {
-            className: 'dsh-workspace-plus-input dsh-workspace-plus-input-note',
-            placeholder: '说明（可选）',
-            'aria-label': '说明',
-            value: draft.note,
-            disabled: selected === null || state.busy,
-            onChange: (event) => setDraft({ ...draft, note: event.target.value }),
-          }),
-          React.createElement(
-            Button,
-            {
-              variant: 'primary',
-              className: 'dsh-workspace-plus-submit',
-              disabled: selected === null || state.busy || draft.path === '',
-              onClick: () => void addDirectory(),
-            },
-            '添加',
-          ),
-        ),
-      )
-
-      const status = React.createElement(
-        'div',
-        { className: 'dsh-workspace-plus-toolbar' },
-        state.message === ''
-          ? null
-          : React.createElement(
-              'span',
-              { className: state.ok === false ? 'dsh-workspace-plus-error' : 'dsh-workspace-plus-ok' },
-              state.message,
-            ),
-        // The locked header already names the root; only the unlocked picker needs it repeated.
-        state.locked || selected === null
-          ? null
-          : React.createElement(
-              'span',
-              { className: 'dsh-workspace-plus-note' },
-              '根目录：',
-              React.createElement('span', { className: 'dsh-workspace-plus-mono' }, selected.path),
-            ),
+      const blocks = [identity, ...bodyBlocks, disabledNotice, statusLine].filter(
+        (block) => block !== null && block !== undefined,
       )
 
       return React.createElement(
@@ -1259,21 +1959,22 @@ window.__ModuleLoader__.load({
           title: '工作区目录设置',
           closeLabel: '关闭',
           // The card is wider than the shell's 380px default: a row carries a
-          // label, an absolute path, a note and a badge, and the add form wants
-          // two fields plus its action on one line.
+          // label, an absolute path, a note and a badge.
           className: 'dsh-workspace-plus-dialog-card',
+          // Secondary action left, primary right — the same split the shell's own
+          // product dialogs use, so the footer reads without a second look.
           footer: React.createElement(
-            React.Fragment,
-            null,
+            'div',
+            { className: 'dsh-workspace-plus-footer' },
             React.createElement(
               Button,
-              { variant: 'outline', disabled: state.busy, onClick: () => void load(requestedId) },
+              { variant: 'ghost', disabled: state.busy, onClick: () => void load(requestedId) },
               '刷新',
             ),
             React.createElement(Button, { variant: 'primary', onClick: closeWorkdirsDialog }, '完成'),
           ),
         },
-        React.createElement('div', { className: 'dsh-workspace-plus-dialog' }, toolbar, status, body, form),
+        React.createElement('div', { className: 'dsh-workspace-plus-dialog' }, ...blocks),
       )
     }
 
@@ -1281,9 +1982,11 @@ window.__ModuleLoader__.load({
      * The `workspace+` settings page, registered into `settings.section`.
      *
      * It owns one preference per workspace: whether the feature runs there. That
-     * single switch covers all three surfaces at once — the workspace row button,
-     * the label table injected into that workspace's conversations, and the
-     * `workspace_dirs` tool.
+     * single switch covers the two surfaces the feature itself drives — the label
+     * table injected into that workspace's conversations and the `workspace_dirs`
+     * tool. It deliberately does NOT cover the workspace row button: every row
+     * keeps its management entry point, so a switched-off workspace can still be
+     * inspected (and understood) instead of silently losing its only way in.
      *
      * Every workspace defaults to on except the default (first-use) one, which
      * belongs to the product rather than to this plugin and therefore starts off.
@@ -1467,9 +2170,9 @@ window.__ModuleLoader__.load({
         React.createElement(
           'div',
           { className: 'dsh-workspace-plus-settings-description' },
-          '按工作区启用：开关控制这个工作区的行内目录按钮、注入它对话上下文的标签表，以及 ',
+          '按工作区启用：开关控制注入这个工作区对话上下文的标签表，以及 ',
           React.createElement('span', { className: 'dsh-workspace-plus-mono' }, 'workspace_dirs'),
-          ' 工具。关掉不会删除已登记的标签。',
+          ' 工具。关掉不会删除已登记的标签，也不会收走工作区行上的目录按钮——那个按钮在任何工作区都能打开弹窗。',
         ),
         workspaceList,
         atLine,
@@ -1528,6 +2231,14 @@ window.__ModuleLoader__.load({
      * re-insert its own children around ours — so the position is re-asserted on
      * every reconcile pass rather than set once at creation.
      *
+     * Re-assert only when the seat actually moved: `insertBefore` on a node that
+     * is already exactly where it belongs still detaches and re-attaches it, and
+     * a real pointer press that spans such a re-seat never becomes a click — the
+     * browser drops the click because the press target was not connected when the
+     * pointer was released. Reconcile runs on every DOM mutation in the frame, so
+     * that detach used to land inside almost every press and the button was
+     * unclickable while still looking (and hit-testing) perfectly fine.
+     *
      * @param actions - the row's action cluster.
      * @param button - this plugin's button.
      */
@@ -1535,9 +2246,32 @@ window.__ModuleLoader__.load({
       const last = actions.lastElementChild
       if (last === button) return
       const anchor = actions.children.length > 1 ? last : null
+      if (button.parentElement === actions && button.nextElementSibling === anchor) return
       actions.insertBefore(button, anchor)
     }
 
+    /**
+     * Paint one row button with the switch state of its workspace.
+     *
+     * The button exists for every workspace, so this is also the only place the
+     * switched-off state is visible on the row: the marker class dims the glyph
+     * and the label says why, while the click still opens the dialog — which is
+     * where those labels live and where the user decides what to do next.
+     *
+     * Idempotent, so the reconcile pass can call it on every button it already
+     * owns without touching the DOM when nothing changed.
+     *
+     * @param button - this plugin's button on that row.
+     * @param workspaceId - the id taken from the row's `data-row-key`.
+     */
+    function markRowButton(button, workspaceId) {
+      const enabled = isEnabledWorkspace(workspaceId)
+      const label = enabled ? ROW_BUTTON_LABEL : ROW_BUTTON_LABEL_OFF
+      button.classList.toggle(ROW_BUTTON_OFF_CLASS, !enabled)
+      if (button.title !== label) button.title = label
+      if (button.getAttribute('aria-label') !== label) button.setAttribute('aria-label', label)
+    }
+
     /**
      * Insert the directory button into every workspace row and keep it there.
      *
@@ -1551,9 +2285,16 @@ window.__ModuleLoader__.load({
      * A MutationObserver reconciles additions, removals, and position, because
      * React re-renders the row without knowing this node exists.
      *
-     * A workspace whose `enabled` flag is false (the default Workspace before the
-     * user turns its switch on) gets no button, and loses one if it is disabled
-     * while mounted — `refresh()` re-runs the reconcile after a settings change.
+     * Every real workspace row carries the button, including one whose `enabled`
+     * flag is false (the default Workspace before the user turns its switch on,
+     * or a workspace the user switched off). The switch governs whether the
+     * label table runs for that workspace — context injection and the
+     * `workspace_dirs` tool — never whether its management UI can be reached:
+     * the dialog is the only place those labels can be read, and the settings
+     * page is the only place the switch can be flipped, so hiding the trigger
+     * would strand both. A switched-off workspace only changes the button's
+     * tooltip and draws it dimmed, and `refresh()` re-reads the state after a
+     * settings change.
      *
      * @param options - the availability callback, fired when the injected count changes.
      * @returns `{ dispose, available, refresh }`.
@@ -1584,7 +2325,7 @@ window.__ModuleLoader__.load({
         const live = new Set(rows)
         for (const [row, button] of [...injected]) {
           const workspaceId = (row.getAttribute('data-row-key') ?? '').slice(ROW_KEY_PREFIX.length)
-          const stillWanted = live.has(row) && row.isConnected && workspaceId !== '' && isEnabledWorkspace(workspaceId)
+          const stillWanted = live.has(row) && row.isConnected && workspaceId !== ''
           if (stillWanted) continue
           button.remove()
           injected.delete(row)
@@ -1593,14 +2334,13 @@ window.__ModuleLoader__.load({
           const workspaceId = (row.getAttribute('data-row-key') ?? '').slice(ROW_KEY_PREFIX.length)
           // The synthetic "ungrouped" row carries the empty key and owns no workspace.
           if (workspaceId === '') continue
-          // A switched-off workspace gets no entry point at all.
-          if (!isEnabledWorkspace(workspaceId)) continue
           const actions = row.lastElementChild
           if (actions === null || actions === undefined) continue
           const existing = injected.get(row)
           if (existing !== undefined && existing.isConnected) {
-            // Already there: only its seat may have moved.
+            // Already there: only its seat and its switch state may have moved.
             seatRowButton(actions, existing)
+            markRowButton(existing, workspaceId)
             continue
           }
           const button = document.createElement('button')
@@ -1609,12 +2349,35 @@ window.__ModuleLoader__.load({
           button.title = ROW_BUTTON_LABEL
           button.setAttribute('aria-label', ROW_BUTTON_LABEL)
           button.innerHTML = ROW_BUTTON_GLYPH
-          button.addEventListener('click', (event) => {
-            // Keep the click off the row, whose own handler toggles the group.
+          /**
+           * Open the dialog for the row the button currently sits on. The key is
+           * read here rather than captured, because the button outlives a row
+           * whose key changes.
+           */
+          const activate = (event) => {
+            // Keep the activation off the row, whose own handler toggles the group.
             event.preventDefault()
             event.stopPropagation()
-            openWorkdirsDialog(workspaceId)
+            const current = (row.getAttribute('data-row-key') ?? '').slice(ROW_KEY_PREFIX.length)
+            openWorkdirsDialog(current === '' ? null : current)
+          }
+          button.addEventListener('click', activate)
+          /**
+           * A press can still lose its click when the shell's React replaces part
+           * of the row mid-press (the browser then drops the click, because the
+           * press target is no longer connected at release). The release itself
+           * always arrives, so it opens the same dialog; a following click is a
+           * no-op because the store ignores a repeated identical open.
+           *
+           * Touch is excluded: a scroll-drag that happens to start on this 16px
+           * button delivers its release here through implicit pointer capture,
+           * and opening the dialog then would be wrong. Taps still open it
+           * through the click that follows.
+           */
+          button.addEventListener('pointerup', (event) => {
+            if (event.button === 0 && event.pointerType !== 'touch') activate(event)
           })
+          markRowButton(button, workspaceId)
           seatRowButton(actions, button)
           injected.set(row, button)
         }
@@ -1660,7 +2423,9 @@ window.__ModuleLoader__.load({
 
     /**
      * Contribute the `workspace+` settings page, the directory dialog, its
-     * fallback entry, and the workspace-row buttons that open it.
+     * fallback entry, and the workspace-row buttons that open it — plus the two
+     * client faces of the 通知 sub-feature (its settings page and the
+     * pending-open poll behind notification clicks).
      *
      * Every registration goes through `ctx.slots.inject(key, callback)`: the
      * callback runs as soon as the shell declares that slot (immediately when it
@@ -1687,6 +2452,33 @@ window.__ModuleLoader__.load({
         'dsh-workspace-plus: settings section',
       )
 
+      // The 通知 sub-feature. Both faces are guarded by `registerNotice`: a
+      // failure is reported and skipped instead of failing the fiber, because
+      // the shell's boot audit treats every non-ACTIVE entry as fatal and the
+      // workspace+ features must survive a notice-side mistake. The poll runs
+      // unconditionally — clicking an older notification must still open the
+      // conversation even while the notice ROW is off (its host half answers
+      // 404, the poll backs off quietly). The settings page lives in the same
+      // slot with the id/order dsh-notice used, so it reads as the same page.
+      registerNotice(ctx, '通知轮询', () => ctx.effect(() => startNoticePendingPoll(ctx), 'dsh-workspace-plus/notice: pending open poll'))
+      registerNotice(ctx, '通知设置页', () =>
+        ctx.effect(
+          () =>
+            ctx.slots.inject('settings.section', () =>
+              ctx.slots.register(
+                {
+                  name: 'settings.section',
+                  id: NOTICE_SETTINGS_SECTION_ID,
+                  order: NOTICE_SETTINGS_SECTION_ORDER,
+                  label: NOTICE_SETTINGS_SECTION_LABEL,
+                },
+                NoticeSettings,
+              ),
+            ),
+          'dsh-workspace-plus/notice: settings section',
+        ),
+      )
+
       // The dialog lives in the frame-wide overlay: the same seat the shell's own
       // workspace Rename/Delete dialogs occupy.
       ctx.effect(
@@ -1802,9 +2594,9 @@ window.__ModuleLoader__.load({
         },
       })
 
-      // Warm the shared snapshot at boot and keep the row button in step with the
-      // settings: a switch flipped in the settings page adds or removes it without
-      // a reload.
+      // Warm the shared snapshot at boot and keep every row button in step with
+      // the settings: a switch flipped in the settings page re-marks its button
+      // (dimmed, with the reason in its tooltip) without a reload.
       const offHostState = subscribeHostState(() => rowButtons.refresh())
       void refreshHostState()
 
@@ -1823,11 +2615,27 @@ window.__ModuleLoader__.load({
     exports.SETTINGS_SECTION_ID = SETTINGS_SECTION_ID
     exports.SETTINGS_SECTION_LABEL = SETTINGS_SECTION_LABEL
     exports.SETTINGS_SECTION_ORDER = SETTINGS_SECTION_ORDER
+    exports.NOTICE_SETTINGS_SECTION_ID = NOTICE_SETTINGS_SECTION_ID
+    exports.NOTICE_SETTINGS_SECTION_LABEL = NOTICE_SETTINGS_SECTION_LABEL
+    exports.NOTICE_SETTINGS_SECTION_ORDER = NOTICE_SETTINGS_SECTION_ORDER
+    exports.NOTICE_API_PATH = NOTICE_API_PATH
+    exports.NOTICE_PENDING_PATH = NOTICE_PENDING_PATH
+    exports.NOTICE_POLL_INTERVAL_MS = NOTICE_POLL_INTERVAL_MS
+    exports.NOTICE_POLL_RETRY_MS = NOTICE_POLL_RETRY_MS
+    exports.fetchNoticeSnapshot = fetchNoticeSnapshot
+    exports.postNoticeOperation = postNoticeOperation
+    exports.NoticeSwitchRow = NoticeSwitchRow
+    exports.NoticeSettings = NoticeSettings
+    exports.startNoticePendingPoll = startNoticePendingPoll
+    exports.registerNotice = registerNotice
+    exports.ensureNoticeStyles = ensureNoticeStyles
     exports.DEFAULT_WORKSPACE_SETTING = DEFAULT_WORKSPACE_SETTING
     exports.WORKSPACE_ENABLED_SETTING = WORKSPACE_ENABLED_SETTING
     exports.API_PATH = API_PATH
     exports.ROW_BUTTON_CLASS = ROW_BUTTON_CLASS
+    exports.ROW_BUTTON_OFF_CLASS = ROW_BUTTON_OFF_CLASS
     exports.ROW_BUTTON_LABEL = ROW_BUTTON_LABEL
+    exports.ROW_BUTTON_LABEL_OFF = ROW_BUTTON_LABEL_OFF
     exports.SIDEBAR_SLOT_SELECTOR = SIDEBAR_SLOT_SELECTOR
     exports.WORKSPACE_ROW_SELECTOR = WORKSPACE_ROW_SELECTOR
     exports.FALLBACK_SETTLE_MS = FALLBACK_SETTLE_MS
@@ -1855,6 +2663,7 @@ window.__ModuleLoader__.load({
     exports.pickErrorMessage = pickErrorMessage
     exports.installWorkspaceRowButtons = installWorkspaceRowButtons
     exports.seatRowButton = seatRowButton
+    exports.markRowButton = markRowButton
     exports.WorkdirsPanelIcon = WorkdirsPanelIcon
     exports.WorkdirsEntryIcon = WorkdirsEntryIcon
     exports.WorkdirsDialog = WorkdirsDialog