feat(view,tests): query blocks stay code in text the agent did not write

Same two misses as the calendar's: the four-frame watch stopped before
Obsidian hid its navbar - a second move of the ground, after the keyboard's
own - and a trigger that arrived while a watch was running was dropped rather
than restarting it. The watch now needs twelve steady frames, restarts on
every trigger, and listens to Obsidian's Capacitor keyboard events too.

README.md

@@ -7,6 +7,10 @@ Two things:
 - **The panel**: Beaver's conversations next to your notes - the master thread, branches, deep chats - with the live tree of tool calls and subagents, the composer, and the same actions the admin has (branch with a seed, return a branch to Telegram or hide it, the memory flag, close with a digest). A narrow sidedock column, a full tab, or the phone screen. It follows the active note's `conversation_id` unless you pin it.
 - **Send the current note** to Beaver's markdown frontend (`POST /chat/stream`) and stream the agent's reply back into the buffer.
 
+![The panel as a tab: the conversation rail on the left, the master thread with its tool calls on the right](docs/panel-tab.webp)
+
+![The panel as a column in the right sidedock, next to the note](docs/panel-column.webp)
+
 ## Commands
 
 - **Beaver: Open panel in a tab** - the wide layout with the conversation rail on the left (also the ribbon icon).
@@ -20,7 +24,7 @@ The UI is `beaver-gateway/ui/src/lib/panel`, compiled into this plugin by `esbui
 
 Theme: `src/tailwind.css` maps the panel's tokens onto Obsidian's variables on `.beaver-root`, exactly as beaver-calendar does with `.bcal-root` - the app's font, accent, radii and the current theme, light or dark. Menus and dialogs portal to a `.beaver-root.beaver-portal` layer on `body`, above the sidedocks.
 
-Markdown in the thread goes through Obsidian's `MarkdownRenderer`: `[[links]]` open the note, external links open the browser. A deep chat's row offers **Open note** (its markdown binding, under the vault subpath).
+Markdown in the thread goes through Obsidian's `MarkdownRenderer`: `[[links]]` open the note, external links open the browser. A deep chat's row offers **Open note** (its markdown binding, under the chats folder).
 
 Layout: below 48rem of panel width the conversation switcher sits in the header (kind, title, live dot, follow toggle); wider than that the grouped rail (master, branches, deep chats, jobs) sits on the left. Right-click a row for its actions; on touch the `…` button is always visible. `↑`/`↓` walk the rows, `/` jumps to the search, `⌘↩` sends.
 
@@ -29,7 +33,7 @@ Layout: below 48rem of panel width the conversation switcher sits in the header
 - **Base URL** - markdown frontend root, e.g. `https://host/md`.
 - **API origin** - where `/api/…` lives; empty derives it from the base URL (`…/md` → `…`).
 - **Bearer token** - `messages` scope for sending, `api` scope for the panel (or a `*` bootstrap token).
-- **Vault subpath** - the folder in this vault that maps to the gateway's vault root.
+- **Chats folder** - the folder in this vault where the deep chats live, the one the gateway's markdown frontend writes to. Paths the gateway hands out are relative to it.
 
 Changing settings remounts open panels.
 

preview/entry.ts

@@ -54,11 +54,11 @@ async function main(): Promise<void> {
   mount(App, {
     props: {
       app: app as never,
+      chatsFolder: () => "💬 чаты",
       client: scene === "offline" ? null : client,
       component: new Component() as never,
       onOpenSettings: () => console.log("settings"),
       state,
-      vaultSubpath: () => "💬 чаты",
     },
     target: document.getElementById("app") as HTMLElement,
   });

preview/fake-client.ts

@@ -223,7 +223,12 @@ function stamped(messages: HistoryMessage[]): HistoryMessage[] {
 
 const HISTORY: Record<string, HistoryMessage[]> = {
   [MASTER]: [
-    { content: "с утра: дневник приехал? что в хендауте", role: "user" },
+    {
+      content: "с утра: дневник приехал? что в хендауте",
+      role: "user",
+      service:
+        "[envelope - background signal, not a message; react only if it bears on the question]\ntime: 2026-08-29 06:04 (Warsaw)\nvault, changed since 05:09: 📅 дни/2026-08-29.md (+4)\n--- 📅 дни/2026-08-29.md, added lines only ---\n+ # планы\n+ просрочены:\n+ ```tasks\n+ not done\n+ 06:04 - пожалуй пойду спать",
+    },
     {
       content:
         "Приехал. В [[2026-08-28|хендауте]] два хвоста: **бластер** ждёт выбора модели, и **ufw на dell** - порт 62990 снаружи молчит. Ветка по ufw открыта, см. [[ufw на dell]].",
@@ -232,6 +237,11 @@ const HISTORY: Record<string, HistoryMessage[]> = {
     { content: "ок, гони ufw", role: "user" },
     {
       content: [
+        {
+          thinking:
+            "The firewall rule and the proxy config can disagree in two ways: the port is closed, or nothing listens behind it. Reading the Caddy site first tells me which port the outside is supposed to reach at all.",
+          type: "thinking",
+        },
         {
           text: "Смотрю правила через `ssh dell` и сверяю с `site.caddy`.",
           type: "text",
@@ -242,6 +252,12 @@ const HISTORY: Record<string, HistoryMessage[]> = {
           name: "Bash",
           type: "tool_use",
         },
+        {
+          id: "tu_say",
+          input: { text: "Нашёл: снаружи должен отвечать 443, не 62990." },
+          name: "mcp__gateway__say",
+          type: "tool_use",
+        },
       ],
       role: "assistant",
     },

src/main.ts

@@ -230,7 +230,16 @@ export default class BeaverPlugin extends Plugin {
   }
 
   async loadSettings(): Promise<void> {
-    this.settings = { ...DEFAULT_SETTINGS, ...(await this.loadData()) };
+    const stored = ((await this.loadData()) ??
+      {}) as Partial<BeaverSettings> & {
+      vaultSubpath?: string;
+    };
+    // The setting used to be called "vault subpath"; carry the value over.
+    const { vaultSubpath, ...rest } = stored;
+    this.settings = { ...DEFAULT_SETTINGS, ...rest };
+    if (vaultSubpath && !rest.chatsFolder) {
+      this.settings.chatsFolder = vaultSubpath;
+    }
   }
 
   async saveSettings(): Promise<void> {
@@ -431,16 +440,16 @@ export default class BeaverPlugin extends Plugin {
   }
 
   private gatewayFilename(file: TFile): string | null {
-    const subpath = this.settings.vaultSubpath;
-    if (!subpath) {
+    const folder = this.settings.chatsFolder;
+    if (!folder) {
       return file.path;
     }
-    const prefix = `${subpath}/`;
-    if (file.path === subpath || file.path.startsWith(prefix)) {
+    const prefix = `${folder}/`;
+    if (file.path === folder || file.path.startsWith(prefix)) {
       return file.path.slice(prefix.length);
     }
     new Notice(
-      `Beaver: file ${file.path} is outside the configured vault subpath (${subpath})`,
+      `Beaver: file ${file.path} is outside the chats folder (${folder})`,
       8000
     );
     return null;

src/settings.ts

@@ -5,18 +5,20 @@ import type BeaverPlugin from "./main";
 export interface BeaverSettings {
   apiBaseUrl: string;
   baseUrl: string;
+  // Folder in this vault where the deep chats live: the gateway's markdown
+  // frontend reads and writes there, so paths it hands out are relative to it.
+  chatsFolder: string;
   token: string;
-  vaultSubpath: string;
 }
 
 export const DEFAULT_SETTINGS: BeaverSettings = {
   apiBaseUrl: "",
   baseUrl: "http://localhost:62993",
+  chatsFolder: "",
   token: "",
-  vaultSubpath: "",
 };
 
-export function normalizeSubpath(raw: string): string {
+export function normalizeFolder(raw: string): string {
   return raw.trim().replace(/^\/+|\/+$/g, "");
 }
 
@@ -93,17 +95,18 @@ export class BeaverSettingsTab extends PluginSettingTab {
       });
 
     new Setting(containerEl)
-      .setName("Vault subpath")
+      .setName("Chats folder")
       .setDesc(
-        "Folder in this Obsidian vault that maps to the gateway's vault root. " +
-          "Leave empty if the two vault roots match. Example: `💬 чаты`."
+        "Folder in this vault where the deep chats live - the one the gateway's " +
+          "markdown frontend writes to. Leave empty if the chats sit at the vault root. " +
+          "Example: `💬 чаты`."
       )
       .addText((text) =>
         text
           .setPlaceholder("")
-          .setValue(this.plugin.settings.vaultSubpath)
+          .setValue(this.plugin.settings.chatsFolder)
           .onChange(async (value) => {
-            this.plugin.settings.vaultSubpath = normalizeSubpath(value);
+            this.plugin.settings.chatsFolder = normalizeFolder(value);
             await this.plugin.saveSettings();
           })
       );

src/ui/app.svelte

@@ -14,14 +14,14 @@
 
   interface Props {
     app: ObsidianApp;
+    chatsFolder: () => string;
     client: ApiClient | null;
     component: Component;
     onOpenSettings: () => void;
     state: PanelState;
-    vaultSubpath: () => string;
   }
 
-  let { app, client, component, onOpenSettings, state, vaultSubpath }: Props =
+  let { app, client, component, onOpenSettings, state, chatsFolder }: Props =
     $props();
 
   // Menus hang off body, not off the view: Obsidian's sidedocks paint above
@@ -41,9 +41,9 @@
   const host = providePanelHost({
     ...obsidianHost({
       app,
+      chatsFolder,
       component,
       sourcePath: () => state.sourcePath,
-      vaultSubpath,
     }),
     cache,
   });

src/ui/host.ts

@@ -1,14 +1,27 @@
 import type { App, Component } from "obsidian";
-import { MarkdownRenderer, Platform } from "obsidian";
+import { MarkdownPreviewRenderer, MarkdownRenderer, Platform } from "obsidian";
+import { inertFences } from "$lib/panel/fences";
 import type { PanelHost } from "$lib/panel/host";
 
 export interface HostOptions {
   app: App;
+  // Folder in this vault that maps to the gateway's vault root.
+  // Where the deep chats live in this vault; gateway paths are relative to it.
+  chatsFolder: () => string;
   component: Component;
   // The note the panel currently follows; link resolution starts from it.
   sourcePath: () => string;
-  // Folder in this vault that maps to the gateway's vault root.
-  vaultSubpath: () => string;
+}
+
+const QUERY_LANGUAGES = new Set(["tasks", "dataview", "dataviewjs", "query"]);
+
+function runs(language: string): boolean {
+  const registered = (
+    MarkdownPreviewRenderer as unknown as {
+      codeBlockPostProcessors?: Record<string, unknown>;
+    }
+  ).codeBlockPostProcessors;
+  return QUERY_LANGUAGES.has(language) || language in (registered ?? {});
 }
 
 // The Obsidian side of the panel: markdown through the app's own renderer,
@@ -16,12 +29,12 @@ export interface HostOptions {
 export function obsidianHost(options: HostOptions): PanelHost {
   const { app, component } = options;
   return {
-    markdown(node, text) {
+    markdown(node, text, { inert = false } = {}) {
       let alive = true;
       const staging = document.createElement("div");
       MarkdownRenderer.render(
         app,
-        text,
+        inert ? inertFences(text, runs) : text,
         staging,
         options.sourcePath(),
         component
@@ -47,8 +60,8 @@ export function obsidianHost(options: HostOptions): PanelHost {
       window.open(target);
     },
     openNote(path) {
-      const subpath = options.vaultSubpath();
-      const full = subpath ? `${subpath}/${path}` : path;
+      const folder = options.chatsFolder();
+      const full = folder ? `${folder}/${path}` : path;
       app.workspace.openLinkText(full, "", false).catch(() => undefined);
     },
     touch: Platform.isMobile,

src/view.ts

@@ -13,9 +13,18 @@ export const VIEW_TYPE_PANEL = "beaver-panel";
 // sits under every view, including the one filling the screen.
 const BOTTOM_BARS = [".status-bar", ".mobile-navbar", ".mobile-toolbar"];
 
-// The keyboard and the navbar both animate. Rather than guess how long that
-// takes, the inset is re-measured every frame until the reading holds still.
-const STEADY_FRAMES = 4;
+// The keyboard and the navbar both animate, and Obsidian hides the navbar
+// *after* the keyboard is up: the inset is re-measured every frame until the
+// reading has held still long enough to outlast both moves.
+const STEADY_FRAMES = 12;
+
+/** Obsidian's Capacitor keyboard events on mobile; absent on the desktop. */
+const KEYBOARD_EVENTS = [
+  "keyboardWillShow",
+  "keyboardDidShow",
+  "keyboardWillHide",
+  "keyboardDidHide",
+] as const;
 
 interface SavedState {
   follow?: unknown;
@@ -106,6 +115,14 @@ export class PanelView extends ItemView {
     // out the navbar comes back, so the leaf has to be re-measured after.
     this.registerDomEvent(this.contentEl, "focusin", () => this.settle());
     this.registerDomEvent(this.contentEl, "focusout", () => this.settle());
+    // Obsidian's own keyboard events (Capacitor, mobile only) fire before the
+    // animation and again as the navbar returns, which visualViewport alone
+    // does not always report.
+    for (const name of KEYBOARD_EVENTS) {
+      const onKeyboard = () => this.settle();
+      window.addEventListener(name, onKeyboard);
+      this.register(() => window.removeEventListener(name, onKeyboard));
+    }
     this.follow(this.app.workspace.getActiveFile());
     this.plugin.views.add(this);
     this.mountApp();
@@ -121,11 +138,13 @@ export class PanelView extends ItemView {
    * which is the case in a sidedock drawer.
    */
   private settle(): void {
-    if (this.settling !== null) {
-      return;
-    }
     let last = Number.NaN;
     let steady = 0;
+    // A fresh trigger restarts the watch rather than being dropped: the navbar
+    // coming back is a second move, after the first one has settled.
+    if (this.settling !== null) {
+      cancelAnimationFrame(this.settling);
+    }
     const tick = () => {
       const floor = this.inset();
       steady = floor === last ? steady + 1 : 0;
@@ -212,11 +231,11 @@ export class PanelView extends ItemView {
     this.root = mount(App, {
       props: {
         app: this.app,
+        chatsFolder: () => this.plugin.settings.chatsFolder,
         client: this.plugin.apiClient(),
         component: this,
         onOpenSettings: () => this.plugin.openSettings(),
         state: this.state,
-        vaultSubpath: () => this.plugin.settings.vaultSubpath,
       },
       target: this.contentEl,
     });

tests/inert.test.ts

@@ -0,0 +1,27 @@
+import { describe, expect, it } from "vitest";
+import { inertFences } from "$lib/panel/fences";
+
+const runs = (language: string) => ["tasks", "dataview"].includes(language);
+
+describe("inertFences", () => {
+  it("turns a query block into code", () => {
+    expect(inertFences("```tasks\nnot done\n```", runs)).toBe(
+      "```text\nnot done\n```"
+    );
+    expect(inertFences("~~~Dataview\nlist\n~~~", runs)).toBe(
+      "~~~text\nlist\n~~~"
+    );
+  });
+
+  it("reaches a block opened inside a list item or a quote", () => {
+    expect(inertFences("+ ```tasks\n+ not done", runs)).toBe(
+      "+ ```text\n+ not done"
+    );
+    expect(inertFences("> 1. ````tasks {x}", runs)).toBe("> 1. ````text {x}");
+  });
+
+  it("leaves ordinary code and closing fences alone", () => {
+    const text = "```python\nprint(1)\n```\ninline `tasks` stays";
+    expect(inertFences(text, runs)).toBe(text);
+  });
+});

tests/obsidian-stub.ts

@@ -34,6 +34,12 @@ export const moment = () => undefined;
 export const requestUrl = () =>
   Promise.reject(new Error("no network in the stub"));
 export const setIcon = () => undefined;
+export const MarkdownPreviewRenderer = {
+  codeBlockPostProcessors: { tasks: () => undefined } as Record<
+    string,
+    unknown
+  >,
+};
 
 function escapeHtml(value: string): string {
   return value

tests/smoke.mjs

@@ -137,11 +137,11 @@ const target = dom.window.document.body;
 const instance = mount(App, {
   props: {
     app,
+    chatsFolder: () => "💬 чаты",
     client,
     component: new Component(),
     onOpenSettings: () => {},
     state,
-    vaultSubpath: () => "💬 чаты",
   },
   target,
 });

vitest.config.ts

@@ -3,6 +3,7 @@ import { defineConfig } from "vitest/config";
 export default defineConfig({
   resolve: {
     alias: {
+      $lib: new URL("../beaver-gateway/ui/src/lib", import.meta.url).pathname,
       obsidian: new URL("./tests/obsidian-stub.ts", import.meta.url).pathname,
     },
   },