fix: longer mcp errors to show in virtual file

Author: uinstinct

gui/src/components/mainInput/Lump/sections/mcp/MCPSection.tsx

@@ -14,6 +14,7 @@ import { useAppDispatch, useAppSelector } from "../../../../../redux/hooks";
 import { updateConfig } from "../../../../../redux/slices/configSlice";
 import { fontSize } from "../../../../../util";
 import { ToolTip } from "../../../../gui/Tooltip";
+import { Button } from "../../../../ui";
 import EditBlockButton from "../../EditBlockButton";
 import { ExploreBlocksButton } from "../ExploreBlocksButton";
 
@@ -68,9 +69,34 @@ function MCPServerPreview({ server, serverFromYaml }: MCPServerStatusProps) {
               className={`h-3 w-3 ${server.status === "error" ? "text-red-500" : "text-yellow-500"}`}
               data-tooltip-id={errorsTooltipId}
             />
-            <ToolTip id={errorsTooltipId} className="flex flex-col gap-0.5">
+            <ToolTip
+              clickable
+              id={errorsTooltipId}
+              delayHide={
+                server.errors.some((error) => error.length > 150) ? 1500 : 0
+              }
+              className="flex flex-col gap-0.5"
+            >
               {server.errors.map((error, idx) => (
-                <code key={idx}>{error}</code>
+                <span key={idx}>
+                  <code>
+                    {error.length > 150
+                      ? error.substring(0, 150) + "..."
+                      : error}
+                  </code>
+                  {error.length > 150 && (
+                    <Button
+                      className="my-0"
+                      size="sm"
+                      variant="ghost"
+                      onClick={() => {
+                        ideMessenger.ide.showVirtualFile(server.name, error);
+                      }}
+                    >
+                      Know More
+                    </Button>
+                  )}
+                </span>
               ))}
             </ToolTip>
           </>