Farb palette

src/navigation/types.ts

@@ -1,4 +1,6 @@
 import { NavigatorScreenParams } from '@react-navigation/native';
+import React from 'react';
+import { GlazeLayer, UserListType } from '../types';
 
 export type RootStackParamList = {
   Login: undefined;
@@ -6,14 +8,30 @@ export type RootStackParamList = {
   Onboarding: undefined;
   MainTabs: NavigatorScreenParams<MainTabParamList>;
   ProjectDetail: { projectId: string };
-  StepEditor: { projectId: string; stepId?: string; selectedGlazeIds?: string[]; mixNotes?: string; _timestamp?: number; _editorKey?: string };
-  GlazePicker: { projectId: string; stepId?: string; selectedGlazeIds?: string[]; _editorKey?: string };
-  GlazeMixer: { projectId: string; stepId?: string; _editorKey?: string };
+  StepEditor: {
+    projectId: string;
+    stepId?: string;
+    selectedGlazeIds?: string[]; // DEPRECATED - keep for backwards compat
+    newGlazeLayers?: GlazeLayer[]; // NEW
+    mixNotes?: string;
+    _timestamp?: number;
+    _editorKey?: string
+  };
+  GlazePicker: {
+    projectId: string;
+    stepId?: string;
+    selectedGlazeIds?: string[];
+    mode?: 'add_layer' | 'replace';
+    onGlazesSelected?: React.MutableRefObject<((layers: GlazeLayer[]) => void) | null>;
+    _editorKey?: string
+  };
   GlazeDetail: { glazeId: string };
   AddCustomGlaze: { onGlazeCreated?: (glazeId: string) => void };
+  UserList: { type: UserListType }; // NEW
 };
 
 export type MainTabParamList = {
+  Home: undefined;
   Projects: undefined;
   News: undefined;
   Settings: undefined;