openclacky 1.3.4 → 1.3.5

data/lib/clacky/web/components/onboard.js

@@ -575,20 +575,7 @@ const Onboard = (() => {
   async function _launchOnboardSession() {
     try {
       await _complete();
-      const res = await fetch("/api/sessions", {
-        method:  "POST",
-        headers: { "Content-Type": "application/json" },
-        body:    JSON.stringify({ name: "Onboard", source: "setup" })
-      });
-      const data    = await res.json();
-      const session = data.session;
-      if (!session) throw new Error("No session returned");
-
-      Sessions.add(session);
-      Sessions.renderList();
-      Sessions.setPendingMessage(session.id, `/onboard lang:${_selectedLang}`);
-      Sessions.select(session.id);
-
+      await Sessions.startWith(`/onboard lang:${_selectedLang}`, { name: "Onboard", source: "setup" });
       _bootUI();
     } catch (_) {
       // Fallback: just boot normally if session creation fails

data/lib/clacky/web/features/brand/view.js

@@ -18,6 +18,7 @@ const BrandView = (() => {
     if (!data || !data.branded) return;
 
     if (data.needs_activation) {
+      if (data.theme_color) Settings.applyAccentColor(data.theme_color, { persist: true });
       _showActivationBanner(data.product_name);
       _applyHeaderLogo();
       if (data.distribution_refresh_pending) _scheduleDistributionRefreshPoll();
@@ -153,6 +154,7 @@ const BrandView = (() => {
       if (data.ok) {
         _setResult(true, I18n.t("brand.activate.success"));
         if (data.product_name) _applyBrandName(data.product_name);
+        if (data.theme_color) Settings.applyAccentColor(data.theme_color, { persist: true });
         Brand.clearBrandCache();
         _applyHeaderLogo();
         setTimeout(_bootUI, 800);
@@ -201,13 +203,14 @@ const BrandView = (() => {
       const brandWrap = document.getElementById("header-brand");
 
       if (info.theme_color) {
-        const root = document.documentElement;
-        root.style.setProperty("--color-accent-primary",      info.theme_color);
-        root.style.setProperty("--color-accent-hover",        info.theme_color);
-        root.style.setProperty("--color-button-primary",      info.theme_color);
-        root.style.setProperty("--color-button-primary-hover", info.theme_color);
         const metaTheme = document.querySelector("meta[name='theme-color']");
         if (metaTheme) metaTheme.setAttribute("content", info.theme_color);
+      }
+      const userAccent = (() => { try { return localStorage.getItem("clacky-accent-color"); } catch (_) { return null; } })();
+      if (userAccent) {
+        Settings.applyAccentColor(userAccent, { persist: false });
+      } else if (info.theme_color) {
+        Settings.applyAccentColor(info.theme_color, { persist: true });
       } else {
         const root = document.documentElement;
         root.style.removeProperty("--color-accent-primary");

data/lib/clacky/web/features/channels/store.js

@@ -37,26 +37,7 @@ const ChannelsStore = (() => {
   // Create a session, register it, queue a command, and navigate to it.
   async function _sendToAgent(command, sessionName) {
     try {
-      const maxN = Sessions.all.reduce((max, s) => {
-        const m = s.name.match(/^Session (\d+)$/);
-        return m ? Math.max(max, parseInt(m[1], 10)) : max;
-      }, 0);
-      const name = sessionName || ("Session " + (maxN + 1));
-
-      const res = await fetch("/api/sessions", {
-        method:  "POST",
-        headers: { "Content-Type": "application/json" },
-        body:    JSON.stringify({ name, source: "setup" }),
-      });
-      const data = await res.json();
-      if (!res.ok) throw new Error(data.error || I18n.t("channels.sessionError"));
-      const session = data.session;
-      if (!session) throw new Error(I18n.t("channels.noSession"));
-
-      Sessions.add(session);
-      Sessions.renderList();
-      Sessions.setPendingMessage(session.id, command);
-      Sessions.select(session.id);
+      await Sessions.startWith(command, { name: sessionName });
     } catch (e) {
       alert("Error: " + e.message);
     }

data/lib/clacky/web/features/mcp/store.js

@@ -43,26 +43,7 @@ const McpStore = (() => {
 
   async function _sendToAgent(command, sessionName) {
     try {
-      const maxN = Sessions.all.reduce((max, s) => {
-        const m = s.name.match(/^Session (\d+)$/);
-        return m ? Math.max(max, parseInt(m[1], 10)) : max;
-      }, 0);
-      const name = sessionName || ("Session " + (maxN + 1));
-
-      const res = await fetch("/api/sessions", {
-        method:  "POST",
-        headers: { "Content-Type": "application/json" },
-        body:    JSON.stringify({ name, source: "mcp" }),
-      });
-      const data = await res.json();
-      if (!res.ok) throw new Error(data.error || "failed to create session");
-      const session = data.session;
-      if (!session) throw new Error("no session returned");
-
-      Sessions.add(session);
-      Sessions.renderList();
-      Sessions.setPendingMessage(session.id, command);
-      Sessions.select(session.id);
+      await Sessions.startWith(command, { name: sessionName });
     } catch (e) {
       alert("Error: " + e.message);
     }

data/lib/clacky/web/features/profile/store.js

@@ -64,19 +64,7 @@ const ProfileStore = (() => {
   }
 
   async function _openCurateSession(name, command) {
-    const res     = await fetch("/api/sessions", {
-      method:  "POST",
-      headers: { "Content-Type": "application/json" },
-      body:    JSON.stringify({ name, source: "onboard" })
-    });
-    const data    = await res.json();
-    const session = data.session;
-    if (!session) throw new Error("No session returned");
-
-    Sessions.add(session);
-    Sessions.renderList();
-    Sessions.setPendingMessage(session.id, command);
-    Sessions.select(session.id);
+    await Sessions.startWith(command, { name, source: "onboard" });
   }
 
   const Profile = {

data/lib/clacky/web/features/profile/view.js

@@ -49,7 +49,7 @@ const ProfileView = (() => {
 
     function flushPara() {
       if (paraBuf.length === 0) return;
-      out.push("<p>" + _renderInline(paraBuf.join(" ")) + "</p>");
+      out.push("<p>" + _renderInline(paraBuf.join("<br>")) + "</p>");
       paraBuf = [];
     }
     function openList(type) {
@@ -152,11 +152,17 @@ const ProfileView = (() => {
       return;
     }
 
+    const openSet = new Set(
+      [...list.querySelectorAll(".memory-card")]
+        .filter(c => c.querySelector(".memory-card-body")?.style.display !== "none")
+        .map(c => c.dataset.filename)
+    );
+
     list.innerHTML = "";
-    memories.forEach(m => list.appendChild(_buildMemoryCard(m)));
+    memories.forEach(m => list.appendChild(_buildMemoryCard(m, openSet.has(m.filename))));
   }
 
-  function _buildMemoryCard(m) {
+  function _buildMemoryCard(m, expanded = false) {
     const card = document.createElement("div");
     card.className = "memory-card";
     card.dataset.filename = m.filename;
@@ -254,6 +260,8 @@ const ProfileView = (() => {
     expandBtn.addEventListener("click", (e) => { e.stopPropagation(); toggle(); });
     head.querySelector(".memory-card-info").addEventListener("click", toggle);
 
+    if (expanded) toggle();
+
     return card;
   }
 
@@ -303,6 +311,7 @@ const ProfileView = (() => {
       onSave: async (newContent) => {
         const r = await Profile.updateMemory(m.filename, newContent);
         if (!r.ok) throw new Error(r.error);
+        Modal.toast(_t("profile.savedOk"), "success");
       }
     });
   }
@@ -333,7 +342,10 @@ const ProfileView = (() => {
       content: file.content || "",
       title,
       language: "markdown",
-      onSave: (newContent) => Profile.updateProfile(kind, newContent)
+      onSave: async (newContent) => {
+        await Profile.updateProfile(kind, newContent);
+        Modal.toast(_t("profile.savedOk"), "success");
+      }
     });
   }
 

data/lib/clacky/web/features/skills/store.js

@@ -71,28 +71,13 @@ const SkillsStore = (() => {
   // Resolve the next "Session N" name and create a session, then hand off to
   // Sessions. Used by every "open a session and run a command" action.
   async function _openSessionWith(message) {
-    const maxN = Sessions.all.reduce((max, s) => {
-      const m = s.name.match(/^Session (\d+)$/);
-      return m ? Math.max(max, parseInt(m[1], 10)) : max;
-    }, 0);
-    const res = await fetch("/api/sessions", {
-      method:  "POST",
-      headers: { "Content-Type": "application/json" },
-      body:    JSON.stringify({ name: "Session " + (maxN + 1), source: "manual" })
-    });
-    const data = await res.json();
-    if (!res.ok) { alert(I18n.t("tasks.sessionError") + (data.error || "unknown")); return null; }
-
-    const session = data.session;
-    if (!session) return null;
-
     if (!WS.ready) { WS.connect(); Skills.load(); }
-
-    Sessions.add(session);
-    Sessions.renderList();
-    Sessions.setPendingMessage(session.id, message);
-    Sessions.select(session.id);
-    return session;
+    try {
+      return await Sessions.startWith(message, { source: "manual" });
+    } catch (e) {
+      alert(I18n.t("tasks.sessionError") + (e.message || "unknown"));
+      return null;
+    }
   }
 
   /** Return a user-friendly message for install/update errors. */

data/lib/clacky/web/features/version/store.js

@@ -143,6 +143,8 @@ const VersionStore = (() => {
         _upgradeDone  = false;
       }
       _emit({ reason: "upgrade-complete", success: !!event.success });
+    } else if (event.type === "_ws_connected") {
+      checkVersion();
     }
   }
 

data/lib/clacky/web/i18n.js

@@ -68,6 +68,9 @@ const I18n = (() => {
       "chat.resetSession":   "Reset session",
       "chat.resetSessionConfirm": "Reset will start a brand-new session. The current conversation history stays in your sidebar but will no longer be active. Continue?",
       "chat.copy":           "Copy",
+      "chat.todo.spawn":     "Start",
+      "chat.todo.spawning":  "Starting…",
+      "chat.todo.spawnFailed": "Failed to start session: {msg}",
       "chat.copied":         "Copied",
       "chat.continue":       "Continue",
       "chat.edit":           "Edit",
@@ -570,6 +573,8 @@ const I18n = (() => {
       "settings.media.kind.image":    "Image",
       "settings.media.kind.video":    "Video",
       "settings.media.kind.audio":    "Audio",
+      "settings.media.kind.stt":      "Speech-to-Text",
+      "settings.media.kind.video_understanding": "Video Understanding",
       "settings.media.kind.ocr":      "Vision",
       "settings.media.source.off":    "Off",
       "settings.media.source.auto":   "Auto",
@@ -727,6 +732,8 @@ const I18n = (() => {
       "settings.currency.updated":         "Updated from {{source}} on {{date}}",
       "settings.currency.updateFailed":    "Failed to fetch the latest rate. You can still enter it manually.",
 
+      "settings.accentColor.title":        "Accent Color",
+
       // ── Onboard ──
       "onboard.title":              "Welcome to {{brand}}",
       "onboard.subtitle":           "Let's get you set up in a minute.",
@@ -920,6 +927,7 @@ const I18n = (() => {
 
       "error.insufficient_credit": "Insufficient LLM credit. Please top up your account to continue.",
       "error.insufficient_credit.action": "Top up",
+      "error.show_detail": "Show details",
 
       "billing.sessions":        "Sessions",
       "billing.sessionId":       "Session",
@@ -986,6 +994,9 @@ const I18n = (() => {
       "chat.newMessageHint": "有新消息 ↓",
       "chat.retry":          "重试",
       "chat.copy":           "复制",
+      "chat.todo.spawn":     "开干",
+      "chat.todo.spawning":  "创建中…",
+      "chat.todo.spawnFailed": "创建会话失败：{msg}",
       "chat.copied":         "已复制",
       "chat.continue":       "继续",
       "chat.edit":           "编辑",
@@ -1481,12 +1492,14 @@ const I18n = (() => {
       "settings.models.badge.default": "默认",
       "settings.models.badge.lite":    "轻量",
       "settings.media.title":         "配置副模型",
-      "settings.media.desc":          "可选。图片生成 / 视频生成 / 音频生成 / 视觉理解。",
+      "settings.media.desc":          "图片生成 / 视频生成 / 音频生成 / 语音转写 / 视频理解 / 视觉理解（可选）",
       "settings.media.loading":       "加载中…",
       "settings.media.error":         "加载失败：{{msg}}",
       "settings.media.kind.image":    "图片生成",
       "settings.media.kind.video":    "视频生成",
       "settings.media.kind.audio":    "音频生成",
+      "settings.media.kind.stt":      "语音转写",
+      "settings.media.kind.video_understanding": "视频理解",
       "settings.media.kind.ocr":      "视觉理解",
       "settings.media.source.off":    "关闭",
       "settings.media.source.auto":   "自动",
@@ -1514,6 +1527,13 @@ const I18n = (() => {
       "settings.media.apiKey.required":    "请填写 API Key",
       "settings.media.model.required":     "请填写模型名称",
       "settings.media.baseUrl.required":   "请填写 Base URL",
+      "settings.media.output_dir.desc":    "生成的图片、视频、音频文件保存位置（可选）",
+      "settings.media.output_dir.browse":  "选择目录…",
+      "settings.media.output_dir.picker":  "选择媒体输出目录",
+      "settings.media.output_dir.clear":   "清除",
+      "settings.media.output_dir.saved":   "已保存",
+      "settings.media.output_dir.cleared": "已清除",
+      "settings.media.output_dir.invalid": "目录无效",
       "settings.models.field.quicksetup": "快速配置",
       "settings.models.field.model":      "Model",
       "settings.models.field.baseurl":    "Base URL",
@@ -1644,6 +1664,8 @@ const I18n = (() => {
       "settings.currency.updated":         "已从 {{source}} 更新，日期 {{date}}",
       "settings.currency.updateFailed":    "获取最新汇率失败，仍可手动输入。",
 
+      "settings.accentColor.title":        "主色",
+
       // ── Onboard ──
       "onboard.title":              "欢迎使用 {{brand}}",
       "onboard.subtitle":           "一分钟完成配置，马上开始。",
@@ -1838,6 +1860,7 @@ const I18n = (() => {
 
       "error.insufficient_credit": "LLM（大模型）余额不足，请充值后继续使用。",
       "error.insufficient_credit.action": "去充值",
+      "error.show_detail": "查看详情",
       "billing.sessions":        "会话消耗",
       "billing.sessionId":       "会话",
       "billing.tokens":          "Token",

data/lib/clacky/web/index.html

@@ -890,6 +890,21 @@
               </label>
             </div>
           </section>
+
+          <!-- Accent Color section -->
+          <section class="settings-section" id="accent-color-section">
+            <div class="settings-section-title">
+              <span data-i18n="settings.accentColor.title">Accent Color</span>
+            </div>
+            <div class="settings-accent-swatches">
+              <button class="settings-accent-swatch swatch-indigo"         data-color="#4f46e5" title="Indigo"></button>
+              <button class="settings-accent-swatch swatch-aurora-blue"    data-color="#3B82F6" title="Aurora Blue"></button>
+              <button class="settings-accent-swatch swatch-forest-green"   data-color="#10B981" title="Forest Green"></button>
+              <button class="settings-accent-swatch swatch-sunrise-orange" data-color="#F59E0B" title="Sunrise Orange"></button>
+              <button class="settings-accent-swatch swatch-rose-violet"    data-color="#8B5CF6" title="Rose Violet"></button>
+              <button class="settings-accent-swatch swatch-coral-red"      data-color="#EF4444" title="Coral Red"></button>
+            </div>
+          </section>
         </div>
 
         <!-- ══ Tab: General ══ -->

data/lib/clacky/web/sessions.js

@@ -411,42 +411,27 @@ const Sessions = (() => {
       _hideNewMessageBanner();
     });
 
-    // Detect actual user scroll interactions (wheel, touch, keyboard)
-    // These fire BEFORE the scroll event, so we can set the flag reliably.
-    const detectUserScroll = (e) => {
-      // Only flag if user is scrolling up (negative deltaY = scroll up)
-      // For wheel events: deltaY < 0 means scroll up
-      // For touch/keyboard: check scroll position in the scroll event
-      const isWheelUp = e.type === "wheel" && e.deltaY < 0;
-      const isKeyboardUp = e.type === "keydown" && (e.key === "ArrowUp" || e.key === "PageUp" || e.key === "Home");
-      
-      if (isWheelUp || isKeyboardUp) {
-        _userScrolledUp = true;
-      }
-    };
-
-    messages.addEventListener("wheel", detectUserScroll, { passive: true });
-    messages.addEventListener("keydown", detectUserScroll);
-    
-    // For touch devices: touchmove doesn't tell us direction, so check in scroll event
-    let touchStartY = 0;
-    messages.addEventListener("touchstart", (e) => {
-      touchStartY = e.touches[0].clientY;
-    }, { passive: true });
-    
-    messages.addEventListener("touchmove", (e) => {
-      const touchDeltaY = e.touches[0].clientY - touchStartY;
-      // touchDeltaY > 0 means finger moved down = content scrolls up
-      if (touchDeltaY > 5) {
-        _userScrolledUp = true;
-      }
-    }, { passive: true });
-
-    // Monitor scroll position: clear flag when user reaches bottom
+    // Single source of truth for "is the user browsing history?": the scroll
+    // position itself. Every scrolling method — mouse wheel, dragging the
+    // scrollbar, keyboard (Up/PageUp/Home/Space), touch swipe and momentum
+    // scrolling — funnels through the `scroll` event, so reading the position
+    // here covers them all with no blind spots.
+    //
+    // The previous approach instead listened to specific input events
+    // (wheel/keydown/touchmove) to *infer* intent. Dragging the scrollbar
+    // fires `scroll` but none of those, so it was never detected and AI
+    // messages kept yanking the view back to the bottom — see C-5629.
+    //
+    // Streaming-append safety: appending content grows scrollHeight but leaves
+    // scrollTop untouched (verified in-browser, even with overflow-anchor:auto),
+    // so a content update never moves us "away from bottom" and never trips a
+    // false positive here. The 150px threshold in _isAtBottom is extra slack.
     messages.addEventListener("scroll", () => {
       if (_isAtBottom(messages)) {
         _userScrolledUp = false;
         _hideNewMessageBanner();
+      } else {
+        _userScrolledUp = true;
       }
     });
   }
@@ -468,30 +453,26 @@ const Sessions = (() => {
     document.getElementById("btn-new-session-inline")
       .addEventListener("click", () => Sessions.create("general"));
 
-    // Split button: arrow (toggle dropdown)
-    document.getElementById("btn-new-session-arrow")
-      .addEventListener("click", (e) => {
-        e.stopPropagation();
-        const dd = document.getElementById("new-session-dropdown");
-        dd.hidden = !dd.hidden;
-      });
+    // Split button: arrow — show dropdown on hover, hide when leaving the whole wrap
+    const arrow = document.getElementById("btn-new-session-arrow");
+    const wrap  = arrow.closest(".btn-split-wrap");
+    const dd    = document.getElementById("new-session-dropdown");
 
-    // Dropdown item "Advanced Options…" — delegated because the dropdown
-    // panel may be re-rendered; this keeps the binding stable.
+    arrow.addEventListener("mouseenter", () => { dd.hidden = false; });
+    dd.addEventListener("mouseenter",    () => { dd.hidden = false; });
+    wrap.addEventListener("mouseleave",  () => { dd.hidden = true; });
+    dd.addEventListener("mouseleave",    () => { dd.hidden = true; });
+
+    // Dropdown item "Advanced Options…"
     document.addEventListener("click", (e) => {
       if (e.target && e.target.id === "btn-new-session-modal") {
-        e.stopPropagation();
-        document.getElementById("new-session-dropdown").hidden = true;
+        dd.hidden = true;
         Sessions.openNewSessionModal();
+      } else if (!wrap.contains(e.target)) {
+        dd.hidden = true;
       }
     });
 
-    // Close dropdown when clicking anywhere else
-    document.addEventListener("click", () => {
-      const dd = document.getElementById("new-session-dropdown");
-      if (dd && !dd.hidden) dd.hidden = true;
-    });
-
     // Welcome screen "+ New Session" button
     document.getElementById("btn-welcome-new")
       .addEventListener("click", () => Sessions.create("general"));
@@ -1404,6 +1385,7 @@ const Sessions = (() => {
         el.dataset.raw = ev.content || "";
         el.innerHTML = _renderMarkdown(ev.content || "");
         _appendCopyButton(el);
+        _enhanceTaskItems(el, ev.content || "");
         container.appendChild(el);
         break;
       }
@@ -1667,6 +1649,7 @@ const Sessions = (() => {
                   code: session.error_code,
                   message: session.error,
                   top_up_url: session.top_up_url,
+                  raw_message: session.raw_message,
                 });
               } else {
                 Sessions.appendMsg("error", session.error);
@@ -1925,6 +1908,78 @@ const Sessions = (() => {
     _ensureCopyDelegation();
   }
 
+  // System feature: any assistant message containing GFM task-list items
+  // (`- [ ] ...`) gets a "spawn" button on each UNCHECKED item, turning a
+  // todo into its own session. The new session's first prompt is the item
+  // text plus the full message for context.
+  function _stripThink(text) {
+    if (!text) return "";
+    return text.replace(/<think>[\s\S]*?<\/think>/g, "").replace(/^\s+/, "");
+  }
+
+  function _enhanceTaskItems(el, rawText) {
+    const seen = new Set();
+    const context = _stripThink(rawText);
+    el.querySelectorAll("li").forEach((li) => {
+      const box = li.querySelector('input[type="checkbox"]');
+      if (!box || box.checked) return;          // only unchecked todos
+      if (seen.has(li)) return;
+      seen.add(li);
+
+      const text = li.textContent.trim();
+      if (!text) return;
+
+      const btn = document.createElement("button");
+      btn.type = "button";
+      btn.className = "msg-todo-spawn";
+      btn.title = I18n.t("chat.todo.spawn");
+      btn.textContent = I18n.t("chat.todo.spawn");
+      btn.dataset.todoText = text;
+      btn.dataset.todoContext = context;
+      li.appendChild(btn);
+    });
+    _ensureTodoSpawnDelegation();
+  }
+
+  let _todoSpawnDelegationInstalled = false;
+  function _ensureTodoSpawnDelegation() {
+    if (_todoSpawnDelegationInstalled) return;
+    const messages = RenderTarget.outer();
+    if (!messages) return;
+    _todoSpawnDelegationInstalled = true;
+    messages.addEventListener("click", (e) => {
+      const btn = e.target.closest(".msg-todo-spawn");
+      if (!btn) return;
+      e.preventDefault();
+      e.stopPropagation();
+      _spawnFromTodo(btn);
+    });
+  }
+
+  async function _spawnFromTodo(btn) {
+    if (btn.disabled) return;
+    btn.disabled = true;
+    const original = btn.textContent;
+    btn.textContent = I18n.t("chat.todo.spawning");
+
+    const todoText = btn.dataset.todoText || "";
+    const context  = btn.dataset.todoContext || "";
+    const prompt =
+      `Task:\n${todoText}\n\n` +
+      `--- Context (the message this task came from) ---\n${context}`;
+
+    try {
+      await Sessions.startWith(prompt, {
+        name: todoText.slice(0, 60),
+        display: `📋 ${todoText}`,
+      });
+    } catch (err) {
+      btn.disabled = false;
+      btn.textContent = original;
+      alert(I18n.t("chat.todo.spawnFailed", { msg: err.message }));
+    }
+  }
+
   // Install the click-delegation listener on #messages exactly once.
   // Handles copy clicks for all current AND future assistant bubbles
   // AND code block copy buttons.
@@ -2338,6 +2393,36 @@ const Sessions = (() => {
       }
     },
 
+    // Create a session, queue a command to run once subscribed, and navigate to
+    // it. The user bubble is rendered locally on the "subscribed" event (see
+    // ws-dispatcher), so callers never touch history or WS timing.
+    // Returns the created session.
+    async startWith(command, { name, source = "setup", display = null } = {}) {
+      if (!name) {
+        const maxN = _sessions.reduce((max, s) => {
+          const m = s.name && s.name.match(/^Session (\d+)$/);
+          return m ? Math.max(max, parseInt(m[1], 10)) : max;
+        }, 0);
+        name = "Session " + (maxN + 1);
+      }
+
+      const res  = await fetch("/api/sessions", {
+        method:  "POST",
+        headers: { "Content-Type": "application/json" },
+        body:    JSON.stringify({ name, source }),
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error || "failed to create session");
+      const session = data.session;
+      if (!session) throw new Error("no session returned");
+
+      Sessions.add(session);
+      Sessions.renderList();
+      Sessions.setPendingMessage(session.id, command, display);
+      Sessions.select(session.id);
+      return session;
+    },
+
     /** Patch a single session's fields (from session_update event).
      *  If the session is not in the list yet (e.g. just created by another tab),
      *  prepend it so the sidebar shows it immediately. */
@@ -3508,6 +3593,7 @@ const Sessions = (() => {
         el.dataset.raw = html || "";
         el.innerHTML = _renderMarkdown(html);
         _appendCopyButton(el);
+        _enhanceTaskItems(el, html || "");
       } else {
         el.innerHTML = html;
       }
@@ -3535,7 +3621,11 @@ const Sessions = (() => {
             });
             retryBtn.disabled = true;
           };
+          // Move any .error-raw-detail to after the retry button
+          const rawDetail = el.querySelector(".error-raw-detail");
+          if (rawDetail) el.removeChild(rawDetail);
           el.appendChild(retryBtn);
+          if (rawDetail) el.appendChild(rawDetail);
         }
         messages.appendChild(el);
       }
@@ -3928,8 +4018,8 @@ const Sessions = (() => {
     },
 
     /** Register a slash-command message to send after subscribe is confirmed. */
-    setPendingMessage(sessionId, content) {
-      _pendingMessage = { session_id: sessionId, content };
+    setPendingMessage(sessionId, content, display = null) {
+      _pendingMessage = { session_id: sessionId, content, display };
     },
 
     /** Consume and return the pending message (clears it). */