jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

feat: Add MCP Server Settings to projects, rename Folder to Project (#7741)

Browse source 
Co-authored-by: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Co-authored-by: deon-sanchez <deon.sanchez@datastax.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Lucas Oliveira <62335616+lucaseduoli@users.noreply.github.com>
Co-authored-by: Eric Hare <ericrhare@gmail.com>
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
Co-authored-by: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Co-authored-by: phact <estevezsebastian@gmail.com>
This commit is contained in:
Edwin Jose 2025-04-29 13:14:55 -04:00 • committed by GitHub
commit c80cb3f35e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
95 changed files with 4434 additions and 804 deletions
Download patch file Download diff file Expand all files Collapse all files

54
src/backend/base/langflow/alembic/versions/66f72f04a1de_add_mcp_support_with_project_settings_.py Normal file
View file

@ -0,0 +1,54 @@
"""Add MCP support with project settings in flows
Revision ID: 66f72f04a1de
Revises: e56d87f8994a
Create Date: 2025-04-24 18:42:15.828332
"""
from typing import Sequence, Union
from alembic import op
import sqlalchemy as sa
import sqlmodel
from sqlalchemy.engine.reflection import Inspector
from langflow.utils import migration
# revision identifiers, used by Alembic.
revision: str = '66f72f04a1de'
down_revision: Union[str, None] = 'e56d87f8994a'
branch_labels: Union[str, Sequence[str], None] = None
depends_on: Union[str, Sequence[str], None] = None
def upgrade() -> None:
conn = op.get_bind()
inspector = sa.inspect(conn) # type: ignore
column_names = [column["name"] for column in inspector.get_columns("flow")]
# ### commands auto generated by Alembic - please adjust! ###
with op.batch_alter_table('flow', schema=None) as batch_op:
if 'mcp_enabled' not in column_names:
batch_op.add_column(sa.Column('mcp_enabled', sa.Boolean(), nullable=True))
if 'action_name' not in column_names:
batch_op.add_column(sa.Column('action_name', sqlmodel.sql.sqltypes.AutoString(), nullable=True))
if 'action_description' not in column_names:
batch_op.add_column(sa.Column('action_description', sa.Text(), nullable=True))
# ### end Alembic commands ###
def downgrade() -> None:
conn = op.get_bind()
inspector = sa.inspect(conn) # type: ignore
column_names = [column["name"] for column in inspector.get_columns("flow")]
# ### commands auto generated by Alembic - please adjust! ###
with op.batch_alter_table('flow', schema=None) as batch_op:
if 'action_description' in column_names:
batch_op.drop_column('action_description')
if 'action_name' in column_names:
batch_op.drop_column('action_name')
if 'mcp_enabled' in column_names:
batch_op.drop_column('mcp_enabled')
# ### end Alembic commands ###

4
src/backend/base/langflow/api/router.py
View file

@ -9,8 +9,10 @@ from langflow.api.v1 import (
flows_router,
folders_router,
login_router,
mcp_projects_router,
mcp_router,
monitor_router,
projects_router,
starter_projects_router,
store_router,
users_router,
@ -44,9 +46,11 @@ router_v1.include_router(variables_router)
router_v1.include_router(files_router)
router_v1.include_router(monitor_router)
router_v1.include_router(folders_router)
router_v1.include_router(projects_router)
router_v1.include_router(starter_projects_router)
router_v1.include_router(voice_mode_router)
router_v1.include_router(mcp_router)
router_v1.include_router(mcp_projects_router)
router_v2.include_router(files_router_v2)

4
src/backend/base/langflow/api/v1/__init__.py
View file

@ -6,7 +6,9 @@ from langflow.api.v1.flows import router as flows_router
from langflow.api.v1.folders import router as folders_router
from langflow.api.v1.login import router as login_router
from langflow.api.v1.mcp import router as mcp_router
from langflow.api.v1.mcp_projects import router as mcp_projects_router
from langflow.api.v1.monitor import router as monitor_router
from langflow.api.v1.projects import router as projects_router
from langflow.api.v1.starter_projects import router as starter_projects_router
from langflow.api.v1.store import router as store_router
from langflow.api.v1.users import router as users_router
@ -22,8 +24,10 @@ __all__ = [
"flows_router",
"folders_router",
"login_router",
"mcp_projects_router",
"mcp_router",
"monitor_router",
"projects_router",
"starter_projects_router",
"store_router",
"users_router",

8
src/backend/base/langflow/api/v1/flows.py
View file

@ -191,7 +191,7 @@ async def read_flows(
get_all (bool, optional): Whether to return all flows without pagination. Defaults to True.
**This field must be True because of backward compatibility with the frontend - Release: 1.0.20**
folder_id (UUID, optional): The folder ID. Defaults to None.
folder_id (UUID, optional): The project ID. Defaults to None.
params (Params): Pagination parameters.
remove_example_flows (bool, optional): Whether to remove example flows. Defaults to False.
header_flows (bool, optional): Whether to return only specific headers of the flows. Defaults to False.
@ -212,7 +212,7 @@ async def read_flows(
if not starter_folder and not default_folder:
raise HTTPException(
status_code=404,
detail="Starter folder and default folder not found. Please create a folder and add flows to it.",
detail="Starter project and default project not found. Please create a project and add flows to it.",
)
if not folder_id:
@ -536,13 +536,13 @@ async def read_basic_examples(
list[FlowRead]: A list of basic example flows.
"""
try:
# Get the starter folder
# Get the starter project
starter_folder = (await session.exec(select(Folder).where(Folder.name == STARTER_FOLDER_NAME))).first()
if not starter_folder:
return []
# Get all flows in the starter folder
# Get all flows in the starter project
flows = (await session.exec(select(Flow).where(Flow.folder_id == starter_folder.id))).all()
# Return compressed response using our utility function

340
src/backend/base/langflow/api/v1/folders.py
View file

@ -1,347 +1,95 @@
import io
import json
import zipfile
from datetime import datetime, timezone
from typing import Annotated
from uuid import UUID
import orjson
from fastapi import APIRouter, Depends, File, HTTPException, Response, UploadFile, status
from fastapi.encoders import jsonable_encoder
from fastapi.responses import StreamingResponse
from fastapi import APIRouter, Depends, status
from fastapi.responses import RedirectResponse
from fastapi_pagination import Params
from fastapi_pagination.ext.sqlmodel import paginate
from sqlalchemy import or_, update
from sqlalchemy.orm import selectinload
from sqlmodel import select
from langflow.api.utils import CurrentActiveUser, DbSession, cascade_delete_flow, custom_params, remove_api_keys
from langflow.api.v1.flows import create_flows
from langflow.api.v1.schemas import FlowListCreate
from langflow.helpers.flow import generate_unique_flow_name
from langflow.helpers.folders import generate_unique_folder_name
from langflow.initial_setup.constants import STARTER_FOLDER_NAME
from langflow.services.database.models.flow.model import Flow, FlowCreate, FlowRead
from langflow.services.database.models.folder.constants import DEFAULT_FOLDER_NAME
from langflow.api.utils import custom_params
from langflow.services.database.models.flow.model import FlowRead
from langflow.services.database.models.folder.model import (
Folder,
FolderCreate,
FolderRead,
FolderReadWithFlows,
FolderUpdate,
)
from langflow.services.database.models.folder.pagination_model import FolderWithPaginatedFlows
router = APIRouter(prefix="/folders", tags=["Folders"])
# This file now serves as a redirection to the projects endpoint
# All routes will redirect to the corresponding projects endpoint
@router.post("/", response_model=FolderRead, status_code=201)
async def create_folder(
*,
session: DbSession,
folder: FolderCreate,
current_user: CurrentActiveUser,
):
try:
new_folder = Folder.model_validate(folder, from_attributes=True)
new_folder.user_id = current_user.id
# First check if the folder.name is unique
# there might be flows with name like: "MyFlow", "MyFlow (1)", "MyFlow (2)"
# so we need to check if the name is unique with `like` operator
# if we find a flow with the same name, we add a number to the end of the name
# based on the highest number found
if (
await session.exec(
statement=select(Folder).where(Folder.name == new_folder.name).where(Folder.user_id == current_user.id)
)
).first():
folder_results = await session.exec(
select(Folder).where(
Folder.name.like(f"{new_folder.name}%"), # type: ignore[attr-defined]
Folder.user_id == current_user.id,
)
)
if folder_results:
folder_names = [folder.name for folder in folder_results]
folder_numbers = [int(name.split("(")[-1].split(")")[0]) for name in folder_names if "(" in name]
if folder_numbers:
new_folder.name = f"{new_folder.name} ({max(folder_numbers) + 1})"
else:
new_folder.name = f"{new_folder.name} (1)"
session.add(new_folder)
await session.commit()
await session.refresh(new_folder)
if folder.components_list:
update_statement_components = (
update(Flow).where(Flow.id.in_(folder.components_list)).values(folder_id=new_folder.id) # type: ignore[attr-defined]
)
await session.exec(update_statement_components)
await session.commit()
if folder.flows_list:
update_statement_flows = update(Flow).where(Flow.id.in_(folder.flows_list)).values(folder_id=new_folder.id) # type: ignore[attr-defined]
await session.exec(update_statement_flows)
await session.commit()
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
return new_folder
async def create_folder_redirect():
"""Redirect to the projects endpoint."""
return RedirectResponse(url="/api/v1/projects/", status_code=status.HTTP_307_TEMPORARY_REDIRECT)
@router.get("/", response_model=list[FolderRead], status_code=200)
async def read_folders(
*,
session: DbSession,
current_user: CurrentActiveUser,
):
try:
folders = (
await session.exec(
select(Folder).where(
or_(Folder.user_id == current_user.id, Folder.user_id == None) # noqa: E711
)
)
).all()
folders = [folder for folder in folders if folder.name != STARTER_FOLDER_NAME]
return sorted(folders, key=lambda x: x.name != DEFAULT_FOLDER_NAME)
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
async def read_folders_redirect():
"""Redirect to the projects endpoint."""
return RedirectResponse(url="/api/v1/projects/", status_code=status.HTTP_307_TEMPORARY_REDIRECT)
@router.get("/{folder_id}", response_model=FolderWithPaginatedFlows | FolderReadWithFlows, status_code=200)
async def read_folder(
async def read_folder_redirect(
*,
session: DbSession,
folder_id: UUID,
current_user: CurrentActiveUser,
params: Annotated[Params | None, Depends(custom_params)],
is_component: bool = False,
is_flow: bool = False,
search: str = "",
):
try:
folder = (
await session.exec(
select(Folder)
.options(selectinload(Folder.flows))
.where(Folder.id == folder_id, Folder.user_id == current_user.id)
)
).first()
except Exception as e:
if "No result found" in str(e):
raise HTTPException(status_code=404, detail="Folder not found") from e
raise HTTPException(status_code=500, detail=str(e)) from e
"""Redirect to the projects endpoint."""
redirect_url = f"/api/v1/projects/{folder_id}"
params_list = []
if is_component:
params_list.append(f"is_component={is_component}")
if is_flow:
params_list.append(f"is_flow={is_flow}")
if search:
params_list.append(f"search={search}")
if params and params.page:
params_list.append(f"page={params.page}")
if params and params.size:
params_list.append(f"size={params.size}")
if not folder:
raise HTTPException(status_code=404, detail="Folder not found")
if params_list:
redirect_url += "?" + "&".join(params_list)
try:
if params and params.page and params.size:
stmt = select(Flow).where(Flow.folder_id == folder_id)
if Flow.updated_at is not None:
stmt = stmt.order_by(Flow.updated_at.desc()) # type: ignore[attr-defined]
if is_component:
stmt = stmt.where(Flow.is_component == True) # noqa: E712
if is_flow:
stmt = stmt.where(Flow.is_component == False) # noqa: E712
if search:
stmt = stmt.where(Flow.name.like(f"%{search}%")) # type: ignore[attr-defined]
paginated_flows = await paginate(session, stmt, params=params)
return FolderWithPaginatedFlows(folder=FolderRead.model_validate(folder), flows=paginated_flows)
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
flows_from_current_user_in_folder = [flow for flow in folder.flows if flow.user_id == current_user.id]
folder.flows = flows_from_current_user_in_folder
return folder
return RedirectResponse(url=redirect_url, status_code=status.HTTP_307_TEMPORARY_REDIRECT)
@router.patch("/{folder_id}", response_model=FolderRead, status_code=200)
async def update_folder(
async def update_folder_redirect(
*,
session: DbSession,
folder_id: UUID,
folder: FolderUpdate, # Assuming FolderUpdate is a Pydantic model defining updatable fields
current_user: CurrentActiveUser,
):
try:
existing_folder = (
await session.exec(select(Folder).where(Folder.id == folder_id, Folder.user_id == current_user.id))
).first()
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
if not existing_folder:
raise HTTPException(status_code=404, detail="Folder not found")
try:
if folder.name and folder.name != existing_folder.name:
existing_folder.name = folder.name
session.add(existing_folder)
await session.commit()
await session.refresh(existing_folder)
return existing_folder
folder_data = existing_folder.model_dump(exclude_unset=True)
for key, value in folder_data.items():
if key not in {"components", "flows"}:
setattr(existing_folder, key, value)
session.add(existing_folder)
await session.commit()
await session.refresh(existing_folder)
concat_folder_components = folder.components + folder.flows
flows_ids = (await session.exec(select(Flow.id).where(Flow.folder_id == existing_folder.id))).all()
excluded_flows = list(set(flows_ids) - set(concat_folder_components))
my_collection_folder = (await session.exec(select(Folder).where(Folder.name == DEFAULT_FOLDER_NAME))).first()
if my_collection_folder:
update_statement_my_collection = (
update(Flow).where(Flow.id.in_(excluded_flows)).values(folder_id=my_collection_folder.id) # type: ignore[attr-defined]
)
await session.exec(update_statement_my_collection)
await session.commit()
if concat_folder_components:
update_statement_components = (
update(Flow).where(Flow.id.in_(concat_folder_components)).values(folder_id=existing_folder.id) # type: ignore[attr-defined]
)
await session.exec(update_statement_components)
await session.commit()
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
return existing_folder
"""Redirect to the projects endpoint."""
return RedirectResponse(url=f"/api/v1/projects/{folder_id}", status_code=status.HTTP_307_TEMPORARY_REDIRECT)
@router.delete("/{folder_id}", status_code=204)
async def delete_folder(
async def delete_folder_redirect(
*,
session: DbSession,
folder_id: UUID,
current_user: CurrentActiveUser,
):
try:
flows = (
await session.exec(select(Flow).where(Flow.folder_id == folder_id, Flow.user_id == current_user.id))
).all()
if len(flows) > 0:
for flow in flows:
await cascade_delete_flow(session, flow.id)
folder = (
await session.exec(select(Folder).where(Folder.id == folder_id, Folder.user_id == current_user.id))
).first()
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
if not folder:
raise HTTPException(status_code=404, detail="Folder not found")
try:
await session.delete(folder)
await session.commit()
return Response(status_code=status.HTTP_204_NO_CONTENT)
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
"""Redirect to the projects endpoint."""
return RedirectResponse(url=f"/api/v1/projects/{folder_id}", status_code=status.HTTP_307_TEMPORARY_REDIRECT)
@router.get("/download/{folder_id}", status_code=200)
async def download_file(
async def download_file_redirect(
*,
session: DbSession,
folder_id: UUID,
current_user: CurrentActiveUser,
):
"""Download all flows from folder as a zip file."""
try:
query = select(Folder).where(Folder.id == folder_id, Folder.user_id == current_user.id)
result = await session.exec(query)
folder = result.first()
if not folder:
raise HTTPException(status_code=404, detail="Folder not found")
flows_query = select(Flow).where(Flow.folder_id == folder_id)
flows_result = await session.exec(flows_query)
flows = [FlowRead.model_validate(flow, from_attributes=True) for flow in flows_result.all()]
if not flows:
raise HTTPException(status_code=404, detail="No flows found in folder")
flows_without_api_keys = [remove_api_keys(flow.model_dump()) for flow in flows]
zip_stream = io.BytesIO()
with zipfile.ZipFile(zip_stream, "w") as zip_file:
for flow in flows_without_api_keys:
flow_json = json.dumps(jsonable_encoder(flow))
zip_file.writestr(f"{flow['name']}.json", flow_json)
zip_stream.seek(0)
current_time = datetime.now(tz=timezone.utc).astimezone().strftime("%Y%m%d_%H%M%S")
filename = f"{current_time}_{folder.name}_flows.zip"
return StreamingResponse(
zip_stream,
media_type="application/x-zip-compressed",
headers={"Content-Disposition": f"attachment; filename={filename}"},
)
except Exception as e:
if "No result found" in str(e):
raise HTTPException(status_code=404, detail="Folder not found") from e
raise HTTPException(status_code=500, detail=str(e)) from e
"""Redirect to the projects endpoint."""
return RedirectResponse(
url=f"/api/v1/projects/download/{folder_id}", status_code=status.HTTP_307_TEMPORARY_REDIRECT
)
@router.post("/upload/", response_model=list[FlowRead], status_code=201)
async def upload_file(
*,
session: DbSession,
file: Annotated[UploadFile, File(...)],
current_user: CurrentActiveUser,
):
"""Upload flows from a file."""
contents = await file.read()
data = orjson.loads(contents)
if not data:
raise HTTPException(status_code=400, detail="No flows found in the file")
folder_name = await generate_unique_folder_name(data["folder_name"], current_user.id, session)
data["folder_name"] = folder_name
folder = FolderCreate(name=data["folder_name"], description=data["folder_description"])
new_folder = Folder.model_validate(folder, from_attributes=True)
new_folder.id = None
new_folder.user_id = current_user.id
session.add(new_folder)
await session.commit()
await session.refresh(new_folder)
del data["folder_name"]
del data["folder_description"]
if "flows" in data:
flow_list = FlowListCreate(flows=[FlowCreate(**flow) for flow in data["flows"]])
else:
raise HTTPException(status_code=400, detail="No flows found in the data")
# Now we set the user_id for all flows
for flow in flow_list.flows:
flow_name = await generate_unique_flow_name(flow.name, current_user.id, session)
flow.name = flow_name
flow.user_id = current_user.id
flow.folder_id = new_folder.id
return await create_flows(session=session, flow_list=flow_list, current_user=current_user)
async def upload_file_redirect():
"""Redirect to the projects endpoint."""
return RedirectResponse(url="/api/v1/projects/upload/", status_code=status.HTTP_307_TEMPORARY_REDIRECT)

2
src/backend/base/langflow/api/v1/login.py
View file

@ -67,7 +67,7 @@ async def login_to_get_access_token(
domain=auth_settings.COOKIE_DOMAIN,
)
await get_variable_service().initialize_user_variables(user.id, db)
# Create default folder for user if it doesn't exist
# Create default project for user if it doesn't exist
_ = await get_or_create_default_folder(db, user.id)
return tokens
raise HTTPException(

42
src/backend/base/langflow/api/v1/mcp.py
View file

@ -10,8 +10,8 @@ from uuid import uuid4
import pydantic
from anyio import BrokenResourceError
from fastapi import APIRouter, Depends, HTTPException, Request
from fastapi.responses import StreamingResponse
from fastapi import APIRouter, Depends, HTTPException, Request, Response
from fastapi.responses import HTMLResponse, StreamingResponse
from loguru import logger
from mcp import types
from mcp.server import NotificationOptions, Server
@ -185,14 +185,19 @@ async def handle_list_tools():
continue
flow_name = "_".join(flow.name.lower().split())
tool = types.Tool(
name=flow_name,
description=f"{flow.id}: {flow.description}"
if flow.description
else f"Tool generated from flow: {flow_name}",
inputSchema=json_schema_from_flow(flow),
)
tools.append(tool)
try:
tool = types.Tool(
name=flow_name,
description=f"{flow.id}: {flow.description}"
if flow.description
else f"Tool generated from flow: {flow_name}",
inputSchema=json_schema_from_flow(flow),
)
tools.append(tool)
except Exception as e: # noqa: BLE001
msg = f"Error in listing tools: {e!s} from flow: {flow_name}"
logger.warning(msg)
continue
except Exception as e:
msg = f"Error in listing tools: {e!s}"
logger.exception(msg)
@ -281,6 +286,11 @@ async def handle_call_tool(name: str, arguments: dict) -> list[types.TextContent
)
if message:
collected_results.append(types.TextContent(type="text", text=str(message)))
if event_data.get("event") == "error":
content_blocks = event_data.get("data", {}).get("content_blocks", [])
text = event_data.get("data", {}).get("text", "")
error_msg = f"Error Executing the {flow.name} tool. Error: {text} Details: {content_blocks}"
collected_results.append(types.TextContent(type="text", text=error_msg))
except json.JSONDecodeError:
msg = f"Failed to parse event data: {line}"
logger.warning(msg)
@ -322,8 +332,15 @@ def find_validation_error(exc):
return None
@router.head("/sse", response_class=HTMLResponse, include_in_schema=False)
async def im_alive():
return Response()
@router.get("/sse", response_class=StreamingResponse)
async def handle_sse(request: Request, current_user: Annotated[User, Depends(get_current_active_user)]):
msg = f"Starting SSE connection, server name: {server.name}"
logger.info(msg)
token = current_user_ctx.set(current_user)
try:
async with sse.connect_sse(request.scope, request.receive, request._send) as streams:
@ -369,6 +386,9 @@ async def handle_sse(request: Request, current_user: Annotated[User, Depends(get
async def handle_messages(request: Request):
try:
await sse.handle_post_message(request.scope, request.receive, request._send)
except BrokenResourceError as e:
except (BrokenResourceError, BrokenPipeError) as e:
logger.info("MCP Server disconnected")
raise HTTPException(status_code=404, detail=f"MCP Server disconnected, error: {e}") from e
except Exception as e:
logger.error(f"Internal server error: {e}")
raise HTTPException(status_code=500, detail=f"Internal server error: {e}") from e

556
src/backend/base/langflow/api/v1/mcp_projects.py Normal file
View file

@ -0,0 +1,556 @@
import asyncio
import base64
import json
import logging
from contextvars import ContextVar
from datetime import datetime, timezone
from typing import Annotated
from urllib.parse import quote, unquote, urlparse
from uuid import UUID, uuid4
from anyio import BrokenResourceError
from fastapi import APIRouter, BackgroundTasks, Depends, HTTPException, Request, Response
from fastapi.responses import HTMLResponse
from mcp import types
from mcp.server import NotificationOptions, Server
from mcp.server.sse import SseServerTransport
from sqlalchemy.orm import selectinload
from sqlmodel import select
from langflow.api.v1.chat import build_flow_and_stream
from langflow.api.v1.mcp import (
current_user_ctx,
get_mcp_config,
handle_mcp_errors,
with_db_session,
)
from langflow.api.v1.schemas import InputValueRequest, MCPSettings
from langflow.base.mcp.util import get_flow_snake_case
from langflow.helpers.flow import json_schema_from_flow
from langflow.services.auth.utils import get_current_active_user, get_current_user
from langflow.services.database.models import Flow, Folder, User
from langflow.services.deps import get_db_service, get_settings_service, get_storage_service
from langflow.services.storage.utils import build_content_type_from_extension
logger = logging.getLogger(__name__)
router = APIRouter(prefix="/mcp/project", tags=["mcp_projects"])
# Create a context variable to store the current project
current_project_ctx: ContextVar[UUID | None] = ContextVar("current_project_ctx", default=None)
# Create a mapping of project-specific SSE transports
project_sse_transports = {}
def get_project_sse(project_id: UUID) -> SseServerTransport:
"""Get or create an SSE transport for a specific project."""
project_id_str = str(project_id)
if project_id_str not in project_sse_transports:
project_sse_transports[project_id_str] = SseServerTransport(f"/api/v1/mcp/project/{project_id_str}/")
return project_sse_transports[project_id_str]
@router.get("/{project_id}", response_model=list[MCPSettings], dependencies=[Depends(get_current_user)])
async def list_project_tools(
project_id: UUID,
current_user: Annotated[User, Depends(get_current_active_user)],
*,
mcp_enabled: bool = True,
):
"""List all tools in a project that are enabled for MCP."""
tools: list[MCPSettings] = []
try:
db_service = get_db_service()
async with db_service.with_session() as session:
# Fetch the project first to verify it exists and belongs to the current user
project = (
await session.exec(
select(Folder)
.options(selectinload(Folder.flows))
.where(Folder.id == project_id, Folder.user_id == current_user.id)
)
).first()
if not project:
raise HTTPException(status_code=404, detail="Project not found")
# Query flows in the project
flows_query = select(Flow).where(Flow.folder_id == project_id)
# Optionally filter for MCP-enabled flows only
if mcp_enabled:
flows_query = flows_query.where(Flow.mcp_enabled == True) # noqa: E712
flows = (await session.exec(flows_query)).all()
for flow in flows:
if flow.user_id is None:
continue
# Format the flow name according to MCP conventions (snake_case)
flow_name = "_".join(flow.name.lower().split())
# Use action_name and action_description if available, otherwise use defaults
name = flow.action_name or flow_name
description = flow.action_description or (
flow.description if flow.description else f"Tool generated from flow: {flow_name}"
)
try:
tool = MCPSettings(
id=str(flow.id),
action_name=name,
action_description=description,
mcp_enabled=flow.mcp_enabled,
# inputSchema=json_schema_from_flow(flow),
name=flow.name,
description=flow.description,
)
tools.append(tool)
except Exception as e: # noqa: BLE001
msg = f"Error in listing project tools: {e!s} from flow: {name}"
logger.warning(msg)
continue
except Exception as e:
msg = f"Error listing project tools: {e!s}"
logger.exception(msg)
raise HTTPException(status_code=500, detail=str(e)) from e
return tools
# Project-specific MCP server instance for handling project-specific tools
class ProjectMCPServer:
def __init__(self, project_id: UUID):
self.project_id = project_id
self.server = Server(f"langflow-mcp-project-{project_id}")
# Register handlers that filter by project
@self.server.list_tools()
@handle_mcp_errors
async def handle_list_project_tools():
"""Handle listing tools for this specific project."""
tools = []
try:
db_service = get_db_service()
async with db_service.with_session() as session:
# Get flows with mcp_enabled flag set to True and in this project
flows = (
await session.exec(
select(Flow).where(Flow.mcp_enabled == True, Flow.folder_id == self.project_id) # noqa: E712
)
).all()
for flow in flows:
if flow.user_id is None:
continue
# Use action_name if available, otherwise construct from flow name
name = flow.action_name or "_".join(flow.name.lower().split())
# Use action_description if available, otherwise use defaults
description = flow.action_description or (
flow.description if flow.description else f"Tool generated from flow: {name}"
)
tool = types.Tool(
name=name,
description=description,
inputSchema=json_schema_from_flow(flow),
)
tools.append(tool)
except Exception as e: # noqa: BLE001
msg = f"Error in listing project tools: {e!s} from flow: {name}"
logger.warning(msg)
return tools
@self.server.list_prompts()
async def handle_list_prompts():
return []
@self.server.list_resources()
async def handle_list_resources():
resources = []
try:
db_service = get_db_service()
storage_service = get_storage_service()
settings_service = get_settings_service()
# Build full URL from settings
host = getattr(settings_service.settings, "host", "localhost")
port = getattr(settings_service.settings, "port", 3000)
base_url = f"http://{host}:{port}".rstrip("/")
async with db_service.with_session() as session:
flows = (await session.exec(select(Flow))).all()
for flow in flows:
if flow.id:
try:
files = await storage_service.list_files(flow_id=str(flow.id))
for file_name in files:
# URL encode the filename
safe_filename = quote(file_name)
resource = types.Resource(
uri=f"{base_url}/api/v1/files/{flow.id}/{safe_filename}",
name=file_name,
description=f"File in flow: {flow.name}",
mimeType=build_content_type_from_extension(file_name),
)
resources.append(resource)
except FileNotFoundError as e:
msg = f"Error listing files for flow {flow.id}: {e}"
logger.debug(msg)
continue
except Exception as e:
msg = f"Error in listing resources: {e!s}"
logger.exception(msg)
raise
return resources
@self.server.read_resource()
async def handle_read_resource(uri: str) -> bytes:
"""Handle resource read requests."""
try:
# Parse the URI properly
parsed_uri = urlparse(str(uri))
# Path will be like /api/v1/files/{flow_id}/{filename}
path_parts = parsed_uri.path.split("/")
# Remove empty strings from split
path_parts = [p for p in path_parts if p]
# The flow_id and filename should be the last two parts
two = 2
if len(path_parts) < two:
msg = f"Invalid URI format: {uri}"
raise ValueError(msg)
flow_id = path_parts[-2]
filename = unquote(path_parts[-1]) # URL decode the filename
storage_service = get_storage_service()
# Read the file content
content = await storage_service.get_file(flow_id=flow_id, file_name=filename)
if not content:
msg = f"File {filename} not found in flow {flow_id}"
raise ValueError(msg)
# Ensure content is base64 encoded
if isinstance(content, str):
content = content.encode()
return base64.b64encode(content)
except Exception as e:
msg = f"Error reading resource {uri}: {e!s}"
logger.exception(msg)
raise
@self.server.call_tool()
@handle_mcp_errors
async def handle_call_tool(name: str, arguments: dict) -> list[types.TextContent]:
"""Handle tool execution requests."""
mcp_config = get_mcp_config()
if mcp_config.enable_progress_notifications is None:
settings_service = get_settings_service()
mcp_config.enable_progress_notifications = (
settings_service.settings.mcp_server_enable_progress_notifications
)
background_tasks = BackgroundTasks()
current_user = current_user_ctx.get()
async def execute_tool(session):
# get flow id from name
flow = await get_flow_snake_case(name, current_user.id, session, is_action=True)
if not flow:
msg = f"Flow with name '{name}' not found"
raise ValueError(msg)
flow_id = flow.id
# Process inputs
processed_inputs = dict(arguments)
# Initial progress notification
if mcp_config.enable_progress_notifications and (
progress_token := self.server.request_context.meta.progressToken
):
await self.server.request_context.session.send_progress_notification(
progress_token=progress_token, progress=0.0, total=1.0
)
conversation_id = str(uuid4())
input_request = InputValueRequest(
input_value=processed_inputs.get("input_value", ""),
components=[],
type="chat",
session=conversation_id,
)
async def send_progress_updates():
if not (
mcp_config.enable_progress_notifications and self.server.request_context.meta.progressToken
):
return
try:
progress = 0.0
while True:
await self.server.request_context.session.send_progress_notification(
progress_token=progress_token, progress=min(0.9, progress), total=1.0
)
progress += 0.1
await asyncio.sleep(1.0)
except asyncio.CancelledError:
if mcp_config.enable_progress_notifications:
await self.server.request_context.session.send_progress_notification(
progress_token=progress_token, progress=1.0, total=1.0
)
raise
collected_results = []
try:
progress_task = asyncio.create_task(send_progress_updates())
try:
response = await build_flow_and_stream(
flow_id=flow_id,
inputs=input_request,
background_tasks=background_tasks,
current_user=current_user,
)
async for line in response.body_iterator:
if not line:
continue
try:
event_data = json.loads(line)
if event_data.get("event") == "end_vertex":
message = (
event_data.get("data", {})
.get("build_data", {})
.get("data", {})
.get("results", {})
.get("message", {})
.get("text", "")
)
if message:
collected_results.append(types.TextContent(type="text", text=str(message)))
if event_data.get("event") == "error":
content_blocks = event_data.get("data", {}).get("content_blocks", [])
text = event_data.get("data", {}).get("text", "")
error_msg = (
f"Error Executing the {flow.name} tool. Error: {text} Details: {content_blocks}"
)
collected_results.append(types.TextContent(type="text", text=error_msg))
except json.JSONDecodeError:
msg = f"Failed to parse event data: {line}"
logger.warning(msg)
continue
return collected_results
finally:
progress_task.cancel()
await asyncio.wait([progress_task])
if not progress_task.cancelled() and (exc := progress_task.exception()) is not None:
raise exc
except Exception:
if mcp_config.enable_progress_notifications and (
progress_token := self.server.request_context.meta.progressToken
):
await self.server.request_context.session.send_progress_notification(
progress_token=progress_token, progress=1.0, total=1.0
)
raise
try:
return await with_db_session(execute_tool)
except Exception as e:
msg = f"Error executing tool {name}: {e!s}"
logger.exception(msg)
raise
# Cache of project MCP servers
project_mcp_servers = {}
def get_project_mcp_server(project_id: UUID) -> ProjectMCPServer:
"""Get or create an MCP server for a specific project."""
project_id_str = str(project_id)
if project_id_str not in project_mcp_servers:
project_mcp_servers[project_id_str] = ProjectMCPServer(project_id)
return project_mcp_servers[project_id_str]
async def init_mcp_servers():
"""Initialize MCP servers for all projects."""
try:
db_service = get_db_service()
async with db_service.with_session() as session:
projects = (await session.exec(select(Folder))).all()
for project in projects:
try:
get_project_sse(project.id)
get_project_mcp_server(project.id)
except Exception as e:
msg = f"Failed to initialize MCP server for project {project.id}: {e}"
logger.exception(msg)
# Continue to next project even if this one fails
except Exception as e:
msg = f"Failed to initialize MCP servers: {e}"
logger.exception(msg)
@router.head("/{project_id}/sse", response_class=HTMLResponse, include_in_schema=False)
async def im_alive():
return Response()
@router.get("/{project_id}/sse", response_class=HTMLResponse, dependencies=[Depends(get_current_user)])
async def handle_project_sse(
project_id: UUID,
request: Request,
current_user: Annotated[User, Depends(get_current_active_user)],
):
"""Handle SSE connections for a specific project."""
# Verify project exists and user has access
db_service = get_db_service()
async with db_service.with_session() as session:
project = (
await session.exec(select(Folder).where(Folder.id == project_id, Folder.user_id == current_user.id))
).first()
if not project:
raise HTTPException(status_code=404, detail="Project not found")
# Get project-specific SSE transport and MCP server
sse = get_project_sse(project_id)
project_server = get_project_mcp_server(project_id)
msg = f"Project MCP server name: {project_server.server.name}"
logger.info(msg)
# Set context variables
user_token = current_user_ctx.set(current_user)
project_token = current_project_ctx.set(project_id)
try:
async with sse.connect_sse(request.scope, request.receive, request._send) as streams:
try:
logger.debug("Starting SSE connection for project %s", project_id)
notification_options = NotificationOptions(
prompts_changed=True, resources_changed=True, tools_changed=True
)
init_options = project_server.server.create_initialization_options(notification_options)
try:
await project_server.server.run(streams[0], streams[1], init_options)
except Exception:
logger.exception("Error in project MCP")
except BrokenResourceError:
logger.info("Client disconnected from project SSE connection")
except asyncio.CancelledError:
logger.info("Project SSE connection was cancelled")
raise
except Exception:
logger.exception("Error in project MCP")
raise
finally:
current_user_ctx.reset(user_token)
current_project_ctx.reset(project_token)
return Response(status_code=200)
@router.post("/{project_id}", dependencies=[Depends(get_current_user)])
async def handle_project_messages(
project_id: UUID, request: Request, current_user: Annotated[User, Depends(get_current_active_user)]
):
"""Handle POST messages for a project-specific MCP server."""
# Verify project exists and user has access
db_service = get_db_service()
async with db_service.with_session() as session:
project = (
await session.exec(select(Folder).where(Folder.id == project_id, Folder.user_id == current_user.id))
).first()
if not project:
raise HTTPException(status_code=404, detail="Project not found")
# Set context variables
user_token = current_user_ctx.set(current_user)
project_token = current_project_ctx.set(project_id)
try:
sse = get_project_sse(project_id)
await sse.handle_post_message(request.scope, request.receive, request._send)
except BrokenResourceError as e:
logger.info("Project MCP Server disconnected for project %s", project_id)
raise HTTPException(status_code=404, detail=f"Project MCP Server disconnected, error: {e}") from e
finally:
current_user_ctx.reset(user_token)
current_project_ctx.reset(project_token)
@router.post("/{project_id}/", dependencies=[Depends(get_current_user)])
async def handle_project_messages_with_slash(
project_id: UUID, request: Request, current_user: Annotated[User, Depends(get_current_active_user)]
):
"""Handle POST messages for a project-specific MCP server with trailing slash."""
# Call the original handler
return await handle_project_messages(project_id, request, current_user)
@router.patch("/{project_id}", status_code=200, dependencies=[Depends(get_current_user)])
async def update_project_mcp_settings(
project_id: UUID,
settings: list[MCPSettings],
current_user: Annotated[User, Depends(get_current_active_user)],
):
"""Update the MCP settings of all flows in a project."""
try:
db_service = get_db_service()
async with db_service.with_session() as session:
# Fetch the project first to verify it exists and belongs to the current user
project = (
await session.exec(
select(Folder)
.options(selectinload(Folder.flows))
.where(Folder.id == project_id, Folder.user_id == current_user.id)
)
).first()
if not project:
raise HTTPException(status_code=404, detail="Project not found")
# Query flows in the project
flows = (await session.exec(select(Flow).where(Flow.folder_id == project_id))).all()
flows_to_update = {x.id: x for x in settings}
updated_flows = []
for flow in flows:
if flow.user_id is None or flow.user_id != current_user.id:
continue
if flow.id in flows_to_update:
settings_to_update = flows_to_update[flow.id]
flow.mcp_enabled = settings_to_update.mcp_enabled
flow.action_name = settings_to_update.action_name
flow.action_description = settings_to_update.action_description
flow.updated_at = datetime.now(timezone.utc)
session.add(flow)
updated_flows.append(flow)
await session.commit()
return {"message": f"Updated MCP settings for {len(updated_flows)} flows"}
except Exception as e:
msg = f"Error updating project MCP settings: {e!s}"
logger.exception(msg)
raise HTTPException(status_code=500, detail=str(e)) from e

349
src/backend/base/langflow/api/v1/projects.py Normal file
View file

@ -0,0 +1,349 @@
import io
import json
import zipfile
from datetime import datetime, timezone
from typing import Annotated
from uuid import UUID
import orjson
from fastapi import APIRouter, Depends, File, HTTPException, Response, UploadFile, status
from fastapi.encoders import jsonable_encoder
from fastapi.responses import StreamingResponse
from fastapi_pagination import Params
from fastapi_pagination.ext.sqlmodel import paginate
from sqlalchemy import or_, update
from sqlalchemy.orm import selectinload
from sqlmodel import select
from langflow.api.utils import CurrentActiveUser, DbSession, cascade_delete_flow, custom_params, remove_api_keys
from langflow.api.v1.flows import create_flows
from langflow.api.v1.schemas import FlowListCreate
from langflow.helpers.flow import generate_unique_flow_name
from langflow.helpers.folders import generate_unique_folder_name
from langflow.initial_setup.constants import STARTER_FOLDER_NAME
from langflow.services.database.models.flow.model import Flow, FlowCreate, FlowRead
from langflow.services.database.models.folder.constants import DEFAULT_FOLDER_NAME
from langflow.services.database.models.folder.model import (
Folder,
FolderCreate,
FolderRead,
FolderReadWithFlows,
FolderUpdate,
)
from langflow.services.database.models.folder.pagination_model import FolderWithPaginatedFlows
router = APIRouter(prefix="/projects", tags=["Projects"])
@router.post("/", response_model=FolderRead, status_code=201)
async def create_project(
*,
session: DbSession,
project: FolderCreate,
current_user: CurrentActiveUser,
):
try:
new_project = Folder.model_validate(project, from_attributes=True)
new_project.user_id = current_user.id
# First check if the project.name is unique
# there might be flows with name like: "MyFlow", "MyFlow (1)", "MyFlow (2)"
# so we need to check if the name is unique with `like` operator
# if we find a flow with the same name, we add a number to the end of the name
# based on the highest number found
if (
await session.exec(
statement=select(Folder).where(Folder.name == new_project.name).where(Folder.user_id == current_user.id)
)
).first():
project_results = await session.exec(
select(Folder).where(
Folder.name.like(f"{new_project.name}%"), # type: ignore[attr-defined]
Folder.user_id == current_user.id,
)
)
if project_results:
project_names = [project.name for project in project_results]
project_numbers = [int(name.split("(")[-1].split(")")[0]) for name in project_names if "(" in name]
if project_numbers:
new_project.name = f"{new_project.name} ({max(project_numbers) + 1})"
else:
new_project.name = f"{new_project.name} (1)"
session.add(new_project)
await session.commit()
await session.refresh(new_project)
if project.components_list:
update_statement_components = (
update(Flow).where(Flow.id.in_(project.components_list)).values(folder_id=new_project.id) # type: ignore[attr-defined]
)
await session.exec(update_statement_components)
await session.commit()
if project.flows_list:
update_statement_flows = (
update(Flow).where(Flow.id.in_(project.flows_list)).values(folder_id=new_project.id) # type: ignore[attr-defined]
)
await session.exec(update_statement_flows)
await session.commit()
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
return new_project
@router.get("/", response_model=list[FolderRead], status_code=200)
async def read_projects(
*,
session: DbSession,
current_user: CurrentActiveUser,
):
try:
projects = (
await session.exec(
select(Folder).where(
or_(Folder.user_id == current_user.id, Folder.user_id == None) # noqa: E711
)
)
).all()
projects = [project for project in projects if project.name != STARTER_FOLDER_NAME]
return sorted(projects, key=lambda x: x.name != DEFAULT_FOLDER_NAME)
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
@router.get("/{project_id}", response_model=FolderWithPaginatedFlows | FolderReadWithFlows, status_code=200)
async def read_project(
*,
session: DbSession,
project_id: UUID,
current_user: CurrentActiveUser,
params: Annotated[Params | None, Depends(custom_params)],
is_component: bool = False,
is_flow: bool = False,
search: str = "",
):
try:
project = (
await session.exec(
select(Folder)
.options(selectinload(Folder.flows))
.where(Folder.id == project_id, Folder.user_id == current_user.id)
)
).first()
except Exception as e:
if "No result found" in str(e):
raise HTTPException(status_code=404, detail="Project not found") from e
raise HTTPException(status_code=500, detail=str(e)) from e
if not project:
raise HTTPException(status_code=404, detail="Project not found")
try:
if params and params.page and params.size:
stmt = select(Flow).where(Flow.folder_id == project_id)
if Flow.updated_at is not None:
stmt = stmt.order_by(Flow.updated_at.desc()) # type: ignore[attr-defined]
if is_component:
stmt = stmt.where(Flow.is_component == True) # noqa: E712
if is_flow:
stmt = stmt.where(Flow.is_component == False) # noqa: E712
if search:
stmt = stmt.where(Flow.name.like(f"%{search}%")) # type: ignore[attr-defined]
paginated_flows = await paginate(session, stmt, params=params)
return FolderWithPaginatedFlows(folder=FolderRead.model_validate(project), flows=paginated_flows)
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
flows_from_current_user_in_project = [flow for flow in project.flows if flow.user_id == current_user.id]
project.flows = flows_from_current_user_in_project
return project
@router.patch("/{project_id}", response_model=FolderRead, status_code=200)
async def update_project(
*,
session: DbSession,
project_id: UUID,
project: FolderUpdate, # Assuming FolderUpdate is a Pydantic model defining updatable fields
current_user: CurrentActiveUser,
):
try:
existing_project = (
await session.exec(select(Folder).where(Folder.id == project_id, Folder.user_id == current_user.id))
).first()
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
if not existing_project:
raise HTTPException(status_code=404, detail="Project not found")
try:
if project.name and project.name != existing_project.name:
existing_project.name = project.name
session.add(existing_project)
await session.commit()
await session.refresh(existing_project)
return existing_project
project_data = existing_project.model_dump(exclude_unset=True)
for key, value in project_data.items():
if key not in {"components", "flows"}:
setattr(existing_project, key, value)
session.add(existing_project)
await session.commit()
await session.refresh(existing_project)
concat_project_components = project.components + project.flows
flows_ids = (await session.exec(select(Flow.id).where(Flow.folder_id == existing_project.id))).all()
excluded_flows = list(set(flows_ids) - set(concat_project_components))
my_collection_project = (await session.exec(select(Folder).where(Folder.name == DEFAULT_FOLDER_NAME))).first()
if my_collection_project:
update_statement_my_collection = (
update(Flow).where(Flow.id.in_(excluded_flows)).values(folder_id=my_collection_project.id) # type: ignore[attr-defined]
)
await session.exec(update_statement_my_collection)
await session.commit()
if concat_project_components:
update_statement_components = (
update(Flow).where(Flow.id.in_(concat_project_components)).values(folder_id=existing_project.id) # type: ignore[attr-defined]
)
await session.exec(update_statement_components)
await session.commit()
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
return existing_project
@router.delete("/{project_id}", status_code=204)
async def delete_project(
*,
session: DbSession,
project_id: UUID,
current_user: CurrentActiveUser,
):
try:
flows = (
await session.exec(select(Flow).where(Flow.folder_id == project_id, Flow.user_id == current_user.id))
).all()
if len(flows) > 0:
for flow in flows:
await cascade_delete_flow(session, flow.id)
project = (
await session.exec(select(Folder).where(Folder.id == project_id, Folder.user_id == current_user.id))
).first()
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
if not project:
raise HTTPException(status_code=404, detail="Project not found")
try:
await session.delete(project)
await session.commit()
return Response(status_code=status.HTTP_204_NO_CONTENT)
except Exception as e:
raise HTTPException(status_code=500, detail=str(e)) from e
@router.get("/download/{project_id}", status_code=200)
async def download_file(
*,
session: DbSession,
project_id: UUID,
current_user: CurrentActiveUser,
):
"""Download all flows from project as a zip file."""
try:
query = select(Folder).where(Folder.id == project_id, Folder.user_id == current_user.id)
result = await session.exec(query)
project = result.first()
if not project:
raise HTTPException(status_code=404, detail="Project not found")
flows_query = select(Flow).where(Flow.folder_id == project_id)
flows_result = await session.exec(flows_query)
flows = [FlowRead.model_validate(flow, from_attributes=True) for flow in flows_result.all()]
if not flows:
raise HTTPException(status_code=404, detail="No flows found in project")
flows_without_api_keys = [remove_api_keys(flow.model_dump()) for flow in flows]
zip_stream = io.BytesIO()
with zipfile.ZipFile(zip_stream, "w") as zip_file:
for flow in flows_without_api_keys:
flow_json = json.dumps(jsonable_encoder(flow))
zip_file.writestr(f"{flow['name']}.json", flow_json)
zip_stream.seek(0)
current_time = datetime.now(tz=timezone.utc).astimezone().strftime("%Y%m%d_%H%M%S")
filename = f"{current_time}_{project.name}_flows.zip"
return StreamingResponse(
zip_stream,
media_type="application/x-zip-compressed",
headers={"Content-Disposition": f"attachment; filename={filename}"},
)
except Exception as e:
if "No result found" in str(e):
raise HTTPException(status_code=404, detail="Project not found") from e
raise HTTPException(status_code=500, detail=str(e)) from e
@router.post("/upload/", response_model=list[FlowRead], status_code=201)
async def upload_file(
*,
session: DbSession,
file: Annotated[UploadFile, File(...)],
current_user: CurrentActiveUser,
):
"""Upload flows from a file."""
contents = await file.read()
data = orjson.loads(contents)
if not data:
raise HTTPException(status_code=400, detail="No flows found in the file")
project_name = await generate_unique_folder_name(data["folder_name"], current_user.id, session)
data["folder_name"] = project_name
project = FolderCreate(name=data["folder_name"], description=data["folder_description"])
new_project = Folder.model_validate(project, from_attributes=True)
new_project.id = None
new_project.user_id = current_user.id
session.add(new_project)
await session.commit()
await session.refresh(new_project)
del data["folder_name"]
del data["folder_description"]
if "flows" in data:
flow_list = FlowListCreate(flows=[FlowCreate(**flow) for flow in data["flows"]])
else:
raise HTTPException(status_code=400, detail="No flows found in the data")
# Now we set the user_id for all flows
for flow in flow_list.flows:
flow_name = await generate_unique_flow_name(flow.name, current_user.id, session)
flow.name = flow_name
flow.user_id = current_user.id
flow.folder_id = new_project.id
return await create_flows(session=session, flow_list=flow_list, current_user=current_user)

11
src/backend/base/langflow/api/v1/schemas.py
View file

@ -397,3 +397,14 @@ class CancelFlowResponse(BaseModel):
success: bool
message: str
class MCPSettings(BaseModel):
"""Model representing MCP settings for a flow."""
id: UUID
mcp_enabled: bool | None = None
action_name: str | None = None
action_description: str | None = None
name: str | None = None
description: str | None = None

2
src/backend/base/langflow/api/v1/users.py
View file

@ -37,7 +37,7 @@ async def add_user(
await session.refresh(new_user)
folder = await get_or_create_default_folder(session, new_user.id)
if not folder:
raise HTTPException(status_code=500, detail="Error creating default folder")
raise HTTPException(status_code=500, detail="Error creating default project")
except IntegrityError as e:
await session.rollback()
raise HTTPException(status_code=400, detail="This username is unavailable.") from e

7
src/backend/base/langflow/base/composio/composio_base.py
View file

@ -182,8 +182,13 @@ class ComposioBaseComponent(Component):
# Build the action maps before using them
self._build_action_maps()
# Update the action options
build_config["action"]["options"] = [
{"name": self.sanitize_action_name(action)} for action in self._actions_data
{
"name": self.sanitize_action_name(action),
"metaData": action,
}
for action in self._actions_data
]
try:

6
src/backend/base/langflow/base/mcp/util.py
View file

@ -64,13 +64,13 @@ def create_tool_func(tool_name: str, arg_schema: type[BaseModel], session) -> Ca
return tool_func
async def get_flow_snake_case(flow_name: str, user_id: str, session) -> Flow | None:
async def get_flow_snake_case(flow_name: str, user_id: str, session, is_action: bool | None = None) -> Flow | None:
uuid_user_id = UUID(user_id) if isinstance(user_id, str) else user_id
stmt = select(Flow).where(Flow.user_id == uuid_user_id).where(Flow.is_component == False) # noqa: E712
flows = (await session.exec(stmt)).all()
for flow in flows:
this_flow_name = "_".join(flow.name.lower().split())
this_flow_name = flow.action_name if is_action and flow.action_name else "_".join(flow.name.lower().split())
if this_flow_name == flow_name:
return flow
return None
@ -173,7 +173,7 @@ def create_input_schema_from_json_schema(schema: dict[str, Any]) -> type[BaseMod
model_cache[name] = model_cls
return model_cls
# build the top - level “InputSchema” from the root properties
# build the top - level "InputSchema" from the root properties
top_props = schema.get("properties", {})
top_reqs = set(schema.get("required", []))
top_fields: dict[str, Any] = {}

2
src/backend/base/langflow/components/tools/mcp_component.py
View file

@ -79,7 +79,7 @@ class MCPToolsComponent(Component):
display_name = "MCP Server"
description = "Connect to an MCP server and expose tools."
icon = "server"
icon = "Mcp"
name = "MCPTools"
inputs = [

6
src/backend/base/langflow/helpers/folders.py
View file

@ -7,7 +7,7 @@ async def generate_unique_folder_name(folder_name, user_id, session):
original_name = folder_name
n = 1
while True:
# Check if a folder with the given name exists
# Check if a project with the given name exists
existing_folder = (
await session.exec(
select(Folder).where(
@ -17,10 +17,10 @@ async def generate_unique_folder_name(folder_name, user_id, session):
)
).first()
# If no folder with the given name exists, return the name
# If no project with the given name exists, return the name
if not existing_folder:
return folder_name
# If a folder with the name already exists, append (n) to the name and increment n
# If a project with the name already exists, append (n) to the name and increment n
folder_name = f"{original_name} ({n})"
n += 1

9
src/backend/base/langflow/main.py
View file

@ -23,6 +23,7 @@ from pydantic_core import PydanticSerializationError
from starlette.middleware.base import BaseHTTPMiddleware, RequestResponseEndpoint
from langflow.api import health_check_router, log_router, router
from langflow.api.v1.mcp_projects import init_mcp_servers
from langflow.initial_setup.setup import (
create_or_update_starter_projects,
initialize_super_user_if_needed,
@ -156,7 +157,10 @@ def get_lifespan(*, fix_migration=False, version=None):
await create_or_update_starter_projects(all_types_dict)
logger.debug(f"Starter projects updated in {asyncio.get_event_loop().time() - current_time:.2f}s")
current_time = asyncio.get_event_loop().time()
logger.debug("Starting telemetry service")
telemetry_service.start()
logger.debug(f"started telemetry service in {asyncio.get_event_loop().time() - current_time:.2f}s")
current_time = asyncio.get_event_loop().time()
logger.debug("Loading flows")
@ -167,6 +171,11 @@ def get_lifespan(*, fix_migration=False, version=None):
queue_service.start()
logger.debug(f"Flows loaded in {asyncio.get_event_loop().time() - current_time:.2f}s")
current_time = asyncio.get_event_loop().time()
logger.debug("Loading mcp servers for projects")
await init_mcp_servers()
logger.debug(f"mcp servers loaded in {asyncio.get_event_loop().time() - current_time:.2f}s")
total_time = asyncio.get_event_loop().time() - start_time
logger.debug(f"Total initialization time: {total_time:.2f}s")
yield

11
src/backend/base/langflow/services/database/models/__init__.py
View file

@ -7,4 +7,13 @@ from .transactions import TransactionTable
from .user import User
from .variable import Variable
__all__ = ["ApiKey", "File", "Flow", "Folder", "MessageTable", "TransactionTable", "User", "Variable"]
__all__ = [
"ApiKey",
"File",
"Flow",
"Folder",
"MessageTable",
"TransactionTable",
"User",
"Variable",
]

16
src/backend/base/langflow/services/database/models/flow/model.py
View file

@ -47,6 +47,15 @@ class FlowBase(SQLModel):
endpoint_name: str | None = Field(default=None, nullable=True, index=True)
tags: list[str] | None = None
locked: bool | None = Field(default=False, nullable=True)
mcp_enabled: bool | None = Field(default=False, nullable=True, description="Can be exposed in the MCP server")
action_name: str | None = Field(
default=None, nullable=True, description="The name of the action associated with the flow"
)
action_description: str | None = Field(
default=None,
sa_column=Column(Text, nullable=True),
description="The description of the action associated with the flow",
)
access_type: AccessTypeEnum = Field(
default=AccessTypeEnum.PRIVATE,
sa_column=Column(
@ -233,6 +242,9 @@ class FlowHeader(BaseModel):
data: dict | None = Field(None, description="The data of the component, if is_component is True")
access_type: AccessTypeEnum | None = Field(None, description="The access type of the flow")
tags: list[str] | None = Field(None, description="The tags of the flow")
mcp_enabled: bool | None = Field(None, description="Flag indicating whether the flow is exposed in the MCP server")
action_name: str | None = Field(None, description="The name of the action associated with the flow")
action_description: str | None = Field(None, description="The description of the action associated with the flow")
@field_validator("data", mode="before")
@classmethod
@ -248,7 +260,9 @@ class FlowUpdate(SQLModel):
data: dict | None = None
folder_id: UUID | None = None
endpoint_name: str | None = None
locked: bool | None = None
mcp_enabled: bool | None = None
action_name: str | None = None
action_description: str | None = None
access_type: AccessTypeEnum | None = None
fs_path: str | None = None

2
src/backend/base/langflow/services/database/models/folder/constants.py
View file

@ -1,2 +1,2 @@
DEFAULT_FOLDER_DESCRIPTION = "Manage your own projects. Download and upload folders."
DEFAULT_FOLDER_DESCRIPTION = "Manage your own flows. Download and upload projects."
DEFAULT_FOLDER_NAME = "My Projects"

3
src/backend/base/langflow/utils/component_utils.py
View file

@ -15,8 +15,7 @@ def update_fields(build_config: dotdict, fields: dict[str, Any]) -> dotdict:
def add_fields(build_config: dotdict, fields: dict[str, Any]) -> dotdict:
"""Add new fields to build_config."""
for key, value in fields.items():
build_config[key] = value
build_config.update(fields)
return build_config

2
src/backend/base/pyproject.toml
View file

@ -78,7 +78,7 @@ dependencies = [
"validators>=0.34.0",
"networkx>=3.4.2",
"json-repair>=0.30.3",
"mcp>=1.1.2",
"mcp>=1.6.0",
"aiosqlite>=0.20.0",
"greenlet>=3.1.1",
"jsonquerylang>=1.1.1",

52
src/backend/tests/unit/api/v1/test_folders.py
View file

@ -6,7 +6,7 @@ from httpx import AsyncClient
@pytest.fixture
def basic_case():
return {
"name": "New Folder",
"name": "New Project",
"description": "",
"flows_list": [],
"components_list": [],
@ -14,9 +14,13 @@ def basic_case():
async def test_create_folder(client: AsyncClient, logged_in_headers, basic_case):
# Configure client to follow redirects
client.follow_redirects = True
response = await client.post("api/v1/folders/", json=basic_case, headers=logged_in_headers)
result = response.json()
# Check that we're getting a valid response from the projects endpoint
assert response.status_code == status.HTTP_201_CREATED
assert isinstance(result, dict), "The result must be a dictionary"
assert "name" in result, "The dictionary must contain a key called 'name'"
@ -26,6 +30,9 @@ async def test_create_folder(client: AsyncClient, logged_in_headers, basic_case)
async def test_read_folders(client: AsyncClient, logged_in_headers):
# Configure client to follow redirects
client.follow_redirects = True
response = await client.get("api/v1/folders/", headers=logged_in_headers)
result = response.json()
@ -35,24 +42,55 @@ async def test_read_folders(client: AsyncClient, logged_in_headers):
async def test_read_folder(client: AsyncClient, logged_in_headers, basic_case):
# Configure client to follow redirects
client.follow_redirects = True
# Create a folder first
response_ = await client.post("api/v1/folders/", json=basic_case, headers=logged_in_headers)
id_ = response_.json()["id"]
# Get the folder
response = await client.get(f"api/v1/folders/{id_}", headers=logged_in_headers)
result = response.json()
assert response.status_code == status.HTTP_200_OK
assert isinstance(result, dict), "The result must be a dictionary"
assert "name" in result, "The dictionary must contain a key called 'name'"
assert "description" in result, "The dictionary must contain a key called 'description'"
assert "id" in result, "The dictionary must contain a key called 'id'"
assert "parent_id" in result, "The dictionary must contain a key called 'parent_id'"
# The response structure may be different depending on whether pagination is enabled
if "folder" in result:
# Handle paginated project response
folder_data = result["folder"]
assert response.status_code == status.HTTP_200_OK
assert isinstance(folder_data, dict), "The folder data must be a dictionary"
assert "name" in folder_data, "The dictionary must contain a key called 'name'"
assert "description" in folder_data, "The dictionary must contain a key called 'description'"
assert "id" in folder_data, "The dictionary must contain a key called 'id'"
elif "project" in result:
# Handle paginated project response
project_data = result["project"]
assert response.status_code == status.HTTP_200_OK
assert isinstance(project_data, dict), "The project data must be a dictionary"
assert "name" in project_data, "The dictionary must contain a key called 'name'"
assert "description" in project_data, "The dictionary must contain a key called 'description'"
assert "id" in project_data, "The dictionary must contain a key called 'id'"
else:
# Handle direct project response
assert response.status_code == status.HTTP_200_OK
assert isinstance(result, dict), "The result must be a dictionary"
assert "name" in result, "The dictionary must contain a key called 'name'"
assert "description" in result, "The dictionary must contain a key called 'description'"
assert "id" in result, "The dictionary must contain a key called 'id'"
async def test_update_folder(client: AsyncClient, logged_in_headers, basic_case):
# Configure client to follow redirects
client.follow_redirects = True
update_case = basic_case.copy()
update_case["name"] = "Updated Folder"
# Create a folder first
response_ = await client.post("api/v1/folders/", json=basic_case, headers=logged_in_headers)
id_ = response_.json()["id"]
# Update the folder
response = await client.patch(f"api/v1/folders/{id_}", json=update_case, headers=logged_in_headers)
result = response.json()

113
src/backend/tests/unit/api/v1/test_mcp.py Normal file
View file

@ -0,0 +1,113 @@
from unittest.mock import AsyncMock, MagicMock, patch
from uuid import uuid4
import pytest
from fastapi import status
from httpx import AsyncClient
from langflow.services.auth.utils import get_password_hash
from langflow.services.database.models.user import User
# Mark all tests in this module as asyncio
pytestmark = pytest.mark.asyncio
@pytest.fixture
def mock_user():
return User(
id=uuid4(), username="testuser", password=get_password_hash("testpassword"), is_active=True, is_superuser=False
)
@pytest.fixture
def mock_mcp_server():
with patch("langflow.api.v1.mcp.server") as mock:
# Basic mocking for server attributes potentially accessed during endpoint calls
mock.request_context = MagicMock()
mock.request_context.meta = MagicMock()
mock.request_context.meta.progressToken = "test_token"
mock.request_context.session = AsyncMock()
mock.create_initialization_options = MagicMock()
mock.run = AsyncMock()
yield mock
@pytest.fixture
def mock_sse_transport():
with patch("langflow.api.v1.mcp.sse") as mock:
mock.connect_sse = AsyncMock()
mock.handle_post_message = AsyncMock()
yield mock
# Fixture to mock the current user context variable needed for auth in /sse GET
@pytest.fixture(autouse=True)
def mock_current_user_ctx(mock_user):
with patch("langflow.api.v1.mcp.current_user_ctx") as mock:
mock.get.return_value = mock_user
mock.set = MagicMock(return_value="dummy_token") # Return a dummy token for reset
mock.reset = MagicMock()
yield mock
# Test the HEAD /sse endpoint (checks server availability)
async def test_mcp_sse_head_endpoint(client: AsyncClient):
"""Test HEAD /sse endpoint returns 200 OK."""
response = await client.head("api/v1/mcp/sse")
assert response.status_code == status.HTTP_200_OK
# Test the HEAD /sse endpoint without authentication
async def test_mcp_sse_head_endpoint_no_auth(client: AsyncClient):
"""Test HEAD /sse endpoint without authentication returns 200 OK (HEAD requests don't require auth)."""
response = await client.head("api/v1/mcp/sse")
assert response.status_code == status.HTTP_200_OK
async def test_mcp_sse_get_endpoint_invalid_auth(client: AsyncClient):
"""Test GET /sse endpoint with invalid authentication returns 401."""
headers = {"Authorization": "Bearer invalid_token"}
response = await client.get("api/v1/mcp/sse", headers=headers)
assert response.status_code == status.HTTP_401_UNAUTHORIZED
# Test the POST / endpoint (handles incoming MCP messages)
async def test_mcp_post_endpoint_success(client: AsyncClient, logged_in_headers, mock_sse_transport):
"""Test POST / endpoint successfully handles MCP messages."""
test_message = {"type": "test", "content": "message"}
response = await client.post("api/v1/mcp/", headers=logged_in_headers, json=test_message)
assert response.status_code == status.HTTP_200_OK
mock_sse_transport.handle_post_message.assert_called_once()
async def test_mcp_post_endpoint_no_auth(client: AsyncClient):
"""Test POST / endpoint without authentication returns 400 (current behavior)."""
response = await client.post("api/v1/mcp/", json={})
assert response.status_code == status.HTTP_400_BAD_REQUEST
async def test_mcp_post_endpoint_invalid_json(client: AsyncClient, logged_in_headers):
"""Test POST / endpoint with invalid JSON returns 400."""
response = await client.post("api/v1/mcp/", headers=logged_in_headers, content="invalid json")
assert response.status_code == status.HTTP_400_BAD_REQUEST
async def test_mcp_post_endpoint_disconnect_error(client: AsyncClient, logged_in_headers, mock_sse_transport):
"""Test POST / endpoint handles disconnection errors correctly."""
mock_sse_transport.handle_post_message.side_effect = BrokenPipeError("Simulated disconnect")
response = await client.post("api/v1/mcp/", headers=logged_in_headers, json={"type": "test"})
assert response.status_code == status.HTTP_404_NOT_FOUND
assert "MCP Server disconnected" in response.json()["detail"]
mock_sse_transport.handle_post_message.assert_called_once()
async def test_mcp_post_endpoint_server_error(client: AsyncClient, logged_in_headers, mock_sse_transport):
"""Test POST / endpoint handles server errors correctly."""
mock_sse_transport.handle_post_message.side_effect = Exception("Internal server error")
response = await client.post("api/v1/mcp/", headers=logged_in_headers, json={"type": "test"})
assert response.status_code == status.HTTP_500_INTERNAL_SERVER_ERROR
assert "Internal server error" in response.json()["detail"]

509
src/backend/tests/unit/api/v1/test_mcp_projects.py Normal file
View file

@ -0,0 +1,509 @@
from unittest.mock import AsyncMock, MagicMock, patch
from uuid import uuid4
import pytest
from fastapi import status
from httpx import AsyncClient
from langflow.api.v1.mcp_projects import (
get_project_mcp_server,
get_project_sse,
init_mcp_servers,
project_mcp_servers,
project_sse_transports,
)
from langflow.services.auth.utils import get_password_hash
from langflow.services.database.models.flow import Flow
from langflow.services.database.models.folder import Folder
from langflow.services.database.models.user import User
from langflow.services.database.utils import session_getter
from langflow.services.deps import get_db_service
from mcp.server.sse import SseServerTransport
# Mark all tests in this module as asyncio
pytestmark = pytest.mark.asyncio
@pytest.fixture
def mock_project(active_user):
"""Fixture to provide a mock project linked to the active user."""
return Folder(id=uuid4(), name="Test Project", user_id=active_user.id)
@pytest.fixture
def mock_flow(active_user, mock_project):
"""Fixture to provide a mock flow linked to the active user and project."""
return Flow(
id=uuid4(),
name="Test Flow",
description="Test Description",
mcp_enabled=True,
action_name="test_action",
action_description="Test Action Description",
folder_id=mock_project.id,
user_id=active_user.id,
)
@pytest.fixture
def mock_project_mcp_server():
with patch("langflow.api.v1.mcp_projects.ProjectMCPServer") as mock:
server_instance = MagicMock()
server_instance.server = MagicMock()
server_instance.server.name = "test-server"
server_instance.server.run = AsyncMock()
server_instance.server.create_initialization_options = MagicMock()
mock.return_value = server_instance
yield server_instance
class AsyncContextManagerMock:
"""Mock class that implements async context manager protocol."""
async def __aenter__(self):
return (MagicMock(), MagicMock())
async def __aexit__(self, exc_type, exc_val, exc_tb):
pass
@pytest.fixture
def mock_sse_transport():
with patch("langflow.api.v1.mcp_projects.SseServerTransport") as mock:
transport_instance = MagicMock()
# Create an async context manager for connect_sse
connect_sse_mock = AsyncContextManagerMock()
transport_instance.connect_sse = MagicMock(return_value=connect_sse_mock)
transport_instance.handle_post_message = AsyncMock()
mock.return_value = transport_instance
yield transport_instance
@pytest.fixture(autouse=True)
def mock_current_user_ctx(active_user):
with patch("langflow.api.v1.mcp_projects.current_user_ctx") as mock:
mock.get.return_value = active_user
mock.set = MagicMock(return_value="dummy_token")
mock.reset = MagicMock()
yield mock
@pytest.fixture(autouse=True)
def mock_current_project_ctx(mock_project):
with patch("langflow.api.v1.mcp_projects.current_project_ctx") as mock:
mock.get.return_value = mock_project.id
mock.set = MagicMock(return_value="dummy_token")
mock.reset = MagicMock()
yield mock
@pytest.fixture
async def other_test_user():
"""Fixture for creating another test user."""
user_id = uuid4()
db_manager = get_db_service()
async with db_manager.with_session() as session:
user = User(
id=user_id,
username="other_test_user",
password=get_password_hash("testpassword"),
is_active=True,
is_superuser=False,
)
session.add(user)
await session.commit()
await session.refresh(user)
yield user
# Clean up
async with db_manager.with_session() as session:
user = await session.get(User, user_id)
if user:
await session.delete(user)
await session.commit()
@pytest.fixture
async def other_test_project(other_test_user):
"""Fixture for creating a project for another test user."""
project_id = uuid4()
db_manager = get_db_service()
async with db_manager.with_session() as session:
project = Folder(id=project_id, name="Other Test Project", user_id=other_test_user.id)
session.add(project)
await session.commit()
await session.refresh(project)
yield project
# Clean up
async with db_manager.with_session() as session:
project = await session.get(Folder, project_id)
if project:
await session.delete(project)
await session.commit()
async def test_handle_project_messages_success(
client: AsyncClient, mock_project, mock_sse_transport, logged_in_headers
):
"""Test successful handling of project messages."""
with patch("langflow.api.v1.mcp_projects.get_db_service") as mock_db:
mock_session = AsyncMock()
mock_db.return_value.with_session.return_value.__aenter__.return_value = mock_session
mock_session.exec.return_value.first.return_value = mock_project
response = await client.post(
f"api/v1/mcp/project/{mock_project.id}",
headers=logged_in_headers,
json={"type": "test", "content": "message"},
)
assert response.status_code == status.HTTP_200_OK
mock_sse_transport.handle_post_message.assert_called_once()
async def test_update_project_mcp_settings_invalid_json(client: AsyncClient, mock_project, logged_in_headers):
"""Test updating MCP settings with invalid JSON."""
with patch("langflow.api.v1.mcp_projects.get_db_service") as mock_db:
mock_session = AsyncMock()
mock_db.return_value.with_session.return_value.__aenter__.return_value = mock_session
mock_session.exec.return_value.first.return_value = mock_project
response = await client.patch(
f"api/v1/mcp/project/{mock_project.id}", headers=logged_in_headers, json="invalid"
)
assert response.status_code == status.HTTP_422_UNPROCESSABLE_ENTITY
@pytest.fixture
async def test_flow_for_update(active_user, user_test_project):
"""Fixture to provide a real flow for testing MCP settings updates."""
flow_id = uuid4()
flow_data = {
"id": flow_id,
"name": "Test Flow For Update",
"description": "Test flow that will be updated",
"mcp_enabled": True,
"action_name": "original_action",
"action_description": "Original description",
"folder_id": user_test_project.id,
"user_id": active_user.id,
}
# Create the flow in the database
db_manager = get_db_service()
async with db_manager.with_session() as session:
flow = Flow(**flow_data)
session.add(flow)
await session.commit()
await session.refresh(flow)
yield flow
# Clean up
async with db_manager.with_session() as session:
flow = await session.get(Flow, flow_id)
if flow:
await session.delete(flow)
await session.commit()
async def test_update_project_mcp_settings_success(
client: AsyncClient, user_test_project, test_flow_for_update, logged_in_headers
):
"""Test successful update of MCP settings using real database."""
# Create settings for updating the flow
settings = [
{
"id": str(test_flow_for_update.id),
"action_name": "updated_action",
"action_description": "Updated description",
"mcp_enabled": False,
"name": test_flow_for_update.name,
"description": test_flow_for_update.description,
}
]
# Make the real PATCH request
response = await client.patch(
f"api/v1/mcp/project/{user_test_project.id}", headers=logged_in_headers, json=settings
)
# Assert response
assert response.status_code == 200
assert "Updated MCP settings for 1 flows" in response.json()["message"]
# Verify the flow was actually updated in the database
async with session_getter(get_db_service()) as session:
updated_flow = await session.get(Flow, test_flow_for_update.id)
assert updated_flow is not None
assert updated_flow.action_name == "updated_action"
assert updated_flow.action_description == "Updated description"
assert updated_flow.mcp_enabled is False
async def test_update_project_mcp_settings_invalid_project(client: AsyncClient, logged_in_headers):
"""Test accessing an invalid project ID."""
# We're using the GET endpoint since it works correctly and tests the same security constraints
# Generate a random UUID that doesn't exist in the database
nonexistent_project_id = uuid4()
# Try to access the project
response = await client.get(f"api/v1/mcp/project/{nonexistent_project_id}/sse", headers=logged_in_headers)
# Verify the response
assert response.status_code == 404
assert response.json()["detail"] == "Project not found"
async def test_update_project_mcp_settings_other_user_project(
client: AsyncClient, other_test_project, logged_in_headers
):
"""Test accessing a project belonging to another user."""
# We're using the GET endpoint since it works correctly and tests the same security constraints
# Try to access the other user's project using active_user's credentials
response = await client.get(f"api/v1/mcp/project/{other_test_project.id}/sse", headers=logged_in_headers)
# Verify the response
assert response.status_code == 404
assert response.json()["detail"] == "Project not found"
async def test_update_project_mcp_settings_empty_settings(client: AsyncClient, user_test_project, logged_in_headers):
"""Test updating MCP settings with empty settings list."""
# Use real database objects instead of mocks to avoid the coroutine issue
# Empty settings list
settings = []
# Make the request to the actual endpoint
response = await client.patch(
f"api/v1/mcp/project/{user_test_project.id}", headers=logged_in_headers, json=settings
)
# Verify response - the real endpoint should handle empty settings correctly
assert response.status_code == 200
assert "Updated MCP settings for 0 flows" in response.json()["message"]
async def test_user_can_only_access_own_projects(client: AsyncClient, other_test_project, logged_in_headers):
"""Test that a user can only access their own projects."""
# Try to access the other user's project using first user's credentials
response = await client.get(f"api/v1/mcp/project/{other_test_project.id}/sse", headers=logged_in_headers)
# Should fail with 404 as first user cannot see second user's project
assert response.status_code == 404
assert response.json()["detail"] == "Project not found"
async def test_user_data_isolation_with_real_db(
client: AsyncClient, logged_in_headers, other_test_user, other_test_project
):
"""Test that users can only access their own MCP projects using a real database session."""
# Create a flow for the other test user in their project
second_flow_id = uuid4()
# Use real database session just for flow creation and cleanup
async with session_getter(get_db_service()) as session:
# Create a flow in the other user's project
second_flow = Flow(
id=second_flow_id,
name="Second User Flow",
description="This flow belongs to the second user",
mcp_enabled=True,
action_name="second_user_action",
action_description="Second user action description",
folder_id=other_test_project.id,
user_id=other_test_user.id,
)
# Add flow to database
session.add(second_flow)
await session.commit()
try:
# Test that first user can't see the project
response = await client.get(f"api/v1/mcp/project/{other_test_project.id}/sse", headers=logged_in_headers)
# Should fail with 404
assert response.status_code == 404
assert response.json()["detail"] == "Project not found"
# First user attempts to update second user's flow settings
# Note: We're not testing the PATCH endpoint because it has the coroutine error
# Instead, verify permissions via the GET endpoint
finally:
# Clean up flow
async with session_getter(get_db_service()) as session:
second_flow = await session.get(Flow, second_flow_id)
if second_flow:
await session.delete(second_flow)
await session.commit()
@pytest.fixture
async def user_test_project(active_user):
"""Fixture for creating a project for the active user."""
project_id = uuid4()
db_manager = get_db_service()
async with db_manager.with_session() as session:
project = Folder(id=project_id, name="User Test Project", user_id=active_user.id)
session.add(project)
await session.commit()
await session.refresh(project)
yield project
# Clean up
async with db_manager.with_session() as session:
project = await session.get(Folder, project_id)
if project:
await session.delete(project)
await session.commit()
@pytest.fixture
async def user_test_flow(active_user, user_test_project):
"""Fixture for creating a flow for the active user."""
flow_id = uuid4()
db_manager = get_db_service()
async with db_manager.with_session() as session:
flow = Flow(
id=flow_id,
name="User Test Flow",
description="This flow belongs to the active user",
mcp_enabled=True,
action_name="user_action",
action_description="User action description",
folder_id=user_test_project.id,
user_id=active_user.id,
)
session.add(flow)
await session.commit()
await session.refresh(flow)
yield flow
# Clean up
async with db_manager.with_session() as session:
flow = await session.get(Flow, flow_id)
if flow:
await session.delete(flow)
await session.commit()
async def test_user_can_update_own_flow_mcp_settings(
client: AsyncClient, logged_in_headers, user_test_project, user_test_flow
):
"""Test that a user can update MCP settings for their own flows using real database."""
# User attempts to update their own flow settings
updated_settings = [
{
"id": str(user_test_flow.id),
"action_name": "updated_user_action",
"action_description": "Updated user action description",
"mcp_enabled": False,
"name": "User Test Flow",
"description": "This flow belongs to the active user",
}
]
# Make the PATCH request to update settings
response = await client.patch(
f"api/v1/mcp/project/{user_test_project.id}", headers=logged_in_headers, json=updated_settings
)
# Should succeed as the user owns this project and flow
assert response.status_code == 200
assert "Updated MCP settings for 1 flows" in response.json()["message"]
# Verify the flow was actually updated in the database
async with session_getter(get_db_service()) as session:
updated_flow = await session.get(Flow, user_test_flow.id)
assert updated_flow is not None
assert updated_flow.action_name == "updated_user_action"
assert updated_flow.action_description == "Updated user action description"
assert updated_flow.mcp_enabled is False
async def test_project_sse_creation(user_test_project):
"""Test that SSE transport and MCP server are correctly created for a project."""
# Test getting an SSE transport for the first time
project_id = user_test_project.id
project_id_str = str(project_id)
# Ensure there's no SSE transport for this project yet
if project_id_str in project_sse_transports:
del project_sse_transports[project_id_str]
# Get an SSE transport
sse_transport = get_project_sse(project_id)
# Verify the transport was created correctly
assert project_id_str in project_sse_transports
assert sse_transport is project_sse_transports[project_id_str]
assert isinstance(sse_transport, SseServerTransport)
# Test getting an MCP server for the first time
if project_id_str in project_mcp_servers:
del project_mcp_servers[project_id_str]
# Get an MCP server
mcp_server = get_project_mcp_server(project_id)
# Verify the server was created correctly
assert project_id_str in project_mcp_servers
assert mcp_server is project_mcp_servers[project_id_str]
assert mcp_server.project_id == project_id
assert mcp_server.server.name == f"langflow-mcp-project-{project_id}"
# Test that getting the same SSE transport and MCP server again returns the cached instances
sse_transport2 = get_project_sse(project_id)
mcp_server2 = get_project_mcp_server(project_id)
assert sse_transport2 is sse_transport
assert mcp_server2 is mcp_server
async def test_init_mcp_servers(user_test_project, other_test_project):
"""Test the initialization of MCP servers for all projects."""
# Clear existing caches
project_sse_transports.clear()
project_mcp_servers.clear()
# Test the initialization function
await init_mcp_servers()
# Verify that both test projects have SSE transports and MCP servers initialized
project1_id = str(user_test_project.id)
project2_id = str(other_test_project.id)
# Both projects should have SSE transports created
assert project1_id in project_sse_transports
assert project2_id in project_sse_transports
# Both projects should have MCP servers created
assert project1_id in project_mcp_servers
assert project2_id in project_mcp_servers
# Verify the correct configuration
assert isinstance(project_sse_transports[project1_id], SseServerTransport)
assert isinstance(project_sse_transports[project2_id], SseServerTransport)
assert project_mcp_servers[project1_id].project_id == user_test_project.id
assert project_mcp_servers[project2_id].project_id == other_test_project.id
async def test_init_mcp_servers_error_handling():
"""Test that init_mcp_servers handles errors correctly and continues initialization."""
# Clear existing caches
project_sse_transports.clear()
project_mcp_servers.clear()
# Create a mock to simulate an error when initializing one project
original_get_project_sse = get_project_sse
def mock_get_project_sse(project_id):
# Raise an exception for the first project only
if not project_sse_transports: # Only for the first project
msg = "Test error for project SSE creation"
raise ValueError(msg)
return original_get_project_sse(project_id)
# Apply the patch
with patch("langflow.api.v1.mcp_projects.get_project_sse", side_effect=mock_get_project_sse):
# This should not raise any exception, as the error should be caught
await init_mcp_servers()

89
src/backend/tests/unit/api/v1/test_projects.py Normal file
View file

@ -0,0 +1,89 @@
import pytest
from fastapi import status
from httpx import AsyncClient
@pytest.fixture
def basic_case():
return {
"name": "New Project",
"description": "",
"flows_list": [],
"components_list": [],
}
async def test_create_project(client: AsyncClient, logged_in_headers, basic_case):
response = await client.post("api/v1/projects/", json=basic_case, headers=logged_in_headers)
result = response.json()
assert response.status_code == status.HTTP_201_CREATED
assert isinstance(result, dict), "The result must be a dictionary"
assert "name" in result, "The dictionary must contain a key called 'name'"
assert "description" in result, "The dictionary must contain a key called 'description'"
assert "id" in result, "The dictionary must contain a key called 'id'"
assert "parent_id" in result, "The dictionary must contain a key called 'parent_id'"
async def test_read_projects(client: AsyncClient, logged_in_headers):
response = await client.get("api/v1/projects/", headers=logged_in_headers)
result = response.json()
assert response.status_code == status.HTTP_200_OK
assert isinstance(result, list), "The result must be a list"
assert len(result) > 0, "The list must not be empty"
async def test_read_project(client: AsyncClient, logged_in_headers, basic_case):
# Create a project first
response_ = await client.post("api/v1/projects/", json=basic_case, headers=logged_in_headers)
id_ = response_.json()["id"]
# Get the project
response = await client.get(f"api/v1/projects/{id_}", headers=logged_in_headers)
result = response.json()
# The response structure may be different depending on whether pagination is enabled
if isinstance(result, dict) and "folder" in result:
# Handle paginated project response
folder_data = result["folder"]
assert response.status_code == status.HTTP_200_OK
assert isinstance(folder_data, dict), "The folder data must be a dictionary"
assert "name" in folder_data, "The dictionary must contain a key called 'name'"
assert "description" in folder_data, "The dictionary must contain a key called 'description'"
assert "id" in folder_data, "The dictionary must contain a key called 'id'"
elif isinstance(result, dict) and "project" in result:
# Handle paginated project response
project_data = result["project"]
assert response.status_code == status.HTTP_200_OK
assert isinstance(project_data, dict), "The project data must be a dictionary"
assert "name" in project_data, "The dictionary must contain a key called 'name'"
assert "description" in project_data, "The dictionary must contain a key called 'description'"
assert "id" in project_data, "The dictionary must contain a key called 'id'"
else:
# Handle direct project response
assert response.status_code == status.HTTP_200_OK
assert isinstance(result, dict), "The result must be a dictionary"
assert "name" in result, "The dictionary must contain a key called 'name'"
assert "description" in result, "The dictionary must contain a key called 'description'"
assert "id" in result, "The dictionary must contain a key called 'id'"
async def test_update_project(client: AsyncClient, logged_in_headers, basic_case):
update_case = basic_case.copy()
update_case["name"] = "Updated Project"
# Create a project first
response_ = await client.post("api/v1/projects/", json=basic_case, headers=logged_in_headers)
id_ = response_.json()["id"]
# Update the project
response = await client.patch(f"api/v1/projects/{id_}", json=update_case, headers=logged_in_headers)
result = response.json()
assert response.status_code == status.HTTP_200_OK
assert isinstance(result, dict), "The result must be a dictionary"
assert "name" in result, "The dictionary must contain a key called 'name'"
assert "description" in result, "The dictionary must contain a key called 'description'"
assert "id" in result, "The dictionary must contain a key called 'id'"
assert "parent_id" in result, "The dictionary must contain a key called 'parent_id'"

14
src/backend/tests/unit/initial_setup/test_setup_functions.py
View file

@ -8,23 +8,23 @@ from langflow.services.database.models.folder.model import FolderRead
@pytest.mark.usefixtures("client")
async def test_get_or_create_default_folder_creation() -> None:
"""Test that a default folder is created for a new user.
"""Test that a default project is created for a new user.
This test verifies that when no default folder exists for a given user,
This test verifies that when no default project exists for a given user,
get_or_create_default_folder creates one with the expected name and assigns it an ID.
"""
test_user_id = uuid4()
async with session_scope() as session:
folder = await get_or_create_default_folder(session, test_user_id)
assert folder.name == DEFAULT_FOLDER_NAME, "The folder name should match the default."
assert hasattr(folder, "id"), "The folder should have an 'id' attribute after creation."
assert folder.name == DEFAULT_FOLDER_NAME, "The project name should match the default."
assert hasattr(folder, "id"), "The project should have an 'id' attribute after creation."
@pytest.mark.usefixtures("client")
async def test_get_or_create_default_folder_idempotency() -> None:
"""Test that subsequent calls to get_or_create_default_folder return the same folder.
"""Test that subsequent calls to get_or_create_default_folder return the same project.
The function should be idempotent such that if a default folder already exists,
The function should be idempotent such that if a default project already exists,
calling the function again does not create a new one.
"""
test_user_id = uuid4()
@ -39,7 +39,7 @@ async def test_get_or_create_default_folder_concurrent_calls() -> None:
"""Test concurrent invocations of get_or_create_default_folder.
This test ensures that when multiple concurrent calls are made for the same user,
only one default folder is created, demonstrating idempotency under concurrent access.
only one default project is created, demonstrating idempotency under concurrent access.
"""
test_user_id = uuid4()

110
src/backend/tests/unit/test_database.py
View file

@ -341,11 +341,11 @@ async def test_delete_flows_with_transaction_and_build(client: AsyncClient, logg
@pytest.mark.usefixtures("active_user")
async def test_delete_folder_with_flows_with_transaction_and_build(client: AsyncClient, logged_in_headers):
# Create a new folder
folder_name = f"Test Folder {uuid4()}"
folder = FolderCreate(name=folder_name, description="Test folder description", components_list=[], flows_list=[])
# Create a new project
folder_name = f"Test Project {uuid4()}"
project = FolderCreate(name=folder_name, description="Test project description", components_list=[], flows_list=[])
response = await client.post("api/v1/folders/", json=folder.model_dump(), headers=logged_in_headers)
response = await client.post("api/v1/projects/", json=project.model_dump(), headers=logged_in_headers)
assert response.status_code == 201, f"Expected status code 201, but got {response.status_code}"
created_folder = response.json()
@ -393,7 +393,7 @@ async def test_delete_folder_with_flows_with_transaction_and_build(client: Async
artifacts=build.get("artifacts"),
)
response = await client.request("DELETE", f"api/v1/folders/{folder_id}", headers=logged_in_headers)
response = await client.request("DELETE", f"api/v1/projects/{folder_id}", headers=logged_in_headers)
assert response.status_code == 204
for flow_id in flow_ids:
@ -413,22 +413,22 @@ async def test_delete_folder_with_flows_with_transaction_and_build(client: Async
async def test_get_flows_from_folder_pagination(client: AsyncClient, logged_in_headers):
# Create a new folder
folder_name = f"Test Folder {uuid4()}"
folder = FolderCreate(name=folder_name, description="Test folder description", components_list=[], flows_list=[])
# Create a new project
folder_name = f"Test Project {uuid4()}"
project = FolderCreate(name=folder_name, description="Test project description", components_list=[], flows_list=[])
response = await client.post("api/v1/folders/", json=folder.model_dump(), headers=logged_in_headers)
response = await client.post("api/v1/projects/", json=project.model_dump(), headers=logged_in_headers)
assert response.status_code == 201, f"Expected status code 201, but got {response.status_code}"
created_folder = response.json()
folder_id = created_folder["id"]
response = await client.get(
f"api/v1/folders/{folder_id}", headers=logged_in_headers, params={"page": 1, "size": 50}
f"api/v1/projects/{folder_id}", headers=logged_in_headers, params={"page": 1, "size": 50}
)
assert response.status_code == 200
assert response.json()["folder"]["name"] == folder_name
assert response.json()["folder"]["description"] == "Test folder description"
assert response.json()["folder"]["description"] == "Test project description"
assert response.json()["flows"]["page"] == 1
assert response.json()["flows"]["size"] == 50
assert response.json()["flows"]["pages"] == 0
@ -437,22 +437,22 @@ async def test_get_flows_from_folder_pagination(client: AsyncClient, logged_in_h
async def test_get_flows_from_folder_pagination_with_params(client: AsyncClient, logged_in_headers):
# Create a new folder
folder_name = f"Test Folder {uuid4()}"
folder = FolderCreate(name=folder_name, description="Test folder description", components_list=[], flows_list=[])
# Create a new project
folder_name = f"Test Project {uuid4()}"
project = FolderCreate(name=folder_name, description="Test project description", components_list=[], flows_list=[])
response = await client.post("api/v1/folders/", json=folder.model_dump(), headers=logged_in_headers)
response = await client.post("api/v1/projects/", json=project.model_dump(), headers=logged_in_headers)
assert response.status_code == 201, f"Expected status code 201, but got {response.status_code}"
created_folder = response.json()
folder_id = created_folder["id"]
response = await client.get(
f"api/v1/folders/{folder_id}", headers=logged_in_headers, params={"page": 3, "size": 10}
f"api/v1/projects/{folder_id}", headers=logged_in_headers, params={"page": 3, "size": 10}
)
assert response.status_code == 200
assert response.json()["folder"]["name"] == folder_name
assert response.json()["folder"]["description"] == "Test folder description"
assert response.json()["folder"]["description"] == "Test project description"
assert response.json()["flows"]["page"] == 3
assert response.json()["flows"]["size"] == 10
assert response.json()["flows"]["pages"] == 0
@ -629,37 +629,37 @@ async def test_sqlite_pragmas():
@pytest.mark.usefixtures("active_user")
async def test_read_folder(client: AsyncClient, logged_in_headers):
# Create a new folder
folder_name = f"Test Folder {uuid4()}"
folder = FolderCreate(name=folder_name, description="Test folder description")
response = await client.post("api/v1/folders/", json=folder.model_dump(), headers=logged_in_headers)
# Create a new project
folder_name = f"Test Project {uuid4()}"
project = FolderCreate(name=folder_name, description="Test project description")
response = await client.post("api/v1/projects/", json=project.model_dump(), headers=logged_in_headers)
assert response.status_code == 201
created_folder = response.json()
folder_id = created_folder["id"]
# Read the folder
response = await client.get(f"api/v1/folders/{folder_id}", headers=logged_in_headers)
# Read the project
response = await client.get(f"api/v1/projects/{folder_id}", headers=logged_in_headers)
assert response.status_code == 200
folder_data = response.json()
assert folder_data["name"] == folder_name
assert folder_data["description"] == "Test folder description"
assert folder_data["description"] == "Test project description"
assert "flows" in folder_data
assert isinstance(folder_data["flows"], list)
@pytest.mark.usefixtures("active_user")
async def test_read_folder_with_pagination(client: AsyncClient, logged_in_headers):
# Create a new folder
folder_name = f"Test Folder {uuid4()}"
folder = FolderCreate(name=folder_name, description="Test folder description")
response = await client.post("api/v1/folders/", json=folder.model_dump(), headers=logged_in_headers)
# Create a new project
folder_name = f"Test Project {uuid4()}"
project = FolderCreate(name=folder_name, description="Test project description")
response = await client.post("api/v1/projects/", json=project.model_dump(), headers=logged_in_headers)
assert response.status_code == 201
created_folder = response.json()
folder_id = created_folder["id"]
# Read the folder with pagination
# Read the project with pagination
response = await client.get(
f"api/v1/folders/{folder_id}", headers=logged_in_headers, params={"page": 1, "size": 10}
f"api/v1/projects/{folder_id}", headers=logged_in_headers, params={"page": 1, "size": 10}
)
assert response.status_code == 200
folder_data = response.json()
@ -667,7 +667,7 @@ async def test_read_folder_with_pagination(client: AsyncClient, logged_in_header
assert "folder" in folder_data
assert "flows" in folder_data
assert folder_data["folder"]["name"] == folder_name
assert folder_data["folder"]["description"] == "Test folder description"
assert folder_data["folder"]["description"] == "Test project description"
assert folder_data["flows"]["page"] == 1
assert folder_data["flows"]["size"] == 10
assert isinstance(folder_data["flows"]["items"], list)
@ -675,16 +675,16 @@ async def test_read_folder_with_pagination(client: AsyncClient, logged_in_header
@pytest.mark.usefixtures("active_user")
async def test_read_folder_with_flows(client: AsyncClient, json_flow: str, logged_in_headers):
# Create a new folder
folder_name = f"Test Folder {uuid4()}"
# Create a new project
folder_name = f"Test Project {uuid4()}"
flow_name = f"Test Flow {uuid4()}"
folder = FolderCreate(name=folder_name, description="Test folder description")
response = await client.post("api/v1/folders/", json=folder.model_dump(), headers=logged_in_headers)
project = FolderCreate(name=folder_name, description="Test project description")
response = await client.post("api/v1/projects/", json=project.model_dump(), headers=logged_in_headers)
assert response.status_code == 201
created_folder = response.json()
folder_id = created_folder["id"]
# Create a flow in the folder
# Create a flow in the project
flow_data = orjson.loads(json_flow)
data = flow_data["data"]
flow = FlowCreate(name=flow_name, description="description", data=data)
@ -692,12 +692,12 @@ async def test_read_folder_with_flows(client: AsyncClient, json_flow: str, logge
response = await client.post("api/v1/flows/", json=flow.model_dump(), headers=logged_in_headers)
assert response.status_code == 201
# Read the folder with flows
response = await client.get(f"api/v1/folders/{folder_id}", headers=logged_in_headers)
# Read the project with flows
response = await client.get(f"api/v1/projects/{folder_id}", headers=logged_in_headers)
assert response.status_code == 200
folder_data = response.json()
assert folder_data["name"] == folder_name
assert folder_data["description"] == "Test folder description"
assert folder_data["description"] == "Test project description"
assert len(folder_data["flows"]) == 1
assert folder_data["flows"][0]["name"] == flow_name
@ -705,22 +705,22 @@ async def test_read_folder_with_flows(client: AsyncClient, json_flow: str, logge
@pytest.mark.usefixtures("active_user")
async def test_read_nonexistent_folder(client: AsyncClient, logged_in_headers):
nonexistent_id = str(uuid4())
response = await client.get(f"api/v1/folders/{nonexistent_id}", headers=logged_in_headers)
response = await client.get(f"api/v1/projects/{nonexistent_id}", headers=logged_in_headers)
assert response.status_code == 404
assert response.json()["detail"] == "Folder not found"
assert response.json()["detail"] == "Project not found"
@pytest.mark.usefixtures("active_user")
async def test_read_folder_with_search(client: AsyncClient, json_flow: str, logged_in_headers):
# Create a new folder
folder_name = f"Test Folder {uuid4()}"
folder = FolderCreate(name=folder_name, description="Test folder description")
response = await client.post("api/v1/folders/", json=folder.model_dump(), headers=logged_in_headers)
# Create a new project
folder_name = f"Test Project {uuid4()}"
project = FolderCreate(name=folder_name, description="Test project description")
response = await client.post("api/v1/projects/", json=project.model_dump(), headers=logged_in_headers)
assert response.status_code == 201
created_folder = response.json()
folder_id = created_folder["id"]
# Create two flows in the folder
# Create two flows in the project
flow_data = orjson.loads(json_flow)
flow_name_1 = f"Test Flow 1 {uuid4()}"
flow_name_2 = f"Another Flow {uuid4()}"
@ -736,9 +736,9 @@ async def test_read_folder_with_search(client: AsyncClient, json_flow: str, logg
await client.post("api/v1/flows/", json=flow1.model_dump(), headers=logged_in_headers)
await client.post("api/v1/flows/", json=flow2.model_dump(), headers=logged_in_headers)
# Read the folder with search
# Read the project with search
response = await client.get(
f"api/v1/folders/{folder_id}", headers=logged_in_headers, params={"search": "Test", "page": 1, "size": 10}
f"api/v1/projects/{folder_id}", headers=logged_in_headers, params={"search": "Test", "page": 1, "size": 10}
)
assert response.status_code == 200
folder_data = response.json()
@ -748,15 +748,15 @@ async def test_read_folder_with_search(client: AsyncClient, json_flow: str, logg
@pytest.mark.usefixtures("active_user")
async def test_read_folder_with_component_filter(client: AsyncClient, json_flow: str, logged_in_headers):
# Create a new folder
folder_name = f"Test Folder {uuid4()}"
folder = FolderCreate(name=folder_name, description="Test folder description")
response = await client.post("api/v1/folders/", json=folder.model_dump(), headers=logged_in_headers)
# Create a new project
folder_name = f"Test Project {uuid4()}"
project = FolderCreate(name=folder_name, description="Test project description")
response = await client.post("api/v1/projects/", json=project.model_dump(), headers=logged_in_headers)
assert response.status_code == 201
created_folder = response.json()
folder_id = created_folder["id"]
# Create a component flow in the folder
# Create a component flow in the project
flow_data = orjson.loads(json_flow)
component_flow_name = f"Component Flow {uuid4()}"
component_flow = FlowCreate(
@ -769,9 +769,9 @@ async def test_read_folder_with_component_filter(client: AsyncClient, json_flow:
component_flow.folder_id = folder_id
await client.post("api/v1/flows/", json=component_flow.model_dump(), headers=logged_in_headers)
# Read the folder with component filter
# Read the project with component filter
response = await client.get(
f"api/v1/folders/{folder_id}", headers=logged_in_headers, params={"is_component": True, "page": 1, "size": 10}
f"api/v1/projects/{folder_id}", headers=logged_in_headers, params={"is_component": True, "page": 1, "size": 10}
)
assert response.status_code == 200
folder_data = response.json()

9
src/frontend/package-lock.json generated
View file

@ -32,6 +32,7 @@
"@tailwindcss/line-clamp": "^0.4.4",
"@tanstack/react-query": "^5.49.2",
"@types/axios": "^0.14.0",
"@types/react-syntax-highlighter": "^15.5.13",
"@xyflow/react": "^12.3.6",
"ace-builds": "^1.35.0",
"ag-grid-community": "^32.0.2",
@ -5494,6 +5495,14 @@
"@types/react": "^18.0.0"
}
},
"node_modules/@types/react-syntax-highlighter": {
"version": "15.5.13",
"resolved": "https://registry.npmjs.org/@types/react-syntax-highlighter/-/react-syntax-highlighter-15.5.13.tgz",
"integrity": "sha512-uLGJ87j6Sz8UaBAooU0T6lWJ0dBmjZgN1PZTrj05TNql2/XpC6+4HhMT5syIdFUUt+FASfCeLLv4kBygNU+8qA==",
"dependencies": {
"@types/react": "*"
}
},
"node_modules/@types/sortablejs": {
"version": "1.15.8",
"resolved": "https://registry.npmjs.org/@types/sortablejs/-/sortablejs-1.15.8.tgz",

1
src/frontend/package.json
View file

@ -27,6 +27,7 @@
"@tailwindcss/line-clamp": "^0.4.4",
"@tanstack/react-query": "^5.49.2",
"@types/axios": "^0.14.0",
"@types/react-syntax-highlighter": "^15.5.13",
"@xyflow/react": "^12.3.6",
"ace-builds": "^1.35.0",
"ag-grid-community": "^32.0.2",

BIN
src/frontend/src/assets/MCPLangflow.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 605 KiB

2
src/frontend/src/components/core/appHeaderComponent/components/AccountMenu/index.tsx
View file

@ -148,7 +148,7 @@ export const AccountMenu = () => {
>
<ForwardedIconComponent
strokeWidth={2}
name="TwitterXIcon"
name="TwitterX"
className="h-4 w-4"
/>
X

26
src/frontend/src/components/core/flowToolbarComponent/components/deploy-dropdown.tsx
View file

@ -28,6 +28,7 @@ export default function PublishDropdown() {
const currentFlow = useFlowsManagerStore((state) => state.currentFlow);
const flowId = currentFlow?.id;
const flowName = currentFlow?.name;
const folderId = currentFlow?.folder_id;
const setErrorData = useAlertStore((state) => state.setErrorData);
const { mutateAsync } = usePatchUpdateFlow();
const flows = useFlowsManagerStore((state) => state.flows);
@ -116,6 +117,31 @@ export default function PublishDropdown() {
<span>API access</span>
</div>
</DropdownMenuItem>
<CustomLink
className={cn("flex-1")}
to={`/mcp/folder/${folderId}`}
target="_blank"
>
<DropdownMenuItem
className="deploy-dropdown-item group"
onClick={() => {}}
>
<div
className="group-hover:bg-accent"
data-testid="mcp-server-item"
>
<IconComponent
name="Mcp"
className={`${groupStyle} icon-size mr-2 fill-muted-foreground group-hover:fill-white`}
/>
<span>MCP Server</span>
<IconComponent
name="ExternalLink"
className={`${groupStyle} icon-size ml-auto hidden group-hover:block`}
/>
</div>
</DropdownMenuItem>
</CustomLink>
{ENABLE_WIDGET && (
<DropdownMenuItem
onClick={() => setOpenEmbedModal(true)}

4
src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/add-folder-button.tsx
View file

@ -11,13 +11,13 @@ export const AddFolderButton = ({
disabled: boolean;
loading: boolean;
}) => (
<ShadTooltip content="Create new folder" styleClasses="z-50">
<ShadTooltip content="Create new project" styleClasses="z-50">
<Button
variant="ghost"
size="icon"
className="h-7 w-7 border-0 text-zinc-500 hover:bg-zinc-200 dark:text-zinc-400 dark:hover:bg-zinc-800 dark:hover:text-white"
onClick={onClick}
data-testid="add-folder-button"
data-testid="add-project-button"
disabled={disabled}
loading={loading}
>

15
src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/header-buttons.tsx
View file

@ -1,6 +1,7 @@
import IconComponent from "@/components/common/genericIconComponent";
import { GetStartedProgress } from "@/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/get-started-progress";
import { SidebarTrigger } from "@/components/ui/sidebar";
import { useUpdateUser } from "@/controllers/API/queries/auth";
import useAuthStore from "@/stores/authStore";
import { Separator } from "@radix-ui/react-separator";
import { useState } from "react";
@ -22,12 +23,22 @@ export const HeaderButtons = ({
const userDismissedDialog = userData?.optins?.dialog_dismissed;
const isGithubStarred = userData?.optins?.github_starred;
const isDiscordJoined = userData?.optins?.discord_clicked;
const [isDismissedDialog, setIsDismissedDialog] =
useState(userDismissedDialog);
const { mutate: updateUser } = useUpdateUser();
const handleDismissDialog = () => {
setIsDismissedDialog(true);
updateUser({
user_id: userData?.id!,
user: {
optins: {
...userData?.optins,
dialog_dismissed: true,
},
},
});
};
return (
@ -52,7 +63,7 @@ export const HeaderButtons = ({
<IconComponent name="PanelLeftClose" className="h-4 w-4" />
</SidebarTrigger>
<div className="flex-1 text-sm font-semibold">Folders</div>
<div className="flex-1 text-sm font-semibold">Projects</div>
<div className="flex items-center gap-1">
<UploadFolderButton
onClick={handleUploadFlowsToFolder}

4
src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/input-edit-folder-name.tsx
View file

@ -59,8 +59,8 @@ export const InputEditFolderName = ({
refInput.current?.blur();
}}
value={foldersNames[item.name]}
id={`input-folder-${item.name}`}
data-testid={`input-folder`}
id={`input-project-${item.name}`}
data-testid={`input-project`}
/>
</>
);

44
src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/mcp-server-notice.tsx Normal file
View file

@ -0,0 +1,44 @@
import MCPLangflow from "@/assets/MCPLangflow.png";
import ForwardedIconComponent from "@/components/common/genericIconComponent";
import { Button } from "@/components/ui/button";
import { useCustomNavigate } from "@/customization/hooks/use-custom-navigate";
import { FC } from "react";
export const MCPServerNotice: FC<{
handleDismissDialog: () => void;
}> = ({ handleDismissDialog }) => {
const navigate = useCustomNavigate();
return (
<div className="relative flex flex-col gap-3 rounded-xl border p-4 shadow-md">
<Button
unstyled
className="absolute right-4 top-4 text-muted-foreground hover:text-foreground"
onClick={handleDismissDialog}
>
<ForwardedIconComponent name="X" className="h-5 w-5" />
</Button>
<div className="flex flex-col gap-3">
<div className="flex flex-col gap-1">
<div className="font-mono text-sm text-muted-foreground">New</div>
<div className="">Projects as MCP Servers</div>
</div>
<img src={MCPLangflow} alt="MCP Notice Modal" className="rounded-xl" />
<p className="text-sm text-secondary-foreground">
Expose flows as actions from clients like Cursor or Claude.
</p>
</div>
<div className="flex gap-3">
<Button
onClick={() => {
navigate("/mcp");
handleDismissDialog();
}}
className="w-full"
>
<span>Go to Server</span>
</Button>
</div>
</div>
);
};

9
src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/select-options.tsx
View file

@ -6,6 +6,7 @@ import {
SelectItem,
SelectTrigger,
} from "@/components/ui/select-custom";
import { DEFAULT_FOLDER_DEPRECATED } from "@/constants/constants";
import { FolderType } from "@/pages/MainPage/entities";
import { cn } from "@/utils/utils";
import { handleSelectChange } from "../helpers/handle-select-change";
@ -56,11 +57,11 @@ export const SelectOptions = ({
</SelectTrigger>
</ShadTooltip>
<SelectContent align="end" alignOffset={-16} position="popper">
{item.name !== "My Projects" && (
{item.name !== DEFAULT_FOLDER_DEPRECATED && (
<SelectItem
id="rename-button"
value="rename"
data-testid="btn-rename-folder"
data-testid="btn-rename-project"
className="text-xs"
>
<FolderSelectItem name="Rename" iconName="SquarePen" />
@ -68,7 +69,7 @@ export const SelectOptions = ({
)}
<SelectItem
value="download"
data-testid="btn-download-folder"
data-testid="btn-download-project"
className="text-xs"
>
<FolderSelectItem name="Download" iconName="Download" />
@ -76,7 +77,7 @@ export const SelectOptions = ({
{index > 0 && (
<SelectItem
value="delete"
data-testid="btn-delete-folder"
data-testid="btn-delete-project"
className="text-xs"
>
<FolderSelectItem name="Delete" iconName="Trash2" />

2
src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/components/upload-folder-button.tsx
View file

@ -9,7 +9,7 @@ export const UploadFolderButton = ({ onClick, disabled }) => (
size="icon"
className="h-7 w-7 border-0 text-zinc-500 hover:bg-zinc-200 dark:text-zinc-400 dark:hover:bg-zinc-800 dark:hover:text-white"
onClick={onClick}
data-testid="upload-folder-button"
data-testid="upload-project-button"
disabled={disabled}
>
<IconComponent name="Upload" className="h-4 w-4" />

60
src/frontend/src/components/core/folderSidebarComponent/components/sideBarFolderButtons/index.tsx
View file

@ -10,6 +10,11 @@ import {
SidebarMenuButton,
SidebarMenuItem,
} from "@/components/ui/sidebar";
import {
DEFAULT_FOLDER,
DEFAULT_FOLDER_DEPRECATED,
} from "@/constants/constants";
import { useUpdateUser } from "@/controllers/API/queries/auth";
import {
usePatchFolders,
usePostFolders,
@ -20,6 +25,7 @@ import {
ENABLE_CUSTOM_PARAM,
ENABLE_DATASTAX_LANGFLOW,
ENABLE_FILE_MANAGEMENT,
ENABLE_MCP_NOTICE,
} from "@/customization/feature-flags";
import { useCustomNavigate } from "@/customization/hooks/use-custom-navigate";
import { track } from "@/customization/utils/analytics";
@ -27,6 +33,7 @@ import { createFileUpload } from "@/helpers/create-file-upload";
import { getObjectsFromFilelist } from "@/helpers/get-objects-from-filelist";
import useUploadFlow from "@/hooks/flows/use-upload-flow";
import { useIsMobile } from "@/hooks/use-mobile";
import useAuthStore from "@/stores/authStore";
import { useIsFetching, useIsMutating } from "@tanstack/react-query";
import { useEffect, useRef, useState } from "react";
import { useLocation, useParams } from "react-router-dom";
@ -40,6 +47,7 @@ import useFileDrop from "../../hooks/use-on-file-drop";
import { SidebarFolderSkeleton } from "../sidebarFolderSkeleton";
import { HeaderButtons } from "./components/header-buttons";
import { InputEditFolderName } from "./components/input-edit-folder-name";
import { MCPServerNotice } from "./components/mcp-server-notice";
import { SelectOptions } from "./components/select-options";
type SideBarFoldersButtonsComponentProps = {
@ -142,13 +150,13 @@ const SideBarFoldersButtonsComponent = ({
{
onSuccess: () => {
setSuccessData({
title: "Folder uploaded successfully.",
title: "Project uploaded successfully.",
});
},
onError: (err) => {
console.log(err);
setErrorData({
title: `Error on uploading your folder, try dragging it into an existing folder.`,
title: `Error on uploading your project, try dragging it into an existing project.`,
list: [err["response"]["data"]["message"]],
});
},
@ -188,11 +196,11 @@ const SideBarFoldersButtonsComponent = ({
link.remove();
window.URL.revokeObjectURL(url);
track("Folder Exported", { folderId: id });
track("Project Exported", { folderId: id });
},
onError: () => {
onError: (e) => {
setErrorData({
title: `An error occurred while downloading folder.`,
title: `An error occurred while downloading your project.`,
});
},
},
@ -203,14 +211,14 @@ const SideBarFoldersButtonsComponent = ({
mutateAddFolder(
{
data: {
name: "New Folder",
name: "New Project",
parent_id: null,
description: "",
},
},
{
onSuccess: (folder) => {
track("Create New Folder");
track("Create New Project");
handleChangeFolder!(folder.id);
},
},
@ -288,7 +296,7 @@ const SideBarFoldersButtonsComponent = ({
};
const handleDoubleClick = (event, item) => {
if (item.name === "My Projects") {
if (item.name === DEFAULT_FOLDER_DEPRECATED) {
return;
}
@ -347,10 +355,31 @@ const SideBarFoldersButtonsComponent = ({
const [hoveredFolderId, setHoveredFolderId] = useState<string | null>(null);
const userData = useAuthStore((state) => state.userData);
const { mutate: updateUser } = useUpdateUser();
const userDismissedMcpDialog = userData?.optins?.mcp_dialog_dismissed;
const [isDismissedMcpDialog, setIsDismissedMcpDialog] = useState(
userDismissedMcpDialog,
);
const handleDismissMcpDialog = () => {
setIsDismissedMcpDialog(true);
updateUser({
user_id: userData?.id!,
user: {
optins: {
...userData?.optins,
mcp_dialog_dismissed: true,
},
},
});
};
return (
<Sidebar
collapsible={isMobile ? "offcanvas" : "none"}
data-testid="folder-sidebar"
data-testid="project-sidebar"
>
<SidebarHeader className="px-4 py-1">
<HeaderButtons
@ -413,8 +442,10 @@ const SideBarFoldersButtonsComponent = ({
handleKeyDown={handleKeyDown}
/>
) : (
<span className="text-smopacity-100 block w-0 grow truncate">
{item.name}
<span className="block w-0 grow truncate text-sm opacity-100">
{item.name === DEFAULT_FOLDER_DEPRECATED
? DEFAULT_FOLDER
: item.name}
</span>
)}
</div>
@ -448,6 +479,13 @@ const SideBarFoldersButtonsComponent = ({
</SidebarMenu>
</SidebarGroupContent>
</SidebarGroup>
<div className="flex-1" />
{ENABLE_MCP_NOTICE && !isDismissedMcpDialog && (
<div className="p-2">
<MCPServerNotice handleDismissDialog={handleDismissMcpDialog} />
</div>
)}
</SidebarContent>
{ENABLE_FILE_MANAGEMENT && (
<SidebarFooter className="border-t">

1
src/frontend/src/components/core/parameterRenderComponent/components/ToolsComponent/index.tsx
View file

@ -52,7 +52,6 @@ export default function ToolsComponent({
setOpen={setIsModalOpen}
isAction={isAction}
description={description}
template={template}
rows={value}
handleOnNewValue={handleOnNewValue}
title={title}

2
src/frontend/src/components/ui/dialog.tsx
View file

@ -27,7 +27,7 @@ const DialogOverlay = React.forwardRef<
<DialogPrimitive.Overlay
ref={ref}
className={cn(
"nopan nodelete nodrag noflow fixed inset-0 bottom-0 left-0 right-0 top-0 z-40 overflow-auto bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
"fixed inset-0 bottom-0 left-0 right-0 top-0 z-40 overflow-auto bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
className,
)}
{...props}

7
src/frontend/src/constants/constants.ts
View file

@ -551,7 +551,8 @@ export const NOUNS: string[] = [
*/
export const USER_PROJECTS_HEADER = "My Collection";
export const DEFAULT_FOLDER = "My Projects";
export const DEFAULT_FOLDER = "Starter Project";
export const DEFAULT_FOLDER_DEPRECATED = "My Projects";
/**
* Header text for admin page
@ -768,7 +769,9 @@ export const BROKEN_EDGES_WARNING =
export const SAVE_DEBOUNCE_TIME = 300;
export const IS_MAC = navigator.userAgent.toUpperCase().includes("MAC");
export const IS_MAC =
typeof navigator !== "undefined" &&
navigator.userAgent.toUpperCase().includes("MAC");
export const defaultShortcuts = [
{

6
src/frontend/src/controllers/API/helpers/constants.ts
View file

@ -17,7 +17,8 @@ export const URLs = {
BUILD: `build`,
CUSTOM_COMPONENT: `custom_component`,
FLOWS: `flows`,
FOLDERS: `folders`,
FOLDERS: `projects`,
PROJECTS: `projects`,
VARIABLES: `variables`,
VALIDATE: `validate`,
CONFIG: `config`,
@ -26,8 +27,11 @@ export const URLs = {
ALL: `all`,
VOICE: `voice`,
PUBLIC_FLOW: `flows/public_flow`,
MCP: `mcp/project`,
} as const;
// IMPORTANT: FOLDERS endpoint now points to 'projects' for backward compatibility
export function getURL(
key: keyof typeof URLs,
params: any = {},

2
src/frontend/src/controllers/API/queries/flows/use-post-add-flow.ts
View file

@ -16,6 +16,7 @@ interface IPostAddFlow {
icon: string | undefined;
gradient: string | undefined;
tags: string[] | undefined;
mcp_enabled: boolean | undefined;
}
export const usePostAddFlow: useMutationFunctionType<
@ -36,6 +37,7 @@ export const usePostAddFlow: useMutationFunctionType<
gradient: payload.gradient || null,
endpoint_name: payload.endpoint_name || null,
tags: payload.tags || null,
mcp_enabled: payload.mcp_enabled || null,
});
return response.data;
};

2
src/frontend/src/controllers/API/queries/folders/use-delete-folders.ts
View file

@ -20,7 +20,7 @@ export const useDeleteFolders: useMutationFunctionType<
const deleteFolder = async ({
folder_id,
}: DeleteFoldersParams): Promise<any> => {
await api.delete(`${getURL("FOLDERS")}/${folder_id}`);
await api.delete(`${getURL("PROJECTS")}/${folder_id}`);
setFolders(folders.filter((f) => f.id !== folder_id));
return folder_id;
};

2
src/frontend/src/controllers/API/queries/folders/use-get-download-folders.ts
View file

@ -18,7 +18,7 @@ export const useGetDownloadFolders: useMutationFunctionType<
payload: IGetDownloadFolders,
): Promise<any> => {
const response = await api.get<any>(
`${getURL("FOLDERS")}/download/${payload.folderId}`,
`${getURL("PROJECTS")}/download/${payload.folderId}`,
{
responseType: "blob",
headers: {

2
src/frontend/src/controllers/API/queries/folders/use-get-folder.ts
View file

@ -46,7 +46,7 @@ export const useGetFolderQuery: useQueryFunctionType<
}
}
const url = addQueryParams(`${getURL("FOLDERS")}/${params.id}`, params);
const url = addQueryParams(`${getURL("PROJECTS")}/${params.id}`, params);
const { data } = await api.get<PaginatedFolderType>(url);
const { flows } = processFlows(data.flows.items);

11
src/frontend/src/controllers/API/queries/folders/use-get-folders.ts
View file

@ -1,4 +1,7 @@
import { DEFAULT_FOLDER } from "@/constants/constants";
import {
DEFAULT_FOLDER,
DEFAULT_FOLDER_DEPRECATED,
} from "@/constants/constants";
import { FolderType } from "@/pages/MainPage/entities";
import useAuthStore from "@/stores/authStore";
import { useFolderStore } from "@/stores/foldersStore";
@ -20,10 +23,12 @@ export const useGetFoldersQuery: useQueryFunctionType<
const getFoldersFn = async (): Promise<FolderType[]> => {
if (!isAuthenticated) return [];
const res = await api.get(`${getURL("FOLDERS")}/`);
const res = await api.get(`${getURL("PROJECTS")}/`);
const data = res.data;
const myCollectionId = data?.find((f) => f.name === DEFAULT_FOLDER)?.id;
const myCollectionId = data?.find(
(f) => f.name === DEFAULT_FOLDER_DEPRECATED,
)?.id;
setMyCollectionId(myCollectionId);
setFolders(data);

2
src/frontend/src/controllers/API/queries/folders/use-patch-folders.ts
View file

@ -26,7 +26,7 @@ export const usePatchFolders: useMutationFunctionType<
};
const res = await api.patch(
`${getURL("FOLDERS")}/${newFolder.folderId}`,
`${getURL("PROJECTS")}/${newFolder.folderId}`,
payload,
);
return res.data;

2
src/frontend/src/controllers/API/queries/folders/use-post-folders.ts
View file

@ -22,7 +22,7 @@ export const usePostFolders: useMutationFunctionType<
components_list: newFolder.data.components ?? [],
};
const res = await api.post(`${getURL("FOLDERS")}/`, payload);
const res = await api.post(`${getURL("PROJECTS")}/`, payload);
return res.data;
};

2
src/frontend/src/controllers/API/queries/folders/use-post-upload-folders.ts
View file

@ -17,7 +17,7 @@ export const usePostUploadFolders: useMutationFunctionType<
payload: IPostAddUploadFolders,
): Promise<void> => {
const res = await api.post(
`${getURL("FOLDERS")}/upload/`,
`${getURL("PROJECTS")}/upload/`,
payload.formData,
);
return res.data;

2
src/frontend/src/controllers/API/queries/mcp/index.ts Normal file
View file

@ -0,0 +1,2 @@
export * from "./use-get-flows-mcp";
export * from "./use-patch-flows-mcp";

36
src/frontend/src/controllers/API/queries/mcp/use-get-flows-mcp.ts Normal file
View file

@ -0,0 +1,36 @@
import { useQueryFunctionType } from "@/types/api";
import { MCPSettingsType } from "@/types/mcp";
import { api } from "../../api";
import { getURL } from "../../helpers/constants";
import { UseRequestProcessor } from "../../services/request-processor";
interface IGetFlowsMCP {
projectId: string;
}
type getFlowsMCPResponse = Array<MCPSettingsType>;
export const useGetFlowsMCP: useQueryFunctionType<
IGetFlowsMCP,
getFlowsMCPResponse
> = (params, options) => {
const { query } = UseRequestProcessor();
const responseFn = async () => {
try {
const { data } = await api.get<getFlowsMCPResponse>(
`${getURL("MCP")}/${params.projectId}?mcp_enabled=false`,
);
return data;
} catch (error) {
console.error(error);
return [];
}
};
const queryResult = query(["useGetFlowsMCP", params.projectId], responseFn, {
...options,
});
return queryResult;
};

43
src/frontend/src/controllers/API/queries/mcp/use-patch-flows-mcp.ts Normal file
View file

@ -0,0 +1,43 @@
import { useMutationFunctionType } from "@/types/api";
import { MCPSettingsType } from "@/types/mcp";
import { UseMutationResult } from "@tanstack/react-query";
import { api } from "../../api";
import { getURL } from "../../helpers/constants";
import { UseRequestProcessor } from "../../services/request-processor";
interface PatchFlowMCPParams {
project_id: string;
}
interface PatchFlowMCPResponse {
message: string;
}
export const usePatchFlowsMCP: useMutationFunctionType<
PatchFlowMCPParams,
MCPSettingsType[],
PatchFlowMCPResponse
> = (params, options?) => {
const { mutate, queryClient } = UseRequestProcessor();
async function patchFlowMCP(flowMCP: MCPSettingsType[]): Promise<any> {
const res = await api.patch(
`${getURL("MCP")}/${params.project_id}`,
flowMCP,
);
return res.data.message;
}
const mutation: UseMutationResult<
PatchFlowMCPResponse,
any,
MCPSettingsType[]
> = mutate(["usePatchFlowsMCP"], patchFlowMCP, {
onSettled: () => {
queryClient.refetchQueries({ queryKey: ["useGetFlowsMCP"] });
},
...options,
});
return mutation;
};

2
src/frontend/src/customization/feature-flags.ts
View file

@ -13,3 +13,5 @@ export const ENABLE_PUBLISH = true;
export const ENABLE_WIDGET = true;
export const ENABLE_VOICE_ASSISTANT = true;
export const ENABLE_IMAGE_ON_PLAYGROUND = true;
export const ENABLE_MCP = true;
export const ENABLE_MCP_NOTICE = true;

32
src/frontend/src/icons/Claude/Claude.jsx Normal file
View file

@ -0,0 +1,32 @@
const ClaudeSVG = (props) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
{...props}
>
<g clip-path="url(#clip0_216_1303)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M3.61287 0H12.3871C14.3742 0 16 1.63334 16 3.62961V12.3704C16 14.3667 14.3742 16 12.3871 16H3.61287C1.62581 16 0 14.3667 0 12.3704V3.62961C0 1.63334 1.62581 0 3.61287 0Z"
fill="#D77655"
/>
<path
d="M4.44587 9.94002L6.74759 8.64261L6.78627 8.52993L6.74759 8.46727L6.63543 8.46723L6.25074 8.44341L4.93562 8.40768L3.79505 8.36008L2.69002 8.30056L2.41199 8.24107L2.15137 7.89588L2.17821 7.72371L2.41202 7.5658L2.74693 7.59515L3.48702 7.64592L4.59755 7.7229L5.40324 7.77052L6.59677 7.8951H6.78627L6.81315 7.81815L6.74837 7.77052L6.6978 7.7229L5.54855 6.94048L4.30449 6.1136L3.65287 5.63747L3.30059 5.39627L3.12287 5.1701L3.04627 4.67654L3.36618 4.32263L3.79587 4.35198L3.90565 4.38137L4.3409 4.7178L5.27055 5.44072L6.48455 6.33899L6.66227 6.48739L6.73337 6.43662L6.74205 6.4009L6.66227 6.26681L6.00196 5.06775L5.2974 3.84813L4.9838 3.34264L4.90087 3.03953C4.87165 2.91495 4.85034 2.81022 4.85034 2.68245L5.21446 2.18569L5.41587 2.12061L5.90165 2.18569L6.10624 2.36423L6.40796 3.0578L6.8969 4.14971L7.65518 5.6344L7.87715 6.0748L7.99562 6.48268L8.03987 6.60725L8.1164 6.60722V6.5358L8.1788 5.69941L8.29412 4.67259L8.40627 3.35137L8.44499 2.97922L8.62821 2.53323L8.99234 2.29202L9.27668 2.42852L9.51049 2.76495L9.47812 2.98239L9.33909 3.89017L9.06659 5.31216L8.88887 6.26439H8.9924L9.1109 6.14538L9.59034 5.5058L10.396 4.49405L10.7515 4.09254L11.1661 3.64896L11.4323 3.43786L11.9354 3.43783L12.3059 3.99091L12.14 4.56227L11.6219 5.22247L11.1922 5.78189L10.5761 6.6151L10.1914 7.28164L10.227 7.33483L10.3186 7.3261L11.7103 7.02851L12.4623 6.89204L13.3596 6.73732L13.7656 6.92776L13.8098 7.12137L13.6503 7.51736L12.6906 7.75542L11.565 7.98159L9.8889 8.37996L9.86837 8.39503L9.89205 8.42438L10.6472 8.4958L10.9702 8.51326H11.7609L13.2332 8.62358L13.6178 8.8791L13.8485 9.19176L13.8098 9.42983L13.2174 9.73294L12.4181 9.5425L10.5524 9.09654L9.91255 8.93624L9.82412 8.93621V8.98939L10.3573 9.51312L11.3343 10.3995L12.5578 11.5422L12.6202 11.8247L12.4631 12.0476L12.2972 12.0238L11.2222 11.2113L10.8075 10.8455L9.86834 10.0511L9.80596 10.0511V10.1344L10.0224 10.4526L11.1653 12.1786L11.2246 12.7078L11.1416 12.88L10.8454 12.984L10.52 12.9245L9.85099 11.981L9.16062 10.9184L8.60377 9.96621L8.53587 10.0051L8.20727 13.5609L8.05324 13.7426L7.6978 13.8791L7.40162 13.6529L7.24443 13.2871L7.40162 12.5642L7.59118 11.6207L7.74518 10.8708L7.88421 9.93921L7.96715 9.62972L7.96162 9.60909L7.89371 9.61782L7.19465 10.582L6.13149 12.0254L5.29027 12.93L5.08887 13.0102L4.73971 12.8284L4.77212 12.5039L4.96721 12.2151L6.13149 10.7272L6.83368 9.80512L7.28706 9.27263L7.2839 9.19569H7.25705L4.16474 11.2128L3.61418 11.2843L3.37721 11.0613L3.40646 10.6954L3.51862 10.5764L4.44827 9.93365L4.44512 9.93685L4.44587 9.94002Z"
fill="#FCF2EE"
/>
</g>
<defs>
<clipPath id="clip0_216_1303">
<rect width="16" height="16" fill="white" />
</clipPath>
</defs>
</svg>
);
};
export default ClaudeSVG;

11
src/frontend/src/icons/Claude/claude.svg Normal file
View file

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g opacity="0.5" clip-path="url(#clip0_216_1303)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.61287 0H12.3871C14.3742 0 16 1.63334 16 3.62961V12.3704C16 14.3667 14.3742 16 12.3871 16H3.61287C1.62581 16 0 14.3667 0 12.3704V3.62961C0 1.63334 1.62581 0 3.61287 0Z" fill="#D77655"/>
<path d="M4.44587 9.94002L6.74759 8.64261L6.78627 8.52993L6.74759 8.46727L6.63543 8.46723L6.25074 8.44341L4.93562 8.40768L3.79505 8.36008L2.69002 8.30056L2.41199 8.24107L2.15137 7.89588L2.17821 7.72371L2.41202 7.5658L2.74693 7.59515L3.48702 7.64592L4.59755 7.7229L5.40324 7.77052L6.59677 7.8951H6.78627L6.81315 7.81815L6.74837 7.77052L6.6978 7.7229L5.54855 6.94048L4.30449 6.1136L3.65287 5.63747L3.30059 5.39627L3.12287 5.1701L3.04627 4.67654L3.36618 4.32263L3.79587 4.35198L3.90565 4.38137L4.3409 4.7178L5.27055 5.44072L6.48455 6.33899L6.66227 6.48739L6.73337 6.43662L6.74205 6.4009L6.66227 6.26681L6.00196 5.06775L5.2974 3.84813L4.9838 3.34264L4.90087 3.03953C4.87165 2.91495 4.85034 2.81022 4.85034 2.68245L5.21446 2.18569L5.41587 2.12061L5.90165 2.18569L6.10624 2.36423L6.40796 3.0578L6.8969 4.14971L7.65518 5.6344L7.87715 6.0748L7.99562 6.48268L8.03987 6.60725L8.1164 6.60722V6.5358L8.1788 5.69941L8.29412 4.67259L8.40627 3.35137L8.44499 2.97922L8.62821 2.53323L8.99234 2.29202L9.27668 2.42852L9.51049 2.76495L9.47812 2.98239L9.33909 3.89017L9.06659 5.31216L8.88887 6.26439H8.9924L9.1109 6.14538L9.59034 5.5058L10.396 4.49405L10.7515 4.09254L11.1661 3.64896L11.4323 3.43786L11.9354 3.43783L12.3059 3.99091L12.14 4.56227L11.6219 5.22247L11.1922 5.78189L10.5761 6.6151L10.1914 7.28164L10.227 7.33483L10.3186 7.3261L11.7103 7.02851L12.4623 6.89204L13.3596 6.73732L13.7656 6.92776L13.8098 7.12137L13.6503 7.51736L12.6906 7.75542L11.565 7.98159L9.8889 8.37996L9.86837 8.39503L9.89205 8.42438L10.6472 8.4958L10.9702 8.51326H11.7609L13.2332 8.62358L13.6178 8.8791L13.8485 9.19176L13.8098 9.42983L13.2174 9.73294L12.4181 9.5425L10.5524 9.09654L9.91255 8.93624L9.82412 8.93621V8.98939L10.3573 9.51312L11.3343 10.3995L12.5578 11.5422L12.6202 11.8247L12.4631 12.0476L12.2972 12.0238L11.2222 11.2113L10.8075 10.8455L9.86834 10.0511L9.80596 10.0511V10.1344L10.0224 10.4526L11.1653 12.1786L11.2246 12.7078L11.1416 12.88L10.8454 12.984L10.52 12.9245L9.85099 11.981L9.16062 10.9184L8.60377 9.96621L8.53587 10.0051L8.20727 13.5609L8.05324 13.7426L7.6978 13.8791L7.40162 13.6529L7.24443 13.2871L7.40162 12.5642L7.59118 11.6207L7.74518 10.8708L7.88421 9.93921L7.96715 9.62972L7.96162 9.60909L7.89371 9.61782L7.19465 10.582L6.13149 12.0254L5.29027 12.93L5.08887 13.0102L4.73971 12.8284L4.77212 12.5039L4.96721 12.2151L6.13149 10.7272L6.83368 9.80512L7.28706 9.27263L7.2839 9.19569H7.25705L4.16474 11.2128L3.61418 11.2843L3.37721 11.0613L3.40646 10.6954L3.51862 10.5764L4.44827 9.93365L4.44512 9.93685L4.44587 9.94002Z" fill="#FCF2EE"/>
</g>
<defs>
<clipPath id="clip0_216_1303">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

9
src/frontend/src/icons/Claude/index.tsx Normal file
View file

@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import ClaudeSVG from "./Claude";
export const ClaudeIcon = forwardRef<
SVGSVGElement,
React.PropsWithChildren<{}>
>((props, ref) => {
return <ClaudeSVG ref={ref} {...props} />;
});

655
src/frontend/src/icons/Cursor/Cursor.jsx Normal file
View file

@ -0,0 +1,655 @@
const CursorSVG = (props) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
{...props}
>
<path
d="M0 7.98255C0 6.70537 0 5.43172 0.00352811 4.15454C0.00352811 3.6218 0.0352811 3.09258 0.179934 2.57395C0.56097 1.2121 1.68644 0.245393 3.0871 0.0760435C3.50342 0.0231218 3.91974 0.00195312 4.33605 0.00195312C6.77751 0.00195312 9.22249 0.00195312 11.6639 0.00195312C12.2602 0.00195312 12.8565 0.0231218 13.4351 0.185415C14.7828 0.559395 15.753 1.68839 15.9259 3.082C15.9753 3.49479 16 3.9111 16 4.32742C16 6.77593 16 9.22445 16 11.6765C16 12.2657 15.9788 12.8549 15.8201 13.43C15.439 14.7918 14.3171 15.7585 12.9129 15.9279C12.5001 15.9773 12.0838 15.9984 11.6675 15.9984C9.22602 15.9984 6.78104 15.9984 4.33958 15.9984C3.74333 15.9984 3.14708 15.9773 2.56847 15.815C1.22073 15.441 0.250496 14.312 0.0811466 12.9184C0.0211687 12.495 0 12.0681 0 11.6377C0 10.4205 0 9.19975 0 7.98255Z"
fill="#010101"
/>
<path
d="M12.8034 5.19903C12.8034 5.19903 12.8105 5.2202 12.8069 5.23078C12.7928 5.24489 12.7822 5.25901 12.7681 5.27312C11.8049 5.84467 10.8382 6.39859 9.87154 6.96661C9.2647 7.32295 8.6614 7.67929 8.0475 8.02505C8.02986 8.0321 8.01222 8.0321 7.99106 8.0321C7.83582 7.97565 7.70175 7.87687 7.5571 7.80278C7.46889 7.71457 7.3313 7.70399 7.23604 7.61931C7.11255 7.52406 6.97496 7.44997 6.83736 7.3794C6.76327 7.32295 6.6786 7.28062 6.60098 7.23122C6.55511 7.19594 6.50219 7.17124 6.44927 7.14655C6.38224 7.11127 6.32226 7.06893 6.25875 7.03365C6.23053 7.01954 6.19877 7.00189 6.17055 6.98425C6.0894 6.92075 5.99414 6.88194 5.90241 6.83255C5.75423 6.73729 5.60252 6.64203 5.44376 6.56794C5.29558 6.46562 5.13328 6.38447 4.97452 6.2998C4.44177 5.97521 3.90903 5.6471 3.35511 5.36132C3.32336 5.35426 3.29513 5.34015 3.27044 5.32251C3.22457 5.26959 3.16107 5.21667 3.27044 5.1708C3.36217 5.14258 3.46096 5.14258 3.55621 5.14258C6.51277 5.14258 9.46934 5.14258 12.4259 5.14258C12.5529 5.14258 12.6799 5.14258 12.7999 5.20256L12.8034 5.19903Z"
fill="white"
/>
<path
d="M6.47031 7.11105C6.52676 7.12163 6.57262 7.15338 6.61143 7.19219C6.63965 7.24864 6.64318 7.30156 6.60437 7.35449C6.38563 7.62615 6.1563 7.87665 5.78585 7.94368C5.54594 7.98602 5.33778 7.92957 5.17196 7.75669C4.91441 7.48855 4.63569 7.24864 4.29699 7.07929C4.13117 6.99815 4.03591 6.83232 3.94065 6.68414C3.75719 6.39484 3.51375 6.14081 3.39379 5.80917C3.51022 6.27488 3.53139 6.75118 3.609 7.22042C3.64781 7.44269 3.70426 7.66496 3.72896 7.89076C3.75013 8.08481 3.84539 8.27885 3.89478 8.47643C4.01474 8.93861 4.15233 9.39726 4.38519 9.82064C4.42753 9.89473 4.40989 9.98293 4.43811 10.0641C4.43811 10.0852 4.43811 10.1029 4.43106 10.1205C4.37461 10.177 4.3111 10.2123 4.22642 10.2123C4.14175 10.1629 4.16997 10.0641 4.14175 9.99352C4.00415 9.62306 3.84186 9.26672 3.70779 8.89627C3.64781 8.72692 3.58784 8.55757 3.56667 8.38117C3.54197 8.17654 3.45024 7.99307 3.41143 7.7955C3.35851 7.53795 3.3444 7.2804 3.31617 7.01931C3.295 6.81116 3.26678 6.60653 3.24561 6.39837C3.27031 6.1514 3.24561 5.9009 3.24561 5.74919C3.24561 6.32428 3.29147 6.99462 3.28089 7.66496C3.27383 7.96485 3.29147 8.26474 3.28442 8.5611C3.25972 8.72339 3.30911 8.89274 3.24914 9.05504C3.23502 9.07973 3.21386 9.08679 3.18916 9.07621C3.18916 7.80256 3.18916 6.52538 3.18563 5.25173C3.18563 5.21292 3.1821 5.17411 3.22091 5.14941C3.24561 5.16 3.24561 5.17411 3.22444 5.19175C3.21033 5.25879 3.28795 5.25879 3.30559 5.30112C3.33028 5.36816 3.3832 5.41755 3.4079 5.48458C3.42554 5.53398 3.4573 5.57632 3.48199 5.62218C3.57019 5.81623 3.71838 5.97852 3.79599 6.1761C4.02179 6.51832 4.26876 6.84291 4.67449 6.99109C4.75564 7.02284 4.81562 7.07576 4.87207 7.13927C5.04495 7.34743 5.26369 7.4815 5.51419 7.57676C5.60592 7.61204 5.68706 7.60498 5.77174 7.56617C6.01165 7.4568 6.25156 7.34037 6.41386 7.1181C6.42797 7.10046 6.44208 7.09693 6.46325 7.11105H6.47031Z"
fill="#4A4A4A"
/>
<path
d="M8.27032 2.53857C9.11001 3.02545 9.9497 3.51233 10.7894 3.99921C11.368 4.33791 11.9466 4.67308 12.5252 5.01178C12.5746 5.04001 12.6311 5.05765 12.6593 5.1141C12.4264 5.19877 12.183 5.13527 11.9466 5.15291C11.174 4.69425 10.3872 4.26735 9.66039 3.72755C9.1841 3.37474 8.71839 3.00429 8.2562 2.63383C8.22563 2.58209 8.23033 2.55033 8.27032 2.53857Z"
fill="#474747"
/>
<path
d="M3.65137 4.92374C4.21939 4.58857 4.78389 4.2534 5.35192 3.92175C6.22336 3.41018 7.09128 2.8986 7.96272 2.38702C8.0227 2.36585 8.01917 2.40819 8.01917 2.44347C8.01212 2.46111 8.00506 2.47523 7.99095 2.48934C7.95567 2.51756 7.92039 2.54226 7.88511 2.56696C7.77926 2.63046 7.7087 2.73278 7.60991 2.80687C6.51972 3.71712 5.24255 4.30279 3.96537 4.88493C3.89481 4.91315 3.8313 4.95549 3.76074 4.97666C3.7184 4.99077 3.65842 5.01547 3.65137 4.93079V4.92374Z"
fill="#969696"
/>
<path
d="M12.8109 10.5792C12.7968 10.6674 12.8497 10.7662 12.7756 10.8508C12.7545 10.8261 12.7263 10.812 12.7016 10.7909C12.6627 10.7626 12.6169 10.745 12.5745 10.7203C12.5322 10.6921 12.4899 10.6674 12.4405 10.6533C12.3699 10.618 12.2852 10.6003 12.25 10.5157C12.2464 10.498 12.2429 10.4804 12.2464 10.4627C12.2535 10.2405 12.1159 10.0782 12.003 9.90882C11.756 9.53484 11.5338 9.14675 11.3009 8.76219C11.248 8.67398 11.1915 8.58931 11.128 8.50816C11.0716 8.43407 11.0398 8.35293 11.0469 8.25767C11.0539 8.18358 11.0857 8.13065 11.1562 8.10596C11.2727 8.11301 11.3362 8.19769 11.3926 8.28236C11.7137 8.79394 12.1124 9.25612 12.3734 9.80651C12.4405 9.94411 12.5428 10.0605 12.6275 10.1875C12.7086 10.311 12.7756 10.438 12.8109 10.5792Z"
fill="#232323"
/>
<path
d="M12.8109 10.5793C12.5498 10.1489 12.3099 9.70084 12.0241 9.28806C11.7454 8.89291 11.5337 8.44484 11.1632 8.11672C11.1421 7.98265 11.2056 7.89798 11.3149 7.83447C11.4243 7.88387 11.4878 7.98265 11.5584 8.07086C11.7983 8.37075 12.0417 8.66711 12.2499 8.98817C12.3698 9.17163 12.4792 9.35862 12.638 9.51033C12.7332 9.60206 12.7579 9.7326 12.8179 9.8455C12.8179 10.0889 12.8179 10.3324 12.8179 10.5758L12.8109 10.5793Z"
fill="#262626"
/>
<path
d="M12.8108 8.50105C12.8108 8.7586 12.8108 9.01263 12.8108 9.27018C12.5639 9.14317 12.3663 8.94206 12.2393 8.70921C12.1017 8.45871 11.9041 8.28231 11.7277 8.07767C11.6113 7.94361 11.4772 7.82365 11.4102 7.65077C11.4384 7.50965 11.4842 7.37558 11.6183 7.29443C11.8088 7.52023 12.0487 7.70017 12.2322 7.92949C12.3627 8.09179 12.4968 8.23644 12.6732 8.34228C12.7367 8.38109 12.765 8.4446 12.8108 8.49752V8.50105Z"
fill="#2E2E2D"
/>
<path
d="M12.3486 11.0765C12.1686 11.1788 12.0063 11.3094 11.8087 11.3835C11.4489 11.454 11.1137 11.5811 10.7891 11.7575C10.3411 12.0009 9.89651 12.2585 9.46961 12.5336C9.16266 12.7312 8.84513 12.9076 8.56641 13.1475C8.48174 13.1969 8.4394 13.3345 8.30533 13.2745C8.29122 13.1758 8.37237 13.1264 8.42881 13.0699C8.7287 12.7771 9.0674 12.5407 9.41316 12.3078C9.78361 12.0609 10.1223 11.768 10.5139 11.5422C10.895 11.3235 11.3042 11.2212 11.7135 11.1083C11.8617 11.0695 12.0099 11.0307 12.1651 11.0095C12.2357 10.9989 12.3203 10.9636 12.3521 11.073L12.3486 11.0765Z"
fill="#D8D8D7"
/>
<path
d="M12.3487 11.0767C12.2569 10.9955 12.1652 11.0625 12.077 11.0837C11.6254 11.179 11.1667 11.2601 10.754 11.4718C10.4223 11.6447 10.0871 11.8176 9.80489 12.0716C9.44855 12.3891 9.01106 12.5973 8.66178 12.9219C8.5383 13.0348 8.41481 13.1406 8.3125 13.2747C8.29838 13.4017 8.21018 13.4652 8.10787 13.5181C8.09022 13.5181 8.07258 13.5111 8.06553 13.4934C8.062 13.3452 8.15373 13.25 8.24193 13.1512C8.32661 13.1265 8.35131 13.0277 8.4254 12.9889C8.92639 12.5197 9.4556 12.0857 9.98482 11.6553C10.4047 11.3166 10.9021 11.1472 11.4349 11.0414C11.8159 10.9673 12.204 10.9179 12.585 10.8226C12.6309 10.8226 12.6909 10.805 12.6979 10.8791C12.5815 10.9461 12.4686 11.0132 12.3522 11.0767H12.3487Z"
fill="#D3D3D3"
/>
<path
d="M7.76531 13.4686C7.62772 13.4086 7.49718 13.331 7.37722 13.2393C7.19376 13.0311 6.95738 12.8829 6.73863 12.7242C6.26234 12.3784 5.78604 12.0362 5.27799 11.7328C4.8899 11.4999 4.48064 11.327 4.06785 11.1542C3.99376 11.1224 3.88086 11.1224 3.88086 10.9954C3.94789 10.946 4.01493 10.9707 4.08196 10.9883C4.78053 11.1753 5.42265 11.4858 6.02595 11.8809C6.60809 12.262 7.12673 12.7136 7.62772 13.1899C7.67711 13.2322 7.71592 13.2851 7.75826 13.3345C7.7759 13.3804 7.86763 13.4227 7.76179 13.4686H7.76531Z"
fill="#B4B4B4"
/>
<path
d="M11.4239 7.6543C11.6179 7.88715 11.8119 8.12354 12.0377 8.32817C12.2177 8.49046 12.2741 8.73743 12.447 8.91031C12.567 9.03026 12.7222 9.11494 12.8069 9.27017C12.8069 9.46422 12.8069 9.65474 12.8069 9.84878C12.5811 9.52773 12.3341 9.22078 12.1154 8.89619C11.8966 8.57161 11.6708 8.25055 11.3886 7.97536C11.3533 7.9436 11.3392 7.89068 11.3145 7.84834C11.2968 7.75308 11.3145 7.67547 11.4274 7.6543H11.4239Z"
fill="#2A2B2A"
/>
<path
d="M12.8102 8.50101C12.5844 8.33872 12.348 8.20112 12.1928 7.95415C12.1081 7.81656 11.9776 7.70013 11.8435 7.6084C11.7271 7.52725 11.6812 7.41788 11.6212 7.30851C11.6001 7.17444 11.6636 7.08976 11.7729 7.02979C11.8788 7.20266 12.475 7.71424 12.7008 7.81655C12.7926 7.85536 12.7714 7.94004 12.8067 8.00354C12.8067 8.16937 12.8067 8.33872 12.8067 8.50454L12.8102 8.50101Z"
fill="#313130"
/>
<path
d="M6.45329 12.6995C5.7653 12.3008 5.07732 11.9057 4.38934 11.507C4.10356 11.3412 3.82131 11.1718 3.53906 11.0025C3.53906 10.9249 3.59904 10.939 3.64843 10.939C4.4846 11.3059 5.30312 11.7011 6.03697 12.255C6.17104 12.3538 6.32275 12.4243 6.44976 12.5337C6.53796 12.6113 6.53796 12.636 6.45681 12.703L6.45329 12.6995Z"
fill="#C0BFBF"
/>
<path
d="M12.8066 6.65605C12.8066 6.89949 12.8066 7.14293 12.8066 7.38637C12.7079 7.46046 12.5879 7.46046 12.4997 7.40048C12.2704 7.24524 12.0446 7.07942 11.8682 6.85715C11.8787 6.70544 11.9423 6.57843 12.0657 6.4867C12.1469 6.46905 12.221 6.49728 12.2774 6.5502C12.415 6.67721 12.5632 6.70544 12.7361 6.63488C12.7608 6.62429 12.7855 6.63488 12.8066 6.65252V6.65605Z"
fill="#373737"
/>
<path
d="M8.53809 13.1193C8.77447 12.8723 9.08142 12.7241 9.36014 12.5406C9.6812 12.329 10.0164 12.1314 10.3515 11.9409C10.7784 11.701 11.2124 11.4646 11.6922 11.3376C11.7416 11.3234 11.7769 11.3481 11.8086 11.3799C11.5052 11.5704 11.2089 11.768 10.8878 11.9268C10.7185 11.9197 10.5879 12.0255 10.4574 12.1032C9.98108 12.3819 9.48715 12.6324 9.00733 12.9111C8.91207 12.964 8.82033 13.0205 8.73213 13.0804C8.67568 13.1193 8.61923 13.1687 8.54161 13.1193H8.53809Z"
fill="#DCDBDB"
/>
<path
d="M6.45269 12.6994C6.54089 12.6042 6.43858 12.5795 6.39271 12.5477C5.54596 11.9656 4.69216 11.3976 3.72899 11.0201C3.70076 11.0095 3.67959 10.9848 3.65137 10.9671C3.65842 10.9601 3.66548 10.953 3.67254 10.9495C3.75368 10.9248 3.82424 10.9495 3.88069 11.0059C4.14883 11.1753 4.45931 11.2564 4.74508 11.394C5.21785 11.6198 5.65181 11.9056 6.08224 12.1949C6.48091 12.4631 6.85842 12.7629 7.23946 13.0523C7.29944 13.0981 7.40175 13.1263 7.37 13.2428C7.05247 13.0805 6.74552 12.897 6.44916 12.703L6.45269 12.6994Z"
fill="#BBBBBB"
/>
<path
d="M8.53781 13.1193C8.84476 12.9464 9.1517 12.77 9.45865 12.5971C9.88908 12.3572 10.3195 12.1244 10.7499 11.8845C10.824 11.8421 10.8523 11.8668 10.884 11.9268C9.97022 12.4807 9.04939 13.0205 8.11796 13.5462C8.07563 13.5639 8.06857 13.5392 8.07563 13.5039C8.17441 13.451 8.23086 13.3522 8.30495 13.2745C8.41433 13.2745 8.44608 13.1546 8.53428 13.1193H8.53781Z"
fill="#DFDFDF"
/>
<path
d="M11.886 6.8463C12.0836 7.01212 12.2811 7.17794 12.4787 7.34024C12.5775 7.42138 12.6975 7.36846 12.8068 7.3861C12.8068 7.59073 12.8068 7.79536 12.8068 8C12.761 7.90474 12.708 7.84829 12.5846 7.83417C12.447 7.82359 12.3835 7.67541 12.2776 7.59426C12.1118 7.46725 11.9812 7.30143 11.8225 7.16383C11.7731 7.12149 11.8295 7.05799 11.7696 7.03682C11.7519 6.94156 11.7696 6.86394 11.8825 6.84277L11.886 6.8463Z"
fill="#343434"
/>
<path
d="M3.23204 5.19528C3.23204 5.19528 3.23204 5.16705 3.22852 5.15294C3.28144 5.12825 3.33436 5.10355 3.38728 5.07885C3.44726 5.09649 3.50018 5.05768 3.55663 5.06827C3.62014 5.06827 3.68011 5.06827 3.74362 5.07532C3.76479 5.07532 3.78596 5.08238 3.80713 5.08944C4.1423 5.11766 4.47747 5.09649 4.81617 5.10002C5.11959 5.10002 5.41947 5.10002 5.72289 5.10002C5.91341 5.10002 6.10393 5.10002 6.29445 5.10002C6.40029 5.10002 6.50261 5.10002 6.60845 5.10002C6.70018 5.10002 6.79191 5.10002 6.88364 5.10002C6.96479 5.10002 7.04241 5.10002 7.12355 5.10002C7.23998 5.10002 7.35641 5.10002 7.47284 5.10002C7.65277 5.10708 7.82918 5.08944 8.00911 5.10002C8.34781 5.08944 8.69004 5.10708 9.02874 5.10002C9.124 5.10002 9.21925 5.10002 9.31804 5.10002C9.50856 5.10002 9.70261 5.10002 9.89313 5.10002C10.1119 5.10002 10.3306 5.10002 10.5494 5.10002C10.8704 5.10002 11.1915 5.10002 11.509 5.10002C11.9183 5.14236 12.3311 5.12825 12.7403 5.14941C12.7685 5.16 12.8073 5.15294 12.8109 5.19881C12.7544 5.19881 12.6944 5.19175 12.638 5.19175C9.56854 5.18822 6.49908 5.1847 3.42962 5.18117C3.36611 5.18117 3.30261 5.18822 3.2391 5.19175L3.23204 5.19528Z"
fill="#828282"
/>
<path
d="M12.8075 6.65602C12.6064 6.75834 12.4158 6.77245 12.2465 6.58193C12.2077 6.53959 12.1336 6.52548 12.0771 6.50078C12.0842 6.29262 12.2006 6.14092 12.3488 6.00685C12.5005 6.0386 12.6522 5.97157 12.8039 5.99979C12.8039 6.21853 12.8039 6.43728 12.8039 6.65249L12.8075 6.65602Z"
fill="#3C3C3B"
/>
<path
d="M12.733 10.7734C12.7824 10.7804 12.7894 10.8087 12.7753 10.851C12.7612 10.851 12.7506 10.851 12.7365 10.851C12.6553 10.8087 12.5707 10.844 12.4895 10.8404C11.6498 10.7734 10.8137 10.7663 9.98104 10.918C9.88578 10.9357 9.79757 10.9674 9.70584 10.9957C9.64587 11.0133 9.58589 11.0521 9.52944 10.9886C9.49063 10.8651 9.56119 10.7981 9.65292 10.7381C9.99868 10.6217 10.3621 10.5864 10.7219 10.5652C11.2194 10.537 11.7133 10.604 12.2037 10.6675C12.2743 10.6781 12.3449 10.6746 12.4154 10.6746C12.5319 10.6746 12.6306 10.7381 12.7365 10.7663L12.733 10.7734Z"
fill="#B4B4B4"
/>
<path
d="M7.76525 13.4686C7.8217 13.4086 7.72997 13.3945 7.7335 13.3522C7.79348 13.2746 7.74408 13.1934 7.74055 13.1123C7.72291 12.8265 7.75467 12.5513 7.90285 12.3008C7.94518 12.2267 7.99811 12.1809 8.04397 12.3008C8.06514 12.6677 8.05808 13.0347 8.04397 13.4016C8.04397 13.4651 8.03692 13.5286 8.04397 13.5921C7.91696 13.6274 7.84993 13.5251 7.75819 13.4721L7.76525 13.4686Z"
fill="#AEAEAE"
/>
<path
d="M8.04759 13.5885C7.9735 13.5391 7.9982 13.4615 7.9982 13.398C7.9982 13.0099 7.9982 12.6254 7.9982 12.2373C7.92411 12.1596 7.95939 12.0609 7.94528 11.9727C7.94175 11.895 7.94528 11.8139 7.94528 11.7363C7.93822 11.6022 7.9488 11.4681 7.94528 11.3341C7.94175 11.2917 7.94528 11.2459 7.94528 11.2035C7.94528 11.14 7.94528 11.0765 7.94528 11.013C7.94528 10.9707 7.94528 10.9319 7.94528 10.8895C7.94528 10.8472 7.94528 10.8084 7.94528 10.766C7.94528 10.7025 7.94528 10.639 7.94528 10.5791C7.94528 10.5155 7.94528 10.452 7.94528 10.3885C7.94528 10.325 7.9488 10.258 7.94528 10.1945C7.94528 10.1098 7.94528 10.0216 7.94528 9.93693C7.94528 9.87343 7.94528 9.80992 7.94528 9.74289C7.94528 9.68997 7.94528 9.63705 7.94528 9.58412C7.94528 9.52415 7.94528 9.46064 7.94528 9.40066C7.94528 9.36185 7.94528 9.31951 7.94528 9.28071C7.94528 9.20309 7.94528 9.12547 7.93822 9.05138C7.93469 9.00198 7.94528 8.95612 7.94528 8.90673C7.94528 8.84675 7.94528 8.7903 7.94528 8.73032C7.94528 8.68093 7.94528 8.63153 7.94528 8.57861C7.94528 8.52922 7.94528 8.4763 7.94528 8.4269C7.94528 8.37398 7.94528 8.32459 7.94528 8.27167C7.94528 8.19757 7.94175 8.12348 7.96292 8.05292C7.96997 8.03175 7.98409 8.01764 7.9982 8C8.01231 8 8.0229 8 8.03701 8C8.1111 8.07762 8.09699 8.17993 8.09699 8.27519C8.09699 8.77971 8.0864 9.28776 8.08993 9.79228C8.08993 9.90165 8.0864 10.011 8.09346 10.1239C8.09346 10.3921 8.08287 10.6602 8.09346 10.9283C8.09699 11.3094 8.09346 11.6939 8.09346 12.075C8.09346 12.5513 8.10757 13.0276 8.07582 13.5039C8.08993 13.518 8.10404 13.5321 8.11815 13.5462C8.10404 13.5779 8.07582 13.585 8.04759 13.5885Z"
fill="#D2D2D2"
/>
<path
d="M12.8069 5.99971C12.6587 6.06674 12.5035 6.09497 12.3447 6.03852C12.313 5.95384 12.3659 5.88681 12.4012 5.82683C12.5247 5.62926 12.6093 5.40346 12.7787 5.23411C12.7893 5.23411 12.7963 5.23058 12.8069 5.22705C12.8069 5.4846 12.8069 5.74216 12.8069 5.99971Z"
fill="#404040"
/>
<path
d="M7.99493 2.45413C7.99493 2.42591 8.00199 2.39768 7.96318 2.3871C8.05491 2.31654 8.08666 2.38004 8.11489 2.45413C8.11489 2.46119 8.11489 2.47177 8.11489 2.47883C8.11842 2.51411 8.11489 2.55292 8.11489 2.5882C8.11489 2.63054 8.10783 2.67288 8.09372 2.71169C8.07961 3.42084 8.10431 4.13352 8.09372 4.84267C8.09372 4.93793 8.14664 5.06847 7.99141 5.1108C7.92084 5.0226 7.93848 4.91676 7.93848 4.81797C7.93143 4.22525 7.94907 3.63605 7.94554 3.04333C7.96671 2.84575 7.89967 2.64112 7.99493 2.4506V2.45413Z"
fill="#121213"
/>
<path
d="M3.26694 10.8471C3.26694 10.8471 3.23519 10.826 3.21755 10.8154C3.21049 10.7907 3.21755 10.7695 3.23519 10.7554C3.26341 10.7342 3.29869 10.7272 3.33398 10.7237C3.76088 10.7095 4.18778 10.706 4.61821 10.7166C4.68172 10.7166 4.74522 10.7166 4.80873 10.7413C4.8299 10.7519 4.84754 10.7695 4.85459 10.7907C4.84754 10.8154 4.83342 10.833 4.81226 10.8436C4.59351 10.8895 4.37124 10.8542 4.14897 10.8683C3.96551 10.8683 3.77852 10.8683 3.59506 10.8683C3.48568 10.8789 3.37631 10.8471 3.26694 10.8507V10.8471Z"
fill="#8B8A8A"
/>
<path
d="M3.5355 5.11418C3.48258 5.10713 3.4226 5.13535 3.38379 5.0789C3.47199 5.02598 3.56372 4.97659 3.65193 4.92367C3.77894 4.9907 3.84597 4.83546 3.95887 4.84605C3.99415 4.81782 4.03296 4.82488 4.07177 4.83546C4.09294 4.93778 4.00827 4.966 3.94476 4.98717C3.8248 5.01893 3.70838 5.07185 3.58489 5.08596C3.56725 5.09302 3.55314 5.1036 3.53903 5.11771L3.5355 5.11418Z"
fill="#919090"
/>
<path
d="M12.7331 5.14967C12.3203 5.14967 11.9111 5.14967 11.4983 5.14967C11.4877 5.12497 11.4983 5.10733 11.5195 5.09322C11.6429 5.05441 11.7664 5.03677 11.8829 5.11792C12.1404 5.11792 12.398 5.11792 12.659 5.11792C12.6837 5.1285 12.7084 5.13909 12.7331 5.1532V5.14967Z"
fill="#3D3D3D"
/>
<path
d="M3.22783 10.7733C3.22783 10.7733 3.22078 10.8015 3.21725 10.8157C3.15727 10.4452 3.19961 10.0712 3.19255 9.69725C3.21725 9.68666 3.23842 9.69372 3.249 9.71489C3.26664 9.74664 3.2737 9.78192 3.27723 9.8172C3.28781 10.0571 3.28428 10.3006 3.28428 10.5405C3.28428 10.6216 3.28428 10.7063 3.22783 10.7733Z"
fill="#4F4F4F"
/>
<path
d="M3.22864 9.69348C3.22864 9.69348 3.20747 9.69348 3.19336 9.69348C3.19336 9.48885 3.19336 9.28422 3.19336 9.07959C3.20394 9.07959 3.21806 9.07959 3.22864 9.07959C3.32037 9.28422 3.32037 9.48885 3.22864 9.69348Z"
fill="#4D4D4D"
/>
<path
d="M3.65186 10.964C3.60952 10.964 3.56719 10.9569 3.53896 10.9993C3.45076 10.9605 3.3555 10.9323 3.29199 10.8511C3.32375 10.8158 3.36961 10.8299 3.40842 10.8299C3.49309 10.8652 3.62011 10.8299 3.65186 10.9605V10.964Z"
fill="#BBBBBB"
/>
<path
d="M8.26989 2.53867C8.22403 2.56336 8.26284 2.59159 8.26989 2.61628C8.28048 2.62687 8.284 2.63393 8.28048 2.64451C8.28048 2.65509 8.27695 2.66215 8.27342 2.66215C8.25931 2.67273 8.24167 2.67626 8.22403 2.67626C8.1958 2.66921 8.17816 2.65509 8.16052 2.63393C8.12877 2.581 8.09701 2.53161 8.11818 2.46458V2.45752C8.17816 2.4681 8.23461 2.48927 8.27342 2.53867H8.26989Z"
fill="#414141"
/>
<path
d="M12.5001 10.8123C12.5777 10.8264 12.6659 10.7805 12.7329 10.8511C12.7188 10.8581 12.7047 10.8687 12.6906 10.8758C12.6588 10.8405 12.6165 10.8475 12.5777 10.8475C12.5071 10.8828 12.4295 10.8652 12.3554 10.8617C12.3378 10.844 12.3342 10.8264 12.3448 10.8052C12.3977 10.7911 12.4507 10.7805 12.5001 10.8123Z"
fill="#CBCBCA"
/>
<path
d="M3.42184 10.8508C3.3795 10.8508 3.33716 10.8508 3.2913 10.8508H3.27719L3.2666 10.8438C3.36186 10.7697 3.47123 10.8226 3.57355 10.8085C3.5806 10.8297 3.57355 10.8438 3.55944 10.8579C3.51357 10.865 3.46418 10.8755 3.42184 10.8473V10.8508Z"
fill="#9F9F9F"
/>
<path
d="M12.782 5.23779C12.6374 5.50593 12.4927 5.77407 12.3481 6.0422C12.2458 6.19038 12.1576 6.34209 12.0835 6.50439C12.0059 6.61376 11.9353 6.72666 11.8859 6.85014C11.833 6.90659 11.7977 6.9701 11.773 7.04419C11.7095 7.12533 11.6566 7.21707 11.6213 7.31232C11.5437 7.4217 11.4766 7.5346 11.4237 7.65808C11.3708 7.71453 11.3355 7.77804 11.3108 7.85213C11.2579 7.94033 11.2085 8.03206 11.1556 8.12026C11.1168 8.16613 11.0815 8.21199 11.0709 8.27197C11.0533 8.33195 11.0427 8.39898 10.9545 8.35312C10.9333 8.19435 11.0674 8.08851 11.1203 7.93327C10.951 7.9368 10.7922 7.96503 10.6687 8.04617C10.4182 8.21199 10.1254 8.21905 9.85018 8.28256C9.70906 8.31431 9.55382 8.33548 9.43739 8.40251C9.19042 8.53658 8.93287 8.59656 8.65768 8.60714C8.51656 8.6142 8.38601 8.68123 8.259 8.74474C8.15669 8.79413 8.12493 8.89292 8.12493 9.00229C8.12493 9.18928 8.12493 9.37274 8.12493 9.55973C8.12493 9.64088 8.13552 9.72908 8.08965 9.80317C8.07554 9.82434 8.05437 9.82787 8.0332 9.81376C8.0332 9.21045 8.0332 8.60714 8.0332 8.00383C8.38249 7.74628 8.77764 7.55929 9.14809 7.33702C9.94897 6.86073 10.7534 6.38796 11.5613 5.92578C11.9635 5.69292 12.3516 5.43184 12.7785 5.23779H12.782Z"
fill="#E5E5E5"
/>
<path
d="M4.4168 10.0784C4.35682 9.80317 4.18747 9.57385 4.1028 9.30571C4.05693 9.16458 4.02165 9.01287 3.9405 8.87175C3.85583 8.72004 3.83113 8.52599 3.80996 8.34606C3.79585 8.23316 3.76057 8.13437 3.7147 8.03912C3.67237 7.94738 3.6265 7.86977 3.67942 7.77098C3.69001 7.74981 3.69001 7.71806 3.67942 7.69689C3.52066 7.29468 3.52066 6.86425 3.45362 6.44794C3.41482 6.2045 3.36189 5.96106 3.3125 5.70703C3.44304 5.72467 3.48185 5.82346 3.50655 5.89402C3.61945 6.23978 3.89817 6.47969 4.06399 6.78663C4.19453 7.0336 4.45914 7.09711 4.65671 7.24529C4.83312 7.37936 5.01305 7.5099 5.15418 7.68278C5.4082 7.99678 5.8351 7.96502 6.12088 7.76745C6.29376 7.64749 6.44194 7.49931 6.57601 7.33702C6.61482 7.28763 6.57601 7.23823 6.61129 7.19942C6.70302 7.2347 6.78417 7.28057 6.85826 7.34408C6.85826 7.3723 6.84767 7.40053 6.83356 7.42522C6.59365 7.79568 6.35726 8.1626 5.94447 8.37781C5.84216 8.43074 5.76101 8.45896 5.6587 8.42015C5.44701 8.34253 5.24944 8.24375 5.10478 8.06028C5.06597 8.01089 5.02011 7.96502 4.97071 7.92269C4.94955 7.90152 4.93543 7.88035 4.92132 7.85565C4.84017 7.66866 4.71316 7.54165 4.51559 7.45345C4.27215 7.3476 4.06046 7.17825 3.89464 6.95951C3.8523 6.90306 3.81349 6.84661 3.73587 6.80075C3.75704 7.25587 3.9017 7.68983 3.9899 8.13437C4.07104 8.60361 4.25098 9.0411 4.40269 9.48564C4.45914 9.65499 4.51206 9.82434 4.54734 10.0007C4.53323 10.0784 4.47325 10.0854 4.40974 10.0819L4.4168 10.0784Z"
fill="#474747"
/>
<path
d="M3.46141 5.61504C3.41201 5.59387 3.38379 5.55506 3.38379 5.49861C3.48963 5.44216 3.5355 5.53037 3.58489 5.58682C3.85656 5.91493 4.16703 6.20424 4.55159 6.38417C4.84796 6.52177 5.10904 6.73698 5.44774 6.80402C5.61709 6.8393 5.77585 6.81107 5.93814 6.80049C6.03693 6.83577 6.12513 6.88516 6.20275 6.95572C6.10397 7.16741 5.91698 7.23445 5.70529 7.23797C5.46185 7.23797 5.23605 7.16741 5.04553 7.02276C4.8409 6.86752 4.61157 6.75462 4.39636 6.62761C3.98357 6.38064 3.7119 6.01019 3.46141 5.61857V5.61504Z"
fill="#545453"
/>
<path
d="M3.46094 5.61523C3.67968 5.89043 3.91254 6.14798 4.15245 6.40553C4.27593 6.53607 4.43823 6.62428 4.58288 6.6772C4.82985 6.76893 5.00272 6.96297 5.23911 7.06882C5.60956 7.23464 5.89181 7.23817 6.20581 6.95592C6.23051 6.97003 6.2552 6.98414 6.27637 6.99826C6.33635 7.11468 6.3046 7.2417 6.15995 7.32284C5.87417 7.48514 5.57781 7.55217 5.26733 7.37929C5.10504 7.29109 4.94275 7.20289 4.81573 7.05823C4.75223 6.98414 4.66755 6.93122 4.58288 6.89594C4.23007 6.75482 3.99721 6.47609 3.76788 6.19384C3.68674 5.98921 3.5068 5.84103 3.46094 5.61523Z"
fill="#4F4F4F"
/>
<path
d="M6.80564 7.3862C6.80564 7.3862 6.84092 7.35444 6.85856 7.34033C6.99969 7.40737 7.14081 7.4744 7.25724 7.58024C7.22549 7.79193 7.15845 7.99656 7.16198 8.21531C7.16198 8.29998 7.16198 8.38113 7.20079 8.45522C7.20432 8.47286 7.20079 8.4905 7.19726 8.50814C7.06672 8.60693 6.91854 8.67749 6.78094 8.76569C6.6998 8.81508 6.61865 8.86095 6.51986 8.87153C6.41402 8.85742 6.4493 8.78333 6.46341 8.72688C6.54809 8.3529 6.63982 7.97539 6.84445 7.64375C6.90796 7.53791 6.8762 7.46382 6.80564 7.3862Z"
fill="#434343"
/>
<path
d="M5.93778 6.80061C5.84958 6.91351 5.71199 6.89587 5.60614 6.87823C5.38387 6.83942 5.14749 6.82883 4.97108 6.6489C4.8476 6.52542 4.66061 6.5113 4.5089 6.42663C4.12081 6.20436 3.79269 5.91858 3.51397 5.57282C3.48222 5.53402 3.44341 5.49873 3.38343 5.49873C3.36226 5.4317 3.25995 5.39642 3.31287 5.30469C3.33756 5.30469 3.35873 5.31174 3.38343 5.31527C3.51044 5.43523 3.63745 5.55518 3.76094 5.67867C4.03613 5.92916 4.32896 6.15496 4.69589 6.25728C4.79115 6.28198 4.86877 6.33843 4.95344 6.38782C5.11573 6.47955 5.28156 6.5607 5.4756 6.536C5.6379 6.61362 5.79313 6.69829 5.93426 6.80414L5.93778 6.80061Z"
fill="#585858"
/>
<path
d="M3.76758 6.19385C3.97221 6.34908 4.10275 6.60311 4.34619 6.70895C4.7237 6.87125 4.98478 7.20994 5.35876 7.37577C5.63042 7.49572 6.06085 7.39341 6.24431 7.17466C6.30076 7.10763 6.27254 7.05824 6.27607 7.00179C6.35016 7.02295 6.41719 7.06176 6.47364 7.11469C6.31135 7.40399 6.02204 7.51689 5.74332 7.64037C5.55986 7.72505 5.41521 7.55923 5.24939 7.50983C5.19646 7.49219 5.14354 7.46044 5.10473 7.4181C4.87188 7.16761 4.58257 7.00884 4.2968 6.82891C4.06394 6.68426 3.90517 6.43729 3.76758 6.19385Z"
fill="#4D4D4D"
/>
<path
d="M7.18996 8.4626C7.0947 8.44848 7.11234 8.37439 7.11587 8.31441C7.12998 8.06392 7.10881 7.80284 7.257 7.58057C7.35931 7.65818 7.49691 7.66877 7.58511 7.76403C7.53219 7.93338 7.56747 8.11331 7.51455 8.28266C7.49338 8.34617 7.43693 8.37439 7.38754 8.4132C7.32403 8.4379 7.27111 8.49788 7.18996 8.46612V8.4626Z"
fill="#3E3E3E"
/>
<path
d="M3.72954 5.69294C3.60253 5.58004 3.45435 5.48125 3.38379 5.31543C3.9377 5.60121 4.47045 5.93285 5.00672 6.25391C5.03847 6.37739 4.97144 6.36328 4.89029 6.33858C4.46339 6.19746 4.06824 5.99636 3.72954 5.69647V5.69294Z"
fill="#5F5F5F"
/>
<path
d="M3.72911 5.69298C3.87729 5.72826 3.97961 5.83411 4.08898 5.92584C4.2548 6.06343 4.44532 6.13752 4.64642 6.18339C4.73463 6.20456 4.81577 6.23278 4.88634 6.2857C4.9322 6.32099 4.99218 6.35979 5.00276 6.25042C5.158 6.34568 5.33441 6.40919 5.47553 6.52914C5.37322 6.61735 5.25326 6.58912 5.158 6.5362C4.74874 6.30334 4.27597 6.1975 3.91258 5.87997C3.84554 5.81999 3.77498 5.76707 3.72559 5.68945L3.72911 5.69298Z"
fill="#5C5C5C"
/>
<path
d="M7.50034 8.27172C7.53915 8.1059 7.4333 7.91185 7.58501 7.76367C7.72261 7.84129 7.86021 7.91891 7.9978 8.00006C7.9978 8.01417 7.99427 8.02475 7.99075 8.03887C7.90254 8.12707 7.78612 8.17293 7.67674 8.23291C7.62029 8.25408 7.56737 8.29995 7.50034 8.27525V8.27172Z"
fill="#3B3B3A"
/>
<path
d="M7.96649 9.0376C8.02999 9.10816 7.99471 9.19283 7.99471 9.27045C7.9806 9.29868 7.96296 9.3269 7.92415 9.3269C7.37024 9.31632 6.86925 9.48214 6.42118 9.79614C6.15657 9.9796 5.86373 10.1172 5.58854 10.2795C5.40861 10.3853 5.18281 10.5088 4.93937 10.4136C4.86528 10.3853 4.78766 10.4136 4.71004 10.4136C4.51952 10.4241 4.33253 10.4559 4.13848 10.4241C4.08909 10.4171 4.03617 10.4206 3.99736 10.3748C3.96561 10.2654 4.06439 10.2583 4.12084 10.2195C4.1526 10.2019 4.19141 10.2195 4.22316 10.1948C4.28667 10.1701 4.35017 10.1419 4.41368 10.1172C4.49835 10.0925 4.56539 10.1595 4.643 10.1666C4.8688 10.216 5.05227 10.2054 5.28512 10.0749C5.7085 9.83495 6.09306 9.53859 6.51291 9.29868C6.53407 9.28457 6.55524 9.26692 6.57994 9.2634C6.89394 9.214 7.19736 9.09758 7.51842 9.1011C7.65954 9.1011 7.79714 9.06935 7.93474 9.04818C7.94179 9.04818 7.95238 9.04113 7.95943 9.04113L7.96649 9.0376Z"
fill="#737474"
/>
<path
d="M4.65375 10.1946C4.56202 10.2122 4.48793 10.1663 4.4209 10.1134C4.4209 10.1028 4.4209 10.0887 4.4209 10.0781C4.46324 10.0534 4.50205 10.0287 4.54438 10.0041C4.56908 9.95466 4.61142 9.92291 4.66787 9.90879C4.68551 9.90879 4.70315 9.91585 4.71726 9.92643C4.81958 10.0358 4.936 10.0111 5.01715 9.91938C5.13005 9.79237 5.27823 9.71827 5.41583 9.6336C5.53225 9.56304 5.6134 9.47836 5.63457 9.34077C5.69455 9.26315 5.77569 9.22081 5.86037 9.182C6.01561 9.12555 6.13556 8.99501 6.30844 8.97384C6.37195 8.98796 6.43192 8.9809 6.49543 8.96679C6.85177 8.88564 7.20811 8.83977 7.57503 8.87153C7.65265 8.87858 7.72674 8.88211 7.80436 8.86447C7.87845 8.84683 7.94196 8.86447 7.99488 8.92092C8.01605 8.96679 7.97371 8.99501 7.96665 9.03382H7.9596C7.70557 9.11144 7.44096 9.07263 7.17988 9.10085C6.64361 9.15378 6.1779 9.35488 5.77569 9.70416C5.60282 9.85587 5.3876 9.94055 5.21825 10.0958C5.05596 10.244 4.85133 10.2016 4.65728 10.1875L4.65375 10.1946Z"
fill="#6F6F6F"
/>
<path
d="M4.15288 10.2333C4.09996 10.2722 4.05057 10.311 3.99764 10.3498C3.98353 10.3639 3.96589 10.3709 3.94825 10.3745C3.8671 10.3745 3.84594 10.311 3.81771 10.251C3.62719 9.85937 3.44726 9.46422 3.27791 9.06554C3.21088 8.91031 3.27791 8.73743 3.22852 8.57866C3.22852 8.27172 3.22852 7.96124 3.22852 7.6543C3.352 7.68252 3.34142 7.79189 3.352 7.8801C3.41551 8.34228 3.56016 8.78329 3.72598 9.21372C3.81065 9.42894 3.8671 9.66532 4.02234 9.85231C4.08232 9.97227 4.13171 10.0993 4.15288 10.2333Z"
fill="#4F4F4F"
/>
<path
d="M3.22852 8.57861C3.22852 8.57861 3.26027 8.61037 3.26027 8.62448C3.23204 9.01963 3.46843 9.33363 3.59544 9.67939C3.66953 9.88049 3.78243 10.0675 3.87416 10.2615C3.89533 10.3039 3.90591 10.3462 3.96236 10.3462C3.92003 10.4803 3.81065 10.5155 3.6907 10.5297C3.54252 10.4944 3.52135 10.3462 3.45432 10.2439C3.35906 10.0992 3.25674 9.95105 3.23204 9.77112C3.23204 9.74642 3.23204 9.71819 3.23204 9.6935C3.23204 9.48887 3.23204 9.28424 3.23204 9.07961C3.23204 8.91378 3.23204 8.74796 3.23204 8.57861H3.22852Z"
fill="#535353"
/>
<path
d="M4.15276 10.2334C4.04692 10.1416 4.05045 10.0005 3.99753 9.8876C3.92696 9.69709 3.83876 9.51362 3.76467 9.32663C3.54593 8.79389 3.39422 8.2435 3.29896 7.679C3.23193 7.2768 3.22134 6.87107 3.26721 6.46533C3.28485 6.48297 3.32366 6.49708 3.32366 6.51473C3.31307 6.81109 3.38716 7.10039 3.39775 7.39675C3.40833 7.62608 3.46125 7.84835 3.54593 8.0671C3.60943 8.23292 3.62002 8.42344 3.66588 8.59984C3.72233 8.82211 3.82818 9.02674 3.89521 9.24549C3.9693 9.4854 4.1069 9.69709 4.16688 9.94053C4.18805 10.0252 4.27272 10.0993 4.22685 10.2016C4.20921 10.2298 4.18452 10.2404 4.15276 10.2404V10.2334Z"
fill="#4D4D4D"
/>
<path
d="M3.26673 6.46198C3.27731 6.73717 3.2385 7.01589 3.2879 7.28756C3.36904 7.72504 3.41138 8.16959 3.55956 8.59649C3.68657 8.96341 3.78889 9.33739 3.97235 9.67962C4.00763 9.74665 3.99705 9.81722 4.00057 9.88778C3.79242 9.63023 3.71127 9.30917 3.59131 9.00928C3.48194 8.73408 3.42902 8.43419 3.33729 8.15195C3.28437 7.98965 3.36199 7.79913 3.23145 7.65801C3.23145 6.9418 3.23145 6.22207 3.23145 5.50586C3.27025 5.82692 3.31965 6.14445 3.27025 6.46551L3.26673 6.46198Z"
fill="#4D4D4D"
/>
<path
d="M8.27013 2.65502C8.27013 2.65502 8.27013 2.63032 8.27013 2.61621C8.48182 2.70089 8.62647 2.87729 8.79935 3.01489C9.62845 3.67112 10.4858 4.28501 11.4207 4.786C11.5442 4.85304 11.6642 4.9236 11.7877 4.99063C11.8406 5.01886 11.8864 5.05061 11.8864 5.11764C11.7594 5.11764 11.6289 5.11764 11.5019 5.11764C11.3784 5.15998 11.2514 5.1247 11.1279 5.13529C10.9691 5.06825 10.8598 4.93065 10.7222 4.83187C10.2282 4.48258 9.76958 4.08743 9.31798 3.67817C9.12041 3.49824 8.94047 3.29714 8.71467 3.15248C8.70056 3.1419 8.68645 3.13132 8.67233 3.12073C8.61941 3.04311 8.58413 2.94785 8.47829 2.91963C8.38656 2.84907 8.2666 2.79967 8.2666 2.65855L8.27013 2.65502Z"
fill="#444444"
/>
<path
d="M4.07541 4.84613C4.0366 4.84613 3.99779 4.84613 3.95898 4.84613C4.51995 4.57446 5.09151 4.32397 5.63837 4.03113C6.28754 3.68185 6.93671 3.31845 7.49768 2.82804C7.53296 2.79629 7.56472 2.76807 7.61411 2.76807C7.64586 2.84921 7.59647 2.90213 7.54355 2.95153C7.12017 3.35373 6.66152 3.71007 6.15347 3.99585C5.55016 4.33102 4.9151 4.59563 4.26946 4.83907C4.20595 4.85318 4.14245 4.89552 4.07541 4.84613Z"
fill="#929191"
/>
<path
d="M4.26915 4.80715C4.54435 4.6625 4.84424 4.57782 5.12296 4.45081C5.77566 4.15445 6.4213 3.84398 6.97875 3.38532C7.15515 3.24067 7.3245 3.08543 7.49738 2.94078C7.55383 2.89491 7.58558 2.83141 7.61381 2.7679C7.69142 2.67617 7.7514 2.56327 7.88194 2.53857C7.92075 2.58797 7.89605 2.62678 7.86783 2.66911C7.69142 2.84199 7.575 3.06779 7.38095 3.22656C7.23983 3.30418 7.13751 3.43472 7.02108 3.54056C6.49892 4.0098 5.8815 4.30616 5.24644 4.57782C5.03828 4.66603 4.81954 4.70836 4.61138 4.78598C4.49495 4.8001 4.38911 4.90241 4.26562 4.81068L4.26915 4.80715Z"
fill="#8F8E8E"
/>
<path
d="M7.99445 2.4541C7.99445 2.64815 7.99445 2.84219 7.99445 3.03977C7.9627 3.23029 7.97681 3.4208 7.95917 3.61132C7.92036 4.05234 7.82863 4.48277 7.72984 4.9132C7.69456 5.06491 7.62753 5.15311 7.46523 5.14958H7.11948C7.11595 5.11077 7.14065 5.09666 7.16887 5.08255C7.27471 5.06138 7.32764 4.99082 7.35939 4.89203C7.59577 4.22169 7.77218 3.53723 7.89919 2.84219C7.9133 2.77163 7.90272 2.70107 7.90272 2.63051C7.90978 2.57053 7.91683 2.51408 7.9627 2.46821C7.96975 2.46469 7.98034 2.46116 7.99092 2.45763L7.99445 2.4541Z"
fill="#4D4D4D"
/>
<path
d="M7.96625 2.46436L7.92744 2.61606C7.92744 2.61606 7.93802 2.64782 7.93096 2.66546C7.91332 2.75013 7.89921 2.83834 7.84276 2.9089C7.77926 2.96888 7.76514 3.06766 7.68752 3.12058C7.66988 3.12411 7.65224 3.12058 7.63813 3.11C7.61696 3.07825 7.61343 3.03944 7.62049 3.00063C7.67694 2.87362 7.7722 2.7713 7.84629 2.65487C7.8604 2.61606 7.87099 2.57726 7.8851 2.53845C7.89921 2.49964 7.92744 2.47494 7.96625 2.46436Z"
fill="#7F7F7F"
/>
<path
d="M10.9654 8.35665C11.0289 8.36018 11.036 8.29667 11.0748 8.27197C11.1171 8.49777 11.2936 8.64595 11.3994 8.83647C11.6393 9.26337 11.918 9.66558 12.1685 10.0854C12.2356 10.1983 12.359 10.3148 12.2603 10.477C12.1156 10.5123 12.0239 10.3994 11.911 10.3465C11.8581 10.3077 11.8016 10.2759 11.791 10.2019C11.7945 10.0784 11.7346 9.97958 11.6746 9.88079C11.4417 9.50681 11.2547 9.10814 11.0184 8.73416C10.976 8.66712 10.9302 8.61067 10.8808 8.55069C10.8631 8.46602 10.8949 8.40251 10.9654 8.35665Z"
fill="#1E1E1E"
/>
<path
d="M11.9323 10.3076C12.0417 10.3605 12.1511 10.417 12.2569 10.4699C12.2569 10.4805 12.2605 10.4946 12.2569 10.5052C12.1899 10.604 12.1087 10.5405 12.0382 10.5158C11.7842 10.4346 11.5407 10.3358 11.2832 10.2653C10.948 10.1736 10.6058 10.1665 10.2635 10.1524C10.1824 10.1489 10.0977 10.1665 10.0272 10.1065C10.006 10.0536 10.0272 10.0113 10.0554 9.96892C10.0695 9.95481 10.0871 9.94775 10.1048 9.94423C10.3905 9.86661 10.6728 9.92659 10.9515 9.98304C11.2902 10.0501 11.6113 10.1665 11.9253 10.3076H11.9323Z"
fill="#909090"
/>
<path
d="M10.0409 10.0815C10.3443 10.1239 10.6512 10.0921 10.9547 10.1521C11.2228 10.2015 11.4874 10.2579 11.7414 10.3532C11.9108 10.4167 12.0695 10.5155 12.2601 10.5084C12.3271 10.5473 12.3941 10.5861 12.4647 10.6284C12.4753 10.6496 12.4718 10.6637 12.4541 10.6778C12.373 10.7131 12.3024 10.6707 12.2283 10.6531C12.0731 10.6072 11.9249 10.5296 11.7626 10.5014C11.4239 10.385 11.0746 10.3215 10.7218 10.2685C10.5313 10.2403 10.3302 10.2897 10.1326 10.2862C10.0656 10.2862 9.99149 10.325 9.94209 10.2474C9.93151 10.1662 9.93856 10.0957 10.0409 10.0851V10.0815Z"
fill="#969696"
/>
<path
d="M12.2323 10.6183L12.4616 10.6571C12.5075 10.6571 12.5463 10.6747 12.5886 10.6888C12.6451 10.7029 12.6909 10.7276 12.7333 10.77C12.6309 10.7559 12.5286 10.7453 12.4263 10.7312C12.3699 10.6853 12.2781 10.7418 12.2287 10.6677C12.2287 10.6606 12.2252 10.65 12.2217 10.6394C12.2252 10.6324 12.2287 10.6218 12.2323 10.6147V10.6183Z"
fill="#9F9F9F"
/>
<path
d="M12.5879 10.6888C12.5421 10.6923 12.4962 10.7029 12.4609 10.657C12.4609 10.6464 12.4609 10.6359 12.4609 10.6253C12.5174 10.6217 12.5527 10.6535 12.5879 10.6923V10.6888Z"
fill="#919191"
/>
<path
d="M8.07626 13.5043C8.01276 13.4478 8.04098 13.3737 8.03745 13.3067C8.03745 12.8974 8.03745 12.4882 8.03745 12.0824C8.08332 11.9766 8.14683 11.9201 8.27737 11.8849C8.41496 11.846 8.60195 11.8355 8.68663 11.6661C8.71838 11.6026 8.78894 11.5885 8.84539 11.652C8.90184 11.719 8.96888 11.779 9.01827 11.8531C9.01827 12.0224 8.89479 12.1389 8.82422 12.2765C8.7713 12.3858 8.71132 12.4882 8.64782 12.5905C8.52081 12.781 8.43613 12.9962 8.27031 13.1585C8.19622 13.2679 8.10449 13.3702 8.07979 13.5043H8.07626Z"
fill="#DDDDDD"
/>
<path
d="M8.26953 13.1581C8.3789 12.964 8.47063 12.7559 8.61529 12.5795C8.78464 12.3713 8.97163 12.1773 9.13392 11.9656C9.69842 11.2247 10.464 10.9036 11.3672 10.8366C11.6671 10.8119 11.9635 10.7943 12.2634 10.8366C12.3057 10.9319 12.2245 10.9072 12.1857 10.9142C11.8012 10.9777 11.4166 11.0306 11.0356 11.1118C10.4746 11.2317 9.99478 11.5069 9.59257 11.9056C9.34208 12.1526 9.081 12.389 8.82697 12.6324C8.68938 12.7665 8.54472 12.8935 8.4283 13.0452C8.34715 13.0452 8.3789 13.1934 8.27306 13.1616L8.26953 13.1581Z"
fill="#CBCBCA"
/>
<path
d="M8.42188 13.0419C8.46068 12.8867 8.59122 12.8055 8.69001 12.7032C9.02518 12.3645 9.36035 12.0258 9.72375 11.7153C10.1013 11.3907 10.5317 11.1649 11.0327 11.0591C11.4349 10.9744 11.8406 10.9391 12.2428 10.8686C12.2534 10.8686 12.2605 10.8509 12.271 10.8439C12.2957 10.8227 12.324 10.8192 12.3487 10.8439C12.4263 10.8439 12.5039 10.8439 12.578 10.8439C12.3346 10.9391 12.0735 10.9462 11.8194 10.9991C11.3784 11.0944 10.9409 11.1791 10.5211 11.3696C10.006 11.6024 9.6426 12.0187 9.21217 12.3539C8.93698 12.5691 8.68648 12.8055 8.42188 13.0348V13.0419Z"
fill="#CFCFCF"
/>
<path
d="M3.42188 10.8511C3.4748 10.8511 3.52419 10.8511 3.57711 10.8511C3.58417 10.8511 3.59475 10.8511 3.60181 10.8511C3.65473 10.8511 3.71118 10.8511 3.76057 10.8652C3.95462 10.9075 4.15572 10.9287 4.34271 11.0028C4.85076 11.1298 5.32706 11.3521 5.7963 11.5779C6.14911 11.7472 6.43489 12.0154 6.7383 12.2623C6.9006 12.3929 7.077 12.5128 7.21107 12.6786C7.3028 12.8198 7.43687 12.9221 7.54624 13.0456C7.59211 13.0985 7.67325 13.1443 7.6168 13.2396C7.22871 12.8797 6.84062 12.5163 6.41019 12.2094C5.79277 11.7684 5.16124 11.3591 4.4168 11.1545C4.2404 11.1051 4.07458 11.0063 3.88406 11.0063C3.80644 10.9922 3.72882 10.9816 3.65473 10.9675C3.57711 10.9287 3.49949 10.8934 3.42188 10.8546V10.8511Z"
fill="#AFAFAF"
/>
<path
d="M7.6138 13.2359C7.58558 13.0912 7.44798 13.0348 7.36684 12.9325C7.30686 12.8549 7.20101 12.8125 7.19043 12.6961C7.29627 12.622 7.35272 12.7137 7.42329 12.7631C7.56088 12.8549 7.56794 12.8408 7.63144 12.6926C7.71612 12.4915 7.7514 12.2727 7.8643 12.0857C7.89605 12.0363 7.90664 11.9587 7.99484 11.9658C7.99484 12.054 7.99484 12.1457 7.99484 12.2339C7.76904 12.5444 7.7514 12.8937 7.80432 13.2535C7.81843 13.3417 7.80432 13.3559 7.73023 13.3488C7.69142 13.31 7.65261 13.2712 7.6138 13.2324V13.2359Z"
fill="#ABABAB"
/>
<path
d="M7.84664 2.6549C7.82548 2.79602 7.7161 2.88422 7.65613 3.00065C7.38446 3.49811 7.02812 3.92502 6.57299 4.26372C6.072 4.6377 5.5075 4.84938 4.90067 4.98345C4.63959 5.04343 4.37851 5.10341 4.1139 5.13163C4.001 5.12105 3.88457 5.1528 3.77167 5.11399H3.73286C3.73286 5.11399 3.72581 5.09635 3.71875 5.08929C3.72581 5.07165 3.73992 5.05754 3.75403 5.04696C4.18093 4.93759 4.60431 4.82116 5.02768 4.69767C5.81445 4.46482 6.51655 4.09437 7.0881 3.49106C7.18336 3.38874 7.28567 3.28996 7.38446 3.19117C7.54323 3.01476 7.65613 2.80308 7.84664 2.65137V2.6549Z"
fill="#878787"
/>
<path
d="M8.00139 5.11779C8.06489 5.06134 8.03667 4.98725 8.03667 4.92021C8.03667 4.23223 8.03667 3.54425 8.03667 2.85627C8.03667 2.78923 8.01197 2.71514 8.07548 2.65869C8.1037 2.67986 8.11428 2.70808 8.12134 2.74337C8.18838 3.37137 8.30833 3.98879 8.43534 4.60621C8.44593 4.6556 8.46004 4.705 8.4671 4.75439C8.50473 4.96137 8.62821 5.06604 8.83755 5.06839C8.90105 5.06839 8.96809 5.06839 9.02807 5.10367C9.04924 5.11779 9.05276 5.13896 9.03865 5.16012H8.00139C8.00139 5.16012 7.98727 5.14248 7.9908 5.13543C7.9908 5.12837 7.99786 5.12132 8.00139 5.12132V5.11779Z"
fill="#0C0C0C"
/>
<path
d="M8.00209 5.11761C8.00209 5.11761 8.00209 5.14231 8.00209 5.15642C7.82216 5.15642 7.64575 5.15289 7.46582 5.14936C7.71279 5.10703 7.69515 4.88123 7.72337 4.72246C7.82569 4.18619 7.94917 3.65344 7.96681 3.10659C7.96681 3.08542 7.98798 3.06072 7.99857 3.03955C7.99857 3.73106 7.99857 4.4261 7.99857 5.11761H8.00209Z"
fill="#444443"
/>
<path
d="M9.88545 5.14963C9.69141 5.14963 9.50089 5.14963 9.30684 5.14963C9.26803 5.11435 9.21158 5.14963 9.17277 5.10729C8.95403 4.66628 8.77057 4.21115 8.56594 3.76308C8.54477 3.71369 8.53419 3.66429 8.56594 3.6149C8.68589 3.5902 8.70001 3.69957 8.73176 3.75955C8.90111 4.09472 9.07399 4.43342 9.24334 4.76859C9.30684 4.89208 9.35271 5.0332 9.52206 5.05437C9.61026 5.05437 9.69846 5.05437 9.79019 5.0579C9.82195 5.0579 9.85017 5.06848 9.8784 5.08612C9.89604 5.10024 9.89957 5.11788 9.88898 5.13904L9.88545 5.14963Z"
fill="#212121"
/>
<path
d="M7.15515 5.11758C7.15515 5.11758 7.13398 5.13875 7.1234 5.14933C7.04578 5.14933 6.96816 5.14933 6.88701 5.14933C6.87643 5.13169 6.87996 5.11758 6.89407 5.10346C6.92229 5.0823 6.95758 5.07524 6.99286 5.06465C7.14104 4.95881 7.14809 4.78241 7.2116 4.63422C7.33156 4.30258 7.48326 3.98505 7.59264 3.64988C7.61733 3.57579 7.61381 3.46289 7.74435 3.46289C7.79021 3.52287 7.76199 3.57932 7.74435 3.64282C7.60675 4.09795 7.48326 4.55661 7.25394 4.97998C7.22571 5.02937 7.20102 5.0823 7.15868 5.1211L7.15515 5.11758Z"
fill="#5F5F5F"
/>
<path
d="M3.76758 5.11774C3.89459 5.11774 4.02513 5.11774 4.15214 5.11774C4.3603 5.08951 4.57199 5.04718 4.78368 5.09304C4.80837 5.10715 4.81543 5.12479 4.80837 5.15302C4.50848 5.15302 4.20859 5.15302 3.9087 5.15655C3.85931 5.15655 3.80639 5.16713 3.76758 5.12127V5.11774Z"
fill="#7E7E7E"
/>
<path
d="M11.0779 5.11794C11.219 5.11794 11.3601 5.11794 11.5012 5.11794C11.5012 5.12852 11.5012 5.13911 11.5012 5.14969C11.1802 5.14969 10.8591 5.14969 10.5381 5.14969C10.5275 5.125 10.5345 5.10736 10.5557 5.09324C10.6157 5.05796 10.6862 5.06502 10.7498 5.06149C10.8591 5.06855 10.9791 5.03679 11.0743 5.11794H11.0779Z"
fill="#383838"
/>
<path
d="M4.80859 5.14944C4.80859 5.14944 4.80859 5.12827 4.80859 5.11769C4.86504 5.06124 4.93561 5.06477 5.0097 5.06124C5.24255 5.08241 5.47894 5.02243 5.71179 5.08947C5.73649 5.10358 5.74354 5.12122 5.73649 5.14944H4.81212H4.80859Z"
fill="#797979"
/>
<path
d="M10.5384 5.11797C10.5384 5.11797 10.5384 5.13914 10.5384 5.14973C10.3197 5.14973 10.101 5.14973 9.88574 5.14973C9.88574 5.13914 9.88574 5.12856 9.88574 5.11445C9.90691 5.08622 9.93866 5.07564 9.97042 5.06858C10.0445 5.058 10.1221 5.06505 10.1962 5.06152C10.2809 5.06152 10.3691 5.06152 10.4538 5.06858C10.4855 5.07564 10.5173 5.08622 10.5384 5.11445V5.11797Z"
fill="#313130"
/>
<path
d="M5.7334 5.14973C5.7334 5.14973 5.7334 5.12856 5.7334 5.11797C5.80749 5.04741 5.90275 5.06858 5.99095 5.06152C6.08974 5.07211 6.19205 5.04741 6.29084 5.09328C6.31201 5.10739 6.31907 5.12503 6.31201 5.14973C6.11796 5.14973 5.92744 5.14973 5.7334 5.14973Z"
fill="#737474"
/>
<path
d="M6.30859 5.14958C6.30859 5.14958 6.30859 5.12842 6.30859 5.11783C6.32623 5.09313 6.35446 5.08255 6.38268 5.07902C6.43913 5.07197 6.49558 5.07197 6.55203 5.07902C6.56967 5.08255 6.58731 5.08961 6.60496 5.10019C6.61907 5.1143 6.62612 5.12842 6.61907 5.14958C6.51675 5.14958 6.41444 5.14958 6.30859 5.14958Z"
fill="#6E6E6E"
/>
<path
d="M6.61914 5.14587C6.61914 5.14587 6.61914 5.1247 6.61914 5.11764C6.64737 5.08236 6.68617 5.07531 6.72498 5.07178C6.76379 5.07178 6.8026 5.07178 6.84141 5.08236C6.85905 5.08942 6.87669 5.1 6.88728 5.11764C6.88728 5.12823 6.88728 5.13881 6.88728 5.1494C6.79907 5.1494 6.70734 5.1494 6.61914 5.1494V5.14587Z"
fill="#636363"
/>
<path
d="M9.19468 5.11775C9.23702 5.11775 9.28288 5.11069 9.31111 5.15655C9.2229 5.15655 9.13117 5.15655 9.04297 5.15655C9.04297 5.14244 9.04297 5.13186 9.04297 5.11775C9.09589 5.07188 9.14528 5.07894 9.19821 5.11775H9.19468Z"
fill="#121213"
/>
<path
d="M3.7292 5.07866C3.7292 5.07866 3.7292 5.10336 3.7292 5.11747C3.6657 5.11747 3.60219 5.11747 3.53516 5.11747C3.53516 5.10336 3.53516 5.09278 3.53516 5.07866C3.59866 5.05044 3.66217 5.04691 3.7292 5.07866Z"
fill="#8B8A8A"
/>
<path
d="M8.99991 11.8491C8.91523 11.8244 8.87289 11.7503 8.8235 11.6833C8.80233 11.6551 8.78469 11.6339 8.74588 11.6515C8.71413 11.6692 8.69296 11.6868 8.71413 11.7256C8.78822 11.8703 8.70354 11.8385 8.61534 11.8138C8.54125 11.7927 8.47775 11.8068 8.43541 11.8809C8.41424 11.9197 8.36837 11.9691 8.32956 11.9514C8.17433 11.8668 8.12141 12.0079 8.0332 12.0749C8.0332 11.6904 8.0332 11.3058 8.0332 10.9212C8.07554 10.7907 8.04379 10.6566 8.05084 10.5261C8.06848 10.272 8.16022 10.1697 8.41071 10.145C8.65062 10.1203 8.85525 9.99686 9.07047 9.91218C9.32802 9.80987 9.60321 9.80281 9.86077 9.70049C10.016 9.63699 10.1148 9.77811 10.0725 9.9651C10.0583 10.0039 10.0442 10.0427 10.0301 10.0815C9.98425 10.1203 9.96308 10.1733 9.94897 10.2297C9.93133 10.2579 9.94897 10.2967 9.9278 10.325C9.90663 10.3603 9.88193 10.392 9.86429 10.4308C9.85018 10.459 9.83607 10.4873 9.81843 10.5155C9.79726 10.5578 9.77256 10.6002 9.74434 10.639C9.71259 10.6848 9.69142 10.7378 9.63849 10.7695C9.59263 10.8295 9.53618 10.8824 9.52207 10.9636C9.40564 11.267 9.23982 11.5457 9.05636 11.8138C9.03519 11.835 9.01402 11.8491 8.98227 11.8491H8.99991Z"
fill="#E0E0DF"
/>
<path
d="M9.03906 11.8104C9.21194 11.5317 9.34248 11.2283 9.53653 10.9636C9.6212 11.0483 9.67059 10.9354 9.73763 10.9178C10.094 10.8296 10.4538 10.7978 10.8172 10.7661C11.0854 10.7449 11.3535 10.7026 11.6181 10.7414C11.9145 10.7837 12.2144 10.7237 12.5037 10.8084C12.4507 10.8084 12.4014 10.8084 12.3484 10.8084C12.038 10.8543 11.724 10.8049 11.4135 10.8437C11.0148 10.8966 10.6091 10.8896 10.228 11.0272C9.93873 11.133 9.67765 11.2918 9.45891 11.514C9.35659 11.6199 9.22252 11.6834 9.14491 11.8174C9.13079 11.8421 9.06376 11.8915 9.03906 11.8033V11.8104Z"
fill="#C2C2C2"
/>
<path
d="M9.65332 10.7696C9.6639 10.7096 9.68507 10.6567 9.73447 10.6179C9.98849 10.5226 10.2566 10.505 10.5212 10.4908C10.7682 10.4803 11.0187 10.4803 11.2657 10.4908C11.2868 10.4908 11.308 10.4979 11.3292 10.505C11.4632 10.5438 11.6044 10.5085 11.7384 10.5332C11.9007 10.5826 12.0771 10.5755 12.2324 10.6531C12.2888 10.7025 12.3735 10.6673 12.4264 10.7308C12.0666 10.6955 11.7067 10.6496 11.3468 10.6249C10.9834 10.6002 10.62 10.6037 10.2566 10.6637C10.0555 10.699 9.85442 10.7308 9.65332 10.766V10.7696Z"
fill="#AEAEAF"
/>
<path
d="M10.0803 9.96525C10.0626 9.73239 9.9462 9.66536 9.7451 9.79237C9.66042 9.84529 9.57575 9.83471 9.49107 9.85235C9.20529 9.91585 8.92304 10.0005 8.66549 10.1487C8.60904 10.1805 8.54906 10.191 8.48203 10.1946C8.1892 10.2052 8.08688 10.3145 8.0763 10.6109C8.07277 10.7167 8.11511 10.8296 8.04102 10.9249C8.04102 10.6568 8.04102 10.3851 8.04102 10.117C8.09394 10.0182 8.0269 9.9088 8.07982 9.81001V9.54187C8.11158 9.47484 8.17156 9.46073 8.23859 9.45367C8.35855 9.44661 8.46086 9.4078 8.55259 9.33019C8.58082 9.30549 8.6161 9.28079 8.65491 9.28432C9.03242 9.31607 9.34642 9.05852 9.71687 9.04794C9.73451 9.04794 9.75921 9.04088 9.76979 9.02677C9.91797 8.82214 10.172 8.87153 10.366 8.77627C10.4931 8.71629 10.5989 8.79391 10.6977 8.868C10.7541 8.96679 10.673 9.0303 10.6377 9.10791C10.5883 9.21729 10.5178 9.31255 10.4648 9.41839C10.4401 9.46425 10.4119 9.51012 10.3802 9.55599C10.3308 9.62655 10.299 9.70417 10.2567 9.77826C10.2143 9.84176 10.1685 9.90174 10.112 9.95466C10.1014 9.95466 10.0908 9.95819 10.0803 9.96172V9.96525Z"
fill="#E1E1E1"
/>
<path
d="M4.34301 11.0412C4.1419 10.9742 3.92316 10.9706 3.72559 10.886C3.77145 10.8366 3.83143 10.8436 3.88788 10.8507C4.38887 10.9107 4.88634 10.9953 5.3591 11.1823C5.86715 11.3834 6.30817 11.7045 6.79152 11.9479C6.96087 12.0326 7.14433 12.0467 7.32779 12.0679C7.3913 12.0749 7.35602 12.0326 7.37366 12.0185C7.60298 11.828 7.74058 11.5634 7.92757 11.3411C7.94521 11.3199 7.96285 11.3058 7.99108 11.3129V11.7362C7.89582 11.9444 7.74764 12.1243 7.65591 12.336C7.54301 12.5936 7.39482 12.6218 7.13727 12.5054C6.8021 12.3537 6.55513 12.0926 6.26936 11.8809C6.0118 11.6904 5.73308 11.5422 5.43319 11.4187C5.1333 11.2988 4.83694 11.1647 4.52294 11.08C4.46296 11.0624 4.3924 11.08 4.33948 11.0412H4.34301Z"
fill="#A5A5A5"
/>
<path
d="M3.69074 10.5052C3.79305 10.4735 3.87773 10.4135 3.95887 10.35C3.97299 10.35 3.98357 10.35 3.99768 10.35C4.19526 10.3747 4.3893 10.4205 4.59041 10.3606C4.6398 10.3465 4.68919 10.3359 4.728 10.3853C5.06317 10.4664 5.3807 10.41 5.69824 10.2935C5.80761 10.2512 5.91698 10.2159 6.01224 10.1524C6.36858 9.92661 6.75314 9.75374 7.12712 9.56322C7.36351 9.44326 7.6387 9.45385 7.88567 9.35859C7.92095 9.34447 7.95976 9.36212 7.99504 9.38328V9.57733C7.97387 9.60555 7.98798 9.66201 7.93153 9.65848C7.65987 9.64084 7.43054 9.76079 7.19416 9.87369C6.74961 10.0819 6.3333 10.3429 5.86758 10.5052C5.57828 10.604 5.28545 10.6534 4.98203 10.5828C4.59746 10.5546 4.21643 10.5299 3.83539 10.604C3.76483 10.6181 3.69779 10.6358 3.63076 10.597C3.58137 10.5158 3.66251 10.5264 3.69779 10.5017L3.69074 10.5052Z"
fill="#797979"
/>
<path
d="M3.57422 10.8511C3.57422 10.8511 3.57422 10.8264 3.57422 10.8123C3.76827 10.8123 3.95878 10.8123 4.15283 10.8123C4.47389 10.8476 4.79847 10.8405 5.11953 10.8758C5.17598 10.8829 5.23596 10.8723 5.28888 10.8935C5.66992 11.0346 6.0686 11.0028 6.46022 11.0028C6.71071 11.0028 6.96827 10.9817 7.21523 10.9041C7.40222 10.8441 7.5998 10.8194 7.79032 10.7629C7.85382 10.7418 7.92791 10.7241 7.99142 10.777C7.99142 10.8159 7.99142 10.8547 7.99142 10.8935C7.97731 10.9146 7.97025 10.9464 7.94555 10.9534C7.60333 11.0558 7.29991 11.2533 6.95415 11.3521C6.57664 11.458 6.20619 11.4015 5.84632 11.271C5.47234 11.1369 5.08778 11.0593 4.69616 11.0028C4.39274 10.9393 4.0858 10.8935 3.77885 10.8723C3.71182 10.8688 3.63772 10.8899 3.57422 10.8547V10.8511Z"
fill="#969696"
/>
<path
d="M7.99495 9.38658C7.61039 9.50654 7.21171 9.55946 6.84479 9.76409C6.51314 9.94755 6.18503 10.1522 5.83222 10.2933C5.60642 10.385 5.36651 10.4697 5.11954 10.4732C4.99253 10.4732 4.8514 10.4556 4.73145 10.385C4.80201 10.3462 4.87257 10.3356 4.95372 10.3603C5.09131 10.4027 5.21833 10.3427 5.34534 10.3286C5.59936 10.2968 5.74401 10.0887 5.97687 10.0216C6.16033 9.96519 6.35791 9.78879 6.55195 9.66883C6.84831 9.48537 7.15526 9.33719 7.51866 9.31955C7.67742 9.31249 7.83619 9.26663 7.99848 9.27368C7.99848 9.31249 7.99848 9.3513 7.99848 9.39011L7.99495 9.38658Z"
fill="#777777"
/>
<path
d="M4.34277 11.0416C4.5721 11.0346 4.78379 11.1122 4.98842 11.1933C5.39415 11.3521 5.81047 11.4826 6.16681 11.7437C6.29735 11.839 6.442 11.9166 6.55137 12.0507C6.74895 12.2941 7.05237 12.3964 7.3205 12.534C7.44399 12.5975 7.571 12.4599 7.60981 12.3294C7.66979 12.1318 7.83561 11.9977 7.89206 11.8002C7.90617 11.7543 7.94851 11.7331 7.9979 11.7296C7.9979 11.8072 7.9979 11.8848 7.9979 11.9625C7.82502 12.2024 7.75799 12.4881 7.67331 12.7633C7.6345 12.8903 7.56394 12.9186 7.4334 12.8268C7.35578 12.7739 7.30992 12.6716 7.19349 12.6892C6.8689 12.4282 6.54432 12.1671 6.22326 11.9025C6.00099 11.719 5.74696 11.5991 5.49294 11.4791C5.12249 11.3027 4.73792 11.1616 4.3463 11.0381L4.34277 11.0416Z"
fill="#A9A9A9"
/>
<path
d="M7.9947 9.73583C7.9947 9.79934 7.9947 9.86284 7.9947 9.92988C7.86416 10.1133 7.656 10.191 7.46901 10.258C7.23616 10.3391 7.01389 10.4556 6.78809 10.5473C6.43175 10.6955 6.06835 10.7555 5.69437 10.7872C5.44035 10.8084 5.18632 10.7837 4.93583 10.7484C4.88643 10.7413 4.83351 10.7378 4.80176 10.6884C4.81234 10.5014 4.96405 10.6355 5.03461 10.5826C5.08048 10.5826 5.12987 10.5755 5.17574 10.5932C5.25336 10.639 5.3345 10.6602 5.42623 10.6284C5.77199 10.6037 6.10363 10.5014 6.41763 10.3779C6.63991 10.2897 6.86218 10.1945 7.07386 10.0781C7.32436 9.93693 7.58897 9.81345 7.86769 9.72877C7.91003 9.71466 7.95589 9.71466 7.99823 9.73936L7.9947 9.73583Z"
fill="#7F7F7F"
/>
<path
d="M7.99445 9.73618C7.66634 9.83497 7.35939 9.98315 7.05597 10.1454C6.81959 10.2725 6.56557 10.3677 6.30801 10.4594C6.01871 10.5618 5.7294 10.6429 5.42246 10.6605C5.33425 10.7064 5.26369 10.6711 5.19313 10.6217C5.14021 10.6217 5.09081 10.6217 5.03789 10.6217C5.00967 10.6041 4.97791 10.5865 4.99908 10.5441C5.26016 10.6041 5.51066 10.5759 5.76468 10.4912C5.9552 10.4277 6.14219 10.3536 6.3186 10.2583C6.65024 10.0819 6.98541 9.91259 7.32411 9.74677C7.49346 9.66209 7.70867 9.53508 7.938 9.62681C7.94859 9.63034 7.97681 9.59859 7.99445 9.58447C7.99445 9.63387 7.99445 9.68679 7.99445 9.73618Z"
fill="#7C7C7C"
/>
<path
d="M4.72754 10.9637C5.10152 10.9884 5.46492 11.0731 5.81773 11.2037C6.37164 11.4083 6.90791 11.4153 7.42655 11.0943C7.60295 10.9849 7.81111 10.9708 7.99457 10.8896C7.99457 10.9285 7.99457 10.9673 7.99457 11.0025C7.91343 11.0872 7.81464 11.1437 7.71585 11.2001C7.63471 11.2495 7.53945 11.2954 7.48652 11.3695C7.32776 11.6094 7.08785 11.6059 6.84441 11.6059C6.61508 11.6059 6.39281 11.5882 6.17054 11.5212C6.1529 11.5177 6.13526 11.5106 6.11762 11.5C5.76833 11.2954 5.3873 11.179 4.9992 11.0731C4.90394 11.0484 4.78752 11.0731 4.72754 10.9602V10.9637Z"
fill="#9B9B9B"
/>
<path
d="M6.1533 11.5036C6.1533 11.5036 6.17799 11.5036 6.19211 11.5036C6.46024 11.6341 6.74249 11.7329 7.03532 11.8C7.12353 11.8211 7.19409 11.807 7.26818 11.7541C7.45164 11.6235 7.61746 11.4789 7.76212 11.306C7.81857 11.239 7.87854 11.1473 7.9985 11.1966C7.9985 11.2355 7.9985 11.2743 7.9985 11.3131C7.83268 11.56 7.64922 11.7929 7.4587 12.0222C7.33521 12.1704 7.19409 12.1175 7.09177 12.0963C6.82364 12.0363 6.56256 11.9199 6.33676 11.7576C6.06862 11.5636 5.77932 11.426 5.47943 11.2954C5.44414 11.2813 5.41592 11.2531 5.3877 11.2319C5.44767 11.1755 5.50059 11.2178 5.56057 11.2319C5.76873 11.299 5.96631 11.3907 6.15682 11.4965L6.1533 11.5036Z"
fill="#A2A2A2"
/>
<path
d="M7.99446 10.7731C7.71574 10.8366 7.43702 10.8931 7.16535 10.9742C7.05245 11.006 6.92191 11.006 6.80196 11.0306C6.47737 11.0906 6.15279 11.006 5.83173 11.073C5.72588 11.0942 5.65179 11.0201 5.56006 11.0024C5.12963 10.9213 4.69567 10.8684 4.25466 10.8542C4.21585 10.8542 4.17704 10.8507 4.15234 10.8154C4.38167 10.8154 4.61453 10.8154 4.84385 10.8154C4.9497 10.7907 5.0626 10.7907 5.16844 10.8084C6.06811 10.9707 6.93955 10.8225 7.811 10.6037C7.87098 10.5896 7.93095 10.5544 7.99446 10.5861C7.99446 10.6496 7.99446 10.7131 7.99446 10.7766V10.7731Z"
fill="#909090"
/>
<path
d="M7.99427 11.1966C7.9096 11.2142 7.84609 11.2672 7.7967 11.3342C7.65205 11.5318 7.44742 11.6658 7.26748 11.8246C7.13694 11.941 7.0064 11.8387 6.88997 11.807C6.64653 11.7364 6.3784 11.7152 6.19141 11.5035C6.21257 11.4683 6.24433 11.4683 6.27255 11.4824C6.50188 11.62 6.7559 11.5529 6.99934 11.5529C7.15458 11.5529 7.31688 11.5141 7.44389 11.3589C7.58148 11.1895 7.78259 11.0731 7.9978 10.999C7.9978 11.0625 7.9978 11.126 7.9978 11.1931L7.99427 11.1966Z"
fill="#9F9F9F"
/>
<path
d="M5.72949 10.7347C6.07878 10.7065 6.41395 10.6359 6.74912 10.5124C6.98903 10.4242 7.19719 10.2725 7.45474 10.2161C7.64526 10.1773 7.81461 10.0255 7.99454 9.92676C7.99454 10.015 7.99454 10.1067 7.99454 10.1949C7.93104 10.336 7.78638 10.3501 7.66643 10.4031C7.27128 10.5795 6.87966 10.7664 6.43864 10.7911C6.421 10.7947 6.39983 10.7982 6.38219 10.7982C6.20226 10.8229 6.02233 10.8229 5.84239 10.8194C5.793 10.8053 5.72949 10.8123 5.73302 10.7347H5.72949Z"
fill="#838383"
/>
<path
d="M7.99503 8.92464C7.47287 8.92464 6.94718 8.86466 6.44266 9.04459C6.37563 9.06929 6.35446 9.00931 6.30859 9.00226C6.32271 8.86113 6.45678 8.89641 6.53439 8.84702C6.61201 8.80821 6.69316 8.7694 6.77078 8.73059C7.1377 8.69531 7.50462 8.6318 7.87508 8.6812C7.92094 8.68825 7.96328 8.69531 7.99856 8.73059C7.99856 8.7941 7.99856 8.8576 7.99856 8.92464H7.99503Z"
fill="#6C6C6C"
/>
<path
d="M7.99473 10.5795C7.5255 10.7806 7.02097 10.8159 6.52351 10.8899C5.98018 10.9711 5.44744 10.897 4.91116 10.8441C4.88999 10.8441 4.86882 10.8229 4.84766 10.8088C5.01701 10.703 5.19341 10.7841 5.36629 10.7876C5.7191 10.7947 6.07191 10.8441 6.42472 10.77C6.95041 10.7276 7.46552 10.6289 7.94181 10.3854C7.95945 10.3784 7.98062 10.3819 7.99826 10.3854C7.99826 10.4489 7.99826 10.5124 7.99826 10.5759L7.99473 10.5795Z"
fill="#8B8A8A"
/>
<path
d="M7.99444 10.3888C7.72983 10.5722 7.42641 10.671 7.11241 10.731C6.88661 10.7733 6.65375 10.7839 6.4209 10.7733C6.54085 10.6887 6.68903 10.7275 6.81958 10.6887C7.22531 10.5652 7.60987 10.3817 7.99091 10.1982C7.99091 10.2617 7.99091 10.3253 7.99091 10.3888H7.99444Z"
fill="#868686"
/>
<path
d="M7.99439 8.73383C7.68038 8.74089 7.36285 8.67738 7.04885 8.76559C6.96418 8.79028 6.86186 8.74442 6.7666 8.73383C6.90067 8.6421 7.03121 8.54684 7.18997 8.50098C7.4193 8.59271 7.66274 8.56801 7.89913 8.57859C7.93088 8.57859 7.96263 8.56801 7.99086 8.58565C7.99086 8.63504 7.99086 8.68797 7.99086 8.73736L7.99439 8.73383Z"
fill="#676868"
/>
<path
d="M7.99508 8.57875C7.86101 8.64225 7.72694 8.64931 7.57876 8.60344C7.4835 8.57522 7.37413 8.5858 7.27181 8.59639C7.1695 8.6105 7.15891 8.57522 7.19066 8.49407C7.19066 8.48349 7.19066 8.46937 7.19066 8.45879C7.25417 8.43409 7.31768 8.40587 7.38118 8.38117C7.58581 8.36706 7.79044 8.42351 7.99508 8.42351C7.99508 8.47643 7.99508 8.52582 7.99508 8.57875Z"
fill="#656565"
/>
<path
d="M7.99475 8.42708C7.78306 8.51881 7.58549 8.43414 7.38086 8.38474C7.41967 8.34593 7.46201 8.31065 7.50082 8.27184C7.55021 8.24715 7.60313 8.22245 7.65252 8.19775C7.76542 8.22598 7.88538 8.21187 7.99122 8.27184C7.99122 8.32477 7.99122 8.37416 7.99122 8.42708H7.99475Z"
fill="#606060"
/>
<path
d="M7.99495 8.27192C7.87499 8.27897 7.75504 8.28956 7.65625 8.19783C7.77621 8.15902 7.86088 8.04965 7.99495 8.03906C7.99495 8.11668 7.99495 8.1943 7.99495 8.27192Z"
fill="#5A5A5A"
/>
<path
d="M8.07592 9.81006C8.05828 9.91237 8.11473 10.0217 8.03711 10.117C8.03711 10.0147 8.03711 9.91237 8.03711 9.81006C8.05122 9.81006 8.06181 9.81006 8.07592 9.81006Z"
fill="#E2E2E2"
/>
<path
d="M9.19458 5.11752C9.14166 5.11752 9.09227 5.11752 9.03935 5.11752C8.97584 5.11752 8.91234 5.11752 8.8453 5.11752C8.76063 5.02579 8.72182 4.91289 8.68301 4.79646C8.52424 4.28489 8.37253 3.77331 8.19966 3.26879C8.13968 3.09591 8.13262 2.90892 8.07617 2.73252C8.07617 2.70782 8.07617 2.67959 8.07617 2.6549C8.07617 2.61609 8.07617 2.57728 8.07617 2.53847C8.14321 2.52436 8.13262 2.59492 8.1679 2.61962C8.22082 2.70429 8.27727 2.78897 8.30197 2.89128C8.35137 3.09944 8.48543 3.27232 8.55247 3.47695C8.56658 3.52281 8.60186 3.56515 8.57716 3.61807C8.67595 3.92502 8.8206 4.2108 8.94409 4.50716C9.02876 4.70826 9.1593 4.89525 9.19106 5.11752H9.19458Z"
fill="#181818"
/>
<path
d="M8.15319 2.61606C8.1285 2.59137 8.1038 2.56314 8.0791 2.53845C8.0791 2.50669 8.08263 2.47847 8.11791 2.46436C8.14261 2.51728 8.1673 2.56667 8.19553 2.61959C8.18142 2.63723 8.17083 2.63723 8.15672 2.61959L8.15319 2.61606Z"
fill="#3C3C3B"
/>
<path
d="M3.6907 10.505C3.666 10.5297 3.63778 10.5543 3.61308 10.579C3.56369 10.6814 3.45784 10.699 3.36964 10.7378C3.34847 10.7484 3.32377 10.7555 3.30261 10.7696C3.27791 10.7696 3.25321 10.7696 3.22852 10.7696C3.22852 10.4344 3.22852 10.1027 3.22852 9.76758C3.39081 10.004 3.48607 10.2862 3.6907 10.4979V10.505Z"
fill="#575757"
/>
<path
d="M3.30273 10.7697C3.30273 10.7697 3.33096 10.745 3.34507 10.7344C3.77197 10.5474 4.22357 10.6038 4.66811 10.6074C4.72104 10.6074 4.77043 10.618 4.80924 10.6603C5.11266 10.7485 5.42313 10.7485 5.73361 10.7379C5.76183 10.7838 5.8077 10.7732 5.85003 10.7767C5.85003 10.8473 5.79711 10.8332 5.75477 10.8367C5.45136 10.8367 5.15147 10.7944 4.84805 10.7767C4.33294 10.7767 3.81784 10.7767 3.30626 10.7767L3.30273 10.7697Z"
fill="#838384"
/>
<path
d="M4.84375 10.773C5.11894 10.7483 5.39061 10.8083 5.6658 10.8118C5.72578 10.8118 5.79634 10.833 5.84573 10.773C6.03978 10.773 6.2303 10.773 6.42435 10.773C6.33261 10.9106 6.19149 10.8401 6.07153 10.8471C5.66227 10.8754 5.25301 10.8118 4.84728 10.8118C4.84728 10.7977 4.84728 10.7871 4.84728 10.773H4.84375Z"
fill="#868686"
/>
<path
d="M3.7292 5.07867C3.6657 5.07867 3.60219 5.07867 3.53516 5.07867C3.70098 4.96577 3.9303 5.00457 4.07496 4.84934C4.13846 4.83523 4.20197 4.82464 4.269 4.81053C4.39249 4.82464 4.49833 4.75055 4.61476 4.73291C4.6571 4.83523 4.57948 4.85287 4.51244 4.87051C4.25136 4.94107 3.99028 5.0081 3.7292 5.07867Z"
fill="#8E8E8E"
/>
<path
d="M8.15332 2.61621C8.15332 2.61621 8.17802 2.61621 8.19213 2.61621C8.20624 2.63032 8.21683 2.64091 8.23094 2.65502C8.29797 2.75381 8.39676 2.83143 8.45321 2.9408C8.47438 2.99725 8.50966 3.04664 8.54847 3.08898C8.55905 3.10309 8.56964 3.1172 8.58022 3.13132C8.74957 3.3924 8.93656 3.64289 9.08474 3.91456C9.24704 4.24973 9.49048 4.53198 9.68099 4.84951C9.73392 4.93418 9.81859 5.00474 9.80801 5.11764C9.70569 5.11764 9.60338 5.11764 9.50106 5.11764C9.30701 4.79659 9.08827 4.48964 8.92951 4.15094C8.72487 3.72051 8.44968 3.32889 8.26975 2.88435C8.21683 2.79967 8.17449 2.71147 8.15332 2.61621Z"
fill="#313130"
/>
<path
d="M8.42159 2.96222C8.37219 2.84932 8.25576 2.77876 8.22754 2.65527C8.24165 2.65527 8.25224 2.65527 8.26635 2.65527C8.32633 2.747 8.40394 2.82462 8.49568 2.8846C8.56977 2.95164 8.62974 3.03278 8.68972 3.11393C8.90847 3.29033 9.08487 3.50555 9.25422 3.72429C9.4024 3.9642 9.63526 4.1265 9.82225 4.33113C10.0128 4.54282 10.2103 4.74745 10.415 4.94855C10.4573 4.99089 10.5138 5.04028 10.4608 5.11084C10.3726 5.11084 10.2809 5.11084 10.1927 5.11084C10.101 5.05086 10.0269 4.97325 9.95632 4.88857C9.48355 4.29585 8.96844 3.7384 8.53801 3.1104C8.50273 3.05395 8.45687 3.00808 8.42159 2.95516V2.96222Z"
fill="#3C3C3B"
/>
<path
d="M9.03861 11.8105C9.08095 11.8493 9.12328 11.814 9.13387 11.7893C9.22207 11.5847 9.41259 11.4753 9.57135 11.3448C9.98061 11.0096 10.4569 10.8649 10.9897 10.8438C11.4413 10.8261 11.8929 10.812 12.348 10.812C12.348 10.8261 12.348 10.8367 12.348 10.8508C12.3233 10.8508 12.2951 10.8508 12.2704 10.8508C11.7588 10.8297 11.2507 10.8614 10.7568 10.9743C10.2593 11.0872 9.80421 11.3024 9.44787 11.6905C9.18679 11.9763 8.93629 12.2656 8.68932 12.562C8.67168 12.5831 8.65052 12.6184 8.61523 12.5796C8.74225 12.3362 8.87279 12.0927 8.9998 11.8493C9.01391 11.8352 9.0245 11.8246 9.03861 11.8105Z"
fill="#C5C4C4"
/>
<path
d="M10.6871 8.88595C10.5283 8.81186 10.3696 8.74835 10.2178 8.90711C10.1826 8.9424 10.1332 8.91064 10.0908 8.89653C10.0485 8.88242 9.98852 8.87183 9.96735 8.91417C9.82622 9.17878 9.54045 9.10116 9.32523 9.18584C9.22997 9.22465 9.12413 9.23876 9.02534 9.29168C8.93008 9.34107 8.82424 9.45044 8.70075 9.32343C8.69017 9.31285 8.64078 9.31638 8.63019 9.33049C8.48907 9.52101 8.26327 9.4822 8.07628 9.54218C8.07628 9.35166 8.07981 9.15761 8.07628 8.96709C8.07275 8.80127 8.15743 8.70601 8.30561 8.66015C8.48554 8.6037 8.66547 8.57194 8.85246 8.54372C9.00417 8.52255 9.21939 8.54019 9.36051 8.37084C9.45224 8.26147 9.66746 8.34614 9.7486 8.17679C9.9991 8.33909 10.2037 8.05684 10.4507 8.10976C10.5812 8.13799 10.613 7.94394 10.7718 7.94394C10.9058 7.94394 11.0505 7.88396 11.2198 7.86279C11.1316 8.03567 11.0505 8.19444 10.9693 8.35673C10.9764 8.43082 10.9235 8.48021 10.8952 8.54372C10.9129 8.67426 10.8 8.74835 10.7576 8.85066C10.74 8.87183 10.7188 8.88595 10.6871 8.88947V8.88595Z"
fill="#E2E2E2"
/>
<path
d="M6.53086 8.84687C6.45677 8.89979 6.37915 8.94919 6.30506 9.00211C6.16394 9.07973 6.02282 9.15382 5.88169 9.23143C5.76526 9.22438 5.65236 9.18204 5.64884 9.05503C5.64178 8.70222 5.37717 8.5117 5.18312 8.27532C5.09139 8.16242 4.95732 8.06363 4.99613 7.88722C5.14784 7.98954 5.24663 8.1483 5.40187 8.25415C5.67353 8.43761 5.88875 8.38116 6.12513 8.20475C6.41796 7.98601 6.5979 7.67554 6.80253 7.38623C6.98246 7.45326 6.99658 7.4956 6.89073 7.66142C6.65788 8.01423 6.5979 8.42702 6.485 8.82217C6.485 8.8257 6.51322 8.83981 6.52734 8.84687H6.53086Z"
fill="#454545"
/>
<path
d="M4.99917 7.88714C5.0909 8.14822 5.28848 8.33168 5.47547 8.5222C5.57426 8.62099 5.65187 8.70919 5.6554 8.85737C5.6554 9.01967 5.69774 9.1749 5.8812 9.23135C5.80358 9.27369 5.72949 9.3125 5.65187 9.35484C5.57778 9.46774 5.479 9.5383 5.33434 9.52419C5.2285 9.45715 5.24967 9.35131 5.27789 9.26663C5.35904 9.02319 5.29906 8.80798 5.18263 8.58924C5.06621 8.36697 4.95331 8.15175 4.81571 7.94006C4.66753 7.71426 4.44173 7.6684 4.21593 7.59784C4.13126 7.57314 4.08539 7.61901 4.09245 7.71426C4.11362 8.00357 4.17007 8.28229 4.25121 8.55748C4.36764 8.9491 4.47348 9.34073 4.63578 9.71471C4.664 9.77821 4.67811 9.84877 4.64989 9.91934C4.62519 9.96873 4.58991 9.99695 4.53699 9.99695C4.41351 9.83466 4.41351 9.63003 4.34647 9.4501C4.20535 9.05848 4.04658 8.67391 3.96544 8.26465C3.95485 8.21526 3.96191 8.16233 3.95838 8.11294C3.90193 7.85892 3.87723 7.60136 3.8102 7.34734C3.78903 7.26619 3.79609 7.17799 3.87018 7.11801C3.94779 7.05451 4.02189 7.10743 4.07481 7.15682C4.29002 7.34381 4.56874 7.43554 4.79101 7.61548C4.8651 7.67545 4.91803 7.7566 4.96036 7.8448C4.97448 7.85892 4.98506 7.8695 4.99917 7.88361V7.88714Z"
fill="#454545"
/>
<path
d="M4.96068 7.84869C4.80897 7.64406 4.60434 7.51705 4.36443 7.42884C4.23742 7.38298 4.17038 7.22774 4.02926 7.18893C3.98339 7.17835 3.95517 7.0972 3.89872 7.15012C3.84932 7.19599 3.83874 7.26302 3.84932 7.33006C3.87402 7.48529 3.89166 7.64406 3.93047 7.7993C3.9587 7.90867 3.96222 8.01451 3.96222 8.12036C3.85638 7.83811 3.83521 7.53469 3.75406 7.24891C3.70114 7.05839 3.64117 6.87846 3.71878 6.67383C3.78935 6.70205 3.81051 6.76203 3.8458 6.81142C4.05395 7.09015 4.29387 7.31595 4.62904 7.44649C4.79839 7.51352 4.9254 7.65817 4.96421 7.85222L4.96068 7.84869Z"
fill="#454545"
/>
<path
d="M4.65332 10.1945C4.79092 10.124 4.95321 10.2228 5.09081 10.124C5.31308 9.96168 5.54946 9.81703 5.77173 9.6512C5.97636 9.49597 6.17747 9.31251 6.41385 9.23842C6.60084 9.18197 6.78783 9.09376 6.99599 9.08318C7.31705 9.06554 7.63811 9.0232 7.95916 9.04437C7.95564 9.07965 7.9768 9.14316 7.92388 9.1361C7.49345 9.09023 7.08419 9.21725 6.66787 9.28075C6.5585 9.29839 6.53028 9.38307 6.45619 9.41835C6.23039 9.52772 6.0434 9.70765 5.83171 9.82408C5.67295 9.91229 5.53888 10.0887 5.32013 10.0781C5.24957 10.0746 5.27074 10.1875 5.19312 10.2192C5.0026 10.3004 4.82973 10.2545 4.65332 10.1945Z"
fill="#717171"
/>
<path
d="M4.65338 9.92641C4.49462 9.60535 4.40642 9.25607 4.29704 8.91737C4.1665 8.51869 4.06066 8.10237 4.03596 7.67547C4.02891 7.57668 4.06772 7.51318 4.1665 7.5414C4.41347 7.61197 4.6675 7.64019 4.84743 7.89069C5.05912 8.18352 5.1826 8.51516 5.35548 8.82211C5.44015 8.97029 5.34137 9.11847 5.32373 9.26665C5.31314 9.3478 5.27786 9.42894 5.34842 9.49951C5.36254 9.52068 5.37312 9.55243 5.35548 9.56654C5.15438 9.72178 4.9568 9.88054 4.69219 9.92288C4.68161 9.92288 4.6675 9.92288 4.65691 9.92288L4.65338 9.92641Z"
fill="#434343"
/>
<path
d="M4.69238 9.93006C4.87937 9.82422 5.06636 9.71485 5.24982 9.609C5.29216 9.58431 5.34508 9.56667 5.34861 9.50316C5.46504 9.48552 5.55324 9.4079 5.65556 9.35498C5.6979 9.59136 5.48974 9.63017 5.3592 9.7219C5.25688 9.79599 5.14751 9.84186 5.06283 9.95123C4.94994 10.0959 4.76295 10.0747 4.69238 9.93359V9.93006Z"
fill="#6C6C6C"
/>
<path
d="M9.22925 3.73108C9.04226 3.53351 8.84822 3.33946 8.68945 3.11719C8.76002 3.11014 8.80941 3.14189 8.8588 3.18775C9.27159 3.56526 9.68085 3.94983 10.1042 4.31322C10.3441 4.51785 10.6123 4.69426 10.8698 4.88125C10.958 4.94476 11.0533 4.99768 11.0745 5.11763C10.958 5.11763 10.8451 5.11763 10.7287 5.11763C10.4747 4.97298 10.3089 4.72954 10.0831 4.55314C9.77611 4.30617 9.49386 4.02745 9.22573 3.73461L9.22925 3.73108Z"
fill="#414141"
/>
<path
d="M8.69307 3.1136C8.61192 3.0501 8.52019 2.99718 8.49902 2.88428C8.62956 2.90545 8.66837 3.00423 8.69307 3.1136Z"
fill="#414141"
/>
<path
d="M3.72949 5.07884C3.96235 4.96594 4.2199 4.93418 4.46334 4.84951C4.53037 4.82481 4.60446 4.82129 4.61505 4.73308C5.14779 4.60254 5.64173 4.37321 6.12155 4.11213C6.5167 3.89692 6.88715 3.64289 7.1941 3.31125C7.24702 3.2548 7.30347 3.20188 7.38462 3.19482C7.28936 3.40298 7.10943 3.54058 6.95419 3.69229C6.60843 4.03452 6.2027 4.30265 5.75463 4.49317C5.4124 4.63782 5.05959 4.75072 4.69972 4.84951C4.37867 4.93771 4.06113 5.04003 3.72949 5.08237V5.07884Z"
fill="#8B8A8A"
/>
<path
d="M7.1549 5.11764C7.1937 4.90949 7.33483 4.74366 7.39481 4.54256C7.50418 4.18269 7.67 3.83694 7.72998 3.46296C7.67 3.28655 7.76879 3.13132 7.81465 2.97608C7.84641 2.87024 7.88874 2.76439 7.9205 2.65502C7.9205 2.64091 7.9205 2.63032 7.92402 2.61621C7.984 2.6903 7.96283 2.77498 7.94872 2.85259C7.81465 3.56527 7.63472 4.26384 7.39481 4.94477C7.34894 5.07884 7.28544 5.13528 7.15137 5.11412L7.1549 5.11764Z"
fill="#5D5D5D"
/>
<path
d="M4.99947 5.11785C4.93596 5.11785 4.87246 5.11785 4.80895 5.11785C4.59021 5.11785 4.37147 5.11785 4.15625 5.11785C4.47025 5.02611 4.79131 4.9485 5.10884 4.87793C5.58866 4.77209 6.01557 4.57452 6.42483 4.31696C6.95052 3.98532 7.28216 3.47374 7.65967 3.00098C7.65967 3.03979 7.65967 3.0786 7.65967 3.1174C7.65967 3.14563 7.64908 3.17033 7.63497 3.19502C7.36683 3.60781 7.09164 4.01355 6.71766 4.34519C6.38955 4.63449 6.02615 4.86029 5.59572 4.98378C5.40167 5.04023 5.20057 5.06492 5.00653 5.11785H4.99947Z"
fill="#838383"
/>
<path
d="M7.92072 2.65137C7.89956 2.93009 7.7796 3.18764 7.73021 3.45931C7.59614 3.62865 7.60319 3.85093 7.50088 4.03439C7.38798 4.23196 7.37034 4.46835 7.23274 4.65181C7.14101 4.79999 7.10573 4.97287 6.99989 5.11399C6.96108 5.11399 6.92227 5.11399 6.88346 5.11399C6.86935 5.11399 6.85876 5.11399 6.84465 5.11399C6.7882 5.02932 6.85171 4.96934 6.89051 4.90936C6.96461 4.7894 7.0387 4.67298 7.09515 4.54244C7.16571 4.45776 7.2151 4.3625 7.23627 4.25313C7.40209 3.9356 7.53263 3.60749 7.64906 3.27232C7.66317 3.21939 7.68081 3.16647 7.70551 3.11355C7.74079 3.03946 7.77607 2.96184 7.80782 2.88422C7.84663 2.8066 7.88544 2.72899 7.92072 2.65137Z"
fill="#676767"
/>
<path
d="M7.80783 2.88428C7.81842 2.97248 7.76197 3.03951 7.73022 3.1136C7.72316 3.11713 7.7161 3.12419 7.70905 3.12772C7.70199 3.12419 7.69493 3.11713 7.69141 3.1136C7.70905 3.0254 7.7408 2.94778 7.80783 2.88428Z"
fill="#787878"
/>
<path
d="M7.61387 3.15258C7.61387 3.15258 7.63857 3.12788 7.65268 3.11377C7.66679 3.11377 7.67738 3.11377 7.69149 3.11377C7.73735 3.17728 7.67385 3.21961 7.65621 3.27253C7.63504 3.27959 7.6174 3.27606 7.60329 3.26195C7.58917 3.22314 7.58917 3.18433 7.61387 3.14905V3.15258Z"
fill="#787878"
/>
<path
d="M10.7295 8.84698C10.7824 8.74467 10.8389 8.64235 10.8918 8.54004C10.9482 8.54004 10.9941 8.57179 11.0153 8.62119C11.1776 8.95988 11.4034 9.2633 11.5586 9.60553C11.6256 9.75371 11.7456 9.88072 11.8056 10.036C11.8267 10.0924 11.8797 10.1524 11.795 10.2018C11.6221 10.2265 11.5233 10.0748 11.3787 10.0324C11.3257 9.99362 11.2693 9.9654 11.2481 9.89836C11.1388 9.56672 10.9659 9.2633 10.793 8.96341C10.7718 8.9246 10.733 8.89638 10.7295 8.85051V8.84698Z"
fill="#191919"
/>
<path
d="M11.392 9.98665C11.5261 10.0572 11.6637 10.1278 11.7978 10.1983C11.8436 10.2336 11.886 10.2689 11.9318 10.3042C11.7307 10.3359 11.579 10.1948 11.3991 10.1454C11.0181 10.036 10.637 9.96548 10.2419 9.94079C10.1925 9.94079 10.1572 9.99018 10.1113 9.9549C10.1325 9.88081 10.1678 9.81377 10.2242 9.75732C10.5629 9.76438 10.891 9.82083 11.2121 9.93373C11.2721 9.9549 11.325 9.99018 11.392 9.98665Z"
fill="#8A8989"
/>
<path
d="M9.84351 10.4241C9.84704 10.3711 9.87527 10.3323 9.91408 10.3041C10.4927 10.2018 11.0607 10.2759 11.6217 10.4276C11.6711 10.4417 11.724 10.4346 11.7663 10.4664C11.9357 10.4664 12.0803 10.5511 12.2285 10.6216C12.0592 10.6746 11.9075 10.5687 11.7416 10.5652C11.7205 10.5652 11.6993 10.5617 11.6781 10.5546C11.3112 10.5264 10.9478 10.4311 10.5774 10.4452C10.3621 10.4523 10.1434 10.4276 9.93172 10.4735C9.89996 10.4805 9.83646 10.5052 9.83998 10.4241H9.84351Z"
fill="#9F9F9F"
/>
<path
d="M11.7702 10.463C11.5515 10.4242 11.3327 10.3889 11.114 10.3466C10.7435 10.276 10.3696 10.2831 9.99912 10.3325C9.96383 10.336 9.93914 10.3325 9.91797 10.3007C9.93208 10.276 9.94619 10.2513 9.96031 10.2266C10.1649 10.2301 10.3696 10.2231 10.5742 10.2054C10.8388 10.1808 11.0858 10.2831 11.3398 10.3325C11.488 10.3607 11.6432 10.3713 11.7738 10.4665L11.7702 10.463Z"
fill="#9B9B9B"
/>
<path
d="M11.7312 10.5404C11.9041 10.5192 12.0593 10.6251 12.2322 10.618C12.2322 10.6321 12.2322 10.6427 12.2322 10.6568C12.0593 10.6639 11.8935 10.6392 11.7312 10.5792C11.7171 10.5722 11.7136 10.5616 11.7171 10.5545C11.7206 10.5475 11.7241 10.5404 11.7312 10.5404Z"
fill="#A5A4A4"
/>
<path
d="M6.15327 11.5036C6.10035 11.5671 6.05448 11.5318 6.00862 11.493C5.82868 11.3378 5.60994 11.2813 5.38414 11.2355C4.84434 11.0555 4.29748 10.925 3.72946 10.8897C3.67653 10.8826 3.61656 10.9073 3.57422 10.8509C3.96231 10.8403 4.34688 10.8968 4.72791 10.9673C4.87256 11.0061 5.01722 11.0485 5.16187 11.0837C5.4547 11.1508 5.72637 11.2637 6.00156 11.3766C6.06154 11.4013 6.14269 11.4154 6.14974 11.5071L6.15327 11.5036Z"
fill="#9F9F9F"
/>
<path
d="M8.07617 2.72911C8.23847 3.12779 8.33725 3.54764 8.47838 3.95337C8.60186 4.30618 8.67595 4.67663 8.83472 5.01886C8.84883 5.04709 8.84177 5.08237 8.8453 5.11412C8.47485 5.11412 8.49249 5.11059 8.41487 4.75778C8.30903 4.26737 8.2173 3.77344 8.13968 3.27597C8.11145 3.09604 8.09734 2.90905 8.07617 2.72559V2.72911Z"
fill="#121213"
/>
<path
d="M8.26953 2.88428C8.50944 3.27943 8.73171 3.68163 8.94693 4.09089C9.10569 4.39078 9.28563 4.68009 9.45851 4.97292C9.48673 5.01879 9.50437 5.06465 9.50084 5.11405C9.3068 5.09288 9.26799 4.92353 9.1939 4.78946C8.97868 4.40137 8.82697 3.98505 8.57648 3.6146C8.47416 3.37116 8.30834 3.15241 8.26953 2.88428Z"
fill="#262626"
/>
<path
d="M9.80819 5.11768C9.64943 4.87777 9.49066 4.64138 9.33542 4.40147C9.23311 4.24271 9.08846 4.11569 9.03906 3.92518C9.12021 3.90048 9.15902 3.96046 9.1943 4.00985C9.44127 4.35208 9.70235 4.68372 9.94579 5.02948C9.96343 5.05417 9.97754 5.08592 9.96343 5.11768C9.93873 5.11768 9.91051 5.11768 9.88581 5.11768C9.86111 5.11768 9.83642 5.11768 9.80819 5.11768Z"
fill="#333332"
/>
<path
d="M7 5.11404C7.03881 4.94116 7.09173 4.77534 7.23286 4.65186C7.19405 4.82473 7.17641 5.00819 7 5.11404Z"
fill="#636363"
/>
<path
d="M9.22949 3.73096C9.3565 3.73801 9.40237 3.85797 9.47293 3.92853C9.77282 4.21784 10.0904 4.48597 10.3973 4.76469C10.5137 4.87054 10.6549 4.9658 10.7325 5.11751C10.669 5.11751 10.6055 5.11751 10.5384 5.11751C10.5137 5.11751 10.4855 5.11751 10.4608 5.11751C10.4537 5.09281 10.4537 5.06106 10.4396 5.04694C10.1362 4.73294 9.82222 4.42952 9.52585 4.10494C9.42001 3.98851 9.25066 3.91795 9.22949 3.73096Z"
fill="#3E3E3E"
/>
<path
d="M7.61396 3.15234C7.61396 3.19115 7.61396 3.22996 7.61396 3.26877C7.64571 3.30405 7.62807 3.33933 7.6069 3.37109C7.48341 3.51221 7.41638 3.68862 7.31407 3.84385C7.10943 4.16138 6.90128 4.47186 6.5908 4.70471C6.39676 4.84937 6.23446 5.03636 5.99455 5.1175C5.90635 5.1175 5.81462 5.1175 5.72641 5.1175C5.48297 5.1175 5.23953 5.1175 4.99609 5.1175C5.18661 5.00108 5.41241 4.99049 5.62057 4.92699C6.07217 4.78939 6.43556 4.53184 6.77426 4.21783C7.10943 3.90736 7.33876 3.51221 7.61396 3.15587V3.15234Z"
fill="#7F7F7F"
/>
<path
d="M9.96322 5.11763C9.70567 4.76835 9.44812 4.41906 9.19057 4.06978C9.14823 4.01333 9.10589 3.96041 9.04239 3.92513C8.91537 3.72755 8.78483 3.52998 8.66135 3.32887C8.61901 3.26184 8.55198 3.20186 8.54492 3.11719C8.81306 3.37121 9.0071 3.68521 9.25054 3.96041C9.53985 4.29205 9.82563 4.63428 10.1114 4.97298C10.1467 5.01531 10.1714 5.06824 10.2031 5.11763C10.1255 5.11763 10.0479 5.11763 9.97381 5.11763H9.96322Z"
fill="#373737"
/>
<path
d="M5.99805 5.11768C6.20268 4.95892 6.40731 4.80015 6.60841 4.63786C6.88008 4.41912 7.07765 4.13334 7.26817 3.84403C7.37401 3.68174 7.43399 3.48769 7.57864 3.3501C7.63156 3.44183 7.55395 3.50886 7.53278 3.58648C7.32109 4.05219 7.06001 4.48262 6.71778 4.86366C6.62252 4.9695 6.50962 5.04712 6.38967 5.11768C6.36497 5.11768 6.33675 5.11768 6.31205 5.11768C6.20973 5.11768 6.10742 5.11768 6.0051 5.11768H5.99805Z"
fill="#787878"
/>
<path
d="M6.38206 5.11785C6.45967 4.9485 6.63608 4.88499 6.75251 4.7474C7.05593 4.39106 7.26761 3.97827 7.49694 3.57959C7.54633 3.81597 7.36287 3.97474 7.28525 4.16526C7.26761 4.21112 7.22175 4.2464 7.22175 4.29933C7.21469 4.33813 7.19705 4.36636 7.17235 4.39458C7.10885 4.44398 7.07709 4.50748 7.05593 4.58157C7.03476 4.63097 7.00653 4.67331 6.97478 4.71564C6.9148 4.77915 6.84777 4.83913 6.81249 4.9238C6.76309 5.02964 6.66783 5.07198 6.56905 5.11785H6.375H6.38206Z"
fill="#737474"
/>
<path
d="M6.57617 5.11771C6.74905 5.01892 6.79139 4.79665 6.96074 4.69434C6.98543 4.89191 6.82314 4.98717 6.73141 5.11771C6.6926 5.11771 6.65379 5.11771 6.61498 5.11771C6.60087 5.11771 6.59028 5.11771 6.57617 5.11771Z"
fill="#6F6F6F"
/>
<path
d="M6.73145 5.11789C6.76673 4.9556 6.92549 4.85681 6.96077 4.69452C6.98547 4.65571 7.01369 4.6169 7.03839 4.57809C7.0525 4.56045 7.06662 4.53928 7.09131 4.53223C7.09837 4.53223 7.10543 4.53928 7.11601 4.53928C7.13365 4.69805 7.00664 4.79331 6.94313 4.91679C6.91138 4.98383 6.85493 5.03675 6.84787 5.11437C6.80906 5.11437 6.77025 5.11437 6.73145 5.11437V5.11789Z"
fill="#6E6E6E"
/>
<path
d="M9.8435 10.424C10.1399 10.3852 10.4397 10.3676 10.7361 10.3923C11.0572 10.4205 11.3818 10.4311 11.6922 10.5404C11.5652 10.5863 11.4347 10.544 11.3077 10.5404C10.8702 10.4769 10.4362 10.491 10.0023 10.5545C9.93523 10.5651 9.83644 10.6216 9.80469 10.4946C9.8188 10.4699 9.83291 10.4452 9.8435 10.4205V10.424Z"
fill="#A5A4A4"
/>
<path
d="M9.80456 10.4979C9.95627 10.5826 10.1115 10.5155 10.2597 10.4944C10.616 10.445 10.9653 10.445 11.3111 10.5438C10.9053 10.5438 10.4961 10.5296 10.0903 10.5826C9.97038 10.5967 9.85748 10.6672 9.73047 10.6214C9.75517 10.5826 9.77986 10.5402 9.80456 10.5014V10.4979Z"
fill="#A9A8A8"
/>
<path
d="M11.3076 10.5403C11.4346 10.4909 11.5652 10.5685 11.6922 10.5403C11.7063 10.5403 11.7169 10.5403 11.731 10.5403V10.5791C11.5899 10.5579 11.4417 10.6215 11.3076 10.5403Z"
fill="#A9A8A8"
/>
<path
d="M10.7294 8.84717C10.8176 8.89303 10.8705 8.97065 10.9129 9.05885C11.0258 9.28818 11.1422 9.51398 11.2516 9.74331C11.2727 9.78565 11.3363 9.83504 11.2622 9.89149C11.1528 9.94088 11.0893 9.8421 11.0046 9.80682C10.9058 9.76448 10.8176 9.69744 10.7224 9.64805C10.6306 9.56338 10.486 9.54926 10.4189 9.42931C10.4719 9.23173 10.6342 9.08708 10.6836 8.88951C10.6977 8.87539 10.7118 8.86481 10.7259 8.8507L10.7294 8.84717Z"
fill="#141414"
/>
<path
d="M10.7327 9.60572C10.9091 9.70098 11.089 9.79271 11.2654 9.88797C11.3077 9.91972 11.3501 9.955 11.3924 9.98675C11.3642 10.0467 11.3254 10.0256 11.2795 10.0079C10.962 9.8915 10.6339 9.83857 10.3022 9.80329C10.274 9.80329 10.2493 9.77507 10.2246 9.75743C10.2528 9.67628 10.2881 9.59866 10.3481 9.53516C10.4575 9.56691 10.5704 9.58455 10.6762 9.62336C10.7009 9.63042 10.7468 9.69392 10.7362 9.60219L10.7327 9.60572Z"
fill="#838383"
/>
<path
d="M10.7322 9.60534C10.7322 9.63003 10.7357 9.65473 10.7393 9.6759C10.6087 9.62651 10.4429 9.67943 10.3477 9.5383C10.3653 9.49597 10.3759 9.44657 10.4217 9.42188C10.5311 9.47127 10.644 9.52066 10.7322 9.60181V9.60534Z"
fill="#7B7A7A"
/>
<path
d="M4.80537 10.657C4.44903 10.6676 4.09269 10.6359 3.73635 10.6711C3.60228 10.6852 3.48232 10.7629 3.34473 10.7346C3.41882 10.657 3.52466 10.6323 3.61286 10.5794C4.02212 10.5194 4.43491 10.4841 4.85123 10.5194C4.90063 10.523 4.95002 10.5335 4.99941 10.5406C5.01353 10.5653 5.02411 10.5935 5.03822 10.6182C4.97472 10.7029 4.8724 10.5653 4.80889 10.657H4.80537Z"
fill="#7D7C7D"
/>
<path
d="M5.18945 10.6182C5.26707 10.6323 5.33763 10.6711 5.41878 10.657C5.33058 10.7205 5.24943 10.717 5.18945 10.6182Z"
fill="#7D7C7D"
/>
<path
d="M8.42188 2.96191C8.48185 2.9972 8.53477 3.03953 8.5383 3.11715C8.47832 3.08187 8.4254 3.03953 8.42188 2.96191Z"
fill="#373737"
/>
<path
d="M4.42099 8.41291C4.42099 8.35646 4.42099 8.31412 4.42805 8.27884C4.4598 8.15888 4.53389 8.06715 4.65737 8.04951C4.77027 8.0354 4.80908 8.15183 4.83025 8.22592C4.95021 8.64224 5.08427 9.06208 4.86906 9.48898C4.84436 9.53838 4.83378 9.60894 4.75969 9.60188C4.69971 9.59483 4.6856 9.53485 4.66796 9.48898C4.58681 9.2773 4.53036 9.05855 4.5233 8.83275C4.51978 8.67752 4.38924 8.55403 4.42099 8.41291Z"
fill="#404040"
/>
<path
d="M7.19043 4.30977C7.22571 4.12631 7.37036 3.9993 7.43387 3.82995C7.46562 3.7488 7.51149 3.67118 7.5009 3.57945C7.5256 3.50184 7.55383 3.42422 7.57852 3.35013C7.61028 3.33249 7.61733 3.30426 7.61733 3.27251C7.63144 3.27251 7.64203 3.27251 7.65614 3.27251C7.67025 3.25487 7.68084 3.25487 7.69495 3.27251C7.59263 3.62179 7.45504 3.95696 7.27158 4.27449C7.25041 4.29566 7.23982 4.338 7.19396 4.3133L7.19043 4.30977Z"
fill="#6F6F6F"
/>
<path
d="M7.19004 4.30981C7.21473 4.29569 7.24296 4.28511 7.26766 4.271C7.25707 4.3839 7.23943 4.49327 7.11242 4.53913C7.08419 4.47915 7.11595 4.42976 7.15123 4.3839C7.16534 4.3592 7.17592 4.33097 7.19004 4.30628V4.30981Z"
fill="#6E6E6E"
/>
<path
d="M7.69115 3.26901C7.69115 3.26901 7.66646 3.26901 7.65234 3.26901C7.66646 3.21609 7.67704 3.16669 7.69115 3.11377C7.70527 3.11377 7.71585 3.11377 7.72996 3.11377C7.73702 3.17022 7.71585 3.21961 7.69115 3.26901Z"
fill="#737474"
/>
<path
d="M7.15158 4.38379C7.15864 4.44024 7.141 4.48963 7.11277 4.53903C7.08808 4.55314 7.05985 4.56372 7.03516 4.57784C7.04221 4.49316 7.04221 4.40849 7.15158 4.38379Z"
fill="#6F6F6F"
/>
</svg>
);
};
export default CursorSVG;

162
src/frontend/src/icons/Cursor/cursor.svg Normal file
View file

@ -0,0 +1,162 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M0 7.98255C0 6.70537 0 5.43172 0.00352811 4.15454C0.00352811 3.6218 0.0352811 3.09258 0.179934 2.57395C0.56097 1.2121 1.68644 0.245393 3.0871 0.0760435C3.50342 0.0231218 3.91974 0.00195312 4.33605 0.00195312C6.77751 0.00195312 9.22249 0.00195312 11.6639 0.00195312C12.2602 0.00195312 12.8565 0.0231218 13.4351 0.185415C14.7828 0.559395 15.753 1.68839 15.9259 3.082C15.9753 3.49479 16 3.9111 16 4.32742C16 6.77593 16 9.22445 16 11.6765C16 12.2657 15.9788 12.8549 15.8201 13.43C15.439 14.7918 14.3171 15.7585 12.9129 15.9279C12.5001 15.9773 12.0838 15.9984 11.6675 15.9984C9.22602 15.9984 6.78104 15.9984 4.33958 15.9984C3.74333 15.9984 3.14708 15.9773 2.56847 15.815C1.22073 15.441 0.250496 14.312 0.0811466 12.9184C0.0211687 12.495 0 12.0681 0 11.6377C0 10.4205 0 9.19975 0 7.98255Z" fill="#010101"/>
<path d="M12.8034 5.19903C12.8034 5.19903 12.8105 5.2202 12.8069 5.23078C12.7928 5.24489 12.7822 5.25901 12.7681 5.27312C11.8049 5.84467 10.8382 6.39859 9.87154 6.96661C9.2647 7.32295 8.6614 7.67929 8.0475 8.02505C8.02986 8.0321 8.01222 8.0321 7.99106 8.0321C7.83582 7.97565 7.70175 7.87687 7.5571 7.80278C7.46889 7.71457 7.3313 7.70399 7.23604 7.61931C7.11255 7.52406 6.97496 7.44997 6.83736 7.3794C6.76327 7.32295 6.6786 7.28062 6.60098 7.23122C6.55511 7.19594 6.50219 7.17124 6.44927 7.14655C6.38224 7.11127 6.32226 7.06893 6.25875 7.03365C6.23053 7.01954 6.19877 7.00189 6.17055 6.98425C6.0894 6.92075 5.99414 6.88194 5.90241 6.83255C5.75423 6.73729 5.60252 6.64203 5.44376 6.56794C5.29558 6.46562 5.13328 6.38447 4.97452 6.2998C4.44177 5.97521 3.90903 5.6471 3.35511 5.36132C3.32336 5.35426 3.29513 5.34015 3.27044 5.32251C3.22457 5.26959 3.16107 5.21667 3.27044 5.1708C3.36217 5.14258 3.46096 5.14258 3.55621 5.14258C6.51277 5.14258 9.46934 5.14258 12.4259 5.14258C12.5529 5.14258 12.6799 5.14258 12.7999 5.20256L12.8034 5.19903Z" fill="white"/>
<path d="M6.47031 7.11105C6.52676 7.12163 6.57262 7.15338 6.61143 7.19219C6.63965 7.24864 6.64318 7.30156 6.60437 7.35449C6.38563 7.62615 6.1563 7.87665 5.78585 7.94368C5.54594 7.98602 5.33778 7.92957 5.17196 7.75669C4.91441 7.48855 4.63569 7.24864 4.29699 7.07929C4.13117 6.99815 4.03591 6.83232 3.94065 6.68414C3.75719 6.39484 3.51375 6.14081 3.39379 5.80917C3.51022 6.27488 3.53139 6.75118 3.609 7.22042C3.64781 7.44269 3.70426 7.66496 3.72896 7.89076C3.75013 8.08481 3.84539 8.27885 3.89478 8.47643C4.01474 8.93861 4.15233 9.39726 4.38519 9.82064C4.42753 9.89473 4.40989 9.98293 4.43811 10.0641C4.43811 10.0852 4.43811 10.1029 4.43106 10.1205C4.37461 10.177 4.3111 10.2123 4.22642 10.2123C4.14175 10.1629 4.16997 10.0641 4.14175 9.99352C4.00415 9.62306 3.84186 9.26672 3.70779 8.89627C3.64781 8.72692 3.58784 8.55757 3.56667 8.38117C3.54197 8.17654 3.45024 7.99307 3.41143 7.7955C3.35851 7.53795 3.3444 7.2804 3.31617 7.01931C3.295 6.81116 3.26678 6.60653 3.24561 6.39837C3.27031 6.1514 3.24561 5.9009 3.24561 5.74919C3.24561 6.32428 3.29147 6.99462 3.28089 7.66496C3.27383 7.96485 3.29147 8.26474 3.28442 8.5611C3.25972 8.72339 3.30911 8.89274 3.24914 9.05504C3.23502 9.07973 3.21386 9.08679 3.18916 9.07621C3.18916 7.80256 3.18916 6.52538 3.18563 5.25173C3.18563 5.21292 3.1821 5.17411 3.22091 5.14941C3.24561 5.16 3.24561 5.17411 3.22444 5.19175C3.21033 5.25879 3.28795 5.25879 3.30559 5.30112C3.33028 5.36816 3.3832 5.41755 3.4079 5.48458C3.42554 5.53398 3.4573 5.57632 3.48199 5.62218C3.57019 5.81623 3.71838 5.97852 3.79599 6.1761C4.02179 6.51832 4.26876 6.84291 4.67449 6.99109C4.75564 7.02284 4.81562 7.07576 4.87207 7.13927C5.04495 7.34743 5.26369 7.4815 5.51419 7.57676C5.60592 7.61204 5.68706 7.60498 5.77174 7.56617C6.01165 7.4568 6.25156 7.34037 6.41386 7.1181C6.42797 7.10046 6.44208 7.09693 6.46325 7.11105H6.47031Z" fill="#4A4A4A"/>
<path d="M8.27032 2.53857C9.11001 3.02545 9.9497 3.51233 10.7894 3.99921C11.368 4.33791 11.9466 4.67308 12.5252 5.01178C12.5746 5.04001 12.6311 5.05765 12.6593 5.1141C12.4264 5.19877 12.183 5.13527 11.9466 5.15291C11.174 4.69425 10.3872 4.26735 9.66039 3.72755C9.1841 3.37474 8.71839 3.00429 8.2562 2.63383C8.22563 2.58209 8.23033 2.55033 8.27032 2.53857Z" fill="#474747"/>
<path d="M3.65137 4.92374C4.21939 4.58857 4.78389 4.2534 5.35192 3.92175C6.22336 3.41018 7.09128 2.8986 7.96272 2.38702C8.0227 2.36585 8.01917 2.40819 8.01917 2.44347C8.01212 2.46111 8.00506 2.47523 7.99095 2.48934C7.95567 2.51756 7.92039 2.54226 7.88511 2.56696C7.77926 2.63046 7.7087 2.73278 7.60991 2.80687C6.51972 3.71712 5.24255 4.30279 3.96537 4.88493C3.89481 4.91315 3.8313 4.95549 3.76074 4.97666C3.7184 4.99077 3.65842 5.01547 3.65137 4.93079V4.92374Z" fill="#969696"/>
<path d="M12.8109 10.5792C12.7968 10.6674 12.8497 10.7662 12.7756 10.8508C12.7545 10.8261 12.7263 10.812 12.7016 10.7909C12.6627 10.7626 12.6169 10.745 12.5745 10.7203C12.5322 10.6921 12.4899 10.6674 12.4405 10.6533C12.3699 10.618 12.2852 10.6003 12.25 10.5157C12.2464 10.498 12.2429 10.4804 12.2464 10.4627C12.2535 10.2405 12.1159 10.0782 12.003 9.90882C11.756 9.53484 11.5338 9.14675 11.3009 8.76219C11.248 8.67398 11.1915 8.58931 11.128 8.50816C11.0716 8.43407 11.0398 8.35293 11.0469 8.25767C11.0539 8.18358 11.0857 8.13065 11.1562 8.10596C11.2727 8.11301 11.3362 8.19769 11.3926 8.28236C11.7137 8.79394 12.1124 9.25612 12.3734 9.80651C12.4405 9.94411 12.5428 10.0605 12.6275 10.1875C12.7086 10.311 12.7756 10.438 12.8109 10.5792Z" fill="#232323"/>
<path d="M12.8109 10.5793C12.5498 10.1489 12.3099 9.70084 12.0241 9.28806C11.7454 8.89291 11.5337 8.44484 11.1632 8.11672C11.1421 7.98265 11.2056 7.89798 11.3149 7.83447C11.4243 7.88387 11.4878 7.98265 11.5584 8.07086C11.7983 8.37075 12.0417 8.66711 12.2499 8.98817C12.3698 9.17163 12.4792 9.35862 12.638 9.51033C12.7332 9.60206 12.7579 9.7326 12.8179 9.8455C12.8179 10.0889 12.8179 10.3324 12.8179 10.5758L12.8109 10.5793Z" fill="#262626"/>
<path d="M12.8108 8.50105C12.8108 8.7586 12.8108 9.01263 12.8108 9.27018C12.5639 9.14317 12.3663 8.94206 12.2393 8.70921C12.1017 8.45871 11.9041 8.28231 11.7277 8.07767C11.6113 7.94361 11.4772 7.82365 11.4102 7.65077C11.4384 7.50965 11.4842 7.37558 11.6183 7.29443C11.8088 7.52023 12.0487 7.70017 12.2322 7.92949C12.3627 8.09179 12.4968 8.23644 12.6732 8.34228C12.7367 8.38109 12.765 8.4446 12.8108 8.49752V8.50105Z" fill="#2E2E2D"/>
<path d="M12.3486 11.0765C12.1686 11.1788 12.0063 11.3094 11.8087 11.3835C11.4489 11.454 11.1137 11.5811 10.7891 11.7575C10.3411 12.0009 9.89651 12.2585 9.46961 12.5336C9.16266 12.7312 8.84513 12.9076 8.56641 13.1475C8.48174 13.1969 8.4394 13.3345 8.30533 13.2745C8.29122 13.1758 8.37237 13.1264 8.42881 13.0699C8.7287 12.7771 9.0674 12.5407 9.41316 12.3078C9.78361 12.0609 10.1223 11.768 10.5139 11.5422C10.895 11.3235 11.3042 11.2212 11.7135 11.1083C11.8617 11.0695 12.0099 11.0307 12.1651 11.0095C12.2357 10.9989 12.3203 10.9636 12.3521 11.073L12.3486 11.0765Z" fill="#D8D8D7"/>
<path d="M12.3487 11.0767C12.2569 10.9955 12.1652 11.0625 12.077 11.0837C11.6254 11.179 11.1667 11.2601 10.754 11.4718C10.4223 11.6447 10.0871 11.8176 9.80489 12.0716C9.44855 12.3891 9.01106 12.5973 8.66178 12.9219C8.5383 13.0348 8.41481 13.1406 8.3125 13.2747C8.29838 13.4017 8.21018 13.4652 8.10787 13.5181C8.09022 13.5181 8.07258 13.5111 8.06553 13.4934C8.062 13.3452 8.15373 13.25 8.24193 13.1512C8.32661 13.1265 8.35131 13.0277 8.4254 12.9889C8.92639 12.5197 9.4556 12.0857 9.98482 11.6553C10.4047 11.3166 10.9021 11.1472 11.4349 11.0414C11.8159 10.9673 12.204 10.9179 12.585 10.8226C12.6309 10.8226 12.6909 10.805 12.6979 10.8791C12.5815 10.9461 12.4686 11.0132 12.3522 11.0767H12.3487Z" fill="#D3D3D3"/>
<path d="M7.76531 13.4686C7.62772 13.4086 7.49718 13.331 7.37722 13.2393C7.19376 13.0311 6.95738 12.8829 6.73863 12.7242C6.26234 12.3784 5.78604 12.0362 5.27799 11.7328C4.8899 11.4999 4.48064 11.327 4.06785 11.1542C3.99376 11.1224 3.88086 11.1224 3.88086 10.9954C3.94789 10.946 4.01493 10.9707 4.08196 10.9883C4.78053 11.1753 5.42265 11.4858 6.02595 11.8809C6.60809 12.262 7.12673 12.7136 7.62772 13.1899C7.67711 13.2322 7.71592 13.2851 7.75826 13.3345C7.7759 13.3804 7.86763 13.4227 7.76179 13.4686H7.76531Z" fill="#B4B4B4"/>
<path d="M11.4239 7.6543C11.6179 7.88715 11.8119 8.12354 12.0377 8.32817C12.2177 8.49046 12.2741 8.73743 12.447 8.91031C12.567 9.03026 12.7222 9.11494 12.8069 9.27017C12.8069 9.46422 12.8069 9.65474 12.8069 9.84878C12.5811 9.52773 12.3341 9.22078 12.1154 8.89619C11.8966 8.57161 11.6708 8.25055 11.3886 7.97536C11.3533 7.9436 11.3392 7.89068 11.3145 7.84834C11.2968 7.75308 11.3145 7.67547 11.4274 7.6543H11.4239Z" fill="#2A2B2A"/>
<path d="M12.8102 8.50101C12.5844 8.33872 12.348 8.20112 12.1928 7.95415C12.1081 7.81656 11.9776 7.70013 11.8435 7.6084C11.7271 7.52725 11.6812 7.41788 11.6212 7.30851C11.6001 7.17444 11.6636 7.08976 11.7729 7.02979C11.8788 7.20266 12.475 7.71424 12.7008 7.81655C12.7926 7.85536 12.7714 7.94004 12.8067 8.00354C12.8067 8.16937 12.8067 8.33872 12.8067 8.50454L12.8102 8.50101Z" fill="#313130"/>
<path d="M6.45329 12.6995C5.7653 12.3008 5.07732 11.9057 4.38934 11.507C4.10356 11.3412 3.82131 11.1718 3.53906 11.0025C3.53906 10.9249 3.59904 10.939 3.64843 10.939C4.4846 11.3059 5.30312 11.7011 6.03697 12.255C6.17104 12.3538 6.32275 12.4243 6.44976 12.5337C6.53796 12.6113 6.53796 12.636 6.45681 12.703L6.45329 12.6995Z" fill="#C0BFBF"/>
<path d="M12.8066 6.65605C12.8066 6.89949 12.8066 7.14293 12.8066 7.38637C12.7079 7.46046 12.5879 7.46046 12.4997 7.40048C12.2704 7.24524 12.0446 7.07942 11.8682 6.85715C11.8787 6.70544 11.9423 6.57843 12.0657 6.4867C12.1469 6.46905 12.221 6.49728 12.2774 6.5502C12.415 6.67721 12.5632 6.70544 12.7361 6.63488C12.7608 6.62429 12.7855 6.63488 12.8066 6.65252V6.65605Z" fill="#373737"/>
<path d="M8.53809 13.1193C8.77447 12.8723 9.08142 12.7241 9.36014 12.5406C9.6812 12.329 10.0164 12.1314 10.3515 11.9409C10.7784 11.701 11.2124 11.4646 11.6922 11.3376C11.7416 11.3234 11.7769 11.3481 11.8086 11.3799C11.5052 11.5704 11.2089 11.768 10.8878 11.9268C10.7185 11.9197 10.5879 12.0255 10.4574 12.1032C9.98108 12.3819 9.48715 12.6324 9.00733 12.9111C8.91207 12.964 8.82033 13.0205 8.73213 13.0804C8.67568 13.1193 8.61923 13.1687 8.54161 13.1193H8.53809Z" fill="#DCDBDB"/>
<path d="M6.45269 12.6994C6.54089 12.6042 6.43858 12.5795 6.39271 12.5477C5.54596 11.9656 4.69216 11.3976 3.72899 11.0201C3.70076 11.0095 3.67959 10.9848 3.65137 10.9671C3.65842 10.9601 3.66548 10.953 3.67254 10.9495C3.75368 10.9248 3.82424 10.9495 3.88069 11.0059C4.14883 11.1753 4.45931 11.2564 4.74508 11.394C5.21785 11.6198 5.65181 11.9056 6.08224 12.1949C6.48091 12.4631 6.85842 12.7629 7.23946 13.0523C7.29944 13.0981 7.40175 13.1263 7.37 13.2428C7.05247 13.0805 6.74552 12.897 6.44916 12.703L6.45269 12.6994Z" fill="#BBBBBB"/>
<path d="M8.53781 13.1193C8.84476 12.9464 9.1517 12.77 9.45865 12.5971C9.88908 12.3572 10.3195 12.1244 10.7499 11.8845C10.824 11.8421 10.8523 11.8668 10.884 11.9268C9.97022 12.4807 9.04939 13.0205 8.11796 13.5462C8.07563 13.5639 8.06857 13.5392 8.07563 13.5039C8.17441 13.451 8.23086 13.3522 8.30495 13.2745C8.41433 13.2745 8.44608 13.1546 8.53428 13.1193H8.53781Z" fill="#DFDFDF"/>
<path d="M11.886 6.8463C12.0836 7.01212 12.2811 7.17794 12.4787 7.34024C12.5775 7.42138 12.6975 7.36846 12.8068 7.3861C12.8068 7.59073 12.8068 7.79536 12.8068 8C12.761 7.90474 12.708 7.84829 12.5846 7.83417C12.447 7.82359 12.3835 7.67541 12.2776 7.59426C12.1118 7.46725 11.9812 7.30143 11.8225 7.16383C11.7731 7.12149 11.8295 7.05799 11.7696 7.03682C11.7519 6.94156 11.7696 6.86394 11.8825 6.84277L11.886 6.8463Z" fill="#343434"/>
<path d="M3.23204 5.19528C3.23204 5.19528 3.23204 5.16705 3.22852 5.15294C3.28144 5.12825 3.33436 5.10355 3.38728 5.07885C3.44726 5.09649 3.50018 5.05768 3.55663 5.06827C3.62014 5.06827 3.68011 5.06827 3.74362 5.07532C3.76479 5.07532 3.78596 5.08238 3.80713 5.08944C4.1423 5.11766 4.47747 5.09649 4.81617 5.10002C5.11959 5.10002 5.41947 5.10002 5.72289 5.10002C5.91341 5.10002 6.10393 5.10002 6.29445 5.10002C6.40029 5.10002 6.50261 5.10002 6.60845 5.10002C6.70018 5.10002 6.79191 5.10002 6.88364 5.10002C6.96479 5.10002 7.04241 5.10002 7.12355 5.10002C7.23998 5.10002 7.35641 5.10002 7.47284 5.10002C7.65277 5.10708 7.82918 5.08944 8.00911 5.10002C8.34781 5.08944 8.69004 5.10708 9.02874 5.10002C9.124 5.10002 9.21925 5.10002 9.31804 5.10002C9.50856 5.10002 9.70261 5.10002 9.89313 5.10002C10.1119 5.10002 10.3306 5.10002 10.5494 5.10002C10.8704 5.10002 11.1915 5.10002 11.509 5.10002C11.9183 5.14236 12.3311 5.12825 12.7403 5.14941C12.7685 5.16 12.8073 5.15294 12.8109 5.19881C12.7544 5.19881 12.6944 5.19175 12.638 5.19175C9.56854 5.18822 6.49908 5.1847 3.42962 5.18117C3.36611 5.18117 3.30261 5.18822 3.2391 5.19175L3.23204 5.19528Z" fill="#828282"/>
<path d="M12.8075 6.65602C12.6064 6.75834 12.4158 6.77245 12.2465 6.58193C12.2077 6.53959 12.1336 6.52548 12.0771 6.50078C12.0842 6.29262 12.2006 6.14092 12.3488 6.00685C12.5005 6.0386 12.6522 5.97157 12.8039 5.99979C12.8039 6.21853 12.8039 6.43728 12.8039 6.65249L12.8075 6.65602Z" fill="#3C3C3B"/>
<path d="M12.733 10.7734C12.7824 10.7804 12.7894 10.8087 12.7753 10.851C12.7612 10.851 12.7506 10.851 12.7365 10.851C12.6553 10.8087 12.5707 10.844 12.4895 10.8404C11.6498 10.7734 10.8137 10.7663 9.98104 10.918C9.88578 10.9357 9.79757 10.9674 9.70584 10.9957C9.64587 11.0133 9.58589 11.0521 9.52944 10.9886C9.49063 10.8651 9.56119 10.7981 9.65292 10.7381C9.99868 10.6217 10.3621 10.5864 10.7219 10.5652C11.2194 10.537 11.7133 10.604 12.2037 10.6675C12.2743 10.6781 12.3449 10.6746 12.4154 10.6746C12.5319 10.6746 12.6306 10.7381 12.7365 10.7663L12.733 10.7734Z" fill="#B4B4B4"/>
<path d="M7.76525 13.4686C7.8217 13.4086 7.72997 13.3945 7.7335 13.3522C7.79348 13.2746 7.74408 13.1934 7.74055 13.1123C7.72291 12.8265 7.75467 12.5513 7.90285 12.3008C7.94518 12.2267 7.99811 12.1809 8.04397 12.3008C8.06514 12.6677 8.05808 13.0347 8.04397 13.4016C8.04397 13.4651 8.03692 13.5286 8.04397 13.5921C7.91696 13.6274 7.84993 13.5251 7.75819 13.4721L7.76525 13.4686Z" fill="#AEAEAE"/>
<path d="M8.04759 13.5885C7.9735 13.5391 7.9982 13.4615 7.9982 13.398C7.9982 13.0099 7.9982 12.6254 7.9982 12.2373C7.92411 12.1596 7.95939 12.0609 7.94528 11.9727C7.94175 11.895 7.94528 11.8139 7.94528 11.7363C7.93822 11.6022 7.9488 11.4681 7.94528 11.3341C7.94175 11.2917 7.94528 11.2459 7.94528 11.2035C7.94528 11.14 7.94528 11.0765 7.94528 11.013C7.94528 10.9707 7.94528 10.9319 7.94528 10.8895C7.94528 10.8472 7.94528 10.8084 7.94528 10.766C7.94528 10.7025 7.94528 10.639 7.94528 10.5791C7.94528 10.5155 7.94528 10.452 7.94528 10.3885C7.94528 10.325 7.9488 10.258 7.94528 10.1945C7.94528 10.1098 7.94528 10.0216 7.94528 9.93693C7.94528 9.87343 7.94528 9.80992 7.94528 9.74289C7.94528 9.68997 7.94528 9.63705 7.94528 9.58412C7.94528 9.52415 7.94528 9.46064 7.94528 9.40066C7.94528 9.36185 7.94528 9.31951 7.94528 9.28071C7.94528 9.20309 7.94528 9.12547 7.93822 9.05138C7.93469 9.00198 7.94528 8.95612 7.94528 8.90673C7.94528 8.84675 7.94528 8.7903 7.94528 8.73032C7.94528 8.68093 7.94528 8.63153 7.94528 8.57861C7.94528 8.52922 7.94528 8.4763 7.94528 8.4269C7.94528 8.37398 7.94528 8.32459 7.94528 8.27167C7.94528 8.19757 7.94175 8.12348 7.96292 8.05292C7.96997 8.03175 7.98409 8.01764 7.9982 8C8.01231 8 8.0229 8 8.03701 8C8.1111 8.07762 8.09699 8.17993 8.09699 8.27519C8.09699 8.77971 8.0864 9.28776 8.08993 9.79228C8.08993 9.90165 8.0864 10.011 8.09346 10.1239C8.09346 10.3921 8.08287 10.6602 8.09346 10.9283C8.09699 11.3094 8.09346 11.6939 8.09346 12.075C8.09346 12.5513 8.10757 13.0276 8.07582 13.5039C8.08993 13.518 8.10404 13.5321 8.11815 13.5462C8.10404 13.5779 8.07582 13.585 8.04759 13.5885Z" fill="#D2D2D2"/>
<path d="M12.8069 5.99971C12.6587 6.06674 12.5035 6.09497 12.3447 6.03852C12.313 5.95384 12.3659 5.88681 12.4012 5.82683C12.5247 5.62926 12.6093 5.40346 12.7787 5.23411C12.7893 5.23411 12.7963 5.23058 12.8069 5.22705C12.8069 5.4846 12.8069 5.74216 12.8069 5.99971Z" fill="#404040"/>
<path d="M7.99493 2.45413C7.99493 2.42591 8.00199 2.39768 7.96318 2.3871C8.05491 2.31654 8.08666 2.38004 8.11489 2.45413C8.11489 2.46119 8.11489 2.47177 8.11489 2.47883C8.11842 2.51411 8.11489 2.55292 8.11489 2.5882C8.11489 2.63054 8.10783 2.67288 8.09372 2.71169C8.07961 3.42084 8.10431 4.13352 8.09372 4.84267C8.09372 4.93793 8.14664 5.06847 7.99141 5.1108C7.92084 5.0226 7.93848 4.91676 7.93848 4.81797C7.93143 4.22525 7.94907 3.63605 7.94554 3.04333C7.96671 2.84575 7.89967 2.64112 7.99493 2.4506V2.45413Z" fill="#121213"/>
<path d="M3.26694 10.8471C3.26694 10.8471 3.23519 10.826 3.21755 10.8154C3.21049 10.7907 3.21755 10.7695 3.23519 10.7554C3.26341 10.7342 3.29869 10.7272 3.33398 10.7237C3.76088 10.7095 4.18778 10.706 4.61821 10.7166C4.68172 10.7166 4.74522 10.7166 4.80873 10.7413C4.8299 10.7519 4.84754 10.7695 4.85459 10.7907C4.84754 10.8154 4.83342 10.833 4.81226 10.8436C4.59351 10.8895 4.37124 10.8542 4.14897 10.8683C3.96551 10.8683 3.77852 10.8683 3.59506 10.8683C3.48568 10.8789 3.37631 10.8471 3.26694 10.8507V10.8471Z" fill="#8B8A8A"/>
<path d="M3.5355 5.11418C3.48258 5.10713 3.4226 5.13535 3.38379 5.0789C3.47199 5.02598 3.56372 4.97659 3.65193 4.92367C3.77894 4.9907 3.84597 4.83546 3.95887 4.84605C3.99415 4.81782 4.03296 4.82488 4.07177 4.83546C4.09294 4.93778 4.00827 4.966 3.94476 4.98717C3.8248 5.01893 3.70838 5.07185 3.58489 5.08596C3.56725 5.09302 3.55314 5.1036 3.53903 5.11771L3.5355 5.11418Z" fill="#919090"/>
<path d="M12.7331 5.14967C12.3203 5.14967 11.9111 5.14967 11.4983 5.14967C11.4877 5.12497 11.4983 5.10733 11.5195 5.09322C11.6429 5.05441 11.7664 5.03677 11.8829 5.11792C12.1404 5.11792 12.398 5.11792 12.659 5.11792C12.6837 5.1285 12.7084 5.13909 12.7331 5.1532V5.14967Z" fill="#3D3D3D"/>
<path d="M3.22783 10.7733C3.22783 10.7733 3.22078 10.8015 3.21725 10.8157C3.15727 10.4452 3.19961 10.0712 3.19255 9.69725C3.21725 9.68666 3.23842 9.69372 3.249 9.71489C3.26664 9.74664 3.2737 9.78192 3.27723 9.8172C3.28781 10.0571 3.28428 10.3006 3.28428 10.5405C3.28428 10.6216 3.28428 10.7063 3.22783 10.7733Z" fill="#4F4F4F"/>
<path d="M3.22864 9.69348C3.22864 9.69348 3.20747 9.69348 3.19336 9.69348C3.19336 9.48885 3.19336 9.28422 3.19336 9.07959C3.20394 9.07959 3.21806 9.07959 3.22864 9.07959C3.32037 9.28422 3.32037 9.48885 3.22864 9.69348Z" fill="#4D4D4D"/>
<path d="M3.65186 10.964C3.60952 10.964 3.56719 10.9569 3.53896 10.9993C3.45076 10.9605 3.3555 10.9323 3.29199 10.8511C3.32375 10.8158 3.36961 10.8299 3.40842 10.8299C3.49309 10.8652 3.62011 10.8299 3.65186 10.9605V10.964Z" fill="#BBBBBB"/>
<path d="M8.26989 2.53867C8.22403 2.56336 8.26284 2.59159 8.26989 2.61628C8.28048 2.62687 8.284 2.63393 8.28048 2.64451C8.28048 2.65509 8.27695 2.66215 8.27342 2.66215C8.25931 2.67273 8.24167 2.67626 8.22403 2.67626C8.1958 2.66921 8.17816 2.65509 8.16052 2.63393C8.12877 2.581 8.09701 2.53161 8.11818 2.46458V2.45752C8.17816 2.4681 8.23461 2.48927 8.27342 2.53867H8.26989Z" fill="#414141"/>
<path d="M12.5001 10.8123C12.5777 10.8264 12.6659 10.7805 12.7329 10.8511C12.7188 10.8581 12.7047 10.8687 12.6906 10.8758C12.6588 10.8405 12.6165 10.8475 12.5777 10.8475C12.5071 10.8828 12.4295 10.8652 12.3554 10.8617C12.3378 10.844 12.3342 10.8264 12.3448 10.8052C12.3977 10.7911 12.4507 10.7805 12.5001 10.8123Z" fill="#CBCBCA"/>
<path d="M3.42184 10.8508C3.3795 10.8508 3.33716 10.8508 3.2913 10.8508H3.27719L3.2666 10.8438C3.36186 10.7697 3.47123 10.8226 3.57355 10.8085C3.5806 10.8297 3.57355 10.8438 3.55944 10.8579C3.51357 10.865 3.46418 10.8755 3.42184 10.8473V10.8508Z" fill="#9F9F9F"/>
<path d="M12.782 5.23779C12.6374 5.50593 12.4927 5.77407 12.3481 6.0422C12.2458 6.19038 12.1576 6.34209 12.0835 6.50439C12.0059 6.61376 11.9353 6.72666 11.8859 6.85014C11.833 6.90659 11.7977 6.9701 11.773 7.04419C11.7095 7.12533 11.6566 7.21707 11.6213 7.31232C11.5437 7.4217 11.4766 7.5346 11.4237 7.65808C11.3708 7.71453 11.3355 7.77804 11.3108 7.85213C11.2579 7.94033 11.2085 8.03206 11.1556 8.12026C11.1168 8.16613 11.0815 8.21199 11.0709 8.27197C11.0533 8.33195 11.0427 8.39898 10.9545 8.35312C10.9333 8.19435 11.0674 8.08851 11.1203 7.93327C10.951 7.9368 10.7922 7.96503 10.6687 8.04617C10.4182 8.21199 10.1254 8.21905 9.85018 8.28256C9.70906 8.31431 9.55382 8.33548 9.43739 8.40251C9.19042 8.53658 8.93287 8.59656 8.65768 8.60714C8.51656 8.6142 8.38601 8.68123 8.259 8.74474C8.15669 8.79413 8.12493 8.89292 8.12493 9.00229C8.12493 9.18928 8.12493 9.37274 8.12493 9.55973C8.12493 9.64088 8.13552 9.72908 8.08965 9.80317C8.07554 9.82434 8.05437 9.82787 8.0332 9.81376C8.0332 9.21045 8.0332 8.60714 8.0332 8.00383C8.38249 7.74628 8.77764 7.55929 9.14809 7.33702C9.94897 6.86073 10.7534 6.38796 11.5613 5.92578C11.9635 5.69292 12.3516 5.43184 12.7785 5.23779H12.782Z" fill="#E5E5E5"/>
<path d="M4.4168 10.0784C4.35682 9.80317 4.18747 9.57385 4.1028 9.30571C4.05693 9.16458 4.02165 9.01287 3.9405 8.87175C3.85583 8.72004 3.83113 8.52599 3.80996 8.34606C3.79585 8.23316 3.76057 8.13437 3.7147 8.03912C3.67237 7.94738 3.6265 7.86977 3.67942 7.77098C3.69001 7.74981 3.69001 7.71806 3.67942 7.69689C3.52066 7.29468 3.52066 6.86425 3.45362 6.44794C3.41482 6.2045 3.36189 5.96106 3.3125 5.70703C3.44304 5.72467 3.48185 5.82346 3.50655 5.89402C3.61945 6.23978 3.89817 6.47969 4.06399 6.78663C4.19453 7.0336 4.45914 7.09711 4.65671 7.24529C4.83312 7.37936 5.01305 7.5099 5.15418 7.68278C5.4082 7.99678 5.8351 7.96502 6.12088 7.76745C6.29376 7.64749 6.44194 7.49931 6.57601 7.33702C6.61482 7.28763 6.57601 7.23823 6.61129 7.19942C6.70302 7.2347 6.78417 7.28057 6.85826 7.34408C6.85826 7.3723 6.84767 7.40053 6.83356 7.42522C6.59365 7.79568 6.35726 8.1626 5.94447 8.37781C5.84216 8.43074 5.76101 8.45896 5.6587 8.42015C5.44701 8.34253 5.24944 8.24375 5.10478 8.06028C5.06597 8.01089 5.02011 7.96502 4.97071 7.92269C4.94955 7.90152 4.93543 7.88035 4.92132 7.85565C4.84017 7.66866 4.71316 7.54165 4.51559 7.45345C4.27215 7.3476 4.06046 7.17825 3.89464 6.95951C3.8523 6.90306 3.81349 6.84661 3.73587 6.80075C3.75704 7.25587 3.9017 7.68983 3.9899 8.13437C4.07104 8.60361 4.25098 9.0411 4.40269 9.48564C4.45914 9.65499 4.51206 9.82434 4.54734 10.0007C4.53323 10.0784 4.47325 10.0854 4.40974 10.0819L4.4168 10.0784Z" fill="#474747"/>
<path d="M3.46141 5.61504C3.41201 5.59387 3.38379 5.55506 3.38379 5.49861C3.48963 5.44216 3.5355 5.53037 3.58489 5.58682C3.85656 5.91493 4.16703 6.20424 4.55159 6.38417C4.84796 6.52177 5.10904 6.73698 5.44774 6.80402C5.61709 6.8393 5.77585 6.81107 5.93814 6.80049C6.03693 6.83577 6.12513 6.88516 6.20275 6.95572C6.10397 7.16741 5.91698 7.23445 5.70529 7.23797C5.46185 7.23797 5.23605 7.16741 5.04553 7.02276C4.8409 6.86752 4.61157 6.75462 4.39636 6.62761C3.98357 6.38064 3.7119 6.01019 3.46141 5.61857V5.61504Z" fill="#545453"/>
<path d="M3.46094 5.61523C3.67968 5.89043 3.91254 6.14798 4.15245 6.40553C4.27593 6.53607 4.43823 6.62428 4.58288 6.6772C4.82985 6.76893 5.00272 6.96297 5.23911 7.06882C5.60956 7.23464 5.89181 7.23817 6.20581 6.95592C6.23051 6.97003 6.2552 6.98414 6.27637 6.99826C6.33635 7.11468 6.3046 7.2417 6.15995 7.32284C5.87417 7.48514 5.57781 7.55217 5.26733 7.37929C5.10504 7.29109 4.94275 7.20289 4.81573 7.05823C4.75223 6.98414 4.66755 6.93122 4.58288 6.89594C4.23007 6.75482 3.99721 6.47609 3.76788 6.19384C3.68674 5.98921 3.5068 5.84103 3.46094 5.61523Z" fill="#4F4F4F"/>
<path d="M6.80564 7.3862C6.80564 7.3862 6.84092 7.35444 6.85856 7.34033C6.99969 7.40737 7.14081 7.4744 7.25724 7.58024C7.22549 7.79193 7.15845 7.99656 7.16198 8.21531C7.16198 8.29998 7.16198 8.38113 7.20079 8.45522C7.20432 8.47286 7.20079 8.4905 7.19726 8.50814C7.06672 8.60693 6.91854 8.67749 6.78094 8.76569C6.6998 8.81508 6.61865 8.86095 6.51986 8.87153C6.41402 8.85742 6.4493 8.78333 6.46341 8.72688C6.54809 8.3529 6.63982 7.97539 6.84445 7.64375C6.90796 7.53791 6.8762 7.46382 6.80564 7.3862Z" fill="#434343"/>
<path d="M5.93778 6.80061C5.84958 6.91351 5.71199 6.89587 5.60614 6.87823C5.38387 6.83942 5.14749 6.82883 4.97108 6.6489C4.8476 6.52542 4.66061 6.5113 4.5089 6.42663C4.12081 6.20436 3.79269 5.91858 3.51397 5.57282C3.48222 5.53402 3.44341 5.49873 3.38343 5.49873C3.36226 5.4317 3.25995 5.39642 3.31287 5.30469C3.33756 5.30469 3.35873 5.31174 3.38343 5.31527C3.51044 5.43523 3.63745 5.55518 3.76094 5.67867C4.03613 5.92916 4.32896 6.15496 4.69589 6.25728C4.79115 6.28198 4.86877 6.33843 4.95344 6.38782C5.11573 6.47955 5.28156 6.5607 5.4756 6.536C5.6379 6.61362 5.79313 6.69829 5.93426 6.80414L5.93778 6.80061Z" fill="#585858"/>
<path d="M3.76758 6.19385C3.97221 6.34908 4.10275 6.60311 4.34619 6.70895C4.7237 6.87125 4.98478 7.20994 5.35876 7.37577C5.63042 7.49572 6.06085 7.39341 6.24431 7.17466C6.30076 7.10763 6.27254 7.05824 6.27607 7.00179C6.35016 7.02295 6.41719 7.06176 6.47364 7.11469C6.31135 7.40399 6.02204 7.51689 5.74332 7.64037C5.55986 7.72505 5.41521 7.55923 5.24939 7.50983C5.19646 7.49219 5.14354 7.46044 5.10473 7.4181C4.87188 7.16761 4.58257 7.00884 4.2968 6.82891C4.06394 6.68426 3.90517 6.43729 3.76758 6.19385Z" fill="#4D4D4D"/>
<path d="M7.18996 8.4626C7.0947 8.44848 7.11234 8.37439 7.11587 8.31441C7.12998 8.06392 7.10881 7.80284 7.257 7.58057C7.35931 7.65818 7.49691 7.66877 7.58511 7.76403C7.53219 7.93338 7.56747 8.11331 7.51455 8.28266C7.49338 8.34617 7.43693 8.37439 7.38754 8.4132C7.32403 8.4379 7.27111 8.49788 7.18996 8.46612V8.4626Z" fill="#3E3E3E"/>
<path d="M3.72954 5.69294C3.60253 5.58004 3.45435 5.48125 3.38379 5.31543C3.9377 5.60121 4.47045 5.93285 5.00672 6.25391C5.03847 6.37739 4.97144 6.36328 4.89029 6.33858C4.46339 6.19746 4.06824 5.99636 3.72954 5.69647V5.69294Z" fill="#5F5F5F"/>
<path d="M3.72911 5.69298C3.87729 5.72826 3.97961 5.83411 4.08898 5.92584C4.2548 6.06343 4.44532 6.13752 4.64642 6.18339C4.73463 6.20456 4.81577 6.23278 4.88634 6.2857C4.9322 6.32099 4.99218 6.35979 5.00276 6.25042C5.158 6.34568 5.33441 6.40919 5.47553 6.52914C5.37322 6.61735 5.25326 6.58912 5.158 6.5362C4.74874 6.30334 4.27597 6.1975 3.91258 5.87997C3.84554 5.81999 3.77498 5.76707 3.72559 5.68945L3.72911 5.69298Z" fill="#5C5C5C"/>
<path d="M7.50034 8.27172C7.53915 8.1059 7.4333 7.91185 7.58501 7.76367C7.72261 7.84129 7.86021 7.91891 7.9978 8.00006C7.9978 8.01417 7.99427 8.02475 7.99075 8.03887C7.90254 8.12707 7.78612 8.17293 7.67674 8.23291C7.62029 8.25408 7.56737 8.29995 7.50034 8.27525V8.27172Z" fill="#3B3B3A"/>
<path d="M7.96649 9.0376C8.02999 9.10816 7.99471 9.19283 7.99471 9.27045C7.9806 9.29868 7.96296 9.3269 7.92415 9.3269C7.37024 9.31632 6.86925 9.48214 6.42118 9.79614C6.15657 9.9796 5.86373 10.1172 5.58854 10.2795C5.40861 10.3853 5.18281 10.5088 4.93937 10.4136C4.86528 10.3853 4.78766 10.4136 4.71004 10.4136C4.51952 10.4241 4.33253 10.4559 4.13848 10.4241C4.08909 10.4171 4.03617 10.4206 3.99736 10.3748C3.96561 10.2654 4.06439 10.2583 4.12084 10.2195C4.1526 10.2019 4.19141 10.2195 4.22316 10.1948C4.28667 10.1701 4.35017 10.1419 4.41368 10.1172C4.49835 10.0925 4.56539 10.1595 4.643 10.1666C4.8688 10.216 5.05227 10.2054 5.28512 10.0749C5.7085 9.83495 6.09306 9.53859 6.51291 9.29868C6.53407 9.28457 6.55524 9.26692 6.57994 9.2634C6.89394 9.214 7.19736 9.09758 7.51842 9.1011C7.65954 9.1011 7.79714 9.06935 7.93474 9.04818C7.94179 9.04818 7.95238 9.04113 7.95943 9.04113L7.96649 9.0376Z" fill="#737474"/>
<path d="M4.65375 10.1946C4.56202 10.2122 4.48793 10.1663 4.4209 10.1134C4.4209 10.1028 4.4209 10.0887 4.4209 10.0781C4.46324 10.0534 4.50205 10.0287 4.54438 10.0041C4.56908 9.95466 4.61142 9.92291 4.66787 9.90879C4.68551 9.90879 4.70315 9.91585 4.71726 9.92643C4.81958 10.0358 4.936 10.0111 5.01715 9.91938C5.13005 9.79237 5.27823 9.71827 5.41583 9.6336C5.53225 9.56304 5.6134 9.47836 5.63457 9.34077C5.69455 9.26315 5.77569 9.22081 5.86037 9.182C6.01561 9.12555 6.13556 8.99501 6.30844 8.97384C6.37195 8.98796 6.43192 8.9809 6.49543 8.96679C6.85177 8.88564 7.20811 8.83977 7.57503 8.87153C7.65265 8.87858 7.72674 8.88211 7.80436 8.86447C7.87845 8.84683 7.94196 8.86447 7.99488 8.92092C8.01605 8.96679 7.97371 8.99501 7.96665 9.03382H7.9596C7.70557 9.11144 7.44096 9.07263 7.17988 9.10085C6.64361 9.15378 6.1779 9.35488 5.77569 9.70416C5.60282 9.85587 5.3876 9.94055 5.21825 10.0958C5.05596 10.244 4.85133 10.2016 4.65728 10.1875L4.65375 10.1946Z" fill="#6F6F6F"/>
<path d="M4.15288 10.2333C4.09996 10.2722 4.05057 10.311 3.99764 10.3498C3.98353 10.3639 3.96589 10.3709 3.94825 10.3745C3.8671 10.3745 3.84594 10.311 3.81771 10.251C3.62719 9.85937 3.44726 9.46422 3.27791 9.06554C3.21088 8.91031 3.27791 8.73743 3.22852 8.57866C3.22852 8.27172 3.22852 7.96124 3.22852 7.6543C3.352 7.68252 3.34142 7.79189 3.352 7.8801C3.41551 8.34228 3.56016 8.78329 3.72598 9.21372C3.81065 9.42894 3.8671 9.66532 4.02234 9.85231C4.08232 9.97227 4.13171 10.0993 4.15288 10.2333Z" fill="#4F4F4F"/>
<path d="M3.22852 8.57861C3.22852 8.57861 3.26027 8.61037 3.26027 8.62448C3.23204 9.01963 3.46843 9.33363 3.59544 9.67939C3.66953 9.88049 3.78243 10.0675 3.87416 10.2615C3.89533 10.3039 3.90591 10.3462 3.96236 10.3462C3.92003 10.4803 3.81065 10.5155 3.6907 10.5297C3.54252 10.4944 3.52135 10.3462 3.45432 10.2439C3.35906 10.0992 3.25674 9.95105 3.23204 9.77112C3.23204 9.74642 3.23204 9.71819 3.23204 9.6935C3.23204 9.48887 3.23204 9.28424 3.23204 9.07961C3.23204 8.91378 3.23204 8.74796 3.23204 8.57861H3.22852Z" fill="#535353"/>
<path d="M4.15276 10.2334C4.04692 10.1416 4.05045 10.0005 3.99753 9.8876C3.92696 9.69709 3.83876 9.51362 3.76467 9.32663C3.54593 8.79389 3.39422 8.2435 3.29896 7.679C3.23193 7.2768 3.22134 6.87107 3.26721 6.46533C3.28485 6.48297 3.32366 6.49708 3.32366 6.51473C3.31307 6.81109 3.38716 7.10039 3.39775 7.39675C3.40833 7.62608 3.46125 7.84835 3.54593 8.0671C3.60943 8.23292 3.62002 8.42344 3.66588 8.59984C3.72233 8.82211 3.82818 9.02674 3.89521 9.24549C3.9693 9.4854 4.1069 9.69709 4.16688 9.94053C4.18805 10.0252 4.27272 10.0993 4.22685 10.2016C4.20921 10.2298 4.18452 10.2404 4.15276 10.2404V10.2334Z" fill="#4D4D4D"/>
<path d="M3.26673 6.46198C3.27731 6.73717 3.2385 7.01589 3.2879 7.28756C3.36904 7.72504 3.41138 8.16959 3.55956 8.59649C3.68657 8.96341 3.78889 9.33739 3.97235 9.67962C4.00763 9.74665 3.99705 9.81722 4.00057 9.88778C3.79242 9.63023 3.71127 9.30917 3.59131 9.00928C3.48194 8.73408 3.42902 8.43419 3.33729 8.15195C3.28437 7.98965 3.36199 7.79913 3.23145 7.65801C3.23145 6.9418 3.23145 6.22207 3.23145 5.50586C3.27025 5.82692 3.31965 6.14445 3.27025 6.46551L3.26673 6.46198Z" fill="#4D4D4D"/>
<path d="M8.27013 2.65502C8.27013 2.65502 8.27013 2.63032 8.27013 2.61621C8.48182 2.70089 8.62647 2.87729 8.79935 3.01489C9.62845 3.67112 10.4858 4.28501 11.4207 4.786C11.5442 4.85304 11.6642 4.9236 11.7877 4.99063C11.8406 5.01886 11.8864 5.05061 11.8864 5.11764C11.7594 5.11764 11.6289 5.11764 11.5019 5.11764C11.3784 5.15998 11.2514 5.1247 11.1279 5.13529C10.9691 5.06825 10.8598 4.93065 10.7222 4.83187C10.2282 4.48258 9.76958 4.08743 9.31798 3.67817C9.12041 3.49824 8.94047 3.29714 8.71467 3.15248C8.70056 3.1419 8.68645 3.13132 8.67233 3.12073C8.61941 3.04311 8.58413 2.94785 8.47829 2.91963C8.38656 2.84907 8.2666 2.79967 8.2666 2.65855L8.27013 2.65502Z" fill="#444444"/>
<path d="M4.07541 4.84613C4.0366 4.84613 3.99779 4.84613 3.95898 4.84613C4.51995 4.57446 5.09151 4.32397 5.63837 4.03113C6.28754 3.68185 6.93671 3.31845 7.49768 2.82804C7.53296 2.79629 7.56472 2.76807 7.61411 2.76807C7.64586 2.84921 7.59647 2.90213 7.54355 2.95153C7.12017 3.35373 6.66152 3.71007 6.15347 3.99585C5.55016 4.33102 4.9151 4.59563 4.26946 4.83907C4.20595 4.85318 4.14245 4.89552 4.07541 4.84613Z" fill="#929191"/>
<path d="M4.26915 4.80715C4.54435 4.6625 4.84424 4.57782 5.12296 4.45081C5.77566 4.15445 6.4213 3.84398 6.97875 3.38532C7.15515 3.24067 7.3245 3.08543 7.49738 2.94078C7.55383 2.89491 7.58558 2.83141 7.61381 2.7679C7.69142 2.67617 7.7514 2.56327 7.88194 2.53857C7.92075 2.58797 7.89605 2.62678 7.86783 2.66911C7.69142 2.84199 7.575 3.06779 7.38095 3.22656C7.23983 3.30418 7.13751 3.43472 7.02108 3.54056C6.49892 4.0098 5.8815 4.30616 5.24644 4.57782C5.03828 4.66603 4.81954 4.70836 4.61138 4.78598C4.49495 4.8001 4.38911 4.90241 4.26562 4.81068L4.26915 4.80715Z" fill="#8F8E8E"/>
<path d="M7.99445 2.4541C7.99445 2.64815 7.99445 2.84219 7.99445 3.03977C7.9627 3.23029 7.97681 3.4208 7.95917 3.61132C7.92036 4.05234 7.82863 4.48277 7.72984 4.9132C7.69456 5.06491 7.62753 5.15311 7.46523 5.14958H7.11948C7.11595 5.11077 7.14065 5.09666 7.16887 5.08255C7.27471 5.06138 7.32764 4.99082 7.35939 4.89203C7.59577 4.22169 7.77218 3.53723 7.89919 2.84219C7.9133 2.77163 7.90272 2.70107 7.90272 2.63051C7.90978 2.57053 7.91683 2.51408 7.9627 2.46821C7.96975 2.46469 7.98034 2.46116 7.99092 2.45763L7.99445 2.4541Z" fill="#4D4D4D"/>
<path d="M7.96625 2.46436L7.92744 2.61606C7.92744 2.61606 7.93802 2.64782 7.93096 2.66546C7.91332 2.75013 7.89921 2.83834 7.84276 2.9089C7.77926 2.96888 7.76514 3.06766 7.68752 3.12058C7.66988 3.12411 7.65224 3.12058 7.63813 3.11C7.61696 3.07825 7.61343 3.03944 7.62049 3.00063C7.67694 2.87362 7.7722 2.7713 7.84629 2.65487C7.8604 2.61606 7.87099 2.57726 7.8851 2.53845C7.89921 2.49964 7.92744 2.47494 7.96625 2.46436Z" fill="#7F7F7F"/>
<path d="M10.9654 8.35665C11.0289 8.36018 11.036 8.29667 11.0748 8.27197C11.1171 8.49777 11.2936 8.64595 11.3994 8.83647C11.6393 9.26337 11.918 9.66558 12.1685 10.0854C12.2356 10.1983 12.359 10.3148 12.2603 10.477C12.1156 10.5123 12.0239 10.3994 11.911 10.3465C11.8581 10.3077 11.8016 10.2759 11.791 10.2019C11.7945 10.0784 11.7346 9.97958 11.6746 9.88079C11.4417 9.50681 11.2547 9.10814 11.0184 8.73416C10.976 8.66712 10.9302 8.61067 10.8808 8.55069C10.8631 8.46602 10.8949 8.40251 10.9654 8.35665Z" fill="#1E1E1E"/>
<path d="M11.9323 10.3076C12.0417 10.3605 12.1511 10.417 12.2569 10.4699C12.2569 10.4805 12.2605 10.4946 12.2569 10.5052C12.1899 10.604 12.1087 10.5405 12.0382 10.5158C11.7842 10.4346 11.5407 10.3358 11.2832 10.2653C10.948 10.1736 10.6058 10.1665 10.2635 10.1524C10.1824 10.1489 10.0977 10.1665 10.0272 10.1065C10.006 10.0536 10.0272 10.0113 10.0554 9.96892C10.0695 9.95481 10.0871 9.94775 10.1048 9.94423C10.3905 9.86661 10.6728 9.92659 10.9515 9.98304C11.2902 10.0501 11.6113 10.1665 11.9253 10.3076H11.9323Z" fill="#909090"/>
<path d="M10.0409 10.0815C10.3443 10.1239 10.6512 10.0921 10.9547 10.1521C11.2228 10.2015 11.4874 10.2579 11.7414 10.3532C11.9108 10.4167 12.0695 10.5155 12.2601 10.5084C12.3271 10.5473 12.3941 10.5861 12.4647 10.6284C12.4753 10.6496 12.4718 10.6637 12.4541 10.6778C12.373 10.7131 12.3024 10.6707 12.2283 10.6531C12.0731 10.6072 11.9249 10.5296 11.7626 10.5014C11.4239 10.385 11.0746 10.3215 10.7218 10.2685C10.5313 10.2403 10.3302 10.2897 10.1326 10.2862C10.0656 10.2862 9.99149 10.325 9.94209 10.2474C9.93151 10.1662 9.93856 10.0957 10.0409 10.0851V10.0815Z" fill="#969696"/>
<path d="M12.2323 10.6183L12.4616 10.6571C12.5075 10.6571 12.5463 10.6747 12.5886 10.6888C12.6451 10.7029 12.6909 10.7276 12.7333 10.77C12.6309 10.7559 12.5286 10.7453 12.4263 10.7312C12.3699 10.6853 12.2781 10.7418 12.2287 10.6677C12.2287 10.6606 12.2252 10.65 12.2217 10.6394C12.2252 10.6324 12.2287 10.6218 12.2323 10.6147V10.6183Z" fill="#9F9F9F"/>
<path d="M12.5879 10.6888C12.5421 10.6923 12.4962 10.7029 12.4609 10.657C12.4609 10.6464 12.4609 10.6359 12.4609 10.6253C12.5174 10.6217 12.5527 10.6535 12.5879 10.6923V10.6888Z" fill="#919191"/>
<path d="M8.07626 13.5043C8.01276 13.4478 8.04098 13.3737 8.03745 13.3067C8.03745 12.8974 8.03745 12.4882 8.03745 12.0824C8.08332 11.9766 8.14683 11.9201 8.27737 11.8849C8.41496 11.846 8.60195 11.8355 8.68663 11.6661C8.71838 11.6026 8.78894 11.5885 8.84539 11.652C8.90184 11.719 8.96888 11.779 9.01827 11.8531C9.01827 12.0224 8.89479 12.1389 8.82422 12.2765C8.7713 12.3858 8.71132 12.4882 8.64782 12.5905C8.52081 12.781 8.43613 12.9962 8.27031 13.1585C8.19622 13.2679 8.10449 13.3702 8.07979 13.5043H8.07626Z" fill="#DDDDDD"/>
<path d="M8.26953 13.1581C8.3789 12.964 8.47063 12.7559 8.61529 12.5795C8.78464 12.3713 8.97163 12.1773 9.13392 11.9656C9.69842 11.2247 10.464 10.9036 11.3672 10.8366C11.6671 10.8119 11.9635 10.7943 12.2634 10.8366C12.3057 10.9319 12.2245 10.9072 12.1857 10.9142C11.8012 10.9777 11.4166 11.0306 11.0356 11.1118C10.4746 11.2317 9.99478 11.5069 9.59257 11.9056C9.34208 12.1526 9.081 12.389 8.82697 12.6324C8.68938 12.7665 8.54472 12.8935 8.4283 13.0452C8.34715 13.0452 8.3789 13.1934 8.27306 13.1616L8.26953 13.1581Z" fill="#CBCBCA"/>
<path d="M8.42188 13.0419C8.46068 12.8867 8.59122 12.8055 8.69001 12.7032C9.02518 12.3645 9.36035 12.0258 9.72375 11.7153C10.1013 11.3907 10.5317 11.1649 11.0327 11.0591C11.4349 10.9744 11.8406 10.9391 12.2428 10.8686C12.2534 10.8686 12.2605 10.8509 12.271 10.8439C12.2957 10.8227 12.324 10.8192 12.3487 10.8439C12.4263 10.8439 12.5039 10.8439 12.578 10.8439C12.3346 10.9391 12.0735 10.9462 11.8194 10.9991C11.3784 11.0944 10.9409 11.1791 10.5211 11.3696C10.006 11.6024 9.6426 12.0187 9.21217 12.3539C8.93698 12.5691 8.68648 12.8055 8.42188 13.0348V13.0419Z" fill="#CFCFCF"/>
<path d="M3.42188 10.8511C3.4748 10.8511 3.52419 10.8511 3.57711 10.8511C3.58417 10.8511 3.59475 10.8511 3.60181 10.8511C3.65473 10.8511 3.71118 10.8511 3.76057 10.8652C3.95462 10.9075 4.15572 10.9287 4.34271 11.0028C4.85076 11.1298 5.32706 11.3521 5.7963 11.5779C6.14911 11.7472 6.43489 12.0154 6.7383 12.2623C6.9006 12.3929 7.077 12.5128 7.21107 12.6786C7.3028 12.8198 7.43687 12.9221 7.54624 13.0456C7.59211 13.0985 7.67325 13.1443 7.6168 13.2396C7.22871 12.8797 6.84062 12.5163 6.41019 12.2094C5.79277 11.7684 5.16124 11.3591 4.4168 11.1545C4.2404 11.1051 4.07458 11.0063 3.88406 11.0063C3.80644 10.9922 3.72882 10.9816 3.65473 10.9675C3.57711 10.9287 3.49949 10.8934 3.42188 10.8546V10.8511Z" fill="#AFAFAF"/>
<path d="M7.6138 13.2359C7.58558 13.0912 7.44798 13.0348 7.36684 12.9325C7.30686 12.8549 7.20101 12.8125 7.19043 12.6961C7.29627 12.622 7.35272 12.7137 7.42329 12.7631C7.56088 12.8549 7.56794 12.8408 7.63144 12.6926C7.71612 12.4915 7.7514 12.2727 7.8643 12.0857C7.89605 12.0363 7.90664 11.9587 7.99484 11.9658C7.99484 12.054 7.99484 12.1457 7.99484 12.2339C7.76904 12.5444 7.7514 12.8937 7.80432 13.2535C7.81843 13.3417 7.80432 13.3559 7.73023 13.3488C7.69142 13.31 7.65261 13.2712 7.6138 13.2324V13.2359Z" fill="#ABABAB"/>
<path d="M7.84664 2.6549C7.82548 2.79602 7.7161 2.88422 7.65613 3.00065C7.38446 3.49811 7.02812 3.92502 6.57299 4.26372C6.072 4.6377 5.5075 4.84938 4.90067 4.98345C4.63959 5.04343 4.37851 5.10341 4.1139 5.13163C4.001 5.12105 3.88457 5.1528 3.77167 5.11399H3.73286C3.73286 5.11399 3.72581 5.09635 3.71875 5.08929C3.72581 5.07165 3.73992 5.05754 3.75403 5.04696C4.18093 4.93759 4.60431 4.82116 5.02768 4.69767C5.81445 4.46482 6.51655 4.09437 7.0881 3.49106C7.18336 3.38874 7.28567 3.28996 7.38446 3.19117C7.54323 3.01476 7.65613 2.80308 7.84664 2.65137V2.6549Z" fill="#878787"/>
<path d="M8.00139 5.11779C8.06489 5.06134 8.03667 4.98725 8.03667 4.92021C8.03667 4.23223 8.03667 3.54425 8.03667 2.85627C8.03667 2.78923 8.01197 2.71514 8.07548 2.65869C8.1037 2.67986 8.11428 2.70808 8.12134 2.74337C8.18838 3.37137 8.30833 3.98879 8.43534 4.60621C8.44593 4.6556 8.46004 4.705 8.4671 4.75439C8.50473 4.96137 8.62821 5.06604 8.83755 5.06839C8.90105 5.06839 8.96809 5.06839 9.02807 5.10367C9.04924 5.11779 9.05276 5.13896 9.03865 5.16012H8.00139C8.00139 5.16012 7.98727 5.14248 7.9908 5.13543C7.9908 5.12837 7.99786 5.12132 8.00139 5.12132V5.11779Z" fill="#0C0C0C"/>
<path d="M8.00209 5.11761C8.00209 5.11761 8.00209 5.14231 8.00209 5.15642C7.82216 5.15642 7.64575 5.15289 7.46582 5.14936C7.71279 5.10703 7.69515 4.88123 7.72337 4.72246C7.82569 4.18619 7.94917 3.65344 7.96681 3.10659C7.96681 3.08542 7.98798 3.06072 7.99857 3.03955C7.99857 3.73106 7.99857 4.4261 7.99857 5.11761H8.00209Z" fill="#444443"/>
<path d="M9.88545 5.14963C9.69141 5.14963 9.50089 5.14963 9.30684 5.14963C9.26803 5.11435 9.21158 5.14963 9.17277 5.10729C8.95403 4.66628 8.77057 4.21115 8.56594 3.76308C8.54477 3.71369 8.53419 3.66429 8.56594 3.6149C8.68589 3.5902 8.70001 3.69957 8.73176 3.75955C8.90111 4.09472 9.07399 4.43342 9.24334 4.76859C9.30684 4.89208 9.35271 5.0332 9.52206 5.05437C9.61026 5.05437 9.69846 5.05437 9.79019 5.0579C9.82195 5.0579 9.85017 5.06848 9.8784 5.08612C9.89604 5.10024 9.89957 5.11788 9.88898 5.13904L9.88545 5.14963Z" fill="#212121"/>
<path d="M7.15515 5.11758C7.15515 5.11758 7.13398 5.13875 7.1234 5.14933C7.04578 5.14933 6.96816 5.14933 6.88701 5.14933C6.87643 5.13169 6.87996 5.11758 6.89407 5.10346C6.92229 5.0823 6.95758 5.07524 6.99286 5.06465C7.14104 4.95881 7.14809 4.78241 7.2116 4.63422C7.33156 4.30258 7.48326 3.98505 7.59264 3.64988C7.61733 3.57579 7.61381 3.46289 7.74435 3.46289C7.79021 3.52287 7.76199 3.57932 7.74435 3.64282C7.60675 4.09795 7.48326 4.55661 7.25394 4.97998C7.22571 5.02937 7.20102 5.0823 7.15868 5.1211L7.15515 5.11758Z" fill="#5F5F5F"/>
<path d="M3.76758 5.11774C3.89459 5.11774 4.02513 5.11774 4.15214 5.11774C4.3603 5.08951 4.57199 5.04718 4.78368 5.09304C4.80837 5.10715 4.81543 5.12479 4.80837 5.15302C4.50848 5.15302 4.20859 5.15302 3.9087 5.15655C3.85931 5.15655 3.80639 5.16713 3.76758 5.12127V5.11774Z" fill="#7E7E7E"/>
<path d="M11.0779 5.11794C11.219 5.11794 11.3601 5.11794 11.5012 5.11794C11.5012 5.12852 11.5012 5.13911 11.5012 5.14969C11.1802 5.14969 10.8591 5.14969 10.5381 5.14969C10.5275 5.125 10.5345 5.10736 10.5557 5.09324C10.6157 5.05796 10.6862 5.06502 10.7498 5.06149C10.8591 5.06855 10.9791 5.03679 11.0743 5.11794H11.0779Z" fill="#383838"/>
<path d="M4.80859 5.14944C4.80859 5.14944 4.80859 5.12827 4.80859 5.11769C4.86504 5.06124 4.93561 5.06477 5.0097 5.06124C5.24255 5.08241 5.47894 5.02243 5.71179 5.08947C5.73649 5.10358 5.74354 5.12122 5.73649 5.14944H4.81212H4.80859Z" fill="#797979"/>
<path d="M10.5384 5.11797C10.5384 5.11797 10.5384 5.13914 10.5384 5.14973C10.3197 5.14973 10.101 5.14973 9.88574 5.14973C9.88574 5.13914 9.88574 5.12856 9.88574 5.11445C9.90691 5.08622 9.93866 5.07564 9.97042 5.06858C10.0445 5.058 10.1221 5.06505 10.1962 5.06152C10.2809 5.06152 10.3691 5.06152 10.4538 5.06858C10.4855 5.07564 10.5173 5.08622 10.5384 5.11445V5.11797Z" fill="#313130"/>
<path d="M5.7334 5.14973C5.7334 5.14973 5.7334 5.12856 5.7334 5.11797C5.80749 5.04741 5.90275 5.06858 5.99095 5.06152C6.08974 5.07211 6.19205 5.04741 6.29084 5.09328C6.31201 5.10739 6.31907 5.12503 6.31201 5.14973C6.11796 5.14973 5.92744 5.14973 5.7334 5.14973Z" fill="#737474"/>
<path d="M6.30859 5.14958C6.30859 5.14958 6.30859 5.12842 6.30859 5.11783C6.32623 5.09313 6.35446 5.08255 6.38268 5.07902C6.43913 5.07197 6.49558 5.07197 6.55203 5.07902C6.56967 5.08255 6.58731 5.08961 6.60496 5.10019C6.61907 5.1143 6.62612 5.12842 6.61907 5.14958C6.51675 5.14958 6.41444 5.14958 6.30859 5.14958Z" fill="#6E6E6E"/>
<path d="M6.61914 5.14587C6.61914 5.14587 6.61914 5.1247 6.61914 5.11764C6.64737 5.08236 6.68617 5.07531 6.72498 5.07178C6.76379 5.07178 6.8026 5.07178 6.84141 5.08236C6.85905 5.08942 6.87669 5.1 6.88728 5.11764C6.88728 5.12823 6.88728 5.13881 6.88728 5.1494C6.79907 5.1494 6.70734 5.1494 6.61914 5.1494V5.14587Z" fill="#636363"/>
<path d="M9.19468 5.11775C9.23702 5.11775 9.28288 5.11069 9.31111 5.15655C9.2229 5.15655 9.13117 5.15655 9.04297 5.15655C9.04297 5.14244 9.04297 5.13186 9.04297 5.11775C9.09589 5.07188 9.14528 5.07894 9.19821 5.11775H9.19468Z" fill="#121213"/>
<path d="M3.7292 5.07866C3.7292 5.07866 3.7292 5.10336 3.7292 5.11747C3.6657 5.11747 3.60219 5.11747 3.53516 5.11747C3.53516 5.10336 3.53516 5.09278 3.53516 5.07866C3.59866 5.05044 3.66217 5.04691 3.7292 5.07866Z" fill="#8B8A8A"/>
<path d="M8.99991 11.8491C8.91523 11.8244 8.87289 11.7503 8.8235 11.6833C8.80233 11.6551 8.78469 11.6339 8.74588 11.6515C8.71413 11.6692 8.69296 11.6868 8.71413 11.7256C8.78822 11.8703 8.70354 11.8385 8.61534 11.8138C8.54125 11.7927 8.47775 11.8068 8.43541 11.8809C8.41424 11.9197 8.36837 11.9691 8.32956 11.9514C8.17433 11.8668 8.12141 12.0079 8.0332 12.0749C8.0332 11.6904 8.0332 11.3058 8.0332 10.9212C8.07554 10.7907 8.04379 10.6566 8.05084 10.5261C8.06848 10.272 8.16022 10.1697 8.41071 10.145C8.65062 10.1203 8.85525 9.99686 9.07047 9.91218C9.32802 9.80987 9.60321 9.80281 9.86077 9.70049C10.016 9.63699 10.1148 9.77811 10.0725 9.9651C10.0583 10.0039 10.0442 10.0427 10.0301 10.0815C9.98425 10.1203 9.96308 10.1733 9.94897 10.2297C9.93133 10.2579 9.94897 10.2967 9.9278 10.325C9.90663 10.3603 9.88193 10.392 9.86429 10.4308C9.85018 10.459 9.83607 10.4873 9.81843 10.5155C9.79726 10.5578 9.77256 10.6002 9.74434 10.639C9.71259 10.6848 9.69142 10.7378 9.63849 10.7695C9.59263 10.8295 9.53618 10.8824 9.52207 10.9636C9.40564 11.267 9.23982 11.5457 9.05636 11.8138C9.03519 11.835 9.01402 11.8491 8.98227 11.8491H8.99991Z" fill="#E0E0DF"/>
<path d="M9.03906 11.8104C9.21194 11.5317 9.34248 11.2283 9.53653 10.9636C9.6212 11.0483 9.67059 10.9354 9.73763 10.9178C10.094 10.8296 10.4538 10.7978 10.8172 10.7661C11.0854 10.7449 11.3535 10.7026 11.6181 10.7414C11.9145 10.7837 12.2144 10.7237 12.5037 10.8084C12.4507 10.8084 12.4014 10.8084 12.3484 10.8084C12.038 10.8543 11.724 10.8049 11.4135 10.8437C11.0148 10.8966 10.6091 10.8896 10.228 11.0272C9.93873 11.133 9.67765 11.2918 9.45891 11.514C9.35659 11.6199 9.22252 11.6834 9.14491 11.8174C9.13079 11.8421 9.06376 11.8915 9.03906 11.8033V11.8104Z" fill="#C2C2C2"/>
<path d="M9.65332 10.7696C9.6639 10.7096 9.68507 10.6567 9.73447 10.6179C9.98849 10.5226 10.2566 10.505 10.5212 10.4908C10.7682 10.4803 11.0187 10.4803 11.2657 10.4908C11.2868 10.4908 11.308 10.4979 11.3292 10.505C11.4632 10.5438 11.6044 10.5085 11.7384 10.5332C11.9007 10.5826 12.0771 10.5755 12.2324 10.6531C12.2888 10.7025 12.3735 10.6673 12.4264 10.7308C12.0666 10.6955 11.7067 10.6496 11.3468 10.6249C10.9834 10.6002 10.62 10.6037 10.2566 10.6637C10.0555 10.699 9.85442 10.7308 9.65332 10.766V10.7696Z" fill="#AEAEAF"/>
<path d="M10.0803 9.96525C10.0626 9.73239 9.9462 9.66536 9.7451 9.79237C9.66042 9.84529 9.57575 9.83471 9.49107 9.85235C9.20529 9.91585 8.92304 10.0005 8.66549 10.1487C8.60904 10.1805 8.54906 10.191 8.48203 10.1946C8.1892 10.2052 8.08688 10.3145 8.0763 10.6109C8.07277 10.7167 8.11511 10.8296 8.04102 10.9249C8.04102 10.6568 8.04102 10.3851 8.04102 10.117C8.09394 10.0182 8.0269 9.9088 8.07982 9.81001V9.54187C8.11158 9.47484 8.17156 9.46073 8.23859 9.45367C8.35855 9.44661 8.46086 9.4078 8.55259 9.33019C8.58082 9.30549 8.6161 9.28079 8.65491 9.28432C9.03242 9.31607 9.34642 9.05852 9.71687 9.04794C9.73451 9.04794 9.75921 9.04088 9.76979 9.02677C9.91797 8.82214 10.172 8.87153 10.366 8.77627C10.4931 8.71629 10.5989 8.79391 10.6977 8.868C10.7541 8.96679 10.673 9.0303 10.6377 9.10791C10.5883 9.21729 10.5178 9.31255 10.4648 9.41839C10.4401 9.46425 10.4119 9.51012 10.3802 9.55599C10.3308 9.62655 10.299 9.70417 10.2567 9.77826C10.2143 9.84176 10.1685 9.90174 10.112 9.95466C10.1014 9.95466 10.0908 9.95819 10.0803 9.96172V9.96525Z" fill="#E1E1E1"/>
<path d="M4.34301 11.0412C4.1419 10.9742 3.92316 10.9706 3.72559 10.886C3.77145 10.8366 3.83143 10.8436 3.88788 10.8507C4.38887 10.9107 4.88634 10.9953 5.3591 11.1823C5.86715 11.3834 6.30817 11.7045 6.79152 11.9479C6.96087 12.0326 7.14433 12.0467 7.32779 12.0679C7.3913 12.0749 7.35602 12.0326 7.37366 12.0185C7.60298 11.828 7.74058 11.5634 7.92757 11.3411C7.94521 11.3199 7.96285 11.3058 7.99108 11.3129V11.7362C7.89582 11.9444 7.74764 12.1243 7.65591 12.336C7.54301 12.5936 7.39482 12.6218 7.13727 12.5054C6.8021 12.3537 6.55513 12.0926 6.26936 11.8809C6.0118 11.6904 5.73308 11.5422 5.43319 11.4187C5.1333 11.2988 4.83694 11.1647 4.52294 11.08C4.46296 11.0624 4.3924 11.08 4.33948 11.0412H4.34301Z" fill="#A5A5A5"/>
<path d="M3.69074 10.5052C3.79305 10.4735 3.87773 10.4135 3.95887 10.35C3.97299 10.35 3.98357 10.35 3.99768 10.35C4.19526 10.3747 4.3893 10.4205 4.59041 10.3606C4.6398 10.3465 4.68919 10.3359 4.728 10.3853C5.06317 10.4664 5.3807 10.41 5.69824 10.2935C5.80761 10.2512 5.91698 10.2159 6.01224 10.1524C6.36858 9.92661 6.75314 9.75374 7.12712 9.56322C7.36351 9.44326 7.6387 9.45385 7.88567 9.35859C7.92095 9.34447 7.95976 9.36212 7.99504 9.38328V9.57733C7.97387 9.60555 7.98798 9.66201 7.93153 9.65848C7.65987 9.64084 7.43054 9.76079 7.19416 9.87369C6.74961 10.0819 6.3333 10.3429 5.86758 10.5052C5.57828 10.604 5.28545 10.6534 4.98203 10.5828C4.59746 10.5546 4.21643 10.5299 3.83539 10.604C3.76483 10.6181 3.69779 10.6358 3.63076 10.597C3.58137 10.5158 3.66251 10.5264 3.69779 10.5017L3.69074 10.5052Z" fill="#797979"/>
<path d="M3.57422 10.8511C3.57422 10.8511 3.57422 10.8264 3.57422 10.8123C3.76827 10.8123 3.95878 10.8123 4.15283 10.8123C4.47389 10.8476 4.79847 10.8405 5.11953 10.8758C5.17598 10.8829 5.23596 10.8723 5.28888 10.8935C5.66992 11.0346 6.0686 11.0028 6.46022 11.0028C6.71071 11.0028 6.96827 10.9817 7.21523 10.9041C7.40222 10.8441 7.5998 10.8194 7.79032 10.7629C7.85382 10.7418 7.92791 10.7241 7.99142 10.777C7.99142 10.8159 7.99142 10.8547 7.99142 10.8935C7.97731 10.9146 7.97025 10.9464 7.94555 10.9534C7.60333 11.0558 7.29991 11.2533 6.95415 11.3521C6.57664 11.458 6.20619 11.4015 5.84632 11.271C5.47234 11.1369 5.08778 11.0593 4.69616 11.0028C4.39274 10.9393 4.0858 10.8935 3.77885 10.8723C3.71182 10.8688 3.63772 10.8899 3.57422 10.8547V10.8511Z" fill="#969696"/>
<path d="M7.99495 9.38658C7.61039 9.50654 7.21171 9.55946 6.84479 9.76409C6.51314 9.94755 6.18503 10.1522 5.83222 10.2933C5.60642 10.385 5.36651 10.4697 5.11954 10.4732C4.99253 10.4732 4.8514 10.4556 4.73145 10.385C4.80201 10.3462 4.87257 10.3356 4.95372 10.3603C5.09131 10.4027 5.21833 10.3427 5.34534 10.3286C5.59936 10.2968 5.74401 10.0887 5.97687 10.0216C6.16033 9.96519 6.35791 9.78879 6.55195 9.66883C6.84831 9.48537 7.15526 9.33719 7.51866 9.31955C7.67742 9.31249 7.83619 9.26663 7.99848 9.27368C7.99848 9.31249 7.99848 9.3513 7.99848 9.39011L7.99495 9.38658Z" fill="#777777"/>
<path d="M4.34277 11.0416C4.5721 11.0346 4.78379 11.1122 4.98842 11.1933C5.39415 11.3521 5.81047 11.4826 6.16681 11.7437C6.29735 11.839 6.442 11.9166 6.55137 12.0507C6.74895 12.2941 7.05237 12.3964 7.3205 12.534C7.44399 12.5975 7.571 12.4599 7.60981 12.3294C7.66979 12.1318 7.83561 11.9977 7.89206 11.8002C7.90617 11.7543 7.94851 11.7331 7.9979 11.7296C7.9979 11.8072 7.9979 11.8848 7.9979 11.9625C7.82502 12.2024 7.75799 12.4881 7.67331 12.7633C7.6345 12.8903 7.56394 12.9186 7.4334 12.8268C7.35578 12.7739 7.30992 12.6716 7.19349 12.6892C6.8689 12.4282 6.54432 12.1671 6.22326 11.9025C6.00099 11.719 5.74696 11.5991 5.49294 11.4791C5.12249 11.3027 4.73792 11.1616 4.3463 11.0381L4.34277 11.0416Z" fill="#A9A9A9"/>
<path d="M7.9947 9.73583C7.9947 9.79934 7.9947 9.86284 7.9947 9.92988C7.86416 10.1133 7.656 10.191 7.46901 10.258C7.23616 10.3391 7.01389 10.4556 6.78809 10.5473C6.43175 10.6955 6.06835 10.7555 5.69437 10.7872C5.44035 10.8084 5.18632 10.7837 4.93583 10.7484C4.88643 10.7413 4.83351 10.7378 4.80176 10.6884C4.81234 10.5014 4.96405 10.6355 5.03461 10.5826C5.08048 10.5826 5.12987 10.5755 5.17574 10.5932C5.25336 10.639 5.3345 10.6602 5.42623 10.6284C5.77199 10.6037 6.10363 10.5014 6.41763 10.3779C6.63991 10.2897 6.86218 10.1945 7.07386 10.0781C7.32436 9.93693 7.58897 9.81345 7.86769 9.72877C7.91003 9.71466 7.95589 9.71466 7.99823 9.73936L7.9947 9.73583Z" fill="#7F7F7F"/>
<path d="M7.99445 9.73618C7.66634 9.83497 7.35939 9.98315 7.05597 10.1454C6.81959 10.2725 6.56557 10.3677 6.30801 10.4594C6.01871 10.5618 5.7294 10.6429 5.42246 10.6605C5.33425 10.7064 5.26369 10.6711 5.19313 10.6217C5.14021 10.6217 5.09081 10.6217 5.03789 10.6217C5.00967 10.6041 4.97791 10.5865 4.99908 10.5441C5.26016 10.6041 5.51066 10.5759 5.76468 10.4912C5.9552 10.4277 6.14219 10.3536 6.3186 10.2583C6.65024 10.0819 6.98541 9.91259 7.32411 9.74677C7.49346 9.66209 7.70867 9.53508 7.938 9.62681C7.94859 9.63034 7.97681 9.59859 7.99445 9.58447C7.99445 9.63387 7.99445 9.68679 7.99445 9.73618Z" fill="#7C7C7C"/>
<path d="M4.72754 10.9637C5.10152 10.9884 5.46492 11.0731 5.81773 11.2037C6.37164 11.4083 6.90791 11.4153 7.42655 11.0943C7.60295 10.9849 7.81111 10.9708 7.99457 10.8896C7.99457 10.9285 7.99457 10.9673 7.99457 11.0025C7.91343 11.0872 7.81464 11.1437 7.71585 11.2001C7.63471 11.2495 7.53945 11.2954 7.48652 11.3695C7.32776 11.6094 7.08785 11.6059 6.84441 11.6059C6.61508 11.6059 6.39281 11.5882 6.17054 11.5212C6.1529 11.5177 6.13526 11.5106 6.11762 11.5C5.76833 11.2954 5.3873 11.179 4.9992 11.0731C4.90394 11.0484 4.78752 11.0731 4.72754 10.9602V10.9637Z" fill="#9B9B9B"/>
<path d="M6.1533 11.5036C6.1533 11.5036 6.17799 11.5036 6.19211 11.5036C6.46024 11.6341 6.74249 11.7329 7.03532 11.8C7.12353 11.8211 7.19409 11.807 7.26818 11.7541C7.45164 11.6235 7.61746 11.4789 7.76212 11.306C7.81857 11.239 7.87854 11.1473 7.9985 11.1966C7.9985 11.2355 7.9985 11.2743 7.9985 11.3131C7.83268 11.56 7.64922 11.7929 7.4587 12.0222C7.33521 12.1704 7.19409 12.1175 7.09177 12.0963C6.82364 12.0363 6.56256 11.9199 6.33676 11.7576C6.06862 11.5636 5.77932 11.426 5.47943 11.2954C5.44414 11.2813 5.41592 11.2531 5.3877 11.2319C5.44767 11.1755 5.50059 11.2178 5.56057 11.2319C5.76873 11.299 5.96631 11.3907 6.15682 11.4965L6.1533 11.5036Z" fill="#A2A2A2"/>
<path d="M7.99446 10.7731C7.71574 10.8366 7.43702 10.8931 7.16535 10.9742C7.05245 11.006 6.92191 11.006 6.80196 11.0306C6.47737 11.0906 6.15279 11.006 5.83173 11.073C5.72588 11.0942 5.65179 11.0201 5.56006 11.0024C5.12963 10.9213 4.69567 10.8684 4.25466 10.8542C4.21585 10.8542 4.17704 10.8507 4.15234 10.8154C4.38167 10.8154 4.61453 10.8154 4.84385 10.8154C4.9497 10.7907 5.0626 10.7907 5.16844 10.8084C6.06811 10.9707 6.93955 10.8225 7.811 10.6037C7.87098 10.5896 7.93095 10.5544 7.99446 10.5861C7.99446 10.6496 7.99446 10.7131 7.99446 10.7766V10.7731Z" fill="#909090"/>
<path d="M7.99427 11.1966C7.9096 11.2142 7.84609 11.2672 7.7967 11.3342C7.65205 11.5318 7.44742 11.6658 7.26748 11.8246C7.13694 11.941 7.0064 11.8387 6.88997 11.807C6.64653 11.7364 6.3784 11.7152 6.19141 11.5035C6.21257 11.4683 6.24433 11.4683 6.27255 11.4824C6.50188 11.62 6.7559 11.5529 6.99934 11.5529C7.15458 11.5529 7.31688 11.5141 7.44389 11.3589C7.58148 11.1895 7.78259 11.0731 7.9978 10.999C7.9978 11.0625 7.9978 11.126 7.9978 11.1931L7.99427 11.1966Z" fill="#9F9F9F"/>
<path d="M5.72949 10.7347C6.07878 10.7065 6.41395 10.6359 6.74912 10.5124C6.98903 10.4242 7.19719 10.2725 7.45474 10.2161C7.64526 10.1773 7.81461 10.0255 7.99454 9.92676C7.99454 10.015 7.99454 10.1067 7.99454 10.1949C7.93104 10.336 7.78638 10.3501 7.66643 10.4031C7.27128 10.5795 6.87966 10.7664 6.43864 10.7911C6.421 10.7947 6.39983 10.7982 6.38219 10.7982C6.20226 10.8229 6.02233 10.8229 5.84239 10.8194C5.793 10.8053 5.72949 10.8123 5.73302 10.7347H5.72949Z" fill="#838383"/>
<path d="M7.99503 8.92464C7.47287 8.92464 6.94718 8.86466 6.44266 9.04459C6.37563 9.06929 6.35446 9.00931 6.30859 9.00226C6.32271 8.86113 6.45678 8.89641 6.53439 8.84702C6.61201 8.80821 6.69316 8.7694 6.77078 8.73059C7.1377 8.69531 7.50462 8.6318 7.87508 8.6812C7.92094 8.68825 7.96328 8.69531 7.99856 8.73059C7.99856 8.7941 7.99856 8.8576 7.99856 8.92464H7.99503Z" fill="#6C6C6C"/>
<path d="M7.99473 10.5795C7.5255 10.7806 7.02097 10.8159 6.52351 10.8899C5.98018 10.9711 5.44744 10.897 4.91116 10.8441C4.88999 10.8441 4.86882 10.8229 4.84766 10.8088C5.01701 10.703 5.19341 10.7841 5.36629 10.7876C5.7191 10.7947 6.07191 10.8441 6.42472 10.77C6.95041 10.7276 7.46552 10.6289 7.94181 10.3854C7.95945 10.3784 7.98062 10.3819 7.99826 10.3854C7.99826 10.4489 7.99826 10.5124 7.99826 10.5759L7.99473 10.5795Z" fill="#8B8A8A"/>
<path d="M7.99444 10.3888C7.72983 10.5722 7.42641 10.671 7.11241 10.731C6.88661 10.7733 6.65375 10.7839 6.4209 10.7733C6.54085 10.6887 6.68903 10.7275 6.81958 10.6887C7.22531 10.5652 7.60987 10.3817 7.99091 10.1982C7.99091 10.2617 7.99091 10.3253 7.99091 10.3888H7.99444Z" fill="#868686"/>
<path d="M7.99439 8.73383C7.68038 8.74089 7.36285 8.67738 7.04885 8.76559C6.96418 8.79028 6.86186 8.74442 6.7666 8.73383C6.90067 8.6421 7.03121 8.54684 7.18997 8.50098C7.4193 8.59271 7.66274 8.56801 7.89913 8.57859C7.93088 8.57859 7.96263 8.56801 7.99086 8.58565C7.99086 8.63504 7.99086 8.68797 7.99086 8.73736L7.99439 8.73383Z" fill="#676868"/>
<path d="M7.99508 8.57875C7.86101 8.64225 7.72694 8.64931 7.57876 8.60344C7.4835 8.57522 7.37413 8.5858 7.27181 8.59639C7.1695 8.6105 7.15891 8.57522 7.19066 8.49407C7.19066 8.48349 7.19066 8.46937 7.19066 8.45879C7.25417 8.43409 7.31768 8.40587 7.38118 8.38117C7.58581 8.36706 7.79044 8.42351 7.99508 8.42351C7.99508 8.47643 7.99508 8.52582 7.99508 8.57875Z" fill="#656565"/>
<path d="M7.99475 8.42708C7.78306 8.51881 7.58549 8.43414 7.38086 8.38474C7.41967 8.34593 7.46201 8.31065 7.50082 8.27184C7.55021 8.24715 7.60313 8.22245 7.65252 8.19775C7.76542 8.22598 7.88538 8.21187 7.99122 8.27184C7.99122 8.32477 7.99122 8.37416 7.99122 8.42708H7.99475Z" fill="#606060"/>
<path d="M7.99495 8.27192C7.87499 8.27897 7.75504 8.28956 7.65625 8.19783C7.77621 8.15902 7.86088 8.04965 7.99495 8.03906C7.99495 8.11668 7.99495 8.1943 7.99495 8.27192Z" fill="#5A5A5A"/>
<path d="M8.07592 9.81006C8.05828 9.91237 8.11473 10.0217 8.03711 10.117C8.03711 10.0147 8.03711 9.91237 8.03711 9.81006C8.05122 9.81006 8.06181 9.81006 8.07592 9.81006Z" fill="#E2E2E2"/>
<path d="M9.19458 5.11752C9.14166 5.11752 9.09227 5.11752 9.03935 5.11752C8.97584 5.11752 8.91234 5.11752 8.8453 5.11752C8.76063 5.02579 8.72182 4.91289 8.68301 4.79646C8.52424 4.28489 8.37253 3.77331 8.19966 3.26879C8.13968 3.09591 8.13262 2.90892 8.07617 2.73252C8.07617 2.70782 8.07617 2.67959 8.07617 2.6549C8.07617 2.61609 8.07617 2.57728 8.07617 2.53847C8.14321 2.52436 8.13262 2.59492 8.1679 2.61962C8.22082 2.70429 8.27727 2.78897 8.30197 2.89128C8.35137 3.09944 8.48543 3.27232 8.55247 3.47695C8.56658 3.52281 8.60186 3.56515 8.57716 3.61807C8.67595 3.92502 8.8206 4.2108 8.94409 4.50716C9.02876 4.70826 9.1593 4.89525 9.19106 5.11752H9.19458Z" fill="#181818"/>
<path d="M8.15319 2.61606C8.1285 2.59137 8.1038 2.56314 8.0791 2.53845C8.0791 2.50669 8.08263 2.47847 8.11791 2.46436C8.14261 2.51728 8.1673 2.56667 8.19553 2.61959C8.18142 2.63723 8.17083 2.63723 8.15672 2.61959L8.15319 2.61606Z" fill="#3C3C3B"/>
<path d="M3.6907 10.505C3.666 10.5297 3.63778 10.5543 3.61308 10.579C3.56369 10.6814 3.45784 10.699 3.36964 10.7378C3.34847 10.7484 3.32377 10.7555 3.30261 10.7696C3.27791 10.7696 3.25321 10.7696 3.22852 10.7696C3.22852 10.4344 3.22852 10.1027 3.22852 9.76758C3.39081 10.004 3.48607 10.2862 3.6907 10.4979V10.505Z" fill="#575757"/>
<path d="M3.30273 10.7697C3.30273 10.7697 3.33096 10.745 3.34507 10.7344C3.77197 10.5474 4.22357 10.6038 4.66811 10.6074C4.72104 10.6074 4.77043 10.618 4.80924 10.6603C5.11266 10.7485 5.42313 10.7485 5.73361 10.7379C5.76183 10.7838 5.8077 10.7732 5.85003 10.7767C5.85003 10.8473 5.79711 10.8332 5.75477 10.8367C5.45136 10.8367 5.15147 10.7944 4.84805 10.7767C4.33294 10.7767 3.81784 10.7767 3.30626 10.7767L3.30273 10.7697Z" fill="#838384"/>
<path d="M4.84375 10.773C5.11894 10.7483 5.39061 10.8083 5.6658 10.8118C5.72578 10.8118 5.79634 10.833 5.84573 10.773C6.03978 10.773 6.2303 10.773 6.42435 10.773C6.33261 10.9106 6.19149 10.8401 6.07153 10.8471C5.66227 10.8754 5.25301 10.8118 4.84728 10.8118C4.84728 10.7977 4.84728 10.7871 4.84728 10.773H4.84375Z" fill="#868686"/>
<path d="M3.7292 5.07867C3.6657 5.07867 3.60219 5.07867 3.53516 5.07867C3.70098 4.96577 3.9303 5.00457 4.07496 4.84934C4.13846 4.83523 4.20197 4.82464 4.269 4.81053C4.39249 4.82464 4.49833 4.75055 4.61476 4.73291C4.6571 4.83523 4.57948 4.85287 4.51244 4.87051C4.25136 4.94107 3.99028 5.0081 3.7292 5.07867Z" fill="#8E8E8E"/>
<path d="M8.15332 2.61621C8.15332 2.61621 8.17802 2.61621 8.19213 2.61621C8.20624 2.63032 8.21683 2.64091 8.23094 2.65502C8.29797 2.75381 8.39676 2.83143 8.45321 2.9408C8.47438 2.99725 8.50966 3.04664 8.54847 3.08898C8.55905 3.10309 8.56964 3.1172 8.58022 3.13132C8.74957 3.3924 8.93656 3.64289 9.08474 3.91456C9.24704 4.24973 9.49048 4.53198 9.68099 4.84951C9.73392 4.93418 9.81859 5.00474 9.80801 5.11764C9.70569 5.11764 9.60338 5.11764 9.50106 5.11764C9.30701 4.79659 9.08827 4.48964 8.92951 4.15094C8.72487 3.72051 8.44968 3.32889 8.26975 2.88435C8.21683 2.79967 8.17449 2.71147 8.15332 2.61621Z" fill="#313130"/>
<path d="M8.42159 2.96222C8.37219 2.84932 8.25576 2.77876 8.22754 2.65527C8.24165 2.65527 8.25224 2.65527 8.26635 2.65527C8.32633 2.747 8.40394 2.82462 8.49568 2.8846C8.56977 2.95164 8.62974 3.03278 8.68972 3.11393C8.90847 3.29033 9.08487 3.50555 9.25422 3.72429C9.4024 3.9642 9.63526 4.1265 9.82225 4.33113C10.0128 4.54282 10.2103 4.74745 10.415 4.94855C10.4573 4.99089 10.5138 5.04028 10.4608 5.11084C10.3726 5.11084 10.2809 5.11084 10.1927 5.11084C10.101 5.05086 10.0269 4.97325 9.95632 4.88857C9.48355 4.29585 8.96844 3.7384 8.53801 3.1104C8.50273 3.05395 8.45687 3.00808 8.42159 2.95516V2.96222Z" fill="#3C3C3B"/>
<path d="M9.03861 11.8105C9.08095 11.8493 9.12328 11.814 9.13387 11.7893C9.22207 11.5847 9.41259 11.4753 9.57135 11.3448C9.98061 11.0096 10.4569 10.8649 10.9897 10.8438C11.4413 10.8261 11.8929 10.812 12.348 10.812C12.348 10.8261 12.348 10.8367 12.348 10.8508C12.3233 10.8508 12.2951 10.8508 12.2704 10.8508C11.7588 10.8297 11.2507 10.8614 10.7568 10.9743C10.2593 11.0872 9.80421 11.3024 9.44787 11.6905C9.18679 11.9763 8.93629 12.2656 8.68932 12.562C8.67168 12.5831 8.65052 12.6184 8.61523 12.5796C8.74225 12.3362 8.87279 12.0927 8.9998 11.8493C9.01391 11.8352 9.0245 11.8246 9.03861 11.8105Z" fill="#C5C4C4"/>
<path d="M10.6871 8.88595C10.5283 8.81186 10.3696 8.74835 10.2178 8.90711C10.1826 8.9424 10.1332 8.91064 10.0908 8.89653C10.0485 8.88242 9.98852 8.87183 9.96735 8.91417C9.82622 9.17878 9.54045 9.10116 9.32523 9.18584C9.22997 9.22465 9.12413 9.23876 9.02534 9.29168C8.93008 9.34107 8.82424 9.45044 8.70075 9.32343C8.69017 9.31285 8.64078 9.31638 8.63019 9.33049C8.48907 9.52101 8.26327 9.4822 8.07628 9.54218C8.07628 9.35166 8.07981 9.15761 8.07628 8.96709C8.07275 8.80127 8.15743 8.70601 8.30561 8.66015C8.48554 8.6037 8.66547 8.57194 8.85246 8.54372C9.00417 8.52255 9.21939 8.54019 9.36051 8.37084C9.45224 8.26147 9.66746 8.34614 9.7486 8.17679C9.9991 8.33909 10.2037 8.05684 10.4507 8.10976C10.5812 8.13799 10.613 7.94394 10.7718 7.94394C10.9058 7.94394 11.0505 7.88396 11.2198 7.86279C11.1316 8.03567 11.0505 8.19444 10.9693 8.35673C10.9764 8.43082 10.9235 8.48021 10.8952 8.54372C10.9129 8.67426 10.8 8.74835 10.7576 8.85066C10.74 8.87183 10.7188 8.88595 10.6871 8.88947V8.88595Z" fill="#E2E2E2"/>
<path d="M6.53086 8.84687C6.45677 8.89979 6.37915 8.94919 6.30506 9.00211C6.16394 9.07973 6.02282 9.15382 5.88169 9.23143C5.76526 9.22438 5.65236 9.18204 5.64884 9.05503C5.64178 8.70222 5.37717 8.5117 5.18312 8.27532C5.09139 8.16242 4.95732 8.06363 4.99613 7.88722C5.14784 7.98954 5.24663 8.1483 5.40187 8.25415C5.67353 8.43761 5.88875 8.38116 6.12513 8.20475C6.41796 7.98601 6.5979 7.67554 6.80253 7.38623C6.98246 7.45326 6.99658 7.4956 6.89073 7.66142C6.65788 8.01423 6.5979 8.42702 6.485 8.82217C6.485 8.8257 6.51322 8.83981 6.52734 8.84687H6.53086Z" fill="#454545"/>
<path d="M4.99917 7.88714C5.0909 8.14822 5.28848 8.33168 5.47547 8.5222C5.57426 8.62099 5.65187 8.70919 5.6554 8.85737C5.6554 9.01967 5.69774 9.1749 5.8812 9.23135C5.80358 9.27369 5.72949 9.3125 5.65187 9.35484C5.57778 9.46774 5.479 9.5383 5.33434 9.52419C5.2285 9.45715 5.24967 9.35131 5.27789 9.26663C5.35904 9.02319 5.29906 8.80798 5.18263 8.58924C5.06621 8.36697 4.95331 8.15175 4.81571 7.94006C4.66753 7.71426 4.44173 7.6684 4.21593 7.59784C4.13126 7.57314 4.08539 7.61901 4.09245 7.71426C4.11362 8.00357 4.17007 8.28229 4.25121 8.55748C4.36764 8.9491 4.47348 9.34073 4.63578 9.71471C4.664 9.77821 4.67811 9.84877 4.64989 9.91934C4.62519 9.96873 4.58991 9.99695 4.53699 9.99695C4.41351 9.83466 4.41351 9.63003 4.34647 9.4501C4.20535 9.05848 4.04658 8.67391 3.96544 8.26465C3.95485 8.21526 3.96191 8.16233 3.95838 8.11294C3.90193 7.85892 3.87723 7.60136 3.8102 7.34734C3.78903 7.26619 3.79609 7.17799 3.87018 7.11801C3.94779 7.05451 4.02189 7.10743 4.07481 7.15682C4.29002 7.34381 4.56874 7.43554 4.79101 7.61548C4.8651 7.67545 4.91803 7.7566 4.96036 7.8448C4.97448 7.85892 4.98506 7.8695 4.99917 7.88361V7.88714Z" fill="#454545"/>
<path d="M4.96068 7.84869C4.80897 7.64406 4.60434 7.51705 4.36443 7.42884C4.23742 7.38298 4.17038 7.22774 4.02926 7.18893C3.98339 7.17835 3.95517 7.0972 3.89872 7.15012C3.84932 7.19599 3.83874 7.26302 3.84932 7.33006C3.87402 7.48529 3.89166 7.64406 3.93047 7.7993C3.9587 7.90867 3.96222 8.01451 3.96222 8.12036C3.85638 7.83811 3.83521 7.53469 3.75406 7.24891C3.70114 7.05839 3.64117 6.87846 3.71878 6.67383C3.78935 6.70205 3.81051 6.76203 3.8458 6.81142C4.05395 7.09015 4.29387 7.31595 4.62904 7.44649C4.79839 7.51352 4.9254 7.65817 4.96421 7.85222L4.96068 7.84869Z" fill="#454545"/>
<path d="M4.65332 10.1945C4.79092 10.124 4.95321 10.2228 5.09081 10.124C5.31308 9.96168 5.54946 9.81703 5.77173 9.6512C5.97636 9.49597 6.17747 9.31251 6.41385 9.23842C6.60084 9.18197 6.78783 9.09376 6.99599 9.08318C7.31705 9.06554 7.63811 9.0232 7.95916 9.04437C7.95564 9.07965 7.9768 9.14316 7.92388 9.1361C7.49345 9.09023 7.08419 9.21725 6.66787 9.28075C6.5585 9.29839 6.53028 9.38307 6.45619 9.41835C6.23039 9.52772 6.0434 9.70765 5.83171 9.82408C5.67295 9.91229 5.53888 10.0887 5.32013 10.0781C5.24957 10.0746 5.27074 10.1875 5.19312 10.2192C5.0026 10.3004 4.82973 10.2545 4.65332 10.1945Z" fill="#717171"/>
<path d="M4.65338 9.92641C4.49462 9.60535 4.40642 9.25607 4.29704 8.91737C4.1665 8.51869 4.06066 8.10237 4.03596 7.67547C4.02891 7.57668 4.06772 7.51318 4.1665 7.5414C4.41347 7.61197 4.6675 7.64019 4.84743 7.89069C5.05912 8.18352 5.1826 8.51516 5.35548 8.82211C5.44015 8.97029 5.34137 9.11847 5.32373 9.26665C5.31314 9.3478 5.27786 9.42894 5.34842 9.49951C5.36254 9.52068 5.37312 9.55243 5.35548 9.56654C5.15438 9.72178 4.9568 9.88054 4.69219 9.92288C4.68161 9.92288 4.6675 9.92288 4.65691 9.92288L4.65338 9.92641Z" fill="#434343"/>
<path d="M4.69238 9.93006C4.87937 9.82422 5.06636 9.71485 5.24982 9.609C5.29216 9.58431 5.34508 9.56667 5.34861 9.50316C5.46504 9.48552 5.55324 9.4079 5.65556 9.35498C5.6979 9.59136 5.48974 9.63017 5.3592 9.7219C5.25688 9.79599 5.14751 9.84186 5.06283 9.95123C4.94994 10.0959 4.76295 10.0747 4.69238 9.93359V9.93006Z" fill="#6C6C6C"/>
<path d="M9.22925 3.73108C9.04226 3.53351 8.84822 3.33946 8.68945 3.11719C8.76002 3.11014 8.80941 3.14189 8.8588 3.18775C9.27159 3.56526 9.68085 3.94983 10.1042 4.31322C10.3441 4.51785 10.6123 4.69426 10.8698 4.88125C10.958 4.94476 11.0533 4.99768 11.0745 5.11763C10.958 5.11763 10.8451 5.11763 10.7287 5.11763C10.4747 4.97298 10.3089 4.72954 10.0831 4.55314C9.77611 4.30617 9.49386 4.02745 9.22573 3.73461L9.22925 3.73108Z" fill="#414141"/>
<path d="M8.69307 3.1136C8.61192 3.0501 8.52019 2.99718 8.49902 2.88428C8.62956 2.90545 8.66837 3.00423 8.69307 3.1136Z" fill="#414141"/>
<path d="M3.72949 5.07884C3.96235 4.96594 4.2199 4.93418 4.46334 4.84951C4.53037 4.82481 4.60446 4.82129 4.61505 4.73308C5.14779 4.60254 5.64173 4.37321 6.12155 4.11213C6.5167 3.89692 6.88715 3.64289 7.1941 3.31125C7.24702 3.2548 7.30347 3.20188 7.38462 3.19482C7.28936 3.40298 7.10943 3.54058 6.95419 3.69229C6.60843 4.03452 6.2027 4.30265 5.75463 4.49317C5.4124 4.63782 5.05959 4.75072 4.69972 4.84951C4.37867 4.93771 4.06113 5.04003 3.72949 5.08237V5.07884Z" fill="#8B8A8A"/>
<path d="M7.1549 5.11764C7.1937 4.90949 7.33483 4.74366 7.39481 4.54256C7.50418 4.18269 7.67 3.83694 7.72998 3.46296C7.67 3.28655 7.76879 3.13132 7.81465 2.97608C7.84641 2.87024 7.88874 2.76439 7.9205 2.65502C7.9205 2.64091 7.9205 2.63032 7.92402 2.61621C7.984 2.6903 7.96283 2.77498 7.94872 2.85259C7.81465 3.56527 7.63472 4.26384 7.39481 4.94477C7.34894 5.07884 7.28544 5.13528 7.15137 5.11412L7.1549 5.11764Z" fill="#5D5D5D"/>
<path d="M4.99947 5.11785C4.93596 5.11785 4.87246 5.11785 4.80895 5.11785C4.59021 5.11785 4.37147 5.11785 4.15625 5.11785C4.47025 5.02611 4.79131 4.9485 5.10884 4.87793C5.58866 4.77209 6.01557 4.57452 6.42483 4.31696C6.95052 3.98532 7.28216 3.47374 7.65967 3.00098C7.65967 3.03979 7.65967 3.0786 7.65967 3.1174C7.65967 3.14563 7.64908 3.17033 7.63497 3.19502C7.36683 3.60781 7.09164 4.01355 6.71766 4.34519C6.38955 4.63449 6.02615 4.86029 5.59572 4.98378C5.40167 5.04023 5.20057 5.06492 5.00653 5.11785H4.99947Z" fill="#838383"/>
<path d="M7.92072 2.65137C7.89956 2.93009 7.7796 3.18764 7.73021 3.45931C7.59614 3.62865 7.60319 3.85093 7.50088 4.03439C7.38798 4.23196 7.37034 4.46835 7.23274 4.65181C7.14101 4.79999 7.10573 4.97287 6.99989 5.11399C6.96108 5.11399 6.92227 5.11399 6.88346 5.11399C6.86935 5.11399 6.85876 5.11399 6.84465 5.11399C6.7882 5.02932 6.85171 4.96934 6.89051 4.90936C6.96461 4.7894 7.0387 4.67298 7.09515 4.54244C7.16571 4.45776 7.2151 4.3625 7.23627 4.25313C7.40209 3.9356 7.53263 3.60749 7.64906 3.27232C7.66317 3.21939 7.68081 3.16647 7.70551 3.11355C7.74079 3.03946 7.77607 2.96184 7.80782 2.88422C7.84663 2.8066 7.88544 2.72899 7.92072 2.65137Z" fill="#676767"/>
<path d="M7.80783 2.88428C7.81842 2.97248 7.76197 3.03951 7.73022 3.1136C7.72316 3.11713 7.7161 3.12419 7.70905 3.12772C7.70199 3.12419 7.69493 3.11713 7.69141 3.1136C7.70905 3.0254 7.7408 2.94778 7.80783 2.88428Z" fill="#787878"/>
<path d="M7.61387 3.15258C7.61387 3.15258 7.63857 3.12788 7.65268 3.11377C7.66679 3.11377 7.67738 3.11377 7.69149 3.11377C7.73735 3.17728 7.67385 3.21961 7.65621 3.27253C7.63504 3.27959 7.6174 3.27606 7.60329 3.26195C7.58917 3.22314 7.58917 3.18433 7.61387 3.14905V3.15258Z" fill="#787878"/>
<path d="M10.7295 8.84698C10.7824 8.74467 10.8389 8.64235 10.8918 8.54004C10.9482 8.54004 10.9941 8.57179 11.0153 8.62119C11.1776 8.95988 11.4034 9.2633 11.5586 9.60553C11.6256 9.75371 11.7456 9.88072 11.8056 10.036C11.8267 10.0924 11.8797 10.1524 11.795 10.2018C11.6221 10.2265 11.5233 10.0748 11.3787 10.0324C11.3257 9.99362 11.2693 9.9654 11.2481 9.89836C11.1388 9.56672 10.9659 9.2633 10.793 8.96341C10.7718 8.9246 10.733 8.89638 10.7295 8.85051V8.84698Z" fill="#191919"/>
<path d="M11.392 9.98665C11.5261 10.0572 11.6637 10.1278 11.7978 10.1983C11.8436 10.2336 11.886 10.2689 11.9318 10.3042C11.7307 10.3359 11.579 10.1948 11.3991 10.1454C11.0181 10.036 10.637 9.96548 10.2419 9.94079C10.1925 9.94079 10.1572 9.99018 10.1113 9.9549C10.1325 9.88081 10.1678 9.81377 10.2242 9.75732C10.5629 9.76438 10.891 9.82083 11.2121 9.93373C11.2721 9.9549 11.325 9.99018 11.392 9.98665Z" fill="#8A8989"/>
<path d="M9.84351 10.4241C9.84704 10.3711 9.87527 10.3323 9.91408 10.3041C10.4927 10.2018 11.0607 10.2759 11.6217 10.4276C11.6711 10.4417 11.724 10.4346 11.7663 10.4664C11.9357 10.4664 12.0803 10.5511 12.2285 10.6216C12.0592 10.6746 11.9075 10.5687 11.7416 10.5652C11.7205 10.5652 11.6993 10.5617 11.6781 10.5546C11.3112 10.5264 10.9478 10.4311 10.5774 10.4452C10.3621 10.4523 10.1434 10.4276 9.93172 10.4735C9.89996 10.4805 9.83646 10.5052 9.83998 10.4241H9.84351Z" fill="#9F9F9F"/>
<path d="M11.7702 10.463C11.5515 10.4242 11.3327 10.3889 11.114 10.3466C10.7435 10.276 10.3696 10.2831 9.99912 10.3325C9.96383 10.336 9.93914 10.3325 9.91797 10.3007C9.93208 10.276 9.94619 10.2513 9.96031 10.2266C10.1649 10.2301 10.3696 10.2231 10.5742 10.2054C10.8388 10.1808 11.0858 10.2831 11.3398 10.3325C11.488 10.3607 11.6432 10.3713 11.7738 10.4665L11.7702 10.463Z" fill="#9B9B9B"/>
<path d="M11.7312 10.5404C11.9041 10.5192 12.0593 10.6251 12.2322 10.618C12.2322 10.6321 12.2322 10.6427 12.2322 10.6568C12.0593 10.6639 11.8935 10.6392 11.7312 10.5792C11.7171 10.5722 11.7136 10.5616 11.7171 10.5545C11.7206 10.5475 11.7241 10.5404 11.7312 10.5404Z" fill="#A5A4A4"/>
<path d="M6.15327 11.5036C6.10035 11.5671 6.05448 11.5318 6.00862 11.493C5.82868 11.3378 5.60994 11.2813 5.38414 11.2355C4.84434 11.0555 4.29748 10.925 3.72946 10.8897C3.67653 10.8826 3.61656 10.9073 3.57422 10.8509C3.96231 10.8403 4.34688 10.8968 4.72791 10.9673C4.87256 11.0061 5.01722 11.0485 5.16187 11.0837C5.4547 11.1508 5.72637 11.2637 6.00156 11.3766C6.06154 11.4013 6.14269 11.4154 6.14974 11.5071L6.15327 11.5036Z" fill="#9F9F9F"/>
<path d="M8.07617 2.72911C8.23847 3.12779 8.33725 3.54764 8.47838 3.95337C8.60186 4.30618 8.67595 4.67663 8.83472 5.01886C8.84883 5.04709 8.84177 5.08237 8.8453 5.11412C8.47485 5.11412 8.49249 5.11059 8.41487 4.75778C8.30903 4.26737 8.2173 3.77344 8.13968 3.27597C8.11145 3.09604 8.09734 2.90905 8.07617 2.72559V2.72911Z" fill="#121213"/>
<path d="M8.26953 2.88428C8.50944 3.27943 8.73171 3.68163 8.94693 4.09089C9.10569 4.39078 9.28563 4.68009 9.45851 4.97292C9.48673 5.01879 9.50437 5.06465 9.50084 5.11405C9.3068 5.09288 9.26799 4.92353 9.1939 4.78946C8.97868 4.40137 8.82697 3.98505 8.57648 3.6146C8.47416 3.37116 8.30834 3.15241 8.26953 2.88428Z" fill="#262626"/>
<path d="M9.80819 5.11768C9.64943 4.87777 9.49066 4.64138 9.33542 4.40147C9.23311 4.24271 9.08846 4.11569 9.03906 3.92518C9.12021 3.90048 9.15902 3.96046 9.1943 4.00985C9.44127 4.35208 9.70235 4.68372 9.94579 5.02948C9.96343 5.05417 9.97754 5.08592 9.96343 5.11768C9.93873 5.11768 9.91051 5.11768 9.88581 5.11768C9.86111 5.11768 9.83642 5.11768 9.80819 5.11768Z" fill="#333332"/>
<path d="M7 5.11404C7.03881 4.94116 7.09173 4.77534 7.23286 4.65186C7.19405 4.82473 7.17641 5.00819 7 5.11404Z" fill="#636363"/>
<path d="M9.22949 3.73096C9.3565 3.73801 9.40237 3.85797 9.47293 3.92853C9.77282 4.21784 10.0904 4.48597 10.3973 4.76469C10.5137 4.87054 10.6549 4.9658 10.7325 5.11751C10.669 5.11751 10.6055 5.11751 10.5384 5.11751C10.5137 5.11751 10.4855 5.11751 10.4608 5.11751C10.4537 5.09281 10.4537 5.06106 10.4396 5.04694C10.1362 4.73294 9.82222 4.42952 9.52585 4.10494C9.42001 3.98851 9.25066 3.91795 9.22949 3.73096Z" fill="#3E3E3E"/>
<path d="M7.61396 3.15234C7.61396 3.19115 7.61396 3.22996 7.61396 3.26877C7.64571 3.30405 7.62807 3.33933 7.6069 3.37109C7.48341 3.51221 7.41638 3.68862 7.31407 3.84385C7.10943 4.16138 6.90128 4.47186 6.5908 4.70471C6.39676 4.84937 6.23446 5.03636 5.99455 5.1175C5.90635 5.1175 5.81462 5.1175 5.72641 5.1175C5.48297 5.1175 5.23953 5.1175 4.99609 5.1175C5.18661 5.00108 5.41241 4.99049 5.62057 4.92699C6.07217 4.78939 6.43556 4.53184 6.77426 4.21783C7.10943 3.90736 7.33876 3.51221 7.61396 3.15587V3.15234Z" fill="#7F7F7F"/>
<path d="M9.96322 5.11763C9.70567 4.76835 9.44812 4.41906 9.19057 4.06978C9.14823 4.01333 9.10589 3.96041 9.04239 3.92513C8.91537 3.72755 8.78483 3.52998 8.66135 3.32887C8.61901 3.26184 8.55198 3.20186 8.54492 3.11719C8.81306 3.37121 9.0071 3.68521 9.25054 3.96041C9.53985 4.29205 9.82563 4.63428 10.1114 4.97298C10.1467 5.01531 10.1714 5.06824 10.2031 5.11763C10.1255 5.11763 10.0479 5.11763 9.97381 5.11763H9.96322Z" fill="#373737"/>
<path d="M5.99805 5.11768C6.20268 4.95892 6.40731 4.80015 6.60841 4.63786C6.88008 4.41912 7.07765 4.13334 7.26817 3.84403C7.37401 3.68174 7.43399 3.48769 7.57864 3.3501C7.63156 3.44183 7.55395 3.50886 7.53278 3.58648C7.32109 4.05219 7.06001 4.48262 6.71778 4.86366C6.62252 4.9695 6.50962 5.04712 6.38967 5.11768C6.36497 5.11768 6.33675 5.11768 6.31205 5.11768C6.20973 5.11768 6.10742 5.11768 6.0051 5.11768H5.99805Z" fill="#787878"/>
<path d="M6.38206 5.11785C6.45967 4.9485 6.63608 4.88499 6.75251 4.7474C7.05593 4.39106 7.26761 3.97827 7.49694 3.57959C7.54633 3.81597 7.36287 3.97474 7.28525 4.16526C7.26761 4.21112 7.22175 4.2464 7.22175 4.29933C7.21469 4.33813 7.19705 4.36636 7.17235 4.39458C7.10885 4.44398 7.07709 4.50748 7.05593 4.58157C7.03476 4.63097 7.00653 4.67331 6.97478 4.71564C6.9148 4.77915 6.84777 4.83913 6.81249 4.9238C6.76309 5.02964 6.66783 5.07198 6.56905 5.11785H6.375H6.38206Z" fill="#737474"/>
<path d="M6.57617 5.11771C6.74905 5.01892 6.79139 4.79665 6.96074 4.69434C6.98543 4.89191 6.82314 4.98717 6.73141 5.11771C6.6926 5.11771 6.65379 5.11771 6.61498 5.11771C6.60087 5.11771 6.59028 5.11771 6.57617 5.11771Z" fill="#6F6F6F"/>
<path d="M6.73145 5.11789C6.76673 4.9556 6.92549 4.85681 6.96077 4.69452C6.98547 4.65571 7.01369 4.6169 7.03839 4.57809C7.0525 4.56045 7.06662 4.53928 7.09131 4.53223C7.09837 4.53223 7.10543 4.53928 7.11601 4.53928C7.13365 4.69805 7.00664 4.79331 6.94313 4.91679C6.91138 4.98383 6.85493 5.03675 6.84787 5.11437C6.80906 5.11437 6.77025 5.11437 6.73145 5.11437V5.11789Z" fill="#6E6E6E"/>
<path d="M9.8435 10.424C10.1399 10.3852 10.4397 10.3676 10.7361 10.3923C11.0572 10.4205 11.3818 10.4311 11.6922 10.5404C11.5652 10.5863 11.4347 10.544 11.3077 10.5404C10.8702 10.4769 10.4362 10.491 10.0023 10.5545C9.93523 10.5651 9.83644 10.6216 9.80469 10.4946C9.8188 10.4699 9.83291 10.4452 9.8435 10.4205V10.424Z" fill="#A5A4A4"/>
<path d="M9.80456 10.4979C9.95627 10.5826 10.1115 10.5155 10.2597 10.4944C10.616 10.445 10.9653 10.445 11.3111 10.5438C10.9053 10.5438 10.4961 10.5296 10.0903 10.5826C9.97038 10.5967 9.85748 10.6672 9.73047 10.6214C9.75517 10.5826 9.77986 10.5402 9.80456 10.5014V10.4979Z" fill="#A9A8A8"/>
<path d="M11.3076 10.5403C11.4346 10.4909 11.5652 10.5685 11.6922 10.5403C11.7063 10.5403 11.7169 10.5403 11.731 10.5403V10.5791C11.5899 10.5579 11.4417 10.6215 11.3076 10.5403Z" fill="#A9A8A8"/>
<path d="M10.7294 8.84717C10.8176 8.89303 10.8705 8.97065 10.9129 9.05885C11.0258 9.28818 11.1422 9.51398 11.2516 9.74331C11.2727 9.78565 11.3363 9.83504 11.2622 9.89149C11.1528 9.94088 11.0893 9.8421 11.0046 9.80682C10.9058 9.76448 10.8176 9.69744 10.7224 9.64805C10.6306 9.56338 10.486 9.54926 10.4189 9.42931C10.4719 9.23173 10.6342 9.08708 10.6836 8.88951C10.6977 8.87539 10.7118 8.86481 10.7259 8.8507L10.7294 8.84717Z" fill="#141414"/>
<path d="M10.7327 9.60572C10.9091 9.70098 11.089 9.79271 11.2654 9.88797C11.3077 9.91972 11.3501 9.955 11.3924 9.98675C11.3642 10.0467 11.3254 10.0256 11.2795 10.0079C10.962 9.8915 10.6339 9.83857 10.3022 9.80329C10.274 9.80329 10.2493 9.77507 10.2246 9.75743C10.2528 9.67628 10.2881 9.59866 10.3481 9.53516C10.4575 9.56691 10.5704 9.58455 10.6762 9.62336C10.7009 9.63042 10.7468 9.69392 10.7362 9.60219L10.7327 9.60572Z" fill="#838383"/>
<path d="M10.7322 9.60534C10.7322 9.63003 10.7357 9.65473 10.7393 9.6759C10.6087 9.62651 10.4429 9.67943 10.3477 9.5383C10.3653 9.49597 10.3759 9.44657 10.4217 9.42188C10.5311 9.47127 10.644 9.52066 10.7322 9.60181V9.60534Z" fill="#7B7A7A"/>
<path d="M4.80537 10.657C4.44903 10.6676 4.09269 10.6359 3.73635 10.6711C3.60228 10.6852 3.48232 10.7629 3.34473 10.7346C3.41882 10.657 3.52466 10.6323 3.61286 10.5794C4.02212 10.5194 4.43491 10.4841 4.85123 10.5194C4.90063 10.523 4.95002 10.5335 4.99941 10.5406C5.01353 10.5653 5.02411 10.5935 5.03822 10.6182C4.97472 10.7029 4.8724 10.5653 4.80889 10.657H4.80537Z" fill="#7D7C7D"/>
<path d="M5.18945 10.6182C5.26707 10.6323 5.33763 10.6711 5.41878 10.657C5.33058 10.7205 5.24943 10.717 5.18945 10.6182Z" fill="#7D7C7D"/>
<path d="M8.42188 2.96191C8.48185 2.9972 8.53477 3.03953 8.5383 3.11715C8.47832 3.08187 8.4254 3.03953 8.42188 2.96191Z" fill="#373737"/>
<path d="M4.42099 8.41291C4.42099 8.35646 4.42099 8.31412 4.42805 8.27884C4.4598 8.15888 4.53389 8.06715 4.65737 8.04951C4.77027 8.0354 4.80908 8.15183 4.83025 8.22592C4.95021 8.64224 5.08427 9.06208 4.86906 9.48898C4.84436 9.53838 4.83378 9.60894 4.75969 9.60188C4.69971 9.59483 4.6856 9.53485 4.66796 9.48898C4.58681 9.2773 4.53036 9.05855 4.5233 8.83275C4.51978 8.67752 4.38924 8.55403 4.42099 8.41291Z" fill="#404040"/>
<path d="M7.19043 4.30977C7.22571 4.12631 7.37036 3.9993 7.43387 3.82995C7.46562 3.7488 7.51149 3.67118 7.5009 3.57945C7.5256 3.50184 7.55383 3.42422 7.57852 3.35013C7.61028 3.33249 7.61733 3.30426 7.61733 3.27251C7.63144 3.27251 7.64203 3.27251 7.65614 3.27251C7.67025 3.25487 7.68084 3.25487 7.69495 3.27251C7.59263 3.62179 7.45504 3.95696 7.27158 4.27449C7.25041 4.29566 7.23982 4.338 7.19396 4.3133L7.19043 4.30977Z" fill="#6F6F6F"/>
<path d="M7.19004 4.30981C7.21473 4.29569 7.24296 4.28511 7.26766 4.271C7.25707 4.3839 7.23943 4.49327 7.11242 4.53913C7.08419 4.47915 7.11595 4.42976 7.15123 4.3839C7.16534 4.3592 7.17592 4.33097 7.19004 4.30628V4.30981Z" fill="#6E6E6E"/>
<path d="M7.69115 3.26901C7.69115 3.26901 7.66646 3.26901 7.65234 3.26901C7.66646 3.21609 7.67704 3.16669 7.69115 3.11377C7.70527 3.11377 7.71585 3.11377 7.72996 3.11377C7.73702 3.17022 7.71585 3.21961 7.69115 3.26901Z" fill="#737474"/>
<path d="M7.15158 4.38379C7.15864 4.44024 7.141 4.48963 7.11277 4.53903C7.08808 4.55314 7.05985 4.56372 7.03516 4.57784C7.04221 4.49316 7.04221 4.40849 7.15158 4.38379Z" fill="#6F6F6F"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 78 KiB

9
src/frontend/src/icons/Cursor/index.tsx Normal file
View file

@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import CursorSVG from "./Cursor";
export const CursorIcon = forwardRef<
SVGSVGElement,
React.PropsWithChildren<{}>
>((props, ref) => {
return <CursorSVG ref={ref} {...props} />;
});

24
src/frontend/src/icons/MCP/McpIcon.jsx Normal file
View file

@ -0,0 +1,24 @@
const SvgMcpIcon = (props) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
{...props}
>
<g clip-path="url(#clip0_93_974)">
<path d="M10.3518 1.67465C9.70545 1.02829 8.65745 1.02827 8.01105 1.67467L1.769 7.9167C1.55354 8.13217 1.20421 8.13217 0.988744 7.9167C0.773283 7.70124 0.773283 7.35191 0.988745 7.13645L7.2308 0.894407C8.3081 -0.182884 10.0548 -0.182915 11.132 0.894397C11.7702 1.53249 12.0303 2.40541 11.9125 3.23499C12.7421 3.11719 13.615 3.37733 14.2531 4.01542L14.2856 4.04793L14.2857 4.04802C15.3629 5.12534 15.3629 6.87194 14.2856 7.94921L8.64024 13.5946C8.56844 13.6664 8.56843 13.7828 8.64023 13.8546L9.79945 15.0139C10.0149 15.2294 10.0149 15.5787 9.79942 15.7942C9.58395 16.0096 9.23462 16.0096 9.01917 15.7941L7.86 14.6349C7.35727 14.1322 7.35725 13.3171 7.85999 12.8144L13.5053 7.16896C14.1517 6.52258 14.1518 5.47458 13.5053 4.8282L13.4729 4.79569L13.4728 4.7956C12.8269 4.14986 11.7802 4.14934 11.1337 4.794L6.48305 9.44472L6.48055 9.44721L6.41802 9.50973C6.20256 9.72519 5.85323 9.7252 5.63777 9.50974C5.4223 9.29428 5.4223 8.94494 5.63776 8.72948L10.3532 4.01397C10.9982 3.36747 10.9977 2.32054 10.3518 1.67465Z" />
<path d="M9.57157 3.23517C9.78703 3.01971 9.78703 2.67038 9.57157 2.45492C9.35611 2.23946 9.00678 2.23946 8.79131 2.45492L4.17478 7.07143C3.09747 8.14872 3.09752 9.8954 4.17479 10.9727C5.2521 12.05 6.99876 12.05 8.07607 10.9727L12.6926 6.35619C12.908 6.14073 12.908 5.7914 12.6926 5.57594C12.4771 5.36048 12.1278 5.36048 11.9123 5.57594L7.29581 10.1925C6.64943 10.8388 5.60143 10.8388 4.95505 10.1925C4.30865 9.54605 4.30867 8.49804 4.95504 7.85169L9.57157 3.23517Z" />
</g>
<defs>
<clipPath id="clip0_93_974">
<rect width="16" height="16" fill="white" />
</clipPath>
</defs>
</svg>
);
};
export default SvgMcpIcon;

8
src/frontend/src/icons/MCP/index.tsx Normal file
View file

@ -0,0 +1,8 @@
import React, { forwardRef } from "react";
import SvgMcpIcon from "./McpIcon";
export const McpIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
(props, ref) => {
return <SvgMcpIcon ref={ref} {...props} />;
},
);

11
src/frontend/src/icons/MCP/mcp-icon.svg Normal file
View file

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_93_974)">
<path d="M10.3518 1.67465C9.70545 1.02829 8.65745 1.02827 8.01105 1.67467L1.769 7.9167C1.55354 8.13217 1.20421 8.13217 0.988744 7.9167C0.773283 7.70124 0.773283 7.35191 0.988745 7.13645L7.2308 0.894407C8.3081 -0.182884 10.0548 -0.182915 11.132 0.894397C11.7702 1.53249 12.0303 2.40541 11.9125 3.23499C12.7421 3.11719 13.615 3.37733 14.2531 4.01542L14.2856 4.04793L14.2857 4.04802C15.3629 5.12534 15.3629 6.87194 14.2856 7.94921L8.64024 13.5946C8.56844 13.6664 8.56843 13.7828 8.64023 13.8546L9.79945 15.0139C10.0149 15.2294 10.0149 15.5787 9.79942 15.7942C9.58395 16.0096 9.23462 16.0096 9.01917 15.7941L7.86 14.6349C7.35727 14.1322 7.35725 13.3171 7.85999 12.8144L13.5053 7.16896C14.1517 6.52258 14.1518 5.47458 13.5053 4.8282L13.4729 4.79569L13.4728 4.7956C12.8269 4.14986 11.7802 4.14934 11.1337 4.794L6.48305 9.44472L6.48055 9.44721L6.41802 9.50973C6.20256 9.72519 5.85323 9.7252 5.63777 9.50974C5.4223 9.29428 5.4223 8.94494 5.63776 8.72948L10.3532 4.01397C10.9982 3.36747 10.9977 2.32054 10.3518 1.67465Z" fill="white"/>
<path d="M9.57157 3.23517C9.78703 3.01971 9.78703 2.67038 9.57157 2.45492C9.35611 2.23946 9.00678 2.23946 8.79131 2.45492L4.17478 7.07143C3.09747 8.14872 3.09752 9.8954 4.17479 10.9727C5.2521 12.05 6.99876 12.05 8.07607 10.9727L12.6926 6.35619C12.908 6.14073 12.908 5.7914 12.6926 5.57594C12.4771 5.36048 12.1278 5.36048 11.9123 5.57594L7.29581 10.1925C6.64943 10.8388 5.60143 10.8388 4.95505 10.1925C4.30865 9.54605 4.30867 8.49804 4.95504 7.85169L9.57157 3.23517Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_93_974">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

5
src/frontend/src/icons/lazyIconImports.ts
View file

@ -153,6 +153,7 @@ export const lazyIconsMapping = {
import("@/icons/LMStudio").then((mod) => ({ default: mod.LMStudioIcon })),
Maritalk: () =>
import("@/icons/Maritalk").then((mod) => ({ default: mod.MaritalkIcon })),
Mcp: () => import("@/icons/MCP").then((mod) => ({ default: mod.McpIcon })),
Mem0: () => import("@/icons/Mem0").then((mod) => ({ default: mod.Mem0 })),
Meta: () => import("@/icons/Meta").then((mod) => ({ default: mod.MetaIcon })),
Midjourney: () =>
@ -257,6 +258,10 @@ export const lazyIconsMapping = {
import("@/icons/thumbs").then((mod) => ({
default: mod.ThumbUpIconCustom,
})),
TwitterX: () =>
import("@/icons/Twitter X").then((mod) => ({
default: mod.TwitterXIcon,
})),
Unstructured: () =>
import("@/icons/Unstructured").then((mod) => ({
default: mod.UnstructuredIcon,

4
src/frontend/src/modals/baseModal/helpers/switch-case-size.ts
View file

@ -2,6 +2,10 @@ export const switchCaseModalSize = (size: string) => {
let minWidth: string;
let height: string;
switch (size) {
case "notice":
minWidth = "min-w-[400px] max-w-[400px]";
height = "";
break;
case "x-small":
minWidth = "min-w-[20vw]";
height = "";

1
src/frontend/src/modals/baseModal/index.tsx
View file

@ -167,6 +167,7 @@ interface BaseModalProps {
open?: boolean;
setOpen?: (open: boolean) => void;
size?:
| "notice"
| "x-small"
| "retangular"
| "smaller"

58
src/frontend/src/modals/toolsModal/components/toolsTable/index.tsx
View file

@ -27,11 +27,9 @@ export default function ToolsTable({
isAction,
open,
handleOnNewValue,
template,
}: {
rows: any[];
data: any[];
template?: APITemplateType;
setData: (data: any[]) => void;
open: boolean;
handleOnNewValue: handleOnNewValueType;
@ -220,6 +218,33 @@ export default function ToolsTable({
);
}, [focusedRow]);
const handleDescriptionChange = (e) => {
setSidebarDescription(e.target.value);
handleSidebarInputChange("description", e.target.value);
};
const handleNameChange = (e) => {
setSidebarName(e.target.value);
handleSidebarInputChange("name", e.target.value);
};
const handleSearchChange = (e) => setSearchQuery(e.target.value);
const tableOptions = {
block_hide: true,
};
const handleRowClicked = (event) => {
setFocusedRow(event.data);
setSidebarOpen(true);
};
const rowName = useMemo(() => {
return parseString(focusedRow?.display_name || focusedRow?.name || "", [
"space_case",
]);
}, [focusedRow]);
return (
<>
<main className="flex h-full w-full flex-1 flex-col gap-2 overflow-hidden py-4">
@ -229,7 +254,7 @@ export default function ToolsTable({
placeholder="Search actions..."
inputClassName="h-8"
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
onChange={handleSearchChange}
/>
</div>
<div className="flex-1 overflow-auto">
@ -244,13 +269,8 @@ export default function ToolsTable({
headerHeight={32}
rowHeight={32}
onSelectionChanged={handleSelectionChanged}
tableOptions={{
block_hide: true,
}}
onRowClicked={(event) => {
setFocusedRow(event.data);
setSidebarOpen(true);
}}
tableOptions={tableOptions}
onRowClicked={handleRowClicked}
getRowId={getRowId}
/>
</div>
@ -274,10 +294,7 @@ export default function ToolsTable({
<Input
id="sidebar-name-input"
value={sidebarName}
onChange={(e) => {
setSidebarName(e.target.value);
handleSidebarInputChange("name", e.target.value);
}}
onChange={handleNameChange}
maxLength={46}
placeholder="Edit name..."
data-testid="input_update_name"
@ -299,10 +316,7 @@ export default function ToolsTable({
<Textarea
id="sidebar-desc-input"
value={sidebarDescription}
onChange={(e) => {
setSidebarDescription(e.target.value);
handleSidebarInputChange("description", e.target.value);
}}
onChange={handleDescriptionChange}
placeholder="Edit description..."
className="h-24"
data-testid="input_update_description"
@ -320,9 +334,7 @@ export default function ToolsTable({
className="text-base font-medium"
data-testid="sidebar_header_name"
>
{parseString(focusedRow?.display_name || focusedRow?.name, [
"space_case",
])}
{rowName}
</h3>
<p
className="text-mmd text-muted-foreground"
@ -350,8 +362,8 @@ export default function ToolsTable({
</p>
</div>
)}
{actionArgs.map((field) => (
<div key={field.name} className="flex flex-col gap-2">
{actionArgs.map((field, index) => (
<div key={index} className="flex flex-col gap-2">
<label className="flex text-sm font-medium">
{field.display_name}
{field.description && (

3
src/frontend/src/modals/toolsModal/index.tsx
View file

@ -22,7 +22,6 @@ interface ToolsModalProps {
title: string;
icon?: string;
isAction?: boolean;
template?: APITemplateType;
}
const ToolsModal = forwardRef<AgGridReact, ToolsModalProps>(
@ -31,7 +30,6 @@ const ToolsModal = forwardRef<AgGridReact, ToolsModalProps>(
description,
rows,
handleOnNewValue,
template,
title,
icon,
open,
@ -72,7 +70,6 @@ const ToolsModal = forwardRef<AgGridReact, ToolsModalProps>(
<ToolsTable
rows={rows}
isAction={isAction}
template={template}
data={data}
setData={setData}
open={open}

171
src/frontend/src/pages/MainPage/components/header/index.tsx
View file

@ -3,12 +3,19 @@ import ShadTooltip from "@/components/common/shadTooltipComponent";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { SidebarTrigger } from "@/components/ui/sidebar";
import {
DEFAULT_FOLDER,
DEFAULT_FOLDER_DEPRECATED,
} from "@/constants/constants";
import { ENABLE_MCP } from "@/customization/feature-flags";
import { cn } from "@/utils/utils";
import { debounce } from "lodash";
import { useCallback, useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";
interface HeaderComponentProps {
flowType: "flows" | "components";
setFlowType: (flowType: "flows" | "components") => void;
flowType: "flows" | "components" | "mcp";
setFlowType: (flowType: "flows" | "components" | "mcp") => void;
view: "list" | "grid";
setView: (view: "list" | "grid") => void;
setNewProjectModal: (newProjectModal: boolean) => void;
@ -28,7 +35,7 @@ const HeaderComponent = ({
isEmptyFolder,
}: HeaderComponentProps) => {
const [debouncedSearch, setDebouncedSearch] = useState("");
const isMCPEnabled = ENABLE_MCP;
// Debounce the setSearch function from the parent
const debouncedSetSearch = useCallback(
debounce((value: string) => {
@ -45,10 +52,23 @@ const HeaderComponent = ({
};
}, [debouncedSearch, debouncedSetSearch]);
// If current flowType is not available based on feature flag, switch to flows
useEffect(() => {
if (
(flowType === "mcp" && !isMCPEnabled) ||
(flowType === "components" && isMCPEnabled)
) {
setFlowType("flows");
}
}, [flowType, isMCPEnabled, setFlowType]);
const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {
setDebouncedSearch(e.target.value);
};
// Determine which tabs to show based on feature flag
const tabTypes = isMCPEnabled ? ["mcp", "flows"] : ["components", "flows"];
return (
<>
<div
@ -66,94 +86,105 @@ const HeaderComponent = ({
</SidebarTrigger>
</div>
</div>
{folderName}
{folderName === DEFAULT_FOLDER_DEPRECATED ? DEFAULT_FOLDER : folderName}
</div>
{!isEmptyFolder && (
<>
<div className="flex flex-row-reverse pb-8">
<div
className={cn(
"flex flex-row-reverse",
flowType !== "mcp" && "pb-8",
)}
>
<div className="w-full border-b dark:border-border" />
{["components", "flows"].map((type) => (
{tabTypes.map((type) => (
<Button
key={type}
unstyled
id={`${type}-btn`}
data-testid={`${type}-btn`}
onClick={() => setFlowType(type as "flows" | "components")}
onClick={() => {
setFlowType(type as "flows" | "components" | "mcp");
}}
className={`border-b ${
flowType === type
? "border-b-2 border-foreground text-foreground"
: "border-border text-muted-foreground hover:text-foreground"
} px-3 pb-2 text-sm`}
} text-nowrap px-3 pb-2 text-sm`}
>
<div className={flowType === type ? "-mb-px" : ""}>
{type.charAt(0).toUpperCase() + type.slice(1)}
{type === "mcp"
? "MCP Server"
: type.charAt(0).toUpperCase() + type.slice(1)}
</div>
</Button>
))}
</div>
{/* Search and filters */}
<div className="flex justify-between">
<div className="flex w-full xl:w-5/12">
<Input
icon="Search"
data-testid="search-store-input"
type="text"
placeholder={`Search ${flowType}...`}
className="mr-2"
value={debouncedSearch}
onChange={handleSearch}
/>
<div className="relative top-[3px] mr-2 flex h-fit rounded-lg border border-muted bg-muted">
{/* Sliding Indicator */}
<div
className={`absolute top-[3px] h-[33px] w-8 transform rounded-lg bg-background shadow-md transition-transform duration-300 ${
view === "list"
? "left-[2px] translate-x-0"
: "left-[6px] translate-x-full"
}`}
></div>
{/* Buttons */}
{["list", "grid"].map((viewType) => (
<Button
key={viewType}
unstyled
size="icon"
className={`group relative z-10 mx-[2px] my-[3px] flex-1 rounded-lg p-2 ${
view === viewType
? "text-foreground"
: "text-muted-foreground hover:bg-muted"
}`}
onClick={() => setView(viewType as "list" | "grid")}
>
<ForwardedIconComponent
name={viewType === "list" ? "Menu" : "LayoutGrid"}
aria-hidden="true"
className="h-4 w-4 group-hover:text-foreground"
/>
</Button>
))}
</div>
</div>
<ShadTooltip content="New Flow" side="bottom">
<Button
variant="default"
className="!px-3 md:!px-4 md:!pl-3.5"
onClick={() => setNewProjectModal(true)}
id="new-project-btn"
data-testid="new-project-btn"
>
<ForwardedIconComponent
name="Plus"
aria-hidden="true"
className="h-4 w-4"
{flowType !== "mcp" && (
<div className="flex justify-between">
<div className="flex w-full xl:w-5/12">
<Input
icon="Search"
data-testid="search-store-input"
type="text"
placeholder={`Search ${flowType}...`}
className="mr-2"
value={debouncedSearch}
onChange={handleSearch}
/>
<span className="hidden whitespace-nowrap font-semibold md:inline">
New Flow
</span>
</Button>
</ShadTooltip>
</div>
<div className="relative top-[3px] mr-2 flex h-fit rounded-lg border border-muted bg-muted">
{/* Sliding Indicator */}
<div
className={`absolute top-[3px] h-[33px] w-8 transform rounded-lg bg-background shadow-md transition-transform duration-300 ${
view === "list"
? "left-[2px] translate-x-0"
: "left-[6px] translate-x-full"
}`}
></div>
{/* Buttons */}
{["list", "grid"].map((viewType) => (
<Button
key={viewType}
unstyled
size="icon"
className={`group relative z-10 mx-[2px] my-[3px] flex-1 rounded-lg p-2 ${
view === viewType
? "text-foreground"
: "text-muted-foreground hover:bg-muted"
}`}
onClick={() => setView(viewType as "list" | "grid")}
>
<ForwardedIconComponent
name={viewType === "list" ? "Menu" : "LayoutGrid"}
aria-hidden="true"
className="relative bottom-[1px] h-4 w-4 group-hover:text-foreground"
/>
</Button>
))}
</div>
</div>
<ShadTooltip content="New Flow" side="bottom">
<Button
variant="default"
className="!px-3 md:!px-4 md:!pl-3.5"
onClick={() => setNewProjectModal(true)}
id="new-project-btn"
data-testid="new-project-btn"
>
<ForwardedIconComponent
name="Plus"
aria-hidden="true"
className="h-4 w-4"
/>
<span className="hidden whitespace-nowrap font-semibold md:inline">
New Flow
</span>
</Button>
</ShadTooltip>
</div>
)}
</>
)}
</>

2
src/frontend/src/pages/MainPage/components/modalsComponent/index.tsx
View file

@ -29,7 +29,7 @@ const ModalsComponent = ({
}}
description="folder"
note={
"Deleting the selected folder will remove all associated flows and components."
"Deleting the selected project will remove all associated flows and components."
}
>
<></>

2
src/frontend/src/pages/MainPage/pages/emptyFolder/index.tsx
View file

@ -16,7 +16,7 @@ export const EmptyFolder = ({ setOpenModal }: EmptyFolderProps) => {
className="pt-5 font-chivo text-2xl font-semibold"
data-testid="mainpage_title"
>
{folders?.length > 1 ? "Empty folder" : "Start building"}
{folders?.length > 1 ? "Empty project" : "Start building"}
</h3>
<p className="pb-5 text-sm text-secondary-foreground">
Begin with a template, or start from scratch.

4
src/frontend/src/pages/MainPage/pages/emptyPage/index.tsx
View file

@ -26,10 +26,10 @@ export const EmptyPage = ({ setOpenModal }: EmptyPageProps) => {
className="pt-5 font-chivo text-2xl font-semibold text-foreground"
data-testid="mainpage_title"
>
{folders?.length > 1 ? "Empty folder" : "Start building"}
{folders?.length > 1 ? "Empty project" : "Start building"}
</h3>
<p
data-testid="empty-folder-description"
data-testid="empty-project-description"
className="pb-5 text-sm text-secondary-foreground"
>
Begin with a template, or start from scratch.

235
src/frontend/src/pages/MainPage/pages/homePage/components/McpServerTab.tsx Normal file
View file

@ -0,0 +1,235 @@
import { ForwardedIconComponent } from "@/components/common/genericIconComponent";
import ShadTooltip from "@/components/common/shadTooltipComponent";
import ToolsComponent from "@/components/core/parameterRenderComponent/components/ToolsComponent";
import { Button } from "@/components/ui/button";
import { createApiKey } from "@/controllers/API";
import {
useGetFlowsMCP,
usePatchFlowsMCP,
} from "@/controllers/API/queries/mcp";
import { PROXY_TARGET } from "@/customization/config-constants";
import useTheme from "@/customization/hooks/use-custom-theme";
import useAuthStore from "@/stores/authStore";
import { useFolderStore } from "@/stores/foldersStore";
import { MCPSettingsType } from "@/types/mcp";
import { parseString } from "@/utils/stringManipulation";
import { cn } from "@/utils/utils";
import { useState } from "react";
import { useParams } from "react-router-dom";
import SyntaxHighlighter from "react-syntax-highlighter";
const McpServerTab = ({ folderName }: { folderName: string }) => {
const isDarkMode = useTheme().dark;
const { folderId } = useParams();
const myCollectionId = useFolderStore((state) => state.myCollectionId);
const projectId = folderId ?? myCollectionId ?? "";
const [isCopied, setIsCopied] = useState(false);
const [apiKey, setApiKey] = useState<string>("");
const [isGeneratingApiKey, setIsGeneratingApiKey] = useState(false);
const { data: flowsMCP } = useGetFlowsMCP({ projectId });
const { mutate: patchFlowsMCP } = usePatchFlowsMCP({ project_id: projectId });
const isAutoLogin = useAuthStore((state) => state.autoLogin);
const handleOnNewValue = (value) => {
const flowsMCPData: MCPSettingsType[] = value.value.map((flow) => ({
id: flow.id,
action_name: flow.name,
action_description: flow.description,
mcp_enabled: flow.status,
}));
patchFlowsMCP(flowsMCPData);
};
const flowsMCPData = flowsMCP?.map((flow) => ({
id: flow.id,
name: flow.action_name,
description: flow.action_description,
display_name: flow.name,
display_description: flow.description,
status: flow.mcp_enabled,
tags: [flow.name],
}));
const syntaxHighlighterStyle = {
"hljs-string": {
color: isDarkMode ? "hsla(158, 64%, 52%, 1)" : "#059669", // Accent Green
},
"hljs-attr": {
color: isDarkMode ? "hsla(329, 86%, 70%, 1)" : "#DB2777", // Accent Pink
},
};
const apiUrl = `${PROXY_TARGET}/api/v1/mcp/project/${projectId}/sse`;
const MCP_SERVER_JSON = `{
"mcpServers": {
"lf-${parseString(folderName ?? "project", ["snake_case", "no_blank", "lowercase"]).slice(0, 11)}": {
"command": "npx",
"args": [
"-y",
"supergateway",
"--sse",
"${apiUrl}"${
isAutoLogin
? ""
: `,
"--header",
"x-api-key:${apiKey || "YOUR_API_KEY"}"`
}
]
}
}
}`;
const MCP_SERVER_TUTORIAL_LINK =
"https://docs.langflow.org/mcp-server#connect-clients-to-use-the-servers-actions";
const MCP_SERVER_DEPLOY_TUTORIAL_LINK =
"https://docs.langflow.org/mcp-server#deploy-your-server-externally";
const copyToClipboard = () => {
navigator.clipboard
.writeText(MCP_SERVER_JSON)
.then(() => {
setIsCopied(true);
setTimeout(() => {
setIsCopied(false);
}, 1000);
})
.catch((err) => console.error("Failed to copy text: ", err));
};
const generateApiKey = () => {
setIsGeneratingApiKey(true);
createApiKey(`MCP Server ${folderName}`)
.then((res) => {
setApiKey(res["api_key"]);
})
.catch((err) => {})
.finally(() => {
setIsGeneratingApiKey(false);
});
};
return (
<div>
<div
className="text-md -mt-2 pb-2 font-bold"
data-testid="mcp-server-title"
>
MCP Server
</div>
<div className="pb-4 text-sm text-muted-foreground">
Access your Project's flows as Actions within a MCP Server. Learn how to
<a
className="text-accent-pink-foreground"
href={MCP_SERVER_DEPLOY_TUTORIAL_LINK}
target="_blank"
rel="noreferrer"
>
{" "}
deploy your MCP server to the internet.
</a>
</div>
<div className="flex flex-row">
<div className="w-1/3">
<div className="flex flex-row justify-between">
<ShadTooltip
content="Flows in this project can be exposed as callable MCP actions."
side="right"
>
<div className="flex items-center text-sm font-medium hover:cursor-help">
Flows/Actions
<ForwardedIconComponent
name="info"
className="ml-1.5 h-4 w-4 text-muted-foreground"
aria-hidden="true"
/>
</div>
</ShadTooltip>
</div>
<div className="flex flex-row flex-wrap gap-2 pt-2">
<ToolsComponent
value={flowsMCPData}
title="MCP Server Actions"
description="Select actions to add to this server"
handleOnNewValue={handleOnNewValue}
id="mcp-server-tools"
button_description="Edit Actions"
editNode={false}
isAction
disabled={false}
/>
</div>
</div>
<div className="w-2/3 pl-4">
<div className="overflow-hidden rounded-lg border border-border">
<SyntaxHighlighter
style={syntaxHighlighterStyle}
CodeTag={({ children }) => (
<div className="relative bg-background text-[13px]">
<div className="absolute right-4 top-4 flex items-center gap-6">
{!isAutoLogin && (
<Button
unstyled
className="flex items-center gap-2 font-sans text-muted-foreground hover:text-foreground"
disabled={apiKey !== ""}
loading={isGeneratingApiKey}
onClick={generateApiKey}
>
<ForwardedIconComponent
name={"key"}
className="h-4 w-4"
aria-hidden="true"
/>
<span>
{apiKey === ""
? "Generate API key"
: "API key generated"}
</span>
</Button>
)}
<Button
unstyled
size="icon"
className={cn(
"h-4 w-4 text-muted-foreground hover:text-foreground",
)}
onClick={copyToClipboard}
>
<ForwardedIconComponent
name={isCopied ? "check" : "copy"}
className="h-4 w-4"
aria-hidden="true"
/>
</Button>
</div>
<div className="overflow-x-auto p-4">{children}</div>
</div>
)}
language="json"
>
{MCP_SERVER_JSON}
</SyntaxHighlighter>
</div>
<div className="p-2 text-sm text-muted-foreground">
Use this config in your client. Need help? See the{" "}
<a
href={MCP_SERVER_TUTORIAL_LINK}
target="_blank"
rel="noreferrer"
className="text-accent-pink-foreground"
>
setup guide
</a>
.
</div>
</div>
</div>
</div>
);
};
export default McpServerTab;

47
src/frontend/src/pages/MainPage/pages/homePage/index.tsx
View file

@ -15,8 +15,9 @@ import ListSkeleton from "../../components/listSkeleton";
import ModalsComponent from "../../components/modalsComponent";
import useFileDrop from "../../hooks/use-on-file-drop";
import EmptyFolder from "../emptyFolder";
import McpServerTab from "./components/McpServerTab";
const HomePage = ({ type }) => {
const HomePage = ({ type }: { type: "flows" | "components" | "mcp" }) => {
const [view, setView] = useState<"grid" | "list">(() => {
const savedView = localStorage.getItem("view");
return savedView === "grid" || savedView === "list" ? savedView : "list";
@ -27,7 +28,9 @@ const HomePage = ({ type }) => {
const [pageSize, setPageSize] = useState(12);
const [search, setSearch] = useState("");
const [flowType, setFlowType] = useState<"flows" | "components">(type);
const [flowType, setFlowType] = useState<"flows" | "components" | "mcp">(
type,
);
const myCollectionId = useFolderStore((state) => state.myCollectionId);
const folders = useFolderStore((state) => state.folders);
const folderName =
@ -103,8 +106,6 @@ const HomePage = ({ type }) => {
>
<div className="flex h-full w-full flex-col xl:container">
{ENABLE_DATASTAX_LANGFLOW && <CustomBanner />}
{/* mt-10 to mt-8 for Datastax LF */}
<div className="flex flex-1 flex-col justify-start px-5 pt-10">
<div className="flex h-full flex-col justify-start">
<HeaderComponent
@ -133,7 +134,11 @@ const HomePage = ({ type }) => {
<ListSkeleton />
</div>
)
) : data && data.pagination.total > 0 ? (
) : flowType === "mcp" ? (
<McpServerTab folderName={folderName} />
) : (flowType === "flows" || flowType === "components") &&
data &&
data.pagination.total > 0 ? (
view === "grid" ? (
<div className="mt-1 grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3">
{data.flows.map((flow) => (
@ -149,7 +154,7 @@ const HomePage = ({ type }) => {
)
) : flowType === "flows" ? (
<div className="pt-2 text-center text-sm text-secondary-foreground">
No flows in this folder.{" "}
No flows in this project.{" "}
<a
onClick={() => setNewProjectModal(true)}
className="cursor-pointer underline"
@ -176,20 +181,22 @@ const HomePage = ({ type }) => {
)}
</div>
</div>
{!isLoading && !isEmptyFolder && data.pagination.total >= 10 && (
<div className="flex justify-end px-3 py-4">
<PaginatorComponent
pageIndex={data.pagination.page}
pageSize={data.pagination.size}
rowsCount={[12, 24, 48, 96]}
totalRowsCount={data.pagination.total}
paginate={handlePageChange}
pages={data.pagination.pages}
isComponent={flowType === "components"}
/>
</div>
)}
{(flowType === "flows" || flowType === "components") &&
!isLoading &&
!isEmptyFolder &&
data.pagination.total >= 10 && (
<div className="flex justify-end px-3 py-4">
<PaginatorComponent
pageIndex={data.pagination.page}
pageSize={data.pagination.size}
rowsCount={[12, 24, 48, 96]}
totalRowsCount={data.pagination.total}
paginate={handlePageChange}
pages={data.pagination.pages}
isComponent={flowType === "components"}
/>
</div>
)}
</div>
</div>

5
src/frontend/src/pages/MainPage/pages/main-page.tsx
View file

@ -11,7 +11,6 @@ import { useEffect, useState } from "react";
import { Outlet } from "react-router-dom";
import ModalsComponent from "../components/modalsComponent";
import EmptyPageCommunity from "./empty-page";
import EmptyPage from "./emptyPage";
export default function CollectionPage(): JSX.Element {
const [openModal, setOpenModal] = useState(false);
@ -40,14 +39,14 @@ export default function CollectionPage(): JSX.Element {
{
onSuccess: () => {
setSuccessData({
title: "Folder deleted successfully.",
title: "Project deleted successfully.",
});
navigate("/all");
},
onError: (err) => {
console.error(err);
setErrorData({
title: "Error deleting folder.",
title: "Error deleting project.",
});
},
},

16
src/frontend/src/routes.tsx
View file

@ -86,12 +86,7 @@ const router = createBrowserRouter(
<Route
path="flows/"
element={<HomePage key="flows" type="flows" />}
>
<Route
path="folder/:folderId"
element={<HomePage key="flows" type="flows" />}
/>
</Route>
/>
<Route
path="components/"
element={<HomePage key="components" type="components" />}
@ -110,6 +105,15 @@ const router = createBrowserRouter(
element={<HomePage key="flows" type="flows" />}
/>
</Route>
<Route
path="mcp/"
element={<HomePage key="mcp" type="mcp" />}
>
<Route
path="folder/:folderId"
element={<HomePage key="mcp" type="mcp" />}
/>
</Route>
</Route>
<Route path="settings" element={<SettingsPage />}>
<Route

2
src/frontend/src/types/api/index.ts
View file

@ -161,6 +161,7 @@ export type changeUser = {
github_starred?: boolean;
discord_clicked?: boolean;
dialog_dismissed?: boolean;
mcp_dialog_dismissed?: boolean;
};
};
@ -181,6 +182,7 @@ export type Users = {
github_starred?: boolean;
discord_clicked?: boolean;
dialog_dismissed?: boolean;
mcp_dialog_dismissed?: boolean;
};
};

1
src/frontend/src/types/flow/index.ts
View file

@ -33,6 +33,7 @@ export type FlowType = {
locked?: boolean | null;
public?: boolean;
access_type?: "PUBLIC" | "PRIVATE" | "PROTECTED";
mcp_enabled?: boolean;
};
export type GenericNodeType = Node<NodeDataType, "genericNode">;

9
src/frontend/src/types/mcp/index.ts Normal file
View file

@ -0,0 +1,9 @@
export type MCPSettingsType = {
id: string;
mcp_enabled: boolean;
action_name?: string;
action_description?: string;
name?: string;
description?: string;
input_schema?: Record<string, any>;
};

1
src/frontend/src/utils/reactflowUtils.ts
View file

@ -1848,6 +1848,7 @@ export const createNewFlow = (
folder_id: folderId,
endpoint_name: flow?.endpoint_name ?? undefined,
tags: flow?.tags ?? [],
mcp_enabled: true,
};
};

54
src/frontend/tests/core/features/folders.spec.ts
View file

@ -19,46 +19,50 @@ test(
await page.getByTestId("icon-ChevronLeft").first().click();
await page.getByPlaceholder("Search flows").first().isVisible();
await page.getByText("Flows").first().isVisible();
await page.getByText("Components").first().isVisible();
if (await page.getByText("Components").first().isVisible()) {
await page.getByText("Components").first().isVisible();
} else {
await page.getByText("MCP Server").first().isVisible();
}
await page.getByText("All").first().isVisible();
await page.getByText("Select All").first().isVisible();
await page.getByTestId("add-folder-button").click();
await page.getByTestId("add-project-button").click();
await page
.locator("[data-testid='folder-sidebar']")
.getByText("New Folder")
.locator("[data-testid='project-sidebar']")
.getByText("New Project")
.last()
.isVisible();
await page
.locator("[data-testid='folder-sidebar']")
.getByText("New Folder")
.locator("[data-testid='project-sidebar']")
.getByText("New Project")
.last()
.dblclick();
const element = await page.getByTestId("input-folder");
await element.fill("new folder test name");
const element = await page.getByTestId("input-project");
await element.fill("new project test name");
await page.getByText("My Projects").last().click({
await page.getByText("Starter Project").last().click({
force: true,
});
await page.getByText("new folder test name").last().waitFor({
await page.getByText("new project test name").last().waitFor({
state: "visible",
timeout: 30000,
});
await page
.getByText("new folder test name")
.getByText("new project test name")
.last()
.hover()
.then(async () => {
await page.getByTestId("more-options-button").last().click();
});
await page.getByTestId("btn-delete-folder").click();
await page.getByTestId("btn-delete-project").click();
await page.getByText("Delete").last().click();
await expect(page.getByText("Folder deleted successfully")).toBeVisible({
await expect(page.getByText("Project deleted successfully")).toBeVisible({
timeout: 3000,
});
},
@ -137,26 +141,28 @@ test("change flow folder", async ({ page }) => {
await page.getByPlaceholder("Search flows").isVisible();
await page.getByText("Flows").first().isVisible();
await page.getByText("Components").first().isVisible();
await page.getByText("All").first().isVisible();
await page.getByText("Select All").first().isVisible();
if (await page.getByText("Components").first().isVisible()) {
await page.getByText("Components").first().isVisible();
} else {
await page.getByText("MCP Server").first().isVisible();
}
await page.getByTestId("add-folder-button").click();
await page.getByTestId("add-project-button").click();
await page
.locator("[data-testid='folder-sidebar']")
.getByText("New Folder")
.locator("[data-testid='project-sidebar']")
.getByText("New Project")
.last()
.isVisible();
await page
.locator("[data-testid='folder-sidebar']")
.getByText("New Folder")
.locator("[data-testid='project-sidebar']")
.getByText("New Project")
.last()
.dblclick();
await page.getByTestId("input-folder").fill("new folder test name");
await page.getByTestId("input-project").fill("new project test name");
await page.keyboard.press("Enter");
await page.getByText("new folder test name").last().isVisible();
await page.getByText("new project test name").last().isVisible();
await page.getByText("My Projects").last().click();
await page.getByText("Starter Project").last().click();
await page.getByText("Basic Prompting").first().hover();
await page.mouse.down();
await page.getByText("test").first().hover();

18
src/frontend/tests/core/regression/generalBugs-shard-4.spec.ts
View file

@ -31,15 +31,15 @@ test(
await page.getByText("Save").last().click();
await page.getByTestId("icon-ChevronLeft").last().click();
await page.getByTestId("add-folder-button").click();
await page.getByTestId("add-project-button").click();
let countFolders = await page.getByText("New Folder").count();
let countFolders = await page.getByText("New Project").count();
while (countFolders > 1) {
await page.getByText("New Folder").first().hover();
await page.getByText("New Project").first().hover();
await page.getByTestId("more-options-button").first().click();
await page.getByTestId("btn-delete-folder").click();
await page.getByTestId("btn-delete-project").click();
await page.getByText("Delete").last().click();
countFolders--;
await page.waitForTimeout(1000);
@ -47,7 +47,7 @@ test(
// Get the bounding boxes of the elements
const sourceElement = await page.getByTestId(`card-${randomName}`).first();
const targetElement = await page.getByText("New Folder").last();
const targetElement = await page.getByText("New Project").last();
const sourceBox = await sourceElement.boundingBox();
const targetBox = await targetElement.boundingBox();
@ -66,7 +66,7 @@ test(
await page.waitForTimeout(3000);
await page.getByText("New Folder").last().click();
await page.getByText("New Project").last().click();
expect(await page.getByTestId(`card-${randomName}`).first().isVisible());
@ -80,7 +80,7 @@ test(
await page.waitForTimeout(3000);
await page.getByText("New Folder").last().click();
await page.getByText("New Project").last().click();
expect(
await page.getByTestId(`card-${secondRandomName}`).first().isVisible(),
);
@ -89,7 +89,7 @@ test(
const secondSourceElement = await page
.getByTestId(`card-${secondRandomName}`)
.first();
const secondTargetElement = await page.getByText("New Folder").last();
const secondTargetElement = await page.getByText("New Project").last();
const secondSourceBox = await secondSourceElement.boundingBox();
const secondTargetBox = await secondTargetElement.boundingBox();
@ -108,7 +108,7 @@ test(
await page.waitForTimeout(3000);
await page.getByText("My Projects").last().click();
await page.getByText("Starter Project").last().click();
expect(
await page.getByTestId(`card-${secondRandomName}`).first().isVisible(),

18
src/frontend/tests/extended/features/actionsMainPage-shard-0.spec.ts
View file

@ -46,12 +46,16 @@ test(
timeout: 10000,
});
await page.getByText("Components", { exact: true }).click();
await page.getByTestId("home-dropdown-menu").nth(0).click();
await page.getByTestId("btn-download-json").last().click();
await expect(page.getByText(/.*exported successfully/).last()).toBeVisible({
timeout: 10000,
});
if (await page.getByText("Components").first().isVisible()) {
await page.getByText("Components", { exact: true }).click();
await page.getByTestId("home-dropdown-menu").nth(0).click();
await page.getByTestId("btn-download-json").last().click();
await expect(
page.getByText(/.*exported successfully/).last(),
).toBeVisible({
timeout: 10000,
});
}
},
);
@ -69,7 +73,7 @@ test(
if (countEmptyButton > 0) {
await addFlowToTestOnEmptyLangflow(page);
}
await page.getByTestId("upload-folder-button").last().click();
await page.getByTestId("upload-project-button").last().click();
},
);

28
src/frontend/tests/extended/features/deleteComponents.spec.ts
View file

@ -35,18 +35,20 @@ test(
timeout: 100000,
});
await page.getByTestId("icon-ChevronLeft").first().click();
await page.getByText("Components").first().click();
await page.getByText("Basic RAG").first().isVisible();
await page.waitForSelector('[data-testid="home-dropdown-menu"]', {
timeout: 100000,
});
await page.getByTestId("home-dropdown-menu").first().click();
await page.getByTestId("icon-Trash2").click();
await page
.getByText("Are you sure you want to delete the selected component?")
.isVisible();
await page.getByText("Delete").nth(1).click();
await page.waitForTimeout(1000);
await page.getByText("Successfully").first().isVisible();
if (await page.getByText("Components").first().isVisible()) {
await page.getByText("Components").first().click();
await page.getByText("Basic RAG").first().isVisible();
await page.waitForSelector('[data-testid="home-dropdown-menu"]', {
timeout: 100000,
});
await page.getByTestId("home-dropdown-menu").first().click();
await page.getByTestId("icon-Trash2").click();
await page
.getByText("Are you sure you want to delete the selected component?")
.isVisible();
await page.getByText("Delete").nth(1).click();
await page.waitForTimeout(1000);
await page.getByText("Successfully").first().isVisible();
}
},
);

4
src/frontend/tests/extended/features/dragAndDrop.spec.ts
View file

@ -22,7 +22,7 @@ test(
await page.getByTestId("icon-ChevronLeft").first().click();
await page.waitForSelector("text=my projects", {
await page.waitForSelector("text=starter project", {
timeout: 5000,
});
@ -76,7 +76,7 @@ test(
await page.getByTestId("icon-ChevronLeft").first().click();
await page.waitForSelector("text=my projects", {
await page.waitForSelector("text=starter project", {
timeout: 5000,
});

10
src/frontend/tests/extended/features/files-page.spec.ts
View file

@ -13,7 +13,7 @@ test(
await awaitBootstrapTest(page, { skipModal: true });
const firstRunLangflow = await page
.getByTestId("empty-folder-description")
.getByTestId("empty-project-description")
.count();
if (firstRunLangflow > 0) {
@ -58,7 +58,7 @@ test(
await awaitBootstrapTest(page, { skipModal: true });
const firstRunLangflow = await page
.getByTestId("empty-folder-description")
.getByTestId("empty-project-description")
.count();
if (firstRunLangflow > 0) {
@ -101,7 +101,7 @@ test(
await awaitBootstrapTest(page, { skipModal: true });
const firstRunLangflow = await page
.getByTestId("empty-folder-description")
.getByTestId("empty-project-description")
.count();
if (firstRunLangflow > 0) {
@ -169,7 +169,7 @@ test(
await awaitBootstrapTest(page, { skipModal: true });
const firstRunLangflow = await page
.getByTestId("empty-folder-description")
.getByTestId("empty-project-description")
.count();
if (firstRunLangflow > 0) {
@ -241,7 +241,7 @@ test(
await awaitBootstrapTest(page, { skipModal: true });
const firstRunLangflow = await page
.getByTestId("empty-folder-description")
.getByTestId("empty-project-description")
.count();
if (firstRunLangflow > 0) {

222
src/frontend/tests/extended/features/mcp-server-tab.spec.ts Normal file
View file

@ -0,0 +1,222 @@
import { expect, test } from "@playwright/test";
import { awaitBootstrapTest } from "../../utils/await-bootstrap-test";
import { zoomOut } from "../../utils/zoom-out";
test(
"user should be able to manage MCP server actions and configuration",
{ tag: ["@release", "@workspace", "@components"] },
async ({ page }) => {
await awaitBootstrapTest(page);
// Create a new flow
await page.getByTestId("blank-flow").click();
await page.getByTestId("sidebar-search-input").click();
await page.getByTestId("sidebar-search-input").fill("api request");
await page.waitForSelector('[data-testid="dataAPI Request"]', {
timeout: 3000,
});
await page
.getByTestId("dataAPI Request")
.hover()
.then(async () => {
await page.getByTestId("add-component-button-api-request").click();
});
await page.waitForSelector(
'[data-testid="generic-node-title-arrangement"]',
{
timeout: 3000,
},
);
await page.getByTestId("generic-node-title-arrangement").click();
// Exit the flow
await page.getByTestId("icon-ChevronLeft").last().click();
// Navigate to MCP server tab
await page.getByTestId("mcp-btn").click();
// Verify MCP server tab is visible
await expect(page.getByTestId("mcp-server-title")).toBeVisible();
await expect(page.getByText("Flows/Actions")).toBeVisible();
// Click on Edit Actions button
await page.getByTestId("button_open_actions").click();
await page.waitForTimeout(500);
// Verify actions modal is open
await expect(page.getByText("MCP Server Actions")).toBeVisible();
// Select some actions
const rowsCount = await page.getByRole("row").count();
expect(rowsCount).toBeGreaterThan(0);
const cellsCount = await page.getByRole("gridcell").count();
expect(cellsCount).toBeGreaterThan(0);
await page.getByRole("gridcell").first().click();
await page.waitForTimeout(500);
const isChecked = await page
.locator('input[data-ref="eInput"]')
.first()
.isChecked();
if (!isChecked) {
await page.locator('input[data-ref="eInput"]').first().click();
await page.waitForTimeout(500);
}
const isCheckedAgain = await page
.locator('input[data-ref="eInput"]')
.first()
.isChecked();
if (isCheckedAgain) {
await page.locator('input[data-ref="eInput"]').first().click();
await page.waitForTimeout(500);
}
const isCheckedAgainAgain = await page
.locator('input[data-ref="eInput"]')
.first()
.isChecked();
expect(isCheckedAgainAgain).toBeFalsy();
// Select first action
await page
.locator('input[data-ref="eInput"]')
.nth(rowsCount + 1)
.click();
await page.waitForTimeout(500);
await page
.getByRole("gridcell")
.nth(cellsCount - 1)
.click();
await page.waitForTimeout(500);
const isLastChecked = await page
.locator('input[data-ref="eInput"]')
.nth(rowsCount + 1)
.isChecked();
expect(isLastChecked).toBeTruthy();
expect(
await page.locator('[data-testid="input_update_name"]').isVisible(),
).toBe(true);
await page.getByTestId("input_update_name").fill("mcp test name");
await page.waitForTimeout(500);
// Close the modal
await page.getByText("Close").last().click();
await page.waitForTimeout(500);
// Verify the selected action is visible in the tab
await expect(page.getByTestId("div-mcp-server-tools")).toBeVisible();
// Generate API key if not in auto login mode
const isAutoLogin = await page.getByText("Generate API key").isVisible();
if (isAutoLogin) {
await page.getByText("Generate API key").click();
await expect(page.getByText("API key generated")).toBeVisible();
}
// Copy configuration
await page.getByTestId("icon-copy").click();
await expect(page.getByTestId("icon-check")).toBeVisible();
// Get the SSE URL from the configuration
const configJson = await page.locator("pre").textContent();
expect(configJson).toContain("mcpServers");
expect(configJson).toContain("supergateway");
expect(configJson).toContain("sse");
// Extract the SSE URL from the configuration
const sseUrlMatch = configJson?.match(
/"args":\s*\[\s*"-y",\s*"supergateway",\s*"--sse",\s*"([^"]+)"/,
);
expect(sseUrlMatch).not.toBeNull();
const sseUrl = sseUrlMatch![1];
// Verify setup guide link
await expect(page.getByText("setup guide")).toBeVisible();
await expect(page.getByText("setup guide")).toHaveAttribute(
"href",
"https://docs.langflow.org/mcp-server#connect-clients-to-use-the-servers-actions",
);
await awaitBootstrapTest(page);
// Create a new flow with MCP component
await page.getByTestId("blank-flow").click();
await page.getByTestId("sidebar-search-input").click();
await page.getByTestId("sidebar-search-input").fill("mcp server");
await page.waitForSelector('[data-testid="toolsMCP Server"]', {
timeout: 30000,
});
await page
.getByTestId("toolsMCP Server")
.dragTo(page.locator('//*[@id="react-flow-id"]'), {
targetPosition: { x: 0, y: 0 },
});
await page.getByTestId("fit_view").click();
await zoomOut(page, 3);
// Switch to SSE tab and paste the URL
await page.getByTestId("tab_1_sse").click();
await page.waitForSelector('[data-testid="textarea_str_sse_url"]', {
state: "visible",
timeout: 30000,
});
await page.getByTestId("textarea_str_sse_url").fill(sseUrl);
await page.waitForTimeout(2000);
// Wait for the tools to become available
let attempts = 0;
const maxAttempts = 3;
let dropdownEnabled = false;
while (attempts < maxAttempts && !dropdownEnabled) {
await page.getByTestId("refresh-button-sse_url").click();
try {
await page.waitForSelector(
'[data-testid="dropdown_str_tool"]:not([disabled])',
{
timeout: 10000,
state: "visible",
},
);
dropdownEnabled = true;
} catch (error) {
attempts++;
console.log(`Retry attempt ${attempts} for refresh button`);
}
}
if (!dropdownEnabled) {
throw new Error(
"Dropdown did not become enabled after multiple refresh attempts",
);
}
// Verify tools are available
await page.getByTestId("dropdown_str_tool").click();
await page.waitForTimeout(2000);
const fetchOptionCount = await page.getByText("mcp_test_name").count();
expect(fetchOptionCount).toBeGreaterThan(0);
},
);

10
src/frontend/tests/extended/regression/general-bugs-move-flow-from-folder.spec.ts
View file

@ -22,13 +22,13 @@ test("user must be able to move flow from folder", async ({ page }) => {
await page.getByText("Changes saved successfully").isVisible();
await page.getByTestId("icon-ChevronLeft").click();
await page.waitForSelector('[data-testid="add-folder-button"]', {
await page.waitForSelector('[data-testid="add-project-button"]', {
timeout: 3000,
});
await page.getByTestId("add-folder-button").click();
await page.getByTestId("add-project-button").click();
//wait for the folder to be created and changed to the new folder
//wait for the project to be created and changed to the new project
await page.waitForTimeout(1000);
await page.getByTestId("sidebar-nav-My Projects").click();
@ -38,12 +38,12 @@ test("user must be able to move flow from folder", async ({ page }) => {
await page
.getByTestId("list-card")
.first()
.dragTo(page.locator('//*[@id="sidebar-nav-New Folder"]'));
.dragTo(page.locator('//*[@id="sidebar-nav-New Project"]'));
//wait for the drag and drop to be completed
await page.waitForTimeout(1000);
await page.getByTestId("sidebar-nav-New Folder").click();
await page.getByTestId("sidebar-nav-New Project").click();
await page.waitForSelector('[data-testid="list-card"]', {
timeout: 3000,

4
src/frontend/tests/extended/regression/general-bugs-shard-3909.spec.ts
View file

@ -20,9 +20,9 @@ test(
await page.getByText("Close").last().click();
await page.getByTestId("add-folder-button").click();
await page.getByTestId("add-project-button").click();
await page.getByText("New Folder").last().click();
await page.getByText("New Project").last().click();
await page.waitForSelector("text=new flow", { timeout: 30000 });