Squashed 'ai-context/workbench-ui/' content from commit 32e36a5c

git-subtree-dir: ai-context/workbench-ui
git-subtree-split: 32e36a5c2131e429a7081cfaf67dabad3193cda3

src/components/agents/Tools.tsx

@@ -0,0 +1,35 @@
+import React, { useState } from "react";
+
+import { useAgentTools } from "@trustgraph/react-state";
+import EditDialog from "./EditDialog";
+import Controls from "./Controls";
+import ToolsTable from "./ToolsTable";
+
+const Tools = () => {
+  const toolsState = useAgentTools();
+  const [selected, setSelected] = useState("");
+
+  const onComplete = () => {
+    setSelected("");
+  };
+
+  return (
+    <>
+      <EditDialog
+        open={selected != ""}
+        onOpenChange={() => setSelected("")}
+        onComplete={() => onComplete()}
+        create={false}
+        id={selected}
+      />
+      <ToolsTable
+        selected={selected}
+        setSelected={setSelected}
+        tools={toolsState.tools}
+      />
+      <Controls />
+    </>
+  );
+};
+
+export default Tools;