From fe68eca773bcf407dd47f31e8972cd573f305df8 Mon Sep 17 00:00:00 2001
From: Marko Djordjevic <marko.homoludens@gmail.com>
Date: Fri, 20 Feb 2026 13:42:19 +0100
Subject: [PATCH] Add settings gear icon to sidebar (task 13.2)

Added a Settings icon button next to the theme toggle in the sidebar header
that links to /app/settings. This provides quick access to user settings
from the main workspace.

- Import Link from next/link in app/page.tsx
- Add Settings icon with link to /app/settings in sidebar header
- Mark task 13.2 as complete in tasks.md

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 openspec/changes/user-accounts/tasks.md | 2 +-
 src/app/app/page.tsx                    | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/openspec/changes/user-accounts/tasks.md b/openspec/changes/user-accounts/tasks.md
index 9eec1ec..9062edd 100644
--- a/openspec/changes/user-accounts/tasks.md
+++ b/openspec/changes/user-accounts/tasks.md
@@ -76,7 +76,7 @@
 ## 13. App Layout & User Menu
 
 - [x] 13.1 `[sonnet]` Create user menu component: avatar/initial, dropdown with "Settings" and "Sign Out" links
-- [ ] 13.2 `[haiku]` Add settings gear icon to sidebar (near theme toggle)
+- [x] 13.2 `[haiku]` Add settings gear icon to sidebar (near theme toggle)
 - [ ] 13.3 `[haiku]` Wire `signOut()` in user menu to destroy session and redirect to `/login`
 
 ## 14. ML Service User Scoping
diff --git a/src/app/app/page.tsx b/src/app/app/page.tsx
index b621e46..c206ca9 100644
--- a/src/app/app/page.tsx
+++ b/src/app/app/page.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { useState, useRef, useEffect, useCallback } from 'react';
+import Link from 'next/link';
 import Toolbox, { Tool } from '@/components/Toolbox';
 import FileUpload from '@/components/FileUpload';
 import CandleChart, { CandleChartHandle } from '@/components/CandleChart';
@@ -833,6 +834,13 @@ export default function Home() {
             <p className="text-[10px] text-muted-foreground">Chart annotation tool</p>
           </div>
           <div className="flex items-center gap-1">
+            <Link
+              href="/app/settings"
+              className="p-1.5 rounded hover:bg-secondary/50 transition-colors text-muted-foreground hover:text-foreground"
+              title="Settings"
+            >
+              <Settings className="w-4 h-4" />
+            </Link>
             <ThemeToggle />
           </div>
         </div>