fix: artifact store contamination, FileReader onerror, enhancer bugs, Artifact deps

- Add resetArtifacts() to WorkbenchStore to clear stale artifacts on chat switch
- Call resetArtifacts() in Chat.client.tsx cleanup useEffect
- Add onerror handlers to both FileReader instances in BaseChat.tsx
- Add reader.cancel() on stream error in usePromptEnhancer.ts
- Guard setTimeout with if(!_error) to prevent overwriting restored input
- Fix Artifact.tsx useMemo deps to include artifact?.runner
- Add early return in useChatHistory.ts restoreSnapshot on write failure

Author: zebbern

app/components/chat/Artifact.tsx

@@ -53,7 +53,7 @@ export const Artifact = memo(({ artifactId }: ArtifactProps) => {
         return action.type !== 'supabase' && !(action.type === 'shell' && action.content?.includes('supabase'));
       });
     });
-  }, [artifact]);
+  }, [artifact, artifact?.runner]);
 
   const actions = useStore(filteredActions ?? computed(workbenchStore.artifacts, () => [] as ActionState[]));
 

app/components/chat/BaseChat.tsx

@@ -497,6 +497,11 @@ export const BaseChat = React.memo(
             setUploadedFiles?.([...uploadedFiles, file]);
             setImageDataList?.([...imageDataList, base64Image]);
           };
+
+          reader.onerror = () => {
+            logger.error('Failed to read image file:', reader.error);
+          };
+
           reader.readAsDataURL(file);
         }
       };
@@ -526,6 +531,11 @@ export const BaseChat = React.memo(
                 setUploadedFiles?.([...uploadedFiles, file]);
                 setImageDataList?.([...imageDataList, base64Image]);
               };
+
+              reader.onerror = () => {
+                logger.error('Failed to read pasted image:', reader.error);
+              };
+
               reader.readAsDataURL(file);
             }
 

app/components/chat/Chat.client.tsx

@@ -286,6 +286,7 @@ export const ChatImpl = memo(
          * events and pick up stale ports from the dying runtime.
          */
         workbenchStore.showWorkbench.set(false);
+        workbenchStore.resetArtifacts();
 
         if (pollTimeoutRef.current !== null) {
           clearTimeout(pollTimeoutRef.current);

app/lib/hooks/usePromptEnhancer.ts

@@ -99,6 +99,7 @@ export function usePromptEnhancer() {
     } catch (error) {
       _error = error;
       setInput(originalInput);
+      reader.cancel().catch(() => {});
     } finally {
       if (_error) {
         logger.error(_error);
@@ -107,9 +108,11 @@ export function usePromptEnhancer() {
       setEnhancingPrompt(false);
       setPromptEnhanced(true);
 
-      enhanceTimeoutRef.current = setTimeout(() => {
-        setInput(_input);
-      });
+      if (!_error) {
+        enhanceTimeoutRef.current = setTimeout(() => {
+          setInput(_input);
+        }, 0);
+      }
     }
   };
 

app/lib/persistence/useChatHistory.ts

@@ -280,6 +280,8 @@ export function useChatHistory() {
       await Promise.all(filePromises);
     } catch (error) {
       logger.error('Failed to write snapshot files to runtime filesystem:', error);
+
+      return;
     }
 
     /*

app/lib/stores/workbench.ts

@@ -133,6 +133,12 @@ export class WorkbenchStore {
     this.#previewsStore.reset();
   }
 
+  resetArtifacts() {
+    this.artifacts.set({});
+    this.artifactIdList = [];
+    this.#reloadedMessages.clear();
+  }
+
   get files() {
     return this.#filesStore.files;
   }