@zq-silk/yui 2.14.0 → 2.16.0

package/dist/web/assets/client/i18n/en.js

@@ -66,6 +66,9 @@ export const EN = {
     "jobs.category.ordinary": "Ordinary Tasks",
     "jobs.category.job": "Job execution Tasks",
     "jobs.category.all": "All Tasks",
+    "jobs.categoryShort.ordinary": "Ordinary",
+    "jobs.categoryShort.job": "Jobs",
+    "jobs.categoryShort.all": "All",
     "jobs.recentSuccess": "Most recent successful Run",
     "jobs.diagnostics": "Execution diagnostics",
     "jobs.artifacts": "Registered fixed artifacts",
@@ -146,6 +149,9 @@ export const EN = {
     "models.window.monthly": "Monthly",
     "manage.nav": "Main navigation",
     "manage.workbench": "Workbench",
+    "manage.sections": "Sections",
+    "manage.collapseSections": "Collapse sections",
+    "manage.showSections": "Show sections",
     "settings.section.preferences": "Preferences",
     "settings.section.skills": "Skills",
     "settings.section.server": "Agents & server",
@@ -444,6 +450,8 @@ export const EN = {
     "sidebar.workItems": "Work items",
     "sidebar.resize": "Resize task list",
     "sidebar.resizeHint": "Drag to resize · double-click to reset",
+    "sidebar.collapse": "Collapse task list",
+    "sidebar.show": "Show task list",
     "search.label": "Search tasks",
     "bodySearch.title": "Search task contents",
     "bodySearch.query": "Text to find",
@@ -505,7 +513,6 @@ export const EN = {
     "catalog.help.executionSignals": "Live runs, open work and recovery signals to inspect; not failures",
     "actions.refresh": "Refresh",
     "actions.operator": "Operator",
-    "actions.back": "Back to tasks",
     "actions.close": "Close",
     "actions.answer": "Answer",
     "actions.save": "Save",
@@ -558,6 +565,7 @@ export const EN = {
     "shortcut.refresh": "Refresh",
     "shortcut.dock": "Show or hide the session panel",
     "shortcut.operator": "Operator session",
+    "shortcut.sidebar": "Show or hide the task list",
     "shortcut.tabs": "Switch task sections",
     "shortcut.escape": "Close panel / leave task",
     "loading.dashboard": "Reading local state…",
@@ -572,7 +580,6 @@ export const EN = {
     "common.notReported": "not reported",
     "detail.unobserved": "unknown",
     "detail.partial": "partial",
-    "overview.kicker": "Workspace",
     "overview.title": "Overview",
     "overview.sub": "{total} tasks · {active} active",
     "overview.inbox": "Waiting on you",
@@ -604,7 +611,6 @@ export const EN = {
     "metrics.completed": "Completed",
     "metrics.total": "Total",
     "crumbs.label": "Breadcrumb",
-    "crumbs.tasks": "Tasks",
     "task.updated": "Updated",
     "tabs.label": "Task sections",
     "tabs.overview": "Overview",
@@ -1000,6 +1006,7 @@ export const EN = {
     "terminal.cliHint": "Full terminal",
     "terminal.historyLimited": "This Role has a {current}-line tmux history. Exit and re-enter it to use {target} lines.",
     "global.open": "Global input",
+    "global.openRole": "Message another Role…",
     "global.title": "Global Role input",
     "global.help": "Queue is the default. A cancel request does not prove the Turn stopped.",
     "global.role": "Role",
@@ -1226,5 +1233,22 @@ export const EN = {
     "discussion.older": "Show {count} earlier messages",
     "discussion.olderLoading": "Reading earlier messages…",
     "record.raw": "Raw record",
-    "record.reading": "Reading the exact record…"
+    "record.reading": "Reading the exact record…",
+    "login.title": "Sign in · Yui",
+    "login.heading": "Sign in to Yui",
+    "login.subtitle": "Enter the Web access password from this listener's private credential file.",
+    "login.password": "Password",
+    "login.show": "Show password",
+    "login.hide": "Hide password",
+    "login.submit": "Sign in",
+    "login.submitting": "Signing in…",
+    "login.error.empty": "Enter the password.",
+    "login.error.invalid": "Incorrect password. Check the credential file and try again.",
+    "login.error.throttled": "Too many failed attempts. Try again in {seconds} s.",
+    "login.error.origin": "This address is not accepted by the Web listener. Open one of the URLs printed by yui web.",
+    "login.error.network": "Cannot reach Yui Web. Check that the listener is running, then try again.",
+    "login.notice.expired": "Your session has expired. Sign in again to continue.",
+    "login.notice.signedOut": "You have signed out.",
+    "login.httpWarning": "This connection uses plain HTTP and is not encrypted. Sign in only on a trusted network.",
+    "login.noscript": "JavaScript is required to sign in."
 };

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": "概览",
@@ -996,6 +1002,7 @@ export const ZH_CN = {
     "terminal.cliHint": "完整终端",
     "terminal.historyLimited": "这个 Role 的 tmux 历史只有 {current} 行；退出并重新进入后可使用 {target} 行。",
     "global.open": "全局消息",
+    "global.openRole": "给其他 Role 发消息…",
     "global.title": "全局 Role 消息",
     "global.help": "默认排队；取消请求不代表执行已停止。",
     "global.role": "Role",
@@ -1222,5 +1229,22 @@ export const ZH_CN = {
     "discussion.older": "显示更早的 {count} 条消息",
     "discussion.olderLoading": "正在读取更早的消息…",
     "record.raw": "原始记录",
-    "record.reading": "正在读取完整记录…"
+    "record.reading": "正在读取完整记录…",
+    "login.title": "登录 · Yui",
+    "login.heading": "登录 Yui",
+    "login.subtitle": "输入此 Web 监听所用私有凭证文件中的访问密码。",
+    "login.password": "密码",
+    "login.show": "显示密码",
+    "login.hide": "隐藏密码",
+    "login.submit": "登录",
+    "login.submitting": "正在登录…",
+    "login.error.empty": "请输入密码。",
+    "login.error.invalid": "密码不正确。请核对凭证文件后重试。",
+    "login.error.throttled": "失败次数过多，请在 {seconds} 秒后重试。",
+    "login.error.origin": "Web 监听不接受当前地址。请打开 yui web 输出的访问地址。",
+    "login.error.network": "无法连接 Yui Web。请确认监听仍在运行后重试。",
+    "login.notice.expired": "会话已过期，请重新登录以继续。",
+    "login.notice.signedOut": "你已退出登录。",
+    "login.httpWarning": "当前连接为未加密的 HTTP。请仅在可信网络中登录。",
+    "login.noscript": "需要启用 JavaScript 才能登录。"
 };

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

@@ -16,7 +16,9 @@ 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";
 import { CONTAINERS_SCRIPT } from "./ui/containers.js";
 import { CONTROLS_SCRIPT } from "./ui/controls.js";
@@ -54,6 +56,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";
@@ -66,6 +69,7 @@ import { MODELS_VIEW_SCRIPT } from "./views/models.js";
 import { MODELS_SCRIPT } from "./app/models.js";
 import { MANAGE_SHELL_SCRIPT } from "./layout/manageShell.js";
 import { MANAGE_SCRIPT } from "./app/manage.js";
+import { LOGIN_SCRIPT } from "./app/login.js";
 export { APP_SCRIPT } from "./app/main.js";
 export const CLIENT_MODULES = Object.freeze({
     "views/skills": SKILLS_SCRIPT,
@@ -75,9 +79,11 @@ 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,
+    "lib/session": SESSION_SCRIPT,
     "lib/markdown": MARKDOWN_SCRIPT,
     "ui/primitives": PRIMITIVES_SCRIPT,
     "ui/containers": CONTAINERS_SCRIPT,
@@ -113,6 +119,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,
@@ -121,6 +128,7 @@ export const CLIENT_MODULES = Object.freeze({
     "app/taskView": TASK_VIEW_SCRIPT,
     "app/settings": SETTINGS_SCRIPT,
     "app/manage": MANAGE_SCRIPT,
+    "app/login": LOGIN_SCRIPT,
     "app/models": MODELS_SCRIPT,
     "app/selection": SELECTION_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 }
+// deps: { el, state, globalInput, workspace, sidebarNav, selection, catalog, taskView }
 //   el           #search, #settings-dialog and #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
@@ -26,10 +27,12 @@ export function bindShortcuts(deps) {
   });
 }
 
-// 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() {