From f0cfa2ad56f5b25423b1983231392feea73b53bd Mon Sep 17 00:00:00 2001
From: Shy Alter <puemos@users.noreply.github.com>
Date: Tue, 28 Jul 2026 18:16:18 +0200
Subject: [PATCH 1/2] Add Loops to global channel navigation

Generated-By: PostHog Code
Task-Id: 6620f68f-565d-4c9a-b8eb-5a5a2170879d
---
 .../features/canvas/components/ChannelNav.tsx | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/features/canvas/components/ChannelNav.tsx b/packages/ui/src/features/canvas/components/ChannelNav.tsx
index c95247fa7a..56d9bb1a6d 100644
--- a/packages/ui/src/features/canvas/components/ChannelNav.tsx
+++ b/packages/ui/src/features/canvas/components/ChannelNav.tsx
@@ -1,5 +1,11 @@
-import { BellIcon, EnvelopeSimple, Lightning } from "@phosphor-icons/react";
+import {
+  BellIcon,
+  EnvelopeSimple,
+  Lightning,
+  RepeatIcon,
+} from "@phosphor-icons/react";
 import { cn } from "@posthog/quill";
+import { LOOPS_FLAG } from "@posthog/shared";
 import {
   ANALYTICS_EVENTS,
   type SidebarNavItem,
@@ -10,12 +16,14 @@ import {
   SHORTCUTS,
 } from "@posthog/ui/features/command/keyboard-shortcuts";
 import { useCommandCenterActiveCount } from "@posthog/ui/features/command-center/useCommandCenterActiveCount";
+import { useFeatureFlag } from "@posthog/ui/features/feature-flags/useFeatureFlag";
 import { useInboxAllReports } from "@posthog/ui/features/inbox/hooks/useInboxAllReports";
 import { CountBadge } from "@posthog/ui/primitives/CountBadge";
 import { Tooltip } from "@posthog/ui/primitives/Tooltip";
 import {
   navigateToActivity,
   navigateToInbox,
+  navigateToLoops,
   navigateToWebsiteCommandCenter,
 } from "@posthog/ui/router/navigationBridge";
 import { useAppView } from "@posthog/ui/router/useAppView";
@@ -64,6 +72,7 @@ function NavIcon({
 
 export function ChannelNav() {
   const view = useAppView();
+  const loopsEnabled = useFeatureFlag(LOOPS_FLAG, import.meta.env.DEV);
 
   const { counts } = useInboxAllReports({
     ignoreFilters: true,
@@ -118,6 +127,19 @@ export function ChannelNav() {
           />
         }
       />
+      {loopsEnabled ? (
+        <NavIcon
+          icon={
+            <RepeatIcon
+              size={16}
+              weight={view.type === "loops" ? "fill" : "regular"}
+            />
+          }
+          label="Loops"
+          isActive={view.type === "loops"}
+          onClick={withTrack("loops", navigateToLoops)}
+        />
+      ) : null}
     </div>
   );
 }

From 7f08e50eb2c315f85cc6ae6cad6a0377c05eacee Mon Sep 17 00:00:00 2001
From: Shy Alter <puemos@users.noreply.github.com>
Date: Tue, 28 Jul 2026 18:17:17 +0200
Subject: [PATCH 2/2] Add Configure to global channel navigation

Generated-By: PostHog Code
Task-Id: 6620f68f-565d-4c9a-b8eb-5a5a2170879d
---
 packages/ui/src/features/canvas/components/ChannelNav.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/ui/src/features/canvas/components/ChannelNav.tsx b/packages/ui/src/features/canvas/components/ChannelNav.tsx
index 56d9bb1a6d..5089bd5fbd 100644
--- a/packages/ui/src/features/canvas/components/ChannelNav.tsx
+++ b/packages/ui/src/features/canvas/components/ChannelNav.tsx
@@ -3,6 +3,7 @@ import {
   EnvelopeSimple,
   Lightning,
   RepeatIcon,
+  SlidersHorizontal,
 } from "@phosphor-icons/react";
 import { cn } from "@posthog/quill";
 import { LOOPS_FLAG } from "@posthog/shared";
@@ -18,6 +19,7 @@ import {
 import { useCommandCenterActiveCount } from "@posthog/ui/features/command-center/useCommandCenterActiveCount";
 import { useFeatureFlag } from "@posthog/ui/features/feature-flags/useFeatureFlag";
 import { useInboxAllReports } from "@posthog/ui/features/inbox/hooks/useInboxAllReports";
+import { openSettings } from "@posthog/ui/features/settings/hooks/useOpenSettings";
 import { CountBadge } from "@posthog/ui/primitives/CountBadge";
 import { Tooltip } from "@posthog/ui/primitives/Tooltip";
 import {
@@ -140,6 +142,12 @@ export function ChannelNav() {
           onClick={withTrack("loops", navigateToLoops)}
         />
       ) : null}
+      <NavIcon
+        icon={<SlidersHorizontal size={16} />}
+        label="Configure"
+        isActive={false}
+        onClick={withTrack("configure", () => openSettings("agents"))}
+      />
     </div>
   );
 }