From c39ea47c73a355f8a66e63fa3a99b6c0c1a2a169 Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Thu, 30 Oct 2025 18:34:11 -0400
Subject: [PATCH] Update icon utility files to remove library.add() calls

Updated Workflow and Libraries icon files to export icon arrays instead of calling library.add(). Also updated useInvocationGraph to remove library registration.
---
 client/src/components/Libraries/icons.js     | 38 ++++++++++++--------
 client/src/components/Workflow/icons.js      |  6 ----
 client/src/composables/useInvocationGraph.ts |  4 +--
 3 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/client/src/components/Libraries/icons.js b/client/src/components/Libraries/icons.js
index 7ae347b7dc5..7cd8aa14213 100644
--- a/client/src/components/Libraries/icons.js
+++ b/client/src/components/Libraries/icons.js
@@ -1,4 +1,3 @@
-import { library } from "@fortawesome/fontawesome-svg-core";
 import { faCheckSquare, faFile, faFolder, faSave, faSquare } from "@fortawesome/free-regular-svg-icons";
 import {
     faAngleDoubleLeft,
@@ -16,7 +15,7 @@ import {
     faUsers,
 } from "@fortawesome/free-solid-svg-icons";
 
-const tableIcons = [
+export const tableIcons = [
     faFile,
     faFolder,
     faSpinner,
@@ -34,16 +33,27 @@ const tableIcons = [
     faMinusSquare,
 ];
 
-const manageIcons = [faAngleDoubleLeft, faSave, faFile];
-const librariesIcons = [faGlobe, faPencilAlt, faSave, faTimes, faTrash, faUsers, faHome, faUnlock];
+export const manageIcons = [faAngleDoubleLeft, faSave, faFile];
+export const librariesIcons = [faGlobe, faPencilAlt, faSave, faTimes, faTrash, faUsers, faHome, faUnlock];
 
-export function initFolderTableIcons() {
-    tableIcons.forEach((icon) => library.add(icon));
-}
-
-export function initPermissionsIcons() {
-    manageIcons.forEach((icon) => library.add(icon));
-}
-export function initLibrariesIcons() {
-    librariesIcons.forEach((icon) => library.add(icon));
-}
+// Export individual icons for direct importing
+export {
+    faAngleDoubleLeft,
+    faBan,
+    faCheckSquare,
+    faFile,
+    faFolder,
+    faGlobe,
+    faHome,
+    faKey,
+    faMinusSquare,
+    faPencilAlt,
+    faSave,
+    faShieldAlt,
+    faSpinner,
+    faSquare,
+    faTimes,
+    faTrash,
+    faUnlock,
+    faUsers,
+};
diff --git a/client/src/components/Workflow/icons.js b/client/src/components/Workflow/icons.js
index fda447092b4..02a5fa35476 100644
--- a/client/src/components/Workflow/icons.js
+++ b/client/src/components/Workflow/icons.js
@@ -1,9 +1,3 @@
-import { library } from "@fortawesome/fontawesome-svg-core";
-import { faFile } from "@fortawesome/free-regular-svg-icons";
-import { faFolderOpen, faPause, faPencilAlt, faSitemap, faWrench } from "@fortawesome/free-solid-svg-icons";
-
-library.add(faWrench, faFile, faSitemap, faPencilAlt, faPause, faFolderOpen);
-
 export default {
     tool: "fa-wrench",
     data_input: "fa-file-o fa-file", // fa-file-o for older FontAwesome, fa-file is the only thing I could find newer font awesome
diff --git a/client/src/composables/useInvocationGraph.ts b/client/src/composables/useInvocationGraph.ts
index 96469acc9da..36318a831b7 100644
--- a/client/src/composables/useInvocationGraph.ts
+++ b/client/src/composables/useInvocationGraph.ts
@@ -1,4 +1,4 @@
-import { type IconDefinition, library } from "@fortawesome/fontawesome-svg-core";
+import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import {
     faCheckCircle,
     faClock,
@@ -80,8 +80,6 @@ export function useInvocationGraph(
     workflowId: Ref<string | undefined>,
     workflowVersion: Ref<number | undefined>,
 ) {
-    library.add(faCheckCircle, faClock, faExclamationTriangle, faForward, faPause, faSpinner, faTrash);
-
     const steps = ref<{ [index: string]: GraphStep }>({});
     const stepsPopulated = ref(false);
     const storeId = computed(() => `invocation-${invocation.value.id}`);