fleetlens 0.4.0 → 0.6.0

package/app/apps/web/app/digest/page.tsx

@@ -0,0 +1,7 @@
+import { redirect } from "next/navigation";
+
+export const dynamic = "force-dynamic";
+
+export default function LegacyDigestIndexRedirect() {
+  redirect("/day");
+}

package/app/apps/web/app/insights/[key]/page.tsx

@@ -1,59 +1,117 @@
-/**
- * Saved-report viewer. Deep-linkable, bookmarkable, server-rendered.
- *
- * /insights           → history + picker (client-state machine)
- * /insights/[key]     → this page — reads the saved JSON off disk
- * /insights/print/[key] → headless-Chrome target for PDF export
- */
-import Link from "next/link";
 import { notFound } from "next/navigation";
-import { ArrowLeft } from "lucide-react";
-import { InsightReport } from "@/components/insight-report";
-import { getSavedReport } from "@/lib/ai/saved-reports";
+import {
+  readSettings, readWeekDigest, readMonthDigest,
+  getCurrentWeekDigestFromCache, getCurrentMonthDigestFromCache,
+} from "@claude-lens/entries/node";
+import { WeekDigestView } from "@/components/week-digest-view";
+import { MonthDigestView } from "@/components/month-digest-view";
+import { InsightsTopBar } from "@/components/insights-top-bar";
+import { currentWeekMonday, currentYearMonth } from "@/lib/entries";
 
 export const dynamic = "force-dynamic";
+export const runtime = "nodejs";
+
+const WEEK_KEY = /^week-(\d{4}-\d{2}-\d{2})$/;
+const MONTH_KEY = /^month-(\d{4}-\d{2})$/;
 
 export default async function SavedInsightPage({
   params,
 }: { params: Promise<{ key: string }> }) {
   const { key } = await params;
-  const report = await getSavedReport(key);
-  if (!report) notFound();
-
-  return (
-    <div>
-      <div className="no-print" style={topNavStyle}>
-        <Link href="/insights" style={backBtnStyle}>
-          <ArrowLeft size={12} /> Reports
-        </Link>
-        <span style={{ fontSize: 11, color: "var(--af-text-tertiary)", fontFamily: "var(--font-mono)" }}>
-          saved · key: {key}
-        </span>
+  const aiOn = readSettings().ai_features.enabled;
+
+  const weekMatch = WEEK_KEY.exec(key);
+  if (weekMatch) {
+    const monday = weekMatch[1]!;
+    const cached = monday === currentWeekMonday()
+      ? getCurrentWeekDigestFromCache(monday, Date.now())
+      : readWeekDigest(monday);
+
+    const prev = shiftMonday(monday, -7);
+    const nextRaw = shiftMonday(monday, +7);
+    const today = currentWeekMonday();
+    const nextMonday = nextRaw > today ? null : nextRaw;
+    const priorDigest = readWeekDigest(prev);
+    const prevCached = !!priorDigest;
+    const nextCached = nextMonday ? !!readWeekDigest(nextMonday) : false;
+
+    return (
+      <div>
+        <InsightsTopBar
+          scope="week"
+          currentLabel={`Week of ${monday}`}
+          rangeLabel={shortRangeMonday(monday)}
+          prev={{ key: `week-${prev}`, label: shortLabelMonday(prev), cached: prevCached }}
+          next={nextMonday ? { key: `week-${nextMonday}`, label: shortLabelMonday(nextMonday), cached: nextCached } : null}
+        />
+        <WeekDigestView initial={cached} monday={monday} aiEnabled={aiOn} prior={priorDigest} />
+      </div>
+    );
+  }
+
+  const monthMatch = MONTH_KEY.exec(key);
+  if (monthMatch) {
+    const yearMonth = monthMatch[1]!;
+    const cached = yearMonth === currentYearMonth()
+      ? getCurrentMonthDigestFromCache(yearMonth, Date.now())
+      : readMonthDigest(yearMonth);
+
+    const prev = shiftYearMonth(yearMonth, -1);
+    const nextRaw = shiftYearMonth(yearMonth, +1);
+    const today = currentYearMonth();
+    const nextYM = nextRaw > today ? null : nextRaw;
+    const prevCached = !!readMonthDigest(prev);
+    const nextCached = nextYM ? !!readMonthDigest(nextYM) : false;
+
+    return (
+      <div>
+        <InsightsTopBar
+          scope="month"
+          currentLabel={shortLabelMonth(yearMonth)}
+          prev={{ key: `month-${prev}`, label: shortLabelMonth(prev), cached: prevCached }}
+          next={nextYM ? { key: `month-${nextYM}`, label: shortLabelMonth(nextYM), cached: nextCached } : null}
+        />
+        <MonthDigestView initial={cached} yearMonth={yearMonth} aiEnabled={aiOn} />
       </div>
-      <InsightReport data={report} savedKey={key} />
-    </div>
-  );
+    );
+  }
+
+  notFound();
+}
+
+function shortRangeMonday(monday: string): string {
+  const start = new Date(`${monday}T12:00:00`);
+  const end = new Date(start);
+  end.setDate(start.getDate() + 6);
+  const fmt = (d: Date) => d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+  return `${fmt(start)} — ${fmt(end)}`;
+}
+
+function shiftMonday(monday: string, days: number): string {
+  const d = new Date(`${monday}T00:00:00`);
+  d.setDate(d.getDate() + days);
+  const y = d.getFullYear();
+  const m = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${y}-${m}-${day}`;
+}
+
+function shiftYearMonth(yearMonth: string, months: number): string {
+  const [y, m] = yearMonth.split("-");
+  const d = new Date(Number(y), Number(m) - 1 + months, 1);
+  const ny = d.getFullYear();
+  const nm = String(d.getMonth() + 1).padStart(2, "0");
+  return `${ny}-${nm}`;
+}
+
+function shortLabelMonday(monday: string): string {
+  const d = new Date(`${monday}T12:00:00`);
+  return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+}
+
+function shortLabelMonth(yearMonth: string): string {
+  const [y, m] = yearMonth.split("-");
+  const d = new Date(Number(y), Number(m) - 1, 1);
+  return d.toLocaleDateString("en-US", { month: "short", year: "2-digit" });
 }
 
-const topNavStyle: React.CSSProperties = {
-  maxWidth: 980,
-  margin: "0 auto",
-  padding: "16px 44px 0",
-  display: "flex",
-  alignItems: "center",
-  gap: 12,
-};
-
-const backBtnStyle: React.CSSProperties = {
-  display: "inline-flex",
-  alignItems: "center",
-  gap: 6,
-  padding: "7px 12px",
-  border: "1px solid var(--af-border)",
-  borderRadius: 8,
-  background: "var(--af-surface)",
-  color: "var(--af-text)",
-  fontSize: 12,
-  fontWeight: 500,
-  textDecoration: "none",
-};

package/app/apps/web/app/insights/page.tsx

@@ -1,7 +1,137 @@
-import { InsightsView } from "@/components/insights-view";
+import Link from "next/link";
+import { readSettings, readWeekDigest } from "@claude-lens/entries/node";
+import { lastCompletedWeekMonday, currentWeekMonday, listEntriesForDay } from "@/lib/entries";
+import { shouldAutoFireWeek } from "@/lib/auto-week-fire";
+import { WeekDigestView } from "@/components/week-digest-view";
+import { InsightsTopBar } from "@/components/insights-top-bar";
 
 export const dynamic = "force-dynamic";
+export const runtime = "nodejs";
 
-export default function InsightsPage() {
-  return <InsightsView />;
+function priorMonday(monday: string): string {
+  const d = new Date(`${monday}T00:00:00`);
+  d.setDate(d.getDate() - 7);
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
 }
+
+function weekDates(monday: string): string[] {
+  const out: string[] = [];
+  const start = new Date(`${monday}T00:00:00`);
+  for (let i = 0; i < 7; i++) {
+    const d = new Date(start);
+    d.setDate(start.getDate() + i);
+    out.push(`${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`);
+  }
+  return out;
+}
+
+function hasAnyEntries(monday: string): boolean {
+  for (const d of weekDates(monday)) {
+    if (listEntriesForDay(d).length > 0) return true;
+  }
+  return false;
+}
+
+function shortDateRange(monday: string): string {
+  const start = new Date(`${monday}T12:00:00`);
+  const end = new Date(start);
+  end.setDate(start.getDate() + 6);
+  const fmt = (d: Date) => d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+  return `${fmt(start)} — ${fmt(end)}`;
+}
+
+export default async function InsightsPage() {
+  const settings = readSettings();
+  const aiOn = settings.ai_features.enabled;
+  const lastWeek = lastCompletedWeekMonday();
+  const cached = readWeekDigest(lastWeek);
+  const prior = readWeekDigest(priorMonday(lastWeek));
+  const hasData = !!cached || hasAnyEntries(lastWeek);
+
+  const autoFire = aiOn && !cached && shouldAutoFireWeek(lastWeek);
+
+  // Prev/next nav targets — prev is the week before lastWeek; next is the
+  // current in-progress week (if any data) since we're already viewing the
+  // most recent completed.
+  const prevMonday = priorMonday(lastWeek);
+  const currentMonday = currentWeekMonday();
+  const nextMonday = currentMonday > lastWeek ? currentMonday : null;
+  const nextHasData = nextMonday ? hasAnyEntries(nextMonday) : false;
+
+  return (
+    <div style={{ paddingBottom: 64 }}>
+      <InsightsTopBar
+        scope="week"
+        currentLabel={`Week of ${lastWeek}`}
+        rangeLabel={shortDateRange(lastWeek)}
+        prev={{ key: `week-${prevMonday}`, label: shortDateRange(prevMonday).split(" — ")[0]!, cached: !!prior }}
+        next={nextMonday && nextHasData
+          ? { key: `week-${nextMonday}`, label: shortDateRange(nextMonday).split(" — ")[0]!, cached: false }
+          : null}
+      />
+
+      <section style={{ paddingTop: 8 }}>
+        {hasData ? (
+          <WeekDigestView
+            initial={cached}
+            monday={lastWeek}
+            aiEnabled={aiOn}
+            autoFire={autoFire}
+            prior={prior}
+          />
+        ) : (
+          <EmptyState aiOn={aiOn} />
+        )}
+      </section>
+    </div>
+  );
+}
+
+function EmptyState({ aiOn }: { aiOn: boolean }) {
+  return (
+    <div style={{
+      maxWidth: 720, margin: "16px auto 0", padding: "20px 40px",
+    }}>
+      <div style={{
+        padding: "20px 22px", borderRadius: 12,
+        background: "var(--af-surface)",
+        border: "1px dashed var(--af-border)",
+      }}>
+        <div style={{
+          fontSize: 11, fontWeight: 700, letterSpacing: "0.08em",
+          textTransform: "uppercase", color: "var(--af-text-tertiary)", marginBottom: 6,
+        }}>No data yet</div>
+        <p style={{ fontSize: 13, lineHeight: 1.6, margin: "0 0 12px", color: "var(--af-text)" }}>
+          A week digest needs per-day perception entries first. Each session you run with Claude Code generates entries automatically; once a few days have passed, this page will start producing a weekly retrospective.
+        </p>
+        <p style={{ fontSize: 12, lineHeight: 1.6, margin: "0 0 14px", color: "var(--af-text-secondary)" }}>
+          {aiOn
+            ? "AI features are on. Run any session, then revisit — or use the home page to backfill recent days from existing transcripts."
+            : "AI narratives are off. Enable them in Settings to see headlines, friction patterns, and weekly suggestions."}
+        </p>
+        <div style={{ display: "flex", gap: 8, flexWrap: "wrap" }}>
+          <Link href="/" style={ctaPrimary}>
+            Home · backfill recent days
+          </Link>
+          {!aiOn && (
+            <Link href="/settings" style={ctaSecondary}>
+              Settings · enable AI features
+            </Link>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+const ctaPrimary: React.CSSProperties = {
+  padding: "7px 12px", borderRadius: 6,
+  background: "var(--af-accent)", color: "white",
+  fontSize: 12, fontWeight: 600, textDecoration: "none",
+};
+
+const ctaSecondary: React.CSSProperties = {
+  padding: "7px 12px", borderRadius: 6,
+  background: "transparent", border: "1px solid var(--af-border)",
+  color: "var(--af-text)", fontSize: 12, fontWeight: 500, textDecoration: "none",
+};

package/app/apps/web/app/layout.tsx

@@ -2,9 +2,15 @@ import type { Metadata } from "next";
 import { cookies } from "next/headers";
 import { Sidebar } from "@/components/sidebar";
 import { LiveRefresher } from "@/components/live-refresher";
-import { LiveSessionsWidget, type LiveSessionPick } from "@/components/live-sessions-widget";
+import {
+  LiveSessionsWidget,
+  type LiveSessionPick,
+  type LiveEntrySummary,
+} from "@/components/live-sessions-widget";
+import { JobQueueWidget } from "@/components/job-queue-widget";
 import { listProjects, listSessions, walkJsonlFiles } from "@claude-lens/parser/fs";
 import { latestUsageSnapshot } from "@/lib/usage-data";
+import { buildEntriesIndex } from "@/lib/entries-index";
 import pkg from "../package.json" with { type: "json" };
 import "./globals.css";
 
@@ -16,12 +22,13 @@ export const metadata: Metadata = {
 export const dynamic = "force-dynamic";
 
 export default async function RootLayout({ children }: { children: React.ReactNode }) {
-  const [projects, allFiles, recentSessions] = await Promise.all([
+  const [projects, allFiles, recentSessions, entriesIndex] = await Promise.all([
     listProjects(),
     walkJsonlFiles(),
     // Only need the newest-mtime slice — the widget filters to the 45s
     // live window client-side.
     listSessions({ limit: 20 }),
+    buildEntriesIndex(),
   ]);
   const totalSessions = allFiles.length;
   const currentUsage = latestUsageSnapshot();
@@ -40,6 +47,18 @@ export default async function RootLayout({ children }: { children: React.ReactNo
     agentName: s.agentName,
   }));
 
+  const liveEntrySummaries: Record<string, LiveEntrySummary> = {};
+  for (const s of recentSessions) {
+    const list = entriesIndex.bySession.get(s.id) ?? [];
+    if (list.length === 0) continue;
+    const latest = list[list.length - 1]!;
+    liveEntrySummaries[s.id] = {
+      outcome: latest.enrichment.outcome ?? null,
+      enrichmentStatus: latest.enrichment.status,
+      localDay: latest.local_day,
+    };
+  }
+
   // Read the theme cookie set by the client-side ThemeToggle.
   // After the first visit the cookie is always present, so the server
   // renders with the correct data-theme attribute — no FOUC, no inline
@@ -76,7 +95,8 @@ export default async function RootLayout({ children }: { children: React.ReactNo
             {children}
           </main>
         </div>
-        <LiveSessionsWidget sessions={liveSessionPicks} />
+        <LiveSessionsWidget sessions={liveSessionPicks} entrySummaries={liveEntrySummaries} />
+        <JobQueueWidget />
       </body>
     </html>
   );

package/app/apps/web/app/page.tsx

@@ -12,8 +12,12 @@ import {
 import { DashboardView } from "@/components/dashboard-view";
 import { DateRangeFilter } from "@/components/date-range-filter";
 import { LiveBadge } from "@/components/live-badge";
+import { YesterdayHero } from "@/components/yesterday-hero";
+import { RecentDaysPanel } from "@/components/recent-days-panel";
+import type { DaySummary } from "@/components/heatmap";
 import { cutoffMs, parseRange } from "@/lib/date-range";
 import { listSessions } from "@/lib/data";
+import { buildEntriesIndex, listCachedDayDigests } from "@/lib/entries-index";
 import { formatDuration, formatTokens, formatRelative, prettyProjectName } from "@/lib/format";
 import Link from "next/link";
 
@@ -37,9 +41,27 @@ export default async function DashboardHome({
   const range = parseRange(rangeParam);
   const cutoff = cutoffMs(range);
 
-  const allSessions = await listSessions();
+  const [allSessions, entriesIndex, cachedDigests] = await Promise.all([
+    listSessions(),
+    buildEntriesIndex(),
+    listCachedDayDigests(),
+  ]);
   const sessions = filterByRange(allSessions, cutoff);
 
+  // Heatmap day summaries — outcome from index, headline + helpfulness from cached digests
+  const daySummaries = new Map<string, DaySummary>();
+  for (const [date, outcome] of entriesIndex.dayOutcome) {
+    daySummaries.set(date, { outcome, headline: null, helpfulness: null });
+  }
+  for (const [date, digest] of cachedDigests) {
+    const cur = daySummaries.get(date) ?? { outcome: digest.outcome_day, headline: null, helpfulness: null };
+    daySummaries.set(date, {
+      outcome: cur.outcome ?? digest.outcome_day,
+      headline: digest.headline,
+      helpfulness: digest.helpfulness_day,
+    });
+  }
+
   // Top projects: total tokens desc with session count as tiebreaker.
   const projects = groupByProject(sessions)
     .sort((a, b) => {
@@ -106,13 +128,18 @@ export default async function DashboardHome({
         <DateRangeFilter current={range} />
       </header>
 
-      <DashboardView sessions={sessions} />
+      {/* TodayHero removed: generating a digest mid-day produces a partial
+          snapshot of incomplete work. Yesterday's hero stays since the day
+          is closed and the digest is final. */}
+      <YesterdayHero />
+
+      <DashboardView sessions={sessions} daySummaries={daySummaries} />
 
-      {/* Top projects + Recent sessions */}
+      {/* Top projects + Recent sessions + Recent days */}
       <section
         style={{
           display: "grid",
-          gridTemplateColumns: "1fr 1.4fr",
+          gridTemplateColumns: "minmax(260px, 1fr) minmax(260px, 1.4fr) minmax(260px, 1fr)",
           gap: 16,
         }}
       >
@@ -301,6 +328,8 @@ export default async function DashboardHome({
             )}
           </div>
         </div>
+
+        <RecentDaysPanel />
       </section>
     </div>
   );

package/app/apps/web/app/parallelism/gantt-chart.tsx

@@ -8,7 +8,16 @@ import {
   type GanttSession,
   type ParallelismBurst,
 } from "@claude-lens/parser";
+import type { DayOutcome, EntryEnrichmentStatus } from "@claude-lens/entries";
 import { formatDuration, formatTokens, prettyProjectName } from "@/lib/format";
+import { OutcomePill, OUTCOME_STYLES } from "@/components/outcome-pill";
+
+export type SessionEntrySummary = {
+  outcome: DayOutcome | null;
+  briefSummary: string | null;
+  enrichmentStatus: EntryEnrichmentStatus;
+  localDay: string;
+};
 
 const ROW_HEIGHT = 30;
 const ROW_GAP = 3;
@@ -61,9 +70,11 @@ function fmtTime(ms: number): string {
 export function GanttChart({
   gantt,
   bursts = [],
+  sessionEntries = {},
 }: {
   gantt: GanttDay;
   bursts?: ParallelismBurst[];
+  sessionEntries?: Record<string, SessionEntrySummary>;
 }) {
   const [hover, setHover] = useState<{
     session: GanttSession;
@@ -632,6 +643,21 @@ export function GanttChart({
                         flexShrink: 0,
                       }}
                     />
+                    {(() => {
+                      const sum = sessionEntries[session.id];
+                      if (sum?.outcome) {
+                        return (
+                          <span
+                            title={OUTCOME_STYLES[sum.outcome]?.label ?? sum.outcome}
+                            style={{ fontSize: 11, lineHeight: 1, flexShrink: 0 }}
+                            aria-hidden
+                          >
+                            {OUTCOME_STYLES[sum.outcome]?.icon ?? ""}
+                          </span>
+                        );
+                      }
+                      return null;
+                    })()}
                     <Link
                       href={`/sessions/${session.id}`}
                       style={{
@@ -809,8 +835,34 @@ export function GanttChart({
               lineHeight: 1.45,
             }}
           >
+            {(() => {
+              const sum = sessionEntries[hover.session.id];
+              if (!sum) return null;
+              if (sum.outcome) {
+                return (
+                  <div style={{ marginBottom: 6 }}>
+                    <OutcomePill outcome={sum.outcome} size="sm" />
+                  </div>
+                );
+              }
+              if (sum.enrichmentStatus !== "done" && sum.enrichmentStatus !== "skipped_trivial") {
+                return (
+                  <div style={{ marginBottom: 6 }}>
+                    <OutcomePill
+                      outcome={null}
+                      pending
+                      sessionId={hover.session.id}
+                      localDay={sum.localDay}
+                      size="sm"
+                    />
+                  </div>
+                );
+              }
+              return null;
+            })()}
             <div style={{ fontWeight: 600, marginBottom: 4 }}>
-              {stripXml(hover.session.firstUserPreview ?? "").slice(0, 100) ||
+              {sessionEntries[hover.session.id]?.briefSummary ||
+                stripXml(hover.session.firstUserPreview ?? "").slice(0, 100) ||
                 prettyProjectName(hover.session.projectName)}
             </div>
             <div
@@ -863,6 +915,7 @@ export function GanttChart({
         <BurstDetailModal
           burst={bursts[detailBurstIdx]!}
           gantt={gantt}
+          sessionEntries={sessionEntries}
           onClose={() => setDetailBurstIdx(null)}
           onShowInTimeline={() => {
             const idx = detailBurstIdx;
@@ -1110,11 +1163,13 @@ function ConcurrencyInfoModal({ onClose }: { onClose: () => void }) {
 function BurstDetailModal({
   burst,
   gantt,
+  sessionEntries,
   onClose,
   onShowInTimeline,
 }: {
   burst: ParallelismBurst;
   gantt: GanttDay;
+  sessionEntries: Record<string, SessionEntrySummary>;
   onClose: () => void;
   onShowInTimeline: () => void;
 }) {
@@ -1697,8 +1752,19 @@ function BurstDetailModal({
                         textAlign: "right",
                         whiteSpace: "nowrap",
                         flexShrink: 0,
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "flex-end",
+                        gap: 4,
                       }}
                     >
+                      {(() => {
+                        const sum = sessionEntries[s.id];
+                        if (sum?.outcome) {
+                          return <OutcomePill outcome={sum.outcome} size="sm" label="text" />;
+                        }
+                        return null;
+                      })()}
                       <div style={{ color: "var(--af-text-secondary)" }}>
                         {formatDuration(activeMs)}{" "}
                         <span style={{ opacity: 0.6 }}>({activePct}%)</span>