From b37b6acefe15e342b0882a7457f6291c0716e806 Mon Sep 17 00:00:00 2001 From: Harshit Singh Bhandari Date: Thu, 18 Jun 2026 16:23:19 +0530 Subject: [PATCH] feat(frontend): refresh dashboard, orchestrator, and AO logos (#317) * feat(frontend): refresh dashboard, orchestrator, and AO logos Replaces the dashboard and orchestrator glyphs and the AO brand logo per issue #315. - Dashboard buttons (sidebar action + Open Kanban) now use the asymmetric LayoutDashboard icon instead of the equal-cell LayoutGrid. - Orchestrator buttons (sidebar action + every topbar badge/button) use a new org-chart OrchestratorIcon (parent fanning to three children), authored in lucide's stroke style since lucide has no matching glyph. - The AO brand logo (sidebar header mark, landing nav, docs header) is now the pixel-mascot image; the old ao-logo.svg monogram is removed. Closes #315 * chore: format with prettier [skip ci] * fix(landing): use next/image and next/link for the AO logo and docs link Addresses react-doctor review on #317: the Next.js landing app should use next/image for the brand logo (optimized formats, responsive srcset, lazy loading) and next/link for the internal /docs navigation (client-side routing + prefetch) instead of plain /. --------- Co-authored-by: github-actions[bot] --- frontend/src/landing/app/docs/layout.tsx | 10 +++++- .../src/landing/components/LandingNav.tsx | 16 +++++++-- frontend/src/landing/public/ao-logo.png | Bin 0 -> 56220 bytes frontend/src/landing/public/ao-logo.svg | 25 ------------- frontend/src/renderer/assets/ao-logo.png | Bin 0 -> 56220 bytes .../src/renderer/components/ShellTopbar.tsx | 13 +++---- frontend/src/renderer/components/Sidebar.tsx | 17 +++++---- frontend/src/renderer/components/icons.tsx | 33 ++++++++++++++++++ 8 files changed, 70 insertions(+), 44 deletions(-) create mode 100644 frontend/src/landing/public/ao-logo.png delete mode 100644 frontend/src/landing/public/ao-logo.svg create mode 100644 frontend/src/renderer/assets/ao-logo.png create mode 100644 frontend/src/renderer/components/icons.tsx diff --git a/frontend/src/landing/app/docs/layout.tsx b/frontend/src/landing/app/docs/layout.tsx index 7813f17d8..f4aeb1001 100644 --- a/frontend/src/landing/app/docs/layout.tsx +++ b/frontend/src/landing/app/docs/layout.tsx @@ -1,4 +1,5 @@ import type { ReactNode } from "react"; +import Image from "next/image"; import { DocsLayout } from "fumadocs-ui/layouts/docs"; import { RootProvider } from "fumadocs-ui/provider"; import type { LinkItemType } from "fumadocs-ui/layouts/shared"; @@ -82,7 +83,14 @@ export default function Layout({ children }: { children: ReactNode }) { nav={{ title: ( - + AO ), diff --git a/frontend/src/landing/components/LandingNav.tsx b/frontend/src/landing/components/LandingNav.tsx index 4288d70b4..af2bdfec5 100644 --- a/frontend/src/landing/components/LandingNav.tsx +++ b/frontend/src/landing/components/LandingNav.tsx @@ -1,5 +1,8 @@ "use client"; +import Image from "next/image"; +import Link from "next/link"; + function XIcon() { return ( + Agent Orchestrator