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/assets/prose.css

@@ -0,0 +1,145 @@
+.prose {
+  line-height: 1.6;
+}
+
+.prose h1 {
+  margin: 1.25rem 0 0.5rem;
+  font-size: 1.5rem;
+}
+
+.prose h2 {
+  margin: 1rem 0 0.4rem;
+  font-size: 1.3rem;
+}
+
+.prose h3 {
+  margin: 0.75rem 0 0.3rem;
+  font-size: 1.1rem;
+}
+
+.prose h4,
+.prose h5,
+.prose h6 {
+  margin: 0.5rem 0 0.25rem;
+}
+
+.prose p {
+  margin: 0 0 0.6rem;
+}
+
+.prose ul,
+.prose ol {
+  margin: 0 0 0.6rem;
+  padding-left: 1.5rem;
+}
+
+.prose li {
+  margin-bottom: 0.2rem;
+}
+
+.prose pre {
+  background: var(--color-code-bg);
+  border: 1px solid var(--color-border);
+  border-radius: 6px;
+  padding: 0.75rem;
+  overflow-x: auto;
+  margin: 0 0 0.6rem;
+}
+
+.prose pre code {
+  background: none;
+  padding: 0;
+  border-radius: 0;
+  font-size: 0.9em;
+}
+
+.prose code {
+  background: var(--color-code-inline-bg);
+  border-radius: 3px;
+  padding: 0.15rem 0.35rem;
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
+    "Liberation Mono", monospace;
+  font-size: 0.9em;
+}
+
+.prose table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 0 0 0.6rem;
+}
+
+.prose th,
+.prose td {
+  border: 1px solid var(--color-border);
+  padding: 0.4rem 0.6rem;
+  text-align: left;
+}
+
+.prose thead th {
+  background: var(--color-bg-secondary);
+  font-weight: 600;
+}
+
+.prose tbody tr:nth-child(even) {
+  background: var(--color-table-stripe);
+}
+
+.prose blockquote {
+  border-left: 3px solid var(--color-border);
+  margin: 0 0 0.6rem;
+  padding: 0.25rem 0 0.25rem 0.75rem;
+  color: var(--color-text-secondary);
+}
+
+.prose blockquote p:last-child {
+  margin-bottom: 0;
+}
+
+.prose hr {
+  border: none;
+  border-top: 1px solid var(--color-border);
+  margin: 1rem 0;
+}
+
+.prose img {
+  max-width: 100%;
+  height: auto;
+}
+
+.prose a {
+  color: var(--color-primary);
+  text-decoration: none;
+}
+
+.prose a:hover {
+  text-decoration: underline;
+}
+
+.prose .inline-tag {
+  color: var(--color-tag-text);
+  background: var(--color-tag-bg);
+  padding: 0.1rem 0.35rem;
+  border-radius: 4px;
+  text-decoration: none;
+  font-size: 0.9em;
+}
+
+.prose .inline-tag:hover {
+  filter: brightness(0.9);
+  text-decoration: none;
+}
+
+.prose .wikilink {
+  color: var(--color-wikilink);
+  background: var(--color-wikilink-bg);
+  padding: 0.1rem 0.35rem;
+  border-radius: 4px;
+  text-decoration: none;
+  font-size: 0.9em;
+  cursor: pointer;
+}
+
+.prose .wikilink:hover {
+  filter: brightness(0.9);
+  text-decoration: none;
+}

frontend/src/assets/theme.css

@@ -0,0 +1,87 @@
+:root {
+  --color-bg: #ffffff;
+  --color-bg-secondary: #f5f5f5;
+  --color-bg-card: #ffffff;
+  --color-text: #1a1a1a;
+  --color-text-secondary: #666666;
+  --color-text-muted: #999999;
+  --color-border: #e0e0e0;
+  --color-input-border: #cccccc;
+  --color-primary: #1a73e8;
+  --color-danger: #d93025;
+  --color-tag-bg: #e8f0fe;
+  --color-tag-text: #1a73e8;
+  --color-shadow: rgba(0, 0, 0, 0.1);
+  --color-toast-success: #34a853;
+  --color-toast-error: #d93025;
+  --color-status-todo: #5f6368;
+  --color-status-todo-bg: #e8eaed;
+  --color-status-in-progress: #1a73e8;
+  --color-status-in-progress-bg: #e8f0fe;
+  --color-status-done: #34a853;
+  --color-status-done-bg: #e6f4ea;
+  --color-priority-low: #5f9ea0;
+  --color-priority-low-bg: #e0f2f1;
+  --color-priority-medium: #f9a825;
+  --color-priority-medium-bg: #fff8e1;
+  --color-priority-high: #d93025;
+  --color-priority-high-bg: #fce8e6;
+  --color-wikilink: #7b1fa2;
+  --color-wikilink-bg: #f3e5f5;
+  --color-overdue: #d93025;
+  --color-code-bg: #f6f8fa;
+  --color-code-inline-bg: #eff1f3;
+  --color-table-stripe: #f9f9f9;
+}
+
+[data-theme="dark"] {
+  --color-bg: #1a1a2e;
+  --color-bg-secondary: #16213e;
+  --color-bg-card: #1f2940;
+  --color-text: #e0e0e0;
+  --color-text-secondary: #a0a0b0;
+  --color-text-muted: #707080;
+  --color-border: #2a3a5c;
+  --color-input-border: #3a4a6c;
+  --color-primary: #5b9cf6;
+  --color-danger: #f44336;
+  --color-tag-bg: #1e3a5f;
+  --color-tag-text: #7bb8f6;
+  --color-shadow: rgba(0, 0, 0, 0.3);
+  --color-toast-success: #4caf50;
+  --color-toast-error: #f44336;
+  --color-status-todo: #9aa0a6;
+  --color-status-todo-bg: #2d333b;
+  --color-status-in-progress: #5b9cf6;
+  --color-status-in-progress-bg: #1e3a5f;
+  --color-status-done: #4caf50;
+  --color-status-done-bg: #1b3a20;
+  --color-priority-low: #80cbc4;
+  --color-priority-low-bg: #1a3a38;
+  --color-priority-medium: #fdd835;
+  --color-priority-medium-bg: #3a3520;
+  --color-priority-high: #f44336;
+  --color-priority-high-bg: #3a1a1a;
+  --color-wikilink: #ce93d8;
+  --color-wikilink-bg: #2a1a30;
+  --color-overdue: #f44336;
+  --color-code-bg: #161b22;
+  --color-code-inline-bg: #2a3040;
+  --color-table-stripe: #1a2030;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  background: var(--color-bg);
+  color: var(--color-text);
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
+  line-height: 1.5;
+  transition: background-color 0.2s, color 0.2s;
+}