Redesign dashboard sidebar; user account, telegram roles improvements

AGENTS.md

@@ -5,18 +5,29 @@
 When checking UI changes through a preview or browser, start the app with agent mode enabled:
 
 ```sh
-PORT=18203 AGENT_MODE=true pnpm dev
+PORT=xxxxx AGENT_MODE=true pnpm dev
 ```
 
-Use port 18203 or override the `PORT=` in the start command, but be sure to not use ports in the 3000-range
-because those are probably used by local dev servers on the user's machine, and it may fail for EADDRINUSE.
+Setting the `PORT=xxxxx` to an high enough port that is unlikely to hit
+another service or conflict with another workflow in preview (min 10000).
 
-Then open `/dashboard` directly. `AGENT_MODE` bypasses session and role authorization and disables the auth-based redirects between `/login` and `/dashboard`, so no real account or login flow is needed.
+Then open `/dashboard` directly (if not working on a page outside dashboard).
+`AGENT_MODE` bypasses session and role authorization and disables the auth-based
+redirects between `/login` and `/dashboard`, so no real account or login flow is needed.
+You can indipendently check /dashboard and /login for modifying those pages
 
-Use this flag only for local agent-driven development and previews. Never enable it in a deployed environment, and always verify that normal behavior still works with `AGENT_MODE=false`.
+Use this flag only for local agent-driven development and previews.
+Never enable it in a deployed environment.
 
-You can indipendently check /dashboard and /login for modifying those pages
+When modifing auth-related code or redirects between authed and non-authed contexts,
+always verify that normal behavior still works with `AGENT_MODE=false`.
 
 > [!IMPORTANT]
 > Do not run destructive actions across multiple rows, unless specific prompt indication or
 > ask for user confirmation ALWAYS.
+
+## Git
+
+Always do commits with conventional commits.
+Set description when a commit includes lot of changes that cannot
+be divided into multiple commits, to specify the most important changes of the commit.

CLAUDE.md

@@ -0,0 +1 @@
+AGENTS.md

components.json

@@ -12,14 +12,17 @@
   },
   "iconLibrary": "lucide",
   "rtl": false,
+  "menuColor": "default",
+  "menuAccent": "subtle",
   "aliases": {
     "components": "@/components",
     "utils": "@/lib/utils",
     "ui": "@/components/ui",
     "lib": "@/lib",
     "hooks": "@/hooks"
   },
-  "menuColor": "default",
-  "menuAccent": "subtle",
-  "registries": {}
+  "registries": {
+    "@iconiq": "https://iconiqui.com/r/{name}.json",
+    "@reui": "https://reui.io/r/{style}/{name}.json"
+  }
 }

package.json

@@ -28,6 +28,7 @@
     "cmdk": "^1.1.1",
     "date-fns": "^4.4.0",
     "lucide-react": "^0.545.0",
+    "motion": "^12.42.2",
     "nitro": "latest",
     "react": "^19.2.0",
     "react-day-picker": "^10.0.1",

src/components/app-mark.tsx

@@ -5,18 +5,21 @@ import { cn } from "@/lib/utils"
 export function AppMark({
   compact = false,
   sidebarResponsive = false,
+  className,
   onClick,
 }: {
   compact?: boolean
   sidebarResponsive?: boolean
+  className?: string
   onClick?: React.MouseEventHandler<HTMLAnchorElement>
 }) {
   return (
     <Link
       to="/dashboard"
       className={cn(
         "flex w-max items-center gap-3 rounded-lg text-inherit outline-none focus-visible:ring-3 focus-visible:ring-current/25",
-        sidebarResponsive && "group-data-[collapsible=icon]:gap-0"
+        sidebarResponsive && "group-data-[collapsible=icon]:gap-0",
+        className
       )}
       aria-label="PoliNetwork Admin home"
       onClick={onClick}

src/components/dashboard-navigation.ts

@@ -38,7 +38,7 @@ export const dashboardNavigation = [
     items: [
       { title: "Users", url: "/dashboard/telegram/users", icon: UsersRound },
       { title: "Groups", url: "/dashboard/telegram/groups", icon: Database },
-      { title: "Access grants", url: "/dashboard/telegram/grants", icon: ShieldCheck },
+      { title: "Grants", url: "/dashboard/telegram/grants", icon: ShieldCheck },
     ],
   },
   {