fix(linear): place timer button next to project icon and update issue view sidebar anchor

Author: sanjinkapetanovich

src/content/linear.js

@@ -38,15 +38,40 @@ togglbutton.render(
   },
 )
 
-// Add linear integration for issue view
+// Add linear integration for issue view and project view (single render)
 togglbutton.render(
-  'div[data-view-id="issue-view"]:not(.toggl)',
+  'div[data-view-id="issue-view"]:not(.toggl), [data-restore-scroll-view="project-overview"]:not(.toggl)',
   { observe: true },
   function (elem) {
-    if (elem.querySelector('.toggl-button')) {
+    if (elem.querySelector('.toggl-button')) return
+
+    // Project overview page — anchor next to the project icon at the top.
+    const iconBtn = elem.querySelector('button[aria-label="Choose icon"]')
+    if (iconBtn) {
+      const projectName = elem
+        .querySelector('[aria-label="Project name"]')
+        ?.textContent?.trim()
+
+      const link = togglbutton.createTimerLink({
+        description: projectName,
+        className: 'linear-project-view',
+        projectName: projectName,
+      })
+      link.style.cssText +=
+        ';display:inline-flex;align-items:center;line-height:0;margin-left:8px;'
+
+      // Linear's project header lays the icon out as a block, so a sibling
+      // ends up on the next row. Wrap both in a flex row so the timer
+      // button sits inline with the icon.
+      const row = document.createElement('div')
+      row.style.cssText = 'display:flex;align-items:center;gap:16px;'
+      iconBtn.parentElement.insertBefore(row, iconBtn)
+      row.appendChild(iconBtn)
+      row.appendChild(link)
       return
     }
 
+    // Issue view — anchor inside the right sidebar above the section list.
     const title = elem.querySelector('[aria-label="Issue title"]')?.textContent
     const projectElem = elem.parentElement.parentElement.querySelector(
       'svg[aria-label="Project"]',
@@ -61,7 +86,14 @@ togglbutton.render(
 
     const sidebar =
       elem.parentElement.parentElement.lastElementChild.firstElementChild
-    sidebar.lastElementChild.prepend(link)
+    const firstSectionBtn = sidebar.querySelector('button[aria-expanded]')
+    const sectionWrapper =
+      firstSectionBtn?.parentElement?.parentElement?.parentElement
+    if (sectionWrapper) {
+      sectionWrapper.prepend(link)
+    } else {
+      sidebar.appendChild(link)
+    }
   },
 )