copit 1.0.1 → 1.0.2

package/dist/index.js

@@ -34567,7 +34567,7 @@ var require_stack_utils = __commonJS((exports, module) => {
 });
 
 // src/index.tsx
-var import_react31 = __toESM(require_react(), 1);
+var import_react34 = __toESM(require_react(), 1);
 
 // node_modules/ink/build/render.js
 import { Stream } from "node:stream";
@@ -40749,24 +40749,17 @@ function useAtom(atom2, options) {
   ];
 }
 
-// src/features/app/App.tsx
-var import_react30 = __toESM(require_react(), 1);
+// src/App.tsx
+var import_react33 = __toESM(require_react(), 1);
 
 // src/features/store/atoms.ts
 var viewAtom = atom("history");
-var usernameAtom = atom("");
-var isAuthenticatedAtom = atom(false);
-var authTokenAtom = atom("");
-var repositoriesAtom = atom([]);
-var selectedRepositoryAtom = atom(null);
-var filesAtom = atom([]);
-var selectedFileAtom = atom(null);
 var searchQueryAtom = atom("");
 var isLoadingAtom = atom(false);
 var errorAtom = atom(null);
 
 // src/features/repository/RepositoryList.tsx
-var import_react26 = __toESM(require_react(), 1);
+var import_react27 = __toESM(require_react(), 1);
 
 // node_modules/ink-select-input/build/Indicator.js
 var import_react23 = __toESM(require_react(), 1);
@@ -41743,6 +41736,24 @@ function TextInput({ value: originalValue, placeholder = "", focus = true, mask,
 }
 var build_default = TextInput;
 
+// src/features/auth/atoms.ts
+var usernameAtom = atom("");
+var isAuthenticatedAtom = atom(false);
+var authTokenAtom = atom("");
+
+// src/features/auth/useAuthToken.ts
+var useAuthToken = () => {
+  const token = useAtomValue(authTokenAtom);
+  const username = useAtomValue(usernameAtom);
+  return {
+    token,
+    username
+  };
+};
+
+// src/features/repository/useRepositories.ts
+var import_react26 = __toESM(require_react(), 1);
+
 // node_modules/fuse.js/dist/fuse.mjs
 function isArray(value) {
   return !Array.isArray ? getTag(value) === "[object Array]" : Array.isArray(value);
@@ -43037,6 +43048,10 @@ Fuse.config = Config;
   register(ExtendedSearch);
 }
 
+// src/features/repository/atoms.ts
+var repositoriesAtom = atom([]);
+var selectedRepositoryAtom = atom(null);
+
 // node_modules/universal-user-agent/index.js
 function getUserAgent() {
   if (typeof navigator === "object" && "userAgent" in navigator) {
@@ -47118,52 +47133,84 @@ var downloadFile = async (downloadUrl) => {
   return response.text();
 };
 
-// src/features/repository/RepositoryList.tsx
-var RepositoryList = () => {
-  const [username] = useAtom(usernameAtom);
+// src/features/repository/useRepositories.ts
+var useRepositories = () => {
   const [repositories, setRepositories] = useAtom(repositoriesAtom);
-  const [searchQuery, setSearchQuery] = useAtom(searchQueryAtom);
-  const [isLoading, setLoading] = useAtom(isLoadingAtom);
-  const [error, setError] = useAtom(errorAtom);
-  const [, selectRepository] = useAtom(selectedRepositoryAtom);
-  const [, setView] = useAtom(viewAtom);
-  const [authToken] = useAtom(authTokenAtom);
+  const [selectedRepository, setSelectedRepository] = useAtom(selectedRepositoryAtom);
   const [filteredRepos, setFilteredRepos] = import_react26.useState([]);
-  use_input_default((input, key) => {
-    if (key.tab) {
-      setView("history");
-      setSearchQuery("");
+  const [isLoading, setLoading] = import_react26.useState(false);
+  const [error, setError] = import_react26.useState(null);
+  const loadRepositories = async (authToken) => {
+    if (!authToken)
+      return;
+    setLoading(true);
+    setError(null);
+    try {
+      const repos = await fetchUserRepositories(authToken);
+      setRepositories(repos);
+      setFilteredRepos(repos);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load repositories");
+    } finally {
+      setLoading(false);
     }
-  });
-  import_react26.useEffect(() => {
-    const loadRepositories = async () => {
-      if (!authToken)
-        return;
-      setLoading(true);
-      setError(null);
-      try {
-        const repos = await fetchUserRepositories(authToken);
-        setRepositories(repos);
-      } catch (err) {
-        setError(err instanceof Error ? err.message : "Failed to load repositories");
-      } finally {
-        setLoading(false);
-      }
-    };
-    loadRepositories();
-  }, [username, authToken, setRepositories, setLoading, setError]);
-  import_react26.useEffect(() => {
-    if (searchQuery.trim() === "") {
+  };
+  const selectRepository = (repo) => {
+    setSelectedRepository(repo);
+  };
+  const filterRepositories = (query) => {
+    if (query.trim() === "") {
       setFilteredRepos(repositories);
     } else {
       const fuse = new Fuse(repositories, {
         keys: ["name", "description"],
         threshold: 0.3
       });
-      const results = fuse.search(searchQuery);
+      const results = fuse.search(query);
       setFilteredRepos(results.map((result) => result.item));
     }
-  }, [searchQuery, repositories]);
+  };
+  import_react26.useEffect(() => {
+    setFilteredRepos(repositories);
+  }, [repositories]);
+  return {
+    repositories,
+    selectedRepository,
+    filteredRepos,
+    isLoading,
+    error,
+    loadRepositories,
+    selectRepository,
+    filterRepositories
+  };
+};
+
+// src/features/repository/RepositoryList.tsx
+var RepositoryList = () => {
+  const { username, token: authToken } = useAuthToken();
+  const [searchQuery, setSearchQuery] = useAtom(searchQueryAtom);
+  const setView = useSetAtom(viewAtom);
+  const {
+    repositories,
+    filteredRepos,
+    isLoading,
+    error,
+    loadRepositories,
+    selectRepository,
+    filterRepositories
+  } = useRepositories();
+  use_input_default((input, key) => {
+    if (key.tab) {
+      setView("history");
+      setSearchQuery("");
+    }
+  });
+  import_react27.useEffect(() => {
+    loadRepositories(authToken);
+  }, [username, authToken]);
+  import_react27.useEffect(() => {
+    filterRepositories(searchQuery);
+  }, [searchQuery]);
   const handleSelect = (item) => {
     const repo = repositories.find((r) => r.fullName === item.value);
     if (repo) {
@@ -47173,14 +47220,14 @@ var RepositoryList = () => {
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ import_react26.default.createElement(Box_default, {
+    return /* @__PURE__ */ import_react27.default.createElement(Box_default, {
       flexDirection: "column"
-    }, /* @__PURE__ */ import_react26.default.createElement(Text, null, "Loading repositories..."));
+    }, /* @__PURE__ */ import_react27.default.createElement(Text, null, "Loading repositories..."));
   }
   if (error) {
-    return /* @__PURE__ */ import_react26.default.createElement(Box_default, {
+    return /* @__PURE__ */ import_react27.default.createElement(Box_default, {
       flexDirection: "column"
-    }, /* @__PURE__ */ import_react26.default.createElement(Text, {
+    }, /* @__PURE__ */ import_react27.default.createElement(Text, {
       color: "red"
     }, "Error: ", error));
   }
@@ -47191,36 +47238,49 @@ var RepositoryList = () => {
   const MAX_VISIBLE_ITEMS = 10;
   const limitedItems = items.slice(0, MAX_VISIBLE_ITEMS);
   const hasMore = items.length > MAX_VISIBLE_ITEMS;
-  return /* @__PURE__ */ import_react26.default.createElement(Box_default, {
+  return /* @__PURE__ */ import_react27.default.createElement(Box_default, {
     flexDirection: "column"
-  }, /* @__PURE__ */ import_react26.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react27.default.createElement(Box_default, {
     marginBottom: 1,
     flexDirection: "row",
     justifyContent: "space-between"
-  }, /* @__PURE__ */ import_react26.default.createElement(Box_default, null, /* @__PURE__ */ import_react26.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react27.default.createElement(Box_default, null, /* @__PURE__ */ import_react27.default.createElement(Text, {
     bold: true,
     color: "cyan"
-  }, "\uD83D\uDCC1 Browse Files")), /* @__PURE__ */ import_react26.default.createElement(Box_default, null, /* @__PURE__ */ import_react26.default.createElement(Text, {
+  }, "\uD83D\uDCC1 Browse Files")), /* @__PURE__ */ import_react27.default.createElement(Box_default, null, /* @__PURE__ */ import_react27.default.createElement(Text, {
     dimColor: true
-  }, "[Tab] "), /* @__PURE__ */ import_react26.default.createElement(Text, null, "\uD83D\uDCCB Download History"))), /* @__PURE__ */ import_react26.default.createElement(Box_default, {
+  }, "[Tab] "), /* @__PURE__ */ import_react27.default.createElement(Text, null, "\uD83D\uDCCB Download History"))), /* @__PURE__ */ import_react27.default.createElement(Box_default, {
     marginBottom: 1
-  }, /* @__PURE__ */ import_react26.default.createElement(Text, null, "Search: "), /* @__PURE__ */ import_react26.default.createElement(build_default, {
+  }, /* @__PURE__ */ import_react27.default.createElement(Text, null, "Search: "), /* @__PURE__ */ import_react27.default.createElement(build_default, {
     value: searchQuery,
     onChange: setSearchQuery
-  })), limitedItems.length > 0 ? /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement(SelectInput_default, {
+  })), limitedItems.length > 0 ? /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(SelectInput_default, {
     items: limitedItems,
     onSelect: handleSelect
-  }), hasMore && searchQuery.trim() === "" && /* @__PURE__ */ import_react26.default.createElement(Box_default, {
+  }), hasMore && searchQuery.trim() === "" && /* @__PURE__ */ import_react27.default.createElement(Box_default, {
     marginTop: 1
-  }, /* @__PURE__ */ import_react26.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react27.default.createElement(Text, {
     dimColor: true
-  }, "... and ", items.length - MAX_VISIBLE_ITEMS, " more repositories. Type to search."))) : /* @__PURE__ */ import_react26.default.createElement(Text, {
+  }, "... and ", items.length - MAX_VISIBLE_ITEMS, " more repositories. Type to search."))) : /* @__PURE__ */ import_react27.default.createElement(Text, {
     dimColor: true
   }, "No repositories found"));
 };
 
 // src/features/file/FileList.tsx
-var import_react27 = __toESM(require_react(), 1);
+var import_react29 = __toESM(require_react(), 1);
+
+// src/features/repository/useSelectedRepository.ts
+var useSelectedRepository = () => {
+  const selectedRepository = useAtomValue(selectedRepositoryAtom);
+  return selectedRepository;
+};
+
+// src/features/file/useFiles.ts
+var import_react28 = __toESM(require_react(), 1);
+
+// src/features/file/atoms.ts
+var filesAtom = atom([]);
+var selectedFileAtom = atom(null);
 
 // src/features/download/download.ts
 import { promises as fs3 } from "fs";
@@ -47281,19 +47341,101 @@ var downloadAndSaveFile = async (downloadUrl, filePath, repositoryName) => {
   });
 };
 
+// src/features/file/useFiles.ts
+var useFiles = () => {
+  const [files, setFiles] = useAtom(filesAtom);
+  const [selectedFile, setSelectedFile] = useAtom(selectedFileAtom);
+  const [filteredFiles, setFilteredFiles] = import_react28.useState([]);
+  const [isLoading, setLoading] = import_react28.useState(false);
+  const [error, setError] = import_react28.useState(null);
+  const [isDownloading, setIsDownloading] = import_react28.useState(false);
+  const [downloadStatus, setDownloadStatus] = import_react28.useState("");
+  const loadFiles = async (repository, authToken) => {
+    if (!repository || !authToken)
+      return;
+    setLoading(true);
+    setError(null);
+    try {
+      const [owner, repo] = repository.fullName.split("/");
+      const items = await fetchAllRepositoryFiles(owner, repo, authToken);
+      setFiles(items);
+      setFilteredFiles(items);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load files");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const selectFile = (file) => {
+    setSelectedFile(file);
+  };
+  const filterFiles = (query) => {
+    if (query.trim() === "") {
+      setFilteredFiles(files);
+    } else {
+      const fuse = new Fuse(files, {
+        keys: ["name", "path"],
+        threshold: 0.3
+      });
+      const results = fuse.search(query);
+      setFilteredFiles(results.map((result) => result.item));
+    }
+  };
+  const downloadFile2 = async (file, repository) => {
+    if (!file.downloadUrl)
+      return;
+    selectFile(file);
+    setIsDownloading(true);
+    setDownloadStatus(`Downloading ${file.name}...`);
+    try {
+      await downloadAndSaveFile(file.downloadUrl, file.path, repository.fullName);
+      setDownloadStatus(`✅ Downloaded: ${file.path}`);
+      setTimeout(() => {
+        setDownloadStatus("");
+        selectFile(null);
+      }, 2000);
+    } catch (err) {
+      setDownloadStatus(`❌ Failed to download: ${err instanceof Error ? err.message : "Unknown error"}`);
+    } finally {
+      setIsDownloading(false);
+    }
+  };
+  import_react28.useEffect(() => {
+    setFilteredFiles(files);
+  }, [files]);
+  return {
+    files,
+    selectedFile,
+    filteredFiles,
+    isLoading,
+    error,
+    isDownloading,
+    downloadStatus,
+    loadFiles,
+    selectFile,
+    filterFiles,
+    downloadFile: downloadFile2
+  };
+};
+
 // src/features/file/FileList.tsx
 var FileList = () => {
-  const [selectedRepository] = useAtom(selectedRepositoryAtom);
-  const [files, setFiles] = useAtom(filesAtom);
+  const selectedRepository = useSelectedRepository();
   const [searchQuery, setSearchQuery] = useAtom(searchQueryAtom);
-  const [isLoading, setLoading] = useAtom(isLoadingAtom);
-  const [error, setError] = useAtom(errorAtom);
-  const [, selectFile] = useAtom(selectedFileAtom);
-  const [, setView] = useAtom(viewAtom);
-  const [authToken] = useAtom(authTokenAtom);
-  const [filteredFiles, setFilteredFiles] = import_react27.useState([]);
-  const [isDownloading, setIsDownloading] = import_react27.useState(false);
-  const [downloadStatus, setDownloadStatus] = import_react27.useState("");
+  const setView = useSetAtom(viewAtom);
+  const { token: authToken } = useAuthToken();
+  const {
+    files,
+    filteredFiles,
+    isLoading,
+    error,
+    isDownloading,
+    downloadStatus,
+    loadFiles,
+    selectFile,
+    filterFiles,
+    downloadFile: downloadFile2
+  } = useFiles();
   use_input_default(async (input, key) => {
     if (key.escape) {
       setView("repositories");
@@ -47301,68 +47443,32 @@ var FileList = () => {
       selectFile(null);
     }
   });
-  import_react27.useEffect(() => {
-    if (!selectedRepository)
-      return;
-    const loadFiles = async () => {
-      setLoading(true);
-      setError(null);
-      try {
-        const [owner, repo] = selectedRepository.fullName.split("/");
-        const items2 = await fetchAllRepositoryFiles(owner, repo, authToken);
-        setFiles(items2);
-      } catch (err) {
-        setError(err instanceof Error ? err.message : "Failed to load files");
-      } finally {
-        setLoading(false);
-      }
-    };
-    loadFiles();
-  }, [selectedRepository, authToken, setFiles, setLoading, setError]);
-  import_react27.useEffect(() => {
-    if (searchQuery.trim() === "") {
-      setFilteredFiles(files);
-    } else {
-      const fuse = new Fuse(files, {
-        keys: ["name", "path"],
-        threshold: 0.3
-      });
-      const results = fuse.search(searchQuery);
-      setFilteredFiles(results.map((result) => result.item));
+  import_react29.useEffect(() => {
+    if (selectedRepository) {
+      loadFiles(selectedRepository, authToken);
     }
-  }, [searchQuery, files]);
+  }, [selectedRepository, authToken]);
+  import_react29.useEffect(() => {
+    filterFiles(searchQuery);
+  }, [searchQuery]);
   const handleSelect = async (item) => {
     const file = files.find((f) => f.path === item.value);
-    if (file && file.downloadUrl) {
-      selectFile(file);
-      setIsDownloading(true);
-      setDownloadStatus(`Downloading ${file.name}...`);
-      try {
-        await downloadAndSaveFile(file.downloadUrl, file.path, selectedRepository?.fullName || "unknown");
-        setDownloadStatus(`✅ Downloaded: ${file.path}`);
-        setTimeout(() => {
-          setDownloadStatus("");
-          selectFile(null);
-        }, 2000);
-      } catch (err) {
-        setDownloadStatus(`❌ Failed to download: ${err instanceof Error ? err.message : "Unknown error"}`);
-      } finally {
-        setIsDownloading(false);
-      }
+    if (file && selectedRepository) {
+      await downloadFile2(file, selectedRepository);
     }
   };
   if (!selectedRepository) {
     return null;
   }
   if (isLoading) {
-    return /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+    return /* @__PURE__ */ import_react29.default.createElement(Box_default, {
       flexDirection: "column"
-    }, /* @__PURE__ */ import_react27.default.createElement(Text, null, "Loading files..."));
+    }, /* @__PURE__ */ import_react29.default.createElement(Text, null, "Loading files..."));
   }
   if (error) {
-    return /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+    return /* @__PURE__ */ import_react29.default.createElement(Box_default, {
       flexDirection: "column"
-    }, /* @__PURE__ */ import_react27.default.createElement(Text, {
+    }, /* @__PURE__ */ import_react29.default.createElement(Text, {
       color: "red"
     }, "Error: ", error));
   }
@@ -47373,52 +47479,52 @@ var FileList = () => {
   const MAX_VISIBLE_ITEMS = 10;
   const limitedItems = items.slice(0, MAX_VISIBLE_ITEMS);
   const hasMore = items.length > MAX_VISIBLE_ITEMS;
-  return /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  return /* @__PURE__ */ import_react29.default.createElement(Box_default, {
     flexDirection: "column"
-  }, /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react29.default.createElement(Box_default, {
     marginBottom: 1
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react29.default.createElement(Text, {
     bold: true
-  }, selectedRepository.fullName)), /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  }, selectedRepository.fullName)), /* @__PURE__ */ import_react29.default.createElement(Box_default, {
     marginBottom: 1
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, null, "Search files: "), /* @__PURE__ */ import_react27.default.createElement(build_default, {
+  }, /* @__PURE__ */ import_react29.default.createElement(Text, null, "Search files: "), /* @__PURE__ */ import_react29.default.createElement(build_default, {
     value: searchQuery,
     onChange: setSearchQuery
-  })), limitedItems.length > 0 ? /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(SelectInput_default, {
+  })), limitedItems.length > 0 ? /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, /* @__PURE__ */ import_react29.default.createElement(SelectInput_default, {
     items: limitedItems,
     onSelect: handleSelect
-  }), hasMore && searchQuery.trim() === "" && /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  }), hasMore && searchQuery.trim() === "" && /* @__PURE__ */ import_react29.default.createElement(Box_default, {
     marginTop: 1
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react29.default.createElement(Text, {
     dimColor: true
-  }, "... and ", items.length - MAX_VISIBLE_ITEMS, " more files. Type to search."))) : /* @__PURE__ */ import_react27.default.createElement(Text, {
+  }, "... and ", items.length - MAX_VISIBLE_ITEMS, " more files. Type to search."))) : /* @__PURE__ */ import_react29.default.createElement(Text, {
     dimColor: true
-  }, "No files found"), downloadStatus && /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  }, "No files found"), downloadStatus && /* @__PURE__ */ import_react29.default.createElement(Box_default, {
     marginTop: 1
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, null, downloadStatus)), isDownloading && /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react29.default.createElement(Text, null, downloadStatus)), isDownloading && /* @__PURE__ */ import_react29.default.createElement(Box_default, {
     marginTop: 1
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react29.default.createElement(Text, {
     color: "yellow"
   }, "Downloading...")));
 };
 
 // src/features/history/HistoryList.tsx
-var import_react28 = __toESM(require_react(), 1);
+var import_react30 = __toESM(require_react(), 1);
 var HistoryList = () => {
-  const [, setView] = useAtom(viewAtom);
+  const setView = useSetAtom(viewAtom);
   const [searchQuery, setSearchQuery] = useAtom(searchQueryAtom);
-  const [history, setHistory] = import_react28.useState([]);
-  const [filteredHistory, setFilteredHistory] = import_react28.useState([]);
-  const [isLoading, setIsLoading] = import_react28.useState(false);
-  const [isDownloading, setIsDownloading] = import_react28.useState(false);
-  const [downloadStatus, setDownloadStatus] = import_react28.useState("");
+  const [history, setHistory] = import_react30.useState([]);
+  const [filteredHistory, setFilteredHistory] = import_react30.useState([]);
+  const [isLoading, setIsLoading] = import_react30.useState(false);
+  const [isDownloading, setIsDownloading] = import_react30.useState(false);
+  const [downloadStatus, setDownloadStatus] = import_react30.useState("");
   use_input_default((input, key) => {
     if (key.tab) {
       setView("repositories");
       setSearchQuery("");
     }
   });
-  import_react28.useEffect(() => {
+  import_react30.useEffect(() => {
     const loadHistoryData = async () => {
       setIsLoading(true);
       try {
@@ -47432,7 +47538,7 @@ var HistoryList = () => {
     };
     loadHistoryData();
   }, []);
-  import_react28.useEffect(() => {
+  import_react30.useEffect(() => {
     if (searchQuery.trim() === "") {
       setFilteredHistory(history);
     } else {
@@ -47465,9 +47571,9 @@ var HistoryList = () => {
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+    return /* @__PURE__ */ import_react30.default.createElement(Box_default, {
       flexDirection: "column"
-    }, /* @__PURE__ */ import_react28.default.createElement(Text, null, "Loading history..."));
+    }, /* @__PURE__ */ import_react30.default.createElement(Text, null, "Loading history..."));
   }
   const items = filteredHistory.map((item) => ({
     label: `\uD83D\uDCC4 ${item.repositoryName}/${item.filePath}`,
@@ -47476,46 +47582,46 @@ var HistoryList = () => {
   const MAX_VISIBLE_ITEMS = 10;
   const limitedItems = items.slice(0, MAX_VISIBLE_ITEMS);
   const hasMore = items.length > MAX_VISIBLE_ITEMS;
-  return /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+  return /* @__PURE__ */ import_react30.default.createElement(Box_default, {
     flexDirection: "column"
-  }, /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react30.default.createElement(Box_default, {
     marginBottom: 1,
     flexDirection: "row",
     justifyContent: "space-between"
-  }, /* @__PURE__ */ import_react28.default.createElement(Box_default, null, /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react30.default.createElement(Box_default, null, /* @__PURE__ */ import_react30.default.createElement(Text, {
     bold: true,
     color: "cyan"
-  }, "\uD83D\uDCCB Download History")), /* @__PURE__ */ import_react28.default.createElement(Box_default, null, /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, "\uD83D\uDCCB Download History")), /* @__PURE__ */ import_react30.default.createElement(Box_default, null, /* @__PURE__ */ import_react30.default.createElement(Text, {
     dimColor: true
-  }, "[Tab] "), /* @__PURE__ */ import_react28.default.createElement(Text, null, "\uD83D\uDCC1 Browse Files"))), /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+  }, "[Tab] "), /* @__PURE__ */ import_react30.default.createElement(Text, null, "\uD83D\uDCC1 Browse Files"))), /* @__PURE__ */ import_react30.default.createElement(Box_default, {
     marginBottom: 1
-  }, /* @__PURE__ */ import_react28.default.createElement(Text, null, "Search: "), /* @__PURE__ */ import_react28.default.createElement(build_default, {
+  }, /* @__PURE__ */ import_react30.default.createElement(Text, null, "Search: "), /* @__PURE__ */ import_react30.default.createElement(build_default, {
     value: searchQuery,
     onChange: setSearchQuery
-  })), limitedItems.length > 0 ? /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null, /* @__PURE__ */ import_react28.default.createElement(SelectInput_default, {
+  })), limitedItems.length > 0 ? /* @__PURE__ */ import_react30.default.createElement(import_react30.default.Fragment, null, /* @__PURE__ */ import_react30.default.createElement(SelectInput_default, {
     items: limitedItems,
     onSelect: handleSelect
-  }), hasMore && searchQuery.trim() === "" && /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+  }), hasMore && searchQuery.trim() === "" && /* @__PURE__ */ import_react30.default.createElement(Box_default, {
     marginTop: 1
-  }, /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react30.default.createElement(Text, {
     dimColor: true
-  }, "... and ", items.length - MAX_VISIBLE_ITEMS, " more files. Type to search."))) : /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+  }, "... and ", items.length - MAX_VISIBLE_ITEMS, " more files. Type to search."))) : /* @__PURE__ */ import_react30.default.createElement(Box_default, {
     flexDirection: "column"
-  }, /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react30.default.createElement(Text, {
     dimColor: true
-  }, "No download history found"), /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, "No download history found"), /* @__PURE__ */ import_react30.default.createElement(Text, {
     dimColor: true
-  }, "Download some files to see them here!")), downloadStatus && /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+  }, "Download some files to see them here!")), downloadStatus && /* @__PURE__ */ import_react30.default.createElement(Box_default, {
     marginTop: 1
-  }, /* @__PURE__ */ import_react28.default.createElement(Text, null, downloadStatus)), isDownloading && /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react30.default.createElement(Text, null, downloadStatus)), isDownloading && /* @__PURE__ */ import_react30.default.createElement(Box_default, {
     marginTop: 1
-  }, /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react30.default.createElement(Text, {
     color: "yellow"
   }, "Downloading...")));
 };
 
 // src/features/auth/AuthScreen.tsx
-var import_react29 = __toESM(require_react(), 1);
+var import_react31 = __toESM(require_react(), 1);
 import { spawn } from "child_process";
 
 // node_modules/@octokit/endpoint/dist-bundle/index.js
@@ -48368,18 +48474,15 @@ var getStoredAuth = async () => {
 };
 
 // src/features/auth/AuthScreen.tsx
-var AuthScreen = ({
-  onSuccess,
-  onError
-}) => {
-  const [status, setStatus] = import_react29.useState("Initializing authentication...");
-  const [verificationData, setVerificationData] = import_react29.useState(null);
+var AuthScreen = ({ onSuccess, onError }) => {
+  const [status, setStatus] = import_react31.useState("Initializing authentication...");
+  const [verificationData, setVerificationData] = import_react31.useState(null);
   const openBrowser = (url) => {
     const platform2 = process.platform;
     const command = platform2 === "darwin" ? "open" : platform2 === "win32" ? "start" : "xdg-open";
     spawn(command, [url], { detached: true, stdio: "ignore" });
   };
-  import_react29.useEffect(() => {
+  import_react31.useEffect(() => {
     const authenticate = async () => {
       try {
         setStatus("Starting authentication...");
@@ -48397,39 +48500,38 @@ var AuthScreen = ({
     };
     authenticate();
   }, [onSuccess, onError]);
-  return /* @__PURE__ */ import_react29.default.createElement(Box_default, {
+  return /* @__PURE__ */ import_react31.default.createElement(Box_default, {
     flexDirection: "column",
     padding: 1
-  }, /* @__PURE__ */ import_react29.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react31.default.createElement(Box_default, {
     marginBottom: 1
-  }, /* @__PURE__ */ import_react29.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react31.default.createElement(Text, {
     bold: true,
     color: "cyan"
-  }, "GitHub Authentication Required")), /* @__PURE__ */ import_react29.default.createElement(Box_default, {
+  }, "GitHub Authentication Required")), /* @__PURE__ */ import_react31.default.createElement(Box_default, {
     marginBottom: 1
-  }, /* @__PURE__ */ import_react29.default.createElement(Text, null, status)), verificationData && /* @__PURE__ */ import_react29.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react31.default.createElement(Text, null, status)), verificationData && /* @__PURE__ */ import_react31.default.createElement(Box_default, {
     flexDirection: "column",
     marginBottom: 1
-  }, /* @__PURE__ */ import_react29.default.createElement(Text, null, "Visit:", " ", /* @__PURE__ */ import_react29.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react31.default.createElement(Text, null, "Visit:", " ", /* @__PURE__ */ import_react31.default.createElement(Text, {
     bold: true,
     color: "blue"
-  }, verificationData.verificationUri)), /* @__PURE__ */ import_react29.default.createElement(Text, null, "Code:", " ", /* @__PURE__ */ import_react29.default.createElement(Text, {
+  }, verificationData.verificationUri)), /* @__PURE__ */ import_react31.default.createElement(Text, null, "Code:", " ", /* @__PURE__ */ import_react31.default.createElement(Text, {
     bold: true,
     color: "yellow"
-  }, verificationData.userCode))), /* @__PURE__ */ import_react29.default.createElement(Box_default, null, /* @__PURE__ */ import_react29.default.createElement(Text, {
+  }, verificationData.userCode))), /* @__PURE__ */ import_react31.default.createElement(Box_default, null, /* @__PURE__ */ import_react31.default.createElement(Text, {
     dimColor: true
   }, "This is a one-time setup. Credentials will be saved securely.")));
 };
 
-// src/features/app/App.tsx
-var App2 = () => {
-  const [view] = useAtom(viewAtom);
+// src/features/auth/useAuth.ts
+var import_react32 = __toESM(require_react(), 1);
+var useAuth = () => {
   const [isAuthenticated, setIsAuthenticated] = useAtom(isAuthenticatedAtom);
-  const [, setUsername] = useAtom(usernameAtom);
-  const [, setAuthToken] = useAtom(authTokenAtom);
-  const [authError, setAuthError] = import_react30.useState("");
-  const [isInitializing, setIsInitializing] = import_react30.useState(true);
-  import_react30.useEffect(() => {
+  const setUsername = useSetAtom(usernameAtom);
+  const setAuthToken = useSetAtom(authTokenAtom);
+  const [isInitializing, setIsInitializing] = import_react32.useState(true);
+  import_react32.useEffect(() => {
     const checkAuth = async () => {
       const authResult = await getStoredAuth();
       if (authResult) {
@@ -48446,6 +48548,18 @@ var App2 = () => {
     setUsername(username);
     setAuthToken(token);
   };
+  return {
+    isAuthenticated,
+    isInitializing,
+    handleAuthSuccess
+  };
+};
+
+// src/App.tsx
+var App2 = () => {
+  const view = useAtomValue(viewAtom);
+  const { isAuthenticated, isInitializing, handleAuthSuccess } = useAuth();
+  const [authError, setAuthError] = import_react33.useState("");
   const handleAuthError = (error) => {
     setAuthError(error);
   };
@@ -48455,56 +48569,56 @@ var App2 = () => {
     }
   });
   if (isInitializing) {
-    return /* @__PURE__ */ import_react30.default.createElement(Box_default, {
+    return /* @__PURE__ */ import_react33.default.createElement(Box_default, {
       flexDirection: "column",
       padding: 1
-    }, /* @__PURE__ */ import_react30.default.createElement(Text, null, "Loading..."));
+    }, /* @__PURE__ */ import_react33.default.createElement(Text, null, "Loading..."));
   }
   if (!isAuthenticated) {
-    return /* @__PURE__ */ import_react30.default.createElement(Box_default, {
+    return /* @__PURE__ */ import_react33.default.createElement(Box_default, {
       flexDirection: "column",
       padding: 1
-    }, /* @__PURE__ */ import_react30.default.createElement(AuthScreen, {
+    }, /* @__PURE__ */ import_react33.default.createElement(AuthScreen, {
       onSuccess: handleAuthSuccess,
       onError: handleAuthError
-    }), authError && /* @__PURE__ */ import_react30.default.createElement(Box_default, {
+    }), authError && /* @__PURE__ */ import_react33.default.createElement(Box_default, {
       marginTop: 1
-    }, /* @__PURE__ */ import_react30.default.createElement(Text, {
+    }, /* @__PURE__ */ import_react33.default.createElement(Text, {
       color: "red"
     }, "Error: ", authError)));
   }
-  return /* @__PURE__ */ import_react30.default.createElement(Box_default, {
+  return /* @__PURE__ */ import_react33.default.createElement(Box_default, {
     flexDirection: "column",
     padding: 1
-  }, /* @__PURE__ */ import_react30.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react33.default.createElement(Box_default, {
     marginBottom: 1,
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center"
-  }, /* @__PURE__ */ import_react30.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react33.default.createElement(Text, {
     bold: true,
     color: "cyan"
-  }, "GitHub File Fetcher TUI"), /* @__PURE__ */ import_react30.default.createElement(Box_default, {
+  }, "GitHub File Fetcher TUI"), /* @__PURE__ */ import_react33.default.createElement(Box_default, {
     flexDirection: "row"
-  }, /* @__PURE__ */ import_react30.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react33.default.createElement(Text, {
     color: view === "history" ? "cyan" : "gray"
-  }, "\uD83D\uDCCB History"), /* @__PURE__ */ import_react30.default.createElement(Text, {
+  }, "\uD83D\uDCCB History"), /* @__PURE__ */ import_react33.default.createElement(Text, {
     dimColor: true
-  }, " | "), /* @__PURE__ */ import_react30.default.createElement(Text, {
+  }, " | "), /* @__PURE__ */ import_react33.default.createElement(Text, {
     color: view === "repositories" || view === "files" ? "cyan" : "gray"
-  }, "\uD83D\uDCC1 Browse"))), /* @__PURE__ */ import_react30.default.createElement(Box_default, {
+  }, "\uD83D\uDCC1 Browse"))), /* @__PURE__ */ import_react33.default.createElement(Box_default, {
     borderStyle: "single",
     flexDirection: "column",
     padding: 1
-  }, view === "history" && /* @__PURE__ */ import_react30.default.createElement(HistoryList, null), view === "repositories" && /* @__PURE__ */ import_react30.default.createElement(RepositoryList, null), view === "files" && /* @__PURE__ */ import_react30.default.createElement(FileList, null)), /* @__PURE__ */ import_react30.default.createElement(Box_default, {
+  }, view === "history" && /* @__PURE__ */ import_react33.default.createElement(HistoryList, null), view === "repositories" && /* @__PURE__ */ import_react33.default.createElement(RepositoryList, null), view === "files" && /* @__PURE__ */ import_react33.default.createElement(FileList, null)), /* @__PURE__ */ import_react33.default.createElement(Box_default, {
     marginTop: 1
-  }, /* @__PURE__ */ import_react30.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react33.default.createElement(Text, {
     dimColor: true
   }, "[↑/↓] Navigate [Enter] ", view === "files" ? "Download" : "Select", " ", view !== "files" ? "[Tab] Switch" : "", " [Esc]", " ", view === "files" ? "Back" : "Exit")));
 };
 
 // src/index.tsx
-var app = render_default(/* @__PURE__ */ import_react31.default.createElement(Provider, null, /* @__PURE__ */ import_react31.default.createElement(App2, null)));
+var app = render_default(/* @__PURE__ */ import_react34.default.createElement(Provider, null, /* @__PURE__ */ import_react34.default.createElement(App2, null)));
 process.on("SIGINT", () => {
   app.unmount();
   process.exit(0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "copit",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "GitHub File Fetcher TUI - Download files from GitHub repositories with OAuth authentication, fuzzy search, and download history",
   "module": "src/index.tsx",
   "type": "module",