fleetlens 0.2.9 → 0.4.0

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

@@ -0,0 +1,73 @@
+/**
+ * Print-mode rendering target for `/api/insights/pdf/[key]`.
+ *
+ * Server-renders the saved report with the sidebar and floating widgets
+ * hidden, light theme forced, and print-optimised spacing. Chrome headless
+ * points at this URL when generating the PDF.
+ */
+import { notFound } from "next/navigation";
+import { InsightReport } from "@/components/insight-report";
+import { getSavedReport } from "@/lib/ai/saved-reports";
+
+export const dynamic = "force-dynamic";
+
+export default async function PrintInsightPage({
+  params,
+}: { params: Promise<{ key: string }> }) {
+  const { key } = await params;
+  const report = await getSavedReport(key);
+  if (!report) notFound();
+
+  return (
+    <div data-theme="light" data-print-mode="true" style={{ background: "white" }}>
+      <style>{`
+        /* Neutralise the root-layout viewport lock so content paginates freely. */
+        html, body {
+          height: auto !important;
+          min-height: 0 !important;
+          overflow: visible !important;
+          background: white !important;
+          margin: 0 !important;
+          padding: 0 !important;
+        }
+        body > div[style*="height: 100vh"],
+        body > div[style*="height:100vh"] {
+          display: block !important;
+          height: auto !important;
+          min-height: 0 !important;
+        }
+        main {
+          flex: none !important;
+          padding: 0 !important;
+          margin: 0 !important;
+          width: 100% !important;
+          min-height: 0 !important;
+          overflow: visible !important;
+        }
+
+        /* Hide everything that isn't the report itself. */
+        aside, [data-sidebar], .af-sidebar,
+        [data-live-refresher], .af-live-widget,
+        nav[aria-label="Main"], header[data-app-header] { display: none !important; }
+        .no-print { display: none !important; }
+
+        /* Report layout tuned for letter paper. */
+        .report-root {
+          max-width: none !important;
+          margin: 0 !important;
+          padding: 36px 48px 48px !important;
+          color: var(--af-text) !important;
+        }
+        .report-root section { page-break-inside: auto; }
+        .report-root section > header,
+        .report-root [role="heading"],
+        .report-root h1, .report-root h2, .report-root h3 {
+          page-break-after: avoid;
+          break-after: avoid;
+        }
+        @page { size: letter; margin: 0.4in; }
+      `}</style>
+      <InsightReport data={report} />
+    </div>
+  );
+}

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

@@ -36,6 +36,8 @@ export default async function RootLayout({ children }: { children: React.ReactNo
     lastAgentPreview: s.lastAgentPreview,
     firstTimestamp: s.firstTimestamp,
     lastTimestamp: s.lastTimestamp,
+    teamName: s.teamName,
+    agentName: s.agentName,
   }));
 
   // Read the theme cookie set by the client-side ThemeToggle.

package/app/apps/web/app/projects/[slug]/page.tsx

@@ -8,6 +8,7 @@ import {
 } from "@claude-lens/parser";
 import { DashboardView } from "@/components/dashboard-view";
 import { LiveBadge } from "@/components/live-badge";
+import { TeamBadge } from "@/components/team-badge";
 import { formatDuration, formatRelative, prettyProjectName } from "@/lib/format";
 import { ArrowLeft } from "lucide-react";
 
@@ -219,6 +220,7 @@ export default async function ProjectDetail({ params }: { params: Promise<{ slug
                         <em style={{ color: "var(--af-text-tertiary)" }}>(no user message)</em>
                       )}
                     </span>
+                    <TeamBadge session={s} linkable={false} />
                   </div>
                 </div>
                 <div

package/app/apps/web/app/sessions/[id]/page.tsx

@@ -1,5 +1,10 @@
 import { notFound } from "next/navigation";
 import { getSession } from "@/lib/data";
+import { loadTeamForSession, findTeamLead } from "@claude-lens/parser/fs";
+import {
+  teamViewToTimelineData,
+  type TimelineData,
+} from "./team-tab/adapter";
 import { SessionView } from "./session-view";
 
 export const dynamic = "force-dynamic";
@@ -13,6 +18,27 @@ export default async function SessionDetailPage({
   const session = await getSession(id);
   if (!session) return notFound();
 
+  // Only attempt the team load when this session is actually orchestrating
+  // a team. A bare teamName tag (without TeamCreate or outbound SendMessage)
+  // is just an environmental artifact and shouldn't surface a Team tab.
+  let teamProps: (TimelineData & { teamName: string }) | null = null;
+  if (session.isTeamLead) {
+    const result = await loadTeamForSession(id);
+    if (result) {
+      teamProps = {
+        ...teamViewToTimelineData(result.view, result.details),
+        teamName: result.view.teamName,
+      };
+    }
+  }
+
+  // For team member sessions, find the lead so we can show a "back to
+  // team lead" navigation link.
+  let teamLeadInfo: { leadSessionId: string; teamName: string; agentName: string } | null = null;
+  if (!session.isTeamLead && session.teamName && session.agentName) {
+    teamLeadInfo = await findTeamLead(id);
+  }
+
   // Strip the `raw` field from every event before serializing to the
   // client. The parser keeps `raw` around for the Debug tab, but it's a
   // full verbatim copy of the JSONL line — for an 8.7 MB session file
@@ -24,5 +50,5 @@ export default async function SessionDetailPage({
     events: session.events.map((e) => ({ ...e, raw: undefined })),
   };
 
-  return <SessionView session={stripped} />;
+  return <SessionView session={stripped} team={teamProps} teamLead={teamLeadInfo} />;
 }