Fixed Small Frontend Issues (#148)

* Fixed side-effects of previous #136 fix;

* Fixed #83 using cookies-next;

* Fixed #134 with TabIndicatorProps;

* Fixed linting;

* Removed empty page for build;

Author: Jameson Grieve

.github/ISSUE_TEMPLATE/docs.yaml .github/ISSUE_TEMPLATE/docs.yml.github/ISSUE_TEMPLATE/docs.yaml renamed to .github/ISSUE_TEMPLATE/docs.yml

@@ -0,0 +1,4 @@
+{
+    "presets": ["next/babel"],
+    "plugins": []
+}

frontend/.babelrc

@@ -0,0 +1,13 @@
+module.exports = {
+    extends: ["next", "next/core-web-vitals"],
+    parser: "@babel/eslint-parser",
+    parserOptions: {
+      requireConfigFile: false,
+      babelOptions: {
+        presets: ["next/babel"],
+      },
+    },
+    rules: {
+      // Add any custom rules here
+    },
+  };

frontend/.eslintrc.js

@@ -17,7 +17,7 @@ export default function AgentObjective() {
     const taskStatus = useSWR(`agent/${agentName}/task`, async () => (running ? (await axios.get(`${process.env.NEXT_PUBLIC_API_URI ?? 'http://localhost:7437'}/api/agent/${agentName}/task`)).data.output.split("\n") : null), { refreshInterval: running?3000:0, revalidateOnFocus: false });
     const queryRunning = useCallback(async () => {
         setRunning((await axios.get(`${process.env.NEXT_PUBLIC_API_URI ?? 'http://localhost:7437'}/api/agent/${agentName}/task/status`)).data.status, {objective: objective});
-    }, [agentName]);
+    }, [agentName, objective]);
     useEffect(() => {
         queryRunning();
     }, [queryRunning])

frontend/.eslintrc.json

@@ -7,13 +7,14 @@ import AgentChat from "./AgentChat";
 import AgentObjective from "./AgentObjective";
 import AgentInstruct from "./AgentInstruct";
 import AgentAdmin from "./AgentAdmin";
+import { useTheme } from "@mui/material/styles";
 export default function AgentPanel() {
   const [tab, setTab] = useState(0);
 
   const handleTabChange = (event, newTab) => {
     setTab(newTab);
   };
-
+  const theme = useTheme();
   const tabs = [
     <AgentChat key="chat" />,
     <AgentInstruct key="instruct" />,
@@ -22,7 +23,7 @@ export default function AgentPanel() {
   ];
   return (
     <>
-      <Tabs value={tab} onChange={handleTabChange} sx={{ mb: "0.5rem" }}>
+      <Tabs value={tab} onChange={handleTabChange} TabIndicatorProps={{ style: { background: theme.palette.mode == "dark"?"#FFF":"#000" } }} sx={{ mb: "0.5rem" }} textColor={theme.palette.mode == "dark"?"white":"black"}>
         <Tab label="Chat With Agent" />
         <Tab label="Instruct Agent" />
         <Tab label="Set Agent Objective" />