@zq-silk/yui 2.15.0 → 2.17.0

package/dist/web/assets/client/i18n/zh-CN.js

@@ -64,6 +64,9 @@ export const ZH_CN = {
     "jobs.category.ordinary": "普通任务",
     "jobs.category.job": "Job 执行任务",
     "jobs.category.all": "全部任务",
+    "jobs.categoryShort.ordinary": "普通",
+    "jobs.categoryShort.job": "Job",
+    "jobs.categoryShort.all": "全部",
     "jobs.recentSuccess": "最近成功的 Run",
     "jobs.diagnostics": "执行诊断",
     "jobs.artifacts": "已登记固定产物",
@@ -144,6 +147,9 @@ export const ZH_CN = {
     "models.window.monthly": "每月",
     "manage.nav": "主导航",
     "manage.workbench": "工作台",
+    "manage.sections": "分区",
+    "manage.collapseSections": "收起分区列表",
+    "manage.showSections": "展开分区列表",
     "settings.section.preferences": "偏好设置",
     "settings.section.skills": "Skill",
     "settings.section.server": "Agent 与服务",
@@ -440,6 +446,8 @@ export const ZH_CN = {
     "sidebar.workItems": "工作项",
     "sidebar.resize": "调整任务列表宽度",
     "sidebar.resizeHint": "拖拽调整宽度 · 双击恢复默认",
+    "sidebar.collapse": "收起任务列表",
+    "sidebar.show": "展开任务列表",
     "search.label": "搜索任务",
     "bodySearch.title": "搜索任务正文",
     "bodySearch.query": "查找正文",
@@ -501,7 +509,6 @@ export const ZH_CN = {
     "catalog.help.executionSignals": "需要检查的运行、未完成工作和恢复信号；不代表失败",
     "actions.refresh": "刷新",
     "actions.operator": "Operator",
-    "actions.back": "返回任务列表",
     "actions.close": "关闭",
     "actions.answer": "回答",
     "actions.save": "保存",
@@ -554,6 +561,7 @@ export const ZH_CN = {
     "shortcut.refresh": "刷新",
     "shortcut.dock": "显示或隐藏会话面板",
     "shortcut.operator": "Operator 会话",
+    "shortcut.sidebar": "显示或隐藏任务列表",
     "shortcut.tabs": "切换任务分区",
     "shortcut.escape": "关闭面板／离开任务",
     "loading.dashboard": "正在读取本地状态…",
@@ -568,7 +576,6 @@ export const ZH_CN = {
     "common.notReported": "未上报",
     "detail.unobserved": "未知",
     "detail.partial": "部分",
-    "overview.kicker": "工作区",
     "overview.title": "总览",
     "overview.sub": "{total} 个任务 · {active} 个进行中",
     "overview.inbox": "等待你回答",
@@ -600,7 +607,6 @@ export const ZH_CN = {
     "metrics.completed": "已完成",
     "metrics.total": "总数",
     "crumbs.label": "路径",
-    "crumbs.tasks": "任务",
     "task.updated": "更新于",
     "tabs.label": "任务分区",
     "tabs.overview": "概览",
@@ -851,10 +857,7 @@ export const ZH_CN = {
     "store.job": "操作",
     "dock.label": "会话面板",
     "dock.discussion": "讨论",
-    "dock.session": "终端",
     "conversation.title": "会话",
-    "conversation.defaultMode": "默认展示",
-    "conversation.defaultSaved": "已保存为此浏览器今后打开时的默认展示；当前视图和 Session 未切换。",
     "conversation.nativeRequest": "Codex 原生请求",
     "conversation.nativeOmitted": "更多或较大的原生请求请在终端处理。",
     "conversation.leaderQuestions": "Leader 问题 · Task 输入通道",
@@ -870,15 +873,22 @@ export const ZH_CN = {
     "conversation.input": "发送到选中的会话",
     "conversation.send": "发送",
     "conversation.model": "当前会话模型",
-    "conversation.modelsLoad": "读取可用模型",
-    "conversation.modelApply": "空闲时采用",
-    "conversation.launchModel": "固定启动请求",
-    "conversation.confirmedModel": "最近原生确认",
+    "conversation.modelsLoad": "重新加载",
+    "conversation.modelApply": "应用选择",
+    "conversation.selectedModel": "选中模型",
+    "conversation.modelNotSelected": "请选择",
+    "conversation.modelsLoading": "正在加载模型…",
+    "conversation.modelsFailed": "模型列表读取失败，请重新加载。",
+    "conversation.modelsEmpty": "暂无可用模型",
+    "conversation.modelBusy": "当前正在执行，结束后可应用选择。",
+    "conversation.modelTerminalBusy": "请先在原生终端退出 Codex，再应用选择。仅关闭终端面板不会退出。",
+    "conversation.launchModel": "启动配置",
+    "conversation.confirmedModel": "当前执行模型",
     "conversation.modelBoundary": "只切换同一 Codex Thread，且必须空闲。不更改角色默认配置或当前轮次。Host 重连会恢复固定启动配置，请重新核对原生确认。不会自动重试。",
-    "conversation.modelApplying": "正在采用模型，等待原生确认…",
-    "conversation.modelConfirmed": "原生已确认当前连接采用该模型。",
-    "conversation.modelFailed": "未采用。请查看原因后再决定是否重试。",
-    "conversation.modelUnknown": "采用结果未确认。请勿重试；查看最近确认，或通过现有生命周期控制明确选择新会话。",
+    "conversation.modelApplying": "正在切换模型…",
+    "conversation.modelConfirmed": "模型已切换",
+    "conversation.modelFailed": "未能切换模型，请确认会话空闲后再试。",
+    "conversation.modelUnknown": "切换结果待确认，暂不可重复提交。",
     "conversation.commands": "支持的命令",
     "conversation.literal": "作为普通文本发送",
     "conversation.command.help": "查看支持的操作",
@@ -889,7 +899,6 @@ export const ZH_CN = {
     "conversation.command.latest": "返回最新消息",
     "conversation.commandHelp": "/help · /status · /model · /stop · /latest。Tab 补全唯一匹配；Ctrl/⌘+Enter 发送。这些是 Yui 操作，不是任意原生 CLI 命令。",
     "conversation.commandUnknown": "不支持此命令。请使用 /help，或明确选择作为普通文本发送。",
-    "conversation.draftSaved": "草稿已保存在当前浏览器标签页 · Ctrl/⌘+Enter 发送",
     "conversation.storageFailed": "浏览器存储不可用。离开前请保留草稿副本。",
     "conversation.receiptDetails": "精确回执",
     "conversation.receipt.sending": "正在发送，不会重复提交…",
@@ -917,13 +926,48 @@ export const ZH_CN = {
     "conversation.empty": "此页没有公开消息，可继续读取更早的历史。",
     "conversation.liveUnavailable": "实时回复观测不可用，仅显示原生历史",
     "conversation.truncated": "长消息仅显示摘要；完整内容请打开原生入口。",
-    "conversation.placeholder": "给当前会话发消息…",
-    "conversation.more": "更多",
+    "conversation.placeholder": "给当前会话发消息…（/ 查看命令）",
     "conversation.copy": "复制",
     "conversation.copied": "已复制",
     "conversation.jump": "回到最新",
     "conversation.selectModel": "选择模型",
     "conversation.worked": "已处理",
+    "conversation.modelConfirmedNote": "{time} 于启动、恢复或切换时确认；非实时读取，外部 Desktop 改动可能未反映",
+    "conversation.modelStateConfirmed": "最近确认",
+    "conversation.modelStatePending": "待应用",
+    "conversation.modelConfirmedShort": "最近原生确认 {time}；非实时",
+    "conversation.details": "会话详情",
+    "conversation.copyIdentity": "复制标识",
+    "conversation.copyFailed": "此浏览器无法复制",
+    "conversation.modelUnconfirmed": "模型未确认",
+    "conversation.modelUnconfirmedHint": "此会话尚无原生确认；不会把启动配置当作当前模型。",
+    "conversation.modelPendingLabel": "应用中",
+    "conversation.modelHistorical": "历史会话不做实时观测。",
+    "conversation.modelNoRead": "尚未报告。",
+    "conversation.effortUnobserved": "未报告推理强度",
+    "conversation.launchNote": "启动时请求；非当前",
+    "conversation.agentDefault": "Agent 默认",
+    "conversation.sendHint": "发送（Ctrl/⌘+Enter）",
+    "conversation.backCurrent": "回到当前会话",
+    "conversation.backCurrentShort": "当前",
+    "conversation.readOnlyHistory": "历史会话 · 只读",
+    "conversation.placeholderHistory": "历史会话只读",
+    "conversation.pendingInput": "等待上一条输入的回执",
+    "conversation.turnUnsettled": "上一条输入的投递尚未确定",
+    "conversation.inputUnavailable": "此会话暂不可输入",
+    "conversation.sessionActive": "运行中",
+    "conversation.sessionEnded": "已结束",
+    "conversation.sessionFailed": "失败",
+    "conversation.previousSessions": "历史",
+    "conversation.noSessionShort": "无会话",
+    "conversation.sessionLabel": "会话",
+    "conversation.sessionId": "会话 ID",
+    "conversation.authority": "执行权",
+    "conversation.agent": "Agent",
+    "conversation.turn": "Turn",
+    "conversation.writer": "输入方",
+    "conversation.stateUnknown": "未知",
+    "conversation.disconnectedShort": "已断开",
     "conversation.activity.commandExecution": "运行",
     "conversation.activity.fileChange": "修改文件",
     "conversation.activity.mcpToolCall": "调用工具",
@@ -932,6 +976,7 @@ export const ZH_CN = {
     "conversation.activity.collabAgentToolCall": "询问其他 Agent",
     "dock.swap": "与任务详情交换位置",
     "dock.hide": "隐藏会话面板",
+    "dock.show": "显示会话面板",
     "dock.resize": "调整会话面板宽度",
     "dock.target": "会话目标",
     "discussion.title": "任务讨论",
@@ -989,13 +1034,19 @@ export const ZH_CN = {
     "terminal.closed": "已分离",
     "terminal.error": "不可用",
     "terminal.errorDetail": "无法打开该原生会话。请确认 Controller 正在运行且该 Role 已有会话。",
-    "terminal.global": "全局",
-    "terminal.noTargets": "暂无 Role",
-    "terminal.emptyTitle": "连接到原生会话",
-    "terminal.emptyText": "在上方选择一个 Role。面板显示该会话的当前画面；连接不会启动或重启 Agent。",
+    "session.mode": "会话视图",
+    "session.modeChat": "聊天",
+    "session.modeTerminal": "终端",
+    "terminal.unavailable": "不可连接",
+    "terminal.noSessionTitle": "没有可连接的会话",
+    "terminal.noSessionText": "该角色还没有可连接的会话；连接不会启动 Agent。",
+    "terminal.notCurrentTitle": "不是当前会话",
+    "terminal.notCurrentText": "终端只能连接当前会话；所选会话已不是当前会话。",
+    "conversation.roleReadOnly": "此角色在这里只读，输入通过其分派控制。",
     "terminal.cliHint": "完整终端",
     "terminal.historyLimited": "这个 Role 的 tmux 历史只有 {current} 行；退出并重新进入后可使用 {target} 行。",
     "global.open": "全局消息",
+    "global.openRole": "给其他 Role 发消息…",
     "global.title": "全局 Role 消息",
     "global.help": "默认排队；取消请求不代表执行已停止。",
     "global.role": "Role",

package/dist/web/assets/client/index.js

@@ -16,6 +16,7 @@ import { DOM_SCRIPT } from "./lib/dom.js";
 import { FORMAT_SCRIPT } from "./lib/format.js";
 import { I18N_SCRIPT } from "./lib/i18n.js";
 import { MARKDOWN_SCRIPT } from "./lib/markdown.js";
+import { MOTION_SCRIPT } from "./lib/motion.js";
 import { PREFS_SCRIPT } from "./lib/prefs.js";
 import { SESSION_SCRIPT } from "./lib/session.js";
 import { THEME_SCRIPT } from "./lib/theme.js";
@@ -35,6 +36,7 @@ import { WORK_SCRIPT } from "./domain/work.js";
 import { DISCUSSION_SCRIPT } from "./views/dock/discussion.js";
 import { CONVERSATION_SCRIPT } from "./views/dock/conversation.js";
 import { TERMINAL_SCRIPT } from "./views/dock/terminal.js";
+import { SESSION_PAGE_SCRIPT } from "./views/dock/session.js";
 import { PREVIEW_SCRIPT } from "./views/dock/preview.js";
 import { GLOBAL_INPUT_SCRIPT } from "./views/globalInput.js";
 import { CREATE_TASK_SCRIPT } from "./views/createTask.js";
@@ -55,6 +57,7 @@ import { RESIZER_SCRIPT } from "./layout/resizer.js";
 import { ROUTER_SCRIPT } from "./layout/router.js";
 import { SHORTCUTS_SCRIPT } from "./layout/shortcuts.js";
 import { SIZING_SCRIPT } from "./layout/sizing.js";
+import { SIDEBAR_NAV_SCRIPT } from "./layout/sidebarNav.js";
 import { WORKSPACE_SCRIPT } from "./layout/workspace.js";
 import { CATALOG_SCRIPT } from "./app/catalog.js";
 import { SELECTION_SCRIPT } from "./app/selection.js";
@@ -77,6 +80,7 @@ export const CLIENT_MODULES = Object.freeze({
     "lib/dom": DOM_SCRIPT,
     "lib/format": FORMAT_SCRIPT,
     "lib/prefs": PREFS_SCRIPT,
+    "lib/motion": MOTION_SCRIPT,
     "lib/i18n": I18N_SCRIPT,
     "lib/theme": THEME_SCRIPT,
     "lib/api": API_SCRIPT,
@@ -103,6 +107,7 @@ export const CLIENT_MODULES = Object.freeze({
     "views/dock/discussion": DISCUSSION_SCRIPT,
     "views/dock/conversation": CONVERSATION_SCRIPT,
     "views/dock/terminal": TERMINAL_SCRIPT,
+    "views/dock/session": SESSION_PAGE_SCRIPT,
     "views/dock/preview": PREVIEW_SCRIPT,
     "views/task/page": TASK_PAGE_SCRIPT,
     "views/task/actions": TASK_ACTIONS_SCRIPT,
@@ -116,6 +121,7 @@ export const CLIENT_MODULES = Object.freeze({
     "views/task/files": TASK_FILES_SCRIPT,
     "layout/resizer": RESIZER_SCRIPT,
     "layout/sizing": SIZING_SCRIPT,
+    "layout/sidebarNav": SIDEBAR_NAV_SCRIPT,
     "layout/workspace": WORKSPACE_SCRIPT,
     "layout/router": ROUTER_SCRIPT,
     "layout/shortcuts": SHORTCUTS_SCRIPT,

package/dist/web/assets/client/layout/manageShell.js

@@ -1,6 +1,8 @@
 import { MANAGE_SECTIONS } from "../../shared/manageNav.js";
 export const MANAGE_SHELL_SCRIPT = String.raw `
 import { createI18n } from "/assets/js/lib/i18n.js";
+import { rememberPlace, linkPlaces } from "/assets/js/lib/prefs.js";
+import { enter } from "/assets/js/lib/motion.js";
 const SECTIONS = ${JSON.stringify(MANAGE_SECTIONS)};
 export const i18n = createI18n([document.querySelector("#locale-select"), document.querySelector("#settings-locale")]);
 const pages = new Map();
@@ -34,6 +36,8 @@ export function manageHref(next) {
   return "/" + manageArea(next.page, next.section) + "/" + next.section +
     (next.section === "quota" && next.source === "command-code" ? "?source=command-code" : "");
 }
+// The center column scrolls, not the document (the frame is the workbench's).
+function scroller() { return document.querySelector("#manage-scroll"); }
 function render() {
   if (!started) return;
   const rail = document.querySelector(".manage-rail");
@@ -43,29 +47,45 @@ function render() {
     if (active) link.setAttribute("aria-current", "page"); else link.removeAttribute("aria-current");
     if (dirty[link.dataset.page]?.[link.dataset.section]) link.dataset.dirty = "true"; else delete link.dataset.dirty;
   });
-  rail.querySelectorAll("a[data-area]").forEach(link => {
-    if (link.dataset.area === area) link.setAttribute("aria-current", "true"); else link.removeAttribute("aria-current");
+  // The global rail marks the current area.
+  const app = document.querySelector(".manage-app");
+  app.querySelectorAll("a[data-area]").forEach(link => {
+    if (link.dataset.area === area) link.setAttribute("aria-current", "page"); else link.removeAttribute("aria-current");
   });
+  // The list head and the top bar name where the reader is.
+  const areaTitle = i18n.t(area + ".title");
+  const sectionTitle = i18n.t((route.page === "models" ? "models" : "settings") + ".section." + route.section);
+  document.querySelector("#manage-area-title").textContent = areaTitle;
+  document.querySelector("#manage-crumb-area").textContent = areaTitle;
+  document.querySelector("#manage-crumb-section").textContent = sectionTitle;
   rail.querySelectorAll("[data-area-group]").forEach(group => {
     if (group.dataset.areaGroup === area) group.dataset.active = "true"; else delete group.dataset.active;
   });
-  document.title = i18n.t((route.page === "models" ? "models" : "settings") + ".section." + route.section) +
-    " · " + i18n.t(area + ".title") + " · Yui";
+  linkPlaces(app);
+  document.title = sectionTitle + " · " + areaTitle + " · Yui";
 }
 function apply(next) {
   route = next;
+  rememberPlace(manageArea(next.page, next.section), manageHref(next));
+  rememberPlace("manage", manageHref(next));
   document.querySelector("#models-root").hidden = next.page !== "models";
   document.querySelector("#settings-root").hidden = next.page !== "settings";
   pages.get(next.page).show(next);
   render();
 }
+// A section the reader switched to rises in (never on the first paint).
+function revealSection() {
+  if (typeof enter !== "function") return;
+  enter(document.querySelector("#models-root:not([hidden]), #settings-root:not([hidden])"), "rise");
+}
 export function navigateManage(next) {
   const normalized = readManageRoute(new URL(manageHref(next), location.origin));
   if (manageHref(normalized) === location.pathname + location.search) return;
-  history.replaceState({ ...history.state, scroll: window.scrollY }, "");
+  history.replaceState({ ...history.state, scroll: scroller().scrollTop }, "");
   history.pushState({ scroll: 0 }, "", manageHref(normalized));
   apply(normalized);
-  window.scrollTo(0, 0);
+  scroller().scrollTop = 0;
+  revealSection();
 }
 export function createManageShell(options) {
   return {
@@ -79,7 +99,7 @@ export function registerManagePage(name, controller) { pages.set(name, controlle
 export function startManagement() {
   started = true;
   route = readManageRoute(new URL(location.href));
-  history.replaceState({ ...history.state, scroll: window.scrollY }, "", manageHref(route));
+  history.replaceState({ ...history.state, scroll: scroller().scrollTop }, "", manageHref(route));
   history.scrollRestoration = "manual";
   apply(route);
   document.querySelector(".manage-app").hidden = false;
@@ -96,8 +116,10 @@ export function startManagement() {
   });
   window.addEventListener("popstate", () => {
     apply(readManageRoute(new URL(location.href)));
-    window.scrollTo(0, history.state?.scroll || 0);
+    scroller().scrollTop = history.state?.scroll || 0;
+    revealSection();
   });
+  window.addEventListener("pageshow", render);
   i18n.subscribe(render);
 }
 `;

package/dist/web/assets/client/layout/shortcuts.js

@@ -6,11 +6,12 @@ import { isEditing } from "/assets/js/lib/dom.js";
 
 const TABS = ${JSON.stringify(TASK_TABS)};
 
-// deps: { el, state, globalInput, workspace, selection, catalog, taskView }
-//   el           #search, #settings-dialog and #terminal-host
+// deps: { el, state, globalInput, workspace, sidebarNav, selection, catalog, taskView }
+//   el           #search, #settings-dialog and the dock (its terminal host)
 //   state        read-only here: state.selected, state.detail
 //   globalInput  views/globalInput (its dialog blocks shortcuts while open)
 //   workspace    layout/workspace: the dock and the operator Session
+//   sidebarNav   layout/sidebarNav: "[" shows or hides the task list
 //   selection    app/selection: Escape leaves the Task
 //   catalog      app/catalog: "r" refreshes
 //   taskView     app/taskView: 1–4 switch tabs
@@ -19,17 +20,19 @@ export function bindShortcuts(deps) {
     if (document.querySelector("dialog[open]")) return;
     const active = document.activeElement;
     const typing = isEditing(active);
-    const inTerminal = deps.el.terminalHost.contains(active);
+    const inTerminal = !!active && !!active.closest && !!active.closest(".terminal-host");
     if (event.key === "Escape") { escape(deps, active, typing, inTerminal); return; }
     if (typing || inTerminal || event.metaKey || event.ctrlKey || event.altKey) return;
     shortcut(deps, event);
   });
 }
 
-// Escape unwinds one level: leave a field, close the dock, leave the Task.
+// Escape unwinds one level: leave a field, close the task-list drawer, close
+// the dock, leave the Task.
 function escape(deps, active, typing, inTerminal) {
   if (inTerminal) return;
   if (typing) { active.blur(); return; }
+  if (deps.sidebarNav.drawerOpen()) { deps.sidebarNav.closeDrawer(); return; }
   if (deps.workspace.dockVisible()) { deps.workspace.setDockOpen(false); return; }
   if (deps.state.selected) deps.selection.clearSelection();
 }
@@ -37,8 +40,9 @@ function escape(deps, active, typing, inTerminal) {
 function shortcut(deps, event) {
   const key = event.key.toLowerCase();
   if (key === "/") { event.preventDefault(); deps.el.search.focus(); deps.el.search.select(); }
+  else if (key === "[") deps.sidebarNav.toggle();
   else if (key === "r") deps.catalog.refresh();
-  else if (key === "o") deps.workspace.openOperator();
+  else if (key === "o") deps.workspace.toggleOperator();
   else if (key === "d") deps.workspace.toggleDock();
   else if (/^[1-9]$/.test(key) && Number(key) <= TABS.length && deps.state.detail) deps.taskView.switchTab(TABS[Number(key) - 1]);
 }

package/dist/web/assets/client/layout/sidebarNav.js

@@ -0,0 +1,147 @@
+import { LAYOUT_GEOMETRY } from "../../shared/geometry.js";
+export const SIDEBAR_NAV_SCRIPT = String.raw `
+// Task list visibility. On wide screens the list is a column the user can
+// collapse (remembered in this browser). Where it cannot sit beside the
+// workspace — narrow screens, or a medium screen with the dock open — it
+// opens as a drawer over the workspace instead, and closes on a choice,
+// on the scrim, on Escape or by dragging it away. Every [data-sidebar-toggle]
+// reports the state. Drawer motion lives in CSS (layout/responsive); a drag
+// only moves the panels with the finger and hands the release back to CSS.
+// Collapsing the inline column glides through lib/motion.
+import { readPreference, writePreference } from "/assets/js/lib/prefs.js";
+import { layoutTransition } from "/assets/js/lib/motion.js";
+
+const G = ${JSON.stringify(LAYOUT_GEOMETRY)};
+
+// deps: { el: { sidebar, rail?, scrim, collapse }, relayout }
+//   rail        the global rail, which travels with the list on narrow screens
+//   relayout()  re-applies column widths after the list appears or hides
+export function createSidebarNav(deps) {
+  const body = document.body;
+  const state = { collapsed: readPreference("yui.sidebar.collapsed", "0") === "1" };
+
+  // Whether the list can sit in the grid at the current width and dock state.
+  function inlineAvailable() {
+    const width = window.innerWidth;
+    if (width <= G.narrow) return false;
+    return !(width <= G.focusMax && body.classList.contains("dock-open"));
+  }
+  function drawerOpen() { return body.classList.contains("sidebar-drawer"); }
+  function visible() { return drawerOpen() || (inlineAvailable() && !state.collapsed); }
+  function sync() {
+    const expanded = String(visible());
+    document.querySelectorAll("[data-sidebar-toggle]").forEach(function (button) {
+      if (button.getAttribute("aria-expanded") !== expanded) button.setAttribute("aria-expanded", expanded);
+    });
+  }
+  function setCollapsed(collapsed) {
+    state.collapsed = collapsed;
+    writePreference("yui.sidebar.collapsed", collapsed ? "1" : "0");
+    // The columns glide to their new widths (View Transition, desktop only).
+    const update = function () {
+      body.classList.toggle("sidebar-collapsed", collapsed);
+      deps.relayout();
+      sync();
+    };
+    if (typeof layoutTransition === "function") layoutTransition(update);
+    else update();
+  }
+  function setDrawer(open) {
+    if (open === drawerOpen()) return;
+    body.classList.toggle("sidebar-drawer", open);
+    if (open) deps.el.collapse.focus({ preventScroll: true });
+    sync();
+  }
+  function reveal() {
+    if (!inlineAvailable()) setDrawer(true);
+    else if (state.collapsed) setCollapsed(false);
+  }
+  function hide() {
+    if (drawerOpen()) setDrawer(false);
+    else if (inlineAvailable()) setCollapsed(true);
+  }
+
+  body.classList.toggle("sidebar-collapsed", state.collapsed);
+  deps.el.collapse.addEventListener("click", hide);
+  deps.el.scrim.addEventListener("click", function () { setDrawer(false); });
+  // A choice made in the drawer hands the screen back to the workspace.
+  deps.el.sidebar.addEventListener("click", function (event) {
+    if (drawerOpen() && event.target.closest(".task-row, .manage-link, #create-task, #body-search-open")) setDrawer(false);
+  });
+  bindDrag(deps.el, drawerOpen, function () { setDrawer(false); });
+  window.addEventListener("resize", function () { if (drawerOpen() && inlineAvailable()) setDrawer(false); sync(); });
+  // The dock opening or closing changes whether the list fits.
+  new MutationObserver(sync).observe(body, { attributes: true, attributeFilter: ["class"] });
+  sync();
+
+  return {
+    toggle: function () { if (visible()) hide(); else reveal(); },
+    reveal: reveal,
+    hide: hide,
+    closeDrawer: function () { setDrawer(false); },
+    drawerOpen: drawerOpen,
+    sync: sync
+  };
+}
+
+// Drag to dismiss, as native drawers do: once a touch moves mostly sideways,
+// the panels follow the finger (leftward only) and the scrim thins with them.
+// Releasing past a third of the width, or with a quick flick, closes; any
+// other release springs back. Either way CSS animates from the current spot.
+function bindDrag(el, isOpen, close) {
+  const panels = [el.sidebar, el.rail].filter(Boolean);
+  let drag = null;
+  function place(dx) {
+    const offset = "translate3d(" + dx + "px,0,0)";
+    panels.forEach(function (panel) { panel.style.transform = offset; });
+    el.scrim.style.opacity = String(Math.max(0, 1 + dx / drag.width));
+  }
+  function release() {
+    panels.forEach(function (panel) { panel.style.transform = ""; });
+    el.scrim.style.opacity = "";
+    document.body.classList.remove("drawer-dragging");
+  }
+  function start(event) {
+    if (!isOpen() || event.touches.length !== 1) return;
+    const touch = event.touches[0];
+    const width = panels.reduce(function (sum, panel) { return sum + panel.getBoundingClientRect().width; }, 0);
+    drag = { x: touch.clientX, y: touch.clientY, width: width || 1, active: false, dx: 0, at: event.timeStamp, v: 0 };
+  }
+  function move(event) {
+    if (!drag) return;
+    const touch = event.touches[0];
+    const dx = touch.clientX - drag.x;
+    const dy = touch.clientY - drag.y;
+    if (!drag.active) {
+      if (Math.abs(dx) < 8 && Math.abs(dy) < 8) return;
+      // A vertical start is a scroll; leave it alone.
+      if (Math.abs(dy) >= Math.abs(dx) || dx > 0) { drag = null; return; }
+      drag.active = true;
+      document.body.classList.add("drawer-dragging");
+    }
+    const next = Math.min(0, dx);
+    const elapsed = event.timeStamp - drag.at;
+    if (elapsed > 0) drag.v = (next - drag.dx) / elapsed;
+    drag.dx = next;
+    drag.at = event.timeStamp;
+    place(next);
+  }
+  function end() {
+    if (!drag) return;
+    const finished = drag;
+    drag = null;
+    if (!finished.active) return;
+    // Removing the inline offset in the same frame as the class change lets
+    // the CSS transition continue from where the finger let go.
+    const dismiss = finished.dx < -finished.width / 3 || finished.v < -0.45;
+    release();
+    if (dismiss) close();
+  }
+  [el.sidebar, el.rail, el.scrim].filter(Boolean).forEach(function (node) {
+    node.addEventListener("touchstart", start, { passive: true });
+    node.addEventListener("touchmove", move, { passive: true });
+    node.addEventListener("touchend", end, { passive: true });
+    node.addEventListener("touchcancel", end, { passive: true });
+  });
+}
+`;

package/dist/web/assets/client/layout/sizing.js

@@ -18,7 +18,10 @@ export function createSizing(el, dock, sidebar, dockVisible) {
   const root = document.documentElement.style;
 
   function maxDockWidth() {
-    const aside = window.innerWidth > G.narrow ? el.sidebar.offsetWidth : 0;
+    // The global rail and an inline task list both take room from the
+    // workspace; a drawer floats over it and takes none.
+    const inline = !document.body.classList.contains("sidebar-drawer");
+    const aside = window.innerWidth > G.narrow ? G.rail + (inline ? el.sidebar.offsetWidth : 0) : 0;
     return Math.max(G.dock.min, Math.min(G.dock.max, window.innerWidth - aside - G.centerMin));
   }
   function setDockWidth(width, persist) {
@@ -30,7 +33,7 @@ export function createSizing(el, dock, sidebar, dockVisible) {
   }
   function maxSidebarWidth() {
     // An open dock can shrink to its minimum, so it reserves only that much.
-    const reserve = dockVisible() ? G.dock.min + G.divider : 0;
+    const reserve = G.rail + (dockVisible() ? G.dock.min + G.divider : 0);
     return Math.max(G.sidebar.min, Math.min(G.sidebar.max, window.innerWidth - reserve - G.centerMin));
   }
   function applySidebarWidth() {