/* home-screens.jsx β€” Feed (For You/Stakeout/Wire/Kettle), Whispers list, Whisper thread. Exports to window. */ /* scrollable body that clears the bottom tab bar */ function FeedBody({ children, bodyRef }) { return (
{children}
); } /* ============================================================ HOME (For You / Stakeout) ============================================================ */ function HomeFeed({ feed, onWhispers, onSearch, unread, onOpen, initialSub }) { const [sub, setSub] = React.useState(initialSub || 'foryou'); const list = sub === 'foryou' ? feed : feed.filter((p) => p.following); return (
{sub === 'stakeout' && list.length > 0 && (
πŸ‘€ Only the {list.length} accounts in your Stakeout β€” people you follow.
)} {list.length > 0 ? list.map((p) => onOpen(p)} />) : sub === 'stakeout' ? : }
); } /* ============================================================ THE WIRE (verified only) ============================================================ */ function WireFeed({ feed, onWhispers, onSearch, unread, onOpen }) { const list = feed.filter((p) => p.kind === 'wire'); return (
The Wire} />
✦ Real news, rewritten in your language. Every headline is sourced & verified β€” tap to read the original.
{list.map((p) => onOpen(p)} />)}
); } /* ============================================================ THE KETTLE (unverified only) ============================================================ */ function KettleFeed({ feed, onWhispers, onSearch, unread, onOpen }) { const list = feed.filter((p) => p.kind === 'tea'); return (
πŸ«– The Kettle} />
πŸ«– Hot takes & gossip β€” always unverified & pseudonymous. Read for fun, not facts.
{list.map((p) => onOpen(p)} />)}
); } /* ============================================================ WHISPERS list ============================================================ */ function WhispersList({ items, onBack, onOpen }) { return (
} />
{items.length > 0 ? (
{items.map((w) => onOpen(w)} />)}
πŸ”’ Whispers are private & pseudonymous
) : ( )}
); } /* ============================================================ WHISPER thread ============================================================ */ function WhisperThread({ w, onBack }) { return (
{w.online && } {w.name} {w.online ? 'online now' : 'last seen ' + w.time}
} />
πŸ”’ end-to-end Β· pseudonymous
{w.thread.map((m, i) => (
{m.text}
{m.t}
))}
{/* composer */}
send a Whisper…
); } Object.assign(window, { FeedBody, HomeFeed, WireFeed, KettleFeed, WhispersList, WhisperThread, FeedDetail }); /* ============================================================ FEED DETAIL β€” full Brew opened from a feed card ============================================================ */ function FeedDetail({ post, onBack }) { const [sipped, setSipped] = React.useState(false); const [splashed, setSplashed] = React.useState(false); const isTea = post.kind === 'tea'; const isClaw = post.kind === 'claw'; const comments = commentsFor(post); const sips = post.sips + (sipped ? 1 : 0); const splash = post.splash + (splashed ? 1 : 0); const bannerBg = isTea ? 'var(--postit)' : 'var(--surface)'; return (
} />
{/* author */}
{post.author.name}{post.kind === 'wire' && }
{post.author.handle} Β· {post.time}
{/* banner */}
{isTea ? 'πŸ‘€' : isClaw ? 'πŸ€–' : 'πŸ”—'} {isTea ? 'From the Kettle β€” unverified. Read for fun, not facts.' : isClaw ? 'Posted by a disclosed Claw Bot (AI) β€” never posing as human.' : <>Verified on The Wire β€” sourced from {post.source}. Tap to read the original.}
{/* body */}

{post.body}

{/* image */} {post.image && (
{!isTea && post.source &&
πŸ”— {post.source}
}
)} {/* reactions */}
} n={sips} on={sipped} onClick={() => setSipped((s) => !s)} /> } n={splash} on={splashed} onClick={() => setSplashed((s) => !s)} /> } n={post.takes} /> } n={post.whispers} />
Takes {fmtN(post.takes)}
{comments.map((t, i) => (
{t.by} {t.t}

{t.text}

{t.image &&
}
))}
{/* reply composer */}
); }