xfeed 0.1.6 → 0.1.7

package/dist/index.js

@@ -25,7 +25,7 @@ __export(exports_media, {
 });
 import { spawn as spawn2 } from "child_process";
 import { mkdir, writeFile, unlink } from "fs/promises";
-import { homedir as homedir3, platform as platform2, tmpdir } from "os";
+import { homedir as homedir4, platform as platform2, tmpdir } from "os";
 import { join as join2, extname } from "path";
 function isUrlSafeToFetch(url) {
   try {
@@ -272,7 +272,7 @@ async function previewImageUrl(url, name) {
   }
 }
 async function downloadMedia(media, tweetId, index) {
-  const downloadDir = join2(homedir3(), "Downloads", "xfeed");
+  const downloadDir = join2(homedir4(), "Downloads", "xfeed");
   const ext = getExtension(media);
   const filename = `${tweetId}_${index}${ext}`;
   const filepath = join2(downloadDir, filename);
@@ -298,7 +298,7 @@ async function downloadAllMedia(mediaItems, tweetId) {
   if (mediaItems.length === 1) {
     return downloadMedia(mediaItems[0], tweetId, 0);
   }
-  const downloadDir = join2(homedir3(), "Downloads", "xfeed");
+  const downloadDir = join2(homedir4(), "Downloads", "xfeed");
   try {
     await mkdir(downloadDir, { recursive: true });
     let successCount = 0;
@@ -2029,7 +2029,7 @@ var ToasterRenderable = class extends BoxRenderable3 {
 
 // src/app.tsx
 import { useKeyboard as useKeyboard10, useRenderer as useRenderer3 } from "@opentui/react";
-import { useCallback as useCallback15, useEffect as useEffect20, useRef as useRef12, useState as useState23 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect22, useRef as useRef13, useState as useState28 } from "react";
 
 // src/components/Footer.tsx
 import { useTerminalDimensions as useTerminalDimensions2 } from "@opentui/react";
@@ -2058,6 +2058,7 @@ var DEFAULT_BINDINGS = [
   { key: "j/k", label: "nav" },
   { key: "l", label: "like" },
   { key: "b", label: "bookmark" },
+  { key: "g", label: "goto" },
   { key: "r", label: "refresh" },
   { key: "Tab", label: "switch" },
   { key: "q", label: "quit" }
@@ -2235,7 +2236,7 @@ function getConfigPath() {
 
 // src/experiments/index.tsx
 import { QueryClientProvider } from "@tanstack/react-query";
-import { useState as useState10 } from "react";
+import { useState as useState11 } from "react";
 
 // src/experiments/query-client.ts
 import { QueryClient } from "@tanstack/react-query";
@@ -2320,7 +2321,7 @@ var queryKeys = {
 
 // src/experiments/TimelineScreenExperimental.tsx
 import { useKeyboard as useKeyboard4 } from "@opentui/react";
-import { useEffect as useEffect6, useRef as useRef5 } from "react";
+import { useEffect as useEffect6, useRef as useRef5, useState as useState6 } from "react";
 
 // src/components/ErrorBanner.tsx
 import { useEffect as useEffect3 } from "react";
@@ -2706,6 +2707,7 @@ var HEART_EMPTY = "\u2661";
 var HEART_FILLED = "\u2665";
 var FLAG_EMPTY = "\u2690";
 var FLAG_FILLED = "\u2691";
+var NOTE_INDICATOR = "+";
 function PostCard({
   post,
   isSelected,
@@ -2714,6 +2716,7 @@ function PostCard({
   isBookmarked,
   isJustLiked,
   isJustBookmarked,
+  hasAnnotation,
   parentAuthorUsername,
   mainPostAuthorUsername,
   onCardClick,
@@ -2834,7 +2837,15 @@ function PostCard({
           /* @__PURE__ */ jsxDEV6("text", {
             fg: colors.dim,
             children: timeAgo ? ` \xB7 ${timeAgo}` : ""
-          }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          hasAnnotation ? /* @__PURE__ */ jsxDEV6("text", {
+            fg: colors.warning,
+            children: [
+              " [",
+              NOTE_INDICATOR,
+              "]"
+            ]
+          }, undefined, true, undefined, this) : null
         ]
       }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV6("box", {
@@ -3014,15 +3025,19 @@ function PostList({
   onSelectedIndexChange,
   onLike,
   onBookmark,
+  onAnnotate,
   getActionState,
   initActionState,
+  hasAnnotation,
   onLoadMore,
   loadingMore = false,
-  hasMore = true
+  hasMore = true,
+  refreshKey
 }) {
   const scrollRef = useRef3(null);
   const savedScrollTop = useRef3(0);
   const wasFocused = useRef3(focused);
+  const prevRefreshKey = useRef3(refreshKey);
   useEffect4(() => {
     const scrollbox = scrollRef.current;
     if (!scrollbox)
@@ -3032,7 +3047,7 @@ function PostList({
     }
     wasFocused.current = focused;
   }, [focused]);
-  const { selectedIndex } = useListNavigation({
+  const { selectedIndex, setSelectedIndex } = useListNavigation({
     itemCount: posts.length,
     enabled: focused,
     onSelect: (index) => {
@@ -3045,6 +3060,16 @@ function PostList({
       }
     }
   });
+  useEffect4(() => {
+    if (prevRefreshKey.current !== undefined && refreshKey !== undefined && refreshKey !== prevRefreshKey.current) {
+      setSelectedIndex(0);
+      if (scrollRef.current) {
+        scrollRef.current.scrollTo(0);
+      }
+      savedScrollTop.current = 0;
+    }
+    prevRefreshKey.current = refreshKey;
+  }, [refreshKey, setSelectedIndex]);
   useEffect4(() => {
     onSelectedIndexChange?.(selectedIndex);
   }, [selectedIndex, onSelectedIndexChange]);
@@ -3058,6 +3083,8 @@ function PostList({
       onLike?.(currentPost);
     } else if (key.name === "b") {
       onBookmark?.(currentPost);
+    } else if (key.name === "a") {
+      onAnnotate?.(currentPost);
     }
   });
   useEffect4(() => {
@@ -3131,6 +3158,7 @@ function PostList({
           isBookmarked: actionState?.bookmarked,
           isJustLiked: actionState?.justLiked,
           isJustBookmarked: actionState?.justBookmarked,
+          hasAnnotation: hasAnnotation?.(post.id),
           onCardClick: () => onPostSelect?.(post),
           onLikeClick: () => onLike?.(post),
           onBookmarkClick: () => onBookmark?.(post)
@@ -3376,6 +3404,7 @@ function TimelineScreenExperimental({
     client,
     initialTab: preferences.timeline.default_tab
   });
+  const [refreshKey, setRefreshKey] = useState6(0);
   useEffect6(() => {
     onPostCountChange?.(posts.length);
   }, [posts.length, onPostCountChange]);
@@ -3398,6 +3427,7 @@ function TimelineScreenExperimental({
         break;
       case "r":
         refresh();
+        setRefreshKey((k) => k + 1);
         break;
     }
   });
@@ -3471,23 +3501,24 @@ function TimelineScreenExperimental({
         initActionState,
         onLoadMore: fetchNextPage,
         loadingMore: isFetchingNextPage,
-        hasMore: hasNextPage
+        hasMore: hasNextPage,
+        refreshKey
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 // src/experiments/use-profile-query.ts
 import { useQuery } from "@tanstack/react-query";
-import { useCallback as useCallback5, useState as useState6 } from "react";
+import { useCallback as useCallback5, useState as useState7 } from "react";
 function useProfileQuery({
   client,
   username,
   isSelf = false
 }) {
-  const [likesEnabled, setLikesEnabled] = useState6(false);
-  const [repliesEnabled, setRepliesEnabled] = useState6(false);
-  const [mediaEnabled, setMediaEnabled] = useState6(false);
-  const [highlightsEnabled, setHighlightsEnabled] = useState6(false);
+  const [likesEnabled, setLikesEnabled] = useState7(false);
+  const [repliesEnabled, setRepliesEnabled] = useState7(false);
+  const [mediaEnabled, setMediaEnabled] = useState7(false);
+  const [highlightsEnabled, setHighlightsEnabled] = useState7(false);
   const {
     data: profileData,
     isLoading: isProfileLoading,
@@ -3872,7 +3903,7 @@ function useBookmarksQuery({
 }
 // src/experiments/use-bookmark-mutation.ts
 import { useMutation, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
-import { useCallback as useCallback7, useRef as useRef6, useState as useState7 } from "react";
+import { useCallback as useCallback7, useRef as useRef6, useState as useState8 } from "react";
 var JUST_ACTED_DURATION = 600;
 function useBookmarkMutation({
   client,
@@ -3880,8 +3911,8 @@ function useBookmarkMutation({
   onError
 }) {
   const queryClient = useQueryClient3();
-  const [pendingTweets, setPendingTweets] = useState7(new Set);
-  const [justBookmarkedTweets, setJustBookmarkedTweets] = useState7(new Set);
+  const [pendingTweets, setPendingTweets] = useState8(new Set);
+  const [justBookmarkedTweets, setJustBookmarkedTweets] = useState8(new Set);
   const justBookmarkedTimeouts = useRef6(new Map);
   const addMutation = useMutation({
     mutationFn: async (tweet) => {
@@ -4077,7 +4108,7 @@ import { useEffect as useEffect9, useMemo as useMemo6 } from "react";
 
 // src/components/ThreadView.prototype.tsx
 import { useKeyboard as useKeyboard5 } from "@opentui/react";
-import { useState as useState8, useRef as useRef7, useEffect as useEffect8, useMemo as useMemo5 } from "react";
+import { useState as useState9, useRef as useRef7, useEffect as useEffect8, useMemo as useMemo5 } from "react";
 import { jsxDEV as jsxDEV10 } from "@opentui/react/jsx-dev-runtime";
 var SELECTED_BG = "#2a2a3e";
 var TREE = {
@@ -4319,8 +4350,8 @@ function ThreadViewPrototype({
   const scrollRef = useRef7(null);
   const savedScrollTop = useRef7(0);
   const wasFocused = useRef7(focused);
-  const [selectedIndex, setSelectedIndex] = useState8(0);
-  const [treeState, setTreeState] = useState8(replyTree);
+  const [selectedIndex, setSelectedIndex] = useState9(0);
+  const [treeState, setTreeState] = useState9(replyTree);
   useEffect8(() => {
     const scrollbox = scrollRef.current;
     if (!scrollbox)
@@ -4645,7 +4676,7 @@ function useThreadQuery({
 }
 // src/experiments/use-user-actions.ts
 import { useMutation as useMutation2, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
-import { useCallback as useCallback8, useState as useState9 } from "react";
+import { useCallback as useCallback8, useState as useState10 } from "react";
 function useUserActions({
   client,
   username,
@@ -4653,7 +4684,7 @@ function useUserActions({
   onError
 }) {
   const queryClient = useQueryClient5();
-  const [pendingAction, setPendingAction] = useState9(null);
+  const [pendingAction, setPendingAction] = useState10(null);
   const updateProfileCache = useCallback8((updates) => {
     queryClient.setQueryData(queryKeys.user.profile(username), (old) => {
       if (!old?.success || !old.user)
@@ -4861,7 +4892,7 @@ function getQueryClient() {
   return queryClientInstance;
 }
 function QueryProvider({ children }) {
-  const [queryClient] = useState10(() => getQueryClient());
+  const [queryClient] = useState11(() => getQueryClient());
   return /* @__PURE__ */ jsxDEV11(QueryClientProvider, {
     client: queryClient,
     children
@@ -4869,7 +4900,7 @@ function QueryProvider({ children }) {
 }
 
 // src/hooks/useActions.ts
-import { useState as useState11, useCallback as useCallback9, useRef as useRef8 } from "react";
+import { useState as useState12, useCallback as useCallback9, useRef as useRef8 } from "react";
 var DEFAULT_STATE = {
   liked: false,
   bookmarked: false,
@@ -4887,7 +4918,7 @@ function useActions({
   bookmarkMutation,
   currentFolderId
 }) {
-  const [states, setStates] = useState11(new Map);
+  const [states, setStates] = useState12(new Map);
   const justLikedTimeouts = useRef8(new Map);
   const justBookmarkedTimeouts = useRef8(new Map);
   const getState = useCallback9((tweetId) => {
@@ -5065,25 +5096,130 @@ function useActions({
   };
 }
 
+// src/hooks/useAnnotations.ts
+import { useState as useState13, useCallback as useCallback10, useEffect as useEffect10, useRef as useRef9 } from "react";
+
+// src/config/annotations.ts
+import {
+  chmodSync as chmodSync2,
+  existsSync as existsSync2,
+  mkdirSync as mkdirSync2,
+  readFileSync as readFileSync2,
+  writeFileSync as writeFileSync2
+} from "fs";
+import { homedir as homedir2 } from "os";
+import path2 from "path";
+var CONFIG_DIR2 = path2.join(homedir2(), ".config", "xfeed");
+var ANNOTATIONS_PATH = path2.join(CONFIG_DIR2, "annotations.json");
+var ANNOTATIONS_VERSION = 1;
+function loadAnnotations() {
+  if (!existsSync2(ANNOTATIONS_PATH)) {
+    return { version: ANNOTATIONS_VERSION, annotations: {} };
+  }
+  try {
+    const content = readFileSync2(ANNOTATIONS_PATH, "utf-8");
+    const parsed = JSON.parse(content);
+    if (typeof parsed !== "object" || parsed === null) {
+      return { version: ANNOTATIONS_VERSION, annotations: {} };
+    }
+    const file = parsed;
+    if (typeof file.version !== "number") {
+      return { version: ANNOTATIONS_VERSION, annotations: {} };
+    }
+    if (typeof file.annotations !== "object" || file.annotations === null) {
+      return { version: ANNOTATIONS_VERSION, annotations: {} };
+    }
+    return {
+      version: file.version,
+      annotations: file.annotations
+    };
+  } catch {
+    return { version: ANNOTATIONS_VERSION, annotations: {} };
+  }
+}
+function saveAnnotations(file) {
+  if (!existsSync2(CONFIG_DIR2)) {
+    mkdirSync2(CONFIG_DIR2, { recursive: true });
+  }
+  writeFileSync2(ANNOTATIONS_PATH, JSON.stringify(file, null, 2) + `
+`);
+  chmodSync2(ANNOTATIONS_PATH, 384);
+}
+
+// src/hooks/useAnnotations.ts
+function useAnnotations() {
+  const [annotationsFile, setAnnotationsFile] = useState13(() => loadAnnotations());
+  const annotatedIdsRef = useRef9(new Set(Object.keys(annotationsFile.annotations)));
+  useEffect10(() => {
+    annotatedIdsRef.current = new Set(Object.keys(annotationsFile.annotations));
+  }, [annotationsFile]);
+  const getAnnotation = useCallback10((tweetId) => {
+    return annotationsFile.annotations[tweetId]?.text;
+  }, [annotationsFile]);
+  const hasAnnotation = useCallback10((tweetId) => {
+    return tweetId in annotationsFile.annotations;
+  }, [annotationsFile]);
+  const setAnnotation = useCallback10((tweetId, text) => {
+    const now = new Date().toISOString();
+    setAnnotationsFile((prev) => {
+      const existing = prev.annotations[tweetId];
+      const newAnnotation = existing ? { text, createdAt: existing.createdAt, updatedAt: now } : { text, createdAt: now, updatedAt: now };
+      const updated = {
+        ...prev,
+        annotations: {
+          ...prev.annotations,
+          [tweetId]: newAnnotation
+        }
+      };
+      saveAnnotations(updated);
+      return updated;
+    });
+  }, []);
+  const deleteAnnotation = useCallback10((tweetId) => {
+    setAnnotationsFile((prev) => {
+      if (!(tweetId in prev.annotations)) {
+        return prev;
+      }
+      const { [tweetId]: _, ...rest } = prev.annotations;
+      const updated = {
+        ...prev,
+        annotations: rest
+      };
+      saveAnnotations(updated);
+      return updated;
+    });
+  }, []);
+  const getAnnotatedTweetIds = useCallback10(() => {
+    return annotatedIdsRef.current;
+  }, []);
+  return {
+    getAnnotation,
+    hasAnnotation,
+    setAnnotation,
+    deleteAnnotation,
+    getAnnotatedTweetIds
+  };
+}
+
 // src/hooks/useNavigation.ts
-import { useState as useState12, useCallback as useCallback10 } from "react";
+import { useState as useState14, useCallback as useCallback11 } from "react";
 function useNavigation(options) {
   const { initialView, mainViews } = options;
-  const [history, setHistory] = useState12([initialView]);
+  const [history, setHistory] = useState14([initialView]);
   const currentView = history[history.length - 1];
   const previousView = history.length > 1 ? history[history.length - 2] : null;
   const canGoBack = history.length > 1;
   const isMainView = mainViews.includes(currentView);
-  const navigate = useCallback10((view) => {
+  const navigate = useCallback11((view) => {
     setHistory((prev) => [...prev, view]);
   }, []);
-  const goBack = useCallback10(() => {
+  const goBack = useCallback11(() => {
     if (history.length <= 1)
       return false;
     setHistory((prev) => prev.slice(0, -1));
     return true;
   }, [history.length]);
-  const cycleNext = useCallback10(() => {
+  const cycleNext = useCallback11(() => {
     setHistory((prev) => {
       const current = prev[prev.length - 1];
       if (!mainViews.includes(current)) {
@@ -5147,20 +5283,189 @@ async function copyToClipboard(text) {
   });
 }
 
+// src/modals/AnnotationEditor.tsx
+import { useState as useState15 } from "react";
+import { jsxDEV as jsxDEV12, Fragment } from "@opentui/react/jsx-dev-runtime";
+var MAX_ANNOTATION_LENGTH = 500;
+var dialogColors = {
+  bgDark: "#1e1e2e",
+  bgPanel: "#181825",
+  bgInput: "#11111b",
+  textPrimary: "#cdd6f4",
+  textSecondary: "#bac2de",
+  textMuted: "#6c7086",
+  accent: "#89b4fa"
+};
+function AnnotationEditorContent({
+  initialText = "",
+  hasExisting = false,
+  resolve,
+  dismiss,
+  dialogId
+}) {
+  const [value, setValue] = useState15(initialText);
+  const [error, setError] = useState15(null);
+  const handleSubmit = () => {
+    const trimmed = value.trim();
+    if (!trimmed) {
+      if (hasExisting) {
+        resolve({ action: "delete" });
+      } else {
+        setError("Annotation cannot be empty");
+      }
+      return;
+    }
+    if (trimmed.length > MAX_ANNOTATION_LENGTH) {
+      setError(`Annotation must be ${MAX_ANNOTATION_LENGTH} characters or less`);
+      return;
+    }
+    resolve({ action: "save", text: trimmed });
+  };
+  const handleDelete = () => {
+    resolve({ action: "delete" });
+  };
+  useDialogKeyboard((key) => {
+    if (key.name === "escape") {
+      dismiss();
+      return;
+    }
+    if (key.ctrl && key.name === "d" && hasExisting) {
+      handleDelete();
+    }
+  }, dialogId);
+  const title = hasExisting ? "Edit Annotation" : "Add Annotation";
+  const isOverLimit = value.length > MAX_ANNOTATION_LENGTH;
+  return /* @__PURE__ */ jsxDEV12("box", {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsxDEV12("box", {
+        backgroundColor: dialogColors.bgPanel,
+        paddingLeft: 3,
+        paddingRight: 3,
+        paddingTop: 1,
+        paddingBottom: 1,
+        flexDirection: "row",
+        gap: 1,
+        width: 56,
+        children: [
+          /* @__PURE__ */ jsxDEV12("text", {
+            fg: dialogColors.accent,
+            children: "+"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV12("text", {
+            fg: dialogColors.textPrimary,
+            children: /* @__PURE__ */ jsxDEV12("b", {
+              children: title
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV12("box", {
+        backgroundColor: dialogColors.bgDark,
+        paddingLeft: 3,
+        paddingRight: 3,
+        paddingTop: 1,
+        paddingBottom: 1,
+        flexDirection: "column",
+        gap: 1,
+        width: 56,
+        children: [
+          /* @__PURE__ */ jsxDEV12("box", {
+            backgroundColor: dialogColors.bgInput,
+            borderStyle: "single",
+            borderColor: dialogColors.accent,
+            height: 3,
+            children: /* @__PURE__ */ jsxDEV12("input", {
+              value,
+              placeholder: "Why did you save this tweet?",
+              maxLength: MAX_ANNOTATION_LENGTH + 50,
+              focused: true,
+              onInput: (newValue) => {
+                setValue(newValue);
+                if (error)
+                  setError(null);
+              },
+              onSubmit: () => {
+                handleSubmit();
+              },
+              textColor: dialogColors.textPrimary,
+              placeholderColor: dialogColors.textMuted,
+              cursorColor: dialogColors.accent,
+              focusedBackgroundColor: "transparent"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV12("text", {
+            fg: isOverLimit ? colors.error : dialogColors.textMuted,
+            children: [
+              value.length,
+              "/",
+              MAX_ANNOTATION_LENGTH
+            ]
+          }, undefined, true, undefined, this),
+          error ? /* @__PURE__ */ jsxDEV12("text", {
+            fg: colors.error,
+            children: error
+          }, undefined, false, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV12("box", {
+        backgroundColor: dialogColors.bgPanel,
+        paddingLeft: 3,
+        paddingRight: 3,
+        paddingTop: 1,
+        paddingBottom: 1,
+        flexDirection: "row",
+        gap: 2,
+        width: 56,
+        children: [
+          /* @__PURE__ */ jsxDEV12("text", {
+            fg: dialogColors.textMuted,
+            children: "Enter"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV12("text", {
+            fg: dialogColors.textSecondary,
+            children: "save"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV12("text", {
+            fg: dialogColors.textMuted,
+            children: "Esc"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV12("text", {
+            fg: dialogColors.textSecondary,
+            children: "cancel"
+          }, undefined, false, undefined, this),
+          hasExisting ? /* @__PURE__ */ jsxDEV12(Fragment, {
+            children: [
+              /* @__PURE__ */ jsxDEV12("text", {
+                fg: dialogColors.textMuted,
+                children: "^D"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV12("text", {
+                fg: dialogColors.textSecondary,
+                children: "delete"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
 // src/modals/BookmarkFolderSelector.tsx
-import { useEffect as useEffect11, useState as useState14 } from "react";
+import { useEffect as useEffect12, useState as useState17 } from "react";
 
 // src/hooks/useBookmarkFolders.ts
-import { useState as useState13, useEffect as useEffect10, useCallback as useCallback11 } from "react";
+import { useState as useState16, useEffect as useEffect11, useCallback as useCallback12 } from "react";
 function useBookmarkFolders({
   client,
   enabled = true
 }) {
-  const [folders, setFolders] = useState13([]);
-  const [loading, setLoading] = useState13(false);
-  const [error, setError] = useState13(null);
-  const [refreshCounter, setRefreshCounter] = useState13(0);
-  const fetchFolders = useCallback11(async () => {
+  const [folders, setFolders] = useState16([]);
+  const [loading, setLoading] = useState16(false);
+  const [error, setError] = useState16(null);
+  const [refreshCounter, setRefreshCounter] = useState16(0);
+  const fetchFolders = useCallback12(async () => {
     if (!enabled)
       return;
     setLoading(true);
@@ -5173,12 +5478,12 @@ function useBookmarkFolders({
     }
     setLoading(false);
   }, [client, enabled]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (enabled) {
       fetchFolders();
     }
   }, [fetchFolders, refreshCounter, enabled]);
-  const refresh = useCallback11(() => {
+  const refresh = useCallback12(() => {
     setRefreshCounter((prev) => prev + 1);
   }, []);
   return {
@@ -5190,9 +5495,9 @@ function useBookmarkFolders({
 }
 
 // src/modals/BookmarkFolderSelector.tsx
-import { jsxDEV as jsxDEV12 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV13 } from "@opentui/react/jsx-dev-runtime";
 var MAX_VISIBLE_ITEMS = 5;
-var dialogColors = {
+var dialogColors2 = {
   bgDark: "#1e1e2e",
   bgPanel: "#181825",
   bgHover: "#313244",
@@ -5209,7 +5514,7 @@ function BookmarkFolderSelectorContent({
   dialogId
 }) {
   const { folders, loading, error } = useBookmarkFolders({ client });
-  const [windowStart, setWindowStart] = useState14(0);
+  const [windowStart, setWindowStart] = useState17(0);
   const isViewingAllBookmarks = !currentFolder;
   const selectableFolders = currentFolder ? folders.filter((f) => f.id !== currentFolder.id) : folders;
   const items = isViewingAllBookmarks ? selectableFolders : [null, ...selectableFolders];
@@ -5227,7 +5532,7 @@ function BookmarkFolderSelectorContent({
       dismiss();
     }
   }, dialogId);
-  useEffect11(() => {
+  useEffect12(() => {
     if (itemCount === 0)
       return;
     const windowEnd = windowStart + MAX_VISIBLE_ITEMS - 1;
@@ -5238,11 +5543,11 @@ function BookmarkFolderSelectorContent({
     }
   }, [selectedIndex, windowStart, itemCount]);
   if (loading) {
-    return /* @__PURE__ */ jsxDEV12("box", {
+    return /* @__PURE__ */ jsxDEV13("box", {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxDEV12("box", {
-          backgroundColor: dialogColors.bgPanel,
+        /* @__PURE__ */ jsxDEV13("box", {
+          backgroundColor: dialogColors2.bgPanel,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
@@ -5250,31 +5555,31 @@ function BookmarkFolderSelectorContent({
           flexDirection: "row",
           gap: 1,
           children: [
-            /* @__PURE__ */ jsxDEV12("text", {
-              fg: dialogColors.accent,
+            /* @__PURE__ */ jsxDEV13("text", {
+              fg: dialogColors2.accent,
               children: "\uD83D\uDCC1"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV12("text", {
-              fg: dialogColors.textPrimary,
-              children: /* @__PURE__ */ jsxDEV12("b", {
+            /* @__PURE__ */ jsxDEV13("text", {
+              fg: dialogColors2.textPrimary,
+              children: /* @__PURE__ */ jsxDEV13("b", {
                 children: "Select Folder"
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV12("box", {
-          backgroundColor: dialogColors.bgDark,
+        /* @__PURE__ */ jsxDEV13("box", {
+          backgroundColor: dialogColors2.bgDark,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
           paddingBottom: 1,
-          children: /* @__PURE__ */ jsxDEV12("text", {
-            fg: dialogColors.textMuted,
+          children: /* @__PURE__ */ jsxDEV13("text", {
+            fg: dialogColors2.textMuted,
             children: "Loading folders..."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV12("box", {
-          backgroundColor: dialogColors.bgPanel,
+        /* @__PURE__ */ jsxDEV13("box", {
+          backgroundColor: dialogColors2.bgPanel,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
@@ -5282,12 +5587,12 @@ function BookmarkFolderSelectorContent({
           flexDirection: "row",
           gap: 2,
           children: [
-            /* @__PURE__ */ jsxDEV12("text", {
-              fg: dialogColors.textMuted,
+            /* @__PURE__ */ jsxDEV13("text", {
+              fg: dialogColors2.textMuted,
               children: "Esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV12("text", {
-              fg: dialogColors.textSecondary,
+            /* @__PURE__ */ jsxDEV13("text", {
+              fg: dialogColors2.textSecondary,
               children: "cancel"
             }, undefined, false, undefined, this)
           ]
@@ -5296,11 +5601,11 @@ function BookmarkFolderSelectorContent({
     }, undefined, true, undefined, this);
   }
   if (error) {
-    return /* @__PURE__ */ jsxDEV12("box", {
+    return /* @__PURE__ */ jsxDEV13("box", {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxDEV12("box", {
-          backgroundColor: dialogColors.bgPanel,
+        /* @__PURE__ */ jsxDEV13("box", {
+          backgroundColor: dialogColors2.bgPanel,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
@@ -5308,25 +5613,25 @@ function BookmarkFolderSelectorContent({
           flexDirection: "row",
           gap: 1,
           children: [
-            /* @__PURE__ */ jsxDEV12("text", {
-              fg: dialogColors.accent,
+            /* @__PURE__ */ jsxDEV13("text", {
+              fg: dialogColors2.accent,
               children: "\uD83D\uDCC1"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV12("text", {
-              fg: dialogColors.textPrimary,
-              children: /* @__PURE__ */ jsxDEV12("b", {
+            /* @__PURE__ */ jsxDEV13("text", {
+              fg: dialogColors2.textPrimary,
+              children: /* @__PURE__ */ jsxDEV13("b", {
                 children: "Select Folder"
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV12("box", {
-          backgroundColor: dialogColors.bgDark,
+        /* @__PURE__ */ jsxDEV13("box", {
+          backgroundColor: dialogColors2.bgDark,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
           paddingBottom: 1,
-          children: /* @__PURE__ */ jsxDEV12("text", {
+          children: /* @__PURE__ */ jsxDEV13("text", {
             fg: colors.error,
             children: [
               "Error: ",
@@ -5334,8 +5639,8 @@ function BookmarkFolderSelectorContent({
             ]
           }, undefined, true, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV12("box", {
-          backgroundColor: dialogColors.bgPanel,
+        /* @__PURE__ */ jsxDEV13("box", {
+          backgroundColor: dialogColors2.bgPanel,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
@@ -5343,12 +5648,12 @@ function BookmarkFolderSelectorContent({
           flexDirection: "row",
           gap: 2,
           children: [
-            /* @__PURE__ */ jsxDEV12("text", {
-              fg: dialogColors.textMuted,
+            /* @__PURE__ */ jsxDEV13("text", {
+              fg: dialogColors2.textMuted,
               children: "Esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV12("text", {
-              fg: dialogColors.textSecondary,
+            /* @__PURE__ */ jsxDEV13("text", {
+              fg: dialogColors2.textSecondary,
               children: "close"
             }, undefined, false, undefined, this)
           ]
@@ -5360,11 +5665,11 @@ function BookmarkFolderSelectorContent({
   const hasMoreBelow = windowStart + MAX_VISIBLE_ITEMS < itemCount;
   const visibleItems = items.slice(windowStart, windowStart + MAX_VISIBLE_ITEMS);
   const title = isViewingAllBookmarks ? "Switch to Folder" : "Switch View";
-  return /* @__PURE__ */ jsxDEV12("box", {
+  return /* @__PURE__ */ jsxDEV13("box", {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsxDEV12("box", {
-        backgroundColor: dialogColors.bgPanel,
+      /* @__PURE__ */ jsxDEV13("box", {
+        backgroundColor: dialogColors2.bgPanel,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -5372,18 +5677,18 @@ function BookmarkFolderSelectorContent({
         flexDirection: "row",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV12("text", {
-            fg: dialogColors.accent,
+          /* @__PURE__ */ jsxDEV13("text", {
+            fg: dialogColors2.accent,
             children: "\uD83D\uDCC1"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("text", {
-            fg: dialogColors.textPrimary,
-            children: /* @__PURE__ */ jsxDEV12("b", {
+          /* @__PURE__ */ jsxDEV13("text", {
+            fg: dialogColors2.textPrimary,
+            children: /* @__PURE__ */ jsxDEV13("b", {
               children: title
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("text", {
-            fg: dialogColors.textMuted,
+          /* @__PURE__ */ jsxDEV13("text", {
+            fg: dialogColors2.textMuted,
             children: [
               "(",
               itemCount,
@@ -5392,16 +5697,16 @@ function BookmarkFolderSelectorContent({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("box", {
-        backgroundColor: dialogColors.bgDark,
+      /* @__PURE__ */ jsxDEV13("box", {
+        backgroundColor: dialogColors2.bgDark,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
         paddingBottom: 1,
         flexDirection: "column",
         children: [
-          hasMoreAbove ? /* @__PURE__ */ jsxDEV12("text", {
-            fg: dialogColors.textMuted,
+          hasMoreAbove ? /* @__PURE__ */ jsxDEV13("text", {
+            fg: dialogColors2.textMuted,
             children: "\u2191 more"
           }, undefined, false, undefined, this) : null,
           visibleItems.map((item, visibleIndex) => {
@@ -5409,9 +5714,9 @@ function BookmarkFolderSelectorContent({
             const isSelected = actualIndex === selectedIndex;
             const isAllBookmarks = item === null;
             const label = isAllBookmarks ? "All Bookmarks" : item.name;
-            return /* @__PURE__ */ jsxDEV12("text", {
-              fg: isSelected ? dialogColors.textPrimary : dialogColors.textSecondary,
-              bg: isSelected ? dialogColors.bgHover : undefined,
+            return /* @__PURE__ */ jsxDEV13("text", {
+              fg: isSelected ? dialogColors2.textPrimary : dialogColors2.textSecondary,
+              bg: isSelected ? dialogColors2.bgHover : undefined,
               children: [
                 isSelected ? " \u203A " : "   ",
                 label,
@@ -5419,14 +5724,14 @@ function BookmarkFolderSelectorContent({
               ]
             }, isAllBookmarks ? "all" : item.id, true, undefined, this);
           }),
-          hasMoreBelow ? /* @__PURE__ */ jsxDEV12("text", {
-            fg: dialogColors.textMuted,
+          hasMoreBelow ? /* @__PURE__ */ jsxDEV13("text", {
+            fg: dialogColors2.textMuted,
             children: "\u2193 more"
           }, undefined, false, undefined, this) : null
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("box", {
-        backgroundColor: dialogColors.bgPanel,
+      /* @__PURE__ */ jsxDEV13("box", {
+        backgroundColor: dialogColors2.bgPanel,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -5434,28 +5739,28 @@ function BookmarkFolderSelectorContent({
         flexDirection: "row",
         gap: 2,
         children: [
-          /* @__PURE__ */ jsxDEV12("text", {
-            fg: dialogColors.textMuted,
+          /* @__PURE__ */ jsxDEV13("text", {
+            fg: dialogColors2.textMuted,
             children: "j/k"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("text", {
-            fg: dialogColors.textSecondary,
+          /* @__PURE__ */ jsxDEV13("text", {
+            fg: dialogColors2.textSecondary,
             children: "nav"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("text", {
-            fg: dialogColors.textMuted,
+          /* @__PURE__ */ jsxDEV13("text", {
+            fg: dialogColors2.textMuted,
             children: "Enter"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("text", {
-            fg: dialogColors.textSecondary,
+          /* @__PURE__ */ jsxDEV13("text", {
+            fg: dialogColors2.textSecondary,
             children: "select"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("text", {
-            fg: dialogColors.textMuted,
+          /* @__PURE__ */ jsxDEV13("text", {
+            fg: dialogColors2.textMuted,
             children: "Esc"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("text", {
-            fg: dialogColors.textSecondary,
+          /* @__PURE__ */ jsxDEV13("text", {
+            fg: dialogColors2.textSecondary,
             children: "cancel"
           }, undefined, false, undefined, this)
         ]
@@ -5465,9 +5770,9 @@ function BookmarkFolderSelectorContent({
 }
 
 // src/modals/DeleteFolderConfirmModal.tsx
-import { useState as useState15 } from "react";
-import { jsxDEV as jsxDEV13 } from "@opentui/react/jsx-dev-runtime";
-var dialogColors2 = {
+import { useState as useState18 } from "react";
+import { jsxDEV as jsxDEV14 } from "@opentui/react/jsx-dev-runtime";
+var dialogColors3 = {
   bgDark: "#1e1e2e",
   bgPanel: "#181825",
   bgHover: "#313244",
@@ -5484,9 +5789,9 @@ function DeleteFolderConfirmContent({
   dismiss,
   dialogId
 }) {
-  const [selected, setSelected] = useState15("cancel");
-  const [isDeleting, setIsDeleting] = useState15(false);
-  const [error, setError] = useState15(null);
+  const [selected, setSelected] = useState18("cancel");
+  const [isDeleting, setIsDeleting] = useState18(false);
+  const [error, setError] = useState18(null);
   const handleConfirm = async () => {
     if (isDeleting)
       return;
@@ -5519,11 +5824,11 @@ function DeleteFolderConfirmContent({
       dismiss();
     }
   }, dialogId);
-  return /* @__PURE__ */ jsxDEV13("box", {
+  return /* @__PURE__ */ jsxDEV14("box", {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsxDEV13("box", {
-        backgroundColor: dialogColors2.bgPanel,
+      /* @__PURE__ */ jsxDEV14("box", {
+        backgroundColor: dialogColors3.bgPanel,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -5531,20 +5836,20 @@ function DeleteFolderConfirmContent({
         flexDirection: "row",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV13("text", {
-            fg: dialogColors2.red,
+          /* @__PURE__ */ jsxDEV14("text", {
+            fg: dialogColors3.red,
             children: "*"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("text", {
-            fg: dialogColors2.textPrimary,
-            children: /* @__PURE__ */ jsxDEV13("b", {
+          /* @__PURE__ */ jsxDEV14("text", {
+            fg: dialogColors3.textPrimary,
+            children: /* @__PURE__ */ jsxDEV14("b", {
               children: "Delete Folder"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV13("box", {
-        backgroundColor: dialogColors2.bgDark,
+      /* @__PURE__ */ jsxDEV14("box", {
+        backgroundColor: dialogColors3.bgDark,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -5552,33 +5857,33 @@ function DeleteFolderConfirmContent({
         flexDirection: "column",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV13("text", {
-            fg: dialogColors2.textSecondary,
+          /* @__PURE__ */ jsxDEV14("text", {
+            fg: dialogColors3.textSecondary,
             children: "Are you sure you want to delete this folder?"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV13("text", {
-            fg: dialogColors2.textPrimary,
+          /* @__PURE__ */ jsxDEV14("text", {
+            fg: dialogColors3.textPrimary,
             children: [
               "\u2192 ",
               folderName
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV13("text", {
-            fg: dialogColors2.textMuted,
+          /* @__PURE__ */ jsxDEV14("text", {
+            fg: dialogColors3.textMuted,
             children: "Bookmarks will be moved to All Bookmarks."
           }, undefined, false, undefined, this),
-          error ? /* @__PURE__ */ jsxDEV13("text", {
+          error ? /* @__PURE__ */ jsxDEV14("text", {
             fg: colors.error,
             children: error
           }, undefined, false, undefined, this) : null,
-          isDeleting ? /* @__PURE__ */ jsxDEV13("text", {
-            fg: dialogColors2.textMuted,
+          isDeleting ? /* @__PURE__ */ jsxDEV14("text", {
+            fg: dialogColors3.textMuted,
             children: "Deleting..."
           }, undefined, false, undefined, this) : null
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV13("box", {
-        backgroundColor: dialogColors2.bgPanel,
+      /* @__PURE__ */ jsxDEV14("box", {
+        backgroundColor: dialogColors3.bgPanel,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -5587,18 +5892,18 @@ function DeleteFolderConfirmContent({
         gap: 2,
         justifyContent: "flex-end",
         children: [
-          /* @__PURE__ */ jsxDEV13("text", {
-            bg: selected === "cancel" ? dialogColors2.bgHover : undefined,
-            fg: dialogColors2.textSecondary,
+          /* @__PURE__ */ jsxDEV14("text", {
+            bg: selected === "cancel" ? dialogColors3.bgHover : undefined,
+            fg: dialogColors3.textSecondary,
             children: [
               " ",
               "Cancel",
               " "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV13("text", {
-            bg: selected === "delete" ? dialogColors2.redBg : undefined,
-            fg: selected === "delete" ? "#ffffff" : dialogColors2.red,
+          /* @__PURE__ */ jsxDEV14("text", {
+            bg: selected === "delete" ? dialogColors3.redBg : undefined,
+            fg: selected === "delete" ? "#ffffff" : dialogColors3.red,
             children: [
               " ",
               "Delete",
@@ -5612,11 +5917,11 @@ function DeleteFolderConfirmContent({
 }
 
 // src/modals/ExitConfirmationModal.tsx
-import { useState as useState16 } from "react";
-import { jsxDEV as jsxDEV14 } from "@opentui/react/jsx-dev-runtime";
+import { useState as useState19 } from "react";
+import { jsxDEV as jsxDEV15 } from "@opentui/react/jsx-dev-runtime";
 var OPTIONS = ["Logout and exit", "Just exit", "Cancel"];
 var OPTION_COUNT = OPTIONS.length;
-var dialogColors3 = {
+var dialogColors4 = {
   bgDark: "#1e1e2e",
   bgPanel: "#181825",
   bgHover: "#313244",
@@ -5631,7 +5936,7 @@ function ExitConfirmationContent({
   dismiss,
   dialogId
 }) {
-  const [selectedIndex, setSelectedIndex] = useState16(2);
+  const [selectedIndex, setSelectedIndex] = useState19(2);
   useDialogKeyboard((key) => {
     if (key.name === "l") {
       resolve("logout");
@@ -5663,11 +5968,11 @@ function ExitConfirmationContent({
       }
     }
   }, dialogId);
-  return /* @__PURE__ */ jsxDEV14("box", {
+  return /* @__PURE__ */ jsxDEV15("box", {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsxDEV14("box", {
-        backgroundColor: dialogColors3.bgPanel,
+      /* @__PURE__ */ jsxDEV15("box", {
+        backgroundColor: dialogColors4.bgPanel,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -5675,28 +5980,28 @@ function ExitConfirmationContent({
         flexDirection: "row",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV14("text", {
-            fg: dialogColors3.warning,
+          /* @__PURE__ */ jsxDEV15("text", {
+            fg: dialogColors4.warning,
             children: "\u26A0"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14("text", {
-            fg: dialogColors3.textPrimary,
-            children: /* @__PURE__ */ jsxDEV14("b", {
+          /* @__PURE__ */ jsxDEV15("text", {
+            fg: dialogColors4.textPrimary,
+            children: /* @__PURE__ */ jsxDEV15("b", {
               children: "Exit xfeed?"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV14("box", {
-        backgroundColor: dialogColors3.bgDark,
+      /* @__PURE__ */ jsxDEV15("box", {
+        backgroundColor: dialogColors4.bgDark,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
         paddingBottom: 1,
         flexDirection: "column",
-        children: OPTIONS.map((option, index) => /* @__PURE__ */ jsxDEV14("text", {
-          fg: selectedIndex === index ? dialogColors3.textPrimary : dialogColors3.textSecondary,
-          bg: selectedIndex === index ? dialogColors3.bgHover : undefined,
+        children: OPTIONS.map((option, index) => /* @__PURE__ */ jsxDEV15("text", {
+          fg: selectedIndex === index ? dialogColors4.textPrimary : dialogColors4.textSecondary,
+          bg: selectedIndex === index ? dialogColors4.bgHover : undefined,
           children: [
             selectedIndex === index ? " \u203A " : "   ",
             option,
@@ -5704,8 +6009,8 @@ function ExitConfirmationContent({
           ]
         }, option, true, undefined, this))
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14("box", {
-        backgroundColor: dialogColors3.bgPanel,
+      /* @__PURE__ */ jsxDEV15("box", {
+        backgroundColor: dialogColors4.bgPanel,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -5713,28 +6018,28 @@ function ExitConfirmationContent({
         flexDirection: "row",
         gap: 2,
         children: [
-          /* @__PURE__ */ jsxDEV14("text", {
-            fg: dialogColors3.textMuted,
+          /* @__PURE__ */ jsxDEV15("text", {
+            fg: dialogColors4.textMuted,
             children: "l"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14("text", {
-            fg: dialogColors3.textSecondary,
+          /* @__PURE__ */ jsxDEV15("text", {
+            fg: dialogColors4.textSecondary,
             children: "logout"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14("text", {
-            fg: dialogColors3.textMuted,
+          /* @__PURE__ */ jsxDEV15("text", {
+            fg: dialogColors4.textMuted,
             children: "y"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14("text", {
-            fg: dialogColors3.textSecondary,
+          /* @__PURE__ */ jsxDEV15("text", {
+            fg: dialogColors4.textSecondary,
             children: "exit"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14("text", {
-            fg: dialogColors3.textMuted,
+          /* @__PURE__ */ jsxDEV15("text", {
+            fg: dialogColors4.textMuted,
             children: "n/Esc"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14("text", {
-            fg: dialogColors3.textSecondary,
+          /* @__PURE__ */ jsxDEV15("text", {
+            fg: dialogColors4.textSecondary,
             children: "cancel"
           }, undefined, false, undefined, this)
         ]
@@ -5744,10 +6049,10 @@ function ExitConfirmationContent({
 }
 
 // src/modals/FolderNameInputModal.tsx
-import { useState as useState17 } from "react";
-import { jsxDEV as jsxDEV15 } from "@opentui/react/jsx-dev-runtime";
+import { useState as useState20 } from "react";
+import { jsxDEV as jsxDEV16 } from "@opentui/react/jsx-dev-runtime";
 var MAX_FOLDER_NAME_LENGTH = 25;
-var dialogColors4 = {
+var dialogColors5 = {
   bgDark: "#1e1e2e",
   bgPanel: "#181825",
   bgInput: "#11111b",
@@ -5764,9 +6069,9 @@ function FolderNameInputContent({
   dismiss,
   dialogId
 }) {
-  const [value, setValue] = useState17(initialName);
-  const [isSubmitting, setIsSubmitting] = useState17(false);
-  const [error, setError] = useState17(null);
+  const [value, setValue] = useState20(initialName);
+  const [isSubmitting, setIsSubmitting] = useState20(false);
+  const [error, setError] = useState20(null);
   const handleSubmit = async () => {
     const trimmed = value.trim();
     if (!trimmed) {
@@ -5798,11 +6103,11 @@ function FolderNameInputContent({
   }, dialogId);
   const title = mode === "create" ? "Create Folder" : "Rename Folder";
   const buttonText = mode === "create" ? "Create" : "Save";
-  return /* @__PURE__ */ jsxDEV15("box", {
+  return /* @__PURE__ */ jsxDEV16("box", {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsxDEV15("box", {
-        backgroundColor: dialogColors4.bgPanel,
+      /* @__PURE__ */ jsxDEV16("box", {
+        backgroundColor: dialogColors5.bgPanel,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -5810,20 +6115,20 @@ function FolderNameInputContent({
         flexDirection: "row",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV15("text", {
-            fg: dialogColors4.accent,
+          /* @__PURE__ */ jsxDEV16("text", {
+            fg: dialogColors5.accent,
             children: "\uD83D\uDCC1"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV15("text", {
-            fg: dialogColors4.textPrimary,
-            children: /* @__PURE__ */ jsxDEV15("b", {
+          /* @__PURE__ */ jsxDEV16("text", {
+            fg: dialogColors5.textPrimary,
+            children: /* @__PURE__ */ jsxDEV16("b", {
               children: title
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV15("box", {
-        backgroundColor: dialogColors4.bgDark,
+      /* @__PURE__ */ jsxDEV16("box", {
+        backgroundColor: dialogColors5.bgDark,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -5831,7 +6136,7 @@ function FolderNameInputContent({
         flexDirection: "column",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV15("input", {
+          /* @__PURE__ */ jsxDEV16("input", {
             value,
             placeholder: "Enter folder name...",
             maxLength: MAX_FOLDER_NAME_LENGTH,
@@ -5846,31 +6151,31 @@ function FolderNameInputContent({
             },
             width: 30,
             height: 1,
-            backgroundColor: dialogColors4.bgInput,
-            textColor: dialogColors4.textPrimary,
-            placeholderColor: dialogColors4.textMuted,
-            cursorColor: dialogColors4.accent
+            backgroundColor: dialogColors5.bgInput,
+            textColor: dialogColors5.textPrimary,
+            placeholderColor: dialogColors5.textMuted,
+            cursorColor: dialogColors5.accent
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV15("text", {
-            fg: value.length > MAX_FOLDER_NAME_LENGTH ? colors.error : dialogColors4.textMuted,
+          /* @__PURE__ */ jsxDEV16("text", {
+            fg: value.length > MAX_FOLDER_NAME_LENGTH ? colors.error : dialogColors5.textMuted,
             children: [
               value.length,
               "/",
               MAX_FOLDER_NAME_LENGTH
             ]
           }, undefined, true, undefined, this),
-          error ? /* @__PURE__ */ jsxDEV15("text", {
+          error ? /* @__PURE__ */ jsxDEV16("text", {
             fg: colors.error,
             children: error
           }, undefined, false, undefined, this) : null,
-          isSubmitting ? /* @__PURE__ */ jsxDEV15("text", {
-            fg: dialogColors4.textMuted,
+          isSubmitting ? /* @__PURE__ */ jsxDEV16("text", {
+            fg: dialogColors5.textMuted,
             children: "Saving..."
           }, undefined, false, undefined, this) : null
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV15("box", {
-        backgroundColor: dialogColors4.bgPanel,
+      /* @__PURE__ */ jsxDEV16("box", {
+        backgroundColor: dialogColors5.bgPanel,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -5878,20 +6183,20 @@ function FolderNameInputContent({
         flexDirection: "row",
         gap: 2,
         children: [
-          /* @__PURE__ */ jsxDEV15("text", {
-            fg: dialogColors4.textMuted,
+          /* @__PURE__ */ jsxDEV16("text", {
+            fg: dialogColors5.textMuted,
             children: "Enter"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV15("text", {
-            fg: dialogColors4.textSecondary,
+          /* @__PURE__ */ jsxDEV16("text", {
+            fg: dialogColors5.textSecondary,
             children: buttonText.toLowerCase()
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV15("text", {
-            fg: dialogColors4.textMuted,
+          /* @__PURE__ */ jsxDEV16("text", {
+            fg: dialogColors5.textMuted,
             children: "Esc"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV15("text", {
-            fg: dialogColors4.textSecondary,
+          /* @__PURE__ */ jsxDEV16("text", {
+            fg: dialogColors5.textSecondary,
             children: "cancel"
           }, undefined, false, undefined, this)
         ]
@@ -5901,10 +6206,10 @@ function FolderNameInputContent({
 }
 
 // src/modals/FolderPicker.tsx
-import { useEffect as useEffect12, useState as useState18 } from "react";
-import { jsxDEV as jsxDEV16 } from "@opentui/react/jsx-dev-runtime";
+import { useEffect as useEffect13, useState as useState21 } from "react";
+import { jsxDEV as jsxDEV17 } from "@opentui/react/jsx-dev-runtime";
 var MAX_VISIBLE_FOLDERS = 5;
-var dialogColors5 = {
+var dialogColors6 = {
   bgDark: "#1e1e2e",
   bgPanel: "#181825",
   bgHover: "#313244",
@@ -5920,7 +6225,7 @@ function FolderPickerContent({
   dialogId
 }) {
   const { folders, loading, error } = useBookmarkFolders({ client });
-  const [windowStart, setWindowStart] = useState18(0);
+  const [windowStart, setWindowStart] = useState21(0);
   const { selectedIndex } = useListNavigation({
     itemCount: folders.length,
     enabled: !loading && !error && folders.length > 0,
@@ -5936,7 +6241,7 @@ function FolderPickerContent({
       dismiss();
     }
   }, dialogId);
-  useEffect12(() => {
+  useEffect13(() => {
     if (folders.length === 0)
       return;
     const windowEnd = windowStart + MAX_VISIBLE_FOLDERS - 1;
@@ -5947,11 +6252,11 @@ function FolderPickerContent({
     }
   }, [selectedIndex, windowStart, folders.length]);
   if (loading) {
-    return /* @__PURE__ */ jsxDEV16("box", {
+    return /* @__PURE__ */ jsxDEV17("box", {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxDEV16("box", {
-          backgroundColor: dialogColors5.bgPanel,
+        /* @__PURE__ */ jsxDEV17("box", {
+          backgroundColor: dialogColors6.bgPanel,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
@@ -5959,31 +6264,31 @@ function FolderPickerContent({
           flexDirection: "row",
           gap: 1,
           children: [
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.accent,
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.accent,
               children: "\uD83D\uDCC1"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.textPrimary,
-              children: /* @__PURE__ */ jsxDEV16("b", {
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.textPrimary,
+              children: /* @__PURE__ */ jsxDEV17("b", {
                 children: "Move to Folder"
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV16("box", {
-          backgroundColor: dialogColors5.bgDark,
+        /* @__PURE__ */ jsxDEV17("box", {
+          backgroundColor: dialogColors6.bgDark,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
           paddingBottom: 1,
-          children: /* @__PURE__ */ jsxDEV16("text", {
-            fg: dialogColors5.textMuted,
+          children: /* @__PURE__ */ jsxDEV17("text", {
+            fg: dialogColors6.textMuted,
             children: "Loading folders..."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV16("box", {
-          backgroundColor: dialogColors5.bgPanel,
+        /* @__PURE__ */ jsxDEV17("box", {
+          backgroundColor: dialogColors6.bgPanel,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
@@ -5991,12 +6296,12 @@ function FolderPickerContent({
           flexDirection: "row",
           gap: 2,
           children: [
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.textMuted,
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.textMuted,
               children: "Esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.textSecondary,
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.textSecondary,
               children: "cancel"
             }, undefined, false, undefined, this)
           ]
@@ -6005,11 +6310,11 @@ function FolderPickerContent({
     }, undefined, true, undefined, this);
   }
   if (error) {
-    return /* @__PURE__ */ jsxDEV16("box", {
+    return /* @__PURE__ */ jsxDEV17("box", {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxDEV16("box", {
-          backgroundColor: dialogColors5.bgPanel,
+        /* @__PURE__ */ jsxDEV17("box", {
+          backgroundColor: dialogColors6.bgPanel,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
@@ -6017,25 +6322,25 @@ function FolderPickerContent({
           flexDirection: "row",
           gap: 1,
           children: [
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.accent,
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.accent,
               children: "\uD83D\uDCC1"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.textPrimary,
-              children: /* @__PURE__ */ jsxDEV16("b", {
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.textPrimary,
+              children: /* @__PURE__ */ jsxDEV17("b", {
                 children: "Move to Folder"
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV16("box", {
-          backgroundColor: dialogColors5.bgDark,
+        /* @__PURE__ */ jsxDEV17("box", {
+          backgroundColor: dialogColors6.bgDark,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
           paddingBottom: 1,
-          children: /* @__PURE__ */ jsxDEV16("text", {
+          children: /* @__PURE__ */ jsxDEV17("text", {
             fg: colors.error,
             children: [
               "Error: ",
@@ -6043,8 +6348,8 @@ function FolderPickerContent({
             ]
           }, undefined, true, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV16("box", {
-          backgroundColor: dialogColors5.bgPanel,
+        /* @__PURE__ */ jsxDEV17("box", {
+          backgroundColor: dialogColors6.bgPanel,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
@@ -6052,12 +6357,12 @@ function FolderPickerContent({
           flexDirection: "row",
           gap: 2,
           children: [
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.textMuted,
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.textMuted,
               children: "Esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.textSecondary,
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.textSecondary,
               children: "close"
             }, undefined, false, undefined, this)
           ]
@@ -6066,11 +6371,11 @@ function FolderPickerContent({
     }, undefined, true, undefined, this);
   }
   if (folders.length === 0) {
-    return /* @__PURE__ */ jsxDEV16("box", {
+    return /* @__PURE__ */ jsxDEV17("box", {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxDEV16("box", {
-          backgroundColor: dialogColors5.bgPanel,
+        /* @__PURE__ */ jsxDEV17("box", {
+          backgroundColor: dialogColors6.bgPanel,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
@@ -6078,20 +6383,20 @@ function FolderPickerContent({
           flexDirection: "row",
           gap: 1,
           children: [
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.accent,
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.accent,
               children: "\uD83D\uDCC1"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.textPrimary,
-              children: /* @__PURE__ */ jsxDEV16("b", {
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.textPrimary,
+              children: /* @__PURE__ */ jsxDEV17("b", {
                 children: "Move to Folder"
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV16("box", {
-          backgroundColor: dialogColors5.bgDark,
+        /* @__PURE__ */ jsxDEV17("box", {
+          backgroundColor: dialogColors6.bgDark,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
@@ -6099,18 +6404,18 @@ function FolderPickerContent({
           flexDirection: "column",
           gap: 1,
           children: [
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.textSecondary,
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.textSecondary,
               children: "No folders yet."
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.textMuted,
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.textMuted,
               children: "Create folders on x.com"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV16("box", {
-          backgroundColor: dialogColors5.bgPanel,
+        /* @__PURE__ */ jsxDEV17("box", {
+          backgroundColor: dialogColors6.bgPanel,
           paddingLeft: 3,
           paddingRight: 3,
           paddingTop: 1,
@@ -6118,12 +6423,12 @@ function FolderPickerContent({
           flexDirection: "row",
           gap: 2,
           children: [
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.textMuted,
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.textMuted,
               children: "Esc"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV16("text", {
-              fg: dialogColors5.textSecondary,
+            /* @__PURE__ */ jsxDEV17("text", {
+              fg: dialogColors6.textSecondary,
               children: "close"
             }, undefined, false, undefined, this)
           ]
@@ -6134,11 +6439,11 @@ function FolderPickerContent({
   const hasMoreAbove = windowStart > 0;
   const hasMoreBelow = windowStart + MAX_VISIBLE_FOLDERS < folders.length;
   const visibleFolders = folders.slice(windowStart, windowStart + MAX_VISIBLE_FOLDERS);
-  return /* @__PURE__ */ jsxDEV16("box", {
+  return /* @__PURE__ */ jsxDEV17("box", {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsxDEV16("box", {
-        backgroundColor: dialogColors5.bgPanel,
+      /* @__PURE__ */ jsxDEV17("box", {
+        backgroundColor: dialogColors6.bgPanel,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -6146,18 +6451,18 @@ function FolderPickerContent({
         flexDirection: "row",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV16("text", {
-            fg: dialogColors5.accent,
+          /* @__PURE__ */ jsxDEV17("text", {
+            fg: dialogColors6.accent,
             children: "\uD83D\uDCC1"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV16("text", {
-            fg: dialogColors5.textPrimary,
-            children: /* @__PURE__ */ jsxDEV16("b", {
+          /* @__PURE__ */ jsxDEV17("text", {
+            fg: dialogColors6.textPrimary,
+            children: /* @__PURE__ */ jsxDEV17("b", {
               children: "Move to Folder"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV16("text", {
-            fg: dialogColors5.textMuted,
+          /* @__PURE__ */ jsxDEV17("text", {
+            fg: dialogColors6.textMuted,
             children: [
               "(",
               folders.length,
@@ -6166,24 +6471,24 @@ function FolderPickerContent({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV16("box", {
-        backgroundColor: dialogColors5.bgDark,
+      /* @__PURE__ */ jsxDEV17("box", {
+        backgroundColor: dialogColors6.bgDark,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
         paddingBottom: 1,
         flexDirection: "column",
         children: [
-          hasMoreAbove ? /* @__PURE__ */ jsxDEV16("text", {
-            fg: dialogColors5.textMuted,
+          hasMoreAbove ? /* @__PURE__ */ jsxDEV17("text", {
+            fg: dialogColors6.textMuted,
             children: "\u2191 more"
           }, undefined, false, undefined, this) : null,
           visibleFolders.map((folder, visibleIndex) => {
             const actualIndex = windowStart + visibleIndex;
             const isSelected = actualIndex === selectedIndex;
-            return /* @__PURE__ */ jsxDEV16("text", {
-              fg: isSelected ? dialogColors5.textPrimary : dialogColors5.textSecondary,
-              bg: isSelected ? dialogColors5.bgHover : undefined,
+            return /* @__PURE__ */ jsxDEV17("text", {
+              fg: isSelected ? dialogColors6.textPrimary : dialogColors6.textSecondary,
+              bg: isSelected ? dialogColors6.bgHover : undefined,
               children: [
                 isSelected ? " \u203A " : "   ",
                 folder.name,
@@ -6191,14 +6496,14 @@ function FolderPickerContent({
               ]
             }, folder.id, true, undefined, this);
           }),
-          hasMoreBelow ? /* @__PURE__ */ jsxDEV16("text", {
-            fg: dialogColors5.textMuted,
+          hasMoreBelow ? /* @__PURE__ */ jsxDEV17("text", {
+            fg: dialogColors6.textMuted,
             children: "\u2193 more"
           }, undefined, false, undefined, this) : null
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV16("box", {
-        backgroundColor: dialogColors5.bgPanel,
+      /* @__PURE__ */ jsxDEV17("box", {
+        backgroundColor: dialogColors6.bgPanel,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -6206,28 +6511,28 @@ function FolderPickerContent({
         flexDirection: "row",
         gap: 2,
         children: [
-          /* @__PURE__ */ jsxDEV16("text", {
-            fg: dialogColors5.textMuted,
+          /* @__PURE__ */ jsxDEV17("text", {
+            fg: dialogColors6.textMuted,
             children: "j/k"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV16("text", {
-            fg: dialogColors5.textSecondary,
+          /* @__PURE__ */ jsxDEV17("text", {
+            fg: dialogColors6.textSecondary,
             children: "nav"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV16("text", {
-            fg: dialogColors5.textMuted,
+          /* @__PURE__ */ jsxDEV17("text", {
+            fg: dialogColors6.textMuted,
             children: "Enter"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV16("text", {
-            fg: dialogColors5.textSecondary,
+          /* @__PURE__ */ jsxDEV17("text", {
+            fg: dialogColors6.textSecondary,
             children: "select"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV16("text", {
-            fg: dialogColors5.textMuted,
+          /* @__PURE__ */ jsxDEV17("text", {
+            fg: dialogColors6.textMuted,
             children: "Esc"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV16("text", {
-            fg: dialogColors5.textSecondary,
+          /* @__PURE__ */ jsxDEV17("text", {
+            fg: dialogColors6.textSecondary,
             children: "cancel"
           }, undefined, false, undefined, this)
         ]
@@ -6238,8 +6543,8 @@ function FolderPickerContent({
 
 // src/modals/SessionExpiredModal.tsx
 import { useRenderer as useRenderer2 } from "@opentui/react";
-import { jsxDEV as jsxDEV17 } from "@opentui/react/jsx-dev-runtime";
-var dialogColors6 = {
+import { jsxDEV as jsxDEV18 } from "@opentui/react/jsx-dev-runtime";
+var dialogColors7 = {
   bgDark: "#1e1e2e",
   bgPanel: "#181825",
   textPrimary: "#cdd6f4",
@@ -6258,11 +6563,11 @@ function SessionExpiredContent({
       renderer.destroy();
     }
   }, dialogId);
-  return /* @__PURE__ */ jsxDEV17("box", {
+  return /* @__PURE__ */ jsxDEV18("box", {
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsxDEV17("box", {
-        backgroundColor: dialogColors6.bgPanel,
+      /* @__PURE__ */ jsxDEV18("box", {
+        backgroundColor: dialogColors7.bgPanel,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -6270,20 +6575,237 @@ function SessionExpiredContent({
         flexDirection: "row",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV17("text", {
-            fg: dialogColors6.red,
+          /* @__PURE__ */ jsxDEV18("text", {
+            fg: dialogColors7.red,
             children: "\u2715"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV17("text", {
-            fg: dialogColors6.textPrimary,
-            children: /* @__PURE__ */ jsxDEV17("b", {
+          /* @__PURE__ */ jsxDEV18("text", {
+            fg: dialogColors7.textPrimary,
+            children: /* @__PURE__ */ jsxDEV18("b", {
               children: "Session Expired"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV17("box", {
-        backgroundColor: dialogColors6.bgDark,
+      /* @__PURE__ */ jsxDEV18("box", {
+        backgroundColor: dialogColors7.bgDark,
+        paddingLeft: 3,
+        paddingRight: 3,
+        paddingTop: 1,
+        paddingBottom: 1,
+        flexDirection: "column",
+        gap: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV18("text", {
+            fg: dialogColors7.textSecondary,
+            children: "Your tokens are no longer valid."
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV18("text", {
+            fg: dialogColors7.textMuted,
+            children: "Please restart the app and log in again."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV18("box", {
+        backgroundColor: dialogColors7.bgPanel,
+        paddingLeft: 3,
+        paddingRight: 3,
+        paddingTop: 1,
+        paddingBottom: 1,
+        flexDirection: "row",
+        gap: 2,
+        children: [
+          /* @__PURE__ */ jsxDEV18("text", {
+            fg: dialogColors7.textMuted,
+            children: "Enter"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV18("text", {
+            fg: dialogColors7.textSecondary,
+            children: "quit"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/modals/UrlInputModal.tsx
+import { useAppContext } from "@opentui/react";
+import { useEffect as useEffect14, useState as useState22 } from "react";
+
+// src/lib/url-parser.ts
+var RESERVED_PATHS = new Set([
+  "home",
+  "explore",
+  "notifications",
+  "messages",
+  "settings",
+  "i",
+  "search",
+  "compose",
+  "intent",
+  "hashtag",
+  "lists"
+]);
+function parseXUrl(input) {
+  const trimmed = input.trim();
+  if (!trimmed) {
+    return { type: "invalid", error: "URL cannot be empty" };
+  }
+  let url;
+  try {
+    const withProtocol = trimmed.match(/^https?:\/\//i) ? trimmed : `https://${trimmed}`;
+    url = new URL(withProtocol);
+  } catch {
+    return { type: "invalid", error: "Invalid URL format" };
+  }
+  const hostname = url.hostname.toLowerCase();
+  if (hostname !== "x.com" && hostname !== "twitter.com" && hostname !== "www.x.com" && hostname !== "www.twitter.com" && hostname !== "mobile.x.com" && hostname !== "mobile.twitter.com") {
+    return { type: "invalid", error: "Not an X or Twitter URL" };
+  }
+  const pathSegments = url.pathname.split("/").filter(Boolean);
+  if (pathSegments.length === 0) {
+    return { type: "invalid", error: "No username or tweet ID in URL" };
+  }
+  const firstSegment = pathSegments[0];
+  if (!firstSegment) {
+    return { type: "invalid", error: "No username or tweet ID in URL" };
+  }
+  if (RESERVED_PATHS.has(firstSegment.toLowerCase())) {
+    return { type: "invalid", error: `"${firstSegment}" is not a profile` };
+  }
+  const username = firstSegment;
+  if (pathSegments.length >= 3) {
+    const secondSegment = pathSegments[1];
+    const thirdSegment = pathSegments[2];
+    if (secondSegment?.toLowerCase() === "status" && thirdSegment) {
+      if (!/^\d+$/.test(thirdSegment)) {
+        return { type: "invalid", error: "Invalid tweet ID" };
+      }
+      return { type: "tweet", username, tweetId: thirdSegment };
+    }
+  }
+  if (pathSegments.length === 1) {
+    return { type: "profile", username };
+  }
+  if (pathSegments.length >= 2) {
+    const secondSegment = pathSegments[1]?.toLowerCase();
+    const profileSubPages = new Set([
+      "followers",
+      "following",
+      "likes",
+      "with_replies",
+      "media",
+      "highlights",
+      "articles",
+      "verified_followers",
+      "photo",
+      "header_photo"
+    ]);
+    if (secondSegment && profileSubPages.has(secondSegment)) {
+      return { type: "profile", username };
+    }
+  }
+  return { type: "profile", username };
+}
+
+// src/modals/UrlInputModal.tsx
+import { jsxDEV as jsxDEV19 } from "@opentui/react/jsx-dev-runtime";
+var dialogColors8 = {
+  bgDark: "#1e1e2e",
+  bgPanel: "#181825",
+  bgInput: "#11111b",
+  textPrimary: "#cdd6f4",
+  textSecondary: "#bac2de",
+  textMuted: "#6c7086",
+  accent: "#89b4fa"
+};
+function UrlInputContent({
+  onNavigateToTweet,
+  onNavigateToProfile,
+  resolve,
+  dismiss,
+  dialogId
+}) {
+  const [value, setValue] = useState22("");
+  const [isSubmitting, setIsSubmitting] = useState22(false);
+  const [error, setError] = useState22(null);
+  const { keyHandler } = useAppContext();
+  useDialogKeyboard((key) => {
+    if (isSubmitting)
+      return;
+    if (key.name === "escape") {
+      dismiss();
+    }
+  }, dialogId);
+  useEffect14(() => {
+    if (!keyHandler || isSubmitting)
+      return;
+    const handlePaste = (event) => {
+      setValue((prev) => prev + event.text);
+      if (error)
+        setError(null);
+    };
+    keyHandler.on("paste", handlePaste);
+    return () => {
+      keyHandler.off("paste", handlePaste);
+    };
+  }, [keyHandler, isSubmitting, error]);
+  const handleSubmit = async () => {
+    const trimmed = value.trim();
+    if (!trimmed) {
+      setError("Please paste an X URL");
+      return;
+    }
+    const parsed = parseXUrl(trimmed);
+    if (parsed.type === "invalid") {
+      setError(parsed.error);
+      return;
+    }
+    setIsSubmitting(true);
+    setError(null);
+    try {
+      if (parsed.type === "tweet") {
+        const result = await onNavigateToTweet(parsed.tweetId);
+        if (result.success) {
+          resolve(parsed);
+        } else {
+          setError(result.error ?? "Failed to load tweet");
+          setIsSubmitting(false);
+        }
+      } else {
+        const result = await onNavigateToProfile(parsed.username);
+        if (result.success) {
+          resolve(parsed);
+        } else {
+          setError(result.error ?? "Failed to load profile");
+          setIsSubmitting(false);
+        }
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to navigate");
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxDEV19("box", {
+    flexDirection: "column",
+    width: 56,
+    children: [
+      /* @__PURE__ */ jsxDEV19("box", {
+        backgroundColor: dialogColors8.bgPanel,
+        paddingLeft: 3,
+        paddingRight: 3,
+        paddingTop: 1,
+        paddingBottom: 1,
+        flexDirection: "row",
+        gap: 1,
+        children: /* @__PURE__ */ jsxDEV19("text", {
+          fg: dialogColors8.accent,
+          children: "Go to URL"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV19("box", {
+        backgroundColor: dialogColors8.bgDark,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -6291,18 +6813,41 @@ function SessionExpiredContent({
         flexDirection: "column",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV17("text", {
-            fg: dialogColors6.textSecondary,
-            children: "Your tokens are no longer valid."
+          /* @__PURE__ */ jsxDEV19("input", {
+            value,
+            placeholder: "Paste x.com URL...",
+            focused: !isSubmitting,
+            onInput: (newValue) => {
+              setValue(newValue);
+              if (error)
+                setError(null);
+            },
+            onSubmit: () => {
+              handleSubmit();
+            },
+            width: 50,
+            height: 1,
+            backgroundColor: dialogColors8.bgInput,
+            textColor: dialogColors8.textPrimary,
+            placeholderColor: dialogColors8.textMuted,
+            cursorColor: dialogColors8.accent
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV17("text", {
-            fg: dialogColors6.textMuted,
-            children: "Please restart the app and log in again."
-          }, undefined, false, undefined, this)
+          /* @__PURE__ */ jsxDEV19("text", {
+            fg: dialogColors8.textMuted,
+            children: "Supports x.com/user/status/id and x.com/user"
+          }, undefined, false, undefined, this),
+          error ? /* @__PURE__ */ jsxDEV19("text", {
+            fg: colors.error,
+            children: error
+          }, undefined, false, undefined, this) : null,
+          isSubmitting ? /* @__PURE__ */ jsxDEV19("text", {
+            fg: dialogColors8.textMuted,
+            children: "Loading..."
+          }, undefined, false, undefined, this) : null
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV17("box", {
-        backgroundColor: dialogColors6.bgPanel,
+      /* @__PURE__ */ jsxDEV19("box", {
+        backgroundColor: dialogColors8.bgPanel,
         paddingLeft: 3,
         paddingRight: 3,
         paddingTop: 1,
@@ -6310,13 +6855,21 @@ function SessionExpiredContent({
         flexDirection: "row",
         gap: 2,
         children: [
-          /* @__PURE__ */ jsxDEV17("text", {
-            fg: dialogColors6.textMuted,
+          /* @__PURE__ */ jsxDEV19("text", {
+            fg: dialogColors8.textMuted,
             children: "Enter"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV17("text", {
-            fg: dialogColors6.textSecondary,
-            children: "quit"
+          /* @__PURE__ */ jsxDEV19("text", {
+            fg: dialogColors8.textSecondary,
+            children: "go"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV19("text", {
+            fg: dialogColors8.textMuted,
+            children: "Esc"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV19("text", {
+            fg: dialogColors8.textSecondary,
+            children: "cancel"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)
@@ -6326,11 +6879,11 @@ function SessionExpiredContent({
 
 // src/screens/BookmarksScreen.tsx
 import { useKeyboard as useKeyboard6 } from "@opentui/react";
-import { useEffect as useEffect13 } from "react";
-import { jsxDEV as jsxDEV18 } from "@opentui/react/jsx-dev-runtime";
+import { useEffect as useEffect15, useState as useState23 } from "react";
+import { jsxDEV as jsxDEV20 } from "@opentui/react/jsx-dev-runtime";
 function ScreenHeader({ folderName, inFolder }) {
   const title = folderName ?? "All Bookmarks";
-  return /* @__PURE__ */ jsxDEV18("box", {
+  return /* @__PURE__ */ jsxDEV20("box", {
     style: {
       flexShrink: 0,
       paddingLeft: 1,
@@ -6339,17 +6892,17 @@ function ScreenHeader({ folderName, inFolder }) {
       flexDirection: "row"
     },
     children: [
-      /* @__PURE__ */ jsxDEV18("text", {
+      /* @__PURE__ */ jsxDEV20("text", {
         fg: colors.primary,
-        children: /* @__PURE__ */ jsxDEV18("b", {
+        children: /* @__PURE__ */ jsxDEV20("b", {
           children: title
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV18("text", {
+      /* @__PURE__ */ jsxDEV20("text", {
         fg: colors.dim,
         children: [
           " ",
-          "(f folder, n new",
+          "(a annotate, f folder, n new",
           inFolder ? ", e rename, D delete" : "",
           ")"
         ]
@@ -6367,8 +6920,10 @@ function BookmarksScreen({
   onPostSelect,
   onLike,
   onBookmark,
+  onAnnotate,
   getActionState,
   initActionState,
+  hasAnnotation,
   onCreateFolder,
   onEditFolder,
   onDeleteFolder
@@ -6382,10 +6937,11 @@ function BookmarksScreen({
     refresh,
     fetchNextPage
   } = useBookmarksQuery({ client, folderId: selectedFolder?.id });
-  useEffect13(() => {
+  const [refreshKey, setRefreshKey] = useState23(0);
+  useEffect15(() => {
     onPostCountChange?.(posts.length);
   }, [posts.length, onPostCountChange]);
-  useEffect13(() => {
+  useEffect15(() => {
     onHasMoreChange?.(hasNextPage);
   }, [hasNextPage, onHasMoreChange]);
   useKeyboard6((key) => {
@@ -6393,6 +6949,7 @@ function BookmarksScreen({
       return;
     if (key.name === "r") {
       refresh();
+      setRefreshKey((k) => k + 1);
     }
     if (key.name === "f") {
       onFolderPickerOpen?.();
@@ -6410,16 +6967,16 @@ function BookmarksScreen({
   const folderName = selectedFolder?.name ?? null;
   const inFolder = !!selectedFolder;
   if (isLoading) {
-    return /* @__PURE__ */ jsxDEV18("box", {
+    return /* @__PURE__ */ jsxDEV20("box", {
       style: { flexDirection: "column", height: "100%" },
       children: [
-        /* @__PURE__ */ jsxDEV18(ScreenHeader, {
+        /* @__PURE__ */ jsxDEV20(ScreenHeader, {
           folderName,
           inFolder
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV18("box", {
+        /* @__PURE__ */ jsxDEV20("box", {
           style: { padding: 2, flexGrow: 1 },
-          children: /* @__PURE__ */ jsxDEV18("text", {
+          children: /* @__PURE__ */ jsxDEV20("text", {
             fg: colors.muted,
             children: "Loading bookmarks..."
           }, undefined, false, undefined, this)
@@ -6428,14 +6985,14 @@ function BookmarksScreen({
     }, undefined, true, undefined, this);
   }
   if (error) {
-    return /* @__PURE__ */ jsxDEV18("box", {
+    return /* @__PURE__ */ jsxDEV20("box", {
       style: { flexDirection: "column", height: "100%" },
       children: [
-        /* @__PURE__ */ jsxDEV18(ScreenHeader, {
+        /* @__PURE__ */ jsxDEV20(ScreenHeader, {
           folderName,
           inFolder
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV18(ErrorBanner, {
+        /* @__PURE__ */ jsxDEV20(ErrorBanner, {
           error,
           onRetry: refresh,
           retryDisabled: false
@@ -6444,16 +7001,16 @@ function BookmarksScreen({
     }, undefined, true, undefined, this);
   }
   if (posts.length === 0) {
-    return /* @__PURE__ */ jsxDEV18("box", {
+    return /* @__PURE__ */ jsxDEV20("box", {
       style: { flexDirection: "column", height: "100%" },
       children: [
-        /* @__PURE__ */ jsxDEV18(ScreenHeader, {
+        /* @__PURE__ */ jsxDEV20(ScreenHeader, {
           folderName,
           inFolder
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV18("box", {
+        /* @__PURE__ */ jsxDEV20("box", {
           style: { padding: 2, flexGrow: 1 },
-          children: /* @__PURE__ */ jsxDEV18("text", {
+          children: /* @__PURE__ */ jsxDEV20("text", {
             fg: colors.muted,
             children: selectedFolder ? "No bookmarks in this folder. Press r to refresh." : "No bookmarks yet. Press r to refresh."
           }, undefined, false, undefined, this)
@@ -6461,24 +7018,27 @@ function BookmarksScreen({
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV18("box", {
+  return /* @__PURE__ */ jsxDEV20("box", {
     style: { flexDirection: "column", height: "100%" },
     children: [
-      /* @__PURE__ */ jsxDEV18(ScreenHeader, {
+      /* @__PURE__ */ jsxDEV20(ScreenHeader, {
         folderName,
         inFolder
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV18(PostList, {
+      /* @__PURE__ */ jsxDEV20(PostList, {
         posts,
         focused,
         onPostSelect,
         onLike,
         onBookmark,
+        onAnnotate,
         getActionState,
         initActionState,
+        hasAnnotation,
         onLoadMore: fetchNextPage,
         loadingMore: isFetchingNextPage,
-        hasMore: hasNextPage
+        hasMore: hasNextPage,
+        refreshKey
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
@@ -6486,13 +7046,13 @@ function BookmarksScreen({
 
 // src/screens/NotificationsScreen.tsx
 import { useKeyboard as useKeyboard7 } from "@opentui/react";
-import { useEffect as useEffect16 } from "react";
+import { useEffect as useEffect18 } from "react";
 
 // src/components/NotificationList.tsx
-import { useEffect as useEffect14, useRef as useRef9 } from "react";
+import { useEffect as useEffect16, useRef as useRef10 } from "react";
 
 // src/components/NotificationItem.tsx
-import { jsxDEV as jsxDEV19 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV21 } from "@opentui/react/jsx-dev-runtime";
 var ICON_MAP = {
   heart_icon: { symbol: "\u2665", color: colors.error, label: "like" },
   person_icon: { symbol: "\u2603", color: colors.primary, label: "follow" },
@@ -6511,7 +7071,7 @@ function NotificationItem({
     label: "notification"
   };
   const timeAgo = formatRelativeTime(notification.timestamp);
-  return /* @__PURE__ */ jsxDEV19("box", {
+  return /* @__PURE__ */ jsxDEV21("box", {
     id,
     style: {
       flexDirection: "column",
@@ -6522,25 +7082,25 @@ function NotificationItem({
       backgroundColor: isSelected ? colors.selectedBg : undefined
     },
     children: [
-      /* @__PURE__ */ jsxDEV19("box", {
+      /* @__PURE__ */ jsxDEV21("box", {
         style: { flexDirection: "row" },
         children: [
-          /* @__PURE__ */ jsxDEV19("text", {
+          /* @__PURE__ */ jsxDEV21("text", {
             fg: iconInfo.color,
             children: isSelected ? "> " : "  "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV19("text", {
+          /* @__PURE__ */ jsxDEV21("text", {
             fg: iconInfo.color,
             children: [
               iconInfo.symbol,
               " "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV19("text", {
+          /* @__PURE__ */ jsxDEV21("text", {
             fg: "#ffffff",
             children: notification.message
           }, undefined, false, undefined, this),
-          timeAgo && /* @__PURE__ */ jsxDEV19("text", {
+          timeAgo && /* @__PURE__ */ jsxDEV21("text", {
             fg: colors.dim,
             children: [
               " \xB7 ",
@@ -6549,9 +7109,9 @@ function NotificationItem({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      notification.targetTweet && /* @__PURE__ */ jsxDEV19("box", {
+      notification.targetTweet && /* @__PURE__ */ jsxDEV21("box", {
         style: { paddingLeft: 4, marginTop: 1 },
-        children: /* @__PURE__ */ jsxDEV19("text", {
+        children: /* @__PURE__ */ jsxDEV21("text", {
           fg: colors.muted,
           children: [
             '"',
@@ -6560,9 +7120,9 @@ function NotificationItem({
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      notification.icon === "person_icon" && notification.fromUsers && notification.fromUsers.length > 0 && /* @__PURE__ */ jsxDEV19("box", {
+      notification.icon === "person_icon" && notification.fromUsers && notification.fromUsers.length > 0 && /* @__PURE__ */ jsxDEV21("box", {
         style: { paddingLeft: 4, marginTop: 1 },
-        children: /* @__PURE__ */ jsxDEV19("text", {
+        children: /* @__PURE__ */ jsxDEV21("text", {
           fg: colors.dim,
           children: [
             "@",
@@ -6575,7 +7135,7 @@ function NotificationItem({
 }
 
 // src/components/NotificationList.tsx
-import { jsxDEV as jsxDEV20 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV22 } from "@opentui/react/jsx-dev-runtime";
 function getNotificationItemId(notificationId) {
   return `notification-${notificationId}`;
 }
@@ -6587,10 +7147,10 @@ function NotificationList({
   loadingMore = false,
   hasMore = true
 }) {
-  const scrollRef = useRef9(null);
-  const savedScrollTop = useRef9(0);
-  const wasFocused = useRef9(focused);
-  useEffect14(() => {
+  const scrollRef = useRef10(null);
+  const savedScrollTop = useRef10(0);
+  const wasFocused = useRef10(focused);
+  useEffect16(() => {
     const scrollbox = scrollRef.current;
     if (!scrollbox)
       return;
@@ -6612,7 +7172,7 @@ function NotificationList({
       }
     }
   });
-  useEffect14(() => {
+  useEffect16(() => {
     const scrollbox = scrollRef.current;
     if (!scrollbox || notifications.length === 0)
       return;
@@ -6641,7 +7201,7 @@ function NotificationList({
       scrollbox.scrollBy(relativeY - topMargin);
     }
   }, [selectedIndex, notifications.length]);
-  useEffect14(() => {
+  useEffect16(() => {
     if (!onLoadMore || loadingMore || !hasMore || notifications.length === 0)
       return;
     const threshold = 5;
@@ -6650,15 +7210,15 @@ function NotificationList({
     }
   }, [selectedIndex, notifications.length, onLoadMore, loadingMore, hasMore]);
   if (notifications.length === 0) {
-    return /* @__PURE__ */ jsxDEV20("box", {
+    return /* @__PURE__ */ jsxDEV22("box", {
       style: { padding: 2 },
-      children: /* @__PURE__ */ jsxDEV20("text", {
+      children: /* @__PURE__ */ jsxDEV22("text", {
         fg: colors.muted,
         children: "No notifications"
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV20("scrollbox", {
+  return /* @__PURE__ */ jsxDEV22("scrollbox", {
     ref: scrollRef,
     focused,
     style: {
@@ -6666,21 +7226,21 @@ function NotificationList({
       height: "100%"
     },
     children: [
-      notifications.map((notification, index) => /* @__PURE__ */ jsxDEV20(NotificationItem, {
+      notifications.map((notification, index) => /* @__PURE__ */ jsxDEV22(NotificationItem, {
         id: getNotificationItemId(notification.id),
         notification,
         isSelected: index === selectedIndex
       }, notification.id, false, undefined, this)),
-      loadingMore ? /* @__PURE__ */ jsxDEV20("box", {
+      loadingMore ? /* @__PURE__ */ jsxDEV22("box", {
         style: { padding: 1, paddingLeft: 2 },
-        children: /* @__PURE__ */ jsxDEV20("text", {
+        children: /* @__PURE__ */ jsxDEV22("text", {
           fg: colors.muted,
           children: "Loading more..."
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this) : null,
-      !hasMore && notifications.length > 0 ? /* @__PURE__ */ jsxDEV20("box", {
+      !hasMore && notifications.length > 0 ? /* @__PURE__ */ jsxDEV22("box", {
         style: { padding: 1, paddingLeft: 2 },
-        children: /* @__PURE__ */ jsxDEV20("text", {
+        children: /* @__PURE__ */ jsxDEV22("text", {
           fg: colors.dim,
           children: "No more notifications"
         }, undefined, false, undefined, this)
@@ -6692,10 +7252,10 @@ function NotificationList({
 // src/experiments/use-notifications-query.ts
 import { useInfiniteQuery as useInfiniteQuery4 } from "@tanstack/react-query";
 import { appendFileSync } from "fs";
-import { homedir as homedir2 } from "os";
+import { homedir as homedir3 } from "os";
 import { join } from "path";
-import { useCallback as useCallback12, useEffect as useEffect15, useMemo as useMemo7, useRef as useRef10, useState as useState19 } from "react";
-var LOG_FILE = join(homedir2(), ".xfeed-notifications.log");
+import { useCallback as useCallback13, useEffect as useEffect17, useMemo as useMemo7, useRef as useRef11, useState as useState24 } from "react";
+var LOG_FILE = join(homedir3(), ".xfeed-notifications.log");
 function log(message, data) {
   const timestamp = new Date().toISOString();
   const line = data ? `[${timestamp}] ${message}: ${JSON.stringify(data)}
@@ -6777,8 +7337,8 @@ function useNotificationsQuery({
   client,
   pollingInterval = DEFAULT_POLLING_INTERVAL
 }) {
-  const lastSeenNewestIdRef = useRef10(null);
-  const [newNotificationsCount, setNewNotificationsCount] = useState19(0);
+  const lastSeenNewestIdRef = useRef11(null);
+  const [newNotificationsCount, setNewNotificationsCount] = useState24(0);
   log("useNotificationsQuery render", {
     lastSeenNewestId: lastSeenNewestIdRef.current,
     newNotificationsCount
@@ -6821,22 +7381,22 @@ function useNotificationsQuery({
     });
     return count;
   }, [data?.pages, notifications]);
-  useEffect15(() => {
+  useEffect17(() => {
     if (lastSeenNewestIdRef.current === null && notifications.length > 0) {
       const newestId = notifications[0]?.id;
       log("Initializing lastSeenNewestId", { newestId });
       lastSeenNewestIdRef.current = newestId ?? null;
     }
   }, [notifications]);
-  const lastUnreadSortIndexRef = useRef10(null);
-  useEffect15(() => {
+  const lastUnreadSortIndexRef = useRef11(null);
+  useEffect17(() => {
     if (lastUnreadSortIndexRef.current === null && data?.pages?.[0]) {
       const sortIndex = data.pages[0].unreadSortIndex;
       log("Initializing lastUnreadSortIndex", { sortIndex });
       lastUnreadSortIndexRef.current = sortIndex ?? null;
     }
   }, [data?.pages]);
-  useEffect15(() => {
+  useEffect17(() => {
     if (isLoading || lastSeenNewestIdRef.current === null) {
       log("Polling not started - waiting for initial load", {
         isLoading,
@@ -6896,7 +7456,7 @@ function useNotificationsQuery({
       clearInterval(intervalId);
     };
   }, [client, isLoading, pollingInterval, refetch]);
-  const refresh = useCallback12(() => {
+  const refresh = useCallback13(() => {
     log("refresh called");
     setNewNotificationsCount(0);
     lastSeenNewestIdRef.current = null;
@@ -6917,9 +7477,9 @@ function useNotificationsQuery({
 }
 
 // src/screens/NotificationsScreen.tsx
-import { jsxDEV as jsxDEV21 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV23 } from "@opentui/react/jsx-dev-runtime";
 function NewNotificationsBanner({ count }) {
-  return /* @__PURE__ */ jsxDEV21("box", {
+  return /* @__PURE__ */ jsxDEV23("box", {
     style: {
       flexShrink: 0,
       paddingLeft: 1,
@@ -6927,15 +7487,15 @@ function NewNotificationsBanner({ count }) {
       paddingTop: 0,
       paddingBottom: 1
     },
-    children: /* @__PURE__ */ jsxDEV21("box", {
+    children: /* @__PURE__ */ jsxDEV23("box", {
       style: {
         backgroundColor: colors.primary,
         paddingLeft: 2,
         paddingRight: 2
       },
-      children: /* @__PURE__ */ jsxDEV21("text", {
+      children: /* @__PURE__ */ jsxDEV23("text", {
         fg: "#000000",
-        children: /* @__PURE__ */ jsxDEV21("b", {
+        children: /* @__PURE__ */ jsxDEV23("b", {
           children: [
             count,
             " new notification",
@@ -6965,10 +7525,10 @@ function NotificationsScreen({
     refresh,
     newNotificationsCount
   } = useNotificationsQuery({ client });
-  useEffect16(() => {
+  useEffect18(() => {
     onNotificationCountChange?.(notifications.length);
   }, [notifications.length, onNotificationCountChange]);
-  useEffect16(() => {
+  useEffect18(() => {
     onUnreadCountChange?.(unreadCount);
   }, [unreadCount, onUnreadCountChange]);
   useKeyboard7((key) => {
@@ -6979,11 +7539,11 @@ function NotificationsScreen({
     }
   });
   if (isLoading) {
-    return /* @__PURE__ */ jsxDEV21("box", {
+    return /* @__PURE__ */ jsxDEV23("box", {
       style: { flexDirection: "column", height: "100%" },
-      children: /* @__PURE__ */ jsxDEV21("box", {
+      children: /* @__PURE__ */ jsxDEV23("box", {
         style: { padding: 2, flexGrow: 1 },
-        children: /* @__PURE__ */ jsxDEV21("text", {
+        children: /* @__PURE__ */ jsxDEV23("text", {
           fg: colors.muted,
           children: "Loading notifications..."
         }, undefined, false, undefined, this)
@@ -6991,9 +7551,9 @@ function NotificationsScreen({
     }, undefined, false, undefined, this);
   }
   if (error) {
-    return /* @__PURE__ */ jsxDEV21("box", {
+    return /* @__PURE__ */ jsxDEV23("box", {
       style: { flexDirection: "column", height: "100%" },
-      children: /* @__PURE__ */ jsxDEV21(ErrorBanner, {
+      children: /* @__PURE__ */ jsxDEV23(ErrorBanner, {
         error,
         onRetry: refresh,
         retryDisabled: false
@@ -7001,24 +7561,24 @@ function NotificationsScreen({
     }, undefined, false, undefined, this);
   }
   if (notifications.length === 0) {
-    return /* @__PURE__ */ jsxDEV21("box", {
+    return /* @__PURE__ */ jsxDEV23("box", {
       style: { flexDirection: "column", height: "100%" },
-      children: /* @__PURE__ */ jsxDEV21("box", {
+      children: /* @__PURE__ */ jsxDEV23("box", {
         style: { padding: 2, flexGrow: 1 },
-        children: /* @__PURE__ */ jsxDEV21("text", {
+        children: /* @__PURE__ */ jsxDEV23("text", {
           fg: colors.muted,
           children: "No notifications yet. Press r to refresh."
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV21("box", {
+  return /* @__PURE__ */ jsxDEV23("box", {
     style: { flexDirection: "column", height: "100%" },
     children: [
-      newNotificationsCount > 0 && /* @__PURE__ */ jsxDEV21(NewNotificationsBanner, {
+      newNotificationsCount > 0 && /* @__PURE__ */ jsxDEV23(NewNotificationsBanner, {
         count: newNotificationsCount
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV21(NotificationList, {
+      /* @__PURE__ */ jsxDEV23(NotificationList, {
         notifications,
         focused,
         onNotificationSelect,
@@ -7032,11 +7592,11 @@ function NotificationsScreen({
 
 // src/screens/PostDetailScreen.tsx
 import { useKeyboard as useKeyboard8 } from "@opentui/react";
-import { useState as useState20, useRef as useRef11, useEffect as useEffect17, useCallback as useCallback13 } from "react";
+import { useState as useState25, useRef as useRef12, useEffect as useEffect19, useCallback as useCallback14 } from "react";
 init_media();
 
 // src/lib/text.tsx
-import { jsxDEV as jsxDEV22 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV24 } from "@opentui/react/jsx-dev-runtime";
 function extractMentions(text) {
   const mentionRegex = /@(\w+)/g;
   const mentions = [];
@@ -7057,32 +7617,32 @@ function renderTextWithMentions(text, mentionColor, textColor) {
   let keyIdx = 0;
   while ((match = mentionRegex.exec(text)) !== null) {
     if (match.index > lastIndex) {
-      parts.push(/* @__PURE__ */ jsxDEV22("span", {
+      parts.push(/* @__PURE__ */ jsxDEV24("span", {
         fg: textColor,
         children: text.slice(lastIndex, match.index)
       }, `text-${keyIdx++}`, false, undefined, this));
     }
-    parts.push(/* @__PURE__ */ jsxDEV22("span", {
+    parts.push(/* @__PURE__ */ jsxDEV24("span", {
       fg: mentionColor,
       children: match[0]
     }, `mention-${keyIdx++}`, false, undefined, this));
     lastIndex = match.index + match[0].length;
   }
   if (lastIndex < text.length) {
-    parts.push(/* @__PURE__ */ jsxDEV22("span", {
+    parts.push(/* @__PURE__ */ jsxDEV24("span", {
       fg: textColor,
       children: text.slice(lastIndex)
     }, `text-${keyIdx++}`, false, undefined, this));
   }
   if (parts.length === 0) {
-    return /* @__PURE__ */ jsxDEV22("text", {
+    return /* @__PURE__ */ jsxDEV24("text", {
       fg: textColor,
       selectable: true,
       selectionBg: "#264F78",
       children: text
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV22("text", {
+  return /* @__PURE__ */ jsxDEV24("text", {
     selectable: true,
     selectionBg: "#264F78",
     children: parts
@@ -7090,7 +7650,7 @@ function renderTextWithMentions(text, mentionColor, textColor) {
 }
 
 // src/screens/PostDetailScreen.tsx
-import { jsxDEV as jsxDEV23, Fragment } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV25, Fragment as Fragment2 } from "@opentui/react/jsx-dev-runtime";
 var HEART_EMPTY2 = "\u2661";
 var HEART_FILLED2 = "\u2665";
 var FLAG_EMPTY2 = "\u2690";
@@ -7138,6 +7698,8 @@ function PostDetailScreen({
   onLike,
   onBookmark,
   onMoveToFolder,
+  onAnnotate,
+  annotationText,
   isLiked = false,
   isBookmarked = false,
   isJustLiked = false,
@@ -7160,17 +7722,17 @@ function PostDetailScreen({
     hasMoreReplies,
     loadMoreReplies
   } = usePostDetailQuery({ client, tweet });
-  const [isExpanded, setIsExpanded] = useState20(false);
-  const [statusMessage, setStatusMessage] = useState20(null);
-  const [linkIndex, setLinkIndex] = useState20(0);
-  const [mentionIndex, setMentionIndex] = useState20(0);
-  const [linkMetadata, setLinkMetadata] = useState20(null);
-  const [isLoadingMetadata, setIsLoadingMetadata] = useState20(false);
-  const [repliesMode, setRepliesMode] = useState20(false);
-  const [mentionsMode, setMentionsMode] = useState20(false);
-  const [linkMode, setLinkMode] = useState20(false);
-  const scrollRef = useRef11(null);
-  useEffect17(() => {
+  const [isExpanded, setIsExpanded] = useState25(false);
+  const [statusMessage, setStatusMessage] = useState25(null);
+  const [linkIndex, setLinkIndex] = useState25(0);
+  const [mentionIndex, setMentionIndex] = useState25(0);
+  const [linkMetadata, setLinkMetadata] = useState25(null);
+  const [isLoadingMetadata, setIsLoadingMetadata] = useState25(false);
+  const [repliesMode, setRepliesMode] = useState25(false);
+  const [mentionsMode, setMentionsMode] = useState25(false);
+  const [linkMode, setLinkMode] = useState25(false);
+  const scrollRef = useRef12(null);
+  useEffect19(() => {
     setRepliesMode(false);
     setMentionsMode(false);
     setLinkMode(false);
@@ -7210,7 +7772,7 @@ function PostDetailScreen({
       }
     }
   });
-  useEffect17(() => {
+  useEffect19(() => {
     const scrollbox = scrollRef.current;
     if (!scrollbox || !repliesMode || replies.length === 0)
       return;
@@ -7232,7 +7794,7 @@ function PostDetailScreen({
       scrollbox.scrollBy(relativeY - topMargin);
     }
   }, [selectedReplyIndex, repliesMode, replies]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!repliesMode || loadingMoreReplies || !hasMoreReplies || replies.length === 0)
       return;
     const threshold = 3;
@@ -7247,18 +7809,18 @@ function PostDetailScreen({
     repliesMode,
     loadMoreReplies
   ]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (isExpanded && scrollRef.current) {
       scrollRef.current.scrollTo(0);
     }
   }, [isExpanded]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (statusMessage) {
       const timer = setTimeout(() => setStatusMessage(null), 3000);
       return () => clearTimeout(timer);
     }
   }, [statusMessage]);
-  useEffect17(() => {
+  useEffect19(() => {
     if (!currentLink) {
       setLinkMetadata(null);
       return;
@@ -7275,27 +7837,27 @@ function PostDetailScreen({
       cancelled = true;
     };
   }, [currentLink]);
-  const handlePreview = useCallback13(async () => {
+  const handlePreview = useCallback14(async () => {
     if (!hasMedia || !tweet.media)
       return;
     setStatusMessage("Opening...");
     const result = await previewAllMedia(tweet.media, tweet.id);
     setStatusMessage(result.success ? result.message : result.error);
   }, [hasMedia, tweet.media, tweet.id]);
-  const handleDownload = useCallback13(async () => {
+  const handleDownload = useCallback14(async () => {
     if (!tweet.media || tweet.media.length === 0)
       return;
     setStatusMessage("Downloading...");
     const result = await downloadAllMedia(tweet.media, tweet.id);
     setStatusMessage(result.success ? result.message : result.error);
   }, [tweet.media, tweet.id]);
-  const handleMentionProfile = useCallback13(() => {
+  const handleMentionProfile = useCallback14(() => {
     if (!currentMention)
       return;
     setStatusMessage(`Opening @${currentMention.username}...`);
     onProfileOpen?.(currentMention.username);
   }, [currentMention, onProfileOpen]);
-  const handleOpenTweet = useCallback13(async () => {
+  const handleOpenTweet = useCallback14(async () => {
     const urlToOpen = `https://x.com/${tweet.author.username}/status/${tweet.id}`;
     setStatusMessage("Opening on x.com...");
     try {
@@ -7305,7 +7867,7 @@ function PostDetailScreen({
       setStatusMessage("Failed to open browser");
     }
   }, [tweet.author.username, tweet.id]);
-  const handleOpenLink = useCallback13(async () => {
+  const handleOpenLink = useCallback14(async () => {
     if (!currentLink) {
       setStatusMessage("No external link selected");
       return;
@@ -7433,6 +7995,11 @@ function PostDetailScreen({
           onMoveToFolder?.();
         }
         break;
+      case "a":
+        if (isBookmarked) {
+          onAnnotate?.();
+        }
+        break;
       case "p":
         onProfileOpen?.(tweet.author.username);
         break;
@@ -7473,7 +8040,7 @@ function PostDetailScreen({
     }
   });
   const isInNavigationMode = repliesMode || mentionsMode || linkMode;
-  const headerContent = /* @__PURE__ */ jsxDEV23("box", {
+  const headerContent = /* @__PURE__ */ jsxDEV25("box", {
     style: {
       flexShrink: 0,
       paddingLeft: 1,
@@ -7482,19 +8049,19 @@ function PostDetailScreen({
       flexDirection: "row"
     },
     children: [
-      /* @__PURE__ */ jsxDEV23("text", {
+      /* @__PURE__ */ jsxDEV25("text", {
         fg: colors.muted,
         children: isInNavigationMode ? "<- Back (Esc) | " : "<- Back (Esc)"
       }, undefined, false, undefined, this),
-      repliesMode && /* @__PURE__ */ jsxDEV23("text", {
+      repliesMode && /* @__PURE__ */ jsxDEV25("text", {
         fg: colors.primary,
         children: "Navigating replies"
       }, undefined, false, undefined, this),
-      mentionsMode && /* @__PURE__ */ jsxDEV23("text", {
+      mentionsMode && /* @__PURE__ */ jsxDEV25("text", {
         fg: colors.primary,
         children: "Navigating mentions"
       }, undefined, false, undefined, this),
-      linkMode && /* @__PURE__ */ jsxDEV23("text", {
+      linkMode && /* @__PURE__ */ jsxDEV25("text", {
         fg: colors.primary,
         children: [
           "Navigating links (",
@@ -7506,7 +8073,7 @@ function PostDetailScreen({
       }, undefined, true, undefined, this)
     ]
   }, undefined, true, undefined, this);
-  const parentContent = isReply && (loadingParent || parentTweet) ? /* @__PURE__ */ jsxDEV23("box", {
+  const parentContent = isReply && (loadingParent || parentTweet) ? /* @__PURE__ */ jsxDEV25("box", {
     style: {
       marginBottom: 1,
       paddingLeft: 1,
@@ -7514,24 +8081,24 @@ function PostDetailScreen({
       borderStyle: "single",
       borderColor: "#444444"
     },
-    children: loadingParent ? /* @__PURE__ */ jsxDEV23("text", {
+    children: loadingParent ? /* @__PURE__ */ jsxDEV25("text", {
       fg: colors.dim,
       children: "Loading parent tweet..."
-    }, undefined, false, undefined, this) : parentTweet ? /* @__PURE__ */ jsxDEV23("box", {
+    }, undefined, false, undefined, this) : parentTweet ? /* @__PURE__ */ jsxDEV25("box", {
       style: { flexDirection: "column" },
       children: [
-        /* @__PURE__ */ jsxDEV23("box", {
+        /* @__PURE__ */ jsxDEV25("box", {
           style: { flexDirection: "row" },
           children: [
-            /* @__PURE__ */ jsxDEV23("text", {
+            /* @__PURE__ */ jsxDEV25("text", {
               fg: colors.dim,
               children: "Replying to "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV23("text", {
+            /* @__PURE__ */ jsxDEV25("text", {
               fg: colors.muted,
               children: parentTweet.author.name
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV23("text", {
+            /* @__PURE__ */ jsxDEV25("text", {
               fg: colors.reply,
               children: [
                 " @",
@@ -7540,9 +8107,9 @@ function PostDetailScreen({
             }, undefined, true, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV23("box", {
+        /* @__PURE__ */ jsxDEV25("box", {
           style: { marginTop: 1 },
-          children: /* @__PURE__ */ jsxDEV23("text", {
+          children: /* @__PURE__ */ jsxDEV25("text", {
             fg: "#aaaaaa",
             selectable: true,
             selectionBg: "#264F78",
@@ -7552,19 +8119,49 @@ function PostDetailScreen({
       ]
     }, undefined, true, undefined, this) : null
   }, undefined, false, undefined, this) : null;
-  const authorContent = /* @__PURE__ */ jsxDEV23("box", {
+  const annotationContent = isBookmarked && annotationText ? /* @__PURE__ */ jsxDEV25("box", {
+    style: {
+      marginBottom: 1,
+      paddingLeft: 1,
+      paddingRight: 1,
+      borderStyle: "single",
+      borderColor: colors.warning
+    },
+    children: /* @__PURE__ */ jsxDEV25("box", {
+      style: { flexDirection: "column" },
+      children: [
+        /* @__PURE__ */ jsxDEV25("box", {
+          style: { flexDirection: "row" },
+          children: /* @__PURE__ */ jsxDEV25("text", {
+            fg: colors.warning,
+            children: "+ Your note:"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV25("box", {
+          style: { marginTop: 1 },
+          children: /* @__PURE__ */ jsxDEV25("text", {
+            fg: "#cccccc",
+            selectable: true,
+            selectionBg: "#264F78",
+            children: annotationText
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this) : null;
+  const authorContent = /* @__PURE__ */ jsxDEV25("box", {
     style: { flexDirection: "column", paddingLeft: 1, paddingRight: 1 },
     children: [
-      /* @__PURE__ */ jsxDEV23("box", {
+      /* @__PURE__ */ jsxDEV25("box", {
         style: { flexDirection: "row" },
         children: [
-          /* @__PURE__ */ jsxDEV23("text", {
-            children: /* @__PURE__ */ jsxDEV23("b", {
+          /* @__PURE__ */ jsxDEV25("text", {
+            children: /* @__PURE__ */ jsxDEV25("b", {
               fg: colors.primary,
               children: tweet.author.name
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.handle,
             children: [
               " @",
@@ -7573,49 +8170,49 @@ function PostDetailScreen({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      fullTimestamp && /* @__PURE__ */ jsxDEV23("box", {
+      fullTimestamp && /* @__PURE__ */ jsxDEV25("box", {
         style: { marginTop: 0 },
-        children: /* @__PURE__ */ jsxDEV23("text", {
+        children: /* @__PURE__ */ jsxDEV25("text", {
           fg: colors.dim,
           children: fullTimestamp
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
-  const postContent = /* @__PURE__ */ jsxDEV23("box", {
+  const postContent = /* @__PURE__ */ jsxDEV25("box", {
     style: { marginTop: 1, paddingLeft: 1, paddingRight: 1 },
-    children: hasMentions ? renderTextWithMentions(displayText, colors.mention, "#ffffff") : /* @__PURE__ */ jsxDEV23("text", {
+    children: hasMentions ? renderTextWithMentions(displayText, colors.mention, "#ffffff") : /* @__PURE__ */ jsxDEV25("text", {
       fg: "#ffffff",
       selectable: true,
       selectionBg: "#264F78",
       children: displayText
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
-  const truncationIndicator = showTruncated ? /* @__PURE__ */ jsxDEV23("box", {
+  const truncationIndicator = showTruncated ? /* @__PURE__ */ jsxDEV25("box", {
     style: { paddingLeft: 1, marginTop: 1 },
     children: [
-      /* @__PURE__ */ jsxDEV23("text", {
+      /* @__PURE__ */ jsxDEV25("text", {
         fg: colors.primary,
         children: "[Show more]"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV23("text", {
+      /* @__PURE__ */ jsxDEV25("text", {
         fg: colors.dim,
         children: " (e)"
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this) : null;
-  const quotedContent = tweet.quotedTweet ? /* @__PURE__ */ jsxDEV23("box", {
+  const quotedContent = tweet.quotedTweet ? /* @__PURE__ */ jsxDEV25("box", {
     style: { paddingLeft: 1, paddingRight: 1, marginTop: 1 },
-    children: /* @__PURE__ */ jsxDEV23(QuotedPostCard, {
+    children: /* @__PURE__ */ jsxDEV25(QuotedPostCard, {
       post: tweet.quotedTweet,
       showNavigationHint: true
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this) : null;
-  const statsContent = /* @__PURE__ */ jsxDEV23("box", {
+  const statsContent = /* @__PURE__ */ jsxDEV25("box", {
     style: { marginTop: 1, paddingLeft: 1, paddingRight: 1 },
-    children: /* @__PURE__ */ jsxDEV23("box", {
+    children: /* @__PURE__ */ jsxDEV25("box", {
       style: { flexDirection: "row" },
-      children: /* @__PURE__ */ jsxDEV23("text", {
+      children: /* @__PURE__ */ jsxDEV25("text", {
         fg: colors.muted,
         children: [
           formatCount(tweet.replyCount),
@@ -7630,16 +8227,16 @@ function PostDetailScreen({
       }, undefined, true, undefined, this)
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
-  const mediaContent = hasMedia ? /* @__PURE__ */ jsxDEV23("box", {
+  const mediaContent = hasMedia ? /* @__PURE__ */ jsxDEV25("box", {
     style: { marginTop: 1, paddingLeft: 1, paddingRight: 1 },
-    children: /* @__PURE__ */ jsxDEV23("box", {
+    children: /* @__PURE__ */ jsxDEV25("box", {
       style: { flexDirection: "row", flexWrap: "wrap" },
       children: [
         tweet.media?.map((item, idx) => {
           const dims = item.width && item.height ? ` (${item.width}x${item.height})` : "";
           const typeLabel = item.type === "photo" ? "Image" : item.type === "video" ? "Video" : "GIF";
           const typeColor = item.type === "photo" ? colors.warning : item.type === "video" ? colors.warning : colors.success;
-          return /* @__PURE__ */ jsxDEV23("text", {
+          return /* @__PURE__ */ jsxDEV25("text", {
             fg: typeColor,
             children: [
               "\u2022 ",
@@ -7650,74 +8247,74 @@ function PostDetailScreen({
             ]
           }, item.id, true, undefined, this);
         }),
-        /* @__PURE__ */ jsxDEV23("text", {
+        /* @__PURE__ */ jsxDEV25("text", {
           fg: colors.dim,
           children: "("
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV23("text", {
+        /* @__PURE__ */ jsxDEV25("text", {
           fg: colors.primary,
           children: "i"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV23("text", {
+        /* @__PURE__ */ jsxDEV25("text", {
           fg: colors.dim,
           children: " view, "
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV23("text", {
+        /* @__PURE__ */ jsxDEV25("text", {
           fg: colors.primary,
           children: "d"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV23("text", {
+        /* @__PURE__ */ jsxDEV25("text", {
           fg: colors.dim,
           children: " download)"
         }, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this) : null;
-  const linksContent = hasLinks ? /* @__PURE__ */ jsxDEV23("box", {
+  const linksContent = hasLinks ? /* @__PURE__ */ jsxDEV25("box", {
     style: { marginTop: 1, paddingLeft: 1, paddingRight: 1 },
-    children: /* @__PURE__ */ jsxDEV23("box", {
+    children: /* @__PURE__ */ jsxDEV25("box", {
       style: { flexDirection: "column" },
-      children: linkCount === 1 ? /* @__PURE__ */ jsxDEV23("box", {
+      children: linkCount === 1 ? /* @__PURE__ */ jsxDEV25("box", {
         style: { flexDirection: "row" },
         children: [
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.dim,
             children: "Links: "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.primary,
             children: [
               "> ",
               tweet.urls?.[0]?.displayUrl
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.dim,
             children: " ("
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.primary,
             children: "o"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.dim,
             children: " open)"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV23(Fragment, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV25(Fragment2, {
         children: [
-          /* @__PURE__ */ jsxDEV23("box", {
+          /* @__PURE__ */ jsxDEV25("box", {
             style: { flexDirection: "row" },
             children: [
-              /* @__PURE__ */ jsxDEV23("text", {
+              /* @__PURE__ */ jsxDEV25("text", {
                 fg: colors.dim,
                 children: "Links: "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV23("text", {
+              /* @__PURE__ */ jsxDEV25("text", {
                 fg: colors.primary,
                 children: "o"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV23("text", {
+              /* @__PURE__ */ jsxDEV25("text", {
                 fg: colors.dim,
                 children: linkMode ? " open" : " select"
               }, undefined, false, undefined, this)
@@ -7726,15 +8323,15 @@ function PostDetailScreen({
           tweet.urls?.map((link, idx) => {
             const isSelected = linkMode && idx === linkIndex;
             const showMetadata = isSelected && linkMetadata;
-            return /* @__PURE__ */ jsxDEV23("box", {
+            return /* @__PURE__ */ jsxDEV25("box", {
               style: {
                 flexDirection: "column",
                 marginTop: idx === 0 ? 1 : 0
               },
               children: [
-                /* @__PURE__ */ jsxDEV23("box", {
+                /* @__PURE__ */ jsxDEV25("box", {
                   style: { flexDirection: "row" },
-                  children: /* @__PURE__ */ jsxDEV23("text", {
+                  children: /* @__PURE__ */ jsxDEV25("text", {
                     fg: isSelected ? colors.primary : colors.muted,
                     children: [
                       isSelected ? ">" : "\u2022",
@@ -7743,9 +8340,9 @@ function PostDetailScreen({
                     ]
                   }, undefined, true, undefined, this)
                 }, undefined, false, undefined, this),
-                showMetadata && linkMetadata.title && /* @__PURE__ */ jsxDEV23("box", {
+                showMetadata && linkMetadata.title && /* @__PURE__ */ jsxDEV25("box", {
                   style: { paddingLeft: 2 },
-                  children: /* @__PURE__ */ jsxDEV23("text", {
+                  children: /* @__PURE__ */ jsxDEV25("text", {
                     fg: colors.dim,
                     children: [
                       ' "',
@@ -7754,9 +8351,9 @@ function PostDetailScreen({
                     ]
                   }, undefined, true, undefined, this)
                 }, undefined, false, undefined, this),
-                isSelected && isLoadingMetadata && /* @__PURE__ */ jsxDEV23("box", {
+                isSelected && isLoadingMetadata && /* @__PURE__ */ jsxDEV25("box", {
                   style: { paddingLeft: 2 },
-                  children: /* @__PURE__ */ jsxDEV23("text", {
+                  children: /* @__PURE__ */ jsxDEV25("text", {
                     fg: colors.dim,
                     children: " Loading..."
                   }, undefined, false, undefined, this)
@@ -7768,57 +8365,57 @@ function PostDetailScreen({
       }, undefined, true, undefined, this)
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this) : null;
-  const handleMentionRowClick = useCallback13((username) => (event) => {
+  const handleMentionRowClick = useCallback14((username) => (event) => {
     if (event.type === "up" && event.button === 0) {
       onProfileOpen?.(username);
     }
   }, [onProfileOpen]);
   const firstMention = tweet.mentions?.[0];
-  const mentionsContent = hasMentions ? /* @__PURE__ */ jsxDEV23("box", {
+  const mentionsContent = hasMentions ? /* @__PURE__ */ jsxDEV25("box", {
     style: { marginTop: 1, paddingLeft: 1, paddingRight: 1 },
-    children: /* @__PURE__ */ jsxDEV23("box", {
+    children: /* @__PURE__ */ jsxDEV25("box", {
       style: { flexDirection: "column" },
-      children: mentionCount === 1 ? /* @__PURE__ */ jsxDEV23("box", {
+      children: mentionCount === 1 ? /* @__PURE__ */ jsxDEV25("box", {
         style: { flexDirection: "row" },
         onMouse: firstMention ? handleMentionRowClick(firstMention.username) : undefined,
         children: [
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.dim,
             children: "Mentions: "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.mention,
             children: [
               "@",
               firstMention?.username
             ]
           }, undefined, true, undefined, this),
-          firstMention?.name && /* @__PURE__ */ jsxDEV23("text", {
+          firstMention?.name && /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.dim,
             children: [
               " \xB7 ",
               firstMention.name
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.dim,
             children: " ("
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.primary,
             children: "m"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.dim,
             children: "/click)"
           }, undefined, false, undefined, this)
         ]
-      }, undefined, true, undefined, this) : mentionsMode ? /* @__PURE__ */ jsxDEV23(Fragment, {
+      }, undefined, true, undefined, this) : mentionsMode ? /* @__PURE__ */ jsxDEV25(Fragment2, {
         children: [
-          /* @__PURE__ */ jsxDEV23("box", {
+          /* @__PURE__ */ jsxDEV25("box", {
             style: { flexDirection: "row" },
             children: [
-              /* @__PURE__ */ jsxDEV23("text", {
+              /* @__PURE__ */ jsxDEV25("text", {
                 fg: colors.dim,
                 children: [
                   "Mentions (",
@@ -7826,19 +8423,19 @@ function PostDetailScreen({
                   "): "
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV23("text", {
+              /* @__PURE__ */ jsxDEV25("text", {
                 fg: colors.primary,
                 children: "j/k"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV23("text", {
+              /* @__PURE__ */ jsxDEV25("text", {
                 fg: colors.dim,
                 children: " navigate "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV23("text", {
+              /* @__PURE__ */ jsxDEV25("text", {
                 fg: colors.primary,
                 children: "Enter"
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV23("text", {
+              /* @__PURE__ */ jsxDEV25("text", {
                 fg: colors.dim,
                 children: "/click profile"
               }, undefined, false, undefined, this)
@@ -7846,11 +8443,11 @@ function PostDetailScreen({
           }, undefined, true, undefined, this),
           tweet.mentions?.map((mention, idx) => {
             const isSelected = idx === mentionIndex;
-            return /* @__PURE__ */ jsxDEV23("box", {
+            return /* @__PURE__ */ jsxDEV25("box", {
               style: { flexDirection: "row", marginTop: idx === 0 ? 1 : 0 },
               onMouse: handleMentionRowClick(mention.username),
               children: [
-                /* @__PURE__ */ jsxDEV23("text", {
+                /* @__PURE__ */ jsxDEV25("text", {
                   fg: isSelected ? colors.mention : colors.muted,
                   children: [
                     isSelected ? ">" : " ",
@@ -7858,7 +8455,7 @@ function PostDetailScreen({
                     mention.username
                   ]
                 }, undefined, true, undefined, this),
-                mention.name && /* @__PURE__ */ jsxDEV23("text", {
+                mention.name && /* @__PURE__ */ jsxDEV25("text", {
                   fg: colors.dim,
                   children: [
                     " \xB7 ",
@@ -7869,7 +8466,7 @@ function PostDetailScreen({
             }, mention.username, true, undefined, this);
           })
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV23("box", {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV25("box", {
         style: { flexDirection: "row" },
         onMouse: (event) => {
           if (event.type === "up" && event.button === 0) {
@@ -7878,18 +8475,18 @@ function PostDetailScreen({
           }
         },
         children: [
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.dim,
             children: "Mentions: "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.mention,
             children: [
               "@",
               firstMention?.username
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.dim,
             children: [
               " +",
@@ -7897,11 +8494,11 @@ function PostDetailScreen({
               " more ("
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.primary,
             children: "m"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23("text", {
+          /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.dim,
             children: "/click)"
           }, undefined, false, undefined, this)
@@ -7909,21 +8506,21 @@ function PostDetailScreen({
       }, undefined, true, undefined, this)
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this) : null;
-  const repliesContent = /* @__PURE__ */ jsxDEV23("box", {
+  const repliesContent = /* @__PURE__ */ jsxDEV25("box", {
     style: { marginTop: 1, paddingLeft: 1, paddingRight: 1 },
-    children: /* @__PURE__ */ jsxDEV23("box", {
+    children: /* @__PURE__ */ jsxDEV25("box", {
       style: { flexDirection: "column" },
       children: [
-        /* @__PURE__ */ jsxDEV23("box", {
+        /* @__PURE__ */ jsxDEV25("box", {
           style: { flexDirection: "row" },
           children: [
-            /* @__PURE__ */ jsxDEV23("text", {
+            /* @__PURE__ */ jsxDEV25("text", {
               fg: "#ffffff",
               children: "Replies"
             }, undefined, false, undefined, this),
-            hasReplies && /* @__PURE__ */ jsxDEV23(Fragment, {
+            hasReplies && /* @__PURE__ */ jsxDEV25(Fragment2, {
               children: [
-                /* @__PURE__ */ jsxDEV23("text", {
+                /* @__PURE__ */ jsxDEV25("text", {
                   fg: colors.dim,
                   children: [
                     " ",
@@ -7934,13 +8531,13 @@ function PostDetailScreen({
                     " "
                   ]
                 }, undefined, true, undefined, this),
-                !repliesMode && /* @__PURE__ */ jsxDEV23(Fragment, {
+                !repliesMode && /* @__PURE__ */ jsxDEV25(Fragment2, {
                   children: [
-                    /* @__PURE__ */ jsxDEV23("text", {
+                    /* @__PURE__ */ jsxDEV25("text", {
                       fg: colors.primary,
                       children: "r"
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV23("text", {
+                    /* @__PURE__ */ jsxDEV25("text", {
                       fg: colors.dim,
                       children: " to navigate"
                     }, undefined, false, undefined, this)
@@ -7950,17 +8547,17 @@ function PostDetailScreen({
             }, undefined, true, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        loadingReplies ? /* @__PURE__ */ jsxDEV23("box", {
-          children: /* @__PURE__ */ jsxDEV23("text", {
+        loadingReplies ? /* @__PURE__ */ jsxDEV25("box", {
+          children: /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.dim,
             children: "Loading replies..."
           }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this) : hasReplies ? /* @__PURE__ */ jsxDEV23("box", {
+        }, undefined, false, undefined, this) : hasReplies ? /* @__PURE__ */ jsxDEV25("box", {
           style: { flexDirection: "column" },
           children: [
             replies.map((reply, idx) => {
               const state = getActionState?.(reply.id);
-              return /* @__PURE__ */ jsxDEV23(PostCard, {
+              return /* @__PURE__ */ jsxDEV25(PostCard, {
                 id: getReplyCardId(reply.id),
                 post: reply,
                 isSelected: repliesMode && idx === selectedReplyIndex,
@@ -7970,16 +8567,16 @@ function PostDetailScreen({
                 mainPostAuthorUsername: tweet.author.username
               }, reply.id, false, undefined, this);
             }),
-            loadingMoreReplies && /* @__PURE__ */ jsxDEV23("box", {
+            loadingMoreReplies && /* @__PURE__ */ jsxDEV25("box", {
               style: { paddingTop: 1 },
-              children: /* @__PURE__ */ jsxDEV23("text", {
+              children: /* @__PURE__ */ jsxDEV25("text", {
                 fg: colors.dim,
                 children: "Loading more replies..."
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           ]
-        }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV23("box", {
-          children: /* @__PURE__ */ jsxDEV23("text", {
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV25("box", {
+          children: /* @__PURE__ */ jsxDEV25("text", {
             fg: colors.dim,
             children: "No replies yet"
           }, undefined, false, undefined, this)
@@ -7989,9 +8586,9 @@ function PostDetailScreen({
   }, undefined, false, undefined, this);
   const displayMessage = statusMessage;
   const isError = displayMessage?.startsWith("Error:");
-  const statusContent = displayMessage ? /* @__PURE__ */ jsxDEV23("box", {
+  const statusContent = displayMessage ? /* @__PURE__ */ jsxDEV25("box", {
     style: { marginTop: 1, paddingLeft: 1, paddingRight: 1 },
-    children: /* @__PURE__ */ jsxDEV23("text", {
+    children: /* @__PURE__ */ jsxDEV25("text", {
       fg: isError ? colors.error : colors.success,
       children: displayMessage
     }, undefined, false, undefined, this)
@@ -8043,18 +8640,24 @@ function PostDetailScreen({
       activeColor: isLoadingQuote ? colors.primary : undefined,
       show: hasQuote
     },
-    { key: "f", label: "folder", show: isBookmarked }
+    { key: "f", label: "folder", show: isBookmarked },
+    {
+      key: "a",
+      label: annotationText ? "edit note" : "annotate",
+      show: isBookmarked
+    }
   ];
-  return /* @__PURE__ */ jsxDEV23("box", {
+  return /* @__PURE__ */ jsxDEV25("box", {
     style: { flexDirection: "column", height: "100%" },
     children: [
       headerContent,
-      /* @__PURE__ */ jsxDEV23("scrollbox", {
+      /* @__PURE__ */ jsxDEV25("scrollbox", {
         ref: scrollRef,
         focused: focused && !repliesMode,
         style: { flexGrow: 1, height: "100%" },
         children: [
           parentContent,
+          annotationContent,
           authorContent,
           postContent,
           truncationIndicator,
@@ -8067,7 +8670,7 @@ function PostDetailScreen({
         ]
       }, undefined, true, undefined, this),
       statusContent,
-      /* @__PURE__ */ jsxDEV23(Footer, {
+      /* @__PURE__ */ jsxDEV25(Footer, {
         bindings: footerBindings,
         visible: showFooter
       }, undefined, false, undefined, this)
@@ -8077,9 +8680,9 @@ function PostDetailScreen({
 
 // src/screens/ProfileScreen.tsx
 import { useKeyboard as useKeyboard9 } from "@opentui/react";
-import { useState as useState21, useCallback as useCallback14, useEffect as useEffect18, useMemo as useMemo8 } from "react";
+import { useState as useState26, useCallback as useCallback15, useEffect as useEffect20, useMemo as useMemo8 } from "react";
 init_media();
-import { jsxDEV as jsxDEV24, Fragment as Fragment2 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV26, Fragment as Fragment3 } from "@opentui/react/jsx-dev-runtime";
 var PROFILE_TABS = [
   { key: "tweets", label: "Tweets" },
   { key: "highlights", label: "Highlights" },
@@ -8160,9 +8763,9 @@ function ProfileScreen({
     client,
     username
   });
-  const [isFollowing, setIsFollowing] = useState21(false);
-  const [isMuting, setIsMuting] = useState21(false);
-  useEffect18(() => {
+  const [isFollowing, setIsFollowing] = useState26(false);
+  const [isMuting, setIsMuting] = useState26(false);
+  useEffect20(() => {
     if (user) {
       setIsFollowing(user.following ?? false);
       setIsMuting(user.muting ?? false);
@@ -8171,12 +8774,13 @@ function ProfileScreen({
   const availableTabs = useMemo8(() => {
     return PROFILE_TABS.filter((tab) => tab.key !== "likes" || isSelf);
   }, [isSelf]);
-  const [activeTab, setActiveTab] = useState21("tweets");
+  const [activeTab, setActiveTab] = useState26("tweets");
+  const [refreshKey, setRefreshKey] = useState26(0);
   const activeTabIndex = useMemo8(() => availableTabs.findIndex((t) => t.key === activeTab), [availableTabs, activeTab]);
-  const [isCollapsed, setIsCollapsed] = useState21(false);
-  const [mentionsMode, setMentionsMode] = useState21(false);
-  const [mentionIndex, setMentionIndex] = useState21(0);
-  useEffect18(() => {
+  const [isCollapsed, setIsCollapsed] = useState26(false);
+  const [mentionsMode, setMentionsMode] = useState26(false);
+  const [mentionIndex, setMentionIndex] = useState26(0);
+  useEffect20(() => {
     switch (activeTab) {
       case "replies":
         if (!repliesFetched && !isRepliesLoading) {
@@ -8215,7 +8819,7 @@ function ProfileScreen({
     isLikesLoading,
     fetchLikes
   ]);
-  useEffect18(() => {
+  useEffect20(() => {
     setIsCollapsed(false);
     setActiveTab("tweets");
     setMentionsMode(false);
@@ -8225,7 +8829,7 @@ function ProfileScreen({
   const hasMentions = bioMentions.length > 0;
   const mentionCount = bioMentions.length;
   const currentMention = hasMentions ? bioMentions[mentionIndex] : undefined;
-  const handleSelectedIndexChange = useCallback14((index) => {
+  const handleSelectedIndexChange = useCallback15((index) => {
     setIsCollapsed(index > 0);
   }, []);
   useKeyboard9((key) => {
@@ -8263,6 +8867,7 @@ function ProfileScreen({
         break;
       case "r":
         refresh();
+        setRefreshKey((k) => k + 1);
         break;
       case "a":
         if (user?.profileImageUrl) {
@@ -8344,7 +8949,7 @@ function ProfileScreen({
         break;
     }
   });
-  const compactHeader = user && /* @__PURE__ */ jsxDEV24("box", {
+  const compactHeader = user && /* @__PURE__ */ jsxDEV26("box", {
     style: {
       flexShrink: 0,
       paddingLeft: 1,
@@ -8352,55 +8957,55 @@ function ProfileScreen({
       flexDirection: "row"
     },
     children: [
-      /* @__PURE__ */ jsxDEV24("text", {
+      /* @__PURE__ */ jsxDEV26("text", {
         fg: colors.dim,
         children: mentionsMode ? "<- Back (Esc) | " : "<- "
       }, undefined, false, undefined, this),
-      mentionsMode && /* @__PURE__ */ jsxDEV24("text", {
+      mentionsMode && /* @__PURE__ */ jsxDEV26("text", {
         fg: colors.primary,
         children: "Navigating mentions "
       }, undefined, false, undefined, this),
-      isSelf && /* @__PURE__ */ jsxDEV24("text", {
+      isSelf && /* @__PURE__ */ jsxDEV26("text", {
         fg: colors.primary,
         children: "My Profile "
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV24("text", {
+      /* @__PURE__ */ jsxDEV26("text", {
         fg: "#ffffff",
-        children: /* @__PURE__ */ jsxDEV24("b", {
+        children: /* @__PURE__ */ jsxDEV26("b", {
           children: user.name
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      user.isBlueVerified && /* @__PURE__ */ jsxDEV24("text", {
+      user.isBlueVerified && /* @__PURE__ */ jsxDEV26("text", {
         fg: colors.primary,
         children: [
           " ",
           "\u2713"
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV24("text", {
+      /* @__PURE__ */ jsxDEV26("text", {
         fg: colors.muted,
         children: [
           " @",
           user.username
         ]
       }, undefined, true, undefined, this),
-      !isSelf && /* @__PURE__ */ jsxDEV24(Fragment2, {
+      !isSelf && /* @__PURE__ */ jsxDEV26(Fragment3, {
         children: [
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.dim,
             children: " | "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: isFollowing ? colors.primary : colors.muted,
             children: userActions.isFollowPending ? "..." : isFollowing ? "Following" : "Follow"
           }, undefined, false, undefined, this),
-          isMuting && /* @__PURE__ */ jsxDEV24(Fragment2, {
+          isMuting && /* @__PURE__ */ jsxDEV26(Fragment3, {
             children: [
-              /* @__PURE__ */ jsxDEV24("text", {
+              /* @__PURE__ */ jsxDEV26("text", {
                 fg: colors.dim,
                 children: " \xB7 "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV24("text", {
+              /* @__PURE__ */ jsxDEV26("text", {
                 fg: colors.muted,
                 children: "Muted"
               }, undefined, false, undefined, this)
@@ -8412,7 +9017,7 @@ function ProfileScreen({
   }, undefined, true, undefined, this);
   const joinDate = formatJoinDate(user?.createdAt);
   const websiteDomain = extractDomain2(user?.websiteUrl);
-  const fullHeader = user && /* @__PURE__ */ jsxDEV24("box", {
+  const fullHeader = user && /* @__PURE__ */ jsxDEV26("box", {
     style: {
       flexShrink: 0,
       flexDirection: "column",
@@ -8421,58 +9026,58 @@ function ProfileScreen({
       paddingBottom: 0
     },
     children: [
-      /* @__PURE__ */ jsxDEV24("box", {
+      /* @__PURE__ */ jsxDEV26("box", {
         style: { paddingLeft: 1, paddingRight: 1, flexDirection: "row" },
         children: [
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.dim,
             children: mentionsMode ? "<- Back (Esc) | " : "<- "
           }, undefined, false, undefined, this),
-          mentionsMode && /* @__PURE__ */ jsxDEV24("text", {
+          mentionsMode && /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.primary,
             children: "Navigating mentions "
           }, undefined, false, undefined, this),
-          isSelf && /* @__PURE__ */ jsxDEV24("text", {
+          isSelf && /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.primary,
             children: "My Profile "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: "#ffffff",
-            children: /* @__PURE__ */ jsxDEV24("b", {
+            children: /* @__PURE__ */ jsxDEV26("b", {
               children: user.name
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          user.isBlueVerified && /* @__PURE__ */ jsxDEV24("text", {
+          user.isBlueVerified && /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.primary,
             children: [
               " ",
               "\u2713"
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.muted,
             children: [
               " @",
               user.username
             ]
           }, undefined, true, undefined, this),
-          !isSelf && /* @__PURE__ */ jsxDEV24(Fragment2, {
+          !isSelf && /* @__PURE__ */ jsxDEV26(Fragment3, {
             children: [
-              /* @__PURE__ */ jsxDEV24("text", {
+              /* @__PURE__ */ jsxDEV26("text", {
                 fg: colors.dim,
                 children: " | "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV24("text", {
+              /* @__PURE__ */ jsxDEV26("text", {
                 fg: isFollowing ? colors.primary : colors.muted,
                 children: userActions.isFollowPending ? "..." : isFollowing ? "Following" : "Follow"
               }, undefined, false, undefined, this),
-              isMuting && /* @__PURE__ */ jsxDEV24(Fragment2, {
+              isMuting && /* @__PURE__ */ jsxDEV26(Fragment3, {
                 children: [
-                  /* @__PURE__ */ jsxDEV24("text", {
+                  /* @__PURE__ */ jsxDEV26("text", {
                     fg: colors.dim,
                     children: " \xB7 "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV24("text", {
+                  /* @__PURE__ */ jsxDEV26("text", {
                     fg: colors.muted,
                     children: "Muted"
                   }, undefined, false, undefined, this)
@@ -8482,32 +9087,32 @@ function ProfileScreen({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      user.description && /* @__PURE__ */ jsxDEV24("box", {
+      user.description && /* @__PURE__ */ jsxDEV26("box", {
         style: { paddingLeft: 1, paddingRight: 1 },
-        children: hasMentions ? renderTextWithMentions(user.description.trim(), colors.primary, "#cccccc") : /* @__PURE__ */ jsxDEV24("text", {
+        children: hasMentions ? renderTextWithMentions(user.description.trim(), colors.primary, "#cccccc") : /* @__PURE__ */ jsxDEV26("text", {
           fg: "#cccccc",
           children: user.description.trim()
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      (user.location || websiteDomain || joinDate) && /* @__PURE__ */ jsxDEV24("box", {
+      (user.location || websiteDomain || joinDate) && /* @__PURE__ */ jsxDEV26("box", {
         style: { paddingLeft: 1, paddingRight: 1, flexDirection: "row" },
         children: [
-          user.location && /* @__PURE__ */ jsxDEV24(Fragment2, {
+          user.location && /* @__PURE__ */ jsxDEV26(Fragment3, {
             children: [
-              /* @__PURE__ */ jsxDEV24("text", {
+              /* @__PURE__ */ jsxDEV26("text", {
                 fg: colors.muted,
                 children: [
                   "\uD83D\uDCCD",
                   " "
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV24("text", {
+              /* @__PURE__ */ jsxDEV26("text", {
                 fg: "#aaaaaa",
                 children: user.location
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          user.location && websiteDomain && /* @__PURE__ */ jsxDEV24("text", {
+          user.location && websiteDomain && /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.dim,
             children: [
               " ",
@@ -8515,22 +9120,22 @@ function ProfileScreen({
               " "
             ]
           }, undefined, true, undefined, this),
-          websiteDomain && /* @__PURE__ */ jsxDEV24(Fragment2, {
+          websiteDomain && /* @__PURE__ */ jsxDEV26(Fragment3, {
             children: [
-              /* @__PURE__ */ jsxDEV24("text", {
+              /* @__PURE__ */ jsxDEV26("text", {
                 fg: colors.muted,
                 children: [
                   "\uD83D\uDD17",
                   " "
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV24("text", {
+              /* @__PURE__ */ jsxDEV26("text", {
                 fg: colors.primary,
                 children: websiteDomain
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          (user.location || websiteDomain) && joinDate && /* @__PURE__ */ jsxDEV24("text", {
+          (user.location || websiteDomain) && joinDate && /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.dim,
             children: [
               " ",
@@ -8538,16 +9143,16 @@ function ProfileScreen({
               " "
             ]
           }, undefined, true, undefined, this),
-          joinDate && /* @__PURE__ */ jsxDEV24(Fragment2, {
+          joinDate && /* @__PURE__ */ jsxDEV26(Fragment3, {
             children: [
-              /* @__PURE__ */ jsxDEV24("text", {
+              /* @__PURE__ */ jsxDEV26("text", {
                 fg: colors.muted,
                 children: [
                   "\uD83D\uDCC5",
                   " "
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV24("text", {
+              /* @__PURE__ */ jsxDEV26("text", {
                 fg: "#aaaaaa",
                 children: joinDate
               }, undefined, false, undefined, this)
@@ -8555,69 +9160,69 @@ function ProfileScreen({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV24("box", {
+      /* @__PURE__ */ jsxDEV26("box", {
         style: { paddingLeft: 1, paddingRight: 1, flexDirection: "row" },
         children: [
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: "#ffffff",
             children: formatCount(user.followersCount)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.muted,
             children: " Followers "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.dim,
             children: [
               "\xB7",
               " "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: "#ffffff",
             children: formatCount(user.followingCount)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.muted,
             children: " Following"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      hasMentions && /* @__PURE__ */ jsxDEV24("box", {
+      hasMentions && /* @__PURE__ */ jsxDEV26("box", {
         style: { paddingLeft: 1, paddingRight: 1, flexDirection: "column" },
-        children: mentionCount === 1 ? /* @__PURE__ */ jsxDEV24("box", {
+        children: mentionCount === 1 ? /* @__PURE__ */ jsxDEV26("box", {
           style: { flexDirection: "row" },
           children: [
-            /* @__PURE__ */ jsxDEV24("text", {
+            /* @__PURE__ */ jsxDEV26("text", {
               fg: colors.dim,
               children: "Mentions: "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV24("text", {
+            /* @__PURE__ */ jsxDEV26("text", {
               fg: colors.primary,
               children: [
                 "@",
                 bioMentions[0]
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV24("text", {
+            /* @__PURE__ */ jsxDEV26("text", {
               fg: colors.dim,
               children: " ("
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV24("text", {
+            /* @__PURE__ */ jsxDEV26("text", {
               fg: colors.primary,
               children: "p"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV24("text", {
+            /* @__PURE__ */ jsxDEV26("text", {
               fg: colors.dim,
               children: " profile)"
             }, undefined, false, undefined, this)
           ]
-        }, undefined, true, undefined, this) : mentionsMode ? /* @__PURE__ */ jsxDEV24(Fragment2, {
+        }, undefined, true, undefined, this) : mentionsMode ? /* @__PURE__ */ jsxDEV26(Fragment3, {
           children: [
-            /* @__PURE__ */ jsxDEV24("box", {
+            /* @__PURE__ */ jsxDEV26("box", {
               style: { flexDirection: "row" },
               children: [
-                /* @__PURE__ */ jsxDEV24("text", {
+                /* @__PURE__ */ jsxDEV26("text", {
                   fg: colors.dim,
                   children: [
                     "Mentions (",
@@ -8625,19 +9230,19 @@ function ProfileScreen({
                     "): "
                   ]
                 }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV24("text", {
+                /* @__PURE__ */ jsxDEV26("text", {
                   fg: colors.primary,
                   children: "j/k"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV24("text", {
+                /* @__PURE__ */ jsxDEV26("text", {
                   fg: colors.dim,
                   children: " navigate "
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV24("text", {
+                /* @__PURE__ */ jsxDEV26("text", {
                   fg: colors.primary,
                   children: "Enter"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV24("text", {
+                /* @__PURE__ */ jsxDEV26("text", {
                   fg: colors.dim,
                   children: " profile"
                 }, undefined, false, undefined, this)
@@ -8645,9 +9250,9 @@ function ProfileScreen({
             }, undefined, true, undefined, this),
             bioMentions.map((mention, idx) => {
               const isSelected = idx === mentionIndex;
-              return /* @__PURE__ */ jsxDEV24("box", {
+              return /* @__PURE__ */ jsxDEV26("box", {
                 style: { flexDirection: "row" },
-                children: /* @__PURE__ */ jsxDEV24("text", {
+                children: /* @__PURE__ */ jsxDEV26("text", {
                   fg: isSelected ? colors.primary : colors.muted,
                   children: [
                     isSelected ? ">" : " ",
@@ -8658,21 +9263,21 @@ function ProfileScreen({
               }, mention, false, undefined, this);
             })
           ]
-        }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV24("box", {
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV26("box", {
           style: { flexDirection: "row" },
           children: [
-            /* @__PURE__ */ jsxDEV24("text", {
+            /* @__PURE__ */ jsxDEV26("text", {
               fg: colors.dim,
               children: "Mentions: "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV24("text", {
+            /* @__PURE__ */ jsxDEV26("text", {
               fg: colors.primary,
               children: [
                 "@",
                 bioMentions[0]
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV24("text", {
+            /* @__PURE__ */ jsxDEV26("text", {
               fg: colors.dim,
               children: [
                 " +",
@@ -8680,11 +9285,11 @@ function ProfileScreen({
                 " more ("
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV24("text", {
+            /* @__PURE__ */ jsxDEV26("text", {
               fg: colors.primary,
               children: "p"
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV24("text", {
+            /* @__PURE__ */ jsxDEV26("text", {
               fg: colors.dim,
               children: " to navigate)"
             }, undefined, false, undefined, this)
@@ -8707,7 +9312,7 @@ function ProfileScreen({
         return false;
     }
   })();
-  const tabBar = /* @__PURE__ */ jsxDEV24("box", {
+  const tabBar = /* @__PURE__ */ jsxDEV26("box", {
     style: {
       paddingLeft: 1,
       paddingRight: 1,
@@ -8715,12 +9320,12 @@ function ProfileScreen({
       flexDirection: "row"
     },
     children: [
-      availableTabs.map((tab, idx) => /* @__PURE__ */ jsxDEV24("box", {
+      availableTabs.map((tab, idx) => /* @__PURE__ */ jsxDEV26("box", {
         style: { flexDirection: "row" },
         children: [
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: activeTab === tab.key ? colors.primary : colors.dim,
-            children: activeTab === tab.key ? /* @__PURE__ */ jsxDEV24("b", {
+            children: activeTab === tab.key ? /* @__PURE__ */ jsxDEV26("b", {
               children: [
                 "[",
                 idx + 1,
@@ -8729,19 +9334,19 @@ function ProfileScreen({
               ]
             }, undefined, true, undefined, this) : ` ${idx + 1}  ${tab.label}`
           }, undefined, false, undefined, this),
-          idx < availableTabs.length - 1 && /* @__PURE__ */ jsxDEV24("text", {
+          idx < availableTabs.length - 1 && /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.dim,
             children: " | "
           }, undefined, false, undefined, this)
         ]
       }, tab.key, true, undefined, this)),
-      isCurrentTabLoading && /* @__PURE__ */ jsxDEV24("text", {
+      isCurrentTabLoading && /* @__PURE__ */ jsxDEV26("text", {
         fg: colors.muted,
         children: " (loading...)"
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
-  const separator = /* @__PURE__ */ jsxDEV24("box", {
+  const separator = /* @__PURE__ */ jsxDEV26("box", {
     style: {
       paddingLeft: 1,
       paddingRight: 1,
@@ -8751,7 +9356,7 @@ function ProfileScreen({
       paddingTop: 0,
       paddingBottom: 0
     },
-    children: /* @__PURE__ */ jsxDEV24("text", {
+    children: /* @__PURE__ */ jsxDEV26("text", {
       fg: "#444444",
       children: "\u2500".repeat(50)
     }, undefined, false, undefined, this)
@@ -8814,16 +9419,16 @@ function ProfileScreen({
     { key: "r", label: "refresh" }
   ];
   if (isLoading) {
-    return /* @__PURE__ */ jsxDEV24("box", {
+    return /* @__PURE__ */ jsxDEV26("box", {
       style: { flexDirection: "column", height: "100%" },
-      children: /* @__PURE__ */ jsxDEV24("box", {
+      children: /* @__PURE__ */ jsxDEV26("box", {
         style: { padding: 1, flexDirection: "row" },
         children: [
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.dim,
             children: "<- "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.muted,
             children: "Loading profile..."
           }, undefined, false, undefined, this)
@@ -8832,16 +9437,16 @@ function ProfileScreen({
     }, undefined, false, undefined, this);
   }
   if (error) {
-    return /* @__PURE__ */ jsxDEV24("box", {
+    return /* @__PURE__ */ jsxDEV26("box", {
       style: { flexDirection: "column", height: "100%" },
-      children: /* @__PURE__ */ jsxDEV24("box", {
+      children: /* @__PURE__ */ jsxDEV26("box", {
         style: { padding: 1, flexDirection: "row" },
         children: [
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.dim,
             children: "<- "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: "#ff6666",
             children: [
               "Error: ",
@@ -8853,16 +9458,16 @@ function ProfileScreen({
     }, undefined, false, undefined, this);
   }
   if (!user) {
-    return /* @__PURE__ */ jsxDEV24("box", {
+    return /* @__PURE__ */ jsxDEV26("box", {
       style: { flexDirection: "column", height: "100%" },
-      children: /* @__PURE__ */ jsxDEV24("box", {
+      children: /* @__PURE__ */ jsxDEV26("box", {
         style: { padding: 1, flexDirection: "row" },
         children: [
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.dim,
             children: "<- "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV24("text", {
+          /* @__PURE__ */ jsxDEV26("text", {
             fg: colors.muted,
             children: "User not found"
           }, undefined, false, undefined, this)
@@ -8886,22 +9491,22 @@ function ProfileScreen({
         return "No content to display";
     }
   })();
-  return /* @__PURE__ */ jsxDEV24("box", {
+  return /* @__PURE__ */ jsxDEV26("box", {
     style: { flexDirection: "column", height: "100%" },
     children: [
       isCollapsed ? compactHeader : fullHeader,
       tabBar,
       separator,
-      displayError ? /* @__PURE__ */ jsxDEV24("box", {
+      displayError ? /* @__PURE__ */ jsxDEV26("box", {
         style: { padding: 1, flexGrow: 1 },
-        children: /* @__PURE__ */ jsxDEV24("text", {
+        children: /* @__PURE__ */ jsxDEV26("text", {
           fg: "#ff6666",
           children: [
             "Error: ",
             displayError
           ]
         }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this) : displayPosts.length > 0 ? /* @__PURE__ */ jsxDEV24(PostList, {
+      }, undefined, false, undefined, this) : displayPosts.length > 0 ? /* @__PURE__ */ jsxDEV26(PostList, {
         posts: displayPosts,
         focused,
         onPostSelect,
@@ -8909,15 +9514,16 @@ function ProfileScreen({
         onLike,
         onBookmark,
         getActionState,
-        initActionState
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV24("box", {
+        initActionState,
+        refreshKey
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV26("box", {
         style: { padding: 1, flexGrow: 1 },
-        children: /* @__PURE__ */ jsxDEV24("text", {
+        children: /* @__PURE__ */ jsxDEV26("text", {
           fg: colors.muted,
           children: emptyMessage
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV24(Footer, {
+      /* @__PURE__ */ jsxDEV26(Footer, {
         bindings: footerBindings,
         visible: showFooter
       }, undefined, false, undefined, this)
@@ -8926,8 +9532,8 @@ function ProfileScreen({
 }
 
 // src/screens/SplashScreen.tsx
-import { useEffect as useEffect19, useState as useState22 } from "react";
-import { jsxDEV as jsxDEV25 } from "@opentui/react/jsx-dev-runtime";
+import { useEffect as useEffect21, useState as useState27 } from "react";
+import { jsxDEV as jsxDEV27 } from "@opentui/react/jsx-dev-runtime";
 var LOGO = [
   "          \u2588\u2588\u2557  \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557 ",
   "          \u255A\u2588\u2588\u2557\u2588\u2588\u2554\u255D\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557",
@@ -8939,14 +9545,14 @@ var LOGO = [
 var SPINNER_FRAMES = ["\u25E2", "\u25E3", "\u25E4", "\u25E5"];
 var SPINNER_INTERVAL_MS = 100;
 function SplashScreen() {
-  const [spinnerIndex, setSpinnerIndex] = useState22(0);
-  useEffect19(() => {
+  const [spinnerIndex, setSpinnerIndex] = useState27(0);
+  useEffect21(() => {
     const interval = setInterval(() => {
       setSpinnerIndex((prev) => (prev + 1) % SPINNER_FRAMES.length);
     }, SPINNER_INTERVAL_MS);
     return () => clearInterval(interval);
   }, []);
-  return /* @__PURE__ */ jsxDEV25("box", {
+  return /* @__PURE__ */ jsxDEV27("box", {
     style: {
       flexDirection: "column",
       height: "100%",
@@ -8954,39 +9560,39 @@ function SplashScreen() {
       alignItems: "center"
     },
     children: [
-      /* @__PURE__ */ jsxDEV25("text", {
+      /* @__PURE__ */ jsxDEV27("text", {
         fg: colors.dim,
         children: "\u2500".repeat(52)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV25("box", {
+      /* @__PURE__ */ jsxDEV27("box", {
         style: { marginTop: 1 }
       }, undefined, false, undefined, this),
-      LOGO.map((line, i) => /* @__PURE__ */ jsxDEV25("text", {
+      LOGO.map((line, i) => /* @__PURE__ */ jsxDEV27("text", {
         fg: "#ffffff",
         children: line
       }, i, false, undefined, this)),
-      /* @__PURE__ */ jsxDEV25("box", {
+      /* @__PURE__ */ jsxDEV27("box", {
         style: { marginTop: 1 }
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV25("text", {
+      /* @__PURE__ */ jsxDEV27("text", {
         fg: colors.dim,
         children: "[terminal client for X, everything app]"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV25("box", {
+      /* @__PURE__ */ jsxDEV27("box", {
         style: { marginTop: 1 }
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV25("text", {
+      /* @__PURE__ */ jsxDEV27("text", {
         fg: colors.dim,
         children: "\u2500".repeat(52)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV25("box", {
+      /* @__PURE__ */ jsxDEV27("box", {
         style: { marginTop: 2, flexDirection: "row" },
         children: [
-          /* @__PURE__ */ jsxDEV25("text", {
+          /* @__PURE__ */ jsxDEV27("text", {
             fg: "#ffffff",
             children: SPINNER_FRAMES[spinnerIndex]
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV25("text", {
+          /* @__PURE__ */ jsxDEV27("text", {
             fg: colors.dim,
             children: " initializing..."
           }, undefined, false, undefined, this)
@@ -8997,7 +9603,7 @@ function SplashScreen() {
 }
 
 // src/screens/ThreadScreen.tsx
-import { jsxDEV as jsxDEV26 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV28 } from "@opentui/react/jsx-dev-runtime";
 function ThreadScreen({
   client,
   tweet,
@@ -9012,11 +9618,11 @@ function ThreadScreen({
     maxAncestorDepth: 10
   });
   if (loadingAncestors || loadingReplies) {
-    return /* @__PURE__ */ jsxDEV26("box", {
+    return /* @__PURE__ */ jsxDEV28("box", {
       style: { flexDirection: "column", height: "100%" },
-      children: /* @__PURE__ */ jsxDEV26("box", {
+      children: /* @__PURE__ */ jsxDEV28("box", {
         style: { paddingLeft: 1, paddingTop: 1 },
-        children: /* @__PURE__ */ jsxDEV26("text", {
+        children: /* @__PURE__ */ jsxDEV28("text", {
           fg: colors.muted,
           children: [
             "Loading thread...",
@@ -9028,12 +9634,12 @@ function ThreadScreen({
     }, undefined, false, undefined, this);
   }
   if (error) {
-    return /* @__PURE__ */ jsxDEV26("box", {
+    return /* @__PURE__ */ jsxDEV28("box", {
       style: { flexDirection: "column", height: "100%" },
       children: [
-        /* @__PURE__ */ jsxDEV26("box", {
+        /* @__PURE__ */ jsxDEV28("box", {
           style: { paddingLeft: 1, paddingTop: 1 },
-          children: /* @__PURE__ */ jsxDEV26("text", {
+          children: /* @__PURE__ */ jsxDEV28("text", {
             fg: colors.error,
             children: [
               "Error: ",
@@ -9041,9 +9647,9 @@ function ThreadScreen({
             ]
           }, undefined, true, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV26("box", {
+        /* @__PURE__ */ jsxDEV28("box", {
           style: { paddingLeft: 1, paddingTop: 1 },
-          children: /* @__PURE__ */ jsxDEV26("text", {
+          children: /* @__PURE__ */ jsxDEV28("text", {
             fg: colors.dim,
             children: "Press h or Esc to go back"
           }, undefined, false, undefined, this)
@@ -9051,7 +9657,7 @@ function ThreadScreen({
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV26(ThreadViewPrototype, {
+  return /* @__PURE__ */ jsxDEV28(ThreadViewPrototype, {
     ancestors,
     focusedTweet: tweet,
     replyTree,
@@ -9063,12 +9669,12 @@ function ThreadScreen({
 }
 
 // src/app.tsx
-import { jsxDEV as jsxDEV27 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV29 } from "@opentui/react/jsx-dev-runtime";
 var SPLASH_MIN_DISPLAY_MS = 500;
 var MAIN_VIEWS = ["timeline", "bookmarks", "notifications"];
 function App({ client, user }) {
-  return /* @__PURE__ */ jsxDEV27(QueryProvider, {
-    children: /* @__PURE__ */ jsxDEV27(AppContent, {
+  return /* @__PURE__ */ jsxDEV29(QueryProvider, {
+    children: /* @__PURE__ */ jsxDEV29(AppContent, {
       client,
       user
     }, undefined, false, undefined, this)
@@ -9080,15 +9686,15 @@ function AppContent({ client, user }) {
     initialView: "timeline",
     mainViews: MAIN_VIEWS
   });
-  const [postCount, setPostCount] = useState23(0);
-  const [bookmarkCount, setBookmarkCount] = useState23(0);
-  const [bookmarkHasMore, setBookmarkHasMore] = useState23(false);
-  const [notificationCount, setNotificationCount] = useState23(0);
-  const [unreadNotificationCount, setUnreadNotificationCount] = useState23(0);
-  const [showFooter, setShowFooter] = useState23(true);
+  const [postCount, setPostCount] = useState28(0);
+  const [bookmarkCount, setBookmarkCount] = useState28(0);
+  const [bookmarkHasMore, setBookmarkHasMore] = useState28(false);
+  const [notificationCount, setNotificationCount] = useState28(0);
+  const [unreadNotificationCount, setUnreadNotificationCount] = useState28(0);
+  const [showFooter, setShowFooter] = useState28(true);
   const dialog = useDialog();
   const isDialogOpen = useDialogState((s) => s.isOpen);
-  useEffect20(() => {
+  useEffect22(() => {
     const toaster = new ToasterRenderable(renderer, {
       position: "top-right",
       stackingMode: "stack",
@@ -9109,10 +9715,10 @@ function AppContent({ client, user }) {
     renderer.root.add(toaster);
     return () => toaster.destroy();
   }, [renderer]);
-  useEffect20(() => {
+  useEffect22(() => {
     client.setOnSessionExpired(() => {
       dialog.alert({
-        content: (ctx) => /* @__PURE__ */ jsxDEV27(SessionExpiredContent, {
+        content: (ctx) => /* @__PURE__ */ jsxDEV29(SessionExpiredContent, {
           dismiss: ctx.dismiss,
           dialogId: ctx.dialogId
         }, undefined, false, undefined, this),
@@ -9120,7 +9726,7 @@ function AppContent({ client, user }) {
       });
     });
   }, [client, dialog]);
-  const [selectedBookmarkFolder, setSelectedBookmarkFolder] = useState23(null);
+  const [selectedBookmarkFolder, setSelectedBookmarkFolder] = useState28(null);
   const bookmarkMutation = useBookmarkMutation({
     client,
     onSuccess: (message) => toast.success(message),
@@ -9133,24 +9739,25 @@ function AppContent({ client, user }) {
     bookmarkMutation,
     currentFolderId: selectedBookmarkFolder?.id
   });
-  const [showSplash, setShowSplash] = useState23(true);
-  const [minTimeElapsed, setMinTimeElapsed] = useState23(false);
-  const initialLoadComplete = useRef12(false);
-  useEffect20(() => {
+  const { getAnnotation, hasAnnotation, setAnnotation, deleteAnnotation } = useAnnotations();
+  const [showSplash, setShowSplash] = useState28(true);
+  const [minTimeElapsed, setMinTimeElapsed] = useState28(false);
+  const initialLoadComplete = useRef13(false);
+  useEffect22(() => {
     const timer = setTimeout(() => {
       setMinTimeElapsed(true);
     }, SPLASH_MIN_DISPLAY_MS);
     return () => clearTimeout(timer);
   }, []);
-  useEffect20(() => {
+  useEffect22(() => {
     if (minTimeElapsed && initialLoadComplete.current) {
       setShowSplash(false);
     }
   }, [minTimeElapsed]);
-  const handlePostCountChange = useCallback15((count) => {
+  const handlePostCountChange = useCallback16((count) => {
     setPostCount(count);
   }, []);
-  const handleInitialLoadComplete = useCallback15(() => {
+  const handleInitialLoadComplete = useCallback16(() => {
     if (!initialLoadComplete.current) {
       initialLoadComplete.current = true;
       if (minTimeElapsed) {
@@ -9158,34 +9765,34 @@ function AppContent({ client, user }) {
       }
     }
   }, [minTimeElapsed]);
-  const handleBookmarkCountChange = useCallback15((count) => {
+  const handleBookmarkCountChange = useCallback16((count) => {
     setBookmarkCount(count);
   }, []);
-  const handleBookmarkHasMoreChange = useCallback15((hasMore) => {
+  const handleBookmarkHasMoreChange = useCallback16((hasMore) => {
     setBookmarkHasMore(hasMore);
   }, []);
-  const handleNotificationCountChange = useCallback15((count) => {
+  const handleNotificationCountChange = useCallback16((count) => {
     setNotificationCount(count);
   }, []);
-  const handleUnreadCountChange = useCallback15((count) => {
+  const handleUnreadCountChange = useCallback16((count) => {
     setUnreadNotificationCount(count);
   }, []);
-  const [postStack, setPostStack] = useState23([]);
+  const [postStack, setPostStack] = useState28([]);
   const selectedPost = postStack[postStack.length - 1] ?? null;
-  const [isLoadingQuote, setIsLoadingQuote] = useState23(false);
-  const [isLoadingParent, setIsLoadingParent] = useState23(false);
-  const [threadRootTweet, setThreadRootTweet] = useState23(null);
-  const handlePostSelect = useCallback15((post) => {
+  const [isLoadingQuote, setIsLoadingQuote] = useState28(false);
+  const [isLoadingParent, setIsLoadingParent] = useState28(false);
+  const [threadRootTweet, setThreadRootTweet] = useState28(null);
+  const handlePostSelect = useCallback16((post) => {
     setPostStack((prev) => [...prev, post]);
     initState(post.id, post.favorited ?? false, post.bookmarked ?? false);
     navigate("post-detail");
   }, [navigate, initState]);
-  const handlePostSelectFromThread = useCallback15((post) => {
+  const handlePostSelectFromThread = useCallback16((post) => {
     setPostStack((prev) => [...prev, post]);
     initState(post.id, post.favorited ?? false, post.bookmarked ?? false);
     navigate("post-detail");
   }, [navigate, initState]);
-  const handleQuoteSelect = useCallback15(async (quotedTweet) => {
+  const handleQuoteSelect = useCallback16(async (quotedTweet) => {
     if (isLoadingQuote)
       return;
     if (postStack.some((p) => p.id === quotedTweet.id)) {
@@ -9206,7 +9813,7 @@ function AppContent({ client, user }) {
       setIsLoadingQuote(false);
     }
   }, [client, initState, isLoadingQuote, navigate, postStack]);
-  const handleParentSelect = useCallback15(async (parentTweet) => {
+  const handleParentSelect = useCallback16(async (parentTweet) => {
     if (isLoadingParent)
       return;
     const parentIndex = postStack.findIndex((p) => p.id === parentTweet.id);
@@ -9232,40 +9839,40 @@ function AppContent({ client, user }) {
       setIsLoadingParent(false);
     }
   }, [client, goBack, initState, isLoadingParent, navigate, postStack]);
-  const handleBackFromDetail = useCallback15(() => {
+  const handleBackFromDetail = useCallback16(() => {
     goBack();
     setPostStack((prev) => prev.slice(0, -1));
   }, [goBack]);
-  const [profileStack, setProfileStack] = useState23([]);
+  const [profileStack, setProfileStack] = useState28([]);
   const profileUsername = profileStack[profileStack.length - 1] ?? null;
-  const handleProfileOpen = useCallback15((username) => {
+  const handleProfileOpen = useCallback16((username) => {
     setProfileStack((prev) => [...prev, username]);
     navigate("profile");
   }, [navigate]);
-  const handleThreadView = useCallback15(() => {
+  const handleThreadView = useCallback16(() => {
     if (selectedPost) {
       setThreadRootTweet(selectedPost);
       navigate("thread");
     }
   }, [navigate, selectedPost]);
-  const handleBackFromThread = useCallback15(() => {
+  const handleBackFromThread = useCallback16(() => {
     goBack();
     setThreadRootTweet(null);
   }, [goBack]);
-  const handleBackFromProfile = useCallback15(() => {
+  const handleBackFromProfile = useCallback16(() => {
     goBack();
     setProfileStack((prev) => prev.slice(0, -1));
   }, [goBack]);
-  const handlePostSelectFromProfile = useCallback15((post) => {
+  const handlePostSelectFromProfile = useCallback16((post) => {
     setPostStack((prev) => [...prev, post]);
     initState(post.id, post.favorited ?? false, post.bookmarked ?? false);
     navigate("post-detail");
   }, [navigate, initState]);
-  const handleMoveToFolder = useCallback15(async () => {
+  const handleMoveToFolder = useCallback16(async () => {
     if (!selectedPost)
       return;
     const result = await dialog.choice({
-      content: (ctx) => /* @__PURE__ */ jsxDEV27(FolderPickerContent, {
+      content: (ctx) => /* @__PURE__ */ jsxDEV29(FolderPickerContent, {
         client,
         resolve: ctx.resolve,
         dismiss: ctx.dismiss,
@@ -9282,9 +9889,39 @@ function AppContent({ client, user }) {
       toast.error(moveResult.error);
     }
   }, [client, selectedPost, dialog]);
-  const handleBookmarkFolderSelectorOpen = useCallback15(async () => {
+  const handleAnnotate = useCallback16(async (tweetId) => {
+    const existingAnnotation = getAnnotation(tweetId);
+    const result = await dialog.prompt({
+      content: (ctx) => /* @__PURE__ */ jsxDEV29(AnnotationEditorContent, {
+        initialText: existingAnnotation ?? "",
+        hasExisting: !!existingAnnotation,
+        resolve: ctx.resolve,
+        dismiss: ctx.dismiss,
+        dialogId: ctx.dialogId
+      }, undefined, false, undefined, this),
+      unstyled: true
+    });
+    if (!result)
+      return;
+    if (result.action === "delete") {
+      deleteAnnotation(tweetId);
+      toast.success("Annotation deleted");
+    } else if (result.action === "save" && result.text) {
+      setAnnotation(tweetId, result.text);
+      toast.success(existingAnnotation ? "Annotation updated" : "Annotation saved");
+    }
+  }, [dialog, getAnnotation, setAnnotation, deleteAnnotation]);
+  const handleAnnotateSelectedPost = useCallback16(() => {
+    if (selectedPost) {
+      handleAnnotate(selectedPost.id);
+    }
+  }, [selectedPost, handleAnnotate]);
+  const handleAnnotateFromList = useCallback16((post) => {
+    handleAnnotate(post.id);
+  }, [handleAnnotate]);
+  const handleBookmarkFolderSelectorOpen = useCallback16(async () => {
     const folder = await dialog.choice({
-      content: (ctx) => /* @__PURE__ */ jsxDEV27(BookmarkFolderSelectorContent, {
+      content: (ctx) => /* @__PURE__ */ jsxDEV29(BookmarkFolderSelectorContent, {
         client,
         currentFolder: selectedBookmarkFolder,
         resolve: ctx.resolve,
@@ -9297,9 +9934,9 @@ function AppContent({ client, user }) {
       setSelectedBookmarkFolder(folder);
     }
   }, [client, selectedBookmarkFolder, dialog]);
-  const handleCreateBookmarkFolder = useCallback15(async () => {
+  const handleCreateBookmarkFolder = useCallback16(async () => {
     const name = await dialog.prompt({
-      content: (ctx) => /* @__PURE__ */ jsxDEV27(FolderNameInputContent, {
+      content: (ctx) => /* @__PURE__ */ jsxDEV29(FolderNameInputContent, {
         mode: "create",
         onSubmit: async (folderName) => {
           const result = await client.createBookmarkFolder(folderName);
@@ -9317,11 +9954,11 @@ function AppContent({ client, user }) {
       toast.success(`Created folder "${name}"`);
     }
   }, [client, dialog]);
-  const handleEditBookmarkFolder = useCallback15(async () => {
+  const handleEditBookmarkFolder = useCallback16(async () => {
     if (!selectedBookmarkFolder)
       return;
     const name = await dialog.prompt({
-      content: (ctx) => /* @__PURE__ */ jsxDEV27(FolderNameInputContent, {
+      content: (ctx) => /* @__PURE__ */ jsxDEV29(FolderNameInputContent, {
         mode: "edit",
         initialName: selectedBookmarkFolder.name,
         onSubmit: async (folderName) => {
@@ -9342,11 +9979,11 @@ function AppContent({ client, user }) {
       toast.success(`Renamed folder to "${name}"`);
     }
   }, [client, selectedBookmarkFolder, dialog]);
-  const handleDeleteBookmarkFolder = useCallback15(async () => {
+  const handleDeleteBookmarkFolder = useCallback16(async () => {
     if (!selectedBookmarkFolder)
       return;
     const confirmed = await dialog.confirm({
-      content: (ctx) => /* @__PURE__ */ jsxDEV27(DeleteFolderConfirmContent, {
+      content: (ctx) => /* @__PURE__ */ jsxDEV29(DeleteFolderConfirmContent, {
         folderName: selectedBookmarkFolder.name,
         onConfirm: async () => {
           const result = await client.deleteBookmarkFolder(selectedBookmarkFolder.id);
@@ -9366,7 +10003,7 @@ function AppContent({ client, user }) {
     if (!confirmed)
       return;
   }, [client, selectedBookmarkFolder, dialog]);
-  const handleNotificationSelect = useCallback15((notification) => {
+  const handleNotificationSelect = useCallback16((notification) => {
     if (notification.targetTweet) {
       setPostStack((prev) => [...prev, notification.targetTweet]);
       initState(notification.targetTweet.id, notification.targetTweet.favorited ?? false, notification.targetTweet.bookmarked ?? false);
@@ -9387,9 +10024,9 @@ function AppContent({ client, user }) {
       });
     }
   }, [navigate, initState]);
-  const showExitConfirmation = useCallback15(() => {
+  const showExitConfirmation = useCallback16(() => {
     dialog.choice({
-      content: (ctx) => /* @__PURE__ */ jsxDEV27(ExitConfirmationContent, {
+      content: (ctx) => /* @__PURE__ */ jsxDEV29(ExitConfirmationContent, {
         resolve: ctx.resolve,
         dismiss: ctx.dismiss,
         dialogId: ctx.dialogId
@@ -9404,6 +10041,35 @@ function AppContent({ client, user }) {
       }
     });
   }, [dialog, renderer]);
+  const handleUrlNavigationOpen = useCallback16(async () => {
+    const result = await dialog.prompt({
+      content: (ctx) => /* @__PURE__ */ jsxDEV29(UrlInputContent, {
+        onNavigateToTweet: async (tweetId) => {
+          const tweetResult = await client.getTweet(tweetId);
+          if (tweetResult.success && tweetResult.tweet) {
+            setPostStack((prev) => [...prev, tweetResult.tweet]);
+            initState(tweetResult.tweet.id, tweetResult.tweet.favorited ?? false, tweetResult.tweet.bookmarked ?? false);
+            navigate("post-detail");
+            return { success: true };
+          }
+          return {
+            success: false,
+            error: tweetResult.error ?? "Tweet not found"
+          };
+        },
+        onNavigateToProfile: async (username) => {
+          setProfileStack((prev) => [...prev, username]);
+          navigate("profile");
+          return { success: true };
+        },
+        resolve: ctx.resolve,
+        dismiss: ctx.dismiss,
+        dialogId: ctx.dialogId
+      }, undefined, false, undefined, this)
+    });
+    if (!result)
+      return;
+  }, [client, dialog, initState, navigate]);
   useKeyboard10((key) => {
     if (key.name === "c") {
       const selection = renderer.getSelection();
@@ -9476,33 +10142,36 @@ function AppContent({ client, user }) {
       setProfileStack((prev) => [...prev, user.username]);
       navigate("profile");
     }
+    if (key.name === "g") {
+      handleUrlNavigationOpen();
+    }
   });
-  return /* @__PURE__ */ jsxDEV27("box", {
+  return /* @__PURE__ */ jsxDEV29("box", {
     style: {
       flexDirection: "column",
       height: "100%"
     },
     children: [
-      showSplash ? /* @__PURE__ */ jsxDEV27(SplashScreen, {}, undefined, false, undefined, this) : isMainView ? /* @__PURE__ */ jsxDEV27(Header, {
+      showSplash ? /* @__PURE__ */ jsxDEV29(SplashScreen, {}, undefined, false, undefined, this) : isMainView ? /* @__PURE__ */ jsxDEV29(Header, {
         currentView,
         postCount: currentView === "bookmarks" ? bookmarkCount : currentView === "notifications" ? notificationCount : postCount,
         hasMore: currentView === "bookmarks" ? bookmarkHasMore : false,
         unreadNotificationCount
       }, undefined, false, undefined, this) : null,
-      /* @__PURE__ */ jsxDEV27("box", {
+      /* @__PURE__ */ jsxDEV29("box", {
         style: {
           flexGrow: 1,
           height: showSplash ? 0 : undefined,
           overflow: showSplash ? "hidden" : undefined
         },
         children: [
-          /* @__PURE__ */ jsxDEV27("box", {
+          /* @__PURE__ */ jsxDEV29("box", {
             visible: currentView === "timeline",
             style: {
               flexGrow: 1,
               height: "100%"
             },
-            children: /* @__PURE__ */ jsxDEV27(TimelineScreenExperimental, {
+            children: /* @__PURE__ */ jsxDEV29(TimelineScreenExperimental, {
               client,
               focused: currentView === "timeline" && !showSplash && !isDialogOpen,
               onPostCountChange: handlePostCountChange,
@@ -9514,7 +10183,7 @@ function AppContent({ client, user }) {
               initActionState: initState
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          currentView === "post-detail" && selectedPost && /* @__PURE__ */ jsxDEV27(PostDetailScreen, {
+          currentView === "post-detail" && selectedPost && /* @__PURE__ */ jsxDEV29(PostDetailScreen, {
             client,
             tweet: selectedPost,
             focused: !isDialogOpen,
@@ -9523,6 +10192,8 @@ function AppContent({ client, user }) {
             onLike: () => toggleLike(selectedPost),
             onBookmark: () => toggleBookmark(selectedPost),
             onMoveToFolder: handleMoveToFolder,
+            onAnnotate: handleAnnotateSelectedPost,
+            annotationText: getAnnotation(selectedPost.id),
             isLiked: getState(selectedPost.id).liked,
             isBookmarked: getState(selectedPost.id).bookmarked,
             isJustLiked: getState(selectedPost.id).justLiked,
@@ -9536,13 +10207,13 @@ function AppContent({ client, user }) {
             isLoadingParent,
             showFooter
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV27("box", {
+          /* @__PURE__ */ jsxDEV29("box", {
             visible: currentView === "thread",
             style: {
               flexGrow: 1,
               height: "100%"
             },
-            children: threadRootTweet && /* @__PURE__ */ jsxDEV27(ThreadScreen, {
+            children: threadRootTweet && /* @__PURE__ */ jsxDEV29(ThreadScreen, {
               client,
               tweet: threadRootTweet,
               focused: currentView === "thread",
@@ -9551,13 +10222,13 @@ function AppContent({ client, user }) {
               showFooter
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV27("box", {
+          /* @__PURE__ */ jsxDEV29("box", {
             visible: currentView === "profile",
             style: {
               flexGrow: 1,
               height: "100%"
             },
-            children: profileUsername && /* @__PURE__ */ jsxDEV27(ProfileScreen, {
+            children: profileUsername && /* @__PURE__ */ jsxDEV29(ProfileScreen, {
               client,
               username: profileUsername,
               currentUser: user,
@@ -9572,13 +10243,13 @@ function AppContent({ client, user }) {
               showFooter
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV27("box", {
+          /* @__PURE__ */ jsxDEV29("box", {
             visible: currentView === "bookmarks",
             style: {
               flexGrow: 1,
               height: "100%"
             },
-            children: /* @__PURE__ */ jsxDEV27(BookmarksScreen, {
+            children: /* @__PURE__ */ jsxDEV29(BookmarksScreen, {
               client,
               focused: currentView === "bookmarks" && !showSplash && !isDialogOpen,
               selectedFolder: selectedBookmarkFolder,
@@ -9588,20 +10259,22 @@ function AppContent({ client, user }) {
               onPostSelect: handlePostSelect,
               onLike: toggleLike,
               onBookmark: toggleBookmark,
+              onAnnotate: handleAnnotateFromList,
               getActionState: getState,
               initActionState: initState,
+              hasAnnotation,
               onCreateFolder: handleCreateBookmarkFolder,
               onEditFolder: handleEditBookmarkFolder,
               onDeleteFolder: handleDeleteBookmarkFolder
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV27("box", {
+          /* @__PURE__ */ jsxDEV29("box", {
             visible: currentView === "notifications",
             style: {
               flexGrow: 1,
               height: "100%"
             },
-            children: /* @__PURE__ */ jsxDEV27(NotificationsScreen, {
+            children: /* @__PURE__ */ jsxDEV29(NotificationsScreen, {
               client,
               focused: currentView === "notifications" && !showSplash && !isDialogOpen,
               onNotificationCountChange: handleNotificationCountChange,
@@ -9611,7 +10284,7 @@ function AppContent({ client, user }) {
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      !showSplash && isMainView && /* @__PURE__ */ jsxDEV27(Footer, {
+      !showSplash && isMainView && /* @__PURE__ */ jsxDEV29(Footer, {
         visible: showFooter
       }, undefined, false, undefined, this)
     ]
@@ -9619,46 +10292,46 @@ function AppContent({ client, user }) {
 }
 
 // src/auth/browser-detect.ts
-import { existsSync as existsSync2, readdirSync } from "fs";
-import { homedir as homedir4 } from "os";
-import path2 from "path";
-var home = homedir4();
+import { existsSync as existsSync3, readdirSync } from "fs";
+import { homedir as homedir5 } from "os";
+import path3 from "path";
+var home = homedir5();
 var BROWSER_CONFIGS = [
   {
     id: "safari",
     name: "Safari",
-    check: () => existsSync2(path2.join(home, "Library/Containers/com.apple.Safari/Data/Library/Cookies/Cookies.binarycookies")) || existsSync2(path2.join(home, "Library/Cookies/Cookies.binarycookies"))
+    check: () => existsSync3(path3.join(home, "Library/Containers/com.apple.Safari/Data/Library/Cookies/Cookies.binarycookies")) || existsSync3(path3.join(home, "Library/Cookies/Cookies.binarycookies"))
   },
   {
     id: "chrome",
     name: "Chrome",
-    check: () => existsSync2(path2.join(home, "Library/Application Support/Google/Chrome/Default/Cookies")) || existsSync2(path2.join(home, "Library/Application Support/Google/Chrome/Default/Network/Cookies"))
+    check: () => existsSync3(path3.join(home, "Library/Application Support/Google/Chrome/Default/Cookies")) || existsSync3(path3.join(home, "Library/Application Support/Google/Chrome/Default/Network/Cookies"))
   },
   {
     id: "brave",
     name: "Brave",
-    check: () => existsSync2(path2.join(home, "Library/Application Support/BraveSoftware/Brave-Browser/Default/Cookies")) || existsSync2(path2.join(home, "Library/Application Support/BraveSoftware/Brave-Browser/Default/Network/Cookies"))
+    check: () => existsSync3(path3.join(home, "Library/Application Support/BraveSoftware/Brave-Browser/Default/Cookies")) || existsSync3(path3.join(home, "Library/Application Support/BraveSoftware/Brave-Browser/Default/Network/Cookies"))
   },
   {
     id: "arc",
     name: "Arc",
-    check: () => existsSync2(path2.join(home, "Library/Application Support/Arc/User Data/Default/Cookies")) || existsSync2(path2.join(home, "Library/Application Support/Arc/User Data/Default/Network/Cookies"))
+    check: () => existsSync3(path3.join(home, "Library/Application Support/Arc/User Data/Default/Cookies")) || existsSync3(path3.join(home, "Library/Application Support/Arc/User Data/Default/Network/Cookies"))
   },
   {
     id: "opera",
     name: "Opera",
-    check: () => existsSync2(path2.join(home, "Library/Application Support/com.operasoftware.Opera/Cookies")) || existsSync2(path2.join(home, "Library/Application Support/com.operasoftware.Opera/Network/Cookies"))
+    check: () => existsSync3(path3.join(home, "Library/Application Support/com.operasoftware.Opera/Cookies")) || existsSync3(path3.join(home, "Library/Application Support/com.operasoftware.Opera/Network/Cookies"))
   },
   {
     id: "firefox",
     name: "Firefox",
     check: () => {
-      const profilesDir = path2.join(home, "Library/Application Support/Firefox/Profiles");
-      if (!existsSync2(profilesDir))
+      const profilesDir = path3.join(home, "Library/Application Support/Firefox/Profiles");
+      if (!existsSync3(profilesDir))
         return false;
       try {
         const profiles = readdirSync(profilesDir);
-        return profiles.some((profile) => existsSync2(path2.join(profilesDir, profile, "cookies.sqlite")));
+        return profiles.some((profile) => existsSync3(path3.join(profilesDir, profile, "cookies.sqlite")));
       } catch {
         return false;
       }
@@ -9766,8 +10439,8 @@ var query_ids_default = {
 
 // src/api/runtime-query-ids.ts
 import { mkdir as mkdir2, readFile, writeFile as writeFile2 } from "fs/promises";
-import { homedir as homedir5 } from "os";
-import path3 from "path";
+import { homedir as homedir6 } from "os";
+import path4 from "path";
 var DEFAULT_CACHE_FILENAME = "query-ids-cache.json";
 var DEFAULT_TTL_MS = 24 * 60 * 60 * 1000;
 var DISCOVERY_PAGES = [
@@ -9816,9 +10489,9 @@ async function fetchText(fetchImpl, url) {
 function resolveDefaultCachePath() {
   const override = process.env.XFEED_QUERY_IDS_CACHE;
   if (override && override.trim().length > 0) {
-    return path3.resolve(override.trim());
+    return path4.resolve(override.trim());
   }
-  return path3.join(homedir5(), ".config", "xfeed", DEFAULT_CACHE_FILENAME);
+  return path4.join(homedir6(), ".config", "xfeed", DEFAULT_CACHE_FILENAME);
 }
 function parseSnapshot(raw) {
   if (!raw || typeof raw !== "object") {
@@ -9862,7 +10535,7 @@ async function readSnapshotFromDisk(cachePath) {
   }
 }
 async function writeSnapshotToDisk(cachePath, snapshot) {
-  await mkdir2(path3.dirname(cachePath), { recursive: true });
+  await mkdir2(path4.dirname(cachePath), { recursive: true });
   await writeFile2(cachePath, `${JSON.stringify(snapshot, null, 2)}
 `, "utf8");
 }
@@ -9935,7 +10608,7 @@ async function fetchAndExtract(fetchImpl, bundleUrls, targets) {
 function createRuntimeQueryIdStore(options = {}) {
   const fetchImpl = options.fetchImpl ?? fetch;
   const ttlMs = options.ttlMs ?? DEFAULT_TTL_MS;
-  const cachePath = options.cachePath ? path3.resolve(options.cachePath) : resolveDefaultCachePath();
+  const cachePath = options.cachePath ? path4.resolve(options.cachePath) : resolveDefaultCachePath();
   let memorySnapshot = null;
   let loadOnce = null;
   let refreshInFlight = null;
@@ -10190,11 +10863,11 @@ class XClient {
     }
     await this.transactionInitPromise;
   }
-  async generateTransactionId(method, path4) {
+  async generateTransactionId(method, path5) {
     await this.ensureClientTransaction();
     if (this.clientTransaction) {
       try {
-        return await this.clientTransaction.generateTransactionId(method, path4);
+        return await this.clientTransaction.generateTransactionId(method, path5);
       } catch (error) {
         console.error("[xfeed] Failed to generate transaction ID:", error);
       }
@@ -10761,6 +11434,7 @@ ${body}`;
       responsive_web_grok_analyze_button_fetch_trends_enabled: false,
       responsive_web_grok_analyze_post_followups_enabled: false,
       responsive_web_jetfuel_frame: true,
+      post_ctas_fetch_enabled: true,
       responsive_web_grok_share_attachment_enabled: true,
       articles_preview_enabled: true,
       responsive_web_edit_tweet_api_enabled: true,
@@ -10826,6 +11500,7 @@ ${body}`;
       responsive_web_grok_analyze_button_fetch_trends_enabled: false,
       responsive_web_grok_analyze_post_followups_enabled: true,
       responsive_web_jetfuel_frame: true,
+      post_ctas_fetch_enabled: true,
       responsive_web_grok_share_attachment_enabled: true,
       responsive_web_grok_annotations_enabled: false,
       articles_preview_enabled: true,
@@ -12955,9 +13630,9 @@ ${fallback.plainText}` : fallback.plainText;
     };
     const tryOnce = async () => {
       const queryId = await this.getQueryId("bookmarkTweetToFolder");
-      const path4 = `/i/api/graphql/${queryId}/bookmarkTweetToFolder`;
-      const url = `https://x.com${path4}`;
-      const transactionId = await this.generateTransactionId("POST", path4);
+      const path5 = `/i/api/graphql/${queryId}/bookmarkTweetToFolder`;
+      const url = `https://x.com${path5}`;
+      const transactionId = await this.generateTransactionId("POST", path5);
       try {
         const headers = {
           ...this.getHeaders(),
@@ -13012,9 +13687,9 @@ ${fallback.plainText}` : fallback.plainText;
     const variables = { name };
     const tryOnce = async () => {
       const queryId = await this.getQueryId("createBookmarkFolder");
-      const path4 = `/i/api/graphql/${queryId}/createBookmarkFolder`;
-      const url = `https://x.com${path4}`;
-      const transactionId = await this.generateTransactionId("POST", path4);
+      const path5 = `/i/api/graphql/${queryId}/createBookmarkFolder`;
+      const url = `https://x.com${path5}`;
+      const transactionId = await this.generateTransactionId("POST", path5);
       try {
         const headers = {
           ...this.getHeaders(),
@@ -13076,9 +13751,9 @@ ${fallback.plainText}` : fallback.plainText;
     const variables = { bookmark_collection_id: folderId };
     const tryOnce = async () => {
       const queryId = await this.getQueryId("DeleteBookmarkFolder");
-      const path4 = `/i/api/graphql/${queryId}/DeleteBookmarkFolder`;
-      const url = `https://x.com${path4}`;
-      const transactionId = await this.generateTransactionId("POST", path4);
+      const path5 = `/i/api/graphql/${queryId}/DeleteBookmarkFolder`;
+      const url = `https://x.com${path5}`;
+      const transactionId = await this.generateTransactionId("POST", path5);
       try {
         const headers = {
           ...this.getHeaders(),
@@ -13136,9 +13811,9 @@ ${fallback.plainText}` : fallback.plainText;
     const variables = { bookmark_collection_id: folderId, name };
     const tryOnce = async () => {
       const queryId = await this.getQueryId("EditBookmarkFolder");
-      const path4 = `/i/api/graphql/${queryId}/EditBookmarkFolder`;
-      const url = `https://x.com${path4}`;
-      const transactionId = await this.generateTransactionId("POST", path4);
+      const path5 = `/i/api/graphql/${queryId}/EditBookmarkFolder`;
+      const url = `https://x.com${path5}`;
+      const transactionId = await this.generateTransactionId("POST", path5);
       try {
         const headers = {
           ...this.getHeaders(),
@@ -13200,9 +13875,9 @@ ${fallback.plainText}` : fallback.plainText;
     const variables = { tweet_id: tweetId };
     const tryOnce = async () => {
       const queryId = await this.getQueryId(operationName);
-      const path4 = `/i/api/graphql/${queryId}/${operationName}`;
-      const url = `https://x.com${path4}`;
-      const transactionId = await this.generateTransactionId("POST", path4);
+      const path5 = `/i/api/graphql/${queryId}/${operationName}`;
+      const url = `https://x.com${path5}`;
+      const transactionId = await this.generateTransactionId("POST", path5);
       try {
         const headers = {
           ...this.getHeaders(),
@@ -13597,9 +14272,9 @@ Invalid tokens: ${result.error}
 }
 
 // src/config/preferences.ts
-import { existsSync as existsSync3, readFileSync as readFileSync2 } from "fs";
-import { homedir as homedir6 } from "os";
-import path4 from "path";
+import { existsSync as existsSync4, readFileSync as readFileSync3 } from "fs";
+import { homedir as homedir7 } from "os";
+import path5 from "path";
 
 // src/config/preferences-types.ts
 var DEFAULT_PREFERENCES = {
@@ -13641,8 +14316,8 @@ function parseToml(content) {
 }
 
 // src/config/preferences.ts
-var CONFIG_DIR2 = path4.join(homedir6(), ".config", "xfeed");
-var PREFERENCES_PATH = path4.join(CONFIG_DIR2, "preferences.toml");
+var CONFIG_DIR3 = path5.join(homedir7(), ".config", "xfeed");
+var PREFERENCES_PATH = path5.join(CONFIG_DIR3, "preferences.toml");
 function validateTimelineTab(value) {
   if (typeof value === "string") {
     if (VALID_TIMELINE_TABS.includes(value)) {
@@ -13654,12 +14329,12 @@ function validateTimelineTab(value) {
 function loadPreferences() {
   const warnings = [];
   const preferences = structuredClone(DEFAULT_PREFERENCES);
-  if (!existsSync3(PREFERENCES_PATH)) {
+  if (!existsSync4(PREFERENCES_PATH)) {
     return { preferences, warnings };
   }
   let content;
   try {
-    content = readFileSync2(PREFERENCES_PATH, "utf-8");
+    content = readFileSync3(PREFERENCES_PATH, "utf-8");
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error);
     warnings.push(`Could not read preferences file: ${message}`);
@@ -13687,7 +14362,7 @@ function getPreferencesPath() {
 }
 
 // src/index.tsx
-import { jsxDEV as jsxDEV28 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV30 } from "@opentui/react/jsx-dev-runtime";
 function checkTerminalCompatibility() {
   const termProgram = process.env.TERM_PROGRAM;
   const colorterm = process.env.COLORTERM;
@@ -13874,14 +14549,14 @@ Details:
   const renderer = await createCliRenderer({
     exitOnCtrlC: true
   });
-  createRoot(renderer).render(/* @__PURE__ */ jsxDEV28(PreferencesProvider, {
+  createRoot(renderer).render(/* @__PURE__ */ jsxDEV30(PreferencesProvider, {
     preferences,
-    children: /* @__PURE__ */ jsxDEV28(DialogProvider, {
+    children: /* @__PURE__ */ jsxDEV30(DialogProvider, {
       backdropColor: "#000000",
       backdropOpacity: 0.8,
       size: "small",
       unstyled: true,
-      children: /* @__PURE__ */ jsxDEV28(App, {
+      children: /* @__PURE__ */ jsxDEV30(App, {
         client: authResult.client,
         user: authResult.user
       }, undefined, false, undefined, this)