From a861d8a16fc60c7d517330e2d4dd940e72d155e1 Mon Sep 17 00:00:00 2001
From: Nadeesha Cabral <n@nadeesha.me>
Date: Sat, 14 Dec 2024 09:11:14 +1100
Subject: [PATCH] chore: Reorganize imports and remove unused Card component

---
 app/components/chat/ToolContextButton.tsx | 46 ++++-------------------
 1 file changed, 8 insertions(+), 38 deletions(-)

diff --git a/app/components/chat/ToolContextButton.tsx b/app/components/chat/ToolContextButton.tsx
index 2d0ebf0c..5c22f165 100644
--- a/app/components/chat/ToolContextButton.tsx
+++ b/app/components/chat/ToolContextButton.tsx
@@ -1,5 +1,4 @@
-import { useEffect, useState } from "react";
-import { SquareFunction } from "lucide-react";
+import { client } from "@/client/client";
 import {
   Sheet,
   SheetContent,
@@ -8,21 +7,16 @@ import {
   SheetTitle,
   SheetTrigger,
 } from "@/components/ui/sheet";
-import { Button } from "../ui/button";
-import { Textarea } from "../ui/textarea";
-import { client } from "@/client/client";
 import { useAuth } from "@clerk/nextjs";
+import { SquareFunction } from "lucide-react";
+import { useEffect, useState } from "react";
 import toast from "react-hot-toast";
-import { Label } from "../ui/label";
-import { Input } from "../ui/input";
-import {
-  Card,
-  CardContent,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from "../ui/card";
 import { ReadOnlyJSON } from "../read-only-json";
+import { Button } from "../ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "../ui/card";
+import { Input } from "../ui/input";
+import { Label } from "../ui/label";
+import { Textarea } from "../ui/textarea";
 
 interface ToolContextButtonProps {
   clusterId: string;
@@ -160,30 +154,6 @@ const ToolContextButton: React.FC<ToolContextButtonProps> = ({
           </SheetDescription>
         </SheetHeader>
         <div className="mt-6 space-y-6">
-          <Card>
-            <CardHeader>
-              <CardTitle>Context</CardTitle>
-            </CardHeader>
-            <CardContent>
-              <div className="space-y-2">
-                <Label htmlFor="context">Context</Label>
-                <p className="text-sm text-muted-foreground">
-                  This context is used to guide the tools action globally.
-                </p>
-                <Textarea
-                  id="context"
-                  value={context}
-                  onChange={(e) => setContext(e.target.value)}
-                  placeholder="Enter function context here..."
-                  rows={10}
-                />
-              </div>
-            </CardContent>
-            <CardFooter className="flex justify-end">
-              <Button onClick={updateContext}>Save Context</Button>
-            </CardFooter>
-          </Card>
-
           {functionDetails && (
             <Card>
               <CardHeader>