diff --git a/src/projections/activity.ts b/src/projections/activity.ts
index 03e0681..ac210b2 100644
--- a/src/projections/activity.ts
+++ b/src/projections/activity.ts
@@ -30,6 +30,7 @@ export interface ActivityItem {
 }
 
 export interface ActivityPresentation {
+  renderer: "generic" | "telegram-message" | "bluesky-post";
   title: string;
   body: string;
   objectLabel: string;
@@ -37,6 +38,15 @@ export interface ActivityPresentation {
   urlLabel?: string;
   parentUrl?: string;
   parentLabel?: string;
+  telegram?: {
+    senderName: string;
+    edited: boolean;
+    attachmentCount: number;
+  };
+  bluesky?: {
+    uri: string;
+    cid?: string;
+  };
 }
 
 export interface RootActivityProjection {
@@ -86,7 +96,7 @@ export async function buildRootActivity(store: JazzThoughtStore, limit = 100): P
     ...(event.parentEventId ? { parentEventId: event.parentEventId } : {}),
     privacy: event.privacy,
     summary: summarizeRoot(event),
-    presentation: presentRoot(event),
+    presentation: presentActivityEvent(event),
     descendantEventCount: descendantsByRoot.get(event.id) ?? 0,
     consumerRuns: (runsByRoot.get(event.id) ?? []).map((run) => ({
       id: run.id,
@@ -147,7 +157,7 @@ export async function buildRecentRootActivity(
     ...(event.parentEventId ? { parentEventId: event.parentEventId } : {}),
     privacy: event.privacy,
     summary: summarizeRoot(event),
-    presentation: presentRoot(event),
+    presentation: presentActivityEvent(event),
     descendantEventCount: descendantsByRoot.get(event.id)?.size ?? 0,
     consumerRuns: (runsByRoot.get(event.id) ?? []).map((run) => ({
       id: run.id,
@@ -210,7 +220,7 @@ export async function buildRecentSourceActivity(
       ...(event.parentEventId ? { parentEventId: event.parentEventId } : {}),
       privacy: event.privacy,
       summary: summarizeRoot(event),
-      presentation: presentRoot(event),
+      presentation: presentActivityEvent(event),
       descendantEventCount: consumerRuns.reduce((total, run) => total + run.outputCount + 1, 0),
       consumerRuns,
     };
@@ -294,7 +304,25 @@ function summarizeRoot(event: ThoughtEvent): string {
   return event.type;
 }
 
-function presentRoot(event: ThoughtEvent): ActivityPresentation {
+export function presentActivityEvent(event: ThoughtEvent): ActivityPresentation {
+  if (event.type === "stream.thought.source.telegram.message") {
+    const text = typeof event.payload.text === "string" ? event.payload.text : "";
+    const senderName = typeof event.payload.senderName === "string" && event.payload.senderName.trim()
+      ? event.payload.senderName.trim()
+      : "Telegram sender";
+    const attachments = Array.isArray(event.payload.attachments) ? event.payload.attachments : [];
+    return {
+      renderer: "telegram-message",
+      title: "Telegram message",
+      body: text,
+      objectLabel: attachments.length === 1 ? "1 attachment" : attachments.length > 1 ? `${attachments.length} attachments` : "Message",
+      telegram: {
+        senderName,
+        edited: typeof event.payload.editedAt === "string",
+        attachmentCount: attachments.length,
+      },
+    };
+  }
   if (event.type === "stream.thought.source.atproto.commit") {
     const payload = event.payload;
     const operation = typeof payload.operation === "string" ? payload.operation : "observed";
@@ -306,31 +334,45 @@ function presentRoot(event: ThoughtEvent): ActivityPresentation {
         ? typeof record.reply.parent.uri === "string" ? record.reply.parent.uri : undefined
         : undefined;
       const deleted = operation === "delete";
+      const postUrl = atUri ? atUriToWebUrl(atUri) : "";
+      const parentUrl = reply ? atUriToWebUrl(reply) : "";
       return {
+        renderer: deleted || !postUrl ? "generic" : "bluesky-post",
         title: deleted ? "Deleted a Bluesky post" : reply ? "Replied on Bluesky" : "Posted on Bluesky",
         body: record && typeof record.text === "string" ? record.text : "",
         objectLabel: deleted ? "Post removed from Bluesky" : "Bluesky post",
-        ...(atUri ? { url: atUriToWebUrl(atUri), urlLabel: reply ? "Open reply" : "Open post" } : {}),
-        ...(reply ? { parentUrl: atUriToWebUrl(reply), parentLabel: "Open parent post" } : {}),
+        ...(postUrl ? { url: postUrl, urlLabel: reply ? "Open reply" : "Open post" } : {}),
+        ...(parentUrl ? { parentUrl, parentLabel: "Open parent post" } : {}),
+        ...(!deleted && postUrl && atUri ? { bluesky: {
+          uri: atUri,
+          ...(typeof payload.cid === "string" ? { cid: payload.cid } : {}),
+        } } : {}),
       };
     }
     if (collection === "app.bsky.feed.like" || collection === "app.bsky.feed.repost") {
       const subject = record && isObject(record.subject) && typeof record.subject.uri === "string"
         ? record.subject.uri
         : undefined;
+      const subjectUrl = subject ? atUriToWebUrl(subject) : "";
       const like = collection.endsWith("like");
       const removed = operation === "delete";
       return {
+        renderer: removed || !subjectUrl ? "generic" : "bluesky-post",
         title: like ? removed ? "Removed a like" : "Liked a post" : removed ? "Removed a repost" : "Reposted on Bluesky",
         body: "",
         objectLabel: "Bluesky post",
-        ...(subject ? { url: atUriToWebUrl(subject), urlLabel: like && !removed ? "Open liked post" : "Open post" } : {}),
+        ...(subjectUrl ? { url: subjectUrl, urlLabel: like && !removed ? "Open liked post" : "Open post" } : {}),
+        ...(!removed && subjectUrl && subject ? { bluesky: {
+          uri: subject,
+          ...(record && isObject(record.subject) && typeof record.subject.cid === "string" ? { cid: record.subject.cid } : {}),
+        } } : {}),
       };
     }
     if (collection === "app.bsky.graph.follow") {
       const subject = record && typeof record.subject === "string" ? record.subject : undefined;
       const removed = operation === "delete";
       return {
+        renderer: "generic",
         title: removed ? "Stopped following an account" : "Followed an account",
         body: "",
         objectLabel: "Bluesky account",
@@ -340,6 +382,7 @@ function presentRoot(event: ThoughtEvent): ActivityPresentation {
   }
   const summary = summarizeRoot(event);
   return {
+    renderer: "generic",
     title: event.type === "stream.thought.source.x.activity" ? "X activity" : capitalize(event.type.split(".").at(-1) ?? "observation"),
     body: summary === event.type ? "" : summary,
     objectLabel: "Observation",
@@ -368,5 +411,7 @@ function truncate(value: string, limit: number): string {
 
 function atUriToWebUrl(value: string): string {
   const match = value.match(/^at:\/\/([^/]+)\/app\.bsky\.feed\.post\/([^/]+)$/);
-  return match ? `https://bsky.app/profile/${match[1]}/post/${match[2]}` : value;
+  return match
+    ? `https://bsky.app/profile/${encodeURIComponent(match[1]!)}/post/${encodeURIComponent(match[2]!)}`
+    : "";
 }
diff --git a/src/web/inspector.ts b/src/web/inspector.ts
index 0198825..ed155e8 100644
--- a/src/web/inspector.ts
+++ b/src/web/inspector.ts
@@ -1,6 +1,11 @@
 import http, { type IncomingMessage, type ServerResponse } from "node:http";
 import type { JazzThoughtStore } from "../jazz/store.js";
-import { buildRecentRootActivity, buildRecentSourceActivity, describeRunResult } from "../projections/activity.js";
+import {
+  buildRecentRootActivity,
+  buildRecentSourceActivity,
+  describeRunResult,
+  presentActivityEvent,
+} from "../projections/activity.js";
 import { buildSourceHealth } from "../projections/source-health.js";
 import { auditRunEvidence } from "../agents/evidence.js";
 import type { AgentRun } from "../store/types.js";
@@ -34,6 +39,52 @@ const RUN_TERMINAL_EVENT_TYPES = [
   "stream.thought.agent.run.blocked",
   "stream.thought.agent.run.abandoned",
 ];
+const BLUESKY_POST_URI_PATTERN = /^at:\/\/[^/]{3,256}\/app\.bsky\.feed\.post\/[a-zA-Z0-9._~:-]{1,256}$/;
+const SAFE_CID_PATTERN = /^[a-zA-Z0-9]{8,128}$/;
+const BLUESKY_INLAY_CACHE_TTL_MS = 10 * 60_000;
+
+interface BlueskyPostInlay {
+  uri: string;
+  cid: string;
+  url: string;
+  author: {
+    displayName: string;
+    handle: string;
+    avatar?: string;
+  };
+  text: string;
+  createdAt?: string;
+  images: Array<{ thumb: string; fullsize: string; alt: string }>;
+  external?: { uri: string; title: string; description: string; thumb?: string };
+  quote?: {
+    uri: string;
+    url: string;
+    author: { displayName: string; handle: string; avatar?: string };
+    text: string;
+  };
+  counts: { replies: number; reposts: number; likes: number };
+}
+
+const blueskyPostViewSchema = z.object({
+  uri: z.string(),
+  cid: z.string(),
+  author: z.object({
+    handle: z.string(),
+    displayName: z.string().optional(),
+    avatar: z.string().url().optional(),
+  }).passthrough(),
+  record: z.object({
+    text: z.string().optional(),
+    createdAt: z.string().optional(),
+  }).passthrough(),
+  embed: z.unknown().optional(),
+  replyCount: z.number().int().nonnegative().optional(),
+  repostCount: z.number().int().nonnegative().optional(),
+  likeCount: z.number().int().nonnegative().optional(),
+}).passthrough();
+const blueskyPostResponseSchema = z.object({ posts: z.array(blueskyPostViewSchema) });
+const blueskyInlayCache = new Map<string, { expiresAt: number; value: BlueskyPostInlay }>();
+let aroundFontCache: Buffer | undefined;
 
 export interface InspectorServerOptions {
   host?: string;
@@ -160,6 +211,29 @@ async function handleRequest(
     send(response, 200, "text/html; charset=utf-8", renderInspectorHtml());
     return;
   }
+  if (url.pathname === "/assets/around-regular.woff2") {
+    try {
+      aroundFontCache ??= await loadAroundFont();
+      sendBytes(response, 200, "font/woff2", aroundFontCache, "public, max-age=31536000, immutable");
+    } catch {
+      sendJson(response, 502, { error: "Display font is unavailable" });
+    }
+    return;
+  }
+  if (url.pathname === "/api/inlays/bluesky") {
+    const uri = url.searchParams.get("uri");
+    const cid = url.searchParams.get("cid") ?? undefined;
+    if (!uri || !BLUESKY_POST_URI_PATTERN.test(uri) || (cid !== undefined && !SAFE_CID_PATTERN.test(cid))) {
+      sendJson(response, 400, { error: "Bluesky post reference is invalid" });
+      return;
+    }
+    try {
+      sendJson(response, 200, await loadBlueskyPostInlay(uri, cid));
+    } catch {
+      sendJson(response, 502, { error: "Bluesky post is unavailable" });
+    }
+    return;
+  }
   if (url.pathname === "/api/snapshot") {
     const [runs, agents, sources] = await Promise.all([
       store.listRuns(),
@@ -268,6 +342,7 @@ async function handleRequest(
     const relevantRuns = runs.filter((run) => eventBelongsToRun(event, run, runInputsById));
     sendJson(response, 200, {
       event,
+      presentation: presentActivityEvent(event),
       parent,
       children,
       root,
@@ -510,49 +585,191 @@ function escapeArtifactHtml(value: string): string {
   })[character]!);
 }
 
+async function loadBlueskyPostInlay(uri: string, expectedCid?: string): Promise<BlueskyPostInlay> {
+  const cacheKey = `${uri}\u0000${expectedCid ?? "current"}`;
+  const cached = blueskyInlayCache.get(cacheKey);
+  if (cached && cached.expiresAt > Date.now()) return cached.value;
+  blueskyInlayCache.delete(cacheKey);
+
+  const endpoint = new URL("https://public.api.bsky.app/xrpc/app.bsky.feed.getPosts");
+  endpoint.searchParams.append("uris", uri);
+  const response = await fetch(endpoint, {
+    headers: { accept: "application/json" },
+    signal: AbortSignal.timeout(4_000),
+  });
+  if (!response.ok) throw new Error(`Bluesky AppView returned ${response.status}`);
+  const parsed = blueskyPostResponseSchema.parse(await response.json());
+  const post = parsed.posts.find((candidate) => candidate.uri === uri);
+  if (!post || (expectedCid && post.cid !== expectedCid)) throw new Error("Bluesky post did not match the observed strong reference");
+
+  const embed = blueskyEmbed(post.embed);
+  const value: BlueskyPostInlay = {
+    uri: post.uri,
+    cid: post.cid,
+    url: atUriToBlueskyUrl(post.uri),
+    author: blueskyAuthor(post.author),
+    text: post.record.text ?? "",
+    ...(post.record.createdAt ? { createdAt: post.record.createdAt } : {}),
+    images: embed.images,
+    ...(embed.external ? { external: embed.external } : {}),
+    ...(embed.quote ? { quote: embed.quote } : {}),
+    counts: {
+      replies: post.replyCount ?? 0,
+      reposts: post.repostCount ?? 0,
+      likes: post.likeCount ?? 0,
+    },
+  };
+  blueskyInlayCache.set(cacheKey, { expiresAt: Date.now() + BLUESKY_INLAY_CACHE_TTL_MS, value });
+  while (blueskyInlayCache.size > 512) {
+    const oldest = blueskyInlayCache.keys().next().value as string | undefined;
+    if (!oldest) break;
+    blueskyInlayCache.delete(oldest);
+  }
+  return value;
+}
+
+async function loadAroundFont(): Promise<Buffer> {
+  const response = await fetch("https://cameron.stream/public/fonts/around-regular.woff2?v=20260712-12", {
+    headers: { accept: "font/woff2" },
+    signal: AbortSignal.timeout(4_000),
+  });
+  if (!response.ok) throw new Error(`Cameron.stream returned ${response.status}`);
+  const bytes = Buffer.from(await response.arrayBuffer());
+  if (bytes.length < 4 || bytes.length > 65_536 || bytes.subarray(0, 4).toString("ascii") !== "wOF2") {
+    throw new Error("Cameron.stream returned an invalid Around font");
+  }
+  return bytes;
+}
+
+function blueskyEmbed(value: unknown): Pick<BlueskyPostInlay, "images" | "external" | "quote"> {
+  const embed = objectValue(value);
+  const type = stringValue(embed?.$type);
+  const media = type === "app.bsky.embed.recordWithMedia#view" ? objectValue(embed?.media) : embed;
+  const images = Array.isArray(media?.images)
+    ? media.images.flatMap((candidate) => {
+      const image = objectValue(candidate);
+      const thumb = safeHttpsUrl(image?.thumb);
+      const fullsize = safeHttpsUrl(image?.fullsize);
+      if (!thumb || !fullsize) return [];
+      return [{ thumb, fullsize, alt: stringValue(image?.alt) ?? "" }];
+    })
+    : [];
+  const externalView = objectValue(media?.external);
+  const externalUri = safeHttpUrl(externalView?.uri);
+  const externalThumb = safeHttpsUrl(externalView?.thumb);
+  const external = externalUri
+    ? {
+      uri: externalUri,
+      title: stringValue(externalView?.title) ?? externalUri,
+      description: stringValue(externalView?.description) ?? "",
+      ...(externalThumb ? { thumb: externalThumb } : {}),
+    }
+    : undefined;
+  const recordContainer = type === "app.bsky.embed.recordWithMedia#view" ? objectValue(embed?.record) : embed;
+  const recordView = objectValue(recordContainer?.record);
+  const quoteAuthor = objectValue(recordView?.author);
+  const quoteValue = objectValue(recordView?.value);
+  const quoteUri = stringValue(recordView?.uri);
+  const quote = quoteUri && BLUESKY_POST_URI_PATTERN.test(quoteUri) && quoteAuthor && quoteValue
+    ? {
+      uri: quoteUri,
+      url: atUriToBlueskyUrl(quoteUri),
+      author: blueskyAuthor(quoteAuthor),
+      text: stringValue(quoteValue.text) ?? "",
+    }
+    : undefined;
+  return { images, ...(external ? { external } : {}), ...(quote ? { quote } : {}) };
+}
+
+function blueskyAuthor(value: Record<string, unknown>): BlueskyPostInlay["author"] {
+  const handle = stringValue(value.handle) ?? "unknown.handle";
+  return {
+    displayName: stringValue(value.displayName)?.trim() || handle,
+    handle,
+    ...(safeHttpsUrl(value.avatar) ? { avatar: safeHttpsUrl(value.avatar)! } : {}),
+  };
+}
+
+function objectValue(value: unknown): Record<string, unknown> | undefined {
+  return value !== null && typeof value === "object" && !Array.isArray(value)
+    ? value as Record<string, unknown>
+    : undefined;
+}
+
+function stringValue(value: unknown): string | undefined {
+  return typeof value === "string" ? value : undefined;
+}
+
+function safeHttpsUrl(value: unknown): string | undefined {
+  const url = safeHttpUrl(value);
+  return url?.startsWith("https://") ? url : undefined;
+}
+
+function safeHttpUrl(value: unknown): string | undefined {
+  if (typeof value !== "string") return undefined;
+  try {
+    const url = new URL(value);
+    return url.protocol === "https:" || url.protocol === "http:" ? url.toString() : undefined;
+  } catch {
+    return undefined;
+  }
+}
+
+function atUriToBlueskyUrl(uri: string): string {
+  const match = uri.match(BLUESKY_POST_URI_PATTERN);
+  if (!match) return uri;
+  const parts = uri.slice(5).split("/");
+  return `https://bsky.app/profile/${encodeURIComponent(parts[0]!)}/post/${encodeURIComponent(parts[2]!)}`;
+}
+
 export function renderInspectorHtml(): string {
   return `<!doctype html>
 <html lang="en">
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
-  <title>thought stream inspector</title>
+  <title>The Stream</title>
   <style>
-    :root { color-scheme: dark; --bg:#0b0e11; --panel:#11161b; --line:#26313a; --text:#e7edf1; --muted:#8c9aa5; --cyan:#72d5da; --amber:#e6bb75; --red:#ef8a86; }
-    * { box-sizing:border-box } body { margin:0; background:var(--bg); color:var(--text); font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace }
-    header { width:min(680px,calc(100% - 32px)); margin:0 auto; padding:28px 0 18px }
-    h1 { margin:0 0 12px; font:600 24px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:0 } .muted { color:var(--muted) }
-    main { width:min(680px,calc(100% - 32px)); margin:0 auto; padding-bottom:48px }
+    @font-face { font-family:Around; src:url("/assets/around-regular.woff2") format("woff2"); font-display:swap }
+    :root { color-scheme:light; --bg:#f9f9f7; --panel:#fff; --surface:#f3f3f0; --surface-alt:#f0f0ec; --line:#e2e2dd; --line-strong:#c8c8c1; --text:#1a1a1a; --secondary:#3d3d3a; --muted:#777773; --accent:#8b5a9b; --accent-soft:rgba(139,90,155,.09); --cyan:var(--accent); --amber:#8b6c33; --red:#a44444; }
+    @media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#0a0a0a;--panel:#141414;--surface:#171717;--surface-alt:#1b1b1b;--line:#2a2a2a;--line-strong:#454545;--text:#e5e5e5;--secondary:#b8b8b8;--muted:#8a8a8a;--accent:#c4aacf;--accent-soft:rgba(196,170,207,.1);--amber:#d5b26c;--red:#df8585}}
+    * { box-sizing:border-box }
+    html { background:var(--bg) }
+    body { margin:0; background:var(--bg); color:var(--text); font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif }
+    header { width:min(640px,calc(100% - 32px)); margin:0 auto; padding:32px 0 20px }
+    h1 { margin:0 0 12px; font:400 30px/1.1 Around,Georgia,serif; letter-spacing:-.01em } .muted { color:var(--muted) }
+    main { width:min(640px,calc(100% - 32px)); margin:0 auto; padding-bottom:56px }
     section { min-width:0 }
-    .section-head { display:flex; justify-content:space-between; padding:12px 0; color:var(--muted); font-size:11px }
-    .item { width:100%; min-width:0; display:block; border:1px solid var(--line); border-radius:9px; margin:0 0 12px; padding:14px 15px; background:var(--panel); color:inherit; text-align:left; font:inherit; cursor:pointer; overflow-wrap:anywhere }
-    .item:hover { border-color:#40515d; background:#121a20 } .item:focus-visible { outline:2px solid var(--cyan); outline-offset:2px } .item.active { border-color:var(--cyan); background:#111b21 } .type { color:var(--cyan); font-size:13px; overflow-wrap:anywhere } .summary { min-width:0; margin:7px 0 9px; font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow-wrap:anywhere; white-space:pre-wrap } .meta { color:var(--muted); font-size:11px; overflow-wrap:anywhere }
-    .consumer { min-width:0; margin:7px 0 2px; padding-left:9px; border-left:2px solid #35515c; color:#c7d2d9; font-size:12px; overflow-wrap:anywhere } .consumer strong { color:var(--cyan) }
+    .section-head { display:flex; justify-content:space-between; padding:14px 0 7px; color:var(--muted); font-size:12px }
+    .item { width:100%; min-width:0; display:block; border:0; border-bottom:1px solid var(--line); border-radius:0; margin:0; padding:18px 0; background:transparent; color:inherit; text-align:left; font:inherit; cursor:pointer; overflow-wrap:anywhere }
+    .item:first-child { border-top:1px solid var(--line) }
+    .item:hover { background:var(--accent-soft) } .item:focus-visible { outline:2px solid var(--accent); outline-offset:3px } .item.active { background:var(--accent-soft) } .type { color:var(--accent); font-size:13px; overflow-wrap:anywhere } .summary { min-width:0; margin:7px 0 9px; font:15px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow-wrap:anywhere; white-space:pre-wrap } .meta { color:var(--muted); font-size:11px; overflow-wrap:anywhere }
+    .consumer { min-width:0; margin:8px 0 2px; padding-left:10px; border-left:2px solid var(--line-strong); color:var(--secondary); font-size:12px; overflow-wrap:anywhere } .consumer strong { color:var(--accent) }
     .badge { display:inline-block; border:1px solid var(--line); padding:1px 5px; margin-left:5px; color:var(--amber) } .failed { color:var(--red) }
     #detail-pane { display:none } main.detail-selected #list-pane { display:none } main.detail-selected #detail-pane { display:block } #detail { padding:8px 0 24px } .detail-back { border:0; background:transparent; color:var(--cyan); padding:4px 0 18px; font:inherit; cursor:pointer }
     .empty { color:var(--muted); padding:30px 8px } h2 { font-size:14px; margin:0 0 12px } h3 { color:var(--muted); text-transform:uppercase; letter-spacing:.08em; font-size:11px; margin:20px 0 7px }
-    pre { margin:0; padding:10px; border:1px solid var(--line); background:#0d1216; white-space:pre-wrap; overflow-wrap:anywhere; font:11px/1.5 inherit }
+    pre { margin:0; padding:10px; border:1px solid var(--line); background:var(--surface); white-space:pre-wrap; overflow-wrap:anywhere; font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace }
     .lineage { display:grid; gap:6px } .lineage button { color:var(--cyan); background:transparent; border:1px solid var(--line); padding:7px; text-align:left; cursor:pointer; overflow-wrap:anywhere }
-    .work { border:1px solid #35515c; background:#0e181d; padding:12px; margin:8px 0 14px } .work-head { display:flex; align-items:center; gap:8px; margin-bottom:8px } .work-head strong { color:var(--cyan) }
+    .work { border:1px solid var(--line); background:var(--surface); padding:12px; margin:8px 0 14px } .work-head { display:flex; align-items:center; gap:8px; margin-bottom:8px } .work-head strong { color:var(--accent) }
     .work-summary { min-width:0; font-size:14px; margin:5px 0 10px; overflow-wrap:anywhere } .work-label { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; margin-top:10px } .proposal { border-left:2px solid var(--amber); padding-left:9px; margin-top:5px } .output-list { display:grid; gap:5px; margin-top:5px } .output-list button { color:var(--cyan); background:transparent; border:1px solid var(--line); padding:7px; text-align:left; cursor:pointer; overflow-wrap:anywhere }
     .facts { display:flex; flex-wrap:wrap; gap:5px 12px; color:var(--muted); font-size:11px; margin-top:10px } .facts strong { color:var(--text); font-weight:normal }
-    .review-prompt { border:1px solid var(--line); background:#0d1216; padding:12px; white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.55 inherit }
-    .candidate-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:8px } .candidate { min-width:0; border:1px solid #35515c; background:#0e181d; padding:12px } .candidate h3 { margin:0 0 8px; color:var(--cyan) } .candidate-text { white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.55 inherit }
-    .decision { border:1px solid #5b4b2f; background:#18150f; padding:12px; margin-top:12px } .decision strong { color:var(--amber) }
+    .review-prompt { border:1px solid var(--line); background:var(--surface); padding:12px; white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.55 inherit }
+    .candidate-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:8px } .candidate { min-width:0; border:1px solid var(--line); background:var(--surface); padding:12px } .candidate h3 { margin:0 0 8px; color:var(--accent) } .candidate-text { white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.55 inherit }
+    .decision { border:1px solid color-mix(in srgb,var(--amber) 55%,var(--line)); background:color-mix(in srgb,var(--amber) 8%,var(--panel)); padding:12px; margin-top:12px } .decision strong { color:var(--amber) }
     .review-form { border-top:1px solid var(--line); margin-top:16px; padding-top:12px; display:grid; gap:10px } .form-row { display:grid; gap:5px } .form-row label { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.06em }
-    select,textarea,input[type=text] { width:100%; background:#0d1216; color:var(--text); border:1px solid var(--line); padding:8px; font:12px/1.45 inherit } textarea { min-height:86px; resize:vertical } .choice-row { display:flex; flex-wrap:wrap; gap:8px 14px } .choice-row label { color:var(--text); text-transform:none; letter-spacing:0 }
-    .submit-row { display:flex; align-items:center; gap:10px } .submit-row button { border:1px solid var(--cyan); background:#102226; color:var(--text); padding:8px 12px; font:inherit; cursor:pointer } .submit-row button:disabled { opacity:.5; cursor:not-allowed }
+    select,textarea,input[type=text],input[type=search] { width:100%; background:var(--panel); color:var(--text); border:1px solid var(--line); border-radius:5px; padding:8px; font:12px/1.45 inherit } textarea { min-height:86px; resize:vertical } .choice-row { display:flex; flex-wrap:wrap; gap:8px 14px } .choice-row label { color:var(--text); text-transform:none; letter-spacing:0 }
+    .submit-row { display:flex; align-items:center; gap:10px } .submit-row button { border:1px solid var(--accent); background:var(--accent-soft); color:var(--text); padding:8px 12px; font:inherit; cursor:pointer } .submit-row button:disabled { opacity:.5; cursor:not-allowed }
     .provenance { margin-top:10px; color:var(--muted); font-size:10px; overflow-wrap:anywhere }
     .human-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:8px 0 14px }
-    .human-card { min-width:0; border:1px solid var(--line); background:#0d1216; padding:10px }
+    .human-card { min-width:0; border:1px solid var(--line); background:var(--surface); padding:10px }
     .human-card.wide { grid-column:1/-1 }
     .field-label { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:4px }
     .field-value { color:var(--text); overflow-wrap:anywhere }
     .mono { font:11px/1.45 inherit; color:var(--cyan); overflow-wrap:anywhere }
     .relation-list { display:grid; gap:8px; margin:8px 0 14px }
-    .relation-card { border-left:2px solid var(--cyan); background:#0d1216; padding:10px }
+    .relation-card { border-left:2px solid var(--accent); background:var(--surface); padding:10px }
     .artifact-content { max-height:500px; overflow:auto }
-    .artifact-document { color:#edf2f4; font:15px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif }
+    .artifact-document { color:var(--text); font:15px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif }
     .artifact-document h1 { font-size:24px; line-height:1.2; margin:0 0 18px; letter-spacing:0 }
     .artifact-document h2 { font-size:19px; line-height:1.25; margin:28px 0 10px }
     .artifact-document h3 { color:var(--text); text-transform:none; letter-spacing:0; font-size:16px; margin:24px 0 8px }
@@ -560,34 +777,64 @@ export function renderInspectorHtml(): string {
     .artifact-document p { margin:0 0 13px }
     .artifact-document ul,.artifact-document ol { margin:0 0 15px; padding-left:24px }
     .artifact-document li { margin:4px 0 }
-    .artifact-document blockquote { margin:14px 0; padding:2px 0 2px 14px; border-left:2px solid var(--cyan); color:#bac6cc }
-    .artifact-document code { padding:1px 4px; background:#121a1f; color:#9ae5e8; font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace }
+    .artifact-document blockquote { margin:14px 0; padding:2px 0 2px 14px; border-left:2px solid var(--accent); color:var(--secondary) }
+    .artifact-document code { padding:1px 4px; background:var(--surface); color:var(--accent); font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace }
     .artifact-document pre { margin:14px 0; max-height:none; font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace }
     .artifact-document pre code { padding:0; background:transparent; color:inherit }
     .artifact-document a { color:var(--cyan); text-underline-offset:2px }
     .artifact-metadata { margin-top:30px }
     .artifact-metadata > summary { padding:10px 0 }
     details { border-top:1px solid var(--line); margin-top:12px; padding-top:9px } summary { color:var(--muted); cursor:pointer; font-size:11px } details pre { margin-top:7px }
-    nav { display:flex; flex-wrap:wrap; align-items:center; gap:5px } nav span { color:#43515a } nav button { background:transparent; color:var(--muted); border:0; font:inherit; padding:0; cursor:pointer } nav button.active { color:var(--text); text-decoration:underline; text-decoration-color:var(--cyan); text-underline-offset:4px }
-    .suggestion-content { border:1px solid var(--line); background:#0d1216; padding:14px; margin:8px 0 14px; white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.6 system-ui,sans-serif }
+    nav { display:flex; flex-wrap:wrap; align-items:center; gap:5px; font-size:12px } nav span { color:var(--line-strong) } nav button { background:transparent; color:var(--muted); border:0; font:inherit; padding:0; cursor:pointer } nav button.active { color:var(--text); text-decoration:underline; text-decoration-color:var(--accent); text-underline-offset:4px }
+    .suggestion-content { border:1px solid var(--line); background:var(--surface); padding:14px; margin:8px 0 14px; white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.6 Inter,-apple-system,sans-serif }
     .suggestion-compare { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:8px 0 14px } .suggestion-compare > div { min-width:0 }
-    .suggestion-actions { display:grid; gap:10px; border-top:1px solid var(--line); padding-top:14px; margin-top:16px } .suggestion-buttons { display:flex; flex-wrap:wrap; gap:8px } .suggestion-buttons button { border:1px solid var(--cyan); background:#102226; color:var(--text); padding:9px 12px; font:inherit; cursor:pointer } .suggestion-buttons button.reject { border-color:var(--red) }
+    .suggestion-actions { display:grid; gap:10px; border-top:1px solid var(--line); padding-top:14px; margin-top:16px } .suggestion-buttons { display:flex; flex-wrap:wrap; gap:8px } .suggestion-buttons button { border:1px solid var(--accent); background:var(--accent-soft); color:var(--text); padding:9px 12px; font:inherit; cursor:pointer } .suggestion-buttons button.reject { border-color:var(--red) }
     .spinner { display:inline-block; width:10px; height:10px; margin-right:7px; border:1px solid var(--line); border-top-color:var(--cyan); border-radius:50%; animation:spin .8s linear infinite; vertical-align:-1px }
     .retry { margin-top:12px; border:1px solid var(--red); background:transparent; color:var(--text); padding:7px 10px; font:inherit; cursor:pointer }
-    .observation-head h2 { margin-bottom:4px; font-size:17px } .observation-card { margin:14px 0; border:1px solid #30404a; background:#0e151a; padding:14px 15px; font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow-wrap:anywhere } .observation-card p { margin:0; white-space:pre-wrap } .observation-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px } .observation-links a { border:1px solid #35515c; color:var(--cyan); padding:6px 9px; text-decoration:none; font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace } .processing-state { display:flex; align-items:center; gap:8px; margin:14px 0 4px; color:var(--muted); font-size:12px } .status-dot { width:7px; height:7px; border-radius:50%; background:#4b5962; flex:none } .technical-record { margin-top:22px } .technical-record > summary { padding:2px 0 7px } .technical-section { margin-top:15px } .technical-section h3 { margin-top:0 }
-    .source-event-list { display:grid; gap:7px; margin:8px 0 16px } .source-event { width:100%; border:1px solid var(--line); border-left:2px solid var(--cyan); background:#0d1216; color:var(--text); padding:10px 11px; text-align:left; font:inherit; cursor:pointer } .source-event:hover { background:#10191f } .source-event .source-event-title { color:var(--cyan); margin-bottom:3px } .source-event .source-event-body { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font:13px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif } .source-overview { margin-top:12px } .source-state { border-top:2px solid #35515c } .source-state.good { border-top-color:var(--cyan) } .source-state.waiting { border-top-color:var(--amber) }
-    .filters { margin:0 0 14px; padding:0; border-top:0 } .filters > summary { width:max-content; padding:4px 0 8px } .filter-bar { display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:0 0 12px } .filter-bar[hidden] { display:none } .filter-bar select,.filter-bar input { min-width:0; height:32px; padding:4px 7px; font-size:11px } .filter-bar input { grid-column:1/-1 } .filter-bar button { grid-column:1/-1; border:1px solid var(--line); background:transparent; color:var(--muted); padding:6px 8px; font:11px/1.4 inherit; cursor:pointer } .filter-bar button:hover { color:var(--text); border-color:#40515d }
-    .feed-processing { margin-top:11px; padding-top:8px } .feed-processing > summary { color:#a9b5bc } .feed-links { display:flex; flex-wrap:wrap; gap:8px; margin:9px 0 0 } .feed-links a { color:var(--cyan); text-decoration:none; border-bottom:1px solid #35515c; font-size:11px }
+    .observation-head h2 { margin-bottom:4px; font-size:17px } .observation-card { margin:14px 0; border:1px solid var(--line); background:var(--surface); padding:14px 15px; font:15px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow-wrap:anywhere } .observation-card p { margin:0; white-space:pre-wrap } .observation-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px } .observation-links a { border:1px solid var(--line); color:var(--accent); padding:6px 9px; text-decoration:none; font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace } .processing-state { display:flex; align-items:center; gap:8px; margin:14px 0 4px; color:var(--muted); font-size:12px } .status-dot { width:7px; height:7px; border-radius:50%; background:var(--line-strong); flex:none } .technical-record { margin-top:22px } .technical-record > summary { padding:2px 0 7px } .technical-section { margin-top:15px } .technical-section h3 { margin-top:0 }
+    .source-event-list { display:grid; gap:7px; margin:8px 0 16px } .source-event { width:100%; border:1px solid var(--line); border-left:2px solid var(--accent); background:var(--surface); color:var(--text); padding:10px 11px; text-align:left; font:inherit; cursor:pointer } .source-event:hover { background:var(--accent-soft) } .source-event .source-event-title { color:var(--accent); margin-bottom:3px } .source-event .source-event-body { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font:13px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif } .source-overview { margin-top:12px } .source-state { border-top:2px solid var(--line-strong) } .source-state.good { border-top-color:var(--accent) } .source-state.waiting { border-top-color:var(--amber) }
+    .filters { margin:0 0 14px; padding:0; border-top:0 } .filters > summary { width:max-content; padding:4px 0 8px } .filter-bar { display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:0 0 12px } .filter-bar[hidden] { display:none } .filter-bar select,.filter-bar input { min-width:0; height:32px; padding:4px 7px; font-size:11px } .filter-bar input { grid-column:1/-1 } .filter-bar button { grid-column:1/-1; border:1px solid var(--line); background:transparent; color:var(--muted); padding:6px 8px; font:11px/1.4 inherit; cursor:pointer } .filter-bar button:hover { color:var(--text); border-color:var(--line-strong) }
+    .feed-processing { margin-top:10px; padding-top:7px } .feed-processing > summary { color:var(--muted) } .feed-links { display:flex; flex-wrap:wrap; gap:8px; margin:9px 0 0 } .feed-links a { color:var(--accent); text-decoration:none; border-bottom:1px solid var(--line-strong); font-size:11px }
+    .activity-kind { margin-bottom:8px; color:var(--muted); font-size:12px }
+    .source-inlay { min-width:0 }
+    .telegram-inlay { border:1px solid var(--line); border-left:3px solid var(--accent); border-radius:8px; background:var(--panel); padding:12px 14px }
+    .telegram-author { margin-bottom:5px; color:var(--secondary); font-size:12px; font-weight:600 }
+    .telegram-text { color:var(--text); font-size:15px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere }
+    .telegram-note { margin-top:7px; color:var(--muted); font-size:11px }
+    .bluesky-inlay { min-height:74px; border:1px solid var(--line); border-radius:9px; background:var(--panel); padding:13px 14px }
+    .bluesky-inlay.loading { display:flex; align-items:center; color:var(--muted); font-size:12px }
+    .bluesky-inlay.failed { min-height:0; color:var(--muted) }
+    .bsky-header { display:flex; align-items:center; min-width:0; gap:9px; margin-bottom:8px }
+    .bsky-avatar-link { display:block; flex:none }
+    .bsky-avatar { width:34px; height:34px; flex:none; border-radius:50%; object-fit:cover; background:var(--surface-alt) }
+    .bsky-author { min-width:0; color:inherit; line-height:1.25; text-decoration:none }
+    .bsky-name { color:var(--text); font-size:13px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
+    .bsky-handle { color:var(--muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
+    .bsky-time { margin-left:auto; flex:none; color:var(--muted); font-size:11px; text-decoration:none }
+    .bsky-text { color:var(--text); font-size:14px; line-height:1.52; white-space:pre-wrap; overflow-wrap:anywhere }
+    .bsky-images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px; margin-top:10px; overflow:hidden; border-radius:7px }
+    .bsky-images.single { grid-template-columns:1fr }
+    .bsky-images a { display:block; min-width:0 }
+    .bsky-images img { display:block; width:100%; height:100%; max-height:300px; aspect-ratio:16/10; object-fit:cover; background:var(--surface-alt) }
+    .bsky-external { display:flex; min-width:0; margin-top:10px; overflow:hidden; border:1px solid var(--line); border-radius:7px; color:inherit; text-decoration:none }
+    .bsky-external img { width:92px; min-height:76px; flex:none; object-fit:cover; background:var(--surface-alt) }
+    .bsky-external-body { min-width:0; padding:8px 10px }
+    .bsky-external-title { overflow:hidden; color:var(--text); font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap }
+    .bsky-external-description { display:-webkit-box; margin-top:2px; overflow:hidden; color:var(--muted); font-size:11px; -webkit-box-orient:vertical; -webkit-line-clamp:2 }
+    .bsky-quote { display:block; margin-top:10px; border:1px solid var(--line); border-radius:7px; padding:9px 10px; color:inherit; text-decoration:none }
+    .bsky-quote-author { color:var(--secondary); font-size:11px; font-weight:600 }
+    .bsky-quote-text { margin-top:4px; color:var(--secondary); font-size:12px; line-height:1.45; white-space:pre-wrap }
+    .bsky-stats { display:flex; flex-wrap:wrap; gap:12px; margin-top:9px; color:var(--muted); font-size:11px }
     @keyframes spin { to { transform:rotate(360deg) } }
     @media (prefers-reduced-motion:reduce) { .spinner { animation:none; border-color:var(--cyan) } }
-    @media(max-width:700px){ header,main{width:min(100% - 24px,680px)} header{padding-top:20px} nav{line-height:1.8}.candidate-grid,.human-grid,.suggestion-compare{grid-template-columns:1fr}.human-card.wide{grid-column:auto}.item{padding:13px}.filter-bar{grid-template-columns:1fr}.filter-bar input,.filter-bar button{grid-column:auto} }
+    @media(max-width:700px){ header,main{width:min(100% - 24px,640px)} header{padding-top:22px} nav{line-height:1.8}.candidate-grid,.human-grid,.suggestion-compare{grid-template-columns:1fr}.human-card.wide{grid-column:auto}.item{padding:15px 0}.filter-bar{grid-template-columns:1fr}.filter-bar input,.filter-bar button{grid-column:auto}.telegram-inlay,.bluesky-inlay{padding:11px 12px}.bsky-external img{width:76px} }
   </style>
 </head>
 <body>
-<header><h1>thought stream</h1><nav><button id="events-tab" class="active">feed</button><span>|</span><button id="runs-tab">runs</button><span>|</span><button id="sources-tab">sources</button><span>|</span><button id="suggestions-tab">suggestions</button><span>|</span><button id="reviews-tab">review</button><span>|</span><button id="artifacts-tab">artifacts</button></nav></header>
+<header><h1>The Stream</h1><nav><button id="events-tab" class="active">feed</button><span>|</span><button id="runs-tab">runs</button><span>|</span><button id="sources-tab">sources</button><span>|</span><button id="suggestions-tab">suggestions</button><span>|</span><button id="reviews-tab">review</button><span>|</span><button id="artifacts-tab">artifacts</button></nav></header>
 <main><section id="list-pane"><div class="section-head"><span id="list-title">recent activity</span></div><details id="filters-shell" class="filters" hidden><summary>filter</summary><div id="filter-bar" class="filter-bar" hidden></div></details><div id="list"><div class="empty"><span class="spinner" aria-hidden="true"></span>Loading recent activity…</div></div></section><section id="detail-pane"><button id="detail-back" class="detail-back">← back</button><div id="detail"></div></section></main>
 <script>
-const state={snapshot:null,proposals:null,reviews:null,artifacts:null,session:null,loading:{snapshot:true,proposals:true,reviews:true,artifacts:true,session:true},errors:{},tab:'events',selected:null,proposalReceipt:'',eventFilters:{source:'all',activity:'all',processing:'all',query:''},sourceScope:'inputs',snapshotRefreshInFlight:false,snapshotRefreshPending:false};
+const state={snapshot:null,proposals:null,reviews:null,artifacts:null,session:null,inlays:new Map(),loading:{snapshot:true,proposals:true,reviews:true,artifacts:true,session:true},errors:{},tab:'events',selected:null,proposalReceipt:'',eventFilters:{source:'all',activity:'all',processing:'all',query:''},sourceScope:'inputs',snapshotRefreshInFlight:false,snapshotRefreshPending:false};
 const resources={snapshot:{path:'api/snapshot',label:'recent activity'},proposals:{path:'api/proposals',label:'suggestions'},reviews:{path:'api/reviews',label:'review queue'},artifacts:{path:'api/artifacts',label:'artifacts'},session:{path:'api/session',label:'session'}};
 const esc=s=>String(s??'').replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
 const json=value=>esc(JSON.stringify(value,null,2));
@@ -618,6 +865,7 @@ function renderList(){
   list.querySelector('.retry')?.addEventListener('click',event=>loadResource(event.currentTarget.dataset.resource));
   list.querySelectorAll('.item[data-kind]').forEach(item=>{const open=event=>{if(event.target.closest('a,details,input,select,textarea')&&event.target!==item)return;list.querySelectorAll('.item').forEach(value=>value.classList.remove('active'));item.classList.add('active');select(item.dataset.kind,item.dataset.id)};item.addEventListener('click',open);item.addEventListener('keydown',event=>{if((event.key==='Enter'||event.key===' ')&&event.target===item){event.preventDefault();open(event)}})});
   if(state.selected)list.querySelectorAll('.item[data-kind]').forEach(item=>item.classList.toggle('active',item.dataset.kind===state.selected.kind&&item.dataset.id===state.selected.id));
+  hydrateInlays(list);
 }
 function startLiveUpdates(){const stream=new EventSource('api/live');stream.addEventListener('change',()=>scheduleSnapshotRefresh())}
 let snapshotRefreshTimer;
@@ -633,10 +881,44 @@ function eventFilterEmptyMessage(){if(state.eventFilters.source!=='all'){const s
 function eventItem(event){
   const observation=observationPresentation(event);
   const consumers=(event.consumerRuns??[]).map(run=>'<div class="consumer"><strong>'+esc(agentName(run.agentId))+'</strong>'+(run.status==='completed'?'':' <span class="badge '+(run.status==='failed'?'failed':'')+'">'+esc(run.status)+'</span>')+'<br>'+esc(run.description)+'</div>').join('');
-  const processing=consumers?'<details class="feed-processing"><summary>'+event.consumerRuns.length+' processor'+(event.consumerRuns.length===1?'':'s')+'</summary>'+consumers+'</details>':'<div class="processing-state"><span class="status-dot"></span>Not processed</div>';
-  const links=observationAnchor(observation.urlLabel,observation.url)+observationAnchor(observation.parentLabel,observation.parentUrl);
-  return '<article class="item" tabindex="0" data-kind="event" data-id="'+esc(event.id)+'"><div class="type">'+esc(observation.title)+'</div><div class="summary">'+esc(observation.body||observation.objectLabel)+'</div><div class="meta">'+esc(observation.sourceLabel)+' · '+esc(new Date(event.occurredAt).toLocaleString())+' · '+esc(humanPrivacy(event.privacy))+'</div>'+(links?'<div class="feed-links">'+links+'</div>':'')+processing+'</article>';
+  const processing=consumers?'<details class="feed-processing"><summary>'+event.consumerRuns.length+' processor'+(event.consumerRuns.length===1?'':'s')+'</summary>'+consumers+'</details>':'';
+  const links=observation.renderer==='bluesky-post'?observationAnchor(observation.parentLabel,observation.parentUrl):observationAnchor(observation.urlLabel,observation.url)+observationAnchor(observation.parentLabel,observation.parentUrl);
+  const source=observation.renderer==='generic'?esc(observation.sourceLabel)+' · ':'';
+  return '<article class="item event-item" tabindex="0" data-kind="event" data-id="'+esc(event.id)+'">'+renderSourceInlay(event,observation)+'<div class="meta">'+source+esc(new Date(event.occurredAt).toLocaleString())+'</div>'+(links?'<div class="feed-links">'+links+'</div>':'')+processing+'</article>';
+}
+const sourceRenderers={
+  'telegram-message':renderTelegramInlay,
+  'bluesky-post':renderBlueskyInlay,
+};
+function renderSourceInlay(event,observation,showActivity=true){
+  const activity=showActivity?'<div class="activity-kind">'+esc(observation.title)+'</div>':'';
+  const renderer=sourceRenderers[observation.renderer]??renderGenericInlay;
+  return activity+renderer(event,observation);
+}
+function renderTelegramInlay(_event,observation){const telegram=observation.telegram??{};const notes=[];if(telegram.edited)notes.push('edited');if(telegram.attachmentCount)notes.push(telegram.attachmentCount+' attachment'+(telegram.attachmentCount===1?'':'s'));return '<div class="source-inlay telegram-inlay"><div class="telegram-author">'+esc(telegram.senderName??'Telegram sender')+'</div><div class="telegram-text">'+esc(observation.body||observation.objectLabel)+'</div>'+(notes.length?'<div class="telegram-note">'+esc(notes.join(' · '))+'</div>':'')+'</div>'}
+function renderBlueskyInlay(_event,observation){return observation.bluesky?.uri?'<div class="source-inlay bluesky-inlay loading" data-bsky-uri="'+esc(observation.bluesky.uri)+'" data-bsky-cid="'+esc(observation.bluesky.cid??'')+'"><span class="spinner" aria-hidden="true"></span>Loading post…</div>':renderGenericInlay(_event,observation)}
+function renderGenericInlay(_event,observation){return '<div class="summary">'+esc(observation.body||observation.objectLabel)+'</div>'}
+let inlayObserver;
+function hydrateInlays(root){
+  inlayObserver?.disconnect();const nodes=[...root.querySelectorAll('.bluesky-inlay[data-bsky-uri]')];if(!nodes.length)return;
+  const observe=node=>{const key=node.dataset.bskyUri+'|'+(node.dataset.bskyCid??'');const cached=state.inlays.get(key);if(cached){paintBlueskyInlay(node,cached);return}void loadBlueskyInlay(node,key)};
+  if(!('IntersectionObserver'in window)){nodes.forEach(observe);return}
+  inlayObserver=new IntersectionObserver(entries=>entries.forEach(entry=>{if(!entry.isIntersecting)return;inlayObserver.unobserve(entry.target);observe(entry.target)}),{rootMargin:'240px 0px'});nodes.forEach(node=>inlayObserver.observe(node));
+}
+async function loadBlueskyInlay(node,key){
+  try{const query=new URLSearchParams({uri:node.dataset.bskyUri});if(node.dataset.bskyCid)query.set('cid',node.dataset.bskyCid);const post=await fetchJson('api/inlays/bluesky?'+query.toString(),'Bluesky post');state.inlays.set(key,post);if(node.isConnected)paintBlueskyInlay(node,post)}catch{if(!node.isConnected)return;const url=bskyPostUrl(node.dataset.bskyUri);node.className='source-inlay bluesky-inlay failed';node.innerHTML=url?'<a href="'+esc(url)+'" target="_blank" rel="noreferrer">Open post on Bluesky</a>':'Post unavailable'}
+}
+function paintBlueskyInlay(node,post){node.className='source-inlay bluesky-inlay';node.innerHTML=renderBlueskyPost(post)}
+function renderBlueskyPost(post){
+  const author=post.author??{};const profile='https://bsky.app/profile/'+encodeURIComponent(author.handle??'');const avatar=author.avatar?'<img class="bsky-avatar" src="'+esc(author.avatar)+'" alt="">':'<span class="bsky-avatar"></span>';const date=post.createdAt?'<a class="bsky-time" href="'+esc(post.url)+'" target="_blank" rel="noreferrer">'+esc(new Date(post.createdAt).toLocaleDateString())+'</a>':'';
+  const images=(post.images??[]).map(image=>'<a href="'+esc(image.fullsize)+'" target="_blank" rel="noreferrer"><img src="'+esc(image.thumb)+'" alt="'+esc(image.alt)+'" loading="lazy"></a>').join('');
+  const imageBlock=images?'<div class="bsky-images '+(post.images.length===1?'single':'')+'">'+images+'</div>':'';
+  const external=post.external?'<a class="bsky-external" href="'+esc(post.external.uri)+'" target="_blank" rel="noreferrer">'+(post.external.thumb?'<img src="'+esc(post.external.thumb)+'" alt="" loading="lazy">':'')+'<span class="bsky-external-body"><span class="bsky-external-title">'+esc(post.external.title)+'</span><span class="bsky-external-description">'+esc(post.external.description)+'</span></span></a>':'';
+  const quote=post.quote?'<a class="bsky-quote" href="'+esc(post.quote.url)+'" target="_blank" rel="noreferrer"><div class="bsky-quote-author">'+esc(post.quote.author.displayName)+' · @'+esc(post.quote.author.handle)+'</div><div class="bsky-quote-text">'+esc(post.quote.text)+'</div></a>':'';
+  const counts=post.counts??{};const stats='<div class="bsky-stats"><span>'+compactCount(counts.replies)+' replies</span><span>'+compactCount(counts.reposts)+' reposts</span><span>'+compactCount(counts.likes)+' likes</span></div>';
+  return '<div class="bsky-header"><a class="bsky-avatar-link" href="'+esc(profile)+'" target="_blank" rel="noreferrer">'+avatar+'</a><a class="bsky-author" href="'+esc(profile)+'" target="_blank" rel="noreferrer"><div class="bsky-name">'+esc(author.displayName??author.handle)+'</div><div class="bsky-handle">@'+esc(author.handle)+'</div></a>'+date+'</div><div class="bsky-text">'+esc(post.text)+'</div>'+imageBlock+external+quote+stats;
 }
+function compactCount(value){const count=Number(value??0);return count>=1000000?(count/1000000).toFixed(count>=10000000?0:1)+'m':count>=1000?(count/1000).toFixed(count>=10000?0:1)+'k':String(count)}
 function runItem(run){const evidence=state.snapshot.runEvidence.find(report=>report.runId===run.id);const kind=isModelRun(run)?'model':'rule';return '<button class="item" data-kind="run" data-id="'+esc(run.id)+'"><div class="type">'+esc(agentName(run.agentId))+' <span class="badge">'+kind+'</span> <span class="badge '+(run.status==='failed'?'failed':'')+'">'+esc(run.status)+'</span>'+(evidence&&!evidence.consistent?'<span class="badge failed">evidence contradiction</span>':'')+'</div><div class="summary">'+esc(run.summary??run.errorText??run.id)+'</div><div class="meta">LLM inference: '+(kind==='model'?'yes':'no')+' · '+esc(run.startedAt??run.createdAt)+' · '+esc(run.provider)+'/'+esc(run.model)+'</div></button>'}
 function sourceItem(source){
   const runtime=source.control?.runtime;const upstream=source.control?.upstream;const badges=[];
@@ -659,7 +941,7 @@ async function select(kind,id,options={}){
   if(kind==='artifact'){document.querySelector('#detail').innerHTML='<div class="empty">Loading artifact…</div>';const response=await fetch('api/artifacts/'+encodeURIComponent(id));const data=await response.json();document.querySelector('#detail').innerHTML=renderArtifact(data);return}
   const selection=kind+':'+id;const label=kind==='event'?'observation':'run';const detail=document.querySelector('#detail');
   detail.innerHTML='<div class="empty"><span class="spinner" aria-hidden="true"></span>Loading '+label+'…</div>';
-  try{const data=await fetchJson('api/'+(kind==='event'?'events/':'runs/')+encodeURIComponent(id),label);if(state.selected?.kind+':'+state.selected?.id!==selection)return;detail.innerHTML=kind==='event'?renderEvent(data):renderRun(data);document.querySelectorAll('#detail [data-event-id]').forEach(button=>button.addEventListener('click',()=>select('event',button.dataset.eventId)))}catch(error){if(state.selected?.kind+':'+state.selected?.id!==selection)return;detail.innerHTML='<div class="empty failed">'+esc(error instanceof Error?error.message:String(error))+'<div><button class="retry" id="detail-retry">Retry</button></div></div>';document.querySelector('#detail-retry')?.addEventListener('click',()=>select(kind,id))}
+  try{const data=await fetchJson('api/'+(kind==='event'?'events/':'runs/')+encodeURIComponent(id),label);if(state.selected?.kind+':'+state.selected?.id!==selection)return;detail.innerHTML=kind==='event'?renderEvent(data):renderRun(data);document.querySelectorAll('#detail [data-event-id]').forEach(button=>button.addEventListener('click',()=>select('event',button.dataset.eventId)));hydrateInlays(detail)}catch(error){if(state.selected?.kind+':'+state.selected?.id!==selection)return;detail.innerHTML='<div class="empty failed">'+esc(error instanceof Error?error.message:String(error))+'<div><button class="retry" id="detail-retry">Retry</button></div></div>';document.querySelector('#detail-retry')?.addEventListener('click',()=>select(kind,id))}
 }
 async function showSource(id){const detail=document.querySelector('#detail');detail.innerHTML='<div class="empty"><span class="spinner" aria-hidden="true"></span>Loading source activity…</div>';try{const data=await fetchJson('api/sources/'+encodeURIComponent(id),'source activity');if(state.selected?.kind!=='source'||state.selected.id!==id)return;detail.innerHTML=renderSource(data.source,data.activity.items);detail.querySelectorAll('[data-event-id]').forEach(button=>button.addEventListener('click',()=>select('event',button.dataset.eventId)))}catch(error){detail.innerHTML='<div class="empty failed">'+esc(error instanceof Error?error.message:String(error))+'</div>'}}
 function eventLink(label,event){return event?'<button data-event-id="'+esc(event.id)+'">'+esc(label)+': '+esc(event.type)+' · '+esc(event.id)+'</button>':''}
@@ -668,35 +950,35 @@ function sourceLabelFromId(source){if(source==='jetstream:cameron-atproto')retur
 function observationSourceLabel(event){return sourceLabelFromId(event?.source)}
 function humanPrivacy(value){return value==='public-source'?'public source':value==='sensitive'?'sensitive':'private'}
 function observationPresentation(event){
-  if(event?.presentation)return {...event.presentation,sourceLabel:observationSourceLabel(event),url:event.presentation.url??'',urlLabel:event.presentation.urlLabel??'',parentUrl:event.presentation.parentUrl??'',parentLabel:event.presentation.parentLabel??''};
+  if(event?.presentation)return {...event.presentation,renderer:event.presentation.renderer??'generic',sourceLabel:observationSourceLabel(event),url:event.presentation.url??'',urlLabel:event.presentation.urlLabel??'',parentUrl:event.presentation.parentUrl??'',parentLabel:event.presentation.parentLabel??''};
   const payload=event?.payload??{};const record=payload.record??{};const operation=payload.operation??'observed';
   if(event?.type==='stream.thought.source.atproto.commit'){
     if(payload.collection==='app.bsky.feed.post'){
       const reply=Boolean(record.reply?.parent?.uri);const deleted=operation==='delete';
-      return {title:deleted?'Deleted a Bluesky post':reply?'Replied on Bluesky':'Posted on Bluesky',body:record.text??'',objectLabel:deleted?'Post removed from Bluesky':'Bluesky post',sourceLabel:observationSourceLabel(event),url:bskyPostUrl(payload.atUri),urlLabel:reply?'Open reply':'Open post',parentUrl:bskyPostUrl(record.reply?.parent?.uri),parentLabel:'Open parent post'};
+      return {renderer:'generic',title:deleted?'Deleted a Bluesky post':reply?'Replied on Bluesky':'Posted on Bluesky',body:record.text??'',objectLabel:deleted?'Post removed from Bluesky':'Bluesky post',sourceLabel:observationSourceLabel(event),url:bskyPostUrl(payload.atUri),urlLabel:reply?'Open reply':'Open post',parentUrl:bskyPostUrl(record.reply?.parent?.uri),parentLabel:'Open parent post'};
     }
     if(payload.collection==='app.bsky.feed.like'){
-      const removed=operation==='delete';return {title:removed?'Removed a like':'Liked a post',body:'',objectLabel:'Bluesky post',sourceLabel:observationSourceLabel(event),url:bskyPostUrl(record.subject?.uri),urlLabel:removed?'Open affected post':'Open liked post'};
+      const removed=operation==='delete';return {renderer:'generic',title:removed?'Removed a like':'Liked a post',body:'',objectLabel:'Bluesky post',sourceLabel:observationSourceLabel(event),url:bskyPostUrl(record.subject?.uri),urlLabel:removed?'Open affected post':'Open liked post'};
     }
     if(payload.collection==='app.bsky.feed.repost'){
-      const removed=operation==='delete';return {title:removed?'Removed a repost':'Reposted on Bluesky',body:'',objectLabel:'Bluesky post',sourceLabel:observationSourceLabel(event),url:bskyPostUrl(record.subject?.uri),urlLabel:'Open post'};
+      const removed=operation==='delete';return {renderer:'generic',title:removed?'Removed a repost':'Reposted on Bluesky',body:'',objectLabel:'Bluesky post',sourceLabel:observationSourceLabel(event),url:bskyPostUrl(record.subject?.uri),urlLabel:'Open post'};
     }
     if(payload.collection==='app.bsky.graph.follow'){
-      const removed=operation==='delete';const subject=record.subject;return {title:removed?'Stopped following an account':'Followed an account',body:'',objectLabel:'Bluesky account',sourceLabel:observationSourceLabel(event),url:subject?'https://bsky.app/profile/'+encodeURIComponent(subject):'',urlLabel:'Open profile'};
+      const removed=operation==='delete';const subject=record.subject;return {renderer:'generic',title:removed?'Stopped following an account':'Followed an account',body:'',objectLabel:'Bluesky account',sourceLabel:observationSourceLabel(event),url:subject?'https://bsky.app/profile/'+encodeURIComponent(subject):'',urlLabel:'Open profile'};
     }
   }
   const finalType=String(event?.type??'observation').split('.').at(-1)??'observation';
   const body=payload.text??payload.title??payload.summary??payload.path??'';
-  return {title:humanLabel(finalType),body,objectLabel:humanLabel(payload.collection?.split('.').at(-1)??'Observation'),sourceLabel:observationSourceLabel(event),url:'',urlLabel:'',parentUrl:'',parentLabel:''};
+  return {renderer:'generic',title:humanLabel(finalType),body,objectLabel:humanLabel(payload.collection?.split('.').at(-1)??'Observation'),sourceLabel:observationSourceLabel(event),url:'',urlLabel:'',parentUrl:'',parentLabel:''};
 }
 function observationAnchor(label,url){return url?'<a href="'+esc(url)+'" target="_blank" rel="noreferrer">'+esc(label)+'</a>':''}
 function renderEvent(data){
   if(data.error)return '<div class="failed">'+esc(data.error)+'</div>'; const e=data.event;
-  const observation=observationPresentation(e);
+  const observation=data.presentation?observationPresentation({...e,presentation:data.presentation}):observationPresentation(e);
   const work=(data.agentActivities??[]).map(renderAgentWork).join('');
   const processing=work?'<h3>Processing</h3>'+work:'<div class="processing-state"><span class="status-dot"></span>No consumer matched this observation.</div>';
   const links=observationAnchor(observation.urlLabel,observation.url)+observationAnchor(observation.parentLabel,observation.parentUrl);
-  const content='<div class="observation-card">'+(observation.body?'<p>'+esc(observation.body)+'</p>':'<p>'+esc(observation.objectLabel)+'</p>')+(links?'<div class="observation-links">'+links+'</div>':'')+'</div>';
+  const content='<div class="observation-card">'+renderSourceInlay(e,observation,false)+(links?'<div class="observation-links">'+links+'</div>':'')+'</div>';
   const lineage=(data.root?.id!==e.id?eventLink('root',data.root):'')+(data.parent?eventLink('parent',data.parent):'')+data.children.map(child=>eventLink('child',child)).join('');
   const technical='<details class="technical-record"><summary>Technical details</summary><div class="facts"><span>Event type: <strong>'+esc(e.type)+'</strong></span><span>Source: <strong>'+esc(e.source)+'</strong></span><span>Occurred: <strong>'+esc(e.occurredAt)+'</strong></span><span>Observed: <strong>'+esc(e.observedAt)+'</strong></span></div><div class="technical-section"><h3>Event ID</h3><div class="mono">'+esc(e.id)+'</div></div>'+(lineage?'<div class="technical-section"><h3>Lineage and execution records</h3><div class="lineage">'+lineage+'</div></div>':'')+'<div class="technical-section"><h3>Raw payload</h3><pre>'+json(e.payload)+'</pre></div><div class="technical-section"><h3>Canonical envelope</h3><pre>'+json(e)+'</pre></div></details>';
   return '<div class="observation-head"><h2>'+esc(observation.title)+'</h2><div class="meta">'+esc(observation.sourceLabel)+' · '+esc(new Date(e.occurredAt).toLocaleString())+' · '+esc(humanPrivacy(e.privacy))+'</div></div>'+content+processing+technical;
@@ -795,6 +1077,16 @@ function sendJson(response: ServerResponse, status: number, value: unknown): voi
   send(response, status, "application/json; charset=utf-8", JSON.stringify(value));
 }
 
+function sendBytes(response: ServerResponse, status: number, contentType: string, body: Buffer, cacheControl: string): void {
+  response.writeHead(status, {
+    "content-type": contentType,
+    "content-length": String(body.length),
+    "cache-control": cacheControl,
+    "x-content-type-options": "nosniff",
+  });
+  response.end(body);
+}
+
 function streamInspectorActivity(
   store: JazzThoughtStore,
   request: IncomingMessage,
@@ -843,7 +1135,7 @@ function send(response: ServerResponse, status: number, contentType: string, bod
   response.writeHead(status, {
     "content-type": contentType,
     "cache-control": "no-store",
-    "content-security-policy": "default-src 'self'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; connect-src 'self'; frame-ancestors 'none'; base-uri 'none'",
+    "content-security-policy": "default-src 'self'; script-src 'unsafe-inline'; style-src 'unsafe-inline'; connect-src 'self'; img-src 'self' data: https:; font-src 'self'; frame-ancestors 'none'; base-uri 'none'",
     "x-content-type-options": "nosniff",
     "x-frame-options": "DENY",
   });
diff --git a/test/inspector.test.ts b/test/inspector.test.ts
index c71bbd9..9b91abe 100644
--- a/test/inspector.test.ts
+++ b/test/inspector.test.ts
@@ -1,5 +1,5 @@
 import fs from "node:fs/promises";
-import { afterEach, describe, expect, test } from "vitest";
+import { afterEach, describe, expect, test, vi } from "vitest";
 import { startInspectorServer } from "../src/web/inspector.js";
 import type { JazzThoughtStore } from "../src/jazz/store.js";
 import { temporaryProject, testStore } from "./helpers.js";
@@ -98,7 +98,8 @@ describe("thought stream inspector", () => {
     const page = await fetch(base);
     expect(page.status).toBe(200);
     const pageHtml = await page.text();
-    expect(pageHtml).toContain("thought stream inspector");
+    expect(pageHtml).toContain("<title>The Stream</title>");
+    expect(pageHtml).toContain("<h1>The Stream</h1>");
     expect(pageHtml).toContain("await loadResource('snapshot')");
     expect(pageHtml).not.toContain("Promise.all([fetch('api/snapshot')");
     expect(pageHtml).not.toContain("fetch('/api/snapshot')");
@@ -125,11 +126,16 @@ describe("thought stream inspector", () => {
     expect(pageHtml).not.toContain('id="count"');
     expect(pageHtml).not.toContain("review enabled");
     expect(pageHtml).toContain("main.detail-selected #list-pane");
-    expect(pageHtml).toContain('class="item" tabindex="0" data-kind="event"');
+    expect(pageHtml).toContain('class="item event-item" tabindex="0" data-kind="event"');
     expect(pageHtml).toContain("feed-processing");
+    expect(pageHtml).toContain("renderSourceInlay");
+    expect(pageHtml).toContain("api/inlays/bluesky?");
+    expect(pageHtml).toContain("telegram-inlay");
+    expect(pageHtml).toContain("bluesky-inlay");
     expect(pageHtml).toContain("cursor:pointer; overflow-wrap:anywhere");
-    expect(pageHtml).toContain("font:15px/1.55 system-ui");
+    expect(pageHtml).toContain("font:15px/1.55 Inter");
     expect(page.headers.get("content-security-policy")).toContain("frame-ancestors 'none'");
+    expect(page.headers.get("content-security-policy")).toContain("img-src 'self' data: https:");
 
     const snapshot = await (await fetch(`${base}/api/snapshot`)).json() as {
       activity: { totalEvents: number };
@@ -179,6 +185,138 @@ describe("thought stream inspector", () => {
     expect(await mutation.json()).toEqual({ error: "Inspector is read-only" });
   });
 
+  test("projects direct Telegram messages and strong-reference Bluesky post inlays", async () => {
+    const project = await temporaryProject();
+    roots.push(project);
+    const store = testStore(project);
+    stores.push(store);
+    const telegram = await store.appendEvent({
+      type: "stream.thought.source.telegram.message",
+      schemaVersion: 1,
+      source: "telegram:fixture",
+      sourceKind: "telegram",
+      externalId: "message-42",
+      idempotencyKey: "telegram:message-42",
+      occurredAt: "2026-08-11T01:00:00.000Z",
+      actor: "user-fixture",
+      correlationId: "chat-fixture",
+      privacy: "sensitive",
+      payload: {
+        senderName: "Cameron",
+        text: "Show the message directly.",
+        editedAt: "2026-08-11T01:00:01.000Z",
+        attachments: [{ kind: "image", status: "stored" }],
+      },
+    });
+    await store.appendEvent({
+      type: "stream.thought.source.atproto.commit",
+      schemaVersion: 1,
+      source: "jetstream:cameron-atproto",
+      sourceKind: "jetstream",
+      externalId: "like-42",
+      idempotencyKey: "atproto:like-42",
+      occurredAt: "2026-08-11T01:01:00.000Z",
+      actor: "did:plc:cameron",
+      correlationId: "commit-fixture",
+      privacy: "public-source",
+      payload: {
+        operation: "create",
+        collection: "app.bsky.feed.like",
+        record: { subject: { uri: "at://did:plc:author/app.bsky.feed.post/post42", cid: "bafyreifixture42" } },
+      },
+    });
+    const unsafe = await store.appendEvent({
+      type: "stream.thought.source.atproto.commit",
+      schemaVersion: 1,
+      source: "jetstream:cameron-atproto",
+      sourceKind: "jetstream",
+      externalId: "like-unsafe",
+      idempotencyKey: "atproto:like-unsafe",
+      occurredAt: "2026-08-11T01:02:00.000Z",
+      actor: "did:plc:cameron",
+      correlationId: "commit-fixture",
+      privacy: "public-source",
+      payload: {
+        operation: "create",
+        collection: "app.bsky.feed.like",
+        record: { subject: { uri: "javascript:alert(1)", cid: "bafyreifixturebad" } },
+      },
+    });
+    const server = await startInspectorServer(store, { port: 0 });
+    servers.push(server);
+    const address = server.address();
+    if (!address || typeof address === "string") throw new Error("Missing inspector address");
+    const base = `http://127.0.0.1:${address.port}`;
+    const snapshot = await (await fetch(`${base}/api/snapshot`)).json() as {
+      activity: { items: Array<{ id: string; type: string; presentation: Record<string, unknown> }> };
+    };
+    expect(snapshot.activity.items).toEqual(expect.arrayContaining([
+      expect.objectContaining({
+        type: "stream.thought.source.telegram.message",
+        presentation: expect.objectContaining({
+          renderer: "telegram-message",
+          body: "Show the message directly.",
+          telegram: { senderName: "Cameron", edited: true, attachmentCount: 1 },
+        }),
+      }),
+      expect.objectContaining({
+        type: "stream.thought.source.atproto.commit",
+        presentation: expect.objectContaining({
+          renderer: "bluesky-post",
+          bluesky: { uri: "at://did:plc:author/app.bsky.feed.post/post42", cid: "bafyreifixture42" },
+        }),
+      }),
+    ]));
+    const unsafeItem = snapshot.activity.items.find((item) => item.id === unsafe.event.id);
+    expect(unsafeItem?.presentation).toMatchObject({ renderer: "generic" });
+    expect(unsafeItem?.presentation).not.toHaveProperty("url");
+    expect(unsafeItem?.presentation).not.toHaveProperty("bluesky");
+    const detail = await (await fetch(`${base}/api/events/${encodeURIComponent(telegram.event.id)}`)).json() as {
+      presentation: Record<string, unknown>;
+    };
+    expect(detail.presentation).toMatchObject({ renderer: "telegram-message", body: "Show the message directly." });
+    const invalid = await fetch(`${base}/api/inlays/bluesky?uri=${encodeURIComponent("https://example.com")}`);
+    expect(invalid.status).toBe(400);
+    const requestFetch = globalThis.fetch.bind(globalThis);
+    const appViewFetch = vi.spyOn(globalThis, "fetch").mockImplementation(async (input, init) => {
+      const href = input instanceof Request ? input.url : String(input);
+      if (!href.startsWith("https://public.api.bsky.app/xrpc/app.bsky.feed.getPosts")) {
+        return requestFetch(input, init);
+      }
+      return new Response(JSON.stringify({
+        posts: [{
+          uri: "at://did:plc:author/app.bsky.feed.post/post42",
+          cid: "bafyreifixture42",
+          author: { handle: "author.example", displayName: "Author" },
+          record: { text: "The actual post body.", createdAt: "2026-08-11T01:00:00.000Z" },
+          replyCount: 2,
+          repostCount: 3,
+          likeCount: 5,
+        }],
+      }), { status: 200, headers: { "content-type": "application/json" } });
+    });
+    try {
+      const query = new URLSearchParams({
+        uri: "at://did:plc:author/app.bsky.feed.post/post42",
+        cid: "bafyreifixture42",
+      });
+      const inlayResponse = await requestFetch(`${base}/api/inlays/bluesky?${query.toString()}`);
+      expect(inlayResponse.status).toBe(200);
+      expect(await inlayResponse.json()).toMatchObject({
+        uri: "at://did:plc:author/app.bsky.feed.post/post42",
+        cid: "bafyreifixture42",
+        author: { handle: "author.example", displayName: "Author" },
+        text: "The actual post body.",
+        counts: { replies: 2, reposts: 3, likes: 5 },
+      });
+      query.set("cid", "bafyreibadversion");
+      const mismatch = await requestFetch(`${base}/api/inlays/bluesky?${query.toString()}`);
+      expect(mismatch.status).toBe(502);
+    } finally {
+      appViewFetch.mockRestore();
+    }
+  });
+
   test("shows one broad-batch Stream run as secondary processing on every member observation", async () => {
     const project = await temporaryProject();
     roots.push(project);