diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
new file mode 100644
index 0000000..0a5da79
--- /dev/null
+++ b/.github/workflows/publish.yml
@@ -0,0 +1,45 @@
+name: Publish to Chrome Web Store
+
+on:
+  release:
+    types: [published]
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Create extension zip
+        run: |
+          zip -r extension.zip \
+            manifest.json \
+            content.js \
+            icon16.png \
+            icon48.png \
+            icon128.png
+
+      - name: Upload artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: extension
+          path: extension.zip
+
+  publish:
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: extension
+
+      - name: Upload to Chrome Web Store
+        uses: mnao305/chrome-extension-upload@v5.0.0
+        with:
+          file-path: extension.zip
+          extension-id: ${{ secrets.CHROME_EXTENSION_ID }}
+          client-id: ${{ secrets.CHROME_CLIENT_ID }}
+          client-secret: ${{ secrets.CHROME_CLIENT_SECRET }}
+          refresh-token: ${{ secrets.CHROME_REFRESH_TOKEN }}
diff --git a/README.md b/README.md
index 7e89323..461c843 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,10 @@
 
 A Chrome extension that adds useful modifications to the GitHub pull request interface.
 
+https://chromewebstore.google.com/detail/github-ui-mods/fnmaeopgcjnpkimkknpeoimkdjaahfla
+
+![Screenshot](screenshot.png)
+
 ## Features
 
 ### 1. Copy PR Link Button
diff --git a/content.js b/content.js
index 9e25f83..f8edd9d 100644
--- a/content.js
+++ b/content.js
@@ -4,101 +4,107 @@
 (function() {
   'use strict';
 
-  // Feature 1: Add "Copy PR Link" button next to PR title
+  // Feature 1: Add "Copy PR Link" button next to the copy branch button
   function addCopyPRLinkButton() {
-    // Find the PR title element
-    const titleElement = document.querySelector('.js-issue-title');
-    if (!titleElement) {
-      return false;
-    }
-
     // Check if button already exists
     if (document.getElementById('copy-pr-link-btn')) {
       return true;
     }
 
-    // Create the button
+    // Find the copy branch button (IconButton with octicon-copy next to branch name)
+    // Look for the button that has a tooltip about copying the head branch name
+    // The button is inside .prc-PageHeader-Description-w-ejP (non-sticky header)
+    const headerDescription = document.querySelector('.prc-PageHeader-Description-w-ejP');
+    let copyBranchBtn = null;
+    if (headerDescription) {
+      copyBranchBtn = headerDescription.querySelector('button.prc-Button-IconButton-fyge7 .octicon-copy')?.closest('button');
+    }
+    // Fallback to legacy selector
+    if (!copyBranchBtn) {
+      copyBranchBtn = document.querySelector('.gh-header-meta clipboard-copy');
+    }
+    if (!copyBranchBtn) {
+      return false;
+    }
+
+    // Get PR title for copying - try new React header first, then legacy
+    const titleElement = document.querySelector('.prc-PageHeader-Title-p0Mgh .markdown-title') ||
+                         document.querySelector('h1 .markdown-title') ||
+                         document.querySelector('.js-issue-title');
+    if (!titleElement) {
+      return false;
+    }
+
+    // Create the button - match the style of the existing IconButton
     const button = document.createElement('button');
     button.id = 'copy-pr-link-btn';
-    button.className = 'btn btn-sm';
-    button.style.marginLeft = '8px';
-    button.style.verticalAlign = 'middle';
+    button.type = 'button';
+    // Use the same class as the copy branch button for consistent styling
+    button.className = 'prc-Button-ButtonBase-9n-Xk prc-Button-IconButton-fyge7';
+    button.setAttribute('data-loading', 'false');
+    button.setAttribute('data-no-visuals', 'true');
+    button.setAttribute('data-size', 'small');
+    button.setAttribute('data-variant', 'invisible');
+    button.title = 'Copy PR link';
+    button.style.cssText = 'margin-left: 4px;';
     button.innerHTML = `
-      <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" style="display:inline-block;vertical-align:text-bottom;">
-        <path fill="currentColor" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Zm5.22-1.72a.75.75 0 0 1 1.06 0l3.97 3.97V4.25a.75.75 0 0 1 1.5 0v6.5a.75.75 0 0 1-.75.75h-6.5a.75.75 0 0 1 0-1.5H9.44L5.47 5.53a.75.75 0 0 1 0-1.06Z"></path>
+      <svg aria-hidden="true" focusable="false" height="16" viewBox="0 0 16 16" width="16" fill="currentColor" class="octicon octicon-link" style="vertical-align: text-bottom;">
+        <path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path>
       </svg>
-      Copy PR Link
     `;
-    button.title = 'Copy PR title and link to clipboard';
     
     // Add click handler
     button.addEventListener('click', async function(e) {
       e.preventDefault();
       
-      // Get PR title and URL
       const prTitle = titleElement.textContent.trim();
       const prUrl = window.location.href;
       const textToCopy = `${prTitle}: ${prUrl}`;
       
-      // Copy to clipboard
-      // Save original button content before try/catch
-      const originalText = button.innerHTML;
       try {
         await navigator.clipboard.writeText(textToCopy);
-        
-        // Visual feedback
+        // Visual feedback - change to checkmark
         button.innerHTML = `
-          <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" style="display:inline-block;vertical-align:text-bottom;">
-            <path fill="currentColor" d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path>
+          <svg aria-hidden="true" focusable="false" height="16" viewBox="0 0 16 16" width="16" fill="#1a7f37" class="octicon octicon-check" style="vertical-align: text-bottom;">
+            <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path>
           </svg>
-          Copied!
         `;
-        button.style.color = '#1a7f37';
-        
         setTimeout(() => {
-          button.innerHTML = originalText;
-          button.style.color = '';
+          button.innerHTML = `
+            <svg aria-hidden="true" focusable="false" height="16" viewBox="0 0 16 16" width="16" fill="currentColor" class="octicon octicon-link" style="vertical-align: text-bottom;">
+              <path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path>
+            </svg>
+          `;
         }, 2000);
       } catch (err) {
         console.error('Failed to copy:', err);
-        button.innerHTML = `
-          <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" style="display:inline-block;vertical-align:text-bottom;">
-            <path fill="currentColor" d="M9.036 7.976a.75.75 0 0 0-1.06 1.06L10.939 12l-2.963 2.963a.75.75 0 1 0 1.06 1.06L12 13.06l2.963 2.964a.75.75 0 0 0 1.061-1.06L13.061 12l2.963-2.964a.75.75 0 0 0-1.06-1.06L12 10.939 9.036 7.976Z"></path>
-            <path fill="currentColor" d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5 9.5 9.5 0 0 0 9.5-9.5A9.5 9.5 0 0 0 12 2.5 9.5 9.5 0 0 0 2.5 12Z"></path>
-          </svg>
-          Failed
-        `;
-        button.style.color = '#f85149';
-        setTimeout(() => {
-          button.innerHTML = originalText;
-          button.style.color = '';
-        }, 2000);
       }
     });
     
-    // Insert button next to title
-    const titleContainer = titleElement.parentElement;
-    if (titleContainer) {
-      titleContainer.style.display = 'flex';
-      titleContainer.style.alignItems = 'center';
-      titleElement.after(button);
-      return true;
-    }
-    
-    return false;
+    // Insert button after the copy branch button
+    copyBranchBtn.after(button);
+    return true;
   }
 
   // Feature 2: Add "Request Review" button next to Copilot reviewer for draft PRs
   function addCopilotReviewButton() {
-    // Check if this is a draft PR
-    const draftBadge = document.querySelector('.State[title="Status: Draft"]');
+    // Check if this is a draft PR - try new React state label first, then legacy
+    const draftBadge = document.querySelector('[data-status="pullDraft"]') ||
+                       document.querySelector('.State[title="Status: Draft"]');
     if (!draftBadge) {
       // Not a draft PR, no need to add the button
       return false;
     }
 
-    // Find the Copilot reviewer link
-    const copilotLink = document.querySelector('a[href="/apps/copilot-pull-request-reviewer"]');
+    // Find the Copilot reviewer link in the sidebar/reviewers section only (not in timeline)
+    // Look for the reviewers container first
+    const reviewersSection = document.querySelector('form[action*="review-requests"]')?.closest('.discussion-sidebar-item') ||
+                             document.querySelector('.sidebar-assignee');
+    if (!reviewersSection) {
+      return false;
+    }
+    
+    const copilotLink = reviewersSection.querySelector('a[href="/apps/copilot-pull-request-reviewer"]');
     if (!copilotLink) {
       return false;
     }
@@ -108,93 +114,102 @@
       return true;
     }
 
-    // Create the button
+    // Create the button - icon only with play icon
     const button = document.createElement('button');
     button.id = 'copilot-request-review-btn';
-    button.className = 'btn btn-sm';
-    button.style.marginLeft = '8px';
-    button.innerHTML = `
-      <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" style="display:inline-block;vertical-align:text-bottom;">
-        <path fill="currentColor" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm7.25-3.25v2.992l2.028.812a.75.75 0 0 1-.557 1.392l-2.5-1A.751.751 0 0 1 7.25 8V4.75a.75.75 0 0 1 1.5 0Z"></path>
+    button.className = 'Button Button--iconOnly Button--secondary Button--small';
+    button.type = 'button';
+    button.style.cssText = 'margin-left: 4px; margin-right: 4px; position: relative; top: -4px;';
+    button.title = 'Request Copilot review for draft PR';
+    const playIcon = `
+      <svg aria-hidden="true" height="16" viewBox="0 0 16 16" width="16" class="octicon" style="position: relative; margin-top: 0;">
+        <path fill="currentColor" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm4.879-2.773 4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path>
       </svg>
-      Request Review
     `;
-    button.title = 'Request Copilot review for draft PR';
+    button.innerHTML = playIcon;
     
     // Add click handler
     button.addEventListener('click', async function(e) {
       e.preventDefault();
       
-      // Save original button content
-      const originalText = button.innerHTML;
+      // Copilot reviewer user ID
+      const COPILOT_USER_ID = '175728472';
+      
+      // Get the authenticity token - look for it in the reviewers form specifically
+      const reviewersForm = document.querySelector('form[action*="review-requests"]');
+      let csrfToken = reviewersForm?.querySelector('input[name="authenticity_token"]')?.value;
+      
+      // Fallback to other sources
+      if (!csrfToken) {
+        csrfToken = document.querySelector('input[name="authenticity_token"]')?.value;
+      }
+      
+      if (!csrfToken) {
+        console.error('Could not find CSRF token');
+        return;
+      }
+      
+      // Get other required headers from the page
+      const fetchNonce = document.querySelector('meta[name="fetch-nonce"]')?.content || '';
+      const clientVersion = document.querySelector('meta[name="github-client-version"]')?.content || '';
+      
+      // Build the review request URL from current page
+      const prUrl = window.location.pathname; // e.g., /owner/repo/pull/123
+      const reviewRequestUrl = `${prUrl}/review-requests`;
       
-      // Try to find the review request form/button
-      // GitHub's UI typically has a button or action to request reviews
-      // We'll try to find and click it programmatically
+      // Create form data
+      const formData = new FormData();
+      formData.append('authenticity_token', csrfToken);
+      formData.append('partial_last_updated', Math.floor(Date.now() / 1000).toString());
+      formData.append('dummy-field-just-to-avoid-empty-submit', 'foo');
+      formData.append('reviewer_user_ids[]', COPILOT_USER_ID);
       
-      // Try to find the "Reviewers" section and expand it if needed
-      const reviewersSection = document.querySelector('.discussion-sidebar-item.js-discussion-sidebar-item');
-      if (reviewersSection) {
-        // Try multiple selector patterns for the request review button
-        const requestReviewBtn = reviewersSection.querySelector('button[aria-label*="request"]') ||
-                                 reviewersSection.querySelector('summary[aria-label*="request"]') ||
-                                 reviewersSection.querySelector('.js-request-reviewers-button');
+      try {
+        const headers = {
+          'Accept': 'text/html',
+          'X-Requested-With': 'XMLHttpRequest'
+        };
         
-        if (requestReviewBtn) {
-          requestReviewBtn.click();
-          
-          // Wait a bit for the modal/dropdown to appear
-          setTimeout(() => {
-            // Try to find and click on Copilot in the reviewer list
-            const copilotReviewerOption = document.querySelector('[data-filterable-for*="copilot"]') ||
-                                          document.querySelector('[data-targets*="copilot"]') ||
-                                          document.querySelector('label[for*="copilot"]');
-            if (copilotReviewerOption) {
-              copilotReviewerOption.click();
-            }
-          }, 100);
-          
+        if (fetchNonce) {
+          headers['X-Fetch-Nonce'] = fetchNonce;
+        }
+        if (clientVersion) {
+          headers['X-GitHub-Client-Version'] = clientVersion;
+        }
+        
+        const response = await fetch(reviewRequestUrl, {
+          method: 'POST',
+          body: formData,
+          headers: headers
+        });
+        
+        if (response.ok) {
           // Visual feedback - success
           button.innerHTML = `
-            <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" style="display:inline-block;vertical-align:text-bottom;">
+            <svg aria-hidden="true" height="16" viewBox="0 0 16 16" width="16" class="octicon" style="color: #1a7f37;">
               <path fill="currentColor" d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path>
             </svg>
-            Requested!
           `;
           button.style.color = '#1a7f37';
           
+          // Reload the page to show updated reviewers
           setTimeout(() => {
-            button.innerHTML = originalText;
-            button.style.color = '';
-          }, 2000);
+            window.location.reload();
+          }, 500);
         } else {
-          // Fallback: provide feedback that manual action is needed
-          button.innerHTML = `
-            <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" style="display:inline-block;vertical-align:text-bottom;">
-              <path fill="currentColor" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path>
-            </svg>
-            Use Reviewers section
-          `;
-          button.style.color = '#db6d28';
-          button.title = 'Could not find review request button. Please use the Reviewers section manually.';
-          setTimeout(() => {
-            button.innerHTML = originalText;
-            button.style.color = '';
-            button.title = 'Request Copilot review for draft PR';
-          }, 3000);
+          throw new Error(`Request failed: ${response.status}`);
         }
-      } else {
-        // Could not find reviewers section
+      } catch (err) {
+        console.error('Failed to request review:', err);
         button.innerHTML = `
-          <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" style="display:inline-block;vertical-align:text-bottom;">
-            <path fill="currentColor" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path>
+          <svg aria-hidden="true" height="16" viewBox="0 0 16 16" width="16" class="octicon" style="color: #f85149;">
+            <path fill="currentColor" d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
           </svg>
-          Use Reviewers section
         `;
-        button.style.color = '#db6d28';
-        button.title = 'Could not find Reviewers section. Please request review manually.';
+        button.style.color = '#f85149';
+        button.title = 'Failed to request review';
         setTimeout(() => {
-          button.innerHTML = originalText;
+          button.innerHTML = playIcon;
           button.style.color = '';
           button.title = 'Request Copilot review for draft PR';
         }, 3000);
@@ -223,8 +238,10 @@
       addCopilotReviewButton();
     });
     
-    // Observe the main container for changes
-    const container = document.querySelector('#partial-discussion-header') || document.body;
+    // Observe the main container for changes - try React app container first
+    const container = document.querySelector('react-app[app-name="pull-requests"]') ||
+                      document.querySelector('#partial-discussion-header') ||
+                      document.body;
     observer.observe(container, {
       childList: true,
       subtree: true
diff --git a/manifest.json b/manifest.json
index a0df89b..ca27614 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "GitHub UI Mods",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Small modifications for the GitHub UI",
   "permissions": [
     "clipboardWrite"
diff --git a/screenshot.png b/screenshot.png
new file mode 100644
index 0000000..77cb06d
Binary files /dev/null and b/screenshot.png differ