refactor(scribe): remove calendar + entity surfaces from web UI (frontend)
CI & Build / Python lint (push) Successful in 4s
CI & Build / integration (push) Successful in 28s
CI & Build / TypeScript typecheck (push) Successful in 33s
CI & Build / Python tests (push) Successful in 46s
CI & Build / Build & push image (push) Successful in 44s

Frontend half of the narrowing (milestone #194); matches backend b49efdc.

- delete CalendarView, EventSlideOver, WeatherCard (orphan)
- drop /calendar route + nav link + the g→l keyboard shortcut
- strip the calendar-events API client + event/metadata bits from note
  types and the notes store
- KnowledgeView: remove People/Places/Lists tabs, entity cards, create
  buttons and the upcoming-events widget; keep notes/tasks/plans/processes
  + the overdue-task badge
- NoteEditorView: remove person/place/list forms + list-builder + entity
  metadata; keep note + process editors (type select = Note/Process)
- DashboardView: drop the "Upcoming · 7 days" events rail card
- SettingsView: remove the CalDAV integration card + save/test (its
  endpoints were deleted backend-side)
- prune the now-dead entity/event CSS

RecurrenceEditor + task recurrence rules are kept (task machinery, not
calendar). Verified by a full dangler sweep.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BPtbSzA4JLMAKgFZ8VTg7Q
This commit is contained in:
2026-07-19 16:10:24 -04:00
co-authored by Claude Opus 4.8
parent dd60244429
commit 12f71fabdf
13 changed files with 26 additions and 2589 deletions
+14 -266
View File
@@ -1,15 +1,11 @@
<script setup lang="ts">
import { ref, computed, watch, onMounted, onUnmounted, nextTick } from "vue";
import { useRouter } from "vue-router";
import { apiGet, apiPatch, listEvents } from "@/api/client";
import { fmtCompact } from "@/utils/dateFormat";
import { apiGet } from "@/api/client";
import GraphView from "@/views/GraphView.vue";
import {
FileText,
CheckSquare,
User,
MapPin,
List,
Workflow,
Search,
Share2,
@@ -24,28 +20,13 @@ const router = useRouter();
interface KnowledgeItem {
id: number;
note_type: "note" | "person" | "place" | "list" | "task" | "process";
note_type: "note" | "task" | "process";
title: string;
snippet: string;
tags: string[];
project_id: number | null;
metadata: Record<string, string>;
created_at: string;
updated_at: string;
// type-specific
relationship?: string;
email?: string;
phone?: string;
birthday?: string;
organization?: string;
address?: string;
hours?: string;
website?: string;
category?: string;
item_count?: number;
checked_count?: number;
list_items?: { text: string; checked: boolean }[];
body?: string;
// Task-specific
status?: string;
priority?: string;
@@ -53,16 +34,9 @@ interface KnowledgeItem {
task_kind?: "work" | "plan";
}
interface UpcomingEvent {
id: number;
title: string;
start_dt: string;
all_day: boolean;
}
// ─── Filter state ─────────────────────────────────────────────────────────────
const activeType = ref<"" | "note" | "person" | "place" | "list" | "task" | "plan" | "process">("");
const activeType = ref<"" | "note" | "task" | "plan" | "process">("");
const activeTag = ref("");
const sortMode = ref<"modified" | "created" | "alpha" | "type">("modified");
const searchQuery = ref("");
@@ -70,8 +44,8 @@ let searchDebounce: ReturnType<typeof setTimeout> | null = null;
// ─── Type counts ──────────────────────────────────────────────────────────────
interface KnowledgeCounts { note: number; person: number; place: number; list: number; task: number; plan: number; process: number; total: number }
const typeCounts = ref<KnowledgeCounts>({ note: 0, person: 0, place: 0, list: 0, task: 0, plan: 0, process: 0, total: 0 });
interface KnowledgeCounts { note: number; task: number; plan: number; process: number; total: number }
const typeCounts = ref<KnowledgeCounts>({ note: 0, task: 0, plan: 0, process: 0, total: 0 });
async function fetchCounts() {
try {
@@ -212,26 +186,17 @@ watch(activeTag, () => { fetchCounts(); resetAndReobserve(); });
// ─── Today bar ────────────────────────────────────────────────────────────────
const upcomingEvents = ref<UpcomingEvent[]>([]);
const overdueCount = ref(0);
async function fetchTodayBar() {
try {
const now = new Date();
const end = new Date(now.getTime() + 7 * 86_400_000);
const [events, taskData] = await Promise.all([
listEvents(now.toISOString(), end.toISOString()).catch(() => [] as UpcomingEvent[]),
apiGet<{ total: number }>(
`/api/tasks?status=todo&status=in_progress&overdue=true&limit=1`
).catch(() => ({ total: 0 })),
]);
upcomingEvents.value = events.slice(0, 3);
const taskData = await apiGet<{ total: number }>(
`/api/tasks?status=todo&status=in_progress&overdue=true&limit=1`
).catch(() => ({ total: 0 }));
overdueCount.value = taskData.total ?? 0;
} catch { /* silent */ }
}
const formatEventDate = fmtCompact
// ─── Graph panel ──────────────────────────────────────────────────────────────
const _GRAPH_OPEN_KEY = 'fa_knowledge_graph_open'
@@ -250,40 +215,6 @@ function toggleGraphExpand() {
localStorage.setItem(_GRAPH_EXP_KEY, String(graphExpanded.value))
}
// ─── List item toggle ─────────────────────────────────────────────────────────
async function toggleListItem(item: KnowledgeItem, index: number) {
if (!item.list_items || item.body === undefined) return;
// Optimistic update
const newChecked = !item.list_items[index].checked;
item.list_items[index].checked = newChecked;
item.checked_count = item.list_items.filter(i => i.checked).length;
// Rebuild the body by replacing the targeted checkbox line
let listIdx = 0;
const newBody = (item.body).split('\n').map(line => {
const stripped = line.trimStart();
if (stripped.startsWith('- [ ] ') || stripped.startsWith('- [x] ') || stripped.startsWith('- [X] ')) {
if (listIdx === index) {
const indent = line.length - stripped.length;
const newLine = (' '.repeat(indent)) + (newChecked ? '- [x] ' : '- [ ] ') + item.list_items![index].text;
listIdx++;
return newLine;
}
listIdx++;
}
return line;
}).join('\n');
item.body = newBody;
try {
await apiPatch(`/api/notes/${item.id}`, { body: newBody });
} catch {
reset(); // revert on error
}
}
// ─── Navigation helpers ───────────────────────────────────────────────────────
function isOverdue(item: KnowledgeItem): boolean {
@@ -352,22 +283,9 @@ onUnmounted(() => {
<div class="knowledge-root" :class="{ 'graph-open': graphOpen, 'graph-expanded': graphExpanded && graphOpen }">
<!-- Today bar -->
<div class="today-bar">
<div class="today-events">
<span v-if="upcomingEvents.length === 0" class="today-empty">No upcoming events</span>
<router-link
v-for="ev in upcomingEvents"
:key="ev.id"
:to="`/calendar`"
class="today-event-chip"
>
<span class="chip-dot"></span>
{{ ev.title }}
<span class="chip-date">{{ formatEventDate(ev.start_dt, ev.all_day) }}</span>
</router-link>
</div>
<div v-if="overdueCount > 0" class="today-bar">
<div class="today-actions">
<router-link v-if="overdueCount > 0" to="/tasks" class="overdue-badge">
<router-link to="/tasks" class="overdue-badge">
{{ overdueCount }} overdue
</router-link>
</div>
@@ -392,18 +310,6 @@ onUnmounted(() => {
<CheckSquare :size="16" />
Task
</button>
<button @click="createNew('person')">
<User :size="16" />
Person
</button>
<button @click="createNew('place')">
<MapPin :size="16" />
Place
</button>
<button @click="createNew('list')">
<List :size="16" />
List
</button>
<button @click="createNew('process')">
<Workflow :size="16" />
Process
@@ -422,11 +328,11 @@ onUnmounted(() => {
<span v-if="typeCounts.total > 1" class="filter-count">{{ typeCounts.total }}</span>
</button>
<button
v-for="[val, label, key] in ([['note','Notes','note'],['task','Tasks','task'],['plan','Plans','plan'],['person','People','person'],['place','Places','place'],['list','Lists','list'],['process','Processes','process']] as [string,string,string][])"
v-for="[val, label, key] in ([['note','Notes','note'],['task','Tasks','task'],['plan','Plans','plan'],['process','Processes','process']] as [string,string,string][])"
:key="val"
class="filter-btn"
:class="{ active: activeType === val }"
@click="activeType = (val as '' | 'note' | 'person' | 'place' | 'list' | 'task' | 'plan' | 'process')"
@click="activeType = (val as '' | 'note' | 'task' | 'plan' | 'process')"
>
<span class="filter-btn-label">{{ label }}</span>
<span v-if="typeCounts[key as keyof KnowledgeCounts] > 1" class="filter-count">{{ typeCounts[key as keyof KnowledgeCounts] }}</span>
@@ -496,54 +402,15 @@ onUnmounted(() => {
<!-- Type badge -->
<span class="type-badge" :class="item.task_kind === 'plan' ? 'badge--plan' : `badge--${item.note_type}`">
<span v-if="item.note_type === 'note'">Note</span>
<span v-else-if="item.note_type === 'person'">Person</span>
<span v-else-if="item.note_type === 'place'">Place</span>
<span v-else-if="item.note_type === 'task'">{{ item.task_kind === 'plan' ? 'Plan' : 'Task' }}</span>
<span v-else-if="item.note_type === 'process'">Process</span>
<span v-else>List</span>
</span>
<div class="k-card-body">
<div class="k-card-title">{{ item.title }}</div>
<!-- Person specifics -->
<div v-if="item.note_type === 'person'" class="k-card-meta">
<span v-if="item.relationship" class="meta-chip">{{ item.relationship }}</span>
<span v-if="item.organization" class="meta-muted">{{ item.organization }}</span>
<span v-if="item.phone" class="meta-muted">{{ item.phone }}</span>
</div>
<!-- Place specifics -->
<div v-else-if="item.note_type === 'place'" class="k-card-meta">
<span v-if="item.category" class="meta-chip">{{ item.category }}</span>
<span v-if="item.address" class="meta-muted">{{ item.address }}</span>
<span v-if="item.hours" class="meta-muted">{{ item.hours }}</span>
</div>
<!-- List specifics -->
<div v-else-if="item.note_type === 'list'" class="k-card-list" @click.stop>
<label
v-for="(li, idx) in (item.list_items ?? []).slice(0, 6)"
:key="idx"
class="list-item-row"
>
<input
type="checkbox"
:checked="li.checked"
@change="toggleListItem(item, idx)"
/>
<span :class="{ 'list-item-done': li.checked }">{{ li.text }}</span>
</label>
<div v-if="(item.list_items?.length ?? 0) > 6" class="list-item-more">
+{{ (item.list_items?.length ?? 0) - 6 }} more
</div>
<span class="list-progress" style="margin-top: 6px;">
<span class="list-progress-bar" :style="{ width: item.item_count ? `${Math.round(((item.checked_count ?? 0) / item.item_count) * 100)}%` : '0%' }"></span>
</span>
</div>
<!-- Task specifics -->
<div v-else-if="item.note_type === 'task'" class="k-card-task">
<div v-if="item.note_type === 'task'" class="k-card-task">
<div class="task-badges">
<span class="status-badge" :class="`status--${item.status}`">
{{ item.status === 'in_progress' ? 'in progress' : item.status }}
@@ -631,35 +498,6 @@ onUnmounted(() => {
font-size: 0.82rem;
flex-wrap: wrap;
}
.today-events {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.today-empty {
color: var(--color-muted);
}
.today-event-chip {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 3px 10px;
border-radius: 20px;
background: rgba(91, 74, 138, 0.1);
border: 1px solid rgba(91, 74, 138, 0.2);
color: var(--color-text);
text-decoration: none;
transition: background 0.15s;
}
.today-event-chip:hover { background: rgba(91, 74, 138, 0.18); }
.chip-dot {
width: 6px; height: 6px;
border-radius: 50%;
background: #5B4A8A;
flex-shrink: 0;
}
.chip-date { color: var(--color-muted); font-size: 0.78rem; }
.today-actions { display: flex; align-items: center; gap: 10px; }
.overdue-badge {
padding: 2px 9px;
@@ -929,14 +767,10 @@ onUnmounted(() => {
/* Type-specific card DNA */
.k-card--note { border-color: rgba(91, 74, 138, 0.20); }
.k-card--task { border-color: rgba(212, 160, 23, 0.18); }
.k-card--person { border-color: rgba(16, 185, 129, 0.18); }
.k-card--place { border-color: rgba(245, 158, 11, 0.18); }
.k-card--list { border-color: rgba(56, 189, 248, 0.18); }
/* Top gradient bars */
.k-card--note::before,
.k-card--task::before,
.k-card--list::before {
.k-card--task::before {
content: '';
position: absolute;
top: 0;
@@ -952,25 +786,6 @@ onUnmounted(() => {
right: 0;
background: linear-gradient(90deg, #d4a017, #fbbf24);
}
.k-card--list::before {
right: 0;
background: linear-gradient(90deg, #38bdf8, #7dd3fc);
}
/* Corner accents for entity types */
.k-card--person::after,
.k-card--place::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
border-radius: 0 14px 0 60px;
pointer-events: none;
}
.k-card--person::after { background: rgba(16, 185, 129, 0.06); }
.k-card--place::after { background: rgba(245, 158, 11, 0.06); }
/* Type badge */
.type-badge {
@@ -985,9 +800,6 @@ onUnmounted(() => {
letter-spacing: 0.04em;
}
.badge--note { background: rgba(91, 74, 138,0.15); color: #7A6DA8; }
.badge--person { background: rgba(16,185,129,0.15); color: #34d399; }
.badge--place { background: rgba(245,158,11,0.15); color: #fbbf24; }
.badge--list { background: rgba(56,189,248,0.15); color: #7dd3fc; }
.badge--task { background: rgba(212,160,23,0.15); color: #fbbf24; }
.badge--plan { background: rgba(99,102,241,0.18); color: #818cf8; }
@@ -1012,70 +824,6 @@ onUnmounted(() => {
line-height: 1.45;
margin: 0;
}
.k-card-meta {
display: flex;
flex-direction: column;
gap: 3px;
font-size: 0.8rem;
}
.meta-chip {
display: inline-block;
padding: 1px 8px;
border-radius: 10px;
background: rgba(255,255,255,0.06);
font-size: 0.75rem;
width: fit-content;
}
.meta-muted { color: var(--color-muted); }
/* List card items */
.k-card-list {
display: flex;
flex-direction: column;
gap: 4px;
margin-top: 2px;
}
.list-item-row {
display: flex;
align-items: baseline;
gap: 6px;
font-size: 0.82rem;
color: var(--color-text);
cursor: pointer;
line-height: 1.4;
}
.list-item-row input[type="checkbox"] {
flex-shrink: 0;
accent-color: var(--color-primary);
cursor: pointer;
}
.list-item-done {
text-decoration: line-through;
color: var(--color-text-muted);
}
.list-item-more {
font-size: 0.75rem;
color: var(--color-text-muted);
margin-top: 2px;
}
/* List progress bar */
.list-progress {
display: block;
height: 4px;
border-radius: 2px;
background: rgba(255,255,255,0.08);
overflow: hidden;
margin-bottom: 4px;
}
.list-progress-bar {
display: block;
height: 100%;
background: #38bdf8;
border-radius: 2px;
transition: width 0.3s;
}
.k-card-footer {
display: flex;
align-items: center;