Spaces:
Running
Running
Update components/CustomNode.tsx
Browse files- components/CustomNode.tsx +11 -7
components/CustomNode.tsx
CHANGED
|
@@ -172,12 +172,16 @@ const CustomNode = ({ data, selected }: NodeProps<NodeData>) => {
|
|
| 172 |
{/* Body - Parameters Summary */}
|
| 173 |
<div className="p-3">
|
| 174 |
<div className="text-[10px] text-slate-400 font-mono space-y-1">
|
| 175 |
-
{Object.entries(data.params).slice(0, 3).map(([key, value]) =>
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 181 |
{Object.keys(data.params).length === 0 && (
|
| 182 |
<span className="opacity-50 italic">No parameters</span>
|
| 183 |
)}
|
|
@@ -196,4 +200,4 @@ const CustomNode = ({ data, selected }: NodeProps<NodeData>) => {
|
|
| 196 |
);
|
| 197 |
};
|
| 198 |
|
| 199 |
-
export default memo(CustomNode);
|
|
|
|
| 172 |
{/* Body - Parameters Summary */}
|
| 173 |
<div className="p-3">
|
| 174 |
<div className="text-[10px] text-slate-400 font-mono space-y-1">
|
| 175 |
+
{Object.entries(data.params).slice(0, 3).map(([key, value]) => {
|
| 176 |
+
// Hide large code blocks in summary
|
| 177 |
+
if (key === 'definition_code' || key === 'imports') return null;
|
| 178 |
+
return (
|
| 179 |
+
<div key={key} className="flex justify-between gap-4">
|
| 180 |
+
<span className="opacity-70 truncate max-w-[80px]">{key}:</span>
|
| 181 |
+
<span className="text-slate-200 truncate max-w-[80px]">{String(value)}</span>
|
| 182 |
+
</div>
|
| 183 |
+
);
|
| 184 |
+
})}
|
| 185 |
{Object.keys(data.params).length === 0 && (
|
| 186 |
<span className="opacity-50 italic">No parameters</span>
|
| 187 |
)}
|
|
|
|
| 200 |
);
|
| 201 |
};
|
| 202 |
|
| 203 |
+
export default memo(CustomNode);
|