From e3e5f29214601c109c0af1be18b4000590d2c632 Mon Sep 17 00:00:00 2001
From: Lukas Oppermann <oppermann.lukas@gmail.com>
Date: Mon, 19 Oct 2026 12:57:09 +0200
Subject: [PATCH 1/3] feat(hub): add sidebar feedback link

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>

Copilot-Session: 6fbf160c-eede-4e16-adc5-29526ef4b5ee
---
 .../repository-navigation-item/index.tsx      | 14 ++++++--
 .../components/workspace-navigation/index.tsx | 35 +++++++++++++++++++
 .../components/workspace-navigation/types.ts  |  1 +
 .../repository-navigation/index.test.tsx      | 10 ++++--
 .../pages/new-prototype-page/index.test.tsx   |  1 +
 .../pages/prototypes-show-page/index.test.tsx |  1 +
 .../repositories-show-page/index.test.tsx     |  1 +
 .../fixtures/authenticated-header.ts          |  1 +
 .../_hub_administration_navigation.json.props |  1 +
 hub/config/locales/gallery.en.yml             |  1 +
 .../hub_administration_navigation_test.rb     |  4 ++-
 11 files changed, 65 insertions(+), 5 deletions(-)

diff --git a/hub/app/javascript/components/repository-navigation-item/index.tsx b/hub/app/javascript/components/repository-navigation-item/index.tsx
index 1e445fc..2c6ed95 100644
--- a/hub/app/javascript/components/repository-navigation-item/index.tsx
+++ b/hub/app/javascript/components/repository-navigation-item/index.tsx
@@ -11,10 +11,17 @@ type RepositoryNavigationItemProps = {
   | {
       href: string
       selected?: boolean
+      external?: boolean
       onClick?: MouseEventHandler<HTMLAnchorElement>
       expanded?: never
     }
-  | { href?: never; selected?: never; onClick: () => void; expanded: boolean }
+  | {
+      href?: never
+      selected?: never
+      external?: never
+      onClick: () => void
+      expanded: boolean
+    }
 )
 
 /** Renders a sidebar destination or a control with the same row treatment. */
@@ -22,6 +29,7 @@ export function RepositoryNavigationItem({
   ariaLabel,
   count,
   expanded,
+  external = false,
   href,
   icon: Icon,
   label,
@@ -45,12 +53,14 @@ export function RepositoryNavigationItem({
   return href !== undefined ? (
     <a
       href={href}
-      data-sg-visit="true"
+      data-sg-visit={external ? undefined : "true"}
       className="repository-navigation-item"
       data-has-count={count !== undefined && count > 0 ? "true" : undefined}
       data-active={selected ? "true" : undefined}
       aria-current={selected ? "page" : undefined}
       aria-label={ariaLabel}
+      target={external ? "_blank" : undefined}
+      rel={external ? "noopener noreferrer" : undefined}
       onClick={onClick}
     >
       {content}
diff --git a/hub/app/javascript/components/workspace-navigation/index.tsx b/hub/app/javascript/components/workspace-navigation/index.tsx
index 57a0886..c3f3129 100644
--- a/hub/app/javascript/components/workspace-navigation/index.tsx
+++ b/hub/app/javascript/components/workspace-navigation/index.tsx
@@ -9,6 +9,26 @@ import { RepositoryUserMenu } from "@components/repository-user-menu"
 import type { WorkspaceAccountData } from "./types"
 import "./styles.css"
 
+function FeedbackIcon({ size = 16 }: { size?: number }) {
+  return (
+    <svg
+      aria-hidden="true"
+      focusable="false"
+      width={size}
+      height={size}
+      viewBox="0 0 16 16"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M8 1.5a6.5 6.5 0 0 0-5.44 10.06L2 14.5l3.08-.8A6.5 6.5 0 1 0 8 1.5Z" />
+      <path d="M8 11S5 9.25 5 7.5a1.5 1.5 0 0 1 3-.3 1.5 1.5 0 0 1 3 .3C11 9.25 8 11 8 11Z" />
+    </svg>
+  )
+}
+
 /** Keeps sidebar collapse and real account controls identical across navigation scopes. */
 export function WorkspaceNavigation({
   collapsed,
@@ -36,6 +56,14 @@ export function WorkspaceNavigation({
       onClick={() => onCollapsedChange(!collapsed)}
     />
   )
+  const feedbackLink = (
+    <RepositoryNavigationItem
+      href="https://gh.io/replica-feedback"
+      icon={FeedbackIcon}
+      label={data.feedbackLabel}
+      external
+    />
+  )
 
   return (
     <aside className={`repository-navigation ${className ?? ""}`} data-collapsed={collapsed}>
@@ -47,6 +75,13 @@ export function WorkspaceNavigation({
         ) : null}
       </div>
       <div className="repository-navigation__account">
+        {collapsed ? (
+          <Tooltip text={data.feedbackLabel} type="label" direction="e">
+            {feedbackLink}
+          </Tooltip>
+        ) : (
+          feedbackLink
+        )}
         {collapsed ? (
           <Tooltip text={toggleLabel} type="label" direction="e">
             {collapseButton}
diff --git a/hub/app/javascript/components/workspace-navigation/types.ts b/hub/app/javascript/components/workspace-navigation/types.ts
index 869f5c1..852d2cc 100644
--- a/hub/app/javascript/components/workspace-navigation/types.ts
+++ b/hub/app/javascript/components/workspace-navigation/types.ts
@@ -3,6 +3,7 @@ export interface WorkspaceAccountData {
   authenticityToken: string
   collapseNavigationLabel: string
   expandNavigationLabel: string
+  feedbackLabel: string
   currentUser: {
     avatarUrl: string | null
     login: string
diff --git a/hub/app/javascript/features/repository-navigation/index.test.tsx b/hub/app/javascript/features/repository-navigation/index.test.tsx
index 0e76582..b258677 100644
--- a/hub/app/javascript/features/repository-navigation/index.test.tsx
+++ b/hub/app/javascript/features/repository-navigation/index.test.tsx
@@ -83,8 +83,14 @@ describe("RepositoryNavigation()", () => {
         "Public sharing",
         "End all Hub sessions",
         "Security audit",
+        "Feedback",
       ])
-      for (const link of container.querySelectorAll("aside a")) {
+      const feedback = screen.getByRole("link", { name: "Feedback" })
+      expect(feedback).toHaveAttribute("href", "https://gh.io/replica-feedback")
+      expect(feedback).toHaveAttribute("target", "_blank")
+      expect(feedback).toHaveAttribute("rel", "noopener noreferrer")
+      expect(feedback).not.toHaveAttribute("data-sg-visit")
+      for (const link of container.querySelectorAll("aside a[data-sg-visit]")) {
         expect(link).toHaveAttribute("data-sg-visit", "true")
       }
       expect(screen.getByRole("link", { name: "Prototypes" })).toHaveAttribute(
@@ -109,7 +115,7 @@ describe("RepositoryNavigation()", () => {
         repositorySelector,
       )
       const account = container.querySelector(".repository-navigation__account")!
-      expect(account.querySelector("a")).toBeNull()
+      expect(account.querySelector("a")).toBe(feedback)
       expect([...account.querySelectorAll("button")]).toEqual([
         screen.getByRole("button", { name: collapsed ? "Expand sidebar" : "Collapse sidebar" }),
         screen.getByRole("button", { name: prototypeWorkspaceData.accountMenuLabel }),
diff --git a/hub/app/javascript/pages/new-prototype-page/index.test.tsx b/hub/app/javascript/pages/new-prototype-page/index.test.tsx
index 0f7ddec..79c5bdb 100644
--- a/hub/app/javascript/pages/new-prototype-page/index.test.tsx
+++ b/hub/app/javascript/pages/new-prototype-page/index.test.tsx
@@ -8,6 +8,7 @@ import { templatesData } from "@/storybook/fixtures/templates"
 const PAGE_DATA: NewPrototypePageData = {
   accountMenuLabel: "Account menu",
   darkThemeLabel: "Dark",
+  feedbackLabel: "Feedback",
   lightThemeLabel: "Light",
   systemThemeLabel: "System",
   authenticityToken: "token",
diff --git a/hub/app/javascript/pages/prototypes-show-page/index.test.tsx b/hub/app/javascript/pages/prototypes-show-page/index.test.tsx
index b2e4b54..22933a1 100644
--- a/hub/app/javascript/pages/prototypes-show-page/index.test.tsx
+++ b/hub/app/javascript/pages/prototypes-show-page/index.test.tsx
@@ -129,6 +129,7 @@ let currentReviewComments = REVIEW_COMMENTS
 const PROTOTYPES_SHOW_PAGE_DATA: PrototypesShowPageData = {
   accountMenuLabel: "Account menu for @octocat",
   darkThemeLabel: "Dark",
+  feedbackLabel: "Feedback",
   lightThemeLabel: "Light",
   systemThemeLabel: "System",
   author: {
diff --git a/hub/app/javascript/pages/repositories-show-page/index.test.tsx b/hub/app/javascript/pages/repositories-show-page/index.test.tsx
index 8c65433..39808fa 100644
--- a/hub/app/javascript/pages/repositories-show-page/index.test.tsx
+++ b/hub/app/javascript/pages/repositories-show-page/index.test.tsx
@@ -7,6 +7,7 @@ import type { RepositoriesShowPageData } from "./types"
 const PAGE_DATA: RepositoriesShowPageData = {
   accountMenuLabel: "Account menu for @octocat",
   darkThemeLabel: "Dark",
+  feedbackLabel: "Feedback",
   lightThemeLabel: "Light",
   systemThemeLabel: "System",
   alert: null,
diff --git a/hub/app/javascript/storybook/fixtures/authenticated-header.ts b/hub/app/javascript/storybook/fixtures/authenticated-header.ts
index de24ff4..98d159b 100644
--- a/hub/app/javascript/storybook/fixtures/authenticated-header.ts
+++ b/hub/app/javascript/storybook/fixtures/authenticated-header.ts
@@ -5,6 +5,7 @@ export const authenticatedHeaderData = {
   authenticityToken: "storybook-token",
   currentUser: octocat,
   darkThemeLabel: "Dark",
+  feedbackLabel: "Feedback",
   lightThemeLabel: "Light",
   productName: "Replica Hub",
   rootPath: "/repositories",
diff --git a/hub/app/views/shared/_hub_administration_navigation.json.props b/hub/app/views/shared/_hub_administration_navigation.json.props
index 634fc1e..845895e 100644
--- a/hub/app/views/shared/_hub_administration_navigation.json.props
+++ b/hub/app/views/shared/_hub_administration_navigation.json.props
@@ -3,6 +3,7 @@ hub_admin = Current.user &&
   User.where(id: Current.user.id, hub_admin: true).where.not(github_id: nil).exists? &&
   local_assigns.fetch(:administration_allowed, true)
 json.settingsNavigationLabel t("hub_administration_workspace.settings_navigation")
+json.feedbackLabel t("repository_workspace.feedback")
 context_repository = local_assigns.fetch(:context_repository, @repository)
 context = { repository_github_id: context_repository&.route_id }
 json.administrationLinks(hub_admin ? [
diff --git a/hub/config/locales/gallery.en.yml b/hub/config/locales/gallery.en.yml
index cff79e3..525d78e 100644
--- a/hub/config/locales/gallery.en.yml
+++ b/hub/config/locales/gallery.en.yml
@@ -102,6 +102,7 @@ en:
     navigation: Repository navigation
     collapse_navigation: Collapse sidebar
     expand_navigation: Expand sidebar
+    feedback: Feedback
     new_prototype: Create
     prototypes: Prototypes
     theme_system: System
diff --git a/hub/test/views/hub_administration_navigation_test.rb b/hub/test/views/hub_administration_navigation_test.rb
index ce52920..f2b2f00 100644
--- a/hub/test/views/hub_administration_navigation_test.rb
+++ b/hub/test/views/hub_administration_navigation_test.rb
@@ -12,7 +12,9 @@ class HubAdministrationNavigationTest < ActionView::TestCase
 
   test "a repository administrator does not get Hub administration" do
     @repository_permission = "admin"
-    assert_no_administration(users.create)
+    data = navigation_for(users.create)
+    assert_empty data.fetch("administrationLinks")
+    assert_equal "Feedback", data.fetch("feedbackLabel")
   end
 
   test "a local identity does not get Hub administration even with a saved role" do

From 97af69066f4200c5edef762e225a3b27d82055da Mon Sep 17 00:00:00 2001
From: Lukas Oppermann <oppermann.lukas@gmail.com>
Date: Mon, 19 Oct 2026 13:14:54 +0200
Subject: [PATCH 2/3] test(hub): check all sidebar navigation links

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>

Copilot-Session: 6fbf160c-eede-4e16-adc5-29526ef4b5ee
---
 .../javascript/features/repository-navigation/index.test.tsx  | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/hub/app/javascript/features/repository-navigation/index.test.tsx b/hub/app/javascript/features/repository-navigation/index.test.tsx
index b258677..0b2fc62 100644
--- a/hub/app/javascript/features/repository-navigation/index.test.tsx
+++ b/hub/app/javascript/features/repository-navigation/index.test.tsx
@@ -90,7 +90,9 @@ describe("RepositoryNavigation()", () => {
       expect(feedback).toHaveAttribute("target", "_blank")
       expect(feedback).toHaveAttribute("rel", "noopener noreferrer")
       expect(feedback).not.toHaveAttribute("data-sg-visit")
-      for (const link of container.querySelectorAll("aside a[data-sg-visit]")) {
+      for (const link of container.querySelectorAll("aside a")) {
+        if (link === feedback) continue
+
         expect(link).toHaveAttribute("data-sg-visit", "true")
       }
       expect(screen.getByRole("link", { name: "Prototypes" })).toHaveAttribute(

From 81b40882a11f5cc0697eda2fbd0f60e24d95caec Mon Sep 17 00:00:00 2001
From: Lukas Oppermann <oppermann.lukas@gmail.com>
Date: Mon, 19 Oct 2026 18:07:34 +0200
Subject: [PATCH 3/3] refactor(hub): extract feedback icon component

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>

Copilot-Session: 6fbf160c-eede-4e16-adc5-29526ef4b5ee
---
 .../components/feedback-icon/index.tsx        | 19 +++++++++++++++++
 .../components/workspace-navigation/index.tsx | 21 +------------------
 2 files changed, 20 insertions(+), 20 deletions(-)
 create mode 100644 hub/app/javascript/components/feedback-icon/index.tsx

diff --git a/hub/app/javascript/components/feedback-icon/index.tsx b/hub/app/javascript/components/feedback-icon/index.tsx
new file mode 100644
index 0000000..50873ac
--- /dev/null
+++ b/hub/app/javascript/components/feedback-icon/index.tsx
@@ -0,0 +1,19 @@
+export function FeedbackIcon({ size = 16 }: { size?: number }) {
+  return (
+    <svg
+      aria-hidden="true"
+      focusable="false"
+      width={size}
+      height={size}
+      viewBox="0 0 16 16"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path d="M8 1.5a6.5 6.5 0 0 0-5.44 10.06L2 14.5l3.08-.8A6.5 6.5 0 1 0 8 1.5Z" />
+      <path d="M8 11S5 9.25 5 7.5a1.5 1.5 0 0 1 3-.3 1.5 1.5 0 0 1 3 .3C11 9.25 8 11 8 11Z" />
+    </svg>
+  )
+}
diff --git a/hub/app/javascript/components/workspace-navigation/index.tsx b/hub/app/javascript/components/workspace-navigation/index.tsx
index c3f3129..cef1391 100644
--- a/hub/app/javascript/components/workspace-navigation/index.tsx
+++ b/hub/app/javascript/components/workspace-navigation/index.tsx
@@ -3,32 +3,13 @@ import type { ReactNode } from "react"
 import { SidebarCollapseIcon, SidebarExpandIcon } from "@primer/octicons-react"
 import { Tooltip } from "@primer/react-brand"
 
+import { FeedbackIcon } from "@components/feedback-icon"
 import { RepositoryNavigationItem } from "@components/repository-navigation-item"
 import { RepositoryUserMenu } from "@components/repository-user-menu"
 
 import type { WorkspaceAccountData } from "./types"
 import "./styles.css"
 
-function FeedbackIcon({ size = 16 }: { size?: number }) {
-  return (
-    <svg
-      aria-hidden="true"
-      focusable="false"
-      width={size}
-      height={size}
-      viewBox="0 0 16 16"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    >
-      <path d="M8 1.5a6.5 6.5 0 0 0-5.44 10.06L2 14.5l3.08-.8A6.5 6.5 0 1 0 8 1.5Z" />
-      <path d="M8 11S5 9.25 5 7.5a1.5 1.5 0 0 1 3-.3 1.5 1.5 0 0 1 3 .3C11 9.25 8 11 8 11Z" />
-    </svg>
-  )
-}
-
 /** Keeps sidebar collapse and real account controls identical across navigation scopes. */
 export function WorkspaceNavigation({
   collapsed,