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/ToastNotification.vue

@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { useToastStore } from "@/stores/toast";
+
+const toastStore = useToastStore();
+</script>
+
+<template>
+  <div class="toast-container">
+    <transition-group name="toast">
+      <div
+        v-for="toast in toastStore.toasts"
+        :key="toast.id"
+        class="toast"
+        :class="`toast--${toast.type}`"
+      >
+        {{ toast.message }}
+      </div>
+    </transition-group>
+  </div>
+</template>
+
+<style scoped>
+.toast-container {
+  position: fixed;
+  top: 1rem;
+  right: 1rem;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.toast {
+  padding: 0.75rem 1.25rem;
+  border-radius: 6px;
+  color: #fff;
+  font-size: 0.9rem;
+  box-shadow: 0 2px 8px var(--color-shadow);
+  min-width: 200px;
+}
+.toast--success {
+  background: var(--color-toast-success);
+}
+.toast--error {
+  background: var(--color-toast-error);
+}
+.toast-enter-active,
+.toast-leave-active {
+  transition: all 0.3s ease;
+}
+.toast-enter-from {
+  opacity: 0;
+  transform: translateX(100%);
+}
+.toast-leave-to {
+  opacity: 0;
+  transform: translateY(-20px);
+}
+</style>