diff --git a/js/core/src/hooks/use-actor-typeahead.ts b/js/core/src/hooks/use-actor-typeahead.ts
index 7e9ec7ed4..8643446f6 100644
--- a/js/core/src/hooks/use-actor-typeahead.ts
+++ b/js/core/src/hooks/use-actor-typeahead.ts
@@ -1,11 +1,6 @@
 // Debounced handle typeahead for the login form. Hits the public
 // Bluesky API's searchActorsTypeahead endpoint and returns the top N
-// matches. Platform-agnostic: just fetch + state, no React Native or
-// web-only APIs.
-//
-// Mirrors js/app/hooks/useActorTypeahead.tsx so both surfaces share
-// the same UX (minimum query length, debounce window, request-rate
-// floor, abort-on-stale).
+// matches.
 import { useEffect, useRef, useState } from "react";
 
 export interface Actor {
@@ -92,9 +87,9 @@ export function useActorTypeahead(query: string): TypeaheadResult {
         if (!controller.signal.aborted) {
           const newActors: Actor[] = data.actors || [];
 
-          // Skip the setState if the result is identical to what we
-          // already have — keeps the input stable when the typeahead
-          // returns the same matches on a re-fetch.
+          // Skip setState if the result matches what we already have.
+          // Keeps the input stable when the typeahead returns the same
+          // matches on a re-fetch.
           const actorsChanged =
             newActors.length !== actorsRef.current.length ||
             newActors.some(
diff --git a/js/core/src/lib/pds-hosts.ts b/js/core/src/lib/pds-hosts.ts
index 545038ca2..de9224fbc 100644
--- a/js/core/src/lib/pds-hosts.ts
+++ b/js/core/src/lib/pds-hosts.ts
@@ -1,14 +1,7 @@
-// PDS (Personal Data Server) host list shown during signup. The
-// streamplace user needs a PDS before they can sign in — this is the
-// curated list we present to new users, plus an option to enter a
-// custom host.
-//
-// `handlePolicyDocs` is a special case: hosts that have a handle
-// policy (e.g. Blacksky's "you must follow this account") require the
-// user to check a box before continuing. We pre-shuffle the list once
-// at module load so the order feels fresh on each visit, but always
-// pin a non-policy host to the top so the first option is always
-// ready to go without an extra checkbox.
+// PDS host list shown during signup. `handlePolicyDocs` hosts require
+// the user to check a box before continuing. We pre-shuffle the list
+// at module load, but pin a non-policy host to the top so the first
+// option is always ready without an extra checkbox.
 export interface PdsHost {
   value: string;
   label: string;
diff --git a/js/core/src/livestream-store/chat-reducer.test.ts b/js/core/src/livestream-store/chat-reducer.test.ts
index 7f356f2d8..d744a0c95 100644
--- a/js/core/src/livestream-store/chat-reducer.test.ts
+++ b/js/core/src/livestream-store/chat-reducer.test.ts
@@ -4,7 +4,7 @@ import { reduceChat } from "./chat-reducer";
 import type { LivestreamState } from "./state";
 
 function makeMsg(
-  overrides: Partial<ChatMessageViewHydrated> & {
+  overrides: Omit<Partial<ChatMessageViewHydrated>, "uri"> & {
     uri?: string;
     did?: string;
     text?: string;
@@ -20,13 +20,6 @@ function makeMsg(
   return {
     uri,
     cid: "cid-" + uri,
-    author: { did, handle: did + ".bsky.social" },
-    record: {
-      $type: "place.stream.chat.message",
-      text,
-      createdAt,
-      streamer: "did:plc:streamer",
-    },
     indexedAt: createdAt,
     chatProfile: { color: { red: 255, green: 255, blue: 255 } },
     ...overrides,
@@ -257,7 +250,7 @@ describe("reduceChat", () => {
       chatProfile: profile as any,
     });
     const state2 = reduceChat(state, [msg2], [], []);
-    // Same ref — no re-render trigger
+    // Same ref, no re-render trigger.
     expect(state2.authors["did:plc:a"]).toBe(authorsBefore);
   });
 });
diff --git a/js/core/src/livestream-store/chat-reducer.ts b/js/core/src/livestream-store/chat-reducer.ts
index 4e263fde4..e4b301040 100644
--- a/js/core/src/livestream-store/chat-reducer.ts
+++ b/js/core/src/livestream-store/chat-reducer.ts
@@ -45,7 +45,7 @@ const profileIsDifferent = (
     return true;
   }
   if (!newProfile.color) {
-    // idk. shouldn't happen.
+    // shouldn't happen, but don't overwrite an existing color with nothing.
     return false;
   }
   const { red: newRed, green: newGreen, blue: newBlue } = newProfile.color;
diff --git a/js/web/src/components/auth/login-modal.tsx b/js/web/src/components/auth/login-modal.tsx
index 6ca369e3e..431f4385d 100644
--- a/js/web/src/components/auth/login-modal.tsx
+++ b/js/web/src/components/auth/login-modal.tsx
@@ -140,7 +140,7 @@ export function LoginModal() {
       await signIn(trimmed);
     } catch {
       if (!popup) {
-        // Popup never opened — browser blocked it. Fall back to the
+        // Popup never opened; browser blocked it. Fall back to the
         // full-page /login route, which always does a full-page
         // redirect and works regardless of popup settings.
         goToLoginPage();
diff --git a/js/web/src/components/auth/pds-host-selector-modal.tsx b/js/web/src/components/auth/pds-host-selector-modal.tsx
index b4a1e8300..19811e570 100644
--- a/js/web/src/components/auth/pds-host-selector-modal.tsx
+++ b/js/web/src/components/auth/pds-host-selector-modal.tsx
@@ -1,8 +1,4 @@
-// PDS host selector shown during signup. Mirrors
-// js/app/components/login/pds-host-selector-modal.tsx but uses the
-// web's Dialog primitive and Tailwind classes instead of React Native
-// styles. The host list itself lives in @streamplace/core so the app
-// and web share it.
+// PDS host selector shown during signup.
 //
 // The flow: user clicks "Sign Up" in the login modal → login modal
 // closes and this one opens → user picks a PDS (or enters a custom
diff --git a/js/web/src/components/dashboard/activity-picker.tsx b/js/web/src/components/dashboard/activity-picker.tsx
index e3fd081af..ad0882156 100644
--- a/js/web/src/components/dashboard/activity-picker.tsx
+++ b/js/web/src/components/dashboard/activity-picker.tsx
@@ -4,10 +4,10 @@ import { cn } from "@/lib/utils";
 import { Search, X } from "lucide-react";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
-import type { PlaceStreamLivestream } from "streamplace";
+import { place } from "streamplace";
 
 /**
- * Activity picker for livestreams. Mirrors the RN's ActivityPicker:
+ * Activity picker for livestreams:
  *  - "Game" mode: search for actual games via the streamplace xrpc,
  *    show cover art + name + genres. Stores an `ActivityGame` value
  *    with `$type: "place.stream.defs#activityGame"`.
@@ -38,9 +38,9 @@ const ACTIVITY_LABELS: Array<{ value: string; display: string }> = [
 type Mode = "game" | "label";
 
 interface ActivityPickerProps {
-  value: PlaceStreamLivestream.Record["activity"] | undefined;
+  value: place.stream.livestream.Main["activity"] | undefined;
   onChange: (
-    activity: PlaceStreamLivestream.Record["activity"] | undefined,
+    activity: place.stream.livestream.Main["activity"] | undefined,
   ) => void;
 }
 
@@ -85,12 +85,12 @@ export function ActivityPicker({ value, onChange }: ActivityPickerProps) {
     debounceRef.current = setTimeout(async () => {
       setSearching(true);
       try {
-        const res = await agent.place.stream.game.search({
+        const res = await agent.client.call(place.stream.game.search, {
           q: query,
           limit: 8,
         });
         const games: GameResult[] = [];
-        for (const result of res.data.results ?? []) {
+        for (const result of res.results ?? []) {
           // Type guard: only game summary views have the fields we need
           if (!result || typeof result !== "object" || !("name" in result)) {
             continue;
@@ -129,7 +129,7 @@ export function ActivityPicker({ value, onChange }: ActivityPickerProps) {
       $type: "place.stream.defs#activityGame",
       uri: game.uri,
       name: game.name,
-    } as unknown as PlaceStreamLivestream.Record["activity"]);
+    } as unknown as place.stream.livestream.Main["activity"]);
     setQuery("");
     setResults([]);
   };
@@ -249,7 +249,7 @@ export function ActivityPicker({ value, onChange }: ActivityPickerProps) {
                       : ({
                           $type: "place.stream.defs#activityLabel",
                           label: labelValue,
-                        } as unknown as PlaceStreamLivestream.Record["activity"]),
+                        } as unknown as place.stream.livestream.Main["activity"]),
                   )
                 }
                 className={cn(
diff --git a/js/web/src/components/dashboard/control-panel.tsx b/js/web/src/components/dashboard/control-panel.tsx
index 46b7a2c7d..aeab745c3 100644
--- a/js/web/src/components/dashboard/control-panel.tsx
+++ b/js/web/src/components/dashboard/control-panel.tsx
@@ -115,9 +115,9 @@ export function ControlPanel({ store, user }: ControlPanelProps) {
 
   /**
    * Unified drop handler. Supports two kinds of source:
-   * - leaf source (`leaf-{path}`): move the widget — split the target
+   * - leaf source (`leaf-{path}`): move the widget; split the target
    *   and remove the source from its original slot
-   * - drawer source (`widget-{key}`): add the widget — split the target
+   * - drawer source (`widget-{key}`): add the widget; split the target
    *   with the dragged widget, no source removal
    */
   const handleDragEnd = useCallback(
@@ -174,7 +174,7 @@ export function ControlPanel({ store, user }: ControlPanelProps) {
       const finalSourceWidget = sourceWidget;
       let nextLayout: LayoutNode;
 
-      // Dropping onto a blank slot just fills it — no split, since a
+      // Dropping onto a blank slot just fills it; no split, since a
       // split with a blank in one half would be weird. For leaf
       // sources we also remove the source so the widget effectively
       // moves into the empty slot.
diff --git a/js/web/src/components/dashboard/dashboard-chrome.tsx b/js/web/src/components/dashboard/dashboard-chrome.tsx
index 24814dc43..66f059016 100644
--- a/js/web/src/components/dashboard/dashboard-chrome.tsx
+++ b/js/web/src/components/dashboard/dashboard-chrome.tsx
@@ -39,7 +39,7 @@ interface NavLink {
   labelKey: string;
 }
 
-/** Main nav — appears above the Settings group. */
+/** Main nav; appears above the Settings group. */
 const MAIN_NAV: NavLink[] = [
   { to: "/dashboard", icon: LayoutGrid, labelKey: "control-panel" },
   {
@@ -54,7 +54,7 @@ const MAIN_NAV: NavLink[] = [
   },
 ];
 
-/** Settings group — appears under a "Settings" header. */
+/** Settings group; appears under a "Settings" header. */
 const SETTINGS_NAV: NavLink[] = [
   { to: "/dashboard/stream", icon: Radio, labelKey: "stream-settings" },
   { to: "/dashboard/keys", icon: Key, labelKey: "key-manager" },
diff --git a/js/web/src/components/dashboard/dashboard-metrics.tsx b/js/web/src/components/dashboard/dashboard-metrics.tsx
index 90ccb2acb..9cf4eef5e 100644
--- a/js/web/src/components/dashboard/dashboard-metrics.tsx
+++ b/js/web/src/components/dashboard/dashboard-metrics.tsx
@@ -13,7 +13,7 @@ import { useDashboardStore } from "./dashboard-store-context";
 /** How often we sample the live metrics into the history buffer. */
 const SAMPLE_INTERVAL_MS = 2000;
 
-/** Range presets — sliding-window lengths. */
+/** Range presets; sliding-window lengths. */
 export type DashboardRange = "1m" | "2m" | "5m" | "10m" | "25m";
 
 export const DASHBOARD_RANGES: {
@@ -78,7 +78,7 @@ interface ProviderProps {
  * history buffer. Mount this high in the tree (the dashboard chrome) so
  * the buffer keeps populating while the user navigates between dashboard
  * sub-routes. When the user is on a non-dashboard page the provider
- * unmounts and tracking stops — the buffer is fresh on remount.
+ * unmounts and tracking stops; the buffer is fresh on remount.
  */
 export function DashboardMetricsProvider({ children }: ProviderProps) {
   const store = useDashboardStore();
diff --git a/js/web/src/components/dashboard/layout-renderer.tsx b/js/web/src/components/dashboard/layout-renderer.tsx
index d7d6da5d1..8cebbe9fc 100644
--- a/js/web/src/components/dashboard/layout-renderer.tsx
+++ b/js/web/src/components/dashboard/layout-renderer.tsx
@@ -263,7 +263,7 @@ export function findElementById(id: string): HTMLElement | null {
 }
 
 /**
- * dnd-kit's `Position` is a `ValueHistory` — it tracks `.current` (the
+ * dnd-kit's `Position` is a `ValueHistory`; it tracks `.current` (the
  * latest pointer position) and `.initial` (where the drag started). It
  * does not expose direct `.x`/`.y` properties, so we read `.current`.
  */
diff --git a/js/web/src/components/dashboard/layout.ts b/js/web/src/components/dashboard/layout.ts
index 6a683dfb7..e96f5ddb5 100644
--- a/js/web/src/components/dashboard/layout.ts
+++ b/js/web/src/components/dashboard/layout.ts
@@ -202,7 +202,7 @@ export function replaceLeafWithSplit(
  * remains a valid layout (splits have >= 2 children).
  *
  * If the path points at the root leaf (path length 0), the root is
- * returned unchanged — there's no sensible empty layout to produce.
+ * returned unchanged; there's no sensible empty layout to produce.
  */
 export function removeLeafAt(root: LayoutNode, path: number[]): LayoutNode {
   if (path.length === 0) return root;
diff --git a/js/web/src/components/dashboard/multistream-status.tsx b/js/web/src/components/dashboard/multistream-status.tsx
index 14e478dea..301edcbbd 100644
--- a/js/web/src/components/dashboard/multistream-status.tsx
+++ b/js/web/src/components/dashboard/multistream-status.tsx
@@ -1,3 +1,4 @@
+import { place } from "streamplace";
 import { cn } from "@/lib/utils";
 import type { LivestreamStore } from "@streamplace/core";
 import { Globe, Loader2 } from "lucide-react";
@@ -56,7 +57,7 @@ function statusColor(target: MultistreamTarget): string {
 
 /**
  * Lists multistream targets with active/inactive toggles and connection
- * status. Port of MultistreamStatus from the RN app.
+ * status.
  */
 export function MultistreamStatusWidget({ store }: { store: LivestreamStore }) {
   const { t } = useTranslation("common");
@@ -69,10 +70,10 @@ export function MultistreamStatusWidget({ store }: { store: LivestreamStore }) {
     if (!agent) return;
     try {
       setLoading(true);
-      const response = await agent.place.stream.multistream.listTargets({
+      const response = await agent.client.call(place.stream.multistream.listTargets, {
         limit: 50,
       });
-      setTargets(response.data.targets as unknown as MultistreamTarget[]);
+      setTargets(response.targets as unknown as MultistreamTarget[]);
     } catch (error) {
       console.error("Failed to load multistream targets:", error);
       setTargets([]);
@@ -86,7 +87,7 @@ export function MultistreamStatusWidget({ store }: { store: LivestreamStore }) {
       if (!agent) return;
       try {
         setToggling((prev) => new Set(prev).add(target.uri));
-        await agent.place.stream.multistream.putTarget({
+        await agent.client.call(place.stream.multistream.putTarget, {
           multistreamTarget: {
             ...target.record,
             $type: "place.stream.multistream.target" as const,
diff --git a/js/web/src/components/dashboard/stream-health.tsx b/js/web/src/components/dashboard/stream-health.tsx
index 117763823..d4d1e06e6 100644
--- a/js/web/src/components/dashboard/stream-health.tsx
+++ b/js/web/src/components/dashboard/stream-health.tsx
@@ -77,7 +77,7 @@ const METRIC_KEYS = Object.keys(METRICS) as MetricId[];
 /**
  * Compact number formatter for chart axis labels: 1500 → "1.5k",
  * 2400 → "2.4k", 6000 → "6k", 12000 → "12k", 2_500_000 → "2.5M". Anything
- * under 1000 is shown as-is. The unit is implicit — viewers read the chips
+ * under 1000 is shown as-is. The unit is implicit; viewers read the chips
  * to know whether the axis is kbps, ms, msg/min, etc.
  */
 function compactNumber(v: number): string {
@@ -107,7 +107,7 @@ function getConnectionQuality(
 /**
  * Stream Health widget. All heavy lifting (metric sampling, history
  * buffer, range management) lives in `DashboardMetricsProvider` higher
- * in the tree — this component only reads the pre-computed data and
+ * in the tree; this component only reads the pre-computed data and
  * renders the charts, chips, and footer.
  */
 export function StreamHealthWidget({ store }: { store: LivestreamStore }) {
@@ -119,7 +119,7 @@ export function StreamHealthWidget({ store }: { store: LivestreamStore }) {
   );
 
   // Track the chart container's aspect ratio. The two charts split along
-  // the longest axis — landscape → vertical split (left/right),
+  // the longest axis; landscape → vertical split (left/right),
   // portrait → horizontal split (top/bottom).
   const chartContainerRef = useRef<HTMLDivElement>(null);
   const [isLandscape, setIsLandscape] = useState(true);
@@ -250,7 +250,7 @@ export function StreamHealthWidget({ store }: { store: LivestreamStore }) {
         )}
       </div>
 
-      {/* Metric chips — each shows its current value always, and toggles
+      {/* Metric chips; each shows its current value always, and toggles
           that metric in/out of the chart when clicked. */}
       <div className="flex shrink-0 flex-wrap gap-1.5">
         {METRIC_KEYS.map((id) => {
@@ -309,7 +309,7 @@ export function StreamHealthWidget({ store }: { store: LivestreamStore }) {
         })}
       </div>
 
-      {/* Footer stats — avg + peak per active metric (current is in the chip) */}
+      {/* Footer stats; avg + peak per active metric (current is in the chip) */}
       {activeMetrics.size > 0 && (
         <div className="flex shrink-0 flex-wrap gap-x-4 gap-y-1 text-xs">
           {METRIC_KEYS.filter((id) => activeMetrics.has(id)).map((id) => {
diff --git a/js/web/src/components/dashboard/stream-monitor.tsx b/js/web/src/components/dashboard/stream-monitor.tsx
index 20cd614c4..562034203 100644
--- a/js/web/src/components/dashboard/stream-monitor.tsx
+++ b/js/web/src/components/dashboard/stream-monitor.tsx
@@ -11,7 +11,7 @@ import { Player } from "../player/player";
 /**
  * Self-preview video monitor for the dashboard. Shows the streamer's
  * own stream with connection status, stream title, and a hide/show
- * toggle. Port of StreamMonitor from the RN app.
+ * toggle.
  */
 export function StreamMonitorWidget({
   store,
diff --git a/js/web/src/components/dashboard/upload-form.tsx b/js/web/src/components/dashboard/upload-form.tsx
index 9d9cfc079..aafa0c6aa 100644
--- a/js/web/src/components/dashboard/upload-form.tsx
+++ b/js/web/src/components/dashboard/upload-form.tsx
@@ -215,7 +215,7 @@ export function UploadForm({
                 </span>
                 {upload.file && (
                   <span className="text-xs text-(--color-fg-muted)">
-                    {upload.file.type || "unknown"} —{" "}
+                    {upload.file.type || "unknown"}{" "}
                     {humanBytes(upload.file.size)}
                   </span>
                 )}
diff --git a/js/web/src/components/player/hls-player.tsx b/js/web/src/components/player/hls-player.tsx
index 2882b044f..9a758ea1b 100644
--- a/js/web/src/components/player/hls-player.tsx
+++ b/js/web/src/components/player/hls-player.tsx
@@ -1,5 +1,5 @@
 // HLS backend for the <Player> component. Owns hls.js setup, manifest
-// loading, and error recovery. Renders nothing — the video element
+// loading, and error recovery. Renders nothing; the video element
 // lives in <Player> so the chrome (controls, fullscreen, error display)
 // is shared across backends. When a WebRTC backend lands it will be a
 // sibling of this file with the same shape.
@@ -105,11 +105,11 @@ export function HLSPlayer({
         }
         switch (data.type) {
           case Hls.ErrorTypes.NETWORK_ERROR:
-            onError?.("Network error — retrying");
+            onError?.("Network error. Retrying.");
             hls.startLoad();
             return;
           case Hls.ErrorTypes.MEDIA_ERROR:
-            onError?.("Media error — recovering");
+            onError?.("Media error. Recovering.");
             hls.recoverMediaError();
             return;
           default:
diff --git a/js/web/src/components/player/player-controls.tsx b/js/web/src/components/player/player-controls.tsx
index 7a4ee6cfb..7bc2ff351 100644
--- a/js/web/src/components/player/player-controls.tsx
+++ b/js/web/src/components/player/player-controls.tsx
@@ -37,7 +37,7 @@ export type PlayerControlsProps = {
   containerRef: RefObject<HTMLElement | null>;
   /** Live streams hide the scrubber and show a "LIVE" badge in its place. */
   isLive: boolean;
-  /** Parent controls visibility — auto-hide logic lives in the HLSPlayer. */
+  /** Parent controls visibility; auto-hide logic lives in the HLSPlayer. */
   showControls: boolean;
   /** When true, show a centered play button (no control bar). */
   bigPlay: boolean;
@@ -257,7 +257,7 @@ export function PlayerControls({
         visible ? "opacity-100" : "pointer-events-none opacity-0",
       )}
     >
-      {/* Top gradient — subtle hint that there's a controls bar.
+      {/* Top gradient; subtle hint that there's a controls bar.
           Not strictly needed since the bar has its own background, but
           gives the play button overlay a darker canvas. */}
       <div className="pointer-events-none absolute inset-0 bg-linear-to-t from-black/60 via-transparent to-transparent" />
diff --git a/js/web/src/components/player/player.stories.tsx b/js/web/src/components/player/player.stories.tsx
index db760de78..2357cff17 100644
--- a/js/web/src/components/player/player.stories.tsx
+++ b/js/web/src/components/player/player.stories.tsx
@@ -24,7 +24,7 @@ export default meta;
 type Story = StoryObj<typeof Player>;
 
 /**
- * Inactive player — shows the poster image only, no video backend.
+ * Inactive player; shows the poster image only, no video backend.
  */
 export const Inactive: Story = {
   args: {
@@ -48,7 +48,7 @@ export const LiveHLS: Story = {
 };
 
 /**
- * VOD mode — same backend but the chrome shows a scrubber instead of
+ * VOD mode; same backend but the chrome shows a scrubber instead of
  * the "LIVE" indicator.
  */
 export const VOD: Story = {
@@ -60,7 +60,7 @@ export const VOD: Story = {
 };
 
 /**
- * Inactive with a fallback poster — shown when the stream is offline.
+ * Inactive with a fallback poster; shown when the stream is offline.
  */
 export const Offline: Story = {
   args: {
diff --git a/js/web/src/components/player/player.tsx b/js/web/src/components/player/player.tsx
index 2945e07b5..effd4ef22 100644
--- a/js/web/src/components/player/player.tsx
+++ b/js/web/src/components/player/player.tsx
@@ -1,7 +1,7 @@
 // Public <Player> component. Owns the video element and the shared
 // chrome (controls overlay, error display, fullscreen, auto-hide,
 // click-to-toggle). The actual playback source is handled by a
-// backend — currently <HLSPlayer>, soon <WebRTCPlayer> and others.
+// backend, currently <HLSPlayer>, soon <WebRTCPlayer> and others.
 // Backends are rendered as siblings of the <video> element and use
 // the shared videoRef to attach their source. This keeps the chrome
 // implementation-free of any specific transport.
@@ -167,7 +167,7 @@ export function Player({
   const [sessionId] = useSonare();
 
   // Refs so the video event-listener effect below doesn't have to list
-  // these as deps — it would otherwise tear down and re-add its
+  // these as deps; it would otherwise tear down and re-add its
   // listeners on every transport toggle or parent re-render.
   const useWebRTCRef = useRef(useWebRTC);
   const onErrorRef = useRef(onError);
@@ -177,7 +177,7 @@ export function Player({
   const surfaceError = useCallback((msg: string) => {
     setError(msg);
     onErrorRef.current?.(msg);
-    // WebRTC failed — fall back to HLS automatically.
+    // WebRTC failed; fall back to HLS automatically.
     if (useWebRTCRef.current) {
       setUseWebRTC(false);
       writeTransportPreference(false);
@@ -226,7 +226,7 @@ export function Player({
     const onErrorEvt = () => {
       const code = video.error?.code;
       // MediaError code 1 (MEDIA_ERR_ABORTED) fires when the user or
-      // a backend tears down the source — not a real error to surface.
+      // a backend tears down the source; not a real error to surface.
       if (code === 1) return;
       surfaceError(
         code === 2
@@ -430,7 +430,7 @@ function PlayerBackend({
 }
 
 /**
- * "Stats for nerds" panel. Draggable, moveable window — grab anywhere
+ * "Stats for nerds" panel. Draggable, moveable window; grab anywhere
  * on the panel and drag to reposition. Uses pointer events so mouse and
  * touch both work, with setPointerCapture so the drag keeps tracking
  * even if the cursor leaves the panel mid-drag.
@@ -481,7 +481,11 @@ function StatsOverlay({
   const kbps = stats.bitrate ? Math.round(stats.bitrate / 1000) : null;
   const mbps = kbps ? (kbps / 1000).toFixed(2) : null;
   const bitrateDisplay =
-    mbps && kbps && kbps > 1000 ? `${mbps} Mbps` : kbps ? `${kbps} Kbps` : "—";
+    mbps && kbps && kbps > 1000
+      ? `${mbps} Mbps`
+      : kbps
+        ? `${kbps} Kbps`
+        : "N/A";
   return (
     <div
       role="dialog"
@@ -517,7 +521,7 @@ function StatsOverlay({
         <Row
           label="FPS"
           value={
-            stats.fps !== undefined ? Math.round(stats.fps).toString() : "—"
+            stats.fps !== undefined ? Math.round(stats.fps).toString() : "N/A"
           }
         />
         <Row
diff --git a/js/web/src/components/player/webrtc-player.tsx b/js/web/src/components/player/webrtc-player.tsx
index 2d10b8881..505c8e3fd 100644
--- a/js/web/src/components/player/webrtc-player.tsx
+++ b/js/web/src/components/player/webrtc-player.tsx
@@ -1,10 +1,10 @@
 // WebRTC backend for the <Player> component. Owns RTCPeerConnection setup,
-// WHEP SDP negotiation, and reconnection. Renders nothing — the video element
+// WHEP SDP negotiation, and reconnection. Renders nothing; the video element
 // lives in <Player> so the chrome (controls, fullscreen, error display) is
 // shared across backends. This is a sibling of hls-player.tsx with the same
 // prop shape so the dispatch in PlayerBackend is a single conditional.
 import { useEffect, useImperativeHandle, useRef, type RefObject } from "react";
-import type { StreamplaceAgent } from "streamplace";
+import { type StreamplaceAgent, place } from "streamplace";
 import { getStreamplaceUrl } from "../../lib/streamplace-url";
 import type { PlayerBackendHandle, PlayerStats } from "./player";
 
@@ -13,7 +13,7 @@ export type WebRTCPlayerProps = {
   videoRef: RefObject<HTMLVideoElement | null>;
   /**
    * The source URL. For WebRTC this is the same HLS playlist URL used by the
-   * HLS backend — the streamer name is extracted from the `streamer` query
+   * HLS backend; the streamer name is extracted from the `streamer` query
    * param. This keeps the <Player> interface transport-agnostic.
    */
   src: string;
@@ -97,13 +97,13 @@ export function WebRTCPlayer({
   const gaveUpRef = useRef(false);
   const agentRef = useRef<StreamplaceAgent | null>(null);
 
-  // WebRTC doesn't have quality levels — expose a no-op so the chrome
+  // WebRTC doesn't have quality levels; expose a no-op so the chrome
   // doesn't break if the user clicks the quality menu.
   useImperativeHandle(
     ref ?? { current: null },
     () => ({
       setQuality: (_index: number) => {
-        // no-op — WebRTC delivers a single rendition
+        // no-op; WebRTC delivers a single rendition
       },
     }),
     [],
@@ -129,7 +129,7 @@ export function WebRTCPlayer({
 
     let cancelled = false;
 
-    // Lazily create the agent — imported dynamically so the HLS-only path
+    // Lazily create the agent; imported dynamically so the HLS-only path
     // never pays the import cost.
     async function getAgent(): Promise<StreamplaceAgent> {
       if (agentRef.current) return agentRef.current;
@@ -151,7 +151,7 @@ export function WebRTCPlayer({
       reconnectAttemptsRef.current += 1;
       if (reconnectAttemptsRef.current > MAX_RECONNECT_ATTEMPTS) {
         gaveUpRef.current = true;
-        onErrorRef.current?.("Stream unavailable — stopped reconnecting");
+        onErrorRef.current?.("Stream unavailable. Stopped reconnecting.");
         return;
       }
       reconnectTimerRef.current = setTimeout(() => {
@@ -189,19 +189,19 @@ export function WebRTCPlayer({
         if (cancelled) return;
 
         // POST the offer via the WHEP endpoint.
-        const response = await agent.place.stream.playback.whep(
-          gatheredOffer.sdp,
+        const response = await agent.client.call(place.stream.playback.whep, 
+          gatheredOffer.sdp as any,
           {
-            qp: { rendition: "source", streamer },
+            params: { rendition: "source", streamer },
           },
         );
 
         if (cancelled) return;
 
         const answerSdp =
-          typeof response.data === "string"
-            ? response.data
-            : new TextDecoder().decode(response.data as BufferSource);
+          typeof response === "string"
+            ? response
+            : new TextDecoder().decode(response as BufferSource);
 
         await pc.setRemoteDescription(
           new RTCSessionDescription({ type: "answer", sdp: answerSdp }),
@@ -262,7 +262,7 @@ export function WebRTCPlayer({
 
           // Stuck detection: if no new frames for STUCK_THRESHOLD_MS, the
           // stream is probably stalled. Only start checking after we've
-          // received at least one frame — before that the connection is
+          // received at least one frame; before that the connection is
           // still establishing.
           const now = Date.now();
           if (
@@ -276,7 +276,7 @@ export function WebRTCPlayer({
           }
 
           if (hasReceivedFrames && now - lastChangeTime > STUCK_THRESHOLD_MS) {
-            onErrorRef.current?.("Stream stalled — reconnecting");
+            onErrorRef.current?.("Stream stalled. Reconnecting.");
             scheduleReconnect();
             return;
           }
@@ -353,7 +353,7 @@ export function WebRTCPlayer({
         if (cancelled) return;
         // First media arriving means the connection actually works. If
         // we later stall and have to reconnect, start the failure count
-        // from scratch — this isn't a string of broken attempts.
+        // from scratch; this isn't a string of broken attempts.
         reconnectAttemptsRef.current = 0;
         if (event.streams && event.streams[0]) {
           const v = videoRef.current;
@@ -375,7 +375,7 @@ export function WebRTCPlayer({
           state === "closed" ||
           state === "disconnected"
         ) {
-          onErrorRef.current?.("Connection lost — reconnecting");
+          onErrorRef.current?.("Connection lost. Reconnecting.");
           scheduleReconnect();
         }
       });
@@ -393,7 +393,7 @@ export function WebRTCPlayer({
     connect();
 
     // Cleanup runs on unmount or when deps change. Directly closes the
-    // peer connection via the ref — works even if connect() hasn't
+    // peer connection via the ref; works even if connect() hasn't
     // finished its async negotiate() round-trip yet, because pcRef is
     // set synchronously at the top of connect().
     return () => {
diff --git a/js/web/src/components/stream/chat-input.tsx b/js/web/src/components/stream/chat-input.tsx
index 1ebe528f0..565d443bc 100644
--- a/js/web/src/components/stream/chat-input.tsx
+++ b/js/web/src/components/stream/chat-input.tsx
@@ -269,14 +269,14 @@ function createEmojiSuggestion({ getSkinTone }: EmojiSuggestionProps) {
   return {
     pluginKey: EmojiPluginKey,
     char: ":",
-    // Don't pop the popup open on a single `:` — only once the user has
+    // Don't pop the popup open on a single `:`; only once the user has
     // typed enough characters to plausibly match something. Without this
     // gate the popup opens with an empty list and looks broken.
     shouldShow: ({ query }: { query: string }) => query.length >= 3,
     items: ({ query }: { query: string }) => {
       const data = emojiDataRef.data;
       if (data) return searchEmojis(data, query);
-      // Data not yet loaded — kick off the fetch, cache the result, and
+      // Data not yet loaded; kick off the fetch, cache the result, and
       // resolve the items list once it lands. The suggestion plugin
       // accepts a Promise return value and will re-fire onUpdate.
       return getEmojiData().then((d) => {
@@ -337,7 +337,7 @@ export function ChatInput({ store }: { store: LivestreamStore }) {
   // sending state (which would recreate the editor on every send).
   const onSubmitRef = useRef<() => void>(() => {});
 
-  // Ref to the smile trigger button — passed to the picker so it can
+  // Ref to the smile trigger button; passed to the picker so it can
   // position itself relative to it (the picker portals to document.body
   // to escape the chat sidebar's overflow-hidden wrapper).
   const smileButtonRef = useRef<HTMLButtonElement>(null);
@@ -422,7 +422,7 @@ export function ChatInput({ store }: { store: LivestreamStore }) {
           // Submit on Enter (not Shift+Enter) unless a suggestion popup is
           // active. ProseMirror dispatches handleKeyDown with editor-view
           // props first and plugins after, so we can't rely on the
-          // suggestion plugin short-circuiting us — we have to check both
+          // suggestion plugin short-circuiting us; we have to check both
           // plugin states and decline to handle the event ourselves so
           // whichever plugin is open still gets a turn.
           if (event.key === "Enter" && !event.shiftKey) {
diff --git a/js/web/src/components/stream/chat-panel.tsx b/js/web/src/components/stream/chat-panel.tsx
index 4bf7ae82f..68d9f1b37 100644
--- a/js/web/src/components/stream/chat-panel.tsx
+++ b/js/web/src/components/stream/chat-panel.tsx
@@ -8,9 +8,9 @@ import { segmentize, type Facet, type FacetFeature } from "@streamplace/core";
 import { ArrowDown, ArrowUp, Pin, Reply } from "lucide-react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
-import type {
+import {
   ChatMessageViewHydrated,
-  PlaceStreamBadgeDefs,
+  place,
 } from "streamplace";
 import { useStore } from "zustand";
 import { useShallow } from "zustand/react/shallow";
@@ -216,7 +216,7 @@ function ChatMessage({
     <div
       className={`group relative -mx-2 rounded px-2 leading-snug hover:bg-(--color-bg-overlay) ${isGrouped ? "py-px" : "py-0.5"}`}
     >
-      {/* Hover actions — visible on group hover */}
+      {/* Hover actions; visible on group hover */}
       <div className="absolute top-0 right-0 z-10 flex -translate-y-1/2 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100">
         {state.status === "authenticated" && !isOwn && (
           <button
@@ -379,7 +379,7 @@ function UserHandle({
 }: {
   author: ChatMessageViewHydrated["author"];
   color: { red: number; green: number; blue: number } | undefined;
-  badges?: PlaceStreamBadgeDefs.BadgeView[];
+  badges?: place.stream.badge.defs.BadgeView[];
 }) {
   const { t } = useTranslation("common");
   const name = author.displayName || author.handle || author.did;
@@ -404,7 +404,7 @@ function UserHandle({
         align="start"
         className="w-72 overflow-hidden p-0"
       >
-        {/* Banner — gradient tinted with the user's chat color */}
+        {/* Banner; gradient tinted with the user's chat color */}
         <div
           className="relative h-20"
           style={
@@ -542,7 +542,7 @@ function shortDid(did: string): string {
 }
 
 function issuerLabel(
-  badge: PlaceStreamBadgeDefs.BadgeView,
+  badge: place.stream.badge.defs.BadgeView,
   t: (key: string, opts?: Record<string, unknown>) => string,
 ): string {
   if (badge.issuer && badge.issuer.startsWith("did:web:")) {
@@ -554,7 +554,7 @@ function issuerLabel(
   return t("badge-issued");
 }
 
-function BadgeIcon({ badge }: { badge: PlaceStreamBadgeDefs.BadgeView }) {
+function BadgeIcon({ badge }: { badge: place.stream.badge.defs.BadgeView }) {
   const src = badge.imageUrl || BADGE_SRC[badge.badgeType];
   if (!src) return null;
   return (
@@ -566,7 +566,7 @@ function BadgeIcon({ badge }: { badge: PlaceStreamBadgeDefs.BadgeView }) {
   );
 }
 
-function BadgeRow({ badge }: { badge: PlaceStreamBadgeDefs.BadgeView }) {
+function BadgeRow({ badge }: { badge: place.stream.badge.defs.BadgeView }) {
   const { t } = useTranslation("common");
   const src = badge.imageUrl || BADGE_SRC[badge.badgeType];
   const i18nKey = BADGE_I18N_KEYS[badge.badgeType];
diff --git a/js/web/src/components/stream/emoji-picker.tsx b/js/web/src/components/stream/emoji-picker.tsx
index 81e23f359..a2d3c45f4 100644
--- a/js/web/src/components/stream/emoji-picker.tsx
+++ b/js/web/src/components/stream/emoji-picker.tsx
@@ -1,17 +1,5 @@
 // Web-native emoji picker.
 //
-// Adapted from js/app/components/emoji-picker/emoji-picker.web.tsx. The
-// structure (frimousse + custom category icons + skin tone tray/trigger +
-// active-emoji bar) is copied wholesale; the cross-package imports have
-// been swapped for web equivalents:
-//
-//   - theme/useTheme     -> CSS variables (var(--color-*))
-//   - hexToRgba/Text     -> inline span styles
-//   - react-native View  -> <div>
-//   - lucide-react-native-> lucide-react
-//   - utils/emoji        -> ../../lib/emoji-data
-//   - useAQState         -> ../../hooks/use-skin-tone (same shape)
-//
 // The skin tone is lifted to the parent: pass `skinTone` and
 // `onSkinToneChange` so the parent's state (and any shortcode-insertion
 // logic that reads it) stays in sync with the picker's selection.
@@ -74,7 +62,7 @@ interface EmojiPickerProps {
   /**
    * Ref to the trigger element (e.g., the smile button). The picker
    * portals to document.body and positions itself relative to this
-   * anchor — the popover that would otherwise host us has an
+   * anchor; the popover that would otherwise host us has an
    * `overflow-hidden` ancestor (the chat sidebar wrapper) that clips
    * any `position: absolute` content above the sidebar's top edge.
    */
@@ -298,7 +286,7 @@ export function EmojiPicker({
     };
   }, [isOpen, onClose]);
 
-  // Click-outside closes (unless the click is on the anchor — let the
+  // Click-outside closes (unless the click is on the anchor; let the
   // anchor's own onClick toggle).
   useEffect(() => {
     if (!isOpen) return;
@@ -323,7 +311,7 @@ export function EmojiPicker({
       const sizer = viewport.querySelector<HTMLElement>(
         "[frimousse-list-sizer]",
       );
-      // Skip index 0 — it's the hidden measurement element frimousse renders
+      // Skip index 0; it's the hidden measurement element frimousse renders
       const categories = Array.from(
         viewport.querySelectorAll<HTMLElement>("[frimousse-category]"),
       ).slice(1);
@@ -344,7 +332,7 @@ export function EmojiPicker({
     const viewport = viewportRef.current;
     if (!viewport) return;
     const sizer = viewport.querySelector<HTMLElement>("[frimousse-list-sizer]");
-    // Skip index 0 — it's the hidden measurement element frimousse renders
+    // Skip index 0; it's the hidden measurement element frimousse renders
     const categories = Array.from(
       viewport.querySelectorAll<HTMLElement>("[frimousse-category]"),
     ).slice(1);
diff --git a/js/web/src/components/stream/livestream-provider.tsx b/js/web/src/components/stream/livestream-provider.tsx
index db7193936..d3ea15eb8 100644
--- a/js/web/src/components/stream/livestream-provider.tsx
+++ b/js/web/src/components/stream/livestream-provider.tsx
@@ -17,8 +17,6 @@ interface LivestreamProviderProps {
  * Creates a LivestreamStore, connects a WebSocket for the given user,
  * and passes the store to children via a render prop. The WebSocket
  * reconnects automatically on close/error.
- *
- * This is the web equivalent of the RN app's LivestreamProvider.
  */
 export function LivestreamProvider({
   user,
diff --git a/js/web/src/components/stream/mention-list.tsx b/js/web/src/components/stream/mention-list.tsx
index 129bdf6ff..725eba485 100644
--- a/js/web/src/components/stream/mention-list.tsx
+++ b/js/web/src/components/stream/mention-list.tsx
@@ -31,7 +31,7 @@ export const MentionList = forwardRef<MentionListRef, MentionListProps>(
 
     // Refs always point at the latest props/state. The imperative handle
     // reads from these so it never closes over a stale selectedIndex or
-    // command — that was the cause of Enter/Tab inserting the wrong item
+    // command; that was the cause of Enter/Tab inserting the wrong item
     // (or nothing) when the user navigated with arrow keys and then
     // committed before the next ref update landed.
     const selectedIndexRef = useRef(0);
@@ -61,7 +61,7 @@ export const MentionList = forwardRef<MentionListRef, MentionListProps>(
     }, []);
 
     // Side effect (scroll) lives in an effect, not inside the setState
-    // updater — the updater can be called more than once under StrictMode
+    // updater; the updater can be called more than once under StrictMode
     // or concurrent rendering.
     useEffect(() => {
       scrollToIndex(selectedIndex);
diff --git a/js/web/src/components/stream/user-offline.tsx b/js/web/src/components/stream/user-offline.tsx
index e999866a0..2f2d9e0c8 100644
--- a/js/web/src/components/stream/user-offline.tsx
+++ b/js/web/src/components/stream/user-offline.tsx
@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
 // Inline "stream offline" overlay rendered on top of the video element
 // when the streamer is not currently live. Distinct from the
 // page-level offline state in routes/$user.tsx (which replaces the
-// whole player) — this is for the in-page "stream is offline, the
+// whole player); this is for the in-page "stream is offline, the
 // page is still here" case.
 export function UserOffline({ user }: { user: string }) {
   const { t } = useTranslation("common");
diff --git a/js/web/src/contexts/fullscreen-context.tsx b/js/web/src/contexts/fullscreen-context.tsx
index 0e605ec7c..2b86dc9fb 100644
--- a/js/web/src/contexts/fullscreen-context.tsx
+++ b/js/web/src/contexts/fullscreen-context.tsx
@@ -1,8 +1,6 @@
-// Fullscreen state for the player. Port of
-// js/app/contexts/FullscreenContext.tsx. The app's version hides the
-// custom sidebar on fullscreen via a reanimated side effect; the
-// web's shadcn sidebar manages its own state, so the context just
-// exposes a boolean + setter. Future fullscreen UI can subscribe.
+// Fullscreen state for the player. The web's shadcn sidebar manages its
+// own state, so this context just exposes a boolean + setter. Future
+// fullscreen UI can subscribe.
 import {
   createContext,
   ReactNode,
diff --git a/js/web/src/contexts/video-element-context.tsx b/js/web/src/contexts/video-element-context.tsx
index 266b1e9c9..d8c671a5d 100644
--- a/js/web/src/contexts/video-element-context.tsx
+++ b/js/web/src/contexts/video-element-context.tsx
@@ -1,6 +1,4 @@
-// Shared HTMLVideoElement for the player + chat overlay. Port of
-// js/app/contexts/VideoElementContext.tsx (already pure-React, no
-// platform changes needed).
+// Shared HTMLVideoElement for the player + chat overlay.
 import { createContext, ReactNode, useContext } from "react";
 
 interface VideoElementContextType {
diff --git a/js/web/src/hooks/use-avatars.tsx b/js/web/src/hooks/use-avatars.tsx
index 6ff0995a7..e22192859 100644
--- a/js/web/src/hooks/use-avatars.tsx
+++ b/js/web/src/hooks/use-avatars.tsx
@@ -1,5 +1,4 @@
-// Cache and batch-fetch profile data for a list of DIDs. Port of
-// js/app/hooks/useAvatars.tsx.
+// Cache and batch-fetch profile data for a list of DIDs.
 import { ProfileViewDetailed } from "@atproto/api/dist/client/types/app/bsky/actor/defs";
 import { useEffect, useMemo } from "react";
 import { useStore } from "../lib/store";
diff --git a/js/web/src/hooks/use-bluesky-notifications.tsx b/js/web/src/hooks/use-bluesky-notifications.tsx
index f21ecef68..3ce2eacab 100644
--- a/js/web/src/hooks/use-bluesky-notifications.tsx
+++ b/js/web/src/hooks/use-bluesky-notifications.tsx
@@ -1,7 +1,6 @@
 // Listen for bluesky-side errors (OAuth failures, login issues) and
-// surface them as toasts. Call this once at the app level. Port of
-// js/app/hooks/useBlueskyNotifications.tsx. Uses the web's sonner
-// toast wrapper.
+// surface them as toasts. Call this once at the app level. Uses the
+// web's sonner toast wrapper.
 import { CircleX } from "lucide-react";
 import { useEffect } from "react";
 import { useStore } from "../lib/store";
diff --git a/js/web/src/hooks/use-liveness-state.ts b/js/web/src/hooks/use-liveness-state.ts
index 73d55a21d..a00e183d3 100644
--- a/js/web/src/hooks/use-liveness-state.ts
+++ b/js/web/src/hooks/use-liveness-state.ts
@@ -4,7 +4,7 @@ import { useStore } from "zustand";
 import { useShallow } from "zustand/react/shallow";
 
 // "stale" fires when local playback hasn't received a segment in a
-// while — typically a network blip. Short by design so the user sees
+// while; typically a network blip. Short by design so the user sees
 // a "reconnecting" overlay quickly when the stream is hiccuping.
 const STALE_AFTER_SECONDS = 10;
 
@@ -14,7 +14,7 @@ const STALE_AFTER_SECONDS = 10;
 //
 // We initially tried to drive this off livestream.record.lastSeenAt
 // (the server's view of "last segment submitted"), but the WebSocket
-// only delivers the livestream record on connect — the server's
+// only delivers the livestream record on connect; the server's
 // periodic 30s updates to lastSeenAt aren't pushed to clients, so
 // the client-side lastSeenAt is frozen at connect time and goes
 // stale while the streamer is still active. Local segment age has
@@ -54,7 +54,7 @@ export function useLivenessState(store: LivestreamStore): Liveness {
     return "never-live";
   }
 
-  // Local segment age doubles as a server signal — if no segment has
+  // Local segment age doubles as a server signal; if no segment has
   // arrived in OFFLINE_AFTER_SECONDS, the server isn't pushing any.
   if (secondsSinceSegment >= OFFLINE_AFTER_SECONDS) return "offline";
   if (secondsSinceSegment >= STALE_AFTER_SECONDS) return "stale";
diff --git a/js/web/src/hooks/use-upload.ts b/js/web/src/hooks/use-upload.ts
index 4da4b97c3..60df77764 100644
--- a/js/web/src/hooks/use-upload.ts
+++ b/js/web/src/hooks/use-upload.ts
@@ -1,5 +1,4 @@
-// Upload state machine for VOD uploads. Mirrors the RN upload flow but
-// simplified for the web (no expo-document-picker, no expo-file-system).
+// Upload state machine for VOD uploads.
 import { useCallback, useEffect, useRef, useState } from "react";
 import type { PlaceStreamVideo } from "streamplace";
 import * as tus from "tus-js-client";
@@ -54,18 +53,18 @@ export async function validateVideoFile(file: File): Promise<string | null> {
   const str = (offset: number, len: number) =>
     String.fromCharCode(...Array.from(b.slice(offset, offset + len)));
 
-  // MP4 / MOV / M4V — "ftyp" box at offset 4
+  // MP4 / MOV / M4V; "ftyp" box at offset 4
   if (str(4, 4) === "ftyp") return null;
-  // WebM / MKV — EBML magic
+  // WebM / MKV; EBML magic
   if (b[0] === 0x1a && b[1] === 0x45 && b[2] === 0xdf && b[3] === 0xa3)
     return null;
-  // AVI — "RIFF" header with "AVI " chunk
+  // AVI; "RIFF" header with "AVI " chunk
   if (str(0, 4) === "RIFF" && str(8, 4) === "AVI ") return null;
   // OGG (video: OGV, Theora)
   if (str(0, 4) === "OggS") return null;
   // FLV
   if (str(0, 3) === "FLV") return null;
-  // MPEG-TS — 188-byte packets starting with sync byte 0x47
+  // MPEG-TS; 188-byte packets starting with sync byte 0x47
   if (b[0] === 0x47) return null;
 
   return "File doesn't appear to be a supported video format (MP4, WebM, MKV, MOV, AVI, OGG, FLV, MPEG-TS).";
@@ -81,7 +80,7 @@ export function useUpload() {
   const [phase, setPhase] = useState<UploadPhase>({ kind: "idle" });
   const [file, setFile] = useState<File | null>(null);
 
-  // metadata form — always editable
+  // metadata form; always editable
   const [title, setTitle] = useState("");
   const [description, setDescription] = useState("");
   const [tags, setTags] = useState<string[]>([]);
@@ -171,7 +170,7 @@ export function useUpload() {
         if (attempts > MAX_POLL_ATTEMPTS) {
           setPhase({
             kind: "error",
-            message: "Processing timed out — please try again later",
+            message: "Processing timed out. Please try again later.",
           });
           return;
         }
diff --git a/js/web/src/lib/content-licenses.ts b/js/web/src/lib/content-licenses.ts
index 310a7e3b7..ca5c4c249 100644
--- a/js/web/src/lib/content-licenses.ts
+++ b/js/web/src/lib/content-licenses.ts
@@ -1,5 +1,4 @@
-// Local copy of the license constants. Mirrors `LICENSE_OPTIONS` from
-// @streamplace/components/lib/metadata-constants.
+// License constants for the web app.
 
 export interface LicenseOption {
   value: string;
diff --git a/js/web/src/lib/content-warnings.ts b/js/web/src/lib/content-warnings.ts
index dc9d8486f..0233c883f 100644
--- a/js/web/src/lib/content-warnings.ts
+++ b/js/web/src/lib/content-warnings.ts
@@ -1,7 +1,4 @@
-// Local copy of the content-warnings schema constants. Mirrors
-// `CONTENT_WARNINGS` from @streamplace/components/lib/metadata-constants,
-// duplicated here because the web app doesn't depend on that package
-// (it's React-Native-coupled).
+// Content-warnings schema constants for the web app.
 
 export interface ContentWarning {
   value: string;
diff --git a/js/web/src/lib/did.ts b/js/web/src/lib/did.ts
index 45171077d..80749e706 100644
--- a/js/web/src/lib/did.ts
+++ b/js/web/src/lib/did.ts
@@ -1,8 +1,4 @@
-// DID-document resolution helpers. Copied from
-// js/components/src/utils/did.ts because the components package is
-// React-Native-coupled and the web build doesn't depend on it. The
-// implementation is platform-agnostic — pure fetch() — and is a good
-// candidate to move into @streamplace/core in a future refactor.
+// DID-document resolution helpers. Pure fetch, platform-agnostic.
 
 export interface DIDDocument {
   id: string;
diff --git a/js/web/src/lib/emoji-data.ts b/js/web/src/lib/emoji-data.ts
index 05bdafae9..73b25dc74 100644
--- a/js/web/src/lib/emoji-data.ts
+++ b/js/web/src/lib/emoji-data.ts
@@ -1,10 +1,7 @@
 // Emoji data + search.
 //
 // The data file is generated by `scripts/gen-emoji-data.mjs` from emojibase-data
-// and ships as a static asset at /emoji-data.json. The data shape mirrors
-// js/app/assets/emoji-data-stripped.json so the search/UI code matches the
-// reference implementation, but this module owns its own copy of the types —
-// we don't import from @streamplace/components.
+// and ships as a static asset at /emoji-data.json.
 
 import { useEffect, useState } from "react";
 
diff --git a/js/web/src/lib/game.ts b/js/web/src/lib/game.ts
index 32dfceca1..a5c66d130 100644
--- a/js/web/src/lib/game.ts
+++ b/js/web/src/lib/game.ts
@@ -1,4 +1,4 @@
-// Helpers for game activity. Mirrors js/app/utils/game.ts.
+// Helpers for game activity.
 
 interface GameMediaItem {
   mediaType: string;
diff --git a/js/web/src/lib/log.ts b/js/web/src/lib/log.ts
index 3aa598697..33c720460 100644
--- a/js/web/src/lib/log.ts
+++ b/js/web/src/lib/log.ts
@@ -10,7 +10,7 @@
 // message and a caller-supplied context bag.
 //
 // `log.warn` / `log.error` are for one-off developer logs that aren't
-// necessarily errors. They go to console only — use `captureError` if
+// necessarily errors. They go to console only; use `captureError` if
 // the message should reach Sentry.
 import * as Sentry from "@sentry/react";
 
@@ -19,7 +19,7 @@ export function captureError(
   context?: Record<string, unknown>,
 ): void {
   if (import.meta.env.DEV) {
-    // Don't spam Sentry with dev noise — console is enough.
+    // Don't spam Sentry with dev noise; console is enough.
     console.error(message, context);
     return;
   }
diff --git a/js/web/src/lib/oauth-resolver.ts b/js/web/src/lib/oauth-resolver.ts
index 8108675f0..86f9a865d 100644
--- a/js/web/src/lib/oauth-resolver.ts
+++ b/js/web/src/lib/oauth-resolver.ts
@@ -1,5 +1,4 @@
-// Duck-typed OAuthResolver — avoids pnpm hoisting issues with @atproto/oauth-client base class.
-// Overrides resolveFromService to route through the Streamplace backend.
+// Duck-typed OAuthResolver that routes through the Streamplace backend.
 //
 // Why not extend the real `OAuthResolver`? @atproto/oauth-client 0.7.x
 // restricts its `exports` to the package root, so deep-importing
@@ -9,10 +8,10 @@
 // mirror the public surface here.
 //
 // Surface we need to satisfy (per @atproto/oauth-client 0.7.x):
-//   - resolve(input)              — high-level dispatcher; called by OAuthClient.authorize
-//   - resolveFromIdentity(input)  — called by OAuthServerAgent.verifyIssuer
-//   - resolveFromService(input)   — the original override target
-//   - getCurrentResourceServer()  — used by oauth.ts to inject login_hint on PAR
+//   - resolve(input)              high-level dispatcher; called by OAuthClient.authorize
+//   - resolveFromIdentity(input)  called by OAuthServerAgent.verifyIssuer
+//   - resolveFromService(input)   the original override target
+//   - getCurrentResourceServer()  used by oauth.ts to inject login_hint on PAR
 //
 // All three resolve* methods return streamplace's OAuth server metadata
 // regardless of input. The PAR / authorize flow injects `login_hint: input`
diff --git a/js/web/src/lib/providers/bluesky-provider.tsx b/js/web/src/lib/providers/bluesky-provider.tsx
index e7784178b..faef99a73 100644
--- a/js/web/src/lib/providers/bluesky-provider.tsx
+++ b/js/web/src/lib/providers/bluesky-provider.tsx
@@ -1,15 +1,13 @@
-// Bluesky/ATProto lifecycle provider. Port of
-// js/app/features/bluesky/blueskyProvider.tsx, minus the React
-// Navigation and Expo Linking bits (web uses URL search params).
+// Bluesky/ATProto lifecycle provider.
 //
 // Responsibilities:
 //   1. On mount, check whether the current URL is an OAuth callback
 //      (has `?code=` or `?error=`). If so, hand it to the store's
 //      `oauthCallback` action; otherwise call `loadOAuthClient` to
 //      restore an existing session.
-//   2. Poll every 5s while the slice is not yet ready. The app uses
-//      the same hack — it keeps retrying `loadOAuthClient` because
-//      the OAuth client restores from localStorage async.
+//   2. Poll every 5s while the slice is not yet ready; keeps retrying
+//      `loadOAuthClient` because the OAuth client restores from
+//      localStorage async.
 //   3. Pull the authenticated user's profile when we have a session
 //      but no profile cached.
 //   4. Run useBlueskyNotifications to surface login errors as toasts.
diff --git a/js/web/src/lib/session.tsx b/js/web/src/lib/session.tsx
index 74bf40fb9..9454d7f81 100644
--- a/js/web/src/lib/session.tsx
+++ b/js/web/src/lib/session.tsx
@@ -4,7 +4,7 @@
 // this provider just exposes reactive bindings ({state, signIn,
 // signOut, pdsAgent, did}) to consumers that want context semantics.
 //
-// `getClient` was dropped from the public API — nothing in the web
+// `getClient` was dropped from the public API; nothing in the web
 // uses it directly anymore, and callers who need the underlying
 // client can read the slice's `client` field.
 import { OAuthSession } from "@atproto/oauth-client-browser";
diff --git a/js/web/src/lib/store/hooks.ts b/js/web/src/lib/store/hooks.ts
index ab638ec39..89afcfa93 100644
--- a/js/web/src/lib/store/hooks.ts
+++ b/js/web/src/lib/store/hooks.ts
@@ -1,4 +1,4 @@
-// Selector hooks for the combined store. Mirrors js/app/store/hooks.ts.
+// Selector hooks for the combined store.
 import { useStore } from "./index";
 
 // Streamplace
@@ -34,7 +34,7 @@ export const useIsReady = () => {
   if (!oauthSession) {
     return false;
   }
-  // Profile fetch failed — session is valid, just the profile didn't
+  // Profile fetch failed; session is valid, just the profile didn't
   // load. Don't block the app on a retry loop; the user can see the
   // app and try again.
   if (profileError) {
@@ -48,5 +48,5 @@ export const useIsReady = () => {
 export const useCachedProfiles = () => useStore((state) => state.profileCache);
 export const useChatProfile = () => useStore((state) => state.chatProfile);
 
-// PDS Agent (convenience — reads from bluesky slice)
+// PDS Agent (convenience; reads from bluesky slice)
 export const usePDSAgent = () => useStore((state) => state.pdsAgent);
diff --git a/js/web/src/lib/store/index.ts b/js/web/src/lib/store/index.ts
index 68d56c30e..14e8227a8 100644
--- a/js/web/src/lib/store/index.ts
+++ b/js/web/src/lib/store/index.ts
@@ -1,5 +1,4 @@
-// Combined Zustand store. Mirrors the shape of js/app/store/index.ts.
-// Slices are spread, not namespaced; selectors read from the flat state.
+// Combined Zustand store. Slices are spread, not namespaced; selectors read from the flat state.
 import { create } from "zustand";
 import { BaseSlice, createBaseSlice } from "./slices/baseSlice";
 import { BlueskySlice, createBlueskySlice } from "./slices/blueskySlice";
diff --git a/js/web/src/lib/store/slices/blueskySlice.ts b/js/web/src/lib/store/slices/blueskySlice.ts
index 769848def..6d3408753 100644
--- a/js/web/src/lib/store/slices/blueskySlice.ts
+++ b/js/web/src/lib/store/slices/blueskySlice.ts
@@ -101,7 +101,7 @@ export interface BlueskySlice {
   showPdsModal: boolean;
   openPdsModal: () => void;
   closePdsModal: () => void;
-  // TODO(phase 3/4): stream-key + go-live + block actions. See comment
+  // TODO: stream-key + go-live + block actions. See comment
   // at the top of this file.
   golivePost: (
     text: string,
@@ -316,7 +316,7 @@ export const createBlueskySlice: StateCreator<
         // runs, and the user is logged in. Used by the /login route,
         // which is the fallback for users on the full-page already
         // (or who got bounced here by the modal's popup-blocker
-        // detection). The promise never resolves — the page is
+        // detection). The promise never resolves; the page is
         // navigating away.
         const url = await updatedState.client.authorize(handle, {});
         window.location.href = url.href;
@@ -342,7 +342,7 @@ export const createBlueskySlice: StateCreator<
       // The library's OAuthResponseError message is "OAuth unknown error"
       // when the PDS returns a non-OK token-exchange response without
       // standard `error` / `error_description` fields. In practice this
-      // is almost always transient — the PDS is still processing the
+      // is almost always transient; the PDS is still processing the
       // previous session's revoke, rate-limiting, etc. Surface it as a
       // "try again in a moment" hint instead of a dead-end.
       if (message.startsWith("OAuth unknown error")) {
@@ -395,7 +395,7 @@ export const createBlueskySlice: StateCreator<
     } catch (error) {
       clearQueryParams();
       // Don't log the user out on a transient profile fetch failure.
-      // The session is still valid — the profile fetch can fail due
+      // The session is still valid; the profile fetch can fail due
       // to network blips, rate limiting, or PDS hiccups. Storing
       // the error lets the provider stop retrying without clobbering
       // the auth state.
@@ -492,7 +492,7 @@ export const createBlueskySlice: StateCreator<
           message = `${message}: ${cause.message}`;
           cause = cause.cause;
         }
-        // PDS token-exchange failure with no useful error fields —
+        // PDS token-exchange failure with no useful error fields;
         // almost always transient (rate limiting, revoke still
         // processing). Tell the user to try again in a moment.
         if (message.startsWith("OAuth unknown error")) {
@@ -524,7 +524,7 @@ export const createBlueskySlice: StateCreator<
     }
   },
 
-  // TODO(phase 4): golivePost needs RichText from @atproto/api and is
+  // TODO: golivePost needs RichText from @atproto/api and is
   // called from createLivestreamRecord. Both port together.
   golivePost: async (_text: string, _now: Date, _thumbnail?: any) => {
     throw new Error("golivePost not yet ported (Phase 4)");
@@ -535,7 +535,7 @@ export const createBlueskySlice: StateCreator<
     throw new Error("createBlockRecord not ported");
   },
 
-  // TODO(phase 3/4): stream-key actions need @atproto/crypto + viem.
+  // TODO: stream-key actions need @atproto/crypto + viem.
   // Generate-keypair code is also used by createLivestreamRecord for
   // blob uploads, so adding the deps unblocks both at once.
   createStreamKeyRecord: async (_store: boolean) => {
@@ -742,7 +742,7 @@ export const createBlueskySlice: StateCreator<
     }
   },
 
-  // TODO(phase 4): go-live. Needs golivePost (RichText) + blob upload
+  // TODO: go-live. Needs golivePost (RichText) + blob upload
   // helper. Both are pure @atproto/api code, no extra deps.
   createLivestreamRecord: async () => {
     throw new Error("createLivestreamRecord not yet ported (Phase 4)");
diff --git a/js/web/src/lib/store/slices/sidebarSlice.ts b/js/web/src/lib/store/slices/sidebarSlice.ts
index 74f4024b6..238b3f80b 100644
--- a/js/web/src/lib/store/slices/sidebarSlice.ts
+++ b/js/web/src/lib/store/slices/sidebarSlice.ts
@@ -1,8 +1,8 @@
 // Sidebar visibility/collapse state, persisted to storage.
-// Mirrors js/app/store/slices/sidebarSlice.ts. The web's current Sidebar
-// is a shadcn primitive with its own localStorage key ("streamplace:nav-open")
-// — the values here are kept in this slice for parity with the app so that
-// future port work (sidebar overlay, etc.) has a single source of truth.
+// The web's current Sidebar is a shadcn primitive with its own
+// localStorage key ("streamplace:nav-open"); the values here are kept
+// in this slice for parity with the app so future port work (sidebar
+// overlay, etc.) has a single source of truth.
 import { StateCreator } from "zustand";
 import { storage } from "../../storage";
 
diff --git a/js/web/src/lib/store/slices/streamplaceSlice.ts b/js/web/src/lib/store/slices/streamplaceSlice.ts
index 4c1ff8c73..d44dafa2c 100644
--- a/js/web/src/lib/store/slices/streamplaceSlice.ts
+++ b/js/web/src/lib/store/slices/streamplaceSlice.ts
@@ -1,5 +1,5 @@
+import { place } from "streamplace";
 // Streamplace server URL, mute flag, chat-warning state.
-// Mirrors js/app/store/slices/streamplaceSlice.ts.
 //
 // Live-users polling now lives in hooks/use-live-users.ts (React Query).
 import { StateCreator } from "zustand";
@@ -114,7 +114,7 @@ export const createStreamplaceSlice: StateCreator<
   getRecommendations: async (userDID: string) => {
     // Fall back to the anonymous PDS agent when the user isn't logged
     // in. The getRecommendations endpoint is a public read on the
-    // Streamplace server — it returns the streamer's own
+    // Streamplace server; it returns the streamer's own
     // recommendations list filtered to currently-live streamers, or
     // falls back to the streamer's follows that are live. No auth
     // required, so a logged-out viewer can still see suggestions.
@@ -123,9 +123,9 @@ export const createStreamplaceSlice: StateCreator<
     if (!agent) {
       throw new Error("no pdsAgent");
     }
-    const result = await agent.place.stream.live.getRecommendations({
-      userDID,
+    const result = await agent.client.call(place.stream.live.getRecommendations, {
+      userDID: userDID as any,
     });
-    return result.data;
+    return result;
   },
 });
diff --git a/js/web/src/lib/utils.ts b/js/web/src/lib/utils.ts
index ee1ba4276..373541e07 100644
--- a/js/web/src/lib/utils.ts
+++ b/js/web/src/lib/utils.ts
@@ -1,7 +1,7 @@
 // base-ui's primitives accept a state-aware className function in addition
 // to a plain string. The function form is `(state) => string | undefined`
 // where `state` is a base-ui state object. We accept any function shape in
-// the type system and try invoking it with no args at runtime — fine for
+// the type system and try invoking it with no args at runtime; fine for
 // thunks that read state from closure; silently returns "" if the function
 // actually requires a state argument (which our wrappers never pass through).
 type ClassValue =
diff --git a/js/web/src/lib/video.ts b/js/web/src/lib/video.ts
index 2a095621e..fb7a3e154 100644
--- a/js/web/src/lib/video.ts
+++ b/js/web/src/lib/video.ts
@@ -1,7 +1,6 @@
-// Video utility functions. Copied from js/app/utils/video.ts —
-// platform-agnostic, no React Native deps.
+// Video utility functions.
 
-import type { PlaceStreamVideo } from "streamplace";
+import { place } from "streamplace";
 
 // The DID lives in the second path segment of an at:// URI:
 // at://<did>/place.stream.video/<tid>
@@ -18,11 +17,11 @@ export function getTidFromAtUri(uri: string): string {
 // through the Bluesky image CDN. Returns undefined when the video has
 // no thumbnail so callers can fall back to a placeholder.
 export function getVideoThumbnailUrl(
-  record: PlaceStreamVideo.Record | undefined,
+  record: place.stream.video.Main | undefined,
   did: string,
 ): string | undefined {
-  const ref = record?.thumb?.ref as { $link?: string } | undefined;
-  const cid = ref?.$link ?? record?.thumb?.ref?.toString();
+  const ref = (record?.thumb as any)?.ref as { $link?: string } | undefined;
+  const cid = ref?.$link ?? ((record?.thumb as any)?.ref?.toString?.() as string | undefined);
   if (!cid || !did) return undefined;
   return `https://cdn.bsky.app/img/feed_thumbnail/plain/${did}/${cid}@jpeg`;
 }
diff --git a/js/web/src/main.tsx b/js/web/src/main.tsx
index 00150baef..2d06d1a04 100644
--- a/js/web/src/main.tsx
+++ b/js/web/src/main.tsx
@@ -58,8 +58,8 @@ if (!rootEl) {
 // Top-level modals + auth wiring. The login modal handles the
 // handle-entry + sign-in flow; clicking "Sign Up" closes it and
 // opens the PDS host selector, which on submit hands the chosen
-// PDS to signInPopup (the PDS URL goes through as the "handle" —
-// the OAuth client treats it as the identity server for the
+// PDS to signInPopup (the PDS URL goes through as the "handle"; the
+// OAuth client treats it as the identity server for the
 // round-trip, and the PDS handles account creation for new users).
 function AuthShell() {
   const showPdsModal = useStore((s) => s.showPdsModal);
diff --git a/js/web/src/routes/$user/index.tsx b/js/web/src/routes/$user/index.tsx
index e9cfd4a40..498be21f3 100644
--- a/js/web/src/routes/$user/index.tsx
+++ b/js/web/src/routes/$user/index.tsx
@@ -127,7 +127,7 @@ function StreamPage() {
 function StreamBody({ store, user }: { store: LivestreamStore; user: string }) {
   const liveness = useLivenessState(store);
   const { theatre } = useFullscreen();
-  // Offline streams default to a closed chat — the chat has nothing
+  // Offline streams default to a closed chat; the chat has nothing
   // to show, and the shorter offline player should take the page
   // width. Live streams honor the user's saved preference.
   const isOffline = liveness === "offline" || liveness === "never-live";
@@ -147,8 +147,8 @@ function StreamBody({ store, user }: { store: LivestreamStore; user: string }) {
 
   // Auto-close the chat when a live stream goes offline. The user
   // can still open it manually to see the backlog; this just gets
-  // the page back to a sensible default. (The reverse case — a
-  // closed chat reopening when the stream goes live — doesn't
+  // the page back to a sensible default. (The reverse case; a
+  // closed chat reopening when the stream goes live; doesn't
   // auto-open, the user has the toggle for that.)
   useEffect(() => {
     if (isOffline && chatOpen) {
diff --git a/js/web/src/routes/__root.tsx b/js/web/src/routes/__root.tsx
index ca7a4d11a..af5e43a04 100644
--- a/js/web/src/routes/__root.tsx
+++ b/js/web/src/routes/__root.tsx
@@ -24,7 +24,7 @@ const POPOUT_PREFIXES = ["/chat-popout/", "/embed/"];
  *  these to decide whether to wrap with ChromeLayout or render the
  *  Outlet bare. The dashboard's provider tree is mounted by the layout
  *  route itself, not by this check, so a stale read here is just a
- *  visual flash — not a render race. */
+ *  visual flash; not a render race. */
 const DASHBOARD_PREFIX = "/dashboard";
 
 export const Route = createRootRoute({
@@ -89,7 +89,7 @@ function RouteLoadingSkeleton() {
 function RootLayout() {
   // Popout routes (chat popout, embeds) skip the regular chrome and
   // render their own minimal layout. Dashboard routes also skip the
-  // regular chrome — they own their own via routes/dashboard/route.tsx.
+  // regular chrome; they own their own via routes/dashboard/route.tsx.
   // The dashboard layout route mounts DashboardChrome (with its
   // DashboardStoreContext etc.) before its children, so the chrome
   // decision here is purely visual; a stale read just causes a brief
diff --git a/js/web/src/routes/chat-popout.$user.tsx b/js/web/src/routes/chat-popout.$user.tsx
index b700793e8..0a3c48786 100644
--- a/js/web/src/routes/chat-popout.$user.tsx
+++ b/js/web/src/routes/chat-popout.$user.tsx
@@ -1,4 +1,4 @@
-// Standalone chat popout window. Minimal chrome — just the chat panel
+// Standalone chat popout window. Minimal chrome; just the chat panel
 // and input, no player, no sidebar, no header.
 //
 // Query parameters (useful for OBS browser sources):
diff --git a/js/web/src/routes/dashboard/stream/index.tsx b/js/web/src/routes/dashboard/stream/index.tsx
index 10eb029b7..39a51052f 100644
--- a/js/web/src/routes/dashboard/stream/index.tsx
+++ b/js/web/src/routes/dashboard/stream/index.tsx
@@ -1,3 +1,4 @@
+import { place } from "streamplace";
 import { useDashboardStore } from "@/components/dashboard/dashboard-store-context";
 import { Admonition } from "@/components/ui/admonition";
 import { Button } from "@/components/ui/button";
@@ -597,11 +598,11 @@ function StreamKeySection() {
   // Fetch ingest URLs
   useEffect(() => {
     if (!pdsAgent) return;
-    pdsAgent.place.stream.ingest
-      .getIngestUrls({})
+    pdsAgent.client
+      .call(place.stream.ingest.getIngestUrls, {})
       .then((res) => {
         setIngestUrls(
-          res.data.ingests
+          res.ingests
             .map((i: any) => ({ type: i.type || "unknown", url: i.url }))
             .filter((i) => i.url),
         );
@@ -968,7 +969,7 @@ function GoLiveSection({
                 <li>
                   Server ={" "}
                   <span className="text-(--color-fg)">
-                    {activeIngest?.url || "—"}
+                    {activeIngest?.url || "N/A"}
                   </span>
                 </li>
                 {mode === "rtmp" ? (
@@ -1023,7 +1024,7 @@ function ModerationSection() {
       <div className="rounded-lg border border-dashed border-(--color-border) p-6 text-sm text-(--color-fg-muted)">
         {t("moderation-coming-soon", {
           defaultValue:
-            "Moderator management hooks aren't on the web yet — this section is a placeholder.",
+            "Moderator management hooks aren't on the web yet. This section is a placeholder.",
         })}
       </div>
     </div>
diff --git a/js/web/src/routes/login.tsx b/js/web/src/routes/login.tsx
index a5592ff08..9fa8e8998 100644
--- a/js/web/src/routes/login.tsx
+++ b/js/web/src/routes/login.tsx
@@ -72,7 +72,7 @@ function LoginPage() {
     setError(null);
     setSubmitting(true);
     try {
-      // /login is the full-page route — always do a full-page redirect
+      // /login is the full-page route; always do a full-page redirect
       // to the PDS rather than opening a popup. This is the reliable
       // fallback for users who landed here directly, or who got bounced
       // here by the modal's popup-blocker detection.
diff --git a/js/web/src/routes/settings/advanced.tsx b/js/web/src/routes/settings/advanced.tsx
index 340c0767c..dfaafaefa 100644
--- a/js/web/src/routes/settings/advanced.tsx
+++ b/js/web/src/routes/settings/advanced.tsx
@@ -46,7 +46,7 @@ function AdvancedSettings() {
   };
 
   // Toggling web-beta writes a cookie and reloads. The reload is what
-  // actually flips the user over to the other frontend — the server
+  // actually flips the user over to the other frontend; the server
   // reads the cookie on the next request and picks the matching bundle.
   const handleWebBetaToggle = (enabled: boolean) => {
     setWebBetaEnabled(enabled);
diff --git a/js/web/src/routes/videos.tsx b/js/web/src/routes/videos.tsx
index 0b5bd23bd..777e04b91 100644
--- a/js/web/src/routes/videos.tsx
+++ b/js/web/src/routes/videos.tsx
@@ -1,6 +1,5 @@
 // Global VOD browse page. Fetches place.stream.media.getVideoList
-// with cursor-based infinite scroll. Port of
-// js/app/src/screens/video-list.tsx (without repo filter).
+// with cursor-based infinite scroll.
 
 import { createFileRoute } from "@tanstack/react-router";
 import { useEffect, useMemo, useRef } from "react";