feat: integrated with artifact resizable

frontend/src/components/workspace/message-list/message-group.tsx

@@ -1,6 +1,7 @@
 import type { Message } from "@langchain/langgraph-sdk";
 import {
   BookOpenTextIcon,
+  FileTextIcon,
   FolderOpenIcon,
   GlobeIcon,
   LightbulbIcon,
@@ -219,6 +220,24 @@ function ToolCall({
         )}
       </ChainOfThoughtStep>
     );
+  } else if (name === "present_files") {
+    return (
+      <ChainOfThoughtStep
+        key={id}
+        label={`Present file${(args as { filepaths: string[] }).filepaths.length > 1 ? "s" : ""}`}
+        icon={FileTextIcon}
+      >
+        <ChainOfThoughtSearchResult>
+          {(args as { filepaths: string[] }).filepaths.map(
+            (filepath: string) => (
+              <ChainOfThoughtSearchResult key={filepath}>
+                {filepath}
+              </ChainOfThoughtSearchResult>
+            ),
+          )}
+        </ChainOfThoughtSearchResult>
+      </ChainOfThoughtStep>
+    );
   } else {
     const description: string | undefined = (args as { description: string })
       ?.description;
@@ -324,6 +343,9 @@ function describeStep(step: CoTStep | undefined): {
     } else if (step.name === "bash") {
       label = "Execute command";
       icon = <SquareTerminalIcon className="size-4" />;
+    } else if (step.name === "present_files") {
+      label = `Present file${(step.args as { filepaths: string[] }).filepaths.length > 1 ? "s" : ""}`;
+      icon = <FileTextIcon className="size-4" />;
     } else {
       label = `Call tool "${step.name}"`;
       icon = <WrenchIcon className="size-4" />;