improvement/v2/automate/tweaks (#4293)

- [x] Cleanup Automation output name garbage			
- [x] Remove Cross button on first two tools			
- [x] Automation creation name title to make clearer to the user
- [x] Colours for dark mode on automation tool settings are bad 	
- [x] Fix tool names not using correct translated ones 
- [x] suggested Automation Password needs adding to description 
- [x] Allow different filetypes in automation
- [x] Custom Icons for automation
- [x] split Tool wasn't working with merge to single pdf

---------

Co-authored-by: Connor Yoh <[email protected]>
Co-authored-by: James Brunton <[email protected]>

frontend/src/tools/Automate.tsx

@@ -1,8 +1,9 @@
-import React, { useState } from "react";
+import React, { useState, useMemo, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useFileContext } from "../contexts/FileContext";
 import { useFileSelection } from "../contexts/FileContext";
 import { useNavigation } from "../contexts/NavigationContext";
+import { useToolWorkflow } from "../contexts/ToolWorkflowContext";
 
 import { createToolFlow } from "../components/tools/shared/createToolFlow";
 import { createFilesToolStep } from "../components/tools/shared/FilesToolStep";
@@ -21,6 +22,7 @@ const Automate = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
   const { t } = useTranslation();
   const { selectedFiles } = useFileSelection();
   const { setMode } = useNavigation();
+  const { registerToolReset } = useToolWorkflow();
 
   const [currentStep, setCurrentStep] = useState<AutomationStep>(AUTOMATION_STEPS.SELECTION);
   const [stepData, setStepData] = useState<AutomationStepData>({ step: AUTOMATION_STEPS.SELECTION });
@@ -30,6 +32,28 @@ const Automate = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
   const hasResults = automateOperation.files.length > 0 || automateOperation.downloadUrl !== null;
   const { savedAutomations, deleteAutomation, refreshAutomations, copyFromSuggested } = useSavedAutomations();
 
+  // Use ref to store the latest reset function to avoid closure issues
+  const resetFunctionRef = React.useRef<() => void>(null);
+
+  // Update ref with latest reset function
+  resetFunctionRef.current = () => {
+    automateOperation.resetResults();
+    automateOperation.clearError();
+    setCurrentStep(AUTOMATION_STEPS.SELECTION);
+    setStepData({ step: AUTOMATION_STEPS.SELECTION });
+  };
+
+  // Register reset function with the tool workflow context - only once on mount
+  React.useEffect(() => {
+    const stableResetFunction = () => {
+      if (resetFunctionRef.current) {
+        resetFunctionRef.current();
+      }
+    };
+
+    registerToolReset('automate', stableResetFunction);
+  }, [registerToolReset]); // Only depend on registerToolReset which should be stable
+
   const handleStepChange = (data: AutomationStepData) => {
     // If navigating away from run step, reset automation results
     if (currentStep === AUTOMATION_STEPS.RUN && data.step !== AUTOMATION_STEPS.RUN) {
@@ -87,6 +111,7 @@ const Automate = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
                 onError?.(`Failed to copy automation: ${suggestedAutomation.name}`);
               }
             }}
+            toolRegistry={toolRegistry}
           />
         );
 
@@ -132,11 +157,25 @@ const Automate = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
     content
   });
 
+  // Dynamic file placeholder based on supported types
+  const filesPlaceholder = useMemo(() => {
+    if (currentStep === AUTOMATION_STEPS.RUN && stepData.automation?.operations?.length) {
+      const firstOperation = stepData.automation.operations[0];
+      const toolConfig = toolRegistry[firstOperation.operation];
+
+      // Check if the tool has supportedFormats that include non-PDF formats
+      if (toolConfig?.supportedFormats && toolConfig.supportedFormats.length > 1) {
+        return t('automate.files.placeholder.multiFormat', 'Select files to process (supports various formats)');
+      }
+    }
+    return t('automate.files.placeholder', 'Select PDF files to process with this automation');
+  }, [currentStep, stepData.automation, toolRegistry, t]);
+
   // Always create files step to avoid conditional hook calls
   const filesStep = createFilesToolStep(createStep, {
     selectedFiles,
     isCollapsed: hasResults,
-    placeholder: t('automate.files.placeholder', 'Select files to process with this automation')
+    placeholder: filesPlaceholder
   });
 
   const automationSteps = [

frontend/src/tools/Split.tsx

@@ -23,9 +23,18 @@ const Split = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
   const { enabled: endpointEnabled, loading: endpointLoading } = useEndpointEnabled(splitParams.getEndpointName());
 
   useEffect(() => {
+    // Only reset results when parameters change, not when files change
     splitOperation.resetResults();
     onPreviewFile?.(null);
-  }, [splitParams.parameters, selectedFiles]); 
+  }, [splitParams.parameters]);
+
+  useEffect(() => {
+    // Reset results when selected files change (user selected different files)
+    if (selectedFiles.length > 0) {
+      splitOperation.resetResults();
+      onPreviewFile?.(null);
+    }
+  }, [selectedFiles]);
   const handleSplit = async () => {
     try {
       await splitOperation.executeOperation(splitParams.parameters, selectedFiles);
@@ -51,7 +60,7 @@ const Split = ({ onPreviewFile, onComplete, onError }: BaseToolProps) => {
   };
 
   const hasFiles = selectedFiles.length > 0;
-  const hasResults = splitOperation.downloadUrl !== null;
+  const hasResults = splitOperation.files.length > 0 || splitOperation.downloadUrl !== null;
   const settingsCollapsed = !hasFiles || hasResults;
 
   return createToolFlow({