@lightupai/polaris 0.0.52 → 0.0.53

package/Makefile

@@ -1,4 +1,4 @@
-.PHONY: dev dev-up dev-down api web daemon bridge test clean
+.PHONY: dev dev-up dev-down api web daemon bridge test clean prod
 
 # Load .env if it exists
 ifneq (,$(wildcard .env))
@@ -45,15 +45,29 @@ bridge:
 	  else echo "Skipping bridge (no Slack-connected org found)"; fi; \
 	fi
 
+# Run web locally against prod DB
+# Opens SSH tunnel to prod postgres, starts web app with hot reload, cleans up on Ctrl-C.
+prod:
+	@lsof -ti :3000 | xargs kill -9 2>/dev/null || true
+	@lsof -ti :5433 | xargs kill -9 2>/dev/null || true
+	@PW=$$(ssh deploy@withpolaris.ai "grep POSTGRES_PASSWORD /opt/polaris/.env" | cut -d= -f2); \
+	PG_IP=$$(ssh deploy@withpolaris.ai "docker inspect polaris-postgres-1 --format '{{range .NetworkSettings.Networks}}{{.IPAddress}}{{end}}'"); \
+	echo "Tunneling prod postgres ($$PG_IP:5432) to localhost:5433"; \
+	ssh -f -N -L 5433:$$PG_IP:5432 deploy@withpolaris.ai; \
+	echo "Starting web app on http://localhost:3000 (prod DB)"; \
+	DATABASE_URL=postgres://polaris:$$PW@localhost:5433/polaris npx bun --hot run src/web/serve.ts; \
+	lsof -ti :5433 | xargs kill 2>/dev/null || true
+
 # Run tests
 test:
 	npx bun test
 
-# Stop all background processes and Postgres
+# Stop all background processes, tunnels, and Postgres
 clean:
 	@lsof -ti :4321 | xargs kill -9 2>/dev/null || true
 	@lsof -ti :4322 | xargs kill -9 2>/dev/null || true
 	@lsof -ti :3000 | xargs kill -9 2>/dev/null || true
+	@lsof -ti :5433 | xargs kill -9 2>/dev/null || true
 	@pgrep -f "bridge.ts" | xargs kill -9 2>/dev/null || true
 	docker compose down
 	@echo "Cleaned up"

package/README.md

@@ -97,6 +97,46 @@ Copy `.env.example` to `.env` and fill in your credentials. All settings are loa
 | `SLACK_APP_TOKEN` | Slack app-level token (for Socket Mode) |
 | `SLACK_REDIRECT_URI` | Slack OAuth callback URL |
 
+### Local Google OAuth setup
+
+Login — both `polaris login --local` and the dashboard — uses Google SSO, so you need a Google OAuth client. (The repo ships `scripts/setup-google-oauth.sh`, but it overwrites `.env` and its automation is unreliable; set it up manually.)
+
+1. Open the [Google Cloud Console → Credentials](https://console.cloud.google.com/apis/credentials) and create or select a project.
+2. **OAuth consent screen** (now called the *Google Auth Platform*): set User type **External**, fill in an app name and support email, and Save.
+3. **Add yourself as a Test user.** In the redesigned console this moved — it's no longer on the consent screen. Go to **APIs & Services → OAuth consent screen → Audience** (left sidebar) — or directly [console.cloud.google.com/auth/audience](https://console.cloud.google.com/auth/audience) — and under **Test users** click **+ Add users**, add the email you'll sign in with, and Save. This is **required** while the app is in *Testing* mode; without it, sign-in is blocked with `access_denied`.
+4. **Create Credentials → OAuth client ID → Web application**.
+5. Under **Authorized redirect URIs** (not "JavaScript origins"), add this **exactly**:
+   ```
+   http://localhost:3000/auth/google/callback
+   ```
+   It must match character-for-character — no trailing slash, `http` not `https`, `localhost` not `127.0.0.1`, port `3000`. This is the value the app sends by default (override with `GOOGLE_REDIRECT_URI`).
+6. Copy the **Client ID** and **Client Secret** into `.env` — edit the existing empty lines, don't recreate the file (you'd lose `POSTGRES_PASSWORD`, the JWT secret, etc.):
+   ```
+   GOOGLE_CLIENT_ID=<your-client-id>.apps.googleusercontent.com
+   GOOGLE_CLIENT_SECRET=<your-secret>
+   ```
+7. Reload so the values take effect: `make clean && make dev`.
+
+> Redirect-URI changes can take a few minutes to propagate on Google's side. If you get `redirect_uri_mismatch` immediately after saving, wait ~5 minutes and retry.
+
+### Local Slack app setup (optional)
+
+Slack is optional — without `SLACK_APP_TOKEN`, `make dev` just skips the bridge. Set it up to mirror sessions to Slack channels. Slack has no API to create apps, so this is manual (`scripts/setup-slack-app.sh` walks you through it and **appends** to `.env`, so it won't clobber existing values).
+
+1. Go to [api.slack.com/apps](https://api.slack.com/apps) → **Create New App → From scratch**. Name it "Polaris" and pick your dev workspace.
+2. **OAuth & Permissions**: under **Redirect URLs** add `http://localhost:3000/slack/callback` and Save. Under **Bot Token Scopes**, add: `channels:manage`, `channels:join`, `channels:read`, `chat:write`, `users:read`, `users:read.email`.
+3. **Socket Mode**: toggle **Enable Socket Mode** on, then generate an app-level token (scope `connections:write`). Copy it — this is `SLACK_APP_TOKEN` (starts with `xapp-`).
+4. **Event Subscriptions**: toggle **Enable Events** on, and under **Subscribe to bot events** add `message.channels`, then Save. (This is what lets Slack messages reach a session.)
+5. **Basic Information**: copy the **Client ID** and **Client Secret**.
+6. Add all three to `.env`:
+   ```
+   SLACK_CLIENT_ID=<client-id>
+   SLACK_CLIENT_SECRET=<client-secret>
+   SLACK_APP_TOKEN=xapp-<socket-mode-token>
+   ```
+   (`SLACK_REDIRECT_URI` defaults to `http://localhost:3000/slack/callback`.)
+7. Reload: `make clean && make dev`, then click **Connect Slack** on the dashboard to install the bot into your workspace.
+
 ### Optional
 
 | Variable | Default | Description |

package/docs/seo-geo.md

@@ -0,0 +1,146 @@
+# SEO & Geo — Tracker
+
+## Completed
+
+- [x] **Meta tags** — title, description on every page via `SeoOpts` in layout
+- [x] **Open Graph tags** — og:title, og:description, og:image, og:url for rich link previews on Slack/Twitter/LinkedIn
+- [x] **Twitter cards** — summary_large_image format with title, description, image
+- [x] **OG image** — 1200x630 PNG of hero section served at `/og-image.png` with 24h cache
+- [x] **Canonical URL** — set to `https://app.withpolaris.ai`
+- [x] **robots.txt** — allows all crawlers, points to sitemap
+- [x] **sitemap.xml** — lists the landing page
+- [x] **Cloudflare DNS** — domain managed on Cloudflare with MX + SPF records
+- [x] **Email routing** — `*@withpolaris.ai` forwards to `support@lightup.ai`
+
+## SEO — To Do
+
+### High Priority
+
+- [ ] **Submit sitemap to Google Search Console**
+  Register `app.withpolaris.ai` at https://search.google.com/search-console.
+  Verify ownership via Cloudflare DNS TXT record. Submit sitemap URL.
+
+- [ ] **Add analytics**
+  No traffic data currently. Options:
+  - Plausible (privacy-friendly, lightweight, ~$9/mo)
+  - Google Analytics (free, full-featured, heavier)
+  - Cloudflare Web Analytics (free, built into Cloudflare dashboard)
+  Add the tracking script to the layout.
+
+- [ ] **Self-host Tailwind CSS**
+  Currently loading Tailwind CDN (~300KB) on every page. Purge and self-host
+  to reduce to ~10KB. Improves page speed and Core Web Vitals score.
+  Affects Google ranking.
+
+### Medium Priority
+
+- [ ] **Schema markup (JSON-LD)**
+  Add structured data for SoftwareApplication and Organization.
+  Helps Google show rich results (product name, pricing, etc.).
+  ```json
+  {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    "name": "Polaris",
+    "applicationCategory": "DeveloperApplication",
+    "operatingSystem": "macOS, Linux",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "USD"
+    }
+  }
+  ```
+
+- [ ] **Blog / content marketing**
+  Long-tail SEO needs content pages targeting search terms:
+  - "How to collaborate on Claude Code sessions"
+  - "AI session capture for engineering teams"
+  - "Multiplayer AI coding with Slack"
+  - "AI agent observability for developers"
+  - "Gong for AI coding"
+  Options: simple `/blog` route with markdown rendering, or a subdomain `blog.withpolaris.ai`.
+
+- [ ] **Heading hierarchy audit**
+  Ensure proper h1 → h2 → h3 structure on the landing page.
+  Only one h1 per page. Check that section headers use correct levels.
+
+### Low Priority
+
+- [ ] **Favicon**
+  No favicon set. Add one for browser tabs and bookmarks.
+  Use the Polaris hub icon or a simplified version.
+
+- [ ] **404 page**
+  Custom 404 page with navigation back to the landing page.
+  Currently returns a default error.
+
+- [ ] **Page title for dashboard pages**
+  Dashboard, profile, and other authenticated pages should have
+  descriptive titles (e.g., "Dashboard — Polaris") instead of just "Polaris".
+
+- [ ] **Alt text on images**
+  The Claude Code PNG icon and any other images need alt text for
+  accessibility and SEO.
+
+## Geo — To Do
+
+### High Priority
+
+- [ ] **Enable Cloudflare proxy (orange cloud)**
+  DNS records for `app.withpolaris.ai` and `api.withpolaris.ai` are
+  likely DNS-only (gray cloud). Switching to proxied gives:
+  - Free global CDN (faster loads worldwide)
+  - Automatic caching of static assets
+  - DDoS protection
+  - Web Application Firewall
+  Note: Caddy handles HTTPS on the server. Enabling Cloudflare proxy
+  means Cloudflare terminates TLS and connects to Caddy. Need to set
+  Cloudflare SSL mode to "Full (strict)" and ensure Caddy's certs
+  are valid. Test carefully.
+
+### Medium Priority
+
+- [ ] **Check server location**
+  Verify where the Hetzner VPS is located (likely EU — Finland or Germany).
+  If most users are US-based, consider:
+  - Migrating to a US Hetzner datacenter (Ashburn, VA)
+  - Or relying on Cloudflare proxy to cache static content at edge
+
+- [ ] **Cache headers for static assets**
+  OG image has 24h cache. Landing page HTML has `Cache-Control: no-store`.
+  Consider adding short cache (5-10 min) for the landing page since it
+  changes infrequently. CSS/JS should have long cache with versioned URLs.
+
+### Low Priority
+
+- [ ] **Content localization**
+  Not needed yet. English only. Revisit if expanding to non-English markets.
+
+- [ ] **CDN for the npm package**
+  The CLI is published to npm. npm CDN (unpkg, jsdelivr) handles global
+  distribution automatically. No action needed.
+
+## Target Keywords
+
+Primary:
+- "AI coding session recording"
+- "Claude Code collaboration"
+- "AI agent observability"
+- "Slack integration for AI coding"
+- "Gong for AI coding"
+
+Secondary:
+- "AI session capture tool"
+- "multiplayer AI coding"
+- "AI coding agent memory"
+- "context graph for AI agents"
+- "engineering knowledge capture AI"
+
+## Useful Links
+
+- Google Search Console: https://search.google.com/search-console
+- OG image tester: https://www.opengraph.xyz/
+- Twitter card validator: https://cards-dev.twitter.com/validator
+- PageSpeed Insights: https://pagespeed.web.dev/
+- Cloudflare dashboard: https://dash.cloudflare.com/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightupai/polaris",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "type": "module",
   "bin": {
     "polaris": "bin/polaris",

package/src/service/db.ts

@@ -10,6 +10,7 @@ export interface Org {
   name: string;
   slug: string | null;
   domain: string | null;
+  plan: string;
   slack_team_id: string | null;
   slack_bot_token: string | null;
   slack_system_channel_id: string | null;
@@ -29,13 +30,18 @@ export interface User {
 
 export async function createDb(connectionString?: string): Promise<Sql> {
   const sql = postgres(connectionString ?? process.env.DATABASE_URL ?? "postgres://polaris:polaris@localhost:5432/polaris");
+  await ensureSchema(sql);
+  return sql;
+}
 
+export async function ensureSchema(sql: Sql): Promise<void> {
   await sql`
     CREATE TABLE IF NOT EXISTS orgs (
       id TEXT PRIMARY KEY,
       name TEXT NOT NULL,
       slug TEXT UNIQUE,
       domain TEXT,
+      plan TEXT NOT NULL DEFAULT 'free',
       slack_team_id TEXT,
       slack_bot_token TEXT,
       slack_system_channel_id TEXT,
@@ -43,6 +49,9 @@ export async function createDb(connectionString?: string): Promise<Sql> {
     )
   `;
 
+  // Migrate: add plan column if missing
+  await sql`ALTER TABLE orgs ADD COLUMN IF NOT EXISTS plan TEXT NOT NULL DEFAULT 'free'`;
+
   await sql`
     CREATE TABLE IF NOT EXISTS users (
       id TEXT PRIMARY KEY,
@@ -119,19 +128,33 @@ export async function createDb(connectionString?: string): Promise<Sql> {
     CREATE INDEX IF NOT EXISTS idx_events_session ON events(project_id, session, timestamp)
   `;
 
-  return sql;
+  await sql`
+    CREATE TABLE IF NOT EXISTS plan_changes (
+      id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
+      org_id TEXT NOT NULL REFERENCES orgs(id),
+      user_id TEXT NOT NULL REFERENCES users(id),
+      from_plan TEXT NOT NULL,
+      to_plan TEXT NOT NULL,
+      created_at TIMESTAMPTZ NOT NULL DEFAULT now()
+    )
+  `;
 }
 
 // --- Orgs ---
 
-export async function createOrg(sql: Sql, id: string, name: string, domain?: string): Promise<Org> {
+export async function createOrg(sql: Sql, id: string, name: string, domain?: string, plan?: string): Promise<Org> {
   const [row] = await sql`
-    INSERT INTO orgs (id, name, domain) VALUES (${id}, ${name}, ${domain ?? null})
+    INSERT INTO orgs (id, name, domain, plan) VALUES (${id}, ${name}, ${domain ?? null}, ${plan ?? "free"})
     RETURNING *
   `;
   return { ...row, created_at: row.created_at.toISOString() } as Org;
 }
 
+export async function setOrgPlan(sql: Sql, orgId: string, fromPlan: string, toPlan: string, userId: string): Promise<void> {
+  await sql`UPDATE orgs SET plan = ${toPlan} WHERE id = ${orgId}`;
+  await sql`INSERT INTO plan_changes (org_id, user_id, from_plan, to_plan) VALUES (${orgId}, ${userId}, ${fromPlan}, ${toPlan})`;
+}
+
 export async function getOrg(sql: Sql, id: string): Promise<Org | null> {
   const [row] = await sql`SELECT * FROM orgs WHERE id = ${id}`;
   if (!row) return null;
@@ -343,6 +366,18 @@ export async function getSessionPromptCounts(sql: Sql, orgId: string): Promise<M
   return counts;
 }
 
+export async function getDailyPromptCounts(sql: Sql, orgId: string, days = 14): Promise<Array<{ date: string; sender: string; count: number }>> {
+  const rows = await sql`
+    SELECT date_trunc('day', e.timestamp)::date as date, e.sender, count(*)::int as count
+    FROM events e
+    WHERE e.org_id = ${orgId} AND e.payload->>'hook_event_name' = 'UserPromptSubmit'
+      AND e.timestamp >= now() - ${days + ' days'}::interval
+    GROUP BY date, e.sender
+    ORDER BY date ASC
+  `;
+  return rows.map((r) => ({ date: r.date.toISOString().slice(0, 10), sender: r.sender, count: r.count }));
+}
+
 export async function setDriver(sql: Sql, orgId: string, project: string, session: string, driver: ParticipantId): Promise<void> {
   await sql`
     UPDATE sessions SET driver = ${driver}

package/src/web/app.ts

@@ -16,6 +16,8 @@ import {
   getProjectEvents,
   getRecentSignups,
   listUsers,
+  setOrgPlan,
+  getDailyPromptCounts,
   type Sql,
 } from "../service/db";
 import { layout, nav } from "./layout";
@@ -55,6 +57,23 @@ function notifySignup(opts: { name: string; email: string; domain: string; orgNa
   }).catch(() => {});
 }
 
+export function notifyPlanChange(opts: { name: string; email: string; orgName: string; fromPlan: string; toPlan: string }): void {
+  const botToken = process.env.SIGNUP_SLACK_BOT_TOKEN;
+  if (!botToken) return;
+
+  const emoji = opts.toPlan === "free" ? ":arrow_down:" : ":arrow_up:";
+  const text = `${emoji} *${opts.name}* (${opts.email}) changed plan: ${opts.fromPlan} → ${opts.toPlan} — ${opts.orgName}`;
+
+  fetch("https://slack.com/api/chat.postMessage", {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${botToken}`,
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ channel: SIGNUP_CHANNEL, text }),
+  }).catch(() => {});
+}
+
 function startSignupRollup(sql: Sql): void {
   const HOUR = 60 * 60 * 1000;
 
@@ -121,10 +140,44 @@ export function createApp(sql: Sql) {
   // Start hourly signup rollup
   startSignupRollup(sql);
 
+  // --- SEO ---
+
+  app.get("/og-image.png", async (c) => {
+    const file = Bun.file(new URL("../../og-image.png", import.meta.url).pathname);
+    return new Response(await file.arrayBuffer(), {
+      headers: { "Content-Type": "image/png", "Cache-Control": "public, max-age=86400" },
+    });
+  });
+
+  app.get("/robots.txt", (c) => {
+    return new Response(
+      `User-agent: *\nAllow: /\n\nSitemap: https://app.withpolaris.ai/sitemap.xml`,
+      { headers: { "Content-Type": "text/plain" } }
+    );
+  });
+
+  app.get("/sitemap.xml", (c) => {
+    return new Response(
+      `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://app.withpolaris.ai</loc>
+    <changefreq>weekly</changefreq>
+    <priority>1.0</priority>
+  </url>
+</urlset>`,
+      { headers: { "Content-Type": "application/xml" } }
+    );
+  });
+
   // --- Landing page ---
 
   app.get("/", (c) => {
-    return layout(renderLandingPage());
+    return layout(renderLandingPage(), "Polaris — It's like Gong for Claude Code sessions", {
+      title: "Polaris — It's like Gong for Claude Code sessions",
+      description: "Capture every AI coding session. Stream prompts, responses, and tool calls to Slack in real time. Collaborate across agents. Nothing is lost.",
+      canonical: "https://app.withpolaris.ai",
+    });
   });
 
   // --- Auth: single Google SSO flow for both signup and login ---
@@ -169,6 +222,14 @@ export function createApp(sql: Sql) {
     // 1. Existing user → log in
     const existingUser = await getUserByEmail(sql, email);
     if (existingUser) {
+      // Upgrade org plan if signing up for a higher tier
+      if (stateData.plan && stateData.plan !== "free") {
+        const userOrg = await getOrg(sql, existingUser.org_id);
+        if (userOrg && userOrg.plan === "free") {
+          await setOrgPlan(sql, existingUser.org_id, "free", stateData.plan, existingUser.id);
+        }
+      }
+
       const token = await createToken({
         sub: existingUser.id,
         email: existingUser.email,
@@ -186,6 +247,11 @@ export function createApp(sql: Sql) {
       const participantId = `user:${name.toLowerCase().replace(/\s+/g, ".")}`;
       await createUser(sql, userId, email, name, existingOrg.id, participantId);
 
+      // Upgrade org plan if signing up for a higher tier
+      if (stateData.plan && stateData.plan !== "free" && existingOrg.plan === "free") {
+        await setOrgPlan(sql, existingOrg.id, "free", stateData.plan, userId);
+      }
+
       // Notify org's Slack system channel
       postSystemEvent({
         sql,
@@ -207,7 +273,7 @@ export function createApp(sql: Sql) {
     const orgName = domain.split(".")[0].charAt(0).toUpperCase() + domain.split(".")[0].slice(1);
     const orgId = crypto.randomUUID();
     try {
-      await createOrg(sql, orgId, orgName, domain);
+      await createOrg(sql, orgId, orgName, domain, stateData.plan);
     } catch {
       return layout(renderErrorView("Failed to create team. Please try again.", "Try again", "/login"));
     }
@@ -253,8 +319,9 @@ export function createApp(sql: Sql) {
       }
     } catch { /* _system project may not exist yet */ }
 
-    // Query team members, projects, sessions, and prompt counts
+    // Query team members, projects, sessions, prompt counts, and daily activity
     const teamMembers = await listUsers(sql, payload.org_id);
+    const dailyPrompts = await getDailyPromptCounts(sql, payload.org_id);
     const projects = (await listProjects(sql, payload.org_id)).filter((p) => p.name !== "_system");
     const allSessions = (await listSessions(sql, payload.org_id)).filter((s) => s.project !== "_system");
     const promptCounts = await getSessionPromptCounts(sql, payload.org_id);
@@ -293,6 +360,8 @@ export function createApp(sql: Sql) {
       hasConnectedSession,
       totalPrompts: Array.from(promptCounts.values()).reduce((a, b) => a + b, 0),
       teamMembers: teamMembers.map((u) => ({ name: u.name, email: u.email })),
+      plan: org.plan,
+      dailyPrompts,
     };
 
     if (hasConnectedSession) {
@@ -334,10 +403,18 @@ export function createApp(sql: Sql) {
     const base = { token: mockToken, userName: mockUser.name, orgName: mockOrg.name, orgSlug: "lightup-data" as string | null, email: mockUser.email };
 
     const mockTeam = [{ name: mockUser.name, email: mockUser.email }, { name: "Alice Chen", email: "alice@lightup.ai" }, { name: "Laura Mowry", email: "laura@lightup.ai" }];
+    const mockSenders = ["user:manu.bansal", "user:alice.chen", "user:laura.mowry"];
+    const mockDailyPrompts = mockSenders.flatMap((sender) =>
+      Array.from({ length: 14 }, (_, i) => {
+        const d = new Date(); d.setDate(d.getDate() - 13 + i);
+        return { date: d.toISOString().slice(0, 10), sender, count: Math.floor(Math.random() * 12) + 1 };
+      })
+    );
     const fresh       = { ...base, orgSlug: null, slackConnected: false, cliInstalled: false, hasConnectedSession: false, totalPrompts: 0 };
-    const slackDone   = { ...base, slackConnected: true,  cliInstalled: false, hasConnectedSession: false, totalPrompts: 0, teamMembers: mockTeam };
-    const cliDone     = { ...base, slackConnected: true,  cliInstalled: true,  hasConnectedSession: false, totalPrompts: 0, teamMembers: mockTeam };
-    const allDone     = { ...base, slackConnected: true,  cliInstalled: true,  hasConnectedSession: true,  totalPrompts: 127, teamMembers: mockTeam };
+    const slackDone   = { ...base, slackConnected: true,  cliInstalled: false, hasConnectedSession: false, totalPrompts: 0, teamMembers: mockTeam, dailyPrompts: mockDailyPrompts };
+    const cliDone     = { ...base, slackConnected: true,  cliInstalled: true,  hasConnectedSession: false, totalPrompts: 0, teamMembers: mockTeam, dailyPrompts: mockDailyPrompts };
+    const allDone     = { ...base, slackConnected: true,  cliInstalled: true,  hasConnectedSession: true,  totalPrompts: 127, teamMembers: mockTeam, dailyPrompts: mockDailyPrompts };
+    const teamPlan    = { ...fresh, plan: "pro" };
 
     return layout(`
       <div class="max-w-5xl mx-auto px-6 py-12">
@@ -377,6 +454,14 @@ export function createApp(sql: Sql) {
             </div>
           </section>
 
+          <section>
+            <h2 class="text-lg font-bold text-gray-700 mb-1">Team plan signup</h2>
+            <p class="text-sm text-gray-400 mb-4">User signed up via the Team pricing CTA.</p>
+            <div class="border border-gray-200 rounded-xl overflow-hidden shadow-sm">
+              ${renderSetupView(teamPlan)}
+            </div>
+          </section>
+
           <section>
             <h2 class="text-lg font-bold text-gray-700 mb-1">Profile view</h2>
             <p class="text-sm text-gray-400 mb-4">User identity, participant ID, API token.</p>

package/src/web/layout.ts

@@ -4,16 +4,39 @@ export interface NavOpts {
   userName?: string;
   orgName?: string;
   email?: string;
+  plan?: string;
+  banner?: { message: string; style?: "info" | "success" | "warning" };
 }
 
-export function layout(body: string, title = "Polaris"): Response {
+export interface SeoOpts {
+  title?: string;
+  description?: string;
+  canonical?: string;
+}
+
+export function layout(body: string, title = "Polaris", seo?: SeoOpts): Response {
+  const pageTitle = seo?.title ?? title;
+  const description = seo?.description ?? "It's like Gong for Claude Code sessions. Capture every prompt, response, and tool call. Stream to Slack. Collaborate in real time.";
+  const canonical = seo?.canonical ?? "https://app.withpolaris.ai";
+  const ogImage = "https://app.withpolaris.ai/og-image.png";
   return new Response(
     `<!DOCTYPE html>
 <html lang="en">
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>${title}</title>
+<title>${pageTitle}</title>
+<meta name="description" content="${description}">
+<link rel="canonical" href="${canonical}">
+<meta property="og:type" content="website">
+<meta property="og:title" content="${pageTitle}">
+<meta property="og:description" content="${description}">
+<meta property="og:image" content="${ogImage}">
+<meta property="og:url" content="${canonical}">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="${pageTitle}">
+<meta name="twitter:description" content="${description}">
+<meta name="twitter:image" content="${ogImage}">
 <script src="https://cdn.tailwindcss.com"></script>
 <script>
 tailwind.config = {
@@ -53,7 +76,7 @@ export function nav(token?: string, opts?: NavOpts): string {
            <div class="w-7 h-7 rounded-full bg-polaris-600 flex items-center justify-center text-white text-xs font-bold">${(opts?.userName ?? "U").charAt(0).toUpperCase()}</div>
            <div class="text-left">
              <p class="text-xs font-medium text-gray-900 leading-tight">${opts?.userName ?? ""}</p>
-             <p class="text-[10px] text-gray-400 leading-tight">${opts?.orgName ?? ""}</p>
+             <p class="text-[10px] text-gray-400 leading-tight">${opts?.orgName ?? ""}${opts?.plan && opts.plan !== "free" ? ` <span class="inline-flex items-center px-1.5 py-0 rounded-full text-[9px] font-semibold bg-polaris-100 text-polaris-700">${opts.plan.charAt(0).toUpperCase() + opts.plan.slice(1)}</span>` : ""}</p>
            </div>
            <svg class="w-3.5 h-3.5 text-gray-400 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
          </button>
@@ -75,13 +98,24 @@ export function nav(token?: string, opts?: NavOpts): string {
          <svg width="14" height="14" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 01-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z" fill="#4285F4"/><path d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 009 18z" fill="#34A853"/><path d="M3.964 10.71A5.41 5.41 0 013.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 000 9c0 1.452.348 2.827.957 4.042l3.007-2.332z" fill="#FBBC05"/><path d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 00.957 4.958L3.964 6.29C4.672 4.163 6.656 2.58 9 3.58z" fill="#EA4335"/></svg>
          Sign up
        </a>`;
+  const bannerColors = {
+    info: "bg-polaris-50 border-polaris-200 text-polaris-800",
+    success: "bg-green-50 border-green-200 text-green-800",
+    warning: "bg-amber-50 border-amber-200 text-amber-800",
+  };
+  const bannerHtml = opts?.banner
+    ? `<div class="border-b ${bannerColors[opts.banner.style ?? "info"]}">
+        <div class="max-w-5xl mx-auto px-6 py-2 text-sm">${opts.banner.message}</div>
+      </div>`
+    : "";
+
   return `
     <nav class="border-b border-gray-200 bg-white">
       <div class="max-w-5xl mx-auto px-6 h-14 flex items-center justify-between">
         <a href="${token ? `/dashboard?token=${token}` : "/"}" class="text-lg font-bold tracking-tight text-gray-900">Polaris</a>
         <div class="flex items-center gap-4">${right}</div>
       </div>
-    </nav>`;
+    </nav>${bannerHtml}`;
 }
 
 export const slackIcon = `<svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.124 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.52 2.521h-2.522V8.834zm-1.271 0a2.528 2.528 0 0 1-2.521 2.521 2.528 2.528 0 0 1-2.521-2.521V2.522A2.528 2.528 0 0 1 15.165 0a2.528 2.528 0 0 1 2.522 2.522v6.312zm-2.522 10.124a2.528 2.528 0 0 1 2.522 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.521-2.52v-2.523h2.521zm0-1.271a2.527 2.527 0 0 1-2.521-2.521 2.528 2.528 0 0 1 2.521-2.521h6.313A2.528 2.528 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.522h-6.313z"/></svg>`;

package/src/web/pages.ts

@@ -374,54 +374,64 @@ export function renderLandingPage(): string {
               <span class="text-4xl font-bold text-gray-900">$0</span>
               <span class="text-gray-500 text-sm ml-1">forever</span>
             </div>
-            <p class="mt-2 text-sm text-gray-500">For individuals and small teams getting started.</p>
+            <p class="mt-2 text-sm text-gray-500">Try Polaris with your team. No credit card required.</p>
             <a href="/signup?plan=free" class="mt-6 block w-full text-center px-4 py-2.5 bg-gray-900 text-white text-sm font-medium rounded-lg hover:bg-gray-800 transition">Get started</a>
             <ul class="mt-6 space-y-3 text-sm text-gray-700">
               <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>Unlimited users</li>
               <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span><strong>1,000</strong> prompts / month</span></li>
               <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span><strong>5 GB</strong> data captured</span></li>
-              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>7 days session history</li>
+              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span><strong>7 days</strong> session history</span></li>
               <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>Community support</li>
             </ul>
           </div>
 
-          <!-- Team -->
+          <!-- Pro -->
           <div class="bg-white border-2 border-polaris-600 rounded-xl p-8">
-            <h3 class="text-sm font-semibold text-polaris-600 uppercase tracking-wider">Team</h3>
+            <h3 class="text-sm font-semibold text-polaris-600 uppercase tracking-wider">Pro</h3>
             <div class="mt-4">
-              <span class="text-4xl font-bold text-gray-900">$49</span>
+              <span class="text-4xl font-bold text-gray-900">$29</span>
               <span class="text-gray-500 text-sm ml-1">/month</span>
             </div>
-            <p class="mt-2 text-sm text-gray-500">For teams that need more capacity, history, and search.</p>
-            <a href="/signup?plan=team" class="mt-6 block w-full text-center px-4 py-2.5 bg-polaris-700 text-white text-sm font-medium rounded-lg hover:bg-polaris-800 transition">Get started</a>
+            <p class="mt-2 text-sm text-gray-500">For power users who rely on Polaris daily.</p>
+            <a href="/signup?plan=pro" class="mt-6 block w-full text-center px-4 py-2.5 bg-polaris-700 text-white text-sm font-medium rounded-lg hover:bg-polaris-800 transition">Get started</a>
             <ul class="mt-6 space-y-3 text-sm text-gray-700">
               <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>Unlimited users</li>
-              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span><strong>10,000</strong> prompts / month</span></li>
-              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span><strong>50 GB</strong> data captured</span></li>
-              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span><strong>90 days</strong> session history</span></li>
-              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>Priority support</li>
+              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span><strong>5,000</strong> prompts / month</span></li>
+              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span><strong>25 GB</strong> data captured</span></li>
+              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span><strong>30 days</strong> session history</span></li>
+              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>Community support</li>
             </ul>
           </div>
 
-          <!-- Enterprise -->
+          <!-- Team -->
           <div class="bg-white border border-gray-200 rounded-xl p-8">
-            <h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider">Enterprise</h3>
+            <h3 class="text-sm font-semibold text-gray-400 uppercase tracking-wider">Team</h3>
             <div class="mt-4">
-              <span class="text-4xl font-bold text-gray-900">Custom</span>
+              <span class="text-4xl font-bold text-gray-900">$49</span>
+              <span class="text-gray-500 text-sm ml-1">/month</span>
             </div>
-            <p class="mt-2 text-sm text-gray-500">For organizations with compliance and scale needs.</p>
-            <a href="mailto:support@withpolaris.ai?subject=Enterprise%20plan%20inquiry" class="mt-6 block w-full text-center px-4 py-2.5 bg-white border border-gray-300 text-gray-700 text-sm font-medium rounded-lg hover:bg-gray-50 transition">Contact us</a>
+            <p class="mt-2 text-sm text-gray-500">For teams that need capacity, history, and support.</p>
+            <a href="/signup?plan=team" class="mt-6 block w-full text-center px-4 py-2.5 bg-gray-900 text-white text-sm font-medium rounded-lg hover:bg-gray-800 transition">Get started</a>
             <ul class="mt-6 space-y-3 text-sm text-gray-700">
-              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>Everything in Team</li>
-              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>Custom usage limits</li>
-              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>SSO, audit logs, compliance</li>
-              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>Custom integrations</li>
-              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>Dedicated support</li>
+              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>Unlimited users</li>
+              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span><strong>10,000</strong> prompts / month</span></li>
+              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span><strong>50 GB</strong> data captured</span></li>
+              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg><span><strong>90 days</strong> session history</span></li>
+              <li class="flex items-start gap-2"><svg class="w-4 h-4 text-green-500 mt-0.5 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>Priority support</li>
             </ul>
           </div>
 
         </div>
 
+        <!-- Enterprise banner -->
+        <div class="mt-8 bg-white border border-gray-200 rounded-xl p-8 flex flex-col md:flex-row items-center justify-between gap-6">
+          <div>
+            <h3 class="font-semibold text-gray-900">Enterprise</h3>
+            <p class="mt-1 text-sm text-gray-500">Custom limits, SSO, audit logs, compliance, and dedicated support.</p>
+          </div>
+          <a href="mailto:support@withpolaris.ai?subject=Enterprise%20plan%20inquiry" class="shrink-0 px-5 py-2.5 bg-white border border-gray-300 text-gray-700 text-sm font-medium rounded-lg hover:bg-gray-50 transition">Contact us</a>
+        </div>
+
         <div class="mt-12 text-center text-sm text-gray-400">
           All plans include unlimited users and real-time Slack streaming. No credit card required for Free.
         </div>

package/src/web/views.ts

@@ -20,10 +20,12 @@ interface ViewContext {
   hasConnectedSession: boolean;
   totalPrompts: number;
   teamMembers?: TeamMember[];
+  plan?: string;
+  dailyPrompts?: Array<{ date: string; sender: string; count: number }>;
 }
 
 function navOpts(ctx: ViewContext): NavOpts {
-  return { userName: ctx.userName, orgName: ctx.orgName, email: ctx.email };
+  return { userName: ctx.userName, orgName: ctx.orgName, email: ctx.email, plan: ctx.plan, banner: bannerForCtx(ctx) };
 }
 
 // --- Copyable code block ---
@@ -54,6 +56,16 @@ function statusBadge(label: string, done: boolean): string {
     : `<span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-500">${label}</span>`;
 }
 
+// --- Banner helpers ---
+
+function bannerForCtx(ctx: ViewContext): { message: string; style: "info" | "success" | "warning" } | undefined {
+  if (ctx.plan && ctx.plan !== "free") {
+    const label = ctx.plan.charAt(0).toUpperCase() + ctx.plan.slice(1);
+    return { message: `<strong>${label} plan</strong> — we'll reach out shortly to get you set up. Full access in the meantime.`, style: "info" };
+  }
+  return undefined;
+}
+
 // --- Team members ---
 
 function renderTeamMembers(members: TeamMember[], currentEmail: string): string {
@@ -72,6 +84,118 @@ function renderTeamMembers(members: TeamMember[], currentEmail: string): string
     </div>`;
 }
 
+// --- Daily prompts chart ---
+
+function renderDailyPrompts(data: Array<{ date: string; sender: string; count: number }> | undefined): string {
+  if (!data || data.length === 0) return "";
+
+  const id = `heatmap-${Math.random().toString(36).slice(2, 8)}`;
+
+  // Build date columns for last 14 days
+  const dates: string[] = [];
+  const now = new Date();
+  for (let i = 13; i >= 0; i--) {
+    const d = new Date(now);
+    d.setDate(d.getDate() - i);
+    dates.push(d.toISOString().slice(0, 10));
+  }
+
+  // Totals per day
+  const dayTotals = new Map<string, number>();
+  let total = 0;
+  for (const d of data) {
+    dayTotals.set(d.date, (dayTotals.get(d.date) ?? 0) + d.count);
+    total += d.count;
+  }
+
+  // Group by sender
+  const bySender = new Map<string, Map<string, number>>();
+  for (const d of data) {
+    if (!bySender.has(d.sender)) bySender.set(d.sender, new Map());
+    bySender.get(d.sender)!.set(d.date, d.count);
+  }
+
+  function intensity(count: number, max: number): string {
+    if (count === 0) return "bg-gray-100";
+    const ratio = count / max;
+    if (ratio < 0.25) return "bg-polaris-100";
+    if (ratio < 0.5) return "bg-polaris-200";
+    if (ratio < 0.75) return "bg-polaris-400";
+    return "bg-polaris-600";
+  }
+
+  function shortName(sender: string): string {
+    const name = sender.replace(/^user:/, "").split(".")[0];
+    return name.charAt(0).toUpperCase() + name.slice(1);
+  }
+
+  // Team view — histogram bars
+  const teamMax = Math.max(...dates.map((d) => dayTotals.get(d) ?? 0), 1);
+  const teamBars = dates.map((date) => {
+    const count = dayTotals.get(date) ?? 0;
+    const pct = Math.max((count / teamMax) * 100, count > 0 ? 12 : 0);
+    const label = date.slice(5).replace("-", "/");
+    const day = new Date(date + "T12:00:00").toLocaleDateString("en-US", { weekday: "short" });
+    return `
+      <div class="flex flex-col items-center gap-1 flex-1" title="${day} ${label}: ${count}">
+        ${count > 0 ? `<span class="text-[9px] text-gray-400 leading-none">${count}</span>` : `<span class="text-[9px] leading-none">&nbsp;</span>`}
+        <div class="w-full flex flex-col justify-end" style="height: 40px">
+          <div class="w-full rounded-sm ${count > 0 ? "bg-polaris-400" : "bg-gray-100"}" style="height: ${pct}%"></div>
+        </div>
+        <span class="text-[8px] text-gray-400 leading-none">${label}</span>
+      </div>`;
+  }).join("");
+
+  const teamView = `
+    <div class="flex items-end gap-0.5">
+      ${teamBars}
+    </div>`;
+
+  // Per-user view — each row uses its own max for color scale
+  const userRows = Array.from(bySender.entries()).map(([sender, counts]) => {
+    const rowMax = Math.max(...dates.map((d) => counts.get(d) ?? 0), 1);
+    const cells = dates.map((date) => {
+      const count = counts.get(date) ?? 0;
+      const day = new Date(date + "T12:00:00").toLocaleDateString("en-US", { weekday: "short" });
+      return `<div class="h-5 flex-1 rounded-sm ${intensity(count, rowMax)}" title="${day} ${date.slice(5).replace("-", "/")}: ${count}"></div>`;
+    }).join("");
+    return `
+      <div class="flex items-center gap-2">
+        <span class="text-[10px] text-gray-500 w-12 text-right shrink-0 truncate">${shortName(sender)}</span>
+        <div class="flex items-center gap-px flex-1">${cells}</div>
+      </div>`;
+  }).join("");
+
+  const dateLabels = dates.map((date) => {
+    return `<div class="flex-1 text-center text-[8px] text-gray-400 leading-none">${date.slice(5).replace("-", "/")}</div>`;
+  }).join("");
+
+  const userView = `
+    <div class="flex flex-col gap-1">
+      ${userRows}
+      <div class="flex items-center gap-2">
+        <span class="w-12 shrink-0"></span>
+        <div class="flex items-center gap-px flex-1">${dateLabels}</div>
+      </div>
+    </div>`;
+
+  return `
+    <div class="mt-3 bg-white border border-gray-200 rounded-lg px-4 py-3">
+      <div class="flex items-center justify-between mb-2">
+        <p class="text-xs font-medium text-gray-500">Prompts captured</p>
+        <div class="flex items-center gap-2">
+          <span class="text-xs text-gray-400">${total} last 14d</span>
+          <div class="flex items-center bg-gray-100 rounded-md p-0.5">
+            <button id="${id}-btn-team" onclick="document.getElementById('${id}-team').classList.remove('hidden');document.getElementById('${id}-user').classList.add('hidden');this.classList.add('bg-white','shadow-sm','text-gray-700');this.classList.remove('text-gray-400');var o=document.getElementById('${id}-btn-user');o.classList.remove('bg-white','shadow-sm','text-gray-700');o.classList.add('text-gray-400')" class="text-[10px] font-medium px-2 py-0.5 rounded cursor-pointer bg-white shadow-sm text-gray-700">Team</button>
+            <button id="${id}-btn-user" onclick="document.getElementById('${id}-user').classList.remove('hidden');document.getElementById('${id}-team').classList.add('hidden');this.classList.add('bg-white','shadow-sm','text-gray-700');this.classList.remove('text-gray-400');var o=document.getElementById('${id}-btn-team');o.classList.remove('bg-white','shadow-sm','text-gray-700');o.classList.add('text-gray-400')" class="text-[10px] font-medium px-2 py-0.5 rounded cursor-pointer text-gray-400">By user</button>
+          </div>
+        </div>
+      </div>
+      <div id="${id}-team">${teamView}</div>
+      <div id="${id}-user" class="hidden">${userView}</div>
+    </div>`;
+}
+
 // --- Floor section ---
 
 type StepState = "done" | "active" | "future";
@@ -107,6 +231,7 @@ function renderFloorSection(ctx: ViewContext, compact = false, state: StepState
           ${ctx.orgSlug ? `<span class="text-xs text-gray-400 font-mono">${ctx.orgSlug}</span>` : ''}
           ${promptStat}
         </div>
+        ${renderDailyPrompts(ctx.dailyPrompts)}
         ${ctx.teamMembers ? renderTeamMembers(ctx.teamMembers, ctx.email) : ""}
       </div>`;
   }
@@ -131,6 +256,7 @@ function renderFloorSection(ctx: ViewContext, compact = false, state: StepState
           <p class="text-sm font-medium text-gray-900">Slack</p>
           ${slugLabel}
         </div>
+        ${renderDailyPrompts(ctx.dailyPrompts)}
         ${ctx.teamMembers ? renderTeamMembers(ctx.teamMembers, ctx.email) : ""}
       </div>`;
   }

package/tests/db.test.ts

@@ -1,4 +1,5 @@
 import { describe, expect, test, beforeEach, afterAll } from "bun:test";
+import { resetTestData } from "./helpers";
 import {
   createDb,
   createOrg,
@@ -29,13 +30,7 @@ let sql: Sql;
 
 beforeEach(async () => {
   sql = await createDb(DATABASE_URL);
-  await sql`DROP TABLE IF EXISTS events`;
-  await sql`DROP TABLE IF EXISTS sessions`;
-  await sql`DROP TABLE IF EXISTS projects`;
-  await sql`DROP TABLE IF EXISTS users`;
-  await sql`DROP TABLE IF EXISTS orgs`;
-  await sql.end();
-  sql = await createDb(DATABASE_URL);
+  await resetTestData(sql);
   await createOrg(sql, "test-org", "Test Org");
 });
 

package/tests/helpers.ts

@@ -1,71 +1,22 @@
-import type { Sql } from "../src/service/db";
+import { ensureSchema, type Sql } from "../src/service/db";
 
 /**
- * Reset test data: drop and recreate all tables using the canonical schema.
- * This ensures tests always match the current schema in db.ts.
+ * Reset test data to a clean slate: drop every table in the public schema, then
+ * recreate the canonical schema via `ensureSchema` (the same DDL production uses).
+ *
+ * Dropping dynamically with CASCADE means new tables and foreign keys never break
+ * the reset, and recreating via `ensureSchema` means the test schema can't drift
+ * from `src/service/db.ts` (previously this hand-maintained its own CREATE TABLEs,
+ * which silently went stale when columns/tables like `orgs.plan` and `plan_changes`
+ * were added).
  */
 export async function resetTestData(sql: Sql): Promise<void> {
-  await sql`DROP TABLE IF EXISTS events`;
-  await sql`DROP TABLE IF EXISTS sessions`;
-  await sql`DROP TABLE IF EXISTS projects`;
-  await sql`DROP TABLE IF EXISTS users`;
-  await sql`DROP TABLE IF EXISTS orgs`;
-  await sql`
-    CREATE TABLE orgs (
-      id TEXT PRIMARY KEY,
-      name TEXT NOT NULL,
-      slug TEXT UNIQUE,
-      domain TEXT,
-      slack_team_id TEXT,
-      slack_bot_token TEXT,
-      slack_system_channel_id TEXT,
-      created_at TIMESTAMPTZ NOT NULL DEFAULT now()
-    )
+  const tables = await sql<{ tablename: string }[]>`
+    SELECT tablename FROM pg_tables WHERE schemaname = 'public'
   `;
-  await sql`
-    CREATE TABLE users (
-      id TEXT PRIMARY KEY,
-      email TEXT NOT NULL UNIQUE,
-      name TEXT NOT NULL,
-      org_id TEXT NOT NULL REFERENCES orgs(id),
-      participant_id TEXT NOT NULL,
-      created_at TIMESTAMPTZ NOT NULL DEFAULT now()
-    )
-  `;
-  await sql`
-    CREATE TABLE projects (
-      id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
-      org_id TEXT NOT NULL REFERENCES orgs(id),
-      name TEXT NOT NULL,
-      slack_channel_id TEXT,
-      slack_channel_name TEXT,
-      created_at TIMESTAMPTZ NOT NULL DEFAULT now(),
-      UNIQUE (org_id, name)
-    )
-  `;
-  await sql`
-    CREATE TABLE sessions (
-      name TEXT NOT NULL,
-      project_id UUID NOT NULL REFERENCES projects(id),
-      org_id TEXT NOT NULL,
-      driver TEXT,
-      created_at TIMESTAMPTZ NOT NULL DEFAULT now(),
-      PRIMARY KEY (project_id, name)
-    )
-  `;
-  await sql`
-    CREATE TABLE events (
-      id UUID PRIMARY KEY,
-      org_id TEXT NOT NULL,
-      project_id UUID NOT NULL REFERENCES projects(id),
-      session TEXT NOT NULL,
-      timestamp TIMESTAMPTZ NOT NULL,
-      source TEXT NOT NULL,
-      sender TEXT NOT NULL,
-      payload JSONB NOT NULL
-    )
-  `;
-  await sql`CREATE INDEX idx_events_project ON events(project_id, timestamp)`;
-  await sql`CREATE INDEX idx_events_session ON events(project_id, session, timestamp)`;
+  for (const { tablename } of tables) {
+    await sql`DROP TABLE IF EXISTS ${sql(tablename)} CASCADE`;
+  }
+  await ensureSchema(sql);
   await sql`INSERT INTO orgs (id, name) VALUES ('default', 'Default') ON CONFLICT DO NOTHING`;
 }