Merge pull request 'MCP plan-prompt tune + Flutter docs removal' (#52) from dev into main

The Flutter app (separate fabled_app repo) no longer adds value over
web/PWA access. Strip the in-repo surface that referenced it:

- delete docs/android-app.md
- drop README docs-table row and feature-list mention
- drop the two Flutter roadmap bullets from docs/features.md
- remove the Flutter port subsection from docs/design-system.md

The standalone fabled_app repo is untouched here; archival/deletion
of that repo is a separate decision.

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

.forgejo/workflows/ci.yml

@@ -1,13 +1,27 @@
 # CI runs first; build only proceeds if all checks pass.
 #
-# Push to dev:       typecheck + lint + test → build :dev + :<sha>
-# Tag v* (release):  typecheck + lint + test → build :latest + :<sha> + :<version>
-# Pull request:      no CI run — code is validated on dev push before any PR is opened
+# Push to dev:       typecheck + lint + test + build :dev + :<sha>
+# Tag v* (release):  typecheck + lint + test + build :latest + :<sha> + :<version>
+#
+# main pushes are NOT gated here: a merge to main only happens after
+# dev has already passed CI, and the release tag is the sole trigger
+# for a production image. Re-running CI on the merge commit just burns
+# runner time without changing the outcome.
 #
 # To cut a release:
 #   Create a release via the Forgejo UI on main with a v* tag name.
 #   The tag push triggers this workflow; build job pushes :latest + :<version>.
 #
+# PRs aren't triggered on purpose — this is a solo dev→main flow, so
+# gating on branch push is already enough.
+#
+# NOTE on the `if:` guards below: Forgejo Actions does not consistently
+# honor `on.push.branches` as a filter — merge commits landing on main
+# still trigger the workflow, producing redundant runs on the same SHA
+# that was already gated on dev. Every job therefore repeats the ref
+# check so main pushes trigger the workflow but every job skips
+# immediately (no runner time, no duplicate work).
+#
 # Required secrets (repo → Settings → Secrets → Actions):
 #   REGISTRY_USER   — your Forgejo username
 #   REGISTRY_TOKEN  — Forgejo PAT with write:packages scope
@@ -28,25 +42,45 @@ on:
       - "assets/**"
       - "fable-mcp/**"
       - ".forgejo/workflows/ci.yml"
-  # pull_request trigger intentionally omitted — all changes go through dev
-  # first, where CI already runs on push. PR runs would be redundant duplication.
+  # Manual trigger from the Forgejo Actions UI. Useful when an image has
+  # been built but the deployment didn't pick it up, or when re-running
+  # against the same source produces different upstream behaviour
+  # (e.g. a transient HF download flake during the voice-bundle step).
+  workflow_dispatch: {}
+
+# Cancel older runs on the same branch when a newer push lands. Tag runs
+# get their own group implicitly (refs/tags/v1.2.3 ≠ refs/heads/dev) and
+# are never cancelled, so a release build can't kill itself mid-flight.
+concurrency:
+  group: ci-${{ github.ref }}
+  cancel-in-progress: ${{ !startsWith(github.ref, 'refs/tags/') }}
+
+# Least-privilege default. Jobs that need more (build pushes to the
+# registry) upgrade explicitly.
+permissions:
+  contents: read
 
 env:
   REGISTRY: git.fabledsword.com
-  IMAGE: git.fabledsword.com/bvandeusen/fabledassistant
+  IMAGE: git.fabledsword.com/bvandeusen/fabledscribe
 
 jobs:
   typecheck:
     name: TypeScript typecheck
-    runs-on: py3.12-node22
+    # Skip on main merge-commit pushes — see workflow header comment.
+    if: github.ref == 'refs/heads/dev' || startsWith(github.ref, 'refs/tags/v')
+    runs-on: python-ci
+    container:
+      image: git.fabledsword.com/bvandeusen/ci-python:3.14
     steps:
       - uses: actions/checkout@v6
 
-      - uses: actions/setup-node@v6
+      - name: Cache npm download cache
+        uses: actions/cache@v4
         with:
-          node-version: "22"
-          cache: "npm"
-          cache-dependency-path: frontend/package-lock.json
+          path: ~/.npm
+          key: npm-cache-${{ hashFiles('frontend/package-lock.json') }}
+          restore-keys: npm-cache-
 
       - name: Install dependencies
         run: npm ci
@@ -58,75 +92,99 @@ jobs:
 
   lint:
     name: Python lint
-    runs-on: py3.12-node22
+    if: github.ref == 'refs/heads/dev' || startsWith(github.ref, 'refs/tags/v')
+    runs-on: python-ci
+    container:
+      image: git.fabledsword.com/bvandeusen/ci-python:3.14
     steps:
       - uses: actions/checkout@v6
 
-      - name: Install ruff
-        run: pip install --break-system-packages ruff
-
+      # ruff is pre-installed in the ci-python image — no install
+      # step needed, lint runs in ~2s.
       - name: Lint
         run: ruff check src/
 
   test:
     name: Python tests
-    runs-on: py3.12-node22
+    if: github.ref == 'refs/heads/dev' || startsWith(github.ref, 'refs/tags/v')
+    runs-on: python-ci
+    container:
+      image: git.fabledsword.com/bvandeusen/ci-python:3.14
     steps:
       - uses: actions/checkout@v6
 
-      # Python 3.12 is pre-installed in the runner-base image (py3.12-node22).
-      - name: Cache pip wheels
-        uses: actions/cache@v3
+      - name: Cache uv packages
+        uses: actions/cache@v4
         with:
-          path: ~/.cache/pip
-          key: pip-${{ hashFiles('pyproject.toml') }}
-          restore-keys: pip-
+          path: ~/.cache/uv
+          key: uv-${{ hashFiles('pyproject.toml') }}
+          restore-keys: uv-
 
       - name: Create virtual environment
-        run: python3.12 -m venv /opt/venv
+        run: uv venv /opt/venv
 
       - name: Install package with dev deps
         run: |
-          /opt/venv/bin/pip install --upgrade pip setuptools wheel
-          /opt/venv/bin/pip install --no-build-isolation http-ece
-          /opt/venv/bin/pip install -e ".[dev]"
+          # http-ece doesn't declare setuptools as a build dep, and uv
+          # creates bare venvs without it. Install setuptools first so
+          # --no-build-isolation can find it.
+          uv pip install --python /opt/venv/bin/python setuptools wheel
+          uv pip install --python /opt/venv/bin/python --no-build-isolation http-ece
+          uv pip install --python /opt/venv/bin/python -e ".[dev]"
 
       - name: Run tests
-        run: /opt/venv/bin/python -m pytest tests/ -v
+        run: /opt/venv/bin/python -m pytest tests/ -q
 
   build:
     name: Build & push image
     needs: [typecheck, lint, test]
     # Build on dev branch pushes and version tag pushes only.
-    # main branch pushes run CI for safety but do not build —
-    # the release tag (v*) is the sole trigger for a production image.
-    if: |
-      github.event_name == 'push' &&
-      (github.ref == 'refs/heads/dev' || startsWith(github.ref, 'refs/tags/'))
-    runs-on: py3.12-node22
+    # Mirrors the ref guard on the gate jobs above — main merge-commit
+    # pushes skip here too, so no production image is ever built from a
+    # raw main push (only from the v* tag the release creates).
+    if: github.ref == 'refs/heads/dev' || startsWith(github.ref, 'refs/tags/v')
+    runs-on: python-ci
+    container:
+      image: git.fabledsword.com/bvandeusen/ci-python:3.14
+    permissions:
+      contents: read
+      packages: write
     steps:
       - uses: actions/checkout@v6
 
       - name: Generate image tags and version
         id: tags
+        # POSIX `case` instead of bash `[[ ]]` because act_runner invokes
+        # `sh -e` (dash on the ci-python:3.14 image, which has no bash on
+        # the default PATH for /bin/sh). Previous `[[ ]]` form failed
+        # silently — only the SHA tag got appended, so :dev / :latest
+        # never updated in the registry and the deployed stack kept
+        # pulling stale images. Verified via `[[: not found` lines in
+        # the runner log on commit 2a374d9.
         run: |
           TAGS="${{ env.IMAGE }}:${{ github.sha }}"
           BUILD_VERSION="dev"
-          if [[ "${{ github.ref }}" == "refs/heads/dev" ]]; then
-            TAGS="$TAGS,${{ env.IMAGE }}:dev"
-          elif [[ "${{ github.ref }}" == refs/tags/* ]]; then
-            TAGS="$TAGS,${{ env.IMAGE }}:latest,${{ env.IMAGE }}:${{ github.ref_name }}"
-            BUILD_VERSION="${{ github.ref_name }}"
-          fi
+          case "${{ github.ref }}" in
+            refs/heads/dev)
+              TAGS="$TAGS,${{ env.IMAGE }}:dev"
+              ;;
+            refs/tags/*)
+              TAGS="$TAGS,${{ env.IMAGE }}:latest,${{ env.IMAGE }}:${{ github.ref_name }}"
+              BUILD_VERSION="${{ github.ref_name }}"
+              ;;
+          esac
           echo "value=$TAGS" >> $GITHUB_OUTPUT
           echo "build_version=$BUILD_VERSION" >> $GITHUB_OUTPUT
 
       - name: Free disk space
+        # Self-hosted runner housekeeping. Two-step cleanup:
+        # 1. Prune dangling containers/images globally (stops the runner
+        #    from accumulating cruft from past failed builds).
+        # 2. Trim the BuildKit layer cache to a 5GB ceiling so the pip
+        #    mount cache survives but old intermediate layers don't
+        #    accumulate indefinitely.
         run: |
-          # Remove all unused images (including old :SHA tags) and containers.
           docker system prune -af || true
-          # Keep the local BuildKit cache bounded so pip mount cache survives
-          # but stale intermediate layers don't accumulate indefinitely.
           docker builder prune --keep-storage 5g -f || true
 
       - name: Set up Docker Buildx
@@ -147,3 +205,10 @@ jobs:
           provenance: false
           tags: ${{ steps.tags.outputs.value }}
           build-args: BUILD_VERSION=${{ steps.tags.outputs.build_version }}
+          # Registry-backed layer cache. Pull from :cache to prime
+          # BuildKit, push updated layers back to :cache so the next
+          # build starts warm even if the runner's local cache was
+          # pruned. `mode=max` exports all intermediate layers, not
+          # just the final image, which is what gives the ~80% speedup.
+          cache-from: type=registry,ref=${{ env.IMAGE }}:cache
+          cache-to: type=registry,ref=${{ env.IMAGE }}:cache,mode=max,ignore-error=true

.remember/tmp/save-session.pid

@@ -1 +1 @@
-2298268
+632037

Dockerfile

@@ -8,27 +8,14 @@ COPY frontend/ .
 RUN npm run build
 
 # Stage 2: Python runtime
-FROM python:3.12-slim AS runtime
+# Tracks CI image (ci-python:3.14) so test results stay representative.
+FROM python:3.14-slim AS runtime
 WORKDIR /app
 
 COPY pyproject.toml .
 COPY src/ src/
 RUN --mount=type=cache,target=/root/.cache/pip \
     pip install .
-# Voice dependencies (faster-whisper, Kokoro TTS, soundfile) — activated at runtime via VOICE_ENABLED
-# Install CPU-only torch first so pip doesn't pull full CUDA wheels (~2 GB) for kokoro/transformers.
-RUN --mount=type=cache,target=/root/.cache/pip \
-    pip install torch --index-url https://download.pytorch.org/whl/cpu \
-    && pip install faster-whisper kokoro soundfile \
-    && python -m spacy download en_core_web_sm
-
-# Build the fable-mcp wheel so it can be served for download
-COPY fable-mcp/ fable-mcp/
-RUN --mount=type=cache,target=/root/.cache/pip \
-    pip install build hatchling \
-    && python -m build --wheel ./fable-mcp --outdir /app/dist/ \
-    && pip uninstall -y build \
-    && rm -rf fable-mcp/
 
 COPY --from=build-frontend /build/dist/ src/fabledassistant/static/
 COPY alembic.ini .

README.md

@@ -1,10 +1,10 @@
-# Fabled Assistant
+# Fabled Scribe
 
 A self-hosted second brain and project management application with integrated LLM capabilities. Write, organise, and act on your notes and tasks with the help of a local AI assistant — all running on your own hardware.
 
 ## Features
 
-Notes and tasks with a Markdown editor, sub-tasks, milestones, and kanban project workspaces. AI chat with streaming responses, RAG over your notes, and tool use (web search, calendar, weather). A daily briefing that digests your tasks, RSS feeds, and weather on a schedule. Knowledge graph, per-user/group sharing, PWA with push notifications, an MCP server for external AI clients, and an Android companion app.
+Notes and tasks with a Markdown editor, sub-tasks, milestones, and kanban project workspaces. AI chat with streaming responses, RAG over your notes, and tool use (web search, calendar, weather). A daily briefing that digests your tasks, RSS feeds, and weather on a schedule. Knowledge graph, per-user/group sharing, PWA with push notifications, and an MCP server for external AI clients.
 
 ## Quick Start
 
@@ -36,7 +36,6 @@ Open `http://localhost:5000`. The first user to register becomes admin. Go to **
 | [API Keys & MCP](docs/api-keys-and-mcp.md) | API key management and Fable MCP install guide |
 | [SSO / OAuth](docs/sso-oauth.md) | OIDC setup for Authentik, Keycloak, and other providers |
 | [API Reference](docs/api-reference.md) | All REST API endpoints |
-| [Android App](docs/android-app.md) | Flutter companion app architecture and feature status |
 
 ## License
 

alembic/versions/0038_add_rss_item_full_content.py

@@ -0,0 +1,34 @@
+"""Add content_full and context_prepared caches to rss_items.
+
+Revision ID: 0038
+Revises: 0037
+Create Date: 2026-04-13
+"""
+
+from __future__ import annotations
+
+import sqlalchemy as sa
+from alembic import op
+
+revision = "0038"
+down_revision = "0037"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.add_column("rss_items", sa.Column("content_full", sa.Text(), nullable=True))
+    op.add_column(
+        "rss_items",
+        sa.Column("context_prepared", sa.Text(), nullable=True),
+    )
+    op.add_column(
+        "rss_items",
+        sa.Column("content_fetched_at", sa.DateTime(timezone=True), nullable=True),
+    )
+
+
+def downgrade() -> None:
+    op.drop_column("rss_items", "content_fetched_at")
+    op.drop_column("rss_items", "context_prepared")
+    op.drop_column("rss_items", "content_full")

alembic/versions/0039_add_rss_item_discussion_note.py

@@ -0,0 +1,38 @@
+"""Link rss_items to their discussion-summary note.
+
+Revision ID: 0039
+Revises: 0038
+Create Date: 2026-04-14
+"""
+
+from __future__ import annotations
+
+import sqlalchemy as sa
+from alembic import op
+
+revision = "0039"
+down_revision = "0038"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.add_column(
+        "rss_items",
+        sa.Column("discussion_note_id", sa.BigInteger(), nullable=True),
+    )
+    op.create_foreign_key(
+        "fk_rss_items_discussion_note_id",
+        "rss_items",
+        "notes",
+        ["discussion_note_id"],
+        ["id"],
+        ondelete="SET NULL",
+    )
+
+
+def downgrade() -> None:
+    op.drop_constraint(
+        "fk_rss_items_discussion_note_id", "rss_items", type_="foreignkey"
+    )
+    op.drop_column("rss_items", "discussion_note_id")

alembic/versions/0040_rename_briefing_date_drop_briefing_data.py

@@ -0,0 +1,26 @@
+"""rename briefing_date to day_date and drop existing briefing conversations
+
+Revision ID: 0040
+Revises: 0039
+Create Date: 2026-04-25
+
+This is a hard-cut migration accompanying the Journal feature. The user
+has accepted destruction of existing briefing data per the design spec.
+"""
+from alembic import op
+
+
+revision = "0040"
+down_revision = "0039"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.execute("DELETE FROM conversations WHERE conversation_type = 'briefing'")
+    op.alter_column("conversations", "briefing_date", new_column_name="day_date")
+    op.execute("DELETE FROM settings WHERE key = 'briefing_config'")
+
+
+def downgrade() -> None:
+    op.alter_column("conversations", "day_date", new_column_name="briefing_date")

alembic/versions/0041_add_moments.py

@@ -0,0 +1,128 @@
+"""add moments + junction tables + moment embeddings
+
+Revision ID: 0041
+Revises: 0040
+Create Date: 2026-04-25
+
+People, Places, Tasks, and Notes all live in the `notes` table (distinguished
+by note_type and is_task). The four junction tables FK to notes(id) but stay
+separate so per-link-kind queries don't require a discriminator filter.
+"""
+from alembic import op
+import sqlalchemy as sa
+from sqlalchemy.dialects.postgresql import ARRAY, JSONB
+
+
+revision = "0041"
+down_revision = "0040"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.create_table(
+        "moments",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "user_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column(
+            "conversation_id",
+            sa.Integer,
+            sa.ForeignKey("conversations.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column(
+            "source_message_id",
+            sa.Integer,
+            sa.ForeignKey("messages.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("day_date", sa.Date, nullable=False),
+        sa.Column("occurred_at", sa.DateTime(timezone=True), nullable=False),
+        sa.Column(
+            "recorded_at",
+            sa.DateTime(timezone=True),
+            nullable=False,
+            server_default=sa.text("now()"),
+        ),
+        sa.Column("content", sa.Text, nullable=False),
+        sa.Column("raw_excerpt", sa.Text, nullable=True),
+        sa.Column(
+            "tags",
+            ARRAY(sa.Text),
+            nullable=False,
+            server_default=sa.text("'{}'::text[]"),
+        ),
+        sa.Column(
+            "pinned",
+            sa.Boolean,
+            nullable=False,
+            server_default=sa.text("false"),
+        ),
+    )
+    op.create_index("ix_moments_user_day", "moments", ["user_id", "day_date"])
+    op.create_index("ix_moments_user_occurred", "moments", ["user_id", "occurred_at"])
+
+    # Four junction tables, all FK to notes(id). Separate (vs. one merged
+    # table with a discriminator) so per-kind queries don't need a filter.
+    for table_name, fk_col in [
+        ("moment_people", "person_id"),
+        ("moment_places", "place_id"),
+        ("moment_tasks", "task_id"),
+        ("moment_notes", "note_id"),
+    ]:
+        op.create_table(
+            table_name,
+            sa.Column(
+                "moment_id",
+                sa.Integer,
+                sa.ForeignKey("moments.id", ondelete="CASCADE"),
+                primary_key=True,
+            ),
+            sa.Column(
+                fk_col,
+                sa.Integer,
+                sa.ForeignKey("notes.id", ondelete="CASCADE"),
+                primary_key=True,
+            ),
+        )
+        op.create_index(f"ix_{table_name}_{fk_col}", table_name, [fk_col])
+
+    op.create_table(
+        "moment_embeddings",
+        sa.Column(
+            "moment_id",
+            sa.Integer,
+            sa.ForeignKey("moments.id", ondelete="CASCADE"),
+            primary_key=True,
+        ),
+        sa.Column("user_id", sa.Integer, nullable=False),
+        sa.Column("embedding", JSONB, nullable=False),
+        sa.Column(
+            "updated_at",
+            sa.DateTime(timezone=True),
+            nullable=False,
+            server_default=sa.text("now()"),
+        ),
+    )
+    op.create_index("ix_moment_embeddings_user", "moment_embeddings", ["user_id"])
+
+
+def downgrade() -> None:
+    op.drop_index("ix_moment_embeddings_user", table_name="moment_embeddings")
+    op.drop_table("moment_embeddings")
+    for table_name, fk_col in [
+        ("moment_notes", "note_id"),
+        ("moment_tasks", "task_id"),
+        ("moment_places", "place_id"),
+        ("moment_people", "person_id"),
+    ]:
+        op.drop_index(f"ix_{table_name}_{fk_col}", table_name=table_name)
+        op.drop_table(table_name)
+    op.drop_index("ix_moments_user_occurred", table_name="moments")
+    op.drop_index("ix_moments_user_day", table_name="moments")
+    op.drop_table("moments")

alembic/versions/0042_drop_rss.py

@@ -0,0 +1,36 @@
+"""drop RSS infrastructure (tables + leftover briefing settings)
+
+Revision ID: 0042
+Revises: 0041
+Create Date: 2026-04-26
+
+Hard-cut removal of the RSS feature. Drops rss_feeds, rss_items,
+rss_item_reactions, rss_item_embeddings, and clears the leftover
+briefing-era settings rows that referenced RSS topic preferences.
+"""
+from alembic import op
+
+
+revision = "0042"
+down_revision = "0041"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    # Drop in dependency order — children first.
+    op.execute("DROP TABLE IF EXISTS rss_item_embeddings CASCADE")
+    op.execute("DROP TABLE IF EXISTS rss_item_reactions CASCADE")
+    op.execute("DROP TABLE IF EXISTS rss_items CASCADE")
+    op.execute("DROP TABLE IF EXISTS rss_feeds CASCADE")
+    op.execute(
+        "DELETE FROM settings WHERE key IN "
+        "('rss_enabled', 'briefing_include_topics', 'briefing_exclude_topics')"
+    )
+
+
+def downgrade() -> None:
+    # No downgrade — this is a destructive cleanup. The original RSS tables
+    # would have to be recreated by replaying migrations 0026, 0028, 0035,
+    # 0038, 0039 manually (and the data would not come back).
+    raise NotImplementedError("RSS feature is permanently removed in 0042")

alembic/versions/0043_event_duration_replaces_end_dt.py

@@ -0,0 +1,73 @@
+"""replace events.end_dt with duration_minutes (Fable #160)
+
+Revision ID: 0043
+Revises: 0042
+Create Date: 2026-04-29
+
+Structural fix for the "end before start" bug class observed on prod
+2026-04-29: an event landed with end_dt 32 days before start_dt due
+to a tool-call mishap, then disappeared from upcoming-list filters.
+Storing duration instead of end_dt makes the invalid state
+inexpressible at the schema level (duration_minutes >= 0).
+
+Backfill rules:
+  - end_dt valid (end_dt > start_dt) → duration_minutes = total minutes
+  - end_dt == start_dt → duration_minutes = 0 (zero-duration point)
+  - end_dt NULL OR end_dt < start_dt → duration_minutes = NULL (corrupt
+    or open-ended; treated as a point event from here on)
+
+Existing API consumers continue to receive `end_dt` in responses — the
+field is now derived from `start_dt + duration_minutes` in
+``Event.to_dict()`` rather than stored.
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+revision = "0043"
+down_revision = "0042"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.add_column(
+        "events",
+        sa.Column("duration_minutes", sa.Integer(), nullable=True),
+    )
+    op.create_check_constraint(
+        "events_duration_minutes_non_negative",
+        "events",
+        "duration_minutes IS NULL OR duration_minutes >= 0",
+    )
+    # Backfill: convert valid end_dt into a minute count; leave NULL for
+    # corrupt or absent end_dt. Bad rows (end_dt <= start_dt) collapse
+    # cleanly to point events instead of forcing a recovery guess.
+    op.execute(
+        """
+        UPDATE events
+        SET duration_minutes = CAST(
+            EXTRACT(EPOCH FROM (end_dt - start_dt)) / 60 AS INTEGER
+        )
+        WHERE end_dt IS NOT NULL AND end_dt >= start_dt
+        """
+    )
+    op.drop_column("events", "end_dt")
+
+
+def downgrade() -> None:
+    op.add_column(
+        "events",
+        sa.Column("end_dt", sa.DateTime(timezone=True), nullable=True),
+    )
+    # Restore end_dt = start_dt + duration_minutes minutes for rows that
+    # had a duration. NULL duration → NULL end_dt (point event).
+    op.execute(
+        """
+        UPDATE events
+        SET end_dt = start_dt + (duration_minutes || ' minutes')::interval
+        WHERE duration_minutes IS NOT NULL
+        """
+    )
+    op.drop_constraint("events_duration_minutes_non_negative", "events")
+    op.drop_column("events", "duration_minutes")

alembic/versions/0044_add_note_description_and_consolidated_at.py

@@ -0,0 +1,48 @@
+"""add note.description and note.consolidated_at
+
+Revision ID: 0044
+Revises: 0043
+Create Date: 2026-05-13
+
+Adds two columns to the ``notes`` table to support the task-as-durable-record
+design (spec 2026-05-13):
+
+- ``description``: user-stated goal / initial context. Meaningful when
+  ``is_task=true``; left NULL on knowledge notes.
+- ``consolidated_at``: timestamp of the most recent auto-summary pass. NULL
+  until the first consolidation runs.
+
+Backfill: for existing tasks we copy ``body`` into ``description`` so the
+user's original goal text is preserved when ``body`` is later overwritten by
+the auto-summary pipeline. The brief duplication window between
+``body`` and ``description`` is harmless and resolves on the first
+consolidation pass.
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+revision = "0044"
+down_revision = "0043"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.add_column("notes", sa.Column("description", sa.Text(), nullable=True))
+    op.add_column(
+        "notes",
+        sa.Column("consolidated_at", sa.DateTime(timezone=True), nullable=True),
+    )
+    # is_task is a Python property (status IS NOT NULL); there's no DB column
+    # of that name. Backfill description from body for everything that
+    # qualifies as a task at the model layer.
+    op.execute(
+        "UPDATE notes SET description = body "
+        "WHERE status IS NOT NULL AND body IS NOT NULL"
+    )
+
+
+def downgrade() -> None:
+    op.drop_column("notes", "consolidated_at")
+    op.drop_column("notes", "description")

alembic/versions/0045_add_note_version_pin_columns.py

@@ -0,0 +1,35 @@
+"""add pin_kind and pin_label to note_versions
+
+Revision ID: 0045
+Revises: 0044
+Create Date: 2026-05-13
+
+Two additive columns on note_versions to support tiered retention:
+
+- pin_kind: NULL (rolling autosave), 'auto' (system-declared via stability
+  scan), 'manual' (user-declared with optional commit-note label).
+- pin_label: NULL for rolling. Auto-generated for 'auto'; user-supplied
+  for 'manual' (may be NULL).
+
+No backfill — every existing row stays rolling. The auto-pin scan
+(services/version_pinning_scheduler.py, daily 03:00 UTC) will catch up on
+the first scheduled run after deploy.
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+revision = "0045"
+down_revision = "0044"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.add_column("note_versions", sa.Column("pin_kind", sa.Text(), nullable=True))
+    op.add_column("note_versions", sa.Column("pin_label", sa.Text(), nullable=True))
+
+
+def downgrade() -> None:
+    op.drop_column("note_versions", "pin_label")
+    op.drop_column("note_versions", "pin_kind")

alembic/versions/0046_add_generation_tool_log.py

@@ -0,0 +1,103 @@
+"""generation_tool_log: per-turn tool-call telemetry
+
+Revision ID: 0046
+Revises: 0045
+Create Date: 2026-05-21
+
+Captures one row per assistant turn, recording which tools the model
+could have used, which it attempted, which fired successfully, and
+which failed (with error details). The empirical surface for
+evaluating model swaps and answering "does model X actually fire
+record_moment when it should?" without relying on anecdote.
+"""
+from alembic import op
+import sqlalchemy as sa
+from sqlalchemy.dialects.postgresql import ARRAY, JSONB
+
+
+revision = "0046"
+down_revision = "0045"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.create_table(
+        "generation_tool_log",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "user_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column(
+            "conv_id",
+            sa.Integer,
+            sa.ForeignKey("conversations.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        # SET NULL (not CASCADE) so the telemetry row survives if the
+        # underlying assistant message is later deleted — we want to keep
+        # the per-turn outcome record for retrospective analysis.
+        sa.Column(
+            "assistant_message_id",
+            sa.Integer,
+            sa.ForeignKey("messages.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("model", sa.Text, nullable=False),
+        sa.Column("think_enabled", sa.Boolean, nullable=False),
+        sa.Column(
+            "tools_available",
+            ARRAY(sa.Text),
+            nullable=False,
+            server_default=sa.text("'{}'::text[]"),
+        ),
+        sa.Column(
+            "tools_attempted",
+            ARRAY(sa.Text),
+            nullable=False,
+            server_default=sa.text("'{}'::text[]"),
+        ),
+        sa.Column(
+            "tools_succeeded",
+            ARRAY(sa.Text),
+            nullable=False,
+            server_default=sa.text("'{}'::text[]"),
+        ),
+        # JSONB array of {name, error} objects so failed-tool details are
+        # queryable without a separate failure table.
+        sa.Column(
+            "tools_failed",
+            JSONB,
+            nullable=False,
+            server_default=sa.text("'[]'::jsonb"),
+        ),
+        sa.Column(
+            "created_at",
+            sa.DateTime(timezone=True),
+            nullable=False,
+            server_default=sa.text("now()"),
+        ),
+    )
+    # Common query: "recent tool outcomes for this user, filterable by model."
+    op.create_index(
+        "ix_generation_tool_log_user_created",
+        "generation_tool_log",
+        ["user_id", sa.text("created_at DESC")],
+    )
+    # Per-conversation lookup for the journal page's own retrospection.
+    op.create_index(
+        "ix_generation_tool_log_conv",
+        "generation_tool_log",
+        ["conv_id"],
+    )
+
+
+def downgrade() -> None:
+    op.drop_index("ix_generation_tool_log_conv", table_name="generation_tool_log")
+    op.drop_index(
+        "ix_generation_tool_log_user_created", table_name="generation_tool_log"
+    )
+    op.drop_table("generation_tool_log")

alembic/versions/0047_reset_voice_tts_settings.py

@@ -0,0 +1,38 @@
+"""reset voice_tts_voice and voice_tts_blend settings for piper migration
+
+Revision ID: 0047
+Revises: 0046
+Create Date: 2026-05-22
+
+The TTS backend swapped from kokoro to piper. Kokoro voice IDs
+(`af_heart`, `am_adam`, etc.) don't map to piper voice files
+(`en_US-amy-medium`, etc.) and there's no sensible auto-translation.
+Clear the stored voice selection so every user falls back to the piper
+default the next time they synthesize.
+
+`voice_tts_blend` goes away entirely — piper has no voice-blending
+equivalent. The TTS service accepts the field for backward compat but
+ignores it; clearing the rows makes the DB match reality.
+
+Both settings re-default cleanly on read, so this migration just deletes
+the rows without backfilling anything.
+"""
+from alembic import op
+
+
+revision = "0047"
+down_revision = "0046"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.execute(
+        "DELETE FROM settings WHERE key IN ('voice_tts_voice', 'voice_tts_blend')"
+    )
+
+
+def downgrade() -> None:
+    # No-op. The deleted settings just re-default on read; restoring the
+    # kokoro IDs wouldn't help anyway since kokoro is gone.
+    pass

alembic/versions/0048_conversation_last_curator_run.py

@@ -0,0 +1,47 @@
+"""conversations.last_curator_run_at — tracks scheduler progress per-conversation
+
+Revision ID: 0048
+Revises: 0047
+Create Date: 2026-05-22
+
+Phase 2 of the conversation+curator architecture (Fable #172). The
+scheduler runs every 15 minutes and processes any journal conversation
+with messages newer than its `last_curator_run_at` timestamp. NULL
+means "never run; process all of today on first sweep."
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+revision = "0048"
+down_revision = "0047"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.add_column(
+        "conversations",
+        sa.Column(
+            "last_curator_run_at",
+            sa.DateTime(timezone=True),
+            nullable=True,
+        ),
+    )
+    # Indexed because the scheduler's selection query is
+    # WHERE conversation_type='journal' AND (last_curator_run_at IS NULL OR ...)
+    # which benefits from a partial index narrowed to journal rows.
+    op.create_index(
+        "ix_conversations_journal_last_curator",
+        "conversations",
+        ["last_curator_run_at"],
+        postgresql_where=sa.text("conversation_type = 'journal'"),
+    )
+
+
+def downgrade() -> None:
+    op.drop_index(
+        "ix_conversations_journal_last_curator",
+        table_name="conversations",
+    )
+    op.drop_column("conversations", "last_curator_run_at")

alembic/versions/0049_conversation_curator_summary.py

@@ -0,0 +1,36 @@
+"""conversations.curator_summary — feeds curator output back to the chat model
+
+Revision ID: 0049
+Revises: 0048
+Create Date: 2026-05-22
+
+Phase 3 of the conversation+curator architecture (Fable #172). The
+curator's final summary line (≤ 240 chars) is persisted here so the
+NEXT chat turn can include it in the system prompt. This is the
+feedback loop that closes the architecture — without it, the chat
+model has no awareness of what the curator extracted, and conversations
+risk circling back to topics already captured.
+
+NULL means "no curator pass has produced a summary yet." The chat
+pipeline reads this column when building the journal system prompt;
+missing column = no injection, no failure.
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+revision = "0049"
+down_revision = "0048"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.add_column(
+        "conversations",
+        sa.Column("curator_summary", sa.Text, nullable=True),
+    )
+
+
+def downgrade() -> None:
+    op.drop_column("conversations", "curator_summary")

alembic/versions/0050_drop_think_enabled_setting.py

@@ -0,0 +1,27 @@
+"""drop stored think_enabled rows — setting was removed
+
+Revision ID: 0050
+Revises: 0049
+Create Date: 2026-05-23
+
+The `think_enabled` user setting was retired with the chat+curator
+architecture: chat has tools=[] and curator hardcodes think=False, so
+the toggle was dead weight. Any rows already in `settings` for that
+key are now unread by the app; this migration clears them.
+"""
+from alembic import op
+
+
+revision = "0050"
+down_revision = "0049"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.execute("DELETE FROM settings WHERE key = 'think_enabled'")
+
+
+def downgrade() -> None:
+    # No-op. The setting is dead; restoring NULL rows wouldn't help.
+    pass

alembic/versions/0051_pending_curator_actions.py

@@ -0,0 +1,98 @@
+"""pending_curator_actions — curator-proposed mutations awaiting user approval
+
+Revision ID: 0051
+Revises: 0050
+Create Date: 2026-05-23
+
+Architecture: the curator runs unattended and can be confidently wrong.
+Additive operations (create_*, record_moment, log_work, save_person)
+land directly because adds are easily undone. Mutating operations
+(update_*, delete_*) are proposed to this table instead — the user
+sees them in a "Needs Review" panel and approves or rejects each one.
+
+A proposed action stores:
+  - The action type (`update_task`, `delete_note`, etc.) — drives which
+    handler gets re-executed on approval.
+  - The target id + type for display ("update task 42", "delete note 17").
+  - The proposed arguments (`payload`) — what the curator wanted to do.
+  - A snapshot of the target's state at proposal time (`current_snapshot`)
+    — so the review UI can render a real before/after diff even if other
+    work modified the entity since.
+  - The status (`pending` / `approved` / `rejected`) and review timestamp.
+
+Approval replays the original tool call via execute_tool with
+authority="user" so the request bypasses the curator interceptor and
+just runs.
+"""
+from alembic import op
+import sqlalchemy as sa
+from sqlalchemy.dialects.postgresql import JSONB
+
+
+revision = "0051"
+down_revision = "0050"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.create_table(
+        "pending_curator_actions",
+        sa.Column("id", sa.Integer, primary_key=True),
+        sa.Column(
+            "user_id",
+            sa.Integer,
+            sa.ForeignKey("users.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column(
+            "conv_id",
+            sa.Integer,
+            sa.ForeignKey("conversations.id", ondelete="SET NULL"),
+            nullable=True,
+        ),
+        sa.Column("action_type", sa.Text, nullable=False),
+        sa.Column("target_type", sa.Text, nullable=True),
+        sa.Column("target_id", sa.Integer, nullable=True),
+        sa.Column("target_label", sa.Text, nullable=True),
+        sa.Column("payload", JSONB, nullable=False, server_default=sa.text("'{}'::jsonb")),
+        sa.Column(
+            "current_snapshot",
+            JSONB,
+            nullable=False,
+            server_default=sa.text("'{}'::jsonb"),
+        ),
+        sa.Column(
+            "status",
+            sa.Text,
+            nullable=False,
+            server_default=sa.text("'pending'"),
+        ),
+        sa.Column(
+            "created_at",
+            sa.DateTime(timezone=True),
+            nullable=False,
+            server_default=sa.text("now()"),
+        ),
+        sa.Column("reviewed_at", sa.DateTime(timezone=True), nullable=True),
+        sa.CheckConstraint(
+            "status IN ('pending', 'approved', 'rejected')",
+            name="pending_curator_actions_status_check",
+        ),
+    )
+    # Pending-only index — the Needs Review panel fetches "user's pending"
+    # constantly, history rows just accumulate.
+    op.create_index(
+        "ix_pending_curator_actions_user_pending",
+        "pending_curator_actions",
+        ["user_id", sa.text("created_at DESC")],
+        postgresql_where=sa.text("status = 'pending'"),
+    )
+
+
+def downgrade() -> None:
+    op.drop_index(
+        "ix_pending_curator_actions_user_pending",
+        table_name="pending_curator_actions",
+    )
+    op.drop_table("pending_curator_actions")

alembic/versions/0052_clear_note_embeddings_for_fastembed.py

@@ -0,0 +1,33 @@
+"""clear note_embeddings for fastembed swap
+
+Revision ID: 0052
+Revises: 0051
+Create Date: 2026-05-26
+
+Embeddings stored in `note_embeddings.embedding` (JSONB) were generated by
+Ollama's nomic-embed-text model (768-dim). The fastembed swap uses
+BAAI/bge-small-en-v1.5 (384-dim). Mixed-dim vectors would break the
+Python-side cosine similarity (length mismatch), so we wipe the table.
+
+The startup hook `services.embeddings.backfill_note_embeddings` regenerates
+everything at the new dimension on next boot. There's no column-type change
+because the column is JSONB — dimensionless on the storage side.
+
+Downgrade is the same operation: a fresh deployment of the prior code would
+backfill with the old model. No data is lost that the next boot won't restore.
+"""
+from alembic import op
+
+
+revision = "0052"
+down_revision = "0051"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.execute("DELETE FROM note_embeddings")
+
+
+def downgrade() -> None:
+    op.execute("DELETE FROM note_embeddings")

alembic/versions/0053_drop_chat_journal_push_curator_tables.py

@@ -0,0 +1,82 @@
+"""drop chat / journal / push / curator / weather tables
+
+Revision ID: 0053
+Revises: 0052
+Create Date: 2026-05-27
+
+Phase 9 of the MCP-first pivot. The Python models for these tables were
+deleted in Phase 8 (commit 91bafb6); this migration drops the orphan
+SQL tables and cleans up dead per-user setting rows.
+
+Hard-cutover: existing rows in these tables are discarded. The
+accompanying spec at docs/superpowers/specs/2026-05-26-mcp-first-pivot-design.md
+explicitly accepted this loss.
+"""
+from alembic import op
+
+
+revision = "0053"
+down_revision = "0052"
+branch_labels = None
+depends_on = None
+
+
+# Order: junction tables first so the parent tables don't trip FK drops
+# even with CASCADE — keeps the migration readable.
+_DEAD_TABLES = [
+    # Moments + junction tables (journal entity links)
+    "moment_notes",
+    "moment_tasks",
+    "moment_places",
+    "moment_people",
+    "moment_embeddings",
+    "moments",
+    # Chat / generation telemetry
+    "generation_tool_log",
+    "messages",
+    "conversations",
+    # Curator approval queue
+    "pending_curator_actions",
+    # Push notifications
+    "push_subscriptions",
+    # Weather cache (journal-prep background fetcher)
+    "weather_cache",
+    # Legacy RSS-item embeddings (pre-MCP pivot, briefly experimented with)
+    "rss_item_embeddings",
+]
+
+
+# Specific setting keys to drop. Anything matching the LIKE patterns in
+# upgrade() is also nuked; the explicit list catches one-off keys that
+# don't fit the namespaced patterns.
+_DEAD_SETTING_KEYS = [
+    "default_model",
+    "background_model",
+    "assistant_name",
+    "auto_consolidate_tasks",
+    "chat_retention_days",
+    "think_enabled",
+    "rag_default_scope",
+]
+
+
+def upgrade() -> None:
+    for table in _DEAD_TABLES:
+        op.execute(f"DROP TABLE IF EXISTS {table} CASCADE")
+
+    keys_csv = ",".join(f"'{k}'" for k in _DEAD_SETTING_KEYS)
+    op.execute(
+        "DELETE FROM settings WHERE "
+        "key LIKE 'voice_%' OR "
+        "key LIKE 'journal_%' OR "
+        "key LIKE 'briefing_%' OR "
+        "key LIKE 'curator_%' OR "
+        f"key IN ({keys_csv})"
+    )
+
+
+def downgrade() -> None:
+    raise NotImplementedError(
+        "No downgrade — hard cutover per the MCP-first pivot spec. "
+        "Rolling back is not supported at the database layer."
+    )

alembic/versions/0054_drop_image_cache.py

@@ -0,0 +1,26 @@
+"""drop image_cache table
+
+Revision ID: 0054
+Revises: 0053
+Create Date: 2026-05-27
+
+The image cache was wired into the LLM image-search tool (removed in Phase 8).
+With no producer or consumer left, the table is dropped here.
+"""
+from alembic import op
+
+
+revision = "0054"
+down_revision = "0053"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.execute("DROP TABLE IF EXISTS image_cache CASCADE")
+
+
+def downgrade() -> None:
+    raise NotImplementedError(
+        "No downgrade — hard cutover per the MCP-first pivot spec."
+    )

alembic/versions/0055_rulebook_tables.py

@@ -0,0 +1,153 @@
+"""rulebook tables: rulebooks, rulebook_topics, rules, project_rulebook_subscriptions
+
+Revision ID: 0055
+Revises: 0054
+Create Date: 2026-05-27
+
+Adds the Scribe Rulebook hierarchy as a fourth top-level entity, sibling
+to Project. Rules carry a structural (statement, why, how_to_apply)
+triple. Projects subscribe to Rulebooks (many-to-many). See the design
+doc at docs/superpowers/specs/2026-05-27-scribe-rulebook-design.md.
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+revision = "0055"
+down_revision = "0054"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.create_table(
+        "rulebooks",
+        sa.Column("id", sa.BigInteger, primary_key=True),
+        sa.Column(
+            "owner_user_id",
+            sa.BigInteger,
+            sa.ForeignKey("users.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("title", sa.Text, nullable=False),
+        sa.Column("description", sa.Text),
+        sa.Column(
+            "created_at",
+            sa.DateTime(timezone=True),
+            nullable=False,
+            server_default=sa.text("now()"),
+        ),
+        sa.Column(
+            "updated_at",
+            sa.DateTime(timezone=True),
+            nullable=False,
+            server_default=sa.text("now()"),
+        ),
+    )
+    op.create_index("ix_rulebooks_owner", "rulebooks", ["owner_user_id"])
+
+    op.create_table(
+        "rulebook_topics",
+        sa.Column("id", sa.BigInteger, primary_key=True),
+        sa.Column(
+            "rulebook_id",
+            sa.BigInteger,
+            sa.ForeignKey("rulebooks.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("title", sa.Text, nullable=False),
+        sa.Column("description", sa.Text),
+        sa.Column(
+            "order_index", sa.Integer, nullable=False, server_default="0",
+        ),
+        sa.Column(
+            "created_at",
+            sa.DateTime(timezone=True),
+            nullable=False,
+            server_default=sa.text("now()"),
+        ),
+        sa.Column(
+            "updated_at",
+            sa.DateTime(timezone=True),
+            nullable=False,
+            server_default=sa.text("now()"),
+        ),
+        sa.UniqueConstraint("rulebook_id", "title", name="uq_topic_per_rulebook"),
+    )
+    op.create_index(
+        "ix_rulebook_topics_rulebook", "rulebook_topics", ["rulebook_id"],
+    )
+
+    op.create_table(
+        "rules",
+        sa.Column("id", sa.BigInteger, primary_key=True),
+        sa.Column(
+            "topic_id",
+            sa.BigInteger,
+            sa.ForeignKey("rulebook_topics.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column("title", sa.Text, nullable=False),
+        sa.Column("statement", sa.Text, nullable=False),
+        sa.Column("why", sa.Text),
+        sa.Column("how_to_apply", sa.Text),
+        sa.Column(
+            "order_index", sa.Integer, nullable=False, server_default="0",
+        ),
+        sa.Column(
+            "created_at",
+            sa.DateTime(timezone=True),
+            nullable=False,
+            server_default=sa.text("now()"),
+        ),
+        sa.Column(
+            "updated_at",
+            sa.DateTime(timezone=True),
+            nullable=False,
+            server_default=sa.text("now()"),
+        ),
+        sa.UniqueConstraint("topic_id", "title", name="uq_rule_per_topic"),
+    )
+    op.create_index("ix_rules_topic", "rules", ["topic_id"])
+
+    op.create_table(
+        "project_rulebook_subscriptions",
+        sa.Column(
+            "project_id",
+            sa.BigInteger,
+            sa.ForeignKey("projects.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column(
+            "rulebook_id",
+            sa.BigInteger,
+            sa.ForeignKey("rulebooks.id", ondelete="CASCADE"),
+            nullable=False,
+        ),
+        sa.Column(
+            "created_at",
+            sa.DateTime(timezone=True),
+            nullable=False,
+            server_default=sa.text("now()"),
+        ),
+        sa.PrimaryKeyConstraint("project_id", "rulebook_id"),
+    )
+    op.create_index(
+        "ix_project_rulebook_subs_rulebook",
+        "project_rulebook_subscriptions",
+        ["rulebook_id"],
+    )
+
+
+def downgrade() -> None:
+    op.drop_index(
+        "ix_project_rulebook_subs_rulebook",
+        table_name="project_rulebook_subscriptions",
+    )
+    op.drop_table("project_rulebook_subscriptions")
+    op.drop_index("ix_rules_topic", table_name="rules")
+    op.drop_table("rules")
+    op.drop_index("ix_rulebook_topics_rulebook", table_name="rulebook_topics")
+    op.drop_table("rulebook_topics")
+    op.drop_index("ix_rulebooks_owner", table_name="rulebooks")
+    op.drop_table("rulebooks")

alembic/versions/0056_task_kind.py

@@ -0,0 +1,35 @@
+"""task_kind column on notes: distinguishes plan-tasks from work-tasks
+
+Revision ID: 0056
+Revises: 0055
+Create Date: 2026-05-28
+
+A plan is a Task (a note with non-null status) marked task_kind='plan'.
+The CHECK constraint lands in the same migration as the value set, per the
+'new CHECK-enum values need a same-change migration' rule.
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+revision = "0056"
+down_revision = "0055"
+branch_labels = None
+depends_on = None
+
+
+def upgrade() -> None:
+    op.add_column(
+        "notes",
+        sa.Column(
+            "task_kind", sa.Text(), nullable=False, server_default="work",
+        ),
+    )
+    op.create_check_constraint(
+        "notes_task_kind_check", "notes", "task_kind IN ('work','plan')",
+    )
+
+
+def downgrade() -> None:
+    op.drop_constraint("notes_task_kind_check", "notes", type_="check")
+    op.drop_column("notes", "task_kind")

alembic/versions/0057_soft_delete.py

@@ -0,0 +1,38 @@
+"""soft-delete: deleted_at + deleted_batch_id on 7 tables
+
+Revision ID: 0057
+Revises: 0056
+Create Date: 2026-05-28
+
+Recoverable deletes: each soft-deletable table gains a nullable deleted_at
+timestamp (NULL = live) and a deleted_batch_id (text UUID) stamped per delete
+operation so a cascaded delete restores as a unit. A daily cron purges rows
+past the retention window.
+"""
+from alembic import op
+import sqlalchemy as sa
+
+
+revision = "0057"
+down_revision = "0056"
+branch_labels = None
+depends_on = None
+
+_TABLES = (
+    "notes", "events", "projects", "milestones",
+    "rulebooks", "rulebook_topics", "rules",
+)
+
+
+def upgrade() -> None:
+    for t in _TABLES:
+        op.add_column(t, sa.Column("deleted_at", sa.DateTime(timezone=True), nullable=True))
+        op.add_column(t, sa.Column("deleted_batch_id", sa.Text(), nullable=True))
+        op.create_index(f"ix_{t}_deleted_at", t, ["deleted_at"])
+
+
+def downgrade() -> None:
+    for t in reversed(_TABLES):
+        op.drop_index(f"ix_{t}_deleted_at", table_name=t)
+        op.drop_column(t, "deleted_batch_id")
+        op.drop_column(t, "deleted_at")

ci-requirements.md

@@ -0,0 +1,49 @@
+# CI Requirements — FabledScribe
+
+> Spec lives in [`docs/process.md`](https://git.fabledsword.com/bvandeusen/CI-runner/src/branch/main/docs/process.md)
+> in the CI-Runner repo.
+
+## Runtime image
+
+```
+git.fabledsword.com/bvandeusen/ci-python:3.14
+```
+
+Used by all four jobs in `.forgejo/workflows/ci.yml`: typecheck (Vue/TS),
+lint (ruff), test (pytest), build (docker buildx).
+
+## Image deps used
+
+- python 3.14
+- node 24 (used for `npm ci` + `vue-tsc` in the typecheck job, and as the
+  frontend builder stage inside the production `Dockerfile`)
+- ruff (lint job runs `ruff check src/` with zero install overhead)
+- docker CLI + buildx (build job pushes the production image to the
+  Forgejo registry)
+
+## Per-job tool installs
+
+Anything CI installs at job time that isn't in the image. Promotion
+candidates if more than one project needs them.
+
+- `uv` — installed inline in the test job (`curl -LsSf
+  https://astral.sh/uv/install.sh | sh`). **Temporary**: belongs in the
+  ci-python image so every consumer doesn't re-install on cold start.
+  Tracked at [CI-Runner](https://git.fabledsword.com/bvandeusen/CI-runner).
+- `http-ece` is `--no-build-isolation`-installed before the editable
+  package install because http-ece doesn't declare `setuptools` as a
+  build dep and uv creates bare venvs without it. Not promotion-worthy
+  (one project, one wheel).
+
+## Notes
+
+- Production runtime image (`Dockerfile`) also tracks Python 3.14 — the
+  CI image and runtime image stay aligned by design so test results are
+  representative.
+- Build wall time: dominated by `pytest` (full async test suite). Cold
+  ci-python pulls add ~30s; not a blocker.
+- Registry-backed BuildKit layer cache (`type=registry,ref=…:cache,mode=max`)
+  gives ~80% speedup on warm builds — see the build job comment.
+- `pyproject.toml` pins `requires-python = ">=3.14"` to match the CI +
+  runtime target; lockfile (`uv.lock`) is committed and resolves against
+  Python 3.14.

docker-compose.prod.yml

@@ -4,8 +4,6 @@ services:
     environment:
       DATABASE_URL: "postgresql+asyncpg://fabled:${DB_PASSWORD}@db:5432/fabledassistant"
       SECRET_KEY: "${SECRET_KEY}"
-      OLLAMA_URL: "http://ollama:11434"
-      OLLAMA_MODEL: "${OLLAMA_MODEL:-llama3.1}"
       LOG_LEVEL: "${LOG_LEVEL:-INFO}"
       TRUST_PROXY_HEADERS: "true"
       SECURE_COOKIES: "true"
@@ -24,6 +22,7 @@ services:
 
   db:
     image: postgres:16-alpine
+    stop_grace_period: 120s
     volumes:
       - pgdata:/var/lib/postgresql/data
     environment:
@@ -32,49 +31,24 @@ services:
       POSTGRES_DB: fabledassistant
     networks:
       - fabledassistant_backend
+    # Lenient by design: a transient host exec/healthcheck stall (incident:
+    # runc setns failures -> "unhealthy" -> SIGKILL -> crash loop) must never
+    # escalate to killing the DB. Health here only gates app startup order.
     healthcheck:
       test: ["CMD-SHELL", "pg_isready -U fabled"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-    deploy:
-      restart_policy:
-        condition: on-failure
-        max_attempts: 5
-
-  ollama:
-    image: ollama/ollama
-    volumes:
-      - ollama_models:/root/.ollama
-    networks:
-      - fabledassistant_backend
-    environment:
-      OLLAMA_MAX_LOADED_MODELS: "2"
-      OLLAMA_KEEP_ALIVE: "30m"
-      OLLAMA_FLASH_ATTENTION: "1"
-    healthcheck:
-      test: ["CMD-SHELL", "ollama list || exit 1"]
       interval: 30s
       timeout: 10s
-      retries: 5
-      start_period: 30s
+      retries: 10
+      start_period: 180s
     deploy:
-      placement:
-        constraints:
-          - node.role == worker
-      resources:
-        reservations:
-          devices:
-            - driver: nvidia
-              count: all
-              capabilities: [gpu]
       restart_policy:
         condition: on-failure
-        max_attempts: 5
+        delay: 10s
+        max_attempts: 0
+        window: 120s
 
 volumes:
   pgdata:
-  ollama_models:
 
 networks:
   fabledassistant_backend:

docker-compose.quickstart.yml

@@ -1,4 +1,4 @@
-# Fabled Assistant — Quick Start
+# Fabled Scribe — Quick Start
 #
 # No build required. Pulls the latest pre-built image from the registry.
 #
@@ -6,29 +6,26 @@
 #   1. Download this file
 #   2. docker compose -f docker-compose.quickstart.yml up -d
 #   3. Open http://localhost:5000 — the first account registered becomes admin
-#   4. Go to Settings → General to pull an LLM model (qwen3:8b or llama3.1:8b are good starting points)
+#   4. Go to Settings → MCP Access and connect Claude (Code or Desktop) via the
+#      bearer-token URL shown there.
 #
 # Set SECRET_KEY via environment variable or a .env file alongside this file:
 #   SECRET_KEY=your-random-secret-here
 
 services:
   app:
-    image: git.fabledsword.com/bvandeusen/fabledassistant:latest
+    image: git.fabledsword.com/bvandeusen/fabledscribe:latest
     ports:
       - "5000:5000"
     environment:
       DATABASE_URL: "postgresql+asyncpg://fabled:fabled@db:5432/fabledassistant"
       SECRET_KEY: "${SECRET_KEY:-change-me-in-production}"
-      OLLAMA_URL: "http://ollama:11434"
-      OLLAMA_MODEL: "${OLLAMA_MODEL:-llama3.1:8b}"
       LOG_LEVEL: "${LOG_LEVEL:-INFO}"
     volumes:
       - app_data:/data
     depends_on:
       db:
         condition: service_healthy
-      ollama:
-        condition: service_healthy
     restart: unless-stopped
     healthcheck:
       test: ["CMD", "python", "-c", "import urllib.request; urllib.request.urlopen('http://localhost:5000/api/health')"]
@@ -39,44 +36,23 @@ services:
 
   db:
     image: postgres:16-alpine
+    stop_grace_period: 120s
     volumes:
       - pgdata:/var/lib/postgresql/data
     environment:
       POSTGRES_USER: fabled
       POSTGRES_PASSWORD: fabled
       POSTGRES_DB: fabledassistant
+    # Lenient by design: a transient host exec/healthcheck stall must never
+    # escalate to killing the DB. Health here only gates app startup order.
     healthcheck:
       test: ["CMD-SHELL", "pg_isready -U fabled"]
-      interval: 10s
-      timeout: 5s
-      retries: 5
-    restart: unless-stopped
-
-  ollama:
-    image: ollama/ollama
-    volumes:
-      - ollama_models:/root/.ollama
-    environment:
-      OLLAMA_MAX_LOADED_MODELS: "2"
-      OLLAMA_KEEP_ALIVE: "30m"
-      OLLAMA_FLASH_ATTENTION: "1"
-    healthcheck:
-      test: ["CMD-SHELL", "ollama list > /dev/null 2>&1"]
       interval: 30s
       timeout: 10s
-      retries: 5
-      start_period: 15s
+      retries: 10
+      start_period: 180s
     restart: unless-stopped
-    # Uncomment to enable NVIDIA GPU passthrough (requires nvidia-container-toolkit):
-    # deploy:
-    #   resources:
-    #     reservations:
-    #       devices:
-    #         - driver: nvidia
-    #           count: all
-    #           capabilities: [gpu]
 
 volumes:
   app_data:
   pgdata:
-  ollama_models:

docker-compose.yml

@@ -6,25 +6,16 @@ services:
     depends_on:
       db:
         condition: service_healthy
-      ollama:
-        condition: service_started
     volumes:
       - app_data:/data
       # To use a bind mount instead (gives direct host access to all app data):
       # - ./data:/data
     environment:
       DATABASE_URL: "postgresql+asyncpg://${POSTGRES_USER:-fabled}:${POSTGRES_PASSWORD:-fabled}@db:5432/${POSTGRES_DB:-fabledassistant}"
-      OLLAMA_URL: "http://ollama:11434"
-      OLLAMA_MODEL: "${OLLAMA_MODEL:-qwen3:8B}"
       SECRET_KEY: "${SECRET_KEY:-dev-secret-change-me}"
-      # Uncomment and set to enable web research and image search via SearXNG:
+      # Uncomment if you have a SearXNG instance you want to surface in the
+      # Integrations tab as a configured web-search backend:
       # SEARXNG_URL: "http://searxng:8080"
-      # IMAGE_CACHE_DIR: /data/images  # default, change if using a different mount path
-      # IMAGE_MAX_BYTES: "5242880"     # 5 MB per image, adjust if needed
-      # Push notifications (VAPID keys - generate with: python -c "from py_vapid import Vapid01; v=Vapid01(); v.generate_keys(); print(v.private_key, v.public_key)")
-      VAPID_PRIVATE_KEY: "${VAPID_PRIVATE_KEY:-}"
-      VAPID_PUBLIC_KEY: "${VAPID_PUBLIC_KEY:-}"
-      VAPID_CLAIMS_SUB: "${VAPID_CLAIMS_SUB:-mailto:admin@fabledassistant.local}"
     healthcheck:
       test: ["CMD", "python", "-c", "import urllib.request; urllib.request.urlopen('http://localhost:5000/api/health')"]
       interval: 10s
@@ -34,37 +25,23 @@ services:
 
   db:
     image: postgres:16-alpine
+    stop_grace_period: 120s
+    restart: unless-stopped
     volumes:
       - pgdata:/var/lib/postgresql/data
     environment:
       POSTGRES_USER: ${POSTGRES_USER:-fabled}
       POSTGRES_PASSWORD: ${POSTGRES_PASSWORD:-fabled}
       POSTGRES_DB: ${POSTGRES_DB:-fabledassistant}
+    # Lenient by design: a transient host exec/healthcheck stall must never
+    # escalate to killing the DB. Health here only gates app startup order.
     healthcheck:
       test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER:-fabled}"]
-      interval: 5s
-      timeout: 5s
-      retries: 5
-
-  ollama:
-    image: ollama/ollama
-    volumes:
-      - ollama_models:/root/.ollama
-    environment:
-      OLLAMA_MAX_LOADED_MODELS: "2"
-      OLLAMA_NUM_PARALLEL: "2"
-      OLLAMA_KEEP_ALIVE: "30m"
-      OLLAMA_FLASH_ATTENTION: "1"
-    # GPU reservation commented out — no nvidia-container-toolkit on this host
-    # deploy:
-    #   resources:
-    #     reservations:
-    #       devices:
-    #         - driver: nvidia
-    #           count: all
-    #           capabilities: [gpu]
+      interval: 30s
+      timeout: 10s
+      retries: 10
+      start_period: 180s
 
 volumes:
   pgdata:
-  ollama_models:
   app_data:

docs/2026-04-10-agentic-briefing-design.md

@@ -0,0 +1,216 @@
+# Agentic Briefing — Design Spec
+
+**Date:** 2026-04-10
+**Status:** Proposed
+**Author:** bvandeusen + Claude
+
+---
+
+## Problem
+
+The current briefing pipeline hallucinates calendar events, tasks, and news items that do not exist in the user's actual data. Observed examples from production:
+
+- A morning briefing asserting "your dentist appointment is still in progress" when no such event existed
+- An 8am check-in mentioning "a quick meeting at 10:30 AM" with no backing calendar entry
+- A midday check-in inventing "a team huddle at 2:30 PM" and "the Q2 budget draft due by Friday"
+- The model calling `search_images` in response to a clarifying question about a fabricated meeting
+
+These are not bugs in data retrieval — the data gathering code (`_gather_internal`, `_gather_external`) returns correct values. They are a structural consequence of how the briefing context is assembled.
+
+## Root cause — the "no receipt" problem
+
+The current `run_compilation` pipeline does this:
+
+1. Python code gathers data (tasks, events, weather, news) from the database
+2. Python formats the data into a structured text blob as the user-role message: `TODAY'S EVENTS: ...`, `DUE TODAY: ...`, etc.
+3. The LLM is called **once** with `[system_prompt, user_prompt]` and produces prose
+4. Only the prose reply is written to the conversation. **The underlying data is never persisted in the conversation history.**
+
+When the user later chats in the briefing conversation, the chat endpoint loads the full conversation history — which contains the model's *prose* from earlier but not the data that prose was derived from. The model's own prior output becomes the only source of "truth" available for follow-up questions. If that prose asserted a fact (real or hallucinated), the model has no way to distinguish it from ground truth when generating the next reply, and it will double down.
+
+Compounding factors:
+
+- **Empty sections are silently omitted.** If `calendar_events` is empty, the user prompt contains no `TODAY'S EVENTS:` line at all. The model has no explicit "zero events" signal — combined with an imperative system prompt ("note calendar events and tasks"), it interprets the silence as "I should mention some" and fabricates.
+- **Scheduled slot injections append synthetic turns.** `run_slot_injection` writes a fake `[Midday briefing update]` user message and the assistant reply into the persistent conversation. By evening, the chat history contains three separate briefings, each potentially with errors, all treated as equal-weight context on follow-up.
+- **The `search_images` tool is available during briefing chat**, with a negative-instruction description ("Not for factual questions"). Small and mid-sized models frequently ignore negative guidance in tool descriptions and call the tool anyway.
+
+## Solution — agentic briefing (the receipt model)
+
+Replace the one-shot synthesis with a tool-call loop. The briefing is no longer "a text blob synthesized from pre-gathered data." It is **a scheduled agent run**: the LLM is given a system prompt, a curated set of read-only data tools, and a trigger ("generate the morning briefing"). The model must call tools to see what exists. Every tool call and tool result becomes part of the conversation history, where it lives as a permanent, structured receipt.
+
+### Why this fixes the hallucination
+
+When the model calls `list_events(today) → []`, that empty array is now a persistent message in the conversation. On a follow-up question like "what meeting?", the chat endpoint loads the conversation and the model sees its own tool result from the morning showing no events. Answering "you had a meeting at 10:30" would require the model to directly contradict a tool result sitting two messages back — something LLMs are much more reliable at avoiding than contradicting their own prior prose.
+
+In short: **the model cannot fabricate what has a visible receipt proving it does not exist.**
+
+### What the model sees — before vs after
+
+**Before** — the model sees one structured blob and produces prose. The blob is discarded.
+
+```
+[system] You are a personal assistant... weave together what matters...
+[user]   Date: 2026-04-10
+         WEATHER: Home — partly cloudy, 8–16°C
+         DUE TODAY: Fix briefing hallucinations
+         OVERDUE (2 tasks): ...
+[assistant] Morning! Looks like a quiet day with two overdue items...
+```
+
+**After** — the model is given tools and iterates to ground truth.
+
+```
+[system] You are the user's personal assistant giving their morning briefing.
+         Use tools to see what's relevant. Only mention things you learned from
+         tool calls. If a tool returns nothing, say so honestly.
+[user]   Generate the morning briefing.
+[assistant] tool_call: list_tasks(filter="due_today")
+[tool]   [{"id": 81, "title": "Fix briefing hallucinations", ...}]
+[assistant] tool_call: list_tasks(filter="overdue")
+[tool]   [{"id": 42, ...}, {"id": 43, ...}]
+[assistant] tool_call: list_events(today)
+[tool]   []
+[assistant] tool_call: get_weather(location="home")
+[tool]   {"description": "partly cloudy", "temp_min": 8, "temp_max": 16}
+[assistant] tool_call: get_rss_items(max=8)
+[tool]   [...]
+[assistant] Morning! Partly cloudy today, 8 to 16 — nothing on the calendar
+         so it's a clean run at the desk. Two things to keep in mind...
+```
+
+The conversation now contains verifiable receipts: `list_events(today)` returned `[]`, and that result sits in context forever (until pruned). Follow-up questions operate against those receipts.
+
+## Architecture
+
+### Existing infrastructure (reused, not rebuilt)
+
+The codebase already has the agentic primitives — they're used for regular chat:
+
+- **`llm.py::stream_chat_with_tools`** — the streaming tool-use loop that talks to Ollama with a `tools` parameter and yields tool-call chunks
+- **`generation_task.py::_stream_with_retry`** — wraps `stream_chat_with_tools` with retry-on-500 behavior for cold-model races
+- **`tools.py`** — defines 40+ tool schemas and an execution dispatcher
+
+The briefing bypasses all of this and calls a one-shot `_llm_synthesise` helper. The refactor is mainly "route briefings through the same pipeline regular chat already uses."
+
+### New modules
+
+**`briefing_tools.py`** — a small wrapper exposing a curated read-only subset of `tools.py` for briefing runs. This is an **explicit allowlist**, not a blocklist, so newly-added tools must be opted in:
+
+| Tool | Purpose |
+|---|---|
+| `list_tasks` (with filter args) | See what's actionable today, overdue, high priority |
+| `list_events` (today / upcoming) | Know what's on the calendar |
+| `get_weather` | Current/forecast weather |
+| `get_rss_items` | Pull news themes filtered by user preferences |
+| `list_projects` | Understand project context |
+| `search_projects` | Surface active project summaries |
+| `list_notes` (recent) | Capture follow-ups from yesterday |
+
+**Explicitly omitted** from the briefing tool set:
+
+- `search_images`, `search_web`, `research_topic`, `read_article` — external search is not a briefing concern, and `search_images` is the source of the "Peter Kyle Science Secretary" image-search bug
+- All `create_*`, `update_*`, `delete_*` — briefings are read-only; a scheduled background job must not decide to mutate the user's data on its own
+- `set_rag_scope`, `calculate` — not relevant to briefing content
+
+### New briefing function
+
+**`briefing_pipeline.py::run_agentic_briefing(user_id, slot, model, conversation_id)`** replaces `run_compilation`'s body (and eventually `run_slot_injection`). Internally:
+
+1. Build a slot-specific system prompt (see below)
+2. Load the curated briefing tools from `briefing_tools.py`
+3. Seed messages with `[system, user]` where the user message is a simple trigger like `"Generate the morning briefing."`
+4. Enter a tool-call loop (max 8 iterations):
+   - Call `stream_chat_with_tools`
+   - If the model returns `tool_calls`, execute them via the existing dispatcher, append tool results, continue
+   - If the model returns a final assistant message with no pending tool calls, break
+5. Return `(final_prose, full_message_list, metadata)`
+
+The full message list is important: it's written to the conversation along with the final prose, so the tool-call receipts become part of the persistent record.
+
+### Slot-specific system prompts
+
+Compilation (full morning briefing):
+
+```
+You are the user's personal assistant giving their full morning briefing.
+Use the tools available to see what's actually relevant today — tasks due,
+overdue items, events on the calendar, weather, news themes, project state
+— and weave it into a warm, natural-sounding summary.
+
+Rules:
+- Call tools to see the data. Never assert facts you didn't learn from a tool.
+- If a tool returns nothing (no events today, no overdue tasks), say so
+  honestly. Don't fabricate items to fill space.
+- Write flowing prose. No markdown, no headers, no bullet points.
+- Aim for 6–10 sentences. Skip topics that have nothing interesting.
+- Close on one or two concrete, actionable suggestions.
+
+User profile (for tone and preferences):
+{profile_body}
+```
+
+Check-ins (midday, afternoon):
+
+```
+You are the user's personal assistant giving a brief {slot} check-in.
+Use tools to see what's changed since this morning. Focus on progress
+and what's still unaddressed.
+
+Rules:
+- Call tools to see current state. Never assert facts without tool results.
+- If nothing meaningful has changed, say so briefly — don't invent progress.
+- 3–5 sentences, natural prose, no markdown.
+```
+
+### Conversation hygiene — removing the fake user messages
+
+The current scheduler appends two fake messages on every slot injection:
+
+```python
+await post_message(conv.id, "user", f"[{slot.title()} briefing update]")
+await post_message(conv.id, "assistant", text)
+```
+
+Under the agentic model, we drop the fake `"user"` message entirely. Slot updates become plain assistant messages tagged with `metadata.briefing_slot = "midday"`. The chat endpoint's message loader is updated to filter these when building the LLM context on follow-ups, so a user chatting in the briefing conversation doesn't see three earlier briefings smashed into their history. The UI continues to show them as visible timeline entries.
+
+(This is the Option A filter from the earlier discussion — a small, surgical change compared to migrating briefings to a separate sidecar table. Sidecar storage remains a possible future step.)
+
+### Ollama setup compatibility
+
+The existing Ollama deployment uses non-parallel mode across two GPUs, with a concern about context duplication between cards. This is the correct setup for agentic briefings:
+
+- Each tool-call iteration shares the same KV cache on the same GPU, so appending tool results is cheap
+- There is no race where a second iteration could land on a different card with a different cache state
+- The trade-off is serialization: a briefing in progress will block a concurrent user chat request until it finishes, but scheduled briefings are rare enough (4× per day) that this is acceptable
+
+If GPU contention becomes a problem later, the right lever is pinning specific models to specific GPUs (e.g., background tasks on GPU 1, interactive models on GPU 0) — not enabling parallelism.
+
+## Cost & trade-offs
+
+- **Latency:** a briefing now makes 5–7 inference calls (one per tool-call decision plus the final prose) instead of 1. On a local Ollama with a 7B model, expect 15–40s per briefing vs the current 5–10s. Acceptable for a background job; if it becomes painful at the user-facing check-in slots, investigate letting the model batch independent tool calls in a single turn (Ollama supports this).
+- **Model requirements:** the default model must be reliable at tool calling. `qwen2.5:7b`, `llama3.1:8b`, `mistral-small-3:24b`, and similar handle it well. Models in the ≤3B class typically fail — they either emit no tool calls and return empty prose, or hallucinate invalid tool arguments. If a user's `default_model` is too small, agentic mode should fall back to legacy mode with a log warning.
+- **Context growth:** tool results bloat the conversation. At 8 tool calls per compilation × 4 slots per day, a daily briefing conversation can reach 20-30 KB of JSON-heavy history. Fine for a day; aged briefings should be archived/rolled up after 7 days.
+- **Tool subset drift:** someone adds a new mutating tool to `tools.py` and forgets to update the briefing allowlist. Mitigated by the allowlist model — the default for new tools is "not exposed to briefings."
+- **Infinite loop safety:** a buggy model could tool-call forever. Hard cap at 8 iterations, log a warning if hit, return whatever prose was last produced (or a fallback message).
+
+## Migration path
+
+Ship incrementally, each step independently reversible:
+
+**PR 1 — Agentic compilation behind a feature flag.** Add `briefing_tools.py`, add `run_agentic_briefing`, add a per-user setting `briefing_mode: "legacy" | "agentic"` (default legacy). Route only the 4am compilation through the new path when the flag is set. Keep slot-injection on the legacy path. Enable the flag on the author's account first, validate output quality over several days, then flip the default for all users. No DB migration required — the setting lives in the existing `settings` table.
+
+**PR 2 — Agentic slot injections + conversation hygiene.** Migrate midday/afternoon check-ins to the same pipeline. Remove the fake `[Midday briefing update]` user-role message; slot updates become plain assistant messages tagged with `metadata.briefing_slot`. Add a chat-message-loader filter that excludes slot-tagged messages from the LLM context on follow-ups (they remain visible in the UI).
+
+**PR 3 — UI polish.** Collapsed tool-call status row in the briefing card ("✓ checked calendar · ✓ looked at tasks · ✓ pulled weather"), expanding to show tool results on click. Tool-result cards (weather, news, task list) rendered inline where useful.
+
+**PR 4 (optional) — Sidecar storage for briefing snapshots.** If the chat-filter approach in PR 2 feels too hacky, migrate briefings out of the conversations table and into a dedicated `briefing_snapshots` table. Frontend renders them as pinned timeline cards separate from chat. Larger refactor; defer until PR 1–3 prove the approach works.
+
+## Secondary win — tightening the main chat system prompt
+
+The regular chat is already agentic (it uses `stream_chat_with_tools`), but its system prompt does not explicitly require the model to ground factual claims in tool results. The prompt discipline introduced for briefings — *"Never assert facts you didn't learn from a tool. If a tool returns nothing, say so honestly."* — is worth applying to the main chat system prompt in a follow-up PR. The mechanism already works; only the framing needs tightening.
+
+## Out of scope
+
+- The Android Flutter client's failure to render `search_images` tool-result cards. This is a separate rendering gap in the mobile app and does not affect the server-side fix. Tracked separately.
+- Re-evaluating the Ollama parallelism setting. The current non-parallel config is correct for this work.
+- Replacing the background model for title/summary/observation extraction. That model's role is unrelated to briefings.

docs/android-app.md

@@ -1,73 +0,0 @@
-# Android Companion App
-
-The Android companion app lives in a separate repository at `/home/bvandeusen/Nextcloud/Projects/fabled_app`.
-
-## Stack
-
-- Flutter + Dart
-- Riverpod (state management)
-- GoRouter (navigation)
-- Dio (HTTP client)
-- PersistCookieJar (session persistence)
-- SSE streaming via `fetch` + `ReadableStream` bridge
-
-## Architecture
-
-```
-lib/
-  app.dart                          # GoRouter + _Shell + _QuickCaptureBar
-  core/constants.dart               # Routes.*
-  data/
-    models/                         # note.dart, task.dart, project.dart
-    api/                            # notes_api.dart, tasks_api.dart, projects_api.dart
-    repositories/                   # notes, tasks, projects repositories
-  providers/
-    api_client_provider.dart        # all API + repository providers
-    notes_provider.dart             # NotesNotifier
-    tasks_provider.dart             # TasksNotifier
-    projects_provider.dart          # ProjectsNotifier
-  screens/
-    notes/note_edit_screen.dart     # chip tag input + ProjectSelector
-    tasks/task_edit_screen.dart     # ProjectSelector
-    projects/project_list_screen.dart
-  widgets/
-    project_selector.dart           # reusable DropdownButtonFormField
-```
-
-## Navigation
-
-4-tab shell (Notes · Tasks · Projects · Chat):
-- Phone: bottom `NavigationBar`
-- Tablet/landscape: `NavigationRail`
-
-Quick Capture bar persists across all tabs. Settings accessible from top-right icon.
-
-## Feature Status
-
-| Feature | Status | Notes |
-|---------|--------|-------|
-| Notes CRUD | ✅ | Tags chip input; project selector in editor |
-| Tasks CRUD | ✅ | Project selector in editor |
-| Projects list | ✅ | Active/archived sections; long-press status change; create dialog |
-| Chat + SSE | ✅ | Full streaming |
-| Quick Capture | ✅ | Offline queue with retry |
-| Tags | ✅ | Chip input in NoteEditScreen; typed as `List<String>` |
-| Project assignment | ✅ | `ProjectSelector` dropdown in Note + Task editors |
-| Milestones | ❌ deferred | Too granular for mobile; web UI handles it |
-| Push notifications | ❌ incompatible | Backend uses browser VAPID; Flutter needs FCM/APNs — separate implementation required |
-| CalDAV settings | ❌ intentional | Server-side config only; not exposed in mobile app |
-
-## API Compatibility Notes
-
-- `GET /api/projects/:id` returns a flat JSON object (not `{project: ...}` wrapper); includes `summary` field.
-- `POST /api/projects` returns the project dict directly (201).
-- `PATCH /api/projects/:id` returns the updated project dict.
-- Task body field is `body` (not `description`) — the app maps `description` → `body` on serialize.
-
-## Self-Update
-
-The app supports self-update via the Forgejo release API (`update_provider.dart`). It checks the latest release tag and prompts the user to download and install a new APK when one is available.
-
-## CI
-
-Builds are triggered from the Forgejo Actions pipeline in the `fabled_app` repository. The APK is attached to the release as a downloadable artifact.

docs/api-reference.md

@@ -145,23 +145,22 @@ All endpoints require login (session cookie or `Authorization: Bearer <api-key>`
 |--------|------|-------------|
 | GET | `/api/search` | Semantic + keyword search across notes and tasks. Params: `q`, `type` (`note`/`task`/`all`), `limit` |
 
-## Briefing
+## Journal
 
 | Method | Path | Description |
 |--------|------|-------------|
-| GET | `/api/briefing/config` | Get briefing configuration |
-| PUT | `/api/briefing/config` | Save briefing configuration |
-| GET | `/api/briefing/feeds` | List RSS feeds |
-| POST | `/api/briefing/feeds` | Add RSS feed `{url, name?, category?}` |
-| DELETE | `/api/briefing/feeds/:id` | Delete feed |
-| POST | `/api/briefing/feeds/refresh` | Trigger immediate feed refresh → `{feeds_refreshed, new_items}` |
-| GET | `/api/briefing/weather` | Get weather configuration |
-| PUT | `/api/briefing/weather` | Save weather locations |
-| POST | `/api/briefing/weather/geocode` | Geocode address `{query}` → `{lat, lon, label}` |
-| POST | `/api/briefing/trigger` | Manually fire a briefing slot `{slot}` |
-| GET | `/api/briefing/conversations` | List past briefing conversations |
-| GET | `/api/briefing/conversations/today` | Get/create today's briefing conversation |
-| GET | `/api/briefing/conversations/:id/messages` | Get messages for a briefing conversation |
+| GET | `/api/journal/config` | Get journal configuration (locations, temp_unit, prep schedule) |
+| PUT | `/api/journal/config` | Save journal configuration; live-reschedules the prep job |
+| GET | `/api/journal/today` | Get/create today's journal conversation + messages |
+| GET | `/api/journal/day/:iso` | Get a specific day's journal conversation (read-only) |
+| GET | `/api/journal/days` | List dates with journal content, newest first |
+| POST | `/api/journal/trigger-prep` | Force-regenerate today's prep (or `{date}` for a specific day) |
+| GET | `/api/journal/weather` | Cached weather rows; auto-refreshes stale rows in the background |
+| GET | `/api/journal/weather/current` | Live current conditions for the primary configured location |
+| POST | `/api/journal/weather/refresh` | Manual refresh of all configured locations |
+| POST | `/api/journal/weather/geocode` | Geocode place name `{query}` → `{lat, lon, label}` |
+| POST | `/api/journal/moments/:id/update` | Update a recorded moment |
+| DELETE | `/api/journal/moments/:id` | Delete a moment |
 
 ## Settings
 

docs/architecture.md

@@ -133,11 +133,11 @@ Indexes: GIN on `tags`, B-tree on `status`, B-tree on `title`.
 
 ### Settings
 
-Composite PK `(user_id, key)`. Per-user key-value store. CRUD via `services/settings.py`. Used for: `default_model`, `assistant_name`, `briefing_enabled`, `briefing_locations`, `office_days`, etc.
+Composite PK `(user_id, key)`. Per-user key-value store. CRUD via `services/settings.py`. Used for: `default_model`, `assistant_name`, `journal_config` (JSON: locations, temp_unit, prep schedule), `user_timezone`, `voice_*`, etc.
 
 ### Conversations / Messages
 
-`conversations`: `id`, `title`, `model`, `user_id`, `conversation_type` (`chat`/`briefing`/`mcp`), `briefing_date`, `rag_project_id` (nullable int — RAG scope: NULL=orphan-only, -1=all, positive=project), `created_at`, `updated_at`.
+`conversations`: `id`, `title`, `model`, `user_id`, `conversation_type` (`chat`/`journal`/`mcp`), `day_date` (YYYY-MM-DD for journal conversations), `rag_project_id` (nullable int — RAG scope: NULL=orphan-only, -1=all, positive=project), `created_at`, `updated_at`.
 `messages`: `id`, `conversation_id` FK CASCADE, `role` (`user`/`assistant`), `content`, `status` (`done`/`generating`), `created_at`.
 
 Title auto-generated by LLM on first exchange, re-generated every 10th message.
@@ -155,11 +155,9 @@ Title auto-generated by LLM on first exchange, re-generated every 10th message.
 
 Permission resolution is centralised in `services/access.py`. `get_project_permission(uid, project_id)` checks ownership → direct share → group-based share → note→project inheritance, returning the highest applicable permission.
 
-### Briefing-Related Tables
+### Journal-Related Tables
 
-`rss_feeds`: `id`, `user_id`, `url`, `name`, `category`, `last_fetched_at`.
-`rss_items`: `id`, `feed_id` FK, `guid`, `title`, `url`, `summary`, `pub_date`.
-`weather_cache`: per-user cache with `lat`, `lon`, `location_name`, `forecast_json`, `fetched_at`.
+`weather_cache`: per-user, per-`location_key` cache. Columns: `user_id`, `location_key` (`home`/`work`/etc.), `location_label`, `forecast_json` (Open-Meteo response), `previous_json` (last forecast, used to detect changes), `fetched_at`. Lat/lon are *not* stored on the cache row — they live in the user's `journal_config.locations.{home|work}` setting and are used at refresh time.
 
 ### API Keys
 
@@ -188,14 +186,14 @@ Permission resolution is centralised in `services/access.py`. `get_project_permi
 | `routes/api.py` | `/api` blueprint; `GET /api/health` (public) |
 | `routes/auth.py` | Register, login, logout, me, password/email change, password reset, invite registration, OAuth login+callback; rate limiting; `LOCAL_AUTH_ENABLED` guards |
 | `routes/admin.py` | Backup, restore, user management, registration toggle, invitations, base URL, SMTP (admin only) |
-| `routes/chat.py` | Conversations CRUD; SSE generation stream; model pull/delete/list/warm; briefing conversation routes |
+| `routes/chat.py` | Conversations CRUD; SSE generation stream; model pull/delete/list/warm |
 | `routes/notes.py` | Notes CRUD + wikilinks + backlinks + assist + link suggestions + version history + drafts |
 | `routes/tasks.py` | Tasks CRUD; `POST` accepts `project` name string (resolved to `project_id`) |
 | `routes/task_logs.py` | Task work log CRUD (`GET/POST/DELETE /api/tasks/:id/logs`) |
 | `routes/projects.py` | Projects CRUD + summary endpoint |
 | `routes/milestones.py` | Milestones CRUD under `/api/projects/:id/milestones` |
 | `routes/settings.py` | Per-user settings key-value (`GET/PUT /api/settings/:key`) |
-| `routes/briefing.py` | Briefing conversation + reply + history; RSS feed management |
+| `routes/journal.py` | Journal config CRUD; today/day/days conversation accessors; weather endpoints (cached/current/refresh/geocode); moments CRUD; trigger-prep |
 | `routes/groups.py` | Group CRUD + membership management (admin) |
 | `routes/shares.py` | Share project/note with user or group; revoke; list incoming shares |
 | `routes/in_app_notifications.py` | In-app notification list + mark-read + count |
@@ -212,8 +210,8 @@ Permission resolution is centralised in `services/access.py`. `get_project_permi
 | `services/api_keys.py` | `generate_key()`, `create_api_key()`, `list_api_keys()`, `revoke_api_key()`, `lookup_key()` (SHA-256 hash lookup) |
 | `services/llm.py` | `build_context()`, RAG injection, history summarisation, `stream_chat_with_tools()`, URL fetching, SSRF guard |
 | `services/generation_task.py` | `run_generation()` — full chat pipeline: intent routing, tool loop, SSE fan-out, push notification; `run_assist_generation()` |
-| `services/intent.py` | `classify_intent()` — fast non-streaming LLM call; intent skip heuristic; `_PRIOR_WORK_REFS` fast-path |
-| `services/tools.py` | All LLM tool definitions + `execute_tool(user_id, tool_name, arguments, conv_id=None, workspace_project_id=None)` dispatcher; duplicate guards; `_resolve_project()` 4-step lookup; `search_projects` and `set_rag_scope` tools |
+| ~~`services/intent.py`~~ | Removed — intent routing eliminated; the main model handles all tool routing directly |
+| `services/tools/` | LLM tool package — decorator-based registry (`_registry.py`), shared helpers (`_helpers.py`), and one module per domain: `notes.py` (create/update/delete/search/list/read), `tasks.py` (list/log_work), `entities.py` (save_person/save_place/lists), `projects.py`, `calendar.py`, `web.py`, `rag.py`, `profile.py`, `rss.py`, `weather.py`, `utility.py` (calculate). `execute_tool()` and `get_tools_for_user()` are the public API. |
 | `services/projects.py` | Project CRUD + `generate_project_summary()` (Ollama, fire-and-forget) + `backfill_project_summaries()` (startup) |
 | `services/embeddings.py` | `upsert_note_embedding()`, `semantic_search_notes(orphan_only=False)` (pgvector cosine similarity) |
 | `services/generation_buffer.py` | In-memory SSE event buffer; `cancel_event`; 60s cleanup; supports both chat (int keys) and assist (string keys) |
@@ -227,11 +225,12 @@ Permission resolution is centralised in `services/access.py`. `get_project_permi
 | `services/groups.py` | Group CRUD; membership management |
 | `services/notifications.py` | Create/read/mark-read in-app notifications |
 | `services/task_logs.py` | Append/list/delete work log entries on tasks |
-| `services/briefing_pipeline.py` | Two-lane parallel gather → LLM synthesis → `GenerationBuffer` stream |
-| `services/briefing_scheduler.py` | APScheduler `BackgroundScheduler`; slots with catch-up logic; async-safe via `asyncio.create_task` |
-| `services/briefing_conversations.py` | Briefing conversation persistence and history queries |
-| `services/briefing_profile.py` | Per-user profile note that the assistant updates over time |
-| `services/research.py` | SearXNG research pipeline: 5 sub-queries → parallel fetch → synthesis; `search_images` for image category |
+| `services/journal_prep.py` | Deterministic data gather (tasks/events/weather/projects/recent moments/open threads) → LLM prose opener; persisted as the first assistant message of today's journal Conversation |
+| `services/journal_pipeline.py` | System-prompt builder for journal conversations; calls `build_profile_context()` so the LLM sees the user's profile + learned summary |
+| `services/journal_scheduler.py` | APScheduler `BackgroundScheduler`; per-user prep job; live-reschedule via `update_user_schedule()`; catch-up logic for missed runs |
+| `services/journal_search.py`, `services/moments.py` | Moment recording + search across journal history |
+| `services/user_profile.py` | `build_profile_context()` consolidates profile + observations + learned_summary into a system-prompt block |
+| `services/research.py` | SearXNG research pipeline: sub-queries → parallel fetch → outline → section synthesis → executive summary → index note with linked section notes |
 | `services/events.py` | Internal events CRUD: `list_events`, `create_event`, `update_event`, `delete_event`, `get_event`; source of truth for all event LLM tools |
 | `routes/events.py` | `/api/events` — event CRUD routes |
 | `services/caldav.py` | Optional CalDAV sync — user-configured external server; syncs to/from internal store via `caldav_uid` FK; `is_caldav_configured()` guards tool activation |
@@ -291,10 +290,10 @@ Permission resolution is centralised in `services/access.py`. `get_project_permi
 | `services/access.py` | Permission resolution for all shared resources |
 | `services/llm.py` | `build_context()`, RAG injection, history summarisation |
 | `services/generation_task.py` | SSE streaming, tool-call loop, GenerationBuffer management |
-| `services/tools.py` | All LLM tool implementations (`create_note`, `search_notes`, `get_weather`, …) |
+| `services/tools/` | LLM tool implementations (38 tools across 11 modules); decorator-based registry |
 | `services/embeddings.py` | `upsert_note_embedding()`, `semantic_search_notes()` |
-| `services/briefing_pipeline.py` | Two-lane parallel gather → LLM synthesis → briefing output |
-| `services/briefing_scheduler.py` | APScheduler integration, catch-up logic for missed slots |
+| `services/journal_prep.py` | Data gather → LLM prose opener; persisted into today's journal conversation |
+| `services/journal_scheduler.py` | APScheduler integration, per-user prep job, catch-up for missed runs |
 | `services/backup.py` | Full and per-user backup export/restore (version 2 format) |
 | `services/weather.py` | Nominatim geocoding + Open-Meteo forecast fetch + DB cache |
 | `services/rss.py` | feedparser-based fetch, per-feed DB cache, prune-to-100 |
@@ -311,26 +310,22 @@ See [sso-oauth.md](sso-oauth.md) for provider-specific setup instructions.
 
 ## LLM Pipeline Internals
 
-### Intent Routing
+### Tool Routing
 
-Before the main model runs, a lightweight intent classifier (`services/intent.py`) runs concurrently with `build_context()`. It makes a fast non-streaming call using a smaller dedicated model (`OLLAMA_INTENT_MODEL`, default `qwen2.5:7b`) to determine if the message requires a tool call.
-
-**Skip heuristic** — Intent classification is skipped entirely for short messages (≤10 words) with no action/object keywords, saving 400–800ms on conversational replies.
-
-**Prior-work fast-path** — `_PRIOR_WORK_REFS` regex detects phrases like "research you did", "note you made", "using your research" and returns no-tool immediately, preventing `search_web` from firing when the user references existing notes.
-
-If a tool is detected, the intent's one-sentence `ack` field is streamed as the first chunk (TTFT), the tool executes, then the main model generates a follow-up with the tool result. For chat-only responses the main model streams directly.
+No separate intent router — the main model handles all tool routing directly via Ollama's structured tool-calling output. The model receives the full tool schema list and decides whether to call a tool or respond conversationally. Extended reasoning (`think=True`) is always on for qwen3-class models: content-based gating was tried but exposed tool-call template fragility on short tool-intent prompts.
 
 ### Tool Loop
 
-Multi-round tool loop (max 5 rounds). All implementations in `services/tools.py`; `execute_tool(user_id, tool_name, arguments, conv_id=None, workspace_project_id=None)` is the dispatcher. `conv_id` and `workspace_project_id` are threaded in from `run_generation()` so tools like `set_rag_scope` can write to the current conversation.
+Multi-round tool loop (max 5 rounds). All implementations in `services/tools/` (decorator-based registry); `execute_tool(user_id, tool_name, arguments, conv_id=None, workspace_project_id=None)` is the dispatcher. `conv_id` and `workspace_project_id` are threaded in from `run_generation()` so tools like `set_rag_scope` can write to the current conversation.
 
-**Duplicate protection on `create_note` / `create_task`:**
+**Unified `create_note` tool** — creates both notes and tasks. Setting `status` (e.g. `"todo"`) creates a task; omitting it creates a knowledge note. All task fields (due_date, priority, milestone, parent_task, recurrence_rule) are available on the single tool.
+
+**Duplicate protection on `create_note`:**
 1. Exact title match (case-insensitive) → hard block, redirect to `update_note`
 2. Fuzzy title match (SequenceMatcher ≥ 82%; punctuation stripped before candidate search) → hard block
-3. Semantic content similarity (threshold 0.90, body ≥ 200 chars) → soft block with `requires_confirmation: true`
+3. Semantic content similarity (threshold 0.90, body ≥ 80 chars) → soft block with `requires_confirmation: true`
 
-**Project resolution** (`_resolve_project`): 4-step lookup — (1) exact DB match, (2) `query in title` substring, (3) `title in query` reverse substring, (4) SequenceMatcher ≥ 0.55.
+**Project resolution** (`_helpers.resolve_project`): 4-step lookup — (1) exact DB match, (2) `query in title` substring, (3) `title in query` reverse substring, (4) SequenceMatcher ≥ 0.55.
 
 ### Context Window and Summarisation
 
@@ -344,8 +339,11 @@ History summarisation threshold: 30 messages. Keeps 8 recent messages. Summary m
 1. Intent model generates 5 focused sub-queries
 2. All 5 SearXNG queries run in parallel (200ms stagger to avoid rate limiter)
 3. Up to 15 unique URLs fetched in parallel
-4. Up to 12 sources passed to synthesis LLM
-5. Result saved as a note with `tags=["research"]`
+4. LLM generates an outline (2–8 sections with title + focus)
+5. Each section synthesised in parallel from relevant sources
+6. Executive summary generated from all section content
+7. Index note created with executive summary + links to section notes; section notes linked back via `parent_id`
+8. Falls back to single-note synthesis if outline generation fails
 
 SearXNG tip: add the app server IP to `botdetection.ip_lists.pass_ip` in SearXNG `settings.yml` to bypass the rate limiter for trusted backend requests.
 

docs/design-system.md

@@ -0,0 +1,573 @@
+# FabledSword Design System
+
+A house-style design system for the FabledSword family of self-hosted applications. FabledSword is the umbrella identity; individual apps share a common visual language but each carries its own signature accent color.
+
+## Brand model
+
+FabledSword is a **house style**, not a single brand. Apps share:
+
+- Typography
+- Surfaces and dark-mode foundation
+- Component shapes (pills, cards, buttons)
+- Spacing system
+- Semantic colors (success, warning, error, info)
+- Action button colors (moss primary, bronze secondary)
+- Voice and tone
+
+Each public app has its own **signature accent** used for: the wordmark, the app icon, active nav state, "you are here" indicators, cursor/selection color, and key brand moments. Accents do **not** appear on action buttons — those stay system-wide.
+
+## Aesthetic direction
+
+Modern mythic with heraldic restraint. Tech-forward execution, but the visual language borrows from manuscripts, heraldry, and forged objects rather than from gaming or fantasy iconography. Dark-mode-first because that's where these apps live.
+
+The reference points: a well-printed book, a well-kept armory, a steward's ledger. Not: a fantasy novel cover, a tabletop RPG character sheet, a Renaissance Faire poster.
+
+---
+
+## Color system
+
+### Universal surfaces (dark mode foundation)
+
+| Token | Hex | Usage |
+|---|---|---|
+| Obsidian | `#14171A` | Page background, deepest surface |
+| Iron | `#1E2228` | Card surfaces, raised elements |
+| Slate | `#2C313A` | Hovered surfaces, secondary elevation |
+| Pewter | `#3F4651` | Borders, dividers, ghost button outlines |
+
+### Universal text and parchment
+
+| Token | Hex | Usage |
+|---|---|---|
+| Parchment | `#E8E4D8` | Primary text on dark surfaces |
+| Vellum | `#C2BFB4` | Secondary text, captions |
+| Ash | `#9C9A92` | Tertiary text, hints, metadata |
+
+Parchment is intentionally not pure white — it's slightly warm to feel like aged paper. Pure white (#FFFFFF) is never used as text color.
+
+### Universal action colors
+
+| Token | Hex | Usage |
+|---|---|---|
+| Moss | `#4A5D3F` | Primary action buttons (Save, Submit, Confirm) |
+| Bronze | `#8B7355` | Secondary action buttons (Cancel-but-not-destructive, alternate paths) |
+| Pewter | `#3F4651` | Tertiary/ghost buttons |
+
+**Critical rule:** Action button colors are universal across all apps. A Save button in Scribe and a Save button in Minstrel look identical. Per-app accents do not appear on buttons.
+
+### Semantic colors
+
+| Token | Hex | Usage |
+|---|---|---|
+| Success | `#4A5D3F` | Success states (same as Moss — they're aligned by design) |
+| Warning | `#8B6F1E` | Warnings, caution states |
+| Error | `#C04A1F` | Error messages, validation failures |
+| Info | `#3D5A6E` | Informational callouts |
+| Destructive | `#6B2118` | Destructive action buttons (Delete, Remove, irreversible) |
+
+**Why error and destructive are different:** Error is the orange-red used in alerts and validation messages. Destructive (oxblood) is reserved for buttons that perform irreversible actions — it carries more weight precisely because it's used sparingly. Pair destructive buttons with an icon (trash, X) so color is reinforcement, not the only signal.
+
+### Per-app signature accents
+
+| App | Hex | Mood |
+|---|---|---|
+| Fabled Scribe | `#5B4A8A` | Dusty violet — ink, manuscripts |
+| Minstrel | `#4A6B5C` | Forest teal — music, performance |
+| Fabled Forge | `#8B5A2B` | Forge bronze — creation, craft |
+| Roundtable | `#4A5D7E` | Slate blue — stewardship, infrastructure |
+| FabledSword (umbrella) | `#6B2118` | Oxblood — house identity, ceremonial use only |
+
+**Accent usage rules:**
+- The accent appears on the app's wordmark and icon.
+- The accent indicates active/current state in nav (the selected page, the active tab).
+- The accent is the cursor color and text-selection color in long-form surfaces (Scribe notes, Forge story drafts).
+- The accent does NOT appear on primary or secondary action buttons.
+- The accent does NOT appear in body text or chrome.
+- One accent per app. Don't mix accents within a single app.
+
+### Color contrast
+
+All text-on-surface combinations meet WCAG AA at minimum. Parchment on Obsidian is the maximum-contrast pairing; Vellum on Iron is the lowest-contrast pairing still considered acceptable for body text. Ash is for hints only — never load-bearing information.
+
+---
+
+## Typography
+
+### Type families
+
+| Family | Role | Source |
+|---|---|---|
+| Fraunces | Display, headings, wordmarks | Google Fonts |
+| Inter | Body, UI, labels | Google Fonts |
+| JetBrains Mono | Code, terminal output, monospaced data | Google Fonts |
+
+### Why this pairing
+
+Fraunces is a contemporary serif with personality — it has the warmth and authority of a book serif without feeling like costume. It signals "this is considered" without signaling "this is a fantasy product." Inter is the workhorse — neutral, ubiquitous, designed for screens, doesn't compete with the serif. JetBrains Mono is the natural choice for any developer-adjacent product and supports ligatures.
+
+### Type scale
+
+| Token | Size | Weight | Family | Usage |
+|---|---|---|---|---|
+| Display | 40px | 500 | Fraunces | App wordmark, hero text |
+| H1 | 32px | 500 | Fraunces | Page titles |
+| H2 | 24px | 500 | Fraunces | Section headings |
+| H3 | 18px | 500 | Inter | Subsection headings, card titles |
+| Body | 15px | 400 | Inter | Paragraphs, default text |
+| Body small | 13px | 400 | Inter | Captions, metadata |
+| Label | 12px | 500 | Inter | Buttons, form labels, badges |
+| Code | 13px | 400 | JetBrains Mono | Inline code, code blocks |
+| Tiny | 11px | 500 | Inter | Micro-labels (`UPPERCASE LETTERSPACED`) |
+
+### Typography rules
+
+- **Sentence case everywhere.** Never Title Case for headings, never ALL CAPS except for the Tiny micro-label style.
+- **Two weights only:** 400 regular and 500 medium. Never 600 or 700 — they read heavy in dark mode.
+- **Fraunces only at 18px and above.** Below that it loses too much detail and feels fragile. For h3 and below, use Inter.
+- **Line height** 1.5 for body, 1.3 for headings, 1.7 for long-form reading surfaces (Scribe notes, Forge drafts).
+- **Letter-spacing** at default for everything except the Tiny micro-label, which gets `0.08em` letter-spacing and uppercase styling.
+
+---
+
+## Spacing and layout
+
+### Spacing scale (px)
+
+`4, 8, 12, 16, 20, 24, 32, 48, 64, 96`
+
+Use rem units for vertical rhythm in long-form content (paragraph spacing). Use px for component-internal spacing (padding, gaps).
+
+### Border radius
+
+| Token | Size | Usage |
+|---|---|---|
+| Small | 4px | Pills, tags, code spans |
+| Medium | 8px | Buttons, inputs, small cards |
+| Large | 12px | Cards, panels, modals |
+| Extra large | 16px | Hero containers, major surfaces |
+
+### Borders
+
+- Default border: `0.5px solid Pewter` (#3F4651)
+- Hovered/emphasized border: `0.5px solid Vellum` at 30% opacity
+- Featured/active border: `2px solid [accent]` (only for emphasizing a selected card or active tab)
+
+The 0.5px default is deliberate — it reads as a hairline at most pixel densities and avoids the heavy "boxed-in" feeling that 1px+ borders create on dark backgrounds.
+
+---
+
+## Components
+
+### Buttons
+
+| Variant | Background | Text | Border |
+|---|---|---|---|
+| Primary | Moss `#4A5D3F` | Parchment | None |
+| Secondary | Bronze `#8B7355` | Parchment | None |
+| Ghost | Transparent | Parchment | 0.5px Pewter |
+| Destructive | Oxblood `#6B2118` | Parchment | None — pair with icon |
+
+Padding: `8px 16px` for default, `6px 12px` for compact, `10px 20px` for prominent. Border-radius: 8px. Font: Inter 12px/500 with default letter-spacing.
+
+### Pills and tags
+
+Used for tags, hashtags, code spans, status badges. Background is the accent color at ~15% opacity, text is the accent at full strength. Border-radius 4px, padding `2px 8px`, Inter 11px/500.
+
+In Scribe specifically, hashtags and tags use the dusty violet accent. In Minstrel, they'd use forest teal. The pattern is shared; the color follows the app.
+
+### Cards
+
+- Background: Iron (#1E2228)
+- Border: 0.5px Pewter
+- Border-radius: 12px
+- Padding: 20px
+
+For featured/selected cards, swap to a 2px solid accent border. Don't change the background.
+
+### Inputs
+
+- Background: Obsidian (#14171A) — darker than the page surface to feel "inset"
+- Border: 0.5px Pewter
+- Border-radius: 8px
+- Padding: 8px 12px
+- Focus state: 2px solid accent ring (using `box-shadow: 0 0 0 2px [accent]` to avoid layout shift)
+
+### Code blocks
+
+- Background: Obsidian (#14171A)
+- Border: 0.5px Pewter
+- Border-radius: 8px
+- Padding: 12px 16px
+- Font: JetBrains Mono 13px/400
+- Inline code: same family, with 4px-radius pill background using the app accent at 15% opacity
+
+---
+
+## The FabledSword lockup
+
+A small, persistent FS mark appears in the navigation chrome of every app — the way an Apple logo persists across macOS apps. This is the only place oxblood appears in normal app usage.
+
+**Specification:**
+- 16-20px height in nav contexts
+- Oxblood (#6B2118) on dark surfaces
+- Positioned in the bottom-left of nav rails or top-left when there's no rail
+- Hover/click reveals a small menu: link to other apps in the family, link to FabledSword.com, version info
+
+The lockup itself is a small heraldic mark — a stylized FS monogram — *not* a literal sword icon. We're avoiding sword imagery in app chrome because it would clash with the restrained, modern-mythic aesthetic. The wordmark "FabledSword" appears only on the umbrella site and in About/Settings dialogs.
+
+---
+
+## Voice and tone
+
+The FabledSword voice is **understated mythic** — it borrows the register of stewardship, craft, and considered making, but never tips into roleplay or affectation.
+
+### Do
+
+- Use plain language for everything functional. ("Save", "Cancel", "Add note")
+- Reserve flavored language for moments where the user is *waiting* or *failing* — loading states, empty states, error pages, 404s.
+- Borrow vocabulary from craft and stewardship: "draft", "ledger", "kept", "set aside", "to come", "in progress", "abandoned".
+- Be brief. The mythic register is undermined by verbosity.
+
+### Don't
+
+- Don't use thee/thou/thy or pseudo-archaic spelling.
+- Don't address the user as "traveler", "wanderer", "adventurer", or any RPG-adjacent epithet.
+- Don't use sword/blade/forge metaphors in error messages. ("Your save was forged successfully" — no.)
+- Don't make the user feel like they're playing a game when they're just trying to use software.
+
+### Examples
+
+| Context | Plain | FabledSword voice |
+|---|---|---|
+| Empty list | "No items yet" | "Nothing kept here yet." |
+| 404 | "Page not found" | "This page is not in the ledger." |
+| Loading | "Loading..." | "Fetching..." (just keep it plain — the mythic note is reserved for moments with more space) |
+| Save success | "Saved!" | "Saved." (plain — success doesn't need flavor) |
+| Save error | "Error saving" | "Couldn't save. The change has been kept locally — try again in a moment." |
+| Delete confirm | "Delete this?" | "Remove this from the ledger? This can't be undone." |
+
+The pattern: action-adjacent language stays plain; absence/failure/waiting gets the flavor.
+
+---
+
+## Iconography
+
+### Style
+
+- Stroke-based, 1.5px stroke weight at 24px, 1px at 16px
+- Rounded line caps and joins
+- 24px or 16px grid
+- Outline style by default; filled style only for active/selected states
+
+Use **Lucide** (https://lucide.dev) as the base icon set — it matches this style exactly and is open-source. Only commission custom icons for app-specific concepts that Lucide doesn't cover.
+
+### Don't
+
+- No filled icons in default UI (reserve for active states)
+- No icon styles that mix stroke and fill chaotically
+- No literal medieval imagery (swords, scrolls with curls, banners) in functional UI
+- No emoji as icons
+
+---
+
+## Per-app application
+
+### Fabled Scribe (#5B4A8A — dusty violet)
+
+A second-brain notes and task management tool. The accent appears in: the wordmark, hashtags and tag pills, the active nav item, text selection color, and the cursor in the editor. Notes are presented on Iron-surfaced cards with generous reading line-height. The hashtag system uses Scribe's accent for visual continuity.
+
+### Minstrel (#4A6B5C — forest teal)
+
+Self-hosted music. The accent appears on: now-playing indicators, active track highlights, the wordmark, equalizer/visualization elements. Album art dominates visually, so the accent should appear in chrome and metadata, never overlapping cover imagery.
+
+### Fabled Forge (#8B5A2B — forge bronze)
+
+Story-building and worldbuilding tool. The accent appears on: the wordmark, character/location/object markers in story trees, the editor cursor, "kept/canon" indicators distinguishing finalized story elements from drafts. This app benefits from Fraunces being used more aggressively — for entity titles, chapter headings, etc.
+
+### Roundtable (#4A5D7E — slate blue)
+
+Home server management. The accent appears on: the wordmark, healthy/online status indicators, the active dashboard panel border. Status colors here are critical — green for healthy, amber for warning, red (the orange-red error tone, not oxblood) for failed. The accent itself indicates "this is the panel I'm currently looking at."
+
+**Naming note:** "Roundtable" leans the wrong direction — its connotation is *equal participants in discussion* rather than *one steward managing a domain*. Consider "Steward" or "Castellan" if you revisit naming. Castellan in particular is good — it specifically means "the officer in charge of a castle."
+
+---
+
+## Implementation notes
+
+### CSS custom properties
+
+```css
+:root {
+  /* Surfaces */
+  --fs-obsidian: #14171A;
+  --fs-iron: #1E2228;
+  --fs-slate: #2C313A;
+  --fs-pewter: #3F4651;
+
+  /* Text */
+  --fs-parchment: #E8E4D8;
+  --fs-vellum: #C2BFB4;
+  --fs-ash: #9C9A92;
+
+  /* Action */
+  --fs-moss: #4A5D3F;
+  --fs-bronze: #8B7355;
+
+  /* Semantic */
+  --fs-warning: #8B6F1E;
+  --fs-error: #C04A1F;
+  --fs-info: #3D5A6E;
+  --fs-oxblood: #6B2118;
+
+  /* Typography */
+  --fs-font-display: 'Fraunces', Georgia, serif;
+  --fs-font-body: 'Inter', system-ui, sans-serif;
+  --fs-font-mono: 'JetBrains Mono', ui-monospace, monospace;
+
+  /* Layout */
+  --fs-radius-sm: 4px;
+  --fs-radius-md: 8px;
+  --fs-radius-lg: 12px;
+  --fs-radius-xl: 16px;
+}
+
+/* Per-app accent — set ONE of these on the root for each app */
+[data-app="scribe"]    { --fs-accent: #5B4A8A; }
+[data-app="minstrel"]  { --fs-accent: #4A6B5C; }
+[data-app="forge"]     { --fs-accent: #8B5A2B; }
+[data-app="roundtable"]{ --fs-accent: #4A5D7E; }
+```
+
+### Tailwind integration
+
+If using Tailwind, extend the theme with these tokens rather than relying on default colors. The default Tailwind palette will fight this system — you'll get drift back toward bright defaults if you don't lock down the palette explicitly.
+
+---
+
+## What this kit deliberately does NOT include
+
+- **Logo files.** The lockup design is described conceptually but the actual mark needs to be drawn. Hire a designer or use Claude Design to iterate on a heraldic FS monogram.
+- **Marketing site design.** This kit is for application UI. The umbrella marketing site (FabledSword.com) can use this system but will need additional patterns (hero layouts, feature grids, etc.).
+- **Email templates.** Different constraints, different problem.
+- **Print collateral.** Not in scope.
+- **Mobile native app patterns.** This is web-first. iOS/Android conventions would override several choices here (button shapes, navigation patterns).
+
+---
+
+*Last updated: April 25, 2026. Iterate as the family of apps grows.*
+
+---
+
+# Scribe-specific decisions in progress
+
+> This section tracks decisions made while adapting the FabledSword baseline above for Scribe specifically. Items here are *in progress* — once they feel solid, they get folded into the main body of the document (either as Scribe-specific extensions in the per-app section, or as updates to the universal rules where Scribe's needs reveal a gap in the baseline).
+
+*Iteration started: 2026-04-26. Foundation pass shipped 2026-04-27 in `7a9a8b7` (palette, fonts, light mode, action tokens, hardcoded indigo cleanup, warm-gold deprecation). Surface phase shipped 2026-04-27 across `93a3beb` → `3c1ec40` (Lucide migration, Hybrid-rule button reclassification per surface, long-form line-height, two-weights-only). The system is now applied end-to-end; this section will fold into the main body once the result has had time to settle in real use.*
+
+## Decisions made so far
+
+### Accent footprint — Hybrid rule (not Strict)
+
+The doc baseline says the per-app accent only appears on wordmark, active nav, cursor, and text selection — never on action buttons. Scribe currently uses indigo on essentially every interactive surface (CTAs, scrollbars, glows, borders, focus rings). Hard-cutting to the doc baseline would lose too much identity in one swing.
+
+**Hybrid rule:** the accent reserves a slightly larger footprint than the doc baseline, but still much smaller than today.
+
+- **Accent (dusty violet) lives on:** wordmark; active nav; cursor and text selection in editor surfaces; tags/pills/wikilinks; in-progress task badge; focus rings; **brand-moment CTAs** — chat Send, "Create note" empty-state CTA, journal Send, "Start journaling" empty-state.
+- **Moss (sage-green primary) lives on:** Save / Submit / Confirm in forms and modals; generic affirmative actions where the button just means "do this thing" with no brand pretense.
+- **Bronze (secondary):** Cancel-but-not-destructive, alternative paths.
+- **Oxblood (destructive):** Delete / Remove (paired with an icon).
+- **Pewter ghost:** tertiary actions, "later", "skip", "see also".
+
+**Rule of thumb:** if the user is engaging with a *Scribe-feature moment* (sending a chat, opening a fresh note, jumping into the journal), accent. If they're just *operating the software* (saving an edit, confirming a dialog), Moss.
+
+### Light mode — warm parchment, matched aesthetic
+
+The doc is dark-only. Scribe today supports both light and dark, and we keep both. The light mode is derived to *match* the dark mode aesthetic rather than defaulting to system white-and-ink.
+
+- Page background: in the `#F5F1E8` warm cream family (specific values TBD)
+- Cards: near-white but slightly tinted
+- Text: deep ink `#14171A` (mirroring Obsidian)
+- Accent: same dusty violet `#5B4A8A` (works on both themes)
+
+The metaphor stays consistent across themes: ink on aged paper (light) ↔ parchment text on graphite (dark). Light mode is *not* the system standard look.
+
+**Known downside:** warm parchment backgrounds can fight with embedded color content. Mitigation: code blocks get a slight cool wash in light mode specifically, to keep syntax highlighting readable.
+
+### Status and priority palette — extend the doc's semantic set
+
+The doc's semantic colors (Success / Warning / Error / Info / Destructive) are leaner than what Scribe needs for task management. Rather than running a parallel palette, Scribe extends the doc by mapping its status/priority tokens onto doc primitives where they fit and defining new app-level tokens for the rest.
+
+**Status (task lifecycle):**
+
+| Token | Color | Source | Logic |
+|---|---|---|---|
+| `status-todo` | Pewter `#3F4651` | doc | Neutral, "not started yet" |
+| `status-in-progress` | dusty violet `#5B4A8A` | accent | Active = brand moment per Hybrid |
+| `status-done` | Moss `#4A5D3F` | doc Success | Affirmative completion |
+| `status-cancelled` | Ash `#9C9A92` | doc | Faded, "let go" |
+| `status-paused` | Warning `#8B6F1E` | doc | Stalled, needs attention — replaces the old warm gold treatment |
+
+**Priority (loudness scale):**
+
+| Token | Color | Source | Logic |
+|---|---|---|---|
+| `priority-low` | Info `#3D5A6E` | doc | Cool, FYI — quietest end of the spectrum |
+| `priority-medium` | Warning `#8B6F1E` | doc | Golden, mid-attention |
+| `priority-high` | Error `#C04A1F` | doc | Terracotta, urgent |
+| `priority-none` | Vellum/Ash | doc | No signal |
+
+The priority row reads as a clean cool→warm gradient (slate blue → golden brown → terracotta), which matches the semantic loudness — coherence the current ad-hoc palette doesn't have.
+
+**Other functional tokens:**
+
+| Token | Color | Logic |
+|---|---|---|
+| `wikilink` | dusty violet | Editorial brand moment per Hybrid |
+| `overdue` | Error `#C04A1F` | Same as priority-high — overdue IS a priority signal |
+| `toast-success` | Moss | doc semantic |
+| `toast-error` | Error | doc semantic |
+| `toast-info` | Info | doc semantic |
+| `tag-bg` / `tag-text` | accent at 15% / accent | Per doc pill recipe |
+
+Each token gets a `*-bg` companion at low alpha (matching the existing pattern in `theme.css`).
+
+**Removed:** the warm gold accent (`--color-accent-warm: #b8860b`). Its two jobs split:
+
+- Dates and timestamps (knowledge cards, event details, chat) → use `text-secondary` instead. Dates are metadata, not a brand surface; muted is the correct register.
+- Paused project status → use the new `status-paused` (Warning `#8B6F1E`) row above. Same golden-brown family, semantically aligned.
+
+### Typography — adopt the doc's stack and scale
+
+Adopt the doc's type stack and scale verbatim, with one deferred verification (long-form line-height in practice).
+
+- **Body font: Inter.** Replaces Scribe's current system-stack body font. Doc-defined; no Scribe-specific divergence.
+- **Type scale:** as in the doc table — Display 40 / H1 32 / H2 24 / H3 18 / Body 15 / Body small 13 / Label 12 / Code 13 / Tiny 11.
+- **Two weights only:** 400 regular, 500 medium. No 600/700 (reads heavy in dark mode and against the muted palette).
+- **Family rules:** Fraunces at 18px+ only (Display, H1, H2). H3 and below = Inter. Code = JetBrains Mono.
+- **Line height:** 1.5 body, 1.3 headings, **1.7 for long-form reading surfaces** (notes, journal entries).
+- **Sentence case for everything**, except the Tiny micro-label style which gets uppercase + 0.08em letter-spacing.
+
+Mechanical rollout — value swaps in `theme.css` plus loading Inter and JetBrains Mono from Google Fonts (Fraunces is already loaded).
+
+### Light mode — concrete palette
+
+Fills in the warm-parchment direction picked earlier. Treat these as starting values; tune in practice.
+
+| Token | Hex | Role |
+|---|---|---|
+| Page bg | `#F5F1E8` | Warm cream — the "paper" |
+| Card bg | `#FBF8F0` | Near-white, slightly warm — raised surfaces |
+| Inset bg (inputs, code) | `#EFEAE0` | Slightly darker than page, "inset" feeling |
+| Text primary | `#14171A` | Deep ink — Obsidian inverted |
+| Text secondary | `#5A5852` | Warm mid-grey |
+| Text muted | `#9A9890` | Warm light grey for hints/metadata |
+| Border default | `#D9D6CE` | Warm light pewter, hairline weight |
+
+**Code-block exception:** in light mode specifically, code blocks use a slight cool wash (e.g. `#EBEDF0`) instead of the warm inset bg, so syntax highlighting reads cleanly. This is the mitigation for the "warm bg fights colored content" downside.
+
+The accent (`#5B4A8A` dusty violet), Moss, Bronze, Oxblood, and the semantic color set are **identical across themes** — only the surface and text palettes flip.
+
+### Chat-bubble codification — keep the Illuminated Transcript pattern
+
+The existing chat-bubble pattern (informally called "Illuminated Transcript") gets written into the design system as a documented chat component. Other apps in the family that add a chat surface inherit the pattern; Scribe's existing implementation continues to work with only color shifts.
+
+**User bubble (whisper):**
+- Background: transparent
+- Border: 0.5px Pewter (was: indigo-tinted)
+- Text color: secondary (Vellum dark / `#5A5852` light)
+- Right-aligned, rounded except bottom-right (subtle "from-me" tail)
+
+**Assistant bubble (lit):**
+- Background: card surface (Iron dark / `#FBF8F0` light)
+- Border: none on top/right/bottom; **2px solid accent (dusty violet) on left edge only**
+- Box-shadow: accent-tinted glow + standard depth shadow (formula: `0 4px 28px rgba(<accent>, 0.14), 0 2px 8px rgba(0,0,0,0.4)` in dark; lower alphas in light)
+- Text color: primary (Parchment dark / Obsidian-inverted light)
+- Left-aligned, rounded except bottom-left
+
+The 2px-accent left edge is the "illumination" — like an illuminated capital in a manuscript. The shadow is the lift. Together they make the assistant bubble read as the *primary* voice, while the user bubble is the *margin note*.
+
+**Inline tool-call cards (`ToolCallCard`)** rendered inside an assistant bubble do NOT get their own border (per the border philosophy — the bubble already contains them). They use a slight surface tint to differentiate.
+
+### Iconography — adopt Lucide, enforce a scale
+
+Scribe currently hand-inlines SVG paths in 16+ Vue files, with 5 different stroke weights and 8+ different sizes. The visual style is already outline + rounded caps + `currentColor` stroke (matches the doc's intent), but there's no shared source and no scale discipline.
+
+**Migration policy:**
+
+1. **Install `lucide-vue-next`** as the icon source. Replace hand-inlined SVGs with imported components. Single source of truth.
+2. **Strict size scale: 16px and 24px only.** Today's mix of 12/13/14/15/17/18/20 collapses to those two. 16 for inline-with-text and small affordances; 24 for nav and primary actions.
+3. **Stroke weight per the doc: 1.5 at 24px, 1 at 16px.** Lighter than the current default of 2 — reads more refined, matches the muted palette philosophy. Overrides Lucide's default.
+4. **Outline by default; filled only for active/selected state.** Introduces a new affordance Scribe doesn't currently use — bookmark/pin/star icons can switch outline → filled to indicate active state. Reserve filled style strictly for this.
+5. **No emoji in chrome.** Replace the 3 files' emoji usage in UI labels/buttons/badges/empty states with Lucide equivalents. Emoji remain fine in *user content* (note bodies, chat messages the user typed).
+
+Work cost: ~30-60 individual icon swaps across the 16 files. Mechanical; doesn't require redesign of any component.
+
+### Voice and tone — adopt principles, defer formal audit
+
+The doc's voice register applies to Scribe (understated mythic — plain for functional UI, flavored for empty/error/loading states). No formal sweep of every UI string yet.
+
+**Approach:** apply the voice opportunistically as components are touched in the polish pass — when redesigning a settings tab, an empty state, or an error toast, rewrite the copy at the same time using the doc's register and examples table as the guide. A standalone audit pass is deferred unless drift becomes visible.
+
+### Border philosophy — structural, not decorative
+
+The doc treats borders as *structural* (Pewter neutral hairlines that say "boundary"), not decorative (Scribe today uses indigo-tinted borders that say "branded edge"). That principle suggests removing borders in places where surface tint and spacing already communicate separation.
+
+**Borders to remove:**
+
+- List rows (NotesListView, TasksListView, conversation history) — surface contrast + spacing should separate rows; current border reads as "boxed-in"
+- Inline `ToolCallCard` inside chat bubbles — the bubble is already a container; an extra border feels like double-wrapping
+- Filter chips and search-bar pills with a background tint — background does the work
+- Empty-state callouts with dashed/bordered "nothing here yet" boxes — tinted background reads cleaner
+
+**Borders to keep (genuinely structural):**
+
+- Standalone card containers (Notes viewer, Task viewer, the new daily prep card)
+- Modal / dialog edges
+- Code blocks (separates content type, not just space)
+- Focus rings (accessibility)
+- Major section dividers within a panel
+
+Border weight is not load-bearing for Scribe — happy to use the doc's 0.5px hairline default; the *placement* discipline matters more than the weight.
+
+## Open threads (next iterations)
+
+### Foundation pass — shipped 2026-04-27 (`7a9a8b7`)
+
+Mechanical token + font + light-mode rewrite of `frontend/src/assets/theme.css`, plus a sweep of hardcoded indigo and `--color-accent-warm` references across ~14 component files. Action tokens (`--color-action-primary` Moss, `--color-action-secondary` Bronze, `--color-action-destructive` Oxblood, `--color-action-ghost-border` Pewter) are defined but not yet applied — buttons still flow through `--color-primary` and read as dusty-violet gradients in the meantime, by design. Spec lives at `docs/superpowers/specs/2026-04-27-design-system-polish-foundation-design.md` (gitignored, local-only).
+
+### Surface phase — shipped 2026-04-27 (`93a3beb` → `3c1ec40`)
+
+Bundled as Hybrid (option C from the brainstorm): Lucide cross-cutting first, then surface-by-surface for the judgment work. Spec lives at `docs/superpowers/specs/2026-04-27-design-system-polish-surface-design.md` (gitignored, local-only). Seven PRs landed on `dev`:
+
+| PR | Commit | Surface | Notes |
+|---|---|---|---|
+| 1 | `93a3beb` | Lucide cross-cutting | 60 hand-inlined SVGs across 15 files → `lucide-vue-next`. Every chrome icon at 16 or 24. Emoji-as-icons (`✕`, `✓`, `🎤`, `📎`, `↻`, `↑`, `&times;`, `☀`/`☾`) swept across the chrome. AppLogo wordmark and the GraphView D3 mount kept as the legitimate exceptions. |
+| 2 | `3d916d7` | Journal | Buttons audited; `↻` weather refresh → Lucide `RotateCcw`; assistant bubble line-height bumped; redundant `.journal-title` font-family dropped; dead `.news-section` CSS removed. |
+| 3 | `4192a64` | Chat | `.message-content` long-form 1.7 line-height on assistant bubbles; ToolCallCard outer border removed (bubble already contains it; error state moved to a left-edge accent); bulk-delete recolored to Oxblood with Trash2 icon; `.bulk-link` accent → muted text. |
+| 4 | `efb3534` | Knowledge cluster | `.prose` line-height bumped to 1.7 globally so all reading surfaces inherit. Save → Moss; Delete → Oxblood + Trash2; Edit / Advance → Moss; Convert / Share → Bronze. |
+| 5 | `ff498ce` | Project + Workspace | Project save panel → Moss; milestone confirm/cancel → Moss/Bronze; modal-btn-danger and per-row delete affordances → Oxblood; "Open Workspace" stays accent (project-surface brand moment). |
+| 6 | `541e2ed` | Settings | Densest button surface — every `.btn-save`, `.btn-primary`, `.btn-secondary`, `.btn-danger`, `.btn-danger-outline`, `.btn-toggle-open` reclassified per Hybrid; missing `.btn-danger` style block added (was unstyled before). |
+| 7 | `3c1ec40` | Edge surfaces | Calendar `New Event` → Moss; EventSlideOver Save/Cancel/Delete reclassified; HomeView hero CTA stays accent (brand moment); two-weights-only sweep across Header/Home/Calendar/Graph. |
+
+**Cross-cutting changes folded in as the work touched files:**
+
+- Long-form 1.7 line-height on `.prose` (PR 4) — applies to Note viewer, Task viewer, chat assistant bubbles, anywhere markdown renders into a reading surface.
+- Two-weights-only (400 + 500) — every `font-weight: 600` and `700` snapped to `500` across all surface PRs.
+- Hardcoded `--color-danger` in destructive button contexts → `--color-action-destructive` (Oxblood). `--color-danger` (Error terracotta) preserved for validation/error messages, per the doc's distinction between Error and Destructive.
+- Adjacent `&times;` / `✕` / unicode-arrow emoji swept opportunistically as files were touched (PRs 5, 7).
+
+### Out of scope — deferred indefinitely
+
+Items deliberately not addressed in this round; revisit when a real need surfaces:
+
+- Lucide stroke-weight overrides (doc spec: 1.5 at 24, 1 at 16; current: Lucide default 2). Touched components if they read too heavy in practice.
+- Filled-as-active icon state — no current affordance uses it; introduce when bookmark/pin/star toggles are added.
+- Type-scale / spacing-scale CSS variables — components keep literal values.
+- Token rename to `--fs-*` namespace — Scribe is the only FabledSword app sharing this codebase.
+- FabledSword lockup placement — waiting on the actual heraldic mark to be drawn.
+- Standalone voice/tone audit across every UI string — opportunistic-only; full sweep deferred unless drift becomes visible.
+- A handful of editor utility buttons (`.btn-suggest-tags`, `.btn-link-all`, AI assist generate/proofread/accept/reject set, etc.) — currently ghost-styled and visually compliant; revisited only if they read off in practice.
+
+### Open threads
+
+*New threads will accumulate here as gaps surface in real use.*

docs/development.md

@@ -57,7 +57,9 @@ Migration conventions:
 
 ### Pipeline
 
-CI runs on Forgejo Actions with a custom runner base image (`py3.12-node22`):
+CI runs on Forgejo Actions, consuming the shared
+[`ci-python:3.14`](https://git.fabledsword.com/bvandeusen/CI-runner) image
+via `container.image` (Python 3.14 + Node 24 + ruff + uv + Docker CLI):
 
 | Trigger | Jobs | Docker tags pushed |
 |---------|------|--------------------|
@@ -77,13 +79,17 @@ CI runs on Forgejo Actions with a custom runner base image (`py3.12-node22`):
    git checkout dev && git merge main && git push origin dev
    ```
 
-### Custom Runner
+### Runner
 
-Runner base image: `infra/Dockerfile.runner-base` (Ubuntu 24.04 + Python 3.12 + Node 22 LTS).
-Runner config: `infra/act-runner-config.yml` (label: `py3.12-node22`).
-Runner compose: `infra/runner-compose.yml`.
+CI jobs schedule against the `python-ci` runner label and run inside the
+shared `git.fabledsword.com/bvandeusen/ci-python:3.14` image (see
+`ci-requirements.md` for what this project relies on from the image).
+The runner deployment lives outside this repo; image bumps happen in
+[CI-Runner](https://git.fabledsword.com/bvandeusen/CI-runner) via Renovate.
 
-To activate a new runner registration, copy `infra/act-runner-config.yml` to the runner's config directory, delete the `.runner` registration file in the runner container, and restart the stack.
+`infra/runner-compose.yml` + `infra/act-runner-config.yml` document the
+runner-host deployment shape; the source of truth is the deployed
+config on the runner host.
 
 ### Docker Registry
 

docs/features.md

@@ -52,23 +52,26 @@ Full conversation history with SSE streaming. Features:
 - **Bulk delete** — Select and delete multiple conversations.
 - **Retention** — Conversations auto-pruned after configurable days (default 90).
 
-## Daily Briefing
+## Daily Journal
 
-`/briefing` is a scheduled, dialogue-based morning briefing. The assistant compiles tasks, calendar events, projects, weather forecast, and RSS digest at configurable times, then checks in throughout the day. You can reply interactively.
+`/journal` is a conversational daily surface — each day is a chat-style conversation seeded with an LLM-generated daily prep as the first assistant message. The prep pulls together today's tasks, calendar events, weather, recent moments, and active projects in flowing prose, then invites the user to continue the conversation throughout the day.
 
-**Schedule** — Configurable slots: morning (default 4am compile), midday (8am check-in), evening (12pm check-in), night (4pm). Scheduler catches up missed slots on startup.
+**Schedule** — Daily prep generates at a configurable time (default 5:00am). The "day rollover hour" controls when the journal switches to a new day (default 4am — late-night entries 1–3am still count as the previous day). Scheduler catches up missed runs on startup.
 
-**Configuration** — Settings → Briefing: enable toggle, location geocoding, office days, time slot toggles, RSS feed management, push notification toggle.
+**Right rail** — The journal view shows current weather conditions and upcoming events for the next two weeks alongside the conversation. Both surfaces draw from the same data the prep references.
 
-**RSS feeds** — Add feed URLs with optional name and category. Feeds are fetched and cached; the briefing digest includes recent items. Category badges shown in the UI. Feeds can be manually refreshed.
+**Configuration** — Settings → Profile:
+- *Locations* section: home and work place-name inputs (geocoded on blur via Nominatim) and a temperature unit toggle (C/F)
+- *Journal* section: prep auto-generate toggle, prep generation time, day rollover hour
+- *About You* / *Interests* / *Work Schedule* / *Response Preferences* feed personalization into the prep's system prompt
 
-**Weather** — Location-based forecast via Open-Meteo. Multiple locations supported (home, work, or any city name). Geocoding via Nominatim.
+**Weather** — Location-based forecast via Open-Meteo. Up to two named locations (home, work). Cached rows auto-refresh in the background when the journal page loads.
 
-**Profile note** — The assistant maintains a profile note for each user that it updates based on briefing conversations, improving personalisation over time.
+**What the assistant has learned** — The assistant maintains a per-user observation log + consolidated summary, generated from journal and chat conversations. The summary is included in the journal's system prompt so the daily prep can reference what it knows about you over time.
 
 ## Web Research
 
-The assistant can search the web (SearXNG) and fetch pages, synthesising findings into notes. A lightweight `search_web` tool answers quick questions inline without saving. Requires `SEARXNG_URL` to be configured.
+The assistant can search the web (SearXNG) and fetch pages, synthesising findings into a structured multi-note research output: an index note with an executive summary and links to focused section notes. Each section covers a distinct aspect of the topic with cited sources. Falls back to a single note when outline generation fails. A lightweight `search_web` tool answers quick questions inline without saving. Requires `SEARXNG_URL` to be configured.
 
 ## Calendar
 
@@ -115,10 +118,10 @@ Settings are tabbed:
 |-----|----------|
 | General | Assistant name, default model, model management (pull/delete) |
 | Account | Email change, password change, session invalidation |
-| Notifications | Push notification subscription, briefing push toggle |
+| Notifications | Push notification subscription, journal prep push toggle |
+| Profile | About you, response preferences, interests, work schedule, locations + temperature unit, journal prep schedule, learned observations |
 | Integrations | CalDAV configuration, SearXNG status |
 | Data | Personal export, backup/restore (admin) |
-| Briefing | Enable, location, office days, slots, RSS feeds, weather |
 | API Keys | Create/revoke API keys, Fable MCP download and install |
 | Config (admin) | Base URL, SMTP, OIDC settings |
 | Users (admin) | User list, invite links, registration toggle |
@@ -129,8 +132,6 @@ Settings are tabbed:
 
 - Email integration (read/send via IMAP/SMTP tools in chat)
 - Session invalidation on user deletion
-- Flutter push notifications (requires FCM/APNs — separate from web VAPID)
-- Flutter milestone support in project view
 
 ## Keyboard Shortcuts
 

docs/superpowers/plans/2026-04-17-unified-lookup-wikipedia.md

@@ -0,0 +1,782 @@
+# Unified Lookup Tool & Wikipedia Integration — Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Replace `search_web` with a unified `lookup` tool (Wikipedia-first, SearXNG fallback) and add Wikipedia as a source in the research pipeline.
+
+**Architecture:** New `wikipedia.py` service with `wiki_summary` and `wiki_search`. `lookup` tool in `web.py` replaces `search_web`. Research pipeline in `research.py` gains Wikipedia sources alongside SearXNG. All `search_web` references across the codebase are updated.
+
+**Tech Stack:** Python 3.12, httpx, pytest, asyncio
+
+---
+
+### Task 1: Wikipedia Service Module
+
+**Files:**
+- Create: `src/fabledassistant/services/wikipedia.py`
+- Create: `tests/test_wikipedia.py`
+
+- [ ] **Step 1: Write failing tests for `wiki_summary`**
+
+```python
+# tests/test_wikipedia.py
+import pytest
+from unittest.mock import AsyncMock, patch, MagicMock
+import httpx
+
+
+@pytest.mark.asyncio
+async def test_wiki_summary_returns_extract():
+    from fabledassistant.services.wikipedia import wiki_summary
+
+    mock_response = MagicMock()
+    mock_response.status_code = 200
+    mock_response.json.return_value = {
+        "type": "standard",
+        "title": "Python (programming language)",
+        "extract": "Python is a high-level programming language.",
+        "content_urls": {
+            "desktop": {"page": "https://en.wikipedia.org/wiki/Python_(programming_language)"}
+        },
+    }
+    mock_response.raise_for_status = MagicMock()
+
+    with patch("fabledassistant.services.wikipedia.httpx.AsyncClient") as mock_client_cls:
+        mock_client = AsyncMock()
+        mock_client.__aenter__ = AsyncMock(return_value=mock_client)
+        mock_client.__aexit__ = AsyncMock(return_value=False)
+        mock_client.get = AsyncMock(return_value=mock_response)
+        mock_client_cls.return_value = mock_client
+
+        result = await wiki_summary("Python programming language")
+
+    assert result is not None
+    assert result["title"] == "Python (programming language)"
+    assert "high-level" in result["extract"]
+    assert "wikipedia.org" in result["url"]
+
+
+@pytest.mark.asyncio
+async def test_wiki_summary_returns_none_on_404():
+    from fabledassistant.services.wikipedia import wiki_summary
+
+    with patch("fabledassistant.services.wikipedia.httpx.AsyncClient") as mock_client_cls:
+        mock_client = AsyncMock()
+        mock_client.__aenter__ = AsyncMock(return_value=mock_client)
+        mock_client.__aexit__ = AsyncMock(return_value=False)
+        mock_client.get = AsyncMock(side_effect=httpx.HTTPStatusError(
+            "Not Found", request=MagicMock(), response=MagicMock(status_code=404)
+        ))
+        mock_client_cls.return_value = mock_client
+
+        result = await wiki_summary("xyznonexistenttopic123")
+
+    assert result is None
+
+
+@pytest.mark.asyncio
+async def test_wiki_summary_returns_none_on_disambiguation():
+    from fabledassistant.services.wikipedia import wiki_summary
+
+    mock_response = MagicMock()
+    mock_response.status_code = 200
+    mock_response.json.return_value = {
+        "type": "disambiguation",
+        "title": "Python",
+        "extract": "Python may refer to...",
+    }
+    mock_response.raise_for_status = MagicMock()
+
+    with patch("fabledassistant.services.wikipedia.httpx.AsyncClient") as mock_client_cls:
+        mock_client = AsyncMock()
+        mock_client.__aenter__ = AsyncMock(return_value=mock_client)
+        mock_client.__aexit__ = AsyncMock(return_value=False)
+        mock_client.get = AsyncMock(return_value=mock_response)
+        mock_client_cls.return_value = mock_client
+
+        result = await wiki_summary("Python")
+
+    assert result is None
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `uv run pytest tests/test_wikipedia.py -v`
+Expected: FAIL with `ModuleNotFoundError: No module named 'fabledassistant.services.wikipedia'`
+
+- [ ] **Step 3: Implement `wiki_summary`**
+
+```python
+# src/fabledassistant/services/wikipedia.py
+"""Wikipedia API: lightweight topic lookups and article search."""
+
+import logging
+from urllib.parse import quote as url_quote
+
+import httpx
+
+logger = logging.getLogger(__name__)
+
+_SUMMARY_URL = "https://en.wikipedia.org/api/rest_v1/page/summary"
+_SEARCH_URL = "https://en.wikipedia.org/w/api.php"
+_TIMEOUT = 5.0
+_USER_AGENT = "FabledAssistant/1.0 (https://fabledsword.com)"
+
+
+async def wiki_summary(query: str) -> dict | None:
+    """Look up a topic by title via the Wikipedia REST summary endpoint.
+
+    Returns {"title", "extract", "url"} on hit, None on miss.
+    """
+    encoded = url_quote(query.replace(" ", "_"), safe="")
+    try:
+        async with httpx.AsyncClient(
+            timeout=_TIMEOUT, headers={"User-Agent": _USER_AGENT}
+        ) as client:
+            resp = await client.get(f"{_SUMMARY_URL}/{encoded}", follow_redirects=True)
+            resp.raise_for_status()
+            data = resp.json()
+    except Exception:
+        logger.debug("Wikipedia summary lookup failed for %r", query, exc_info=True)
+        return None
+
+    if data.get("type") == "disambiguation":
+        return None
+
+    extract = data.get("extract", "").strip()
+    if not extract:
+        return None
+
+    url = (
+        data.get("content_urls", {}).get("desktop", {}).get("page")
+        or f"https://en.wikipedia.org/wiki/{encoded}"
+    )
+    return {"title": data.get("title", query), "extract": extract, "url": url}
+```
+
+- [ ] **Step 4: Run tests to verify they pass**
+
+Run: `uv run pytest tests/test_wikipedia.py -v`
+Expected: 3 passed
+
+- [ ] **Step 5: Write failing tests for `wiki_search`**
+
+Add to `tests/test_wikipedia.py`:
+
+```python
+@pytest.mark.asyncio
+async def test_wiki_search_returns_results():
+    from fabledassistant.services.wikipedia import wiki_search
+
+    search_response = MagicMock()
+    search_response.status_code = 200
+    search_response.json.return_value = {
+        "query": {
+            "search": [
+                {"title": "QUIC"},
+                {"title": "HTTP/3"},
+            ]
+        }
+    }
+    search_response.raise_for_status = MagicMock()
+
+    summary_response = MagicMock()
+    summary_response.status_code = 200
+    summary_response.json.return_value = {
+        "type": "standard",
+        "title": "QUIC",
+        "extract": "QUIC is a transport layer protocol.",
+        "content_urls": {"desktop": {"page": "https://en.wikipedia.org/wiki/QUIC"}},
+    }
+    summary_response.raise_for_status = MagicMock()
+
+    with patch("fabledassistant.services.wikipedia.httpx.AsyncClient") as mock_client_cls:
+        mock_client = AsyncMock()
+        mock_client.__aenter__ = AsyncMock(return_value=mock_client)
+        mock_client.__aexit__ = AsyncMock(return_value=False)
+        mock_client.get = AsyncMock(side_effect=[search_response, summary_response, summary_response])
+        mock_client_cls.return_value = mock_client
+
+        results = await wiki_search("QUIC protocol", limit=2)
+
+    assert len(results) >= 1
+    assert results[0]["title"] == "QUIC"
+    assert "transport" in results[0]["extract"]
+
+
+@pytest.mark.asyncio
+async def test_wiki_search_returns_empty_on_failure():
+    from fabledassistant.services.wikipedia import wiki_search
+
+    with patch("fabledassistant.services.wikipedia.httpx.AsyncClient") as mock_client_cls:
+        mock_client = AsyncMock()
+        mock_client.__aenter__ = AsyncMock(return_value=mock_client)
+        mock_client.__aexit__ = AsyncMock(return_value=False)
+        mock_client.get = AsyncMock(side_effect=httpx.ConnectError("connection failed"))
+        mock_client_cls.return_value = mock_client
+
+        results = await wiki_search("anything")
+
+    assert results == []
+```
+
+- [ ] **Step 6: Implement `wiki_search`**
+
+Add to `src/fabledassistant/services/wikipedia.py`:
+
+```python
+async def wiki_search(query: str, limit: int = 3) -> list[dict]:
+    """Search Wikipedia for articles matching a query.
+
+    Returns [{"title", "extract", "url"}, ...] (may be empty).
+    """
+    try:
+        async with httpx.AsyncClient(
+            timeout=_TIMEOUT, headers={"User-Agent": _USER_AGENT}
+        ) as client:
+            resp = await client.get(_SEARCH_URL, params={
+                "action": "query",
+                "list": "search",
+                "srsearch": query,
+                "srlimit": str(limit),
+                "format": "json",
+            })
+            resp.raise_for_status()
+            hits = resp.json().get("query", {}).get("search", [])
+            if not hits:
+                return []
+
+            results: list[dict] = []
+            for hit in hits:
+                title = hit.get("title", "")
+                if not title:
+                    continue
+                encoded = url_quote(title.replace(" ", "_"), safe="")
+                try:
+                    summary_resp = await client.get(
+                        f"{_SUMMARY_URL}/{encoded}", follow_redirects=True,
+                    )
+                    summary_resp.raise_for_status()
+                    data = summary_resp.json()
+                except Exception:
+                    continue
+                if data.get("type") == "disambiguation":
+                    continue
+                extract = data.get("extract", "").strip()
+                if not extract:
+                    continue
+                url = (
+                    data.get("content_urls", {}).get("desktop", {}).get("page")
+                    or f"https://en.wikipedia.org/wiki/{encoded}"
+                )
+                results.append({"title": data.get("title", title), "extract": extract, "url": url})
+            return results
+    except Exception:
+        logger.debug("Wikipedia search failed for %r", query, exc_info=True)
+        return []
+```
+
+- [ ] **Step 7: Run all wikipedia tests**
+
+Run: `uv run pytest tests/test_wikipedia.py -v`
+Expected: 5 passed
+
+- [ ] **Step 8: Commit**
+
+```bash
+git add src/fabledassistant/services/wikipedia.py tests/test_wikipedia.py
+git commit -m "feat: add wikipedia service with summary lookup and search"
+```
+
+---
+
+### Task 2: Lookup Tool (replaces search_web)
+
+**Files:**
+- Modify: `src/fabledassistant/services/tools/web.py`
+- Create: `tests/test_lookup_tool.py`
+
+- [ ] **Step 1: Write failing tests for `lookup`**
+
+```python
+# tests/test_lookup_tool.py
+import pytest
+from unittest.mock import AsyncMock, patch, MagicMock
+
+
+@pytest.mark.asyncio
+async def test_lookup_wikipedia_hit():
+    """lookup returns wikipedia source when wiki_summary succeeds."""
+    wiki_data = {
+        "title": "QUIC",
+        "extract": "QUIC is a transport layer protocol.",
+        "url": "https://en.wikipedia.org/wiki/QUIC",
+    }
+
+    with patch("fabledassistant.services.tools.web.wiki_summary", new_callable=AsyncMock, return_value=wiki_data):
+        from fabledassistant.services.tools.web import lookup_tool
+        result = await lookup_tool(user_id=1, arguments={"query": "QUIC"})
+
+    assert result["success"] is True
+    assert result["type"] == "lookup"
+    assert result["source"] == "wikipedia"
+    assert result["data"]["title"] == "QUIC"
+    assert "transport" in result["data"]["extract"]
+
+
+@pytest.mark.asyncio
+async def test_lookup_wikipedia_miss_searxng_fallback():
+    """lookup falls back to SearXNG + article fetch when Wikipedia misses."""
+    searxng_results = [
+        {"url": "https://example.com/quic", "title": "QUIC Explained", "snippet": "An overview..."},
+    ]
+
+    with patch("fabledassistant.services.tools.web.wiki_summary", new_callable=AsyncMock, return_value=None), \
+         patch("fabledassistant.services.tools.web.Config") as mock_config, \
+         patch("fabledassistant.services.tools.web._search_searxng", new_callable=AsyncMock, return_value=searxng_results), \
+         patch("fabledassistant.services.tools.web._fetch_full_article", new_callable=AsyncMock, return_value="Full article about QUIC..."):
+        mock_config.searxng_enabled.return_value = True
+        from fabledassistant.services.tools.web import lookup_tool
+        result = await lookup_tool(user_id=1, arguments={"query": "QUIC"})
+
+    assert result["success"] is True
+    assert result["type"] == "lookup"
+    assert result["source"] == "web"
+    assert result["data"]["results"]
+
+
+@pytest.mark.asyncio
+async def test_lookup_wikipedia_miss_no_searxng():
+    """lookup returns no-results when Wikipedia misses and SearXNG is not configured."""
+    with patch("fabledassistant.services.tools.web.wiki_summary", new_callable=AsyncMock, return_value=None), \
+         patch("fabledassistant.services.tools.web.Config") as mock_config:
+        mock_config.searxng_enabled.return_value = False
+        from fabledassistant.services.tools.web import lookup_tool
+        result = await lookup_tool(user_id=1, arguments={"query": "xyznonexistent"})
+
+    assert result["success"] is True
+    assert result["source"] == "none"
+
+
+@pytest.mark.asyncio
+async def test_lookup_always_available():
+    """lookup tool must appear in get_tools_for_user regardless of SearXNG config."""
+    with patch("fabledassistant.services.tools._registry.is_caldav_configured", new_callable=AsyncMock, return_value=False), \
+         patch("fabledassistant.services.settings.get_setting", new_callable=AsyncMock, return_value="false"):
+        from fabledassistant.services.tools import get_tools_for_user
+        tools = await get_tools_for_user(user_id=1)
+        tool_names = {t["function"]["name"] for t in tools}
+        assert "lookup" in tool_names
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `uv run pytest tests/test_lookup_tool.py -v`
+Expected: FAIL (no `lookup_tool` function)
+
+- [ ] **Step 3: Replace `search_web` with `lookup` in `web.py`**
+
+Replace the `search_web_tool` function (lines 12–36 of `src/fabledassistant/services/tools/web.py`) with:
+
+```python
+@tool(
+    name="lookup",
+    description=(
+        "Look up a topic, concept, or factual question. Returns a concise answer from "
+        "Wikipedia or web sources. Use for definitions, explanations, 'what is X', "
+        "'how does Y work', current events, or version numbers. No note is saved. "
+        "For comprehensive written reports saved as notes, use research_topic instead."
+    ),
+    parameters={
+        "query": {"type": "string", "description": "The topic or question to look up"},
+    },
+    required=["query"],
+)
+async def lookup_tool(*, user_id, arguments, **_ctx):
+    from fabledassistant.config import Config
+    from fabledassistant.services.wikipedia import wiki_summary
+
+    query = arguments.get("query", "")
+
+    # 1. Try Wikipedia first
+    wiki = await wiki_summary(query)
+    if wiki:
+        return {
+            "success": True,
+            "type": "lookup",
+            "source": "wikipedia",
+            "data": wiki,
+        }
+
+    # 2. Fall back to SearXNG + article fetch
+    if Config.searxng_enabled():
+        from fabledassistant.services.research import _search_searxng
+        from fabledassistant.services.rss import _fetch_full_article
+
+        results = await _search_searxng(query)
+        if results:
+            articles: list[dict] = []
+            for r in results[:2]:
+                url = r.get("url", "")
+                if not url:
+                    continue
+                content = await _fetch_full_article(url)
+                articles.append({
+                    "url": url,
+                    "title": r.get("title", url),
+                    "snippet": r.get("snippet", ""),
+                    "content": (content or "")[:4000],
+                })
+            if articles:
+                return {
+                    "success": True,
+                    "type": "lookup",
+                    "source": "web",
+                    "data": {"query": query, "results": articles},
+                }
+
+    # 3. No sources available
+    return {
+        "success": True,
+        "type": "lookup",
+        "source": "none",
+        "data": {
+            "query": query,
+            "message": "No results found. You can answer from your own knowledge.",
+        },
+    }
+```
+
+- [ ] **Step 4: Run lookup tests to verify they pass**
+
+Run: `uv run pytest tests/test_lookup_tool.py -v`
+Expected: 4 passed
+
+- [ ] **Step 5: Commit**
+
+```bash
+git add src/fabledassistant/services/tools/web.py tests/test_lookup_tool.py
+git commit -m "feat: replace search_web with unified lookup tool (Wikipedia + SearXNG fallback)"
+```
+
+---
+
+### Task 3: Update All `search_web` References
+
+**Files:**
+- Modify: `src/fabledassistant/services/tools/web.py:45` (research_topic description)
+- Modify: `src/fabledassistant/services/tools/web.py:67` (search_images description)
+- Modify: `src/fabledassistant/services/tools/rss.py:75` (read_article description)
+- Modify: `src/fabledassistant/services/generation_task.py:133` (status label map)
+- Modify: `src/fabledassistant/services/llm.py:608` (action list)
+
+- [ ] **Step 1: Update `research_topic` description**
+
+In `src/fabledassistant/services/tools/web.py`, change the `research_topic` description from:
+
+```python
+        "For a quick factual answer without saving a note, use search_web."
+```
+
+to:
+
+```python
+        "For a quick factual answer without saving a note, use lookup."
+```
+
+- [ ] **Step 2: Update `search_images` description**
+
+In `src/fabledassistant/services/tools/web.py`, change the `search_images` description from:
+
+```python
+    description="Search and display images inline. Use ONLY when the user explicitly asks to see, show, or find an image or photo. Not for factual questions — use search_web for those.",
+```
+
+to:
+
+```python
+    description="Search and display images inline. Use ONLY when the user explicitly asks to see, show, or find an image or photo. Not for factual questions — use lookup for those.",
+```
+
+- [ ] **Step 3: Update `read_article` description**
+
+In `src/fabledassistant/services/tools/rss.py`, change:
+
+```python
+        "Do NOT use search_web for URLs — use this tool instead."
+```
+
+to:
+
+```python
+        "Do NOT use lookup for URLs — use this tool instead."
+```
+
+- [ ] **Step 4: Update status label map in `generation_task.py`**
+
+In `src/fabledassistant/services/generation_task.py`, line 133, change:
+
+```python
+    "search_web": "Searching the web",
+```
+
+to:
+
+```python
+    "lookup": "Looking up information",
+```
+
+- [ ] **Step 5: Update action list in `llm.py`**
+
+In `src/fabledassistant/services/llm.py`, line 608, change:
+
+```python
+        actions.extend(["search_web", "research_topic", "search_images"])
+```
+
+to:
+
+```python
+        actions.extend(["lookup", "research_topic", "search_images"])
+```
+
+- [ ] **Step 6: Run full test suite to check for regressions**
+
+Run: `uv run pytest tests/ -v`
+Expected: All tests pass (no test references `search_web` by name in assertions)
+
+- [ ] **Step 7: Commit**
+
+```bash
+git add src/fabledassistant/services/tools/web.py src/fabledassistant/services/tools/rss.py src/fabledassistant/services/generation_task.py src/fabledassistant/services/llm.py
+git commit -m "refactor: update all search_web references to lookup"
+```
+
+---
+
+### Task 4: Add Wikipedia Sources to Research Pipeline
+
+**Files:**
+- Modify: `src/fabledassistant/services/research.py`
+- Modify: `tests/test_research_pipeline.py`
+
+- [ ] **Step 1: Write failing test for Wikipedia in research pipeline**
+
+Add to `tests/test_research_pipeline.py`:
+
+```python
+@pytest.mark.asyncio
+async def test_pipeline_includes_wikipedia_sources():
+    """run_research_pipeline should merge Wikipedia results into the source pool."""
+    from unittest.mock import MagicMock
+
+    wiki_results = [{"title": "Wiki Article", "extract": "Wikipedia content about the topic.", "url": "https://en.wikipedia.org/wiki/Topic"}]
+
+    outline = [
+        {"title": "Section A", "focus": "Focus A"},
+        {"title": "Section B", "focus": "Focus B"},
+    ]
+
+    note_id_counter = iter(range(30, 40))
+
+    def _make_note(user_id, title, body, tags, project_id=None, parent_id=None):
+        n = MagicMock()
+        n.id = next(note_id_counter)
+        n.title = title
+        return n
+
+    with patch("fabledassistant.services.research._generate_sub_queries", new_callable=AsyncMock, return_value=["q1"]), \
+         patch("fabledassistant.services.research._search_searxng", new_callable=AsyncMock, return_value=[{"url": "http://x.com", "title": "X", "snippet": "s"}]), \
+         patch("fabledassistant.services.research.wiki_search", new_callable=AsyncMock, return_value=wiki_results), \
+         patch("fabledassistant.services.research.fetch_url_content", new_callable=AsyncMock, return_value="content"), \
+         patch("fabledassistant.services.research._generate_outline", new_callable=AsyncMock, return_value=outline) as mock_outline, \
+         patch("fabledassistant.services.research._synthesize_section", new_callable=AsyncMock, side_effect=lambda t, f, s, m: (t, f"Body for {t}")), \
+         patch("fabledassistant.services.research._generate_executive_summary", new_callable=AsyncMock, return_value="Summary."), \
+         patch("fabledassistant.services.research.create_note", new_callable=AsyncMock, side_effect=_make_note), \
+         patch("fabledassistant.services.research.update_note", new_callable=AsyncMock):
+
+        from fabledassistant.services.research import run_research_pipeline
+        await run_research_pipeline("test topic", user_id=1, model="test-model")
+
+    # The sources passed to _generate_outline should include the Wikipedia article
+    sources_arg = mock_outline.call_args[0][1]  # second positional arg
+    source_urls = [s["url"] for s in sources_arg]
+    assert "https://en.wikipedia.org/wiki/Topic" in source_urls
+```
+
+- [ ] **Step 2: Run test to verify it fails**
+
+Run: `uv run pytest tests/test_research_pipeline.py::test_pipeline_includes_wikipedia_sources -v`
+Expected: FAIL (no `wiki_search` import in research.py)
+
+- [ ] **Step 3: Add Wikipedia sources to the research pipeline**
+
+In `src/fabledassistant/services/research.py`, add the import at the top (after existing imports):
+
+```python
+from fabledassistant.services.wikipedia import wiki_search
+```
+
+Then modify Step 2 (the parallel search section, around lines 208–246). Replace:
+
+```python
+    # Step 2: Search all queries in parallel (200 ms stagger to avoid hammering SearXNG)
+    async def _search_with_stagger(i: int, query: str) -> tuple[str, list[dict]]:
+        if i > 0:
+            await asyncio.sleep(0.2 * i)
+        _status(f"Searching: {query}...")
+        results = await _search_searxng(query)
+        logger.info("Research: query '%s' → %d results", query, len(results))
+        return query, results
+
+    search_results = await asyncio.gather(
+        *[_search_with_stagger(i, q) for i, q in enumerate(queries)]
+    )
+
+    # Deduplicate URLs across all queries
+    seen_urls: set[str] = set()
+    url_tasks: list[tuple[str, dict, str]] = []  # (url, result_dict, query)
+    for query, results in search_results:
+        for result in results[:PAGES_PER_QUERY]:
+            url = result.get("url", "")
+            if url and url not in seen_urls:
+                seen_urls.add(url)
+                url_tasks.append((url, result, query))
+
+    # Fetch all unique URLs in parallel
+    async def _fetch_source(url: str, result: dict, query: str) -> dict:
+        title = result.get("title", url)
+        _status(f"Reading: {title[:60]}...")
+        content = await fetch_url_content(url)
+        return {
+            "url": url,
+            "title": title,
+            "query": query,
+            "snippet": result.get("snippet", ""),
+            "content": content,
+        }
+
+    all_sources: list[dict] = list(await asyncio.gather(
+        *[_fetch_source(url, result, query) for url, result, query in url_tasks]
+    ))
+```
+
+with:
+
+```python
+    # Step 2: Search all queries in parallel (SearXNG + Wikipedia)
+    async def _search_with_stagger(i: int, query: str) -> tuple[str, list[dict]]:
+        if i > 0:
+            await asyncio.sleep(0.2 * i)
+        _status(f"Searching: {query}...")
+        results = await _search_searxng(query)
+        logger.info("Research: query '%s' → %d results", query, len(results))
+        return query, results
+
+    async def _wiki_for_query(query: str) -> list[dict]:
+        return await wiki_search(query, limit=1)
+
+    searxng_task = asyncio.gather(
+        *[_search_with_stagger(i, q) for i, q in enumerate(queries)]
+    )
+    wiki_task = asyncio.gather(
+        *[_wiki_for_query(q) for q in queries]
+    )
+    search_results, wiki_results = await asyncio.gather(searxng_task, wiki_task)
+
+    # Deduplicate URLs across all queries
+    seen_urls: set[str] = set()
+    url_tasks: list[tuple[str, dict, str]] = []  # (url, result_dict, query)
+    wiki_sources: list[dict] = []  # Wikipedia articles (already have content)
+
+    for query, results in search_results:
+        for result in results[:PAGES_PER_QUERY]:
+            url = result.get("url", "")
+            if url and url not in seen_urls:
+                seen_urls.add(url)
+                url_tasks.append((url, result, query))
+
+    # Add Wikipedia results (they already have content via extract)
+    for query, wiki_hits in zip(queries, wiki_results):
+        for hit in wiki_hits:
+            url = hit.get("url", "")
+            if url and url not in seen_urls:
+                seen_urls.add(url)
+                wiki_sources.append({
+                    "url": url,
+                    "title": hit["title"],
+                    "query": query,
+                    "snippet": hit["extract"][:200],
+                    "content": hit["extract"],
+                })
+
+    # Fetch all unique SearXNG URLs in parallel
+    async def _fetch_source(url: str, result: dict, query: str) -> dict:
+        title = result.get("title", url)
+        _status(f"Reading: {title[:60]}...")
+        content = await fetch_url_content(url)
+        return {
+            "url": url,
+            "title": title,
+            "query": query,
+            "snippet": result.get("snippet", ""),
+            "content": content,
+        }
+
+    fetched_sources: list[dict] = list(await asyncio.gather(
+        *[_fetch_source(url, result, query) for url, result, query in url_tasks]
+    ))
+
+    all_sources = wiki_sources + fetched_sources
+```
+
+- [ ] **Step 4: Run the new test to verify it passes**
+
+Run: `uv run pytest tests/test_research_pipeline.py::test_pipeline_includes_wikipedia_sources -v`
+Expected: PASS
+
+- [ ] **Step 5: Run the full research test suite for regressions**
+
+Run: `uv run pytest tests/test_research_pipeline.py -v`
+Expected: All tests pass
+
+- [ ] **Step 6: Run full test suite**
+
+Run: `uv run pytest tests/ -v`
+Expected: All tests pass
+
+- [ ] **Step 7: Commit**
+
+```bash
+git add src/fabledassistant/services/research.py tests/test_research_pipeline.py
+git commit -m "feat: add Wikipedia as research pipeline source alongside SearXNG"
+```
+
+---
+
+### Task 5: Lint, Typecheck, Final Verification
+
+**Files:**
+- All modified files
+
+- [ ] **Step 1: Run ruff lint**
+
+Run: `uv run ruff check src/fabledassistant/services/wikipedia.py src/fabledassistant/services/tools/web.py src/fabledassistant/services/research.py tests/test_wikipedia.py tests/test_lookup_tool.py`
+Expected: All checks passed (fix any issues if not)
+
+- [ ] **Step 2: Run typecheck**
+
+Run: `cd frontend && npx vue-tsc --noEmit` (frontend unchanged, but verify nothing broke)
+Expected: Clean
+
+- [ ] **Step 3: Run full test suite one last time**
+
+Run: `uv run pytest tests/ -v`
+Expected: All tests pass
+
+- [ ] **Step 4: Commit any lint fixes if needed**
+
+```bash
+git add -u
+git commit -m "fix: lint cleanup for lookup/wikipedia changes"
+```

docs/superpowers/specs/2026-04-17-unified-lookup-wikipedia-design.md

@@ -0,0 +1,119 @@
+# Unified Lookup Tool & Wikipedia Integration
+
+## Goal
+
+Replace the fragmented `search_web` tool with a single `lookup` tool that checks Wikipedia first and falls back to SearXNG web search. Add Wikipedia as an additional source in the research pipeline. Result: one lightweight tool for factual questions (always available, no config required), and richer research output.
+
+## Architecture
+
+Two changes to the search/knowledge stack:
+
+1. **New `lookup` tool** replaces `search_web`. Tries Wikipedia REST API summary endpoint first (~200ms, reliable, no config). Falls back to SearXNG + trafilatura article fetch when Wikipedia misses and SearXNG is configured. Always available (no `requires` field).
+
+2. **Wikipedia sources in research pipeline.** During sub-query execution, `wiki_search` runs alongside `_search_searxng`. Wikipedia articles merge into the source pool and get deduplicated by URL.
+
+Shared Wikipedia logic lives in a new `wikipedia.py` service module.
+
+## Components
+
+### `src/fabledassistant/services/wikipedia.py` (new)
+
+Two async functions:
+
+**`wiki_summary(query: str) -> dict | None`**
+- Direct title lookup via `https://en.wikipedia.org/api/rest_v1/page/summary/{title}`
+- Returns `{"title": str, "extract": str, "url": str}` on hit
+- Returns `None` on 404, disambiguation pages (`"type": "disambiguation"`), network errors, or empty extracts
+- 5-second timeout
+- User-Agent: `"FabledAssistant/1.0 (https://fabledsword.com)"`
+
+**`wiki_search(query: str, limit: int = 3) -> list[dict]`**
+- Search via `https://en.wikipedia.org/w/api.php?action=query&list=search&srsearch={query}&srlimit={limit}&format=json`
+- For each search result, fetch its summary via the summary endpoint to get the extract
+- Returns `[{"title": str, "extract": str, "url": str}, ...]`
+- Returns `[]` on any failure
+- Same timeout and User-Agent as above
+
+### `src/fabledassistant/services/tools/web.py` (modified)
+
+**Remove:** `search_web_tool`
+
+**Add:** `lookup_tool`
+
+```
+@tool(
+    name="lookup",
+    description="Look up a topic, concept, or factual question. Returns a concise
+                 answer from Wikipedia or web sources. Use for definitions,
+                 explanations, 'what is X', 'how does Y work'. For comprehensive
+                 written reports saved as notes, use research_topic instead.",
+    parameters={
+        "query": {"type": "string", "description": "The topic or question to look up"},
+    },
+    required=["query"],
+)
+```
+
+No `requires` field — always available.
+
+**Logic:**
+1. Call `wiki_summary(query)`
+2. If Wikipedia returns a result: return `{"success": True, "type": "lookup", "source": "wikipedia", "data": {"title": ..., "extract": ..., "url": ...}}`
+3. If Wikipedia misses and `Config.searxng_enabled()`:
+   - Call `_search_searxng(query)` to get search results
+   - Fetch top 1-2 result URLs via `_fetch_full_article` (from `rss.py`, trafilatura-based)
+   - Return `{"success": True, "type": "lookup", "source": "web", "data": {"query": ..., "results": [...], "content": ...}}`
+4. If Wikipedia misses and no SearXNG: return `{"success": True, "type": "lookup", "source": "none", "data": {"query": ..., "message": "No results found. You can answer from your own knowledge."}}`
+
+### `src/fabledassistant/services/research.py` (modified)
+
+**In Step 2 (parallel search):**
+- For each sub-query, run `wiki_search(query, limit=1)` concurrently with `_search_searxng(query)`
+- Merge Wikipedia results into the per-query result list
+
+**In Step 3 (deduplication):**
+- When deduplicating URLs, Wikipedia URLs (`wikipedia.org`) are checked against SearXNG results
+- If a Wikipedia article URL already appears in SearXNG results, skip the duplicate
+
+**Wikipedia article content for synthesis:**
+- The `extract` from `wiki_search` is used as the source content (no additional fetch needed, unlike SearXNG URLs which require `fetch_url_content`)
+- This means Wikipedia sources are available immediately without an HTTP fetch step
+
+## Error Handling
+
+- All Wikipedia API failures (network, timeout, malformed JSON) return `None`/`[]` silently
+- `lookup` never raises — always returns a response the model can work with
+- In the research pipeline, Wikipedia is purely additive; its failure never degrades existing SearXNG-based research
+- Disambiguation pages are detected via `"type": "disambiguation"` in the summary response and treated as a miss
+
+## Testing
+
+### `tests/test_wikipedia.py` (new)
+
+- `test_wiki_summary_returns_extract` — mock successful summary response, verify return shape
+- `test_wiki_summary_returns_none_on_404` — mock 404, verify `None`
+- `test_wiki_summary_returns_none_on_disambiguation` — mock disambiguation response, verify `None`
+- `test_wiki_search_returns_results` — mock search API + summary fetches, verify list
+- `test_wiki_search_returns_empty_on_failure` — mock network error, verify `[]`
+
+### `tests/test_lookup_tool.py` (new)
+
+- `test_lookup_wikipedia_hit` — mock `wiki_summary` returning data, verify tool returns wikipedia source
+- `test_lookup_wikipedia_miss_searxng_fallback` — mock `wiki_summary` returning None, SearXNG returning results + article fetch, verify web source
+- `test_lookup_wikipedia_miss_no_searxng` — mock both missing, verify graceful "no results" response
+- `test_lookup_always_available` — verify the tool appears in `get_tools_for_user` regardless of SearXNG config
+
+### `tests/test_research_pipeline.py` (add to existing)
+
+- `test_research_includes_wikipedia_sources` — mock `wiki_search` alongside SearXNG, verify Wikipedia results appear in source pool
+
+All tests mock HTTP calls — no live API hits.
+
+## What Doesn't Change
+
+- `read_article` tool — stays as-is (explicit URL fetch, different purpose)
+- `research_topic` tool definition — stays as-is (same name, description, parameters)
+- `generation_task.py` research interception — stays as-is
+- `search_images` tool — stays as-is
+- `_search_searxng` and `_search_searxng_images` — stay as-is
+- `_fetch_full_article` in `rss.py` — stays as-is, reused by `lookup` for SearXNG fallback

fable-mcp/.env.example

@@ -1,2 +0,0 @@
-FABLE_URL=http://localhost:5000
-FABLE_API_KEY=fmcp_your_key_here

fable-mcp/fable_mcp/client.py

@@ -1,126 +0,0 @@
-"""Async HTTP client for the Fable Assistant API."""
-from __future__ import annotations
-
-import os
-from typing import Any, AsyncIterator
-
-import httpx
-
-
-class FableAPIError(Exception):
-    """Raised when the Fable API returns a non-2xx response."""
-
-    def __init__(self, status_code: int, message: str) -> None:
-        self.status_code = status_code
-        super().__init__(f"Fable API error {status_code}: {message}")
-
-
-class FableClient:
-    """Async wrapper around httpx for the Fable REST API."""
-
-    def __init__(self) -> None:
-        url = os.environ.get("FABLE_URL", "").rstrip("/")
-        key = os.environ.get("FABLE_API_KEY", "")
-        if not url:
-            raise ValueError("FABLE_URL environment variable is required")
-        if not key:
-            raise ValueError("FABLE_API_KEY environment variable is required")
-        self.base_url = url
-        self._headers = {
-            "Authorization": f"Bearer {key}",
-            "Content-Type": "application/json",
-        }
-        self._client: httpx.AsyncClient | None = None
-
-    async def __aenter__(self) -> "FableClient":
-        self._client = httpx.AsyncClient(
-            base_url=self.base_url,
-            headers=self._headers,
-            timeout=httpx.Timeout(connect=10.0, read=300.0, write=30.0, pool=10.0),
-        )
-        return self
-
-    async def __aexit__(self, *args: Any) -> None:
-        if self._client:
-            await self._client.aclose()
-            self._client = None
-
-    def _http(self) -> httpx.AsyncClient:
-        if self._client is None:
-            raise RuntimeError("FableClient must be used as an async context manager")
-        return self._client
-
-    @staticmethod
-    def _raise_for_status(response: httpx.Response) -> None:
-        if response.is_error:
-            try:
-                message = response.json().get("error", response.text)
-            except Exception:
-                message = response.text
-            raise FableAPIError(response.status_code, message)
-
-    async def get(self, path: str, **kwargs: Any) -> Any:
-        response = await self._http().get(path, **kwargs)
-        self._raise_for_status(response)
-        return response.json()
-
-    async def post(self, path: str, **kwargs: Any) -> Any:
-        response = await self._http().post(path, **kwargs)
-        self._raise_for_status(response)
-        return response.json()
-
-    async def patch(self, path: str, **kwargs: Any) -> Any:
-        response = await self._http().patch(path, **kwargs)
-        self._raise_for_status(response)
-        return response.json()
-
-    async def put(self, path: str, **kwargs: Any) -> Any:
-        response = await self._http().put(path, **kwargs)
-        self._raise_for_status(response)
-        return response.json()
-
-    async def delete(self, path: str, **kwargs: Any) -> Any:
-        response = await self._http().delete(path, **kwargs)
-        if response.status_code == 204:
-            return None
-        self._raise_for_status(response)
-        if response.content:
-            return response.json()
-        return None
-
-    async def stream_get(self, path: str, **kwargs: Any) -> AsyncIterator[str]:
-        """Yield non-empty lines from a streaming GET response (SSE)."""
-        async with self._http().stream("GET", path, **kwargs) as response:
-            if response.is_error:
-                await response.aread()
-                self._raise_for_status(response)
-            async for line in response.aiter_lines():
-                if line:
-                    yield line
-
-
-# ---------------------------------------------------------------------------
-# Module-level singleton
-# ---------------------------------------------------------------------------
-
-_client: FableClient | None = None
-
-
-def init_client() -> FableClient:
-    """Initialise the module-level FableClient singleton (reads env vars)."""
-    global _client
-    _client = FableClient()
-    return _client
-
-
-def get_client() -> FableClient:
-    """Return the singleton client; raises RuntimeError if not initialised."""
-    if _client is None:
-        raise RuntimeError("Call init_client() before get_client()")
-    return _client
-
-
-def _reset_client() -> None:
-    """Reset the singleton — used by tests only."""
-    global _client
-    _client = None

fable-mcp/fable_mcp/server.py

@@ -1,643 +0,0 @@
-"""Fable MCP server — exposes Fable Assistant as MCP tools via stdio transport."""
-from __future__ import annotations
-
-from mcp.server.fastmcp import FastMCP
-from dotenv import load_dotenv
-
-from fable_mcp.client import FableClient
-from fable_mcp.tools import notes, tasks, projects, milestones, search, chat, admin, briefing
-
-load_dotenv()
-
-_INSTRUCTIONS = """
-Fable Assistant is a self-hosted second-brain and project management system with LLM integration.
-
-## Data model
-
-The hierarchy is: Project → Milestone → Task/Note.
-
-- **Notes** and **Tasks** share the same underlying model. Tasks are notes with `is_task=True`.
-  The note tools (fable_*_note) operate on notes; the task tools (fable_*_task) operate on tasks.
-  Do not use note tools to manipulate tasks or vice versa.
-
-- **Projects** group related work. A project has a title, description, goal, status, and an
-  auto-generated summary used for semantic search. Status values: `active`, `archived`.
-
-- **Milestones** belong to a project and group tasks within it. Status values: `active`, `done`.
-
-- **Tasks** belong to a project and optionally a milestone. They support sub-tasks via `parent_id`.
-  - Status values: `todo`, `in_progress`, `done`, `cancelled`
-  - Priority values: `low`, `normal`, `high`
-
-- **Notes** are free-form markdown documents. They can belong to a project or be standalone
-  (orphan notes). Orphan notes are included in the default RAG scope for chat conversations.
-
-## Tags
-
-Tags are plain strings — do NOT include a `#` prefix. Example: `["python", "architecture"]`.
-Tags are stored as an array on the note/task. Passing `tags=[]` clears all tags; omitting `tags`
-leaves existing tags unchanged on updates.
-
-## Integer-or-none fields
-
-Due to MCP type constraints, optional integer fields (project_id, milestone_id, parent_id)
-use `0` to mean "not set / no association". Pass `0` to leave the field unset.
-
-## Search
-
-`fable_search` performs semantic (embedding-based) search over notes and tasks. Use it to find
-relevant content by meaning rather than exact keywords. Returns results ranked by cosine
-similarity with id, title, a body snippet, and tags.
-
-## Chat / LLM delegation
-
-`fable_send_message` sends a natural-language message to Fable's built-in LLM (Ollama). Fable
-handles its own tool use, RAG context injection, and conversation history internally.
-
-Use `fable_send_message` when:
-- The request is conversational or requires Fable's internal reasoning across many records
-- You want Fable's RAG to surface relevant notes automatically
-
-Use the direct CRUD tools when:
-- You know exactly what to create/read/update/delete
-- You need structured data back (IDs, field values) for further processing
-- You are populating Fable programmatically from another system
-
-## Task logs
-
-Use `fable_add_task_log` to append time-stamped progress notes to a task without overwriting
-its main body. Suitable for recording work sessions, decisions, or status updates over time.
-
-## RSS / Briefing
-
-Fable runs a daily briefing that summarises tasks, calendar events, and RSS feed items.
-Use `fable_add_rss_feed` / `fable_remove_rss_feed` to manage the feeds included in that briefing.
-
-## Admin logs
-
-`fable_get_app_logs` requires an admin-scoped API key. Regular user keys will be rejected.
-"""
-
-mcp = FastMCP("fable", instructions=_INSTRUCTIONS)
-
-
-# ---------------------------------------------------------------------------
-# Notes
-# ---------------------------------------------------------------------------
-
-
-@mcp.tool()
-async def fable_list_notes(
-    limit: int = 20,
-    offset: int = 0,
-    tag: str = "",
-    search_text: str = "",
-) -> dict:
-    """List notes (non-task documents) stored in Fable.
-
-    Optionally filter by a single tag (plain string, no # prefix) or a keyword search
-    against title and body. Results are ordered by last-updated descending.
-
-    Use fable_search for semantic/meaning-based lookup instead of exact keyword search.
-    """
-    async with FableClient() as client:
-        return await notes.list_notes(
-            client,
-            limit=limit,
-            offset=offset,
-            tag=tag or None,
-            search=search_text or None,
-        )
-
-
-@mcp.tool()
-async def fable_get_note(note_id: int) -> dict:
-    """Fetch the full content of a single Fable note by its ID.
-
-    Returns id, title, body (markdown), tags, project_id, created_at, updated_at.
-    """
-    async with FableClient() as client:
-        return await notes.get_note(client, note_id=note_id)
-
-
-@mcp.tool()
-async def fable_create_note(
-    title: str,
-    body: str = "",
-    tags: list[str] | None = None,
-    project_id: int = 0,
-) -> dict:
-    """Create a new note in Fable.
-
-    Args:
-        title: Note title (required).
-        body: Markdown content. Supports [[wikilinks]] to other notes by title.
-        tags: List of plain-string tags without # prefix, e.g. ["python", "ideas"].
-        project_id: Associate with a project (use 0 for no project / orphan note).
-
-    Returns the created note object including its assigned id.
-    """
-    async with FableClient() as client:
-        return await notes.create_note(
-            client,
-            title=title,
-            body=body,
-            tags=tags,
-            project_id=project_id or None,
-        )
-
-
-@mcp.tool()
-async def fable_update_note(
-    note_id: int,
-    title: str = "",
-    body: str = "",
-    tags: list[str] | None = None,
-    project_id: int = 0,
-) -> dict:
-    """Update an existing Fable note. Only explicitly provided fields are changed.
-
-    Args:
-        note_id: ID of the note to update.
-        title: New title, or omit to leave unchanged.
-        body: New markdown body, or omit to leave unchanged.
-        tags: Replaces the full tag list. Pass [] to clear all tags. Omit to leave unchanged.
-        project_id: New project association (0 = remove from project). Omit to leave unchanged.
-    """
-    async with FableClient() as client:
-        return await notes.update_note(
-            client,
-            note_id=note_id,
-            title=title or None,
-            body=body or None,
-            tags=tags,
-            project_id=project_id or None,
-        )
-
-
-@mcp.tool()
-async def fable_delete_note(note_id: int) -> str:
-    """Permanently delete a Fable note by ID. This cannot be undone."""
-    async with FableClient() as client:
-        await notes.delete_note(client, note_id=note_id)
-    return f"Note {note_id} deleted."
-
-
-# ---------------------------------------------------------------------------
-# Tasks
-# ---------------------------------------------------------------------------
-
-
-@mcp.tool()
-async def fable_list_tasks(
-    limit: int = 20,
-    offset: int = 0,
-    status: str = "",
-    project_id: int = 0,
-) -> dict:
-    """List tasks in Fable.
-
-    Args:
-        status: Filter by status — one of: todo, in_progress, done, cancelled. Omit for all.
-        project_id: Filter to a specific project. Use 0 for no filter.
-
-    Results are ordered by last-updated descending.
-    """
-    async with FableClient() as client:
-        return await tasks.list_tasks(
-            client,
-            limit=limit,
-            offset=offset,
-            status=status or None,
-            project_id=project_id or None,
-        )
-
-
-@mcp.tool()
-async def fable_get_task(task_id: int) -> dict:
-    """Fetch a single Fable task by ID.
-
-    Returns id, title, body, status, priority, tags, project_id, milestone_id,
-    parent_id, parent_title, due_date, created_at, updated_at.
-    """
-    async with FableClient() as client:
-        return await tasks.get_task(client, task_id=task_id)
-
-
-@mcp.tool()
-async def fable_create_task(
-    title: str,
-    body: str = "",
-    status: str = "todo",
-    priority: str = "",
-    project_id: int = 0,
-    milestone_id: int = 0,
-    parent_id: int = 0,
-    tags: list[str] | None = None,
-) -> dict:
-    """Create a new task in Fable.
-
-    Args:
-        title: Task title (required).
-        body: Markdown description / notes for the task.
-        status: Initial status — one of: todo (default), in_progress, done, cancelled.
-        priority: One of: low, normal, high. Omit for no priority.
-        project_id: Associate with a project (0 = no project).
-        milestone_id: Place within a project milestone (0 = no milestone).
-        parent_id: Make this a sub-task of another task (0 = top-level).
-        tags: List of plain-string tags without # prefix.
-
-    Returns the created task object including its assigned id.
-    """
-    async with FableClient() as client:
-        return await tasks.create_task(
-            client,
-            title=title,
-            body=body,
-            status=status,
-            priority=priority or None,
-            project_id=project_id or None,
-            milestone_id=milestone_id or None,
-            parent_id=parent_id or None,
-            tags=tags,
-        )
-
-
-@mcp.tool()
-async def fable_update_task(
-    task_id: int,
-    title: str = "",
-    body: str = "",
-    status: str = "",
-    priority: str = "",
-    project_id: int = 0,
-    milestone_id: int = 0,
-) -> dict:
-    """Update an existing Fable task. Only explicitly provided fields are changed.
-
-    Args:
-        task_id: ID of the task to update.
-        title: New title, or omit to leave unchanged.
-        body: New markdown body, or omit to leave unchanged.
-        status: New status — one of: todo, in_progress, done, cancelled.
-        priority: New priority — one of: low, normal, high.
-        project_id: New project (0 = remove from project). Omit to leave unchanged.
-        milestone_id: New milestone (0 = remove from milestone). Omit to leave unchanged.
-    """
-    async with FableClient() as client:
-        return await tasks.update_task(
-            client,
-            task_id=task_id,
-            title=title or None,
-            body=body or None,
-            status=status or None,
-            priority=priority or None,
-            project_id=project_id or None,
-            milestone_id=milestone_id or None,
-        )
-
-
-@mcp.tool()
-async def fable_add_task_log(task_id: int, content: str) -> dict:
-    """Append a timestamped progress log entry to a Fable task.
-
-    Use this to record work sessions, decisions, or status updates over time without
-    overwriting the task's main body. Each entry is stored separately and shown
-    chronologically in the task view.
-    """
-    async with FableClient() as client:
-        return await tasks.add_task_log(client, task_id=task_id, content=content)
-
-
-# ---------------------------------------------------------------------------
-# Projects
-# ---------------------------------------------------------------------------
-
-
-@mcp.tool()
-async def fable_list_projects() -> dict:
-    """List all Fable projects for the current user.
-
-    Returns id, title, description, goal, status (active/archived), color,
-    and a short auto-generated summary for each project.
-    """
-    async with FableClient() as client:
-        return await projects.list_projects(client)
-
-
-@mcp.tool()
-async def fable_get_project(project_id: int) -> dict:
-    """Fetch a Fable project by ID, including its milestone summary.
-
-    Returns full project fields plus a milestone_summary list with each milestone's
-    id, title, status, and task counts.
-    """
-    async with FableClient() as client:
-        return await projects.get_project(client, project_id=project_id)
-
-
-@mcp.tool()
-async def fable_create_project(
-    title: str,
-    description: str = "",
-    goal: str = "",
-    status: str = "active",
-    color: str = "",
-) -> dict:
-    """Create a new project in Fable.
-
-    Args:
-        title: Project name (required).
-        description: Short summary of what the project is.
-        goal: The desired outcome or definition of done for the project.
-        status: active (default) or archived.
-        color: Optional hex colour for the project card (e.g. "#6366f1").
-
-    Returns the created project object including its assigned id.
-    """
-    async with FableClient() as client:
-        return await projects.create_project(
-            client,
-            title=title,
-            description=description,
-            goal=goal or None,
-            status=status,
-            color=color or None,
-        )
-
-
-@mcp.tool()
-async def fable_update_project(
-    project_id: int,
-    title: str = "",
-    description: str = "",
-    goal: str = "",
-    status: str = "",
-    color: str = "",
-) -> dict:
-    """Update an existing Fable project. Only explicitly provided fields are changed.
-
-    Args:
-        project_id: ID of the project to update.
-        title: New title, or omit to leave unchanged.
-        description: New description, or omit to leave unchanged.
-        goal: New goal/definition-of-done, or omit to leave unchanged.
-        status: New status — active or archived.
-        color: New hex colour, or omit to leave unchanged.
-    """
-    async with FableClient() as client:
-        return await projects.update_project(
-            client,
-            project_id=project_id,
-            title=title or None,
-            description=description or None,
-            goal=goal or None,
-            status=status or None,
-            color=color or None,
-        )
-
-
-# ---------------------------------------------------------------------------
-# Milestones
-# ---------------------------------------------------------------------------
-
-
-@mcp.tool()
-async def fable_list_milestones(project_id: int) -> dict:
-    """List milestones for a Fable project, ordered by order_index.
-
-    Returns id, title, description, status (active/done), order_index, and task counts.
-    """
-    async with FableClient() as client:
-        return await milestones.list_milestones(client, project_id=project_id)
-
-
-@mcp.tool()
-async def fable_create_milestone(
-    project_id: int,
-    title: str,
-    description: str = "",
-    status: str = "active",
-) -> dict:
-    """Create a milestone within a Fable project.
-
-    Args:
-        project_id: The project this milestone belongs to (required).
-        title: Milestone name (required).
-        description: Optional description of what this milestone covers.
-        status: active (default) or done.
-
-    Returns the created milestone including its assigned id.
-    """
-    async with FableClient() as client:
-        return await milestones.create_milestone(
-            client,
-            project_id=project_id,
-            title=title,
-            description=description,
-            status=status,
-        )
-
-
-@mcp.tool()
-async def fable_update_milestone(
-    project_id: int,
-    milestone_id: int,
-    title: str = "",
-    description: str = "",
-    status: str = "",
-    order_index: int = -1,
-) -> dict:
-    """Update a Fable milestone. Only explicitly provided fields are changed.
-
-    Args:
-        project_id: Project the milestone belongs to.
-        milestone_id: ID of the milestone to update.
-        title: New title, or omit to leave unchanged.
-        description: New description, or omit to leave unchanged.
-        status: New status — active or done.
-        order_index: New display position (0-based). Use -1 to leave unchanged.
-    """
-    async with FableClient() as client:
-        return await milestones.update_milestone(
-            client,
-            project_id=project_id,
-            milestone_id=milestone_id,
-            title=title or None,
-            description=description or None,
-            status=status or None,
-            order_index=order_index if order_index >= 0 else None,
-        )
-
-
-# ---------------------------------------------------------------------------
-# Search
-# ---------------------------------------------------------------------------
-
-
-@mcp.tool()
-async def fable_search(
-    q: str,
-    content_type: str = "all",
-    limit: int = 10,
-) -> dict:
-    """Semantic search over Fable notes and tasks using embedding similarity.
-
-    Finds content by meaning rather than exact keywords. Use this to discover
-    relevant records when you don't know the exact title or tags.
-
-    Args:
-        q: Natural-language query string.
-        content_type: "note", "task", or "all" (default).
-        limit: Maximum number of results (default 10).
-
-    Returns results ordered by cosine similarity, each with id, title, body snippet, and tags.
-    """
-    async with FableClient() as client:
-        return await search.search(client, q=q, content_type=content_type, limit=limit)
-
-
-# ---------------------------------------------------------------------------
-# Chat
-# ---------------------------------------------------------------------------
-
-
-@mcp.tool()
-async def fable_list_conversations(limit: int = 20, offset: int = 0) -> dict:
-    """List chat conversations stored in Fable, ordered by last activity.
-
-    Returns id, title, message_count, created_at, updated_at for each conversation.
-    Use the id with fable_send_message to continue a specific conversation.
-    """
-    async with FableClient() as client:
-        return await chat.list_conversations(client, limit=limit, offset=offset)
-
-
-@mcp.tool()
-async def fable_send_message(
-    message: str,
-    conversation_id: str = "",
-    think: bool = False,
-) -> dict:
-    """Send a natural-language message to Fable's built-in LLM and receive the full response.
-
-    Fable handles tool use, RAG context injection, and conversation history internally.
-    The LLM can create/update notes and tasks, search, manage projects, and more — all
-    driven by natural language without you needing to call individual tools.
-
-    Use this when:
-    - The request is conversational or exploratory
-    - You want Fable's RAG to automatically surface relevant notes as context
-    - The task is complex enough to benefit from Fable's internal reasoning
-
-    Use the direct CRUD tools (fable_create_note, etc.) instead when you need
-    structured data back or are performing bulk/programmatic operations.
-
-    Args:
-        message: The user message to send.
-        conversation_id: Continue an existing conversation by passing its id.
-                         Omit to start a new conversation.
-        think: Enable extended reasoning mode for complex multi-step requests.
-
-    Returns conversation_id (for follow-up messages), the assistant response text,
-    and a list of any tool_call events that fired during generation.
-    """
-    async with FableClient() as client:
-        return await chat.send_message(
-            client,
-            message=message,
-            conversation_id=conversation_id or None,
-            think=think,
-        )
-
-
-# ---------------------------------------------------------------------------
-# Admin / observability
-# ---------------------------------------------------------------------------
-
-
-@mcp.tool()
-async def fable_get_app_logs(
-    category: str = "error",
-    limit: int = 20,
-    search: str = "",
-) -> dict:
-    """Fetch Fable application logs. Requires an admin-scoped API key.
-
-    Args:
-        category: Log category — "error" (default), "audit", "usage", or "generation".
-        limit: Maximum number of log entries to return.
-        search: Optional keyword filter matched against action, endpoint, username, details.
-
-    Returns a list of log entries ordered by most recent first.
-    Regular user API keys will receive a 403 — only admin keys are accepted.
-    """
-    async with FableClient() as client:
-        return await admin.get_app_logs(
-            client,
-            category=category,
-            limit=limit,
-            search=search or None,
-        )
-
-
-# ---------------------------------------------------------------------------
-# Briefing / RSS
-# ---------------------------------------------------------------------------
-
-
-@mcp.tool()
-async def fable_list_rss_feeds() -> dict:
-    """List all RSS/Atom feeds configured in Fable for the current user.
-
-    Returns id, title, url, category, and last_fetched_at for each feed.
-    These feeds are summarised in the user's daily briefing.
-    """
-    async with FableClient() as client:
-        return await briefing.list_rss_feeds(client)
-
-
-@mcp.tool()
-async def fable_add_rss_feed(
-    url: str,
-    title: str = "",
-    category: str = "",
-) -> dict:
-    """Add an RSS or Atom feed to Fable's daily briefing.
-
-    Args:
-        url: The RSS/Atom feed URL (required).
-        title: Optional display name. If omitted, auto-populated from feed metadata.
-        category: Optional category label to group feeds (e.g. "news", "tech", "finance").
-
-    Returns the created feed object including its assigned id.
-    """
-    async with FableClient() as client:
-        return await briefing.add_rss_feed(
-            client,
-            url=url,
-            title=title or None,
-            category=category or None,
-        )
-
-
-@mcp.tool()
-async def fable_remove_rss_feed(feed_id: int) -> dict:
-    """Remove an RSS feed from Fable by its ID."""
-    async with FableClient() as client:
-        return await briefing.remove_rss_feed(client, feed_id=feed_id)
-
-
-# ---------------------------------------------------------------------------
-# Entry point
-# ---------------------------------------------------------------------------
-
-
-def main() -> None:
-    # Validate env vars at startup — raises ValueError with a clear message if missing.
-    FableClient()
-    mcp.run(transport="stdio")
-
-
-if __name__ == "__main__":
-    main()

fable-mcp/fable_mcp/tools/admin.py

@@ -1,20 +0,0 @@
-"""Admin tools: application log access (requires admin API key)."""
-from __future__ import annotations
-
-from fable_mcp.client import FableClient
-
-
-async def get_app_logs(
-    client: FableClient,
-    category: str = "error",
-    limit: int = 20,
-    search: str | None = None,
-) -> dict:
-    """Fetch application logs from Fable. Requires an admin-scoped API key.
-
-    category: "error" | "audit" | "usage" | "generation" (default: "error")
-    """
-    params: dict = {"category": category, "limit": limit}
-    if search:
-        params["search"] = search
-    return await client.get("/api/admin/logs", params=params)

fable-mcp/fable_mcp/tools/briefing.py

@@ -1,32 +0,0 @@
-"""MCP tools for Fable RSS feed management."""
-from __future__ import annotations
-
-from typing import Any
-
-from fable_mcp.client import FableClient
-
-
-async def list_rss_feeds(client: FableClient) -> dict[str, Any]:
-    """List the user's RSS feeds."""
-    return await client.get("/api/briefing/feeds")
-
-
-async def add_rss_feed(
-    client: FableClient,
-    *,
-    url: str,
-    title: str | None = None,
-    category: str | None = None,
-) -> dict[str, Any]:
-    """Add a new RSS feed. Title is optional — auto-populated from feed metadata."""
-    payload: dict[str, Any] = {"url": url}
-    if title:
-        payload["title"] = title
-    if category:
-        payload["category"] = category
-    return await client.post("/api/briefing/feeds", json=payload)
-
-
-async def remove_rss_feed(client: FableClient, *, feed_id: int) -> dict[str, Any]:
-    """Remove an RSS feed by ID."""
-    return await client.delete(f"/api/briefing/feeds/{feed_id}")

fable-mcp/fable_mcp/tools/chat.py

@@ -1,95 +0,0 @@
-"""MCP tools for Fable chat — create conversations and stream responses."""
-from __future__ import annotations
-
-import asyncio
-import json
-from typing import Any
-
-from fable_mcp.client import FableClient, FableAPIError
-
-
-async def list_conversations(
-    client: FableClient,
-    *,
-    limit: int = 20,
-    offset: int = 0,
-) -> dict[str, Any]:
-    """List MCP chat conversations."""
-    params: dict[str, Any] = {"limit": limit, "offset": offset, "type": "mcp"}
-    return await client.get("/api/chat/conversations", params=params)
-
-
-async def send_message(
-    client: FableClient,
-    *,
-    message: str,
-    conversation_id: str | None = None,
-    think: bool = False,
-) -> dict[str, Any]:
-    """Send a message to Fable and return the full assistant response.
-
-    Creates a new MCP conversation if conversation_id is None.
-    Posts the user message to start generation, then streams the SSE buffer.
-
-    SSE event format:
-        id: <N>
-        event: <type>        # chunk | done | tool_call | status | ...
-        data: <json>
-
-    Returns:
-        Dict with:
-          - "conversation_id": str
-          - "response": str (full assistant message)
-          - "tool_calls": list of any tool_call events observed
-    """
-    if conversation_id is None:
-        conv = await client.post(
-            "/api/chat/conversations",
-            json={"conversation_type": "mcp"},
-        )
-        conversation_id = str(conv["id"])
-
-    # Start generation
-    await client.post(
-        f"/api/chat/conversations/{conversation_id}/messages",
-        json={"content": message, "think": think},
-    )
-
-    tokens: list[str] = []
-    tool_calls: list[Any] = []
-
-    stream_path = f"/api/chat/conversations/{conversation_id}/generation/stream"
-
-    # Retry connecting to the stream briefly — the background task may not have
-    # created the generation buffer by the time we issue the GET.
-    for attempt in range(10):
-        try:
-            event_type: str | None = None
-            async for raw_line in client.stream_get(stream_path):
-                if raw_line.startswith("event: "):
-                    event_type = raw_line[len("event: "):].strip()
-                elif raw_line.startswith("data: "):
-                    payload_str = raw_line[len("data: "):]
-                    try:
-                        data = json.loads(payload_str)
-                    except json.JSONDecodeError:
-                        continue
-                    if event_type == "chunk":
-                        tokens.append(data.get("chunk", ""))
-                    elif event_type == "tool_call":
-                        tool_calls.append(data.get("tool_call", data))
-                    elif event_type == "done":
-                        break
-                    event_type = None  # reset after consuming data line
-            break  # stream completed successfully
-        except FableAPIError as exc:
-            if exc.status_code == 404 and attempt < 9:
-                await asyncio.sleep(0.3)
-                continue
-            raise
-
-    return {
-        "conversation_id": conversation_id,
-        "response": "".join(tokens),
-        "tool_calls": tool_calls,
-    }

fable-mcp/fable_mcp/tools/milestones.py

@@ -1,53 +0,0 @@
-"""MCP tools for Fable milestones."""
-from __future__ import annotations
-
-from typing import Any
-
-from fable_mcp.client import FableClient
-
-
-async def list_milestones(client: FableClient, *, project_id: int) -> dict[str, Any]:
-    """List milestones for a project."""
-    return await client.get(f"/api/projects/{project_id}/milestones")
-
-
-async def create_milestone(
-    client: FableClient,
-    *,
-    project_id: int,
-    title: str,
-    description: str = "",
-    status: str = "active",
-) -> dict[str, Any]:
-    """Create a milestone within a project."""
-    payload: dict[str, Any] = {
-        "title": title,
-        "description": description,
-        "status": status,
-    }
-    return await client.post(f"/api/projects/{project_id}/milestones", json=payload)
-
-
-async def update_milestone(
-    client: FableClient,
-    *,
-    project_id: int,
-    milestone_id: int,
-    title: str | None = None,
-    description: str | None = None,
-    status: str | None = None,
-    order_index: int | None = None,
-) -> dict[str, Any]:
-    """Update an existing milestone."""
-    payload: dict[str, Any] = {}
-    if title is not None:
-        payload["title"] = title
-    if description is not None:
-        payload["description"] = description
-    if status is not None:
-        payload["status"] = status
-    if order_index is not None:
-        payload["order_index"] = order_index
-    return await client.patch(
-        f"/api/projects/{project_id}/milestones/{milestone_id}", json=payload
-    )

fable-mcp/fable_mcp/tools/notes.py

@@ -1,72 +0,0 @@
-"""MCP tools for Fable notes."""
-from __future__ import annotations
-
-from typing import Any
-
-from fable_mcp.client import FableClient
-
-
-async def list_notes(
-    client: FableClient,
-    *,
-    limit: int = 20,
-    offset: int = 0,
-    tag: str | None = None,
-    search: str | None = None,
-) -> dict[str, Any]:
-    """List notes with optional filtering."""
-    params: dict[str, Any] = {"limit": limit, "offset": offset}
-    if tag:
-        params["tag"] = tag
-    if search:
-        params["search"] = search
-    return await client.get("/api/notes", params=params)
-
-
-async def get_note(client: FableClient, *, note_id: int) -> dict[str, Any]:
-    """Fetch a single note by ID."""
-    return await client.get(f"/api/notes/{note_id}")
-
-
-async def create_note(
-    client: FableClient,
-    *,
-    title: str,
-    body: str = "",
-    tags: list[str] | None = None,
-    project_id: int | None = None,
-) -> dict[str, Any]:
-    """Create a new note."""
-    payload: dict[str, Any] = {"title": title, "body": body}
-    if tags is not None:
-        payload["tags"] = tags
-    if project_id is not None:
-        payload["project_id"] = project_id
-    return await client.post("/api/notes", json=payload)
-
-
-async def update_note(
-    client: FableClient,
-    *,
-    note_id: int,
-    title: str | None = None,
-    body: str | None = None,
-    tags: list[str] | None = None,
-    project_id: int | None = None,
-) -> dict[str, Any]:
-    """Update an existing note."""
-    payload: dict[str, Any] = {}
-    if title is not None:
-        payload["title"] = title
-    if body is not None:
-        payload["body"] = body
-    if tags is not None:
-        payload["tags"] = tags
-    if project_id is not None:
-        payload["project_id"] = project_id
-    return await client.patch(f"/api/notes/{note_id}", json=payload)
-
-
-async def delete_note(client: FableClient, *, note_id: int) -> None:
-    """Delete a note by ID."""
-    await client.delete(f"/api/notes/{note_id}")

fable-mcp/fable_mcp/tools/projects.py

@@ -1,59 +0,0 @@
-"""MCP tools for Fable projects."""
-from __future__ import annotations
-
-from typing import Any
-
-from fable_mcp.client import FableClient
-
-
-async def list_projects(client: FableClient) -> dict[str, Any]:
-    """List all projects for the authenticated user."""
-    return await client.get("/api/projects")
-
-
-async def get_project(client: FableClient, *, project_id: int) -> dict[str, Any]:
-    """Fetch a project by ID (includes milestone summary)."""
-    return await client.get(f"/api/projects/{project_id}")
-
-
-async def create_project(
-    client: FableClient,
-    *,
-    title: str,
-    description: str = "",
-    goal: str | None = None,
-    status: str = "active",
-    color: str | None = None,
-) -> dict[str, Any]:
-    """Create a new project."""
-    payload: dict[str, Any] = {"title": title, "description": description, "status": status}
-    if goal is not None:
-        payload["goal"] = goal
-    if color is not None:
-        payload["color"] = color
-    return await client.post("/api/projects", json=payload)
-
-
-async def update_project(
-    client: FableClient,
-    *,
-    project_id: int,
-    title: str | None = None,
-    description: str | None = None,
-    goal: str | None = None,
-    status: str | None = None,
-    color: str | None = None,
-) -> dict[str, Any]:
-    """Update an existing project."""
-    payload: dict[str, Any] = {}
-    if title is not None:
-        payload["title"] = title
-    if description is not None:
-        payload["description"] = description
-    if goal is not None:
-        payload["goal"] = goal
-    if status is not None:
-        payload["status"] = status
-    if color is not None:
-        payload["color"] = color
-    return await client.patch(f"/api/projects/{project_id}", json=payload)

fable-mcp/fable_mcp/tools/search.py

@@ -1,30 +0,0 @@
-"""MCP tool for semantic search across Fable notes and tasks."""
-from __future__ import annotations
-
-from typing import Any
-
-from fable_mcp.client import FableClient
-
-
-async def search(
-    client: FableClient,
-    *,
-    q: str,
-    content_type: str = "all",
-    limit: int = 10,
-) -> dict[str, Any]:
-    """Semantic search over notes and/or tasks.
-
-    Args:
-        q: Search query string.
-        content_type: One of "note", "task", or "all" (default).
-        limit: Maximum number of results to return.
-
-    Returns:
-        Dict with "results" list and "total" count.
-        Each result has: id, title, body, is_task, tags, similarity.
-    """
-    params: dict[str, Any] = {"q": q, "limit": limit}
-    if content_type != "all":
-        params["content_type"] = content_type
-    return await client.get("/api/search", params=params)

fable-mcp/fable_mcp/tools/tasks.py

@@ -1,93 +0,0 @@
-"""MCP tools for Fable tasks."""
-from __future__ import annotations
-
-from typing import Any
-
-from fable_mcp.client import FableClient
-
-
-async def list_tasks(
-    client: FableClient,
-    *,
-    limit: int = 20,
-    offset: int = 0,
-    status: str | None = None,
-    project_id: int | None = None,
-) -> dict[str, Any]:
-    """List tasks with optional filtering."""
-    params: dict[str, Any] = {"limit": limit, "offset": offset}
-    if status:
-        params["status"] = status
-    if project_id is not None:
-        params["project_id"] = project_id
-    return await client.get("/api/tasks", params=params)
-
-
-async def get_task(client: FableClient, *, task_id: int) -> dict[str, Any]:
-    """Fetch a single task by ID (includes parent_title)."""
-    return await client.get(f"/api/tasks/{task_id}")
-
-
-async def create_task(
-    client: FableClient,
-    *,
-    title: str,
-    body: str = "",
-    status: str = "todo",
-    priority: str | None = None,
-    project_id: int | None = None,
-    milestone_id: int | None = None,
-    parent_id: int | None = None,
-    tags: list[str] | None = None,
-) -> dict[str, Any]:
-    """Create a new task."""
-    payload: dict[str, Any] = {"title": title, "body": body, "status": status}
-    if priority is not None:
-        payload["priority"] = priority
-    if project_id is not None:
-        payload["project_id"] = project_id
-    if milestone_id is not None:
-        payload["milestone_id"] = milestone_id
-    if parent_id is not None:
-        payload["parent_id"] = parent_id
-    if tags is not None:
-        payload["tags"] = tags
-    return await client.post("/api/tasks", json=payload)
-
-
-async def update_task(
-    client: FableClient,
-    *,
-    task_id: int,
-    title: str | None = None,
-    body: str | None = None,
-    status: str | None = None,
-    priority: str | None = None,
-    project_id: int | None = None,
-    milestone_id: int | None = None,
-) -> dict[str, Any]:
-    """Update an existing task."""
-    payload: dict[str, Any] = {}
-    if title is not None:
-        payload["title"] = title
-    if body is not None:
-        payload["body"] = body
-    if status is not None:
-        payload["status"] = status
-    if priority is not None:
-        payload["priority"] = priority
-    if project_id is not None:
-        payload["project_id"] = project_id
-    if milestone_id is not None:
-        payload["milestone_id"] = milestone_id
-    return await client.patch(f"/api/tasks/{task_id}", json=payload)
-
-
-async def add_task_log(
-    client: FableClient,
-    *,
-    task_id: int,
-    content: str,
-) -> dict[str, Any]:
-    """Append a log entry to a task."""
-    return await client.post(f"/api/tasks/{task_id}/logs", json={"content": content})

fable-mcp/pyproject.toml

@@ -1,24 +0,0 @@
-[build-system]
-requires = ["hatchling"]
-build-backend = "hatchling.build"
-
-[project]
-name = "fable-mcp"
-version = "0.2.4"
-description = "MCP server for Fabled Assistant"
-requires-python = ">=3.12"
-dependencies = [
-  "mcp[cli]>=1.0",
-  "httpx>=0.27",
-  "python-dotenv>=1.0",
-]
-
-[project.scripts]
-fable-mcp = "fable_mcp.server:main"
-
-[project.optional-dependencies]
-dev = ["pytest>=8.0", "pytest-asyncio>=0.23", "respx>=0.21"]
-
-[tool.pytest.ini_options]
-asyncio_mode = "auto"
-testpaths = ["tests"]

fable-mcp/tests/conftest.py

@@ -1,12 +0,0 @@
-"""Shared pytest fixtures for fable-mcp tests."""
-from unittest.mock import AsyncMock, MagicMock
-import pytest
-
-
-@pytest.fixture
-def mock_client():
-    """A mock FableClient that returns empty responses by default."""
-    client = AsyncMock()
-    client.__aenter__ = AsyncMock(return_value=client)
-    client.__aexit__ = AsyncMock(return_value=False)
-    return client

fable-mcp/tests/test_client.py

@@ -1,142 +0,0 @@
-"""Tests for FableClient."""
-import os
-import pytest
-import respx
-import httpx
-from unittest.mock import patch
-
-from fable_mcp.client import FableClient, FableAPIError, get_client, init_client, _reset_client
-
-
-@pytest.fixture(autouse=True)
-def reset_singleton():
-    """Reset the module-level client singleton between tests."""
-    _reset_client()
-    yield
-    _reset_client()
-
-
-@pytest.fixture
-def base_env(monkeypatch):
-    monkeypatch.setenv("FABLE_URL", "http://fable.test")
-    monkeypatch.setenv("FABLE_API_KEY", "fmcp_testkey")
-
-
-class TestFableClientInit:
-    def test_missing_fable_url_raises(self, monkeypatch):
-        monkeypatch.delenv("FABLE_URL", raising=False)
-        monkeypatch.setenv("FABLE_API_KEY", "fmcp_testkey")
-        with pytest.raises(ValueError, match="FABLE_URL"):
-            FableClient()
-
-    def test_missing_api_key_raises(self, monkeypatch):
-        monkeypatch.setenv("FABLE_URL", "http://fable.test")
-        monkeypatch.delenv("FABLE_API_KEY", raising=False)
-        with pytest.raises(ValueError, match="FABLE_API_KEY"):
-            FableClient()
-
-    def test_trailing_slash_stripped(self, base_env):
-        with patch.dict(os.environ, {"FABLE_URL": "http://fable.test/"}):
-            client = FableClient()
-            assert client.base_url == "http://fable.test"
-
-    def test_auth_header_set(self, base_env):
-        client = FableClient()
-        assert client._headers["Authorization"] == "Bearer fmcp_testkey"
-
-
-class TestFableClientHTTP:
-    @respx.mock
-    @pytest.mark.asyncio
-    async def test_get_returns_json(self, base_env):
-        respx.get("http://fable.test/api/notes").mock(
-            return_value=httpx.Response(200, json={"notes": []})
-        )
-        async with FableClient() as client:
-            data = await client.get("/api/notes")
-        assert data == {"notes": []}
-
-    @respx.mock
-    @pytest.mark.asyncio
-    async def test_non_2xx_raises_fable_api_error(self, base_env):
-        respx.get("http://fable.test/api/notes").mock(
-            return_value=httpx.Response(401, json={"error": "Unauthorized"})
-        )
-        async with FableClient() as client:
-            with pytest.raises(FableAPIError) as exc_info:
-                await client.get("/api/notes")
-        assert exc_info.value.status_code == 401
-
-    @respx.mock
-    @pytest.mark.asyncio
-    async def test_post_sends_json(self, base_env):
-        respx.post("http://fable.test/api/notes").mock(
-            return_value=httpx.Response(201, json={"id": 1, "title": "Test"})
-        )
-        async with FableClient() as client:
-            data = await client.post("/api/notes", json={"title": "Test"})
-        assert data["id"] == 1
-
-    @respx.mock
-    @pytest.mark.asyncio
-    async def test_patch_sends_json(self, base_env):
-        respx.patch("http://fable.test/api/notes/1").mock(
-            return_value=httpx.Response(200, json={"id": 1, "title": "Updated"})
-        )
-        async with FableClient() as client:
-            data = await client.patch("/api/notes/1", json={"title": "Updated"})
-        assert data["title"] == "Updated"
-
-    @respx.mock
-    @pytest.mark.asyncio
-    async def test_delete_returns_none_on_204(self, base_env):
-        respx.delete("http://fable.test/api/notes/1").mock(
-            return_value=httpx.Response(204)
-        )
-        async with FableClient() as client:
-            result = await client.delete("/api/notes/1")
-        assert result is None
-
-    @respx.mock
-    @pytest.mark.asyncio
-    async def test_fable_api_error_includes_message(self, base_env):
-        respx.get("http://fable.test/api/notes").mock(
-            return_value=httpx.Response(404, json={"error": "Not found"})
-        )
-        async with FableClient() as client:
-            with pytest.raises(FableAPIError) as exc_info:
-                await client.get("/api/notes")
-        assert "Not found" in str(exc_info.value)
-        assert exc_info.value.status_code == 404
-
-
-class TestSingleton:
-    def test_get_client_before_init_raises(self):
-        with pytest.raises(RuntimeError, match="init_client"):
-            get_client()
-
-    def test_init_client_returns_instance(self, base_env):
-        client = init_client()
-        assert isinstance(client, FableClient)
-
-    def test_get_client_after_init_returns_same(self, base_env):
-        init_client()
-        c1 = get_client()
-        c2 = get_client()
-        assert c1 is c2
-
-
-class TestStreamGet:
-    @respx.mock
-    @pytest.mark.asyncio
-    async def test_stream_get_yields_lines(self, base_env):
-        sse_body = b"data: line1\n\ndata: line2\n\n"
-        respx.get("http://fable.test/api/stream").mock(
-            return_value=httpx.Response(200, content=sse_body)
-        )
-        lines = []
-        async with FableClient() as client:
-            async for line in client.stream_get("/api/stream"):
-                lines.append(line)
-        assert "data: line1" in lines
-        assert "data: line2" in lines

fable-mcp/tests/test_tools_chat.py

@@ -1,58 +0,0 @@
-"""Tests for chat MCP tools."""
-import json
-import pytest
-from unittest.mock import AsyncMock, MagicMock, patch
-
-
-@pytest.fixture
-def client(mock_client):
-    return mock_client
-
-
-@pytest.mark.asyncio
-async def test_send_message_creates_conversation_and_streams(client):
-    from fable_mcp.tools.chat import send_message
-
-    client.post = AsyncMock(return_value={"id": "conv-1"})
-
-    async def fake_stream(path, **kwargs):
-        for line in [
-            'data: {"type": "token", "content": "Hello"}',
-            'data: {"type": "token", "content": " world"}',
-            'data: {"type": "done"}',
-        ]:
-            yield line
-
-    client.stream_get = fake_stream
-
-    result = await send_message(client, message="Hi", conversation_id=None)
-    assert result["conversation_id"] == "conv-1"
-    assert "Hello world" in result["response"]
-
-
-@pytest.mark.asyncio
-async def test_send_message_reuses_existing_conversation(client):
-    from fable_mcp.tools.chat import send_message
-
-    async def fake_stream(path, **kwargs):
-        for line in [
-            'data: {"type": "token", "content": "Reply"}',
-            'data: {"type": "done"}',
-        ]:
-            yield line
-
-    client.stream_get = fake_stream
-
-    result = await send_message(client, message="Hi", conversation_id="existing-conv")
-    # Should not call post to create a conversation
-    client.post.assert_not_called()
-    assert result["conversation_id"] == "existing-conv"
-
-
-@pytest.mark.asyncio
-async def test_list_conversations_calls_get(client):
-    from fable_mcp.tools.chat import list_conversations
-    client.get = AsyncMock(return_value={"conversations": []})
-    await list_conversations(client)
-    client.get.assert_called_once()
-    assert "/api/chat/conversations" in client.get.call_args[0][0]

fable-mcp/tests/test_tools_milestones.py

@@ -1,35 +0,0 @@
-"""Tests for milestones MCP tools."""
-import pytest
-from unittest.mock import AsyncMock
-
-
-@pytest.fixture
-def client(mock_client):
-    return mock_client
-
-
-@pytest.mark.asyncio
-async def test_list_milestones_calls_correct_endpoint(client):
-    from fable_mcp.tools.milestones import list_milestones
-    client.get = AsyncMock(return_value={"milestones": []})
-    await list_milestones(client, project_id=3)
-    client.get.assert_called_once_with("/api/projects/3/milestones")
-
-
-@pytest.mark.asyncio
-async def test_create_milestone_posts_to_project_endpoint(client):
-    from fable_mcp.tools.milestones import create_milestone
-    client.post = AsyncMock(return_value={"id": 10, "title": "M1"})
-    await create_milestone(client, project_id=3, title="M1")
-    path = client.post.call_args[0][0]
-    assert path == "/api/projects/3/milestones"
-    assert client.post.call_args[1]["json"]["title"] == "M1"
-
-
-@pytest.mark.asyncio
-async def test_update_milestone_patches(client):
-    from fable_mcp.tools.milestones import update_milestone
-    client.patch = AsyncMock(return_value={"id": 10, "status": "completed"})
-    await update_milestone(client, project_id=3, milestone_id=10, status="completed")
-    path = client.patch.call_args[0][0]
-    assert "/api/projects/3/milestones/10" in path

fable-mcp/tests/test_tools_notes.py

@@ -1,56 +0,0 @@
-"""Tests for notes MCP tools."""
-import pytest
-from unittest.mock import AsyncMock
-
-
-@pytest.fixture
-def client(mock_client):
-    return mock_client
-
-
-@pytest.mark.asyncio
-async def test_list_notes_calls_get(client):
-    from fable_mcp.tools.notes import list_notes
-    client.get = AsyncMock(return_value={"notes": [], "total": 0})
-    result = await list_notes(client, limit=10)
-    client.get.assert_called_once()
-    call_args = client.get.call_args
-    assert "/api/notes" in call_args[0][0]
-
-
-@pytest.mark.asyncio
-async def test_get_note_calls_correct_endpoint(client):
-    from fable_mcp.tools.notes import get_note
-    client.get = AsyncMock(return_value={"id": 42, "title": "Hello"})
-    result = await get_note(client, note_id=42)
-    client.get.assert_called_once_with("/api/notes/42")
-    assert result["id"] == 42
-
-
-@pytest.mark.asyncio
-async def test_create_note_posts_payload(client):
-    from fable_mcp.tools.notes import create_note
-    client.post = AsyncMock(return_value={"id": 1, "title": "My Note"})
-    result = await create_note(client, title="My Note", body="Content")
-    client.post.assert_called_once()
-    call_kwargs = client.post.call_args[1]
-    assert call_kwargs["json"]["title"] == "My Note"
-    assert call_kwargs["json"]["body"] == "Content"
-
-
-@pytest.mark.asyncio
-async def test_update_note_patches_payload(client):
-    from fable_mcp.tools.notes import update_note
-    client.patch = AsyncMock(return_value={"id": 1, "title": "Updated"})
-    result = await update_note(client, note_id=1, title="Updated")
-    client.patch.assert_called_once()
-    path = client.patch.call_args[0][0]
-    assert "/api/notes/1" in path
-
-
-@pytest.mark.asyncio
-async def test_delete_note_calls_delete(client):
-    from fable_mcp.tools.notes import delete_note
-    client.delete = AsyncMock(return_value=None)
-    await delete_note(client, note_id=5)
-    client.delete.assert_called_once_with("/api/notes/5")

fable-mcp/tests/test_tools_projects.py

@@ -1,42 +0,0 @@
-"""Tests for projects MCP tools."""
-import pytest
-from unittest.mock import AsyncMock
-
-
-@pytest.fixture
-def client(mock_client):
-    return mock_client
-
-
-@pytest.mark.asyncio
-async def test_list_projects_calls_get(client):
-    from fable_mcp.tools.projects import list_projects
-    client.get = AsyncMock(return_value={"projects": []})
-    await list_projects(client)
-    client.get.assert_called_once_with("/api/projects")
-
-
-@pytest.mark.asyncio
-async def test_get_project_calls_correct_endpoint(client):
-    from fable_mcp.tools.projects import get_project
-    client.get = AsyncMock(return_value={"id": 2, "title": "Proj"})
-    result = await get_project(client, project_id=2)
-    client.get.assert_called_once_with("/api/projects/2")
-
-
-@pytest.mark.asyncio
-async def test_create_project_posts_payload(client):
-    from fable_mcp.tools.projects import create_project
-    client.post = AsyncMock(return_value={"id": 4, "title": "New"})
-    await create_project(client, title="New", description="Desc")
-    call_kwargs = client.post.call_args[1]
-    assert call_kwargs["json"]["title"] == "New"
-    assert call_kwargs["json"]["description"] == "Desc"
-
-
-@pytest.mark.asyncio
-async def test_update_project_patches(client):
-    from fable_mcp.tools.projects import update_project
-    client.patch = AsyncMock(return_value={"id": 4, "status": "active"})
-    await update_project(client, project_id=4, status="active")
-    assert "/api/projects/4" in client.patch.call_args[0][0]

fable-mcp/tests/test_tools_tasks.py

@@ -1,54 +0,0 @@
-"""Tests for tasks MCP tools."""
-import pytest
-from unittest.mock import AsyncMock
-
-
-@pytest.fixture
-def client(mock_client):
-    return mock_client
-
-
-@pytest.mark.asyncio
-async def test_list_tasks_calls_get(client):
-    from fable_mcp.tools.tasks import list_tasks
-    client.get = AsyncMock(return_value={"tasks": [], "total": 0})
-    await list_tasks(client)
-    client.get.assert_called_once()
-    assert "/api/tasks" in client.get.call_args[0][0]
-
-
-@pytest.mark.asyncio
-async def test_get_task_calls_correct_endpoint(client):
-    from fable_mcp.tools.tasks import get_task
-    client.get = AsyncMock(return_value={"id": 7, "title": "Fix bug"})
-    result = await get_task(client, task_id=7)
-    client.get.assert_called_once_with("/api/tasks/7")
-
-
-@pytest.mark.asyncio
-async def test_create_task_posts_payload(client):
-    from fable_mcp.tools.tasks import create_task
-    client.post = AsyncMock(return_value={"id": 3, "title": "New task"})
-    await create_task(client, title="New task")
-    call_kwargs = client.post.call_args[1]
-    assert call_kwargs["json"]["title"] == "New task"
-
-
-@pytest.mark.asyncio
-async def test_update_task_patches(client):
-    from fable_mcp.tools.tasks import update_task
-    client.patch = AsyncMock(return_value={"id": 3, "status": "done"})
-    await update_task(client, task_id=3, status="done")
-    client.patch.assert_called_once()
-    assert "/api/tasks/3" in client.patch.call_args[0][0]
-
-
-@pytest.mark.asyncio
-async def test_add_task_log_posts_to_logs_endpoint(client):
-    from fable_mcp.tools.tasks import add_task_log
-    client.post = AsyncMock(return_value={"id": 1, "content": "progress"})
-    await add_task_log(client, task_id=9, content="progress")
-    client.post.assert_called_once()
-    path = client.post.call_args[0][0]
-    assert path == "/api/tasks/9/logs"
-    assert client.post.call_args[1]["json"]["content"] == "progress"

frontend/index.html

@@ -9,8 +9,8 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-    <meta name="apple-mobile-web-app-title" content="Fabled">
-    <title>Fabled Assistant</title>
+    <meta name="apple-mobile-web-app-title" content="Scribe">
+    <title>Fabled Scribe</title>
   </head>
   <body>
     <div id="app"></div>

frontend/package.json

@@ -14,6 +14,7 @@
     "@fullcalendar/interaction": "^6.1.20",
     "@fullcalendar/timegrid": "^6.1.20",
     "@fullcalendar/vue3": "^6.1.20",
+    "@ricky0123/vad-web": "^0.0.30",
     "@tiptap/core": "^3.0.0",
     "@tiptap/extension-link": "^3.0.0",
     "@tiptap/extension-list": "^3.0.0",
@@ -24,6 +25,7 @@
     "@tiptap/vue-3": "^3.0.0",
     "d3": "^7",
     "dompurify": "^3.1.0",
+    "lucide-vue-next": "^0.469.0",
     "marked": "^17.0.0",
     "pinia": "^3.0.0",
     "vue": "3.5.30",
@@ -35,6 +37,7 @@
     "@vitejs/plugin-vue": "^6.0.0",
     "typescript": "~5.9.0",
     "vite": "^7.0.0",
+    "vite-plugin-static-copy": "^4.0.1",
     "vue-tsc": "^3.0.0"
   }
 }

frontend/public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "name": "Fabled Assistant",
-  "short_name": "Fabled",
+  "name": "Fabled Scribe",
+  "short_name": "Scribe",
   "description": "Your self-hosted second brain with AI assistance",
   "start_url": "/",
   "display": "standalone",

frontend/public/sw.js

@@ -1,45 +1,11 @@
-// Service Worker for push notifications and PWA support
-self.addEventListener('push', event => {
-  if (!event.data) return;
-  const data = event.data.json();
-  const notifUrl = data.url || '/';
+// Service Worker — PWA installability shell only.
+//
+// The push and notificationclick listeners were removed alongside the chat
+// generation pipeline (they only fired when the internal LLM finished a
+// response). The empty fetch handler is preserved as the installability
+// surface required for "Add to Home Screen" in some browsers; offline
+// caching is intentionally not implemented yet.
 
-  event.waitUntil(
-    clients.matchAll({ type: 'window', includeUncontrolled: true }).then(clientList => {
-      // Suppress notification if the user already has the relevant page focused
-      for (const client of clientList) {
-        if (client.visibilityState === 'visible' && client.url.includes(notifUrl)) {
-          return;
-        }
-      }
-      return self.registration.showNotification(data.title || 'Fabled Assistant', {
-        body: data.body || '',
-        icon: '/favicon.ico',
-        badge: '/favicon.ico',
-        data: { url: notifUrl },
-      });
-    })
-  );
-});
-
-self.addEventListener('notificationclick', event => {
-  event.notification.close();
-  event.waitUntil(
-    clients.matchAll({ type: 'window', includeUncontrolled: true }).then(clientList => {
-      const url = event.notification.data.url;
-      for (const client of clientList) {
-        if (client.url.includes(url) && 'focus' in client) {
-          return client.focus();
-        }
-      }
-      if (clients.openWindow) {
-        return clients.openWindow(url);
-      }
-    })
-  );
-});
-
-// PWA: serve cached assets for offline support (minimal)
-self.addEventListener('fetch', event => {
+self.addEventListener('fetch', () => {
   // Pass-through — no offline caching in v1
 });

frontend/src/App.vue

@@ -6,7 +6,6 @@ import ToastNotification from "@/components/ToastNotification.vue";
 import { useTheme } from "@/composables/useTheme";
 import { useShortcuts } from "@/composables/useShortcuts";
 import { useAuthStore } from "@/stores/auth";
-import { useChatStore } from "@/stores/chat";
 import { useSettingsStore } from "@/stores/settings";
 import { apiGet, apiPut } from "@/api/client";
 
@@ -15,29 +14,17 @@ useTheme();
 const router = useRouter();
 const appVersion = ref("dev");
 const authStore = useAuthStore();
-const chatStore = useChatStore();
 const settingsStore = useSettingsStore();
 const { showShortcuts, toggleShortcuts, closeShortcuts } = useShortcuts();
 
 function startAppServices() {
-  chatStore.startStatusPolling();
   settingsStore.fetchSettings();
-  settingsStore.checkVoiceStatus();
   // Sync browser timezone to the server on every login/page load.
   apiPut("/api/settings", { user_timezone: Intl.DateTimeFormat().resolvedOptions().timeZone }).catch(() => {});
-  // Re-check voice status when the tab becomes visible again (model may
-  // have finished loading while the user was away).
-  document.addEventListener("visibilitychange", onVisibilityChange);
-}
-
-function onVisibilityChange() {
-  if (document.visibilityState === "visible" && authStore.isAuthenticated) {
-    settingsStore.checkVoiceStatus();
-  }
 }
 
 function stopAppServices() {
-  chatStore.stopStatusPolling();
+  // no-op for now; kept as a hook for future per-session teardown
 }
 
 function isInputActive(): boolean {
@@ -92,9 +79,10 @@ function onGlobalKeydown(e: KeyboardEvent) {
       case "n": router.push("/notes"); break;
       case "t": router.push("/"); break;
       case "p": router.push("/projects"); break;
-      case "c": router.push("/chat"); break;
+      case "r": router.push("/rules"); break;
       case "g": router.push("/graph"); break;
       case "l": router.push("/calendar"); break;
+      case "x": router.push("/trash"); break;
     }
     return;
   }
@@ -122,13 +110,6 @@ function onGlobalKeydown(e: KeyboardEvent) {
       e.preventDefault();
       document.dispatchEvent(new CustomEvent("shortcut:focus-search"));
       break;
-    case "c":
-      if (router.currentRoute.value.name === "home") {
-        document.dispatchEvent(new CustomEvent("shortcut:focus-chat"));
-      } else {
-        router.push("/chat");
-      }
-      break;
   }
 }
 
@@ -159,7 +140,6 @@ watch(
 
 onUnmounted(() => {
   document.removeEventListener("keydown", onGlobalKeydown);
-  document.removeEventListener("visibilitychange", onVisibilityChange);
   stopAppServices();
 });
 </script>
@@ -213,14 +193,14 @@ onUnmounted(() => {
               <div class="shortcut-row">
                 <kbd class="shortcut-key">g</kbd>
                 <span class="shortcut-key-sep">+</span>
-                <kbd class="shortcut-key">c</kbd>
-                <span class="shortcut-desc">Chat</span>
+                <kbd class="shortcut-key">l</kbd>
+                <span class="shortcut-desc">Calendar</span>
               </div>
               <div class="shortcut-row">
                 <kbd class="shortcut-key">g</kbd>
                 <span class="shortcut-key-sep">+</span>
-                <kbd class="shortcut-key">l</kbd>
-                <span class="shortcut-desc">Calendar</span>
+                <kbd class="shortcut-key">x</kbd>
+                <span class="shortcut-desc">Trash</span>
               </div>
               <div class="shortcut-row">
                 <kbd class="shortcut-key">Esc</kbd>
@@ -263,23 +243,6 @@ onUnmounted(() => {
                 <span class="shortcut-desc">Edit current item (viewer)</span>
               </div>
             </div>
-            <div class="shortcuts-section">
-              <div class="shortcuts-section-title">Chat</div>
-              <div class="shortcut-row">
-                <kbd class="shortcut-key">c</kbd>
-                <span class="shortcut-desc">Focus chat (home) / go to chat</span>
-              </div>
-              <div class="shortcut-row">
-                <kbd class="shortcut-key">Enter</kbd>
-                <span class="shortcut-desc">Send message</span>
-              </div>
-              <div class="shortcut-row">
-                <kbd class="shortcut-key">Shift</kbd>
-                <span class="shortcut-key-sep">+</span>
-                <kbd class="shortcut-key">Enter</kbd>
-                <span class="shortcut-desc">New line</span>
-              </div>
-            </div>
           </div>
         </div>
       </div>
@@ -324,8 +287,6 @@ onUnmounted(() => {
   min-height: 0;
   overflow-y: auto;
 }
-.app-content:has(.workspace-root),
-.app-content:has(.chat-page),
 .app-content:has(.knowledge-root) {
   overflow: hidden;
 }

frontend/src/api/client.ts

@@ -299,150 +299,6 @@ export function apiSSEStream(
   return { close: () => controller.abort(), done };
 }
 
-// ---------------------------------------------------------------------------
-// Briefing
-// ---------------------------------------------------------------------------
-
-export interface BriefingLocation {
-  label: string;
-  address: string;
-  lat?: number;
-  lon?: number;
-}
-
-export interface BriefingSlots {
-  compilation: boolean;
-  morning: boolean;
-  midday: boolean;
-  afternoon: boolean;
-}
-
-export interface BriefingConfig {
-  enabled: boolean;
-  locations: {
-    home?: BriefingLocation;
-    work?: BriefingLocation;
-  };
-  use_caldav_event_locations: boolean;
-  work_days: number[];
-  slots: BriefingSlots;
-  notifications: boolean;
-  temp_unit: 'C' | 'F';
-}
-
-export interface BriefingFeed {
-  id: number;
-  title: string;
-  url: string;
-  category: string | null;
-  last_fetched_at: string | null;
-}
-
-export interface BriefingConversation {
-  id: number;
-  title: string;
-  briefing_date: string | null;
-  message_count: number;
-  created_at: string;
-}
-
-export interface BriefingMessage {
-  id: number;
-  role: 'user' | 'assistant' | 'system';
-  content: string;
-  created_at: string;
-  metadata?: Record<string, unknown> | null;
-}
-
-const DEFAULT_BRIEFING_CONFIG: BriefingConfig = {
-  enabled: false,
-  locations: {},
-  use_caldav_event_locations: false,
-  work_days: [1, 2, 3, 4, 5],
-  slots: { compilation: true, morning: true, midday: false, afternoon: false },
-  notifications: true,
-  temp_unit: 'C',
-};
-
-export async function getBriefingConfig(): Promise<BriefingConfig> {
-  try {
-    const data = await apiGet<BriefingConfig>('/api/briefing/config');
-    return { ...DEFAULT_BRIEFING_CONFIG, ...data };
-  } catch {
-    return { ...DEFAULT_BRIEFING_CONFIG };
-  }
-}
-
-export async function saveBriefingConfig(config: BriefingConfig): Promise<void> {
-  await apiPut('/api/briefing/config', config);
-}
-
-export async function getBriefingFeeds(): Promise<BriefingFeed[]> {
-  const data = await apiGet<BriefingFeed[]>('/api/briefing/feeds');
-  return data;
-}
-
-export async function createBriefingFeed(url: string, category?: string): Promise<BriefingFeed> {
-  const body: Record<string, string> = { url };
-  if (category?.trim()) body.category = category.trim();
-  const data = await apiPost<{ id: number; url: string; title: string; category: string | null }>('/api/briefing/feeds', body);
-  return { ...data, last_fetched_at: null };
-}
-
-export async function refreshBriefingFeeds(): Promise<{ feeds_refreshed: number; new_items: number }> {
-  return apiPost('/api/briefing/feeds/refresh', {});
-}
-
-export async function deleteBriefingFeed(id: number): Promise<void> {
-  await apiDelete(`/api/briefing/feeds/${id}`);
-}
-
-export async function getBriefingConversations(): Promise<BriefingConversation[]> {
-  const data = await apiGet<{ conversations: BriefingConversation[] }>('/api/briefing/conversations');
-  return data.conversations;
-}
-
-export async function getBriefingToday(): Promise<{ id: number; title: string; messages: BriefingMessage[] }> {
-  return apiGet('/api/briefing/conversations/today');
-}
-
-export async function getBriefingConvMessages(id: number): Promise<BriefingMessage[]> {
-  const data = await apiGet<{ messages: BriefingMessage[] }>(`/api/briefing/conversations/${id}/messages`);
-  return data.messages;
-}
-
-export async function triggerBriefingSlot(slot: string): Promise<void> {
-  await apiPost('/api/briefing/trigger', { slot });
-}
-
-export async function postRssReaction(
-  rssItemId: number,
-  reaction: 'up' | 'down'
-): Promise<{ ok: boolean; action: string }> {
-  return apiPost('/api/briefing/rss-reactions', { rss_item_id: rssItemId, reaction });
-}
-
-export async function deleteRssReaction(rssItemId: number): Promise<void> {
-  return apiDelete(`/api/briefing/rss-reactions/${rssItemId}`);
-}
-
-export async function openArticleInChat(itemId: number): Promise<{ conversation_id: number }> {
-  return apiPost(`/api/chat/from-article/${itemId}`, {});
-}
-
-export async function geocodeAddress(address: string): Promise<{ lat: number; lon: number; display_name: string } | null> {
-  try {
-    const r = await apiPost<{ lat: number; lon: number; label: string }>('/api/briefing/weather/geocode', { query: address });
-    return { lat: r.lat, lon: r.lon, display_name: r.label };
-  } catch {
-    return null;
-  }
-}
-
-export async function getFableMcpInfo(): Promise<{ available: boolean; filename: string | null }> {
-  return apiGet('/api/fable-mcp/info');
-}
-
 export async function apiStreamPost(
   path: string,
   body: unknown,
@@ -560,7 +416,7 @@ export interface EventUpdatePayload {
   description?: string;
   location?: string;
   color?: string;
-  recurrence?: string;
+  recurrence?: string | null;
   project_id?: number;
 }
 
@@ -602,93 +458,6 @@ export const createApiKey = (name: string, scope: 'read' | 'write') =>
 
 export const revokeApiKey = (id: number) => apiDelete(`/api/api-keys/${id}`)
 
-// ─── News ─────────────────────────────────────────────────────────────────────
-
-import type { NewsItem } from '@/types/news'
-
-export interface GetNewsItemsParams {
-  days?: number
-  limit?: number
-  offset?: number
-  feed_id?: number | null
-}
-
-export function getNewsItems(params: GetNewsItemsParams = {}) {
-  const p = new URLSearchParams()
-  if (params.days != null) p.set('days', String(params.days))
-  if (params.limit != null) p.set('limit', String(params.limit))
-  if (params.offset != null) p.set('offset', String(params.offset))
-  if (params.feed_id != null) p.set('feed_id', String(params.feed_id))
-  return apiGet<{ items: NewsItem[]; offset: number; limit: number }>(
-    `/api/briefing/news?${p}`
-  )
-}
-
-// ─── Voice ────────────────────────────────────────────────────────────────────
-
-export interface VoiceStatusResult {
-  enabled: boolean
-  stt: boolean
-  tts: boolean
-  stt_model?: string
-  tts_backend?: string
-}
-
-export interface VoiceEntry {
-  id: string
-  label: string
-}
-
-export interface VoiceBlendEntry {
-  voice: string
-  weight: number
-}
-
-export const getVoiceStatus = () => apiGet<VoiceStatusResult>('/api/voice/status')
-
-export const getVoiceList = () =>
-  apiGet<{ voices: VoiceEntry[] }>('/api/voice/voices').then(r => r.voices)
-
-export async function transcribeAudio(blob: Blob, context?: string): Promise<{ transcript: string; duration_ms: number }> {
-  const form = new FormData()
-  form.append('audio', blob, 'audio.webm')
-  if (context) form.append('context', context)
-  const res = await fetch('/api/voice/transcribe', { method: 'POST', body: form })
-  if (!res.ok) {
-    const err = await res.json().catch(() => ({ error: `HTTP ${res.status}` }))
-    throw new ApiError(res.status, err)
-  }
-  return res.json()
-}
-
-export async function synthesiseSpeech(
-  text: string,
-  voice?: string,
-  speed?: number,
-  voiceBlend?: VoiceBlendEntry[]
-): Promise<Blob> {
-  // Only send voice/speed/blend when explicitly provided — omitting them lets
-  // the server auto-load the user's saved voice settings (voice, speed, blend).
-  const body: Record<string, unknown> = { text }
-  if (voiceBlend && voiceBlend.length >= 2) {
-    body.voice_blend = voiceBlend
-    if (speed !== undefined) body.speed = speed
-  } else if (voice !== undefined || speed !== undefined) {
-    body.voice = voice ?? 'af_heart'
-    body.speed = speed ?? 1.0
-  }
-  const res = await fetch('/api/voice/synthesise', {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(body),
-  })
-  if (!res.ok) {
-    const err = await res.json().catch(() => ({ error: `HTTP ${res.status}` }))
-    throw new ApiError(res.status, err)
-  }
-  return res.blob()
-}
-
 // ── User Profile ─────────────────────────────────────────────────────────────
 
 export interface UserProfile {
@@ -700,14 +469,26 @@ export interface UserProfile {
   tone: 'casual' | 'professional' | 'technical'
   interests: string[]
   work_schedule: { days?: string[]; start?: string; end?: string }
-  learned_summary: string
-  observations_count: number
-  observations_updated_at: string | null
 }
 
 export const getProfile = () => apiGet<UserProfile>('/api/profile')
 export const updateProfile = (data: Partial<UserProfile>) =>
   apiPut<UserProfile>('/api/profile', data)
-export const consolidateProfile = () =>
-  apiPost<{ status: string; learned_summary: string }>('/api/profile/consolidate', {})
-export const clearProfileObservations = () => apiDelete('/api/profile/observations')
+
+
+// ── Note Versions (pinning) ──────────────────────────────────────────────────
+
+import type { NoteVersion } from '../types/task'
+
+/** Mark a note version as manually pinned, optionally with a commit-note
+ *  label. Re-calling with a different label updates the label. */
+export const pinNoteVersion = (noteId: number, versionId: number, label?: string | null) =>
+  apiPost<NoteVersion>(
+    `/api/notes/${noteId}/versions/${versionId}/pin`,
+    { label: label ?? null },
+  )
+
+/** Downgrade a manually-pinned version back to rolling. Does NOT delete
+ *  the row — older rows may be FIFO-pruned by the next autosave. */
+export const unpinNoteVersion = (noteId: number, versionId: number) =>
+  apiDelete(`/api/notes/${noteId}/versions/${versionId}/pin`)

frontend/src/api/rulebooks.ts

@@ -0,0 +1,135 @@
+import { apiGet, apiPost, apiPatch, apiDelete } from "@/api/client";
+
+export interface Rulebook {
+  id: number;
+  owner_user_id: number;
+  title: string;
+  description: string;
+  created_at: string | null;
+  updated_at: string | null;
+}
+
+export interface RulebookTopic {
+  id: number;
+  rulebook_id: number;
+  title: string;
+  description: string;
+  order_index: number;
+  created_at: string | null;
+  updated_at: string | null;
+}
+
+export interface Rule {
+  id: number;
+  topic_id: number;
+  title: string;
+  statement: string;
+  why: string;
+  how_to_apply: string;
+  order_index: number;
+  created_at: string | null;
+  updated_at: string | null;
+}
+
+export interface RuleHeader {
+  id: number;
+  title: string;
+  statement: string;
+  topic_id: number;
+}
+
+export interface ApplicableRules {
+  rules: {
+    id: number;
+    title: string;
+    statement: string;
+    topic_title: string;
+    rulebook_title: string;
+  }[];
+  truncated: boolean;
+  subscribed_rulebooks: { id: number; title: string }[];
+}
+
+// ── Rulebooks ───────────────────────────────────────────────────────
+
+export async function listRulebooks(): Promise<Rulebook[]> {
+  const data = await apiGet<{ rulebooks: Rulebook[] }>("/api/rulebooks");
+  return data.rulebooks;
+}
+
+export async function getRulebook(id: number): Promise<Rulebook & { topics: RulebookTopic[] }> {
+  return apiGet(`/api/rulebooks/${id}`);
+}
+
+export async function createRulebook(data: { title: string; description?: string }): Promise<Rulebook> {
+  return apiPost("/api/rulebooks", data);
+}
+
+export async function updateRulebook(id: number, data: Partial<{ title: string; description: string }>): Promise<Rulebook> {
+  return apiPatch(`/api/rulebooks/${id}`, data);
+}
+
+export async function deleteRulebook(id: number): Promise<void> {
+  return apiDelete(`/api/rulebooks/${id}`);
+}
+
+// ── Topics ─────────────────────────────────────────────────────────
+
+export async function listTopics(rulebookId: number): Promise<RulebookTopic[]> {
+  const data = await apiGet<{ topics: RulebookTopic[] }>(`/api/rulebooks/${rulebookId}/topics`);
+  return data.topics;
+}
+
+export async function createTopic(rulebookId: number, data: { title: string; description?: string; order_index?: number }): Promise<RulebookTopic> {
+  return apiPost(`/api/rulebooks/${rulebookId}/topics`, data);
+}
+
+export async function updateTopic(id: number, data: Partial<{ title: string; description: string; order_index: number }>): Promise<RulebookTopic> {
+  return apiPatch(`/api/rulebook-topics/${id}`, data);
+}
+
+export async function deleteTopic(id: number): Promise<void> {
+  return apiDelete(`/api/rulebook-topics/${id}`);
+}
+
+// ── Rules ──────────────────────────────────────────────────────────
+
+export async function listRules(filters: { rulebook_id?: number; topic_id?: number; project_id?: number } = {}): Promise<Rule[]> {
+  const params = new URLSearchParams();
+  if (filters.rulebook_id) params.set("rulebook_id", String(filters.rulebook_id));
+  if (filters.topic_id) params.set("topic_id", String(filters.topic_id));
+  if (filters.project_id) params.set("project_id", String(filters.project_id));
+  const qs = params.toString();
+  const data = await apiGet<{ rules: Rule[] }>(`/api/rules${qs ? `?${qs}` : ""}`);
+  return data.rules;
+}
+
+export async function getRule(id: number): Promise<Rule> {
+  return apiGet(`/api/rules/${id}`);
+}
+
+export async function createRule(topicId: number, data: { title: string; statement: string; why?: string; how_to_apply?: string; order_index?: number }): Promise<Rule> {
+  return apiPost(`/api/rulebook-topics/${topicId}/rules`, data);
+}
+
+export async function updateRule(id: number, data: Partial<{ title: string; statement: string; why: string; how_to_apply: string; order_index: number }>): Promise<Rule> {
+  return apiPatch(`/api/rules/${id}`, data);
+}
+
+export async function deleteRule(id: number): Promise<void> {
+  return apiDelete(`/api/rules/${id}`);
+}
+
+// ── Subscriptions ──────────────────────────────────────────────────
+
+export async function subscribeProject(projectId: number, rulebookId: number): Promise<void> {
+  await apiPost(`/api/projects/${projectId}/rulebook-subscriptions`, { rulebook_id: rulebookId });
+}
+
+export async function unsubscribeProject(projectId: number, rulebookId: number): Promise<void> {
+  return apiDelete(`/api/projects/${projectId}/rulebook-subscriptions/${rulebookId}`);
+}
+
+export async function getProjectApplicableRules(projectId: number): Promise<ApplicableRules> {
+  return apiGet(`/api/projects/${projectId}/rules`);
+}

frontend/src/api/trash.ts

@@ -0,0 +1,28 @@
+import { apiGet, apiPost, apiDelete } from "@/api/client";
+
+export interface TrashItem {
+  type: string;
+  id: number;
+  title: string;
+}
+
+export interface TrashBatch {
+  batch_id: string;
+  deleted_at: string | null;
+  summary: string;
+  count: number;
+  items: TrashItem[];
+}
+
+export async function listTrash(): Promise<TrashBatch[]> {
+  const data = await apiGet<{ batches: TrashBatch[] }>("/api/trash");
+  return data.batches;
+}
+
+export async function restoreBatch(batchId: string): Promise<void> {
+  await apiPost(`/api/trash/${batchId}/restore`, {});
+}
+
+export async function purgeBatch(batchId: string): Promise<void> {
+  return apiDelete(`/api/trash/${batchId}`);
+}

frontend/src/assets/editor-shared.css

@@ -50,34 +50,42 @@
   border-color: var(--color-primary);
   color: var(--color-primary);
 }
+/* Save: Moss action-primary per the Hybrid rule. Saving is "operating
+   the software" — not a brand moment. Accent gradient is reserved for
+   Send / empty-state CTAs. */
 .btn-save {
   padding: 0.45rem 1.1rem;
-  background: linear-gradient(135deg, #6366f1, #4f46e5);
+  background: var(--color-action-primary);
   color: #fff;
   border: none;
   border-radius: var(--radius-sm);
   cursor: pointer;
-  font-weight: 600;
+  font-weight: 500;
   font-size: 0.875rem;
-  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.28);
-  transition: box-shadow 0.15s, opacity 0.15s;
+  transition: background 0.15s, opacity 0.15s;
 }
 .btn-save:hover:not(:disabled) {
-  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.42);
-  opacity: 0.95;
+  background: var(--color-action-primary-hover);
 }
 .btn-save:disabled {
   opacity: 0.55;
   cursor: default;
 }
+/* Delete: Oxblood action-destructive per Hybrid rule. Should be paired
+   with a Trash icon at the call site to reinforce intent. */
 .btn-delete {
   padding: 0.45rem 1rem;
-  background: var(--color-danger);
+  background: var(--color-action-destructive);
   color: #fff;
   border: none;
   border-radius: var(--radius-sm);
   cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  font-weight: 500;
 }
+.btn-delete:hover { background: var(--color-action-destructive-hover); }
 .btn-assist-toggle {
   margin-left: auto;
   padding: 0.4rem 0.9rem;
@@ -99,7 +107,7 @@
   border-bottom: 1.5px solid var(--color-border);
   border-radius: 0;
   font-size: 1.5rem;
-  font-weight: 700;
+  font-weight: 500;
   font-family: "Fraunces", Georgia, serif;
   background: transparent;
   color: var(--color-text);
@@ -112,7 +120,6 @@
 }
 .title-input::placeholder {
   color: var(--color-text-muted);
-  font-style: italic;
   font-weight: 400;
 }
 .editor-tabs {
@@ -225,7 +232,7 @@
 .assist-panel-title {
   flex: 1;
   font-size: 0.8rem;
-  font-weight: 700;
+  font-weight: 500;
   color: var(--color-text-secondary);
   text-transform: uppercase;
   letter-spacing: 0.05em;
@@ -269,7 +276,7 @@
 /* Section list */
 .assist-sections-label {
   font-size: 0.72rem;
-  font-weight: 700;
+  font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.04em;
   color: var(--color-text-muted);
@@ -362,7 +369,6 @@
 .assist-streaming-label {
   font-size: 0.8rem;
   color: var(--color-text-secondary);
-  font-style: italic;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -391,7 +397,6 @@
   padding: 0.5rem 0.75rem;
   font-size: 0.8rem;
   color: var(--color-text-muted);
-  font-style: italic;
   text-align: center;
 }
 
@@ -411,7 +416,7 @@
   align-items: center;
   justify-content: space-between;
   font-size: 0.8rem;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-text-secondary);
 }
 .btn-toggle-view {
@@ -454,7 +459,7 @@
   width: 1rem;
   text-align: center;
   user-select: none;
-  font-weight: 700;
+  font-weight: 500;
 }
 .diff-text {
   flex: 1;
@@ -464,7 +469,6 @@
 .diff-empty {
   padding: 0.5rem;
   color: var(--color-text-muted);
-  font-style: italic;
   font-size: 0.82rem;
 }
 .assist-actions {
@@ -562,7 +566,7 @@
   border: none;
   border-bottom: 1px solid var(--color-border);
   font-size: 0.85rem;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-text-secondary);
   cursor: pointer;
   text-align: left;
@@ -581,7 +585,7 @@
 }
 .sb-label {
   font-size: 0.78rem;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-text-secondary);
   text-transform: uppercase;
   letter-spacing: 0.04em;

frontend/src/assets/prose.css

@@ -1,5 +1,8 @@
 .prose {
-  line-height: 1.6;
+  /* Long-form reading line-height per the design system —
+     reading surfaces (notes, tasks, journal, assistant bubbles) want 1.7
+     so prose breathes like a book, not a UI snippet. */
+  line-height: 1.7;
 }
 
 .prose h1 {

frontend/src/assets/theme.css

@@ -1,129 +1,147 @@
-@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Inter:ital,wght@0,400;0,500;1,400&family=JetBrains+Mono:ital,wght@0,400;1,400&display=swap');
 
 :root {
-  --color-bg: #f5f5fb;
-  --color-bg-secondary: #ededf5;
-  --color-bg-card: #ffffff;
-  --color-surface: #f0f0f8;
-  --color-text: #1a1a1a;
-  --color-text-secondary: #666666;
-  --color-text-muted: #999999;
-  --color-border: #dddde8;
-  --color-input-border: #c8c8d8;
-  --color-primary: #7c3aed;
-  --color-danger: #d93025;
-  --color-tag-bg: #ede5ff;
-  --color-tag-text: #6d28d9;
+  /* Light mode — warm parchment palette */
+  --color-bg: #F5F1E8;
+  --color-bg-secondary: #FBF8F0;
+  --color-bg-card: #FBF8F0;
+  --color-surface: #EFEAE0;
+  --color-text: #14171A;
+  --color-text-secondary: #5A5852;
+  --color-text-muted: #9A9890;
+  --color-border: #D9D6CE;
+  --color-input-border: #D9D6CE;
+  --color-primary: #5B4A8A;
+  --color-danger: #C04A1F;
+  --color-tag-bg: rgba(91, 74, 138, 0.12);
+  --color-tag-text: #5B4A8A;
   --color-shadow: rgba(0, 0, 0, 0.08);
-  --color-toast-success: #34a853;
-  --color-toast-error: #d93025;
-  --color-status-todo: #5f6368;
-  --color-status-todo-bg: #e8eaed;
-  --color-status-in-progress: #7c3aed;
-  --color-status-in-progress-bg: #ede5ff;
-  --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: #f0f0f8;
-  --color-code-inline-bg: #eaeaf4;
-  --color-table-stripe: #f4f4fb;
-  --color-success: #22c55e;
-  --color-warning: #eab308;
-  --color-input-bar-bg: #eaeaf3;
-  --color-input-bar-text: #1a1a1a;
-  --color-input-bar-placeholder: rgba(0, 0, 0, 0.4);
+  --color-toast-success: #4A5D3F;
+  --color-toast-error: #C04A1F;
+  --color-status-todo: #3F4651;
+  --color-status-todo-bg: rgba(63, 70, 81, 0.10);
+  --color-status-in-progress: #5B4A8A;
+  --color-status-in-progress-bg: rgba(91, 74, 138, 0.12);
+  --color-status-done: #4A5D3F;
+  --color-status-done-bg: rgba(74, 93, 63, 0.12);
+  --color-priority-low: #3D5A6E;
+  --color-priority-low-bg: rgba(61, 90, 110, 0.12);
+  --color-priority-medium: #8B6F1E;
+  --color-priority-medium-bg: rgba(139, 111, 30, 0.12);
+  --color-priority-high: #C04A1F;
+  --color-priority-high-bg: rgba(192, 74, 31, 0.12);
+  --color-wikilink: #5B4A8A;
+  --color-wikilink-bg: rgba(91, 74, 138, 0.12);
+  --color-overdue: #C04A1F;
+  --color-code-bg: #EBEDF0;
+  --color-code-inline-bg: #EBEDF0;
+  --color-table-stripe: rgba(20, 23, 26, 0.025);
+  --color-success: #4A5D3F;
+  --color-warning: #8B6F1E;
+  --color-input-bar-bg: #EFEAE0;
+  --color-input-bar-text: #14171A;
+  --color-input-bar-placeholder: rgba(20, 23, 26, 0.4);
   --color-overlay: rgba(0, 0, 0, 0.45);
-  --color-bubble-user-bg: rgba(0, 0, 0, 0.04);
-  --color-bubble-user-border: rgba(0, 0, 0, 0.10);
-  --color-bubble-user-text: #3a3a4a;
-  --color-bubble-asst-shadow: 0 2px 16px rgba(124, 58, 237, 0.10), 0 1px 4px rgba(0, 0, 0, 0.06);
+  --color-bubble-user-bg: transparent;
+  --color-bubble-user-border: #D9D6CE;
+  --color-bubble-user-text: #5A5852;
+  --color-bubble-asst-shadow: 0 2px 14px rgba(91, 74, 138, 0.06), 0 1px 4px rgba(0, 0, 0, 0.05);
+  --color-primary-solid: #5B4A8A;
+  --color-primary-deep: #3F3560;
+  --gradient-cta: linear-gradient(135deg, var(--color-primary-solid), var(--color-primary-deep));
+  --glow-cta: 0 2px 10px rgba(91, 74, 138, 0.35);
+  --glow-cta-hover: 0 4px 20px rgba(91, 74, 138, 0.55);
+  --glow-soft: 0 0 16px rgba(91, 74, 138, 0.35);
+  --color-primary-faint: rgba(91, 74, 138, 0.08);
+  --color-primary-tint: rgba(91, 74, 138, 0.12);
+  --color-primary-wash: rgba(91, 74, 138, 0.20);
+
+  /* Action color set — Hybrid rule: action buttons use these, accent reserved for brand moments */
+  --color-action-primary: #4A5D3F;
+  --color-action-primary-hover: #5A6F4D;
+  --color-action-secondary: #8B7355;
+  --color-action-secondary-hover: #A0876A;
+  --color-action-destructive: #6B2118;
+  --color-action-destructive-hover: #7E2A1F;
+  --color-action-ghost-border: #3F4651;
+
   --radius-sm: 6px;
   --radius-md: 12px;
   --radius-lg: 18px;
   --radius-pill: 9999px;
-  --focus-ring: 0 0 0 2px rgba(124, 58, 237, 0.4);
+  --focus-ring: 0 0 0 2px rgba(91, 74, 138, 0.5);
   /* Layout */
   --page-max-width: 1200px;
   --page-padding-x: 1rem;
   --sidebar-width: 260px;
-  --color-accent-warm: #b8860b;
-  --color-accent-warm-light: #d4a017;
-  --color-primary-solid: #7c3aed;
-  --color-primary-deep: #5b21b6;
-  /* Reusable brand patterns */
-  --gradient-cta: linear-gradient(135deg, var(--color-primary-solid), var(--color-primary-deep));
-  --glow-cta: 0 2px 10px rgba(124, 58, 237, 0.35);
-  --glow-cta-hover: 0 4px 20px rgba(124, 58, 237, 0.55);
-  --glow-soft: 0 0 16px rgba(124, 58, 237, 0.35);
-  --color-primary-faint: rgba(124, 58, 237, 0.08);
-  --color-primary-tint: rgba(124, 58, 237, 0.12);
-  --color-primary-wash: rgba(124, 58, 237, 0.20);
+  --chat-reading-width: min(1200px, 100%);
+  --chat-context-sidebar-width: 220px;
 }
 
 [data-theme="dark"] {
-  --color-bg: #0f0f14;
-  --color-bg-secondary: #16161f;
-  --color-bg-card: #1a1a24;
-  --color-surface: #16161f;
-  --color-text: #e4e4f0;
-  --color-text-secondary: #8888a8;
-  --color-text-muted: #52526a;
-  --color-border: rgba(124, 58, 237, 0.22);
-  --color-input-border: rgba(124, 58, 237, 0.35);
-  --color-primary: #a78bfa;
-  --color-danger: #f44336;
-  --color-tag-bg: #2a2a45;
-  --color-tag-text: #c4b5fd;
+  /* Dark mode — Obsidian / Iron / Pewter */
+  --color-bg: #14171A;
+  --color-bg-secondary: #1E2228;
+  --color-bg-card: #1E2228;
+  --color-surface: #2C313A;
+  --color-text: #E8E4D8;
+  --color-text-secondary: #C2BFB4;
+  --color-text-muted: #9C9A92;
+  --color-border: #3F4651;
+  --color-input-border: #3F4651;
+  --color-primary: #5B4A8A;
+  --color-danger: #C04A1F;
+  --color-tag-bg: rgba(91, 74, 138, 0.15);
+  --color-tag-text: #5B4A8A;
   --color-shadow: rgba(0, 0, 0, 0.4);
-  --color-toast-success: #4caf50;
-  --color-toast-error: #f44336;
-  --color-status-todo: #9aa0a6;
-  --color-status-todo-bg: #2a2a35;
-  --color-status-in-progress: #a78bfa;
-  --color-status-in-progress-bg: #2a2a45;
-  --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: #c4b5fd;
-  --color-wikilink-bg: #2a1a45;
-  --color-overdue: #f44336;
-  --color-code-bg: #12121a;
-  --color-code-inline-bg: #1a1a2a;
-  --color-table-stripe: #14141e;
-  --color-success: #4ade80;
-  --color-warning: #facc15;
-  --color-input-bar-bg: #1a1a24;
-  --color-input-bar-text: #e4e4f0;
-  --color-input-bar-placeholder: rgba(228, 228, 240, 0.35);
+  --color-toast-success: #4A5D3F;
+  --color-toast-error: #C04A1F;
+  --color-status-todo: #3F4651;
+  --color-status-todo-bg: rgba(63, 70, 81, 0.18);
+  --color-status-in-progress: #5B4A8A;
+  --color-status-in-progress-bg: rgba(91, 74, 138, 0.18);
+  --color-status-done: #4A5D3F;
+  --color-status-done-bg: rgba(74, 93, 63, 0.18);
+  --color-priority-low: #3D5A6E;
+  --color-priority-low-bg: rgba(61, 90, 110, 0.18);
+  --color-priority-medium: #8B6F1E;
+  --color-priority-medium-bg: rgba(139, 111, 30, 0.18);
+  --color-priority-high: #C04A1F;
+  --color-priority-high-bg: rgba(192, 74, 31, 0.18);
+  --color-wikilink: #5B4A8A;
+  --color-wikilink-bg: rgba(91, 74, 138, 0.18);
+  --color-overdue: #C04A1F;
+  --color-code-bg: #14171A;
+  --color-code-inline-bg: #1E2228;
+  --color-table-stripe: rgba(255, 255, 255, 0.025);
+  --color-success: #4A5D3F;
+  --color-warning: #8B6F1E;
+  --color-input-bar-bg: #1E2228;
+  --color-input-bar-text: #E8E4D8;
+  --color-input-bar-placeholder: rgba(232, 228, 216, 0.35);
   --color-overlay: rgba(0, 0, 0, 0.65);
-  --color-bubble-user-bg: rgba(255, 255, 255, 0.04);
-  --color-bubble-user-border: rgba(255, 255, 255, 0.10);
-  --color-bubble-user-text: #b0b0c8;
-  --color-bubble-asst-shadow: 0 4px 28px rgba(124, 58, 237, 0.14), 0 2px 8px rgba(0, 0, 0, 0.4);
-  --color-accent-warm: #d4a017;
-  --color-accent-warm-light: #e8c45a;
-  --color-primary-solid: #7c3aed;
-  --color-primary-deep: #5b21b6;
+  --color-bubble-user-bg: transparent;
+  --color-bubble-user-border: #3F4651;
+  --color-bubble-user-text: #C2BFB4;
+  --color-bubble-asst-shadow: 0 4px 28px rgba(91, 74, 138, 0.14), 0 2px 8px rgba(0, 0, 0, 0.4);
+  --color-primary-solid: #5B4A8A;
+  --color-primary-deep: #3F3560;
   --gradient-cta: linear-gradient(135deg, var(--color-primary-solid), var(--color-primary-deep));
-  --glow-cta: 0 2px 12px rgba(124, 58, 237, 0.45);
-  --glow-cta-hover: 0 4px 24px rgba(124, 58, 237, 0.65);
-  --glow-soft: 0 0 18px rgba(124, 58, 237, 0.4);
-  --color-primary-faint: rgba(124, 58, 237, 0.10);
-  --color-primary-tint: rgba(124, 58, 237, 0.14);
-  --color-primary-wash: rgba(124, 58, 237, 0.22);
+  --glow-cta: 0 2px 12px rgba(91, 74, 138, 0.45);
+  --glow-cta-hover: 0 4px 24px rgba(91, 74, 138, 0.65);
+  --glow-soft: 0 0 18px rgba(91, 74, 138, 0.4);
+  --color-primary-faint: rgba(91, 74, 138, 0.10);
+  --color-primary-tint: rgba(91, 74, 138, 0.14);
+  --color-primary-wash: rgba(91, 74, 138, 0.22);
+
+  /* Action color set — identical across themes */
+  --color-action-primary: #4A5D3F;
+  --color-action-primary-hover: #5A6F4D;
+  --color-action-secondary: #8B7355;
+  --color-action-secondary-hover: #A0876A;
+  --color-action-destructive: #6B2118;
+  --color-action-destructive-hover: #7E2A1F;
+  --color-action-ghost-border: #3F4651;
 }
 
 *,
@@ -136,15 +154,34 @@ 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;
+  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, sans-serif;
+  font-feature-settings: "cv11";
   line-height: 1.5;
   transition: background-color 0.2s, color 0.2s;
 }
 
-h1, h2, h3 {
+h1, h2 {
   font-family: 'Fraunces', Georgia, serif;
   font-optical-sizing: auto;
+  font-weight: 500;
+  line-height: 1.3;
+}
+
+h3 {
+  font-family: 'Inter', system-ui, sans-serif;
+  font-weight: 500;
+  line-height: 1.3;
+}
+
+code, pre, kbd, samp {
+  font-family: 'JetBrains Mono', ui-monospace, "SF Mono", Menlo, Consolas, monospace;
+  font-feature-settings: "liga", "calt";
+}
+
+::selection {
+  background: rgba(91, 74, 138, 0.3);
+  color: var(--color-text);
 }
 
 input:focus-visible,
@@ -182,7 +219,7 @@ button:not(:disabled):active,
   }
 }
 
-/* Thin indigo-tinted scrollbars */
+/* Neutral hairline scrollbars — chrome is structural, not branded */
 ::-webkit-scrollbar {
   width: 4px;
   height: 4px;
@@ -191,11 +228,11 @@ button:not(:disabled):active,
   background: transparent;
 }
 ::-webkit-scrollbar-thumb {
-  background: rgba(124, 58, 237, 0.25);
+  background: var(--color-border);
   border-radius: 9999px;
 }
 ::-webkit-scrollbar-thumb:hover {
-  background: rgba(124, 58, 237, 0.45);
+  background: var(--color-text-muted);
 }
 
 /* Floating inline assist button (teleported to body, cannot be scoped) */

frontend/src/components/AppHeader.vue

@@ -4,49 +4,20 @@ import { useRouter, useRoute } from "vue-router";
 import { useTheme } from "@/composables/useTheme";
 import { useShortcuts } from "@/composables/useShortcuts";
 import { useAuthStore } from "@/stores/auth";
-import { useChatStore } from "@/stores/chat";
 import AppLogo from "@/components/AppLogo.vue";
 import NotificationBell from "@/components/NotificationBell.vue";
+import { Sun, Moon, Settings, Trash2 } from "lucide-vue-next";
 
 const { theme, toggleTheme } = useTheme();
 const { toggleShortcuts } = useShortcuts();
 const authStore = useAuthStore();
-const chatStore = useChatStore();
 const router = useRouter();
 const route = useRoute();
 
-const isChatActive = computed(() => route.path.startsWith("/chat"))
-const isKnowledgeActive = computed(() => route.path === "/" || route.path === "/knowledge");
+const isKnowledgeActive = computed(() => route.path === "/knowledge");
 
 const mobileMenuOpen = ref(false);
 
-const statusShortLabel = computed(() => {
-  if (chatStore.ollamaStatus === "unavailable") return "Offline";
-  if (chatStore.ollamaStatus === "checking") return "Checking";
-  if (chatStore.modelStatus === "not_found") return "No model";
-  if (chatStore.modelStatus === "cold") return "Cold";
-  if (chatStore.modelStatus === "loaded") return "Ready";
-  return "Checking";
-});
-
-const statusLabel = computed(() => {
-  if (chatStore.ollamaStatus === "unavailable") return "Ollama unavailable";
-  if (chatStore.ollamaStatus === "checking") return "Checking...";
-  if (chatStore.modelStatus === "not_found") return "Model not installed";
-  if (chatStore.modelStatus === "cold") return "Model cold — first response may be slow";
-  if (chatStore.modelStatus === "loaded") return "Model loaded · ready";
-  return "Checking...";
-});
-
-const statusClass = computed(() => {
-  if (chatStore.ollamaStatus === "unavailable") return "status-red";
-  if (chatStore.ollamaStatus === "checking") return "status-gray";
-  if (chatStore.modelStatus === "not_found") return "status-orange";
-  if (chatStore.modelStatus === "cold") return "status-yellow";
-  if (chatStore.modelStatus === "loaded") return "status-green";
-  return "status-gray";
-});
-
 function toggleMobileMenu() {
   mobileMenuOpen.value = !mobileMenuOpen.value;
 }
@@ -74,36 +45,32 @@ router.afterEach(() => {
       <!-- Center: primary navigation (desktop) -->
       <div class="nav-center">
         <div class="nav-pill-bar">
-          <router-link to="/" class="nav-link" :class="{ 'router-link-active': isKnowledgeActive }">Knowledge</router-link>
-          <router-link to="/chat" :class="['nav-link', { 'router-link-active': isChatActive }]">Chat</router-link>
-          <router-link to="/briefing" class="nav-link">Briefing</router-link>
+          <router-link to="/knowledge" class="nav-link" :class="{ 'router-link-active': isKnowledgeActive }">Knowledge</router-link>
           <router-link to="/calendar" class="nav-link">Calendar</router-link>
-          <router-link to="/news" class="nav-link">News</router-link>
           <router-link to="/projects" class="nav-link">Projects</router-link>
+          <router-link to="/rules" class="nav-link">Rulebooks</router-link>
         </div>
       </div>
 
-      <!-- Right: status + utilities + gear + user -->
+      <!-- Right: utilities + gear + user -->
       <div class="nav-right">
-        <span class="status-indicator" :class="statusClass" :title="statusLabel">
-          <span class="status-dot"></span>
-          <span class="status-text">{{ statusShortLabel }}</span>
-        </span>
-
         <NotificationBell />
 
         <button class="btn-icon" @click="toggleShortcuts" title="Keyboard shortcuts (?)">?</button>
 
         <button class="btn-icon" @click="toggleTheme" :title="`Switch to ${theme === 'dark' ? 'light' : 'dark'} mode`">
-          {{ theme === "dark" ? "\u2600" : "\u263E" }}
+          <Sun v-if="theme === 'dark'" :size="16" />
+          <Moon v-else :size="16" />
         </button>
 
+        <!-- Trash link -->
+        <router-link to="/trash" class="btn-icon" aria-label="Trash" title="Trash">
+          <Trash2 :size="16" />
+        </router-link>
+
         <!-- Settings link -->
         <router-link to="/settings" class="btn-icon" aria-label="Settings" title="Settings">
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <circle cx="12" cy="12" r="3"/>
-            <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/>
-          </svg>
+          <Settings :size="16" />
         </router-link>
 
         <div class="user-info">
@@ -123,23 +90,19 @@ router.afterEach(() => {
 
     <!-- Mobile dropdown -->
     <div v-if="mobileMenuOpen" class="mobile-menu">
-      <router-link to="/" class="nav-link" :class="{ 'router-link-active': isKnowledgeActive }">Knowledge</router-link>
-      <router-link to="/chat" :class="['nav-link', { 'router-link-active': isChatActive }]">Chat</router-link>
-      <router-link to="/briefing" class="nav-link">Briefing</router-link>
+      <router-link to="/knowledge" class="nav-link" :class="{ 'router-link-active': isKnowledgeActive }">Knowledge</router-link>
       <router-link to="/calendar" class="nav-link">Calendar</router-link>
       <router-link to="/projects" class="nav-link">Projects</router-link>
-      <router-link to="/news" class="nav-link">News</router-link>
+      <router-link to="/rules" class="nav-link">Rulebooks</router-link>
       <router-link to="/shared" class="nav-link">Shared</router-link>
       <div class="mobile-divider"></div>
+      <router-link to="/trash" class="nav-link">Trash</router-link>
       <router-link to="/settings" class="nav-link">Settings</router-link>
       <div class="mobile-divider"></div>
       <div class="mobile-actions">
-        <span class="status-indicator" :class="statusClass" :title="statusLabel">
-          <span class="status-dot"></span>
-          <span class="status-text">{{ statusShortLabel }}</span>
-        </span>
         <button class="btn-icon" @click="toggleShortcuts">?</button>
-        <button class="btn-icon" @click="toggleTheme">{{ theme === "dark" ? "\u2600" : "\u263E" }}</button>
+        <button class="btn-icon" @click="toggleTheme"><Sun v-if="theme === 'dark'" :size="16" />
+          <Moon v-else :size="16" /></button>
       </div>
       <div class="mobile-user">
         <span class="username">{{ authStore.user?.username }}</span>
@@ -153,7 +116,7 @@ router.afterEach(() => {
 <style scoped>
 .app-header {
   background: linear-gradient(180deg, var(--color-surface), var(--color-bg));
-  border-bottom: 1px solid rgba(124, 58, 237, 0.18);
+  border-bottom: 1px solid rgba(91, 74, 138, 0.18);
   position: relative;
 }
 .nav {
@@ -174,9 +137,8 @@ router.afterEach(() => {
 }
 .brand-text {
   font-family: 'Fraunces', Georgia, serif;
-  font-style: italic;
   font-optical-sizing: auto;
-  font-weight: 600;
+  font-weight: 500;
   font-size: 1rem;
   letter-spacing: -0.01em;
   color: #c4b0f0;
@@ -208,7 +170,7 @@ router.afterEach(() => {
 }
 
 .nav-link {
-  color: var(--color-text-muted);
+  color: var(--color-text-secondary);
   text-decoration: none;
   font-size: 0.82rem;
   padding: 0.3rem 0.75rem;
@@ -216,14 +178,14 @@ router.afterEach(() => {
   transition: background 0.15s, color 0.15s;
 }
 .nav-link:hover {
-  color: var(--color-text-secondary);
+  color: var(--color-text);
   background: var(--color-primary-tint);
 }
 .nav-link.router-link-active {
-  color: #c4b5fd;
-  font-weight: 600;
-  background: rgba(124, 58, 237, 0.25);
-  box-shadow: 0 0 16px rgba(124, 58, 237, 0.3);
+  color: var(--color-primary-solid);
+  font-weight: 500;
+  background: rgba(91, 74, 138, 0.25);
+  box-shadow: 0 0 16px rgba(91, 74, 138, 0.3);
 }
 
 /* Status indicator */
@@ -245,10 +207,14 @@ router.afterEach(() => {
   font-weight: 500;
   color: var(--color-text-muted);
 }
-.status-green .status-dot  { background: var(--color-success, #2ecc71); animation: status-pulse 2.5s ease-in-out infinite; }
-.status-yellow .status-dot { background: var(--color-warning, #f59e0b); animation: pulse-dot 2s infinite; }
+/* Status dots are indicator lights, not semantic-palette buttons —
+   they want to read as vital (Moss/Warning/Error are too muted for
+   a "ready" indicator). Hardcoded bright values; the rest of the
+   system still uses the semantic tokens. */
+.status-green .status-dot  { background: #4ade80; animation: status-pulse 2.5s ease-in-out infinite; }
+.status-yellow .status-dot { background: #facc15; animation: pulse-dot 2s infinite; }
 .status-orange .status-dot { background: #f97316; }
-.status-red .status-dot    { background: var(--color-danger, #e74c3c); }
+.status-red .status-dot    { background: #ef4444; }
 .status-gray .status-dot   { background: var(--color-text-muted); animation: pulse-dot 2s infinite; }
 @keyframes pulse-dot {
   0%, 100% { opacity: 1; }
@@ -296,7 +262,7 @@ router.afterEach(() => {
 }
 .admin-badge {
   font-size: 0.65rem;
-  font-weight: 700;
+  font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--color-primary);

frontend/src/components/BriefingSetupWizard.vue

@@ -1,413 +0,0 @@
-<script setup lang="ts">
-import { ref, reactive } from 'vue'
-import {
-  saveBriefingConfig,
-  geocodeAddress,
-  createBriefingFeed,
-  type BriefingConfig,
-} from '@/api/client'
-
-const emit = defineEmits<{ done: [] }>()
-
-const step = ref(1)
-const TOTAL_STEPS = 4
-
-const config = reactive<BriefingConfig>({
-  enabled: true,
-  locations: {},
-  use_caldav_event_locations: false,
-  work_days: [1, 2, 3, 4, 5],
-  slots: { compilation: true, morning: true, midday: false, afternoon: false },
-  notifications: true,
-  temp_unit: 'C',
-})
-
-// Step 2 — locations
-const homeAddress = ref('')
-const workAddress = ref('')
-const geocodingHome = ref(false)
-const geocodingWork = ref(false)
-const homeConfirmed = ref<string | null>(null)
-const workConfirmed = ref<string | null>(null)
-const homeError = ref('')
-const workError = ref('')
-
-async function lookupHome() {
-  if (!homeAddress.value.trim()) return
-  geocodingHome.value = true
-  homeError.value = ''
-  try {
-    const r = await geocodeAddress(homeAddress.value.trim())
-    if (r) {
-      config.locations.home = { label: 'Home', address: homeAddress.value.trim(), lat: r.lat, lon: r.lon }
-      homeConfirmed.value = r.display_name
-    } else {
-      homeError.value = 'Location not found'
-    }
-  } finally {
-    geocodingHome.value = false
-  }
-}
-
-async function lookupWork() {
-  if (!workAddress.value.trim()) return
-  geocodingWork.value = true
-  workError.value = ''
-  try {
-    const r = await geocodeAddress(workAddress.value.trim())
-    if (r) {
-      config.locations.work = { label: 'Work', address: workAddress.value.trim(), lat: r.lat, lon: r.lon }
-      workConfirmed.value = r.display_name
-    } else {
-      workError.value = 'Location not found'
-    }
-  } finally {
-    geocodingWork.value = false
-  }
-}
-
-// Step 3 — work days
-function toggleDay(d: number) {
-  const idx = config.work_days.indexOf(d)
-  if (idx === -1) config.work_days.push(d)
-  else config.work_days.splice(idx, 1)
-  config.work_days.sort()
-}
-
-// Step 4 — RSS feeds
-const newFeedUrl = ref('')
-const pendingFeeds = ref<Array<{ url: string }>>([])
-
-function addPendingFeed() {
-  if (!newFeedUrl.value.trim()) return
-  pendingFeeds.value.push({ url: newFeedUrl.value.trim() })
-  newFeedUrl.value = ''
-}
-function removePendingFeed(i: number) { pendingFeeds.value.splice(i, 1) }
-
-// Finish
-const finishing = ref(false)
-async function finish() {
-  finishing.value = true
-  try {
-    await saveBriefingConfig(config)
-    for (const f of pendingFeeds.value) {
-      try { await createBriefingFeed(f.url) } catch { /* best-effort */ }
-    }
-    emit('done')
-  } finally {
-    finishing.value = false
-  }
-}
-</script>
-
-<template>
-  <Teleport to="body">
-    <div class="wizard-overlay">
-      <div class="wizard-card" role="dialog" aria-label="Briefing Setup">
-        <!-- Progress bar -->
-        <div class="wizard-progress">
-          <div class="wizard-progress-fill" :style="{ width: `${(step / TOTAL_STEPS) * 100}%` }"></div>
-        </div>
-        <div class="wizard-step-label">Step {{ step }} of {{ TOTAL_STEPS }}</div>
-
-        <!-- Step 1: Welcome -->
-        <div v-if="step === 1" class="wizard-body">
-          <h2 class="wizard-title">Good morning.</h2>
-          <p class="wizard-text">
-            The Briefing is a daily conversation that summarises your day — tasks, calendar,
-            weather, and news — and checks in a few times throughout the day.
-          </p>
-          <p class="wizard-text">
-            It learns from your responses over time and adapts to your schedule.
-            Let's take a minute to set it up.
-          </p>
-          <div class="wizard-actions">
-            <button class="btn-wizard-primary" @click="step = 2">Get started</button>
-          </div>
-        </div>
-
-        <!-- Step 2: Locations -->
-        <div v-else-if="step === 2" class="wizard-body">
-          <h2 class="wizard-title">Where are you?</h2>
-          <p class="wizard-text">
-            Enter your home and work addresses. The briefing uses these to fetch weather
-            for the right places. You can skip either one.
-          </p>
-
-          <div class="wizard-field">
-            <label class="wizard-label">Home address</label>
-            <div class="wizard-input-row">
-              <input v-model="homeAddress" class="wizard-input" placeholder="e.g. 123 Main St, Springfield" @keydown.enter="lookupHome" />
-              <button class="btn-wizard-secondary" @click="lookupHome" :disabled="geocodingHome">
-                {{ geocodingHome ? '…' : 'Look up' }}
-              </button>
-            </div>
-            <div v-if="homeConfirmed" class="wizard-confirmed">✓ {{ homeConfirmed }}</div>
-            <div v-if="homeError" class="wizard-error">{{ homeError }}</div>
-          </div>
-
-          <div class="wizard-field">
-            <label class="wizard-label">Work address</label>
-            <div class="wizard-input-row">
-              <input v-model="workAddress" class="wizard-input" placeholder="e.g. 456 Office Ave, Portland" @keydown.enter="lookupWork" />
-              <button class="btn-wizard-secondary" @click="lookupWork" :disabled="geocodingWork">
-                {{ geocodingWork ? '…' : 'Look up' }}
-              </button>
-            </div>
-            <div v-if="workConfirmed" class="wizard-confirmed">✓ {{ workConfirmed }}</div>
-            <div v-if="workError" class="wizard-error">{{ workError }}</div>
-          </div>
-
-          <div class="wizard-actions">
-            <button class="btn-wizard-ghost" @click="step = 1">Back</button>
-            <button class="btn-wizard-primary" @click="step = 3">Continue</button>
-          </div>
-        </div>
-
-        <!-- Step 3: Work schedule -->
-        <div v-else-if="step === 3" class="wizard-body">
-          <h2 class="wizard-title">When do you go to the office?</h2>
-          <p class="wizard-text">
-            The 8am slot is labelled "you're at the office" on days you have marked as office days.
-            Toggle any days you typically commute.
-          </p>
-
-          <div class="wizard-days">
-            <button
-              v-for="(day, idx) in ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']"
-              :key="idx"
-              :class="['wizard-day-btn', { active: config.work_days.includes(idx) }]"
-              @click="toggleDay(idx)"
-              type="button"
-            >{{ day }}</button>
-          </div>
-
-          <div class="wizard-actions">
-            <button class="btn-wizard-ghost" @click="step = 2">Back</button>
-            <button class="btn-wizard-primary" @click="step = 4">Continue</button>
-          </div>
-        </div>
-
-        <!-- Step 4: RSS feeds -->
-        <div v-else-if="step === 4" class="wizard-body">
-          <h2 class="wizard-title">What do you follow?</h2>
-          <p class="wizard-text">
-            Add RSS or Atom feeds and the briefing will summarise recent items each morning.
-            You can add or remove feeds any time in Settings.
-          </p>
-
-          <div v-if="pendingFeeds.length" class="wizard-feeds-list">
-            <div v-for="(f, i) in pendingFeeds" :key="i" class="wizard-feed-row">
-              <span class="wizard-feed-url">{{ f.url }}</span>
-              <button class="btn-wizard-remove" @click="removePendingFeed(i)">✕</button>
-            </div>
-          </div>
-
-          <div class="wizard-add-feed">
-            <input v-model="newFeedUrl" class="wizard-input" placeholder="https://…/feed.xml" style="flex: 1" />
-            <button class="btn-wizard-secondary" @click="addPendingFeed" :disabled="!newFeedUrl.trim()">Add</button>
-          </div>
-
-          <div class="wizard-actions" style="margin-top: 1.5rem">
-            <button class="btn-wizard-ghost" @click="step = 3">Back</button>
-            <button class="btn-wizard-ghost" @click="finish" :disabled="finishing">Skip</button>
-            <button class="btn-wizard-primary" @click="finish" :disabled="finishing">
-              {{ finishing ? 'Setting up…' : 'Enable Briefing' }}
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </Teleport>
-</template>
-
-<style scoped>
-.wizard-overlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.6);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 2000;
-}
-.wizard-card {
-  background: var(--color-bg-card);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-lg, 18px);
-  width: 520px;
-  max-width: 94vw;
-  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
-  overflow: hidden;
-}
-.wizard-progress {
-  height: 3px;
-  background: var(--color-border);
-}
-.wizard-progress-fill {
-  height: 100%;
-  background: var(--gradient-cta);
-  transition: width 0.3s ease;
-}
-.wizard-step-label {
-  font-size: 0.72rem;
-  color: var(--color-text-muted);
-  text-align: right;
-  padding: 0.5rem 1.5rem 0;
-}
-.wizard-body {
-  padding: 1.5rem 2rem 2rem;
-}
-.wizard-title {
-  font-family: 'Fraunces', Georgia, serif;
-  font-size: 1.4rem;
-  font-weight: 700;
-  margin: 0 0 0.75rem;
-  color: var(--color-text);
-}
-.wizard-text {
-  font-size: 0.9rem;
-  color: var(--color-text-muted);
-  line-height: 1.6;
-  margin: 0 0 0.75rem;
-}
-.wizard-field {
-  margin-bottom: 1rem;
-}
-.wizard-label {
-  font-size: 0.82rem;
-  font-weight: 600;
-  color: var(--color-text-muted);
-  display: block;
-  margin-bottom: 0.3rem;
-}
-.wizard-input-row {
-  display: flex;
-  gap: 0.5rem;
-}
-.wizard-input {
-  flex: 1;
-  padding: 0.5rem 0.7rem;
-  border: 1px solid var(--color-border);
-  border-radius: 6px;
-  background: var(--color-bg-card);
-  color: var(--color-text);
-  font-size: 0.9rem;
-  outline: none;
-  font-family: inherit;
-}
-.wizard-input:focus { border-color: var(--color-primary); }
-.wizard-confirmed {
-  font-size: 0.78rem;
-  color: var(--color-success, #22c55e);
-  margin-top: 0.25rem;
-}
-.wizard-error {
-  font-size: 0.78rem;
-  color: var(--color-danger, #ef4444);
-  margin-top: 0.25rem;
-}
-.wizard-days {
-  display: flex;
-  gap: 0.4rem;
-  flex-wrap: wrap;
-  margin: 1rem 0 1.5rem;
-}
-.wizard-day-btn {
-  padding: 0.4rem 0.8rem;
-  border: 1px solid var(--color-border);
-  border-radius: 6px;
-  background: var(--color-bg-card);
-  color: var(--color-text-muted);
-  font-size: 0.85rem;
-  cursor: pointer;
-  transition: all 0.15s;
-  font-family: inherit;
-}
-.wizard-day-btn.active {
-  background: var(--color-primary);
-  border-color: var(--color-primary);
-  color: #fff;
-}
-.wizard-feeds-list {
-  margin-bottom: 0.75rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.3rem;
-}
-.wizard-feed-row {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.35rem 0.6rem;
-  background: var(--color-bg-secondary);
-  border-radius: 6px;
-}
-.wizard-feed-url {
-  flex: 1;
-  font-size: 0.82rem;
-  color: var(--color-text-muted);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.btn-wizard-remove {
-  background: none;
-  border: none;
-  color: var(--color-text-muted);
-  cursor: pointer;
-  font-size: 0.8rem;
-  padding: 0.15rem 0.3rem;
-  border-radius: 4px;
-}
-.btn-wizard-remove:hover { color: var(--color-danger, #ef4444); }
-.wizard-add-feed {
-  display: flex;
-  gap: 0.5rem;
-  flex-wrap: wrap;
-}
-.wizard-actions {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: flex-end;
-  margin-top: 1.5rem;
-}
-.btn-wizard-primary {
-  padding: 0.5rem 1.25rem;
-  background: var(--gradient-cta);
-  color: #fff;
-  border: none;
-  border-radius: 8px;
-  font-size: 0.9rem;
-  font-weight: 600;
-  cursor: pointer;
-  transition: opacity 0.15s;
-  font-family: inherit;
-}
-.btn-wizard-primary:disabled { opacity: 0.5; cursor: not-allowed; }
-.btn-wizard-secondary {
-  padding: 0.5rem 0.9rem;
-  border: 1px solid var(--color-border);
-  border-radius: 6px;
-  background: var(--color-bg-card);
-  color: var(--color-text);
-  font-size: 0.85rem;
-  cursor: pointer;
-  white-space: nowrap;
-  font-family: inherit;
-}
-.btn-wizard-secondary:disabled { opacity: 0.5; cursor: not-allowed; }
-.btn-wizard-ghost {
-  padding: 0.5rem 1rem;
-  border: none;
-  background: none;
-  color: var(--color-text-muted);
-  font-size: 0.85rem;
-  cursor: pointer;
-  border-radius: 6px;
-  font-family: inherit;
-}
-.btn-wizard-ghost:hover { background: var(--color-bg-secondary); }
-.btn-wizard-ghost:disabled { opacity: 0.5; cursor: not-allowed; }
-</style>

frontend/src/components/ChatInputBar.vue

@@ -1,421 +0,0 @@
-<script setup lang="ts">
-import { ref, computed, nextTick } from 'vue'
-import { apiGet, transcribeAudio } from '@/api/client'
-import { useVoiceRecorder } from '@/composables/useVoiceRecorder'
-import { useSilenceDetector } from '@/composables/useSilenceDetector'
-import { useChatStore } from '@/stores/chat'
-import { useSettingsStore } from '@/stores/settings'
-import { useToastStore } from '@/stores/toast'
-import type { Note } from '@/types/note'
-
-const props = withDefaults(defineProps<{
-  /** Textarea placeholder */
-  placeholder?: string
-  /** When true, hides the note picker (briefing mode) */
-  briefingMode?: boolean
-  /** Pill shape — compact rounded style for widget */
-  pill?: boolean
-}>(), {
-  placeholder: 'Type a message… (Enter to send, Shift+Enter for new line)',
-  briefingMode: false,
-  pill: false,
-})
-
-const emit = defineEmits<{
-  submit: [payload: { content: string; contextNoteId?: number }]
-  abort: []
-}>()
-
-const store = useChatStore()
-const settingsStore = useSettingsStore()
-const voiceEnabled = computed(() => settingsStore.voiceSttReady)
-
-// ── Core input ────────────────────────────────────────────────────────────────
-const messageInput = ref('')
-const inputEl = ref<HTMLTextAreaElement | null>(null)
-const wrapperEl = ref<HTMLElement | null>(null)
-
-function autoResize() {
-  const el = inputEl.value
-  if (!el) return
-  el.style.height = 'auto'
-  el.style.height = Math.min(el.scrollHeight, 150) + 'px'
-}
-
-function resetTextareaHeight() {
-  const el = inputEl.value
-  if (!el) return
-  el.style.height = 'auto'
-}
-
-function onInputKeydown(e: KeyboardEvent) {
-  if (e.key === 'Enter' && !e.shiftKey) {
-    e.preventDefault()
-    onSubmit()
-  }
-}
-
-function onSubmit() {
-  const content = messageInput.value.trim()
-  if (!content) return
-  emit('submit', { content, contextNoteId: attachedNote.value?.id })
-  messageInput.value = ''
-  attachedNote.value = null
-  resetTextareaHeight()
-}
-
-// ── Note picker ───────────────────────────────────────────────────────────────
-const attachedNote = ref<{ id: number; title: string } | null>(null)
-const showNotePicker = ref(false)
-const noteSearchQuery = ref('')
-const noteSearchResults = ref<{ id: number; title: string }[]>([])
-const noteSearchLoading = ref(false)
-let noteSearchTimer: ReturnType<typeof setTimeout> | null = null
-
-function toggleNotePicker() {
-  showNotePicker.value = !showNotePicker.value
-  if (showNotePicker.value) {
-    noteSearchQuery.value = ''
-    noteSearchResults.value = []
-    nextTick(() => {
-      (wrapperEl.value?.querySelector('.note-picker-search') as HTMLInputElement)?.focus()
-    })
-  }
-}
-
-function onNoteSearchInput() {
-  if (noteSearchTimer) clearTimeout(noteSearchTimer)
-  noteSearchTimer = setTimeout(async () => {
-    const q = noteSearchQuery.value.trim()
-    if (!q) { noteSearchResults.value = []; return }
-    noteSearchLoading.value = true
-    try {
-      const data = await apiGet<{ notes: Note[] }>(`/api/notes?q=${encodeURIComponent(q)}&all=true&limit=5`)
-      noteSearchResults.value = data.notes.map((n) => ({ id: n.id, title: n.title }))
-    } catch {
-      noteSearchResults.value = []
-    } finally {
-      noteSearchLoading.value = false
-    }
-  }, 250)
-}
-
-function selectNote(note: { id: number; title: string }) {
-  attachedNote.value = note
-  showNotePicker.value = false
-}
-
-function removeAttachedNote() {
-  attachedNote.value = null
-}
-
-// ── Voice (click-to-toggle + silence detection) ─────────────────────────────
-const transcribingVoice = ref(false)
-const recorder = useVoiceRecorder()
-const silenceDetector = useSilenceDetector()
-
-async function toggleVoice() {
-  if (transcribingVoice.value) return
-  if (recorder.recording.value) {
-    await stopRecording()
-  } else {
-    await startRecording()
-  }
-}
-
-async function startRecording() {
-  if (!voiceEnabled.value || recorder.recording.value) return
-  if (!recorder.isSupported) {
-    useToastStore().show('Microphone requires HTTPS or localhost', 'error')
-    return
-  }
-  await recorder.startRecording()
-  if (recorder.error.value) {
-    useToastStore().show(recorder.error.value, 'error')
-    return
-  }
-  if (recorder.stream.value) {
-    silenceDetector.start(recorder.stream.value, () => stopRecording())
-  }
-}
-
-async function stopRecording() {
-  silenceDetector.stop()
-  if (!recorder.recording.value) return
-  transcribingVoice.value = true
-  try {
-    const blob = await recorder.stopRecording()
-    // Pass last assistant message as context to reduce STT mishearings
-    const msgs = store.currentConversation?.messages ?? []
-    const lastAssistant = [...msgs].reverse().find(m => m.role === 'assistant')?.content
-    const { transcript } = await transcribeAudio(blob, lastAssistant)
-    if (transcript.trim()) {
-      messageInput.value = transcript.trim()
-      await nextTick()
-      autoResize()
-      onSubmit()
-    }
-  } catch { /* transcription failed silently */ }
-  finally { transcribingVoice.value = false }
-}
-
-// ── Exposed interface ─────────────────────────────────────────────────────────
-function focus() {
-  inputEl.value?.focus()
-}
-
-function prefill(text: string) {
-  messageInput.value = text
-  nextTick(() => {
-    autoResize()
-    inputEl.value?.focus()
-  })
-}
-
-defineExpose({ focus, prefill })
-</script>
-
-<template>
-  <div ref="wrapperEl" class="chat-input-bar" :class="{ 'chat-input-bar--pill': pill }">
-    <!-- Attached note pill -->
-    <div v-if="attachedNote" class="attached-note">
-      <span class="attached-note-pill">
-        {{ attachedNote.title }}
-        <button class="attached-note-remove" aria-label="Remove" @click="removeAttachedNote">&times;</button>
-      </span>
-    </div>
-
-    <div class="input-row">
-      <!-- Note picker -->
-      <div class="note-picker-wrapper">
-        <button
-          class="btn-icon"
-          @click="toggleNotePicker"
-          :disabled="!store.chatReady"
-          title="Attach a note"
-        >
-          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-            <path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/>
-          </svg>
-        </button>
-        <div v-if="showNotePicker" class="note-picker-dropdown">
-          <input
-            class="note-picker-search"
-            v-model="noteSearchQuery"
-            @input="onNoteSearchInput"
-            placeholder="Search notes..."
-          />
-          <div class="note-picker-results">
-            <div
-              v-for="note in noteSearchResults"
-              :key="note.id"
-              class="note-picker-item"
-              @click="selectNote(note)"
-            >{{ note.title || 'Untitled' }}</div>
-            <div v-if="noteSearchLoading" class="note-picker-empty">Searching...</div>
-            <div v-else-if="noteSearchQuery && !noteSearchResults.length" class="note-picker-empty">No notes found</div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Textarea -->
-      <textarea
-        ref="inputEl"
-        v-model="messageInput"
-        @keydown="onInputKeydown"
-        @input="autoResize"
-        :placeholder="!store.chatReady ? 'Chat unavailable' : store.streaming ? 'Type to queue… (Enter to queue)' : placeholder"
-        :disabled="!store.chatReady"
-        rows="1"
-        class="input-textarea"
-      ></textarea>
-
-      <!-- PTT mic -->
-      <button
-        v-if="voiceEnabled"
-        class="btn-icon btn-mic"
-        :class="{ 'mic-recording': recorder.recording.value, 'mic-transcribing': transcribingVoice }"
-        @click.prevent="toggleVoice"
-        :disabled="transcribingVoice || !store.chatReady"
-        :title="recorder.recording.value ? 'Click to stop (or wait for silence)' : 'Click to speak'"
-        :aria-label="recorder.recording.value ? 'Stop recording' : 'Start recording'"
-      >
-        <svg v-if="!transcribingVoice" width="17" height="17" viewBox="0 0 24 24" fill="currentColor">
-          <path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/>
-        </svg>
-        <svg v-else width="17" height="17" viewBox="0 0 24 24" fill="currentColor">
-          <circle cx="12" cy="12" r="8" opacity="0.35"/><circle cx="12" cy="12" r="4"/>
-        </svg>
-      </button>
-
-      <!-- Abort (streaming) or Send -->
-      <button
-        v-if="store.streaming"
-        class="btn-abort-inline"
-        @click="emit('abort')"
-        title="Stop generation"
-      >
-        <svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor"><rect width="14" height="14" rx="2"/></svg>
-      </button>
-      <button
-        v-else
-        class="btn-send"
-        @click="onSubmit"
-        :disabled="!messageInput.trim() || !store.chatReady"
-      >&uarr;</button>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.chat-input-bar {
-  width: 100%;
-}
-
-.attached-note {
-  padding: 0.25rem 0.5rem;
-}
-.attached-note-pill {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.2rem;
-  background: var(--color-primary);
-  color: #fff;
-  border-radius: 10px;
-  padding: 0.15rem 0.4rem;
-  font-size: 0.75rem;
-}
-.attached-note-remove {
-  background: none;
-  border: none;
-  color: rgba(255, 255, 255, 0.7);
-  cursor: pointer;
-  font-size: 0.9rem;
-  line-height: 1;
-  padding: 0 0.1rem;
-}
-.attached-note-remove:hover { color: #fff; }
-
-.input-row {
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
-  background: var(--color-input-bar-bg);
-  border-radius: 12px;
-  box-shadow: 0 2px 8px var(--color-shadow);
-}
-
-.chat-input-bar--pill .input-row {
-  border-radius: 24px;
-  padding: 0.6rem 0.6rem 0.6rem 1rem;
-}
-
-.input-textarea {
-  flex: 1;
-  resize: none;
-  padding: 0.35rem 0.5rem;
-  border: none;
-  background: transparent;
-  color: var(--color-input-bar-text);
-  outline: none;
-  font-family: inherit;
-  font-size: 0.9rem;
-  max-height: 150px;
-  overflow-y: auto;
-}
-.input-textarea::placeholder { color: var(--color-input-bar-placeholder); }
-.input-textarea:disabled { opacity: 0.5; }
-
-.btn-icon {
-  background: none;
-  border: none;
-  cursor: pointer;
-  color: var(--color-input-bar-text);
-  opacity: 0.6;
-  padding: 0.2rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--radius-sm);
-  flex-shrink: 0;
-}
-.btn-icon:hover { opacity: 1; }
-.btn-icon:disabled { opacity: 0.3; cursor: default; }
-
-.btn-mic.mic-recording { opacity: 1; color: #ef4444; }
-.btn-mic.mic-transcribing { opacity: 0.5; }
-
-.note-picker-wrapper { position: relative; }
-.note-picker-dropdown {
-  position: absolute;
-  bottom: calc(100% + 8px);
-  left: 0;
-  width: 260px;
-  background: var(--color-bg-card);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-md);
-  box-shadow: 0 4px 16px var(--color-shadow);
-  z-index: 20;
-  overflow: hidden;
-}
-.note-picker-search {
-  width: 100%;
-  padding: 0.45rem 0.65rem;
-  border: none;
-  border-bottom: 1px solid var(--color-border);
-  background: transparent;
-  color: var(--color-text);
-  font-size: 0.85rem;
-  outline: none;
-  font-family: inherit;
-  box-sizing: border-box;
-}
-.note-picker-results { max-height: 180px; overflow-y: auto; }
-.note-picker-item {
-  padding: 0.4rem 0.65rem;
-  cursor: pointer;
-  font-size: 0.85rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.note-picker-item:hover { background: var(--color-bg-secondary); }
-.note-picker-empty { padding: 0.4rem 0.65rem; color: var(--color-text-muted); font-size: 0.8rem; }
-
-.btn-send {
-  width: 30px;
-  min-width: 30px;
-  height: 30px;
-  padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--gradient-cta);
-  color: #fff;
-  border: none;
-  border-radius: 50%;
-  cursor: pointer;
-  font-size: 1rem;
-  flex-shrink: 0;
-  transition: box-shadow 0.15s;
-}
-.btn-send:hover { box-shadow: 0 0 16px rgba(124, 58, 237, 0.35); }
-.btn-send:disabled { opacity: 0.35; cursor: default; box-shadow: none; }
-
-.btn-abort-inline {
-  width: 28px;
-  min-width: 28px;
-  height: 28px;
-  padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
-  border-radius: 50%;
-  cursor: pointer;
-  flex-shrink: 0;
-}
-.btn-abort-inline:hover { border-color: #ef4444; color: #ef4444; }
-</style>

frontend/src/components/ChatMessage.vue

@@ -1,284 +0,0 @@
-<script setup lang="ts">
-import { computed } from "vue";
-import { renderMarkdown } from "@/utils/markdown";
-import { useSettingsStore } from "@/stores/settings";
-import ToolCallCard from "@/components/ToolCallCard.vue";
-import type { Message } from "@/types/chat";
-
-const settingsStore = useSettingsStore();
-
-const props = defineProps<{
-  message: Message;
-  isStreaming?: boolean;
-}>();
-
-const emit = defineEmits<{
-  saveAsNote: [messageId: number];
-}>();
-
-const rendered = computed(() => renderMarkdown(props.message.content));
-
-const formattedTime = computed(() => {
-  if (!props.message.created_at) return "";
-  const date = new Date(props.message.created_at);
-  return date.toLocaleTimeString([], { hour: "numeric", minute: "2-digit" });
-});
-
-const roleLabel = computed(() => {
-  switch (props.message.role) {
-    case "user":
-      return "You";
-    case "assistant":
-      return settingsStore.assistantName;
-    default:
-      return props.message.role;
-  }
-});
-
-function formatMs(ms: number | null | undefined): string {
-  if (ms == null) return "";
-  if (ms < 1000) return `${ms}ms`;
-  return `${(ms / 1000).toFixed(1)}s`;
-}
-
-const timingParts = computed((): string[] => {
-  const t = props.message.timing;
-  if (!t) return [];
-  const parts: string[] = [];
-  if (t.total_ms != null) parts.push(`${formatMs(t.total_ms)} total`);
-  if (t.ttft_ms != null) parts.push(`first token ${formatMs(t.ttft_ms)}`);
-  if (t.intent_ms != null) parts.push(`analyzed ${formatMs(t.intent_ms)}`);
-  for (const tool of t.tools ?? []) {
-    parts.push(`${tool.name.replace(/_/g, " ")} ${formatMs(tool.ms)}`);
-  }
-  if (t.generation_ms != null) parts.push(`generated ${formatMs(t.generation_ms)}`);
-  return parts;
-});
-</script>
-
-<template>
-  <div class="chat-message" :class="`role-${message.role}`">
-    <div class="message-group">
-      <div class="message-bubble">
-        <div class="message-header">
-          <span class="role-label">{{ roleLabel }}</span>
-          <div class="message-actions" v-if="message.role === 'assistant' && !isStreaming">
-            <button class="btn-save" @click="emit('saveAsNote', message.id)" title="Save as note">
-              Save as Note
-            </button>
-          </div>
-        </div>
-        <details v-if="message.thinking" class="thinking-block">
-          <summary class="thinking-summary">Reasoning</summary>
-          <pre class="thinking-text">{{ message.thinking }}</pre>
-        </details>
-        <div class="message-content prose" v-html="rendered"></div>
-        <div v-if="message.tool_calls?.length" class="tool-calls">
-          <ToolCallCard
-            v-for="(tc, i) in message.tool_calls"
-            :key="i"
-            :tool-call="tc"
-          />
-        </div>
-        <div
-          v-if="message.context_note_id"
-          class="context-badge"
-        >
-          <router-link :to="`/notes/${message.context_note_id}`">
-            {{ message.context_note_title || `Note #${message.context_note_id}` }}
-          </router-link>
-        </div>
-      </div>
-      <span v-if="formattedTime" class="message-timestamp">{{ formattedTime }}</span>
-      <div v-if="timingParts.length" class="message-timing">
-        <span class="timing-icon">⏱</span>
-        <span v-for="(part, i) in timingParts" :key="i" class="timing-part">
-          <span v-if="i > 0" class="timing-sep">·</span>{{ part }}
-        </span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.chat-message {
-  display: flex;
-  margin-bottom: 0.75rem;
-}
-.role-user {
-  justify-content: flex-end;
-}
-.role-assistant {
-  justify-content: flex-start;
-}
-
-.message-group {
-  max-width: 80%;
-}
-
-.message-bubble {
-  padding: 0.75rem 1rem;
-  border-radius: 18px;
-}
-
-/* User prompts: recessed, muted — margin notes */
-.role-user .message-bubble {
-  background: var(--color-bubble-user-bg);
-  border: 1px solid var(--color-bubble-user-border);
-  color: var(--color-bubble-user-text);
-  border-bottom-right-radius: 4px;
-}
-
-/* Assistant responses: elevated, lit — the primary text */
-.role-assistant .message-bubble {
-  background: var(--color-bg-card);
-  border-left: 2px solid var(--color-primary);
-  box-shadow: var(--color-bubble-asst-shadow);
-  border-bottom-left-radius: 4px;
-}
-
-.message-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 0.25rem;
-}
-.role-label {
-  font-size: 0.75rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-}
-.role-user .role-label {
-  color: var(--color-text-muted);
-  opacity: 0.6;
-}
-.role-assistant .role-label {
-  color: var(--color-primary);
-  font-family: 'Fraunces', Georgia, serif;
-  font-optical-sizing: auto;
-  font-style: italic;
-  font-size: 0.8rem;
-  text-transform: none;
-  letter-spacing: 0;
-}
-
-.thinking-block {
-  margin-bottom: 0.5rem;
-  border-left: 2px solid rgba(129, 140, 248, 0.35);
-  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
-  overflow: hidden;
-}
-.thinking-summary {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.72rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: var(--color-text-muted);
-  cursor: pointer;
-  user-select: none;
-  list-style: none;
-  display: flex;
-  align-items: center;
-  gap: 0.3rem;
-  background: var(--color-bg-secondary);
-}
-.thinking-summary::-webkit-details-marker { display: none; }
-.thinking-summary::before {
-  content: "▶";
-  font-size: 0.6rem;
-  transition: transform 0.15s;
-}
-details[open] .thinking-summary::before {
-  transform: rotate(90deg);
-}
-.thinking-text {
-  margin: 0;
-  padding: 0.5rem;
-  font-size: 0.8rem;
-  line-height: 1.5;
-  color: var(--color-text-secondary);
-  white-space: pre-wrap;
-  word-break: break-word;
-  max-height: 300px;
-  overflow-y: auto;
-  background: var(--color-bg-secondary);
-}
-.message-content {
-  font-size: 0.95rem;
-  line-height: 1.55;
-  word-break: break-word;
-}
-.message-content :deep(p:last-child) {
-  margin-bottom: 0;
-}
-
-
-.message-actions {
-  display: flex;
-  gap: 0.5rem;
-}
-.btn-save {
-  font-size: 0.7rem;
-  padding: 0.1rem 0.4rem;
-  background: transparent;
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-sm);
-  color: var(--color-text-secondary);
-  cursor: pointer;
-}
-.btn-save:hover {
-  background: var(--color-primary);
-  color: #fff;
-  border-color: var(--color-primary);
-}
-.tool-calls {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.3rem;
-  margin-top: 0.4rem;
-}
-.context-badge {
-  margin-top: 0.4rem;
-  font-size: 0.75rem;
-}
-.context-badge a {
-  color: var(--color-primary);
-  text-decoration: none;
-}
-.role-user .context-badge a {
-  color: rgba(255, 255, 255, 0.8);
-}
-.context-badge a:hover {
-  text-decoration: underline;
-}
-
-.message-timestamp {
-  display: block;
-  font-size: 0.7rem;
-  color: var(--color-text-muted);
-  margin-top: 0.15rem;
-  padding: 0 0.5rem;
-}
-.message-timing {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 0.2rem;
-  padding: 0.1rem 0.5rem 0;
-  font-size: 0.68rem;
-  color: var(--color-text-muted);
-  opacity: 0.7;
-}
-.timing-icon {
-  font-size: 0.65rem;
-}
-.timing-part {
-  white-space: nowrap;
-}
-.timing-sep {
-  margin-right: 0.2rem;
-  opacity: 0.5;
-}
-</style>

frontend/src/components/ChatPanel.vue

@@ -1,894 +0,0 @@
-<script setup lang="ts">
-import { ref, computed, watch, nextTick, onMounted } from 'vue'
-import { useChatStore } from '@/stores/chat'
-import { useSettingsStore } from '@/stores/settings'
-import { useStreamingTts } from '@/composables/useStreamingTts'
-import { useVoiceAudio, setVoiceVolume } from '@/composables/useVoiceAudio'
-import { useListenMode } from '@/composables/useListenMode'
-import { apiGet } from '@/api/client'
-import ChatMessage from '@/components/ChatMessage.vue'
-import ChatStreamingBubble from '@/components/ChatStreamingBubble.vue'
-import ChatInputBar from '@/components/ChatInputBar.vue'
-import ToolCallCard from '@/components/ToolCallCard.vue'
-import type { Message, ToolCallRecord } from '@/types/chat'
-
-const props = withDefaults(defineProps<{
-  variant: 'full' | 'widget'
-  /** Workspace: pins RAG scope and workspace_project_id */
-  projectId?: number
-  /** Briefing: hides scope chip, hides note picker */
-  briefingMode?: boolean
-  /** Hides input bar — for read-only historical views */
-  readOnly?: boolean
-  placeholder?: string
-  autoFocus?: boolean
-}>(), {
-  briefingMode: false,
-  readOnly: false,
-  autoFocus: false,
-})
-
-const emit = defineEmits<{
-  /** Widget only: emitted when a new conversation is created */
-  'conversation-started': [convId: number]
-}>()
-
-const store = useChatStore()
-const settingsStore = useSettingsStore()
-
-// ── Voice / TTS ───────────────────────────────────────────────────────────────
-const voiceTtsEnabled = computed(() => settingsStore.voiceTtsReady)
-const listenMode = useListenMode()
-const audio = useVoiceAudio()
-const showVolumeSlider = ref(false)
-
-const tts = useStreamingTts({
-  streamingContent: computed(() => store.streamingContent),
-  streaming: computed(() => store.streaming),
-  enabled: computed(() => listenMode.value && voiceTtsEnabled.value),
-})
-
-function lastAssistantContent(): string {
-  const msgs = store.currentConversation?.messages ?? []
-  return [...msgs].reverse().find((m) => m.role === 'assistant')?.content ?? ''
-}
-
-function toggleListen() {
-  listenMode.value = !listenMode.value
-  if (listenMode.value) {
-    tts.speak(lastAssistantContent())
-  } else {
-    tts.stop()
-  }
-}
-
-// ── Scroll ────────────────────────────────────────────────────────────────────
-const messagesEl = ref<HTMLElement | null>(null)
-
-function scrollToBottom() {
-  nextTick(() => {
-    if (messagesEl.value) {
-      messagesEl.value.scrollTop = messagesEl.value.scrollHeight
-    }
-  })
-}
-
-watch(() => store.streamingContent, () => scrollToBottom())
-watch(() => store.currentConversation?.messages.length, () => scrollToBottom())
-
-// Notify CalendarView when an event is created/updated/deleted via tool
-const _calendarToolNames = new Set(['create_event', 'update_event', 'delete_event'])
-const _seenCalendarToolIdx = new Set<number>()
-watch(() => store.streamingToolCalls, (calls) => {
-  calls.forEach((tc, i) => {
-    if (!_seenCalendarToolIdx.has(i) && _calendarToolNames.has(tc.function) && tc.status === 'success') {
-      _seenCalendarToolIdx.add(i)
-      document.dispatchEvent(new CustomEvent('fable:calendar-changed'))
-    }
-  })
-}, { deep: true })
-watch(() => store.streaming, (s) => { if (!s) _seenCalendarToolIdx.clear() })
-
-// ── RAG scope chip (full, non-briefing, non-workspace) ────────────────────────
-const projects = ref<{ id: number; title: string }[]>([])
-const scopeDropdownOpen = ref(false)
-const scopePulse = ref(false)
-
-const showScopeChip = computed(
-  () => props.variant === 'full' && !props.briefingMode && !props.projectId
-)
-
-const scopeLabel = computed(() => {
-  const id = store.ragProjectId
-  if (id === -1) return 'All notes'
-  if (id === null) return 'Orphan notes'
-  return projects.value.find((p) => p.id === id)?.title ?? `Project ${id}`
-})
-
-async function loadProjects() {
-  try {
-    const data = await apiGet<{ projects: { id: number; title: string }[] }>('/api/projects?status=active')
-    projects.value = data.projects ?? []
-  } catch {
-    projects.value = []
-  }
-}
-
-async function onScopeSelect(value: number | null) {
-  scopeDropdownOpen.value = false
-  const convId = store.currentConversation?.id
-  if (!convId) return
-  await store.updateRagScope(convId, value)
-  scopePulse.value = true
-  setTimeout(() => { scopePulse.value = false }, 600)
-}
-
-// Pulse when model-driven scope change fires
-watch(() => store.ragProjectId, () => {
-  if (!showScopeChip.value) return
-  scopePulse.value = true
-  setTimeout(() => { scopePulse.value = false }, 600)
-})
-
-// ── Note context (full variant — included / suggested / auto-injected notes) ──
-const includedNoteIds = ref<Set<number>>(new Set())
-const includedNotes = ref<{ id: number; title: string }[]>([])
-const suggestedNotes = ref<{ id: number; title: string; score?: number | null }[]>([])
-const autoInjectedNotes = ref<{ id: number; title: string; score?: number | null }[]>([])
-const excludedNoteIds = ref<number[]>([])
-
-watch(
-  () => store.lastContextMeta,
-  (meta) => {
-    if (!meta || props.variant !== 'full') return
-    const alreadyIncluded = includedNoteIds.value
-    const alreadyAutoInjected = new Set(autoInjectedNotes.value.map((n) => n.id))
-    const alreadySuggested = new Set(suggestedNotes.value.map((n) => n.id))
-
-    for (const note of meta.auto_injected_notes ?? []) {
-      if (!alreadyAutoInjected.has(note.id) && !alreadyIncluded.has(note.id)) {
-        autoInjectedNotes.value.push(note)
-        alreadyAutoInjected.add(note.id)
-      }
-    }
-    for (const note of meta.auto_notes ?? []) {
-      if (note.auto_injected) {
-        if (!alreadyAutoInjected.has(note.id) && !alreadyIncluded.has(note.id)) {
-          autoInjectedNotes.value.push(note)
-          alreadyAutoInjected.add(note.id)
-        }
-      } else {
-        if (!alreadyIncluded.has(note.id) && !alreadySuggested.has(note.id) && !alreadyAutoInjected.has(note.id)) {
-          suggestedNotes.value.push(note)
-        }
-      }
-    }
-  }
-)
-
-function includeNote(note: { id: number; title: string }) {
-  if (includedNoteIds.value.has(note.id)) return
-  includedNoteIds.value = new Set([...includedNoteIds.value, note.id])
-  includedNotes.value.push(note)
-  suggestedNotes.value = suggestedNotes.value.filter((n) => n.id !== note.id)
-  autoInjectedNotes.value = autoInjectedNotes.value.filter((n) => n.id !== note.id)
-}
-
-function excludeAutoNote(noteId: number) {
-  autoInjectedNotes.value = autoInjectedNotes.value.filter((n) => n.id !== noteId)
-  if (!excludedNoteIds.value.includes(noteId)) {
-    excludedNoteIds.value = [...excludedNoteIds.value, noteId]
-  }
-}
-
-function removeIncludedNote(noteId: number) {
-  includedNoteIds.value = new Set([...includedNoteIds.value].filter((id) => id !== noteId))
-  const removed = includedNotes.value.find((n) => n.id === noteId)
-  includedNotes.value = includedNotes.value.filter((n) => n.id !== noteId)
-  if (removed && !suggestedNotes.value.some((n) => n.id === noteId)) {
-    suggestedNotes.value.push(removed)
-  }
-}
-
-const hasContextSidebar = computed(
-  () => props.variant === 'full' && !props.briefingMode && !props.projectId &&
-    (autoInjectedNotes.value.length > 0 || includedNotes.value.length > 0 || suggestedNotes.value.length > 0)
-)
-
-// ── Send ──────────────────────────────────────────────────────────────────────
-const inputBarRef = ref<InstanceType<typeof ChatInputBar> | null>(null)
-
-async function onSubmit(payload: { content: string; contextNoteId?: number }) {
-  if (props.variant === 'widget') {
-    await widgetSend(payload)
-    return
-  }
-  if (!store.currentConversation) return
-  await store.sendMessage(
-    payload.content,
-    payload.contextNoteId,
-    includedNoteIds.value.size ? [...includedNoteIds.value] : undefined,
-    true,
-    undefined,
-    excludedNoteIds.value.length ? excludedNoteIds.value : undefined,
-    props.projectId ?? store.ragProjectId,
-    props.projectId ?? undefined,
-  )
-  scrollToBottom()
-  nextTick(() => inputBarRef.value?.focus())
-}
-
-// ── Widget state ──────────────────────────────────────────────────────────────
-const widgetConvId = ref<number | null>(null)
-const widgetQuery = ref('')
-const widgetDone = ref(false)
-const widgetFinalContent = ref('')
-const widgetFinalToolCalls = ref<ToolCallRecord[]>([])
-
-const isConversational = computed(
-  () => widgetDone.value && widgetFinalToolCalls.value.length === 0
-)
-
-function clearWidget() {
-  widgetConvId.value = null
-  widgetDone.value = false
-  widgetQuery.value = ''
-  widgetFinalContent.value = ''
-  widgetFinalToolCalls.value = []
-}
-
-async function widgetSend(payload: { content: string; contextNoteId?: number }) {
-  widgetConvId.value = null
-  widgetDone.value = false
-  widgetFinalContent.value = ''
-  widgetFinalToolCalls.value = []
-  widgetQuery.value = payload.content
-
-  const conv = await store.createConversation()
-  await store.fetchConversation(conv.id)
-  widgetConvId.value = conv.id
-  emit('conversation-started', conv.id)
-
-  await store.sendMessage(payload.content, payload.contextNoteId, undefined, true)
-
-  const msgs = store.currentConversation?.messages ?? []
-  const lastAssistant = [...msgs].reverse().find((m: Message) => m.role === 'assistant')
-  widgetFinalContent.value = lastAssistant?.content ?? ''
-  widgetFinalToolCalls.value = (lastAssistant?.tool_calls ?? []) as ToolCallRecord[]
-  widgetDone.value = true
-}
-
-// ── Save as note ──────────────────────────────────────────────────────────────
-async function handleSaveAsNote(messageId: number) {
-  try {
-    await store.saveMessageAsNote(messageId)
-    const { useToastStore } = await import('@/stores/toast')
-    useToastStore().show('Saved as note')
-  } catch {
-    const { useToastStore } = await import('@/stores/toast')
-    useToastStore().show('Failed to save as note', 'error')
-  }
-}
-
-// ── Lifecycle ─────────────────────────────────────────────────────────────────
-onMounted(async () => {
-  if (showScopeChip.value) await loadProjects()
-  if (props.autoFocus) nextTick(() => inputBarRef.value?.focus())
-})
-
-// ── Exposed ───────────────────────────────────────────────────────────────────
-function focus() {
-  inputBarRef.value?.focus()
-}
-
-function prefill(text: string) {
-  inputBarRef.value?.prefill(text)
-}
-
-async function send(text: string) {
-  await onSubmit({ content: text })
-}
-
-defineExpose({ focus, prefill, send })
-</script>
-
-<template>
-  <!-- ═══════════════════════════════ FULL VARIANT ══════════════════════════════ -->
-  <template v-if="variant === 'full'">
-    <div class="chat-body" :class="{ 'chat-body--has-sidebar': hasContextSidebar }">
-      <!-- Message list -->
-      <div ref="messagesEl" class="messages-container">
-        <div class="messages-inner">
-          <template
-            v-for="(msg, index) in store.currentConversation?.messages ?? []"
-            :key="msg.id"
-          >
-            <!-- Briefing slot separator: shown before a 2nd+ briefing slot message -->
-            <div
-              v-if="briefingMode && index > 0 && msg.role === 'assistant' && msg.metadata?.rss_item_ids"
-              class="briefing-slot-separator"
-            >
-              <span>New Briefing Update</span>
-            </div>
-            <ChatMessage
-              :message="msg"
-              @save-as-note="handleSaveAsNote"
-            />
-          </template>
-          <!-- Streaming bubble -->
-          <ChatStreamingBubble v-if="store.streaming" />
-          <!-- Queued messages -->
-          <template v-if="store.queuedMessages.length">
-            <div
-              v-for="(q, i) in store.queuedMessages"
-              :key="`queued-${i}`"
-              class="chat-message role-user queued-message"
-            >
-              <div class="message-bubble queued-bubble">
-                <div class="queued-badge">Queued</div>
-                <div class="message-content">{{ q.content }}</div>
-              </div>
-            </div>
-            <div class="queued-clear-row">
-              <button class="queued-clear-btn" @click="store.clearQueue()">
-                Cancel {{ store.queuedMessages.length }} queued
-              </button>
-            </div>
-          </template>
-          <p
-            v-if="!store.currentConversation?.messages.length && !store.streaming"
-            class="empty-msg"
-          >Start a conversation.</p>
-        </div>
-      </div>
-
-      <!-- Context sidebar (full, non-briefing, non-workspace) -->
-      <aside v-if="hasContextSidebar" class="context-sidebar">
-        <template v-if="autoInjectedNotes.length">
-          <div class="context-sidebar-header">Auto-included</div>
-          <div v-for="note in autoInjectedNotes" :key="note.id" class="context-note context-note-auto">
-            <router-link :to="`/notes/${note.id}`" class="context-note-name">{{ note.title }}</router-link>
-            <span
-              v-if="note.score != null"
-              class="context-note-score"
-              :class="{ 'score-high': note.score >= 0.75, 'score-medium': note.score >= 0.60 && note.score < 0.75, 'score-low': note.score < 0.60 }"
-            >{{ Math.round(note.score * 100) }}%</span>
-            <button class="context-note-remove" @click="excludeAutoNote(note.id)">&times;</button>
-          </div>
-        </template>
-        <template v-if="suggestedNotes.length">
-          <div class="context-sidebar-header" :class="{ 'context-sidebar-header-gap': autoInjectedNotes.length }">Suggested</div>
-          <div v-for="note in suggestedNotes" :key="note.id" class="context-note context-note-suggested">
-            <router-link :to="`/notes/${note.id}`" class="context-note-name">{{ note.title }}</router-link>
-            <span
-              v-if="note.score != null"
-              class="context-note-score"
-              :class="{ 'score-high': note.score >= 0.75, 'score-medium': note.score >= 0.60 && note.score < 0.75, 'score-low': note.score < 0.60 }"
-            >{{ Math.round(note.score * 100) }}%</span>
-            <button class="context-note-add" @click="includeNote(note)" title="Add to context">+</button>
-          </div>
-        </template>
-        <template v-if="includedNotes.length">
-          <div class="context-sidebar-header" :class="{ 'context-sidebar-header-gap': autoInjectedNotes.length || suggestedNotes.length }">In Context</div>
-          <div v-for="note in includedNotes" :key="note.id" class="context-note context-note-included">
-            <router-link :to="`/notes/${note.id}`" class="context-note-name">{{ note.title }}</router-link>
-            <button class="context-note-remove" @click="removeIncludedNote(note.id)">&times;</button>
-          </div>
-        </template>
-      </aside>
-    </div>
-
-    <!-- Input area (hidden when readOnly) -->
-    <div v-if="!readOnly" class="input-wrapper">
-      <!-- Scope chip -->
-      <div v-if="showScopeChip" class="scope-chip-row">
-        <div class="scope-chip-wrapper">
-          <button
-            class="scope-chip"
-            :class="{ pulse: scopePulse }"
-            @click="scopeDropdownOpen = !scopeDropdownOpen"
-            title="Change RAG scope"
-          >
-            <span class="scope-dot">⊙</span> {{ scopeLabel }}
-          </button>
-          <div v-if="scopeDropdownOpen" class="scope-dropdown">
-            <button class="scope-option" :class="{ active: store.ragProjectId === null }" @click="onScopeSelect(null)">Orphan notes only</button>
-            <button
-              v-for="p in projects"
-              :key="p.id"
-              class="scope-option"
-              :class="{ active: store.ragProjectId === p.id }"
-              @click="onScopeSelect(p.id)"
-            >{{ p.title }}</button>
-            <button class="scope-option" :class="{ active: store.ragProjectId === -1 }" @click="onScopeSelect(-1)">All notes</button>
-          </div>
-        </div>
-      </div>
-
-      <!-- Listen / volume controls -->
-      <div v-if="voiceTtsEnabled" class="voice-controls">
-        <div class="volume-wrapper">
-          <button
-            class="btn-voice"
-            :class="{ 'btn-voice--active': listenMode, 'btn-voice--busy': tts.speaking.value }"
-            @click="toggleListen"
-            :title="listenMode ? 'Stop auto-read' : 'Read responses aloud'"
-            aria-label="Toggle listen mode"
-          >
-            <svg v-if="!tts.speaking.value" width="17" height="17" viewBox="0 0 24 24" fill="currentColor">
-              <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
-            </svg>
-            <svg v-else width="17" height="17" viewBox="0 0 24 24" fill="currentColor">
-              <path d="M18 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C21.8 14.82 22 13.43 22 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/>
-            </svg>
-          </button>
-          <button
-            class="btn-voice btn-volume-icon"
-            @click="showVolumeSlider = !showVolumeSlider"
-            :title="`Volume: ${Math.round(audio.volume.value * 100)}%`"
-            aria-label="Volume"
-          >
-            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
-              <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z"/>
-            </svg>
-          </button>
-          <div v-if="showVolumeSlider" class="volume-popup">
-            <input
-              type="range" min="0" max="1" step="0.05"
-              :value="audio.volume.value"
-              @input="setVoiceVolume(+($event.target as HTMLInputElement).value)"
-              class="volume-range"
-              aria-label="Volume"
-            />
-            <span class="volume-pct">{{ Math.round(audio.volume.value * 100) }}%</span>
-          </div>
-        </div>
-        <button
-          v-if="tts.speaking.value"
-          class="btn-voice"
-          @click="tts.stop()"
-          title="Stop playback"
-        >
-          <svg width="13" height="13" viewBox="0 0 14 14" fill="currentColor"><rect width="14" height="14" rx="2"/></svg>
-        </button>
-      </div>
-
-      <!-- Unified input bar -->
-      <ChatInputBar
-        ref="inputBarRef"
-        :placeholder="placeholder"
-        :briefing-mode="briefingMode"
-        @submit="onSubmit"
-        @abort="store.cancelGeneration()"
-      />
-    </div>
-  </template>
-
-  <!-- ══════════════════════════════ WIDGET VARIANT ══════════════════════════════ -->
-  <template v-else>
-    <ChatInputBar
-      ref="inputBarRef"
-      pill
-      :placeholder="placeholder ?? 'Start a new chat… (Enter to send)'"
-      :briefing-mode="false"
-      @submit="onSubmit"
-      @abort="store.cancelGeneration()"
-    />
-
-    <!-- Inline response area -->
-    <div v-if="widgetConvId" class="widget-response">
-      <div class="widget-query">{{ widgetQuery }}</div>
-
-      <!-- Tool calls -->
-      <div v-if="store.streaming && store.streamingToolCalls.length" class="widget-tool-calls">
-        <ToolCallCard v-for="(tc, i) in store.streamingToolCalls" :key="i" :tool-call="tc" />
-      </div>
-      <div v-else-if="widgetDone && widgetFinalToolCalls.length" class="widget-tool-calls">
-        <ToolCallCard v-for="(tc, i) in widgetFinalToolCalls" :key="i" :tool-call="tc" />
-      </div>
-
-      <!-- Streaming / final text -->
-      <div v-if="store.streaming" class="widget-text streaming">
-        <div v-if="store.streamingStatus && !store.streamingContent" class="widget-status">
-          <span class="widget-status-dot"></span>{{ store.streamingStatus }}
-        </div>
-        <span v-else-if="store.streamingContent">{{ store.streamingContent }}</span>
-        <span v-else class="thinking-dots">...</span>
-      </div>
-      <div v-else-if="widgetDone && widgetFinalContent" class="widget-text">
-        {{ widgetFinalContent }}
-      </div>
-
-      <!-- Actions -->
-      <div class="widget-actions" :class="{ conversational: isConversational }">
-        <router-link
-          :to="`/chat/${widgetConvId}`"
-          class="btn-open-chat"
-          :class="{ prominent: isConversational }"
-        >{{ isConversational ? 'Continue the conversation →' : 'Think it through in Chat →' }}</router-link>
-        <button class="btn-clear-response" @click="clearWidget">Clear</button>
-      </div>
-    </div>
-  </template>
-</template>
-
-<style scoped>
-/* ── Full variant layout ── */
-.chat-body {
-  flex: 1;
-  display: flex;
-  min-height: 0;
-  overflow: hidden;
-}
-
-.messages-container {
-  flex: 1;
-  overflow-y: auto;
-  padding: 1rem;
-  mask-image: linear-gradient(to bottom, transparent, black 20px, black calc(100% - 20px), transparent);
-  -webkit-mask-image: linear-gradient(to bottom, transparent, black 20px, black calc(100% - 20px), transparent);
-}
-.messages-inner {
-  display: flex;
-  flex-direction: column;
-  min-height: 100%;
-  justify-content: flex-end;
-}
-
-/* Briefing slot separator */
-.briefing-slot-separator {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  margin: 1.25rem 0 0.5rem;
-  color: var(--color-text-muted, #888);
-  font-size: 0.7rem;
-  font-weight: 600;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  opacity: 0.7;
-}
-.briefing-slot-separator::before,
-.briefing-slot-separator::after {
-  content: '';
-  flex: 1;
-  height: 1px;
-  background: var(--color-border, #333);
-  opacity: 0.5;
-}
-
-/* Context sidebar */
-.context-sidebar {
-  width: 200px;
-  min-width: 160px;
-  max-width: 220px;
-  border-left: 1px solid var(--color-border);
-  padding: 0.75rem 0.5rem;
-  overflow-y: auto;
-  background: var(--color-bg-secondary);
-  font-size: 0.78rem;
-}
-.context-sidebar-header {
-  font-size: 0.65rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--color-text-muted);
-  margin-bottom: 0.35rem;
-}
-.context-sidebar-header-gap { margin-top: 0.75rem; }
-.context-note {
-  display: flex;
-  align-items: center;
-  gap: 0.2rem;
-  margin-bottom: 0.25rem;
-}
-.context-note-name {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--color-text);
-  text-decoration: none;
-  font-size: 0.78rem;
-}
-.context-note-name:hover { color: var(--color-primary); }
-.context-note-score {
-  font-size: 0.65rem;
-  padding: 0.05rem 0.25rem;
-  border-radius: 4px;
-  background: var(--color-bg);
-}
-.score-high { color: #22c55e; }
-.score-medium { color: #f59e0b; }
-.score-low { color: var(--color-text-muted); }
-.context-note-remove, .context-note-add {
-  background: none;
-  border: none;
-  cursor: pointer;
-  color: var(--color-text-muted);
-  font-size: 0.9rem;
-  line-height: 1;
-  padding: 0 0.1rem;
-  flex-shrink: 0;
-}
-.context-note-remove:hover { color: #ef4444; }
-.context-note-add:hover { color: var(--color-primary); }
-
-/* Input wrapper */
-.input-wrapper {
-  border-top: 1px solid var(--color-border);
-  padding: 0.5rem 1rem 0.75rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.4rem;
-}
-
-/* Scope chip */
-.scope-chip-row { display: flex; }
-.scope-chip-wrapper { position: relative; }
-.scope-chip {
-  display: flex;
-  align-items: center;
-  gap: 0.3rem;
-  background: none;
-  border: 1px solid var(--color-border);
-  border-radius: 20px;
-  padding: 0.2rem 0.65rem;
-  font-size: 0.75rem;
-  color: var(--color-text-muted);
-  cursor: pointer;
-  transition: border-color 0.15s, color 0.15s;
-}
-.scope-chip:hover { border-color: var(--color-primary); color: var(--color-primary); }
-.scope-chip.pulse { animation: pulse-chip 0.6s ease; }
-@keyframes pulse-chip {
-  0%, 100% { border-color: var(--color-border); }
-  50% { border-color: var(--color-primary); color: var(--color-primary); box-shadow: 0 0 6px rgba(99,102,241,0.4); }
-}
-.scope-dot { font-size: 0.6rem; }
-.scope-dropdown {
-  position: absolute;
-  top: calc(100% + 4px);
-  left: 0;
-  min-width: 180px;
-  background: var(--color-bg-card);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-md);
-  box-shadow: 0 4px 16px var(--color-shadow);
-  z-index: 20;
-  overflow: hidden;
-}
-.scope-option {
-  display: block;
-  width: 100%;
-  padding: 0.45rem 0.75rem;
-  text-align: left;
-  background: none;
-  border: none;
-  font-size: 0.85rem;
-  color: var(--color-text);
-  cursor: pointer;
-}
-.scope-option:hover { background: var(--color-bg-secondary); }
-.scope-option.active { color: var(--color-primary); font-weight: 600; }
-
-/* Voice controls */
-.voice-controls {
-  display: flex;
-  align-items: center;
-  gap: 0.2rem;
-}
-.volume-wrapper { position: relative; display: flex; align-items: center; gap: 0.1rem; }
-.btn-voice {
-  background: none;
-  border: none;
-  cursor: pointer;
-  color: var(--color-text-muted);
-  opacity: 0.65;
-  padding: 0.2rem;
-  display: flex;
-  align-items: center;
-  border-radius: var(--radius-sm);
-  transition: opacity 0.15s, color 0.15s;
-}
-.btn-voice:hover { opacity: 1; }
-.btn-voice--active { opacity: 1; color: var(--color-primary); }
-.btn-voice--busy { opacity: 1; color: #f59e0b; }
-.volume-popup {
-  position: absolute;
-  bottom: calc(100% + 8px);
-  left: 0;
-  background: var(--color-bg-card);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-md);
-  padding: 0.5rem 0.75rem;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  z-index: 20;
-  box-shadow: 0 4px 16px var(--color-shadow);
-}
-.volume-range { width: 80px; }
-.volume-pct { font-size: 0.75rem; color: var(--color-text-muted); white-space: nowrap; }
-
-/* Queued messages */
-.queued-message { opacity: 0.45; }
-.queued-bubble {
-  background: var(--color-bg-secondary);
-  border: 1px dashed var(--color-border);
-  border-radius: var(--radius-md);
-  padding: 0.5rem 0.75rem;
-  font-size: 0.85rem;
-}
-.queued-badge {
-  font-size: 0.65rem;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--color-text-muted);
-  font-weight: 700;
-  margin-bottom: 0.2rem;
-}
-.queued-clear-row {
-  display: flex;
-  justify-content: center;
-  padding: 0.25rem 0;
-}
-.queued-clear-btn {
-  background: none;
-  border: none;
-  font-size: 0.75rem;
-  color: var(--color-text-muted);
-  cursor: pointer;
-  text-decoration: underline;
-}
-
-.empty-msg {
-  color: var(--color-text-muted);
-  font-size: 0.9rem;
-  text-align: center;
-  padding: 2rem 1rem;
-  font-family: 'Fraunces', Georgia, serif;
-  font-style: italic;
-  color: var(--color-accent-warm, #d4a017);
-}
-
-/* ── Widget variant ── */
-.widget-response {
-  margin-top: 0.75rem;
-  background: var(--color-bg-card);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-lg);
-  padding: 0.75rem 1rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.widget-query {
-  font-size: 0.8rem;
-  color: var(--color-text-muted);
-  font-style: italic;
-}
-.widget-text {
-  font-size: 0.9rem;
-  line-height: 1.55;
-  color: var(--color-text);
-}
-.widget-text.streaming { color: var(--color-text-muted); }
-.thinking-dots { color: var(--color-text-muted); letter-spacing: 0.2em; }
-.widget-status {
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-  font-size: 0.8rem;
-  color: var(--color-text-muted);
-}
-.widget-status-dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: var(--color-primary);
-  animation: blink 1s infinite;
-  flex-shrink: 0;
-}
-@keyframes blink { 0%, 100% { opacity: 0.3; } 50% { opacity: 1; } }
-.widget-tool-calls { display: flex; flex-direction: column; gap: 0.25rem; }
-.widget-actions {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding-top: 0.25rem;
-  border-top: 1px solid var(--color-border);
-  flex-wrap: wrap;
-}
-.btn-open-chat {
-  font-size: 0.8rem;
-  color: var(--color-text-muted);
-  text-decoration: none;
-}
-.btn-open-chat:hover { color: var(--color-primary); }
-.btn-open-chat.prominent {
-  font-size: 0.9rem;
-  color: var(--color-primary);
-  font-weight: 600;
-}
-.btn-clear-response {
-  background: none;
-  border: none;
-  font-size: 0.75rem;
-  color: var(--color-text-muted);
-  cursor: pointer;
-  margin-left: auto;
-}
-.btn-clear-response:hover { color: var(--color-text); }
-
-/* Streaming bubble styles — applied via :deep to ChatStreamingBubble children */
-:deep(.streaming-bubble) {
-  max-width: 85%;
-  padding: 0.75rem 1rem;
-  border-radius: 16px 16px 16px 4px;
-  background: var(--color-bg-card);
-  border-left: 2px solid var(--color-primary);
-  box-shadow: 0 1px 4px var(--color-shadow);
-}
-:deep(.streaming-tool-calls) { margin-bottom: 0.5rem; }
-:deep(.streaming-status-line) {
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-  font-size: 0.8rem;
-  color: var(--color-text-muted);
-  margin-bottom: 0.25rem;
-}
-:deep(.streaming-status-dot) {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: var(--color-primary);
-  animation: blink 1s infinite;
-  flex-shrink: 0;
-}
-:deep(.thinking-block) {
-  margin-bottom: 0.5rem;
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-sm);
-  overflow: hidden;
-}
-:deep(.thinking-summary) {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.72rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: var(--color-text-muted);
-  cursor: pointer;
-  list-style: none;
-  background: var(--color-bg-secondary);
-  display: flex;
-  align-items: center;
-  gap: 0.3rem;
-}
-:deep(.thinking-summary::-webkit-details-marker) { display: none; }
-:deep(.thinking-text) {
-  margin: 0;
-  padding: 0.5rem;
-  font-size: 0.8rem;
-  color: var(--color-text-secondary);
-  white-space: pre-wrap;
-  word-break: break-word;
-  max-height: 300px;
-  overflow-y: auto;
-  background: var(--color-bg-secondary);
-  border-top: 1px solid var(--color-border);
-}
-:deep(.typing-indicator) {
-  display: inline-block;
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: var(--color-primary);
-  animation: blink 1s infinite;
-  margin-left: 4px;
-  vertical-align: middle;
-}
-</style>

frontend/src/components/ChatStreamingBubble.vue

@@ -1,56 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-import { useChatStore } from '@/stores/chat'
-import { useSettingsStore } from '@/stores/settings'
-import { renderMarkdown } from '@/utils/markdown'
-import ToolCallCard from '@/components/ToolCallCard.vue'
-import ToolConfirmCard from '@/components/ToolConfirmCard.vue'
-
-const store = useChatStore()
-const settingsStore = useSettingsStore()
-
-const streamingRendered = computed(() => {
-  if (!store.streamingContent) return ''
-  return renderMarkdown(store.streamingContent)
-})
-</script>
-
-<template>
-  <div class="chat-message role-assistant">
-    <div class="message-bubble streaming-bubble">
-      <div class="message-header">
-        <span class="role-label">{{ settingsStore.assistantName }}</span>
-      </div>
-      <div v-if="store.streamingToolCalls.length" class="streaming-tool-calls">
-        <ToolCallCard
-          v-for="(tc, i) in store.streamingToolCalls"
-          :key="i"
-          :tool-call="tc"
-        />
-      </div>
-      <ToolConfirmCard
-        v-if="store.streamingPendingTool"
-        :pending-tool="store.streamingPendingTool"
-        @accept="store.confirmTool(true)"
-        @decline="store.confirmTool(false)"
-      />
-      <div v-if="store.streamingStatus" class="streaming-status-line">
-        <span class="streaming-status-dot"></span>
-        {{ store.streamingStatus }}
-      </div>
-      <details
-        v-if="store.streamingThinking"
-        class="thinking-block"
-        :open="!store.streamingContent"
-      >
-        <summary class="thinking-summary">Reasoning</summary>
-        <pre class="thinking-text">{{ store.streamingThinking }}</pre>
-      </details>
-      <div class="message-content prose" v-html="streamingRendered"></div>
-      <span
-        v-if="!store.streamingStatus && !store.streamingThinking && !store.streamingContent"
-        class="typing-indicator"
-      ></span>
-    </div>
-  </div>
-</template>

frontend/src/components/DiffView.vue

@@ -124,7 +124,6 @@ function markerFor(type: DiffLine['type']): string {
   padding: 0.75rem;
   font-size: 0.85rem;
   color: var(--color-text-muted);
-  font-style: italic;
 }
 
 .diff-line {
@@ -153,7 +152,6 @@ function markerFor(type: DiffLine['type']): string {
 .diff-collapse {
   color: var(--color-text-muted);
   opacity: 0.6;
-  font-style: italic;
   border-top: 1px dashed var(--color-border);
   border-bottom: 1px dashed var(--color-border);
   padding-top: 0.2rem;

frontend/src/components/EventSlideOver.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { Trash2, X } from "lucide-vue-next";
 import { ref, computed, watch, onMounted, onUnmounted } from "vue";
 import { createEvent, updateEvent, deleteEvent, type EventEntry, type EventCreatePayload, type EventUpdatePayload } from "@/api/client";
 import ProjectSelector from "@/components/ProjectSelector.vue";
@@ -36,6 +37,36 @@ const description = ref("");
 const location = ref("");
 const color = ref("");
 const projectId = ref<number | null>(null);
+const recurrence = ref<string>("");
+
+// Preset RRULE strings. The select binds to `recurrencePreset`, which writes
+// through to `recurrence`. CalDAV-imported rules with extra parts
+// (e.g. `FREQ=WEEKLY;BYDAY=MO,WE,FR`) fall through to "custom" and the raw
+// string is shown read-only below the select.
+const RECURRENCE_PRESETS: Record<string, string> = {
+  none: "",
+  daily: "FREQ=DAILY",
+  weekly: "FREQ=WEEKLY",
+  monthly: "FREQ=MONTHLY",
+  yearly: "FREQ=YEARLY",
+};
+
+const recurrencePreset = computed<string>({
+  get() {
+    const r = (recurrence.value || "").trim();
+    if (!r) return "none";
+    for (const [key, val] of Object.entries(RECURRENCE_PRESETS)) {
+      if (val && val === r) return key;
+    }
+    return "custom";
+  },
+  set(key: string) {
+    if (key === "custom") return; // no-op; can't pick custom from dropdown
+    recurrence.value = RECURRENCE_PRESETS[key] ?? "";
+  },
+});
+
+const isCustomRecurrence = computed(() => recurrencePreset.value === "custom");
 
 function dateFromIso(iso: string): string {
   const d = new Date(iso);
@@ -114,6 +145,7 @@ function resetForm() {
     location.value = props.event.location || "";
     color.value = props.event.color || "";
     projectId.value = props.event.project_id;
+    recurrence.value = props.event.recurrence || "";
     _lastDurationMin = !allDay.value && startTime.value && endTime.value ? durationMin(startTime.value, endTime.value) : 60;
     if (_lastDurationMin <= 0) _lastDurationMin = 60;
   } else {
@@ -129,6 +161,7 @@ function resetForm() {
     location.value = "";
     color.value = "";
     projectId.value = null;
+    recurrence.value = "";
     _lastDurationMin = 60;
   }
   deleteConfirm.value = false;
@@ -176,26 +209,69 @@ watch(() => props.event, resetForm, { immediate: true });
 watch(() => props.initialDate, resetForm);
 
 function handleKeydown(e: KeyboardEvent) {
-  if (e.key === "Escape") emit("close");
+  if (e.key === "Escape") {
+    if (deleteConfirm.value) {
+      // Esc cancels the delete-confirm rather than closing the modal —
+      // gives the user a clear way out of the destructive prompt.
+      deleteConfirm.value = false;
+      return;
+    }
+    attemptClose();
+  }
 }
 
 onMounted(() => document.addEventListener("keydown", handleKeydown));
 onUnmounted(() => document.removeEventListener("keydown", handleKeydown));
 
-async function save() {
+// ── Close / save flow ─────────────────────────────────────────────────────────
+//
+// All exit paths (X button, Esc, backdrop click) funnel through `attemptClose`.
+// The Save button is gone — explicit-commit is replaced with auto-save-on-close.
+//
+// Validity-aware behavior:
+//   - Form valid → save (PATCH for edit, POST for create), then close.
+//   - Form invalid in EDIT mode → discard the in-memory change and close.
+//     A toast tells the user what happened so they don't think their edit
+//     silently landed.
+//   - Form invalid in CREATE mode → close silently (nothing existed to begin
+//     with; no need to call this out).
+
+function isFormValid(): { valid: boolean; reason?: string } {
   if (!title.value.trim()) {
-    toast.show("Title is required", "error");
-    return;
+    return { valid: false, reason: "Title required" };
   }
   if (!startDate.value) {
-    toast.show("Start date is required", "error");
-    return;
+    return { valid: false, reason: "Start date required" };
   }
   if (!allDay.value && !startTime.value) {
-    toast.show("Start time is required", "error");
-    return;
+    return { valid: false, reason: "Start time required" };
   }
+  return { valid: true };
+}
 
+let _closing = false;
+
+async function attemptClose() {
+  if (_closing) return;
+  _closing = true;
+  try {
+    const validity = isFormValid();
+    if (!validity.valid) {
+      if (isEditMode.value) {
+        toast.show(`${validity.reason} — change discarded`, "warning");
+      }
+      // Create mode + invalid: silent close. Nothing was committed.
+      emit("close");
+      return;
+    }
+    await save();
+    emit("close");
+  } finally {
+    _closing = false;
+  }
+}
+
+async function save() {
   const start_dt = allDay.value ? `${startDate.value}T00:00:00` : toIso(startDate.value, startTime.value);
   const end_dt = endDate.value
     ? (allDay.value ? `${endDate.value}T00:00:00` : toIso(endDate.value, endTime.value))
@@ -213,9 +289,9 @@ async function save() {
         location: location.value,
         color: color.value,
         project_id: projectId.value ?? undefined,
+        recurrence: recurrence.value || null,
       };
       const updated = await updateEvent(props.event.id, payload);
-      toast.show("Event updated", "success");
       emit("updated", updated);
     } else {
       const payload: EventCreatePayload = {
@@ -227,9 +303,9 @@ async function save() {
         location: location.value,
         color: color.value,
         project_id: projectId.value ?? undefined,
+        recurrence: recurrence.value || undefined,
       };
       const created = await createEvent(payload);
-      toast.show("Event created", "success");
       emit("created", created);
     }
   } catch {
@@ -255,23 +331,57 @@ async function doDelete() {
 
 <template>
   <Teleport to="body">
-    <div class="slide-over-backdrop" @click.self="emit('close')">
-      <div class="slide-over-panel" role="dialog" aria-modal="true">
-        <div class="so-header">
-          <h2 class="so-title">{{ isEditMode ? "Edit Event" : "New Event" }}</h2>
-          <button class="so-close" @click="emit('close')" aria-label="Close">✕</button>
+    <div class="modal-backdrop" @click.self="attemptClose">
+      <div class="modal-panel" role="dialog" aria-modal="true">
+        <!-- Header: trash + close (or inline delete-confirm) -->
+        <div class="modal-header">
+          <template v-if="!deleteConfirm">
+            <h2 class="modal-title">{{ isEditMode ? "Edit Event" : "New Event" }}</h2>
+            <div class="header-actions">
+              <button
+                v-if="isEditMode"
+                class="header-btn header-btn-danger"
+                @click="deleteConfirm = true"
+                title="Delete event"
+                aria-label="Delete event"
+              ><Trash2 :size="16" /></button>
+              <button
+                class="header-btn"
+                @click="attemptClose"
+                title="Close"
+                aria-label="Close"
+              ><X :size="16" /></button>
+            </div>
+          </template>
+          <template v-else>
+            <span class="delete-confirm-prompt">Delete this event?</span>
+            <div class="header-actions">
+              <button
+                type="button"
+                class="btn-danger"
+                :disabled="deleting"
+                @click="doDelete"
+              >{{ deleting ? "Deleting…" : "Yes, delete" }}</button>
+              <button
+                type="button"
+                class="btn-confirm-cancel"
+                @click="deleteConfirm = false"
+              >No</button>
+            </div>
+          </template>
         </div>
 
-        <form class="so-form" @submit.prevent="save">
+        <!-- Body: form (scrolls if it gets long) -->
+        <form class="modal-form" @submit.prevent="attemptClose">
           <!-- Title -->
-          <div class="so-field">
-            <label class="so-label">Title <span class="required">*</span></label>
-            <input v-model="title" class="so-input" placeholder="Event title" autofocus />
+          <div class="form-field">
+            <label class="form-label">Title <span class="required">*</span></label>
+            <input v-model="title" class="form-input" placeholder="Event title" autofocus />
           </div>
 
           <!-- All-day toggle -->
-          <div class="so-field so-field-row">
-            <label class="so-label so-label-inline">All day</label>
+          <div class="form-field form-field-row">
+            <label class="form-label form-label-inline">All day</label>
             <button
               type="button"
               :class="['toggle-btn', { active: allDay }]"
@@ -280,74 +390,73 @@ async function doDelete() {
           </div>
 
           <!-- Start -->
-          <div class="so-field">
-            <label class="so-label">Start <span class="required">*</span></label>
+          <div class="form-field">
+            <label class="form-label">Start <span class="required">*</span></label>
             <div class="dt-row">
-              <input v-model="startDate" type="date" class="so-input dt-date" required />
-              <input v-if="!allDay" v-model="startTime" type="time" class="so-input dt-time" required />
+              <input v-model="startDate" type="date" class="form-input dt-date" required />
+              <input v-if="!allDay" v-model="startTime" type="time" class="form-input dt-time" required />
             </div>
-            <p v-if="isPastEvent" class="so-past-hint">This event is in the past</p>
+            <p v-if="isPastEvent" class="form-past-hint">This event is in the past</p>
           </div>
 
           <!-- End -->
-          <div class="so-field">
-            <label class="so-label">End</label>
+          <div class="form-field">
+            <label class="form-label">End</label>
             <div class="dt-row">
-              <input v-model="endDate" type="date" class="so-input dt-date" :min="startDate" />
-              <input v-if="!allDay" v-model="endTime" type="time" class="so-input dt-time" />
+              <input v-model="endDate" type="date" class="form-input dt-date" :min="startDate" />
+              <input v-if="!allDay" v-model="endTime" type="time" class="form-input dt-time" />
             </div>
           </div>
 
+          <!-- Recurrence -->
+          <div class="form-field">
+            <label class="form-label">Repeat</label>
+            <select v-model="recurrencePreset" class="form-input">
+              <option value="none">Does not repeat</option>
+              <option value="daily">Daily</option>
+              <option value="weekly">Weekly</option>
+              <option value="monthly">Monthly</option>
+              <option value="yearly">Yearly</option>
+              <option v-if="isCustomRecurrence" value="custom" disabled>Custom</option>
+            </select>
+            <p v-if="isCustomRecurrence" class="recurrence-custom-hint">
+              Custom rule: <code>{{ recurrence }}</code>
+              <br />
+              <span class="form-hint">Picking a preset will replace this rule.</span>
+            </p>
+          </div>
+
           <!-- Location -->
-          <div class="so-field">
-            <label class="so-label">Location <span class="so-hint">(optional)</span></label>
-            <input v-model="location" class="so-input" placeholder="Location" />
+          <div class="form-field">
+            <label class="form-label">Location <span class="form-hint">(optional)</span></label>
+            <input v-model="location" class="form-input" placeholder="Location" />
           </div>
 
           <!-- Description -->
-          <div class="so-field">
-            <label class="so-label">Description <span class="so-hint">(optional)</span></label>
-            <textarea v-model="description" class="so-input so-textarea" placeholder="Description" rows="3" />
+          <div class="form-field">
+            <label class="form-label">Description <span class="form-hint">(optional)</span></label>
+            <textarea v-model="description" class="form-input form-textarea" placeholder="Description" rows="3" />
           </div>
 
           <!-- Color -->
-          <div class="so-field so-field-row">
-            <label class="so-label so-label-inline">Color</label>
+          <div class="form-field form-field-row">
+            <label class="form-label form-label-inline">Color</label>
             <div class="color-row">
               <input v-model="color" type="color" class="color-picker" title="Pick event color" />
-              <input v-model="color" class="so-input color-hex" placeholder="#7c3aed" />
-              <button v-if="color" type="button" class="btn-clear-color" @click="color = ''">✕</button>
+              <input v-model="color" class="form-input color-hex" placeholder="#5B4A8A" />
+              <button v-if="color" type="button" class="btn-clear-color" @click="color = ''"><X :size="16" /></button>
             </div>
           </div>
 
           <!-- Project -->
-          <div class="so-field">
-            <label class="so-label">Project <span class="so-hint">(optional)</span></label>
+          <div class="form-field">
+            <label class="form-label">Project <span class="form-hint">(optional)</span></label>
             <ProjectSelector v-model="projectId" />
           </div>
 
-          <!-- Actions -->
-          <div class="so-actions">
-            <button type="submit" class="btn-primary" :disabled="saving">
-              {{ saving ? "Saving…" : (isEditMode ? "Save" : "Create") }}
-            </button>
-            <button type="button" class="btn-secondary" @click="emit('close')">Cancel</button>
-            <template v-if="isEditMode">
-              <button
-                v-if="!deleteConfirm"
-                type="button"
-                class="btn-danger-ghost"
-                @click="deleteConfirm = true"
-              >Delete</button>
-              <template v-else>
-                <span class="delete-confirm-label">Delete this event?</span>
-                <button type="button" class="btn-danger" :disabled="deleting" @click="doDelete">
-                  {{ deleting ? "Deleting…" : "Yes, delete" }}
-                </button>
-                <button type="button" class="btn-secondary" @click="deleteConfirm = false">No</button>
-              </template>
-            </template>
-          </div>
+          <!-- A hidden submit so Enter inside text inputs triggers attemptClose,
+               matching the no-explicit-Save-button intent: Enter commits. -->
+          <button type="submit" class="hidden-submit" :disabled="saving" tabindex="-1" aria-hidden="true" />
         </form>
       </div>
     </div>
@@ -355,81 +464,110 @@ async function doDelete() {
 </template>
 
 <style scoped>
-.slide-over-backdrop {
+.modal-backdrop {
   position: fixed;
   inset: 0;
-  background: rgba(0, 0, 0, 0.45);
+  background: rgba(0, 0, 0, 0.55);
   z-index: 200;
   display: flex;
-  justify-content: flex-end;
+  align-items: center;
+  justify-content: center;
+  padding: 1.25rem;
 }
 
-.slide-over-panel {
+.modal-panel {
   background: var(--color-surface, #1a1b1e);
-  border-left: 1px solid var(--color-border, #2a2b30);
-  width: min(440px, 100vw);
-  height: 100%;
-  overflow-y: auto;
+  border: 1px solid var(--color-border, #2a2b30);
+  border-radius: 12px;
+  width: min(480px, 100%);
+  max-height: calc(100vh - 2.5rem);
   display: flex;
   flex-direction: column;
-  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.4);
+  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
+  overflow: hidden;
 }
 
-.so-header {
+.modal-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 1.25rem 1.5rem;
+  gap: 0.75rem;
+  padding: 0.85rem 1rem 0.85rem 1.5rem;
   border-bottom: 1px solid var(--color-border, #2a2b30);
-  position: sticky;
-  top: 0;
   background: var(--color-surface, #1a1b1e);
-  z-index: 1;
+  min-height: 3rem;
 }
 
-.so-title {
+.modal-title {
   font-size: 1.05rem;
-  font-weight: 600;
+  font-weight: 500;
   margin: 0;
   color: var(--color-text, #e8e9f0);
 }
 
-.so-close {
+.header-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+.header-btn {
   background: none;
   border: none;
   color: var(--color-text-muted, #888);
   cursor: pointer;
-  font-size: 1.1rem;
-  padding: 0.25rem 0.4rem;
-  border-radius: 4px;
+  padding: 0.4rem;
+  border-radius: 6px;
   line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: background 0.15s, color 0.15s;
+}
+.header-btn:hover {
+  background: var(--color-hover, rgba(255,255,255,0.06));
+  color: var(--color-text, #e8e9f0);
 }
-.so-close:hover { background: var(--color-hover, rgba(255,255,255,0.06)); }
 
-.so-form {
-  padding: 1.25rem 1.5rem;
+/* Trash in header: subtle until hover, then Oxblood. Lower visual weight
+   than Save would have been — destructive actions shouldn't loom. */
+.header-btn-danger:hover {
+  background: var(--color-action-destructive);
+  color: #fff;
+}
+
+/* Inline delete-confirm prompt replaces the title row */
+.delete-confirm-prompt {
+  font-size: 0.95rem;
+  color: var(--color-text, #e8e9f0);
+  font-weight: 500;
+}
+
+/* Form scrolls inside the panel when content overflows */
+.modal-form {
+  padding: 1.25rem 1.5rem 1.5rem;
   display: flex;
   flex-direction: column;
   gap: 1.1rem;
-  flex: 1;
+  overflow-y: auto;
 }
 
-.so-field { display: flex; flex-direction: column; gap: 0.35rem; }
-.so-field-row { flex-direction: row; align-items: center; gap: 0.75rem; }
+.form-field { display: flex; flex-direction: column; gap: 0.35rem; }
+.form-field-row { flex-direction: row; align-items: center; gap: 0.75rem; }
 
-.so-label {
+.form-label {
   font-size: 0.78rem;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-text-muted, #888);
   text-transform: uppercase;
   letter-spacing: 0.04em;
 }
-.so-label-inline { flex-shrink: 0; margin: 0; }
-.so-hint { font-weight: 400; text-transform: none; letter-spacing: 0; opacity: 0.7; }
+.form-label-inline { flex-shrink: 0; margin: 0; }
+.form-hint { font-weight: 400; text-transform: none; letter-spacing: 0; opacity: 0.7; }
 
 .required { color: #f87171; }
 
-.so-input {
+.form-input {
   background: var(--color-input-bg, #111113);
   border: 1px solid var(--color-border, #2a2b30);
   color: var(--color-text, #e8e9f0);
@@ -440,18 +578,33 @@ async function doDelete() {
   box-sizing: border-box;
   transition: border-color 0.15s;
 }
-.so-input:focus { outline: none; border-color: var(--color-primary); }
+.form-input:focus { outline: none; border-color: var(--color-primary); }
 
-.so-textarea { resize: vertical; min-height: 5rem; font-family: inherit; }
+.form-textarea { resize: vertical; min-height: 5rem; font-family: inherit; }
 
 .dt-row { display: flex; gap: 0.5rem; }
 .dt-date { flex: 1; }
 .dt-time { width: 7.5rem; flex-shrink: 0; }
-.so-past-hint {
+.form-past-hint {
   margin: 4px 0 0;
   font-size: 0.75rem;
-  color: var(--color-accent-warm, #d4a017);
-  font-style: italic;
+  color: var(--color-text-secondary);
+}
+
+.recurrence-custom-hint {
+  margin: 4px 0 0;
+  font-size: 0.75rem;
+  color: var(--color-text-secondary);
+  line-height: 1.4;
+}
+.recurrence-custom-hint code {
+  background: var(--color-input-bg, #111113);
+  border: 1px solid var(--color-border, #2a2b30);
+  border-radius: 4px;
+  padding: 1px 5px;
+  font-family: var(--font-mono, ui-monospace, monospace);
+  font-size: 0.72rem;
+  color: var(--color-text, #e8e9f0);
 }
 
 .toggle-btn {
@@ -482,67 +635,43 @@ async function doDelete() {
   font-size: 0.85rem;
 }
 
-.so-actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  padding-top: 0.5rem;
-  border-top: 1px solid var(--color-border, #2a2b30);
-  margin-top: auto;
-}
-
-.btn-primary {
-  background: var(--gradient-cta);
-  color: #fff;
-  border: none;
-  border-radius: 8px;
-  padding: 0.55rem 1.2rem;
-  font-size: 0.9rem;
-  font-weight: 600;
-  cursor: pointer;
-  transition: opacity 0.15s;
-}
-.btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
-.btn-primary:hover:not(:disabled) { opacity: 0.88; }
-
-.btn-secondary {
-  background: var(--color-input-bg, #111113);
-  border: 1px solid var(--color-border, #2a2b30);
-  color: var(--color-text-muted, #888);
-  border-radius: 8px;
-  padding: 0.55rem 1rem;
-  font-size: 0.9rem;
-  cursor: pointer;
-}
-.btn-secondary:hover { background: var(--color-hover, rgba(255,255,255,0.06)); }
-
-.btn-danger-ghost {
-  margin-left: auto;
-  background: none;
-  border: 1px solid #ef4444;
-  color: #ef4444;
-  border-radius: 8px;
-  padding: 0.55rem 1rem;
-  font-size: 0.9rem;
-  cursor: pointer;
-}
-.btn-danger-ghost:hover { background: rgba(239, 68, 68, 0.1); }
-
+/* Confirm-delete buttons (only shown during the inline confirm flow) */
 .btn-danger {
-  background: #ef4444;
+  background: var(--color-action-destructive);
   color: #fff;
   border: none;
-  border-radius: 8px;
-  padding: 0.55rem 1rem;
-  font-size: 0.9rem;
-  font-weight: 600;
+  border-radius: 6px;
+  padding: 0.4rem 0.85rem;
+  font-size: 0.85rem;
+  font-weight: 500;
   cursor: pointer;
+  transition: background 0.15s;
 }
+.btn-danger:hover:not(:disabled) { background: var(--color-action-destructive-hover); }
 .btn-danger:disabled { opacity: 0.5; cursor: not-allowed; }
 
-.delete-confirm-label {
+.btn-confirm-cancel {
+  background: var(--color-action-secondary);
+  border: none;
+  color: #fff;
+  border-radius: 6px;
+  padding: 0.4rem 0.85rem;
   font-size: 0.85rem;
-  color: var(--color-text-muted, #888);
-  align-self: center;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.btn-confirm-cancel:hover { background: var(--color-action-secondary-hover); }
+
+/* Hidden submit lets Enter-in-text-input trigger the same close-with-save
+   path as X / Esc / backdrop. No visible Save button needed. */
+.hidden-submit {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  border: 0;
 }
 </style>

frontend/src/components/HistoryPanel.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from "vue";
-import { apiGet } from "@/api/client";
+import { apiGet, pinNoteVersion, unpinNoteVersion } from "@/api/client";
 import DiffView from "@/components/DiffView.vue";
 import type { DiffLine } from "@/composables/useAssist";
 
@@ -10,6 +10,8 @@ interface NoteVersion {
   title: string;
   tags: string[];
   body?: string;
+  pin_kind: "auto" | "manual" | null;
+  pin_label: string | null;
   created_at: string;
 }
 
@@ -105,6 +107,69 @@ function restore() {
   emit('restore', selectedVersion.value.body, selectedVersion.value.tags ?? []);
 }
 
+// ── Pin / unpin / edit-label state ──────────────────────────────────────────
+
+const editingLabel = ref(false);
+const draftLabel = ref("");
+const pinSaving = ref(false);
+
+function startEditLabel() {
+  if (!selectedVersion.value) return;
+  draftLabel.value = selectedVersion.value.pin_label ?? "";
+  editingLabel.value = true;
+}
+
+function cancelEditLabel() {
+  editingLabel.value = false;
+  draftLabel.value = "";
+}
+
+async function savePin() {
+  if (!selectedVersion.value || pinSaving.value) return;
+  pinSaving.value = true;
+  try {
+    const updated = await pinNoteVersion(
+      props.noteId, selectedVersion.value.id, draftLabel.value || null,
+    );
+    // Reflect server state in the local list + selected version.
+    const idx = versions.value.findIndex(v => v.id === updated.id);
+    if (idx >= 0) {
+      versions.value[idx].pin_kind = updated.pin_kind;
+      versions.value[idx].pin_label = updated.pin_label;
+    }
+    if (selectedVersion.value) {
+      selectedVersion.value.pin_kind = updated.pin_kind;
+      selectedVersion.value.pin_label = updated.pin_label;
+    }
+    editingLabel.value = false;
+  } catch {
+    // silent — leaving the form open lets the user retry
+  } finally {
+    pinSaving.value = false;
+  }
+}
+
+async function unpinSelected() {
+  if (!selectedVersion.value || pinSaving.value) return;
+  pinSaving.value = true;
+  try {
+    await unpinNoteVersion(props.noteId, selectedVersion.value.id);
+    const idx = versions.value.findIndex(v => v.id === selectedVersion.value!.id);
+    if (idx >= 0) {
+      versions.value[idx].pin_kind = null;
+      versions.value[idx].pin_label = null;
+    }
+    if (selectedVersion.value) {
+      selectedVersion.value.pin_kind = null;
+      selectedVersion.value.pin_label = null;
+    }
+  } catch {
+    // silent
+  } finally {
+    pinSaving.value = false;
+  }
+}
+
 onMounted(loadVersions);
 </script>
 
@@ -128,7 +193,25 @@ onMounted(loadVersions);
               :class="['history-item', { selected: selectedVersion?.id === v.id }]"
               @click="selectVersionItem(v)"
             >
-              <div class="history-item-title">{{ v.title || 'Untitled' }}</div>
+              <div class="history-item-title">
+                <span
+                  v-if="v.pin_kind === 'manual'"
+                  class="pin-badge pin-badge-manual"
+                  :title="v.pin_label || 'Pinned'"
+                  aria-label="manually pinned"
+                >●</span>
+                <span
+                  v-else-if="v.pin_kind === 'auto'"
+                  class="pin-badge pin-badge-auto"
+                  :title="v.pin_label || 'Auto-pinned (stable)'"
+                  aria-label="auto-pinned"
+                >◐</span>
+                {{ v.title || 'Untitled' }}
+              </div>
+              <div
+                v-if="v.pin_kind === 'manual' && v.pin_label"
+                class="history-item-label"
+              >{{ v.pin_label }}</div>
               <div class="history-item-date">{{ formatDate(v.created_at) }}</div>
             </div>
           </div>
@@ -137,7 +220,62 @@ onMounted(loadVersions);
           <div class="history-diff">
             <div v-if="loadingDetail" class="history-empty">Loading version...</div>
             <div v-else-if="!selectedVersion" class="history-empty">Select a version to compare.</div>
-            <DiffView v-else :diff="diff" />
+            <template v-else>
+              <div class="version-pin-controls">
+                <!-- Label editor -->
+                <div v-if="editingLabel" class="pin-label-form">
+                  <input
+                    v-model="draftLabel"
+                    maxlength="500"
+                    type="text"
+                    class="pin-label-input"
+                    placeholder="Optional label (e.g. 'post-network-refresh runbook')"
+                  />
+                  <button class="btn-pin-save" :disabled="pinSaving" @click="savePin">
+                    {{ pinSaving ? "Saving…" : "Save" }}
+                  </button>
+                  <button class="btn-pin-cancel" @click="cancelEditLabel">Cancel</button>
+                </div>
+
+                <!-- Default: kind-aware action row -->
+                <div v-else class="pin-actions">
+                  <span v-if="selectedVersion.pin_kind === 'manual'" class="pin-state">
+                    <span class="pin-badge pin-badge-manual">●</span>
+                    Manually pinned{{ selectedVersion.pin_label ? `: ${selectedVersion.pin_label}` : '' }}
+                  </span>
+                  <span v-else-if="selectedVersion.pin_kind === 'auto'" class="pin-state">
+                    <span class="pin-badge pin-badge-auto">◐</span>
+                    Auto-pinned{{ selectedVersion.pin_label ? `: ${selectedVersion.pin_label}` : '' }}
+                  </span>
+
+                  <button
+                    v-if="selectedVersion.pin_kind === null"
+                    class="btn-pin"
+                    :disabled="pinSaving"
+                    @click="startEditLabel"
+                  >Pin version</button>
+                  <button
+                    v-else-if="selectedVersion.pin_kind === 'manual'"
+                    class="btn-pin-edit"
+                    :disabled="pinSaving"
+                    @click="startEditLabel"
+                  >Edit label</button>
+                  <button
+                    v-else
+                    class="btn-pin"
+                    :disabled="pinSaving"
+                    @click="startEditLabel"
+                  >Pin permanently</button>
+                  <button
+                    v-if="selectedVersion.pin_kind === 'manual'"
+                    class="btn-unpin"
+                    :disabled="pinSaving"
+                    @click="unpinSelected"
+                  >Unpin</button>
+                </div>
+              </div>
+              <DiffView :diff="diff" />
+            </template>
           </div>
         </div>
 
@@ -244,7 +382,6 @@ onMounted(loadVersions);
   padding: 1rem;
   font-size: 0.85rem;
   color: var(--color-text-muted);
-  font-style: italic;
 }
 
 .history-footer {
@@ -269,4 +406,101 @@ onMounted(loadVersions);
   opacity: 0.5;
   cursor: default;
 }
+
+/* ── Pin badges + label rendering ───────────────────────────────────────── */
+.pin-badge {
+  display: inline-block;
+  width: 0.7rem;
+  text-align: center;
+  margin-right: 0.35rem;
+  font-size: 0.85em;
+  line-height: 1;
+}
+.pin-badge-manual { color: var(--color-primary, #6366f1); }
+.pin-badge-auto { color: var(--color-text-muted, rgba(255, 255, 255, 0.5)); }
+
+.history-item-label {
+  font-size: 0.72rem;
+  color: var(--color-primary, #6366f1);
+  font-style: italic;
+  margin-top: 0.15rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* ── Pin controls above the diff ────────────────────────────────────────── */
+.version-pin-controls {
+  padding: 0.4rem 0.5rem 0.5rem;
+  border-bottom: 1px solid var(--color-border);
+  font-size: 0.82rem;
+}
+.pin-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+.pin-state {
+  font-style: italic;
+  color: var(--color-text-muted, rgba(255, 255, 255, 0.6));
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.btn-pin, .btn-pin-edit, .btn-unpin {
+  padding: 0.25rem 0.7rem;
+  font-size: 0.78rem;
+  background: transparent;
+  color: inherit;
+  border: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
+  border-radius: 999px;
+  cursor: pointer;
+}
+.btn-pin:hover:not(:disabled), .btn-pin-edit:hover:not(:disabled) {
+  background: rgba(99, 102, 241, 0.12);
+  border-color: var(--color-primary, #6366f1);
+}
+.btn-unpin:hover:not(:disabled) {
+  background: rgba(239, 68, 68, 0.10);
+  border-color: rgba(239, 68, 68, 0.5);
+}
+.pin-label-form {
+  display: flex;
+  gap: 0.4rem;
+  align-items: center;
+}
+.pin-label-input {
+  flex: 1;
+  padding: 0.3rem 0.5rem;
+  font-size: 0.85rem;
+  background: var(--color-input-bg, rgba(255, 255, 255, 0.03));
+  border: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
+  border-radius: var(--radius-sm, 4px);
+  color: inherit;
+}
+.pin-label-input:focus {
+  outline: none;
+  border-color: var(--color-primary, #6366f1);
+}
+.btn-pin-save, .btn-pin-cancel {
+  padding: 0.3rem 0.7rem;
+  font-size: 0.78rem;
+  background: transparent;
+  color: inherit;
+  border: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
+  border-radius: var(--radius-sm, 4px);
+  cursor: pointer;
+}
+.btn-pin-save:hover:not(:disabled) {
+  background: rgba(99, 102, 241, 0.12);
+  border-color: var(--color-primary, #6366f1);
+}
+.btn-pin-save:disabled, .btn-pin-cancel:disabled,
+.btn-pin:disabled, .btn-pin-edit:disabled, .btn-unpin:disabled {
+  opacity: 0.5;
+  cursor: progress;
+}
 </style>

frontend/src/components/InlineAssistPanel.vue

@@ -151,7 +151,6 @@ const markers: Record<DiffLine["type"], string> = {
   padding: 0.75rem;
   font-size: 0.85rem;
   color: var(--color-text-muted);
-  font-style: italic;
 }
 
 /* ── Review ── */

frontend/src/components/MarkdownToolbar.vue

@@ -1,24 +1,40 @@
 <script setup lang="ts">
 import type { Editor } from "@tiptap/vue-3";
+import {
+  Bold,
+  Italic,
+  Strikethrough,
+  Heading1,
+  Heading2,
+  Heading3,
+  List,
+  ListOrdered,
+  ListChecks,
+  Code,
+  SquareCode,
+  Quote,
+  Link as LinkIcon,
+  Brackets,
+} from "lucide-vue-next";
+import type { Component } from "vue";
 
 const props = defineProps<{ editor: Editor | null }>();
 
-// SVG icons — Material Design paths (24x24) or custom SVG
-const ICONS: Record<string, string> = {
-  bold: `<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"/></svg>`,
-  italic: `<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/></svg>`,
-  strike: `<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z"/></svg>`,
-  h1: `<svg viewBox="0 0 24 24" width="15" height="15"><text x="1" y="17" font-family="sans-serif" font-weight="800" font-size="16" fill="currentColor">H</text><text x="14" y="17" font-family="sans-serif" font-weight="700" font-size="11" fill="currentColor">1</text></svg>`,
-  h2: `<svg viewBox="0 0 24 24" width="15" height="15"><text x="1" y="17" font-family="sans-serif" font-weight="800" font-size="16" fill="currentColor">H</text><text x="14" y="17" font-family="sans-serif" font-weight="700" font-size="11" fill="currentColor">2</text></svg>`,
-  h3: `<svg viewBox="0 0 24 24" width="15" height="15"><text x="1" y="17" font-family="sans-serif" font-weight="800" font-size="16" fill="currentColor">H</text><text x="14" y="17" font-family="sans-serif" font-weight="700" font-size="11" fill="currentColor">3</text></svg>`,
-  ul: `<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z"/></svg>`,
-  ol: `<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M2 17h2v.5H3v1h1v.5H2v1h3v-4H2zm1-9h1V4H2v1h1zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2zm5-3h13V6H7v2zm0 4h13v-2H7v2zm0 4h13v-2H7v2z"/></svg>`,
-  task: `<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>`,
-  code: `<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>`,
-  codeblock: `<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3zM4 19h16v2H4z"/></svg>`,
-  quote: `<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/></svg>`,
-  link: `<svg viewBox="0 0 24 24" width="15" height="15" fill="currentColor"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/></svg>`,
-  wikilink: `<svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3"/><path d="M16 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3"/></svg>`,
+const ICONS: Record<string, Component> = {
+  bold: Bold,
+  italic: Italic,
+  strike: Strikethrough,
+  h1: Heading1,
+  h2: Heading2,
+  h3: Heading3,
+  ul: List,
+  ol: ListOrdered,
+  task: ListChecks,
+  code: Code,
+  codeblock: SquareCode,
+  quote: Quote,
+  link: LinkIcon,
+  wikilink: Brackets,
 };
 
 const groups = [
@@ -81,7 +97,7 @@ const groups = [
           tabindex="-1"
           @mousedown.prevent="btn.command()"
         >
-          <span class="btn-icon" v-html="ICONS[btn.id]" />
+          <component :is="ICONS[btn.id]" class="btn-icon" :size="16" />
         </button>
       </div>
       <span v-if="gi < groups.length - 1" class="toolbar-sep" aria-hidden="true" />

frontend/src/components/NoteCard.vue

@@ -64,11 +64,11 @@ function goEdit() {
   text-decoration: none;
   color: inherit;
   background: var(--color-bg-card);
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(124, 58, 237, 0.06);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(91, 74, 138, 0.06);
   transition: box-shadow 0.2s, transform 0.18s ease;
 }
 .note-card:hover {
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(124, 58, 237, 0.14);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(91, 74, 138, 0.14);
   transform: translateY(-2px);
 }
 
@@ -89,7 +89,7 @@ function goEdit() {
 }
 .note-card.compact:hover {
   box-shadow: none;
-  background: rgba(124, 58, 237, 0.04);
+  background: rgba(91, 74, 138, 0.04);
   transform: none;
 }
 .note-title-compact {

frontend/src/components/NotificationBell.vue

@@ -2,6 +2,7 @@
 import { ref, onMounted, onUnmounted } from 'vue'
 import { useNotificationsStore } from '@/stores/notifications'
 import NotificationsPanel from './NotificationsPanel.vue'
+import { Bell } from 'lucide-vue-next'
 
 const store = useNotificationsStore()
 const open = ref(false)
@@ -45,10 +46,7 @@ onUnmounted(() => {
       aria-label="Notifications"
       :title="`${store.count} unread notification${store.count !== 1 ? 's' : ''}`"
     >
-      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-        <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"/>
-        <path d="M13.73 21a2 2 0 0 1-3.46 0"/>
-      </svg>
+      <Bell :size="16" aria-hidden="true" />
       <span v-if="store.count > 0" class="bell-badge" aria-live="polite">{{ store.count > 99 ? '99+' : store.count }}</span>
     </button>
     <NotificationsPanel v-if="open" @close="close" />

frontend/src/components/NotificationsPanel.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { X } from "lucide-vue-next";
 import { onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { useNotificationsStore } from '@/stores/notifications'
@@ -56,7 +57,7 @@ onMounted(() => store.fetchAll())
           </p>
           <span class="notif-time">{{ relativeTime(n.created_at) }}</span>
         </div>
-        <button class="btn-notif-close" @click.stop="store.markRead(n.id)" aria-label="Dismiss">✕</button>
+        <button class="btn-notif-close" @click.stop="store.markRead(n.id)" aria-label="Dismiss"><X :size="16" /></button>
       </li>
     </ul>
     <div v-else class="notif-empty">No unread notifications</div>
@@ -151,6 +152,5 @@ onMounted(() => store.fetchAll())
   text-align: center;
   color: var(--color-muted);
   font-size: 0.88rem;
-  font-style: italic;
 }
 </style>

frontend/src/components/ShareDialog.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { X } from "lucide-vue-next";
 import { ref, onMounted } from 'vue'
 import {
   searchUsers,
@@ -116,7 +117,7 @@ onMounted(async () => {
       <div class="share-dialog" role="dialog" :aria-label="`Share ${resourceTitle}`">
         <header class="share-header">
           <h2 class="share-title">Share "{{ resourceTitle }}"</h2>
-          <button class="btn-close" @click="emit('close')" aria-label="Close">✕</button>
+          <button class="btn-close" @click="emit('close')" aria-label="Close"><X :size="16" /></button>
         </header>
 
         <!-- Add share form -->
@@ -183,7 +184,7 @@ onMounted(async () => {
                 <option value="editor">Editor</option>
                 <option value="admin">Admin</option>
               </select>
-              <button class="btn-remove-share" @click="removeShare(share)" aria-label="Remove">✕</button>
+              <button class="btn-remove-share" @click="removeShare(share)" aria-label="Remove"><X :size="16" /></button>
             </li>
             <li v-if="!shares.length" class="shares-empty">Not shared with anyone yet</li>
           </ul>
@@ -409,7 +410,6 @@ onMounted(async () => {
 .shares-empty {
   color: var(--color-text-muted);
   font-size: 0.85rem;
-  font-style: italic;
   text-align: center;
   padding: 0.75rem;
 }

frontend/src/components/TaskCard.vue

@@ -112,11 +112,11 @@ function isOverdue(): boolean {
   text-decoration: none;
   color: inherit;
   background: var(--color-bg-card);
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(124, 58, 237, 0.06);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(91, 74, 138, 0.06);
   transition: box-shadow 0.2s, transform 0.18s ease;
 }
 .task-card:hover {
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(124, 58, 237, 0.14);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(91, 74, 138, 0.14);
   transform: translateY(-2px);
 }
 

frontend/src/components/ToolCallCard.vue

@@ -1,812 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, watch } from "vue";
-import { apiPost, getEvent } from "@/api/client";
-import type { EventEntry } from "@/api/client";
-import type { ToolCallRecord } from "@/types/chat";
-import EventSlideOver from "@/components/EventSlideOver.vue";
-
-const props = defineProps<{
-  toolCall: ToolCallRecord;
-}>();
-
-const appliedTags = ref<Set<string>>(new Set());
-const applyingTag = ref<string | null>(null);
-const confirmState = ref<"idle" | "creating" | "created" | "denied">("idle");
-
-const label = computed(() => {
-  if (props.toolCall.status === "declined") return "Declined";
-  if (props.toolCall.result.requires_confirmation) return "Similar content found";
-  if (!props.toolCall.result.success) return "Error";
-  switch (props.toolCall.result.type) {
-    case "task":        return "Created task";
-    case "note":        return "Created note";
-    case "note_updated": return "Updated note";
-    case "note_deleted": return "Deleted note";
-    case "task_deleted": return "Deleted task";
-    case "note_content": return "Note";
-    case "notes_list":   return "Notes";
-    case "tasks":        return "Tasks";
-    case "todo_updated": return "Updated todo";
-    case "search":       return "Searched notes";
-    case "event":        return "Created event";
-    case "events":       return "Found events";
-    case "event_updated": return "Updated event";
-    case "event_deleted": return "Deleted event";
-    case "calendars":    return "Calendars";
-    case "todo":         return "Created todo";
-    case "todos":        return "Calendar todos";
-    case "todo_completed": return "Completed todo";
-    case "todo_deleted": return "Deleted todo";
-    case "web_search":   return "Web search";
-    case "research_pending": return "Research started";
-    case "research_note":    return "Research note";
-    case "image_search": return "Image search";
-    default:             return "Tool call";
-  }
-});
-
-const title = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data) return null;
-  if (typeof data.title === "string") return data.title;
-  return null;
-});
-
-const linkTo = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || typeof data.id !== "number") return null;
-  return `/notes/${data.id}`;
-});
-
-const noteId = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || typeof data.id !== "number") return null;
-  return data.id;
-});
-
-const suggestedTags = computed(() => props.toolCall.result.suggested_tags ?? []);
-
-const eventData = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "event") return null;
-  return data as { id?: number; title: string; start_dt?: string; end_dt?: string; location?: string; color?: string };
-});
-
-const updatedEvent = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "event_updated") return null;
-  return data as { id?: number; title: string; start_dt?: string; end_dt?: string; location?: string; color?: string };
-});
-
-const deletedEvent = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "event_deleted") return null;
-  return data as { id?: number; title: string };
-});
-
-const calendarList = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "calendars") return null;
-  const calendars = data.calendars as Array<{ name: string }> | undefined;
-  return calendars?.map((c) => c.name) ?? [];
-});
-
-const todoData = computed(() => {
-  const data = props.toolCall.result.data;
-  const type = props.toolCall.result.type;
-  if (!data || (type !== "todo" && type !== "todo_completed" && type !== "todo_deleted" && type !== "todo_updated")) return null;
-  return data as { summary: string; due?: string; status?: string };
-});
-
-const todoList = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "todos") return null;
-  return (data.todos as Array<{ summary: string; due?: string; status?: string }> | undefined) ?? [];
-});
-
-const todoCount = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "todos") return 0;
-  return (data.count as number) ?? 0;
-});
-
-const eventList = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "events") return null;
-  return (data.events as Array<{ id?: number; title: string; start_dt?: string; end_dt?: string; location?: string; color?: string }> | undefined) ?? [];
-});
-
-const eventCount = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "events") return 0;
-  return (data.count as number) ?? 0;
-});
-
-function formatEventTime(iso: string): string {
-  if (!iso) return "";
-  try {
-    return new Date(iso).toLocaleString(undefined, {
-      weekday: "short", month: "short", day: "numeric",
-      hour: "numeric", minute: "2-digit",
-    });
-  } catch { return iso; }
-}
-
-const taskList = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "tasks") return null;
-  return (data.results as Array<{ id: number; title: string; status: string; priority: string; due_date?: string }> | undefined) ?? [];
-});
-
-const taskCount = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "tasks") return 0;
-  return (data.total as number) ?? 0;
-});
-
-const webSearch = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "web_search") return null;
-  return data as { query: string; results: { url: string; title: string; snippet: string }[]; count: number };
-});
-
-const searchResults = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "search") return null;
-  const results = data.results as Array<{ id: number; title: string; type: string }> | undefined;
-  return results && results.length > 0 ? results : null;
-});
-
-const deletedNote = computed(() => {
-  const data = props.toolCall.result.data;
-  const type = props.toolCall.result.type;
-  if (!data || (type !== "note_deleted" && type !== "task_deleted")) return null;
-  return data as { id: number; title: string };
-});
-
-const noteContent = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "note_content") return null;
-  return data as { id: number; title: string; body: string; tags: string[] };
-});
-
-const noteList = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "notes_list") return null;
-  return (data.results as Array<{ id: number; title: string; tags: string[]; preview: string }> | undefined) ?? [];
-});
-
-const noteListCount = computed(() => {
-  const data = props.toolCall.result.data;
-  if (!data || props.toolCall.result.type !== "notes_list") return 0;
-  return (data.total as number) ?? 0;
-});
-
-// ── Collapse logic ───────────────────────────────────────────────────────────
-
-// Cards with rich expandable content
-const hasDetail = computed(() => {
-  if (props.toolCall.status === "running") return false;
-  return (
-    (noteContent.value !== null && noteContent.value.tags.length > 0) ||
-    (noteList.value !== null && noteList.value.length > 0) ||
-    searchResults.value !== null ||
-    (taskList.value !== null && taskList.value.length > 0) ||
-    (eventList.value !== null && eventList.value.length > 0) ||
-    (todoList.value !== null && todoList.value.length > 0) ||
-    webSearch.value !== null ||
-    (calendarList.value !== null && calendarList.value.length > 0) ||
-    suggestedTags.value.length > 0
-  );
-});
-
-// Collapsed by default for completed calls; errors and running stay open
-const collapsed = ref(
-  props.toolCall.status === "success" || props.toolCall.status === "declined"
-);
-
-// Auto-collapse when a running tool call completes
-watch(() => props.toolCall.status, (s) => {
-  if (s === "success") collapsed.value = true;
-});
-
-function toggle() {
-  if (hasDetail.value) collapsed.value = !collapsed.value;
-}
-
-async function confirmDuplicate() {
-  if (confirmState.value !== "idle") return;
-  confirmState.value = "creating";
-  const args = props.toolCall.arguments as Record<string, unknown>;
-  const isTask = props.toolCall.function === "create_task";
-  const endpoint = isTask ? "/api/tasks" : "/api/notes";
-  const payload: Record<string, unknown> = {
-    title: args.title,
-    body: args.body ?? "",
-    tags: args.tags ?? [],
-    ...(args.due_date ? { due_date: args.due_date } : {}),
-    ...(args.priority ? { priority: args.priority } : {}),
-    ...(args.project ? { project: args.project } : {}),
-    ...(isTask ? { status: args.status ?? "todo" } : {}),
-  };
-  try {
-    await apiPost(endpoint, payload);
-    confirmState.value = "created";
-  } catch {
-    confirmState.value = "idle";
-  }
-}
-
-function denyDuplicate() {
-  confirmState.value = "denied";
-}
-
-async function applyTag(tag: string) {
-  if (!noteId.value || appliedTags.value.has(tag) || applyingTag.value) return;
-  applyingTag.value = tag;
-  try {
-    await apiPost(`/api/notes/${noteId.value}/append-tag`, { tag });
-    appliedTags.value.add(tag);
-  } catch {
-    // silently fail
-  } finally {
-    applyingTag.value = null;
-  }
-}
-
-// ── Event slide-over ─────────────────────────────────────────────────────────
-
-const eventSlideOverOpen = ref(false);
-const eventSlideOverEntry = ref<EventEntry | null>(null);
-
-async function openEventSlideOver(id: number | undefined) {
-  if (!id) return;
-  try {
-    const entry = await getEvent(id);
-    eventSlideOverEntry.value = entry;
-    eventSlideOverOpen.value = true;
-  } catch {
-    // silently fail — event may have been deleted
-  }
-}
-
-function closeEventSlideOver(changed = false) {
-  eventSlideOverOpen.value = false;
-  if (changed) {
-    document.dispatchEvent(new Event("fable:calendar-changed"));
-  }
-}
-</script>
-
-<template>
-  <div
-    class="tool-call-card"
-    :class="{
-      error: toolCall.status === 'error' && !toolCall.result.requires_confirmation,
-      'requires-confirm': toolCall.result.requires_confirmation,
-      declined: toolCall.status === 'declined',
-      running: toolCall.status === 'running',
-      collapsible: hasDetail,
-    }"
-  >
-    <!-- ── Header row (always visible) ─────────────────────────── -->
-    <div class="tool-card-header" :class="{ clickable: hasDetail }" @click="toggle">
-      <span class="tool-label">{{ label }}</span>
-
-      <!-- Inline summary content -->
-      <template v-if="toolCall.status === 'declined'">
-        <span class="tool-declined-name">
-          {{ toolCall.arguments.title ?? toolCall.arguments.summary ?? toolCall.arguments.query ?? toolCall.function }}
-        </span>
-      </template>
-      <template v-else-if="toolCall.result.requires_confirmation">
-        <router-link
-          v-if="toolCall.result.similar_note"
-          :to="`/notes/${toolCall.result.similar_note.id}`"
-          class="tool-link"
-          @click.stop
-        >{{ toolCall.result.similar_note.title }}</router-link>
-        <span v-else class="tool-error">{{ toolCall.result.error }}</span>
-        <template v-if="confirmState === 'created'">
-          <span class="confirm-created">✓ Created</span>
-        </template>
-        <template v-else-if="confirmState === 'denied'">
-          <span class="confirm-denied">Skipped</span>
-        </template>
-        <template v-else-if="confirmState !== 'creating'">
-          <button class="btn-confirm-duplicate" @click.stop="confirmDuplicate">Create anyway</button>
-          <button class="btn-deny-duplicate" @click.stop="denyDuplicate">Skip</button>
-        </template>
-        <template v-else>
-          <span class="tool-summary-count">Creating…</span>
-        </template>
-      </template>
-      <template v-else-if="toolCall.status === 'error'">
-        <span class="tool-error">{{ toolCall.result.error }}</span>
-      </template>
-      <template v-else-if="deletedNote">
-        <span class="tool-deleted">{{ deletedNote.title || "Untitled" }}</span>
-      </template>
-      <template v-else-if="noteContent">
-        <router-link :to="`/notes/${noteContent.id}`" class="tool-link" @click.stop>
-          {{ noteContent.title || "Untitled" }}
-        </router-link>
-      </template>
-      <template v-else-if="noteList !== null">
-        <span class="tool-summary-count">{{ noteListCount }} found</span>
-      </template>
-      <template v-else-if="searchResults">
-        <span class="tool-summary-count">
-          {{ (toolCall.result.data?.count as number) ?? (toolCall.result.data?.total as number) ?? 0 }} found
-        </span>
-      </template>
-      <template v-else-if="eventData">
-        <button v-if="eventData.id" class="tool-event-btn" @click.stop="openEventSlideOver(eventData.id)">
-          <span class="tool-event-dot" v-if="eventData.color" :style="{ background: eventData.color }"></span>
-          <span class="tool-event-title">{{ eventData.title }}</span>
-          <span v-if="eventData.start_dt" class="tool-event-time">{{ formatEventTime(eventData.start_dt) }}</span>
-        </button>
-        <template v-else>
-          <span class="tool-event-title">{{ eventData.title }}</span>
-          <span v-if="eventData.start_dt" class="tool-event-time">{{ formatEventTime(eventData.start_dt) }}</span>
-        </template>
-      </template>
-      <template v-else-if="updatedEvent">
-        <button v-if="updatedEvent.id" class="tool-event-btn" @click.stop="openEventSlideOver(updatedEvent.id)">
-          <span class="tool-event-dot" v-if="updatedEvent.color" :style="{ background: updatedEvent.color }"></span>
-          <span class="tool-event-title">{{ updatedEvent.title }}</span>
-          <span v-if="updatedEvent.start_dt" class="tool-event-time">{{ formatEventTime(updatedEvent.start_dt) }}</span>
-        </button>
-        <template v-else>
-          <span class="tool-event-title">{{ updatedEvent.title }}</span>
-          <span v-if="updatedEvent.start_dt" class="tool-event-time">{{ formatEventTime(updatedEvent.start_dt) }}</span>
-        </template>
-      </template>
-      <template v-else-if="deletedEvent">
-        <span class="tool-deleted">{{ deletedEvent.title }}</span>
-      </template>
-      <template v-else-if="calendarList !== null">
-        <span class="tool-summary-count">{{ calendarList.length }} calendar{{ calendarList.length !== 1 ? "s" : "" }}</span>
-      </template>
-      <template v-else-if="todoData">
-        <span :class="{ 'tool-deleted': toolCall.result.type === 'todo_deleted', 'tool-completed': toolCall.result.type === 'todo_completed' }">
-          {{ todoData.summary }}
-        </span>
-        <span v-if="todoData.due" class="tool-event-time">{{ formatEventTime(todoData.due) }}</span>
-      </template>
-      <template v-else-if="todoList !== null">
-        <span class="tool-summary-count">{{ todoCount }} found</span>
-      </template>
-      <template v-else-if="taskList !== null">
-        <span class="tool-summary-count">{{ taskCount }} found</span>
-      </template>
-      <template v-else-if="eventList !== null">
-        <span class="tool-summary-count">{{ eventCount }} found</span>
-      </template>
-      <template v-else-if="webSearch">
-        <span class="tool-summary-count">
-          {{ webSearch.count }} result{{ webSearch.count !== 1 ? "s" : "" }}
-        </span>
-      </template>
-      <template v-else-if="linkTo">
-        <router-link :to="linkTo" class="tool-link" @click.stop>{{ title }}</router-link>
-      </template>
-
-      <!-- Chevron toggle -->
-      <span v-if="hasDetail" class="tool-chevron" :class="{ open: !collapsed }">▶</span>
-    </div>
-
-    <!-- ── Detail section (expandable) ─────────────────────────── -->
-    <div v-if="hasDetail" v-show="!collapsed" class="tool-card-detail">
-      <template v-if="noteContent && noteContent.tags.length">
-        <span class="tool-note-tags">
-          <span v-for="tag in noteContent.tags" :key="tag" class="tool-note-tag">#{{ tag }}</span>
-        </span>
-      </template>
-
-      <template v-else-if="noteList !== null && noteList.length > 0">
-        <div class="tool-search-results">
-          <router-link
-            v-for="n in noteList.slice(0, 8)"
-            :key="n.id"
-            :to="`/notes/${n.id}`"
-            class="tool-search-item"
-          >{{ n.title || "Untitled" }}</router-link>
-          <span v-if="noteList.length > 8" class="tool-event-more">+{{ noteList.length - 8 }} more</span>
-        </div>
-      </template>
-
-      <template v-else-if="searchResults">
-        <div class="tool-search-results">
-          <router-link
-            v-for="r in searchResults"
-            :key="r.id"
-            :to="`/notes/${r.id}`"
-            class="tool-search-item"
-          >{{ r.title || "Untitled" }}</router-link>
-        </div>
-      </template>
-
-      <template v-else-if="todoList !== null && todoList.length > 0">
-        <div class="tool-event-list">
-          <div v-for="(t, i) in todoList.slice(0, 5)" :key="i" class="tool-event-item">
-            <span class="tool-event-item-title">{{ t.summary }}</span>
-            <span v-if="t.due" class="tool-event-item-time">{{ formatEventTime(t.due) }}</span>
-          </div>
-          <div v-if="todoList.length > 5" class="tool-event-more">+{{ todoList.length - 5 }} more</div>
-        </div>
-      </template>
-
-      <template v-else-if="taskList !== null && taskList.length > 0">
-        <div class="tool-event-list">
-          <div v-for="(t, i) in taskList.slice(0, 5)" :key="i" class="tool-event-item">
-            <router-link :to="`/tasks/${t.id}`" class="tool-event-item-title">{{ t.title }}</router-link>
-            <span v-if="t.due_date" class="tool-event-item-time">{{ t.due_date }}</span>
-            <span v-if="t.priority && t.priority !== 'none'" class="tool-task-priority" :class="`priority-${t.priority}`">{{ t.priority }}</span>
-          </div>
-          <div v-if="taskList.length > 5" class="tool-event-more">+{{ taskList.length - 5 }} more</div>
-        </div>
-      </template>
-
-      <template v-else-if="eventList !== null && eventList.length > 0">
-        <div class="tool-event-cards">
-          <button
-            v-for="(ev, i) in eventList.slice(0, 5)"
-            :key="i"
-            class="tool-event-card"
-            :class="{ clickable: !!ev.id }"
-            @click="openEventSlideOver(ev.id)"
-          >
-            <span class="tool-event-card-dot" :style="ev.color ? { background: ev.color } : {}"></span>
-            <span class="tool-event-card-body">
-              <span class="tool-event-card-title">{{ ev.title }}</span>
-              <span v-if="ev.start_dt" class="tool-event-card-time">{{ formatEventTime(ev.start_dt) }}</span>
-              <span v-if="ev.location" class="tool-event-card-loc">{{ ev.location }}</span>
-            </span>
-          </button>
-          <div v-if="eventList.length > 5" class="tool-event-more">+{{ eventList.length - 5 }} more</div>
-        </div>
-      </template>
-
-      <template v-else-if="calendarList !== null">
-        <div class="tool-calendar-list">
-          <span v-for="name in calendarList" :key="name" class="tool-calendar-name">{{ name }}</span>
-        </div>
-      </template>
-
-      <template v-else-if="webSearch">
-        <div class="tool-search-results web-search-results">
-          <a
-            v-for="(r, i) in webSearch.results"
-            :key="i"
-            :href="r.url"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="tool-search-item"
-          >{{ r.title || r.url }}</a>
-        </div>
-      </template>
-
-      <!-- Suggested tags always at the bottom of detail -->
-      <div v-if="suggestedTags.length > 0" class="tag-suggestions">
-        <span class="tag-suggestions-label">Suggested tags:</span>
-        <button
-          v-for="tag in suggestedTags"
-          :key="tag"
-          :class="['tag-pill', { applied: appliedTags.has(tag) }]"
-          :disabled="appliedTags.has(tag) || applyingTag === tag"
-          @click="applyTag(tag)"
-        >
-          #{{ tag }}
-          <span v-if="appliedTags.has(tag)" class="tag-check">&#10003;</span>
-        </button>
-      </div>
-    </div>
-
-    <!-- Suggested tags for non-detail cards (note/task created etc.) -->
-    <div v-if="!hasDetail && suggestedTags.length > 0" class="tag-suggestions">
-      <span class="tag-suggestions-label">Suggested tags:</span>
-      <button
-        v-for="tag in suggestedTags"
-        :key="tag"
-        :class="['tag-pill', { applied: appliedTags.has(tag) }]"
-        :disabled="appliedTags.has(tag) || applyingTag === tag"
-        @click="applyTag(tag)"
-      >
-        #{{ tag }}
-        <span v-if="appliedTags.has(tag)" class="tag-check">&#10003;</span>
-      </button>
-    </div>
-  </div>
-
-  <!-- Event slide-over (portal-like, fixed positioned) -->
-  <EventSlideOver
-    v-if="eventSlideOverOpen"
-    :event="eventSlideOverEntry"
-    initial-date=""
-    @close="closeEventSlideOver"
-    @created="() => closeEventSlideOver(true)"
-    @updated="() => closeEventSlideOver(true)"
-    @deleted="() => closeEventSlideOver(true)"
-  />
-</template>
-
-<style scoped>
-.tool-call-card {
-  display: inline-block;
-  background: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
-  border-radius: 10px;
-  font-size: 0.8rem;
-  margin-top: 0.4rem;
-  overflow: hidden;
-  vertical-align: top;
-}
-.tool-call-card.error {
-  border-color: var(--color-danger, #e74c3c);
-}
-.tool-call-card.declined {
-  opacity: 0.55;
-}
-
-/* ── Header ── */
-.tool-card-header {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 0.35rem;
-  padding: 0.3rem 0.6rem;
-}
-.tool-card-header.clickable {
-  cursor: pointer;
-  user-select: none;
-}
-.tool-card-header.clickable:hover {
-  background: color-mix(in srgb, var(--color-primary) 6%, transparent);
-}
-
-.tool-label {
-  font-weight: 600;
-  color: var(--color-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  font-size: 0.7rem;
-  flex-shrink: 0;
-}
-
-.tool-chevron {
-  font-size: 0.55rem;
-  color: var(--color-text-muted);
-  margin-left: auto;
-  padding-left: 0.4rem;
-  transition: transform 0.15s ease;
-  flex-shrink: 0;
-}
-.tool-chevron.open {
-  transform: rotate(90deg);
-}
-
-.tool-summary-count {
-  color: var(--color-text-muted);
-  font-size: 0.8rem;
-}
-
-/* ── Detail ── */
-.tool-card-detail {
-  padding: 0.3rem 0.6rem 0.45rem;
-  border-top: 1px solid var(--color-border);
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-
-/* ── Shared content styles ── */
-.tool-link {
-  color: var(--color-primary);
-  text-decoration: none;
-}
-.tool-link:hover { text-decoration: underline; }
-
-.tool-error { color: var(--color-danger, #e74c3c); }
-
-.tool-declined-name {
-  text-decoration: line-through;
-  color: var(--color-text-muted);
-}
-
-.tool-search-results {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-.tool-search-item {
-  color: var(--color-primary);
-  text-decoration: none;
-  font-size: 0.8rem;
-}
-.tool-search-item:hover { text-decoration: underline; }
-.tool-search-item:not(:last-child)::after {
-  content: ",";
-  color: var(--color-text-muted);
-  margin-right: 0.1rem;
-}
-.web-search-results {
-  flex-direction: column;
-  flex-wrap: nowrap;
-}
-.web-search-results .tool-search-item::after { content: none; }
-
-.tool-event-title { font-weight: 600; color: var(--color-text); }
-.tool-event-time { color: var(--color-text-muted); font-size: 0.75rem; }
-
-.tool-event-list { display: flex; flex-direction: column; gap: 0.2rem; }
-.tool-event-item { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; }
-.tool-event-item-title { color: var(--color-text); font-size: 0.8rem; }
-.tool-event-item-time { color: var(--color-text-muted); font-size: 0.75rem; white-space: nowrap; }
-.tool-event-more { color: var(--color-text-muted); font-size: 0.75rem; font-style: italic; }
-
-.tool-deleted { text-decoration: line-through; opacity: 0.7; }
-.tool-completed { text-decoration: line-through; color: var(--color-success, #2ecc71); }
-
-.tool-note-tags { display: flex; flex-wrap: wrap; gap: 0.2rem; }
-.tool-note-tag { font-size: 0.72rem; color: var(--color-text-muted); }
-
-.tool-task-priority {
-  font-size: 0.7rem; font-weight: 600; text-transform: uppercase;
-  letter-spacing: 0.04em; padding: 0.1rem 0.3rem; border-radius: 3px;
-}
-.priority-high { color: var(--color-danger, #e74c3c); }
-.priority-medium { color: var(--color-warning, #f59e0b); }
-.priority-low { color: var(--color-text-muted); }
-
-.tool-calendar-list { display: flex; flex-wrap: wrap; gap: 0.3rem; }
-.tool-calendar-name {
-  display: inline-block; padding: 0.1rem 0.5rem;
-  border-radius: 999px; background: var(--color-bg-secondary);
-  border: 1px solid var(--color-border); font-size: 0.75rem; color: var(--color-text);
-}
-
-/* ── Tag suggestions ── */
-.tag-suggestions {
-  display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem;
-  padding: 0.3rem 0.6rem; border-top: 1px solid var(--color-border);
-}
-.tool-call-card:not(:has(.tool-card-detail)) .tag-suggestions {
-  /* When outside detail, no top border needed if it's the only extra content */
-}
-.tag-suggestions-label { font-size: 0.7rem; color: var(--color-text-muted); font-weight: 500; }
-
-.tag-pill {
-  display: inline-flex; align-items: center; gap: 0.2rem;
-  padding: 0.15rem 0.5rem; border: 1px solid var(--color-primary);
-  border-radius: 999px; background: transparent; color: var(--color-primary);
-  font-size: 0.75rem; cursor: pointer; transition: background 0.15s, color 0.15s;
-}
-.tag-pill:hover:not(:disabled) { background: var(--color-primary); color: #fff; }
-.tag-pill.applied {
-  background: var(--color-success, #2ecc71); border-color: var(--color-success, #2ecc71);
-  color: #fff; cursor: default;
-}
-.tag-pill:disabled:not(.applied) { opacity: 0.6; cursor: wait; }
-.tag-check { font-size: 0.65rem; }
-
-/* Duplicate confirmation */
-.tool-call-card.requires-confirm {
-  border-color: color-mix(in srgb, var(--color-warning, #f59e0b) 60%, transparent);
-}
-.confirm-created {
-  color: var(--color-success, #2ecc71);
-  font-size: 0.78rem;
-  font-weight: 600;
-}
-.confirm-denied {
-  color: var(--color-text-muted);
-  font-size: 0.78rem;
-  font-style: italic;
-}
-.btn-confirm-duplicate {
-  padding: 0.15rem 0.5rem;
-  background: var(--color-primary);
-  color: #fff;
-  border: none;
-  border-radius: var(--radius-sm, 6px);
-  cursor: pointer;
-  font-size: 0.72rem;
-  font-family: inherit;
-  white-space: nowrap;
-}
-.btn-confirm-duplicate:hover { opacity: 0.9; }
-.btn-deny-duplicate {
-  padding: 0.15rem 0.5rem;
-  background: none;
-  color: var(--color-text-muted);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-sm, 6px);
-  cursor: pointer;
-  font-size: 0.72rem;
-  font-family: inherit;
-  white-space: nowrap;
-}
-.btn-deny-duplicate:hover {
-  color: var(--color-danger, #e74c3c);
-  border-color: var(--color-danger, #e74c3c);
-}
-
-/* ── Event header click button ── */
-.tool-event-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.3rem;
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  font-family: inherit;
-}
-.tool-event-btn:hover .tool-event-title {
-  text-decoration: underline;
-  color: var(--color-primary);
-}
-.tool-event-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--color-primary);
-  flex-shrink: 0;
-}
-
-/* ── Event cards (list) ── */
-.tool-event-cards { display: flex; flex-direction: column; gap: 0.25rem; }
-.tool-event-card {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.45rem;
-  padding: 0.3rem 0.45rem;
-  border-radius: 6px;
-  border: 1px solid var(--color-border);
-  background: var(--color-bg-card, #16161a);
-  text-align: left;
-  font-family: inherit;
-  cursor: default;
-  transition: border-color 0.15s, background 0.15s;
-  width: 100%;
-}
-.tool-event-card.clickable { cursor: pointer; }
-.tool-event-card.clickable:hover {
-  border-color: var(--color-primary);
-  background: color-mix(in srgb, var(--color-primary) 6%, var(--color-bg-card, #16161a));
-}
-.tool-event-card-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--color-primary);
-  flex-shrink: 0;
-  margin-top: 3px;
-}
-.tool-event-card-body {
-  display: flex;
-  flex-direction: column;
-  gap: 0.1rem;
-  min-width: 0;
-}
-.tool-event-card-title {
-  font-size: 0.8rem;
-  font-weight: 600;
-  color: var(--color-text);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.tool-event-card-time {
-  font-size: 0.72rem;
-  color: var(--color-text-muted);
-}
-.tool-event-card-loc {
-  font-size: 0.7rem;
-  color: var(--color-text-muted);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-</style>

frontend/src/components/ToolConfirmCard.vue

@@ -1,108 +0,0 @@
-<script setup lang="ts">
-import { computed } from "vue";
-import type { ToolPendingRecord } from "@/types/chat";
-
-const props = defineProps<{
-  pendingTool: ToolPendingRecord;
-}>();
-
-const emit = defineEmits<{
-  (e: "accept"): void;
-  (e: "decline"): void;
-}>();
-
-const label = computed(() => props.pendingTool.label ?? props.pendingTool.function);
-
-const detail = computed(() => {
-  const args = props.pendingTool.arguments;
-  const name =
-    (args.title as string | undefined) ??
-    (args.summary as string | undefined) ??
-    (args.query as string | undefined) ??
-    "";
-  return name ? `"${name}"` : "";
-});
-</script>
-
-<template>
-  <div class="tool-confirm-card">
-    <div class="tool-confirm-info">
-      <span class="tool-confirm-label">{{ label }}</span>
-      <span v-if="detail" class="tool-confirm-detail">{{ detail }}</span>
-    </div>
-    <div class="tool-confirm-actions">
-      <button class="btn-accept" @click="emit('accept')">Accept</button>
-      <button class="btn-decline" @click="emit('decline')">Decline</button>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.tool-confirm-card {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.75rem;
-  background: var(--color-bg-secondary);
-  border: 1px solid var(--color-warning, #f59e0b);
-  border-radius: 12px;
-  padding: 0.45rem 0.75rem;
-  font-size: 0.85rem;
-  margin-top: 0.4rem;
-  width: 100%;
-  box-sizing: border-box;
-}
-.tool-confirm-info {
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-  min-width: 0;
-  flex: 1;
-}
-.tool-confirm-label {
-  font-weight: 600;
-  color: var(--color-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  font-size: 0.7rem;
-  white-space: nowrap;
-}
-.tool-confirm-detail {
-  color: var(--color-text);
-  font-size: 0.8rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.tool-confirm-actions {
-  display: flex;
-  gap: 0.4rem;
-  flex-shrink: 0;
-}
-.btn-accept,
-.btn-decline {
-  padding: 0.25rem 0.65rem;
-  border: none;
-  border-radius: 8px;
-  font-size: 0.8rem;
-  font-weight: 600;
-  cursor: pointer;
-  transition: opacity 0.15s;
-}
-.btn-accept {
-  background: var(--color-success, #2ecc71);
-  color: #fff;
-}
-.btn-decline {
-  background: var(--color-bg-card);
-  border: 1px solid var(--color-border);
-  color: var(--color-text-muted);
-}
-.btn-accept:hover {
-  opacity: 0.85;
-}
-.btn-decline:hover {
-  color: var(--color-danger, #e74c3c);
-  border-color: var(--color-danger, #e74c3c);
-}
-</style>

frontend/src/components/VersionHistorySection.vue

@@ -202,7 +202,6 @@ function restore() {
   padding: 0.5rem 0.75rem;
   font-size: 0.8rem;
   color: var(--color-text-muted);
-  font-style: italic;
 }
 
 .vh-item {

frontend/src/components/WeatherCard.vue

@@ -9,6 +9,8 @@ interface ForecastDay {
   precip_probability: number | null
   precip_mm: number | null
   windspeed_max: number
+  precip_summary?: string
+  precip_peak_hour?: string
 }
 
 interface WeatherData {
@@ -21,6 +23,7 @@ interface WeatherData {
   yesterday_high: number | null
   yesterday_low: number | null
   wind_unit?: string
+  precip_summary?: string | null
   forecast: ForecastDay[]
 }
 
@@ -68,6 +71,11 @@ const fetchedAtLabel = computed(() => {
     return ''
   }
 })
+
+function hasPrecip(day: ForecastDay): boolean {
+  return (day.precip_probability != null && day.precip_probability > 0) ||
+         (day.precip_mm != null && day.precip_mm > 0)
+}
 </script>
 
 <template>
@@ -85,22 +93,39 @@ const fetchedAtLabel = computed(() => {
       Today: {{ weather.today_high }}° / {{ weather.today_low }}°
       <span v-if="tempDelta" class="weather-delta"> · {{ tempDelta }}</span>
     </div>
-    <div class="weather-forecast" v-if="weather.forecast.length">
-      <div v-for="day in weather.forecast" :key="day.day" class="weather-forecast-day">
-        <span class="forecast-day-name">{{ day.day }}</span>
-        <span class="forecast-icon">{{ weatherIcon(day.condition) }}</span>
-        <span class="forecast-condition">{{ day.condition }}</span>
-        <span class="forecast-temps">{{ day.high }}° / {{ day.low }}°</span>
-        <span v-if="day.precip_probability != null && day.precip_probability > 0" class="forecast-precip">
-          💧 {{ day.precip_probability }}%
-        </span>
-        <span v-else-if="day.precip_mm != null && day.precip_mm > 0" class="forecast-precip">
-          💧 {{ day.precip_mm.toFixed(1) }}mm
-        </span>
-        <span v-else class="forecast-precip forecast-precip--dry">💧 —</span>
-        <span class="forecast-wind">💨 {{ day.windspeed_max }} {{ weather.wind_unit ?? 'km/h' }}</span>
-      </div>
+    <div v-if="weather.precip_summary" class="weather-precip-summary">
+      💧 {{ weather.precip_summary }}
     </div>
+    <table class="weather-forecast" v-if="weather.forecast.length">
+      <thead>
+        <tr>
+          <th></th>
+          <th></th>
+          <th>Hi / Lo</th>
+          <th>💧</th>
+          <th>💨 {{ weather.wind_unit ?? 'km/h' }}</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="day in weather.forecast" :key="day.day">
+          <td class="forecast-day-name">{{ day.day }}</td>
+          <td class="forecast-icon">{{ weatherIcon(day.condition) }}</td>
+          <td class="forecast-temps">{{ day.high }}° / {{ day.low }}°</td>
+          <td class="forecast-precip" :class="{ 'forecast-precip--dry': !hasPrecip(day) }">
+            <template v-if="day.precip_summary">
+              <span class="precip-detail" :title="day.precip_summary">
+                {{ day.precip_probability }}%
+                <span v-if="day.precip_peak_hour" class="precip-peak">{{ day.precip_peak_hour }}</span>
+              </span>
+            </template>
+            <template v-else-if="day.precip_probability != null && day.precip_probability > 0">{{ day.precip_probability }}%</template>
+            <template v-else-if="day.precip_mm != null && day.precip_mm > 0">{{ day.precip_mm.toFixed(1) }}mm</template>
+            <template v-else>&mdash;</template>
+          </td>
+          <td class="forecast-wind">{{ day.windspeed_max }}</td>
+        </tr>
+      </tbody>
+    </table>
   </div>
   <div v-else class="weather-card weather-unavailable">
     Weather data unavailable — will retry at next slot.
@@ -115,6 +140,7 @@ const fetchedAtLabel = computed(() => {
   padding: 1rem 1.25rem;
   margin-bottom: 1rem;
   font-size: 0.9rem;
+  container-type: inline-size;
 }
 
 .weather-header {
@@ -142,12 +168,12 @@ const fetchedAtLabel = computed(() => {
 }
 
 .weather-icon {
-  font-size: 2rem;
+  font-size: clamp(1.5rem, 5cqi, 2.5rem);
   line-height: 1;
 }
 
 .weather-temp {
-  font-size: 2rem;
+  font-size: clamp(1.5rem, 5cqi, 2.5rem);
   font-weight: 700;
   line-height: 1;
 }
@@ -159,7 +185,7 @@ const fetchedAtLabel = computed(() => {
 
 .weather-today {
   color: var(--color-text-secondary);
-  margin-bottom: 0.75rem;
+  margin-bottom: 0.25rem;
   font-size: 0.85rem;
 }
 
@@ -168,48 +194,59 @@ const fetchedAtLabel = computed(() => {
   font-size: 0.82rem;
 }
 
-.weather-forecast {
-  display: flex;
-  gap: 0.75rem;
-  overflow-x: auto;
-  padding-top: 0.75rem;
-  border-top: 1px solid var(--color-border);
+.weather-precip-summary {
+  color: var(--color-text-secondary);
+  font-size: 0.83rem;
+  margin-bottom: 0.75rem;
+  padding: 0.35rem 0.5rem;
+  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
+  border-radius: var(--radius-sm, 6px);
+  border-left: 2px solid color-mix(in srgb, var(--color-primary) 40%, transparent);
 }
 
-.weather-forecast-day {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.25rem;
-  min-width: 4.5rem;
+.weather-forecast {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 0.75rem;
+  border-top: 1px solid var(--color-border);
   font-size: 0.8rem;
 }
 
+.weather-forecast thead th {
+  font-size: 0.68rem;
+  font-weight: 600;
+  color: var(--color-text-muted);
+  text-align: right;
+  padding: 0.5rem 0.4rem 0.25rem;
+  white-space: nowrap;
+}
+
+.weather-forecast thead th:first-child,
+.weather-forecast thead th:nth-child(2) {
+  text-align: left;
+}
+
+.weather-forecast tbody td {
+  padding: 0.3rem 0.4rem;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+
 .forecast-day-name {
   font-weight: 600;
 }
 
 .forecast-icon {
-  font-size: 1.2rem;
+  font-size: clamp(0.9rem, 3cqi, 1.3rem);
   line-height: 1;
 }
 
-.forecast-condition {
-  font-size: 0.7rem;
-  color: var(--color-text-muted);
-  text-align: center;
-  line-height: 1.2;
-  word-break: break-word;
-}
-
 .forecast-temps {
-  white-space: nowrap;
+  text-align: right;
 }
 
-.forecast-precip,
-.forecast-wind {
-  font-size: 0.72rem;
-  white-space: nowrap;
+.forecast-precip {
+  text-align: right;
   color: var(--color-text-muted);
 }
 
@@ -217,8 +254,24 @@ const fetchedAtLabel = computed(() => {
   opacity: 0.35;
 }
 
+.precip-detail {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 0.3em;
+}
+
+.precip-peak {
+  font-size: 0.7rem;
+  color: var(--color-text-muted);
+  opacity: 0.8;
+}
+
+.forecast-wind {
+  text-align: right;
+  color: var(--color-text-muted);
+}
+
 .weather-unavailable {
   color: var(--color-text-muted);
-  font-style: italic;
 }
 </style>

frontend/src/components/WorkspaceNoteEditor.vue

@@ -10,6 +10,7 @@ import TiptapEditor from "@/components/TiptapEditor.vue";
 import TagInput from "@/components/TagInput.vue";
 import MarkdownToolbar from "@/components/MarkdownToolbar.vue";
 import WordCount from "@/components/WordCount.vue";
+import { Trash2, X } from "lucide-vue-next";
 
 const props = defineProps<{
   projectId: number;
@@ -316,7 +317,7 @@ defineExpose({ reload: loadProjectNotes });
           <button class="btn-confirm" :disabled="creatingNote || !newNoteTitle.trim()" @click="createNote">
             {{ creatingNote ? '…' : '+' }}
           </button>
-          <button class="btn-cancel" aria-label="Cancel new note" @click="cancelNewNote">✕</button>
+          <button class="btn-cancel" aria-label="Cancel new note" @click="cancelNewNote"><X :size="16" /></button>
         </template>
         <template v-else>
           <span class="rail-title">Notes</span>
@@ -332,7 +333,7 @@ defineExpose({ reload: loadProjectNotes });
           type="search"
           aria-label="Search notes"
         />
-        <button v-if="searchQuery" class="btn-search-clear" aria-label="Clear search" @click="searchQuery = ''">✕</button>
+        <button v-if="searchQuery" class="btn-search-clear" aria-label="Clear search" @click="searchQuery = ''"><X :size="16" /></button>
       </div>
 
       <div v-if="listLoading" class="rail-state">Loading…</div>
@@ -360,10 +361,10 @@ defineExpose({ reload: loadProjectNotes });
               <button class="btn-confirm-delete" :disabled="pendingDelete === note.id" @click="requestDelete(note.id, $event)">
                 {{ pendingDelete === note.id ? '…' : 'Delete?' }}
               </button>
-              <button class="btn-cancel-delete" aria-label="Cancel delete" @click="cancelDelete($event)">✕</button>
+              <button class="btn-cancel-delete" aria-label="Cancel delete" @click="cancelDelete($event)"><X :size="16" /></button>
             </template>
             <button v-else class="btn-delete" title="Delete note" @click="requestDelete(note.id, $event)">
-              <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" 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>
+              <Trash2 :size="16" />
             </button>
           </div>
         </li>
@@ -416,7 +417,7 @@ defineExpose({ reload: loadProjectNotes });
             :class="['btn-tag-suggestion', { applied: tagSuggestions.appliedTags.value.has(tag) }]"
             @click="tagSuggestions.applyTagSuggestion(tag)"
           >#{{ tag }}{{ tagSuggestions.appliedTags.value.has(tag) ? ' ✓' : '' }}</button>
-          <button class="btn-dismiss-suggestions" aria-label="Dismiss tag suggestions" @click="tagSuggestions.dismissTagSuggestions()">✕</button>
+          <button class="btn-dismiss-suggestions" aria-label="Dismiss tag suggestions" @click="tagSuggestions.dismissTagSuggestions()"><X :size="16" /></button>
         </div>
 
         <div class="toolbar-row">
@@ -429,7 +430,7 @@ defineExpose({ reload: loadProjectNotes });
             <button class="btn-chip-link" @click="applyLink(s)">[[{{ s.title }}]]</button>
           </span>
           <button class="btn-link-all" @click="applyAllLinks" title="Link all suggestions">All</button>
-          <button class="btn-dismiss-suggestions" aria-label="Dismiss link suggestions" @click="linkSuggestions = []">✕</button>
+          <button class="btn-dismiss-suggestions" aria-label="Dismiss link suggestions" @click="linkSuggestions = []"><X :size="16" /></button>
         </div>
 
         <div class="editor-area" @keydown.ctrl.s.prevent="saveNote" @keydown.ctrl.e.prevent="editorRef?.editor?.commands.focus()">
@@ -457,12 +458,12 @@ defineExpose({ reload: loadProjectNotes });
 
 /* ── Left rail ── */
 .note-rail {
-  width: 155px;
+  width: 200px;
   flex-shrink: 0;
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  border-right: 1px solid var(--color-border);
+  background: var(--color-bg-card, var(--color-bg-secondary));
 }
 
 .rail-header {
@@ -479,7 +480,7 @@ defineExpose({ reload: loadProjectNotes });
   text-transform: uppercase;
   letter-spacing: 0.04em;
   font-size: 0.72rem;
-  font-weight: 600;
+  font-weight: 500;
   flex: 1;
 }
 
@@ -532,7 +533,6 @@ defineExpose({ reload: loadProjectNotes });
   padding: 1rem 0.65rem;
   font-size: 0.78rem;
   color: var(--color-text-muted);
-  font-style: italic;
 }
 
 /* Note list */
@@ -551,13 +551,13 @@ defineExpose({ reload: loadProjectNotes });
   border-bottom: 1px solid color-mix(in srgb, var(--color-border) 60%, transparent);
   cursor: pointer;
   gap: 0.15rem;
-  border-left: 2px solid transparent;
+  border-right: 2px solid transparent;
   transition: background 0.12s;
 }
 .note-row:hover { background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface)); }
 .note-row.active {
   background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
-  border-left-color: var(--color-primary);
+  border-right-color: var(--color-primary);
 }
 
 .note-row-main {
@@ -630,18 +630,20 @@ defineExpose({ reload: loadProjectNotes });
   align-items: center;
 }
 .note-row:hover .btn-delete { opacity: 1; }
-.btn-delete:hover { color: var(--color-danger, #e74c3c); }
+.btn-delete:hover { color: var(--color-action-destructive); }
 
 .btn-confirm-delete {
   background: none;
-  border: 1px solid var(--color-danger, #e74c3c);
-  color: var(--color-danger, #e74c3c);
+  border: 1px solid var(--color-action-destructive);
+  color: var(--color-action-destructive);
   font-size: 0.65rem;
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
   padding: 0.1rem 0.3rem;
   border-radius: 3px;
+  transition: background 0.15s, color 0.15s;
 }
+.btn-confirm-delete:hover:not(:disabled) { background: var(--color-action-destructive); color: #fff; }
 .btn-confirm-delete:disabled { opacity: 0.5; cursor: default; }
 
 .btn-cancel-delete {
@@ -707,7 +709,6 @@ defineExpose({ reload: loadProjectNotes });
   justify-content: center;
   color: var(--color-text-muted);
   font-size: 0.85rem;
-  font-style: italic;
 }
 
 /* Editor UI */
@@ -715,7 +716,6 @@ defineExpose({ reload: loadProjectNotes });
   display: flex;
   align-items: center;
   padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
   gap: 0.5rem;
 }
@@ -730,20 +730,22 @@ defineExpose({ reload: loadProjectNotes });
 .unsaved { font-size: 0.72rem; color: var(--color-text-muted); }
 .saving-txt { font-size: 0.72rem; color: var(--color-primary); }
 
+/* Moss action-primary per Hybrid */
 .btn-save {
-  background: var(--color-primary);
+  background: var(--color-action-primary);
   color: #fff;
   border: none;
   border-radius: 5px;
   padding: 0.25rem 0.7rem;
   font-size: 0.8rem;
   cursor: pointer;
+  transition: background 0.15s;
 }
+.btn-save:hover:not(:disabled) { background: var(--color-action-primary-hover); }
 .btn-save:disabled { opacity: 0.4; cursor: default; }
 
 .note-title-row {
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid var(--color-border);
+  padding: 0.9rem 1.1rem 0.5rem;
   flex-shrink: 0;
 }
 
@@ -751,19 +753,24 @@ defineExpose({ reload: loadProjectNotes });
   width: 100%;
   background: transparent;
   border: none;
-  font-size: 1rem;
-  font-weight: 600;
+  font-size: 1.4rem;
+  font-weight: 500;
+  line-height: 1.25;
   color: var(--color-text);
   padding: 0;
+  font-family: 'Fraunces', serif;
+  letter-spacing: -0.01em;
 }
 .note-title-input:focus { outline: none; }
+.note-title-input::placeholder {
+  color: var(--color-text-muted);
+}
 
 .tag-row {
   display: flex;
   align-items: flex-start;
   gap: 0.4rem;
   padding: 0.4rem 0.6rem;
-  border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
 .tag-row > :first-child { flex: 1; min-width: 0; }
@@ -789,7 +796,6 @@ defineExpose({ reload: loadProjectNotes });
   align-items: center;
   gap: 0.3rem;
   padding: 0.35rem 0.6rem;
-  border-bottom: 1px solid var(--color-border);
   background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
   flex-shrink: 0;
 }
@@ -824,7 +830,6 @@ defineExpose({ reload: loadProjectNotes });
 
 .toolbar-row {
   padding: 0.3rem 0.6rem;
-  border-bottom: 1px solid var(--color-border);
   flex-shrink: 0;
 }
 
@@ -834,7 +839,6 @@ defineExpose({ reload: loadProjectNotes });
   flex-wrap: wrap;
   gap: 0.25rem;
   padding: 0.3rem 0.6rem;
-  border-bottom: 1px solid var(--color-border);
   background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
   flex-shrink: 0;
 }
@@ -842,7 +846,7 @@ defineExpose({ reload: loadProjectNotes });
   font-size: 0.7rem;
   color: var(--color-text-muted);
   flex-shrink: 0;
-  font-weight: 600;
+  font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.04em;
 }

frontend/src/components/WorkspaceTaskPanel.vue

@@ -5,6 +5,7 @@ import { apiGet, apiPatch, apiPost, apiDelete } from "@/api/client";
 import { useToastStore } from "@/stores/toast";
 import TaskLogSection from "@/components/TaskLogSection.vue";
 import { renderMarkdown } from "@/utils/markdown";
+import { Trash2, X } from "lucide-vue-next";
 
 const props = defineProps<{ projectId: number }>();
 
@@ -298,12 +299,12 @@ defineExpose({ reload: loadAll });
           </span>
           <template v-if="deleteConfirmPending">
             <button class="btn-delete-confirm" :disabled="deletingTask" @click="deleteActiveTask">{{ deletingTask ? '...' : 'Delete?' }}</button>
-            <button class="btn-delete-cancel" aria-label="Cancel delete" @click="cancelDeleteTask">✕</button>
+            <button class="btn-delete-cancel" aria-label="Cancel delete" @click="cancelDeleteTask"><X :size="16" /></button>
           </template>
           <button v-else class="btn-delete-task" title="Delete task" @click="deleteActiveTask">
-            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" 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>
+            <Trash2 :size="16" />
           </button>
-          <button class="btn-close-detail" @click="closeTask" aria-label="Close detail">✕</button>
+          <button class="btn-close-detail" @click="closeTask" aria-label="Close detail"><X :size="16" /></button>
         </div>
 
         <h3 class="detail-title">{{ activeTask.title }}</h3>
@@ -373,7 +374,7 @@ defineExpose({ reload: loadAll });
   text-transform: uppercase;
   letter-spacing: 0.04em;
   font-size: 0.75rem;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .task-add {
@@ -432,7 +433,7 @@ defineExpose({ reload: loadAll });
 .ms-group-header:hover { background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)); }
 
 .ms-chevron { font-size: 0.6rem; color: var(--color-text-muted); width: 0.8rem; }
-.ms-name { flex: 1; font-weight: 600; font-size: 0.8rem; }
+.ms-name { flex: 1; font-weight: 500; font-size: 0.8rem; }
 .ms-count { font-size: 0.72rem; color: var(--color-text-muted); background: var(--color-bg); border-radius: 10px; padding: 0 0.4rem; }
 
 .ms-status {
@@ -494,7 +495,7 @@ defineExpose({ reload: loadAll });
   flex-shrink: 0;
 }
 
-.empty-group { padding: 0.4rem 1.4rem; font-size: 0.78rem; color: var(--color-text-muted); font-style: italic; }
+.empty-group { padding: 0.4rem 1.4rem; font-size: 0.78rem; color: var(--color-text-muted); }
 
 .state-msg { padding: 1.5rem; text-align: center; font-size: 0.85rem; color: var(--color-text-muted); }
 
@@ -522,7 +523,7 @@ defineExpose({ reload: loadAll });
   padding: 0.2rem 0.55rem;
   border-radius: 12px;
   font-size: 0.75rem;
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
   border: 1.5px solid var(--color-border);
   background: none;
@@ -575,19 +576,21 @@ defineExpose({ reload: loadAll });
   border-radius: 3px;
   margin-left: 0.25rem;
 }
-.btn-delete-task:hover { color: var(--color-danger, #e74c3c); }
+.btn-delete-task:hover { color: var(--color-action-destructive); }
 
 .btn-delete-confirm {
   background: none;
-  border: 1px solid var(--color-danger, #e74c3c);
-  color: var(--color-danger, #e74c3c);
+  border: 1px solid var(--color-action-destructive);
+  color: var(--color-action-destructive);
   font-size: 0.72rem;
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
   padding: 0.15rem 0.5rem;
   border-radius: 4px;
   margin-left: 0.25rem;
+  transition: background 0.15s, color 0.15s;
 }
+.btn-delete-confirm:hover:not(:disabled) { background: var(--color-action-destructive); color: #fff; }
 .btn-delete-confirm:disabled { opacity: 0.5; cursor: default; }
 
 .btn-delete-cancel {
@@ -603,7 +606,7 @@ defineExpose({ reload: loadAll });
 .detail-title {
   padding: 0.75rem 0.75rem 0.25rem;
   font-size: 0.95rem;
-  font-weight: 600;
+  font-weight: 500;
   margin: 0;
   color: var(--color-text);
   flex-shrink: 0;
@@ -672,7 +675,7 @@ defineExpose({ reload: loadAll });
 }
 .task-due.overdue {
   color: var(--color-danger, #e74c3c);
-  font-weight: 600;
+  font-weight: 500;
 }
 
 /* Close detail button */

frontend/src/components/rules/PlanRulesPanel.vue

@@ -0,0 +1,67 @@
+<script setup lang="ts">
+import { ref, onMounted, watch } from "vue";
+import { getProjectApplicableRules } from "@/api/rulebooks";
+import type { ApplicableRules } from "@/api/rulebooks";
+
+const props = defineProps<{ projectId: number }>();
+const data = ref<ApplicableRules | null>(null);
+
+function grouped(rules: ApplicableRules["rules"]) {
+  const g: Record<string, Record<string, ApplicableRules["rules"]>> = {};
+  for (const r of rules) {
+    (g[r.rulebook_title] ??= {});
+    (g[r.rulebook_title][r.topic_title] ??= []).push(r);
+  }
+  return g;
+}
+
+async function load() {
+  data.value = await getProjectApplicableRules(props.projectId);
+}
+
+onMounted(load);
+watch(() => props.projectId, load);
+</script>
+
+<template>
+  <section class="plan-rules" v-if="data && data.rules.length">
+    <h3>Applicable rules</h3>
+    <div v-for="(topics, rb) in grouped(data.rules)" :key="rb" class="rb">
+      <h4>{{ rb }}</h4>
+      <div v-for="(rules, topic) in topics" :key="topic">
+        <h5>{{ topic }}</h5>
+        <ul>
+          <li v-for="r in rules" :key="r.id">
+            <strong>{{ r.title }}</strong> — {{ r.statement }}
+          </li>
+        </ul>
+      </div>
+    </div>
+    <p v-if="data.truncated" class="truncated">
+      Truncated at 50 rules — more apply.
+    </p>
+  </section>
+</template>
+
+<style scoped>
+.plan-rules {
+  margin-top: 1.5rem;
+  border-top: 1px solid var(--color-border, #2a2a2e);
+  padding-top: 1rem;
+}
+.plan-rules h3 {
+  font-size: 0.9em; opacity: 0.7;
+  text-transform: uppercase; letter-spacing: 0.05em;
+}
+.rb h4 { font-family: Fraunces, serif; font-style: italic; margin-bottom: 0.25rem; }
+.rb h5 {
+  font-size: 0.8em; opacity: 0.7;
+  text-transform: uppercase; margin-top: 0.5rem;
+}
+.plan-rules ul {
+  list-style: none; padding-left: 0.75rem; margin: 0.25rem 0;
+  border-left: 2px solid var(--color-primary, #6366f1);
+}
+.plan-rules li { margin: 0.35rem 0; font-size: 0.92em; }
+.truncated { opacity: 0.7; font-style: italic; font-size: 0.85em; }
+</style>

frontend/src/components/rules/ProjectRulesTab.vue

@@ -0,0 +1,211 @@
+<script setup lang="ts">
+import { ref, onMounted, watch } from "vue";
+import { useRouter } from "vue-router";
+import {
+  getProjectApplicableRules, subscribeProject, unsubscribeProject,
+  listRulebooks, getRule,
+} from "@/api/rulebooks";
+import type { ApplicableRules, Rulebook } from "@/api/rulebooks";
+
+const props = defineProps<{ projectId: number }>();
+const router = useRouter();
+const applicable = ref<ApplicableRules | null>(null);
+const allRulebooks = ref<Rulebook[]>([]);
+const showPicker = ref(false);
+const expandedRuleIds = ref<Set<number>>(new Set());
+
+const ruleDetails = ref<Record<number, { why: string; how_to_apply: string }>>({});
+
+async function load() {
+  applicable.value = await getProjectApplicableRules(props.projectId);
+}
+
+async function loadAllRulebooks() {
+  allRulebooks.value = await listRulebooks();
+}
+
+async function subscribe(rulebookId: number) {
+  await subscribeProject(props.projectId, rulebookId);
+  showPicker.value = false;
+  await load();
+}
+
+async function unsubscribe(rulebookId: number) {
+  if (!confirm("Unsubscribe from this rulebook for this project?")) return;
+  await unsubscribeProject(props.projectId, rulebookId);
+  await load();
+}
+
+async function toggleRuleExpand(ruleId: number) {
+  if (expandedRuleIds.value.has(ruleId)) {
+    expandedRuleIds.value.delete(ruleId);
+  } else {
+    expandedRuleIds.value.add(ruleId);
+    if (!ruleDetails.value[ruleId]) {
+      const rule = await getRule(ruleId);
+      ruleDetails.value[ruleId] = {
+        why: rule.why || "",
+        how_to_apply: rule.how_to_apply || "",
+      };
+    }
+  }
+  // trigger reactivity on Set mutation
+  expandedRuleIds.value = new Set(expandedRuleIds.value);
+}
+
+function openInRulesView(rulebookId: number, ruleId?: number) {
+  const query: Record<string, string> = { rb: String(rulebookId) };
+  if (ruleId) query.rule = String(ruleId);
+  router.push({ path: "/rules", query });
+}
+
+function groupByRulebookAndTopic(rules: ApplicableRules["rules"]) {
+  const grouped: Record<string, Record<string, ApplicableRules["rules"]>> = {};
+  for (const r of rules) {
+    if (!grouped[r.rulebook_title]) grouped[r.rulebook_title] = {};
+    if (!grouped[r.rulebook_title][r.topic_title]) grouped[r.rulebook_title][r.topic_title] = [];
+    grouped[r.rulebook_title][r.topic_title].push(r);
+  }
+  return grouped;
+}
+
+function rulebookIdForTitle(title: string): number | undefined {
+  return applicable.value?.subscribed_rulebooks.find((rb) => rb.title === title)?.id;
+}
+
+onMounted(async () => {
+  await load();
+  await loadAllRulebooks();
+});
+
+watch(() => props.projectId, load);
+</script>
+
+<template>
+  <div class="rules-tab" v-if="applicable">
+    <section class="subscribed">
+      <h3>Subscribed rulebooks</h3>
+      <div class="chips">
+        <span
+          v-for="rb in applicable.subscribed_rulebooks"
+          :key="rb.id"
+          class="chip"
+        >
+          <a @click="openInRulesView(rb.id)">{{ rb.title }}</a>
+          <button class="chip-remove" @click="unsubscribe(rb.id)" aria-label="Unsubscribe">×</button>
+        </span>
+        <button v-if="!showPicker" class="add" @click="showPicker = true">+ Subscribe</button>
+        <select
+          v-else
+          @change="subscribe(Number(($event.target as HTMLSelectElement).value))"
+        >
+          <option value="">Choose a rulebook…</option>
+          <option
+            v-for="rb in allRulebooks.filter((rb) => !applicable!.subscribed_rulebooks.some((s) => s.id === rb.id))"
+            :key="rb.id"
+            :value="rb.id"
+          >
+            {{ rb.title }}
+          </option>
+        </select>
+      </div>
+    </section>
+
+    <section class="applicable">
+      <h3>Applicable rules</h3>
+      <p v-if="applicable.rules.length === 0" class="empty">
+        No rules yet — subscribe to a rulebook above, or create one at
+        <a @click="router.push('/rules')">Rulebooks</a>.
+      </p>
+      <div
+        v-for="(topics, rbTitle) in groupByRulebookAndTopic(applicable.rules)"
+        :key="rbTitle"
+        class="rb-group"
+      >
+        <h4>{{ rbTitle }}</h4>
+        <div v-for="(rules, topicTitle) in topics" :key="topicTitle" class="topic-group">
+          <h5>{{ topicTitle }}</h5>
+          <ul>
+            <li v-for="r in rules" :key="r.id" class="rule">
+              <div class="rule-head" @click="toggleRuleExpand(r.id)">
+                <span class="rule-title">{{ r.title }}</span>
+                <span class="rule-statement">{{ r.statement }}</span>
+              </div>
+              <div v-if="expandedRuleIds.has(r.id) && ruleDetails[r.id]" class="rule-detail">
+                <div v-if="ruleDetails[r.id].why">
+                  <strong>Why:</strong> {{ ruleDetails[r.id].why }}
+                </div>
+                <div v-if="ruleDetails[r.id].how_to_apply">
+                  <strong>How to apply:</strong> {{ ruleDetails[r.id].how_to_apply }}
+                </div>
+                <button
+                  class="edit-link"
+                  @click="rulebookIdForTitle(String(rbTitle)) && openInRulesView(rulebookIdForTitle(String(rbTitle))!, r.id)"
+                >
+                  Edit in Rulebook →
+                </button>
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <p v-if="applicable.truncated" class="truncated">
+        Truncated at 50 rules — there are more applicable rules.
+      </p>
+    </section>
+  </div>
+</template>
+
+<style scoped>
+.rules-tab { padding: 1rem; }
+h3 {
+  font-size: 0.9em; opacity: 0.7; text-transform: uppercase; letter-spacing: 0.05em;
+  margin-top: 0;
+}
+.chips { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; }
+.chip {
+  display: inline-flex; align-items: center; gap: 0.25rem;
+  background: var(--color-primary-bg, rgba(99,102,241,0.15));
+  padding: 0.25rem 0.5rem; border-radius: 999px;
+}
+.chip a { cursor: pointer; }
+.chip-remove { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 1.1em; }
+.chip-remove:hover { opacity: 1; }
+.add {
+  background: none;
+  border: 1px dashed var(--color-border, #2a2a2e);
+  padding: 0.25rem 0.75rem; border-radius: 999px; cursor: pointer;
+  color: inherit;
+}
+select {
+  background: var(--color-bg, #111113); color: inherit;
+  border: 1px solid var(--color-border, #2a2a2e); border-radius: 6px;
+  padding: 0.25rem 0.5rem;
+}
+.applicable { margin-top: 2rem; }
+.rb-group { margin-bottom: 1.5rem; }
+.rb-group h4 { font-family: Fraunces, serif; font-style: italic; margin-bottom: 0.5rem; }
+.topic-group h5 {
+  font-size: 0.85em; opacity: 0.7; text-transform: uppercase; letter-spacing: 0.05em;
+  margin-top: 0.75rem;
+}
+ul { list-style: none; padding: 0; margin: 0; }
+.rule {
+  border-left: 2px solid var(--color-primary, #6366f1);
+  padding-left: 0.75rem; margin: 0.5rem 0;
+}
+.rule-head { cursor: pointer; }
+.rule-title { font-weight: 500; }
+.rule-statement { display: block; opacity: 0.85; margin-top: 0.25rem; }
+.rule-detail {
+  margin-top: 0.5rem; padding: 0.5rem;
+  background: var(--color-bg, #111113); border-radius: 6px;
+}
+.rule-detail > div { margin-bottom: 0.5rem; }
+.edit-link {
+  background: none; border: none; cursor: pointer;
+  color: var(--color-primary, #6366f1); padding: 0.5rem 0 0 0;
+}
+.empty, .truncated { opacity: 0.7; font-style: italic; }
+.empty a { cursor: pointer; text-decoration: underline; }
+</style>

frontend/src/components/rules/RuleEditorSlideOver.vue

@@ -0,0 +1,123 @@
+<script setup lang="ts">
+import { ref, watch, onMounted } from "vue";
+import { useRulebooksStore } from "@/stores/rulebooks";
+
+const props = defineProps<{ ruleId: number | null; topicId: number | null }>();
+const emit = defineEmits<{ close: [] }>();
+
+const store = useRulebooksStore();
+const title = ref("");
+const statement = ref("");
+const why = ref("");
+const howToApply = ref("");
+
+const isCreating = ref(props.ruleId === null);
+
+async function load() {
+  if (props.ruleId !== null) {
+    await store.fetchRule(props.ruleId);
+    const r = store.currentRule;
+    if (r) {
+      title.value = r.title;
+      statement.value = r.statement;
+      why.value = r.why || "";
+      howToApply.value = r.how_to_apply || "";
+    }
+  } else {
+    title.value = "";
+    statement.value = "";
+    why.value = "";
+    howToApply.value = "";
+  }
+}
+
+async function save() {
+  if (!title.value.trim() || !statement.value.trim()) {
+    emit("close");
+    return;
+  }
+  if (isCreating.value && props.topicId !== null) {
+    await store.createRule(props.topicId, {
+      title: title.value, statement: statement.value,
+      why: why.value, how_to_apply: howToApply.value,
+    });
+  } else if (props.ruleId !== null) {
+    await store.updateRule(props.ruleId, {
+      title: title.value, statement: statement.value,
+      why: why.value, how_to_apply: howToApply.value,
+    });
+  }
+  emit("close");
+}
+
+async function remove() {
+  if (props.ruleId === null) return;
+  if (!confirm("Delete this rule? This cannot be undone.")) return;
+  await store.deleteRule(props.ruleId);
+  emit("close");
+}
+
+onMounted(load);
+watch(() => props.ruleId, load);
+</script>
+
+<template>
+  <div class="backdrop" @click="save">
+    <aside class="slide-over" @click.stop>
+      <header>
+        <h2>{{ isCreating ? "New rule" : "Edit rule" }}</h2>
+        <button v-if="!isCreating" class="trash" @click="remove" aria-label="Delete">🗑</button>
+        <button class="close" @click="save" aria-label="Close">×</button>
+      </header>
+      <label>
+        Title
+        <input v-model="title" placeholder="e.g. dev is home" />
+      </label>
+      <label>
+        Statement <span class="required">*</span>
+        <textarea v-model="statement" rows="3" placeholder="The actionable instruction (1-2 sentences)." />
+      </label>
+      <label>
+        Why
+        <textarea v-model="why" rows="4" placeholder="Rationale — the reason this rule exists." />
+      </label>
+      <label>
+        How to apply
+        <textarea v-model="howToApply" rows="4" placeholder="When / where this kicks in." />
+      </label>
+    </aside>
+  </div>
+</template>
+
+<style scoped>
+.backdrop {
+  position: fixed; inset: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 100;
+}
+.slide-over {
+  position: fixed; top: 0; right: 0; bottom: 0;
+  width: min(520px, 90vw);
+  background: var(--color-surface, #18181b);
+  border-left: 2px solid var(--color-primary, #6366f1);
+  padding: 1.5rem;
+  overflow-y: auto;
+  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.3);
+}
+header { display: flex; gap: 0.5rem; align-items: center; margin-bottom: 1rem; }
+header h2 {
+  flex: 1; margin: 0;
+  font-family: Fraunces, serif; font-style: italic;
+}
+label { display: block; margin-bottom: 1rem; }
+.required { color: var(--color-primary, #6366f1); }
+input, textarea {
+  width: 100%; margin-top: 0.25rem;
+  background: var(--color-bg, #111113); color: inherit;
+  border: 1px solid var(--color-border, #2a2a2e); border-radius: 6px;
+  padding: 0.5rem; font: inherit;
+  font-family: inherit;
+}
+.trash, .close { background: none; border: none; cursor: pointer; opacity: 0.6; font-size: 1.25em; }
+.trash:hover, .close:hover { opacity: 1; }
+</style>

frontend/src/components/rules/RuleListPane.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import type { RuleHeader } from "@/api/rulebooks";
+
+defineProps<{ topicId: number; rules: RuleHeader[] }>();
+const emit = defineEmits<{
+  "open-rule": [id: number];
+  "create-rule": [topicId: number];
+}>();
+</script>
+
+<template>
+  <section class="pane">
+    <header><h2>Rules</h2></header>
+    <ul>
+      <li v-for="r in rules" :key="r.id" @click="emit('open-rule', r.id)">
+        <div class="title">{{ r.title }}</div>
+        <div class="statement">{{ r.statement }}</div>
+      </li>
+    </ul>
+    <button class="new-rule" @click="emit('create-rule', topicId)">+ New rule</button>
+  </section>
+</template>
+
+<style scoped>
+.pane { background: var(--color-surface, #18181b); padding: 1rem; overflow-y: auto; }
+header h2 { font-family: Fraunces, serif; font-style: italic; margin: 0 0 0.5rem 0; }
+ul { list-style: none; padding: 0; margin: 1rem 0; }
+li {
+  padding: 0.75rem;
+  cursor: pointer;
+  border-radius: 6px;
+  border-left: 2px solid var(--color-primary, #6366f1);
+  margin-bottom: 0.5rem;
+  background: rgba(255, 255, 255, 0.02);
+}
+li:hover { background: var(--color-hover, rgba(255,255,255,0.05)); }
+.title { font-family: Fraunces, serif; font-style: italic; font-size: 1.05em; }
+.statement { font-size: 0.9em; opacity: 0.8; margin-top: 0.25rem; }
+.new-rule { cursor: pointer; }
+</style>

frontend/src/components/rules/RulebookDetailPane.vue

@@ -0,0 +1,133 @@
+<script setup lang="ts">
+import { ref, onMounted, watch } from "vue";
+import { useRulebooksStore } from "@/stores/rulebooks";
+import { apiGet } from "@/api/client";
+import {
+  subscribeProject, unsubscribeProject, getProjectApplicableRules,
+} from "@/api/rulebooks";
+import type { RulebookTopic } from "@/api/rulebooks";
+
+const props = defineProps<{
+  rulebookId: number;
+  topics: RulebookTopic[];
+  selectedTopicId: number | null;
+}>();
+const emit = defineEmits<{ "select-topic": [id: number] }>();
+
+const store = useRulebooksStore();
+const isCreating = ref(false);
+const newTitle = ref("");
+
+interface ProjectLite { id: number; title: string }
+const projects = ref<ProjectLite[]>([]);
+// Map<project_id, Set<rulebook_id>>
+const subscribedRulebookIds = ref<Map<number, Set<number>>>(new Map());
+
+async function loadProjects() {
+  const data = await apiGet<{ projects: ProjectLite[] }>("/api/projects");
+  projects.value = data.projects;
+  for (const p of projects.value) {
+    const result = await getProjectApplicableRules(p.id);
+    subscribedRulebookIds.value.set(
+      p.id,
+      new Set(result.subscribed_rulebooks.map((rb) => rb.id)),
+    );
+  }
+}
+
+function isSubscribed(projectId: number): boolean {
+  return subscribedRulebookIds.value.get(projectId)?.has(props.rulebookId) ?? false;
+}
+
+async function toggleSubscription(projectId: number, checked: boolean) {
+  if (checked) {
+    await subscribeProject(projectId, props.rulebookId);
+    const set = subscribedRulebookIds.value.get(projectId) || new Set<number>();
+    set.add(props.rulebookId);
+    subscribedRulebookIds.value.set(projectId, set);
+  } else {
+    await unsubscribeProject(projectId, props.rulebookId);
+    subscribedRulebookIds.value.get(projectId)?.delete(props.rulebookId);
+  }
+  // trigger reactivity on Map mutation
+  subscribedRulebookIds.value = new Map(subscribedRulebookIds.value);
+}
+
+async function submitNew() {
+  const title = newTitle.value.trim();
+  if (!title) return;
+  const topic = await store.createTopic(props.rulebookId, { title });
+  newTitle.value = "";
+  isCreating.value = false;
+  emit("select-topic", topic.id);
+}
+
+onMounted(loadProjects);
+watch(() => props.rulebookId, () => {/* re-render of isSubscribed from existing map */});
+</script>
+
+<template>
+  <section class="pane">
+    <header><h2>Topics</h2></header>
+    <ul>
+      <li
+        v-for="t in topics"
+        :key="t.id"
+        :class="{ active: t.id === selectedTopicId }"
+        @click="emit('select-topic', t.id)"
+      >
+        {{ t.title }}
+      </li>
+    </ul>
+    <div class="new-topic">
+      <button v-if="!isCreating" @click="isCreating = true">+ New topic</button>
+      <form v-else @submit.prevent="submitNew">
+        <input v-model="newTitle" autofocus placeholder="Topic title (e.g. git-workflow)" />
+        <div class="form-buttons">
+          <button type="submit">Create</button>
+          <button type="button" @click="isCreating = false">Cancel</button>
+        </div>
+      </form>
+    </div>
+    <div class="subscriptions">
+      <h3>Subscribers</h3>
+      <ul class="sub-list">
+        <li v-for="p in projects" :key="p.id">
+          <label>
+            <input
+              type="checkbox"
+              :checked="isSubscribed(p.id)"
+              @change="toggleSubscription(p.id, ($event.target as HTMLInputElement).checked)"
+            />
+            {{ p.title }}
+          </label>
+        </li>
+      </ul>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+.pane { background: var(--color-surface, #18181b); padding: 1rem; overflow-y: auto; }
+header h2 { font-family: Fraunces, serif; font-style: italic; margin: 0 0 0.5rem 0; }
+ul { list-style: none; padding: 0; margin: 1rem 0; }
+li { padding: 0.5rem; cursor: pointer; border-radius: 6px; }
+li.active { background: var(--color-primary-bg, rgba(99,102,241,0.15)); }
+li:hover { background: var(--color-hover, rgba(255,255,255,0.05)); }
+.new-topic input {
+  width: 100%; margin-bottom: 0.5rem;
+  background: var(--color-bg, #111113); color: inherit;
+  border: 1px solid var(--color-border, #2a2a2e); border-radius: 6px;
+  padding: 0.5rem;
+}
+.form-buttons { display: flex; gap: 0.5rem; }
+.subscriptions {
+  margin-top: 2rem;
+  border-top: 1px solid var(--color-border, #2a2a2e);
+  padding-top: 1rem;
+}
+.subscriptions h3 { font-size: 0.9em; opacity: 0.7; text-transform: uppercase; letter-spacing: 0.05em; }
+.sub-list li { cursor: default; }
+.sub-list label { display: flex; gap: 0.5rem; align-items: center; cursor: pointer; }
+button { cursor: pointer; }
+</style>

frontend/src/components/rules/RulebookListPane.vue

@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import { useRulebooksStore } from "@/stores/rulebooks";
+import type { Rulebook } from "@/api/rulebooks";
+
+defineProps<{ rulebooks: Rulebook[]; selectedId: number | null }>();
+const emit = defineEmits<{ select: [id: number] }>();
+
+const store = useRulebooksStore();
+const isCreating = ref(false);
+const newTitle = ref("");
+
+async function submitNew() {
+  const title = newTitle.value.trim();
+  if (!title) return;
+  const rb = await store.createRulebook({ title });
+  newTitle.value = "";
+  isCreating.value = false;
+  emit("select", rb.id);
+}
+</script>
+
+<template>
+  <aside class="pane">
+    <header><h2>Rulebooks</h2></header>
+    <ul>
+      <li
+        v-for="rb in rulebooks"
+        :key="rb.id"
+        :class="{ active: rb.id === selectedId }"
+        @click="emit('select', rb.id)"
+      >
+        <span class="title">{{ rb.title }}</span>
+      </li>
+    </ul>
+    <div class="new-rulebook">
+      <button v-if="!isCreating" @click="isCreating = true">+ New rulebook</button>
+      <form v-else @submit.prevent="submitNew">
+        <input v-model="newTitle" autofocus placeholder="Rulebook title" />
+        <div class="form-buttons">
+          <button type="submit">Create</button>
+          <button type="button" @click="isCreating = false">Cancel</button>
+        </div>
+      </form>
+    </div>
+  </aside>
+</template>
+
+<style scoped>
+.pane { background: var(--color-surface, #18181b); padding: 1rem; overflow-y: auto; }
+header h2 { font-family: Fraunces, serif; font-style: italic; margin: 0 0 0.5rem 0; }
+ul { list-style: none; padding: 0; margin: 1rem 0; }
+li { padding: 0.5rem; cursor: pointer; border-radius: 6px; }
+li.active { background: var(--color-primary-bg, rgba(99,102,241,0.15)); }
+li:hover { background: var(--color-hover, rgba(255,255,255,0.05)); }
+.new-rulebook { margin-top: 1rem; }
+.new-rulebook input {
+  width: 100%; margin-bottom: 0.5rem;
+  background: var(--color-bg, #111113); color: inherit;
+  border: 1px solid var(--color-border, #2a2a2e); border-radius: 6px;
+  padding: 0.5rem;
+}
+.form-buttons { display: flex; gap: 0.5rem; }
+button { cursor: pointer; }
+</style>

frontend/src/composables/useOnnxPreloader.ts

@@ -0,0 +1,43 @@
+import { ref, readonly } from 'vue'
+
+/**
+ * Idle-preload the Silero VAD ONNX model and its companion assets.
+ *
+ * `@ricky0123/vad-web` pulls ~2MB of ONNX model + ~5MB of onnxruntime-web
+ * WASM the first time `MicVAD.new()` runs. Calling `defaultModelFetcher`
+ * during page idle warms the browser cache so the first mic click feels
+ * instant. If the preload fails, VAD simply loads lazily on first click.
+ */
+const ready = ref(false)
+let loading = false
+
+export function useOnnxPreloader() {
+  async function preload() {
+    if (ready.value || loading) return
+    loading = true
+    try {
+      const { defaultModelFetcher } = await import('@ricky0123/vad-web')
+      // Asset lives at site root because vite-plugin-static-copy drops it
+      // there. Match whatever path MicVAD will use at call time (see useVad).
+      await defaultModelFetcher('/silero_vad_v5.onnx')
+      ready.value = true
+    } catch {
+      // Non-fatal — MicVAD will load the model itself on first use.
+    } finally {
+      loading = false
+    }
+  }
+
+  function schedulePreload() {
+    if (ready.value) return
+    if (typeof window === 'undefined') return
+    if ('requestIdleCallback' in window) {
+      (window as Window & { requestIdleCallback: (cb: () => void, opts: { timeout: number }) => void })
+        .requestIdleCallback(() => void preload(), { timeout: 5000 })
+    } else {
+      setTimeout(() => void preload(), 5000)
+    }
+  }
+
+  return { ready: readonly(ready), schedulePreload }
+}