andre/CrewAI-Visualizer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update npm packages

Browse Source
This commit is contained in:
Eng. Elias
2024-03-24 15:46:00 +04:00
parent 24fab13a30
commit f1cf96c5a4
9 changed files with 1338 additions and 975 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2174
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

36
package.json
View File

@@ -10,41 +10,41 @@
"lint": "next lint" "lint": "next lint"
}, },
"dependencies": { "dependencies": {
"@apollo/client": "^3.9.5", "@apollo/client": "^3.9.9",
"@apollo/experimental-nextjs-app-support": "^0.8.0", "@apollo/experimental-nextjs-app-support": "^0.8.0",
"@apollo/server": "^4.10.0", "@apollo/server": "^4.10.2",
"@as-integrations/next": "^3.0.0", "@as-integrations/next": "^3.0.0",
"@material-tailwind/react": "^2.1.9", "@material-tailwind/react": "^2.1.9",
"@prisma/client": "^5.9.1", "@prisma/client": "^5.11.0",
"framer-motion": "^11.0.8", "framer-motion": "^11.0.20",
"graphql": "^16.8.1", "graphql": "^16.8.1",
"next": "14.1.0", "next": "14.1.0",
"node-calls-python": "^1.8.2", "node-calls-python": "^1.8.2",
"react": "^18", "react": "^18",
"react-dom": "^18", "react-dom": "^18",
"sharp": "^0.33.2", "sharp": "^0.33.3",
"sweetalert2": "^11.10.5", "sweetalert2": "^11.10.7",
"sweetalert2-react-content": "^5.0.7", "sweetalert2-react-content": "^5.0.7",
"tw-elements": "^1.1.0", "tw-elements": "^1.1.0",
"tw-elements-react": "^1.0.0-alpha2", "tw-elements-react": "^1.0.0-alpha2",
"uuid": "^9.0.1" "uuid": "^9.0.1"
}, },
"devDependencies": { "devDependencies": {
"@ianvs/prettier-plugin-sort-imports": "^4.1.0", "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
"@iconify/react": "^4.1.1", "@iconify/react": "^4.1.1",
"@types/node": "^20.11.19", "@types/node": "^20.11.30",
"@types/react": "^18", "@types/react": "^18.2.69",
"@types/react-dom": "^18", "@types/react-dom": "^18.2.22",
"@types/uuid": "^9.0.8", "@types/uuid": "^9.0.8",
"@typescript-eslint/eslint-plugin": "^6.7.3", "@typescript-eslint/eslint-plugin": "^6.21.0",
"@typescript-eslint/parser": "^6.7.3", "@typescript-eslint/parser": "^6.21.0",
"autoprefixer": "^10.0.1", "autoprefixer": "^10.4.19",
"eslint": "^8", "eslint": "^8.57.0",
"eslint-config-next": "14.1.0", "eslint-config-next": "14.1.0",
"postcss": "^8", "postcss": "^8.4.38",
"prisma": "^5.9.1", "prisma": "^5.11.0",
"tailwindcss": "^3.3.0", "tailwindcss": "^3.4.1",
"ts-node": "^10.9.2", "ts-node": "^10.9.2",
"typescript": "^5.3.3" "typescript": "^5.4.3"
} }
} }

6
src/app/agents/page.tsx
View File

@@ -24,6 +24,8 @@ const AgentsPage = () => {
loading={true} loading={true}
placeholder={"Loading"} placeholder={"Loading"}
className="text-white" className="text-white"
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Loading Loading
</Button> </Button>
@@ -40,6 +42,8 @@ const AgentsPage = () => {
onClick={() => { onClick={() => {
setShowNewAgentModal(true); setShowNewAgentModal(true);
}} }}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
<Icon icon="mdi:add-bold" width="30" height="30" /> <Icon icon="mdi:add-bold" width="30" height="30" />
</IconButton> </IconButton>
@@ -86,7 +90,7 @@ const AgentsPage = () => {
} rounded overflow-hidden h-auto min-h-52 border`} } rounded overflow-hidden h-auto min-h-52 border`}
> >
<img <img
className="block max-w-72 w-full lg:w-48 flex-none bg-cover" className="block max-w-72 w-full lg:w-48 flex-none bg-cover mx-auto"
src={agent.image ?? "/agents_images/sailor.png"} src={agent.image ?? "/agents_images/sailor.png"}
alt="Agent" alt="Agent"
/> />

4
src/app/missions/page.tsx
View File

@@ -24,6 +24,8 @@ const MissionsPage = () => {
loading={true} loading={true}
placeholder={"Loading"} placeholder={"Loading"}
className="text-white" className="text-white"
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Loading Loading
</Button> </Button>
@@ -54,6 +56,8 @@ const MissionsPage = () => {
onClick={() => { onClick={() => {
setShowNewMissionModal(true); setShowNewMissionModal(true);
}} }}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
<Icon icon="mdi:add-bold" width="30" height="30" /> <Icon icon="mdi:add-bold" width="30" height="30" />
</IconButton> </IconButton>

11
src/components/inputs/mission_tasks_editor.tsx
View File

@@ -56,6 +56,8 @@ const MissionTaskEditor: React.FC<MissionTaskEditorProps> = ({
onClick={() => handleRemoveTask(index)} onClick={() => handleRemoveTask(index)}
className="text-red-500" className="text-red-500"
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Remove Remove
</Button> </Button>
@@ -80,8 +82,9 @@ const MissionTaskEditor: React.FC<MissionTaskEditorProps> = ({
color="green" color="green"
value={newTaskName} value={newTaskName}
onChange={(e) => setNewTaskName(e.target.value)} onChange={(e) => setNewTaskName(e.target.value)}
// className="border border-gray-300 text-black rounded px-3 py-1"
crossOrigin={undefined} crossOrigin={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
<div className="my-2"> <div className="my-2">
@@ -91,6 +94,8 @@ const MissionTaskEditor: React.FC<MissionTaskEditorProps> = ({
resize={true} resize={true}
value={newTaskDescription} value={newTaskDescription}
onChange={(e) => setNewTaskDescription(e.target.value)} onChange={(e) => setNewTaskDescription(e.target.value)}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
<div> <div>
@@ -100,6 +105,8 @@ const MissionTaskEditor: React.FC<MissionTaskEditorProps> = ({
resize={true} resize={true}
value={newTaskExpectedOutput} value={newTaskExpectedOutput}
onChange={(e) => setNewTaskExpectedOutput(e.target.value)} onChange={(e) => setNewTaskExpectedOutput(e.target.value)}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
<div className="m-2"> <div className="m-2">
@@ -128,6 +135,8 @@ const MissionTaskEditor: React.FC<MissionTaskEditorProps> = ({
disabled={!newTaskName || !newTaskDescription} disabled={!newTaskName || !newTaskDescription}
onClick={handleAddTask} onClick={handleAddTask}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Add Task Add Task
</Button> </Button>

30
src/components/modals/agent_modal.tsx
View File

@@ -162,6 +162,8 @@ export default function AgentModal(props: {
<Button <Button
onClick={() => setShowModal(false)} onClick={() => setShowModal(false)}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
<Icon icon="ep:close-bold" width={20} height={20} /> <Icon icon="ep:close-bold" width={20} height={20} />
</Button> </Button>
@@ -184,6 +186,8 @@ export default function AgentModal(props: {
})); }));
}} }}
crossOrigin={undefined} crossOrigin={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
)} )}
@@ -202,6 +206,8 @@ export default function AgentModal(props: {
})); }));
}} }}
crossOrigin={undefined} crossOrigin={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
) : ( ) : (
<div>{agent?.goal}</div> <div>{agent?.goal}</div>
@@ -222,6 +228,8 @@ export default function AgentModal(props: {
backstory: event.target.value, backstory: event.target.value,
})); }));
}} }}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
) : ( ) : (
<div>{agent?.backstory}</div> <div>{agent?.backstory}</div>
@@ -268,6 +276,8 @@ export default function AgentModal(props: {
allowDelegation: !!event.target.value, allowDelegation: !!event.target.value,
})); }));
}} }}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
) : ( ) : (
<Switch <Switch
@@ -275,6 +285,8 @@ export default function AgentModal(props: {
color="blue" color="blue"
checked={agent?.allowDelegation} checked={agent?.allowDelegation}
disabled={true} disabled={true}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
)} )}
</div> </div>
@@ -291,6 +303,8 @@ export default function AgentModal(props: {
verbose: !!event.target.value, verbose: !!event.target.value,
})); }));
}} }}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
) : ( ) : (
<Switch <Switch
@@ -298,6 +312,8 @@ export default function AgentModal(props: {
color="blue" color="blue"
checked={agent?.verbose} checked={agent?.verbose}
disabled={true} disabled={true}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
)} )}
</div> </div>
@@ -314,6 +330,8 @@ export default function AgentModal(props: {
memory: !!event.target.value, memory: !!event.target.value,
})); }));
}} }}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
) : ( ) : (
<Switch <Switch
@@ -321,6 +339,8 @@ export default function AgentModal(props: {
color="blue" color="blue"
checked={agent?.memory} checked={agent?.memory}
disabled={true} disabled={true}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
)} )}
</div> </div>
@@ -344,6 +364,8 @@ export default function AgentModal(props: {
color="blue" color="blue"
className="mx-auto" className="mx-auto"
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Upload Upload
</Button> </Button>
@@ -402,6 +424,8 @@ export default function AgentModal(props: {
}); });
}} }}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Delete Delete
</Button> </Button>
@@ -411,6 +435,8 @@ export default function AgentModal(props: {
color="green" color="green"
onClick={() => setEdit(true)} onClick={() => setEdit(true)}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Edit Edit
</Button> </Button>
@@ -424,6 +450,8 @@ export default function AgentModal(props: {
color="white" color="white"
onClick={() => setEdit(false)} onClick={() => setEdit(false)}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Cancel Cancel
</Button> </Button>
@@ -457,6 +485,8 @@ export default function AgentModal(props: {
}} }}
className="mx-1" className="mx-1"
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Save Changes Save Changes
</Button> </Button>

22
src/components/modals/mission_modal.tsx
View File

@@ -130,6 +130,8 @@ export default function MissionModal(props: {
<Button <Button
onClick={() => setShowModal(false)} onClick={() => setShowModal(false)}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
<Icon icon="ep:close-bold" width={20} height={20} /> <Icon icon="ep:close-bold" width={20} height={20} />
</Button> </Button>
@@ -151,6 +153,8 @@ export default function MissionModal(props: {
})); }));
}} }}
crossOrigin={undefined} crossOrigin={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
)} )}
@@ -182,6 +186,8 @@ export default function MissionModal(props: {
loading={true} loading={true}
placeholder={"Loading"} placeholder={"Loading"}
className="text-white" className="text-white"
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Loading Loading
</Button> </Button>
@@ -243,6 +249,8 @@ export default function MissionModal(props: {
verbose: !!event.target.value, verbose: !!event.target.value,
})); }));
}} }}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
) : ( ) : (
<Switch <Switch
@@ -250,6 +258,8 @@ export default function MissionModal(props: {
color="blue" color="blue"
checked={mission?.verbose} checked={mission?.verbose}
disabled={true} disabled={true}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
)} )}
</div> </div>
@@ -344,6 +354,8 @@ export default function MissionModal(props: {
}); });
}} }}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
{mission?.result ? "Re-Run" : "Run"} {mission?.result ? "Re-Run" : "Run"}
</Button> </Button>
@@ -353,6 +365,8 @@ export default function MissionModal(props: {
loading={true} loading={true}
placeholder={"Running"} placeholder={"Running"}
className="text-white" className="text-white"
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Running Running
</Button> </Button>
@@ -407,6 +421,8 @@ export default function MissionModal(props: {
}); });
}} }}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Delete Delete
</Button> </Button>
@@ -416,6 +432,8 @@ export default function MissionModal(props: {
color="green" color="green"
onClick={() => setEdit(true)} onClick={() => setEdit(true)}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Edit Edit
</Button> </Button>
@@ -429,6 +447,8 @@ export default function MissionModal(props: {
color="white" color="white"
onClick={() => setEdit(false)} onClick={() => setEdit(false)}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Cancel Cancel
</Button> </Button>
@@ -460,6 +480,8 @@ export default function MissionModal(props: {
}} }}
className="mx-1" className="mx-1"
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Save Changes Save Changes
</Button> </Button>

18
src/components/modals/new_agent_modal.tsx
View File

@@ -67,6 +67,8 @@ function NewAgentModal(props: {
<Button <Button
onClick={() => setShowModal(false)} onClick={() => setShowModal(false)}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
<Icon icon="ep:close-bold" width={20} height={20} /> <Icon icon="ep:close-bold" width={20} height={20} />
</Button> </Button>
@@ -88,6 +90,8 @@ function NewAgentModal(props: {
})); }));
}} }}
crossOrigin={undefined} crossOrigin={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
<div className="mb-4"> <div className="mb-4">
@@ -104,6 +108,8 @@ function NewAgentModal(props: {
})); }));
}} }}
crossOrigin={undefined} crossOrigin={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
<div className="mb-4"> <div className="mb-4">
@@ -120,6 +126,8 @@ function NewAgentModal(props: {
backstory: event.target.value, backstory: event.target.value,
})); }));
}} }}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
<div className="flex flex-wrap mb-4"> <div className="flex flex-wrap mb-4">
@@ -151,6 +159,8 @@ function NewAgentModal(props: {
allowDelegation: !!event.target.value, allowDelegation: !!event.target.value,
})); }));
}} }}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
<div className="flex items-center mb-4"> <div className="flex items-center mb-4">
@@ -165,6 +175,8 @@ function NewAgentModal(props: {
verbose: !!event.target.value, verbose: !!event.target.value,
})); }));
}} }}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
<div className="flex items-center mb-4"> <div className="flex items-center mb-4">
@@ -179,6 +191,8 @@ function NewAgentModal(props: {
memory: !!event.target.value, memory: !!event.target.value,
})); }));
}} }}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
</div> </div>
@@ -191,6 +205,8 @@ function NewAgentModal(props: {
color="white" color="white"
onClick={() => setShowModal(false)} onClick={() => setShowModal(false)}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Close Close
</Button> </Button>
@@ -223,6 +239,8 @@ function NewAgentModal(props: {
}} }}
className="mx-1" className="mx-1"
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Add Add
</Button> </Button>

12
src/components/modals/new_mission_modal.tsx
View File

@@ -77,6 +77,8 @@ function NewMissionModal(props: {
<Button <Button
onClick={() => setShowModal(false)} onClick={() => setShowModal(false)}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
<Icon icon="ep:close-bold" width={20} height={20} /> <Icon icon="ep:close-bold" width={20} height={20} />
</Button> </Button>
@@ -97,6 +99,8 @@ function NewMissionModal(props: {
})); }));
}} }}
crossOrigin={undefined} crossOrigin={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
<div className="mb-4"> <div className="mb-4">
@@ -126,6 +130,8 @@ function NewMissionModal(props: {
loading={true} loading={true}
placeholder={"Loading"} placeholder={"Loading"}
className="text-white" className="text-white"
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Loading Loading
</Button> </Button>
@@ -173,6 +179,8 @@ function NewMissionModal(props: {
verbose: !!event.target.value, verbose: !!event.target.value,
})); }));
}} }}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
/> />
</div> </div>
<div className="mb-4"> <div className="mb-4">
@@ -205,6 +213,8 @@ function NewMissionModal(props: {
color="white" color="white"
onClick={() => setShowModal(false)} onClick={() => setShowModal(false)}
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Close Close
</Button> </Button>
@@ -235,6 +245,8 @@ function NewMissionModal(props: {
}} }}
className="mx-1" className="mx-1"
placeholder={undefined} placeholder={undefined}
onPointerEnterCapture={undefined}
onPointerLeaveCapture={undefined}
> >
Add Add
</Button> </Button>