From 53d436a1741cbfcb47023bf6066fe913647c099d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Mon, 17 Nov 2025 22:39:43 +0100
Subject: [PATCH] fix: ensure track name is always converted to string in
 TrackHeader
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Convert track.name to string in all state initializations and updates
to prevent '[object Object]' rendering issues.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/tracks/TrackHeader.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/tracks/TrackHeader.tsx b/components/tracks/TrackHeader.tsx
index c830e4b..d28f182 100644
--- a/components/tracks/TrackHeader.tsx
+++ b/components/tracks/TrackHeader.tsx
@@ -29,12 +29,12 @@ export function TrackHeader({
   onNameChange,
 }: TrackHeaderProps) {
   const [isEditingName, setIsEditingName] = React.useState(false);
-  const [nameInput, setNameInput] = React.useState(track.name);
+  const [nameInput, setNameInput] = React.useState(String(track.name || 'Untitled Track'));
   const inputRef = React.useRef<HTMLInputElement>(null);
 
   const handleNameClick = () => {
     setIsEditingName(true);
-    setNameInput(track.name);
+    setNameInput(String(track.name || 'Untitled Track'));
   };
 
   const handleNameBlur = () => {
@@ -42,7 +42,7 @@ export function TrackHeader({
     if (nameInput.trim()) {
       onNameChange(nameInput.trim());
     } else {
-      setNameInput(track.name);
+      setNameInput(String(track.name || 'Untitled Track'));
     }
   };
 
@@ -50,7 +50,7 @@ export function TrackHeader({
     if (e.key === 'Enter') {
       inputRef.current?.blur();
     } else if (e.key === 'Escape') {
-      setNameInput(track.name);
+      setNameInput(String(track.name || 'Untitled Track'));
       setIsEditingName(false);
     }
   };