Render code output files with code references in reference section

- Improve rendering code reference with better icons, smaller text and
  different line clamps for better visibility
- Show code output files as sub card of code card in reference section
- Allow downloading files generated by code instead of rendering it in
  chat message directly
- Show executed code before online references in reference panel

src/interface/web/app/common/iconUtils.tsx

@@ -40,7 +40,6 @@ import {
     Leaf,
     NewspaperClipping,
     OrangeSlice,
-    Rainbow,
     SmileyMelting,
     YinYang,
     SneakerMove,
@@ -247,6 +246,13 @@ function getIconFromFilename(
         case "doc":
         case "docx":
             return <MicrosoftWordLogo className={className} />;
+        case "csv":
+        case "json":
+            return <MathOperations className={className} />;
+        case "txt":
+            return <Notebook className={className} />;
+        case "py":
+            return <Code className={className} />;
         case "jpg":
         case "jpeg":
         case "png":