@1a35e1/sonar-cli 0.2.0 → 0.3.4

package/dist/components/InteractiveSession.js

@@ -1,12 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from 'react';
 import { Box, Text, useInput, useStdout } from 'ink';
-import { Spinner } from './Spinner.js';
-import { TweetCard } from '../commands/feed.js';
 import { gql } from '../lib/client.js';
-import { generateReply } from '../lib/ai.js';
+import { TweetCard } from './TweetCard.js';
 import { getFeedWidth } from '../lib/config.js';
-const UPDATE_SUGGESTION_MUTATION = `
+import { execSync } from 'child_process';
+const UPDATE_MUTATION = `
   mutation UpdateSuggestion($suggestionId: ID!, $status: SuggestionStatus!) {
     updateSuggestion(input: { suggestionId: $suggestionId, status: $status }) {
       suggestionId
@@ -14,228 +13,114 @@ const UPDATE_SUGGESTION_MUTATION = `
     }
   }
 `;
-// ─── Helpers ──────────────────────────────────────────────────────────────────
-function relativeTime(dateStr) {
-    const diff = Date.now() - new Date(dateStr).getTime();
-    const mins = Math.floor(diff / 60000);
-    if (mins < 60)
-        return `${mins}m`;
-    const hours = Math.floor(mins / 60);
-    if (hours < 24)
-        return `${hours}h`;
-    return `${Math.floor(hours / 24)}d`;
-}
 function Divider({ width }) {
     return _jsx(Text, { dimColor: true, children: '─'.repeat(Math.min(width - 2, 72)) });
 }
-// ─── Shared hook ──────────────────────────────────────────────────────────────
-function useInteractiveState(total, vendor) {
-    const [currentIndex, setCurrentIndex] = useState(0);
-    const [mode, setMode] = useState('view');
-    const [replyInput, setReplyInput] = useState('');
-    const [replyDraft, setReplyDraft] = useState('');
-    const [statusMessage, setStatusMessage] = useState('');
-    const goNext = useCallback(() => {
-        setCurrentIndex((i) => Math.min(i + 1, total - 1));
-        setMode('view');
-        setReplyDraft('');
-        setStatusMessage('');
-    }, [total]);
-    const goPrev = useCallback(() => {
-        setCurrentIndex((i) => Math.max(i - 1, 0));
-        setMode('view');
-        setReplyDraft('');
-        setStatusMessage('');
-    }, []);
-    const startReply = useCallback(() => {
-        setReplyInput('');
-        setMode('reply-input');
-    }, []);
-    const dismissDraft = useCallback(() => {
-        setReplyDraft('');
-        setMode('view');
-    }, []);
-    const handleReply = useCallback(async (tweetText, angle) => {
-        setMode('reply-loading');
-        try {
-            const result = await generateReply(tweetText, angle, vendor);
-            setReplyDraft(result.reply);
-            setMode('reply-draft');
-        }
-        catch (err) {
-            setStatusMessage(`Error: ${err instanceof Error ? err.message : String(err)}`);
-            setMode('view');
-        }
-    }, [vendor]);
-    return {
-        currentIndex,
-        mode,
-        replyInput,
-        replyDraft,
-        statusMessage,
-        setReplyInput,
-        setMode,
-        setStatusMessage,
-        goNext,
-        goPrev,
-        startReply,
-        dismissDraft,
-        handleReply,
-    };
-}
-export function InteractiveFeedSession({ items, vendor }) {
+const UNDO_WINDOW_MS = 10_000;
+export function TriageSession({ items: initialItems, total: initialTotal, fetchMore }) {
     const { stdout } = useStdout();
     const termWidth = stdout.columns ?? 100;
     const cardWidth = getFeedWidth();
-    const { currentIndex, mode, replyInput, replyDraft, statusMessage, setReplyInput, setMode, setStatusMessage, goNext, goPrev, startReply, dismissDraft, handleReply, } = useInteractiveState(items.length, vendor);
-    const current = items[currentIndex];
-    useInput((input, key) => {
-        if (mode === 'reply-loading')
+    const [items, setItems] = useState(initialItems);
+    const [total, setTotal] = useState(initialTotal ?? initialItems.length);
+    const [index, setIndex] = useState(0);
+    const [lastAction, setLastAction] = useState(null);
+    const [acting, setActing] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [pending, setPending] = useState(null);
+    // Fetch next page when 3 items from the end
+    useEffect(() => {
+        if (!fetchMore || loading)
             return;
-        if (mode === 'reply-input') {
-            if (key.return) {
-                handleReply(current.tweet.text, replyInput);
-            }
-            else if (key.escape) {
-                setMode('view');
-                setReplyInput('');
-            }
-            else if (key.backspace || key.delete) {
-                setReplyInput((s) => s.slice(0, -1));
-            }
-            else if (input && !key.ctrl && !key.meta) {
-                setReplyInput((s) => s + input);
-            }
+        if (index >= items.length - 3 && items.length < total) {
+            setLoading(true);
+            fetchMore(items.length)
+                .then(more => {
+                if (more.length > 0) {
+                    setItems(prev => [...prev, ...more]);
+                }
+            })
+                .catch(() => { })
+                .finally(() => setLoading(false));
+        }
+    }, [index, items.length, total, loading]);
+    // Flush pending on unmount
+    useEffect(() => {
+        return () => { if (pending) {
+            clearTimeout(pending.timer);
+            commitAction(pending);
+        } };
+    }, [pending]);
+    const done = index >= items.length && items.length >= total;
+    const current = items[index];
+    function commitAction(action) {
+        gql(UPDATE_MUTATION, { suggestionId: action.suggestionId, status: action.status })
+            .catch(() => { });
+    }
+    const act = useCallback((status, label) => {
+        const item = items[index];
+        // Flush any previous pending action immediately
+        if (pending) {
+            clearTimeout(pending.timer);
+            commitAction(pending);
+        }
+        if (item.suggestionId) {
+            // Defer the mutation — can be undone within the window
+            const timer = setTimeout(() => {
+                commitAction({ timer: 0, suggestionId: item.suggestionId, status, index });
+                setPending(null);
+            }, UNDO_WINDOW_MS);
+            setPending({ timer, suggestionId: item.suggestionId, status, index });
+        }
+        setLastAction(label);
+        setIndex((i) => i + 1);
+    }, [index, items, pending]);
+    const undo = useCallback(() => {
+        if (!pending)
             return;
-        }
-        if (mode === 'reply-draft') {
-            if (input === 'r') {
-                handleReply(current.tweet.text, '');
-            }
-            else if (key.escape) {
-                dismissDraft();
-            }
+        clearTimeout(pending.timer);
+        setPending(null);
+        setIndex(pending.index);
+        setLastAction(null);
+    }, [pending]);
+    useInput((input, key) => {
+        if (done) {
+            if (input === 'q')
+                process.exit(0);
+            if (input === 'u')
+                undo();
             return;
         }
-        // view mode
-        if (input === 'n' || key.rightArrow || input === ' ') {
-            goNext();
-        }
-        else if (input === 'p' || key.leftArrow) {
-            goPrev();
-        }
-        else if (input === 'r') {
-            startReply();
+        if (key.return || input === ' ' || input === 'd' || input === 'n') {
+            act('SKIPPED', 'dismissed');
         }
         else if (input === 's') {
-            setStatusMessage('star — coming soon');
+            act('ARCHIVED', 'saved');
+        }
+        else if (input === 'u') {
+            undo();
         }
-        else if (input === 'a') {
-            setStatusMessage('analyze — coming soon');
+        else if (input === 'o') {
+            const handle = current.tweet.user.username ?? current.tweet.user.displayName;
+            const url = `https://x.com/${handle}/status/${current.tweet.id}`;
+            try {
+                execSync(`open "${url}"`);
+            }
+            catch { }
         }
         else if (input === 'q') {
             process.exit(0);
         }
-    }, { isActive: mode !== 'reply-loading' });
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { dimColor: true, children: ['  ', currentIndex + 1, " / ", items.length, '  ·  ', "feed --interactive"] }) }), _jsx(TweetCard, { item: current, termWidth: termWidth, cardWidth: cardWidth, isLast: true }), mode === 'reply-draft' && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Divider, { width: termWidth }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Draft reply:" }), _jsx(Box, { marginTop: 1, paddingLeft: 2, width: Math.min(termWidth, 80), children: _jsx(Text, { wrap: "wrap", children: replyDraft }) })] })] })), statusMessage && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "green", children: statusMessage }) })), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Divider, { width: termWidth }), mode === 'reply-input' ? (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Angle (Enter to auto-generate, Esc to cancel): " }), _jsx(Text, { children: replyInput }), _jsx(Text, { color: "cyan", children: "\u2588" })] })) : mode === 'reply-loading' ? (_jsx(Box, { marginTop: 1, children: _jsx(Spinner, { label: "Generating reply..." }) })) : mode === 'reply-draft' ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "[r] new draft  [Esc] dismiss" }) })) : (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "[n]ext  [p]rev  [s]tar  [r]eply  [a]nalyze  [q]uit" }) }))] })] }));
-}
-// ─── Suggestion Card ──────────────────────────────────────────────────────────
-function scoreColor(score) {
-    if (score >= 0.7)
-        return 'green';
-    if (score >= 0.4)
-        return 'yellow';
-    return 'white';
-}
-function statusColor(status) {
-    switch (status.toLowerCase()) {
-        case 'inbox': return 'cyan';
-        case 'read': return 'green';
-        case 'skipped': return 'gray';
-        case 'later': return 'yellow';
-        case 'archived': return 'magenta';
-        default: return 'white';
+    }, { isActive: !acting });
+    if (done) {
+        return (_jsxs(Box, { flexDirection: "column", gap: 1, marginTop: 1, children: [_jsx(Text, { color: "green", children: "\u2713 Inbox zero" }), lastAction && _jsxs(Text, { dimColor: true, children: ["last: ", lastAction] }), _jsx(Text, { dimColor: true, children: "q to quit" })] }));
     }
+    const canTriage = !!current.suggestionId;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, gap: 3, children: [_jsxs(Text, { dimColor: true, children: [index + 1, " / ", total] }), lastAction && _jsxs(Text, { color: "green", children: ["\u2713 ", lastAction] })] }), _jsx(TweetCard, { item: { score: current.score, matchedKeywords: current.matchedKeywords, tweet: current.tweet }, termWidth: termWidth, cardWidth: cardWidth, isLast: true }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Divider, { width: termWidth }), _jsx(Box, { marginTop: 1, gap: 3, children: canTriage ? (_jsxs(_Fragment, { children: [_jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "white", children: "n" }), " next"] }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "white", children: "s" }), " save"] }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "white", children: "o" }), " open"] }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "white", children: "q" }), " quit"] })] })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "white", children: "n" }), " next"] }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "white", children: "o" }), " open"] }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "white", children: "q" }), " quit"] })] })) })] })] }));
 }
-function SuggestionCard({ item, termWidth }) {
-    const handle = item.tweet.user.username ?? item.tweet.user.displayName;
-    const author = `@${handle}`;
-    const profileUrl = `https://x.com/${handle}`;
-    const tweetUrl = `https://x.com/${handle}/status/${item.tweet.xid}`;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "cyan", bold: true, children: relativeTime(item.tweet.createdAt) }), _jsx(Text, { dimColor: true, children: "  \u00B7  " }), _jsx(Text, { color: scoreColor(item.score), children: item.score.toFixed(2) }), _jsx(Text, { dimColor: true, children: "  \u00B7  " }), _jsx(Text, { color: statusColor(item.status), children: item.status.toLowerCase() }), item.projectsMatched > 0 && (_jsxs(Text, { dimColor: true, children: ["  \u00B7  ", item.projectsMatched, " interest", item.projectsMatched !== 1 ? 's' : ''] }))] }), _jsxs(Box, { children: [_jsxs(Text, { color: "gray", children: ['└', " "] }), _jsx(Text, { color: "blueBright", bold: true, children: author })] }), _jsx(Box, { paddingLeft: 2, width: Math.min(termWidth, 82), marginTop: 1, children: _jsx(Text, { wrap: "wrap", children: item.tweet.text }) }), _jsx(Box, { marginLeft: 2, marginTop: 1, children: _jsxs(Text, { dimColor: true, children: [profileUrl, " \u00B7 ", tweetUrl] }) })] }));
+export function InteractiveFeedSession({ items }) {
+    return _jsx(TriageSession, { items: items });
 }
-const INBOX_STATUS_KEYS = {
-    R: 'READ',
-    S: 'SKIPPED',
-    L: 'LATER',
-    A: 'ARCHIVED',
-};
-export function InteractiveInboxSession({ items, vendor }) {
-    const { stdout } = useStdout();
-    const termWidth = stdout.columns ?? 100;
-    const [isActing, setIsActing] = useState(false);
-    const { currentIndex, mode, replyInput, replyDraft, statusMessage, setReplyInput, setMode, setStatusMessage, goNext, goPrev, startReply, dismissDraft, handleReply, } = useInteractiveState(items.length, vendor);
-    const current = items[currentIndex];
-    const handleStatusUpdate = useCallback(async (status) => {
-        setIsActing(true);
-        try {
-            await gql(UPDATE_SUGGESTION_MUTATION, { suggestionId: current.suggestionId, status });
-            setStatusMessage(`✓ marked as ${status.toLowerCase()}`);
-        }
-        catch (err) {
-            setStatusMessage(`Error: ${err instanceof Error ? err.message : String(err)}`);
-        }
-        finally {
-            setIsActing(false);
-        }
-    }, [current.suggestionId, setStatusMessage]);
-    useInput((input, key) => {
-        if (isActing || mode === 'reply-loading')
-            return;
-        if (mode === 'reply-input') {
-            if (key.return) {
-                handleReply(current.tweet.text, replyInput);
-            }
-            else if (key.escape) {
-                setMode('view');
-                setReplyInput('');
-            }
-            else if (key.backspace || key.delete) {
-                setReplyInput((s) => s.slice(0, -1));
-            }
-            else if (input && !key.ctrl && !key.meta) {
-                setReplyInput((s) => s + input);
-            }
-            return;
-        }
-        if (mode === 'reply-draft') {
-            if (input === 'r') {
-                handleReply(current.tweet.text, '');
-            }
-            else if (key.escape) {
-                dismissDraft();
-            }
-            return;
-        }
-        // view mode
-        if (input === 'n' || key.rightArrow || input === ' ') {
-            goNext();
-        }
-        else if (input === 'p' || key.leftArrow) {
-            goPrev();
-        }
-        else if (input === 'r') {
-            startReply();
-        }
-        else if (input === 'a') {
-            setStatusMessage('analyze — coming soon');
-        }
-        else if (input === 'q') {
-            process.exit(0);
-        }
-        else if (INBOX_STATUS_KEYS[input]) {
-            handleStatusUpdate(INBOX_STATUS_KEYS[input]);
-        }
-    }, { isActive: !isActing && mode !== 'reply-loading' });
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { dimColor: true, children: ['  ', currentIndex + 1, " / ", items.length, '  ·  ', "inbox --interactive"] }) }), _jsx(SuggestionCard, { item: current, termWidth: termWidth }), mode === 'reply-draft' && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Divider, { width: termWidth }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Draft reply:" }), _jsx(Box, { marginTop: 1, paddingLeft: 2, width: Math.min(termWidth, 80), children: _jsx(Text, { wrap: "wrap", children: replyDraft }) })] })] })), statusMessage && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "green", children: statusMessage }) })), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Divider, { width: termWidth }), isActing ? (_jsx(Box, { marginTop: 1, children: _jsx(Spinner, { label: "Updating..." }) })) : mode === 'reply-input' ? (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Angle (Enter to auto-generate, Esc to cancel): " }), _jsx(Text, { children: replyInput }), _jsx(Text, { color: "cyan", children: "\u2588" })] })) : mode === 'reply-loading' ? (_jsx(Box, { marginTop: 1, children: _jsx(Spinner, { label: "Generating reply..." }) })) : mode === 'reply-draft' ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "[r] new draft  [Esc] dismiss" }) })) : (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "[n]ext  [p]rev  [r]eply  [a]nalyze  [R]ead  [S]kip  [L]ater  [A]rchive  [q]uit" }) }))] })] }));
+export function InteractiveInboxSession({ items }) {
+    return _jsx(TriageSession, { items: items });
 }

package/dist/components/Spinner.js

@@ -1,14 +1,15 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import { Text } from 'ink';
-const FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+// Sonar ping — radiates outward, resets
+const FRAMES = [' ', ' ', '·', '•', '●', '◉', '◎', '○', ' '];
 export function Spinner({ label }) {
     const [frame, setFrame] = useState(0);
     useEffect(() => {
         const timer = setInterval(() => {
             setFrame((f) => (f + 1) % FRAMES.length);
-        }, 80);
+        }, 100);
         return () => clearInterval(timer);
     }, []);
-    return (_jsxs(Text, { children: [_jsxs(Text, { color: "cyan", children: [FRAMES[frame], " "] }), label ?? 'Loading...'] }));
+    return (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: FRAMES[frame] }), label ? _jsxs(Text, { children: [" ", label] }) : null] }));
 }

package/dist/components/TopicCard.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+export function TopicCard({ topic, termWidth, isLast }) {
+    const updatedAt = new Date(topic.updatedAt).toLocaleDateString('en-US', {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    });
+    const desc = topic.description
+        ? topic.description.length > 160
+            ? topic.description.slice(0, 160).trimEnd() + '...'
+            : topic.description
+        : null;
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: isLast ? 0 : 0, children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: topic.name }), _jsxs(Text, { dimColor: true, children: ["v", topic.version] }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: topic.id }), _jsx(Text, { dimColor: true, children: "\u00B7" }), _jsx(Text, { dimColor: true, children: updatedAt })] }), desc && (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { dimColor: true, wrap: "wrap", children: desc }) }))] }));
+}

package/dist/components/TweetCard.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import Link from 'ink-link';
+import { Table } from './Table.js';
+// ─── Helpers ──────────────────────────────────────────────────────────────────
+export function formatTimestamp(dateStr) {
+    const d = new Date(dateStr);
+    const month = d.toLocaleString('en-US', { month: 'short' });
+    const day = d.getDate();
+    const hours = d.getHours();
+    const mins = d.getMinutes().toString().padStart(2, '0');
+    const ampm = hours >= 12 ? 'pm' : 'am';
+    const h = hours % 12 || 12;
+    return `${month} ${day} · ${h}:${mins}${ampm}`;
+}
+export function relativeTime(dateStr) {
+    const diff = Date.now() - new Date(dateStr).getTime();
+    const mins = Math.floor(diff / 60000);
+    if (mins < 60)
+        return `${mins}m`;
+    const hours = Math.floor(mins / 60);
+    if (hours < 24)
+        return `${hours}h`;
+    return `${Math.floor(hours / 24)}d`;
+}
+function formatCount(n) {
+    if (n == null)
+        return null;
+    if (n >= 1_000_000)
+        return `${(n / 1_000_000).toFixed(1)}M`;
+    if (n >= 1_000)
+        return `${(n / 1_000).toFixed(1)}k`;
+    return String(n);
+}
+function scoreColor(score) {
+    if (score >= 0.7)
+        return 'green';
+    if (score >= 0.4)
+        return 'yellow';
+    return 'white';
+}
+function linkifyMentions(text) {
+    return text.replace(/@(\w+)/g, (match, handle) => {
+        const url = `https://x.com/${handle}`;
+        return `\x1b]8;;${url}\x07\x1b[94m${match}\x1b[39m\x1b]8;;\x07`;
+    });
+}
+function TweetText({ text }) {
+    return _jsx(Text, { wrap: "wrap", children: linkifyMentions(text) });
+}
+export function TweetCard({ item, termWidth, cardWidth, isLast }) {
+    const { tweet, score } = item;
+    const handle = tweet.user.username ?? tweet.user.displayName;
+    const author = `@${handle}`;
+    const bodyBoxWidth = Math.min(cardWidth + 2, termWidth);
+    const profileUrl = `https://x.com/${handle}`;
+    const tweetUrl = `https://x.com/${handle}/status/${tweet.id}`;
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: isLast ? 0 : 1, width: termWidth, children: [_jsxs(Box, { children: [_jsx(Link, { url: tweetUrl, fallback: false, children: _jsx(Text, { color: "cyan", bold: true, children: formatTimestamp(tweet.createdAt) }) }), _jsxs(Text, { dimColor: true, children: [" ", relativeTime(tweet.createdAt)] }), score > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: " \u00B7 " }), _jsx(Text, { color: scoreColor(score), children: score.toFixed(2) })] }))] }), _jsxs(Box, { children: [_jsxs(Text, { color: "gray", children: ['└', " "] }), _jsx(Link, { url: profileUrl, fallback: false, children: _jsx(Text, { color: "blueBright", bold: true, children: author }) }), formatCount(tweet.user.followersCount) && (_jsxs(_Fragment, { children: [_jsxs(Text, { dimColor: true, children: [" ", formatCount(tweet.user.followersCount), " followers"] }), formatCount(tweet.user.followingCount) && (_jsxs(Text, { dimColor: true, children: [" \u00B7 ", formatCount(tweet.user.followingCount), " following"] }))] }))] }), _jsx(Box, { paddingLeft: 2, width: bodyBoxWidth, marginTop: 1, children: _jsx(TweetText, { text: tweet.text }) }), _jsxs(Box, { marginLeft: 2, marginTop: 1, children: [_jsxs(Text, { color: "red", children: ["\u2665 ", tweet.likeCount] }), _jsx(Text, { dimColor: true, children: " " }), _jsxs(Text, { color: "green", children: ["\u21BA ", tweet.retweetCount] }), tweet.replyCount > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: " " }), _jsxs(Text, { dimColor: true, children: ["\u21A9 ", tweet.replyCount] })] }))] }), item.matchedKeywords.length > 0 && (_jsxs(Box, { marginLeft: 2, children: [_jsx(Text, { dimColor: true, children: "keywords  " }), _jsx(Text, { color: "yellow", children: item.matchedKeywords.join('  ') })] })), _jsxs(Box, { marginLeft: 2, children: [_jsx(Link, { url: profileUrl, fallback: false, children: _jsx(Text, { dimColor: true, children: profileUrl }) }), _jsx(Text, { dimColor: true, children: " \u00B7 " }), _jsx(Link, { url: tweetUrl, fallback: false, children: _jsx(Text, { dimColor: true, children: tweetUrl }) })] }), !isLast && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: '─'.repeat(Math.min(termWidth - 2, 72)) }) }))] }));
+}
+// ─── FeedTable ────────────────────────────────────────────────────────────────
+function osc8Link(url, label) {
+    return `\x1b]8;;${url}\x07${label}\x1b]8;;\x07`;
+}
+export function FeedTable({ data }) {
+    const rows = data.map((item) => {
+        const handle = item.tweet.user.username ?? item.tweet.user.displayName;
+        const tweetUrl = `https://x.com/${handle}/status/${item.tweet.id}`;
+        return {
+            age: osc8Link(tweetUrl, relativeTime(item.tweet.createdAt)),
+            score: item.score > 0 ? item.score.toFixed(2) : '—',
+            author: `@${handle}`,
+            tweet: item.tweet.text.replace(/\n/g, ' ').slice(0, 80),
+        };
+    });
+    return _jsx(Table, { rows: rows, columns: ['age', 'score', 'author', 'tweet'] });
+}

package/dist/lib/ai.js

@@ -8,6 +8,14 @@ function extractJSON(text) {
         throw new Error('No JSON object found in response');
     return stripped.slice(start, end + 1);
 }
+function extractJSONArray(text) {
+    const stripped = text.replace(/^```(?:json)?\s*/i, '').replace(/\s*```$/i, '').trim();
+    const start = stripped.indexOf('[');
+    const end = stripped.lastIndexOf(']');
+    if (start === -1 || end === -1)
+        throw new Error('No JSON array found in response');
+    return stripped.slice(start, end + 1);
+}
 const SYSTEM_PROMPT = `You generate structured interest profiles for a social intelligence tool. These profiles are embedded into a vector database and matched against tweets and people on X (Twitter). Every field must be optimised for semantic similarity search — not for human reading.
 
 Before generating the profile, research what is currently topical and actively being discussed in this space: recent releases, emerging tools, ongoing debates, notable events, new protocols, and people generating buzz right now. Weave this current signal throughout every field.
@@ -200,3 +208,80 @@ export async function generateInterest(prompt, vendor) {
     }
     throw new Error(`Unknown vendor: ${vendor}. Supported: openai, anthropic`);
 }
+// ─── Topic Suggestions ───────────────────────────────────────────────────────
+const SUGGEST_SYSTEM_PROMPT = `You suggest new topics for a social intelligence tool that tracks interests on X (Twitter). Given the user's existing topics and a sample of recent tweets from their feed, suggest new topics that are adjacent to but distinct from what they already track.
+
+For each suggestion, return a JSON object with:
+- name: short, specific interest name (3-6 words, title case)
+- description: a dense, jargon-rich passage written in the voice of a practitioner deeply embedded in this space. Pack it with domain-specific terminology, key concepts, tools, notable figures, and current developments.
+- keywords: 12-20 specific, high-signal terms used by practitioners
+- relatedTopics: 6-10 adjacent topic areas
+
+Respond ONLY with a valid JSON array of objects. No markdown, no explanation.`;
+export async function generateTopicSuggestions(existingTopics, recentTweets, count, vendor) {
+    const topicList = existingTopics.length > 0
+        ? `My current topics:\n${existingTopics.map(t => `- ${t}`).join('\n')}`
+        : 'I have no topics yet.';
+    const tweetSample = recentTweets.length > 0
+        ? `\n\nRecent tweets from my feed:\n${recentTweets.slice(0, 15).map(t => `- ${t.slice(0, 200)}`).join('\n')}`
+        : '';
+    const prompt = `${topicList}${tweetSample}\n\nSuggest exactly ${count} new topics I should track. Return a JSON array.`;
+    if (vendor === 'openai') {
+        const apiKey = process.env.OPENAI_API_KEY;
+        if (!apiKey)
+            throw new Error('OPENAI_API_KEY is not set');
+        return fetchWithTimeout('https://api.openai.com/v1/responses', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                Authorization: `Bearer ${apiKey}`,
+            },
+            body: JSON.stringify({
+                model: 'gpt-4o',
+                tools: [{ type: 'web_search_preview' }],
+                instructions: SUGGEST_SYSTEM_PROMPT,
+                input: prompt,
+            }),
+        }, OPENAI_TIMEOUT_MS, 'OpenAI', async (res) => {
+            if (!res.ok) {
+                const err = await res.json().catch(() => ({}));
+                throw new Error(`OpenAI error: ${err?.error?.message ?? res.status}`);
+            }
+            const data = await res.json();
+            const text = data.output
+                ?.filter((b) => b.type === 'message')
+                .flatMap((b) => b.content)
+                .filter((c) => c.type === 'output_text')
+                .map((c) => c.text)
+                .join('') ?? '';
+            return JSON.parse(extractJSONArray(text));
+        });
+    }
+    if (vendor === 'anthropic') {
+        const apiKey = process.env.ANTHROPIC_API_KEY;
+        if (!apiKey)
+            throw new Error('ANTHROPIC_API_KEY is not set');
+        return fetchWithTimeout('https://api.anthropic.com/v1/messages', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'x-api-key': apiKey,
+                'anthropic-version': '2023-06-01',
+            },
+            body: JSON.stringify({
+                model: 'claude-haiku-4-5-20251001',
+                max_tokens: 4096,
+                system: SUGGEST_SYSTEM_PROMPT,
+                messages: [{ role: 'user', content: prompt }],
+            }),
+        }, ANTHROPIC_TIMEOUT_MS, 'Anthropic', async (res) => {
+            if (!res.ok) {
+                const err = await res.json().catch(() => ({}));
+                throw new Error(`Anthropic error: ${err?.error?.message ?? res.status}`);
+            }
+            const data = await res.json();
+            return JSON.parse(extractJSONArray(data.content[0].text));
+        });
+    }
+    throw new Error(`Unknown vendor: ${vendor}. Supported: openai, anthropic`);
+}