@lightupai/polaris 0.0.77 → 0.0.79

package/src/web/app.ts

@@ -21,7 +21,20 @@ import {
   type Sql,
 } from "../service/db";
 import { layout, nav } from "./layout";
-import { renderSetupView, renderActiveView, renderProfileView, renderErrorView } from "./views";
+import {
+  renderSetupView,
+  renderActiveView,
+  renderProfileView,
+  renderErrorView,
+  renderTranscriptView,
+  renderSearchView,
+  renderDecisionsView,
+  renderProjectSettingsView,
+  type TranscriptEvent,
+  type SearchResult,
+  type ProjectMemberView,
+} from "./views";
+import { AnnotationKind, type Annotation } from "../types";
 import { renderLandingPage } from "./pages";
 import { createSystemChannel, postSystemEvent } from "../slack/system";
 import {
@@ -137,6 +150,9 @@ setInterval(() => {
 export function createApp(sql: Sql) {
   const app = new Hono();
 
+  // Polaris API service (same convention as slack/bridge.ts)
+  const apiUrl = process.env.POLARIS_API_URL ?? "http://localhost:4321";
+
   // Start hourly signup rollup
   startSignupRollup(sql);
 
@@ -191,8 +207,8 @@ export function createApp(sql: Sql) {
   // --- Landing page ---
 
   app.get("/", (c) => {
-    return layout(renderLandingPage(), "Polaris — It's like Gong for Claude Code sessions", {
-      title: "Polaris — It's like Gong for Claude Code sessions",
+    return layout(renderLandingPage(), "Polaris by Lightup — It's like Gong for Claude Code sessions", {
+      title: "Polaris by Lightup — 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",
     });
@@ -343,13 +359,14 @@ export function createApp(sql: Sql) {
     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);
+    const participantId = payload.participant_id;
 
     function buildSessionFixture(s: typeof allSessions[0]): import("./fixtures").SessionFixture {
       return {
         name: s.name,
         project: s.project,
         driver: s.driver ?? "",
-        role: (s.driver === payload.participant_id ? "driver" : "advisor") as "driver" | "advisor",
+        role: (s.driver === participantId ? "driver" : "advisor") as "driver" | "advisor",
         description: "",
         participants: s.driver ? [{ id: s.driver, role: "driver" as const }] : [],
         eventCount: promptCounts.get(`${s.project}/${s.name}`) ?? 0,
@@ -383,9 +400,9 @@ export function createApp(sql: Sql) {
     };
 
     if (hasConnectedSession) {
-      return layout(renderActiveView(ctx, sessionFixtures, projectFixtures, devices), "Dashboard — Polaris");
+      return layout(renderActiveView(ctx, sessionFixtures, projectFixtures, devices), "Dashboard — Polaris by Lightup");
     }
-    return layout(renderSetupView(ctx, devices), "Setup — Polaris");
+    return layout(renderSetupView(ctx, devices), "Setup — Polaris by Lightup");
   });
 
   // --- Profile ---
@@ -409,9 +426,363 @@ export function createApp(sql: Sql) {
       slackConnected: !!org.slack_team_id,
       cliInstalled: false,
       hasConnectedSession: false,
+      totalPrompts: 0,
+    };
+
+    return layout(renderProfileView(ctx, payload.participant_id), "Polaris by Lightup - Profile");
+  });
+
+  // --- Session transcript ---
+
+  app.get("/sessions/:proj/:sess", async (c) => {
+    const token = c.req.query("token");
+    if (!token) return c.redirect("/login");
+
+    const payload = await verifyToken(token);
+    if (!payload) return c.redirect("/login");
+
+    const org = await getOrg(sql, payload.org_id);
+    if (!org) return c.redirect("/login");
+
+    const proj = c.req.param("proj");
+    const sess = c.req.param("sess");
+    const before = c.req.query("before");
+
+    const eventsUrl = new URL(`${apiUrl}/projects/${encodeURIComponent(proj)}/sessions/${encodeURIComponent(sess)}/events`);
+    eventsUrl.searchParams.set("limit", "200");
+    if (before) eventsUrl.searchParams.set("before", before);
+
+    let events: TranscriptEvent[];
+    let nextCursor: string | null;
+    try {
+      const res = await fetch(eventsUrl, { headers: { Authorization: `Bearer ${token}` } });
+      if (!res.ok) {
+        const message = res.status === 404 ? "Session not found." : `Failed to load transcript (${res.status}).`;
+        return layout(renderErrorView(message, "Back to dashboard", `/dashboard?token=${token}`));
+      }
+      const data = (await res.json()) as { events: TranscriptEvent[]; nextCursor: string | null };
+      events = data.events ?? [];
+      nextCursor = data.nextCursor ?? null;
+    } catch {
+      return layout(renderErrorView("Could not reach the Polaris API.", "Back to dashboard", `/dashboard?token=${token}`));
+    }
+
+    // Annotations are progressive enhancement — render the transcript even if they fail to load.
+    let annotations: Annotation[] = [];
+    try {
+      const annRes = await fetch(
+        `${apiUrl}/projects/${encodeURIComponent(proj)}/sessions/${encodeURIComponent(sess)}/annotations`,
+        { headers: { Authorization: `Bearer ${token}` } }
+      );
+      if (annRes.ok) {
+        annotations = ((await annRes.json()) as { annotations: Annotation[] }).annotations ?? [];
+      }
+    } catch { /* transcript still renders without annotations */ }
+
+    const ctx = { token, userName: payload.name, orgName: org.name, email: payload.email };
+    const title = `Polaris - ${proj}/${sess}`.replace(/[<>&"]/g, "");
+    return layout(renderTranscriptView(ctx, proj, sess, events, nextCursor, before, annotations), title);
+  });
+
+  // Proxies to the API inject endpoint; the API derives the sender from the bearer token.
+  app.post("/sessions/:proj/:sess/inject", async (c) => {
+    const token = c.req.query("token");
+    if (!token) return c.redirect("/login");
+
+    const payload = await verifyToken(token);
+    if (!payload) return c.redirect("/login");
+
+    const proj = c.req.param("proj");
+    const sess = c.req.param("sess");
+    const transcriptUrl = `/sessions/${encodeURIComponent(proj)}/${encodeURIComponent(sess)}?token=${token}`;
+
+    const body = await c.req.parseBody();
+    const content = typeof body.content === "string" ? body.content.trim() : "";
+    if (!content) return c.redirect(transcriptUrl);
+
+    try {
+      const res = await fetch(`${apiUrl}/projects/${encodeURIComponent(proj)}/sessions/${encodeURIComponent(sess)}/inject`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
+        body: JSON.stringify({ content }),
+      });
+      if (!res.ok) {
+        return layout(renderErrorView(`Inject failed (${res.status}).`, "Back to transcript", transcriptUrl));
+      }
+    } catch {
+      return layout(renderErrorView("Could not reach the Polaris API.", "Back to transcript", transcriptUrl));
+    }
+
+    return c.redirect(transcriptUrl);
+  });
+
+  // --- Annotations (star / tag / decision curation) ---
+  // Proxies to the API annotations endpoints; the API derives the participant from the bearer token.
+
+  app.post("/sessions/:proj/:sess/annotations", async (c) => {
+    const token = c.req.query("token");
+    if (!token) return c.redirect("/login");
+
+    const payload = await verifyToken(token);
+    if (!payload) return c.redirect("/login");
+
+    const proj = c.req.param("proj");
+    const sess = c.req.param("sess");
+    const transcriptUrl = `/sessions/${encodeURIComponent(proj)}/${encodeURIComponent(sess)}?token=${token}`;
+
+    const body = await c.req.parseBody();
+    const kind = typeof body.kind === "string" ? body.kind : "";
+    if (!AnnotationKind.safeParse(kind).success) return c.redirect(transcriptUrl);
+    const eventId = typeof body.event_id === "string" && body.event_id ? body.event_id : undefined;
+    const value = typeof body.value === "string" && body.value.trim() ? body.value.trim() : undefined;
+
+    try {
+      const res = await fetch(`${apiUrl}/projects/${encodeURIComponent(proj)}/sessions/${encodeURIComponent(sess)}/annotations`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
+        body: JSON.stringify({ event_id: eventId, kind, value }),
+      });
+      if (!res.ok) {
+        return layout(renderErrorView(`Annotation failed (${res.status}).`, "Back to transcript", transcriptUrl));
+      }
+    } catch {
+      return layout(renderErrorView("Could not reach the Polaris API.", "Back to transcript", transcriptUrl));
+    }
+
+    return c.redirect(transcriptUrl);
+  });
+
+  app.post("/sessions/:proj/:sess/annotations/:id/delete", async (c) => {
+    const token = c.req.query("token");
+    if (!token) return c.redirect("/login");
+
+    const payload = await verifyToken(token);
+    if (!payload) return c.redirect("/login");
+
+    const proj = c.req.param("proj");
+    const sess = c.req.param("sess");
+    const id = c.req.param("id");
+    const transcriptUrl = `/sessions/${encodeURIComponent(proj)}/${encodeURIComponent(sess)}?token=${token}`;
+
+    try {
+      const res = await fetch(`${apiUrl}/annotations/${encodeURIComponent(id)}`, {
+        method: "DELETE",
+        headers: { Authorization: `Bearer ${token}` },
+      });
+      if (!res.ok) {
+        return layout(renderErrorView(`Failed to remove annotation (${res.status}).`, "Back to transcript", transcriptUrl));
+      }
+    } catch {
+      return layout(renderErrorView("Could not reach the Polaris API.", "Back to transcript", transcriptUrl));
+    }
+
+    return c.redirect(transcriptUrl);
+  });
+
+  // --- Decisions (org-wide curation feed) ---
+
+  app.get("/decisions", async (c) => {
+    const token = c.req.query("token");
+    if (!token) return c.redirect("/login");
+
+    const payload = await verifyToken(token);
+    if (!payload) return c.redirect("/login");
+
+    const org = await getOrg(sql, payload.org_id);
+    if (!org) return c.redirect("/login");
+
+    const project = (c.req.query("project") ?? "").trim();
+
+    let decisions: Annotation[] | null = null;
+    let decisionsError: string | undefined;
+    const decisionsUrl = new URL(`${apiUrl}/decisions`);
+    if (project) decisionsUrl.searchParams.set("project", project);
+    decisionsUrl.searchParams.set("limit", "100");
+    try {
+      const res = await fetch(decisionsUrl, { headers: { Authorization: `Bearer ${token}` } });
+      if (res.ok) {
+        decisions = ((await res.json()) as { decisions: Annotation[] }).decisions ?? [];
+      } else {
+        decisionsError = `Failed to load decisions (${res.status}).`;
+      }
+    } catch {
+      decisionsError = "Could not reach the Polaris API.";
+    }
+
+    const ctx = { token, userName: payload.name, orgName: org.name, email: payload.email };
+    return layout(renderDecisionsView(ctx, project, decisions, decisionsError), "Polaris by Lightup - Decisions");
+  });
+
+  // --- Project settings (visibility + members) ---
+
+  app.get("/projects/:proj/settings", async (c) => {
+    const token = c.req.query("token");
+    if (!token) return c.redirect("/login");
+
+    const payload = await verifyToken(token);
+    if (!payload) return c.redirect("/login");
+
+    const org = await getOrg(sql, payload.org_id);
+    if (!org) return c.redirect("/login");
+
+    const proj = c.req.param("proj");
+    const projects = await listProjects(sql, payload.org_id);
+    const project = projects.find((p) => p.name === proj);
+    if (!project) {
+      return layout(renderErrorView("Project not found.", "Back to dashboard", `/dashboard?token=${token}`));
+    }
+
+    let members: ProjectMemberView[] = [];
+    let membersError: string | undefined;
+    try {
+      const res = await fetch(`${apiUrl}/projects/${encodeURIComponent(proj)}/members`, {
+        headers: { Authorization: `Bearer ${token}` },
+      });
+      if (res.ok) {
+        const data = (await res.json()) as ProjectMemberView[] | { members?: ProjectMemberView[] };
+        members = Array.isArray(data) ? data : data.members ?? [];
+      } else {
+        membersError = `Failed to load members (${res.status}).`;
+      }
+    } catch {
+      membersError = "Could not reach the Polaris API.";
+    }
+
+    const ctx = { token, userName: payload.name, orgName: org.name, email: payload.email };
+    const title = `Polaris - ${proj} settings`.replace(/[<>&"]/g, "");
+    return layout(renderProjectSettingsView(ctx, proj, project.visibility ?? "org", members, membersError), title);
+  });
+
+  app.post("/projects/:proj/visibility", async (c) => {
+    const token = c.req.query("token");
+    if (!token) return c.redirect("/login");
+
+    const payload = await verifyToken(token);
+    if (!payload) return c.redirect("/login");
+
+    const proj = c.req.param("proj");
+    const settingsUrl = `/projects/${encodeURIComponent(proj)}/settings?token=${token}`;
+
+    const body = await c.req.parseBody();
+    const visibility = typeof body.visibility === "string" ? body.visibility : "";
+    if (visibility !== "org" && visibility !== "members") return c.redirect(settingsUrl);
+
+    try {
+      const res = await fetch(`${apiUrl}/projects/${encodeURIComponent(proj)}/visibility`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
+        body: JSON.stringify({ visibility }),
+      });
+      if (!res.ok) {
+        return layout(renderErrorView(`Failed to update visibility (${res.status}).`, "Back to settings", settingsUrl));
+      }
+    } catch {
+      return layout(renderErrorView("Could not reach the Polaris API.", "Back to settings", settingsUrl));
+    }
+
+    return c.redirect(settingsUrl);
+  });
+
+  app.post("/projects/:proj/members", async (c) => {
+    const token = c.req.query("token");
+    if (!token) return c.redirect("/login");
+
+    const payload = await verifyToken(token);
+    if (!payload) return c.redirect("/login");
+
+    const proj = c.req.param("proj");
+    const settingsUrl = `/projects/${encodeURIComponent(proj)}/settings?token=${token}`;
+
+    const body = await c.req.parseBody();
+    const participantId = typeof body.participant_id === "string" ? body.participant_id.trim() : "";
+    if (!participantId) return c.redirect(settingsUrl);
+    const role = typeof body.role === "string" && body.role.trim() ? body.role.trim() : undefined;
+
+    try {
+      const res = await fetch(`${apiUrl}/projects/${encodeURIComponent(proj)}/members`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
+        body: JSON.stringify({ participant_id: participantId, role }),
+      });
+      if (!res.ok) {
+        return layout(renderErrorView(`Failed to add member (${res.status}).`, "Back to settings", settingsUrl));
+      }
+    } catch {
+      return layout(renderErrorView("Could not reach the Polaris API.", "Back to settings", settingsUrl));
+    }
+
+    return c.redirect(settingsUrl);
+  });
+
+  app.post("/projects/:proj/members/:pid/delete", async (c) => {
+    const token = c.req.query("token");
+    if (!token) return c.redirect("/login");
+
+    const payload = await verifyToken(token);
+    if (!payload) return c.redirect("/login");
+
+    const proj = c.req.param("proj");
+    const pid = c.req.param("pid");
+    const settingsUrl = `/projects/${encodeURIComponent(proj)}/settings?token=${token}`;
+
+    try {
+      const res = await fetch(`${apiUrl}/projects/${encodeURIComponent(proj)}/members/${encodeURIComponent(pid)}`, {
+        method: "DELETE",
+        headers: { Authorization: `Bearer ${token}` },
+      });
+      if (!res.ok) {
+        return layout(renderErrorView(`Failed to remove member (${res.status}).`, "Back to settings", settingsUrl));
+      }
+    } catch {
+      return layout(renderErrorView("Could not reach the Polaris API.", "Back to settings", settingsUrl));
+    }
+
+    return c.redirect(settingsUrl);
+  });
+
+  // --- Search ---
+
+  app.get("/search", async (c) => {
+    const token = c.req.query("token");
+    if (!token) return c.redirect("/login");
+
+    const payload = await verifyToken(token);
+    if (!payload) return c.redirect("/login");
+
+    const org = await getOrg(sql, payload.org_id);
+    if (!org) return c.redirect("/login");
+
+    const query = {
+      q: (c.req.query("q") ?? "").trim(),
+      project: c.req.query("project") ?? "",
+      sender: c.req.query("sender") ?? "",
+      source: c.req.query("source") ?? "",
+      tag: (c.req.query("tag") ?? "").trim(),
     };
 
-    return layout(renderProfileView(ctx, payload.participant_id), "Polaris - Profile");
+    let results: SearchResult[] | null = null;
+    let searchError: string | undefined;
+    if (query.q) {
+      const searchUrl = new URL(`${apiUrl}/search`);
+      searchUrl.searchParams.set("q", query.q);
+      if (query.project) searchUrl.searchParams.set("project", query.project);
+      if (query.sender) searchUrl.searchParams.set("sender", query.sender);
+      if (query.source) searchUrl.searchParams.set("source", query.source);
+      if (query.tag) searchUrl.searchParams.set("tag", query.tag);
+      try {
+        const res = await fetch(searchUrl, { headers: { Authorization: `Bearer ${token}` } });
+        if (res.ok) {
+          results = ((await res.json()) as { results: SearchResult[] }).results ?? [];
+        } else {
+          searchError = `Search failed (${res.status}).`;
+        }
+      } catch {
+        searchError = "Could not reach the Polaris API.";
+      }
+    }
+
+    const ctx = { token, userName: payload.name, orgName: org.name, email: payload.email };
+    return layout(renderSearchView(ctx, query, results, searchError), "Polaris by Lightup - Search");
   });
 
   // --- Preview (dev only — all view states on one page) ---
@@ -528,7 +899,7 @@ export function createApp(sql: Sql) {
           </section>
         </div>
       </div>
-    `, "Polaris - Preview");
+    `, "Polaris by Lightup - Preview");
   });
 
   // --- Slack OAuth ---

package/src/web/layout.ts

@@ -14,7 +14,7 @@ export interface SeoOpts {
   canonical?: string;
 }
 
-export function layout(body: string, title = "Polaris", seo?: SeoOpts): Response {
+export function layout(body: string, title = "Polaris by Lightup", 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";
@@ -86,7 +86,9 @@ document.addEventListener('click', function(e) {
 
 export function nav(token?: string, opts?: NavOpts): string {
   const right = token
-    ? `<div class="relative group">
+    ? `<a href="/decisions?token=${token}" class="text-sm font-medium text-gray-600 hover:text-gray-900">Decisions</a>
+       <a href="/search?token=${token}" class="text-sm font-medium text-gray-600 hover:text-gray-900">Search</a>
+       <div class="relative group">
          <button class="flex items-center gap-2 px-2 py-1.5 rounded-lg hover:bg-gray-100 transition">
            <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">
@@ -102,6 +104,8 @@ export function nav(token?: string, opts?: NavOpts): string {
              <p class="text-[10px] text-gray-400">${opts?.orgName ?? ""}</p>
            </div>
            <a href="/dashboard?token=${token}" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-50">Dashboard</a>
+           <a href="/decisions?token=${token}" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-50">Decisions</a>
+           <a href="/search?token=${token}" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-50">Search</a>
            <a href="/profile?token=${token}" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-50">Profile</a>
            <div class="border-t border-gray-100"></div>
            <a href="/" class="block px-3 py-2 text-sm text-gray-700 hover:bg-gray-50">Log out</a>
@@ -127,7 +131,10 @@ export function nav(token?: string, opts?: NavOpts): string {
   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-1.5">
+          <a href="${token ? `/dashboard?token=${token}` : "/"}" class="text-lg font-bold tracking-tight text-gray-900">Polaris</a>
+          <span class="text-sm text-gray-400">by <a href="https://lightup.ai" class="hover:text-gray-600 transition">Lightup</a></span>
+        </div>
         <div class="flex items-center gap-4">${right}</div>
       </div>
     </nav>${bannerHtml}`;

package/src/web/pages.ts

@@ -488,7 +488,7 @@ export function renderLandingPage(): string {
 
     <footer class="border-t border-gray-200 mt-8">
       <div class="max-w-3xl mx-auto px-6 py-8 flex items-center justify-between text-sm text-gray-400">
-        <span>Polaris</span>
+        <span>© ${new Date().getFullYear()} <a href="https://lightup.ai" class="hover:text-gray-600 transition">Lightup</a>. All rights reserved.</span>
         <div class="flex items-center gap-6">
           <a href="https://github.com/lightup-data/polaris/discussions" class="inline-flex items-center gap-1.5 hover:text-gray-600 transition"><svg class="w-4 h-4" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>Community</a>
           <a href="/login" class="hover:text-gray-600 transition">Sign in</a>
@@ -505,7 +505,7 @@ export function renderWelcomePage(token: string, name: string, orgName: string,
         <div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center mx-auto mb-4">
           <svg class="w-6 h-6 text-green-600" 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>
         </div>
-        <h1 class="text-2xl font-bold text-gray-900">Welcome to Polaris</h1>
+        <h1 class="text-2xl font-bold text-gray-900">Welcome to Polaris <span class="font-normal text-lg text-gray-400">by <a href="https://lightup.ai" class="hover:text-gray-600 transition">Lightup</a></span></h1>
         <p class="mt-2 text-gray-600">${orgName} is ready to go.</p>
       </div>
       <div class="mt-8">