From 444c6b5704543f07c41e9158c5a203fabdae943d Mon Sep 17 00:00:00 2001
From: Eric Horacek <eric.horacek@openai.com>
Date: Sun, 13 Jul 2025 18:25:53 -0700
Subject: [PATCH] Fix lint

---
 client/src/components/ToolsTab.tsx | 66 ++++++++++++++++--------------
 1 file changed, 36 insertions(+), 30 deletions(-)

diff --git a/client/src/components/ToolsTab.tsx b/client/src/components/ToolsTab.tsx
index fcd3ffbd..2eb682e5 100644
--- a/client/src/components/ToolsTab.tsx
+++ b/client/src/components/ToolsTab.tsx
@@ -19,6 +19,10 @@ import ListPane from "./ListPane";
 import JsonView from "./JsonView";
 import ToolResults from "./ToolResults";
 
+// Type guard to safely detect the optional _meta field without using `any`
+const hasMeta = (tool: Tool): tool is Tool & { _meta: unknown } =>
+  typeof (tool as { _meta?: unknown })._meta !== "undefined";
+
 const ToolsTab = ({
   tools,
   listTools,
@@ -246,38 +250,40 @@ const ToolsTab = ({
                     </div>
                   </div>
                 )}
-                {selectedTool && (selectedTool as any)._meta && (
-                  <div className="bg-gray-50 dark:bg-gray-900 p-3 rounded-lg">
-                    <div className="flex items-center justify-between mb-2">
-                      <h4 className="text-sm font-semibold">Meta:</h4>
-                      <Button
-                        size="sm"
-                        variant="ghost"
-                        onClick={() => setIsMetaExpanded(!isMetaExpanded)}
-                        className="h-6 px-2"
+                {selectedTool &&
+                  hasMeta(selectedTool) &&
+                  selectedTool._meta && (
+                    <div className="bg-gray-50 dark:bg-gray-900 p-3 rounded-lg">
+                      <div className="flex items-center justify-between mb-2">
+                        <h4 className="text-sm font-semibold">Meta:</h4>
+                        <Button
+                          size="sm"
+                          variant="ghost"
+                          onClick={() => setIsMetaExpanded(!isMetaExpanded)}
+                          className="h-6 px-2"
+                        >
+                          {isMetaExpanded ? (
+                            <>
+                              <ChevronUp className="h-3 w-3 mr-1" />
+                              Collapse
+                            </>
+                          ) : (
+                            <>
+                              <ChevronDown className="h-3 w-3 mr-1" />
+                              Expand
+                            </>
+                          )}
+                        </Button>
+                      </div>
+                      <div
+                        className={`transition-all ${
+                          isMetaExpanded ? "" : "max-h-[8rem] overflow-y-auto"
+                        }`}
                       >
-                        {isMetaExpanded ? (
-                          <>
-                            <ChevronUp className="h-3 w-3 mr-1" />
-                            Collapse
-                          </>
-                        ) : (
-                          <>
-                            <ChevronDown className="h-3 w-3 mr-1" />
-                            Expand
-                          </>
-                        )}
-                      </Button>
+                        <JsonView data={selectedTool._meta} />
+                      </div>
                     </div>
-                    <div
-                      className={`transition-all ${
-                        isMetaExpanded ? "" : "max-h-[8rem] overflow-y-auto"
-                      }`}
-                    >
-                      <JsonView data={(selectedTool as any)._meta} />
-                    </div>
-                  </div>
-                )}
+                  )}
                 <Button
                   onClick={async () => {
                     try {