Skip to main content
Glama

cognee-mcp

NotebookCellHeader.tsx3.12 kB
import { useState } from "react"; import classNames from "classnames"; import { isCloudEnvironment, useBoolean } from "@/utils"; import { PlayIcon } from "@/ui/Icons"; import { PopupMenu, IconButton } from "@/ui/elements"; import { LoadingIndicator } from "@/ui/App"; import { Cell } from "./types"; interface NotebookCellHeaderProps { cell: Cell; runCell?: (cell: Cell, cogneeInstance: string) => Promise<void>; renameCell: (cell: Cell) => void; removeCell: (cell: Cell) => void; moveCellUp: (cell: Cell) => void; moveCellDown: (cell: Cell) => void; className?: string; } export default function NotebookCellHeader({ cell, runCell, renameCell, removeCell, moveCellUp, moveCellDown, className, }: NotebookCellHeaderProps) { const { value: isRunningCell, setTrue: setIsRunningCell, setFalse: setIsNotRunningCell, } = useBoolean(false); const [runInstance, setRunInstance] = useState<string>(isCloudEnvironment() ? "cloud" : "local"); const handleCellRun = () => { if (runCell) { setIsRunningCell(); runCell(cell, runInstance) .then(() => { setIsNotRunningCell(); }); } }; return ( <div className={classNames("flex flex-row justify-between items-center h-9 bg-gray-100", className)}> <div className="flex flex-row items-center px-3.5"> {runCell && ( <> {isRunningCell ? <LoadingIndicator /> : <IconButton onClick={handleCellRun}><PlayIcon /></IconButton>} </> )} <span className="ml-4">{cell.name}</span> </div> <div className="pr-4 flex flex-row items-center gap-8"> {runCell && ( isCloudEnvironment() ? ( <div> cloud cognee </div> ) : ( <div> local cognee </div> ) )} {/* <Select name="cogneeInstance" onChange={(event) => setRunInstance(event.currentTarget.value)} className="!bg-transparent outline-none cursor-pointer !hover:bg-gray-50"> <option value="local" className="flex flex-row items-center gap-2"> local cognee </option> <option value="cloud" className="flex flex-row items-center gap-2"> cloud cognee </option> </Select> */} <PopupMenu> <div className="flex flex-col gap-0.5"> <button onClick={() => moveCellUp(cell)} className="hover:bg-gray-100 w-full text-left px-2 cursor-pointer">move cell up</button> <button onClick={() => moveCellDown(cell)} className="hover:bg-gray-100 w-full text-left px-2 cursor-pointer">move cell down</button> </div> <div className="flex flex-col gap-0.5 items-start"> <button onClick={() => renameCell(cell)} className="hover:bg-gray-100 w-full text-left px-2 cursor-pointer">rename</button> <button onClick={() => removeCell(cell)} className="hover:bg-gray-100 w-full text-left px-2 cursor-pointer">delete</button> </div> </PopupMenu> </div> </div> ); }

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/topoteretes/cognee'

If you have feedback or need assistance with the MCP directory API, please join our Discord server