Update assets/dashAgGridComponentFunctions.js

assets/dashAgGridComponentFunctions.js

@@ -1,9 +1,12 @@
 var dagcomponentfuncs = window.dashAgGridComponentFunctions = window.dashAgGridComponentFunctions || {};
 
 dagcomponentfuncs.ModelLink = function(props) {
-    if (!props.data.Model_Link) {
-        return props.value;  // Just return text if no link
+    // Check if Total Parameters is null (indicating a proprietary model) or if the link is empty.
+    // If so, just return the plain text value without a hyperlink.
+    if (props.data['Total Parameters'] == null || !props.data.Model_Link) {
+        return props.value;
     }
+    // Otherwise, create the hyperlink as before.
     return React.createElement(
         'a',
         {
@@ -41,8 +44,13 @@ dagcomponentfuncs.PinRenderer = function(props) {
             },
             style: {
                 cursor: 'pointer',
-                textAlign: 'center',
-                fontSize: '16px'
+                fontSize: '16px',
+                // Flexbox properties for perfect centering
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                width: '100%',
+                height: '100%'
             }
         },
         props.data.pinned ? '📌' : '☐'
@@ -73,26 +81,32 @@ dagcomponentfuncs.TypeRenderer = function(props) {
     
     return React.createElement('div', {
         style: {
+            color: color,
+            fontWeight: 'bold',
+            fontSize: '14px',
             display: 'flex',
             alignItems: 'center',
-            height: '100%',
-            position: 'absolute',
-            top: 0,
-            bottom: 0,
-            left: '12px'
+            justifyContent: 'center',
+            width: '100%',
+            height: '100%'
         }
-    }, 
-        React.createElement('div', {
+    }, letter);
+};
+
+dagcomponentfuncs.ReasoningRenderer = function(props) {
+    if (props.value) { // props.value is the boolean from "Is Thinking Model"
+        return React.createElement('div', {
             style: {
-                color: color,
+                color: '#71de5f', // Green color
+                fontWeight: 'bold',
+                fontSize: '14px',
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
-                fontWeight: 'bold',
-                fontSize: '14px',
-                lineHeight: '1',
-                textAlign: 'center'
+                width: '100%',
+                height: '100%'
             }
-        }, letter)
-    );
+        }, 'R');
+    }
+    return null; // Render nothing if false
 };