Initial commit: note-taking/task-tracking app with LLM integration scaffold

Vue 3 + TypeScript frontend with Pinia stores, markdown rendering (marked + DOMPurify),
wikilink/tag linkification, and autocomplete. Quart async backend with SQLAlchemy 2.0,
PostgreSQL ARRAY columns, task-note companion linking, backlinks, and note-to-task
conversion. Docker Compose setup with PostgreSQL 16 and Ollama.

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

frontend/src/components/MarkdownToolbar.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+const emit = defineEmits<{
+  insert: [before: string, after: string, placeholder: string];
+}>();
+
+const buttons = [
+  { label: "B", before: "**", after: "**", placeholder: "bold", title: "Bold" },
+  { label: "I", before: "_", after: "_", placeholder: "italic", title: "Italic" },
+  { label: "H1", before: "# ", after: "", placeholder: "Heading", title: "Heading 1" },
+  { label: "H2", before: "## ", after: "", placeholder: "Heading", title: "Heading 2" },
+  { label: "Link", before: "[", after: "](url)", placeholder: "text", title: "Link" },
+  { label: "UL", before: "- ", after: "", placeholder: "item", title: "Bullet List" },
+  { label: "OL", before: "1. ", after: "", placeholder: "item", title: "Numbered List" },
+  { label: "`", before: "`", after: "`", placeholder: "code", title: "Inline Code" },
+  { label: "```", before: "```\n", after: "\n```", placeholder: "code block", title: "Code Block" },
+];
+</script>
+
+<template>
+  <div class="md-toolbar">
+    <button
+      v-for="btn in buttons"
+      :key="btn.label"
+      class="md-btn"
+      :title="btn.title"
+      @click="emit('insert', btn.before, btn.after, btn.placeholder)"
+    >
+      {{ btn.label }}
+    </button>
+  </div>
+</template>
+
+<style scoped>
+.md-toolbar {
+  display: flex;
+  gap: 2px;
+  flex-wrap: wrap;
+}
+.md-btn {
+  padding: 0.25rem 0.5rem;
+  border: 1px solid var(--color-input-border);
+  border-radius: 3px;
+  background: var(--color-bg-card);
+  color: var(--color-text);
+  cursor: pointer;
+  font-size: 0.8rem;
+  font-family: inherit;
+  line-height: 1;
+}
+.md-btn:hover {
+  background: var(--color-bg-secondary);
+}
+</style>