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 <connor@stirlingpdf.com>
Co-authored-by: James Brunton <jbrunton96@gmail.com>

frontend/src/hooks/tools/automate/useAutomateOperation.ts

@@ -44,6 +44,6 @@ export function useAutomateOperation() {
     endpoint: '/api/v1/pipeline/handleData', // Not used with customProcessor
     buildFormData: () => new FormData(), // Not used with customProcessor
     customProcessor,
-    filePrefix: AUTOMATION_CONSTANTS.FILE_PREFIX
+    filePrefix: '' // No prefix needed since automation handles naming internally
   });
 }

frontend/src/hooks/tools/automate/useAutomationForm.ts

@@ -14,6 +14,8 @@ export function useAutomationForm({ mode, existingAutomation, toolRegistry }: Us
   const { t } = useTranslation();
   
   const [automationName, setAutomationName] = useState('');
+  const [automationDescription, setAutomationDescription] = useState('');
+  const [automationIcon, setAutomationIcon] = useState<string>('');
   const [selectedTools, setSelectedTools] = useState<AutomationTool[]>([]);
 
   const getToolName = useCallback((operation: string) => {
@@ -33,6 +35,8 @@ export function useAutomationForm({ mode, existingAutomation, toolRegistry }: Us
   useEffect(() => {
     if ((mode === AutomationMode.SUGGESTED || mode === AutomationMode.EDIT) && existingAutomation) {
       setAutomationName(existingAutomation.name || '');
+      setAutomationDescription(existingAutomation.description || '');
+      setAutomationIcon(existingAutomation.icon || '');
 
       const operations = existingAutomation.operations || [];
       const tools = operations.map((op, index) => {
@@ -101,6 +105,10 @@ export function useAutomationForm({ mode, existingAutomation, toolRegistry }: Us
   return {
     automationName,
     setAutomationName,
+    automationDescription,
+    setAutomationDescription,
+    automationIcon,
+    setAutomationIcon,
     selectedTools,
     setSelectedTools,
     addTool,

frontend/src/hooks/tools/automate/useSavedAutomations.ts

@@ -45,10 +45,27 @@ export function useSavedAutomations() {
     try {
       const { automationStorage } = await import('../../../services/automationStorage');
       
+      // Map suggested automation icons to MUI icon keys
+      const getIconKey = (suggestedIcon: {id: string}): string => {
+        // Check the automation ID or name to determine the appropriate icon
+        switch (suggestedAutomation.id) {
+          case 'secure-pdf-ingestion':
+          case 'secure-workflow':
+            return 'SecurityIcon'; // Security icon for security workflows
+          case 'email-preparation':
+            return 'CompressIcon'; // Compression icon
+          case 'process-images':
+            return 'StarIcon'; // Star icon for process images
+          default:
+            return 'SettingsIcon'; // Default fallback
+        }
+      };
+      
       // Convert suggested automation to saved automation format
       const savedAutomation = {
         name: suggestedAutomation.name,
         description: suggestedAutomation.description,
+        icon: getIconKey(suggestedAutomation.icon),
         operations: suggestedAutomation.operations
       };
       

frontend/src/hooks/tools/automate/useSuggestedAutomations.ts

@@ -117,7 +117,7 @@ export function useSuggestedAutomations(): SuggestedAutomation[] {
       {
         id: "secure-workflow",
         name: t("automation.suggested.secureWorkflow", "Security Workflow"),
-        description: t("automation.suggested.secureWorkflowDesc", "Secures PDF documents by removing potentially malicious content like JavaScript and embedded files, then adds password protection to prevent unauthorized access."),
+        description: t("automation.suggested.secureWorkflowDesc", "Secures PDF documents by removing potentially malicious content like JavaScript and embedded files, then adds password protection to prevent unauthorized access. Password is set to 'password' by default."),
         operations: [
           {
             operation: "sanitize",

frontend/src/hooks/tools/shared/useToolOperation.ts

@@ -156,10 +156,16 @@ export const useToolOperation = <TParams = void>(
 
           const response = await axios.post(endpoint, formData, { responseType: 'blob' });
 
-          // Multi-file responses are typically ZIP files that need extraction
+          // Multi-file responses are typically ZIP files that need extraction, but some may return single PDFs
           if (config.responseHandler) {
             // Use custom responseHandler for multi-file (handles ZIP extraction)
             processedFiles = await config.responseHandler(response.data, validFiles);
+          } else if (response.data.type === 'application/pdf' || 
+                     (response.headers && response.headers['content-type'] === 'application/pdf')) {
+            // Single PDF response (e.g. split with merge option) - use original filename
+            const originalFileName = validFiles[0]?.name || 'document.pdf';
+            const singleFile = new File([response.data], originalFileName, { type: 'application/pdf' });
+            processedFiles = [singleFile];
           } else {
             // Default: assume ZIP response for multi-file endpoints
             processedFiles = await extractZipFiles(response.data);