UI polish pass: word count, slash commands, task lists, graph peek, bulk delete, export

- WordCount component (toggle words/chars vs read time, persisted mode)
- TipTap: TaskList/TaskItem extensions, slash command menu (H1-H3, lists, code, quote, task)
- Markdown serializer: task list → `- [ ]` / `- [x]` roundtrip
- GraphView: slide-in peek panel for note/task nodes (body, tags, linked nodes); tag nodes still navigate
- ChatView: bulk-select conversations with two-click confirm delete + chat retention policy (default 90d)
- NoteEditorView: pill tab bar with animated edit/preview toggle + WordCount in toolbar
- WorkspaceNoteEditor: inline search with tag matching, inline new-note creation, WordCount
- WorkspaceTaskPanel: task body rendered in slide-over + Edit link
- Settings: data export (Markdown ZIP / JSON) via GET /api/export
- Accessibility: skip-to-content link, aria-labels on all icon-only buttons
- Fix: export route used non-existent fabledassistant.database — corrected to async_session()
- Fix: ToolCallRecord.status type now includes "running" (was causing TS build error)
- Dockerfile: upgrade npm to latest before install to suppress major-version notice
- npm audit fix: patched minimatch (ReDoS) and rollup (path traversal) — 0 vulnerabilities

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/components/WorkspaceTaskPanel.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from "vue";
+import { RouterLink } from "vue-router";
 import { apiGet, apiPatch, apiPost, apiDelete } from "@/api/client";
 import { useToastStore } from "@/stores/toast";
 import TaskLogSection from "@/components/TaskLogSection.vue";
+import { renderMarkdown } from "@/utils/markdown";
 
 const props = defineProps<{ projectId: number }>();
 
@@ -23,6 +25,7 @@ interface Task {
   milestone_id: number | null;
   due_date: string | null;
   updated_at: string;
+  body?: string;
 }
 
 const tasks = ref<Task[]>([]);
@@ -31,6 +34,8 @@ const loading = ref(false);
 
 // Detail slide-over
 const activeTask = ref<Task | null>(null);
+const taskBody = ref("");
+const loadingBody = ref(false);
 
 // Collapsed milestone groups (set of milestone IDs, null = "No Milestone" group)
 const collapsedGroups = ref<Set<number | null>>(new Set());
@@ -97,12 +102,25 @@ function toggleGroup(key: number | null) {
   }
 }
 
-function openTask(task: Task) {
+async function openTask(task: Task) {
   activeTask.value = task;
+  taskBody.value = task.body ?? "";
+  loadingBody.value = true;
+  try {
+    const full = await apiGet<Task>(`/api/tasks/${task.id}`);
+    taskBody.value = full.body ?? "";
+    // Update cached task so re-opens don't re-fetch if unchanged
+    task.body = full.body;
+  } catch {
+    // Non-critical — body just won't show
+  } finally {
+    loadingBody.value = false;
+  }
 }
 
 function closeTask() {
   activeTask.value = null;
+  taskBody.value = "";
   deleteConfirmPending.value = false;
 }
 
@@ -194,6 +212,12 @@ defineExpose({ reload: loadAll });
       <div v-if="activeTask" class="task-detail">
         <div class="detail-header">
           <button class="btn-back-arrow" @click="closeTask">← Tasks</button>
+          <RouterLink
+            :to="`/tasks/${activeTask.id}/edit`"
+            target="_blank"
+            class="btn-edit-task"
+            title="Open full editor"
+          >Edit ↗</RouterLink>
           <span
             :class="['status-badge', `status-${activeTask.status}`]"
             @click="cycleStatus(activeTask, $event)"
@@ -206,7 +230,7 @@ defineExpose({ reload: loadAll });
             <button class="btn-delete-confirm" :disabled="deletingTask" @click="deleteActiveTask">
               {{ deletingTask ? '...' : 'Delete?' }}
             </button>
-            <button class="btn-delete-cancel" @click="cancelDeleteTask">✕</button>
+            <button class="btn-delete-cancel" aria-label="Cancel delete" @click="cancelDeleteTask">✕</button>
           </template>
           <button v-else class="btn-delete-task" title="Delete task" @click="deleteActiveTask">
             <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/></svg>
@@ -233,6 +257,11 @@ defineExpose({ reload: loadAll });
           </select>
         </div>
 
+        <div v-if="taskBody || loadingBody" class="detail-body">
+          <div v-if="loadingBody" class="body-loading">…</div>
+          <div v-else class="prose" v-html="renderMarkdown(taskBody)" />
+        </div>
+
         <div class="detail-log">
           <TaskLogSection :task-id="activeTask.id" />
         </div>
@@ -527,6 +556,38 @@ defineExpose({ reload: loadAll });
 .status-badge.status-in_progress { border-color: var(--color-primary); color: var(--color-primary); background: color-mix(in srgb, var(--color-primary) 10%, transparent); }
 .status-badge.status-done { border-color: var(--color-success, #27ae60); color: var(--color-success, #27ae60); background: color-mix(in srgb, var(--color-success, #27ae60) 10%, transparent); }
 
+.btn-edit-task {
+  background: none;
+  border: none;
+  color: var(--color-primary);
+  font-size: 0.78rem;
+  cursor: pointer;
+  padding: 0.1rem 0.3rem;
+  border-radius: 3px;
+  text-decoration: none;
+  flex-shrink: 0;
+}
+.btn-edit-task:hover { text-decoration: underline; }
+
+.detail-body {
+  padding: 0.5rem 0.75rem 0.5rem;
+  border-bottom: 1px solid var(--color-border);
+  flex-shrink: 0;
+  max-height: 40%;
+  overflow-y: auto;
+}
+
+.body-loading {
+  font-size: 0.8rem;
+  color: var(--color-text-muted);
+}
+
+.detail-body .prose {
+  font-size: 0.83rem;
+  line-height: 1.5;
+  color: var(--color-text);
+}
+
 .btn-delete-task {
   background: none;
   border: none;