feat: wire financials tab routing in Sidebar and page.tsx

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 4 insertions, 1 deletions

diff --git a/frontend/components/prism/Sidebar.tsx b/frontend/components/prism/Sidebar.tsx
index 7f106d8..fb8ebcf 100644
--- a/frontend/components/prism/Sidebar.tsx
+++ b/frontend/components/prism/Sidebar.tsx
@@ -12,6 +12,7 @@ type Props = {
   watchlistError: string | null;
   onSelectTicker: (symbol: string) => void;
   onRemoveTicker: (symbol: string) => void;
+  onSelectTab: (key: string) => void;
 };
 
 export function Sidebar({
@@ -21,7 +22,8 @@ export function Sidebar({
   watchlist,
   watchlistError,
   onSelectTicker,
-  onRemoveTicker
+  onRemoveTicker,
+  onSelectTab
 }: Props) {
   return (
     <aside className="psm-side">
@@ -46,6 +48,7 @@ export function Sidebar({
               type="button"
               className={`psm-nav-item${active ? " active" : ""}${item.disabled ? " disabled" : ""}`}
               disabled={item.disabled}
+              onClick={item.disabled ? undefined : () => onSelectTab(item.key)}
             >
               <span className={`psm-icon icon-${item.icon}`} aria-hidden />
               <span className="psm-nav-copy">