feat(customize-tools): add tool overide to customize table (#1230)

* feat(expandable-text): add new hook for expandable-text

* feat(tool-override): add shared types

* feat(tool-override): add generic utils in a dedicated files

* feat(tool-override): add build utils in a dedicated files

* feat(tool-override): table logic on a dedicated hook

* feat(customize-tools): add tool overide to customize table

* chore: remove console.log

* chore: remove console.log on shouldblock

* refactor: make the code more readable

Author: samuv

renderer/src/common/hooks/use-expandable-text.ts

@@ -0,0 +1,39 @@
+import { useState, useCallback } from 'react'
+
+interface UseExpandableTextOptions {
+  lengthLimit?: number
+}
+
+export function useExpandableText(options: UseExpandableTextOptions = {}) {
+  const { lengthLimit = 200 } = options
+  const [expandedKeys, setExpandedKeys] = useState<Set<string>>(new Set())
+
+  const toggle = useCallback((key: string) => {
+    setExpandedKeys((prev) => {
+      const newSet = new Set(prev)
+      if (newSet.has(key)) {
+        newSet.delete(key)
+      } else {
+        newSet.add(key)
+      }
+      return newSet
+    })
+  }, [])
+
+  const isExpanded = useCallback(
+    (key: string) => expandedKeys.has(key),
+    [expandedKeys]
+  )
+
+  const shouldCollapse = useCallback(
+    (text: string) => text.length > lengthLimit,
+    [lengthLimit]
+  )
+
+  return {
+    toggle,
+    isExpanded,
+    shouldCollapse,
+    lengthLimit,
+  }
+}