From 802336923996c315fff3f0c2c085aa5b286ac181 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Tue, 18 Nov 2025 07:00:57 +0100
Subject: [PATCH] feat: add pan knob icon to Pan label
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added Move icon (crosshair/knob) to Pan label to match Volume's icon.
Now both controls have visual icons for better UI consistency.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/tracks/Track.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/tracks/Track.tsx b/components/tracks/Track.tsx
index 20318f8..ae6c52d 100644
--- a/components/tracks/Track.tsx
+++ b/components/tracks/Track.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { Volume2, VolumeX, Headphones, Trash2, ChevronDown, ChevronRight } from 'lucide-react';
+import { Volume2, VolumeX, Headphones, Trash2, ChevronDown, ChevronRight, Move } from 'lucide-react';
 import type { Track as TrackType } from '@/types/track';
 import { Button } from '@/components/ui/Button';
 import { Slider } from '@/components/ui/Slider';
@@ -283,7 +283,10 @@ export function Track({
 
             {/* Pan */}
             <div className="flex items-center gap-2">
-              <label className="text-xs text-muted-foreground w-16 flex-shrink-0">Pan</label>
+              <label className="text-xs text-muted-foreground flex items-center gap-1 w-16 flex-shrink-0">
+                <Move className="h-3 w-3" />
+                Pan
+              </label>
               <div className="flex-1">
                 <Slider
                   value={track.pan}