From cf9d28b20b2c194c712f7992cf4ef0c94698c2c0 Mon Sep 17 00:00:00 2001
From: Githelp AI Aagent <stian@githelp.app>
Date: Wed, 19 Aug 2026 17:22:05 +0000
Subject: [PATCH] feat: What to change: The Support page (the chat window) for
 User.

Task: 629cd2cd
Source: slack
Requested by: U04E9DZ5ELF
---
 src/app/support/chat/page.tsx     |  9 +++++++--
 src/components/layout/sidebar.tsx | 18 +++++++++++++++++-
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/app/support/chat/page.tsx b/src/app/support/chat/page.tsx
index d36b015..8ad4d86 100644
--- a/src/app/support/chat/page.tsx
+++ b/src/app/support/chat/page.tsx
@@ -111,6 +111,11 @@ export default function UserSupportChatPage() {
   const project = projectIdParam ? projectById : (slugParam ? projectBySlug : projectById)
   // Use the project's UUID when only a slug is provided, or fall back to projectId from URL/ticket
   const effectiveProjectId = project?.project_id || projectId || ""
+  const projectPageHref = project?.slug
+    ? `/support/${encodeURIComponent(project.slug)}`
+    : effectiveProjectId
+      ? `/support?project=${encodeURIComponent(effectiveProjectId)}`
+      : undefined
   const projectName = project?.name ?? "Support"
   const organizationName = hasSLA ? projectName : null
   const freeHelpRemaining: string | null = null
@@ -592,7 +597,7 @@ export default function UserSupportChatPage() {
 
   return (
     <div className="flex flex-1 min-h-0 overflow-hidden bg-bg-subtle">
-      <Sidebar />
+      <Sidebar projectPageHref={projectPageHref} />
 
       <TicketChat
         headerTitle={`Ticket with ${projectName}`}
@@ -765,7 +770,7 @@ export default function UserSupportChatPage() {
                 <h3 className="mb-3 uppercase" style={{ fontSize: '11px', letterSpacing: '0.05em', color: 'rgba(0,0,0,0.5)', fontWeight: 500 }}>Active tickets ({activeTicketsCount})</h3>
                 <div className={`-ml-5 -mr-4 ${activeTicketsSidebar.length > 1 ? "max-h-72 overflow-y-auto" : ""}`}>
                   {activeTicketsSidebar.length === 0 ? (
-                    <p className="text-[13px] text-muted-foreground px-3">No active tickets</p>
+                    <p className="text-[13px] text-muted-foreground pl-5 pr-4">No active tickets</p>
                   ) : (
                     activeTicketsSidebar.map((item) => (
                       <Link
diff --git a/src/components/layout/sidebar.tsx b/src/components/layout/sidebar.tsx
index a9aa81d..3bf1137 100644
--- a/src/components/layout/sidebar.tsx
+++ b/src/components/layout/sidebar.tsx
@@ -20,6 +20,8 @@ import { useUser } from "@/contexts/user-context"
 
 interface SidebarProps {
   className?: string
+  /** When provided, renders a discrete "See project page" external link above the bottom items. */
+  projectPageHref?: string
 }
 
 interface NavigationItem {
@@ -38,7 +40,7 @@ const FlaticonIcon = ({ iconClass, className }: { iconClass: string; className?:
   )
 }
 
-export function Sidebar({ className }: SidebarProps) {
+export function Sidebar({ className, projectPageHref }: SidebarProps) {
   const pathname = usePathname()
   // The Sidebar is mounted per-page (not in a shared layout), so its state
   // is wiped on every navigation. Derive the initially-expanded parent from
@@ -411,6 +413,20 @@ export function Sidebar({ className }: SidebarProps) {
       </nav>
 
       <div className="px-3 py-2.5 border-t border-sidebar-border space-y-0.5 shrink-0">
+        {projectPageHref && (
+          <a
+            href={projectPageHref}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-3 px-3 py-2.5 min-h-[40px] rounded-md text-xs font-medium text-muted-foreground hover:text-sidebar-foreground hover:bg-bg-subtle cursor-pointer transition-colors"
+            title={isCollapsed ? "See project page" : undefined}
+          >
+            <span className="flex h-5 w-5 shrink-0 items-center justify-center">
+              <FlaticonIcon iconClass="fi-rr-browser" />
+            </span>
+            {!isCollapsed && "See project page"}
+          </a>
+        )}
         {bottomItems.map((item) => {
           const isActive = item.href !== "#" && pathname === item.href
           const className = `flex items-center gap-3 px-3 py-2.5 min-h-[40px] text-sm font-medium rounded-md cursor-pointer transition-colors ${