botchan 0.1.0

package/dist/tui/index.mjs

@@ -0,0 +1,1625 @@
+import { render, useStdout, Box, useInput, Text } from 'ink';
+import React5, { useState, useCallback, useEffect, useRef } from 'react';
+import { FeedRegistryClient, FeedClient, generatePostHash, parseCommentData } from '@net-protocol/feeds';
+import { NetClient, NULL_ADDRESS } from '@net-protocol/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'chalk';
+import 'viem';
+import 'viem/accounts';
+import * as path from 'path';
+import * as os from 'os';
+
+// src/tui/index.tsx
+function useFeeds(options) {
+  const [feeds, setFeeds] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchFeeds = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const client = new FeedRegistryClient({
+        chainId: options.chainId,
+        overrides: options.rpcUrl ? { rpcUrls: [options.rpcUrl] } : void 0
+      });
+      const result = await client.getRegisteredFeeds({ maxFeeds: 100 });
+      setFeeds(result);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [options.chainId, options.rpcUrl]);
+  useEffect(() => {
+    fetchFeeds();
+  }, [fetchFeeds]);
+  return { feeds, loading, error, refetch: fetchFeeds };
+}
+function usePosts(feedName, options) {
+  const [posts, setPosts] = useState([]);
+  const [commentCounts, setCommentCounts] = useState(
+    /* @__PURE__ */ new Map()
+  );
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const fetchPosts = useCallback(async () => {
+    if (!feedName) {
+      setPosts([]);
+      setCommentCounts(/* @__PURE__ */ new Map());
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const client = new FeedClient({
+        chainId: options.chainId,
+        overrides: options.rpcUrl ? { rpcUrls: [options.rpcUrl] } : void 0
+      });
+      const postCount = await client.getFeedPostCount(feedName);
+      if (postCount === 0) {
+        setPosts([]);
+        setCommentCounts(/* @__PURE__ */ new Map());
+        setLoading(false);
+        return;
+      }
+      const fetchLimit = options.senderFilter ? 200 : 50;
+      let result = await client.getFeedPosts({ topic: feedName, maxPosts: fetchLimit });
+      if (options.senderFilter) {
+        const senderLower = options.senderFilter.toLowerCase();
+        result = result.filter(
+          (post) => post.sender.toLowerCase() === senderLower
+        );
+      }
+      setPosts(result);
+      if (result.length > 0) {
+        const batchCounts = await client.getCommentCountBatch(result);
+        const counts = /* @__PURE__ */ new Map();
+        for (const post of result) {
+          const postHash = generatePostHash(post);
+          const key = `${post.sender}:${post.timestamp}`;
+          counts.set(key, batchCounts.get(postHash) ?? 0);
+        }
+        setCommentCounts(counts);
+      } else {
+        setCommentCounts(/* @__PURE__ */ new Map());
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [feedName, options.chainId, options.rpcUrl, options.senderFilter]);
+  useEffect(() => {
+    fetchPosts();
+  }, [fetchPosts]);
+  return { posts, commentCounts, loading, error, refetch: fetchPosts };
+}
+function buildCommentTree(rawComments) {
+  const commentMap = /* @__PURE__ */ new Map();
+  const childrenMap = /* @__PURE__ */ new Map();
+  for (const comment of rawComments) {
+    const key = `${comment.sender}:${comment.timestamp}`;
+    let replyToKey = null;
+    try {
+      const commentData = parseCommentData(comment.data);
+      if (commentData?.replyTo) {
+        replyToKey = `${commentData.replyTo.sender}:${commentData.replyTo.timestamp}`;
+      }
+    } catch {
+    }
+    commentMap.set(key, { comment, replyToKey });
+    const parentKey = replyToKey ?? "__root__";
+    if (!childrenMap.has(parentKey)) {
+      childrenMap.set(parentKey, []);
+    }
+    childrenMap.get(parentKey).push(key);
+  }
+  const result = [];
+  function traverse(parentKey, depth) {
+    const children = childrenMap.get(parentKey) ?? [];
+    for (const childKey of children) {
+      const item = commentMap.get(childKey);
+      if (item) {
+        result.push({
+          comment: item.comment,
+          depth,
+          replyToKey: item.replyToKey
+        });
+        traverse(childKey, depth + 1);
+      }
+    }
+  }
+  traverse("__root__", 0);
+  const addedKeys = new Set(result.map((r) => `${r.comment.sender}:${r.comment.timestamp}`));
+  for (const [key, item] of commentMap) {
+    if (!addedKeys.has(key)) {
+      result.push({
+        comment: item.comment,
+        depth: 0,
+        // Show as top-level since parent is missing
+        replyToKey: item.replyToKey
+      });
+    }
+  }
+  return result;
+}
+function useComments(post, options) {
+  const [comments, setComments] = useState([]);
+  const [replyCounts, setReplyCounts] = useState(
+    /* @__PURE__ */ new Map()
+  );
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const loadedPostRef = useRef(null);
+  const currentPostKey = post ? `${post.sender}:${post.timestamp}` : null;
+  const isLoading = loading || currentPostKey !== null && currentPostKey !== loadedPostRef.current;
+  useEffect(() => {
+    if (post) {
+      setLoading(true);
+      setComments([]);
+      setReplyCounts(/* @__PURE__ */ new Map());
+    }
+  }, [post]);
+  const fetchComments = useCallback(async () => {
+    if (!post) {
+      setComments([]);
+      setReplyCounts(/* @__PURE__ */ new Map());
+      setLoading(false);
+      loadedPostRef.current = null;
+      return;
+    }
+    const postKey = `${post.sender}:${post.timestamp}`;
+    setLoading(true);
+    setError(null);
+    try {
+      const client = new FeedClient({
+        chainId: options.chainId,
+        overrides: options.rpcUrl ? { rpcUrls: [options.rpcUrl] } : void 0
+      });
+      const commentCount = await client.getCommentCount(post);
+      if (commentCount === 0) {
+        setComments([]);
+        setReplyCounts(/* @__PURE__ */ new Map());
+        loadedPostRef.current = postKey;
+        setLoading(false);
+        return;
+      }
+      const result = await client.getComments({ post, maxComments: 200 });
+      const treeComments = buildCommentTree(result);
+      setComments(treeComments);
+      if (result.length > 0) {
+        const batchCounts = await client.getCommentCountBatch(result);
+        const counts = /* @__PURE__ */ new Map();
+        for (const comment of result) {
+          const commentHash = generatePostHash(comment);
+          const key = `${comment.sender}:${comment.timestamp}`;
+          counts.set(key, batchCounts.get(commentHash) ?? 0);
+        }
+        setReplyCounts(counts);
+      } else {
+        setReplyCounts(/* @__PURE__ */ new Map());
+      }
+      loadedPostRef.current = postKey;
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [post, options.chainId, options.rpcUrl]);
+  useEffect(() => {
+    fetchComments();
+  }, [fetchComments]);
+  return { comments, replyCounts, loading: isLoading, error, refetch: fetchComments };
+}
+function useProfile(address, options) {
+  const [messages, setMessages] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const loadedAddressRef = useRef(null);
+  const isLoading = loading || address !== null && address !== loadedAddressRef.current;
+  useEffect(() => {
+    if (address) {
+      setLoading(true);
+      setMessages([]);
+    }
+  }, [address]);
+  const fetchProfile = useCallback(async () => {
+    if (!address) {
+      setMessages([]);
+      setLoading(false);
+      loadedAddressRef.current = null;
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const client = new NetClient({
+        chainId: options.chainId,
+        overrides: options.rpcUrl ? { rpcUrls: [options.rpcUrl] } : void 0
+      });
+      const count = await client.getMessageCount({
+        filter: {
+          appAddress: NULL_ADDRESS,
+          maker: address
+        }
+      });
+      if (count === 0) {
+        setMessages([]);
+        loadedAddressRef.current = address;
+        setLoading(false);
+        return;
+      }
+      const limit = 50;
+      const startIndex = count > limit ? count - limit : 0;
+      const rawMessages = await client.getMessages({
+        filter: {
+          appAddress: NULL_ADDRESS,
+          maker: address
+        },
+        startIndex,
+        endIndex: count
+      });
+      const profileMessages = rawMessages.map((msg) => ({
+        message: msg,
+        topic: msg.topic ?? "unknown"
+      }));
+      profileMessages.sort((a, b) => Number(b.message.timestamp - a.message.timestamp));
+      setMessages(profileMessages);
+      loadedAddressRef.current = address;
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [address, options.chainId, options.rpcUrl]);
+  useEffect(() => {
+    fetchProfile();
+  }, [fetchProfile]);
+  return { messages, loading: isLoading, error, refetch: fetchProfile };
+}
+function useKeyboard(options) {
+  const [state, setState] = useState({
+    viewMode: "feeds",
+    selectedFeedIndex: 0,
+    selectedPostIndex: 0,
+    selectedCommentIndex: 0,
+    selectedProfileIndex: 0
+  });
+  const navStackRef = useRef([]);
+  const createSnapshot = useCallback(() => {
+    return {
+      viewMode: state.viewMode,
+      feedName: options.currentFeedName,
+      post: options.currentPost,
+      profileAddress: options.currentProfileAddress,
+      senderFilter: options.currentSenderFilter,
+      selectedFeedIndex: state.selectedFeedIndex,
+      selectedPostIndex: state.selectedPostIndex,
+      selectedCommentIndex: state.selectedCommentIndex,
+      selectedProfileIndex: state.selectedProfileIndex
+    };
+  }, [state, options.currentFeedName, options.currentPost, options.currentProfileAddress, options.currentSenderFilter]);
+  const pushAndNavigate = useCallback((newViewMode, resetIndex) => {
+    navStackRef.current.push(createSnapshot());
+    setState((prev) => {
+      const newState = { ...prev, viewMode: newViewMode };
+      if (resetIndex) {
+        newState[resetIndex.key] = resetIndex.value;
+      }
+      return newState;
+    });
+  }, [createSnapshot]);
+  const navigateUp = useCallback(() => {
+    setState((prev) => {
+      switch (prev.viewMode) {
+        case "feeds":
+          return {
+            ...prev,
+            selectedFeedIndex: Math.max(0, prev.selectedFeedIndex - 1)
+          };
+        case "posts":
+          return {
+            ...prev,
+            selectedPostIndex: Math.max(0, prev.selectedPostIndex - 1)
+          };
+        case "comments":
+          return {
+            ...prev,
+            selectedCommentIndex: Math.max(0, prev.selectedCommentIndex - 1)
+          };
+        case "profile":
+          return {
+            ...prev,
+            selectedProfileIndex: Math.max(0, prev.selectedProfileIndex - 1)
+          };
+        default:
+          return prev;
+      }
+    });
+  }, []);
+  const navigateDown = useCallback(() => {
+    setState((prev) => {
+      switch (prev.viewMode) {
+        case "feeds":
+          return {
+            ...prev,
+            selectedFeedIndex: Math.min(
+              options.feedsCount - 1,
+              prev.selectedFeedIndex + 1
+            )
+          };
+        case "posts":
+          return {
+            ...prev,
+            selectedPostIndex: Math.min(
+              options.postsCount - 1,
+              prev.selectedPostIndex + 1
+            )
+          };
+        case "comments":
+          return {
+            ...prev,
+            selectedCommentIndex: Math.min(
+              options.commentsCount - 1,
+              prev.selectedCommentIndex + 1
+            )
+          };
+        case "profile":
+          return {
+            ...prev,
+            selectedProfileIndex: Math.min(
+              options.profileItemsCount - 1,
+              prev.selectedProfileIndex + 1
+            )
+          };
+        default:
+          return prev;
+      }
+    });
+  }, [options.feedsCount, options.postsCount, options.commentsCount, options.profileItemsCount]);
+  const selectItem = useCallback(() => {
+    switch (state.viewMode) {
+      case "feeds":
+        if (options.onSelectFeed) {
+          options.onSelectFeed(state.selectedFeedIndex);
+        }
+        pushAndNavigate("posts", { key: "selectedPostIndex", value: 0 });
+        break;
+      case "posts":
+        if (options.onSelectPost) {
+          options.onSelectPost(state.selectedPostIndex);
+        }
+        pushAndNavigate("comments", { key: "selectedCommentIndex", value: 0 });
+        break;
+      case "profile":
+        if (options.onSelectProfileItem) {
+          options.onSelectProfileItem(state.selectedProfileIndex);
+        }
+        pushAndNavigate("posts", { key: "selectedPostIndex", value: 0 });
+        break;
+    }
+  }, [state.viewMode, state.selectedFeedIndex, state.selectedPostIndex, state.selectedProfileIndex, options.onSelectFeed, options.onSelectPost, options.onSelectProfileItem, pushAndNavigate]);
+  const goBack = useCallback(() => {
+    if (state.viewMode === "compose" || state.viewMode === "filter") {
+      setState((prev) => ({ ...prev, viewMode: "posts" }));
+      return;
+    }
+    const previousEntry = navStackRef.current.pop();
+    if (previousEntry && options.onRestoreState) {
+      options.onRestoreState(previousEntry);
+      setState({
+        viewMode: previousEntry.viewMode,
+        selectedFeedIndex: previousEntry.selectedFeedIndex,
+        selectedPostIndex: previousEntry.selectedPostIndex,
+        selectedCommentIndex: previousEntry.selectedCommentIndex,
+        selectedProfileIndex: previousEntry.selectedProfileIndex
+      });
+    } else if (state.viewMode !== "feeds") {
+      setState((prev) => ({ ...prev, viewMode: "feeds" }));
+    }
+  }, [state.viewMode, options.onRestoreState]);
+  useCallback(() => {
+    if (options.onCompose) {
+      setState((prev) => ({ ...prev, viewMode: "compose" }));
+      options.onCompose();
+    }
+  }, [options.onCompose]);
+  const startFilter = useCallback(() => {
+    if (options.onFilter) {
+      setState((prev) => ({ ...prev, viewMode: "filter" }));
+      options.onFilter();
+    }
+  }, [options.onFilter]);
+  const startSearch = useCallback(() => {
+    if (options.onSearch) {
+      navStackRef.current.push(createSnapshot());
+      setState((prev) => ({ ...prev, viewMode: "search" }));
+      options.onSearch();
+    }
+  }, [options.onSearch, createSnapshot]);
+  const viewProfile = useCallback(() => {
+    if (options.onViewProfile) {
+      pushAndNavigate("profile", { key: "selectedProfileIndex", value: 0 });
+      options.onViewProfile();
+    }
+  }, [options.onViewProfile, pushAndNavigate]);
+  const goHome = useCallback(() => {
+    navStackRef.current = [];
+    if (options.onGoHome) {
+      options.onGoHome();
+    }
+    setState({
+      viewMode: "feeds",
+      selectedFeedIndex: 0,
+      selectedPostIndex: 0,
+      selectedCommentIndex: 0,
+      selectedProfileIndex: 0
+    });
+  }, [options.onGoHome]);
+  useInput((input, key) => {
+    if (state.viewMode === "compose" || state.viewMode === "filter" || state.viewMode === "search") return;
+    if (input === "q") {
+      options.onQuit();
+    } else if (input === "j" || key.downArrow) {
+      navigateDown();
+    } else if (input === "k" || key.upArrow) {
+      navigateUp();
+    } else if (key.return) {
+      selectItem();
+    } else if (key.escape) {
+      goBack();
+    } else if (input === "r") {
+      options.onRefresh();
+    } else if (input === "h") {
+      goHome();
+    } else if (input === "/") {
+      startSearch();
+    } else if (input === "p" && (state.viewMode === "posts" || state.viewMode === "comments")) {
+      viewProfile();
+    } else if (input === "f" && state.viewMode === "posts") {
+      startFilter();
+    } else if (input === "u" && state.viewMode === "posts") {
+      if (options.onToggleUserFilter) {
+        options.onToggleUserFilter();
+      }
+    } else if (input === "?") {
+      if (options.onShowHelp) {
+        options.onShowHelp();
+      }
+    }
+  });
+  const setViewMode = useCallback((mode) => {
+    setState((prev) => ({ ...prev, viewMode: mode }));
+  }, []);
+  return {
+    ...state,
+    setViewMode,
+    navigateUp,
+    navigateDown,
+    selectItem,
+    goBack
+  };
+}
+function useViewport({
+  itemCount,
+  selectedIndex,
+  reservedLines = 6,
+  // header, status bar, padding, etc.
+  linesPerItem = 3
+  // most items are 2-3 lines (content + metadata + margin)
+}) {
+  const { stdout } = useStdout();
+  const [terminalHeight, setTerminalHeight] = useState(stdout?.rows ?? 24);
+  useEffect(() => {
+    if (!stdout) return;
+    const handleResize = () => {
+      setTerminalHeight(stdout.rows);
+    };
+    setTerminalHeight(stdout.rows);
+    stdout.on("resize", handleResize);
+    return () => {
+      stdout.off("resize", handleResize);
+    };
+  }, [stdout]);
+  const availableHeight = Math.max(terminalHeight - reservedLines, 5);
+  const visibleItemCount = Math.max(Math.floor(availableHeight / linesPerItem), 1);
+  let startIndex = Math.max(0, selectedIndex - Math.floor(visibleItemCount / 2));
+  if (startIndex + visibleItemCount > itemCount) {
+    startIndex = Math.max(0, itemCount - visibleItemCount);
+  }
+  const endIndex = Math.min(startIndex + visibleItemCount, itemCount);
+  return {
+    terminalHeight,
+    availableHeight,
+    startIndex,
+    endIndex
+  };
+}
+function FeedList({
+  feeds,
+  selectedIndex,
+  loading,
+  error
+}) {
+  const { startIndex, endIndex } = useViewport({
+    itemCount: feeds.length,
+    selectedIndex,
+    reservedLines: 7,
+    // header + hint + status bar + padding
+    linesPerItem: 1
+  });
+  if (loading) {
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: "Loading feeds..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+      "Error: ",
+      error.message
+    ] }) });
+  }
+  const visibleFeeds = feeds.slice(startIndex, endIndex);
+  const hasMoreAbove = startIndex > 0;
+  const hasMoreBelow = endIndex < feeds.length;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { bold: true, color: "cyan", children: [
+      "Registered Feeds ",
+      feeds.length > 0 && `(${feeds.length})`
+    ] }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: 'Press "/" to search any feed or profile' }) }),
+    hasMoreAbove && /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+      "  \u2191 ",
+      startIndex,
+      " more above"
+    ] }),
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: hasMoreAbove ? 0 : 1, children: feeds.length === 0 ? /* @__PURE__ */ jsx(Text, { color: "gray", children: "No registered feeds found" }) : visibleFeeds.map((feed, index) => {
+      const actualIndex = startIndex + index;
+      const isSelected = actualIndex === selectedIndex;
+      return /* @__PURE__ */ jsxs(
+        Text,
+        {
+          color: isSelected ? "green" : void 0,
+          bold: isSelected,
+          children: [
+            isSelected ? "\u25B6 " : "  ",
+            feed.feedName
+          ]
+        },
+        `${feed.feedName}-${actualIndex}`
+      );
+    }) }),
+    hasMoreBelow && /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+      "  \u2193 ",
+      feeds.length - endIndex,
+      " more below"
+    ] })
+  ] });
+}
+function truncateAddress(address) {
+  if (address.length <= 12) return address;
+  return `${address.slice(0, 6)}...${address.slice(-4)}`;
+}
+function isAddress(str) {
+  return /^0x[a-fA-F0-9]{40}$/.test(str);
+}
+function formatFeedName(feedName) {
+  let name = feedName;
+  if (name.startsWith("feed-")) {
+    name = name.slice(5);
+  }
+  if (isAddress(name)) {
+    return `@${truncateAddress(name)}`;
+  }
+  return name;
+}
+function formatTimestamp(timestamp) {
+  const date = new Date(Number(timestamp) * 1e3);
+  return date.toLocaleString("en-US", {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function parsePostContent(text) {
+  if (!text) return { title: "", body: null };
+  const firstNewline = text.indexOf("\n");
+  if (firstNewline === -1) {
+    return { title: text.trim(), body: null };
+  }
+  const title = text.slice(0, firstNewline).trim();
+  const body = text.slice(firstNewline + 1).trim();
+  return { title, body: body || null };
+}
+function truncateTitle(title, maxLength = 70) {
+  if (title.length <= maxLength) return title;
+  return title.slice(0, maxLength - 3) + "...";
+}
+function PostList({
+  feedName,
+  posts,
+  commentCounts,
+  selectedIndex,
+  loading,
+  error
+}) {
+  const { startIndex, endIndex } = useViewport({
+    itemCount: posts.length,
+    selectedIndex,
+    reservedLines: 6,
+    // header + status bar + padding
+    linesPerItem: 3
+    // title + metadata + margin
+  });
+  if (loading) {
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: "Loading posts..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+      "Error: ",
+      error.message
+    ] }) });
+  }
+  if (posts.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "No posts in ",
+      formatFeedName(feedName)
+    ] }) });
+  }
+  const visiblePosts = posts.slice(startIndex, endIndex);
+  const hasMoreAbove = startIndex > 0;
+  const hasMoreBelow = endIndex < posts.length;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { bold: true, color: "cyan", children: [
+      formatFeedName(feedName),
+      " (",
+      posts.length,
+      " posts)"
+    ] }),
+    hasMoreAbove && /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+      "  \u2191 ",
+      startIndex,
+      " more above"
+    ] }),
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: hasMoreAbove ? 0 : 1, children: visiblePosts.map((post, index) => {
+      const actualIndex = startIndex + index;
+      const isSelected = actualIndex === selectedIndex;
+      const postKey = `${post.sender}:${post.timestamp}`;
+      const commentCount = commentCounts.get(postKey) ?? 0;
+      const { title, body } = parsePostContent(post.text);
+      const displayTitle = title ? truncateTitle(title) : null;
+      const hasMore = body !== null;
+      return /* @__PURE__ */ jsxs(
+        Box,
+        {
+          flexDirection: "column",
+          marginBottom: 1,
+          children: [
+            /* @__PURE__ */ jsxs(
+              Text,
+              {
+                color: isSelected ? "green" : void 0,
+                bold: isSelected,
+                children: [
+                  isSelected ? "\u25B6 " : "  ",
+                  displayTitle || /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "(no text)" }),
+                  hasMore && /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: " [...]" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+              "    ",
+              truncateAddress(post.sender),
+              " \xB7 ",
+              formatTimestamp(post.timestamp),
+              " \xB7 ",
+              commentCount,
+              " comment",
+              commentCount !== 1 ? "s" : ""
+            ] })
+          ]
+        },
+        postKey
+      );
+    }) }),
+    hasMoreBelow && /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+      "  \u2193 ",
+      posts.length - endIndex,
+      " more below"
+    ] })
+  ] });
+}
+function truncateAddress2(address) {
+  if (address.length <= 12) return address;
+  return `${address.slice(0, 6)}...${address.slice(-4)}`;
+}
+function formatTimestamp2(timestamp) {
+  const date = new Date(Number(timestamp) * 1e3);
+  return date.toLocaleString("en-US", {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function collapseText(text, maxLength = 80) {
+  const collapsed = text.replace(/\s+/g, " ").trim();
+  if (collapsed.length <= maxLength) return collapsed;
+  return collapsed.slice(0, maxLength - 3) + "...";
+}
+function getTextLines(text, width) {
+  const lines = [];
+  const rawLines = text.split("\n");
+  for (const rawLine of rawLines) {
+    if (rawLine.length === 0) {
+      lines.push("");
+    } else if (rawLine.length <= width) {
+      lines.push(rawLine);
+    } else {
+      let remaining = rawLine;
+      while (remaining.length > 0) {
+        lines.push(remaining.slice(0, width));
+        remaining = remaining.slice(width);
+      }
+    }
+  }
+  return lines;
+}
+function CommentTree({
+  post,
+  comments,
+  replyCounts,
+  selectedIndex,
+  loading,
+  error
+}) {
+  const { stdout } = useStdout();
+  const terminalHeight = stdout?.rows ?? 24;
+  const terminalWidth = stdout?.columns ?? 80;
+  const reservedLines = 6;
+  const availableHeight = terminalHeight - reservedLines;
+  const isPostSelected = selectedIndex === 0;
+  const selectedCommentIndex = selectedIndex - 1;
+  if (loading) {
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: "Loading post..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+      "Error: ",
+      error.message
+    ] }) });
+  }
+  const contentWidth = Math.max(40, terminalWidth - 8);
+  const postText = post.text ?? "";
+  const postLines = getTextLines(postText, contentWidth);
+  const linesPerComment = 3;
+  const maxPostLines = isPostSelected ? Math.max(3, availableHeight - 6) : 3;
+  const displayPostLines = postLines.slice(0, maxPostLines);
+  const postHasMore = postLines.length > maxPostLines;
+  const postOverhead = 1 + displayPostLines.length + 1 + (postHasMore ? 1 : 0) + 1 + 2;
+  const linesForComments = Math.max(3, availableHeight - postOverhead);
+  const visibleCommentCount = Math.floor(linesForComments / linesPerComment);
+  let commentStartIndex = 0;
+  if (selectedCommentIndex > 0) {
+    commentStartIndex = Math.max(0, selectedCommentIndex - Math.floor(visibleCommentCount / 2));
+    if (commentStartIndex + visibleCommentCount > comments.length) {
+      commentStartIndex = Math.max(0, comments.length - visibleCommentCount);
+    }
+  }
+  const commentEndIndex = Math.min(commentStartIndex + visibleCommentCount, comments.length);
+  const visibleComments = comments.slice(commentStartIndex, commentEndIndex);
+  const hasMoreCommentsAbove = commentStartIndex > 0;
+  const hasMoreCommentsBelow = commentEndIndex < comments.length;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Post" }),
+    /* @__PURE__ */ jsxs(Box, { marginLeft: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: isPostSelected ? "green" : void 0, bold: isPostSelected, children: isPostSelected ? "\u25B6 " : "  " }),
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: contentWidth, children: [
+        displayPostLines.length === 0 ? /* @__PURE__ */ jsx(Text, { color: "gray", children: "(no text)" }) : displayPostLines.map((line, i) => /* @__PURE__ */ jsx(Text, { color: isPostSelected ? "green" : void 0, wrap: "truncate-end", children: line || " " }, i)),
+        postHasMore && /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+          isPostSelected ? "\u2193 " : "\u2191 ",
+          postLines.length - maxPostLines,
+          " more lines"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "   ",
+      truncateAddress2(post.sender),
+      " \xB7 ",
+      formatTimestamp2(post.timestamp)
+    ] }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { bold: true, color: "cyan", children: [
+      "Comments (",
+      comments.length,
+      ")"
+    ] }) }),
+    comments.length === 0 ? /* @__PURE__ */ jsx(Box, { marginTop: 1, marginLeft: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "No comments yet" }) }) : /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      hasMoreCommentsAbove && /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+        "    \u2191 ",
+        commentStartIndex,
+        " more above"
+      ] }),
+      visibleComments.map((item, index) => {
+        const actualIndex = commentStartIndex + index;
+        const isSelected = actualIndex === selectedCommentIndex;
+        const { comment, depth } = item;
+        const key = `${comment.sender}:${comment.timestamp}`;
+        const replyCount = replyCounts.get(key) ?? 0;
+        const displayText = comment.text ? collapseText(comment.text) : null;
+        const indent = "  ".repeat(depth);
+        const replyIndicator = depth > 0 ? "\u21B3 " : "";
+        return /* @__PURE__ */ jsxs(
+          Box,
+          {
+            flexDirection: "column",
+            marginLeft: 1,
+            marginBottom: 1,
+            children: [
+              /* @__PURE__ */ jsxs(
+                Text,
+                {
+                  color: isSelected ? "green" : void 0,
+                  bold: isSelected,
+                  children: [
+                    indent,
+                    isSelected ? "\u25B6 " : "  ",
+                    replyIndicator,
+                    displayText || /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "(no text)" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+                indent,
+                "    ",
+                truncateAddress2(comment.sender),
+                " \xB7 ",
+                formatTimestamp2(comment.timestamp),
+                replyCount > 0 && ` \xB7 ${replyCount} ${replyCount === 1 ? "reply" : "replies"}`
+              ] })
+            ]
+          },
+          key
+        );
+      }),
+      hasMoreCommentsBelow && /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+        "    \u2193 ",
+        comments.length - commentEndIndex,
+        " more below"
+      ] })
+    ] })
+  ] });
+}
+function truncateAddress3(address) {
+  if (address.length <= 12) return address;
+  return `${address.slice(0, 6)}...${address.slice(-4)}`;
+}
+function cleanFeedName(topic) {
+  let clean = topic.split(":comments:")[0];
+  if (clean.startsWith("feed-")) {
+    clean = clean.slice(5);
+  }
+  return clean;
+}
+function aggregateByFeed(messages) {
+  const feedMap = /* @__PURE__ */ new Map();
+  for (const { message, topic } of messages) {
+    if (topic.includes(":comments:")) {
+      continue;
+    }
+    const feedName = cleanFeedName(topic);
+    const existing = feedMap.get(feedName);
+    if (existing) {
+      existing.postCount++;
+      if (message.timestamp > existing.lastActive) {
+        existing.lastActive = message.timestamp;
+      }
+    } else {
+      feedMap.set(feedName, {
+        topic,
+        // Keep original topic for navigation
+        feedName,
+        postCount: 1,
+        lastActive: message.timestamp
+      });
+    }
+  }
+  return Array.from(feedMap.values()).sort(
+    (a, b) => Number(b.lastActive - a.lastActive)
+  );
+}
+function Profile({
+  address,
+  activityMessages,
+  loading,
+  error,
+  selectedIndex
+}) {
+  const aggregatedFeeds = React5.useMemo(
+    () => aggregateByFeed(activityMessages),
+    [activityMessages]
+  );
+  const totalItems = 1 + aggregatedFeeds.length;
+  const { startIndex, endIndex } = useViewport({
+    itemCount: totalItems,
+    selectedIndex,
+    reservedLines: 6,
+    linesPerItem: 2
+  });
+  if (loading) {
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: "Loading profile..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", padding: 1, children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+      "Error: ",
+      error.message
+    ] }) });
+  }
+  const hasMoreAbove = startIndex > 0;
+  const hasMoreBelow = endIndex < totalItems;
+  const visibleItems = [];
+  for (let i = startIndex; i < endIndex; i++) {
+    const isSelected = i === selectedIndex;
+    if (i === 0) {
+      visibleItems.push(
+        /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs(
+          Text,
+          {
+            color: isSelected ? "green" : void 0,
+            bold: isSelected,
+            children: [
+              isSelected ? "\u25B6 " : "  ",
+              /* @__PURE__ */ jsxs(Text, { color: isSelected ? "green" : "magenta", children: [
+                "@",
+                truncateAddress3(address)
+              ] }),
+              /* @__PURE__ */ jsx(Text, { color: "gray", children: " \xB7 view their feed" })
+            ]
+          }
+        ) }, "their-feed")
+      );
+    } else {
+      const feed = aggregatedFeeds[i - 1];
+      if (feed) {
+        const postLabel = `${feed.postCount} post${feed.postCount !== 1 ? "s" : ""}`;
+        visibleItems.push(
+          /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs(
+            Text,
+            {
+              color: isSelected ? "green" : void 0,
+              bold: isSelected,
+              children: [
+                isSelected ? "\u25B6 " : "  ",
+                /* @__PURE__ */ jsx(Text, { color: isSelected ? "green" : "cyan", children: feed.feedName }),
+                /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+                  " \xB7 ",
+                  postLabel
+                ] })
+              ]
+            }
+          ) }, feed.topic)
+        );
+      }
+    }
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: truncateAddress3(address) }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Their Feed" }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: " \xB7 " }),
+      /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        "Active On (",
+        aggregatedFeeds.length,
+        ")"
+      ] })
+    ] }),
+    hasMoreAbove && /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+      "  \u2191 ",
+      startIndex,
+      " more above"
+    ] }),
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: hasMoreAbove ? 0 : 0, children: visibleItems }),
+    hasMoreBelow && /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+      "  \u2193 ",
+      totalItems - endIndex,
+      " more below"
+    ] })
+  ] });
+}
+function truncateAddress4(address) {
+  if (address.length <= 12) return address;
+  return `${address.slice(0, 6)}...${address.slice(-4)}`;
+}
+function isAddress2(str) {
+  return /^0x[a-fA-F0-9]{40}$/.test(str);
+}
+function formatFeedName2(feedName) {
+  let name = feedName;
+  if (name.startsWith("feed-")) {
+    name = name.slice(5);
+  }
+  if (isAddress2(name)) {
+    return `@${truncateAddress4(name)}`;
+  }
+  return name;
+}
+function getChainName(chainId) {
+  switch (chainId) {
+    case 1:
+      return "mainnet";
+    case 8453:
+      return "base";
+    case 84532:
+      return "base-sepolia";
+    default:
+      return `chain:${chainId}`;
+  }
+}
+function Header({ viewMode, chainId, feedName, senderFilter, profileAddress }) {
+  const getBreadcrumb = () => {
+    const parts = [];
+    if (viewMode === "profile" && profileAddress) {
+      parts.push(/* @__PURE__ */ jsx(Text, { color: "white", children: "profile" }, "profile"));
+      parts.push(/* @__PURE__ */ jsx(Text, { color: "gray", children: " \xB7 " }, "sep"));
+      parts.push(/* @__PURE__ */ jsx(Text, { color: "magenta", children: truncateAddress4(profileAddress) }, "address"));
+    } else if (viewMode === "feeds" || viewMode === "search") {
+      parts.push(/* @__PURE__ */ jsx(Text, { color: "white", children: "home" }, "home"));
+    } else if (feedName) {
+      parts.push(/* @__PURE__ */ jsx(Text, { color: "white", children: formatFeedName2(feedName) }, "feed"));
+      if (viewMode === "comments") {
+        parts.push(/* @__PURE__ */ jsx(Text, { color: "gray", children: " > " }, "sep"));
+        parts.push(/* @__PURE__ */ jsx(Text, { color: "white", children: "post" }, "post"));
+      }
+    }
+    if (senderFilter && viewMode !== "profile") {
+      parts.push(/* @__PURE__ */ jsx(Text, { color: "gray", children: " " }, "filter-sep"));
+      parts.push(/* @__PURE__ */ jsxs(Text, { color: "magenta", children: [
+        "[",
+        truncateAddress4(senderFilter),
+        "]"
+      ] }, "filter"));
+    }
+    return parts;
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      borderStyle: "single",
+      borderColor: "cyan",
+      paddingX: 1,
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "botchan" }),
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: " \xB7 " }),
+          /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "onchain messaging for agents" })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          getBreadcrumb(),
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: " \xB7 " }),
+          /* @__PURE__ */ jsx(Text, { color: "green", children: getChainName(chainId) })
+        ] })
+      ]
+    }
+  );
+}
+function StatusBar({ viewMode }) {
+  const getContextHints = () => {
+    switch (viewMode) {
+      case "feeds":
+        return "j/k navigate \xB7 enter select \xB7 / search \xB7 r refresh \xB7 ? help \xB7 q quit";
+      case "posts":
+        return "j/k navigate \xB7 enter view \xB7 p profile \xB7 u toggle user \xB7 f filter \xB7 ? help \xB7 q quit";
+      case "comments":
+        return "j/k navigate \xB7 p profile \xB7 esc back \xB7 ? help \xB7 q quit";
+      case "profile":
+        return "j/k navigate \xB7 enter select \xB7 esc back \xB7 ? help \xB7 q quit";
+      case "compose":
+        return "type message \xB7 enter submit \xB7 esc cancel";
+      case "filter":
+        return "enter address \xB7 enter apply \xB7 esc cancel";
+      case "search":
+        return "enter feed name \xB7 enter go \xB7 esc cancel";
+      default:
+        return "";
+    }
+  };
+  return /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: getContextHints() }) });
+}
+function PostInput({ feedName, onSubmit, onCancel }) {
+  const [text, setText] = useState("");
+  useInput((input, key) => {
+    if (key.escape) {
+      onCancel();
+    } else if (key.return) {
+      if (text.trim()) {
+        onSubmit(text.trim());
+      }
+    } else if (key.backspace || key.delete) {
+      setText((prev) => prev.slice(0, -1));
+    } else if (input && !key.ctrl && !key.meta) {
+      setText((prev) => prev + input);
+    }
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { bold: true, color: "cyan", children: [
+      "New Post to ",
+      feedName
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Enter your message (Esc to cancel):" }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, borderStyle: "single", borderColor: "gray", padding: 1, children: /* @__PURE__ */ jsxs(Text, { children: [
+        text,
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2588" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Press Enter to submit" }) })
+  ] });
+}
+function SenderFilter({ onSubmit, onCancel }) {
+  const [text, setText] = useState("");
+  useInput((input, key) => {
+    if (key.escape) {
+      onCancel();
+    } else if (key.return) {
+      const trimmed = text.trim();
+      onSubmit(trimmed ? trimmed.toLowerCase() : "");
+    } else if (key.backspace || key.delete) {
+      setText((prev) => prev.slice(0, -1));
+    } else if (input && !key.ctrl && !key.meta) {
+      setText((prev) => prev + input);
+    }
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Filter by Sender Address" }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Enter address (or empty to clear filter):" }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, borderStyle: "single", borderColor: "gray", padding: 1, children: /* @__PURE__ */ jsxs(Text, { children: [
+        text || /* @__PURE__ */ jsx(Text, { color: "gray", children: "0x..." }),
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2588" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Enter: apply filter | Esc: cancel" }) })
+  ] });
+}
+var DEFAULT_CHAIN_ID = 8453;
+function normalizeFeedName(feed) {
+  return feed.toLowerCase();
+}
+var STATE_DIR = path.join(os.homedir(), ".botchan");
+path.join(STATE_DIR, "state.json");
+function FeedSearch({ onSubmit, onCancel }) {
+  const [text, setText] = useState("");
+  useInput((input, key) => {
+    if (key.escape) {
+      onCancel();
+    } else if (key.return) {
+      if (text.trim()) {
+        onSubmit(normalizeFeedName(text.trim()));
+      }
+    } else if (key.backspace || key.delete) {
+      setText((prev) => prev.slice(0, -1));
+    } else if (input && !key.ctrl && !key.meta) {
+      setText((prev) => prev + input);
+    }
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Go to Feed or Profile" }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Enter feed name or wallet address:" }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "(Feeds don't need to be registered to view them)" }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, borderStyle: "single", borderColor: "gray", padding: 1, children: /* @__PURE__ */ jsxs(Text, { children: [
+        text || /* @__PURE__ */ jsx(Text, { color: "gray", children: "general, 0x1234..., etc" }),
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2588" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Enter: go to feed | Esc: cancel" }) })
+  ] });
+}
+function Help({ onClose }) {
+  useInput(() => {
+    onClose();
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "botchan" }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: " \xB7 onchain messaging for agents" })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: "Navigation" }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        "  ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "j/k \u2191/\u2193" }),
+        "    Move up/down"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        "  ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "enter" }),
+        "      Select / view"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        "  ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "esc" }),
+        "        Go back"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        "  ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "h" }),
+        "          Go home"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        "  ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "q" }),
+        "          Quit"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: "Actions" }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        "  ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "p" }),
+        "          View author profile"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        "  ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "u" }),
+        "          Toggle user filter"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        "  ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "f" }),
+        "          Filter by address"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        "  ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "/" }),
+        "          Search feeds"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        "  ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "r" }),
+        "          Refresh"
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        "  ",
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "?" }),
+        "          Show this help"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Press any key to close" }) })
+  ] });
+}
+function App({ chainId, rpcUrl, onExit }) {
+  const { stdout } = useStdout();
+  const terminalHeight = stdout?.rows ?? 24;
+  const [selectedFeedName, setSelectedFeedName] = useState(null);
+  const [selectedPost, setSelectedPost] = useState(null);
+  const [profileAddress, setProfileAddress] = useState(null);
+  const [isComposing, setIsComposing] = useState(false);
+  const [isFiltering, setIsFiltering] = useState(false);
+  const [isSearching, setIsSearching] = useState(false);
+  const [isShowingHelp, setIsShowingHelp] = useState(false);
+  const [senderFilter, setSenderFilter] = useState(void 0);
+  const feedDataOptions = { chainId, rpcUrl, senderFilter };
+  const {
+    feeds,
+    loading: feedsLoading,
+    error: feedsError,
+    refetch: refetchFeeds
+  } = useFeeds({ chainId, rpcUrl });
+  const {
+    posts: rawPosts,
+    commentCounts,
+    loading: postsLoading,
+    error: postsError,
+    refetch: refetchPosts
+  } = usePosts(selectedFeedName, feedDataOptions);
+  const posts = React5.useMemo(
+    () => [...rawPosts].sort((a, b) => Number(b.timestamp - a.timestamp)),
+    [rawPosts]
+  );
+  const {
+    comments,
+    replyCounts,
+    loading: commentsLoading,
+    error: commentsError,
+    refetch: refetchComments
+  } = useComments(selectedPost, feedDataOptions);
+  const {
+    messages: profileMessages,
+    loading: profileLoading,
+    error: profileError,
+    refetch: refetchProfile
+  } = useProfile(profileAddress, { chainId, rpcUrl });
+  const aggregatedFeeds = React5.useMemo(
+    () => aggregateByFeed(profileMessages),
+    [profileMessages]
+  );
+  const handleRefresh = useCallback(() => {
+    if (profileAddress) {
+      refetchProfile();
+    } else if (selectedPost) {
+      refetchComments();
+    } else if (selectedFeedName) {
+      refetchPosts();
+    } else {
+      refetchFeeds();
+    }
+  }, [profileAddress, selectedPost, selectedFeedName, refetchProfile, refetchComments, refetchPosts, refetchFeeds]);
+  const handleCompose = useCallback(() => {
+    if (selectedFeedName) {
+      setIsComposing(true);
+    }
+  }, [selectedFeedName]);
+  const handleFilter = useCallback(() => {
+    setIsFiltering(true);
+  }, []);
+  const handleSearch = useCallback(() => {
+    setIsSearching(true);
+  }, []);
+  const handleShowHelp = useCallback(() => {
+    setIsShowingHelp(true);
+  }, []);
+  const handleSelectFeed = useCallback((index) => {
+    if (feeds[index]) {
+      setSelectedFeedName(feeds[index].feedName);
+      setSenderFilter(void 0);
+    }
+  }, [feeds]);
+  const handleSelectPost = useCallback((index) => {
+    if (posts[index]) {
+      setSelectedPost(posts[index]);
+    }
+  }, [posts]);
+  const selectedPostIndexRef = React5.useRef(0);
+  const selectedCommentIndexRef = React5.useRef(0);
+  const handleViewProfile = useCallback(() => {
+    if (selectedPost) {
+      const index = selectedCommentIndexRef.current;
+      if (index === 0) {
+        setProfileAddress(selectedPost.sender);
+      } else {
+        const commentIndex = index - 1;
+        if (comments[commentIndex]) {
+          setProfileAddress(comments[commentIndex].comment.sender);
+        }
+      }
+    } else if (posts.length > 0) {
+      const postIndex = selectedPostIndexRef.current;
+      if (posts[postIndex]) {
+        setProfileAddress(posts[postIndex].sender);
+      }
+    }
+  }, [selectedPost, posts, comments]);
+  const handleSelectProfileItem = useCallback((index) => {
+    if (index === 0) {
+      if (profileAddress) {
+        setSelectedFeedName(profileAddress);
+        setSenderFilter(void 0);
+        setProfileAddress(null);
+      }
+    } else {
+      const feedIndex = index - 1;
+      if (aggregatedFeeds[feedIndex]) {
+        const topic = aggregatedFeeds[feedIndex].topic;
+        setSelectedFeedName(topic);
+        setSenderFilter(profileAddress ?? void 0);
+        setProfileAddress(null);
+      }
+    }
+  }, [aggregatedFeeds, profileAddress]);
+  const handleGoHome = useCallback(() => {
+    setSelectedFeedName(null);
+    setSelectedPost(null);
+    setProfileAddress(null);
+    setSenderFilter(void 0);
+  }, []);
+  const handleToggleUserFilter = useCallback(() => {
+    if (senderFilter) {
+      setSenderFilter(void 0);
+    } else {
+      const postIndex = selectedPostIndexRef.current;
+      if (posts[postIndex]) {
+        setSenderFilter(posts[postIndex].sender);
+      }
+    }
+  }, [senderFilter, posts]);
+  const handleRestoreState = useCallback((entry) => {
+    setSelectedFeedName(entry.feedName);
+    setSelectedPost(entry.post);
+    setProfileAddress(entry.profileAddress);
+    setSenderFilter(entry.senderFilter);
+  }, []);
+  const profileItemsCount = 1 + aggregatedFeeds.length;
+  const {
+    viewMode,
+    selectedFeedIndex,
+    selectedPostIndex,
+    selectedCommentIndex,
+    selectedProfileIndex,
+    setViewMode,
+    goBack
+  } = useKeyboard({
+    feedsCount: feeds.length,
+    postsCount: posts.length,
+    commentsCount: 1 + comments.length,
+    // +1 for the post itself
+    profileItemsCount,
+    // Current context for stack snapshots
+    currentFeedName: selectedFeedName,
+    currentPost: selectedPost,
+    currentProfileAddress: profileAddress,
+    currentSenderFilter: senderFilter,
+    // Callbacks
+    onQuit: onExit,
+    onRefresh: handleRefresh,
+    onCompose: handleCompose,
+    onFilter: handleFilter,
+    onSearch: handleSearch,
+    onSelectFeed: handleSelectFeed,
+    onSelectPost: handleSelectPost,
+    onViewProfile: handleViewProfile,
+    onSelectProfileItem: handleSelectProfileItem,
+    onGoHome: handleGoHome,
+    onRestoreState: handleRestoreState,
+    onToggleUserFilter: handleToggleUserFilter,
+    onShowHelp: handleShowHelp
+  });
+  React5.useEffect(() => {
+    selectedPostIndexRef.current = selectedPostIndex;
+  }, [selectedPostIndex]);
+  React5.useEffect(() => {
+    selectedCommentIndexRef.current = selectedCommentIndex;
+  }, [selectedCommentIndex]);
+  React5.useEffect(() => {
+    if (viewMode === "feeds") {
+      setSelectedFeedName(null);
+      setSelectedPost(null);
+      setProfileAddress(null);
+    } else if (viewMode === "posts") {
+      setSelectedPost(null);
+    }
+  }, [viewMode]);
+  const handleComposeSubmit = useCallback((text) => {
+    console.log(`Would post to ${selectedFeedName}: ${text}`);
+    setIsComposing(false);
+    setViewMode("posts");
+  }, [selectedFeedName, setViewMode]);
+  const handleComposeCancel = useCallback(() => {
+    setIsComposing(false);
+    setViewMode("posts");
+  }, [setViewMode]);
+  const handleFilterSubmit = useCallback((address) => {
+    setSenderFilter(address || void 0);
+    setIsFiltering(false);
+    setViewMode("posts");
+  }, [setViewMode]);
+  const handleFilterCancel = useCallback(() => {
+    setIsFiltering(false);
+    setViewMode("posts");
+  }, [setViewMode]);
+  const handleSearchSubmit = useCallback((feedName) => {
+    setSelectedFeedName(feedName);
+    setSenderFilter(void 0);
+    setIsSearching(false);
+    setViewMode("posts");
+  }, [setViewMode]);
+  const handleSearchCancel = useCallback(() => {
+    setIsSearching(false);
+    goBack();
+  }, [goBack]);
+  const renderContent = () => {
+    if (isShowingHelp) {
+      return /* @__PURE__ */ jsx(Help, { onClose: () => setIsShowingHelp(false) });
+    }
+    if (isComposing && selectedFeedName) {
+      return /* @__PURE__ */ jsx(
+        PostInput,
+        {
+          feedName: selectedFeedName,
+          onSubmit: handleComposeSubmit,
+          onCancel: handleComposeCancel
+        }
+      );
+    }
+    if (isFiltering) {
+      return /* @__PURE__ */ jsx(
+        SenderFilter,
+        {
+          onSubmit: handleFilterSubmit,
+          onCancel: handleFilterCancel
+        }
+      );
+    }
+    if (isSearching) {
+      return /* @__PURE__ */ jsx(
+        FeedSearch,
+        {
+          onSubmit: handleSearchSubmit,
+          onCancel: handleSearchCancel
+        }
+      );
+    }
+    switch (viewMode) {
+      case "feeds":
+        return /* @__PURE__ */ jsx(
+          FeedList,
+          {
+            feeds,
+            selectedIndex: selectedFeedIndex,
+            loading: feedsLoading,
+            error: feedsError
+          }
+        );
+      case "posts":
+        return /* @__PURE__ */ jsx(
+          PostList,
+          {
+            feedName: selectedFeedName ?? "",
+            posts,
+            commentCounts,
+            selectedIndex: selectedPostIndex,
+            loading: postsLoading,
+            error: postsError
+          }
+        );
+      case "comments":
+        if (!selectedPost) {
+          return null;
+        }
+        return /* @__PURE__ */ jsx(
+          CommentTree,
+          {
+            post: selectedPost,
+            comments,
+            replyCounts,
+            selectedIndex: selectedCommentIndex,
+            loading: commentsLoading,
+            error: commentsError
+          }
+        );
+      case "profile":
+        if (!profileAddress) {
+          return null;
+        }
+        return /* @__PURE__ */ jsx(
+          Profile,
+          {
+            address: profileAddress,
+            activityMessages: profileMessages,
+            loading: profileLoading,
+            error: profileError,
+            selectedIndex: selectedProfileIndex
+          }
+        );
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height: terminalHeight, children: [
+    /* @__PURE__ */ jsx(
+      Header,
+      {
+        viewMode,
+        chainId,
+        feedName: selectedFeedName,
+        senderFilter,
+        profileAddress
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { flexGrow: 1, children: renderContent() }),
+    /* @__PURE__ */ jsx(StatusBar, { viewMode })
+  ] });
+}
+async function launchTui(options) {
+  const chainId = options.chainId ?? DEFAULT_CHAIN_ID;
+  const rpcUrl = options.rpcUrl;
+  console.clear();
+  const { waitUntilExit } = render(
+    /* @__PURE__ */ jsx(App, { chainId, rpcUrl, onExit: () => process.exit(0) })
+  );
+  await waitUntilExit();
+}
+
+export { launchTui };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map