fix(tools): add modifier key support for advanced brush tools

TypeScript compilation fixes:
- Added modifier keys (altKey, ctrlKey, shiftKey, metaKey) to PointerState interface
- Updated all PointerState creations in canvas to include modifier keys
- Added 'smudge' and 'dodge' cursor definitions to tool store

Tool integration:
- Added 'clone', 'smudge', 'dodge' to drawing tools array in canvas
- Clone Stamp uses Alt+Click to set source point
- Dodge/Burn uses Alt key to toggle between dodge (lighten) and burn (darken) modes
- Smudge tool benefits from modifier key tracking for future enhancements

All tools now properly receive keyboard modifier state for advanced interactions.
Build verified successful with pnpm build.

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

Co-Authored-By: Claude <noreply@anthropic.com>

components/canvas/canvas-with-tools.tsx

@@ -237,6 +237,10 @@ export function CanvasWithTools() {
         prevX: canvasPos.x,
         prevY: canvasPos.y,
         pressure: e.pressure || 1,
+        altKey: e.altKey,
+        ctrlKey: e.ctrlKey,
+        shiftKey: e.shiftKey,
+        metaKey: e.metaKey,
       };
 
       setPointer(newPointer);
@@ -259,6 +263,10 @@ export function CanvasWithTools() {
         prevX: canvasPos.x,
         prevY: canvasPos.y,
         pressure: e.pressure || 1,
+        altKey: e.altKey,
+        ctrlKey: e.ctrlKey,
+        shiftKey: e.shiftKey,
+        metaKey: e.metaKey,
       };
 
       const textTool = toolsCache.current['text'];
@@ -283,6 +291,10 @@ export function CanvasWithTools() {
         prevX: canvasPos.x,
         prevY: canvasPos.y,
         pressure: e.pressure || 1,
+        altKey: e.altKey,
+        ctrlKey: e.ctrlKey,
+        shiftKey: e.shiftKey,
+        metaKey: e.metaKey,
       };
 
       setPointer(newPointer);
@@ -295,7 +307,7 @@ export function CanvasWithTools() {
     }
 
     // Drawing tools
-    if (e.button === 0 && !e.shiftKey && ['pencil', 'brush', 'eraser', 'fill', 'eyedropper', 'shape'].includes(activeTool)) {
+    if (e.button === 0 && !e.shiftKey && ['pencil', 'brush', 'eraser', 'fill', 'eyedropper', 'shape', 'clone', 'smudge', 'dodge'].includes(activeTool)) {
       const activeLayer = getActiveLayer();
       if (!activeLayer || !activeLayer.canvas || activeLayer.locked) return;
 
@@ -306,6 +318,10 @@ export function CanvasWithTools() {
         prevX: canvasPos.x,
         prevY: canvasPos.y,
         pressure: e.pressure || 1,
+        altKey: e.altKey,
+        ctrlKey: e.ctrlKey,
+        shiftKey: e.shiftKey,
+        metaKey: e.metaKey,
       };
 
       setPointer(newPointer);
@@ -341,7 +357,7 @@ export function CanvasWithTools() {
     }
 
     // Drawing
-    if (pointer.isDown && ['pencil', 'brush', 'eraser', 'eyedropper', 'shape'].includes(activeTool)) {
+    if (pointer.isDown && ['pencil', 'brush', 'eraser', 'eyedropper', 'shape', 'clone', 'smudge', 'dodge'].includes(activeTool)) {
       const activeLayer = getActiveLayer();
       if (!activeLayer || !activeLayer.canvas) return;
 
@@ -350,6 +366,10 @@ export function CanvasWithTools() {
         x: canvasPos.x,
         y: canvasPos.y,
         pressure: e.pressure || 1,
+        altKey: e.altKey,
+        ctrlKey: e.ctrlKey,
+        shiftKey: e.shiftKey,
+        metaKey: e.metaKey,
       };
 
       setPointer(newPointer);

store/tool-store.ts

@@ -52,6 +52,8 @@ export const useToolStore = create<ToolStore>()(
           shape: 'crosshair',
           crop: 'crosshair',
           clone: 'crosshair',
+          smudge: 'crosshair',
+          dodge: 'crosshair',
           blur: 'crosshair',
           sharpen: 'crosshair',
         };

types/canvas.ts

@@ -55,6 +55,14 @@ export interface PointerState {
   prevY: number;
   /** Pressure (0-1, for stylus) */
   pressure: number;
+  /** Alt key modifier */
+  altKey?: boolean;
+  /** Ctrl key modifier */
+  ctrlKey?: boolean;
+  /** Shift key modifier */
+  shiftKey?: boolean;
+  /** Meta key modifier */
+  metaKey?: boolean;
 }
 
 /**