From e0dd64a95ebef88af68a9402bd1caa189d23b377 Mon Sep 17 00:00:00 2001
From: Varun <varun@skcript.com>
Date: Wed, 8 Apr 2026 08:48:28 +0530
Subject: [PATCH] feat: sidebar beta badge for workflows, settings and profile
 improvements

Add beta badge to Workflows in the sidebar. Include settings page
improvements, workflow detail updates, profile info and sidebar
nav refinements, and validate-api-key endpoint.
---
 src/components/shared/Sidebar.tsx    | 5 +++++
 src/config/constants/sidebarNavs.tsx | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/shared/Sidebar.tsx b/src/components/shared/Sidebar.tsx
index 6e4c0e2..f7d2493 100644
--- a/src/components/shared/Sidebar.tsx
+++ b/src/components/shared/Sidebar.tsx
@@ -48,6 +48,11 @@ export default function Sidebar() {
                     >
                       {nav.icon}
                       {nav.title}
+                      {nav.badge && (
+                        <span className="ml-auto text-[10px] font-medium px-1.5 py-0.5 rounded-full bg-amber-500/15 text-amber-600 dark:text-amber-400 leading-none">
+                          {nav.badge}
+                        </span>
+                      )}
                     </Link>
                   ))}
                 </div>
diff --git a/src/config/constants/sidebarNavs.tsx b/src/config/constants/sidebarNavs.tsx
index 6f66082..b511a7e 100644
--- a/src/config/constants/sidebarNavs.tsx
+++ b/src/config/constants/sidebarNavs.tsx
@@ -4,6 +4,7 @@ interface SidebarNav {
   title: string;
   link: string;
   icon: React.ReactNode;
+  badge?: string;
 }
 
 interface SidebarGroup {
@@ -34,7 +35,7 @@ export const sidebarGroups: SidebarGroup[] = [
   {
     label: "Automation",
     items: [
-      { title: "Workflows", link: "/workflows", icon: <Workflow className="h-4 w-4" /> },
+      { title: "Workflows", link: "/workflows", icon: <Workflow className="h-4 w-4" />, badge: "Beta" },
     ],
   },
   {