lots of updates

src/Storage.ts

@@ -4,6 +4,12 @@ interface SavedShader {
     code: string;
     created: number;
     lastUsed: number;
+    // Visual settings
+    resolution?: number;
+    fps?: number;
+    renderMode?: string;
+    valueMode?: string;
+    uiOpacity?: number;
 }
 
 interface AppSettings {
@@ -11,6 +17,7 @@ interface AppSettings {
     fps: number;
     lastShaderCode: string;
     renderMode: string;
+    valueMode?: string;
     uiOpacity?: number;
 }
 
@@ -18,7 +25,7 @@ export class Storage {
     private static readonly SHADERS_KEY = 'bitfielder_shaders';
     private static readonly SETTINGS_KEY = 'bitfielder_settings';
     
-    static saveShader(name: string, code: string): SavedShader {
+    static saveShader(name: string, code: string, settings?: Partial<AppSettings>): SavedShader {
         const shaders = this.getShaders();
         const id = this.generateId();
         const timestamp = Date.now();
@@ -28,7 +35,15 @@ export class Storage {
             name: name.trim() || `Shader ${shaders.length + 1}`,
             code,
             created: timestamp,
-            lastUsed: timestamp
+            lastUsed: timestamp,
+            // Include settings if provided
+            ...(settings && {
+                resolution: settings.resolution,
+                fps: settings.fps,
+                renderMode: settings.renderMode,
+                valueMode: settings.valueMode,
+                uiOpacity: settings.uiOpacity
+            })
         };
         
         shaders.push(shader);