Please apply the following diffs and create a pull request.
Once the PR is ready, give it a title based on the messages of the fixes being applied.

[{"message":"Import path inconsistency: This uses 'bquery/reactive' while earlier examples use '@bquery/bquery/reactive'. The import path should be consistent throughout the documentation.","fixFiles":[{"filePath":"docs/guide/agents.md","diff":"diff --git a/docs/guide/agents.md b/docs/guide/agents.md\n--- a/docs/guide/agents.md\n+++ b/docs/guide/agents.md\n@@ -78,7 +78,7 @@\n ### Streaming responses (token updates)\n \n ```ts\n-import { signal, effect } from 'bquery/reactive';\n+import { signal, effect } from '@bquery/bquery/reactive';\n \n const reply = signal('');\n \n"}]},{"message":"Import path inconsistency: This uses 'bquery/component' while other examples use '@bquery/bquery/...' format. The import path should be consistent with the established pattern.","fixFiles":[{"filePath":"docs/guide/agents.md","diff":"diff --git a/docs/guide/agents.md b/docs/guide/agents.md\n--- a/docs/guide/agents.md\n+++ b/docs/guide/agents.md\n@@ -109,7 +109,7 @@\n ### 3) Components for reusable UI parts\n \n ```ts\n-import { component, html } from 'bquery/component';\n+import { component, html } from '@bquery/bquery/component';\n \n component('tool-pill', {\n   props: { name: { type: String, required: true } },\n"}]},{"message":"Missing error handling for the JSON parsing and network response. If the response is not valid JSON or the request fails, this will throw an unhandled error without providing helpful feedback to users.","fixFiles":[{"filePath":"docs/guide/agents.md","diff":"diff --git a/docs/guide/agents.md b/docs/guide/agents.md\n--- a/docs/guide/agents.md\n+++ b/docs/guide/agents.md\n@@ -62,16 +62,39 @@\n   });\n \n   // Backend call (agent logic server-side)\n-  const res = await fetch('/api/agent', {\n-    method: 'POST',\n-    headers: { 'Content-Type': 'application/json' },\n-    body: JSON.stringify({ prompt }),\n-  });\n+  try {\n+    const res = await fetch('/api/agent', {\n+      method: 'POST',\n+      headers: { 'Content-Type': 'application/json' },\n+      body: JSON.stringify({ prompt }),\n+    });\n \n-  const { reply } = await res.json();\n+    if (!res.ok) {\n+      // Try to read error details, but fall back to status text\n+      let errorMessage = `Request failed with status ${res.status}`;\n+      try {\n+        const errorBody = await res.text();\n+        if (errorBody) {\n+          errorMessage += `: ${errorBody}`;\n+        }\n+      } catch {\n+        // ignore secondary errors from reading the body\n+      }\n+      throw new Error(errorMessage);\n+    }\n \n-  // replace the last \"Agent: …\"\n-  messages.value = messages.value.slice(0, -1).concat(`Agent: ${reply}`);\n+    const data = await res.json();\n+    const reply = (data as { reply?: string }).reply ?? '';\n+\n+    // replace the last \"Agent: …\"\n+    messages.value = messages.value.slice(0, -1).concat(`Agent: ${reply}`);\n+  } catch (err) {\n+    console.error('Agent request failed:', err);\n+    // replace the last \"Agent: …\" with an error message\n+    messages.value = messages.value\n+      .slice(0, -1)\n+      .concat('Agent: (error getting response, please try again)');\n+  }\n });\n ```\n \n"}]},{"message":"[nitpick] The type assertion 'as string | undefined' suggests uncertainty about the return type. Consider using proper type guards or ensuring the input element exists and has the expected type instead of casting.","fixFiles":[{"filePath":"docs/guide/agents.md","diff":"diff --git a/docs/guide/agents.md b/docs/guide/agents.md\n--- a/docs/guide/agents.md\n+++ b/docs/guide/agents.md\n@@ -53,7 +53,8 @@\n });\n \n $('#send').on('click', async () => {\n-  const prompt = (input.val() as string | undefined)?.trim();\n+  const raw = input.val();\n+  const prompt = typeof raw === 'string' ? raw.trim() : undefined;\n   if (!prompt) return;\n \n   batch(() => {\n"}]}]