@orangecollective/oc 0.2.0 → 0.3.0

package/dist/oc.js

@@ -13,7 +13,7 @@ import open from "open";
 import { chmod, mkdir, readFile, rm, writeFile } from "node:fs/promises";
 import { homedir } from "node:os";
 import path from "node:path";
-var VERSION = true ? "0.2.0" : "0.0.0-dev";
+var VERSION = true ? "0.3.0" : "0.0.0-dev";
 function isOlderThan(version, floor) {
   const parse = (v) => v.split("-")[0].split(".").map((n) => Number.parseInt(n, 10) || 0);
   const [a, b] = [parse(version), parse(floor)];
@@ -24,6 +24,7 @@ function isOlderThan(version, floor) {
 }
 var DEFAULT_HOST = "https://www.orangecollective.vc";
 var MODELS = [
+  { provider: "anthropic", id: "claude-haiku-4-5", label: "Claude Haiku 4.5", short: "Haiku 4.5" },
   { provider: "anthropic", id: "claude-fable-5-1", label: "Claude Fable 5.1", short: "Fable 5.1" },
   { provider: "anthropic", id: "claude-opus-5-5", label: "Claude Opus 5.5", short: "Opus 5.5" },
   { provider: "anthropic", id: "claude-sonnet-5", label: "Claude Sonnet 5", short: "Sonnet 5" },
@@ -31,7 +32,7 @@ var MODELS = [
   { provider: "openai", id: "gpt-6-sol", label: "GPT-6 Sol", short: "GPT-6 Sol" },
   { provider: "openai", id: "gpt-6-luna", label: "GPT-6 Luna", short: "GPT-6 Luna" }
 ];
-var DEFAULT_MODEL_ID = "gpt-6-sol";
+var DEFAULT_MODEL_ID = "claude-haiku-4-5";
 var configDir = () => process.env.OC_CONFIG_DIR ?? path.join(homedir(), ".oc");
 var credentialsPath = () => path.join(configDir(), "credentials.json");
 var statePath = () => path.join(configDir(), "state.json");
@@ -406,7 +407,7 @@ var OcClient = class {
       companies: "6",
       founders: "6",
       skills: "4",
-      sections: "batches,companies,founders,skills"
+      sections: "batches,companies,founders,members,skills"
     });
     if (args.teamId != null) params.set("teamId", String(args.teamId));
     const res = await this.request(`/api/search/context?${params}`, { signal: args.signal });
@@ -472,6 +473,32 @@ var OcClient = class {
     const json = await res.json();
     return json.id;
   }
+  /**
+   * The presence tick: report that you're here and what you're on, and get back
+   * who else is around. One request does both, so the ticker costs one round-trip
+   * a minute rather than two.
+   */
+  async presence(args) {
+    const res = await this.request("/api/presence", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      signal: args.signal,
+      body: JSON.stringify({ surface: "cli", label: args.label ?? null, path: args.path ?? null })
+    });
+    if (!res.ok) return this.fail(res, "Couldn't load presence");
+    const json = await res.json();
+    return json.members ?? [];
+  }
+  /** Companies the org has been opening, asking about and starring. */
+  async trending(args) {
+    const params = new URLSearchParams();
+    if (args.batch) params.set("batch", args.batch);
+    if (args.limit) params.set("limit", String(args.limit));
+    const res = await this.request(`/api/trending?${params}`, { signal: args.signal });
+    if (!res.ok) return this.fail(res, "Couldn't load trending");
+    const json = await res.json();
+    return { companies: json.companies ?? [], days: json.days ?? 7 };
+  }
   /**
    * Transport for POST /api/chat. Sends exactly the body the web chat panel's
    * transport sends, so the route needs no CLI-specific branch.
@@ -514,6 +541,13 @@ function flattenContextResults(raw) {
       label: f.name,
       iconUrl: f.avatarUrl ?? void 0
     })),
+    ...(data.members ?? []).map((m) => ({
+      type: "member",
+      rawId: m.userId,
+      label: m.name,
+      subtitle: "teammate",
+      iconUrl: m.avatarUrl ?? m.authAvatarUrl ?? void 0
+    })),
     ...(data.skills ?? []).map((s) => ({
       type: "skill",
       rawId: s.slug,
@@ -531,9 +565,18 @@ function buildContextPrefix(items) {
 
 // src/ui/App.tsx
 import { useCallback, useEffect as useEffect2, useMemo, useRef, useState as useState2 } from "react";
-import { Box as Box6, Static, Text as Text6, useApp, useInput } from "ink";
+import { Box as Box7, Static, Text as Text7, useApp, useInput } from "ink";
 import { generateId, readUIMessageStream } from "ai";
 
+// ../lib/presence-core.ts
+var PRESENCE_TICK_MS = 6e4;
+var PRESENCE_ONLINE_MS = 15e4;
+function isOnline(member, now = Date.now()) {
+  const seen = Date.parse(member.lastSeenAt);
+  if (Number.isNaN(seen)) return false;
+  return now - seen < PRESENCE_ONLINE_MS;
+}
+
 // src/markdown.ts
 import { Marked } from "marked";
 import { markedTerminal } from "marked-terminal";
@@ -759,7 +802,8 @@ function Input({
   spans,
   busy,
   status,
-  hint
+  hint,
+  right
 }) {
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
     /* @__PURE__ */ jsxs2(Box2, { borderStyle: "round", borderColor: busy ? "gray" : ACCENT, paddingX: 1, children: [
@@ -767,8 +811,11 @@ function Input({
       value.length === 0 ? /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: PLACEHOLDER }) : /* @__PURE__ */ jsx2(Text2, { children: /* @__PURE__ */ jsx2(HighlightedText, { value, cursor, spans }) })
     ] }),
     /* @__PURE__ */ jsxs2(Box2, { paddingLeft: 1, children: [
-      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: status }),
-      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: hint ? `   ${hint}` : "" })
+      /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, wrap: "truncate-end", children: [
+        status,
+        hint ? `   ${hint}` : ""
+      ] }) }),
+      right ? /* @__PURE__ */ jsx2(Box2, { flexShrink: 0, children: right }) : null
     ] })
   ] });
 }
@@ -823,10 +870,118 @@ function Picker({
   }) });
 }
 
-// src/ui/Turn.tsx
-import { useEffect, useState } from "react";
+// src/ui/Social.tsx
 import { Box as Box5, Text as Text5 } from "ink";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var STRIP_MAX = 3;
+function stripParts(members) {
+  const others = members.filter((m) => !m.isSelf);
+  const shown = others.slice(0, STRIP_MAX);
+  return { others, shown, extra: others.length - shown.length };
+}
+function presenceStripWidth(members) {
+  const { others, shown, extra } = stripParts(members);
+  if (others.length === 0) return 0;
+  const names = shown.reduce((total, m) => total + 2 + m.shortName.length + 2, 0);
+  return names + (extra > 0 ? `+${extra}  `.length : 0) + `${others.length + 1} online`.length;
+}
+function PresenceStrip({ members }) {
+  const { others, shown, extra } = stripParts(members);
+  if (others.length === 0) return null;
+  return /* @__PURE__ */ jsxs4(Box5, { children: [
+    shown.map((member) => {
+      const online = isOnline(member);
+      return /* @__PURE__ */ jsxs4(Text5, { color: online ? ACCENT : void 0, dimColor: !online, children: [
+        online ? "\u25CF " : "\u25CB ",
+        member.shortName.toLowerCase(),
+        "  "
+      ] }, member.userId);
+    }),
+    extra > 0 ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `+${extra}  ` }) : null,
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `${others.length + 1} online` })
+  ] });
+}
+function PresenceBlock({ members }) {
+  if (members.length === 0) {
+    return /* @__PURE__ */ jsx5(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "Nobody else is around right now." }) });
+  }
+  const width = Math.max(
+    12,
+    ...members.map((m) => m.name.length + (m.isSelf ? 6 : 0))
+  );
+  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "ONLINE" }),
+    members.map((member) => {
+      const online = isOnline(member);
+      const name = `${member.name}${member.isSelf ? " (you)" : ""}`;
+      return /* @__PURE__ */ jsxs4(Box5, { children: [
+        /* @__PURE__ */ jsx5(Text5, { color: online ? ACCENT : void 0, dimColor: !online, children: online ? "\u25CF " : "\u25CB " }),
+        /* @__PURE__ */ jsx5(Text5, { bold: online, children: name.padEnd(width + 2) }),
+        /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+          member.viewingLabel ?? "\u2014",
+          member.surface === "cli" ? "  \xB7 cli" : ""
+        ] })
+      ] }, member.userId);
+    })
+  ] });
+}
+function SocialBlock({ lines }) {
+  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginBottom: 1, children: lines.map((line) => /* @__PURE__ */ jsxs4(Box5, { children: [
+    /* @__PURE__ */ jsx5(Text5, { color: ACCENT, children: "\u25C6 " }),
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: line })
+  ] }, line)) });
+}
+var BAR_CELLS = 8;
+function HeatBar({ heat }) {
+  const filled = Math.max(1, Math.min(BAR_CELLS, Math.round(heat / 100 * BAR_CELLS)));
+  return /* @__PURE__ */ jsxs4(Text5, { children: [
+    /* @__PURE__ */ jsx5(Text5, { color: heat >= 66 ? ORANGE.base : heat >= 33 ? ORANGE.deep : ORANGE.shadow, children: "\u2588".repeat(filled) }),
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2591".repeat(BAR_CELLS - filled) })
+  ] });
+}
+function TrendingBlock({
+  companies,
+  batch,
+  days
+}) {
+  if (companies.length === 0) {
+    return /* @__PURE__ */ jsx5(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+      "Nothing has moved",
+      batch ? ` in ${batch}` : "",
+      " in the last ",
+      days,
+      " days."
+    ] }) });
+  }
+  const nameWidth = Math.min(22, Math.max(...companies.map((c) => c.name.length)));
+  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `TRENDING${batch ? ` \xB7 ${batch}` : ""} \xB7 LAST ${days} DAYS` }),
+    companies.map((company, index) => {
+      const climb = company.prevRank != null ? company.prevRank - company.rank : null;
+      const detail = [
+        company.views > 0 && `${company.views} opened`,
+        company.chats > 0 && `${company.chats} asked`,
+        company.favorites > 0 && `${company.favorites} starred`
+      ].filter(Boolean).join(" \xB7 ");
+      return /* @__PURE__ */ jsxs4(Box5, { children: [
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `${String(index + 1).padStart(2)}  ` }),
+        /* @__PURE__ */ jsx5(Text5, { bold: true, children: truncate(company.name, nameWidth).padEnd(nameWidth + 2) }),
+        /* @__PURE__ */ jsx5(HeatBar, { heat: company.heat }),
+        /* @__PURE__ */ jsx5(Text5, { children: String(company.heat).padStart(5) }),
+        /* @__PURE__ */ jsx5(Text5, { color: climb != null && climb > 0 ? ACCENT : void 0, dimColor: climb == null || climb <= 0, children: climb == null || climb === 0 ? "     \u2014" : `${climb > 0 ? "  \u25B2" : "  \u25BC"}${String(Math.abs(climb)).padStart(2)}` }),
+        /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `   ${detail}` })
+      ] }, company.companyId);
+    })
+  ] });
+}
+function truncate(value, width) {
+  return value.length <= width ? value : `${value.slice(0, Math.max(1, width - 1))}\u2026`;
+}
+
+// src/ui/Turn.tsx
+import { useEffect, useState } from "react";
+import { Box as Box6, Text as Text6 } from "ink";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var SPINNER = ["\u2722", "\u2733", "\u2736", "\u273B", "\u273D", "\u273B", "\u2736", "\u2733"];
 function useSpinner(active) {
   const [frame, setFrame] = useState(0);
@@ -839,15 +994,15 @@ function useSpinner(active) {
 }
 function ToolRows({ tools, live }) {
   if (tools.length === 0) return null;
-  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: tools.map((tool) => /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs4(Box5, { children: [
-      /* @__PURE__ */ jsxs4(Text5, { color: tool.state === "error" ? "red" : tool.state === "running" ? ACCENT : "gray", children: [
+  return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", children: tools.map((tool) => /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs5(Box6, { children: [
+      /* @__PURE__ */ jsxs5(Text6, { color: tool.state === "error" ? "red" : tool.state === "running" ? ACCENT : "gray", children: [
         "\u25CF",
         " "
       ] }),
-      /* @__PURE__ */ jsx5(Text5, { bold: tool.state === "running" && live, children: tool.name })
+      /* @__PURE__ */ jsx6(Text6, { bold: tool.state === "running" && live, children: tool.name })
     ] }),
-    /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+    /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
       "  \u23BF  ",
       tool.state === "running" ? "running\u2026" : tool.state === "error" ? "failed" : "done"
     ] })
@@ -855,7 +1010,7 @@ function ToolRows({ tools, live }) {
 }
 function Sources({ sources }) {
   if (sources.length === 0) return null;
-  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 1, children: sources.map((source, index) => /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+  return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", marginTop: 1, children: sources.map((source, index) => /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
     `  ${index + 1}. `,
     source.title ? `${source.title} \u2014 ` : "",
     source.url
@@ -868,27 +1023,27 @@ function AssistantTurn({
   thoughtSeconds
 }) {
   const body = renderMarkdown(stripContextLeakage(text));
-  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx5(ToolRows, { tools, live: false }),
-    thoughtSeconds != null ? /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx6(ToolRows, { tools, live: false }),
+    thoughtSeconds != null ? /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
       "\u273B thought for ",
       thoughtSeconds,
       "s"
     ] }) : null,
-    body ? /* @__PURE__ */ jsx5(Box5, { marginTop: tools.length > 0 ? 1 : 0, children: /* @__PURE__ */ jsx5(Text5, { children: body }) }) : null,
-    /* @__PURE__ */ jsx5(Sources, { sources })
+    body ? /* @__PURE__ */ jsx6(Box6, { marginTop: tools.length > 0 ? 1 : 0, children: /* @__PURE__ */ jsx6(Text6, { children: body }) }) : null,
+    /* @__PURE__ */ jsx6(Sources, { sources })
   ] });
 }
 function StreamingTurn({ turn }) {
   const body = stripContextLeakage(turn.text);
   const reasoningTail = turn.reasoning.trim().split("\n").at(-1) ?? "";
-  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx5(ToolRows, { tools: turn.tools, live: true }),
-    !body && reasoningTail ? /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx6(ToolRows, { tools: turn.tools, live: true }),
+    !body && reasoningTail ? /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
       "  ",
-      truncate(reasoningTail, (process.stdout.columns || 80) - 4)
+      truncate2(reasoningTail, (process.stdout.columns || 80) - 4)
     ] }) : null,
-    body ? /* @__PURE__ */ jsx5(Text5, { children: body }) : null
+    body ? /* @__PURE__ */ jsx6(Text6, { children: body }) : null
   ] });
 }
 function StatusLine({ turn }) {
@@ -901,23 +1056,23 @@ function StatusLine({ turn }) {
   const elapsed = Math.max(0, Math.round((now - turn.startedAt) / 1e3));
   const running = turn.tools.find((t) => t.state === "running");
   const verb = running ? running.name : turn.text ? "Writing" : "Thinking";
-  return /* @__PURE__ */ jsxs4(Box5, { children: [
-    /* @__PURE__ */ jsxs4(Text5, { color: ACCENT, children: [
+  return /* @__PURE__ */ jsxs5(Box6, { children: [
+    /* @__PURE__ */ jsxs5(Text6, { color: ACCENT, children: [
       spinner,
       " "
     ] }),
-    /* @__PURE__ */ jsxs4(Text5, { children: [
+    /* @__PURE__ */ jsxs5(Text6, { children: [
       verb,
       "\u2026 "
     ] }),
-    /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
+    /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
       "(",
       elapsed,
       "s \xB7 esc to interrupt)"
     ] })
   ] });
 }
-function truncate(value, width) {
+function truncate2(value, width) {
   if (width <= 1 || value.length <= width) return value;
   return `${value.slice(0, Math.max(1, width - 1))}\u2026`;
 }
@@ -932,13 +1087,16 @@ var EMPTY_TURN = {
 };
 
 // src/ui/App.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var FLUSH_INTERVAL_MS = 60;
 var MENTION_DEBOUNCE_MS = 200;
 var EXIT_CONFIRM_MS = 3e3;
 var ACTIVITY_POLL_MS = 6e4;
 var ACTIVITY_LIST_DEFAULT = 10;
 var ACTIVITY_LIST_MAX = 30;
+var SHORTCUT_TIP = "? for shortcuts";
+var TRENDING_LIST_DEFAULT = 8;
+var TRENDING_LIST_MAX = 25;
 var COMMANDS = [
   { name: "model", args: "[name]", blurb: "switch model" },
   { name: "web", blurb: "toggle web search" },
@@ -946,6 +1104,8 @@ var COMMANDS = [
   { name: "batch", args: "[W26]", blurb: "set the batch for the digest" },
   { name: "digest", args: "[-r]", blurb: "re-run the activity digest" },
   { name: "activity", args: "[n | on | off]", blurb: "latest batch activity, or toggle the ticker" },
+  { name: "who", args: "[on | off]", blurb: "who's online, or toggle presence" },
+  { name: "trending", args: "[n]", blurb: "what the team has been looking at" },
   { name: "fav", args: "<company> [in folder]", blurb: "add a company to a favorites folder" },
   { name: "unfav", args: "<company>", blurb: "remove your favorite" },
   { name: "favs", args: "[folder]", blurb: "list folders, or a folder's companies" },
@@ -1004,6 +1164,12 @@ function App({ client, bootstrap, host, state }) {
   const [activityOn, setActivityOn] = useState2(state.activityUpdates ?? true);
   const activityCursorRef = useRef(null);
   const pendingActivityRef = useRef([]);
+  const [presenceOn, setPresenceOn] = useState2(state.presence ?? true);
+  const [presence, setPresence] = useState2([]);
+  const presenceRef = useRef([]);
+  const seenOnlineRef = useRef(null);
+  const pendingSocialRef = useRef([]);
+  const viewingRef = useRef(null);
   const [teamId, setTeamId] = useState2(
     state.activeTeamId ?? bootstrap.activeTeamId
   );
@@ -1135,6 +1301,11 @@ function App({ client, bootstrap, host, state }) {
     };
   }, [client, mentionQuery, teamId]);
   const flushPendingActivity = useCallback(() => {
+    const lines = pendingSocialRef.current;
+    if (lines.length > 0) {
+      pendingSocialRef.current = [];
+      push({ kind: "social", lines });
+    }
     const items = pendingActivityRef.current;
     if (items.length === 0) return;
     pendingActivityRef.current = [];
@@ -1179,6 +1350,80 @@ function App({ client, bootstrap, host, state }) {
       clearInterval(timer);
     };
   }, [activityOn, batch, client, push, teamId]);
+  useEffect2(() => {
+    if (!presenceOn) {
+      setPresence([]);
+      presenceRef.current = [];
+      seenOnlineRef.current = null;
+      return;
+    }
+    let cancelled = false;
+    const controller = new AbortController();
+    const tick = async () => {
+      if (cancelled) return;
+      try {
+        const members = await client.presence({
+          label: viewingRef.current ?? batch,
+          signal: controller.signal
+        });
+        if (cancelled) return;
+        const previous = presenceRef.current;
+        presenceRef.current = members;
+        setPresence(members);
+        const online = new Set(members.filter((m) => !m.isSelf).map((m) => m.userId));
+        const seen = seenOnlineRef.current;
+        if (seen == null) {
+          seenOnlineRef.current = online;
+          return;
+        }
+        const lines = [];
+        for (const member of members) {
+          if (member.isSelf || seen.has(member.userId)) continue;
+          const where = member.viewingLabel ? ` \xB7 ${member.viewingLabel}` : "";
+          lines.push(`${member.name} came online${where}`);
+        }
+        for (const userId of seen) {
+          if (online.has(userId)) continue;
+          const gone = previous.find((m) => m.userId === userId);
+          lines.push(`${gone?.name ?? "A teammate"} went offline`);
+        }
+        seenOnlineRef.current = online;
+        if (lines.length === 0) return;
+        if (busyRef.current) pendingSocialRef.current.push(...lines);
+        else push({ kind: "social", lines });
+      } catch {
+      }
+    };
+    void tick();
+    const timer = setInterval(() => void tick(), PRESENCE_TICK_MS);
+    return () => {
+      cancelled = true;
+      controller.abort();
+      clearInterval(timer);
+    };
+  }, [batch, client, presenceOn, push]);
+  const showPresence = useCallback(async () => {
+    try {
+      const members = await client.presence({ label: viewingRef.current ?? batch });
+      presenceRef.current = members;
+      setPresence(members);
+      seenOnlineRef.current = new Set(members.filter((m) => !m.isSelf).map((m) => m.userId));
+      push({ kind: "presence", members });
+    } catch (error) {
+      notice(describeError(error), "error");
+    }
+  }, [batch, client, notice, push]);
+  const showTrending = useCallback(
+    async (count) => {
+      try {
+        const { companies, days } = await client.trending({ batch, limit: count });
+        push({ kind: "trending", batch, days, companies });
+      } catch (error) {
+        notice(describeError(error), "error");
+      }
+    },
+    [batch, client, notice, push]
+  );
   const showRecentActivity = useCallback(
     async (count) => {
       if (!batch || teamId == null) {
@@ -1572,6 +1817,31 @@ ${lines.join("\n")}`);
           );
           return;
         }
+        case "who": {
+          const flag = argument.toLowerCase();
+          if (flag === "on" || flag === "off") {
+            const next = flag === "on";
+            setPresenceOn(next);
+            void patchState({ presence: next });
+            notice(
+              next ? "Presence on \u2014 teammates can see you're here and what you're on." : "Presence off \u2014 you're hidden, and the roster is hidden from you."
+            );
+            return;
+          }
+          if (!presenceOn) {
+            notice("Presence is off. `/who on` to turn it back on.", "error");
+            return;
+          }
+          void showPresence();
+          return;
+        }
+        case "trending": {
+          const count = Number.parseInt(argument, 10);
+          void showTrending(
+            Number.isInteger(count) && count > 0 ? Math.min(count, TRENDING_LIST_MAX) : TRENDING_LIST_DEFAULT
+          );
+          return;
+        }
         case "fav":
           void runFav(argument, attached);
           return;
@@ -1595,7 +1865,10 @@ ${lines.join("\n")}`);
       runFav,
       runFavs,
       runUnfav,
+      showPresence,
       showRecentActivity,
+      showTrending,
+      presenceOn,
       teamId,
       webSearch
     ]
@@ -1603,6 +1876,8 @@ ${lines.join("\n")}`);
   const submit = useCallback(() => {
     const raw = value.trim();
     const attached = context.filter((c) => raw.includes(`@${c.label}`));
+    const company = attached.filter((c) => c.type === "company").at(-1);
+    if (company) viewingRef.current = company.label;
     setValue("");
     setCursor(0);
     setContext([]);
@@ -1772,17 +2047,23 @@ ${lines.join("\n")}`);
     team?.name ?? "no team",
     batch ?? "no batch"
   ].join(" \xB7 ");
-  const hint = exitArmed ? "press ctrl-c again to exit" : modal ? "enter to choose \xB7 esc to cancel" : busy ? "" : showShortcuts ? "esc to close" : "? for shortcuts";
-  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx6(Static, { items: transcript, children: (item) => /* @__PURE__ */ jsx6(TranscriptBlock, { item }, item.id) }),
-    digestText !== null ? /* @__PURE__ */ jsx6(DigestStream, { text: digestText }) : null,
-    live ? /* @__PURE__ */ jsx6(StreamingTurn, { turn: live }) : null,
-    live ? /* @__PURE__ */ jsx6(StatusLine, { turn: live }) : null,
-    showShortcuts ? /* @__PURE__ */ jsx6(Box6, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: SHORTCUTS }) }) : null,
-    modal ? /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx6(Box6, { paddingLeft: 1, children: /* @__PURE__ */ jsx6(Text6, { color: ACCENT, children: modal.title }) }),
-      /* @__PURE__ */ jsx6(Picker, { rows: modal.rows, selected })
-    ] }) : pickerOpen ? /* @__PURE__ */ jsx6(
+  const hint = exitArmed ? "press ctrl-c again to exit" : modal ? "enter to choose \xB7 esc to cancel" : busy ? "" : showShortcuts ? "esc to close" : SHORTCUT_TIP;
+  const stripWidth = presenceOn ? presenceStripWidth(presence) : 0;
+  const budget = (process.stdout.columns || 80) - 4;
+  const overflows = (h) => status.length + (h ? h.length + 3 : 0) + stripWidth > budget;
+  const dropTip = hint === SHORTCUT_TIP && overflows(hint);
+  const visibleHint = dropTip ? "" : hint;
+  const presenceVisible = stripWidth > 0 && !overflows(visibleHint);
+  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx7(Static, { items: transcript, children: (item) => /* @__PURE__ */ jsx7(TranscriptBlock, { item }, item.id) }),
+    digestText !== null ? /* @__PURE__ */ jsx7(DigestStream, { text: digestText }) : null,
+    live ? /* @__PURE__ */ jsx7(StreamingTurn, { turn: live }) : null,
+    live ? /* @__PURE__ */ jsx7(StatusLine, { turn: live }) : null,
+    showShortcuts ? /* @__PURE__ */ jsx7(Box7, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: SHORTCUTS }) }) : null,
+    modal ? /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx7(Box7, { paddingLeft: 1, children: /* @__PURE__ */ jsx7(Text7, { color: ACCENT, children: modal.title }) }),
+      /* @__PURE__ */ jsx7(Picker, { rows: modal.rows, selected })
+    ] }) : pickerOpen ? /* @__PURE__ */ jsx7(
       Picker,
       {
         rows: pickerRows,
@@ -1790,7 +2071,7 @@ ${lines.join("\n")}`);
         status: mentionQuery !== null ? mentionLoading || mentionSearchedFor !== mentionQuery ? "searching\u2026" : `no records match \u201C${mentionQuery}\u201D` : void 0
       }
     ) : null,
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       Input,
       {
         value,
@@ -1798,7 +2079,8 @@ ${lines.join("\n")}`);
         spans: mentionSpans,
         busy,
         status,
-        hint
+        hint: visibleHint,
+        right: presenceVisible ? /* @__PURE__ */ jsx7(PresenceStrip, { members: presence }) : null
       }
     )
   ] });
@@ -1806,39 +2088,39 @@ ${lines.join("\n")}`);
 function DigestStream({ text }) {
   const spinner = useSpinner(true);
   if (!text.trim()) {
-    return /* @__PURE__ */ jsxs5(Box6, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsxs5(Text6, { color: ACCENT, children: [
+    return /* @__PURE__ */ jsxs6(Box7, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs6(Text7, { color: ACCENT, children: [
         spinner,
         " "
       ] }),
-      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Summarizing the latest activity\u2026" })
+      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Summarizing the latest activity\u2026" })
     ] });
   }
-  return /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { children: text }) });
+  return /* @__PURE__ */ jsx7(Box7, { marginBottom: 1, children: /* @__PURE__ */ jsx7(Text7, { children: text }) });
 }
 function TranscriptBlock({ item }) {
   switch (item.kind) {
     case "banner":
-      return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", marginBottom: 1, children: [
-        /* @__PURE__ */ jsx6(Logo, {}),
-        /* @__PURE__ */ jsxs5(Box6, { marginTop: 1, flexDirection: "column", children: [
-          /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+      return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", marginBottom: 1, children: [
+        /* @__PURE__ */ jsx7(Logo, {}),
+        /* @__PURE__ */ jsxs6(Box7, { marginTop: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
             item.email,
             item.email ? " \xB7 " : "",
             item.host.replace(/^https?:\/\//, "")
           ] }),
-          /* @__PURE__ */ jsxs5(Text6, { dimColor: true, children: [
+          /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
             item.team,
             item.batch ? ` \xB7 ${item.batch}` : ""
           ] })
         ] })
       ] });
     case "digest":
-      return /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { children: item.text }) });
+      return /* @__PURE__ */ jsx7(Box7, { marginBottom: 1, children: /* @__PURE__ */ jsx7(Text7, { children: item.text }) });
     case "user":
-      return /* @__PURE__ */ jsxs5(Box6, { marginBottom: 1, children: [
-        /* @__PURE__ */ jsx6(Text6, { color: ACCENT, children: "> " }),
-        /* @__PURE__ */ jsx6(Text6, { children: /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsxs6(Box7, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx7(Text7, { color: ACCENT, children: "> " }),
+        /* @__PURE__ */ jsx7(Text7, { children: /* @__PURE__ */ jsx7(
           HighlightedText,
           {
             value: item.text,
@@ -1849,9 +2131,15 @@ function TranscriptBlock({ item }) {
         ) })
       ] });
     case "activity":
-      return /* @__PURE__ */ jsx6(ActivityBlock, { heading: item.heading, items: item.items });
+      return /* @__PURE__ */ jsx7(ActivityBlock, { heading: item.heading, items: item.items });
+    case "presence":
+      return /* @__PURE__ */ jsx7(PresenceBlock, { members: item.members });
+    case "social":
+      return /* @__PURE__ */ jsx7(SocialBlock, { lines: item.lines });
+    case "trending":
+      return /* @__PURE__ */ jsx7(TrendingBlock, { companies: item.companies, batch: item.batch, days: item.days });
     case "assistant":
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsx7(
         AssistantTurn,
         {
           text: item.text,
@@ -1861,7 +2149,7 @@ function TranscriptBlock({ item }) {
         }
       );
     case "notice":
-      return /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { color: item.tone === "error" ? "red" : void 0, dimColor: item.tone !== "error", children: item.text }) });
+      return /* @__PURE__ */ jsx7(Box7, { marginBottom: 1, children: /* @__PURE__ */ jsx7(Text7, { color: item.tone === "error" ? "red" : void 0, dimColor: item.tone !== "error", children: item.text }) });
   }
 }
 function readTurn(message) {
@@ -1924,7 +2212,7 @@ function truncateError(message) {
 }
 
 // src/oc.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var USAGE = `oc \u2014 Orange Collective in your terminal
 
 Usage
@@ -2009,7 +2297,7 @@ ${USAGE}`);
     fail("Your account isn't on a team yet \u2014 ask an admin to add you.");
   }
   const instance = render(
-    /* @__PURE__ */ jsx7(App, { client, bootstrap, host, state: state ?? {} }),
+    /* @__PURE__ */ jsx8(App, { client, bootstrap, host, state: state ?? {} }),
     // Ctrl-C is handled in App (press twice), so Ink must not exit on the first.
     { exitOnCtrlC: false }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangecollective/oc",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Orange Collective in your terminal — the YC research agent, batch digests, and company context",
   "license": "UNLICENSED",
   "homepage": "https://www.orangecollective.vc",