☰

Repo Gist

Provides GitHub repositories as additional context.

目前為 2025-06-04 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         Repo Gist
  3. // @namespace    https://github.com/prudentbird
  4. // @version      0.0.3
  5. // @description  Provides GitHub repositories as additional context.
  6. // @author       Prudent Bird
  7. // @match        https://t3.chat/*
  8. // @match        https://beta.t3.chat/*
  9. // @icon         https://www.google.com/s2/favicons?sz=64&domain=t3.chat
  10. // @grant        GM_getValue
  11. // @grant        GM_setValue
  12. // @grant        unsafeWindow
  13. // @grant        GM_xmlhttpRequest
  14. // @grant        GM_registerMenuCommand
  15. // @run-at       document-idle
  16. // @connect      *
  17. // @license      MIT
  18. // ==/UserScript==
  19.  
  20. (function () {
  21.   "use strict";
  22.  
  23.   // --- Configuration and State ---
  24.   let debugMode = false;
  25.   const DB_VERSION = 1;
  26.   const SCRIPT_VERSION = "0.1.0";
  27.   const SCRIPT_NAME = "Repo Gist";
  28.   const DB_NAME = "t3chat_repogist_db";
  29.   const STORE_NAME = "repogist_states";
  30.   const githubSVG = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github-icon lucide-github"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg>`;
  31.  
  32.   const GM_STORAGE_KEYS = {
  33.     DEBUG: "debug",
  34.     API_URL: "apiUrl",
  35.     GEMINI_API_KEY: "geminiApiKey",
  36.   };
  37.  
  38.   // Utility function to handle GM_getValue safely
  39.   const safeGMGetValue = (key, defaultValue = null) => {
  40.     try {
  41.       const result = GM_getValue(key, defaultValue);
  42.       // Check if it's a promise
  43.       if (result && typeof result.then === 'function') {
  44.         return result;
  45.       } else {
  46.         // Return a resolved promise for consistency
  47.         return Promise.resolve(result);
  48.       }
  49.     } catch (error) {
  50.       Logger.error(`Error getting GM value for ${key}:`, error);
  51.       return Promise.resolve(defaultValue);
  52.     }
  53.   };
  54.  
  55.   // Utility function to handle GM_setValue safely
  56.   const safeGMSetValue = (key, value) => {
  57.     try {
  58.       const result = GM_setValue(key, value);
  59.       // Check if it's a promise
  60.       if (result && typeof result.then === 'function') {
  61.         return result;
  62.       } else {
  63.         // Return a resolved promise for consistency
  64.         return Promise.resolve(result);
  65.       }
  66.     } catch (error) {
  67.       Logger.error(`Error setting GM value for ${key}:`, error);
  68.       return Promise.reject(error);
  69.     }
  70.   };
  71.  
  72.   // --- Utility: Logger ---
  73.   const Logger = {
  74.     log: (...args) => {
  75.       if (debugMode) console.log(`[${SCRIPT_NAME}]`, ...args);
  76.     },
  77.     error: (...args) => console.error(`[${SCRIPT_NAME}]`, ...args),
  78.   };
  79.  
  80.   const getChatId = () => {
  81.     const currentUrl = window.location.href;
  82.     const match = currentUrl.match(/\/chat\/([^/?#]+)/);
  83.     const chatId = match ? match[1] : null;
  84.     if (!chatId) {
  85.       Logger.log("getChatId: No chat ID found in URL", currentUrl);
  86.     }
  87.     return chatId;
  88.   };
  89.  
  90.   let apiUrl = null;
  91.   let geminiApiKey = null;
  92.  
  93.   const ApiKeyModal = {
  94.     _isShown: false,
  95.     _isValidURL: (url) => {
  96.       try {
  97.         new URL(url);
  98.         return true;
  99.       } catch (e) {
  100.         return false;
  101.       }
  102.     },
  103.     show: () => {
  104.       if (document.getElementById(UI_IDS.apiKeyModal) || ApiKeyModal._isShown)
  105.         return;
  106.       ApiKeyModal._isShown = true;
  107.       const wrapper = document.createElement("div");
  108.       wrapper.id = UI_IDS.apiKeyModal;
  109.       wrapper.innerHTML = `
  110.     <div id="${UI_IDS.apiKeyModalContent}">
  111.       <div id="${UI_IDS.apiKeyModalHeader}">
  112.         <div><!-- Icon container -->
  113. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cog-icon lucide-cog"><path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z"/><path d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/><path d="M12 2v2"/><path d="M12 22v-2"/><path d="m17 20.66-1-1.73"/><path d="M11 10.27 7 3.34"/><path d="m20.66 17-1.73-1"/><path d="m3.34 7 1.73 1"/><path d="M14 12h8"/><path d="M2 12h2"/><path d="m20.66 7-1.73 1"/><path d="m3.34 17 1.73-1"/><path d="m17 3.34-1 1.73"/><path d="m11 13.73-4 6.93"/></svg>
  114.         </div>
  115.         <div>Enter API Configuration</div><!-- Title -->
  116.         <button id="${UI_IDS.apiKeyModalCloseButton}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-icon lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg></button>
  117.       </div>
  118.       <div id="${UI_IDS.apiKeyModalInputContainer}">
  119.         <label for="${UI_IDS.apiKeyModalInput}">RepoGist API URL</label>
  120.         <input id="${UI_IDS.apiKeyModalInput}" type="text" placeholder="https://api.repogist.com/ingest" />
  121.         <button id="${UI_IDS.apiKeyModalClearButton}" aria-label="Clear input"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash2-icon lucide-trash-2"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg></button>
  122.       </div>
  123.       <div id="${UI_IDS.apiKeyModalInputContainer}">
  124.         <label for="${UI_IDS.geminiApiKeyInput}">Gemini API Key</label>
  125.         <input id="${UI_IDS.geminiApiKeyInput}" type="text" placeholder="Enter your Gemini API key" />
  126.         <button id="${UI_IDS.geminiApiKeyClearButton}" aria-label="Clear input"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash2-icon lucide-trash-2"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg></button>
  127.       </div>
  128.       <button id="${UI_IDS.apiKeyModalSaveButton}">Save</button>
  129.     </div>`;
  130.       document.body.appendChild(wrapper);
  131.       const input = wrapper.querySelector(`#${UI_IDS.apiKeyModalInput}`);
  132.       if (input) {
  133.         input.focus();
  134.       }
  135.       ApiKeyModal._attachEventListeners(wrapper);
  136.     },
  137.     _attachEventListeners: (modalElement) => {
  138.       const urlInput = modalElement.querySelector(
  139.         `#${UI_IDS.apiKeyModalInput}`
  140.       );
  141.       const geminiKeyInput = modalElement.querySelector(
  142.         `#${UI_IDS.geminiApiKeyInput}`
  143.       );
  144.       const saveButton = modalElement.querySelector(
  145.         `#${UI_IDS.apiKeyModalSaveButton}`
  146.       );
  147.       const closeButton = modalElement.querySelector(
  148.         `#${UI_IDS.apiKeyModalCloseButton}`
  149.       );
  150.       const clearButton = modalElement.querySelector(
  151.         `#${UI_IDS.apiKeyModalClearButton}`
  152.       );
  153.       const geminiClearButton = modalElement.querySelector(
  154.         `#${UI_IDS.geminiApiKeyClearButton}`
  155.       );
  156.  
  157.       modalElement.addEventListener("click", (e) => {
  158.         if (e.target === modalElement) {
  159.           ApiKeyModal._isShown = false;
  160.           modalElement.remove();
  161.         }
  162.       });
  163.  
  164.       const updateClearButtonVisibility = (input, button) => {
  165.         if (button) {
  166.           button.style.display = input.value ? "flex" : "none";
  167.         }
  168.       };
  169.  
  170.       updateClearButtonVisibility(urlInput, clearButton);
  171.       updateClearButtonVisibility(geminiKeyInput, geminiClearButton);
  172.  
  173.       if (clearButton) {
  174.         clearButton.addEventListener("click", () => {
  175.           urlInput.value = "";
  176.           urlInput.focus();
  177.           updateClearButtonVisibility(urlInput, clearButton);
  178.         });
  179.       }
  180.  
  181.       if (geminiClearButton) {
  182.         geminiClearButton.addEventListener("click", () => {
  183.           geminiKeyInput.value = "";
  184.           geminiKeyInput.focus();
  185.           updateClearButtonVisibility(geminiKeyInput, geminiClearButton);
  186.         });
  187.       }
  188.  
  189.       urlInput.addEventListener("input", () =>
  190.         updateClearButtonVisibility(urlInput, clearButton)
  191.       );
  192.       geminiKeyInput.addEventListener("input", () =>
  193.         updateClearButtonVisibility(geminiKeyInput, geminiClearButton)
  194.       );
  195.  
  196.       const handleSave = () => {
  197.         const url = urlInput.value.trim();
  198.         const geminiKey = geminiKeyInput.value.trim();
  199.  
  200.         if (url && !ApiKeyModal._isValidURL(url)) {
  201.           alert("Invalid RepoGist API URL");
  202.           return;
  203.         }
  204.  
  205.         if (url) {
  206.           safeGMSetValue(GM_STORAGE_KEYS.API_URL, url)
  207.             .then(() => {
  208.               apiUrl = url;
  209.               if (geminiKey) {
  210.                 return safeGMSetValue(GM_STORAGE_KEYS.GEMINI_API_KEY, geminiKey);
  211.               }
  212.             })
  213.             .then(() => {
  214.               if (geminiKey) {
  215.                 geminiApiKey = geminiKey;
  216.               }
  217.               ApiKeyModal._isShown = false;
  218.               modalElement.remove();
  219.             })
  220.             .catch((err) => {
  221.               Logger.error("Failed to save API configuration:", err);
  222.             });
  223.         } else {
  224.           ApiKeyModal._isShown = false;
  225.           modalElement.remove();
  226.         }
  227.       };
  228.  
  229.       saveButton.addEventListener("click", handleSave);
  230.  
  231.       urlInput.addEventListener("keydown", (e) => {
  232.         if (e.key === "Enter") {
  233.           handleSave();
  234.         }
  235.       });
  236.  
  237.       geminiKeyInput.addEventListener("keydown", (e) => {
  238.         if (e.key === "Enter") {
  239.           handleSave();
  240.         }
  241.       });
  242.  
  243.       closeButton.addEventListener("click", () => {
  244.         ApiKeyModal._isShown = false;
  245.         modalElement.remove();
  246.       });
  247.     },
  248.   };
  249.  
  250.   const getRepoNamefromURL = (url) => {
  251.     if (typeof url !== "string") {
  252.       Logger.log("getRepoNamefromURL: Invalid URL type", typeof url);
  253.       return null;
  254.     }
  255.     url = url.replace(/\/+$/, "");
  256.     let match = url.match(/[:\/]([^\/]+)\.git$/);
  257.     if (match) {
  258.       Logger.log("getRepoNamefromURL: Found .git URL match", match[1]);
  259.       return match[1];
  260.     }
  261.     match = url.match(/\/([^\/]+)(?:\/tree\/[^\/]+)?$/);
  262.     if (match) {
  263.       Logger.log("getRepoNamefromURL: Found standard URL match", match[1]);
  264.       return match[1];
  265.     }
  266.     Logger.log("getRepoNamefromURL: No match found for URL", url);
  267.     return null;
  268.   };
  269.  
  270.   // Updated selector to match the exact HTML structure provided
  271.   const selectors = {
  272.     messageActions: "div.ml-\\[-7px\\].flex.items-center.gap-1",
  273.     searchButton: 'button#search-toggle[aria-label="Enable search"]',
  274.   };
  275.  
  276.   const UI_IDS = {
  277.     apiKeyModal: "api-key-modal",
  278.     apiKeyModalContent: "api-key-modal-content",
  279.     apiKeyModalHeader: "api-key-modal-header",
  280.     apiKeyModalInput: "api-key-modal-input",
  281.     apiKeyModalInputContainer: "api-key-modal-input-container",
  282.     apiKeyModalSaveButton: "api-key-modal-save-button",
  283.     apiKeyModalCloseButton: "api-key-modal-close-button",
  284.     apiKeyModalClearButton: "api-key-modal-clear-button",
  285.     geminiApiKeyInput: "gemini-api-key-input",
  286.     geminiApiKeyClearButton: "gemini-api-key-clear-button",
  287.     importButton: "import-button",
  288.     searchToggle: "search-toggle",
  289.     repoUrlModal: "repo-url-modal",
  290.     repoUrlModalContent: "repo-url-modal-content",
  291.     repoUrlModalHeader: "repo-url-modal-header",
  292.     repoUrlModalDescription: "repo-url-modal-description",
  293.     repoUrlModalInput: "repo-url-modal-input",
  294.     repoUrlModalSaveButton: "repo-url-modal-save-button",
  295.     repoUrlModalCloseButton: "repo-url-modal-close-button",
  296.     repoUrlModalClearButton: "repo-url-modal-clear-button",
  297.     repoUrlModalInputContainer: "repo-url-modal-input-container",
  298.     styleElement: "repo-gist-style",
  299.   };
  300.  
  301.   const CSS_CLASSES = {
  302.     // Updated button classes to match the attach button style exactly
  303.     button:
  304.       "inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 disabled:cursor-not-allowed hover:bg-muted/40 hover:text-foreground disabled:hover:bg-transparent disabled:hover:text-foreground/50 text-xs cursor-pointer -mb-1.5 h-auto gap-2 rounded-full border border-solid border-secondary-foreground/10 px-2 py-1.5 pr-2.5 text-muted-foreground max-sm:p-2",
  305.     importButtonLoading: "loading",
  306.     importButtonOn: "on",
  307.   };
  308.  
  309.   const StyleManager = {
  310.     injectGlobalStyles: () => {
  311.       if (document.getElementById(UI_IDS.styleElement)) return;
  312.       const styleEl = document.createElement("style");
  313.       styleEl.id = UI_IDS.styleElement;
  314.       styleEl.textContent = `
  315.       /* Button toggle animation */
  316.       #${UI_IDS.importButton} { position: relative; overflow: hidden; transition: color 0.3s ease; }
  317.       #${UI_IDS.importButton}::before { content: ''; position: absolute; inset: 0; background-color: rgba(219,39,119,0.15); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; z-index:-1; }
  318.       #${UI_IDS.importButton}.${CSS_CLASSES.importButtonOn}::before { transform: scaleX(1); }
  319.       #${UI_IDS.importButton} svg { transition: transform 0.3s ease; }
  320.       #${UI_IDS.importButton}.${CSS_CLASSES.importButtonOn} svg { transform: rotate(360deg); }
  321.  
  322.       /* Loading state */
  323.       #${UI_IDS.importButton}.${CSS_CLASSES.importButtonLoading} { opacity: 0.6; position: relative; }
  324.       #${UI_IDS.importButton}.${CSS_CLASSES.importButtonLoading}::after { content: ''; position: absolute; top:50%; left:50%; width:12px; height:12px; margin:-6px 0 0 -6px; border:2px solid currentColor; border-radius:50%; border-top-color:transparent; animation:spin 1s linear infinite; }
  325.       @keyframes spin { to { transform: rotate(360deg); } }
  326.  
  327.       /* Repo URL Modal Styles */
  328.       #${UI_IDS.repoUrlModal} {
  329.         position: fixed;
  330.         inset: 0;
  331.         background: rgba(0,0,0,0.7);
  332.         display: flex;
  333.         align-items: center;
  334.         justify-content: center;
  335.         z-index: 9999;
  336.       }
  337.       #${UI_IDS.repoUrlModalContent} {
  338.         background: #1c1c1e;
  339.         padding: 24px;
  340.         border-radius: 12px;
  341.         width: 500px;
  342.         max-width: 95vw;
  343.         box-sizing: border-box;
  344.         box-shadow: 0 8px 24px rgba(0,0,0,0.3);
  345.       }
  346.       @media (max-width: 600px) {
  347.         #${UI_IDS.repoUrlModalContent} {
  348.           width: 95vw;
  349.           padding: 16px;
  350.         }
  351.       }
  352.       #${UI_IDS.repoUrlModalHeader} {
  353.         display: flex;
  354.         align-items: center;
  355.         margin-bottom: 20px;
  356.         position: relative;
  357.       }
  358.       #${UI_IDS.repoUrlModalHeader} > div:first-child { /* Icon container */
  359.         color: #c62a88;
  360.         margin-right: 12px;
  361.       }
  362.       #${UI_IDS.repoUrlModalHeader} > div:last-child { /* Title container */
  363.         font-size: 22px;
  364.         font-weight: 600;
  365.         color: #fff;
  366.       }
  367.       #${UI_IDS.repoUrlModalCloseButton} {
  368.         position: absolute;
  369.         top: 0;
  370.         right: 0;
  371.         background: none;
  372.         border: none;
  373.         cursor: pointer;
  374.         color: #fff;
  375.         font-size: 24px;
  376.         transition: color 0.3s ease;
  377.       }
  378.       #${UI_IDS.repoUrlModalDescription} {
  379.         color: #999;
  380.         font-size: 14px;
  381.         margin-bottom: 16px;
  382.       }
  383.       #${UI_IDS.repoUrlModalInputContainer} {
  384.         position: relative;
  385.         width: 100%;
  386.         margin-bottom: 16px;
  387.       }
  388.       #${UI_IDS.repoUrlModalInput} {
  389.         width: 100%;
  390.         padding: 12px 36px 12px 12px;
  391.         box-sizing: border-box;
  392.         background: #2a2a2c;
  393.         color: #fff;
  394.         border: 1px solid #333;
  395.         border-radius: 6px;
  396.         outline: none;
  397.         font-size: 14px;
  398.       }
  399.       #${UI_IDS.repoUrlModalClearButton} {
  400.         position: absolute;
  401.         top: 50%;
  402.         right: 10px;
  403.         transform: translateY(-50%);
  404.         width: 20px;
  405.         height: 20px;
  406.         display: flex;
  407.         align-items: center;
  408.         justify-content: center;
  409.         background: none;
  410.         border: none;
  411.         cursor: pointer;
  412.         font-size: 16px;
  413.         font-weight: 500;
  414.         color: #aaa;
  415.         transition: color 0.2s ease;
  416.         padding: 0;
  417.       }
  418.       #${UI_IDS.repoUrlModalClearButton}:hover {
  419.         color: #c62a88;
  420.       }
  421.       #${UI_IDS.repoUrlModalSaveButton} {
  422.         width: 100%;
  423.         padding: 12px;
  424.         background: #a02553;
  425.         border: none;
  426.         border-radius: 6px;
  427.         color: white;
  428.         cursor: pointer;
  429.         font-size: 15px;
  430.         font-weight: 500;
  431.         transition: all 0.2s ease;
  432.       }
  433.       #${UI_IDS.repoUrlModalSaveButton}:hover {
  434.         background: #c62a88;
  435.       }
  436.  
  437.       /* API Key Modal Styles */
  438.        #${UI_IDS.apiKeyModal} {
  439.         position: fixed;
  440.         inset: 0;
  441.         background: rgba(0,0,0,0.7);
  442.         display: flex;
  443.         align-items: center;
  444.         justify-content: center;
  445.         z-index: 9999;
  446.       }
  447.       #${UI_IDS.apiKeyModalContent} {
  448.         background: #1c1c1e;
  449.         padding: 24px;
  450.         border-radius: 12px;
  451.         width: 500px;
  452.         max-width: 95vw;
  453.         box-sizing: border-box;
  454.         box-shadow: 0 8px 24px rgba(0,0,0,0.3);
  455.       }
  456.       @media (max-width: 600px) {
  457.         #${UI_IDS.apiKeyModalContent} {
  458.           width: 95vw;
  459.           padding: 16px;
  460.         }
  461.       }
  462.       #${UI_IDS.apiKeyModalHeader} {
  463.         display: flex;
  464.         align-items: center;
  465.         margin-bottom: 20px;
  466.         position: relative;
  467.       }
  468.       #${UI_IDS.apiKeyModalHeader} > div:first-child { /* Icon container */
  469.         color: #c62a88;
  470.         margin-right: 12px;
  471.       }
  472.       #${UI_IDS.apiKeyModalHeader} > div:last-child { /* Title container */
  473.         font-size: 22px;
  474.         font-weight: 600;
  475.         color: #fff;
  476.       }
  477.       #${UI_IDS.apiKeyModalCloseButton} {
  478.         position: absolute;
  479.         top: 0;
  480.         right: 0;
  481.         background: none;
  482.         border: none;
  483.         cursor: pointer;
  484.         color: #fff;
  485.         font-size: 24px;
  486.         transition: color 0.3s ease;
  487.       }
  488.       #${UI_IDS.apiKeyModalInputContainer} {
  489.         position: relative;
  490.         width: 100%;
  491.         margin-bottom: 16px;
  492.       }
  493.       #${UI_IDS.apiKeyModalInputContainer} label {
  494.         display: block;
  495.         color: #999;
  496.         font-size: 14px;
  497.         margin-bottom: 8px;
  498.       }
  499.       #${UI_IDS.apiKeyModalInput} {
  500.         width: 100%;
  501.         padding: 12px 36px 12px 12px;
  502.         box-sizing: border-box;
  503.         background: #2a2a2c;
  504.         color: #fff;
  505.         border: 1px solid #333;
  506.         border-radius: 6px;
  507.         outline: none;
  508.         font-size: 14px;
  509.       }
  510.       #${UI_IDS.apiKeyModalInput}:focus {
  511.         border-color: #c62a88;
  512.       }
  513.       #${UI_IDS.geminiApiKeyInput} {
  514.         width: 100%;
  515.         padding: 12px 36px 12px 12px;
  516.         box-sizing: border-box;
  517.         background: #2a2a2c;
  518.         color: #fff;
  519.         border: 1px solid #333;
  520.         border-radius: 6px;
  521.         outline: none;
  522.         font-size: 14px;
  523.       }
  524.       #${UI_IDS.geminiApiKeyInput}:focus {
  525.         border-color: #c62a88;
  526.       }
  527.       #${UI_IDS.apiKeyModalClearButton}, #${UI_IDS.geminiApiKeyClearButton} {
  528.         position: absolute;
  529.         top: 68%;
  530.         right: 10px;
  531.         transform: translateY(-50%);
  532.         width: 20px;
  533.         height: 20px;
  534.         display: flex;
  535.         align-items: center;
  536.         justify-content: center;
  537.         background: none;
  538.         border: none;
  539.         cursor: pointer;
  540.         font-size: 16px;
  541.         font-weight: 500;
  542.         color: #aaa;
  543.         transition: color 0.2s ease;
  544.         padding: 0;
  545.       }
  546.       #${UI_IDS.apiKeyModalClearButton}:hover, #${UI_IDS.geminiApiKeyClearButton}:hover {
  547.         color: #c62a88;
  548.       }
  549.       #${UI_IDS.apiKeyModalSaveButton} {
  550.         width: 100%;
  551.         padding: 12px;
  552.         background: #a02553;
  553.         border: none;
  554.         border-radius: 6px;
  555.         color: white;
  556.         cursor: pointer;
  557.         font-size: 15px;
  558.         font-weight: 500;
  559.         transition: all 0.2s ease;
  560.       }
  561.       #${UI_IDS.apiKeyModalSaveButton}:hover {
  562.         background: #c62a88;
  563.       }`;
  564.       document.head.appendChild(styleEl);
  565.     },
  566.   };
  567.  
  568.   const UIManager = {
  569.     importButton: null,
  570.     _createImportButton: () => {
  571.       return new Promise((resolve) => {
  572.         const chatId = getChatId();
  573.         IngestDBManager.getState(chatId)
  574.           .then((state) => {
  575.             const button = document.createElement("button");
  576.             button.type = "button";
  577.             button.id = UI_IDS.importButton;
  578.             button.className = CSS_CLASSES.button;
  579.             button.setAttribute("data-state", "closed");
  580.  
  581.             if (state && state.repoUrl) {
  582.               const repoName = getRepoNamefromURL(state.repoUrl)
  583.                 ?.split("/")
  584.                 ?.pop()
  585.                 ?.slice(0, 10)
  586.                 ?.replace(/^./, (c) => c.toUpperCase()) || "Repo";
  587.  
  588.               button.innerHTML = `<div class="flex gap-1">${githubSVG}<span class="max-sm:hidden sm:ml-0.5">${repoName}</span></div>`;
  589.               button.setAttribute("aria-label", "Repository imported");
  590.               button.dataset.mode = "on";
  591.               button.classList.add(CSS_CLASSES.importButtonOn);
  592.             } else {
  593.               button.innerHTML = `<div class="flex gap-1">${githubSVG}<span class="max-sm:hidden sm:ml-0.5">Import</span></div>`;
  594.               button.setAttribute("aria-label", "Import repository");
  595.               button.dataset.mode = "off";
  596.             }
  597.  
  598.             button.addEventListener("click", (e) => {
  599.               e.preventDefault();
  600.               e.stopPropagation();
  601.  
  602.               if (!apiUrl || !geminiApiKey) {
  603.                 ApiKeyModal.show();
  604.                 return;
  605.               }
  606.  
  607.               const chatId = getChatId();
  608.               if (!chatId) {
  609.                 alert("No chat ID found, can't import repo");
  610.                 Logger.log("No chat ID found, skipping import button click");
  611.                 return;
  612.               }
  613.  
  614.               if (RepoUrlModal._isShown) {
  615.                 RepoUrlModal._isShown = false;
  616.                 return;
  617.               }
  618.  
  619.               RepoUrlModal.show();
  620.             });
  621.             resolve(button);
  622.           })
  623.           .catch((err) => {
  624.             Logger.error("Failed to create import button:", err);
  625.             resolve(null);
  626.           });
  627.       });
  628.     },
  629.     injectImportButton: () => {
  630.       return new Promise((resolve) => {
  631.         // Find the exact container with model selector, thinking level, and attach buttons
  632.         const messageActionsContainer = document.querySelector(selectors.messageActions);
  633.  
  634.         if (!messageActionsContainer) {
  635.           Logger.log("Message actions container not found with selector:", selectors.messageActions);
  636.           resolve(false);
  637.           return;
  638.         }
  639.  
  640.         // Check if button already exists
  641.         if (messageActionsContainer.querySelector(`#${UI_IDS.importButton}`)) {
  642.           Logger.log("Import button already exists");
  643.           resolve(true);
  644.           return;
  645.         }
  646.  
  647.         UIManager._createImportButton()
  648.           .then((button) => {
  649.             if (!button) {
  650.               Logger.error("Import button creation failed.");
  651.               resolve(false);
  652.               return;
  653.             }
  654.  
  655.             UIManager.importButton = button;
  656.  
  657.             // Insert the button as the last child (after attach button)
  658.             messageActionsContainer.appendChild(button);
  659.             Logger.log("Import button injected successfully in message actions container");
  660.             resolve(true);
  661.           })
  662.           .catch((err) => {
  663.             Logger.error("Failed to inject import button:", err);
  664.             resolve(false);
  665.           });
  666.       });
  667.     },
  668.   };
  669.  
  670.   const RepoUrlModal = {
  671.     _isShown: false,
  672.     _isValidRepoUrl: (url) => {
  673.       const patterns = [
  674.         /^git@[^:]+:.+\.git$/,
  675.         /^https:\/\/[^/]+\/.+\.git$/,
  676.         /^https:\/\/github\.com\/[^/]+\/[^/]+(\/tree\/[^/]+)?$/,
  677.         /^https:\/\/gitlab\.com\/[^/]+\/[^/]+(\/-\/tree\/[^/]+)?$/,
  678.       ];
  679.  
  680.       return patterns.some((pattern) => pattern.test(url));
  681.     },
  682.     show: () => {
  683.       return new Promise((resolve) => {
  684.         const chatId = getChatId();
  685.         IngestDBManager.getState(chatId)
  686.           .then((state) => {
  687.             if (
  688.               document.getElementById(UI_IDS.repoUrlModal) ||
  689.               RepoUrlModal._isShown
  690.             ) {
  691.               resolve();
  692.               return;
  693.             }
  694.             RepoUrlModal._isShown = true;
  695.             const wrapper = document.createElement("div");
  696.             wrapper.id = UI_IDS.repoUrlModal;
  697.             wrapper.innerHTML = `
  698.               <div id="${UI_IDS.repoUrlModalContent}">
  699.                 <div id="${UI_IDS.repoUrlModalHeader}">
  700.                   <div><!-- Icon container -->
  701.                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-git2-icon lucide-folder-git-2"><path d="M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v5"/><circle cx="13" cy="12" r="2"/><path d="M18 19c-2.8 0-5-2.2-5-5v8"/><circle cx="20" cy="19" r="2"/></svg>
  702.                   </div>
  703.                   <div>Enter Repo URL</div><!-- Title -->
  704.                   <button id="${UI_IDS.repoUrlModalCloseButton}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-icon lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg></button>
  705.                 </div>
  706.                 <div id="${UI_IDS.repoUrlModalDescription}">Enter the URL of the GitHub repository you want to import.</div>
  707.                 <div id="${UI_IDS.repoUrlModalInputContainer}">
  708.                   <input id="${UI_IDS.repoUrlModalInput}" type="text" placeholder="https://github.com/username/repo" />
  709.                   <button id="${UI_IDS.repoUrlModalClearButton}" aria-label="Clear input"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash2-icon lucide-trash-2"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg></button>
  710.                 </div>
  711.                 <button id="${UI_IDS.repoUrlModalSaveButton}">Import</button>
  712.               </div>`;
  713.             document.body.appendChild(wrapper);
  714.             const input = wrapper.querySelector(`#${UI_IDS.repoUrlModalInput}`);
  715.             if (input) {
  716.               input.focus();
  717.               input.value = (state && state.repoUrl) || "";
  718.             }
  719.             RepoUrlModal._attachEventListeners(wrapper);
  720.             resolve();
  721.           })
  722.           .catch((err) => {
  723.             Logger.error("Failed to show repo URL modal:", err);
  724.             resolve();
  725.           });
  726.       });
  727.     },
  728.     _attachEventListeners: (modalElement) => {
  729.       const urlInput = modalElement.querySelector(
  730.         `#${UI_IDS.repoUrlModalInput}`
  731.       );
  732.       const saveButton = modalElement.querySelector(
  733.         `#${UI_IDS.repoUrlModalSaveButton}`
  734.       );
  735.       const closeButton = modalElement.querySelector(
  736.         `#${UI_IDS.repoUrlModalCloseButton}`
  737.       );
  738.       const clearButton = modalElement.querySelector(
  739.         `#${UI_IDS.repoUrlModalClearButton}`
  740.       );
  741.  
  742.       modalElement.addEventListener("click", (e) => {
  743.         if (e.target === modalElement) {
  744.           const urlInput = modalElement.querySelector(
  745.             `#${UI_IDS.repoUrlModalInput}`
  746.           );
  747.           if (urlInput && !urlInput.value) {
  748.             const importButton = document.getElementById(UI_IDS.importButton);
  749.             if (importButton) {
  750.               importButton.classList.remove(CSS_CLASSES.importButtonOn);
  751.               importButton.setAttribute("aria-label", "Import repository");
  752.               importButton.innerHTML = `<div class="flex gap-1">${githubSVG}<span class="max-sm:hidden sm:ml-0.5">Import</span></div>`;
  753.               importButton.dataset.mode = "off";
  754.             }
  755.  
  756.             IngestDBManager.deleteState(getChatId());
  757.           }
  758.           RepoUrlModal._isShown = false;
  759.           modalElement.remove();
  760.         }
  761.       });
  762.  
  763.       const updateClearButtonVisibility = () => {
  764.         if (clearButton) {
  765.           clearButton.style.display = urlInput.value ? "flex" : "none";
  766.         }
  767.       };
  768.  
  769.       updateClearButtonVisibility();
  770.  
  771.       if (clearButton) {
  772.         clearButton.addEventListener("click", () => {
  773.           urlInput.value = "";
  774.           urlInput.focus();
  775.           updateClearButtonVisibility();
  776.         });
  777.       }
  778.  
  779.       urlInput.addEventListener("input", updateClearButtonVisibility);
  780.  
  781.       const handleSave = () => {
  782.         const url = urlInput.value.trim();
  783.         if (url) {
  784.           if (!RepoUrlModal._isValidRepoUrl(url)) {
  785.             alert("Please enter a valid git repository URL.");
  786.             return;
  787.           }
  788.  
  789.           RepoUrlModal._isShown = false;
  790.           modalElement.remove();
  791.  
  792.           const importButton = document.getElementById(UI_IDS.importButton);
  793.           if (importButton) {
  794.             importButton.classList.add(CSS_CLASSES.importButtonLoading);
  795.             importButton.setAttribute("aria-label", "Importing repository...");
  796.             importButton.disabled = true;
  797.           }
  798.  
  799.           new Promise((resolve, reject) => {
  800.             GM_xmlhttpRequest({
  801.               method: "POST",
  802.               url: apiUrl,
  803.               headers: {
  804.                 "Content-Type": "application/json",
  805.               },
  806.               data: JSON.stringify({
  807.                 url,
  808.               }),
  809.               onload: (res) => {
  810.                 if (res.status < 200 || res.status >= 300) {
  811.                   reject(
  812.                     new Error(`API Error (${res.status}): ${res.responseText}`)
  813.                   );
  814.                   return;
  815.                 }
  816.                 try {
  817.                   const data = JSON.parse(res.responseText);
  818.                   if (
  819.                     !data ||
  820.                     typeof data !== "object" ||
  821.                     !data.data ||
  822.                     !data.data.content ||
  823.                     !data.data.normalized ||
  824.                     !data.data.tree ||
  825.                     !data.data.index
  826.                   ) {
  827.                     reject(new Error("Invalid response data from API"));
  828.                     return;
  829.                   }
  830.  
  831.                   IngestDBManager.saveState({
  832.                     chatId: getChatId(),
  833.                     repoUrl: url,
  834.                     repoTree: data.data.tree,
  835.                     repoIndex: data.data.index,
  836.                     repoContent: data.data.content,
  837.                     repoNormalizedContent: data.data.normalized,
  838.                   })
  839.                     .then(() => {
  840.                       if (importButton) {
  841.                         const repoName = getRepoNamefromURL(url)
  842.                           ?.split("/")
  843.                           ?.pop()
  844.                           ?.slice(0, 10)
  845.                           ?.replace(/^./, (c) => c.toUpperCase()) || "Repo";
  846.  
  847.                         importButton.classList.add(CSS_CLASSES.importButtonOn);
  848.                         importButton.setAttribute("aria-label", "Repository imported");
  849.                         importButton.dataset.mode = "on";
  850.                         importButton.innerHTML = `<div class="flex gap-1">${githubSVG}<span class="max-sm:hidden sm:ml-0.5">${repoName}</span></div>`;
  851.                       }
  852.                       resolve();
  853.                     })
  854.                     .catch((err) => {
  855.                       reject(err);
  856.                     });
  857.                 } catch (err) {
  858.                   reject(err);
  859.                 }
  860.               },
  861.               onerror: (err) => {
  862.                 reject(err);
  863.               },
  864.               ontimeout: () => {
  865.                 reject(new Error("Request timed out"));
  866.               },
  867.               timeout: 30000,
  868.             });
  869.           })
  870.             .catch((err) => {
  871.               if (importButton) {
  872.                 importButton.classList.remove(CSS_CLASSES.importButtonLoading);
  873.                 importButton.classList.remove(CSS_CLASSES.importButtonOn);
  874.                 importButton.setAttribute("aria-label", "Import repository");
  875.                 importButton.innerHTML = `<div class="flex gap-1">${githubSVG}<span class="max-sm:hidden sm:ml-0.5">Import</span></div>`;
  876.                 importButton.dataset.mode = "off";
  877.                 importButton.disabled = false;
  878.               }
  879.               Logger.error("Error during repo import:", err);
  880.               alert(`Failed to import repository: ${err.message}`);
  881.             })
  882.             .finally(() => {
  883.               if (importButton) {
  884.                 importButton.classList.remove(CSS_CLASSES.importButtonLoading);
  885.                 importButton.disabled = false;
  886.               }
  887.             });
  888.         } else {
  889.           alert("Repo URL cannot be empty");
  890.         }
  891.       };
  892.  
  893.       saveButton.addEventListener("click", handleSave);
  894.  
  895.       urlInput.addEventListener("keydown", (e) => {
  896.         if (e.key === "Enter") {
  897.           handleSave();
  898.         }
  899.       });
  900.  
  901.       closeButton.addEventListener("click", () => {
  902.         const urlInput = modalElement.querySelector(
  903.           `#${UI_IDS.repoUrlModalInput}`
  904.         );
  905.         if (urlInput && !urlInput.value) {
  906.           const importButton = document.getElementById(UI_IDS.importButton);
  907.           if (importButton) {
  908.             importButton.classList.remove(CSS_CLASSES.importButtonOn);
  909.             importButton.setAttribute("aria-label", "Import repository");
  910.             importButton.innerHTML = `<div class="flex gap-1">${githubSVG}<span class="max-sm:hidden sm:ml-0.5">Import</span></div>`;
  911.             importButton.dataset.mode = "off";
  912.           }
  913.  
  914.           IngestDBManager.deleteState(getChatId());
  915.         }
  916.         RepoUrlModal._isShown = false;
  917.         modalElement.remove();
  918.       });
  919.     },
  920.   };
  921.  
  922.   const getAllFileNames = (index) => {
  923.     Logger.log(
  924.       "getAllFileNames: Processing index with",
  925.       (index && index.length) || 0,
  926.       "files"
  927.     );
  928.     return index.map((file, idx) => ({
  929.       fileName: file.fileName,
  930.       index: idx,
  931.     }));
  932.   };
  933.  
  934.   const getFileContents = (index, indices) => {
  935.     Logger.log("getFileContents: Requesting contents for indices", indices);
  936.     if (!index || !Array.isArray(indices)) {
  937.       Logger.log("getFileContents: Invalid input", {
  938.         index: !!index,
  939.         indices: !!indices,
  940.       });
  941.       return [];
  942.     }
  943.     const contents = indices
  944.       .map((idx) => {
  945.         const file = index[idx];
  946.         if (file) {
  947.           return {
  948.             fileName: file.fileName,
  949.             content: file.fileContent,
  950.           };
  951.         } else {
  952.           return null;
  953.         }
  954.       })
  955.       .filter(function (item) { return item !== null; });
  956.     Logger.log(
  957.       "getFileContents: Retrieved contents for",
  958.       contents.length,
  959.       "files"
  960.     );
  961.     return contents;
  962.   };
  963.  
  964.   const getRepoTree = () => {
  965.     return new Promise((resolve) => {
  966.       const chatId = getChatId();
  967.       IngestDBManager.getState(chatId)
  968.         .then((state) => {
  969.           if (!state || !state.repoTree) {
  970.             Logger.log("getRepoTree: No repo tree found in state");
  971.             resolve(null);
  972.             return;
  973.           }
  974.           Logger.log("getRepoTree: Retrieved repo tree");
  975.           resolve(state.repoTree);
  976.         })
  977.         .catch((err) => {
  978.           Logger.error("Failed to get repo tree:", err);
  979.           resolve(null);
  980.         });
  981.     });
  982.   };
  983.  
  984.   // Simplified generateRelevantContext function
  985.   const generateRelevantContext = (query) =>
  986.     new Promise((resolve) => {
  987.       const chatId = getChatId();
  988.       IngestDBManager.getState(chatId).then((state) => {
  989.         if (!state?.repoIndex) return resolve(null);
  990.  
  991.         const idx = state.repoIndex;
  992.         const fileList = getAllFileNames(idx);
  993.  
  994.         const prompt = `Given the following list of files in a repository and a user query, return the indices of the most relevant files that would help answer the query. Only return the indices of files that are directly relevant.
  995.  
  996. Files in repository:
  997. ${JSON.stringify(fileList, null, 2)}
  998.  
  999. User query: ${query}
  1000.  
  1001. Return the response in this exact JSON format:
  1002. {
  1003.   "relevantIndices": [array of indices]
  1004. }`;
  1005.  
  1006.         GM_xmlhttpRequest({
  1007.           method: "POST",
  1008.           url: `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent?key=${geminiApiKey}`,
  1009.           headers: { "Content-Type": "application/json" },
  1010.           data: JSON.stringify({
  1011.             contents: [
  1012.               {
  1013.                 parts: [{ text: prompt }],
  1014.               },
  1015.             ],
  1016.             generationConfig: {
  1017.               responseMimeType: "application/json",
  1018.               responseSchema: {
  1019.                 type: "OBJECT",
  1020.                 properties: {
  1021.                   relevantIndices: {
  1022.                     type: "ARRAY",
  1023.                     items: { type: "NUMBER" },
  1024.                   },
  1025.                 },
  1026.                 propertyOrdering: ["relevantIndices"],
  1027.               },
  1028.             },
  1029.           }),
  1030.           onload: (r) => {
  1031.             if (r.status < 200 || r.status >= 300) {
  1032.               Logger.error("Gemini error", r);
  1033.               return resolve(null);
  1034.             }
  1035.             let relevantIndices;
  1036.             try {
  1037.               relevantIndices = JSON.parse(
  1038.                 JSON.parse(r.responseText).candidates[0].content.parts[0].text
  1039.               ).relevantIndices;
  1040.             } catch (e) {
  1041.               Logger.error("Parse error", e);
  1042.               return resolve(null);
  1043.             }
  1044.  
  1045.             if (!Array.isArray(relevantIndices)) {
  1046.               Logger.error("Invalid relevantIndices format", relevantIndices);
  1047.               return resolve(null);
  1048.             }
  1049.  
  1050.             const files = getFileContents(idx, relevantIndices);
  1051.             if (!files.length) return resolve(null);
  1052.  
  1053.             const context = files
  1054.               .map((f) => `File: ${f.fileName}\nContent:\n${f.content}\n`)
  1055.               .join("\n");
  1056.             resolve(context);
  1057.           },
  1058.           onerror: (e) => {
  1059.             Logger.error("Gemini request failed", e);
  1060.             resolve(null);
  1061.           },
  1062.         });
  1063.       });
  1064.     });
  1065.  
  1066.   // Fixed FetchInterceptor to prevent interference with pasting
  1067.   const FetchInterceptor = {
  1068.     originalFetch: null,
  1069.     isIntercepting: false,
  1070.     init: () => {
  1071.       try {
  1072.         if (typeof unsafeWindow === "undefined") {
  1073.           Logger.error("FetchInterceptor: unsafeWindow is not available");
  1074.           return;
  1075.         }
  1076.         const w = unsafeWindow;
  1077.         w.t3ChatIngest = w.t3ChatIngest || { needIngest: false };
  1078.         const originalFetch = w.fetch;
  1079.         FetchInterceptor.originalFetch = originalFetch;
  1080.  
  1081.         w.fetch = (input, initOptions = {}) => {
  1082.           // Early return for non-relevant requests
  1083.           const url = typeof input === "string" ? input : input?.url;
  1084.           if (!url ||
  1085.               !url.includes("/api/chat") ||
  1086.               url.includes("/api/chat/resume") ||
  1087.               initOptions?.method !== "POST" ||
  1088.               FetchInterceptor.isIntercepting) {
  1089.             return originalFetch.call(w, input, initOptions);
  1090.           }
  1091.  
  1092.           const chatId = getChatId();
  1093.           if (!chatId) {
  1094.             return originalFetch.call(w, input, initOptions);
  1095.           }
  1096.  
  1097.           // Set intercepting flag immediately
  1098.           FetchInterceptor.isIntercepting = true;
  1099.  
  1100.           return IngestDBManager.getState(chatId)
  1101.             .then((state) => {
  1102.               if (!state || !state.repoUrl) {
  1103.                 Logger.log("FetchInterceptor: No repo URL in state, passing through");
  1104.                 return originalFetch.call(w, input, initOptions);
  1105.               }
  1106.  
  1107.               let data;
  1108.               try {
  1109.                 data = JSON.parse(initOptions.body || "{}");
  1110.               } catch (error) {
  1111.                 Logger.error("FetchInterceptor: Failed to parse request body", error);
  1112.                 return originalFetch.call(w, input, initOptions);
  1113.               }
  1114.  
  1115.               if (!Array.isArray(data.messages)) {
  1116.                 Logger.log("FetchInterceptor: No messages array in request");
  1117.                 return originalFetch.call(w, input, initOptions);
  1118.               }
  1119.  
  1120.               const messages = data.messages;
  1121.               const lastIdx = messages.length - 1;
  1122.               if (lastIdx < 0 || !messages[lastIdx] || messages[lastIdx].role !== "user") {
  1123.                 Logger.log("FetchInterceptor: No user message found");
  1124.                 return originalFetch.call(w, input, initOptions);
  1125.               }
  1126.  
  1127.               const originalPrompt = messages[lastIdx].content;
  1128.               if (typeof originalPrompt !== "string") {
  1129.                 Logger.log("FetchInterceptor: Invalid prompt type", typeof originalPrompt);
  1130.                 return originalFetch.call(w, input, initOptions);
  1131.               }
  1132.  
  1133.               Logger.log("FetchInterceptor: Intercepting fetch for ingest enhancement");
  1134.  
  1135.               return Promise.all([
  1136.                 getRepoTree(),
  1137.                 generateRelevantContext(originalPrompt),
  1138.               ])
  1139.                 .then(([tree, context]) => {
  1140.                   Logger.log("FetchInterceptor: Retrieved repo tree and context");
  1141.  
  1142.                   if (context) {
  1143.                     const importInstruction =
  1144.                       "The following information was retrieved from the repository. Please use these results to inform your response:\n";
  1145.                     messages[lastIdx].content = `${importInstruction}\n[Repository Tree]\n${tree}\n\n[Repository Context]\n${context}\n\n[Original Message]\n${originalPrompt}`;
  1146.                     initOptions.body = JSON.stringify(data);
  1147.                     Logger.log("FetchInterceptor: Enhanced prompt with repository context");
  1148.                   } else {
  1149.                     Logger.log("FetchInterceptor: No context to add to prompt");
  1150.                   }
  1151.  
  1152.                   return originalFetch.call(w, input, initOptions);
  1153.                 })
  1154.                 .catch((error) => {
  1155.                   Logger.error("FetchInterceptor: Error during interception", error);
  1156.                   return originalFetch.call(w, input, initOptions);
  1157.                 });
  1158.             })
  1159.             .catch((error) => {
  1160.               Logger.error("FetchInterceptor: Error getting state", error);
  1161.               return originalFetch.call(w, input, initOptions);
  1162.             })
  1163.             .finally(() => {
  1164.               FetchInterceptor.isIntercepting = false;
  1165.             });
  1166.         };
  1167.  
  1168.         Logger.log("FetchInterceptor: Initialized successfully");
  1169.       } catch (error) {
  1170.         Logger.error("FetchInterceptor: Failed to initialize", error);
  1171.       }
  1172.     },
  1173.   };
  1174.  
  1175.   const IngestDBManager = {
  1176.     db: null,
  1177.  
  1178.     init: () => {
  1179.       return new Promise((resolve, reject) => {
  1180.         try {
  1181.           const request = indexedDB.open(DB_NAME, DB_VERSION);
  1182.  
  1183.           request.onerror = () => {
  1184.             Logger.error("Failed to open IndexedDB");
  1185.             reject(request.error);
  1186.           };
  1187.  
  1188.           request.onsuccess = (event) => {
  1189.             IngestDBManager.db = event.target.result;
  1190.             Logger.log("IndexedDB opened successfully");
  1191.             resolve();
  1192.           };
  1193.  
  1194.           request.onupgradeneeded = (event) => {
  1195.             const db = event.target.result;
  1196.             if (!db.objectStoreNames.contains(STORE_NAME)) {
  1197.               const store = db.createObjectStore(STORE_NAME, {
  1198.                 keyPath: "chatId",
  1199.               });
  1200.               store.createIndex("repoUrl", "repoUrl", { unique: false });
  1201.               Logger.log("IndexedDB store created");
  1202.             }
  1203.           };
  1204.         } catch (error) {
  1205.           Logger.error("Error initializing IndexedDB:", error);
  1206.           reject(error);
  1207.         }
  1208.       });
  1209.     },
  1210.  
  1211.     getAllStates: () => {
  1212.       return new Promise((resolve, reject) => {
  1213.         try {
  1214.           const transaction = IngestDBManager.db.transaction(
  1215.             [STORE_NAME],
  1216.             "readonly"
  1217.           );
  1218.           const store = transaction.objectStore(STORE_NAME);
  1219.           const request = store.getAll();
  1220.  
  1221.           request.onsuccess = () => resolve(request.result);
  1222.           request.onerror = () => reject(request.error);
  1223.         } catch (error) {
  1224.           reject(error);
  1225.         }
  1226.       });
  1227.     },
  1228.  
  1229.     getState: (chatId) => {
  1230.       return new Promise((resolve, reject) => {
  1231.         if (!chatId) {
  1232.           resolve(null);
  1233.           return;
  1234.         }
  1235.  
  1236.         try {
  1237.           const transaction = IngestDBManager.db.transaction(
  1238.             [STORE_NAME],
  1239.             "readonly"
  1240.           );
  1241.           const store = transaction.objectStore(STORE_NAME);
  1242.           const request = store.get(chatId);
  1243.  
  1244.           request.onsuccess = () => resolve(request.result);
  1245.           request.onerror = () => reject(request.error);
  1246.         } catch (error) {
  1247.           reject(error);
  1248.         }
  1249.       });
  1250.     },
  1251.  
  1252.     saveState: (state) => {
  1253.       return new Promise((resolve, reject) => {
  1254.         try {
  1255.           const transaction = IngestDBManager.db.transaction(
  1256.             [STORE_NAME],
  1257.             "readwrite"
  1258.           );
  1259.           const store = transaction.objectStore(STORE_NAME);
  1260.           const request = store.put(state);
  1261.  
  1262.           request.onsuccess = () => resolve(request.result);
  1263.           request.onerror = () => reject(request.error);
  1264.         } catch (error) {
  1265.           reject(error);
  1266.         }
  1267.       });
  1268.     },
  1269.  
  1270.     deleteState: (chatId) => {
  1271.       return new Promise((resolve, reject) => {
  1272.         try {
  1273.           const transaction = IngestDBManager.db.transaction(
  1274.             [STORE_NAME],
  1275.             "readwrite"
  1276.           );
  1277.           const store = transaction.objectStore(STORE_NAME);
  1278.           const request = store.delete(chatId);
  1279.  
  1280.           request.onsuccess = () => resolve(request.result);
  1281.           request.onerror = () => reject(request.error);
  1282.         } catch (error) {
  1283.           reject(error);
  1284.         }
  1285.       });
  1286.     },
  1287.  
  1288.     clearAll: () => {
  1289.       return new Promise((resolve, reject) => {
  1290.         try {
  1291.           const transaction = IngestDBManager.db.transaction(
  1292.             [STORE_NAME],
  1293.             "readwrite"
  1294.           );
  1295.           const store = transaction.objectStore(STORE_NAME);
  1296.           const request = store.clear();
  1297.  
  1298.           request.onsuccess = () => resolve(request.result);
  1299.           request.onerror = () => reject(request.error);
  1300.         } catch (error) {
  1301.           reject(error);
  1302.         }
  1303.       });
  1304.     },
  1305.   };
  1306.  
  1307.   const MenuCommands = {
  1308.     init: () => {
  1309.       return new Promise((resolve) => {
  1310.         try {
  1311.           GM_registerMenuCommand("Toggle debug logs", () => {
  1312.             safeGMGetValue(GM_STORAGE_KEYS.DEBUG, false)
  1313.               .then((currentDebug) => {
  1314.                 const newDebug = !currentDebug;
  1315.                 return safeGMSetValue(GM_STORAGE_KEYS.DEBUG, newDebug);
  1316.               })
  1317.               .then(() => {
  1318.                 debugMode = !debugMode;
  1319.                 Logger.log(
  1320.                   `Debug mode toggled to: ${debugMode} via menu. Reloading...`
  1321.                 );
  1322.                 location.reload();
  1323.               })
  1324.               .catch((err) => {
  1325.                 Logger.error("Failed to toggle debug mode:", err);
  1326.               });
  1327.           });
  1328.  
  1329.           GM_registerMenuCommand("Reset Gemini API Key", () => {
  1330.             safeGMSetValue(GM_STORAGE_KEYS.GEMINI_API_KEY, "")
  1331.               .then(() => {
  1332.                 geminiApiKey = null;
  1333.                 Logger.log("Gemini API Key reset via menu.");
  1334.                 location.reload();
  1335.               })
  1336.               .catch((err) => {
  1337.                 Logger.error("Failed to reset Gemini API key:", err);
  1338.               });
  1339.           });
  1340.  
  1341.           GM_registerMenuCommand("Reset RepoGist API URL", () => {
  1342.             safeGMSetValue(GM_STORAGE_KEYS.API_URL, "")
  1343.               .then(() => {
  1344.                 apiUrl = null;
  1345.                 Logger.log("RepoGist API URL reset via menu.");
  1346.                 location.reload();
  1347.               })
  1348.               .catch((err) => {
  1349.                 Logger.error("Failed to reset RepoGist API URL:", err);
  1350.               });
  1351.           });
  1352.  
  1353.           GM_registerMenuCommand("Reset IndexedDB for all chats", () => {
  1354.             IngestDBManager.clearAll()
  1355.               .then(() => {
  1356.                 Logger.log("IndexedDB reset via menu.");
  1357.                 location.reload();
  1358.               })
  1359.               .catch((err) => {
  1360.                 Logger.error("Failed to reset IndexedDB:", err);
  1361.               });
  1362.           });
  1363.  
  1364.           Logger.log("Menu commands registered.");
  1365.           resolve();
  1366.         } catch (error) {
  1367.           Logger.error("Error registering menu commands:", error);
  1368.           resolve();
  1369.         }
  1370.       });
  1371.     },
  1372.   };
  1373.  
  1374.   function main() {
  1375.     try {
  1376.       // Initialize debug mode safely
  1377.       safeGMGetValue(GM_STORAGE_KEYS.DEBUG, false)
  1378.         .then((value) => {
  1379.           debugMode = value;
  1380.           Logger.log(
  1381.             `${SCRIPT_NAME} v${SCRIPT_VERSION} starting. Debug mode: ${debugMode}`
  1382.           );
  1383.  
  1384.           // Initialize all components
  1385.           FetchInterceptor.init();
  1386.  
  1387.           return Promise.all([
  1388.             MenuCommands.init(),
  1389.             IngestDBManager.init()
  1390.           ]);
  1391.         })
  1392.         .then(() => {
  1393.           StyleManager.injectGlobalStyles();
  1394.  
  1395.           // Load API configuration safely
  1396.           return Promise.all([
  1397.             safeGMGetValue(GM_STORAGE_KEYS.API_URL),
  1398.             safeGMGetValue(GM_STORAGE_KEYS.GEMINI_API_KEY)
  1399.           ]);
  1400.         })
  1401.         .then(([url, key]) => {
  1402.           apiUrl = url;
  1403.           geminiApiKey = key;
  1404.           if (!apiUrl || !geminiApiKey) {
  1405.             Logger.log(
  1406.               "RepoGist API URL or Gemini API Key not found. It will be requested upon first import attempt."
  1407.             );
  1408.           } else {
  1409.             Logger.log("RepoGist API URL and Gemini API Key loaded.");
  1410.           }
  1411.  
  1412.           // Set up URL observer and button injection
  1413.           let lastChatId = getChatId();
  1414.           const urlObserver = new MutationObserver(() => {
  1415.             const currentChatId = getChatId();
  1416.             if (currentChatId !== lastChatId) {
  1417.               lastChatId = currentChatId;
  1418.               setTimeout(() => {
  1419.                 injectButtonWithRetry().catch((err) => {
  1420.                   Logger.error("Failed to inject button:", err);
  1421.                 });
  1422.               }, 500);
  1423.  
  1424.               IngestDBManager.getState(currentChatId)
  1425.                 .then((state) => {
  1426.                   const importButton = document.getElementById(UI_IDS.importButton);
  1427.                   if (importButton) {
  1428.                     if (state && state.repoUrl) {
  1429.                       const repoName = getRepoNamefromURL(state.repoUrl)
  1430.                         ?.split("/")
  1431.                         ?.pop()
  1432.                         ?.slice(0, 10)
  1433.                         ?.replace(/^./, (c) => c.toUpperCase()) || "Repo";
  1434.  
  1435.                       importButton.innerHTML = `<div class="flex gap-1">${githubSVG}<span class="max-sm:hidden sm:ml-0.5">${repoName}</span></div>`;
  1436.                       importButton.classList.add(CSS_CLASSES.importButtonOn);
  1437.                       importButton.setAttribute("aria-label", "Repository imported");
  1438.                       importButton.dataset.mode = "on";
  1439.                     } else {
  1440.                       importButton.innerHTML = `<div class="flex gap-1">${githubSVG}<span class="max-sm:hidden sm:ml-0.5">Import</span></div>`;
  1441.                       importButton.classList.remove(CSS_CLASSES.importButtonOn);
  1442.                       importButton.setAttribute("aria-label", "Import repository");
  1443.                       importButton.dataset.mode = "off";
  1444.                     }
  1445.                   }
  1446.                 })
  1447.                 .catch((err) => {
  1448.                   Logger.error("Failed to update button state:", err);
  1449.                 });
  1450.             }
  1451.           });
  1452.  
  1453.           urlObserver.observe(document.querySelector("title"), {
  1454.             subtree: true,
  1455.             characterData: true,
  1456.             childList: true,
  1457.           });
  1458.  
  1459.           const injectButtonWithRetry = (maxRetries = 10, delay = 1000) => {
  1460.             let retries = 0;
  1461.  
  1462.             const tryInjection = () => {
  1463.               return new Promise((resolve) => {
  1464.                 const injectionObserverTargetParent = document.querySelector(
  1465.                   selectors.messageActions
  1466.                 );
  1467.  
  1468.                 if (injectionObserverTargetParent) {
  1469.                   UIManager.injectImportButton()
  1470.                     .then((success) => {
  1471.                       if (success) {
  1472.                         Logger.log("Successfully injected import button");
  1473.                         resolve(true);
  1474.                         return;
  1475.                       }
  1476.                       throw new Error("Injection failed");
  1477.                     })
  1478.                     .catch(() => {
  1479.                       if (retries < maxRetries) {
  1480.                         retries++;
  1481.                         Logger.log(
  1482.                           `Retrying button injection (${retries}/${maxRetries})...`
  1483.                         );
  1484.                         setTimeout(() => {
  1485.                           tryInjection().then(resolve).catch(() => resolve(false));
  1486.                         }, delay);
  1487.                       } else {
  1488.                         resolve(false);
  1489.                       }
  1490.                     });
  1491.                 } else {
  1492.                   if (retries < maxRetries) {
  1493.                     retries++;
  1494.                     Logger.log(
  1495.                       `Container not found, retrying (${retries}/${maxRetries})...`
  1496.                     );
  1497.                     setTimeout(() => {
  1498.                       tryInjection().then(resolve).catch(() => resolve(false));
  1499.                     }, delay);
  1500.                   } else {
  1501.                     Logger.error("Container not found after max retries");
  1502.                     resolve(false);
  1503.                   }
  1504.                 }
  1505.               });
  1506.             };
  1507.  
  1508.             return tryInjection();
  1509.           };
  1510.  
  1511.           // Initial injection with delay to ensure DOM is ready
  1512.           setTimeout(() => {
  1513.             injectButtonWithRetry()
  1514.               .then((success) => {
  1515.                 if (!success) {
  1516.                   Logger.log("Initial button injection failed, setting up observers");
  1517.  
  1518.                   const documentObserver = new MutationObserver(() => {
  1519.                     const target = document.querySelector(selectors.messageActions);
  1520.                     if (target && !target.querySelector(`#${UI_IDS.importButton}`)) {
  1521.                       UIManager.injectImportButton()
  1522.                         .then((success) => {
  1523.                           if (success) {
  1524.                             Logger.log("Button injected via document observer");
  1525.                           }
  1526.                         })
  1527.                         .catch((err) => {
  1528.                           Logger.error("Failed to inject button:", err);
  1529.                         });
  1530.                     }
  1531.                   });
  1532.  
  1533.                   documentObserver.observe(document.body, {
  1534.                     childList: true,
  1535.                     subtree: true,
  1536.                   });
  1537.                 }
  1538.               })
  1539.               .catch((err) => {
  1540.                 Logger.error("Failed to initialize button injection:", err);
  1541.               });
  1542.           }, 2000);
  1543.  
  1544.           Logger.log(`${SCRIPT_NAME} v${SCRIPT_VERSION} initialized!`);
  1545.         })
  1546.         .catch((err) => {
  1547.           Logger.error("Failed to initialize:", err);
  1548.         });
  1549.  
  1550.     } catch (error) {
  1551.       Logger.error("Failed to initialize:", error);
  1552.     }
  1553.   }
  1554.  
  1555.   main();
  1556. })();