Stirling 2.0 (#3928)

# Description of Changes

<!--

File context for managing files between tools and views
Optimisation for large files
Updated Split to work with new file system and match Matts stepped
design closer

-->

---

## Checklist

### General

- [ ] I have read the [Contribution
Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md)
- [ ] I have read the [Stirling-PDF Developer
Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md)
(if applicable)
- [ ] I have read the [How to add new languages to
Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md)
(if applicable)
- [ ] I have performed a self-review of my own code
- [ ] My changes generate no new warnings

### Documentation

- [ ] I have updated relevant docs on [Stirling-PDF's doc
repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/)
(if functionality has heavily changed)
- [ ] I have read the section [Add New Translation
Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md#add-new-translation-tags)
(for new translation tags only)

### UI Changes (if applicable)

- [ ] Screenshots or videos demonstrating the UI changes are attached
(e.g., as comments or direct attachments in the PR)

### Testing (if applicable)

- [ ] I have tested my changes locally. Refer to the [Testing
Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md#6-testing)
for more details.

---------

Co-authored-by: Anthony Stirling <[email protected]>

frontend/src/components/tools/ToolRenderer.tsx

@@ -1,29 +1,30 @@
-import React from "react";
 import { FileWithUrl } from "../../types/file";
+import { useToolManagement } from "../../hooks/useToolManagement";
 
 interface ToolRendererProps {
   selectedToolKey: string;
-  selectedTool: any;
   pdfFile: any;
   files: FileWithUrl[];
-  downloadUrl: string | null;
-  setDownloadUrl: (url: string | null) => void;
   toolParams: any;
   updateParams: (params: any) => void;
+  toolSelectedFiles?: File[];
+  onPreviewFile?: (file: File | null) => void;
 }
 
 const ToolRenderer = ({
   selectedToolKey,
-  selectedTool,
-  pdfFile,
-  files,
-  downloadUrl,
-  setDownloadUrl,
+files,
   toolParams,
   updateParams,
+  toolSelectedFiles = [],
+  onPreviewFile,
 }: ToolRendererProps) => {
+  // Get the tool from registry
+  const { toolRegistry } = useToolManagement();
+  const selectedTool = toolRegistry[selectedToolKey];
+
   if (!selectedTool || !selectedTool.component) {
-    return <div>Tool not found</div>;
+    return <div>Tool not found: {selectedToolKey}</div>;
   }
 
   const ToolComponent = selectedTool.component;
@@ -33,19 +34,15 @@ const ToolRenderer = ({
     case "split":
       return (
         <ToolComponent
-          file={pdfFile}
-          downloadUrl={downloadUrl}
-          setDownloadUrl={setDownloadUrl}
-          params={toolParams}
-          updateParams={updateParams}
+          selectedFiles={toolSelectedFiles}
+          onPreviewFile={onPreviewFile}
         />
       );
     case "compress":
       return (
         <ToolComponent
           files={files}
-          setDownloadUrl={setDownloadUrl}
-          setLoading={(loading: boolean) => {}} // TODO: Add loading state
+          setLoading={(loading: boolean) => {}}
           params={toolParams}
           updateParams={updateParams}
         />
@@ -54,7 +51,6 @@ const ToolRenderer = ({
       return (
         <ToolComponent
           files={files}
-          setDownloadUrl={setDownloadUrl}
           params={toolParams}
           updateParams={updateParams}
         />
@@ -63,7 +59,6 @@ const ToolRenderer = ({
       return (
         <ToolComponent
           files={files}
-          setDownloadUrl={setDownloadUrl}
           params={toolParams}
           updateParams={updateParams}
         />
@@ -71,4 +66,4 @@ const ToolRenderer = ({
   }
 };
 
-export default ToolRenderer;
+export default ToolRenderer;