@oharness/server 0.11.0 → 0.14.0

package/dist/page/client/tasks.js

@@ -16,11 +16,135 @@ let taskOpen = null;
 let taskSheet = null;
 /** Bumped per paint, so a slow answer never draws over a newer one. */
 let taskPaintSeq = 0;
+const taskDrafts = new Map();
+const taskSending = new Set();
+const taskKey = (session, id) => JSON.stringify([session, id]);
+function saveTaskDraft() {
+  if (taskOpen && taskSheet) taskDrafts.set(taskKey(taskOpen.session, taskOpen.id), taskSheet.querySelector(".task-input").value);
+}
 
 /**
  * Running ones first, then the newest. Ended tasks stay listed, quieter, so
  * what they said is a click away and they can still be sent a follow-up.
  */
+// Sidebar summaries deliberately do not allocate transcript panes.
+const sidebarTasks = new Map();
+let sidebarTaskRevision = 0;
+let sessionListRequest = 0;
+const taskTreeMore = new Set();
+const TASK_TREE_ENDED = 3;
+const taskTreeOpen = (() => {
+  try {
+    const value = JSON.parse(localStorage.getItem("oharness.taskTree") || "{}");
+    return value && typeof value === "object" && !Array.isArray(value) ? value : {};
+  } catch { return {}; }
+})();
+function saveTaskTreeOpen() {
+  try { localStorage.setItem("oharness.taskTree", JSON.stringify(taskTreeOpen)); } catch {}
+}
+function sessionBlock(s, nested) {
+  const block = el("div", "session-block" + (nested ? " nested" : ""));
+  block.dataset.session = s.id;
+  const row = sessionRow(s, nested);
+  const toggle = el("button", "task-tree-toggle");
+  toggle.type = "button";
+  toggle.appendChild(svgIcon("chevronRight"));
+  const list = el("div", "task-tree");
+  list.id = "task-tree-" + s.id;
+  toggle.setAttribute("aria-controls", list.id);
+  toggle.addEventListener("click", (e) => {
+    e.stopPropagation();
+    taskTreeOpen[s.id] = toggle.getAttribute("aria-expanded") !== "true";
+    saveTaskTreeOpen();
+    paintTaskTree(block, s);
+  });
+  toggle.addEventListener("mousedown", (e) => e.stopPropagation());
+  toggle.draggable = false;
+  // In the row's left inset, which every row in the list keeps, so titles
+  // start at one place whether or not their conversation has tasks.
+  row.prepend(toggle);
+  const count = el("span", "task-tree-count");
+  row.insertBefore(count, row.querySelector(".sub"));
+  block.append(row, list);
+  paintTaskTree(block, s);
+  return block;
+}
+function paintTaskTree(block, s) {
+  const tasks = sortedTasks((sidebarTasks.get(s.id) || {}).tasks).filter((task) => !task.dismissed);
+  const live = tasks.filter((task) => TASK_LIVE.has(task.status)).length;
+  // Only infer a default once live work appears in the current conversation.
+  if (!(s.id in taskTreeOpen) && s.id === activeId && live) {
+    taskTreeOpen[s.id] = true;
+    saveTaskTreeOpen();
+  }
+  const open = taskTreeOpen[s.id] === true;
+  const toggle = block.querySelector(".task-tree-toggle");
+  toggle.hidden = !tasks.length;
+  toggle.classList.toggle("open", open);
+  toggle.title = t(open ? "tasks.collapse" : "tasks.expand");
+  toggle.setAttribute("aria-label", toggle.title);
+  toggle.setAttribute("aria-expanded", String(open));
+  toggle.classList.toggle("quiet", !live);
+  // Only live work earns a badge; ended tasks would otherwise leave a number
+  // on every conversation that ever started one.
+  const count = block.querySelector(".task-tree-count");
+  count.hidden = !live;
+  count.textContent = t("tasks.liveCount", { n: live });
+  count.title = t("tasks.title");
+  const list = block.querySelector(".task-tree");
+  list.hidden = !open || !tasks.length;
+  if (list.hidden) return;
+  // Live tasks, then the few that ended last; older ones wait behind a button.
+  // Patch existing buttons so activity updates preserve keyboard focus.
+  const shown = taskTreeMore.has(s.id) ? tasks : tasks.slice(0, live + TASK_TREE_ENDED);
+  const keep = new Set(shown.map((task) => task.id));
+  for (const node of [...list.children]) {
+    if (!keep.has(node.dataset.task)) node.remove();
+  }
+  shown.forEach((task, index) => {
+    let button = [...list.children].find((node) => node.dataset.task === task.id);
+    if (!button) {
+      button = el("button", "task-tree-row");
+      button.type = "button";
+      button.dataset.task = task.id;
+      button.append(el("span", "task-tree-mark"), el("span", "task-tree-name"), el("span", "task-tree-status"));
+      button.addEventListener("click", async () => {
+        button.disabled = true;
+        try {
+          // Resume through the existing project-aware path, restoring task
+          // conversations before opening their input box.
+          if (activeId !== s.id) await openSession(s.id, s.cwd);
+          if (activeId === s.id) openTask(s.id, task.id);
+        } catch (err) { addNotice(String(err.message || err), "err"); }
+        finally { button.disabled = false; }
+      });
+    }
+    button.className = "task-tree-row task-" + task.status;
+    button.classList.toggle("selected", !!taskOpen && taskOpen.session === s.id && taskOpen.id === task.id);
+    button.setAttribute("aria-pressed", String(!!taskOpen && taskOpen.session === s.id && taskOpen.id === task.id));
+    button.querySelector(".task-tree-name").textContent = task.description;
+    // A dot is the same shape running and done, so the word says which.
+    const status = t("tasks.status." + task.status);
+    button.querySelector(".task-tree-status").textContent = status;
+    button.setAttribute("aria-label", task.description + ", " + status);
+    button.title = task.description + " · " + status + (task.activity ? " · " + task.activity : "");
+    if (list.children[index] !== button) list.insertBefore(button, list.children[index] || null);
+  });
+  if (shown.length < tasks.length) {
+    const more = el("button", "task-tree-more", t("tasks.older", { n: tasks.length - shown.length }));
+    more.type = "button";
+    more.addEventListener("click", () => { taskTreeMore.add(s.id); paintTaskTree(block, s); });
+    list.appendChild(more);
+  }
+}
+function refreshTaskTrees(session) {
+  for (const block of sessionList.querySelectorAll(".session-block")) {
+    if (session && block.dataset.session !== session) continue;
+    const s = sessionRows.find((row) => row.id === block.dataset.session);
+    if (s) paintTaskTree(block, s);
+  }
+}
+
 function sortedTasks(tasks) {
   return (tasks || []).slice().sort((a, b) =>
     (Number(TASK_LIVE.has(b.status)) - Number(TASK_LIVE.has(a.status))) || (b.queuedAt - a.queuedAt));
@@ -89,21 +213,30 @@ function taskCard(tasks) {
 
 /** A conversation's tasks changed: redraw what shows them. */
 function tasksChanged(session, tasks) {
-  pane(session).tasks = tasks || [];
+  sidebarTasks.set(session, { tasks: tasks || [], revision: ++sidebarTaskRevision });
+  refreshTaskTrees(session);
+  if (panes.has(session)) panes.get(session).tasks = tasks || [];
   if (session === activeId) renderQueued();
   if (taskOpen && taskOpen.session === session) void paintTask();
 }
 
 function openTask(session, id) {
+  saveTaskDraft();
   taskOpen = { session, id, stick: true };
   ensureTaskSheet();
+  taskSheet.querySelector(".task-input").value = taskDrafts.get(taskKey(session, id)) || "";
+  taskSheet.querySelector(".task-input").disabled = false;
+  taskSheet.querySelector(".task-send").disabled = true;
+  refreshTaskTrees();
   taskSheet.hidden = false;
   void paintTask();
   taskSheet.querySelector(".task-input").focus();
 }
 
 function closeTask() {
+  saveTaskDraft();
   taskOpen = null;
+  refreshTaskTrees();
   if (taskSheet) taskSheet.hidden = true;
 }
 
@@ -187,16 +320,29 @@ async function sendTask(input) {
   const text = input.value.trim();
   if (!text || !taskOpen) return;
   const { session, id } = taskOpen;
+  const key = taskKey(session, id);
+  if (taskSending.has(key)) return;
+  const draft = input.value;
+  taskSending.add(key);
+  taskDrafts.set(key, draft);
   input.disabled = true;
+  taskSheet.querySelector(".task-send").disabled = true;
   const body = await api("/task", { session, id, action: "message", text });
+  taskSending.delete(key);
+  if (!body.error && taskDrafts.get(key) === draft) taskDrafts.delete(key);
+  // A response for A must never clear or disable the input now showing B.
+  if (!taskOpen || taskOpen.session !== session || taskOpen.id !== id) {
+    if (body.error) addNotice(body.error, "err");
+    return;
+  }
   input.disabled = false;
   if (body.error) {
     taskSheet.querySelector(".task-log").appendChild(el("div", "task-error", body.error));
-    return;
+  } else {
+    if (input.value === draft) input.value = "";
+    input.focus();
+    taskOpen.stick = true;
   }
-  input.value = "";
-  input.focus();
-  if (taskOpen) taskOpen.stick = true;
   void paintTask();
 }
 
@@ -285,8 +431,8 @@ async function paintTask() {
 
   const input = taskSheet.querySelector(".task-input");
   const stopped = task.status === "cancelled";
-  input.disabled = stopped;
-  taskSheet.querySelector(".task-send").disabled = stopped;
+  input.disabled = stopped || taskSending.has(taskKey(session, id));
+  taskSheet.querySelector(".task-send").disabled = input.disabled;
   input.placeholder = t(stopped ? "tasks.placeholder.stopped" : TASK_LIVE.has(task.status) ? "tasks.placeholder.running" : "tasks.placeholder.ended");
 }
 `;

package/dist/page/client/tasks.js.map

@@ -1 +1 @@
-{"version":3,"file":"tasks.js","sourceRoot":"","sources":["../../../src/page/client/tasks.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4R9B,CAAC"}
+{"version":3,"file":"tasks.js","sourceRoot":"","sources":["../../../src/page/client/tasks.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8a9B,CAAC"}

package/dist/page/client/usage.js

@@ -987,7 +987,11 @@ const usageMoved = (row) => usageSent(row) + (row.output || 0);
 function usageSessionRow(entry) {
   const row = el("div", "row-card usage-session");
   const line = el("div", "row-head");
-  line.appendChild(el("span", "row-title", entry.title || t("session.untitled")));
+  // A day of background calls, not a conversation: named for what it was, and
+  // opening the page that explains it rather than a transcript.
+  const background = entry.background;
+  line.appendChild(el("span", "row-title", background ? t("usage.background." + background) : entry.title || t("session.untitled")));
+  if (background) line.appendChild(el("span", "tag", t("usage.background")));
   if (entry.current) line.appendChild(el("span", "tag", t("usage.thisSession")));
   line.appendChild(el("span", "muted small usage-amount", "$" + (entry.costUsd || 0).toFixed(4)));
   row.appendChild(line);
@@ -999,6 +1003,7 @@ function usageSessionRow(entry) {
   row.tabIndex = 0;
   row.setAttribute("role", "button");
   const open = () => {
+    if (background === "dreaming") { setNav("dreaming"); void showDreaming(); return; }
     setNav(null);
     if (panes.has(entry.id)) void focusTab(entry.id);
     else void openSession(entry.id, entry.cwd);

package/dist/page/client/usage.js.map

@@ -1 +1 @@
-{"version":3,"file":"usage.js","sourceRoot":"","sources":["../../../src/page/client/usage.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkxC3B,CAAC"}
+{"version":3,"file":"usage.js","sourceRoot":"","sources":["../../../src/page/client/usage.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuxC3B,CAAC"}

package/dist/page/style.js

@@ -218,6 +218,53 @@ aside header{display:none;padding:8px 14px;min-height:44px;gap:8px;align-items:c
   height:30px;padding:0 8px;border-radius:7px;cursor:pointer;
   display:flex;align-items:center;gap:8px;
 }
+.session-block + .fold-row{margin-top:6px}
+/*
+ * A session's background tasks. The chevron sits in the row's left inset —
+ * one every row in the list keeps, flat or nested — so titles share a left
+ * edge whether or not a row has tasks. The tasks hang under the title with no
+ * rule, each status mark under the title's first letter.
+ *
+ * The marks stay quiet: a dashed ring for work still waiting, and a dot for
+ * everything else — breathing while it runs, still once done, fainter when
+ * stopped. Only a failure takes a colour.
+ */
+.session-block .session{position:relative}
+/* Two lit rows — the open one and the one under the pointer — must not
+   touch, or they read as one block. */
+.session-block + .session-block{margin-top:2px}
+.task-tree-row + .task-tree-row{margin-top:1px}
+.session-block:not(.nested) .session,.show-more:not(.nested){padding-left:20px}
+.task-tree-toggle{position:absolute;left:5px;top:50%;width:12px;height:16px;margin-top:-8px;display:grid;place-items:center;padding:0;border:0;background:none;color:var(--dim);cursor:pointer;opacity:.7}
+.session-block.nested .task-tree-toggle{left:14px}
+/* Above #side-panel's thinning of every 1.5 stroke, which these lose at this size. */
+#side-panel .task-tree-toggle svg{width:10px;height:10px;stroke-width:1.75;transition:transform .15s ease}
+.task-tree-toggle.open svg{transform:rotate(90deg)}
+.task-tree-toggle:hover,.session:hover .task-tree-toggle{opacity:1;color:var(--fg)}
+.task-tree-toggle.quiet{opacity:.6}
+.task-tree-toggle:focus{outline:none}
+.task-tree-count{flex:0 0 auto;font-size:10px;color:var(--dim)}
+.task-tree{margin:0 0 4px 12px}
+.session-block.nested .task-tree{margin-left:24px}
+.task-tree-row,.task-tree-more{display:flex;align-items:center;gap:7px;width:calc(100% - 4px);height:26px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--dim);text-align:left;cursor:pointer;font:inherit;font-size:12px}
+.task-tree-more{padding-left:29px}
+.task-tree-row:hover,.task-tree-more:hover{background:var(--hover);color:var(--fg)}
+.task-tree-row.selected{background:var(--sel);color:var(--fg)}
+.task-tree-row.task-running,.task-tree-row.task-queued{color:var(--fg)}
+.task-tree-mark{flex:0 0 14px;width:14px;height:14px;display:grid;place-items:center}
+.task-tree-mark::after{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
+.task-queued .task-tree-mark::after{width:10px;height:10px;box-sizing:border-box;background:none;border:1.25px dashed currentColor;opacity:.8}
+.task-running .task-tree-mark::after{background:var(--fg);animation:task-breathe 1.6s ease-in-out infinite}
+.task-completed .task-tree-mark::after{opacity:.7}
+.task-cancelled .task-tree-mark::after{opacity:.35}
+.task-failed .task-tree-mark::after{background:var(--err)}
+@keyframes task-breathe{50%{opacity:.25;transform:scale(.8)}}
+@media (prefers-reduced-motion:reduce){.task-running .task-tree-mark::after{animation:none}}
+.task-tree-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.task-tree-status{font-size:10px;flex:0 0 auto;opacity:.8}
+.task-tree-row.task-running .task-tree-status{color:var(--fg);opacity:1}
+.task-tree-toggle:focus-visible,.task-tree-row:focus-visible,.task-tree-more:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
+.task-tree[hidden],.task-tree-toggle[hidden],.task-tree-count[hidden]{display:none}
 .session:hover{background:var(--hover)}
 .session.active{background:var(--sel)}
 .session .title{
@@ -1586,6 +1633,36 @@ button.ghost.theme-apply:disabled{opacity:.4;cursor:default}
 .memory-recent>div{padding:2px 0 2px 15px}
 .memory-backup{display:flex;align-items:center;gap:12px;padding:8px 0 8px 15px}
 .memory-backup-text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
+.dream-card .row-head{align-items:center;gap:8px}
+.dream-head{display:flex;align-items:center;gap:10px}
+.dream-head h2{margin:0}
+.dream-spacer{flex:1 1 auto}
+.dream-auto{display:flex;align-items:center;gap:8px;color:var(--dim);cursor:pointer}
+.dream-auto-slot{display:inline-flex;align-items:center;flex:0 0 auto}
+.dream-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:14px 0 6px}
+.dream-metric{background:var(--panel);border-radius:10px;padding:10px 12px}
+.dream-metric-value{font-size:20px;font-weight:600;margin:2px 0}
+.dream-section{margin:20px 0 6px;font-size:14px}
+.dream-line{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}
+.dream-run>summary,.dream-change>summary{cursor:pointer;padding:8px 4px;border-radius:8px}
+.dream-run>summary:hover,.dream-change>summary:hover{background:var(--hover)}
+.dream-run{margin:2px 0}
+.dream-run>:not(summary){margin-left:18px}
+.dream-change{padding:4px 0}
+.dream-grow{flex:1 1 auto;min-width:0}
+.dream-when{flex:0 0 auto;min-width:96px;color:var(--dim);font-size:12px}
+.dream-small{font-size:12px;padding:2px 8px}
+.dream-diff{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:6px 0}
+.memory-dream-heading{margin:14px 0 4px;font-size:13px;color:var(--dim);font-weight:600}
+.memory-dream-op{padding:6px 0 6px 15px}
+.memory-dream-op+.memory-dream-op{margin-top:4px}
+.memory-dream-op>summary{cursor:pointer;display:flex;gap:8px;align-items:baseline;overflow-wrap:anywhere}
+.memory-dream-tag{flex:0 0 auto;font-size:12px;padding:1px 6px;border-radius:6px;background:var(--field);color:var(--dim)}
+.memory-dream-tag.apply{color:var(--ok)}
+.memory-dream-tag.review{color:var(--warn)}
+.memory-dream-body{margin:4px 0 8px;background:var(--field);border-radius:8px;padding:8px 10px;font:inherit;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
+.memory-dream-body.before{color:var(--dim)}
+.memory-dream-evidence{margin:4px 0 0;padding-left:18px;color:var(--dim)}
 .memory-versions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:10px 0}
 .memory-version h4{margin:0 0 6px}
 .memory-version pre{margin:0;background:var(--field);border-radius:8px;padding:10px 12px;overflow-wrap:anywhere}
@@ -1648,6 +1725,13 @@ details.setting>summary:focus-visible{outline:none;background:var(--hover)}
    title 30px in, and a body that started at the card's edge read as a
    paragraph the row had dropped rather than the inside of it. */
 .setting-body{padding:4px 14px 16px 30px}
+.setting-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
+.setting-stat{background:var(--field);border-radius:10px;padding:10px 12px;min-width:0}
+.setting-stat-label{font-size:12px;color:var(--dim)}
+.setting-stat-value{font-size:15px;font-weight:600;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.setting-stat-sub{font-size:12px;color:var(--dim);margin-top:2px;overflow-wrap:anywhere}
+.setting-stat.ok .setting-stat-value{color:var(--ok)}
+.setting-stat.warn .setting-stat-value{color:var(--warn)}
 /* The shared .small breaks anywhere, which is right for a path and wrong for
    a sentence: the hint here came back as "the trail is never s / ynced". The
    prose breaks at spaces; the paths under it keep breaking anywhere. */
@@ -2357,6 +2441,25 @@ button.pw-plan:disabled{opacity:.4;cursor:default}
 #market{width:min(860px,94vw);max-width:min(860px,94vw);max-height:76vh}
 #market[open]{display:flex;flex-direction:column}
 .mk-head{padding:18px 20px 10px;position:relative}
+/* The list and the import beside it, as tabs: a row of two under the title,
+   the chosen one on a raised chip that slides over when the other is picked. */
+.mk-tabs{display:flex;gap:4px;margin-top:12px;padding:3px;border-radius:10px;background:var(--field);width:max-content;max-width:100%}
+.mk-tabs[hidden]{display:none}
+.mk-tab{
+  display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:0;border-radius:8px;
+  background:transparent;color:var(--dim);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;
+  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;
+}
+.mk-tab:hover{color:var(--fg)}
+.mk-tab.on{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #00000026}
+.mk-tab .vendor-mark{width:14px;height:14px}
+.mk-tab .vendor-mark + .vendor-mark{margin-left:-2px}
+.mk-tab-count{
+  min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;
+  background:var(--accent);color:var(--bg);font-size:10.5px;font-weight:600;
+}
+/* A tab switch repaints the list; it fades in rather than snapping. */
+#mk-list.swap{animation:row-in .18s cubic-bezier(.2,.8,.2,1)}
 #mk-list{overflow-y:auto;padding:2px 12px 14px;flex:1}
 /* Where every other window puts it. A "Done" under the list meant scrolling
    past eighty rows to leave, for a dialog that changes nothing on the way out. */
@@ -2375,6 +2478,8 @@ button.pw-plan:disabled{opacity:.4;cursor:default}
 .mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0 10px}
 .mk-item{display:flex;align-items:flex-start;gap:11px;padding:10px 8px;border-radius:9px}
 .mk-item:hover{background:var(--hover)}
+/* A skill switched off: still listed, so it can be switched back on. */
+.mk-item.off .mk-naming,.mk-item.off .ico-sm{opacity:.5}
 .mk-item .ico-sm{
   width:28px;height:28px;margin-top:1px;padding:6px;box-sizing:border-box;
   border-radius:7px;background:var(--sel);opacity:.75;
@@ -2408,6 +2513,10 @@ button.pw-plan:disabled{opacity:.4;cursor:default}
 .mk-naming{flex:1;min-width:0}
 .mk-name{font-size:13.5px;font-weight:500}
 .mk-desc{font-size:12px;color:var(--dim);margin-top:2px;line-height:1.45}
+/* Three lines at most: a skill written for another tool can carry a whole
+   paragraph of triggers, and one row should not fill the dialog. The full
+   text is on the row's tooltip. */
+.mk-naming .mk-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .mk-desc.warn{color:var(--warn)}
 .mk-acts{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-top:1px}
 .mk-state{font-size:11.5px;color:var(--dim)}
@@ -3400,8 +3509,16 @@ textarea.boxed:focus{outline:none;background:var(--field-focus)}
    At rest the marks take the section labels' grey; a row in play — under the
    pointer, under the keyboard cursor, or switched on — lights its mark to the
    label's own colour. */
-#attach-picker .menu-item .ico-sm{opacity:1;color:var(--dim)}
-#attach-picker .menu-item:hover .ico-sm,#attach-picker .menu-item.cursor .ico-sm{color:var(--fg)}
+/* Every mark in the label's own colour, at rest as much as under the pointer:
+   grey glyphs beside white words read as rows that are switched off. The
+   count and the chevron stay a step quieter, as solid mixes of the two theme
+   colours rather than translucency, so they hold their tone in both themes. */
+#attach-picker .menu-item .ico-sm{opacity:1;color:var(--fg)}
+#attach-picker .menu-item .sub{color:color-mix(in srgb,var(--fg) 70%,var(--bg))}
+#attach-picker .menu-item .chev{opacity:1;color:color-mix(in srgb,var(--fg) 60%,var(--bg))}
+/* Two vendor marks side by side, for the row that imports from both. */
+#attach-picker .menu-item .mark-pair{display:flex;align-items:center;gap:3px;flex:0 0 auto}
+#attach-picker .menu-item .mark-pair .vendor-mark{width:16px;height:16px}
 /* The stacked rows carry a name over a sentence, so they are already two lines
    tall; the mark beside them is a label for the kind, not an illustration, and
    at 16px it was the widest thing in a row whose job is the words. */
@@ -3500,11 +3617,16 @@ dialog::backdrop{background:rgba(0,0,0,.55)}
 /* An update question, in place of the OS's message box: the version is the
    title, the release notes scroll if there are many, and Later stays quiet. */
 .upd-dialog{width:min(440px,92vw);padding-bottom:16px}
+/* Notes get room to be read; the questions without them stay compact. */
+.upd-dialog:has(.upd-notes){width:min(560px,92vw)}
 .upd-head{display:flex;align-items:center;gap:12px;padding:22px 24px 8px}
 .upd-mark{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--sel);color:var(--fg);font-size:15px;font-weight:600}
 .upd-dialog.important .upd-mark{background:var(--accent);color:var(--bg)}
 .upd-title{font-size:16px;font-weight:600;line-height:1.35}
-.upd-notes{margin:6px 24px 10px;padding:12px 14px;max-height:220px;overflow-y:auto;border-radius:10px;background:var(--hover);font-size:13px;line-height:1.55;white-space:pre-wrap}
+.upd-notes{margin:6px 24px 10px;padding:14px 16px;max-height:min(440px,55vh);overflow-y:auto;border-radius:10px;background:var(--hover);font-size:13px;line-height:1.55}
+/* release-notes.md is wrapped at 76 columns; a paragraph reflows to the dialog. */
+.upd-notes .md-p{white-space:normal}
+.upd-notes .md>:last-child{margin-bottom:0}
 .upd-body{padding:0 24px;color:var(--dim);font-size:13.5px;line-height:1.5;word-break:break-word}
 .upd-body.mono{font-size:12.5px}
 .upd-dialog .dlg-actions{justify-content:flex-end;padding:18px 20px 4px}
@@ -3818,5 +3940,62 @@ dialog::backdrop{background:rgba(0,0,0,.55)}
    panel's width already selects, without the built-in browser. The person's
    own browser is the rest of the window. */
 .embed #browser-pane,.embed #browser-scrim,.embed .tab-browser{display:none!important}
+
+/* Motion for the + menu, the pickers beside it and the dialogs they open.
+   A menu grows out of the button it hangs from, a screen inside it slides the
+   way it was entered, and a dialog settles in and fades out. All of it short
+   enough that nothing waits on it, and none of it for someone who asked the
+   system for less motion. */
+.menu:not([hidden]){animation:menu-in .16s cubic-bezier(.2,.8,.2,1);transform-origin:bottom left}
+@keyframes menu-in{from{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}
+.menu-body.slide-in{animation:slide-in .2s cubic-bezier(.2,.8,.2,1)}
+.menu-body.slide-back{animation:slide-back .2s cubic-bezier(.2,.8,.2,1)}
+@keyframes slide-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
+@keyframes slide-back{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
+/* While the height glides the rows stay put against the edge that does not
+   move — the bottom, where the menu hangs from the + — and the top edge
+   uncovers or covers them, rather than the whole list sliding with it. */
+.menu.resizing{overflow:hidden;justify-content:flex-end}
+.menu-item{transition:background-color .12s ease}
+.menu-item:active{transform:scale(.985)}
+
+#attach-picker .menu-item:hover .chev,#attach-picker .menu-item.cursor .chev{transform:translateX(2px)}
+dialog[open]{animation:dialog-in .22s cubic-bezier(.2,.8,.2,1)}
+dialog[open]::backdrop{animation:backdrop-in .22s ease-out}
+dialog.closing{animation:dialog-out .14s ease-in forwards}
+dialog.closing::backdrop{animation:backdrop-out .14s ease-in forwards}
+@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
+@keyframes dialog-out{to{opacity:0;transform:translateY(6px) scale(.985)}}
+@keyframes backdrop-in{from{opacity:0}}
+@keyframes backdrop-out{to{opacity:0}}
+.mk-item{transition:background-color .12s ease,opacity .2s ease}
+.mk-btn,.mk-icon-btn{transition:background-color .12s ease,transform .1s ease,opacity .15s ease}
+.mk-btn:not(:disabled):active,.mk-icon-btn:active{transform:scale(.96)}
+/* Rows arrive with the list, a little after one another, the first time a
+   dialog opens; a repaint for a keystroke in the search box does not replay it. */
+#market.fresh .mk-grid>.mk-item{animation:row-in .22s cubic-bezier(.2,.8,.2,1) both}
+#market.fresh .mk-grid>.mk-item:nth-child(2){animation-delay:.02s}
+#market.fresh .mk-grid>.mk-item:nth-child(3){animation-delay:.04s}
+#market.fresh .mk-grid>.mk-item:nth-child(4){animation-delay:.06s}
+#market.fresh .mk-grid>.mk-item:nth-child(n+5){animation-delay:.08s}
+@keyframes row-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
+/* Claude Code's and Codex's marks: a glyph beside the name it belongs to. */
+.vendor-mark{width:14px;height:14px;flex:0 0 auto;display:block;position:relative}
+.vendor-mark img{width:100%;height:100%;display:block;border-radius:24%}
+
+.vendor-chip{
+  display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:1px 7px 1px 4px;
+  border-radius:999px;background:var(--sel);color:var(--fg);
+  font-size:11px;font-weight:500;vertical-align:1px;line-height:18px;white-space:nowrap;
+}
+.vendor-chip .vendor-mark{width:12px;height:12px}
+.mk-empty{padding:18px 8px}
+@media (prefers-reduced-motion:reduce){
+  .menu:not([hidden]),.menu-body.slide-in,.menu-body.slide-back,dialog[open],dialog[open]::backdrop,
+  dialog.closing,dialog.closing::backdrop,#market.fresh .mk-grid>.mk-item,#mk-list.swap{animation:none}
+  .mk-tab{transition:none}
+  .menu-item,.chev,.mk-item,.mk-btn,.mk-icon-btn{transition:none}
+  .menu-item:active,.mk-btn:not(:disabled):active,.mk-icon-btn:active{transform:none}
+}
 `;
 //# sourceMappingURL=style.js.map

package/dist/page/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/page/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,0EAA0E;AAC1E,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;EAC7B,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyuHV,CAAC"}
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/page/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,0EAA0E;AAC1E,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;EAC7B,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA45HV,CAAC"}

package/dist/page.js

@@ -401,6 +401,7 @@ ${ANALYTICS_STUB}
   <div class="mk-head">
     <div id="mk-title" class="cn-title"></div>
     <div id="mk-note" class="row-desc"></div>
+    <div id="mk-tabs" class="mk-tabs" role="tablist" hidden></div>
     <input id="mk-search" class="mk-search" type="text" autocomplete="off" spellcheck="false">
     <button id="mk-close" class="mk-close" type="button"></button>
   </div>

package/dist/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["../src/page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD;;;;;;;;;;;GAWG;AAGH;;;;;;;GAOG;AACH,MAAM,OAAO,GAAG;;;;;yCAKyB,CAAC;AAE1C,MAAM,CAAC,MAAM,IAAI,GAAG;;;;;;;4CAOwB,kBAAkB,CAAC,OAAO,CAAC;SAC9D,KAAK;EACZ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAwfK,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;qBACvB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;EAC1C,aAAa;EACb,UAAU;EACV,gBAAgB;;;QAGV,CAAC"}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../src/page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD;;;;;;;;;;;GAWG;AAGH;;;;;;;GAOG;AACH,MAAM,OAAO,GAAG;;;;;yCAKyB,CAAC;AAE1C,MAAM,CAAC,MAAM,IAAI,GAAG;;;;;;;4CAOwB,kBAAkB,CAAC,OAAO,CAAC;SAC9D,KAAK;EACZ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAyfK,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;qBACvB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;EAC1C,aAAa;EACb,UAAU;EACV,gBAAgB;;;QAGV,CAAC"}