diff --git a/src/components/app-sidebar.tsx b/src/components/app-sidebar.tsx
index 39e8fb6..7af9cb2 100644
--- a/src/components/app-sidebar.tsx
+++ b/src/components/app-sidebar.tsx
@@ -161,16 +161,16 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
   }
 
   return (
-    <Sidebar {...props}>
-      <SidebarHeader className="gap-3">
+    <Sidebar {...props}>
+      <SidebarHeader className="gap-3">
         <VersionSwitcher
           label="Sistema de chamados"
           versions={[...navigation.versions]}
           defaultVersion={navigation.versions[0]}
         />
         <SearchForm placeholder="Buscar tickets" />
-      </SidebarHeader>
-      <SidebarContent>
+      </SidebarHeader>
+      <SidebarContent>
         {navigation.navMain.map((group) => {
           if (!canAccess(group.requiredRole)) return null
           const visibleItems = group.items.filter((item) => canAccess(item.requiredRole))
@@ -195,7 +195,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
             </SidebarGroup>
           )
         })}
-      </SidebarContent>
+      </SidebarContent>
       <SidebarFooter>
         {isLoading ? (
           <div className="flex items-center gap-3 rounded-lg border border-border/70 bg-sidebar p-3 shadow-sm">
@@ -214,9 +214,33 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
             }}
           />
         )}
+        {process.env.NODE_ENV !== "production" ? (
+          <div className="mt-3 rounded-lg border border-dashed border-slate-300 bg-slate-50 p-2 text-[11px] text-slate-700">
+            <div className="flex items-center justify-between">
+              <span className="font-semibold">Dev</span>
+              <span className="rounded-full border border-slate-300 bg-white px-2 py-[2px]">{isStaff ? "staff" : "guest"}</span>
+            </div>
+            <div className="mt-1 grid gap-[2px]">
+              <div>
+                <span className="text-slate-500">role: </span>
+                <span className="font-mono">{(session?.user as any)?.role ?? "(none)"}</span>
+              </div>
+              <div className="truncate">
+                <span className="text-slate-500">convexUserId: </span>
+                <span className="font-mono">{convexUserId ?? "(null)"}</span>
+              </div>
+              {process.env.NEXT_PUBLIC_CONVEX_URL ? (
+                <div className="truncate">
+                  <span className="text-slate-500">convex: </span>
+                  <span className="font-mono">{process.env.NEXT_PUBLIC_CONVEX_URL}</span>
+                </div>
+              ) : null}
+            </div>
+          </div>
+        ) : null}
       </SidebarFooter>
-      <SidebarRail />
-    </Sidebar>
-  )
-}
+      <SidebarRail />
+    </Sidebar>
+  )
+}