diff --git a/.env.development b/.env.development
new file mode 100644
index 00000000..ec5fb844
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,3 @@
+VITE_OPEN_SAUCED_INSIGHTS_DOMAIN = "beta.insights.opensauced.pizza"
+VITE_OPEN_SAUCED_API_ENDPOINT = "https://beta.api.opensauced.pizza/v1"
+VITE_OPEN_SAUCED_SUPABASE_ID = "fcqqkxwlntnrtjfbcioz"
\ No newline at end of file
diff --git a/.env.production b/.env.production
new file mode 100644
index 00000000..7de39ca8
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,3 @@
+VITE_OPEN_SAUCED_INSIGHTS_DOMAIN = "insights.opensauced.pizza"
+VITE_OPEN_SAUCED_API_ENDPOINT = "https://api.opensauced.pizza/v1"
+VITE_OPEN_SAUCED_SUPABASE_ID = "ibcwmlhcimymasokhgvn"
\ No newline at end of file
diff --git a/.github/workflows/triage.yml b/.github/workflows/triage.yml
index 2c94a619..dc999dbe 100644
--- a/.github/workflows/triage.yml
+++ b/.github/workflows/triage.yml
@@ -12,9 +12,8 @@ jobs:
     runs-on: ubuntu-latest
     timeout-minutes: 10
     steps:
-      - name: disable take an issue
+      - name: take an issue
         uses: bdougie/take-action@main
         with:
-          message: The auto-take issues workflow is not enabled here, we can only assign issues to @open-sauced/triage, @open-sauced/committers, @open-sauced/maintainers in this repo for now. We suggest folks not on the team open issues and take a look at the [Bugs](https://github.com/orgs/open-sauced/projects/6) or [Papercuts](https://github.com/open-sauced/insights/issues?q=is%3Aopen+is%3Aissue+milestone%3APapercuts). If you would like to find good first issues, please check out the companion project to this, [open-sauced/hot](https://github.com/open-sauced/hot).
           issueCurrentlyAssignedMessage: Thanks for being interested in this issue. It looks like this ticket is already assigned to a contributor.
           token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1db2de5e..248c6667 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,56 @@
 
 > All notable changes to this project will be documented in this file
 
+## [1.4.0-beta.2](https://github.com/open-sauced/ai/compare/v1.4.0-beta.1...v1.4.0-beta.2) (2023-06-03)
+
+
+### 🍕 Features
+
+* uses username on highlight instead of full name ([#162](https://github.com/open-sauced/ai/issues/162)) ([801fe5a](https://github.com/open-sauced/ai/commit/801fe5a2fdfa69268b46bc9bdf7ef00ffadf5fdb))
+
+## [1.4.0-beta.1](https://github.com/open-sauced/ai/compare/v1.3.1-beta.5...v1.4.0-beta.1) (2023-06-03)
+
+
+### 🍕 Features
+
+* latest highlights ([#154](https://github.com/open-sauced/ai/issues/154)) ([0ccd0e7](https://github.com/open-sauced/ai/commit/0ccd0e778c7d290e9ab2c9fbe97fc3c04f3be878))
+
+## [1.3.1-beta.5](https://github.com/open-sauced/ai/compare/v1.3.1-beta.4...v1.3.1-beta.5) (2023-06-03)
+
+
+### 🐛 Bug Fixes
+
+* undefined config during build ([#158](https://github.com/open-sauced/ai/issues/158)) ([c986086](https://github.com/open-sauced/ai/commit/c986086f0b819746bd330fe17e3c94537633e6f4))
+
+## [1.3.1-beta.4](https://github.com/open-sauced/ai/compare/v1.3.1-beta.3...v1.3.1-beta.4) (2023-05-29)
+
+
+### 🐛 Bug Fixes
+
+* Post a highlight ([#101](https://github.com/open-sauced/ai/issues/101)) ([e3b7051](https://github.com/open-sauced/ai/commit/e3b7051826f016bbd64c8d0b6a37ae2c48865879))
+
+## [1.3.1-beta.3](https://github.com/open-sauced/ai/compare/v1.3.1-beta.2...v1.3.1-beta.3) (2023-05-29)
+
+
+### ✅ Tests
+
+* add tests for checkAuth.ts ([#149](https://github.com/open-sauced/ai/issues/149)) ([3a79fac](https://github.com/open-sauced/ai/commit/3a79facf2196537b4cfc0ce763ed74934c7b268f))
+
+## [1.3.1-beta.2](https://github.com/open-sauced/ai/compare/v1.3.1-beta.1...v1.3.1-beta.2) (2023-05-27)
+
+
+### ✅ Tests
+
+* add tests for utils/urlMatchers.ts ([#143](https://github.com/open-sauced/ai/issues/143)) ([26702e6](https://github.com/open-sauced/ai/commit/26702e689641138a791f3c8cb935ddc99540a19e))
+
+## [1.3.1-beta.1](https://github.com/open-sauced/ai/compare/v1.3.0...v1.3.1-beta.1) (2023-05-27)
+
+
+### 🐛 Bug Fixes
+
+* remove auto-take message from triage.yml ([258a828](https://github.com/open-sauced/ai/commit/258a8284d294d01b4228ca17d3b4d591692a890b))
+* rename triage.yml ([3b9a14b](https://github.com/open-sauced/ai/commit/3b9a14bab991c739b9e57b1d0d829100695f47fb))
+
 ## [1.3.0](https://github.com/open-sauced/ai/compare/v1.2.0...v1.3.0) (2023-05-27)
 
 
diff --git a/README.md b/README.md
index 8dc00379..9b0080d5 100644
--- a/README.md
+++ b/README.md
@@ -38,12 +38,23 @@ To install the project dependencies:
 npm ci
 ```
 
+
 To run a local instance of the project:
 
+### On development environment
+
 ```shell
 npm run dev
 ```
 
+### On Production environment 
+
+```shell
+npm run build
+npm run preview
+```
+
+
 ## Installing the local build on a Chromium based browser:
 After running the above commands,
 1. Navigate to `chrome://extensions`. 
diff --git a/manifest.json b/manifest.json
index e68ac894..f44bbee7 100644
--- a/manifest.json
+++ b/manifest.json
@@ -20,6 +20,6 @@
     "48": "src/assets/os-icons/os-icon-48.png",
     "128": "src/assets/os-icons/os-icon-128.png"
   },
-  "host_permissions": ["https://github.com/*", "https://insights.opensauced.pizza/*"],
+  "host_permissions": ["https://github.com/*", "https://*.insights.opensauced.pizza/*"],
   "permissions": ["storage", "tabs", "cookies"]
 }
diff --git a/npm-shrinkwrap.json b/npm-shrinkwrap.json
index d5e8385d..29788a3e 100644
--- a/npm-shrinkwrap.json
+++ b/npm-shrinkwrap.json
@@ -1,12 +1,12 @@
 {
   "name": "opensauced-browser-extension",
-  "version": "1.3.0",
+  "version": "1.4.0-beta.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "opensauced-browser-extension",
-      "version": "1.3.0",
+      "version": "1.4.0-beta.2",
       "dependencies": {
         "date-fns": "^2.30.0",
         "gpt-tokenizer": "^1.0.5",
diff --git a/package.json b/package.json
index dc75f8c9..c94be7ba 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "opensauced-browser-extension",
   "private": true,
-  "version": "1.3.0",
+  "version": "1.4.0-beta.2",
   "files": [
     "dist"
   ],
diff --git a/src/constants.ts b/src/constants.ts
index 7328b3da..5f8aefa7 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -1,18 +1,23 @@
 // OpenSauced constants
-export const SUPABASE_LOGIN_URL = "https://ibcwmlhcimymasokhgvn.supabase.co/auth/v1/authorize?provider=github&redirect_to=https://insights.opensauced.pizza/";
+export const OPEN_SAUCED_INSIGHTS_DOMAIN = import.meta.env.VITE_OPEN_SAUCED_INSIGHTS_DOMAIN;
+export const OPEN_SAUCED_API_ENDPOINT = import.meta.env.VITE_OPEN_SAUCED_API_ENDPOINT;
+export const SUPABASE_LOGIN_URL = `https://${import.meta.env.VITE_OPEN_SAUCED_SUPABASE_ID}.supabase.co/auth/v1/authorize?provider=github&redirect_to=https://${OPEN_SAUCED_INSIGHTS_DOMAIN}/`;
+
+
 export const SUPABASE_AUTH_COOKIE_NAME = "supabase-auth-token";
 export const OPEN_SAUCED_AUTH_TOKEN_KEY = "os-access-token";
 export const OPEN_SAUCED_OPTED_LOG_OUT_KEY = "opted-log-out";
-export const OPEN_SAUCED_INSIGHTS_DOMAIN = "insights.opensauced.pizza";
 export const AI_PR_DESCRIPTION_CONFIG_KEY = "ai-pr-description-config";
 
-// API endpoints
-export const OPEN_SAUCED_USERS_ENDPOINT = "https://api.opensauced.pizza/v1/users";
-export const OPEN_SAUCED_REPOS_ENDPOINT = "https://api.opensauced.pizza/v1/repos";
-export const OPEN_SAUCED_SESSION_ENDPOINT = "https://api.opensauced.pizza/v1/auth/session";
-export const OPEN_SAUCED_USER_INSIGHTS_ENDPOINT = "https://api.opensauced.pizza/v1/user/insights";
-export const OPEN_SAUCED_AI_PR_DESCRIPTION_ENDPOINT = "https://api.opensauced.pizza/v1/prs/description/generate";
-export const OPEN_SAUCED_AI_CODE_REFACTOR_ENDPOINT = "https://api.opensauced.pizza/v1/prs/suggestion/generate";
+
+export const OPEN_SAUCED_USERS_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/users`;
+export const OPEN_SAUCED_REPOS_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/repos`;
+export const OPEN_SAUCED_SESSION_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/auth/session`;
+export const OPEN_SAUCED_USER_INSIGHTS_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/user/insights`;
+export const OPEN_SAUCED_AI_PR_DESCRIPTION_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/prs/description/generate`;
+export const OPEN_SAUCED_USER_HIGHLIGHTS_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/user/highlights`;
+export const OPEN_SAUCED_AI_CODE_REFACTOR_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/prs/suggestion/generate`;
+export const OPEN_SAUCED_HIGHLIGHTS_ENDPOINT = `${OPEN_SAUCED_API_ENDPOINT}/highlights/list`;
 
 // GitHub constants/selectors
 export const GITHUB_PROFILE_MENU_SELECTOR = ".p-nickname.vcard-username.d-block";
diff --git a/src/content-scripts/components/AddPRToHighlights/AddPRToHighlightsButton.ts b/src/content-scripts/components/AddPRToHighlights/AddPRToHighlightsButton.ts
index 15a9ff01..16e436eb 100644
--- a/src/content-scripts/components/AddPRToHighlights/AddPRToHighlightsButton.ts
+++ b/src/content-scripts/components/AddPRToHighlights/AddPRToHighlightsButton.ts
@@ -1,5 +1,6 @@
 import { createHtmlElement } from "../../../utils/createHtmlElement";
 import openSaucedLogoIcon from "../../../assets/opensauced-icon.svg";
+import { OPEN_SAUCED_INSIGHTS_DOMAIN } from "../../../constants";
 
 export const AddPRToHighlightsButton = () => {
     const addPRToHighlightsButton = createHtmlElement("a", {
@@ -9,7 +10,7 @@ export const AddPRToHighlightsButton = () => {
             openSaucedLogoIcon,
         )}>
     <details-menu id="details-menu-os" class="dropdown-menu hidden dropdown-menu-sw color-fg-default w-48 mt-2">
-    <a href="https://insights.opensauced.pizza/feed?prurl=${encodeURIComponent(window.location.href)}" class="dropdown-item" target="_blank">
+    <a href="https://${OPEN_SAUCED_INSIGHTS_DOMAIN}/feed?prurl=${encodeURIComponent(window.location.href)}" class="dropdown-item" target="_blank">
       <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-plus">
         <path d="M7.75 2a.75.75 0 0 1 .75.75V7h4.25a.75.75 0 0 1 0 1.5H8.5v4.25a.75.75 0 0 1-1.5 0V8.5H2.75a.75.75 0 0 1 0-1.5H7V2.75A.75.75 0 0 1 7.75 2Z"></path>
       </svg> Add PR to Highlights
diff --git a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
index b3f60926..7c468b3b 100644
--- a/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
+++ b/src/content-scripts/components/GenerateAIDescription/DescriptionGeneratorButton.ts
@@ -23,56 +23,69 @@ export const DescriptionGeneratorButton = () => {
 };
 
 const handleSubmit = async () => {
+    const logo = document.getElementById("ai-description-button-logo") ?? null;
+
     try {
         if (!(await isLoggedIn())) {
             return window.open(SUPABASE_LOGIN_URL, "_blank");
         }
-        const logo = document.getElementById("ai-description-button-logo");
 
         if (!logo) {
             return;
         }
-        const url = getPullRequestAPIURL(window.location.href);
-        const descriptionConfig = await getAIDescriptionConfig();
-
-        if (!descriptionConfig) {
-            return;
-        }
-        if (!descriptionConfig.enabled) {
-            return alert("AI PR description is disabled!");
-        }
         logo.classList.toggle("animate-spin");
-        const [diff, commitMessages] = await getDescriptionContext(url, descriptionConfig.config.source);
-
-        if (!diff && !commitMessages) {
-            logo.classList.toggle("animate-spin");
-            return alert(`No input context was generated.`);
-        }
-        if (isOutOfContextBounds([diff, commitMessages], descriptionConfig.config.maxInputLength)) {
-            logo.classList.toggle("animate-spin");
-            return alert(`Max input length exceeded. Try setting the description source to commit-messages.`);
-        }
-        const token = await getAuthToken();
-        const descriptionStream = await generateDescription(
-            token,
-            descriptionConfig.config.language,
-            descriptionConfig.config.length,
-            descriptionConfig.config.temperature / 10,
-            descriptionConfig.config.tone,
-            diff,
-            commitMessages,
-        );
+        const descriptionStream = await getAiDescription();
 
         logo.classList.toggle("animate-spin");
-        if (!descriptionStream) {
-            return console.error("No description was generated!");
-        }
+
         const textArea = document.getElementsByName(GITHUB_PR_COMMENT_TEXT_AREA_SELECTOR)[0] as HTMLTextAreaElement;
 
         insertTextAtCursor(textArea, descriptionStream);
     } catch (error: unknown) {
+        logo?.classList.toggle("animate-spin");
+
         if (error instanceof Error) {
+            alert(error.message);
             console.error("Description generation error:", error.message);
         }
     }
 };
+
+export const getAiDescription = async () => {
+    const url = getPullRequestAPIURL(window.location.href);
+    const descriptionConfig = await getAIDescriptionConfig();
+
+    if (!descriptionConfig) {
+        throw new Error("Configuration file is empty!");
+    }
+
+    if (!descriptionConfig.enabled) {
+        throw new Error("AI PR description is disabled!");
+    }
+
+    const [diff, commitMessages] = await getDescriptionContext(url, descriptionConfig.config.source);
+
+    if (!diff && !commitMessages) {
+        throw new Error(`No input context was generated.`);
+    }
+    if (isOutOfContextBounds([diff, commitMessages], descriptionConfig.config.maxInputLength)) {
+        throw new Error(`Max input length exceeded. Try setting the description source to commit-messages.`);
+    }
+    const token = await getAuthToken();
+    const descriptionStream = await generateDescription(
+        token,
+        descriptionConfig.config.language,
+        descriptionConfig.config.length,
+        descriptionConfig.config.temperature / 10,
+        descriptionConfig.config.tone,
+        diff,
+        commitMessages,
+    );
+
+    if (!descriptionStream) {
+        throw new Error("No description was generated!");
+    }
+
+    return descriptionStream;
+};
+
diff --git a/src/content-scripts/components/InsightsSelectDropdown/InsightsSelectDropdown.ts b/src/content-scripts/components/InsightsSelectDropdown/InsightsSelectDropdown.ts
index a8a38ad0..961116a2 100644
--- a/src/content-scripts/components/InsightsSelectDropdown/InsightsSelectDropdown.ts
+++ b/src/content-scripts/components/InsightsSelectDropdown/InsightsSelectDropdown.ts
@@ -3,6 +3,7 @@ import { createHtmlElement } from "../../../utils/createHtmlElement";
 import { getAuthToken } from "../../../utils/checkAuthentication";
 import { getUserInsightsData, getRepoData, updateInsight } from "../../../utils/fetchOpenSaucedApiData";
 import { IInsight } from "../../../ts/InsightDto";
+import { OPEN_SAUCED_INSIGHTS_DOMAIN } from "../../../constants";
 
 export const InsightsSelectDropdown = async (ownerName: string, repoName: string) => {
     const insightsDropdown = createHtmlElement("div", {
@@ -105,7 +106,7 @@ export const InsightsSelectDropdown = async (ownerName: string, repoName: string
 
     addInsightBtn.addEventListener("click", () => {
         window.open(
-            "https://insights.opensauced.pizza/hub/insights/new",
+            `https://${OPEN_SAUCED_INSIGHTS_DOMAIN}/hub/insights/new`,
             "_blank",
         );
     });
diff --git a/src/content-scripts/components/InviteToOpenSauced/InviteToOpenSaucedModal.ts b/src/content-scripts/components/InviteToOpenSauced/InviteToOpenSaucedModal.ts
index c44954ff..ca8a3117 100644
--- a/src/content-scripts/components/InviteToOpenSauced/InviteToOpenSaucedModal.ts
+++ b/src/content-scripts/components/InviteToOpenSauced/InviteToOpenSaucedModal.ts
@@ -3,6 +3,7 @@ import { createHtmlElement } from "../../../utils/createHtmlElement";
 import emailSocialIcon from "../../../assets/mail-icon.svg";
 import twitterSocialIcon from "../../../assets/twitter-icon.svg";
 import linkedInSocailIcon from "../../../assets/linkedin-icon.svg";
+import { OPEN_SAUCED_INSIGHTS_DOMAIN } from "../../../constants";
 
 interface Socials {
     emailAddress?: string | null;
@@ -76,7 +77,7 @@ export const InviteToOpenSaucedModal = (
         className:
       "mt-2 min-w-[33%] relative top-60 mx-auto p-4 border w-96 rounded-md shadow-button border-solid border-orange bg-slate-800",
         innerHTML: `
-    <h3 class="text-2xl leading-6 font-bold text-white">Invite ${username} to <a href="https://insights.opensauced.pizza/start"><span class="hover:text-orange hover:underline">OpenSauced!</span></a></h3>
+    <h3 class="text-2xl leading-6 font-bold text-white">Invite ${username} to <a href="https://${OPEN_SAUCED_INSIGHTS_DOMAIN}/start"><span class="hover:text-orange hover:underline">OpenSauced!</span></a></h3>
     <div class="mt-2">
        <p class="text-md text-white">
           Use the links below to invite them.
diff --git a/src/content-scripts/components/ViewOnOpenSaucedButton/ViewOnOpenSaucedButton.ts b/src/content-scripts/components/ViewOnOpenSaucedButton/ViewOnOpenSaucedButton.ts
index 720244c8..2e7f9a24 100644
--- a/src/content-scripts/components/ViewOnOpenSaucedButton/ViewOnOpenSaucedButton.ts
+++ b/src/content-scripts/components/ViewOnOpenSaucedButton/ViewOnOpenSaucedButton.ts
@@ -1,11 +1,12 @@
 import logoIcon from "../../../assets/opensauced-icon.svg";
 import "../../content-scripts.css";
 import { createHtmlElement } from "../../../utils/createHtmlElement";
+import { OPEN_SAUCED_INSIGHTS_DOMAIN } from "../../../constants";
 
 export const ViewOnOpenSaucedButton = (username: string) => {
     const viewOnOpenSaucedButton = createHtmlElement("a", {
         id: "view-on-opensauced-button",
-        href: `https://insights.opensauced.pizza/user/${username}/contributions`,
+        href: `https://${OPEN_SAUCED_INSIGHTS_DOMAIN}/user/${username}/contributions`,
         className:
       "inline-block mt-4 text-black bg-gh-white dark:bg-gh-gray dark:text-white rounded-md p-2 text-sm font-semibold text-center select-none w-full border hover:shadow-button hover:no-underline",
         target: "_blank",
diff --git a/src/content-scripts/github.ts b/src/content-scripts/github.ts
index a1e4f9e3..1519efe4 100644
--- a/src/content-scripts/github.ts
+++ b/src/content-scripts/github.ts
@@ -16,6 +16,7 @@ import domUpdateWatch from "../utils/dom-utils/domUpdateWatcher";
 import injectDescriptionGeneratorButton from "../utils/dom-utils/addDescriptionGenerator";
 import injectChangeSuggestorButton from "../utils/dom-utils/changeSuggestorButton";
 import prEditWatch, { prReviewWatch } from "../utils/dom-utils/prWatcher";
+import { getAiDescription } from "./components/GenerateAIDescription/DescriptionGeneratorButton";
 
 const processGithubPage = async () => {
     if (prefersDarkMode(document.cookie)) {
@@ -55,3 +56,27 @@ const processGithubPage = async () => {
 };
 
 void processGithubPage();
+
+chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
+    switch (msg.type) {
+        case "get_highlight": {
+            const title = (document.querySelector(".js-issue-title.markdown-title") as HTMLHeadingElement).innerText;
+
+            sendResponse(title);
+            break;
+        }
+        case "get_ai_description": {
+            const asyncRequest = async () => {
+                const aiText = await getAiDescription();
+
+                sendResponse(aiText);
+            };
+
+            asyncRequest().catch((e: Error | undefined) => {
+                sendResponse(e?.toString());
+                console.error(e);
+            });
+            return true;
+        }
+    }
+});
diff --git a/src/pages/help.tsx b/src/pages/help.tsx
index 0f384f3c..bf51907f 100644
--- a/src/pages/help.tsx
+++ b/src/pages/help.tsx
@@ -7,6 +7,7 @@ import {
 } from "react-icons/hi2";
 import { goBack } from "react-chrome-extension-router";
 import { VscIssues } from "react-icons/vsc";
+import { version } from "../../package.json";
 
 const Help = () => (
     <div className="p-4 bg-slate-800">
@@ -27,7 +28,19 @@ const Help = () => (
                         className="w-[100%]"
                         src={OpenSaucedLogo}
                     />
+
                 </div>
+
+                <div className="flex justify-center flex-col">
+                    <a
+                        href={`https://github.com/open-sauced/ai/releases/tag/v${version}`}
+                        rel="noreferrer"
+                        target="_blank"
+                    >
+                        {version}
+                    </a>
+                </div>
+
             </header>
 
             <main className="main-content text-white">
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index 8fc140d1..3990bb82 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -1,20 +1,69 @@
 import {
+    HiArrowLeft,
+    HiArrowRight,
     HiArrowTopRightOnSquare,
     HiOutlineQuestionMarkCircle,
     HiPencil,
     HiUserCircle,
 } from "react-icons/hi2";
+import { useEffect, useState } from "react";
 import OpenSaucedLogo from "../assets/opensauced-logo.svg";
 import { useAuth } from "../hooks/useAuth";
 import { useOpensaucedUserCheck } from "../hooks/useOpensaucedUserCheck";
 import { Profile } from "./profile";
 import { goTo } from "react-chrome-extension-router";
 import AIPRDescription from "./aiprdescription";
+import PostOnHighlight from "./posthighlight";
+import { getHighlights } from "../utils/fetchOpenSaucedApiData";
+
 import Help from "./help";
+import { OPEN_SAUCED_INSIGHTS_DOMAIN } from "../constants";
+interface Highlight {
+    highlight: string;
+    title: string;
+    name: string;
+    url: string;
+    login: string;
+}
+
 
 const Home = () => {
     const { user } = useAuth();
     const { currentTabIsOpensaucedUser, checkedUser } = useOpensaucedUserCheck();
+    const [highlights, setHighlights] = useState<Highlight[]>([]);
+    const [currentPage, setCurrentPage] = useState(0);
+    const [currentName, setCurrentName] = useState<string>("");
+
+
+    useEffect(() => {
+        const fetchHighlights = async () => {
+            try {
+                const userHighlightsData = await getHighlights();
+                const highlights = userHighlightsData.data;
+
+                setHighlights(highlights);
+            } catch (error) {
+                console.log(error);
+            }
+        };
+
+        void fetchHighlights();
+    }, []);
+
+    const handlePrevious = () => {
+        setCurrentPage(prevPage => prevPage - 1);
+    };
+
+    const handleNext = () => {
+        setCurrentPage(prevPage => prevPage + 1);
+    };
+
+    useEffect(() => {
+        // Update the current name when the highlight changes
+        if (highlights[currentPage]?.login) {
+            setCurrentName(highlights[currentPage].login);
+        }
+    }, [highlights, currentPage]);
 
     return (
         <div className="p-4 bg-slate-800">
@@ -26,6 +75,7 @@ const Home = () => {
                         src={OpenSaucedLogo}
                     />
 
+
                     {user && (
                         <button
                             className="flex gap-1 items-center hover:text-orange text-white no-underline"
@@ -45,27 +95,84 @@ const Home = () => {
                 </header>
 
                 <main className="main-content">
+                    <h3 className="text font-medium text-base leading-10">Latest Highlight:</h3>
+
+                    {highlights.length > 0 && (
+
+                        <div className="border border-white/40 rounded-sm p-3 mt-2">
+                            <h3 className="text-base font-medium">
+                                <a
+                                    className="text-blue-500 hover:text-blue-700 underline cursor-pointer"
+                                    href={highlights[currentPage]?.url}
+                                    rel="noopener noreferrer"
+                                    target="_blank"
+                                >
+                                    {highlights[currentPage]?.title}
+                                </a>
+                            </h3>
+
+
+                            <div className="flex items-center">
+                                <div className="mr-2">Author:</div>
+
+                                <a
+                                    className="text-blue-500 hover:text-blue-700 underline cursor-pointer"
+                                    href={`https://insights.opensauced.pizza/user/${highlights[currentPage]?.login}`}
+                                    rel="noopener noreferrer"
+                                    target="_blank"
+
+
+                                >
+                                    {highlights[currentPage]?.login}
+                                </a>
+                            </div>
+
+                            <p className="py-2">
+                                {highlights[currentPage]?.highlight}
+                            </p>
+
+                            <div className="flex justify-center">
+                                <div className="flex justify-center mt-4">
+                                    <button
+                                        className="px-4 py-2 rounded-md bg-blue-500 text-white disabled:opacity-50"
+                                        disabled={currentPage === 0}
+                                        onClick={handlePrevious}
+                                    >
+                                        <HiArrowLeft />
+                                    </button>
+
+                                    <button
+                                        className="px-4 py-2 rounded-md bg-blue-500 text-white disabled:opacity-50 ml-4"
+                                        disabled={currentPage === highlights.length - 1}
+                                        onClick={handleNext}
+                                    >
+                                        <HiArrowRight />
+                                    </button>
+                                </div>
+                            </div>
+                        </div>)}
+
                     <h3 className="text font-medium text-base leading-10">Tools:</h3>
 
                     <div className="tools flex flex-col gap-2">
                         <a
                             className="flex items-center bg-slate-700 hover:bg-slate-700/70 text-white hover:text-orange no-underline gap-2 p-1.5 px-3 w-full rounded-sm font-medium text-sm"
-                            href="https://insights.opensauced.pizza/feed"
+                            href={`https://${OPEN_SAUCED_INSIGHTS_DOMAIN}/feed`}
                             rel="noreferrer"
                             target="_blank"
                         >
                             <HiArrowTopRightOnSquare />
-              Highlights feed
+                            Highlights feed
                         </a>
 
                         <a
                             className="flex items-center bg-slate-700 hover:bg-slate-700/70 hover:text-orange text-white gap-2 p-1.5 px-3 w-full rounded-sm font-medium text-sm"
-                            href="https://insights.opensauced.pizza"
+                            href={`https://${OPEN_SAUCED_INSIGHTS_DOMAIN}/feed`}
                             rel="noreferrer"
                             target="_blank"
                         >
                             <HiArrowTopRightOnSquare />
-              Dashboard
+                            Dashboard
                         </a>
 
                         <button
@@ -75,7 +182,17 @@ const Home = () => {
                             }}
                         >
                             <HiPencil />
-              AI Configuration
+                            AI Configuration
+                        </button>
+
+                        <button
+                            className="flex items-center bg-slate-700 hover:bg-slate-700/70 hover:text-orange text-white gap-2 p-1.5 px-3 w-full rounded-sm font-medium text-sm"
+                            onClick={() => {
+                                goTo(PostOnHighlight);
+                            }}
+                        >
+                            <HiPencil />
+              Post Highlight
                         </button>
 
                         {currentTabIsOpensaucedUser && (
@@ -86,12 +203,12 @@ const Home = () => {
                                 }}
                             >
                                 <HiUserCircle />
+                                View
 
-                View
                                 {" "}
 
                                 {checkedUser}
-                &apos;s profile
+                                &apos;s profile
                             </button>
                         )}
                     </div>
@@ -105,7 +222,7 @@ const Home = () => {
                         }}
                     >
                         <HiOutlineQuestionMarkCircle />
-            Help
+                        Help
                     </button>
                 </footer>
             </div>
diff --git a/src/pages/posthighlight.tsx b/src/pages/posthighlight.tsx
new file mode 100644
index 00000000..66696eb6
--- /dev/null
+++ b/src/pages/posthighlight.tsx
@@ -0,0 +1,134 @@
+import { useEffect, useState } from "react";
+import { FaChevronLeft } from "react-icons/fa";
+import OpenSaucedLogo from "../assets/opensauced-logo.svg";
+import { useAuth } from "../hooks/useAuth";
+import toast, { Toaster } from "react-hot-toast";
+import { cerateHighlight } from "../utils/fetchOpenSaucedApiData";
+import { goBack } from "react-chrome-extension-router";
+
+const PostOnHighlight = () => {
+    const { authToken, user } = useAuth();
+    const [pageURL, setPageURL] = useState("");
+    const [highlightTitle, setHighlightTitle] = useState("");
+    const [highlightContent, setHighlightContent] = useState("");
+    const [isSendButtonEnabled, enableSendButton] = useState(true);
+
+    const generateAiDescription = () => {
+        const toastId = toast.loading("Generating summary...");
+
+        enableSendButton(false);
+        chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
+            chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_ai_description" }, response => {
+                toast.dismiss(toastId);
+                setHighlightContent(response);
+                enableSendButton(true);
+            });
+        });
+    };
+
+
+    // post highlight function
+    const postHighlight = () => {
+        enableSendButton(false);
+        const postHighlightAPI = cerateHighlight((authToken ?? ""), pageURL, highlightTitle, highlightContent);
+
+        toast.promise(postHighlightAPI, {
+            loading: "Loading ...",
+            success: data => {
+                enableSendButton(true);
+                if (!data.ok) {
+                    throw new Error(`Statues code ${data.status}`);
+                }
+                return (
+                    <span>
+                        <a
+                            href={`https://insights.opensauced.pizza/user/${user?.user_name}/highlights`}
+                            rel="noreferrer"
+                            target="_blank"
+                        >
+                            See the highlight live
+                        </a>
+                    </span>
+                );
+            },
+            error: e => {
+                enableSendButton(true);
+                return `Uh oh, there was an error! ${e.message}`;
+            },
+        }).catch(console.error);
+    };
+
+    useEffect(() => {
+        chrome.tabs.query({ currentWindow: true, active: true }, tabs => {
+            setPageURL(tabs[0]?.url ?? "");
+            chrome.tabs.sendMessage(tabs[0].id ?? 0, { type: "get_highlight" }, setHighlightTitle);
+        });
+    }, []);
+
+    return (
+        <div className="p-4 bg-slate-800">
+            <div className="grid grid-cols-1 divide-y divider-y-center-2 min-w-[320px]">
+                <Toaster />
+
+                <header className="flex justify-between">
+                    <div className="flex items-center gap-2">
+                        <button
+                            className="rounded-full p-2 bg-slate-700 hover:bg-slate-700/50"
+                            onClick={() => {
+                                goBack();
+                            }}
+                        >
+                            <FaChevronLeft className="text-osOrange text-white" />
+                        </button>
+
+                        <img
+                            alt="OpenSauced logo"
+                            className="w-[100%]"
+                            src={OpenSaucedLogo}
+                        />
+                    </div>
+                </header>
+
+                <main className="text-white">
+
+                    <input
+                        className="p-1.5 rounded-md mb-2 w-full text-black"
+                        maxLength={50}
+                        placeholder="An amazing title here"
+                        type="text"
+                        value={highlightTitle}
+                        onChange={e => setHighlightTitle(e.target.value)}
+                    />
+
+                    <textarea
+                        className="p-1.5 rounded-md mb-2 w-full text-black"
+                        placeholder="Summarize this pull request"
+                        rows={5}
+                        value={highlightContent}
+                        onChange={e => setHighlightContent(e.target.value)}
+                    />
+
+                    <div className="flex justify-evenly">
+                        <button
+                            className="inline-block disabled:bg-gray-500 text-black bg-gh-white rounded-md p-2 text-sm font-semibold text-center select-none w-5/12 border hover:shadow-button hover:no-underline"
+                            disabled={!isSendButtonEnabled}
+                            onClick={() => generateAiDescription()}
+                        >
+                       Summarize
+                        </button>
+
+                        <button
+                            className="inline-block disabled:bg-gray-500 text-black bg-gh-white rounded-md p-2 text-sm font-semibold text-center select-none w-5/12 border hover:shadow-button hover:no-underline"
+                            disabled={!isSendButtonEnabled}
+                            onClick={postHighlight}
+                        >
+                        Post
+                        </button>
+                    </div>
+                </main>
+            </div>
+        </div>
+    );
+};
+
+export default PostOnHighlight;
diff --git a/src/pages/profile.tsx b/src/pages/profile.tsx
index 714475ae..25018a64 100644
--- a/src/pages/profile.tsx
+++ b/src/pages/profile.tsx
@@ -12,6 +12,7 @@ import { getUserPRVelocity } from "../utils/getUserPRVelocity";
 import { BiExit } from "react-icons/bi";
 import Start from "./start";
 import { optLogOut } from "../utils/checkAuthentication";
+import { OPEN_SAUCED_INSIGHTS_DOMAIN } from "../constants";
 
 const interestIcon = {
     python: <SiPython />,
@@ -89,7 +90,7 @@ export const Profile = ({ username }: { username: string }) => {
                     <div className="flex flex-col items-center gap-1 mb-4">
                         <a
                             className="flex flex-col items-center hover:text-orange hover:scale-105"
-                            href={`https://insights.opensauced.pizza/user/${username}`}
+                            href={`https://${OPEN_SAUCED_INSIGHTS_DOMAIN}/user/${username}`}
                             rel="noopener noreferrer"
                             target="_blank"
                         >
@@ -192,10 +193,10 @@ export const Profile = ({ username }: { username: string }) => {
                                 <a
                                     key={interest}
                                     className="flex gap-1 items-center p-1.5 px-4 rounded-full bg-slate-700 hover:bg-slate-700/50"
-                                    href={`https://insights.opensauced.pizza/${interest}/dashboard/filter/recent`}
+                                    href={`https://${OPEN_SAUCED_INSIGHTS_DOMAIN}/${interest}/dashboard/filter/recent`}
                                     rel="noreferrer"
                                     target="_blank"
-                                    title={`https://insights.opensauced.pizza/${interest}/dashboard/filter/recent`}
+                                    title={`https://${OPEN_SAUCED_INSIGHTS_DOMAIN}/${interest}/dashboard/filter/recent`}
                                 >
                                     {interestIcon[interest as InterestIconKeys]}
 
diff --git a/src/utils/checkAuthentication.ts b/src/utils/checkAuthentication.ts
index cdf07697..4fd3b94a 100644
--- a/src/utils/checkAuthentication.ts
+++ b/src/utils/checkAuthentication.ts
@@ -5,34 +5,42 @@ import {
     OPEN_SAUCED_INSIGHTS_DOMAIN,
     SUPABASE_LOGIN_URL,
 } from "../constants";
-import { checkTokenValidity } from "./fetchOpenSaucedApiData";
-import setAccessTokenInChromeStorage from "../utils/setAccessToken";
 
-export const checkAuthentication = async () => {
+export const checkAuthentication = async (
+    hasOptedLogOut: () => Promise<boolean>,
+    getCookie: (
+        details: chrome.cookies.Details,
+        callback: (cookie: chrome.cookies.Cookie | null) => void
+    ) => void,
+    checkTokenValidity: (authCookie: any) => Promise<boolean>,
+    setAccessTokenInChromeStorage: (authCookie: any) => void,
+    removeAuthTokenFromStorage: () => void,
+    logError: (error: string) => void,
+) => {
     if (await hasOptedLogOut()) {
-        return chrome.storage.sync.remove(OPEN_SAUCED_AUTH_TOKEN_KEY);
+        return removeAuthTokenFromStorage();
     }
 
-    chrome.cookies.get(
+    getCookie(
         {
             name: SUPABASE_AUTH_COOKIE_NAME,
             url: `https://${OPEN_SAUCED_INSIGHTS_DOMAIN}`,
         },
         async cookie => {
             if (!cookie) {
-                return chrome.storage.sync.remove(OPEN_SAUCED_AUTH_TOKEN_KEY);
+                return removeAuthTokenFromStorage();
             }
             try {
                 const authCookie = JSON.parse(decodeURIComponent(cookie.value))[0];
                 const isValidToken = await checkTokenValidity(authCookie);
 
                 if (!isValidToken) {
-                    return chrome.storage.sync.remove(OPEN_SAUCED_AUTH_TOKEN_KEY);
+                    return removeAuthTokenFromStorage();
                 }
-                void setAccessTokenInChromeStorage(authCookie);
+                setAccessTokenInChromeStorage(authCookie);
             } catch (error) {
-                void chrome.storage.sync.remove(OPEN_SAUCED_AUTH_TOKEN_KEY);
-                console.error("Error processing cookie:", error);
+                removeAuthTokenFromStorage();
+                logError(error as string);
             }
         },
     );
@@ -55,5 +63,6 @@ export const optLogIn = () => {
     window.open(SUPABASE_LOGIN_URL, "_blank");
 };
 
-const hasOptedLogOut = async (): Promise<boolean> => (await chrome.storage.local.get(OPEN_SAUCED_OPTED_LOG_OUT_KEY))[OPEN_SAUCED_OPTED_LOG_OUT_KEY] === true;
+export const hasOptedLogOut = async (): Promise<boolean> => (await chrome.storage.local.get(OPEN_SAUCED_OPTED_LOG_OUT_KEY))[OPEN_SAUCED_OPTED_LOG_OUT_KEY] === true;
 
+export const removeAuthTokenFromStorage = async (): Promise<void> => chrome.storage.sync.remove(OPEN_SAUCED_AUTH_TOKEN_KEY);
diff --git a/src/utils/fetchGithubAPIData.ts b/src/utils/fetchGithubAPIData.ts
index fe3de316..59046297 100644
--- a/src/utils/fetchGithubAPIData.ts
+++ b/src/utils/fetchGithubAPIData.ts
@@ -21,13 +21,13 @@ export const getPRDiff = async (url: string) => {
 };
 
 export const getPRCommitMessages = async (url: string) => {
-    const response = await fetch(url);
+    const response = await fetch(`${url}/commits`);
     const data = await response.json();
 
-    if (!Array.isArray(data.commits)) {
+    if (!Array.isArray(data)) {
         return undefined;
     }
-    const commitMessages: string[] = (data.commits as Commit[]).map((commit: Commit): string => commit.commit.message);
+    const commitMessages: string[] = (data as Commit[]).map((commit: Commit): string => commit.commit.message);
 
     return commitMessages;
 };
diff --git a/src/utils/fetchOpenSaucedApiData.ts b/src/utils/fetchOpenSaucedApiData.ts
index 07a7d3f9..0be04fc8 100644
--- a/src/utils/fetchOpenSaucedApiData.ts
+++ b/src/utils/fetchOpenSaucedApiData.ts
@@ -4,6 +4,8 @@ import {
     OPEN_SAUCED_SESSION_ENDPOINT,
     OPEN_SAUCED_REPOS_ENDPOINT,
     OPEN_SAUCED_USER_INSIGHTS_ENDPOINT,
+    OPEN_SAUCED_USER_HIGHLIGHTS_ENDPOINT,
+    OPEN_SAUCED_HIGHLIGHTS_ENDPOINT,
 } from "../constants";
 import { IInsight } from "../ts/InsightDto";
 
@@ -176,3 +178,26 @@ export const updateInsight = async (userToken: string, repoId: string, checked:
 
     return response.status === 200;
 };
+export const getHighlights = async () => {
+    const response = await fetch(
+        `${OPEN_SAUCED_HIGHLIGHTS_ENDPOINT}`,
+        { method: "GET" },
+    );
+
+    return response.json();
+};
+
+export const cerateHighlight = async (userToken: string, url: string, title: string, highlight: string, shipped_at?: string) => fetch(OPEN_SAUCED_USER_HIGHLIGHTS_ENDPOINT, {
+    headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${userToken}`,
+    },
+    method: "POST",
+    body: JSON.stringify({
+        url,
+        title,
+        shipped_at,
+        highlight,
+    }),
+});
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 11f02fe2..151aa685 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />
\ No newline at end of file
diff --git a/src/worker/background.ts b/src/worker/background.ts
index 62cd846f..3bd0b63d 100644
--- a/src/worker/background.ts
+++ b/src/worker/background.ts
@@ -1,16 +1,27 @@
-import { checkAuthentication } from "../utils/checkAuthentication";
+import { checkAuthentication, hasOptedLogOut, removeAuthTokenFromStorage } from "../utils/checkAuthentication";
 import { SUPABASE_AUTH_COOKIE_NAME, OPEN_SAUCED_INSIGHTS_DOMAIN } from "../constants";
 import { setDefaultDescriptionConfig } from "../utils/aiprdescription/descriptionconfig";
+import { checkTokenValidity } from "../utils/fetchOpenSaucedApiData";
+import setAccessTokenInChromeStorage from "../utils/setAccessToken";
+
+
+const checkUserAuthentication = () => {
+    void checkAuthentication(hasOptedLogOut, chrome.cookies.get, checkTokenValidity, setAccessTokenInChromeStorage, removeAuthTokenFromStorage, console.error);
+};
 
 chrome.cookies.onChanged.addListener(changeInfo => {
     if (
         changeInfo.cookie.name === SUPABASE_AUTH_COOKIE_NAME ||
       changeInfo.cookie.domain === OPEN_SAUCED_INSIGHTS_DOMAIN
     ) {
-        void checkAuthentication();
+        checkUserAuthentication();
     }
 });
 
-chrome.runtime.onInstalled.addListener(checkAuthentication);
+chrome.runtime.onInstalled.addListener(() => {
+    checkUserAuthentication();
+});
 chrome.runtime.onInstalled.addListener(setDefaultDescriptionConfig);
-chrome.runtime.onStartup.addListener(checkAuthentication);
+chrome.runtime.onStartup.addListener(() => {
+    checkUserAuthentication();
+});
diff --git a/test/utils/checkAuthentication.test.ts b/test/utils/checkAuthentication.test.ts
new file mode 100644
index 00000000..3cb92a3e
--- /dev/null
+++ b/test/utils/checkAuthentication.test.ts
@@ -0,0 +1,43 @@
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { checkAuthentication } from '../../src/utils/checkAuthentication';
+
+
+const hasOptedLogOut =  vi.fn().mockResolvedValue(false);
+const getCookie = vi.fn();
+const checkTokenValidity = vi.fn().mockResolvedValue(true);
+const setAccessTokenInChromeStorage = vi.fn();
+const removeAuthTokenFromStorage = vi.fn();
+const logError = vi.fn();
+
+describe('checkAuthentication', () => {
+    beforeEach(() => {
+        vi.resetAllMocks();
+    });
+
+    it('should remove auth token from storage if user has opted out', async () => {
+        hasOptedLogOut.mockResolvedValue(true);
+        await checkAuthentication(
+            hasOptedLogOut,
+            getCookie,
+            checkTokenValidity,
+            setAccessTokenInChromeStorage,
+            removeAuthTokenFromStorage,
+            logError,
+        );
+        expect(removeAuthTokenFromStorage).toHaveBeenCalled();
+    });
+
+    it('should remove auth token from storage if cookie is not found', async () => {
+        getCookie.mockImplementation((details, callback) => callback(null));
+        await checkAuthentication(
+            hasOptedLogOut,
+            getCookie,
+            checkTokenValidity,
+            setAccessTokenInChromeStorage,
+            removeAuthTokenFromStorage,
+            logError,
+        );
+        expect(removeAuthTokenFromStorage).toHaveBeenCalled();
+    });
+})
+    
\ No newline at end of file
diff --git a/test/utils/urlMatcher.test.ts b/test/utils/urlMatcher.test.ts
index 2f4514de..cfe40882 100644
--- a/test/utils/urlMatcher.test.ts
+++ b/test/utils/urlMatcher.test.ts
@@ -20,7 +20,7 @@ test('getGithubUsername', () => {
     expect(getGithubUsername('https://www.github.com/username/repo/pulls')).toBe('username')
     expect(getGithubUsername('www.github.com/123')).toBe('123')
     expect(getGithubUsername('github.com/123/')).toBe('123')
-    expect(getGithubUsername('abcd')).toBe(undefined)
+    expect(getGithubUsername('https://google.com/')).toBe(undefined)
 })
 
 test('getLinkedInUsername', () => {
@@ -41,6 +41,55 @@ test('getTwitterUsername', () => {
     expect(getTwitterUsername('twitter.com/123/')).toBe('123')
 })
 
+test('isGithubPullRequestPage', () => {
+  expect(isGithubPullRequestPage('https://www.github.com/')).toBe(false)
+  expect(isGithubPullRequestPage('https://www.github.com/pull')).toBe(false)
+  expect(isGithubPullRequestPage('https://www.github.com/pull/')).toBe(false)
+  expect(isGithubPullRequestPage('https://www.github.com/username/repo/pull/123')).toBe(true)
+  expect(isGithubPullRequestPage('https://www.github.com/username/repo/pull/123/')).toBe(true)
+  expect(isGithubPullRequestPage('www.github.com/username/repo/pull/123')).toBe(true)
+  expect(isGithubPullRequestPage('github.com/username/repo/pull/123/')).toBe(true)
+  expect(isGithubPullRequestPage('https://google.com/')).toBe(false)
+})
 
+test('isGithubProfilePage', () => {
+  expect(isGithubProfilePage('https://www.github.com/')).toBe(false)
+  expect(isGithubProfilePage('https://www.github.com/username')).toBe(true)
+  expect(isGithubProfilePage('https://www.github.com/username/')).toBe(false)
+  expect(isGithubProfilePage('https://www.github.com/username?tab=repositories')).toBe(true)
+  expect(isGithubProfilePage('www.github.com/username')).toBe(true)
+  expect(isGithubProfilePage('github.com/username')).toBe(true)
+  expect(isGithubProfilePage('github.com/username/')).toBe(false)
+  expect(isGithubProfilePage('https://google.com/')).toBe(false)
+})
 
+test('isGithubRepoPage', () => {
+  expect(isGithubRepoPage('https://www.github.com/')).toBe(false)
+  expect(isGithubRepoPage('https://www.github.com/username/')).toBe(false)
+  expect(isGithubRepoPage('https://www.github.com/username/repo')).toBe(true)
+  expect(isGithubRepoPage('https://www.github.com/username/repo/')).toBe(false)
+  expect(isGithubRepoPage('https://www.github.com/username/repo/https://google.com/')).toBe(false)
+  expect(isGithubRepoPage('www.github.com/username/repo')).toBe(true)
+  expect(isGithubRepoPage('github.com/username/repo')).toBe(true)
+  expect(isGithubRepoPage('https://google.com/')).toBe(false)
+})
+
+test('isPullRequestCreatePage', () => {
+  expect(isPullRequestCreatePage('https://www.github.com/')).toBe(false)
+  expect(isPullRequestCreatePage('https://github.com/username/repo/compare/')).toBe(false)
+  expect(isPullRequestCreatePage('https://github.com/username/repo/compare/https://google.com/')).toBe(true)
+  expect(isPullRequestCreatePage('https://github.com/username/repo/compare/https://google.com//')).toBe(true)
+  expect(isPullRequestCreatePage('www.github.com/username/repo/compare/https://google.com//')).toBe(true)
+  expect(isPullRequestCreatePage('github.com/username/repo/compare/https://google.com//')).toBe(true)
+  expect(isPullRequestCreatePage('https://google.com/')).toBe(false)
+})
 
+test('isPullRequestFilesChangedPage', () => {
+  expect(isPullRequestFilesChangedPage('https://www.github.com/')).toBe(false)
+  expect(isPullRequestFilesChangedPage('https://github.com/username/repo/pull/123/files')).toBe(true)
+  expect(isPullRequestFilesChangedPage('https://github.com/username/repo/pull/123/files/')).toBe(true)
+  expect(isPullRequestFilesChangedPage('www.github.com/username/repo/pull/123/files')).toBe(true)
+  expect(isPullRequestFilesChangedPage('github.com/username/repo/pull/123/files/')).toBe(true)
+  expect(isPullRequestFilesChangedPage('github.com/username/repo/pull/123/fil')).toBe(false)
+  expect(isPullRequestFilesChangedPage('https://google.com/')).toBe(false)
+})
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index d87e27c9..9b1adf7a 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,5 +5,5 @@ import manifest from "./manifest.json" assert { type: "json" };
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), crx({ manifest })],
+  plugins: [react(), crx({ manifest })]
 });