Initial release v1.0.0

frontend/features/settings/components/sections/StoragePathsSection.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { SettingsSection, SettingsRow, SettingsInput } from "../ui";
+import { SystemSettings } from "../../types";
+
+interface StoragePathsSectionProps {
+    settings: SystemSettings;
+    onUpdate: (updates: Partial<SystemSettings>) => void;
+    onTest: (service: string) => Promise<{ success: boolean; version?: string; error?: string }>;
+    isTesting: boolean;
+}
+
+export function StoragePathsSection({ settings, onUpdate }: StoragePathsSectionProps) {
+    return (
+        <SettingsSection 
+            id="storage" 
+            title="Storage"
+            description="Configure storage paths for your music library"
+        >
+            <SettingsRow 
+                label="Music library path"
+                description="Path to your music library"
+            >
+                <SettingsInput
+                    value={settings.musicPath}
+                    onChange={(v) => onUpdate({ musicPath: v })}
+                    placeholder="/music"
+                    className="w-64"
+                />
+            </SettingsRow>
+
+            <SettingsRow 
+                label="Download path"
+                description="Path for new downloads"
+            >
+                <SettingsInput
+                    value={settings.downloadPath}
+                    onChange={(v) => onUpdate({ downloadPath: v })}
+                    placeholder="/downloads"
+                    className="w-64"
+                />
+            </SettingsRow>
+        </SettingsSection>
+    );
+}