12

1
Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/FiDA_Front
2026-05-05 09:49:21 +08:00 · 2026-05-05 09:44:20 +08:00 · 2026-05-04 17:09:00 +08:00 · 2026-05-04 17:08:58 +08:00 · 2026-05-04 16:57:37 +08:00 · 2026-05-04 14:58:02 +08:00
362 changed files with 36355 additions and 2876 deletions
--- a/.env.development
+++ b/.env.development
@@ -1,4 +1,5 @@
 # VITE_APP_URL = http://192.168.31.82:8771
 VITE_APP_URL = http://18.167.251.121:10015
 # VITE_APP_URL = http://192.168.31.118:8080
+# VITE_APP_URL = http://192.168.31.82:8755
 VITE_GOOGLE_CLIENT_ID = 216037134725-7q8vqp0ohtmohlosltkfg7bd2v29rm5a.apps.googleusercontent.com
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@

  <head>
    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
+    <link rel="icon" href="/favicon.svg">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -14,18 +14,24 @@
    "postinstall": "husky install"
  },
  "dependencies": {
+    "@crazydos/vue-markdown": "^1.1.4",
    "@vue-flow/core": "^1.48.2",
    "axios": "^1.3.6",
    "crypto-js": "^4.2.0",
    "dagre": "^0.8.5",
    "element-plus": "^2.13.2",
+    "fabric-with-all": "^5.3.1",
    "gsap": "^3.13.0",
-    "markdown-it": "^14.1.0",
+    "jszip": "^3.10.1",
+    "md5": "^2.3.0",
    "normalize.css": "^8.0.1",
    "pinia": "^2.0.32",
    "pinia-persistedstate-plugin": "^0.1.0",
    "pinia-plugin-persistedstate": "^3.1.0",
+    "rehype-raw": "^7.0.0",
+    "three": "^0.148.0",
    "vue": "^3.2.47",
+    "vue-draggable-plus": "^0.6.1",
    "vue-i18n": "^11.2.8",
    "vue-router": "^4.1.6"
  },
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg width="753" height="753" viewBox="0 0 753 753" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M634.536 365.274L634.824 364.392L697.737 132.952H631.864L613.396 200.848H363.698L360.43 201.55C272.317 220.226 254.644 306.834 253.94 310.508L253.362 313.497V419.411C180.124 419.159 122.772 418.871 121.382 418.835L121.039 482.264C126.671 482.3 182.651 482.606 253.38 482.84V632.625H316.96V483.038C345.627 483.11 374.98 483.128 403.051 483.128C467.299 483.128 461.451 482.912 489.865 482.264C493.114 482.192 496.255 482.012 499.378 481.76L608.071 632.625H686.364L562.128 460.166C613.089 427.209 633.434 368.678 634.572 365.274H634.536ZM488.403 418.871C448.579 419.753 411.121 419.789 316.942 419.573V320.251C319.668 310.255 332.142 274.11 370.702 264.277H596.175L574.042 345.752C571.028 353.928 545.845 417.574 488.403 418.889V418.871Z" fill="black"/>
+<path d="M91.0127 418.726H54.2764V482.498H91.0127V418.726Z" fill="black"/>
+</svg>
--- a/public/fonts/general/css/general-sans.css
+++ b/public/fonts/general/css/general-sans.css
@@ -20,12 +20,13 @@
 * General Sans BoldItalic 
 * General Sans Variable (Variable font)
 * General Sans VariableItalic (Variable font)
+* Misans-Regular

 *
 */
@font-face {
 	font-family: 'Regular';
-	src:url('../fonts/GeneralSans-Regular.otf') format('opentype');
+	src: url('../fonts/GeneralSans-Regular.otf') format('opentype');
 	font-weight: 400;
 	font-display: swap;
 	font-style: normal;
@@ -33,7 +34,7 @@

@font-face {
 	font-family: 'Medium';
-	src:url('../fonts/GeneralSans-Medium.otf') format('opentype'),
+	src: url('../fonts/GeneralSans-Medium.otf') format('opentype'),
 		url('../fonts/GeneralSans-MediumItalic.otf') format('opentype');
 	font-weight: 500;
 	font-display: swap;
@@ -42,7 +43,7 @@

@font-face {
 	font-family: 'SemiBold';
-	src:url('../fonts/GeneralSans-Semibold.otf') format('opentype'),
+	src: url('../fonts/GeneralSans-Semibold.otf') format('opentype'),
 		url('../fonts/GeneralSans-SemiboldItalic.otf') format('opentype');
 	font-weight: 600;
 	font-display: swap;
@@ -51,7 +52,7 @@

@font-face {
 	font-family: 'Bold';
-	src:url('../fonts/GeneralSans-Bold.otf') format('opentype'),
+	src: url('../fonts/GeneralSans-Bold.otf') format('opentype'),
 		url('../fonts/GeneralSans-BoldItalic.otf') format('opentype');
 	font-weight: 700;
 	font-display: swap;
@@ -60,7 +61,7 @@

@font-face {
 	font-family: 'Migra-Extrabold';
-	src:url('../fonts/Migra-Extrabold.otf') format('opentype'),
+	src: url('../fonts/Migra-Extrabold.otf') format('opentype'),
 		url('../fonts/Migra-Extrabold.ttf') format('truetype'),
 		url('../fonts/Migra-Extrabold.woff') format('woff'),
 		url('../fonts/Migra-Extrabold.woff2') format('woff2');
@@ -71,7 +72,7 @@

@font-face {
 	font-family: 'LBold';
-	src:url('../fonts/MazzardL-Bold.otf') format('opentype');
+	src: url('../fonts/MazzardL-Bold.otf') format('opentype');
 	font-weight: 700;
 	font-display: swap;
 	font-style: normal;
@@ -79,8 +80,22 @@

@font-face {
 	font-family: 'MBold';
-	src:url('../fonts/MazzardM-Bold.otf') format('opentype');
+	src: url('../fonts/MazzardM-Bold.otf') format('opentype');
 	font-weight: 700;
 	font-display: swap;
 	font-style: normal;
-}
+}
+@font-face {
+	font-family: 'MSemiBold';
+	src: url('../fonts/MazzardL-SemiBold.otf') format('opentype');
+	font-weight: 700;
+	font-display: swap;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'MisansRegular';
+	src: url('../fonts/MiSans-Regular.ttf') format('truetype');
+	font-style: normal;
+	font-weight: 330;
+}
--- a/public/fonts/general/fonts/MazzardL-SemiBold.otf
+++ b/public/fonts/general/fonts/MazzardL-SemiBold.otf
--- a/public/fonts/general/fonts/MiSans-Regular.ttf
+++ b/public/fonts/general/fonts/MiSans-Regular.ttf
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
 	<!-- <RouteCache /> -->
 	<router-view></router-view>
-	<div id="loading" v-if="loading" v-loading="true"></div>
+	<div id="loading" v-show="loading" v-loading="true"></div>
 </template>

 <script setup lang="ts">
@@ -12,6 +12,7 @@
 	const router = useRouter()
 	const globalStore = useGlobalStore()
 	const loading = computed(() => globalStore.state.loading || globalStore.state.view_loading)
+	globalStore.setLoading(false)
 	window['onClickPrivacy'] = () => {
 		// window.event?.preventDefault()
 		console.log('onClickPrivacy')
@@ -28,7 +29,7 @@
 	#app {
 		font-size: 1.6rem;
 	}
-	.el-message{
+	.el-message {
 		font-size: 1.6rem;
 	}
 	#loading {
--- a/src/api/agent.ts
+++ b/src/api/agent.ts
@@ -3,17 +3,95 @@ import request from '@/utils/request'
 // 对话
 export interface AgentParamsType {
 	message: string // 消息
-	threadId: string // 对话ID
-	checkpointId?: string // 检查点ID
+	projectID: string //
+	versionID?: string //
 	imageUrlList?: string[] // 图片URL列表
 	configParams: Record<string, any> // 其他配置参数
 	token: string
+	needSuggestion?: boolean
+	useReport: bolean
 }
-export const fetchAgentReply = (data: AgentParamsType): Promise<AgentResponse> => {
+export const chatUrl = '/api/ai-design/chat'
+
+export interface CreateProjectParamsType {
+	type: string
+	region: string
+	style: string
+	temperature: number | string
+}
+export const createProject = (data: CreateProjectParamsType): Promise<any> => {
+	return request({ url: '/api/project/init', method: 'post', data })
+}
+
+/**
+ * 获取项目信息和会话历史
+ * @param data 获取项目信息参数
+ * @param data.id 项目id
+ * @returns 获取项目信息
+ */
+export const getProjectInfo = (data) => {
 	return request({
-		url: '/api/ai-design/chat',
-		method: 'get',
-		data,
-		meta: { responseAll: true }
+		url: `/api/project/${data.id}`,
+		method: 'get'
+	})
+}
+
+/**
+ * 获取项目版本列表
+ * @param params 获取项目版本列表参数
+ * @param params.page 页码
+ * @param params.size 每页数量
+ * @returns 获取项目版本列表
+ */
+export const getProjectList = (params) => {
+	return request({
+		url: `/api/project/list`,
+		method: 'get',
+		params,
+		loading: true,
+	})
+}
+
+/**
+ * 修改项目信息
+ * @param id 项目id
+ * @param data 修改项目信息参数
+ * @param data.name 项目名称
+ * @param data.type 项目类型
+ * @param data.region 项目区域
+ * @param data.style 项目风格
+ * @param data.temperature 项目温度
+ * @returns 修改项目信息
+ */
+export const updateProject = (id: string, data: Object) => {
+	return request({
+		url: `/api/project/${id}`,
+		method: 'put',
+		data,
+		loading: true,
+	})
+}
+/**
+ * 删除项目
+ * @param id 项目id
+ * @returns 删除项目
+ */
+export const deleteProject = (id: string) => {
+	return request({
+		url: `/api/project/${id}`,
+		method: 'delete',
+		loading: true,
+	})
+}
+
+/**
+ * 批量获取url对应的标题
+ * @param { string[] } data 批量获取url对应的标题参数
+ */
+export const fetchUrlTitle = (data: string[]) => {
+	return request({
+		url: '/api/ai-design/fetch-url-content',
+		method: 'post',
+		data: { urls: data }
 	})
 }
--- a/src/api/depth-canvas.ts
+++ b/src/api/depth-canvas.ts
@@ -0,0 +1,54 @@
+import request from '@/utils/request'
+
+/**
+ * 获取深度画布
+ * @param id depth id
+ * @returns 深度画布数据
+ */
+export const getDepthCanvas = (id: string) => {
+	return request({
+		url: `/api/deep-canvas/${id}`,
+		method: 'get',
+		loading: true,
+	})
+}
+
+/**
+ * 保存深度画布
+ * @param data 保存depth的画布数据
+ * @returns 保存结果
+ */
+export const saveDepthCanvas = (data: object) => {
+	return request({
+		url: `/api/deep-canvas/update`,
+		method: 'put',
+		data,
+		loading: true,
+	})
+}
+
+/**
+ * 删除深度画布
+ * @param id depth id
+ * @returns 删除结果
+ */
+export const deleteDepthCanvas = (id: string) => {
+	return request({
+		url: `/api/deep-canvas/${id}`,
+		method: 'delete',
+		loading: true,
+	})
+}
+
+/**
+ * 获取分隔后图片
+ * @param data 分隔参数数据
+ * @returns 分隔后图片数据
+ */
+export const getSegAnythingImage = (data: object) => {
+	return request({
+		url: `/api/python/segAnything`,
+		method: 'post',
+		data,
+	})
+}
--- a/src/api/flow-canvas.ts
+++ b/src/api/flow-canvas.ts
@@ -0,0 +1,302 @@
+import request from '@/utils/request'
+
+/**
+ * 获取sketch的画布详情
+ * @param data 获取sketch的画布详情的参数
+ * @param data.id sketch id
+ * @returns 获取sketch的画布详情
+ */
+export interface getSketchFlowCanvasData {
+	id: string
+}
+export const getSketchFlowCanvas = (data:getSketchFlowCanvasData,loading?:boolean) => {
+	return request({
+		url: `/api/canvas/detail/${data.id}`,
+		method: 'get',
+		loading
+	})
+}
+
+/**
+ * 保存或者更新sketch的画布详情
+ * @param data 获取sketch的画布详情的参数
+ * @param data.id sketch id
+ * @param data.canvasData sketch id
+ * @returns 获取sketch的画布详情
+ */
+export interface saveSketchFlowCanvasData {
+	id?: string
+	canvasData: string
+}
+export const putSketchFlowCanvas = (data:saveSketchFlowCanvasData,loading?:boolean) => {
+	return request({
+		url: `/api/canvas/detail/${data.id}`,
+		method: 'put',
+		headers: {
+			'Content-Type': 'application/json'
+		},
+		data: data.canvasData,
+		loading
+	})
+}
+
+/**
+ * 删除sketch和画布详情
+ * @param data 删除sketch的画布详情的参数
+ * @param data.id sketch id
+ * @param data.versionNodeId 节点id
+ * @returns 获取sketch的画布详情
+ */
+export interface deleteSketchFlowCanvasData {
+	id?: string
+	versionNodeId?: string
+}
+export const deleteSketchFlowCanvas = (data:deleteSketchFlowCanvasData) => {
+	return request({
+		url: `/api/canvas/detail/${data.versionNodeId}/${data.id}`,
+		method: 'delete',
+	})
+}
+
+/**
+ * 根据taskId查询结果
+ * @param data 根据taskId查询结果的参数
+ * @param data.taskIds taskIds列表
+ * @returns 根据taskId查询结果
+ */
+export interface taskIdList {
+	taskIds?: Array<string>
+}
+export const getTaskidResult = (data:taskIdList) => {
+	return request({
+		url: `/api/image/tasks/batch`,
+		method: 'post',
+		data: {
+			taskIds: data.taskIds
+		}
+	})
+}
+
+/**
+ * 图片转真是风格
+ * @param data 图片转真是风格的参数
+ * @param data.sketchId sketch id
+ * @param data.imageUrl 进行生成的图片。minio地址和正常地址都可以
+ * @param data.mode 选择的模型
+ * @param data.size 生成图片的大小
+ * @param data.userPrompt 生成图片的提示词
+ * @returns 图片转真是风格
+ */
+export interface toRealStyleData {
+	sketchId?: string
+	imageUrl?: string
+	mode?: string
+	size?: string
+	userPrompt?: string
+}
+export const toRealStyleApi = (data:toRealStyleData) => {
+	return request({
+		url: `/api/image/to-real-style`,
+		method: 'post',
+		data:{
+			sketchId: data.sketchId,
+			imageUrl: data.imageUrl,
+			mode: data.mode,
+			size: data.size,
+			userPrompt: data.userPrompt
+		}
+	})
+}
+/**
+ * 图片转真是风格-变体
+ * @param data 图片转真是风格-变体的参数
+ * @param data.sketchId sketch id
+ * @param data.imageUrl 进行生成的图片。minio地址和正常地址都可以
+ * @param data.mode 选择的模型
+ * @param data.size 生成图片的大小
+ * @param data.userPrompt 生成图片的提示词
+ * @param data.original3dUrl 原始3d模型的url
+ * @returns 图片转真是风格
+ */
+export interface toRealStyleData {
+	sketchId?: string
+	imageUrl?: string
+	mode?: string
+	size?: string
+	userPrompt?: string
+	original3dUrl?: string
+}
+export const toRealVariantsApi = (data:toRealStyleData) => {
+	return request({
+		url: `/api/image/to-real-variants`,
+		method: 'post',
+		data:{
+			sketchId: data.sketchId,
+			imageUrl: data.imageUrl,
+			mode: data.mode,
+			size: data.size,
+			userPrompt: data.userPrompt,
+			original3dUrl: data.original3dUrl,
+		}
+	})
+}
+/**
+ * 线稿图上色
+ * @param data 线稿图上色的参数
+ * @param data.sketchId sketch id
+ * @param data.imageUrl 进行生成的图片。minio地址和正常地址都可以
+ * @param data.variantCount 生成图片的数量
+ * @param data.colors 生成上色的图片颜色列表
+ * @param data.mode 选择的模型
+ * @returns 线稿图上色
+ */
+export interface toColorPaletteData {
+	sketchId?: string
+	imageUrl?: string
+	variantCount?: string
+	colors?: Array<string>
+	mode?: string
+}
+export const toColorPaletteApi = (data:toColorPaletteData) => {
+	return request({
+		url: `/api/image/color-palette`,
+		method: 'post',
+		data:{
+			sketchId: data.sketchId,
+			imageUrl: data.imageUrl,
+			variantCount: data.variantCount,
+			colors: data.colors,
+			mode: data.mode,
+		}
+	})
+}
+
+/**
+ * 场景构图
+ * @param data 场景构图的参数
+ * @param data.sketchId sketch id
+ * @param data.imageUrl 进行生成的图片。minio地址和正常地址都可以
+ * @param data.styles 生成上色的图片颜色列表
+ * @param data.userPrompt 生成上色的图片颜色列表
+ * @param data.mode 选择的模型
+ * @returns 场景构图
+ */
+export interface toSceneCompositionData {
+	sketchId?: string
+	imageUrl?: string
+	userPrompt?: string
+	styles?: Array<string>
+	mode?: string
+}
+export const toSceneCompositionApi = (data:toSceneCompositionData) => {
+	return request({
+		url: `/api/image/scene-composition`,
+		method: 'post',
+		data:{
+			sketchId: data.sketchId,
+			imageUrl: data.imageUrl,
+			userPrompt: data.userPrompt,
+			styles: data.styles,
+			mode: data.mode,
+		}
+	})
+}
+
+/**
+ * 线稿贴印花
+ * @param data 线稿贴印花的参数
+ * @param data.sketchId sketch id
+ * @param data.imageUrl 进行生成的图片。minio地址和正常地址都可以
+ * @param data.styles 生成上色的图片颜色列表
+ * @param data.userPrompt 生成上色的图片颜色列表
+ * @param data.mode 选择的模型
+ * @returns 线稿贴印花
+ */
+export interface sketchAddPrintData {
+	sketchId?: string
+	imageUrl?: string
+	surFaceUrl?: string
+	userPrompt?: string
+	mode?: string
+}
+export const sketchAddPrintApi = (data:sketchAddPrintData) => {
+	return request({
+		url: `/api/image/surface-edit`,
+		method: 'post',
+		data:{
+			sketchId: data.sketchId,
+			imageUrl: data.imageUrl,
+			userPrompt: data.userPrompt,
+			surFaceUrl: data.surFaceUrl,
+			mode: data.mode,
+		}
+	})
+}
+
+/**
+ * 图片转3d
+ * @param data 图片转3d的参数
+ * @param data.sketchId sketch id
+ * @param data.imageUrls 进行生成的图片。minio地址和正常地址都可以
+ * @param data.mode 选择的模型
+ * @returns 图片转3d
+ */
+export interface sketchToThreeData {
+	sketchId?: string
+	imageUrls?: Array<string>
+	mode?: string
+}
+export const sketchToThreeApi = (data:sketchToThreeData) => {
+	return request({
+		url: `/api/image/img-to-3d`,
+		method: 'post',
+		data:{
+			sketchId: data.sketchId,
+			imageUrls: data.imageUrls,
+			mode: data.mode,
+		}
+	})
+}
+
+/**
+ * 3d模型转3视图
+ * @param data 3d模型转3视图的参数
+ * @param data.sketchId sketch id
+ * @param data.glbUrl 生成的3d模型地址
+ * @returns 3d模型转3视图
+ */
+export interface threeToThreeViewsData {
+	sketchId?: string
+	glbUrl?: string
+}
+export const threeToThreeViewsApi = (data:threeToThreeViewsData) => {
+	return request({
+		url: `/api/image/glb-to-3views`,
+		method: 'post',
+		data:{
+			sketchId: data.sketchId,
+			glbUrl: data.glbUrl,
+		}
+	})
+}
+
+/**
+ * 根据sketchId更新VersionNode的sketch的URL值
+ * @param data 根据sketchId更新VersionNode的sketchL值的参数
+ * @param data.sketchId sketch id
+ * @param data.newUrl 生成的3d模型地址
+ * @returns 根据sketchId更新VersionNode的sketch的URL值
+ */
+export interface threeToThreeViewsData {
+	sketchId?: string
+	newUrl?: string
+}
+export const updateVersionSketchUrlApi = (data:threeToThreeViewsData) => {
+	return request({
+		url: `/api/canvas/sketchIdAndUrl/${data.sketchId}`,
+		method: 'put',
+		data:{
+			newUrl: data.newUrl,
+		}
+	})
+}
--- a/src/api/login.ts
+++ b/src/api/login.ts
@@ -1,51 +0,0 @@
-import request from '@/utils/request'
-
-/**
- * 
- * 发送验证码
- * @param params 发送验证码的参数
- * @param params.email 邮箱
- * @returns 验证码发送成功的响应
- */
-export const SendVerificationCode = (params) => {
-	return request({
-		url: '/api/user/send-verification-code',
-		method: 'post',
-		loading: true,
-		params
-	})
-}
-
-/**
- * 注册用户
- * @param data 注册用户的参数
- * @param data.username 姓名
- * @param data.password 密码
- * @param data.email 邮箱
- * @param data.verificationCode 验证码
- * @returns 注册成功后的token
-*/
-export const Register = (data) => {
-	return request({
-		url: '/api/user/register',
-		method: 'post',
-		loading: true,
-		data
-	})
-}
-/**
- * 登录用户
- * @param data 登录用户的参数
- * @param data.username 姓名
- * @param data.password 密码
- * @param data.verificationCode 验证码
- * @returns 登录成功后的token
-*/
-export const Login = (data) => {
-	return request({
-		url: '/api/user/login',
-		method: 'post',
-		loading: true,
-		data
-	})
-}
--- a/src/api/upload.ts
+++ b/src/api/upload.ts
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+export const uploadImage = (data: FormData, loading = false) => {
+	return request({
+		url: '/api/file/upload',
+		method: 'POST',
+		loading,
+		data
+	})
+}
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -0,0 +1,150 @@
+import request from '@/utils/request'
+
+/**
+ * 
+ * 发送验证码
+ * @param params 发送验证码的参数
+ * @param params.email 邮箱
+ * @param params.type 验证码类型
+ * @param params.password 密码
+ * @returns 验证码发送成功的响应
+ */
+export const SendVerificationCode = (params) => {
+	return request({
+		url: '/api/user/send-verification-code',
+		method: 'post',
+		loading: true,
+		params
+	})
+}
+
+/**
+ * 注册用户
+ * @param data 注册用户的参数
+ * @param data.username 姓名
+ * @param data.password 密码
+ * @param data.email 邮箱
+ * @param data.verificationCode 验证码
+ * @returns 注册成功后的token
+*/
+export const Register = (data) => {
+	return request({
+		url: '/api/user/register',
+		method: 'post',
+		loading: true,
+		data
+	})
+}
+/**
+ * 登录用户
+ * @param data 登录用户的参数
+ * @param data.email 邮箱
+ * @param data.password 密码
+ * @param data.verificationCode 验证码
+ * @returns 登录成功后的token
+*/
+export const Login = (data) => {
+	return request({
+		url: '/api/user/login',
+		method: 'post',
+		loading: true,
+		data
+	})
+}
+/**
+ * 退出登录
+ * @returns 退出登录成功的响应
+*/
+export const Logout = () => {
+	return request({
+		url: '/api/user/logout',
+		method: 'post',
+		loading: true,
+	})
+}
+
+/**
+ * 忘记密码
+ * @param data 忘记密码的参数
+ * @param data.email 邮箱
+ * @param data.newPassword 新密码
+ * @param data.verificationCode 验证码
+ * @returns 忘记密码成功后的token
+*/
+export const ForgotPassword = (data) => {
+	return request({
+		url: '/api/user/forgot-password',
+		method: 'post',
+		loading: true,
+		data
+	})
+}
+
+/**
+ * 获取用户信息
+ * @returns 用户信息
+*/
+export const GetUserInfo = () => {
+	return request({
+		url: '/api/user/info',
+		method: 'get',
+		loading: true,
+	})
+}
+
+/**
+ * 更新用户拓展信息
+ * @param data 更新用户拓展信息的参数
+ * @param data.base 基础信息
+ * @param data.vibe 风格特点
+ * @param data.role 角色类型
+ * @returns 更新用户拓展信息成功的响应
+*/
+export const UpdateUserProfile = (data, loading = false) => {
+	return request({
+		url: '/api/user/profile',
+		method: 'put',
+		loading,
+		data
+	})
+}
+
+/**
+ * 上传头像
+ * @param data 上传头像的参数
+ * @param data.avatar 头像文件
+ * @returns 上传头像成功的响应
+*/
+export const UpdateUserAvatar = (data) => {
+	return request({
+		url: '/api/user/avatar',
+		method: 'post',
+		data
+	})
+}
+
+/**
+ * 获取上传头像次数
+*/
+export const getAvatarLimit = () => {
+	return request({
+		url: '/api/user/avatar/limit',
+		method: 'get',
+	})
+}
+
+/**
+ * 获取用户风格图片列表
+ * @param params 获取用户风格图片列表的参数	
+ * @param params.pageNum 页码
+ * @param params.pageSize 每页数量
+ * @returns 用户风格图片列表
+*/
+export const GetUserStyleImages = (params) => {
+	return request({
+		url: '/api/user/style/images',
+		method: 'get',
+		params,
+		loading: true,
+	})
+}
--- a/src/api/versitonTree.ts
+++ b/src/api/versitonTree.ts
@@ -9,7 +9,7 @@ import request from '@/utils/request'
 */
 export const getChatNodeDetail = (data) => {
 	return request({
-		url: `/api/project/${data.projectId}/chat/node/${data.id}`,
+		url: `/api/version/${data.projectId}/chat/node/${data.id}`,
 		method: 'get',
 	})
 }
@@ -22,7 +22,35 @@ export const getChatNodeDetail = (data) => {
 */
 export const versionTree = (data) => {
 	return request({
-		url: `/api/project/${data.projectId}/chat/tree`,
+		url: `/api/version/${data.projectId}/chat/tree`,
+		method: 'get',
+	})
+}
+
+/**
+ * 获取节点缩略信息
+ * @param data 获取节点缩略信息的参数
+ * @param data.projectId 项目id
+ * @param data.id 节点id
+ * @returns 回溯该节点之前的会话列表
+*/
+export const getNodeAncestors = (data) => {
+	return request({
+		url: `/api/version/${data.projectId}/chat/node/${data.id}/ancestors`,
+		method: 'get',
+	})
+}
+
+/**
+ * 清除未生成图片的节点对话
+ * @param data 清除未生成图片的节点对话的参数
+ * @param data.projectId 项目id
+ * @param data.id 节点id
+ * @returns 获取节点缩略信息
+*/
+export const clearNodeChat = (data) => {
+	return request({
+		url: `/api/version/${data.projectId}/chat/reStore/${data.id}`,
 		method: 'get',
 	})
 }
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -70,3 +70,45 @@ body,
 .relative {
  position: relative;
 }
+.el-overlay {
+  --el-color-primary: #ff7a51;
+  --el-color-primary-light-3: #ffa785;
+  --el-color-primary-light-5: #ffc2aa;
+  --el-color-primary-light-7: #ffddcf;
+  --el-color-primary-light-8: #ffe8df;
+  --el-color-primary-light-9: #fff2ec;
+  --el-color-primary-dark-2: #cc6241;
+}
+.el-select,
+.el-popper {
+  --el-color-primary: #6c6c6c;
+  /* 主灰色 */
+  --el-color-primary-light-3: #8a8a8a;
+  /* 较浅的灰色（混合20%白） */
+  --el-color-primary-light-5: #a8a8a8;
+  /* 更浅的灰色（混合33%白） */
+  --el-color-primary-light-7: #c6c6c6;
+  /* 浅灰色（混合47%白） */
+  --el-color-primary-light-8: #d4d4d4;
+  /* 很浅的灰色（混合53%白） */
+  --el-color-primary-light-9: #e3e3e3;
+  /* 极浅的灰色（混合60%白） */
+  --el-color-primary-dark-2: #565656;
+  /* 深灰色（加深20%） */
+}
+.mini-scrollbar::-webkit-scrollbar {
+  width: 0.4rem;
+}
+.mini-scrollbar::-webkit-scrollbar-thumb {
+  border-radius: 0.4rem;
+  background: rgba(0, 0, 0, 0.2);
+}
+.mosaic-bg {
+  --mosaic-bg-size: 1rem;
+  --mosaic-bg-color1: #efefef;
+  --mosaic-bg-color2: #fff;
+  background-image: repeating-conic-gradient(var(--mosaic-bg-color1) 0% 25%, var(--mosaic-bg-color2) 0% 50%);
+  background-repeat: repeat;
+  background-position: 50% 50%;
+  background-size: var(--mosaic-bg-size) var(--mosaic-bg-size);
+}
--- a/src/assets/css/style.less
+++ b/src/assets/css/style.less
@@ -85,4 +85,45 @@ body,

 .relative {
 	position: relative;
+}
+
+.el-overlay {
+	--el-color-primary: #ff7a51;              // 主橙红色
+	--el-color-primary-light-3: #ffa785;       // 较浅的橙红（混合20%白）
+	--el-color-primary-light-5: #ffc2aa;       // 更浅的橙红（混合33%白）
+	--el-color-primary-light-7: #ffddcf;       // 浅橙红（混合47%白）
+	--el-color-primary-light-8: #ffe8df;       // 很浅的橙红（混合53%白）
+	--el-color-primary-light-9: #fff2ec;       // 极浅的橙红（混合60%白）
+	--el-color-primary-dark-2: #cc6241;        // 深橙红（加深20%）
+}
+.el-select, .el-popper{
+	--el-color-primary: #6c6c6c;                    /* 主灰色 */
+	--el-color-primary-light-3: #8a8a8a;            /* 较浅的灰色（混合20%白） */
+	--el-color-primary-light-5: #a8a8a8;            /* 更浅的灰色（混合33%白） */
+	--el-color-primary-light-7: #c6c6c6;            /* 浅灰色（混合47%白） */
+	--el-color-primary-light-8: #d4d4d4;            /* 很浅的灰色（混合53%白） */
+	--el-color-primary-light-9: #e3e3e3;            /* 极浅的灰色（混合60%白） */
+	--el-color-primary-dark-2: #565656;             /* 深灰色（加深20%） */
+}
+
+
+// 迷你滚动条
+.mini-scrollbar {
+	&::-webkit-scrollbar {
+		width: 0.4rem;
+	}
+	&::-webkit-scrollbar-thumb {
+		border-radius: 0.4rem;
+		background: rgba(0, 0, 0, 0.2);
+	}
+}
+
+.mosaic-bg{
+	--mosaic-bg-size: 1rem;
+	--mosaic-bg-color1: #efefef;
+	--mosaic-bg-color2: #fff;
+	background-image: repeating-conic-gradient(var(--mosaic-bg-color1) 0% 25%, var(--mosaic-bg-color2) 0% 50%);
+	background-repeat: repeat;
+	background-position: 50% 50%;
+	background-size: var(--mosaic-bg-size) var(--mosaic-bg-size);
 }
--- a/src/assets/icons/RegionIcon.svg
+++ b/src/assets/icons/RegionIcon.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.84839 1.55138C6.37983 1.0828 5.6203 1.08288 5.15115 1.55159C4.68298 2.01933 4.68278 2.77954 5.15158 3.24883C5.61926 3.71701 6.37934 3.71723 6.84859 3.24842C7.31704 2.7804 7.31734 2.02035 6.84839 1.55138ZM4.30303 0.702658C5.24018 -0.233608 6.75921 -0.234902 7.69694 0.70287C8.63426 1.64024 8.63456 3.16037 7.69673 4.09734C7.38215 4.41162 7.00187 4.62058 6.6 4.724V9C6.6 9.33137 6.33137 9.6 6 9.6C5.66863 9.6 5.4 9.33137 5.4 9V4.72439C4.9979 4.62112 4.61738 4.41203 4.3026 4.09692C3.36652 3.15986 3.36495 1.63989 4.30303 0.702658ZM4.1891 7.30443C4.25198 7.62979 4.0392 7.94451 3.71385 8.00738C2.86688 8.17106 2.19276 8.4162 1.74744 8.68995C1.27691 8.97919 1.2 9.20648 1.2 9.3C1.2 9.36533 1.23168 9.49297 1.43046 9.67573C1.62975 9.85897 1.95124 10.0516 2.39909 10.2257C3.29098 10.5726 4.56389 10.8 6 10.8C7.43613 10.8 8.70904 10.5726 9.60092 10.2257C10.0488 10.0516 10.3703 9.85897 10.5695 9.67573C10.7683 9.49297 10.8 9.36533 10.8 9.3C10.8 9.20648 10.7231 8.9792 10.2526 8.68995C9.80723 8.4162 9.13311 8.17106 8.28615 8.00738C7.9608 7.9445 7.74802 7.62978 7.8109 7.30443C7.87378 6.97908 8.1885 6.7663 8.51385 6.82918C9.44493 7.00912 10.2708 7.29258 10.881 7.66766C11.4659 8.02723 12 8.569 12 9.3C12 9.81457 11.7295 10.2394 11.3817 10.5591C11.0345 10.8783 10.5652 11.1383 10.0359 11.3441C8.97332 11.7573 7.54623 12 6 12C4.45378 12 3.02669 11.7573 1.96416 11.3441C1.4348 11.1383 0.965481 10.8783 0.61826 10.5591C0.270528 10.2394 0 9.81457 0 9.3C0 8.569 0.534063 8.02724 1.11901 7.66766C1.72918 7.29258 2.55506 7.00912 3.48615 6.82918C3.8115 6.7663 4.12622 6.97908 4.1891 7.30443Z" fill="#FF7A51"/>
+</svg>
--- a/src/assets/icons/StyleIcon.svg
+++ b/src/assets/icons/StyleIcon.svg
@@ -0,0 +1,7 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.75 6.75C4.24706 6.75 4.65 7.15294 4.65 7.65C4.65 8.14706 4.24706 8.55 3.75 8.55C3.25294 8.55 2.85 8.14706 2.85 7.65C2.85 7.15294 3.25294 6.75 3.75 6.75Z" fill="#FF7A51"/>
+<path d="M3.3 3.9C3.79706 3.9 4.2 4.30294 4.2 4.8C4.2 5.29706 3.79706 5.7 3.3 5.7C2.80294 5.7 2.4 5.29706 2.4 4.8C2.4 4.30294 2.80294 3.9 3.3 3.9Z" fill="#FF7A51"/>
+<path d="M8.25 3.15C8.74706 3.15 9.15 3.55294 9.15 4.05C9.15 4.54706 8.74706 4.95 8.25 4.95C7.75294 4.95 7.35 4.54706 7.35 4.05C7.35 3.55294 7.75294 3.15 8.25 3.15Z" fill="#FF7A51"/>
+<path d="M5.55 2.1C6.04706 2.1 6.45 2.50294 6.45 3C6.45 3.49706 6.04706 3.9 5.55 3.9C5.05294 3.9 4.65 3.49706 4.65 3C4.65 2.50294 5.05294 2.1 5.55 2.1Z" fill="#FF7A51"/>
+<path d="M6 0C9.31371 0 12 2.68629 12 6C12 7.21801 11.0125 8.20547 9.79453 8.20547H7.42031C7.20907 8.2055 7.0377 8.37684 7.0377 8.58809C7.03773 8.67163 7.06507 8.75301 7.11563 8.81953L7.65703 9.53145C7.83089 9.76021 7.92534 10.0398 7.92539 10.3271C7.92539 11.2509 7.1763 12 6.25254 12H6C2.68629 12 0 9.31371 0 6C4.83208e-08 2.68629 2.68629 4.83193e-08 6 0ZM6 1.2C3.34903 1.2 1.2 3.34903 1.2 6C1.2 8.65097 3.34903 10.8 6 10.8H6.25254C6.51356 10.8 6.72539 10.5882 6.72539 10.3271C6.72534 10.3022 6.71699 10.2779 6.70195 10.258L6.16055 9.54551C5.9513 9.27019 5.83773 8.93389 5.8377 8.58809C5.8377 7.7141 6.54633 7.0055 7.42031 7.00547H9.79453C10.3498 7.00547 10.8 6.55527 10.8 6C10.8 3.34903 8.65097 1.2 6 1.2Z" fill="#FF7A51"/>
+</svg>
--- a/src/assets/icons/TypeIcon.svg
+++ b/src/assets/icons/TypeIcon.svg
@@ -0,0 +1,10 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5159_47499)">
+<path d="M0 5.49996H5.49996V0H0V5.49996ZM0.999961 0.999961H4.5V4.5H0.999961V0.999961ZM0 12H5.49996V6.50004H0V12ZM0.999961 7.5H4.5V11H0.999961V7.5ZM12 2.75004C12 1.23363 10.7664 0 9.24996 0C7.73355 0 6.50004 1.23363 6.50004 2.75004V5.50008H9.25008C10.7664 5.49996 12 4.26633 12 2.75004ZM7.5 2.75004C7.5 1.78512 8.28504 1.00008 9.24996 1.00008C10.2149 1.00008 10.9999 1.78512 10.9999 2.75004C10.9999 3.71496 10.215 4.5 9.24996 4.5H7.5V2.75004ZM6.50004 12H12V6.50004H6.50004V12ZM7.5 7.5H11V11H7.5V7.5Z" fill="#FF7A51"/>
+</g>
+<defs>
+<clipPath id="clip0_5159_47499">
+<rect width="12" height="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/src/assets/icons/arrowDown.svg
+++ b/src/assets/icons/arrowDown.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.167367 0.183059C0.390523 -0.0610191 0.752332 -0.0610197 0.975489 0.183058L4.00001 3.49112L7.02451 0.183059C7.24767 -0.0610191 7.60948 -0.0610197 7.83263 0.183058C8.05579 0.427135 8.05579 0.822863 7.83263 1.06694L4.40407 4.81694C4.29691 4.93415 4.15156 5 4.00001 5C3.84846 5 3.70311 4.93415 3.59595 4.81694L0.167368 1.06694C-0.0557889 0.822865 -0.0557895 0.427137 0.167367 0.183059Z" fill="currentColor"/>
+</svg>
--- a/src/assets/icons/back-white.svg
+++ b/src/assets/icons/back-white.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8.00002C-3.54464e-07 7.7348 0.105356 7.48045 0.292892 7.29291L7.29289 0.292894C7.68342 -0.09763 8.31658 -0.0976319 8.70711 0.292892C9.09763 0.683416 9.09763 1.31658 8.70711 1.70711L3.41421 7.00002H17C17.5523 7.00002 18 7.44773 18 8.00002C18 8.5523 17.5523 9.00002 17 9.00002L3.41422 9.00002L8.70711 14.2929C9.09763 14.6834 9.09763 15.3166 8.70711 15.7071C8.31658 16.0976 7.68342 16.0976 7.29289 15.7071L0.292894 8.70712C0.105358 8.51959 3.54466e-07 8.26524 0 8.00002Z" fill="#FFF" />
+</svg>
--- a/src/assets/icons/back.svg
+++ b/src/assets/icons/back.svg
@@ -1,3 +1,3 @@
 <svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 8.00002C-3.54464e-07 7.7348 0.105356 7.48045 0.292892 7.29291L7.29289 0.292894C7.68342 -0.09763 8.31658 -0.0976319 8.70711 0.292892C9.09763 0.683416 9.09763 1.31658 8.70711 1.70711L3.41421 7.00002H17C17.5523 7.00002 18 7.44773 18 8.00002C18 8.5523 17.5523 9.00002 17 9.00002L3.41422 9.00002L8.70711 14.2929C9.09763 14.6834 9.09763 15.3166 8.70711 15.7071C8.31658 16.0976 7.68342 16.0976 7.29289 15.7071L0.292894 8.70712C0.105358 8.51959 3.54466e-07 8.26524 0 8.00002Z" fill="#0D0D0D"/>
+<path d="M0 8.00002C-3.54464e-07 7.7348 0.105356 7.48045 0.292892 7.29291L7.29289 0.292894C7.68342 -0.09763 8.31658 -0.0976319 8.70711 0.292892C9.09763 0.683416 9.09763 1.31658 8.70711 1.70711L3.41421 7.00002H17C17.5523 7.00002 18 7.44773 18 8.00002C18 8.5523 17.5523 9.00002 17 9.00002L3.41422 9.00002L8.70711 14.2929C9.09763 14.6834 9.09763 15.3166 8.70711 15.7071C8.31658 16.0976 7.68342 16.0976 7.29289 15.7071L0.292894 8.70712C0.105358 8.51959 3.54466e-07 8.26524 0 8.00002Z" fill="#0D0D0D" />
 </svg>
--- a/src/assets/icons/c-delete.svg
+++ b/src/assets/icons/c-delete.svg
@@ -0,0 +1,5 @@
+<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.77778 6.3C5.77778 5.9134 5.45443 5.6 5.05556 5.6C4.65668 5.6 4.33333 5.9134 4.33333 6.3V9.8C4.33333 10.1866 4.65668 10.5 5.05556 10.5C5.45443 10.5 5.77778 10.1866 5.77778 9.8V6.3Z" fill="#FFEAE2"/>
+<path d="M8.66667 6.3C8.66667 5.9134 8.34332 5.6 7.94444 5.6C7.54557 5.6 7.22222 5.9134 7.22222 6.3V9.8C7.22222 10.1866 7.54557 10.5 7.94444 10.5C8.34332 10.5 8.66667 10.1866 8.66667 9.8V6.3Z" fill="#FFEAE2"/>
+<path d="M6.97498 0C8.3006 0 9.45611 0.874433 9.77762 2.1209L9.95278 2.8H11.5453C11.5515 2.79992 11.5578 2.79992 11.564 2.8H12.2778C12.6767 2.8 13 3.1134 13 3.5C13 3.8866 12.6767 4.2 12.2778 4.2H12.2045L11.3977 11.4983C11.2405 12.9211 10.0017 14 8.5253 14H4.4747C2.99834 14 1.75954 12.9211 1.60225 11.4983L0.79547 4.2H0.722222C0.32335 4.2 0 3.8866 0 3.5C0 3.1134 0.32335 2.8 0.722222 2.8H1.43598C1.44223 2.79992 1.44846 2.79992 1.45467 2.8H3.04722L3.22238 2.1209C3.54389 0.874431 4.6994 0 6.02502 0H6.97498ZM9.40399 4.2C9.39353 4.20022 9.3831 4.20022 9.37269 4.2H3.6273C3.6169 4.20022 3.60647 4.20022 3.59601 4.2H2.24818L3.03848 11.3491C3.11712 12.0605 3.73652 12.6 4.4747 12.6H8.5253C9.26348 12.6 9.88288 12.0605 9.96152 11.3491L10.7518 4.2H9.40399ZM4.62369 2.46045L4.53611 2.8H8.46387L8.37629 2.46045C8.21554 1.83722 7.63778 1.4 6.97497 1.4H6.025C5.3622 1.4 4.78444 1.83722 4.62369 2.46045Z" fill="#FFEAE2"/>
+</svg>
--- a/src/assets/icons/c-move.svg
+++ b/src/assets/icons/c-move.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.6709 0.0615234C8.10609 0.0283563 8.55366 0.134081 8.89941 0.387695C9.23305 0.632466 9.46557 1.01335 9.50391 1.53125C10.351 1.35132 11.267 1.44554 11.7588 2.27734C11.8015 2.3493 11.8659 2.4826 11.9189 2.61523C11.9456 2.68187 11.9695 2.74999 11.9873 2.81055C12.0046 2.86956 12.0175 2.92657 12.0176 2.9707V3.5957C12.5446 3.4294 13.14 3.49012 13.624 3.73828C14.1314 3.99842 14.5203 4.46431 14.5742 5.08496C14.6215 5.63262 14.6169 6.23619 14.6025 6.84082C14.5882 7.44669 14.5638 8.05348 14.5703 8.6123C14.5869 9.99368 14.7346 11.4314 14.6328 12.7979C14.5306 14.1688 14.1779 15.482 13.1865 16.626C12.0543 17.9324 10.3202 18.602 8.55762 18.6631C6.7949 18.724 4.99508 18.1761 3.72949 17.04C1.92211 15.417 1.55066 13.6053 0.762695 11.4863C0.683586 11.2735 0.580869 11.0633 0.477539 10.8525C0.374729 10.6428 0.271227 10.4322 0.195312 10.2217C-0.173241 9.19784 0.228813 8.3138 0.931641 7.84082C1.60836 7.3855 2.5633 7.31169 3.37402 7.85449V3.34961H3.375C3.51944 2.06624 4.91534 1.38488 6.06836 1.80664C6.0365 1.28206 6.21192 0.868618 6.50293 0.575195C6.80823 0.26738 7.23566 0.0947109 7.6709 0.0615234ZM7.72461 1.09375C7.46487 1.08615 7.19561 1.25846 7.1543 1.625L7.15137 8.6123L7.13965 8.73438C7.09082 9.00322 6.89341 9.17338 6.67676 9.20898C6.55333 9.22924 6.42377 9.20583 6.31445 9.13184C6.20476 9.05759 6.11923 8.93515 6.0791 8.76465L6.07617 8.75195H6.07812L6.05176 3.38672C5.98373 3.13985 5.70675 2.9778 5.40723 2.95508C5.10822 2.93245 4.82595 3.05106 4.74219 3.32129V9.65234L5.86621 11.4463L5.87012 11.4531L5.87207 11.46C5.97956 11.8175 5.83236 12.1087 5.58691 12.2363C5.34248 12.3633 5.0111 12.3228 4.7627 12.0459C4.43376 11.6788 4.12868 11.1543 3.83105 10.624C3.53193 10.0911 3.24004 9.55123 2.93457 9.14258C2.75922 8.90799 2.52347 8.74466 2.2793 8.69531C2.03753 8.64653 1.78269 8.70852 1.55957 8.93164L1.55859 8.93262C1.51343 8.9778 1.45826 9.06092 1.41211 9.15332C1.36587 9.24592 1.33277 9.33916 1.3252 9.40137C1.32117 9.43477 1.32473 9.48179 1.33691 9.54199C1.34896 9.60148 1.36879 9.67074 1.39453 9.74707C1.44598 9.89961 1.51989 10.0773 1.60059 10.2588C1.76058 10.6185 1.94881 10.9985 2.02344 11.207C2.59378 12.8 2.9251 14.2378 4.05176 15.5625C5.42953 17.1827 7.62816 17.7419 9.54785 17.3232C11.4658 16.9049 13.0978 15.5124 13.3545 13.2334L13.3301 5.12207C13.2531 4.84033 12.9517 4.69225 12.6455 4.72461C12.3426 4.75666 12.0525 4.96612 12.0156 5.38379C11.9584 6.03179 11.9831 6.71982 12.0088 7.41406C12.0344 8.10699 12.0609 8.8062 12.0059 9.4707V9.47559H12.0049C11.9452 9.83123 11.6474 10.0102 11.3555 10.0137C11.0633 10.0171 10.763 9.84488 10.7012 9.48828L10.6992 9.47852H10.7002L10.6963 3.17578L10.665 3.01562C10.5699 2.66693 10.3323 2.48832 10.1123 2.47852C9.98617 2.47302 9.85974 2.52211 9.75879 2.63184C9.65734 2.74218 9.5789 2.91723 9.55762 3.16602L9.55664 8.99316V9.00098L9.55469 9.00977C9.44373 9.36044 9.13052 9.5024 8.84082 9.4668C8.55173 9.43119 8.27883 9.21782 8.24414 8.85645L8.24316 8.85059L8.24512 1.66797L8.23145 1.5332C8.2069 1.40874 8.15154 1.31244 8.08008 1.24219C7.98412 1.14786 7.85599 1.09762 7.72461 1.09375Z" fill="black" stroke="black" stroke-width="0.111111"/>
+</svg>
--- a/src/assets/icons/c-redo.svg
+++ b/src/assets/icons/c-redo.svg
@@ -0,0 +1,3 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.16 2.12276C13.7984 2.48436 13.7984 3.07062 14.16 3.43222L16.283 5.55527H9.25915C5.67953 5.55527 2.77767 8.45712 2.77767 12.0367C2.77767 15.6164 5.67953 18.5182 9.25915 18.5182H12.9629C13.4742 18.5182 13.8888 18.1037 13.8888 17.5923C13.8888 17.0809 13.4742 16.6664 12.9629 16.6664H9.25915C6.70228 16.6664 4.62952 14.5936 4.62952 12.0367C4.62952 9.47987 6.70228 7.40712 9.25915 7.40712H16.283L14.16 9.53017C13.7984 9.89176 13.7984 10.478 14.16 10.8396C14.5216 11.2012 15.1078 11.2012 15.4694 10.8396L19.1731 7.13592C19.5347 6.77432 19.5347 6.18806 19.1731 5.82646L15.4694 2.12276C15.1078 1.76116 14.5216 1.76116 14.16 2.12276Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/c-select.svg
+++ b/src/assets/icons/c-select.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.20508 0.851562C0.985291 0.774157 0.7742 0.985289 0.851562 1.20508L5.83887 15.3369C5.92158 15.5713 6.24738 15.5874 6.35254 15.3623L8.91992 9.85938C9.11305 9.44566 9.44564 9.11303 9.85938 8.91992L15.3623 6.35254C15.5873 6.24733 15.5712 5.92157 15.3369 5.83887L1.20508 0.851562Z" stroke="#0D0D0D" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/src/assets/icons/c-text.svg
+++ b/src/assets/icons/c-text.svg
@@ -0,0 +1,6 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.66623 17.7762C7.27988 17.7762 7.77735 17.2787 7.77735 16.6651C7.77735 16.0514 7.27988 15.5539 6.66623 15.5539C6.05259 15.5539 5.55512 16.0514 5.55512 16.6651C5.55512 17.2787 6.05259 17.7762 6.66623 17.7762Z" fill="#FF7A51"/>
+<path d="M16.144 11.404C16.3218 10.9206 17.0051 10.9206 17.1885 11.404L17.7773 12.9984C17.8329 13.1484 17.9551 13.2706 18.1051 13.3262L19.6996 13.9151C20.1829 14.0928 20.1829 14.7762 19.6996 14.9595L18.1051 15.5484C17.9551 15.604 17.8329 15.7262 17.7773 15.8762L17.1885 17.4706C17.0107 17.9539 16.3273 17.9539 16.144 17.4706L15.5551 15.8762C15.4996 15.7262 15.3773 15.604 15.2273 15.5484L13.6329 14.9595C13.1496 14.7817 13.1496 14.0984 13.6329 13.9151L15.2273 13.3262C15.3773 13.2706 15.4996 13.1484 15.5551 12.9984L16.144 11.404Z" fill="#FF7A51"/>
+<path d="M4.47734 8.62617C4.65512 8.14284 5.33846 8.14284 5.52179 8.62617L5.81068 9.40951C5.86623 9.55951 5.98846 9.68173 6.13846 9.73728L6.92179 10.0262C7.40512 10.2039 7.40512 10.8873 6.92179 11.0706L6.13846 11.3595C5.98846 11.4151 5.86623 11.5373 5.81068 11.6873L5.52179 12.4706C5.34401 12.954 4.66068 12.954 4.47734 12.4706L4.18845 11.6873C4.1329 11.5373 4.01068 11.4151 3.86068 11.3595L3.07734 11.0706C2.59401 10.8928 2.59401 10.2095 3.07734 10.0262L3.86068 9.73728C4.01068 9.68173 4.1329 9.55951 4.18845 9.40951L4.47734 8.62617Z" fill="#FF7A51"/>
+<path d="M17.222 4.44434H4.99978C4.38867 4.44434 3.88867 4.94434 3.88867 5.55545C3.88867 6.16656 4.38867 6.66656 4.99978 6.66656H9.99978V17.7777C9.99978 18.3888 10.4998 18.8888 11.1109 18.8888C11.722 18.8888 12.222 18.3888 12.222 17.7777V6.66656H17.222C17.8331 6.66656 18.3331 6.16656 18.3331 5.55545C18.3331 4.94434 17.8331 4.44434 17.222 4.44434Z" fill="black"/>
+</svg>
--- a/src/assets/icons/c-undo.svg
+++ b/src/assets/icons/c-undo.svg
@@ -0,0 +1,3 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.06219 2.12276C8.42379 2.48436 8.42379 3.07062 8.06219 3.43222L5.93914 5.55527H12.963C16.5426 5.55527 19.4445 8.45712 19.4445 12.0367C19.4445 15.6164 16.5426 18.5182 12.963 18.5182H9.25931C8.74794 18.5182 8.33339 18.1037 8.33339 17.5923C8.33339 17.0809 8.74794 16.6664 9.25931 16.6664H12.963C15.5199 16.6664 17.5926 14.5936 17.5926 12.0367C17.5926 9.47987 15.5199 7.40712 12.963 7.40712H5.93914L8.06219 9.53017C8.42379 9.89176 8.42379 10.478 8.06219 10.8396C7.70059 11.2012 7.11433 11.2012 6.75273 10.8396L3.04903 7.13592C2.68743 6.77432 2.68743 6.18806 3.04903 5.82646L6.75273 2.12276C7.11433 1.76116 7.70059 1.76116 8.06219 2.12276Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/canvas-assistant-menu.svg
+++ b/src/assets/icons/canvas-assistant-menu.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="10" viewBox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 1C18 0.447715 17.5523 0 17 0H1C0.447716 0 0 0.447715 0 1C0 1.55228 0.447716 2 1 2H17C17.5523 2 18 1.55228 18 1ZM18 9C18 8.44772 17.5523 8 17 8H7C6.44771 8 6 8.44772 6 9C6 9.55229 6.44771 10 7 10H17C17.5523 10 18 9.55229 18 9Z" fill="currentColor"/>
+</svg>
--- a/src/assets/icons/canvas-mode-2.svg
+++ b/src/assets/icons/canvas-mode-2.svg
@@ -0,0 +1,4 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.00048 3.33301C9.00048 2.98775 8.73787 2.70359 8.40152 2.6696L8.33381 2.66634H7.66715C7.29896 2.66634 7.00048 2.96482 7.00048 3.33301V5.11296C7.00048 5.35112 6.8734 5.57134 6.66715 5.69043C6.46092 5.8095 6.20673 5.80944 6.00048 5.69043L4.45881 4.80046C4.14019 4.61654 3.73288 4.72564 3.54866 5.0446H3.54801L3.21532 5.62142C3.03109 5.94051 3.14031 6.34826 3.45881 6.53223L4.99983 7.42155C5.20601 7.5406 5.33309 7.76093 5.33316 7.99902C5.33316 8.23709 5.20596 8.45737 4.99983 8.5765L3.45881 9.46712C3.14031 9.65109 3.03109 10.0588 3.21532 10.3779L3.54801 10.9548H3.54866L3.58577 11.012C3.78349 11.2862 4.16011 11.3713 4.45881 11.1989L6.00048 10.3083C6.20669 10.1893 6.46093 10.1892 6.66715 10.3083C6.87339 10.4274 7.00048 10.6476 7.00048 10.8857V12.6663L7.00374 12.7347C7.03796 13.0708 7.32203 13.333 7.66715 13.333H8.33381C8.70196 13.3329 9.00048 13.0345 9.00048 12.6663V10.8857C9.00048 10.6475 9.1275 10.4273 9.33381 10.3083C9.54007 10.1892 9.79426 10.1892 10.0005 10.3083L11.5421 11.1989L11.6027 11.2301C11.9107 11.3685 12.2797 11.2538 12.4523 10.9548L12.7856 10.3779C12.9698 10.0589 12.8605 9.65117 12.5421 9.46712L11.0005 8.5765C10.7943 8.45738 10.6671 8.23713 10.6671 7.99902C10.6672 7.76086 10.7942 7.54058 11.0005 7.42155L12.5421 6.53223L12.5994 6.49512C12.873 6.29748 12.9583 5.92044 12.7856 5.62142L12.4523 5.0446C12.2682 4.72566 11.8608 4.61662 11.5421 4.80046L10.0005 5.69043C9.79426 5.80947 9.54004 5.80943 9.33381 5.69043C9.12755 5.57134 9.00048 5.35113 9.00048 5.11296V3.33301ZM10.3338 3.95801L10.8755 3.64551C11.8322 3.0934 13.0551 3.42161 13.6073 4.37793H13.6066L13.9399 4.95475H13.9406C14.4926 5.91099 14.1654 7.13469 13.2088 7.68717H13.2082L12.6671 7.99902L13.2088 8.31217L13.2967 8.36621C14.1849 8.94119 14.4753 10.1183 13.9406 11.0446H13.9399L13.6073 11.6214C13.0551 12.5777 11.8322 12.906 10.8755 12.3538L10.3338 12.0407V12.6663C10.3338 13.7364 9.49335 14.6101 8.43668 14.6637L8.33381 14.6663H7.66715C6.56258 14.6663 5.66715 13.7709 5.66715 12.6663V12.0407L5.12548 12.3538C4.19859 12.8888 3.02167 12.5976 2.44709 11.7093L2.39371 11.6214L2.06038 11.0446C1.50835 10.0884 1.83501 8.86475 2.7915 8.31217L3.33251 7.99902L2.79215 7.68717C1.83545 7.13468 1.50829 5.911 2.06038 4.95475L2.39371 4.37793L2.44709 4.29004C3.02167 3.40179 4.1986 3.1105 5.12548 3.64551L5.66715 3.95801V3.33301C5.66715 2.22844 6.56258 1.33301 7.66715 1.33301H8.33381L8.43668 1.33561C9.49335 1.38923 10.3338 2.26296 10.3338 3.33301V3.95801Z" fill="#0D0D0D"/>
+<path d="M14.6187 0.93143C14.7484 0.578846 15.2469 0.578846 15.3806 0.93143L15.5914 1.50286C15.6319 1.61228 15.7211 1.70144 15.8305 1.74197L16.4019 1.95271C16.7545 2.08239 16.7545 2.58087 16.4019 2.71461L15.8305 2.92535C15.7211 2.96588 15.6319 3.05504 15.5914 3.16446L15.3806 3.73589C15.2509 4.08847 14.7525 4.08847 14.6187 3.73589L14.408 3.16446C14.3675 3.05504 14.2783 2.96588 14.1689 2.92535L13.5974 2.71461C13.2449 2.58493 13.2449 2.08644 13.5974 1.95271L14.1689 1.74197C14.2783 1.70144 14.3675 1.61228 14.408 1.50286L14.6187 0.93143Z" fill="#FF7A51"/>
+</svg>
--- a/src/assets/icons/canvas-mode.svg
+++ b/src/assets/icons/canvas-mode.svg
@@ -0,0 +1,4 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.2494 4.16797C11.2494 3.73639 10.9211 3.3812 10.5007 3.3387L10.416 3.33464H9.58271C9.12248 3.33464 8.74938 3.70773 8.74938 4.16797V6.3929C8.74938 6.69061 8.59052 6.96588 8.33271 7.11475C8.07493 7.26358 7.75719 7.26351 7.49938 7.11475L5.5723 6.00228C5.17401 5.77239 4.66488 5.90876 4.4346 6.30745H4.43379L4.01793 7.02848C3.78765 7.42735 3.92416 7.93703 4.3223 8.16699L6.24857 9.27865C6.50629 9.42746 6.66514 9.70287 6.66523 10.0005C6.66523 10.2981 6.50622 10.5734 6.24857 10.7223L4.3223 11.8356C3.92416 12.0656 3.78764 12.5752 4.01793 12.9741L4.43379 13.6951H4.4346L4.48099 13.7668C4.72814 14.1094 5.19891 14.2158 5.5723 14.0003L7.49938 12.887C7.75714 12.7383 8.07495 12.7383 8.33271 12.887C8.59052 13.0359 8.74938 13.3112 8.74938 13.6089V15.8346L8.75345 15.9201C8.79623 16.3402 9.15132 16.668 9.58271 16.668H10.416C10.8762 16.6679 11.2494 16.2948 11.2494 15.8346V13.6089C11.2494 13.3111 11.4082 13.0359 11.666 12.887C11.9239 12.7383 12.2416 12.7382 12.4994 12.887L14.4265 14.0003L14.5021 14.0394C14.8872 14.2123 15.3484 14.0689 15.5642 13.6951L15.9808 12.9741C16.211 12.5754 16.0744 12.0657 15.6765 11.8356L13.7494 10.7223C13.4916 10.5734 13.3327 10.2981 13.3327 10.0005C13.3328 9.70279 13.4915 9.42743 13.7494 9.27865L15.6765 8.16699L15.7481 8.12061C16.0901 7.87355 16.1966 7.40226 15.9808 7.02848L15.5642 6.30745C15.334 5.90878 14.8248 5.77249 14.4265 6.00228L12.4994 7.11475C12.2416 7.26355 11.9238 7.2635 11.666 7.11475C11.4082 6.96588 11.2494 6.69062 11.2494 6.3929V4.16797ZM12.916 4.94922L13.5931 4.55859C14.789 3.86845 16.3177 4.27872 17.0078 5.47412H17.007L17.4237 6.19515H17.4245C18.1145 7.39045 17.7055 8.92007 16.5098 9.61068H16.509L15.8327 10.0005L16.5098 10.3919L16.6197 10.4595C17.7299 11.1782 18.0929 12.6496 17.4245 13.8075H17.4237L17.0078 14.5285C16.3177 15.7239 14.789 16.1342 13.5931 15.444L12.916 15.0526V15.8346C12.916 17.1722 11.8655 18.2644 10.5446 18.3314L10.416 18.3346H9.58271C8.202 18.3346 7.08271 17.2153 7.08271 15.8346V15.0526L6.40563 15.444C5.24702 16.1128 3.77587 15.7487 3.05765 14.6383L2.99092 14.5285L2.57425 13.8075C1.88421 12.6123 2.29255 11.0826 3.48815 10.3919L4.16442 10.0005L3.48896 9.61068C2.2931 8.92005 1.88414 7.39045 2.57425 6.19515L2.99092 5.47412L3.05765 5.36426C3.77587 4.25395 5.24703 3.88984 6.40563 4.55859L7.08271 4.94922V4.16797C7.08271 2.78726 8.202 1.66797 9.58271 1.66797H10.416L10.5446 1.67122C11.8655 1.73824 12.916 2.83041 12.916 4.16797V4.94922Z" fill="white"/>
+<path d="M18.2722 1.16258C18.4343 0.721849 19.0574 0.721849 19.2246 1.16258L19.488 1.87686C19.5386 2.01364 19.6501 2.12509 19.7869 2.17575L20.5012 2.43917C20.9419 2.60128 20.9419 3.22438 20.5012 3.39156L19.7869 3.65498C19.6501 3.70564 19.5386 3.81709 19.488 3.95387L19.2246 4.66815C19.0625 5.10888 18.4394 5.10888 18.2722 4.66815L18.0088 3.95387C17.9581 3.81709 17.8466 3.70564 17.7099 3.65498L16.9956 3.39156C16.5549 3.22945 16.5549 2.60635 16.9956 2.43917L17.7099 2.17575C17.8466 2.12509 17.9581 2.01364 18.0088 1.87686L18.2722 1.16258Z" fill="white"/>
+</svg>
--- a/src/assets/icons/captureView.svg
+++ b/src/assets/icons/captureView.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.99997 1.15789C5.33447 1.15789 4.75255 1.50608 4.44041 2.02674C4.33317 2.20563 4.13523 2.31579 3.92105 2.31579H3.48C2.96605 2.31579 2.61668 2.31624 2.34662 2.33753C2.08357 2.35827 1.94905 2.39586 1.85521 2.44199C1.62942 2.553 1.44584 2.73014 1.33079 2.94801C1.28298 3.03856 1.24402 3.16836 1.22253 3.42218C1.20047 3.68276 1.2 4.01988 1.2 4.51579V7.64211C1.2 8.13802 1.20047 8.47514 1.22253 8.73571C1.24402 8.98953 1.28298 9.11934 1.33079 9.20988C1.44584 9.42776 1.62942 9.60489 1.85521 9.7159C1.94905 9.76204 2.08357 9.79963 2.34662 9.82036C2.61668 9.84165 2.96605 9.8421 3.48 9.8421H8.52C9.03395 9.8421 9.38332 9.84165 9.65338 9.82036C9.91643 9.79963 10.051 9.76204 10.1448 9.7159C10.3706 9.60489 10.5542 9.42776 10.6692 9.20988C10.717 9.11934 10.756 8.98953 10.7775 8.73571C10.7995 8.47514 10.8 8.13802 10.8 7.64211V4.51579C10.8 4.01988 10.7995 3.68276 10.7775 3.42218C10.756 3.16836 10.717 3.03856 10.6692 2.94801C10.5542 2.73014 10.3706 2.553 10.1448 2.44199C10.051 2.39586 9.91643 2.35827 9.65338 2.33753C9.38332 2.31624 9.03395 2.31579 8.52 2.31579H8.07889C7.86472 2.31579 7.66678 2.20563 7.55953 2.02674C7.2474 1.50608 6.66547 1.15789 5.99997 1.15789ZM3.59984 1.15789C4.1465 0.455643 5.01782 0 5.99997 0C6.98213 0 7.85344 0.455643 8.40011 1.15789L8.54478 1.15789C9.02776 1.15789 9.42638 1.15788 9.7511 1.18348C10.0884 1.21007 10.3984 1.26713 10.6896 1.4103C11.1412 1.63232 11.5083 1.98659 11.7384 2.42234C11.8868 2.70332 11.9459 3.00247 11.9735 3.32789C12 3.64121 12 4.02584 12 4.49187V7.66603C12 8.13206 12 8.51668 11.9735 8.83C11.9459 9.15543 11.8868 9.45457 11.7384 9.73556C11.5083 10.1713 11.1412 10.5256 10.6896 10.7476C10.3984 10.8908 10.0884 10.9478 9.7511 10.9744C9.42638 11 9.02777 11 8.5448 11H3.45521C2.97223 11 2.57362 11 2.2489 10.9744C1.91165 10.9478 1.60162 10.8908 1.31042 10.7476C0.858835 10.5256 0.491681 10.1713 0.261585 9.73556C0.11321 9.45457 0.0540718 9.15543 0.0265167 8.83C-1.36882e-05 8.51668 -7.39446e-06 8.13205 2.58775e-07 7.66602V4.49188C-7.39446e-06 4.02584 -1.36882e-05 3.64121 0.0265167 3.32789C0.0540718 3.00247 0.11321 2.70332 0.261585 2.42234C0.491681 1.98659 0.858834 1.63232 1.31042 1.4103C1.60162 1.26713 1.91165 1.21007 2.2489 1.18348C2.57362 1.15788 2.97224 1.15789 3.45522 1.15789L3.59984 1.15789ZM5.99997 4.63158C5.25439 4.63158 4.64997 5.21479 4.64997 5.93421C4.64997 6.65363 5.25439 7.23684 5.99997 7.23684C6.74556 7.23684 7.34997 6.65363 7.34997 5.93421C7.34997 5.21479 6.74556 4.63158 5.99997 4.63158ZM3.44997 5.93421C3.44997 4.5753 4.59165 3.47368 5.99997 3.47368C7.4083 3.47368 8.54997 4.5753 8.54997 5.93421C8.54997 7.29312 7.4083 8.39474 5.99997 8.39474C4.59165 8.39474 3.44997 7.29312 3.44997 5.93421Z" fill="white"/>
+</svg>
--- a/src/assets/icons/chat-compose.svg
+++ b/src/assets/icons/chat-compose.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 4.12435C6.89985 4.12435 3.66668 7.25105 3.66668 10.9993C3.66668 12.5538 4.21631 13.9904 5.15201 15.1476C5.32101 15.3566 5.38976 15.6293 5.34006 15.8935C5.25185 16.3623 5.13642 16.8205 5.00196 17.2694C5.57996 17.1805 6.14056 17.0583 6.69012 16.9023C6.91863 16.8374 7.1634 16.8637 7.37287 16.9757C8.44001 17.5465 9.67693 17.8743 11 17.8743C15.1002 17.8743 18.3333 14.7476 18.3333 10.9993C18.3333 7.25105 15.1002 4.12435 11 4.12435ZM1.83334 10.9993C1.83334 6.14121 5.98747 2.29102 11 2.29102C16.0126 2.29102 20.1667 6.14121 20.1667 10.9993C20.1667 15.8575 16.0126 19.7077 11 19.7077C9.50527 19.7077 8.09045 19.3673 6.83964 18.7612C5.83658 19.0209 4.80546 19.1809 3.72309 19.2476C3.41176 19.2668 3.11203 19.1264 2.92754 18.8749C2.74304 18.6233 2.69911 18.2953 2.81094 18.0041C3.07692 17.3114 3.30038 16.632 3.45627 15.9484C2.43553 14.5464 1.83334 12.8407 1.83334 10.9993ZM11 7.33268C11.5063 7.33268 11.9167 7.74309 11.9167 8.24935V10.0827H13.75C14.2563 10.0827 14.6667 10.4931 14.6667 10.9993C14.6667 11.5056 14.2563 11.916 13.75 11.916H11.9167V13.7493C11.9167 14.2556 11.5063 14.666 11 14.666C10.4937 14.666 10.0833 14.2556 10.0833 13.7493V11.916H8.25001C7.74375 11.916 7.33334 11.5056 7.33334 10.9993C7.33334 10.4931 7.74375 10.0827 8.25001 10.0827H10.0833V8.24935C10.0833 7.74309 10.4937 7.33268 11 7.33268Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/checked.svg
+++ b/src/assets/icons/checked.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6ZM8.4453 3.55932C8.1743 3.36861 7.80002 3.43371 7.60932 3.7047L5.19026 7.14232L4.19396 6.0464C3.97106 5.8012 3.59159 5.78313 3.3464 6.00604C3.1012 6.22894 3.08313 6.60841 3.30604 6.8536L4.80604 8.5036C4.92853 8.63835 5.1056 8.71017 5.28736 8.69884C5.46911 8.6875 5.63588 8.59423 5.74068 8.4453L8.59068 4.3953C8.78139 4.1243 8.71629 3.75002 8.4453 3.55932Z" fill="currentColor"/>
+</svg>
--- a/src/assets/icons/clipAdd.svg
+++ b/src/assets/icons/clipAdd.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 0C12.0125 0 12.8333 0.820811 12.8333 1.83333V9.16667H20.1667C21.1792 9.16667 22 9.98748 22 11C22 12.0125 21.1792 12.8333 20.1667 12.8333H12.8333V20.1667C12.8333 21.1792 12.0125 22 11 22C9.98748 22 9.16667 21.1792 9.16667 20.1667V12.8333H1.83333C0.820811 12.8333 0 12.0125 0 11C0 9.98748 0.820811 9.16667 1.83333 9.16667H9.16667V1.83333C9.16667 0.820811 9.98748 0 11 0Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/clipMinus.svg
+++ b/src/assets/icons/clipMinus.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="4" viewBox="0 0 22 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 2C0 0.89543 0.820811 0 1.83333 0H20.1667C21.1792 0 22 0.89543 22 2C22 3.10457 21.1792 4 20.1667 4H1.83333C0.820811 4 0 3.10457 0 2Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/close-white.svg
+++ b/src/assets/icons/close-white.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.292893 0.292894C0.683418 -0.097631 1.31658 -0.0976307 1.70711 0.292894L6.65685 5.24264L11.6066 0.292894C11.9971 -0.0976317 12.6303 -0.0976307 13.0208 0.292894C13.4113 0.683418 13.4113 1.31658 13.0208 1.70711L8.07107 6.65685L13.0208 11.6066C13.4113 11.9971 13.4113 12.6303 13.0208 13.0208C12.6303 13.4113 11.9971 13.4113 11.6066 13.0208L6.65685 8.07107L1.70711 13.0208C1.31658 13.4113 0.683418 13.4113 0.292893 13.0208C-0.0976311 12.6303 -0.0976311 11.9971 0.292893 11.6066L5.24264 6.65685L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292894Z" fill="#FFF"/>
+</svg>
--- a/src/assets/icons/closeAssistant.svg
+++ b/src/assets/icons/closeAssistant.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.263992 0.263993C0.615983 -0.0879974 1.18667 -0.0879971 1.53866 0.263993L6 4.72533L10.4613 0.263993C10.8133 -0.087998 11.384 -0.0879971 11.736 0.263993C12.088 0.615983 12.088 1.18667 11.736 1.53866L7.27467 6L11.736 10.4613C12.088 10.8133 12.088 11.384 11.736 11.736C11.384 12.088 10.8133 12.088 10.4613 11.736L6 7.27467L1.53866 11.736C1.18667 12.088 0.615983 12.088 0.263992 11.736C-0.0879975 11.384 -0.0879975 10.8133 0.263992 10.4613L4.72533 6L0.263992 1.53866C-0.0879975 1.18667 -0.0879975 0.615983 0.263992 0.263993Z" fill="#D58C4D"/>
+</svg>
--- a/src/assets/icons/color-palette-2.svg
+++ b/src/assets/icons/color-palette-2.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.88857 7.85248C5.37951 7.85248 5.7775 8.25046 5.7775 8.7414C5.7775 9.23234 5.37951 9.63033 4.88857 9.63033C4.39763 9.63033 3.99965 9.23234 3.99965 8.7414C3.99965 8.25046 4.39763 7.85248 4.88857 7.85248Z" fill="#0D0D0D"/>
+<path d="M4.44411 5.03755C4.93505 5.03755 5.33304 5.43554 5.33304 5.92648C5.33304 6.41742 4.93505 6.8154 4.44411 6.8154C3.95317 6.8154 3.55519 6.41742 3.55519 5.92648C3.55519 5.43554 3.95317 5.03755 4.44411 5.03755Z" fill="#0D0D0D"/>
+<path d="M9.33319 4.29678C9.82413 4.29678 10.2221 4.69477 10.2221 5.18571C10.2221 5.67665 9.82413 6.07463 9.33319 6.07463C8.84226 6.07463 8.44427 5.67665 8.44427 5.18571C8.44427 4.69477 8.84226 4.29678 9.33319 4.29678Z" fill="#0D0D0D"/>
+<path d="M6.66642 3.2597C7.15736 3.2597 7.55535 3.65769 7.55535 4.14863C7.55535 4.63957 7.15736 5.03755 6.66642 5.03755C6.17548 5.03755 5.7775 4.63957 5.7775 4.14863C5.7775 3.65769 6.17548 3.2597 6.66642 3.2597Z" fill="#0D0D0D"/>
+<path d="M7.11088 1.18555C10.3838 1.18555 13.037 3.83878 13.037 7.11171C13.037 8.31473 12.0617 9.29004 10.8587 9.29004H8.51372C8.30508 9.29006 8.13581 9.4593 8.13581 9.66794C8.13584 9.75046 8.16285 9.83084 8.21278 9.89654L8.74752 10.5997C8.91924 10.8256 9.01253 11.1018 9.01258 11.3856C9.01258 12.298 8.27271 13.0379 7.36032 13.0379H7.11088C3.83796 13.0379 1.18472 10.3846 1.18472 7.11171C1.18472 3.83878 3.83796 1.18555 7.11088 1.18555ZM7.11088 2.37078C4.49254 2.37078 2.36996 4.49337 2.36996 7.11171C2.36996 9.73005 4.49254 11.8526 7.11088 11.8526H7.36032C7.61812 11.8526 7.82735 11.6434 7.82735 11.3856C7.8273 11.361 7.81905 11.337 7.8042 11.3173L7.26946 10.6136C7.06279 10.3417 6.95061 10.0095 6.95058 9.66794C6.95058 8.80471 7.65049 8.10483 8.51372 8.1048H10.8587C11.4072 8.1048 11.8518 7.66014 11.8518 7.11171C11.8518 4.49337 9.72923 2.37078 7.11088 2.37078Z" fill="#0D0D0D"/>
+<path d="M13.1974 9.45949C13.3042 9.15673 13.7159 9.15673 13.8227 9.45949L14.2989 10.793C14.3323 10.8877 14.4057 10.9617 14.497 10.9987L15.781 11.4933C16.0725 11.6042 16.0725 12.0317 15.781 12.1427L14.497 12.6372C14.4057 12.6719 14.3345 12.7482 14.2989 12.8429L13.8227 14.1764C13.7159 14.4792 13.3042 14.4792 13.1974 14.1764L12.7212 12.8429C12.6878 12.7482 12.6144 12.6742 12.5231 12.6372L11.2391 12.1427C10.9476 12.0317 10.9476 11.6042 11.2391 11.4933L12.5231 10.9987C12.6144 10.964 12.6856 10.8877 12.7212 10.793L13.1974 9.45949Z" fill="black"/>
+<path d="M10.6325 13.3246C10.7037 13.1236 10.9774 13.1236 11.0508 13.3246L11.2867 13.9879C11.309 14.0503 11.3579 14.1012 11.418 14.1243L12.0567 14.3692C12.2503 14.4432 12.2503 14.7275 12.0567 14.8037L11.418 15.0487C11.3579 15.0718 11.309 15.1227 11.2867 15.1851L11.0508 15.8483C10.9796 16.0494 10.7059 16.0494 10.6325 15.8483L10.3966 15.1851C10.3743 15.1227 10.3254 15.0718 10.2653 15.0487L9.62665 14.8037C9.43305 14.7298 9.43305 14.4455 9.62665 14.3692L10.2653 14.1243C10.3254 14.1012 10.3743 14.0503 10.3966 13.9879L10.6325 13.3246Z" fill="#FF7A51"/>
+</svg>
--- a/src/assets/icons/dc/add_sb.svg
+++ b/src/assets/icons/dc/add_sb.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.42857 0V1.14286H12.5714V0H16V3.42857H14.8571V12.5714H16V16H12.5714V14.8571H3.42857V16H0V12.5714H1.14286V3.42857H0V0H3.42857ZM2.28571 13.7143H1.14286V14.8571H2.28571V13.7143ZM14.8571 13.7143H13.7143V14.8571H14.8571V13.7143ZM12.5714 2.28571H3.42857V3.42857H2.28571V12.5714H3.42857V13.7143H12.5714V12.5714H13.7143V3.42857H12.5714V2.28571ZM8 4.57143C8.15155 4.57143 8.2969 4.63163 8.40406 4.7388C8.51123 4.84596 8.57143 4.9913 8.57143 5.14286V7.42857H10.8571C11.0087 7.42857 11.154 7.48878 11.2612 7.59594C11.3684 7.7031 11.4286 7.84845 11.4286 8C11.4286 8.15155 11.3684 8.2969 11.2612 8.40406C11.154 8.51123 11.0087 8.57143 10.8571 8.57143H8.57143V10.8571C8.57143 11.0087 8.51123 11.154 8.40406 11.2612C8.2969 11.3684 8.15155 11.4286 8 11.4286C7.84845 11.4286 7.7031 11.3684 7.59594 11.2612C7.48878 11.154 7.42857 11.0087 7.42857 10.8571V8.57143H5.14286C4.9913 8.57143 4.84596 8.51123 4.7388 8.40406C4.63163 8.2969 4.57143 8.15155 4.57143 8C4.57143 7.84845 4.63163 7.7031 4.7388 7.59594C4.84596 7.48878 4.9913 7.42857 5.14286 7.42857H7.42857V5.14286C7.42857 4.9913 7.48878 4.84596 7.59594 4.7388C7.7031 4.63163 7.84845 4.57143 8 4.57143ZM14.8571 1.14286H13.7143V2.28571H14.8571V1.14286ZM2.28571 1.14286H1.14286V2.28571H2.28571V1.14286Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/dc/angle.svg
+++ b/src/assets/icons/dc/angle.svg
@@ -0,0 +1,9 @@
+<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="8.0041" height="8.0041" fill="url(#pattern0_2958_107309)"/>
+<defs>
+<pattern id="pattern0_2958_107309" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2958_107309" transform="scale(0.0078125)"/>
+</pattern>
+<image id="image0_2958_107309" width="128" height="128" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAN2AAADdgF91YLMAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAThQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAR/EwCQAAAGd0Uk5TAAECBAUGBwoLDA8QEhUXGRocIiUnLC03PEBCRkdJS0xOVFZXWV1hYmdobnF1enyAgYKDhoeLjY+QkpSVmp6go6anr7S1uLq7wcTGx8jKy8zN0NPV19zg5+rr7vDx8vP09vf6+/z9/seyqosAAAGbSURBVHja7dhVUwNBEATgJri7uwR3lwDBggZ3OZz5//8Aqd17DpLqKqr7KbszV9+83GYTQFEURVH+eRpiiZkqHh+Zs488dtD8RfvKTSnXN+sh+zZG9q2T7J/lcv2gluzXyZcvX758+fLly5cvX758+fLly5cvX758+fLl/y/fJsm+PdZwfbPTPK5vtkT2zaJk34Iqih/Ewo9HOZz3fz1cLHDOn+KLcFnP8IHGN7/epvjAVLjTRPGRfeC3khQfqLz3m20UH5gIX8UMio+iW7/fTvGBEV84iVB8FFz7UhfFB4Z8bYPjI//KFZ8KKT4wmNav5RTun0XPrr7K8YFN1/CQx/HRl7ajIMX7f8mr64lzfGDLNd3lcHz0+7YWjo9yfzEZ5fjAoWtcIfnwzYckPzwMA5KPVt9cxvFR8bfX8+///xB5cO29HB84cv3TJB9x98Da3/q2PZti9t0Dl7M/z0x/9ecAMePlZRzoNGqi2OcOkMQ9d4AA59wBjjHAHWAYWGb6iUwgq3l+Z+9H2d37XXbj3Wn9ha0oiqIoqeUdwmrKD1GdTTcAAAAASUVORK5CYII="/>
+</defs>
+</svg>
--- a/src/assets/icons/dc/arrow.svg
+++ b/src/assets/icons/dc/arrow.svg
@@ -0,0 +1,3 @@
+<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.085 5.92551H0.54125C0.387639 5.92551 0.259028 5.87405 0.155417 5.77113C0.0518057 5.66835 0 5.54071 0 5.38821C0 5.23571 0.0518057 5.10662 0.155417 5.00092C0.259028 4.89509 0.387639 4.84217 0.54125 4.84217H9.085L5.18958 0.946756C5.0825 0.839673 5.02625 0.713491 5.02083 0.568214C5.01556 0.422936 5.07056 0.289255 5.18583 0.167172C5.30125 0.0531442 5.43028 -0.00254935 5.57292 8.95351e-05C5.71556 0.00272842 5.84319 0.0605064 5.95583 0.173423L10.6935 4.91717C10.7633 4.98703 10.8141 5.06044 10.846 5.13738C10.8781 5.21433 10.8942 5.29759 10.8942 5.38717C10.8942 5.47662 10.8781 5.55988 10.846 5.63696C10.8141 5.71391 10.766 5.78446 10.7019 5.84863L5.96 10.5905C5.84458 10.7059 5.71903 10.7615 5.58333 10.7572C5.44764 10.7529 5.32208 10.6937 5.20667 10.5797C5.09139 10.4576 5.03375 10.3254 5.03375 10.1832C5.03375 10.041 5.09139 9.91446 5.20667 9.80363L9.085 5.92551Z" fill="black"/>
+</svg>
--- a/src/assets/icons/dc/brush.svg
+++ b/src/assets/icons/dc/brush.svg
@@ -0,0 +1,4 @@
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.24074 0C3.46143 0 3.65143 0.155768 3.69471 0.372169C3.82112 1.00422 4.0682 1.54443 4.44805 1.95349C4.82378 2.35813 5.35318 2.6605 6.09463 2.78408C6.31786 2.82128 6.48148 3.01443 6.48148 3.24074C6.48148 3.46705 6.31786 3.6602 6.09463 3.6974C5.35318 3.82098 4.82378 4.12336 4.44805 4.52799C4.0682 4.93706 3.82112 5.47726 3.69471 6.10931C3.65143 6.32571 3.46143 6.48148 3.24074 6.48148C3.02005 6.48148 2.83005 6.32571 2.78677 6.10931C2.66036 5.47726 2.41328 4.93706 2.03343 4.52799C1.6577 4.12336 1.1283 3.82098 0.386852 3.6974C0.163617 3.6602 0 3.46705 0 3.24074C0 3.01443 0.163617 2.82128 0.386852 2.78408C1.1283 2.6605 1.6577 2.35813 2.03343 1.95349C2.41328 1.54443 2.66036 1.00422 2.78677 0.372169C2.83005 0.155768 3.02005 0 3.24074 0Z" fill="#0D0D0D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3823 2.58591C13.0223 0.945877 15.6813 0.945875 17.3214 2.58591C18.9614 4.22594 18.9614 6.88496 17.3214 8.525L10.2733 15.5731C9.83003 16.0166 9.52299 16.3237 9.16518 16.5682C8.84863 16.7844 8.50644 16.9605 8.14648 17.0924C7.73958 17.2415 7.3112 17.3128 6.69266 17.4158L3.95291 17.8724L3.9263 17.8768C3.77758 17.9016 3.61119 17.9294 3.46669 17.9403C3.30911 17.9522 3.05843 17.9564 2.7935 17.8427C2.466 17.7023 2.20502 17.4413 2.06455 17.1138C1.95092 16.8489 1.95506 16.5982 1.96695 16.4406C1.97786 16.2961 2.00565 16.1297 2.03049 15.981L2.49154 13.2146C2.59448 12.5961 2.66578 12.1677 2.81487 11.7608C2.94676 11.4008 3.12286 11.0587 3.33911 10.7421C3.58355 10.3843 3.8907 10.0773 4.33417 9.63402L11.3823 2.58591ZM16.0119 3.89537C15.0951 2.97853 13.6086 2.97853 12.6917 3.89537L12.4205 4.16661L15.7407 7.48678L16.0119 7.21554C16.9288 6.2987 16.9288 4.81221 16.0119 3.89537ZM5.70125 10.8859L11.1111 5.47606L14.4312 8.79624L9.02142 14.206C8.49891 14.7285 8.31816 14.9041 8.12057 15.0391C7.93064 15.1688 7.72533 15.2745 7.50936 15.3536C7.28468 15.4359 7.03676 15.481 6.30788 15.6025L3.9042 16.0031L4.30481 13.5994C4.42629 12.8705 4.47135 12.6226 4.55367 12.3979C4.63281 12.182 4.73846 11.9766 4.86821 11.7867C5.00319 11.5891 5.17874 11.4084 5.70125 10.8859Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/dc/brush_sb.svg
+++ b/src/assets/icons/dc/brush_sb.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.157122 13.4725L0.526449 10.3737C0.550847 10.1699 0.642783 9.98015 0.787096 9.83413L9.86461 0.654119C10.1812 0.334063 10.6118 0.151974 11.062 0.149342C11.5123 0.146814 11.9457 0.324063 12.2659 0.640637L13.8892 2.24581C14.2094 2.56248 14.3915 2.99386 14.394 3.44416C14.3964 3.89432 14.2192 4.32698 13.9027 4.64714L4.8252 13.8272C4.68081 13.9731 4.49215 14.0672 4.28861 14.0938L1.19415 14.4979C1.05466 14.5161 0.912174 14.5022 0.778872 14.4573C0.645754 14.4124 0.525008 14.3374 0.425099 14.2386C0.325191 14.1398 0.248858 14.0199 0.202421 13.8873C0.167635 13.7878 0.14946 13.6829 0.149902 13.578L0.157122 13.4725ZM11.752 5.29496L13.1397 3.89164C13.2557 3.77408 13.3206 3.61539 13.3198 3.45019C13.3189 3.28482 13.2522 3.12618 13.1347 3.00982L11.5104 1.40368C11.3928 1.28748 11.2334 1.22262 11.068 1.22354C10.9028 1.22458 10.7449 1.29127 10.6286 1.40863L9.24097 2.81195L11.752 5.29496ZM1.84678 13.3302L4.09809 13.0363L10.9965 6.05996L8.4845 3.57598L1.58606 10.5523L1.31747 12.8068L1.24565 13.4088L1.84678 13.3302Z" fill="#0D0D0D" stroke="black" stroke-width="0.3"/>
+</svg>
--- a/src/assets/icons/dc/copy.svg
+++ b/src/assets/icons/dc/copy.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.725098" y="0.724609" width="13.0481" height="13.0481" rx="2.17468" stroke="black" stroke-width="1.44978"/>
+<path d="M16.6733 5.79687V12.3209C16.6733 14.723 14.726 16.6703 12.3239 16.6703H4.3501" stroke="black" stroke-width="1.44978" stroke-linecap="round"/>
+</svg>
--- a/src/assets/icons/dc/create.svg
+++ b/src/assets/icons/dc/create.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 0C5.41421 0 5.75 0.335786 5.75 0.75V4.25H9.25C9.66421 4.25 10 4.58579 10 5C10 5.41421 9.66421 5.75 9.25 5.75H5.75V9.25C5.75 9.66421 5.41421 10 5 10C4.58579 10 4.25 9.66421 4.25 9.25V5.75H0.75C0.335786 5.75 0 5.41421 0 5C0 4.58579 0.335786 4.25 0.75 4.25H4.25V0.75C4.25 0.335786 4.58579 0 5 0Z" fill="white"/>
+</svg>
--- a/src/assets/icons/dc/delete.svg
+++ b/src/assets/icons/dc/delete.svg
@@ -0,0 +1,5 @@
+<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33333 6C5.33333 5.63181 5.03486 5.33333 4.66667 5.33333C4.29848 5.33333 4 5.63181 4 6V9.33333C4 9.70152 4.29848 10 4.66667 10C5.03486 10 5.33333 9.70152 5.33333 9.33333V6Z" fill="#0D0D0D"/>
+<path d="M8 6C8 5.63181 7.70152 5.33333 7.33333 5.33333C6.96514 5.33333 6.66667 5.63181 6.66667 6V9.33333C6.66667 9.70152 6.96514 10 7.33333 10C7.70152 10 8 9.70152 8 9.33333V6Z" fill="#0D0D0D"/>
+<path d="M6.43845 0C7.66209 0 8.72872 0.832793 9.02549 2.0199L9.18718 2.66667H10.6572C10.663 2.66659 10.6687 2.66659 10.6745 2.66667H11.3333C11.7015 2.66667 12 2.96514 12 3.33333C12 3.70152 11.7015 4 11.3333 4H11.2657L10.521 10.9508C10.3758 12.3058 9.2323 13.3333 7.86951 13.3333H4.13049C2.7677 13.3333 1.62419 12.3058 1.479 10.9508L0.73428 4H0.666667C0.298477 4 0 3.70152 0 3.33333C0 2.96514 0.298477 2.66667 0.666667 2.66667H1.32552C1.33129 2.66659 1.33704 2.66659 1.34277 2.66667H2.81282L2.97451 2.0199C3.27128 0.832792 4.33791 0 5.56155 0H6.43845ZM8.68061 4C8.67095 4.00021 8.66132 4.00021 8.65172 4H3.34828C3.33868 4.00021 3.32905 4.00021 3.31939 4H2.07524L2.80475 10.8087C2.87734 11.4862 3.4491 12 4.13049 12H7.86951C8.5509 12 9.12266 11.4862 9.19525 10.8087L9.92476 4H8.68061ZM4.26802 2.34328L4.18717 2.66667H7.81281L7.73196 2.34329C7.58357 1.74973 7.05026 1.33333 6.43844 1.33333H5.56154C4.94972 1.33333 4.41641 1.74973 4.26802 2.34328Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/dc/details_edit.svg
+++ b/src/assets/icons/dc/details_edit.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5532 0.206891C14.2974 -0.178709 15.1777 -0.00490283 15.7415 0.558867C16.3052 1.12264 16.479 2.00294 16.0934 2.74717C15.3784 4.12729 14.5304 5.33622 13.5101 6.42308C14.5359 7.69873 15.3069 9.0202 15.6325 10.2637C16.012 11.713 15.7992 13.1741 14.5421 14.1798C13.5324 14.9876 12.3977 14.8786 11.4916 14.5043C10.6096 14.1399 9.82734 13.4883 9.29034 12.9696C8.95931 12.6499 8.95016 12.1223 9.2699 11.7913C9.58965 11.4602 10.1172 11.4511 10.4482 11.7708C10.9319 12.238 11.5345 12.7187 12.1279 12.9638C12.6971 13.199 13.1283 13.1765 13.5009 12.8784C14.0891 12.4078 14.2897 11.7153 14.0202 10.686C13.7828 9.77925 13.1921 8.70984 12.3034 7.58311C11.8195 8.00397 11.3027 8.40655 10.75 8.79447C10.7255 8.81169 10.7004 8.8274 10.6748 8.84162C10.6231 9.44768 10.4192 9.96629 10.0602 10.3796C9.65159 10.8502 9.11272 11.1024 8.59774 11.2428C7.77682 11.4665 6.7942 11.4522 6.07721 11.4417C5.93922 11.4397 5.81108 11.4378 5.69582 11.4378C5.23558 11.4378 4.86248 11.0648 4.86248 10.6045C4.86248 10.4893 4.86062 10.3611 4.85861 10.2231C4.84816 9.50613 4.83384 8.52351 5.05756 7.70259C5.19791 7.18761 5.45015 6.64874 5.9207 6.24009C6.33404 5.88112 6.85265 5.67723 7.45872 5.62557C7.47294 5.59995 7.48865 5.57482 7.50586 5.55029C7.83713 5.07838 8.17908 4.63259 8.53398 4.21111C6.12523 2.88904 3.80895 2.99714 2.6076 4.19849C1.80113 5.00496 1.48263 6.27808 1.76866 7.80359C2.05381 9.32435 2.93278 11.0055 4.37536 12.4481C5.22706 13.2998 6.14731 13.8945 6.90004 14.2746C7.27598 14.4643 7.60327 14.5971 7.85067 14.6804C8.03589 14.7428 8.14203 14.7658 8.18099 14.7742C8.20161 14.7787 8.20341 14.7791 8.18816 14.7791C8.6484 14.7791 9.02149 15.1522 9.02148 15.6124C9.02147 16.0727 8.64837 16.4458 8.18813 16.4458C7.93574 16.4458 7.61085 16.3583 7.31864 16.2599C6.9906 16.1494 6.59022 15.9852 6.14893 15.7624C5.26719 15.3172 4.19474 14.6245 3.19685 13.6266C1.54779 11.9775 0.485207 10.0023 0.130543 8.11074C-0.223229 6.22396 0.120209 4.32886 1.42909 3.01998C3.47358 0.975487 6.86496 1.27269 9.69961 2.95954C10.8321 1.86325 12.0974 0.961153 13.5532 0.206891ZM9.23584 6.00456C9.67471 6.25943 10.0409 6.62563 10.2958 7.06449C12.1825 5.64349 13.5551 4.02343 14.6136 1.98044C14.6465 1.91697 14.6424 1.81685 14.563 1.73738C14.4835 1.65791 14.3834 1.65384 14.3199 1.68672C12.2769 2.74523 10.6568 4.11787 9.23584 6.00456ZM6.52247 9.77786C7.11758 9.78101 7.6793 9.76562 8.1595 9.63475C8.48308 9.54657 8.68219 9.42461 8.80188 9.28679C8.91025 9.16201 9.02126 8.94714 9.02126 8.52513C9.02126 7.83695 8.46338 7.27908 7.7752 7.27908C7.35319 7.27908 7.13832 7.39008 7.01354 7.49845C6.87572 7.61814 6.75377 7.81726 6.66558 8.14083C6.53471 8.62103 6.51932 9.18276 6.52247 9.77786Z" fill="black"/>
+</svg>
--- a/src/assets/icons/dc/down_arrow.svg
+++ b/src/assets/icons/dc/down_arrow.svg
@@ -0,0 +1,3 @@
+<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.33333 4.39052L9.5286 0.195263C9.78895 -0.065087 10.2111 -0.0650869 10.4714 0.195263C10.7318 0.455612 10.7318 0.877722 10.4714 1.13807L5.80474 5.80474C5.54439 6.06509 5.12228 6.06509 4.86193 5.80474L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/dc/down_arrow2.svg
+++ b/src/assets/icons/dc/down_arrow2.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 1L5 5L9 1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/src/assets/icons/dc/drag.svg
+++ b/src/assets/icons/dc/drag.svg
@@ -0,0 +1,4 @@
+<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 18C0.89543 18 0 17.1046 0 16C0 14.8954 0.89543 14 2 14C3.10457 14 4 14.8954 4 16C4 17.1046 3.10457 18 2 18ZM2 11C0.89543 11 0 10.1046 0 9C0 7.89543 0.89543 7 2 7C3.10457 7 4 7.89543 4 9C4 10.1046 3.10457 11 2 11ZM2 4C0.89543 4 0 3.10457 0 2C0 0.895432 0.89543 0 2 0C3.10457 0 4 0.89543 4 2C4 3.10457 3.10457 4 2 4Z" fill="#C9C9C9"/>
+<path d="M8 18C6.89543 18 6 17.1046 6 16C6 14.8954 6.89543 14 8 14C9.10457 14 10 14.8954 10 16C10 17.1046 9.10457 18 8 18ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11ZM8 4C6.89543 4 6 3.10457 6 2C6 0.895432 6.89543 0 8 0C9.10457 0 10 0.89543 10 2C10 3.10457 9.10457 4 8 4Z" fill="#C9C9C9"/>
+</svg>
--- a/src/assets/icons/dc/dui.svg
+++ b/src/assets/icons/dc/dui.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.84125 5.40854L8.06875 0.172916C8.18375 0.0576386 8.31264 0 8.45542 0C8.59833 0 8.7275 0.0575006 8.84292 0.172501C8.9582 0.287501 9.01583 0.416458 9.01583 0.559375C9.01583 0.70243 8.9582 0.831667 8.84292 0.947084L3.30604 6.47583C3.16924 6.61264 3.01083 6.68104 2.83083 6.68104C2.65083 6.68104 2.49243 6.61264 2.35563 6.47583L0.172917 4.30125C0.0576393 4.18625 0 4.05736 0 3.91458C0 3.77167 0.0575 3.6425 0.1725 3.52708C0.2875 3.41181 0.416458 3.35417 0.559375 3.35417C0.702431 3.35417 0.831667 3.41181 0.947083 3.52708L2.84125 5.40854Z" fill="black"/>
+</svg>
--- a/src/assets/icons/dc/ellipse.svg
+++ b/src/assets/icons/dc/ellipse.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.59042 15.1667C6.54722 15.1667 5.56472 14.9693 4.64292 14.5746C3.72111 14.1799 2.91431 13.6367 2.2225 12.9452C1.53069 12.2537 0.987292 11.4475 0.592292 10.5267C0.19743 9.60597 0 8.62215 0 7.57521C0 6.52826 0.197361 5.54736 0.592083 4.6325C0.986806 3.71764 1.52993 2.91431 2.22146 2.2225C2.91299 1.53069 3.71917 0.987292 4.64 0.592292C5.56069 0.19743 6.54451 0 7.59146 0C8.6384 0 9.61931 0.197361 10.5342 0.592083C11.449 0.986805 12.2524 1.52993 12.9442 2.22146C13.636 2.91299 14.1794 3.7175 14.5744 4.635C14.9692 5.55264 15.1667 6.53306 15.1667 7.57625C15.1667 8.61944 14.9693 9.60194 14.5746 10.5238C14.1799 11.4456 13.6367 12.2524 12.9452 12.9442C12.2537 13.636 11.4492 14.1794 10.5317 14.5744C9.61403 14.9692 8.63361 15.1667 7.59042 15.1667ZM7.58333 14.0833C9.38889 14.0833 10.9236 13.4514 12.1875 12.1875C13.4514 10.9236 14.0833 9.38889 14.0833 7.58333C14.0833 5.77778 13.4514 4.24306 12.1875 2.97917C10.9236 1.71528 9.38889 1.08333 7.58333 1.08333C5.77778 1.08333 4.24306 1.71528 2.97917 2.97917C1.71528 4.24306 1.08333 5.77778 1.08333 7.58333C1.08333 9.38889 1.71528 10.9236 2.97917 12.1875C4.24306 13.4514 5.77778 14.0833 7.58333 14.0833Z" fill="black"/>
+</svg>
--- a/src/assets/icons/dc/erase_sb.svg
+++ b/src/assets/icons/dc/erase_sb.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.26 0.555138L15.4449 4.74003C15.6209 4.91603 15.7605 5.12497 15.8557 5.35492C15.951 5.58488 16 5.83134 16 6.08024C16 6.32914 15.951 6.5756 15.8557 6.80556C15.7605 7.03551 15.6209 7.24445 15.4449 7.42045L8.13225 14.7322L13.2682 14.7331C13.421 14.7329 13.5687 14.7881 13.6839 14.8884C13.7992 14.9888 13.8741 15.1275 13.8949 15.2789L13.9 15.3648C13.9 15.5175 13.8447 15.665 13.7443 15.7801C13.644 15.8951 13.5054 15.97 13.3541 15.9907L13.2682 15.9966L6.18385 15.9975C5.91791 16.0124 5.65181 15.9709 5.403 15.8758C5.15418 15.7807 4.92826 15.6342 4.74003 15.4457L0.555138 11.26C0.379138 11.084 0.239526 10.875 0.144276 10.6451C0.0490248 10.4151 0 10.1687 0 9.91976C0 9.67086 0.0490248 9.4244 0.144276 9.19444C0.239526 8.96449 0.379138 8.75555 0.555138 8.57955L8.57955 0.555138C8.75555 0.379138 8.96449 0.239527 9.19444 0.144276C9.4244 0.049025 9.67086 0 9.91976 0C10.1687 0 10.4151 0.049025 10.6451 0.144276C10.875 0.239527 11.084 0.379138 11.26 0.555138ZM2.70065 8.21986L1.44805 9.4733C1.32974 9.59176 1.26328 9.75234 1.26328 9.91976C1.26328 10.0872 1.32974 10.2478 1.44805 10.3662L5.63378 14.5519C5.75677 14.6749 5.9185 14.7373 6.08024 14.7373L6.10467 14.7331L6.13668 14.7347C6.28414 14.7216 6.42224 14.6569 6.5267 14.5519L7.7793 13.2993L2.69981 8.21986H2.70065ZM9.4733 1.44805L3.59356 7.3261L8.67305 12.4056L14.552 6.52754C14.6107 6.46887 14.6572 6.3992 14.689 6.32253C14.7208 6.24585 14.7371 6.16366 14.7371 6.08066C14.7371 5.99766 14.7208 5.91547 14.689 5.8388C14.6572 5.76212 14.6107 5.69245 14.552 5.63378L10.3662 1.44805C10.2478 1.32974 10.0872 1.26328 9.91976 1.26328C9.75234 1.26328 9.59176 1.32974 9.4733 1.44805Z" fill="#212121"/>
+</svg>
--- a/src/assets/icons/dc/eraser.svg
+++ b/src/assets/icons/dc/eraser.svg
@@ -0,0 +1,3 @@
+<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.3137 4.91977C18.4501 3.8003 18.4569 1.96944 17.329 0.841498C16.1991 -0.288403 14.3643 -0.279274 13.2457 0.861819L10.7437 3.41414L10.7066 3.37707C9.48479 2.15647 7.56609 2.34904 6.45155 3.47723C5.10582 4.83945 3.61847 5.86054 1.86914 6.61961C0.386492 7.26297 -0.563044 9.10374 0.371879 10.7126C0.671202 11.2277 0.975937 11.7181 1.28942 12.1864C1.52389 12.5368 1.96541 12.6845 2.36351 12.5458L2.57062 12.4737L2.40435 12.756C2.20816 13.0891 2.23956 13.509 2.48312 13.8092C3.27794 14.789 3.91787 15.4453 4.68625 16.0374C5.4368 16.6158 6.29003 17.1161 7.46188 17.7957C9.07008 18.7284 10.9124 17.7826 11.5571 16.3C12.3168 14.5526 13.3388 13.0668 14.7024 11.7225C15.832 10.6087 16.0251 8.69029 14.8026 7.46902L14.7646 7.43099L17.3137 4.91977ZM14.5682 2.15818C14.9658 1.75259 15.6179 1.74934 16.0195 2.15096C16.4204 2.55187 16.418 3.20264 16.0141 3.60054L12.8001 6.76677C12.6242 6.94001 12.5248 7.1763 12.5239 7.42315C12.5231 7.67 12.6208 7.90698 12.7955 8.08144L13.4938 8.77913C13.8907 9.17561 13.9026 9.91047 13.4022 10.4037C13.223 10.5804 13.0489 10.7595 12.8798 10.9411L7.23237 5.29936C7.41371 5.13081 7.59252 4.95729 7.76895 4.7787C8.26307 4.27852 9.00027 4.29004 9.39781 4.68718L10.0962 5.38487C10.271 5.5595 10.5083 5.65702 10.7554 5.65573C11.0025 5.65444 11.2388 5.55444 11.4118 5.378L14.5682 2.15818ZM5.80124 6.48726C4.81926 7.21137 3.76176 7.81704 2.60629 8.31843C1.90885 8.62106 1.71462 9.33751 1.97302 9.78217C2.12802 10.0489 2.2838 10.3073 2.44087 10.5579L4.3446 9.8947C4.71137 9.76693 5.11889 9.88163 5.36517 10.1819C5.61144 10.4823 5.64413 10.9043 5.44703 11.239L4.33112 13.1336C4.87159 13.7602 5.31808 14.1864 5.81659 14.5706C6.45325 15.0612 7.19583 15.5007 8.39094 16.1938C8.8383 16.4533 9.55647 16.2569 9.85878 15.5616C10.3605 14.4077 10.9665 13.3516 11.6908 12.371L5.80124 6.48726Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/dc/hide.svg
+++ b/src/assets/icons/dc/hide.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.52856 1.52876C1.78891 1.26841 2.21102 1.26841 2.47137 1.52876L14.4714 13.5288C14.7317 13.7891 14.7317 14.2112 14.4714 14.4716C14.211 14.7319 13.7889 14.7319 13.5286 14.4716L11.8523 12.7953C10.8026 13.4938 9.51597 14.0002 7.99997 14.0002C5.89718 14.0002 4.24037 13.0275 3.03903 11.9196C1.84104 10.8148 1.0565 9.5415 0.674858 8.83761C0.390009 8.31223 0.390478 7.68717 0.675086 7.1623C1.06023 6.45201 1.86133 5.15114 3.09055 4.03355L1.52856 2.47157C1.26822 2.21122 1.26822 1.78911 1.52856 1.52876ZM4.03457 4.97757C2.93812 5.95924 2.20475 7.13846 1.8472 7.79786C1.77728 7.92679 1.77735 8.07364 1.84699 8.20209C2.19241 8.83919 2.89458 9.97267 3.94294 10.9395C4.98794 11.9032 6.33712 12.6668 7.99997 12.6668C9.09957 12.6668 10.0599 12.3336 10.8868 11.8298L9.59732 10.5403C8.43827 11.2706 6.8882 11.131 5.87864 10.1215C4.86909 9.11193 4.72948 7.56186 5.45981 6.40281L4.03457 4.97757ZM6.44811 7.39112L8.60901 9.55201C8.01093 9.78639 7.30472 9.66194 6.82145 9.17867C6.33819 8.69541 6.21374 7.9892 6.44811 7.39112Z" fill="#0D0D0D"/>
+<path d="M6.81556 3.46675C7.18897 3.38117 7.58347 3.3335 7.99997 3.3335C9.66282 3.3335 11.012 4.09716 12.057 5.06087C13.1054 6.02766 13.8075 7.16114 14.153 7.79823C14.2223 7.92613 14.2225 8.07385 14.1523 8.2033C13.9632 8.55189 13.664 9.05544 13.2557 9.60051C13.035 9.89521 13.095 10.313 13.3897 10.5338C13.6844 10.7545 14.1022 10.6945 14.3229 10.3998C14.7784 9.79162 15.1118 9.23078 15.3243 8.83897C15.6087 8.31464 15.6102 7.68865 15.3251 7.16272C14.9434 6.45883 14.1589 5.18548 12.9609 4.0807C11.7596 2.97282 10.1028 2.00016 7.99997 2.00016C7.48067 2.00016 6.98628 2.05972 6.51772 2.16711C6.15883 2.24935 5.93457 2.60696 6.01682 2.96585C6.09907 3.32473 6.45668 3.54899 6.81556 3.46675Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/dc/image.svg
+++ b/src/assets/icons/dc/image.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33213 3.99343e-07H11.3345C12.0799 -1.14112e-05 12.695 -2.11238e-05 13.1961 0.0409209C13.7166 0.0834442 14.195 0.174707 14.6444 0.40368C15.3413 0.758767 15.9079 1.32536 16.263 2.02226C16.492 2.47164 16.5832 2.95007 16.6257 3.47053C16.6667 3.97163 16.6667 4.58678 16.6667 5.33211V11.3346C16.6667 12.0799 16.6667 12.695 16.6257 13.1961C16.5832 13.7166 16.492 14.195 16.263 14.6444C15.9079 15.3413 15.3413 15.9079 14.6444 16.263C14.195 16.492 13.7166 16.5832 13.1961 16.6257C12.695 16.6667 12.0799 16.6667 11.3346 16.6667H5.33211C4.58678 16.6667 3.97163 16.6667 3.47053 16.6257C2.95007 16.5832 2.47164 16.492 2.02226 16.263C1.32536 15.9079 0.758767 15.3413 0.40368 14.6444C0.174707 14.195 0.0834442 13.7166 0.0409209 13.1961C-2.11238e-05 12.695 -1.14112e-05 12.0799 3.99343e-07 11.3345V5.33213C-1.14112e-05 4.58679 -2.11238e-05 3.97164 0.0409209 3.47053C0.0834442 2.95007 0.174707 2.47164 0.40368 2.02226C0.758767 1.32536 1.32536 0.758767 2.02226 0.40368C2.47164 0.174707 2.95007 0.0834442 3.47053 0.0409209C3.97164 -2.11238e-05 4.58679 -1.14112e-05 5.33213 3.99343e-07ZM1.85185 9.25926V11.2963C1.85185 12.0894 1.85257 12.6286 1.88662 13.0453C1.91979 13.4513 1.97991 13.6589 2.05369 13.8037C2.23124 14.1521 2.51453 14.4354 2.86298 14.613C3.0078 14.6868 3.21539 14.7469 3.62133 14.78C4.03808 14.8141 4.57724 14.8148 5.37037 14.8148H11.2963C12.0894 14.8148 12.6286 14.8141 13.0453 14.78C13.4513 14.7469 13.6589 14.6868 13.8037 14.613C14.1521 14.4354 14.4354 14.1521 14.613 13.8037C14.6868 13.6589 14.7469 13.4513 14.78 13.0453C14.8141 12.6286 14.8148 12.0894 14.8148 11.2963V9.25926H12.963C12.6639 9.25926 12.3833 9.11485 12.2095 8.87152L10.6481 6.68562L6.77198 12.1123C6.59817 12.3556 6.31755 12.5 6.01852 12.5C5.71949 12.5 5.43887 12.3556 5.26506 12.1123L3.22721 9.25926H1.85185ZM14.8148 7.40741V5.37037C14.8148 4.57724 14.8141 4.03808 14.78 3.62133C14.7469 3.21539 14.6868 3.0078 14.613 2.86298C14.4354 2.51453 14.1521 2.23124 13.8037 2.05369C13.6589 1.97991 13.4513 1.91979 13.0453 1.88662C12.6286 1.85257 12.0894 1.85185 11.2963 1.85185H5.37037C4.57724 1.85185 4.03808 1.85257 3.62133 1.88662C3.21539 1.91979 3.0078 1.97991 2.86298 2.05369C2.51453 2.23124 2.23124 2.51453 2.05369 2.86298C1.97991 3.0078 1.91979 3.21539 1.88662 3.62133C1.85257 4.03808 1.85185 4.57724 1.85185 5.37037V7.40741H3.7037C4.00273 7.40741 4.28335 7.55182 4.45716 7.79515L6.01852 9.98105L9.89469 4.55441C10.0685 4.31108 10.3491 4.16667 10.6481 4.16667C10.9472 4.16667 11.2278 4.31108 11.4016 4.55441L13.4395 7.40741H14.8148Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/dc/layer.svg
+++ b/src/assets/icons/dc/layer.svg
--- a/src/assets/icons/dc/line.svg
+++ b/src/assets/icons/dc/line.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.197083 9.55862C0.0656943 9.42723 0 9.28244 0 9.12424C0 8.96619 0.0656943 8.82251 0.197083 8.6932L8.70521 0.193203C8.8366 0.0670915 8.97944 0.0027174 9.13375 7.85068e-05C9.28819 -0.00256038 9.43062 0.0613275 9.56104 0.191744C9.6934 0.324105 9.75958 0.469384 9.75958 0.627578C9.75958 0.785634 9.69389 0.929315 9.5625 1.05862L1.0625 9.55862C0.933194 9.69001 0.789514 9.7557 0.631458 9.7557C0.473264 9.7557 0.328472 9.69001 0.197083 9.55862Z" fill="black"/>
+</svg>
--- a/src/assets/icons/dc/lock_0.svg
+++ b/src/assets/icons/dc/lock_0.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747121366655" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="56887" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M800 448H704V320c0-106.4-85.6-192-192-192S320 213.6 320 320h64c0-70.4 57.6-128 128-128s128 57.6 128 128v128H224c-17.6 0-32 14.4-32 32v384c0 17.6 14.4 32 32 32h576c17.6 0 32-14.4 32-32V480c0-17.6-14.4-32-32-32zM512 736c-35.2 0-64-28.8-64-64s28.8-64 64-64 64 28.8 64 64-28.8 64-64 64z" p-id="56888"></path></svg>
--- a/src/assets/icons/dc/lock_1.svg
+++ b/src/assets/icons/dc/lock_1.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747121371122" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="57034" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M800 448H704V320c0-106.4-85.6-192-192-192S320 213.6 320 320v128H224c-17.6 0-32 14.4-32 32v384c0 17.6 14.4 32 32 32h576c17.6 0 32-14.4 32-32V480c0-17.6-14.4-32-32-32zM512 736c-35.2 0-64-28.8-64-64s28.8-64 64-64 64 28.8 64 64-28.8 64-64 64z m128-288H384V320c0-70.4 57.6-128 128-128s128 57.6 128 128v128z" p-id="57035"></path></svg>
--- a/src/assets/icons/dc/move.svg
+++ b/src/assets/icons/dc/move.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.6709 0.0615234C8.10609 0.0283563 8.55366 0.134081 8.89941 0.387695C9.23305 0.632466 9.46557 1.01335 9.50391 1.53125C10.351 1.35132 11.267 1.44554 11.7588 2.27734C11.8015 2.3493 11.8659 2.4826 11.9189 2.61523C11.9456 2.68187 11.9695 2.74999 11.9873 2.81055C12.0046 2.86956 12.0175 2.92657 12.0176 2.9707V3.5957C12.5446 3.4294 13.14 3.49012 13.624 3.73828C14.1314 3.99842 14.5203 4.46431 14.5742 5.08496C14.6215 5.63262 14.6169 6.23619 14.6025 6.84082C14.5882 7.44669 14.5638 8.05348 14.5703 8.6123C14.5869 9.99368 14.7346 11.4314 14.6328 12.7979C14.5306 14.1688 14.1779 15.482 13.1865 16.626C12.0543 17.9324 10.3202 18.602 8.55762 18.6631C6.7949 18.724 4.99508 18.1761 3.72949 17.04C1.92211 15.417 1.55066 13.6053 0.762695 11.4863C0.683586 11.2735 0.580869 11.0633 0.477539 10.8525C0.374729 10.6428 0.271227 10.4322 0.195312 10.2217C-0.173241 9.19784 0.228813 8.3138 0.931641 7.84082C1.60836 7.3855 2.5633 7.31169 3.37402 7.85449V3.34961H3.375C3.51944 2.06624 4.91534 1.38488 6.06836 1.80664C6.0365 1.28206 6.21192 0.868618 6.50293 0.575195C6.80823 0.26738 7.23566 0.0947109 7.6709 0.0615234ZM7.72461 1.09375C7.46487 1.08615 7.19561 1.25846 7.1543 1.625L7.15137 8.6123L7.13965 8.73438C7.09082 9.00322 6.89341 9.17338 6.67676 9.20898C6.55333 9.22924 6.42377 9.20583 6.31445 9.13184C6.20476 9.05759 6.11923 8.93515 6.0791 8.76465L6.07617 8.75195H6.07812L6.05176 3.38672C5.98373 3.13985 5.70675 2.9778 5.40723 2.95508C5.10822 2.93245 4.82595 3.05106 4.74219 3.32129V9.65234L5.86621 11.4463L5.87012 11.4531L5.87207 11.46C5.97956 11.8175 5.83236 12.1087 5.58691 12.2363C5.34248 12.3633 5.0111 12.3228 4.7627 12.0459C4.43376 11.6788 4.12868 11.1543 3.83105 10.624C3.53193 10.0911 3.24004 9.55123 2.93457 9.14258C2.75922 8.90799 2.52347 8.74466 2.2793 8.69531C2.03753 8.64653 1.78269 8.70852 1.55957 8.93164L1.55859 8.93262C1.51343 8.9778 1.45826 9.06092 1.41211 9.15332C1.36587 9.24592 1.33277 9.33916 1.3252 9.40137C1.32117 9.43477 1.32473 9.48179 1.33691 9.54199C1.34896 9.60148 1.36879 9.67074 1.39453 9.74707C1.44598 9.89961 1.51989 10.0773 1.60059 10.2588C1.76058 10.6185 1.94881 10.9985 2.02344 11.207C2.59378 12.8 2.9251 14.2378 4.05176 15.5625C5.42953 17.1827 7.62816 17.7419 9.54785 17.3232C11.4658 16.9049 13.0978 15.5124 13.3545 13.2334L13.3301 5.12207C13.2531 4.84033 12.9517 4.69225 12.6455 4.72461C12.3426 4.75666 12.0525 4.96612 12.0156 5.38379C11.9584 6.03179 11.9831 6.71982 12.0088 7.41406C12.0344 8.10699 12.0609 8.8062 12.0059 9.4707V9.47559H12.0049C11.9452 9.83123 11.6474 10.0102 11.3555 10.0137C11.0633 10.0171 10.763 9.84488 10.7012 9.48828L10.6992 9.47852H10.7002L10.6963 3.17578L10.665 3.01562C10.5699 2.66693 10.3323 2.48832 10.1123 2.47852C9.98617 2.47302 9.85974 2.52211 9.75879 2.63184C9.65734 2.74218 9.5789 2.91723 9.55762 3.16602L9.55664 8.99316V9.00098L9.55469 9.00977C9.44373 9.36044 9.13052 9.5024 8.84082 9.4668C8.55173 9.43119 8.27883 9.21782 8.24414 8.85645L8.24316 8.85059L8.24512 1.66797L8.23145 1.5332C8.2069 1.40874 8.15154 1.31244 8.08008 1.24219C7.98412 1.14786 7.85599 1.09762 7.72461 1.09375Z" fill="black" stroke="black" stroke-width="0.111111"/>
+</svg>
--- a/src/assets/icons/dc/rectangle.svg
+++ b/src/assets/icons/dc/rectangle.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="1" width="14" height="14" rx="2" stroke="#0D0D0D" stroke-width="2"/>
+</svg>
--- a/src/assets/icons/dc/redo.svg
+++ b/src/assets/icons/dc/redo.svg
@@ -0,0 +1,3 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.16 2.12276C13.7984 2.48436 13.7984 3.07062 14.16 3.43222L16.283 5.55527H9.25915C5.67953 5.55527 2.77767 8.45712 2.77767 12.0367C2.77767 15.6164 5.67953 18.5182 9.25915 18.5182H12.9629C13.4742 18.5182 13.8888 18.1037 13.8888 17.5923C13.8888 17.0809 13.4742 16.6664 12.9629 16.6664H9.25915C6.70228 16.6664 4.62952 14.5936 4.62952 12.0367C4.62952 9.47987 6.70228 7.40712 9.25915 7.40712H16.283L14.16 9.53017C13.7984 9.89176 13.7984 10.478 14.16 10.8396C14.5216 11.2012 15.1078 11.2012 15.4694 10.8396L19.1731 7.13592C19.5347 6.77432 19.5347 6.18806 19.1731 5.82646L15.4694 2.12276C15.1078 1.76116 14.5216 1.76116 14.16 2.12276Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/dc/remove_sb.svg
+++ b/src/assets/icons/dc/remove_sb.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.42857 0V1.14286H12.5714V0H16V3.42857H14.8571V12.5714H16V16H12.5714V14.8571H3.42857V16H0V12.5714H1.14286V3.42857H0V0H3.42857ZM2.28571 13.7143H1.14286V14.8571H2.28571V13.7143ZM14.8571 13.7143H13.7143V14.8571H14.8571V13.7143ZM12.5714 2.28571H3.42857V3.42857H2.28571V12.5714H3.42857V13.7143H12.5714V12.5714H13.7143V3.42857H12.5714V2.28571ZM10.8571 7.42857C11.0087 7.42857 11.154 7.48878 11.2612 7.59594C11.3684 7.7031 11.4286 7.84845 11.4286 8C11.4286 8.15155 11.3684 8.2969 11.2612 8.40406C11.154 8.51123 11.0087 8.57143 10.8571 8.57143H5.14286C4.9913 8.57143 4.84596 8.51123 4.7388 8.40406C4.63163 8.2969 4.57143 8.15155 4.57143 8C4.57143 7.84845 4.63163 7.7031 4.7388 7.59594C4.84596 7.48878 4.9913 7.42857 5.14286 7.42857H10.8571ZM14.8571 1.14286H13.7143V2.28571H14.8571V1.14286ZM2.28571 1.14286H1.14286V2.28571H2.28571V1.14286Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/dc/reset.svg
+++ b/src/assets/icons/dc/reset.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.02518 0C1.31675 0 1.55311 0.23564 1.55311 0.526316V1.35367C2.44992 0.514522 3.65683 0 4.98466 0C7.75456 0 10 2.23858 10 5C10 7.76142 7.75456 10 4.98466 10C2.41401 10 0.295731 8.07235 0.00363895 5.58758C-0.0302986 5.29888 0.176946 5.03741 0.466532 5.00358C0.756118 4.96974 1.01839 5.17635 1.05232 5.46505C1.28281 7.42573 2.95587 8.94737 4.98466 8.94737C7.17142 8.94737 8.94414 7.18007 8.94414 5C8.94414 2.81993 7.17142 1.05263 4.98466 1.05263C3.81245 1.05263 2.7587 1.56036 2.03329 2.36842H3.41571C3.70728 2.36842 3.94364 2.60406 3.94364 2.89474C3.94364 3.18541 3.70728 3.42105 3.41571 3.42105H1.02518C0.740438 3.42105 0.508345 3.19631 0.497639 2.91505C0.497164 2.90406 0.497034 2.89304 0.497254 2.882V0.526316C0.497254 0.23564 0.733616 0 1.02518 0Z" fill="white"/>
+</svg>
--- a/src/assets/icons/dc/select.svg
+++ b/src/assets/icons/dc/select.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.20508 0.851562C0.985291 0.774157 0.7742 0.985289 0.851562 1.20508L5.83887 15.3369C5.92158 15.5713 6.24738 15.5874 6.35254 15.3623L8.91992 9.85938C9.11305 9.44566 9.44564 9.11303 9.85938 8.91992L15.3623 6.35254C15.5873 6.24733 15.5712 5.92157 15.3369 5.83887L1.20508 0.851562Z" stroke="#0D0D0D" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/src/assets/icons/dc/selectbox.svg
+++ b/src/assets/icons/dc/selectbox.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.70215 0.0996094C4.2287 0.0997879 4.65505 0.526194 4.65527 1.05273C4.65527 1.46912 4.99377 1.80664 5.41016 1.80664H10.9902C11.4066 1.80664 11.7451 1.46912 11.7451 1.05273C11.7453 0.526194 12.1717 0.0997877 12.6982 0.0996094H15.2002C15.8077 0.0996094 16.2998 0.591706 16.2998 1.19922V4.375C16.2998 4.46153 16.2659 4.54492 16.2051 4.60645C16.1434 4.66869 16.0593 4.704 15.9717 4.7041H15.4229C14.9259 4.7041 14.5226 5.10655 14.5225 5.60352V11.6475C14.5225 11.6798 14.5363 11.7095 14.5586 11.7324C14.5594 11.7316 14.5607 11.7313 14.5615 11.7305C14.5682 11.7242 14.598 11.6944 14.6445 11.6943H15.9717C16.0593 11.6944 16.1434 11.7297 16.2051 11.792C16.2659 11.8535 16.2998 11.9369 16.2998 12.0234V15.1992C16.2998 15.8067 15.8077 16.2988 15.2002 16.2988H12.6982C12.1717 16.2987 11.7453 15.8722 11.7451 15.3457C11.7451 14.9293 11.4066 14.5918 10.9902 14.5918H5.41016C4.99377 14.5918 4.65527 14.9293 4.65527 15.3457C4.65505 15.8722 4.2287 16.2987 3.70215 16.2988H1.2002C0.592682 16.2988 0.100586 15.8067 0.100586 15.1992V12.0234C0.100634 11.9369 0.134469 11.8535 0.195312 11.792C0.256985 11.7297 0.341088 11.6944 0.428711 11.6943H1.75586L1.80762 11.708L1.82422 11.7148C1.82637 11.713 1.83251 11.7065 1.84082 11.6895C1.86454 11.6407 1.87792 11.5566 1.87793 11.4707V4.75098C1.87793 4.71821 1.86377 4.68808 1.84082 4.66504C1.84 4.66585 1.83971 4.66718 1.83887 4.66797C1.83223 4.67421 1.80239 4.70406 1.75586 4.7041H0.428711C0.341088 4.704 0.256985 4.66869 0.195312 4.60645C0.134468 4.54492 0.100634 4.46153 0.100586 4.375V1.19922C0.100586 0.591706 0.592682 0.0996094 1.2002 0.0996094H3.70215ZM2.08887 12.7939C1.59199 12.7941 1.18958 13.1965 1.18945 13.6934V14.3008C1.18969 14.7976 1.59206 15.2001 2.08887 15.2002H2.66699C3.16384 15.2001 3.56617 14.7976 3.56641 14.3008V13.6934C3.56628 13.1965 3.16391 12.794 2.66699 12.7939H2.08887ZM13.7334 12.7939C13.2365 12.794 12.8341 13.1965 12.834 13.6934V14.3008C12.8342 14.7976 13.2365 15.2001 13.7334 15.2002H14.3115C14.8083 15.2001 15.2107 14.7976 15.2109 14.3008V13.6934C15.2108 13.1965 14.8084 12.7941 14.3115 12.7939H13.7334ZM4.78418 2.90625C4.74997 2.90637 4.71745 2.92004 4.69336 2.94434C4.6695 2.96847 4.65527 3.00122 4.65527 3.03516V3.75879C4.65527 4.28039 4.23254 4.7041 3.71094 4.7041C3.29996 4.7043 2.9668 5.03722 2.9668 5.44824V10.9502C2.9668 11.3612 3.29996 11.6941 3.71094 11.6943C4.23254 11.6943 4.65527 12.118 4.65527 12.6396V13.3633C4.65527 13.3972 4.6695 13.43 4.69336 13.4541C4.71745 13.4784 4.74997 13.4921 4.78418 13.4922H11.6162C11.6504 13.4921 11.6829 13.4784 11.707 13.4541C11.7309 13.43 11.7451 13.3972 11.7451 13.3633V12.6396C11.7451 12.118 12.1679 11.6943 12.6895 11.6943C13.1004 11.6941 13.4336 11.3612 13.4336 10.9502V5.44824C13.4336 5.03722 13.1004 4.7043 12.6895 4.7041C12.1679 4.7041 11.7451 4.28039 11.7451 3.75879V3.03516C11.7451 3.00122 11.7309 2.96847 11.707 2.94434C11.6829 2.92004 11.6504 2.90637 11.6162 2.90625H4.78418ZM2.08887 1.19824C1.59206 1.19836 1.18969 1.60087 1.18945 2.09766V2.70508C1.18958 3.20195 1.59199 3.60437 2.08887 3.60449H2.66699C3.16391 3.60442 3.56628 3.20198 3.56641 2.70508V2.09766C3.56617 1.60085 3.16384 1.19831 2.66699 1.19824H2.08887ZM13.7334 1.19824C13.2365 1.19831 12.8342 1.60085 12.834 2.09766V2.70508C12.8341 3.20198 13.2365 3.60442 13.7334 3.60449H14.3115C14.8084 3.60437 15.2108 3.20195 15.2109 2.70508V2.09766C15.2107 1.60087 14.8083 1.19836 14.3115 1.19824H13.7334Z" fill="black" stroke="black" stroke-width="0.2"/>
+</svg>
--- a/src/assets/icons/dc/show.svg
+++ b/src/assets/icons/dc/show.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.48161 3.0607C2.43325 4.0275 1.73109 5.16098 1.38567 5.79807C1.31589 5.92677 1.31589 6.07323 1.38567 6.20193C1.73109 6.83903 2.43325 7.9725 3.48161 8.9393C4.52662 9.903 5.8758 10.6667 7.53865 10.6667C9.2015 10.6667 10.5507 9.903 11.5957 8.9393C12.644 7.9725 13.3462 6.83903 13.6916 6.20193C13.7614 6.07323 13.7614 5.92677 13.6916 5.79807C13.3462 5.16097 12.644 4.0275 11.5957 3.0607C10.5507 2.097 9.2015 1.33333 7.53865 1.33333C5.8758 1.33333 4.52662 2.097 3.48161 3.0607ZM2.57771 2.08054C3.77905 0.972662 5.43586 0 7.53865 0C9.64144 0 11.2983 0.972662 12.4996 2.08054C13.6976 3.18532 14.4821 4.45866 14.8638 5.16256C15.1485 5.68768 15.1485 6.31232 14.8638 6.83744C14.4821 7.54134 13.6976 8.81468 12.4996 9.91946C11.2983 11.0273 9.64144 12 7.53865 12C5.43586 12 3.77905 11.0273 2.57771 9.91946C1.37972 8.81468 0.595173 7.54134 0.213535 6.83744C-0.071178 6.31232 -0.0711783 5.68768 0.213534 5.16256C0.595173 4.45866 1.37971 3.18532 2.57771 2.08054ZM7.53865 4.33333C6.61817 4.33333 5.87198 5.07953 5.87198 6C5.87198 6.92047 6.61817 7.66667 7.53865 7.66667C8.45912 7.66667 9.20532 6.92047 9.20532 6C9.20532 5.07953 8.45912 4.33333 7.53865 4.33333ZM4.53865 6C4.53865 4.34315 5.88179 3 7.53865 3C9.1955 3 10.5386 4.34315 10.5386 6C10.5386 7.65685 9.1955 9 7.53865 9C5.88179 9 4.53865 7.65685 4.53865 6Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/dc/star.svg
+++ b/src/assets/icons/dc/star.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.33333 3.41354L6.54479 0.519166C6.67799 0.340555 6.83611 0.209376 7.01917 0.125626C7.20208 0.0418756 7.39556 0 7.59958 0C7.80347 0 7.99438 0.0434724 8.17229 0.130417C8.35021 0.217222 8.50701 0.346805 8.64271 0.519166L10.8542 3.41354L14.2579 4.53521C14.5454 4.64104 14.7674 4.80819 14.9238 5.03667C15.0803 5.26514 15.1585 5.5175 15.1585 5.79375C15.1585 5.92528 15.14 6.05632 15.1029 6.18687C15.0658 6.31757 15.0048 6.44278 14.9198 6.5625L12.7179 9.57208L12.8013 12.835C12.8013 13.2182 12.6705 13.5428 12.409 13.809C12.1476 14.0752 11.8348 14.2083 11.4706 14.2083C11.4613 14.2083 11.344 14.1901 11.1185 14.1538L7.58333 13.149L4.04688 14.1546C3.97826 14.1818 3.91743 14.1976 3.86437 14.2019C3.81132 14.2062 3.75722 14.2083 3.70208 14.2083C3.33694 14.2083 3.01938 14.0752 2.74938 13.809C2.47951 13.5428 2.35153 13.2182 2.36542 12.835L2.44875 9.57208L0.23875 6.5625C0.152917 6.43986 0.0916667 6.31799 0.055 6.19688C0.0183333 6.07563 0 5.94729 0 5.81187C0 5.52576 0.0824306 5.26479 0.247292 5.02896C0.412014 4.79326 0.642083 4.62604 0.9375 4.52729L4.33333 3.41354ZM4.96 4.34458L1.27562 5.57208C1.19549 5.59875 1.14076 5.65354 1.11146 5.73646C1.08201 5.81924 1.09403 5.89535 1.1475 5.96479L3.53792 9.26375L3.44875 12.8606C3.44333 12.9515 3.47535 13.0235 3.54479 13.0769C3.61424 13.1303 3.69174 13.1438 3.77729 13.1171L7.58333 12.0192L11.4102 13.0963C11.4958 13.1229 11.5733 13.1095 11.6427 13.056C11.7122 13.0027 11.7442 12.9306 11.7388 12.8398L11.6267 9.24208L14.0192 5.94396C14.0726 5.87451 14.0847 5.7984 14.0552 5.71562C14.0259 5.63271 13.9712 5.57792 13.891 5.55125L10.1858 4.34458L7.78375 1.23729C7.73556 1.16771 7.66875 1.13292 7.58333 1.13292C7.49792 1.13292 7.43111 1.16771 7.38292 1.23729L4.96 4.34458Z" fill="black"/>
+</svg>
--- a/src/assets/icons/dc/triangle.svg
+++ b/src/assets/icons/dc/triangle.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.706857 12C0.414255 12 0.206211 11.8612 0.0827259 11.5837C-0.0406133 11.3062 -0.0260342 11.0369 0.126463 10.7758L6.41961 0.342906C6.56321 0.114302 6.75667 0 7 0C7.24333 0 7.43679 0.114302 7.58039 0.342906L13.8735 10.7758C14.026 11.0369 14.0406 11.3062 13.9173 11.5837C13.7938 11.8612 13.5857 12 13.2931 12H0.706857ZM1.53284 10.7327H12.4672L7 1.61777L1.53284 10.7327Z" fill="black"/>
+</svg>
--- a/src/assets/icons/dc/undo.svg
+++ b/src/assets/icons/dc/undo.svg
@@ -0,0 +1,3 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.06219 2.12276C8.42379 2.48436 8.42379 3.07062 8.06219 3.43222L5.93914 5.55527H12.963C16.5426 5.55527 19.4445 8.45712 19.4445 12.0367C19.4445 15.6164 16.5426 18.5182 12.963 18.5182H9.25931C8.74794 18.5182 8.33339 18.1037 8.33339 17.5923C8.33339 17.0809 8.74794 16.6664 9.25931 16.6664H12.963C15.5199 16.6664 17.5926 14.5936 17.5926 12.0367C17.5926 9.47987 15.5199 7.40712 12.963 7.40712H5.93914L8.06219 9.53017C8.42379 9.89176 8.42379 10.478 8.06219 10.8396C7.70059 11.2012 7.11433 11.2012 6.75273 10.8396L3.04903 7.13592C2.68743 6.77432 2.68743 6.18806 3.04903 5.82646L6.75273 2.12276C7.11433 1.76116 7.70059 1.76116 8.06219 2.12276Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/dc/workbench.svg
+++ b/src/assets/icons/dc/workbench.svg
--- a/src/assets/icons/delete.svg
+++ b/src/assets/icons/delete.svg
@@ -1,4 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="8" cy="8" r="8" fill="white"/>
 <path d="M5.03431 5.03431C5.34673 4.7219 5.85327 4.7219 6.16569 5.03431L8 6.86863L9.83432 5.03431C10.1467 4.7219 10.6533 4.7219 10.9657 5.03431C11.2781 5.34673 11.2781 5.85327 10.9657 6.16569L9.13137 8L10.9657 9.83432C11.2781 10.1467 11.2781 10.6533 10.9657 10.9657C10.6533 11.2781 10.1467 11.2781 9.83432 10.9657L8 9.13137L6.16569 10.9657C5.85327 11.2781 5.34673 11.2781 5.03431 10.9657C4.7219 10.6533 4.7219 10.1467 5.03431 9.83432L6.86863 8L5.03431 6.16569C4.7219 5.85327 4.7219 5.34673 5.03431 5.03431Z" fill="#CDCDCD"/>
 <path d="M8 1.6C4.46538 1.6 1.6 4.46538 1.6 8C1.6 11.5346 4.46538 14.4 8 14.4C11.5346 14.4 14.4 11.5346 14.4 8C14.4 4.46538 11.5346 1.6 8 1.6ZM0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8Z" fill="#CDCDCD"/>
 </svg>
--- a/src/assets/icons/download.svg
+++ b/src/assets/icons/download.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 2.75C11.5063 2.75 11.9167 3.16041 11.9167 3.66667V11.537L14.0185 9.43515C14.3765 9.07717 14.9569 9.07717 15.3148 9.43515C15.6728 9.79313 15.6728 10.3735 15.3148 10.7315L11.6482 14.3982C11.2902 14.7562 10.7098 14.7562 10.3518 14.3982L6.68515 10.7315C6.32717 10.3735 6.32717 9.79313 6.68515 9.43515C7.04313 9.07717 7.62354 9.07717 7.98152 9.43515L10.0833 11.537V3.66667C10.0833 3.16041 10.4937 2.75 11 2.75ZM3.66667 12.8333C4.17293 12.8333 4.58333 13.2437 4.58333 13.75V13.9333C4.58333 14.7185 4.58405 15.2523 4.61776 15.6649C4.65059 16.0668 4.71011 16.2723 4.78316 16.4156C4.95892 16.7606 5.23939 17.0411 5.58435 17.2168C5.72772 17.2899 5.93324 17.3494 6.33512 17.3822C6.7477 17.416 7.28147 17.4167 8.06667 17.4167H13.9333C14.7185 17.4167 15.2523 17.416 15.6649 17.3822C16.0668 17.3494 16.2723 17.2899 16.4157 17.2168C16.7606 17.0411 17.0411 16.7606 17.2168 16.4156C17.2899 16.2723 17.3494 16.0668 17.3822 15.6649C17.416 15.2523 17.4167 14.7185 17.4167 13.9333V13.75C17.4167 13.2437 17.8271 12.8333 18.3333 12.8333C18.8396 12.8333 19.25 13.2437 19.25 13.75V13.9712C19.25 14.7091 19.25 15.3181 19.2095 15.8142C19.1674 16.3294 19.077 16.8031 18.8504 17.248C18.4988 17.9379 17.9379 18.4988 17.248 18.8504C16.8031 19.077 16.3294 19.1674 15.8142 19.2095C15.3181 19.25 14.7091 19.25 13.9712 19.25H8.02879C7.29091 19.25 6.68192 19.25 6.18583 19.2095C5.67057 19.1674 5.19693 19.077 4.75204 18.8504C4.06211 18.4988 3.50118 17.9379 3.14964 17.248C2.92296 16.8031 2.83261 16.3294 2.79051 15.8142C2.74998 15.3181 2.74999 14.7091 2.75 13.9712L2.75 13.75C2.75 13.2437 3.16041 12.8333 3.66667 12.8333Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/edit-material.svg
+++ b/src/assets/icons/edit-material.svg
--- a/src/assets/icons/edit.svg
+++ b/src/assets/icons/edit.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.1649 0.155168C10.723 -0.134032 11.3833 -0.00367713 11.8061 0.419151C12.2289 0.841978 12.3593 1.50221 12.0701 2.06038C11.5338 3.09547 10.8978 4.00216 10.1326 4.81731C10.9019 5.77405 11.4801 6.76515 11.7244 7.69781C12.009 8.78477 11.8494 9.88058 10.9066 10.6349C10.1493 11.2407 9.29831 11.1589 8.6187 10.8782C7.95721 10.6049 7.3705 10.1162 6.96776 9.72721C6.71948 9.4874 6.71262 9.09173 6.95243 8.84346C7.19223 8.59518 7.5879 8.58832 7.83618 8.82812C8.19892 9.17849 8.65091 9.53905 9.09594 9.72288C9.52286 9.89923 9.84622 9.88235 10.1257 9.65877C10.5668 9.30589 10.7173 8.78646 10.5151 8.01447C10.3371 7.33444 9.8941 6.53238 9.22753 5.68733C8.86461 6.00298 8.47701 6.30491 8.06253 6.59586C8.04414 6.60877 8.02529 6.62055 8.00607 6.63121C7.96733 7.08576 7.81441 7.47472 7.54518 7.78473C7.23869 8.13764 6.83454 8.32682 6.44831 8.43208C5.83262 8.59987 5.09565 8.58913 4.55791 8.5813C4.45442 8.57979 4.35831 8.57839 4.27186 8.57839C3.92669 8.57839 3.64686 8.29857 3.64686 7.95339C3.64686 7.86694 3.64546 7.77083 3.64395 7.66735C3.63612 7.1296 3.62538 6.39263 3.79317 5.77695C3.89843 5.39071 4.08761 4.98656 4.44052 4.68007C4.75053 4.41084 5.13949 4.25792 5.59404 4.21918C5.6047 4.19996 5.61648 4.18111 5.62939 4.16272C5.87785 3.80878 6.13431 3.47444 6.40048 3.15833C4.59392 2.16678 2.85671 2.24786 1.9557 3.14887C1.35085 3.75372 1.11197 4.70856 1.3265 5.85269C1.54035 6.99326 2.19958 8.25411 3.28152 9.33605C3.92029 9.97482 4.61048 10.4209 5.17503 10.7059C5.45699 10.8483 5.70245 10.9478 5.888 11.0103C6.02692 11.0571 6.10652 11.0743 6.13574 11.0807C6.15121 11.084 6.15256 11.0843 6.14112 11.0843C6.4863 11.0843 6.76612 11.3642 6.76611 11.7093C6.7661 12.0545 6.48628 12.3343 6.1411 12.3343C5.95181 12.3343 5.70814 12.2687 5.48898 12.1949C5.24295 12.112 4.94266 11.9889 4.61169 11.8218C3.95039 11.4879 3.14606 10.9684 2.39764 10.2199C1.16084 8.98314 0.363905 7.50171 0.0979072 6.08306C-0.167421 4.66797 0.090157 3.24664 1.07181 2.26499C2.60519 0.731615 5.14872 0.954519 7.27471 2.21965C8.12407 1.39744 9.07304 0.720865 10.1649 0.155168ZM6.92688 4.50342C7.25603 4.69457 7.53068 4.96922 7.72183 5.29837C9.13685 4.23262 10.1663 3.01757 10.9602 1.48533C10.9849 1.43773 10.9818 1.36264 10.9222 1.30303C10.8626 1.24343 10.7875 1.24038 10.7399 1.26504C9.20768 2.05892 7.99263 3.0884 6.92688 4.50342ZM4.89185 7.3334C5.33818 7.33576 5.75948 7.32422 6.11963 7.22606C6.36231 7.15993 6.51164 7.06846 6.60141 6.9651C6.68269 6.87151 6.76594 6.71036 6.76594 6.39385C6.76594 5.87772 6.34754 5.45931 5.8314 5.45931C5.51489 5.45931 5.35374 5.54256 5.26015 5.62384C5.15679 5.71361 5.06532 5.86294 4.99919 6.10562C4.90103 6.46578 4.88949 6.88707 4.89185 7.3334Z" fill="white"/>
+</svg>
--- a/src/assets/icons/exclamation.svg
+++ b/src/assets/icons/exclamation.svg
@@ -0,0 +1,5 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.4 6C5.4 6.33137 5.66863 6.6 6 6.6C6.33137 6.6 6.6 6.33137 6.6 6V3.6C6.6 3.26863 6.33137 3 6 3C5.66863 3 5.4 3.26863 5.4 3.6V6Z" fill="#FF7A51"/>
+<path d="M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM10.8 6C10.8 8.65097 8.65097 10.8 6 10.8C3.34903 10.8 1.2 8.65097 1.2 6C1.2 3.34903 3.34903 1.2 6 1.2C8.65097 1.2 10.8 3.34903 10.8 6Z" fill="#FF7A51"/>
+<path d="M6 7.61997C5.61892 7.61997 5.31 7.92889 5.31 8.30997C5.31 8.69105 5.61892 8.99997 6 8.99997C6.38108 8.99997 6.69 8.69105 6.69 8.30997C6.69 7.92889 6.38108 7.61997 6 7.61997Z" fill="currentColor"/>
+</svg>
--- a/src/assets/icons/expand-lg.svg
+++ b/src/assets/icons/expand-lg.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9167 3.66667C11.9167 3.16041 12.3271 2.75 12.8333 2.75H18.3333C18.8396 2.75 19.25 3.16041 19.25 3.66667V9.16667C19.25 9.67293 18.8396 10.0833 18.3333 10.0833C17.8271 10.0833 17.4167 9.67293 17.4167 9.16667V5.8797L13.9398 9.35651C13.5819 9.7145 13.0015 9.7145 12.6435 9.35651C12.2855 8.99853 12.2855 8.41813 12.6435 8.06015L16.1203 4.58333H12.8333C12.3271 4.58333 11.9167 4.17293 11.9167 3.66667ZM3.66667 11.9167C4.17293 11.9167 4.58333 12.3271 4.58333 12.8333V16.1203L8.06015 12.6435C8.41813 12.2855 8.99853 12.2855 9.35651 12.6435C9.7145 13.0015 9.7145 13.5819 9.35651 13.9398L5.8797 17.4167H9.16667C9.67293 17.4167 10.0833 17.8271 10.0833 18.3333C10.0833 18.8396 9.67293 19.25 9.16667 19.25H3.66667C3.16041 19.25 2.75 18.8396 2.75 18.3333V12.8333C2.75 12.3271 3.16041 11.9167 3.66667 11.9167Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/export.svg
+++ b/src/assets/icons/export.svg
@@ -0,0 +1,4 @@
+<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.31694 4.55806C2.07286 4.31398 1.67714 4.31398 1.43306 4.55806C1.18898 4.80214 1.18898 5.19786 1.43306 5.44194L4.55806 8.56694C4.80214 8.81102 5.19786 8.81102 5.44194 8.56694L8.56694 5.44194C8.81102 5.19786 8.81102 4.80214 8.56694 4.55806C8.32286 4.31398 7.92714 4.31398 7.68306 4.55806L5.625 6.61612L5.625 0.625C5.625 0.279822 5.34518 0 5 0C4.65482 0 4.375 0.279822 4.375 0.625L4.375 6.61612L2.31694 4.55806Z" fill="white"/>
+<path d="M0.625 10C0.279822 10 0 10.2798 0 10.625C0 10.9702 0.279822 11.25 0.625 11.25H9.375C9.72018 11.25 10 10.9702 10 10.625C10 10.2798 9.72018 10 9.375 10L0.625 10Z" fill="white"/>
+</svg>
--- a/src/assets/icons/fast-mode-2.svg
+++ b/src/assets/icons/fast-mode-2.svg
@@ -0,0 +1,4 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.00048 3.33301C9.00048 2.98775 8.73787 2.70359 8.40152 2.6696L8.33381 2.66634H7.66715C7.29896 2.66634 7.00048 2.96482 7.00048 3.33301V5.11296C7.00048 5.35112 6.8734 5.57134 6.66715 5.69043C6.46092 5.8095 6.20673 5.80944 6.00048 5.69043L4.45881 4.80046C4.14019 4.61654 3.73288 4.72564 3.54866 5.0446H3.54801L3.21532 5.62142C3.03109 5.94051 3.14031 6.34826 3.45881 6.53223L4.99983 7.42155C5.20601 7.5406 5.33309 7.76093 5.33316 7.99902C5.33316 8.23709 5.20596 8.45737 4.99983 8.5765L3.45881 9.46712C3.14031 9.65109 3.03109 10.0588 3.21532 10.3779L3.54801 10.9548H3.54866L3.58577 11.012C3.78349 11.2862 4.16011 11.3713 4.45881 11.1989L6.00048 10.3083C6.20669 10.1893 6.46093 10.1892 6.66715 10.3083C6.87339 10.4274 7.00048 10.6476 7.00048 10.8857V12.6663L7.00374 12.7347C7.03796 13.0708 7.32203 13.333 7.66715 13.333H8.33381C8.70196 13.3329 9.00048 13.0345 9.00048 12.6663V10.8857C9.00048 10.6475 9.1275 10.4273 9.33381 10.3083C9.54007 10.1892 9.79426 10.1892 10.0005 10.3083L11.5421 11.1989L11.6027 11.2301C11.9107 11.3685 12.2797 11.2538 12.4523 10.9548L12.7856 10.3779C12.9698 10.0589 12.8605 9.65117 12.5421 9.46712L11.0005 8.5765C10.7943 8.45738 10.6671 8.23713 10.6671 7.99902C10.6672 7.76086 10.7942 7.54058 11.0005 7.42155L12.5421 6.53223L12.5994 6.49512C12.873 6.29748 12.9583 5.92044 12.7856 5.62142L12.4523 5.0446C12.2682 4.72566 11.8608 4.61662 11.5421 4.80046L10.0005 5.69043C9.79426 5.80947 9.54004 5.80943 9.33381 5.69043C9.12755 5.57134 9.00048 5.35113 9.00048 5.11296V3.33301ZM10.3338 3.95801L10.8755 3.64551C11.8322 3.0934 13.0551 3.42161 13.6073 4.37793H13.6066L13.9399 4.95475H13.9406C14.4926 5.91099 14.1654 7.13469 13.2088 7.68717H13.2082L12.6671 7.99902L13.2088 8.31217L13.2967 8.36621C14.1849 8.94119 14.4753 10.1183 13.9406 11.0446H13.9399L13.6073 11.6214C13.0551 12.5777 11.8322 12.906 10.8755 12.3538L10.3338 12.0407V12.6663C10.3338 13.7364 9.49335 14.6101 8.43668 14.6637L8.33381 14.6663H7.66715C6.56258 14.6663 5.66715 13.7709 5.66715 12.6663V12.0407L5.12548 12.3538C4.19859 12.8888 3.02167 12.5976 2.44709 11.7093L2.39371 11.6214L2.06038 11.0446C1.50835 10.0884 1.83501 8.86475 2.7915 8.31217L3.33251 7.99902L2.79215 7.68717C1.83545 7.13468 1.50829 5.911 2.06038 4.95475L2.39371 4.37793L2.44709 4.29004C3.02167 3.40179 4.1986 3.1105 5.12548 3.64551L5.66715 3.95801V3.33301C5.66715 2.22844 6.56258 1.33301 7.66715 1.33301H8.33381L8.43668 1.33561C9.49335 1.38923 10.3338 2.26296 10.3338 3.33301V3.95801Z" fill="#0D0D0D"/>
+<path d="M14.6187 0.93143C14.7484 0.578846 15.2469 0.578846 15.3806 0.93143L15.5914 1.50286C15.6319 1.61228 15.7211 1.70144 15.8305 1.74197L16.4019 1.95271C16.7545 2.08239 16.7545 2.58087 16.4019 2.71461L15.8305 2.92535C15.7211 2.96588 15.6319 3.05504 15.5914 3.16446L15.3806 3.73589C15.2509 4.08847 14.7525 4.08847 14.6187 3.73589L14.408 3.16446C14.3675 3.05504 14.2783 2.96588 14.1689 2.92535L13.5974 2.71461C13.2449 2.58493 13.2449 2.08644 13.5974 1.95271L14.1689 1.74197C14.2783 1.70144 14.3675 1.61228 14.408 1.50286L14.6187 0.93143Z" fill="#FF7A51"/>
+</svg>
--- a/src/assets/icons/fast-mode.svg
+++ b/src/assets/icons/fast-mode.svg
@@ -0,0 +1,4 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.2494 4.16797C11.2494 3.73639 10.9211 3.3812 10.5007 3.3387L10.416 3.33464H9.58271C9.12248 3.33464 8.74938 3.70773 8.74938 4.16797V6.3929C8.74938 6.69061 8.59052 6.96588 8.33271 7.11475C8.07493 7.26358 7.75719 7.26351 7.49938 7.11475L5.5723 6.00228C5.17401 5.77239 4.66488 5.90876 4.4346 6.30745H4.43379L4.01793 7.02848C3.78765 7.42735 3.92416 7.93703 4.3223 8.16699L6.24857 9.27865C6.50629 9.42746 6.66514 9.70287 6.66523 10.0005C6.66523 10.2981 6.50622 10.5734 6.24857 10.7223L4.3223 11.8356C3.92416 12.0656 3.78764 12.5752 4.01793 12.9741L4.43379 13.6951H4.4346L4.48099 13.7668C4.72814 14.1094 5.19891 14.2158 5.5723 14.0003L7.49938 12.887C7.75714 12.7383 8.07495 12.7383 8.33271 12.887C8.59052 13.0359 8.74938 13.3112 8.74938 13.6089V15.8346L8.75345 15.9201C8.79623 16.3402 9.15132 16.668 9.58271 16.668H10.416C10.8762 16.6679 11.2494 16.2948 11.2494 15.8346V13.6089C11.2494 13.3111 11.4082 13.0359 11.666 12.887C11.9239 12.7383 12.2416 12.7382 12.4994 12.887L14.4265 14.0003L14.5021 14.0394C14.8872 14.2123 15.3484 14.0689 15.5642 13.6951L15.9808 12.9741C16.211 12.5754 16.0744 12.0657 15.6765 11.8356L13.7494 10.7223C13.4916 10.5734 13.3327 10.2981 13.3327 10.0005C13.3328 9.70279 13.4915 9.42743 13.7494 9.27865L15.6765 8.16699L15.7481 8.12061C16.0901 7.87355 16.1966 7.40226 15.9808 7.02848L15.5642 6.30745C15.334 5.90878 14.8248 5.77249 14.4265 6.00228L12.4994 7.11475C12.2416 7.26355 11.9238 7.2635 11.666 7.11475C11.4082 6.96588 11.2494 6.69062 11.2494 6.3929V4.16797ZM12.916 4.94922L13.5931 4.55859C14.789 3.86845 16.3177 4.27872 17.0078 5.47412H17.007L17.4237 6.19515H17.4245C18.1145 7.39045 17.7055 8.92007 16.5098 9.61068H16.509L15.8327 10.0005L16.5098 10.3919L16.6197 10.4595C17.7299 11.1782 18.0929 12.6496 17.4245 13.8075H17.4237L17.0078 14.5285C16.3177 15.7239 14.789 16.1342 13.5931 15.444L12.916 15.0526V15.8346C12.916 17.1722 11.8655 18.2644 10.5446 18.3314L10.416 18.3346H9.58271C8.202 18.3346 7.08271 17.2153 7.08271 15.8346V15.0526L6.40563 15.444C5.24702 16.1128 3.77587 15.7487 3.05765 14.6383L2.99092 14.5285L2.57425 13.8075C1.88421 12.6123 2.29255 11.0826 3.48815 10.3919L4.16442 10.0005L3.48896 9.61068C2.2931 8.92005 1.88414 7.39045 2.57425 6.19515L2.99092 5.47412L3.05765 5.36426C3.77587 4.25395 5.24703 3.88984 6.40563 4.55859L7.08271 4.94922V4.16797C7.08271 2.78726 8.202 1.66797 9.58271 1.66797H10.416L10.5446 1.67122C11.8655 1.73824 12.916 2.83041 12.916 4.16797V4.94922Z" fill="white"/>
+<path d="M18.2722 1.16258C18.4343 0.721849 19.0574 0.721849 19.2246 1.16258L19.488 1.87686C19.5386 2.01364 19.6501 2.12509 19.7869 2.17575L20.5012 2.43917C20.9419 2.60128 20.9419 3.22438 20.5012 3.39156L19.7869 3.65498C19.6501 3.70564 19.5386 3.81709 19.488 3.95387L19.2246 4.66815C19.0625 5.10888 18.4394 5.10888 18.2722 4.66815L18.0088 3.95387C17.9581 3.81709 17.8466 3.70564 17.7099 3.65498L16.9956 3.39156C16.5549 3.22945 16.5549 2.60635 16.9956 2.43917L17.7099 2.17575C17.8466 2.12509 17.9581 2.01364 18.0088 1.87686L18.2722 1.16258Z" fill="white"/>
+</svg>
--- a/src/assets/icons/flowDelete.svg
+++ b/src/assets/icons/flowDelete.svg
@@ -0,0 +1,5 @@
+<svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.77778 6.3C5.77778 5.9134 5.45443 5.6 5.05556 5.6C4.65668 5.6 4.33333 5.9134 4.33333 6.3V9.8C4.33333 10.1866 4.65668 10.5 5.05556 10.5C5.45443 10.5 5.77778 10.1866 5.77778 9.8V6.3Z" fill="#FFEAE2"/>
+<path d="M8.66667 6.3C8.66667 5.9134 8.34332 5.6 7.94444 5.6C7.54557 5.6 7.22222 5.9134 7.22222 6.3V9.8C7.22222 10.1866 7.54557 10.5 7.94444 10.5C8.34332 10.5 8.66667 10.1866 8.66667 9.8V6.3Z" fill="#FFEAE2"/>
+<path d="M6.97498 0C8.3006 0 9.45611 0.874433 9.77762 2.1209L9.95278 2.8H11.5453C11.5515 2.79992 11.5578 2.79992 11.564 2.8H12.2778C12.6767 2.8 13 3.1134 13 3.5C13 3.8866 12.6767 4.2 12.2778 4.2H12.2045L11.3977 11.4983C11.2405 12.9211 10.0017 14 8.5253 14H4.4747C2.99834 14 1.75954 12.9211 1.60225 11.4983L0.79547 4.2H0.722222C0.32335 4.2 0 3.8866 0 3.5C0 3.1134 0.32335 2.8 0.722222 2.8H1.43598C1.44223 2.79992 1.44846 2.79992 1.45467 2.8H3.04722L3.22238 2.1209C3.54389 0.874431 4.6994 0 6.02502 0H6.97498ZM9.40399 4.2C9.39353 4.20022 9.3831 4.20022 9.37269 4.2H3.6273C3.6169 4.20022 3.60647 4.20022 3.59601 4.2H2.24818L3.03848 11.3491C3.11712 12.0605 3.73652 12.6 4.4747 12.6H8.5253C9.26348 12.6 9.88288 12.0605 9.96152 11.3491L10.7518 4.2H9.40399ZM4.62369 2.46045L4.53611 2.8H8.46387L8.37629 2.46045C8.21554 1.83722 7.63778 1.4 6.97497 1.4H6.025C5.3622 1.4 4.78444 1.83722 4.62369 2.46045Z" fill="#FFEAE2"/>
+</svg>
--- a/src/assets/icons/history.svg
+++ b/src/assets/icons/history.svg
@@ -1,3 +1,3 @@
 <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1.66667 3.33275V2.08333C1.66667 1.6231 1.29357 1.25 0.833333 1.25C0.373096 1.25 0 1.6231 0 2.08333V5.83333C0 6.29357 0.373096 6.66667 0.833333 6.66667H4.16667C4.6269 6.66667 5 6.29357 5 5.83333C5 5.3731 4.6269 5 4.16667 5H2.55837C3.712 3.00589 5.86695 1.66667 8.33333 1.66667C12.0152 1.66667 15 4.65143 15 8.33333C15 12.0152 12.0152 15 8.33333 15C5.16166 15 2.5055 12.7843 1.83185 9.81559C1.73001 9.36677 1.2836 9.08548 0.834775 9.18733C0.385947 9.28917 0.104662 9.73558 0.206506 10.1844C1.04863 13.8956 4.36638 16.6667 8.33333 16.6667C12.9357 16.6667 16.6667 12.9357 16.6667 8.33333C16.6667 3.73096 12.9357 0 8.33333 0C5.60633 0 3.18634 1.30996 1.66667 3.33275ZM8.33333 3.33333C8.79357 3.33333 9.16667 3.70643 9.16667 4.16667V8.33333C9.16667 8.55435 9.07887 8.76631 8.92259 8.92259L6.83926 11.0059C6.51382 11.3314 5.98618 11.3314 5.66074 11.0059C5.33531 10.6805 5.33531 10.1528 5.66074 9.82741L7.5 7.98816V4.16667C7.5 3.70643 7.8731 3.33333 8.33333 3.33333Z" fill="black" fill-opacity="0.75"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.66667 3.33275V2.08333C1.66667 1.6231 1.29357 1.25 0.833333 1.25C0.373096 1.25 0 1.6231 0 2.08333V5.83333C0 6.29357 0.373096 6.66667 0.833333 6.66667H4.16667C4.6269 6.66667 5 6.29357 5 5.83333C5 5.3731 4.6269 5 4.16667 5H2.55837C3.712 3.00589 5.86695 1.66667 8.33333 1.66667C12.0152 1.66667 15 4.65143 15 8.33333C15 12.0152 12.0152 15 8.33333 15C5.16166 15 2.5055 12.7843 1.83185 9.81559C1.73001 9.36677 1.2836 9.08548 0.834775 9.18733C0.385947 9.28917 0.104662 9.73558 0.206506 10.1844C1.04863 13.8956 4.36638 16.6667 8.33333 16.6667C12.9357 16.6667 16.6667 12.9357 16.6667 8.33333C16.6667 3.73096 12.9357 0 8.33333 0C5.60633 0 3.18634 1.30996 1.66667 3.33275ZM8.33333 3.33333C8.79357 3.33333 9.16667 3.70643 9.16667 4.16667V8.33333C9.16667 8.55435 9.07887 8.76631 8.92259 8.92259L6.83926 11.0059C6.51382 11.3314 5.98618 11.3314 5.66074 11.0059C5.33531 10.6805 5.33531 10.1528 5.66074 9.82741L7.5 7.98816V4.16667C7.5 3.70643 7.8731 3.33333 8.33333 3.33333Z" fill="#0D0D0D"/>
 </svg>
--- a/src/assets/icons/historyDelete.svg
+++ b/src/assets/icons/historyDelete.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.4781 2H8.9829V1.5C8.9829 1.1 8.82277 0.72043 8.5433 0.44043C8.26384 0.16043 7.88499 0 7.48575 0H4.49145C4.09221 0 3.71336 0.16043 3.43389 0.44043C3.15442 0.72043 2.9943 1.1 2.9943 1.5V2H0.49905C0.369297 2 0.239934 2.05039 0.150105 2.15039C0.0502949 2.24039 0 2.37 0 2.5C0 2.63 0.0502949 2.75961 0.150105 2.84961C0.239934 2.94961 0.369297 3 0.49905 3H0.9981V12C0.9981 12.27 1.10793 12.52 1.28759 12.71C1.47723 12.89 1.72671 13 1.9962 13H9.981C10.2505 13 10.5 12.89 10.6896 12.71C10.8693 12.52 10.9791 12.27 10.9791 12V3H11.4781C11.6079 3 11.7373 2.94961 11.8271 2.84961C11.9269 2.75961 11.9772 2.63 11.9772 2.5C11.9772 2.37 11.9269 2.24039 11.8271 2.15039C11.7373 2.05039 11.6079 2 11.4781 2ZM3.9924 1.5C3.9924 1.37 4.04269 1.24039 4.1425 1.15039C4.23233 1.05039 4.3617 1 4.49145 1H7.48575C7.6155 1 7.74486 1.05039 7.83469 1.15039C7.9345 1.24039 7.9848 1.37 7.9848 1.5V2H3.9924V1.5ZM9.981 12H1.9962V3H9.981V12ZM4.9905 5.5V9.5C4.9905 9.63 4.9402 9.75961 4.84039 9.84961C4.75056 9.94961 4.6212 10 4.49145 10C4.3617 10 4.23233 9.94961 4.1425 9.84961C4.04269 9.75961 3.9924 9.63 3.9924 9.5V5.5C3.9924 5.37 4.04269 5.24039 4.1425 5.15039C4.23233 5.05039 4.3617 5 4.49145 5C4.6212 5 4.75056 5.05039 4.84039 5.15039C4.9402 5.24039 4.9905 5.37 4.9905 5.5ZM7.9848 5.5V9.5C7.9848 9.63 7.9345 9.75961 7.83469 9.84961C7.74486 9.94961 7.6155 10 7.48575 10C7.35599 10 7.22663 9.94961 7.1368 9.84961C7.03699 9.75961 6.9867 9.63 6.9867 9.5V5.5C6.9867 5.37 7.03699 5.24039 7.1368 5.15039C7.22663 5.05039 7.35599 5 7.48575 5C7.6155 5 7.74486 5.05039 7.83469 5.15039C7.9345 5.24039 7.9848 5.37 7.9848 5.5Z" fill="#FF4747"/>
+</svg>
--- a/src/assets/icons/historyEdit.svg
+++ b/src/assets/icons/historyEdit.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.44798 0.609431C9.26055 -0.203144 10.578 -0.203144 11.3906 0.609431C12.2031 1.42201 12.2031 2.73945 11.3906 3.55203L7.43273 7.50987C6.92278 8.01982 6.26118 8.35062 5.54725 8.45261L4.09398 8.66022C3.88627 8.68989 3.6767 8.62004 3.52834 8.47167C3.37997 8.3233 3.31012 8.11374 3.33979 7.90603L3.5474 6.45275C3.64939 5.73882 3.98019 5.07722 4.49014 4.56727L8.44798 0.609431ZM10.4478 1.55217C10.1559 1.26026 9.68263 1.26026 9.39072 1.55217L5.43288 5.51001C5.12691 5.81598 4.92843 6.21294 4.86723 6.6413L4.78532 7.21468L5.3587 7.13277C5.78706 7.07158 6.18402 6.8731 6.48999 6.56713L10.4478 2.60929C10.7397 2.31737 10.7397 1.84409 10.4478 1.55217ZM5.33294 0.667037C5.33323 1.0352 5.03501 1.33389 4.66684 1.33418C4.00122 1.33469 3.53154 1.33965 3.16411 1.37456C2.80436 1.40873 2.58973 1.46823 2.42517 1.55208C2.04888 1.74381 1.74294 2.04975 1.55121 2.42605C1.46176 2.60161 1.40031 2.83338 1.36735 3.2368C1.33375 3.64799 1.33324 4.17616 1.33324 4.93385V7.06703C1.33324 7.82471 1.33375 8.35288 1.36735 8.76408C1.40031 9.16749 1.46176 9.39927 1.55121 9.57482C1.74294 9.95112 2.04888 10.2571 2.42517 10.4488C2.60073 10.5382 2.83251 10.5997 3.23592 10.6326C3.64712 10.6662 4.17529 10.6668 4.93297 10.6668H7.06615C7.82383 10.6668 8.352 10.6662 8.7632 10.6326C9.16661 10.5997 9.39839 10.5382 9.57395 10.4488C9.95024 10.2571 10.2562 9.95112 10.4479 9.57482C10.5318 9.41027 10.5913 9.19564 10.6254 8.83589C10.6603 8.46846 10.6653 7.99878 10.6658 7.33315C10.6661 6.96499 10.9648 6.66677 11.333 6.66705C11.7011 6.66734 11.9993 6.96603 11.9991 7.33419C11.9985 7.98627 11.9946 8.52079 11.9527 8.96199C11.91 9.41086 11.8248 9.80928 11.6358 10.1801C11.3163 10.8073 10.8064 11.3172 10.1792 11.6367C9.78439 11.8379 9.35763 11.9218 8.87176 11.9615C8.39988 12 7.81716 12 7.0947 12H4.90442C4.18196 12 3.59924 12 3.12735 11.9615C2.64149 11.9218 2.21473 11.8379 1.8199 11.6367C1.19274 11.3172 0.68284 10.8073 0.363285 10.1801C0.162108 9.78527 0.0782394 9.35851 0.0385427 8.87264C-1.18257e-05 8.40076 -6.50027e-06 7.81803 1.74959e-07 7.09556V4.90531C-6.50027e-06 4.18284 -1.18257e-05 3.60011 0.0385427 3.12823C0.0782394 2.64236 0.162108 2.2156 0.363285 1.82077C0.68284 1.19361 1.19274 0.683712 1.8199 0.364157C2.19072 0.175211 2.58914 0.0899426 3.03801 0.047296C3.47921 0.00537885 4.01373 0.00144737 4.6658 0.000938901C5.03397 0.000651826 5.33265 0.298874 5.33294 0.667037Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/light.svg
+++ b/src/assets/icons/light.svg
@@ -1,3 +1,3 @@
 <svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.7248 18.6371C11.7248 18.8138 11.6476 18.9906 11.5262 19.1231C11.3937 19.2445 11.2168 19.3217 11.0402 19.3217H4.14022C3.95255 19.3217 3.77596 19.2445 3.64348 19.1231C3.52204 18.9906 3.44484 18.8138 3.44484 18.6371C3.44484 18.4495 3.52204 18.2729 3.64348 18.1404C3.77596 18.019 3.95255 17.9418 4.14022 17.9418H11.0402C11.2168 17.9418 11.3937 18.019 11.5262 18.1404C11.6476 18.2729 11.7248 18.4495 11.7248 18.6371ZM15.1802 7.59719C15.1802 8.74535 14.9153 9.88246 14.4185 10.9092C13.9106 11.9469 13.1821 12.8524 12.2768 13.5589C12.1002 13.6914 11.9675 13.8569 11.8682 14.0446C11.7799 14.2433 11.7248 14.4532 11.7248 14.6629V15.1818C11.7248 15.5461 11.5811 15.8992 11.3162 16.1532C11.0623 16.4181 10.7091 16.5618 10.3448 16.5618H4.82483C4.46051 16.5618 4.10736 16.4181 3.85345 16.1532C3.58849 15.8992 3.44484 15.5461 3.44484 15.1818V14.6629C3.44484 14.4532 3.40081 14.2433 3.30145 14.0557C3.21313 13.868 3.06949 13.7025 2.90389 13.57C1.99862 12.8634 1.27004 11.969 0.762207 10.9423C0.265409 9.91562 0.000245425 8.7785 0.000245425 7.63035C-0.0328744 3.52349 3.29036 0.1012 7.39722 0.00184018C8.4129 -0.0202397 9.41747 0.156378 10.3669 0.531736C11.3053 0.896054 12.1664 1.44802 12.884 2.15458C13.6127 2.86113 14.1868 3.71122 14.5842 4.64961C14.9706 5.57697 15.1802 6.58152 15.1802 7.59719ZM13.8002 7.59719C13.8002 6.75816 13.6346 5.94127 13.3034 5.17951C12.9833 4.41775 12.5196 3.72241 11.9234 3.14833C11.3273 2.56322 10.6319 2.11035 9.85911 1.81227C9.08632 1.50315 8.25837 1.35975 7.43038 1.38183C4.07423 1.45911 1.35816 4.26316 1.38024 7.63035C1.38024 8.5577 1.59007 9.48526 2.00959 10.3243C2.41807 11.1744 3.01431 11.903 3.75399 12.477C4.09623 12.742 4.36115 13.0731 4.54883 13.4484C4.72547 13.8238 4.82483 14.2434 4.82483 14.6629V15.1818H6.90021V11.3288L4.33914 8.76749C4.20666 8.63501 4.12944 8.46948 4.12944 8.2818C4.12944 8.09412 4.20666 7.92859 4.33914 7.79611C4.47162 7.66363 4.63715 7.58641 4.82483 7.58641C5.01251 7.58641 5.18908 7.66363 5.31052 7.79611L7.58482 10.0704L9.85911 7.79611C9.92535 7.72987 9.99154 7.67452 10.0799 7.6414C10.1682 7.60828 10.2565 7.58641 10.3448 7.58641C10.4331 7.58641 10.5214 7.60828 10.6098 7.6414C10.6981 7.67452 10.7643 7.72987 10.8305 7.79611C10.8967 7.86235 10.9521 7.92853 10.9852 8.01685C11.0183 8.10517 11.0402 8.19348 11.0402 8.2818C11.0402 8.37012 11.0183 8.45843 10.9852 8.54675C10.9521 8.63507 10.8967 8.70125 10.8305 8.76749L8.2802 11.3288V15.1818H10.3448V14.6629C10.3448 14.2434 10.4442 13.8238 10.6319 13.4484C10.8195 13.062 11.0844 12.731 11.4156 12.477C12.1664 11.903 12.7626 11.1523 13.1711 10.3132C13.5796 9.46317 13.8002 8.53559 13.8002 7.59719Z" fill="#FFDB56"/>
+<path d="M11.7248 18.6371C11.7248 18.8138 11.6476 18.9906 11.5262 19.1231C11.3937 19.2445 11.2168 19.3217 11.0402 19.3217H4.14022C3.95255 19.3217 3.77596 19.2445 3.64348 19.1231C3.52204 18.9906 3.44484 18.8138 3.44484 18.6371C3.44484 18.4495 3.52204 18.2729 3.64348 18.1404C3.77596 18.019 3.95255 17.9418 4.14022 17.9418H11.0402C11.2168 17.9418 11.3937 18.019 11.5262 18.1404C11.6476 18.2729 11.7248 18.4495 11.7248 18.6371ZM15.1802 7.59719C15.1802 8.74535 14.9153 9.88246 14.4185 10.9092C13.9106 11.9469 13.1821 12.8524 12.2768 13.5589C12.1002 13.6914 11.9675 13.8569 11.8682 14.0446C11.7799 14.2433 11.7248 14.4532 11.7248 14.6629V15.1818C11.7248 15.5461 11.5811 15.8992 11.3162 16.1532C11.0623 16.4181 10.7091 16.5618 10.3448 16.5618H4.82483C4.46051 16.5618 4.10736 16.4181 3.85345 16.1532C3.58849 15.8992 3.44484 15.5461 3.44484 15.1818V14.6629C3.44484 14.4532 3.40081 14.2433 3.30145 14.0557C3.21313 13.868 3.06949 13.7025 2.90389 13.57C1.99862 12.8634 1.27004 11.969 0.762207 10.9423C0.265409 9.91562 0.000245425 8.7785 0.000245425 7.63035C-0.0328744 3.52349 3.29036 0.1012 7.39722 0.00184018C8.4129 -0.0202397 9.41747 0.156378 10.3669 0.531736C11.3053 0.896054 12.1664 1.44802 12.884 2.15458C13.6127 2.86113 14.1868 3.71122 14.5842 4.64961C14.9706 5.57697 15.1802 6.58152 15.1802 7.59719ZM13.8002 7.59719C13.8002 6.75816 13.6346 5.94127 13.3034 5.17951C12.9833 4.41775 12.5196 3.72241 11.9234 3.14833C11.3273 2.56322 10.6319 2.11035 9.85911 1.81227C9.08632 1.50315 8.25837 1.35975 7.43038 1.38183C4.07423 1.45911 1.35816 4.26316 1.38024 7.63035C1.38024 8.5577 1.59007 9.48526 2.00959 10.3243C2.41807 11.1744 3.01431 11.903 3.75399 12.477C4.09623 12.742 4.36115 13.0731 4.54883 13.4484C4.72547 13.8238 4.82483 14.2434 4.82483 14.6629V15.1818H6.90021V11.3288L4.33914 8.76749C4.20666 8.63501 4.12944 8.46948 4.12944 8.2818C4.12944 8.09412 4.20666 7.92859 4.33914 7.79611C4.47162 7.66363 4.63715 7.58641 4.82483 7.58641C5.01251 7.58641 5.18908 7.66363 5.31052 7.79611L7.58482 10.0704L9.85911 7.79611C9.92535 7.72987 9.99154 7.67452 10.0799 7.6414C10.1682 7.60828 10.2565 7.58641 10.3448 7.58641C10.4331 7.58641 10.5214 7.60828 10.6098 7.6414C10.6981 7.67452 10.7643 7.72987 10.8305 7.79611C10.8967 7.86235 10.9521 7.92853 10.9852 8.01685C11.0183 8.10517 11.0402 8.19348 11.0402 8.2818C11.0402 8.37012 11.0183 8.45843 10.9852 8.54675C10.9521 8.63507 10.8967 8.70125 10.8305 8.76749L8.2802 11.3288V15.1818H10.3448V14.6629C10.3448 14.2434 10.4442 13.8238 10.6319 13.4484C10.8195 13.062 11.0844 12.731 11.4156 12.477C12.1664 11.903 12.7626 11.1523 13.1711 10.3132C13.5796 9.46317 13.8002 8.53559 13.8002 7.59719Z" fill="currentColor"/>
 </svg>
--- a/src/assets/icons/plus.svg
+++ b/src/assets/icons/plus.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 0C8.49092 0 8.88889 0.397969 8.88889 0.888889L8.88889 7.11111L15.1111 7.11111C15.602 7.11111 16 7.50908 16 8C16 8.49092 15.602 8.88889 15.1111 8.88889L8.88889 8.88889L8.88889 15.1111C8.88889 15.602 8.49092 16 8 16C7.50908 16 7.11111 15.602 7.11111 15.1111L7.11111 8.88889L0.888889 8.88889C0.397969 8.88889 0 8.49092 0 8C0 7.50908 0.397969 7.11111 0.888889 7.11111L7.11111 7.11111L7.11111 0.888889C7.11111 0.397969 7.50908 0 8 0Z" fill="currentColor"/>
+</svg>
--- a/src/assets/icons/profile-edit.svg
+++ b/src/assets/icons/profile-edit.svg
@@ -0,0 +1,3 @@
+<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.74398 0.558645C8.48884 -0.186215 9.69649 -0.186215 10.4414 0.558645C11.1862 1.30351 11.1862 2.51116 10.4414 3.25602L6.81334 6.88404C6.34588 7.3515 5.73942 7.65473 5.08498 7.74822L3.75282 7.93853C3.56241 7.96573 3.37031 7.9017 3.23431 7.7657C3.09831 7.62969 3.03427 7.43759 3.06147 7.24719L3.25178 5.91502C3.34527 5.26058 3.6485 4.65412 4.11596 4.18667L7.74398 0.558645ZM9.57718 1.42282C9.30959 1.15524 8.87574 1.15524 8.60816 1.42282L4.98014 5.05084C4.69967 5.33132 4.51773 5.6952 4.46163 6.08786L4.38655 6.61346L4.91215 6.53837C5.30481 6.48228 5.66869 6.30034 5.94916 6.01987L9.57718 2.39185C9.84476 2.12426 9.84476 1.69041 9.57718 1.42282ZM4.88853 0.611451C4.88879 0.948934 4.61542 1.22273 4.27794 1.22299C3.66778 1.22347 3.23724 1.22801 2.90043 1.26001C2.57066 1.29134 2.37392 1.34588 2.22308 1.42274C1.87814 1.59849 1.59769 1.87894 1.42194 2.22388C1.33994 2.38481 1.28362 2.59727 1.2534 2.96706C1.22261 3.34399 1.22213 3.82815 1.22213 4.52269V6.47811C1.22213 7.17265 1.22261 7.65681 1.2534 8.03374C1.28362 8.40353 1.33994 8.61599 1.42194 8.77692C1.59769 9.12186 1.87814 9.4023 2.22308 9.57806C2.384 9.66006 2.59646 9.71638 2.96626 9.7466C3.34319 9.77739 3.82735 9.77787 4.52189 9.77787H6.4773C7.17184 9.77787 7.656 9.77739 8.03293 9.7466C8.40273 9.71638 8.61519 9.66006 8.77612 9.57806C9.12105 9.4023 9.4015 9.12186 9.57725 8.77692C9.65411 8.62608 9.70865 8.42933 9.73998 8.09956C9.77198 7.76276 9.77652 7.33222 9.777 6.72206C9.77726 6.38457 10.0511 6.1112 10.3885 6.11147C10.726 6.11173 10.9994 6.38553 10.9991 6.72301C10.9987 7.32075 10.9951 7.81073 10.9566 8.21516C10.9175 8.62662 10.8394 8.99184 10.6662 9.33176C10.3733 9.90666 9.90585 10.3741 9.33095 10.667C8.96902 10.8514 8.57783 10.9283 8.13245 10.9647C7.69989 11 7.16573 11 6.50348 11H4.49572C3.83346 11 3.2993 11 2.86674 10.9647C2.42137 10.9283 2.03017 10.8514 1.66824 10.667C1.09334 10.3741 0.625936 9.90666 0.333011 9.33176C0.148599 8.96983 0.0717194 8.57863 0.0353308 8.13326C-1.08402e-05 7.7007 -5.95858e-06 7.16653 1.60379e-07 6.50426V4.49653C-5.95858e-06 3.83427 -1.08402e-05 3.3001 0.0353308 2.86754C0.0717194 2.42217 0.148599 2.03097 0.333012 1.66904C0.625936 1.09414 1.09334 0.626736 1.66824 0.33381C2.00816 0.16061 2.37338 0.0824474 2.78484 0.0433547C3.18927 0.00493061 3.67925 0.00132676 4.27699 0.000860659C4.61447 0.000597507 4.88827 0.273968 4.88853 0.611451Z" fill="#0D0D0D"/>
+</svg>
--- a/src/assets/icons/scene-composition-2.svg
+++ b/src/assets/icons/scene-composition-2.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.17248 2H10.8275C11.3642 1.99999 11.8071 1.99998 12.1679 2.02946C12.5426 2.06008 12.8871 2.12579 13.2107 2.29065C13.7124 2.54631 14.1204 2.95426 14.376 3.45603C14.5409 3.77958 14.6066 4.12405 14.6372 4.49878C14.6667 4.85958 14.6667 5.30248 14.6667 5.83912V10.1609C14.6667 10.6975 14.6667 11.1404 14.6372 11.5012C14.6066 11.8759 14.5409 12.2204 14.376 12.544C14.1204 13.0457 13.7124 13.4537 13.2107 13.7094C12.8871 13.8742 12.5426 13.9399 12.1679 13.9705C11.8071 14 11.3642 14 10.8276 14H5.17246C4.63582 14 4.19292 14 3.83213 13.9705C3.4574 13.9399 3.11293 13.8742 2.78937 13.7094C2.2876 13.4537 1.87966 13.0457 1.62399 12.544C1.45913 12.2204 1.39342 11.8759 1.36281 11.5012C1.33333 11.1404 1.33334 10.6975 1.33334 10.1609V5.83913C1.33334 5.30249 1.33333 4.85958 1.36281 4.49878C1.39342 4.12405 1.45913 3.77958 1.62399 3.45603C1.87966 2.95426 2.2876 2.54631 2.78937 2.29065C3.11293 2.12579 3.4574 2.06008 3.83213 2.02946C4.19292 1.99998 4.63583 1.99999 5.17248 2ZM3.9407 3.35837C3.64843 3.38225 3.49896 3.42553 3.39469 3.47866C3.14381 3.60649 2.93983 3.81046 2.812 4.06135C2.75888 4.16561 2.71559 4.31508 2.69171 4.60736C2.6672 4.90742 2.66668 5.29561 2.66668 5.86667V8.39049L3.25246 7.8047C4.03351 7.02365 5.29984 7.02365 6.08089 7.8047L10.9428 12.6666C11.4369 12.6664 11.785 12.664 12.0593 12.6416C12.3516 12.6178 12.5011 12.5745 12.6053 12.5213C12.8562 12.3935 13.0602 12.1895 13.188 11.9387C13.2411 11.8344 13.2844 11.6849 13.3083 11.3926C13.3328 11.0926 13.3333 10.7044 13.3333 10.1333V5.86667C13.3333 5.29561 13.3328 4.90742 13.3083 4.60736C13.2844 4.31508 13.2411 4.16561 13.188 4.06135C13.0602 3.81046 12.8562 3.60649 12.6053 3.47866C12.5011 3.42553 12.3516 3.38225 12.0593 3.35837C11.7593 3.33385 11.3711 3.33333 10.8 3.33333H5.20001C4.62896 3.33333 4.24076 3.33385 3.9407 3.35837ZM9.05724 12.6667L5.13808 8.74751C4.87773 8.48716 4.45562 8.48716 4.19527 8.74751L2.6667 10.2761C2.66694 10.7702 2.6693 11.1183 2.69171 11.3926C2.71559 11.6849 2.75888 11.8344 2.812 11.9387C2.93983 12.1895 3.14381 12.3935 3.39469 12.5213C3.49896 12.5745 3.64843 12.6178 3.9407 12.6416C4.24076 12.6661 4.62896 12.6667 5.20001 12.6667H9.05724ZM10 5.66667C9.63182 5.66667 9.33334 5.96514 9.33334 6.33333C9.33334 6.70152 9.63182 7 10 7C10.3682 7 10.6667 6.70152 10.6667 6.33333C10.6667 5.96514 10.3682 5.66667 10 5.66667ZM8.00001 6.33333C8.00001 5.22876 8.89544 4.33333 10 4.33333C11.1046 4.33333 12 5.22876 12 6.33333C12 7.4379 11.1046 8.33333 10 8.33333C8.89544 8.33333 8.00001 7.4379 8.00001 6.33333Z" fill="#0D0D0D"/>
+<path d="M14.3923 11.8923C14.334 11.7338 14.11 11.7338 14.0499 11.8923L13.8569 12.4149C13.8386 12.4641 13.7986 12.5042 13.7494 12.5224L13.2267 12.7154C13.0683 12.7737 13.0683 12.9977 13.2267 13.0578L13.7494 13.2509C13.7986 13.2691 13.8386 13.3091 13.8569 13.3583L14.0499 13.881C14.1082 14.0394 14.3322 14.0394 14.3923 13.881L14.5853 13.3583C14.6035 13.3091 14.6436 13.2691 14.6928 13.2509L15.2155 13.0578C15.3739 12.9995 15.3739 12.7755 15.2155 12.7154L14.6928 12.5224C14.6436 12.5042 14.6035 12.4641 14.5853 12.4149L14.3923 11.8923Z" fill="#FF7A51"/>
+<path d="M12.293 8.84495C12.2055 8.60637 11.8686 8.60637 11.7812 8.84495L11.3915 9.89577C11.3642 9.97043 11.3041 10.0287 11.2294 10.0579L10.1786 10.4476C9.93999 10.535 9.93999 10.8719 10.1786 10.9593L11.2294 11.3491C11.3041 11.3764 11.3623 11.4365 11.3915 11.5112L11.7812 12.562C11.8686 12.8005 12.2055 12.8005 12.293 12.562L12.6827 11.5112C12.71 11.4365 12.7701 11.3782 12.8448 11.3491L13.8956 10.9593C14.1342 10.8719 14.1342 10.535 13.8956 10.4476L12.8448 10.0579C12.7701 10.0305 12.7118 9.97043 12.6827 9.89577L12.293 8.84495Z" fill="#FF7A51"/>
+</svg>
--- a/src/assets/icons/sub.svg
+++ b/src/assets/icons/sub.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.912109 7.29883H15.5097" stroke="white" stroke-width="1.8247" stroke-linecap="round"/>
+</svg>
--- a/src/assets/icons/surface-edit-2.svg
+++ b/src/assets/icons/surface-edit-2.svg
@@ -0,0 +1,4 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.00017 3.33398C9.00017 2.98872 8.73756 2.70457 8.40122 2.67057L8.33351 2.66732H7.66684C7.29865 2.66732 7.00017 2.96579 7.00017 3.33398V5.11393C7.00017 5.3521 6.87309 5.57231 6.66684 5.69141C6.46062 5.81048 6.20642 5.81042 6.00017 5.69141L4.45851 4.80143C4.13988 4.61752 3.73257 4.72662 3.54835 5.04557H3.5477L3.21502 5.6224C3.03079 5.94149 3.14 6.34924 3.45851 6.5332L4.99952 7.42253C5.2057 7.54158 5.33278 7.76191 5.33286 8C5.33286 8.23806 5.20565 8.45834 4.99952 8.57747L3.45851 9.4681C3.14 9.65206 3.03079 10.0598 3.21502 10.3789L3.5477 10.9557H3.54835L3.58546 11.013C3.78319 11.2871 4.1598 11.3723 4.45851 11.1999L6.00017 10.3092C6.20639 10.1903 6.46063 10.1902 6.66684 10.3092C6.87309 10.4283 7.00017 10.6486 7.00017 10.8867V12.6673L7.00343 12.7357C7.03766 13.0718 7.32173 13.334 7.66684 13.334H8.33351C8.70165 13.3339 9.00017 13.0354 9.00017 12.6673V10.8867C9.00017 10.6485 9.1272 10.4283 9.33351 10.3092C9.53977 10.1902 9.79395 10.1902 10.0002 10.3092L11.5418 11.1999L11.6024 11.2311C11.9104 11.3695 12.2794 11.2548 12.452 10.9557L12.7853 10.3789C12.9695 10.0599 12.8602 9.65215 12.5418 9.4681L11.0002 8.57747C10.794 8.45836 10.6668 8.23811 10.6668 8C10.6669 7.76184 10.7939 7.54155 11.0002 7.42253L12.5418 6.5332L12.5991 6.49609C12.8727 6.29845 12.958 5.92141 12.7853 5.6224L12.452 5.04557C12.2679 4.72663 11.8605 4.6176 11.5418 4.80143L10.0002 5.69141C9.79396 5.81045 9.53974 5.81041 9.33351 5.69141C9.12725 5.57232 9.00017 5.3521 9.00017 5.11393V3.33398ZM10.3335 3.95898L10.8752 3.64648C11.8319 3.09437 13.0548 3.42258 13.6069 4.37891H13.6063L13.9396 4.95573H13.9403C14.4923 5.91197 14.1651 7.13567 13.2085 7.68815H13.2079L12.6668 8L13.2085 8.31315L13.2964 8.36719C14.1846 8.94217 14.475 10.1193 13.9403 11.0456H13.9396L13.6069 11.6224C13.0548 12.5787 11.8319 12.9069 10.8752 12.3548L10.3335 12.0417V12.6673C10.3335 13.7374 9.49304 14.6111 8.43637 14.6647L8.33351 14.6673H7.66684C6.56227 14.6673 5.66684 13.7719 5.66684 12.6673V12.0417L5.12517 12.3548C4.19829 12.8898 3.02137 12.5985 2.44679 11.7103L2.3934 11.6224L2.06007 11.0456C1.50804 10.0894 1.83471 8.86573 2.79119 8.31315L3.33221 8L2.79184 7.68815C1.83515 7.13565 1.50799 5.91197 2.06007 4.95573L2.3934 4.37891L2.44679 4.29102C3.02137 3.40277 4.19829 3.11148 5.12517 3.64648L5.66684 3.95898V3.33398C5.66684 2.22941 6.56227 1.33398 7.66684 1.33398H8.33351L8.43637 1.33659C9.49304 1.3902 10.3335 2.26394 10.3335 3.33398V3.95898Z" fill="#0D0D0D"/>
+<path d="M14.6187 0.930453C14.7484 0.57787 15.2469 0.57787 15.3806 0.930453L15.5914 1.50188C15.6319 1.6113 15.7211 1.70046 15.8305 1.74099L16.4019 1.95173C16.7545 2.08142 16.7545 2.5799 16.4019 2.71363L15.8305 2.92437C15.7211 2.9649 15.6319 3.05406 15.5914 3.16348L15.3806 3.73491C15.2509 4.08749 14.7525 4.08749 14.6187 3.73491L14.408 3.16348C14.3675 3.05406 14.2783 2.9649 14.1689 2.92437L13.5974 2.71363C13.2449 2.58395 13.2449 2.08547 13.5974 1.95173L14.1689 1.74099C14.2783 1.70046 14.3675 1.6113 14.408 1.50188L14.6187 0.930453Z" fill="#FF7A51"/>
+</svg>
--- a/src/assets/icons/surface-edit.svg
+++ b/src/assets/icons/surface-edit.svg
@@ -0,0 +1,4 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.2494 4.16797C11.2494 3.73639 10.9211 3.3812 10.5007 3.3387L10.416 3.33464H9.58271C9.12248 3.33464 8.74938 3.70773 8.74938 4.16797V6.3929C8.74938 6.69061 8.59052 6.96588 8.33271 7.11475C8.07493 7.26358 7.75719 7.26351 7.49938 7.11475L5.5723 6.00228C5.17401 5.77239 4.66488 5.90876 4.4346 6.30745H4.43379L4.01793 7.02848C3.78765 7.42735 3.92416 7.93703 4.3223 8.16699L6.24857 9.27865C6.50629 9.42746 6.66514 9.70287 6.66523 10.0005C6.66523 10.2981 6.50622 10.5734 6.24857 10.7223L4.3223 11.8356C3.92416 12.0656 3.78764 12.5752 4.01793 12.9741L4.43379 13.6951H4.4346L4.48099 13.7668C4.72814 14.1094 5.19891 14.2158 5.5723 14.0003L7.49938 12.887C7.75714 12.7383 8.07495 12.7383 8.33271 12.887C8.59052 13.0359 8.74938 13.3112 8.74938 13.6089V15.8346L8.75345 15.9201C8.79623 16.3402 9.15132 16.668 9.58271 16.668H10.416C10.8762 16.6679 11.2494 16.2948 11.2494 15.8346V13.6089C11.2494 13.3111 11.4082 13.0359 11.666 12.887C11.9239 12.7383 12.2416 12.7382 12.4994 12.887L14.4265 14.0003L14.5021 14.0394C14.8872 14.2123 15.3484 14.0689 15.5642 13.6951L15.9808 12.9741C16.211 12.5754 16.0744 12.0657 15.6765 11.8356L13.7494 10.7223C13.4916 10.5734 13.3327 10.2981 13.3327 10.0005C13.3328 9.70279 13.4915 9.42743 13.7494 9.27865L15.6765 8.16699L15.7481 8.12061C16.0901 7.87355 16.1966 7.40226 15.9808 7.02848L15.5642 6.30745C15.334 5.90878 14.8248 5.77249 14.4265 6.00228L12.4994 7.11475C12.2416 7.26355 11.9238 7.2635 11.666 7.11475C11.4082 6.96588 11.2494 6.69062 11.2494 6.3929V4.16797ZM12.916 4.94922L13.5931 4.55859C14.789 3.86845 16.3177 4.27872 17.0078 5.47412H17.007L17.4237 6.19515H17.4245C18.1145 7.39045 17.7055 8.92007 16.5098 9.61068H16.509L15.8327 10.0005L16.5098 10.3919L16.6197 10.4595C17.7299 11.1782 18.0929 12.6496 17.4245 13.8075H17.4237L17.0078 14.5285C16.3177 15.7239 14.789 16.1342 13.5931 15.444L12.916 15.0526V15.8346C12.916 17.1722 11.8655 18.2644 10.5446 18.3314L10.416 18.3346H9.58271C8.202 18.3346 7.08271 17.2153 7.08271 15.8346V15.0526L6.40563 15.444C5.24702 16.1128 3.77587 15.7487 3.05765 14.6383L2.99092 14.5285L2.57425 13.8075C1.88421 12.6123 2.29255 11.0826 3.48815 10.3919L4.16442 10.0005L3.48896 9.61068C2.2931 8.92005 1.88414 7.39045 2.57425 6.19515L2.99092 5.47412L3.05765 5.36426C3.77587 4.25395 5.24703 3.88984 6.40563 4.55859L7.08271 4.94922V4.16797C7.08271 2.78726 8.202 1.66797 9.58271 1.66797H10.416L10.5446 1.67122C11.8655 1.73824 12.916 2.83041 12.916 4.16797V4.94922Z" fill="white"/>
+<path d="M18.2722 1.16258C18.4343 0.721849 19.0574 0.721849 19.2246 1.16258L19.488 1.87686C19.5386 2.01364 19.6501 2.12509 19.7869 2.17575L20.5012 2.43917C20.9419 2.60128 20.9419 3.22438 20.5012 3.39156L19.7869 3.65498C19.6501 3.70564 19.5386 3.81709 19.488 3.95387L19.2246 4.66815C19.0625 5.10888 18.4394 5.10888 18.2722 4.66815L18.0088 3.95387C17.9581 3.81709 17.8466 3.70564 17.7099 3.65498L16.9956 3.39156C16.5549 3.22945 16.5549 2.60635 16.9956 2.43917L17.7099 2.17575C17.8466 2.12509 17.9581 2.01364 18.0088 1.87686L18.2722 1.16258Z" fill="white"/>
+</svg>
--- a/src/assets/icons/textToolsDecoration.svg
+++ b/src/assets/icons/textToolsDecoration.svg
@@ -0,0 +1,8 @@
+<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-outside-1_3940_24441" maskUnits="userSpaceOnUse" x="-0.700195" y="-0.699219" width="14" height="14" fill="black">
+<rect fill="white" x="-0.700195" y="-0.699219" width="14" height="14"/>
+<path d="M11.7998 11.3008C12.0759 11.3008 12.2998 11.5246 12.2998 11.8008C12.2998 12.0769 12.0759 12.3008 11.7998 12.3008H0.799805C0.523663 12.3008 0.299805 12.0769 0.299805 11.8008C0.299805 11.5246 0.523663 11.3008 0.799805 11.3008H11.7998ZM9.7998 0.300781C10.0759 0.300781 10.2998 0.524639 10.2998 0.800781V5.30078C10.2998 7.50992 8.50894 9.30078 6.2998 9.30078C4.09067 9.30078 2.2998 7.50992 2.2998 5.30078V0.800781C2.2998 0.524639 2.52366 0.300781 2.7998 0.300781C3.07595 0.300781 3.2998 0.524639 3.2998 0.800781V5.30078C3.2998 6.95764 4.64295 8.30078 6.2998 8.30078C7.95666 8.30078 9.2998 6.95764 9.2998 5.30078V0.800781C9.2998 0.524639 9.52366 0.300781 9.7998 0.300781Z"/>
+</mask>
+<path d="M11.7998 11.3008C12.0759 11.3008 12.2998 11.5246 12.2998 11.8008C12.2998 12.0769 12.0759 12.3008 11.7998 12.3008H0.799805C0.523663 12.3008 0.299805 12.0769 0.299805 11.8008C0.299805 11.5246 0.523663 11.3008 0.799805 11.3008H11.7998ZM9.7998 0.300781C10.0759 0.300781 10.2998 0.524639 10.2998 0.800781V5.30078C10.2998 7.50992 8.50894 9.30078 6.2998 9.30078C4.09067 9.30078 2.2998 7.50992 2.2998 5.30078V0.800781C2.2998 0.524639 2.52366 0.300781 2.7998 0.300781C3.07595 0.300781 3.2998 0.524639 3.2998 0.800781V5.30078C3.2998 6.95764 4.64295 8.30078 6.2998 8.30078C7.95666 8.30078 9.2998 6.95764 9.2998 5.30078V0.800781C9.2998 0.524639 9.52366 0.300781 9.7998 0.300781Z" fill="#0D0D0D"/>
+<path d="M11.7998 11.3008V11.0008V11.0008V11.3008ZM12.2998 11.8008H12.5998V11.8008H12.2998ZM11.7998 12.3008V12.0008V12.0008V12.3008ZM0.799805 12.3008L0.799805 12.6008H0.799805V12.3008ZM0.299805 11.8008H-0.000195324V11.8008H0.299805ZM0.799805 11.3008L0.799805 11.6008H0.799805V11.3008ZM11.7998 11.3008V11.6008C11.9103 11.6008 11.9998 11.6903 11.9998 11.8008H12.2998H12.5998C12.5998 11.359 12.2416 11.0008 11.7998 11.0008V11.3008ZM12.2998 11.8008H11.9998C11.9998 11.9112 11.9103 12.0008 11.7998 12.0008V12.3008V12.6008C12.2416 12.6008 12.5998 12.2426 12.5998 11.8008H12.2998ZM11.7998 12.3008V12.0008H0.799805V12.3008V12.6008H11.7998V12.3008ZM0.799805 12.3008V12.0008C0.689349 12.0008 0.599805 11.9112 0.599805 11.8008H0.299805H-0.000195324C-0.000194907 12.2426 0.357977 12.6008 0.799805 12.6008L0.799805 12.3008ZM0.299805 11.8008H0.599805C0.599805 11.6903 0.689348 11.6008 0.799805 11.6008L0.799805 11.3008V11.0008C0.357977 11.0008 -0.000195295 11.359 -0.000195324 11.8008H0.299805ZM0.799805 11.3008V11.6008H11.7998V11.3008V11.0008H0.799805V11.3008ZM9.7998 0.300781V0.600781C9.91026 0.600781 9.9998 0.690324 9.9998 0.800781H10.2998H10.5998C10.5998 0.358954 10.2416 0.000781238 9.7998 0.000781238V0.300781ZM10.2998 0.800781H9.9998V5.30078H10.2998H10.5998V0.800781H10.2998ZM10.2998 5.30078H9.9998C9.9998 7.34423 8.34326 9.00078 6.2998 9.00078V9.30078V9.60078C8.67463 9.60078 10.5998 7.67561 10.5998 5.30078H10.2998ZM6.2998 9.30078V9.00078C4.25635 9.00078 2.5998 7.34423 2.5998 5.30078H2.2998H1.9998C1.9998 7.67561 3.92498 9.60078 6.2998 9.60078V9.30078ZM2.2998 5.30078H2.5998V0.800781H2.2998H1.9998V5.30078H2.2998ZM2.2998 0.800781H2.5998C2.5998 0.690324 2.68935 0.600781 2.7998 0.600781V0.300781V0.000781238C2.35798 0.000781238 1.9998 0.358953 1.9998 0.800781H2.2998ZM2.7998 0.300781V0.600781C2.91026 0.600781 2.9998 0.690324 2.9998 0.800781H3.2998H3.5998C3.5998 0.358953 3.24163 0.000781238 2.7998 0.000781238V0.300781ZM3.2998 0.800781H2.9998V5.30078H3.2998H3.5998V0.800781H3.2998ZM3.2998 5.30078H2.9998C2.9998 7.12332 4.47726 8.60078 6.2998 8.60078V8.30078V8.00078C4.80864 8.00078 3.5998 6.79195 3.5998 5.30078H3.2998ZM6.2998 8.30078V8.60078C8.12234 8.60078 9.5998 7.12332 9.5998 5.30078H9.2998H8.9998C8.9998 6.79195 7.79097 8.00078 6.2998 8.00078V8.30078ZM9.2998 5.30078H9.5998V0.800781H9.2998H8.9998V5.30078H9.2998ZM9.2998 0.800781H9.5998C9.5998 0.690324 9.68935 0.600781 9.7998 0.600781V0.300781V0.000781238C9.35798 0.000781238 8.9998 0.358954 8.9998 0.800781H9.2998Z" fill="black" mask="url(#path-1-outside-1_3940_24441)"/>
+</svg>
--- a/src/assets/icons/textToolsStyle.svg
+++ b/src/assets/icons/textToolsStyle.svg
@@ -0,0 +1,4 @@
+<svg width="9" height="13" viewBox="0 0 9 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.75 0.25C8.02614 0.25 8.25 0.473858 8.25 0.75C8.25 1.02614 8.02614 1.25 7.75 1.25H5.66797L3.84961 11.25H5.75C6.02614 11.25 6.25 11.4739 6.25 11.75C6.25 12.0261 6.02614 12.25 5.75 12.25H0.75C0.473858 12.25 0.25 12.0261 0.25 11.75C0.25 11.4739 0.473858 11.25 0.75 11.25H2.83203L4.65039 1.25H2.75C2.47386 1.25 2.25 1.02614 2.25 0.75C2.25 0.473858 2.47386 0.25 2.75 0.25H7.75Z" fill="#0D0D0D"/>
+<path d="M5.66797 1.25V1H5.45933L5.422 1.20527L5.66797 1.25ZM3.84961 11.25L3.60364 11.2053L3.55005 11.5H3.84961V11.25ZM2.83203 11.25V11.5H3.04067L3.078 11.2947L2.83203 11.25ZM4.65039 1.25L4.89636 1.29473L4.94995 1H4.65039V1.25ZM7.75 0.25V0.5C7.88807 0.5 8 0.611929 8 0.75H8.25H8.5C8.5 0.335786 8.16421 0 7.75 0V0.25ZM8.25 0.75H8C8 0.888071 7.88807 1 7.75 1V1.25V1.5C8.16421 1.5 8.5 1.16421 8.5 0.75H8.25ZM7.75 1.25V1H5.66797V1.25V1.5H7.75V1.25ZM5.66797 1.25L5.422 1.20527L3.60364 11.2053L3.84961 11.25L4.09558 11.2947L5.91394 1.29473L5.66797 1.25ZM3.84961 11.25V11.5H5.75V11.25V11H3.84961V11.25ZM5.75 11.25V11.5C5.88807 11.5 6 11.6119 6 11.75H6.25H6.5C6.5 11.3358 6.16421 11 5.75 11V11.25ZM6.25 11.75H6C6 11.8881 5.88807 12 5.75 12V12.25V12.5C6.16421 12.5 6.5 12.1642 6.5 11.75H6.25ZM5.75 12.25V12H0.75V12.25V12.5H5.75V12.25ZM0.75 12.25V12C0.611929 12 0.5 11.8881 0.5 11.75H0.25H0C0 12.1642 0.335786 12.5 0.75 12.5V12.25ZM0.25 11.75H0.5C0.5 11.6119 0.611929 11.5 0.75 11.5V11.25V11C0.335786 11 0 11.3358 0 11.75H0.25ZM0.75 11.25V11.5H2.83203V11.25V11H0.75V11.25ZM2.83203 11.25L3.078 11.2947L4.89636 1.29473L4.65039 1.25L4.40442 1.20527L2.58606 11.2053L2.83203 11.25ZM4.65039 1.25V1H2.75V1.25V1.5H4.65039V1.25ZM2.75 1.25V1C2.61193 1 2.5 0.888071 2.5 0.75H2.25H2C2 1.16421 2.33579 1.5 2.75 1.5V1.25ZM2.25 0.75H2.5C2.5 0.611929 2.61193 0.5 2.75 0.5V0.25V0C2.33579 0 2 0.335786 2 0.75H2.25ZM2.75 0.25V0.5H7.75V0.25V0H2.75V0.25Z" fill="black"/>
+</svg>
--- a/src/assets/icons/textToolsweight.svg
+++ b/src/assets/icons/textToolsweight.svg
@@ -0,0 +1,7 @@
+<svg width="9" height="12" viewBox="0 0 9 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_3940_24436" fill="white">
+<path d="M4.75 0C6.54493 0 8 1.45507 8 3.25C8 4.08551 7.68116 4.84417 7.16309 5.41992C8.25691 6.01178 9 7.169 9 8.5C9 10.433 7.433 12 5.5 12H2C0.895431 12 0 11.1046 0 10V2C0 0.895431 0.895431 0 2 0H4.75ZM1.5 10C1.5 10.2761 1.72386 10.5 2 10.5H5.5C6.60457 10.5 7.5 9.60457 7.5 8.5C7.5 7.39543 6.60457 6.5 5.5 6.5H1.5V10ZM2 1.5C1.72386 1.5 1.5 1.72386 1.5 2V5H4.75C5.7165 5 6.5 4.2165 6.5 3.25C6.5 2.2835 5.7165 1.5 4.75 1.5H2Z"/>
+</mask>
+<path d="M4.75 0C6.54493 0 8 1.45507 8 3.25C8 4.08551 7.68116 4.84417 7.16309 5.41992C8.25691 6.01178 9 7.169 9 8.5C9 10.433 7.433 12 5.5 12H2C0.895431 12 0 11.1046 0 10V2C0 0.895431 0.895431 0 2 0H4.75ZM1.5 10C1.5 10.2761 1.72386 10.5 2 10.5H5.5C6.60457 10.5 7.5 9.60457 7.5 8.5C7.5 7.39543 6.60457 6.5 5.5 6.5H1.5V10ZM2 1.5C1.72386 1.5 1.5 1.72386 1.5 2V5H4.75C5.7165 5 6.5 4.2165 6.5 3.25C6.5 2.2835 5.7165 1.5 4.75 1.5H2Z" fill="#0D0D0D"/>
+<path d="M7.16309 5.41992L6.79141 5.08548C6.6889 5.19939 6.6443 5.35402 6.67038 5.50503C6.69647 5.65604 6.79036 5.78675 6.92514 5.85967L7.16309 5.41992ZM1.5 6.5V6C1.22386 6 1 6.22386 1 6.5H1.5ZM1.5 5H1C1 5.27614 1.22386 5.5 1.5 5.5V5ZM4.75 0V0.5C6.26878 0.5 7.5 1.73122 7.5 3.25H8H8.5C8.5 1.17893 6.82107 -0.5 4.75 -0.5V0ZM8 3.25H7.5C7.5 3.95529 7.23147 4.59641 6.79141 5.08548L7.16309 5.41992L7.53477 5.75437C8.13085 5.09192 8.5 4.21573 8.5 3.25H8ZM7.16309 5.41992L6.92514 5.85967C7.86405 6.36771 8.5 7.3599 8.5 8.5H9H9.5C9.5 6.9781 8.64977 5.65585 7.40103 4.98017L7.16309 5.41992ZM9 8.5H8.5C8.5 10.1569 7.15685 11.5 5.5 11.5V12V12.5C7.70914 12.5 9.5 10.7091 9.5 8.5H9ZM5.5 12V11.5H2V12V12.5H5.5V12ZM2 12V11.5C1.17157 11.5 0.5 10.8284 0.5 10H0H-0.5C-0.5 11.3807 0.619288 12.5 2 12.5V12ZM0 10H0.5V2H0H-0.5V10H0ZM0 2H0.5C0.5 1.17157 1.17157 0.5 2 0.5V0V-0.5C0.619288 -0.5 -0.5 0.619288 -0.5 2H0ZM2 0V0.5H4.75V0V-0.5H2V0ZM1.5 10H1C1 10.5523 1.44772 11 2 11V10.5V10H1.5ZM2 10.5V11H5.5V10.5V10H2V10.5ZM5.5 10.5V11C6.88071 11 8 9.88071 8 8.5H7.5H7C7 9.32843 6.32843 10 5.5 10V10.5ZM7.5 8.5H8C8 7.11929 6.88071 6 5.5 6V6.5V7C6.32843 7 7 7.67157 7 8.5H7.5ZM5.5 6.5V6H1.5V6.5V7H5.5V6.5ZM1.5 6.5H1V10H1.5H2V6.5H1.5ZM2 1.5V1C1.44772 1 1 1.44772 1 2H1.5H2V1.5ZM1.5 2H1V5H1.5H2V2H1.5ZM1.5 5V5.5H4.75V5V4.5H1.5V5ZM4.75 5V5.5C5.99264 5.5 7 4.49264 7 3.25H6.5H6C6 3.94036 5.44036 4.5 4.75 4.5V5ZM6.5 3.25H7C7 2.00736 5.99264 1 4.75 1V1.5V2C5.44036 2 6 2.55964 6 3.25H6.5ZM4.75 1.5V1H2V1.5V2H4.75V1.5Z" fill="black" mask="url(#path-1-inside-1_3940_24436)"/>
+</svg>
--- a/src/assets/icons/threeLogo.svg
+++ b/src/assets/icons/threeLogo.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 317.48 276">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #3d3d3d;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M163.55,24.01v45c1.72.15,3.22.97,4.68,1.82,25.29,14.72,55.93,30.25,79.63,46.38,3.63,2.47,7.09,3.95,6.74,9.26l.44,87.56,42.03,21.97,1.47-.48c-1.67-3.38-6.49-11.59-6.02-14.95.43-3.07,4.76-6.02,7.72-4.83,6.02,2.42,13.49,26.46,17.23,32.78-.48,3.25-2.61,5.32-5.68,6.25-4.74,1.44-23.8,4.07-28.91,4.18-3.4.07-6.4-1-7.16-4.66-2.05-9.87,12.33-6.96,17.82-9.76l-44.27-22.35-90.3,53.84-5.1-1.82-86.04-52.02-44.27,22.35c5.79,2.51,19.81.16,17.82,9.76-.76,3.66-3.75,4.73-7.16,4.66-5.09-.11-24.21-2.74-28.91-4.18C2.36,253.86,0,251.79,0,248.51c0-1.92,12.92-30.45,14.27-31.54,3.42-2.77,8.94-1.29,10.12,2.77,1.07,3.71-4.02,12.15-5.82,15.78l1.47.48,42.03-21.97.94-91.06,1.52-2.48,89.03-51.47V24.01c-4.23,2.5-6.74,10.94-11.74,11.85-4.41.8-7.9-2.86-7.11-7.11.29-1.59,16.86-24.35,18.85-26.23,3.6-3.39,6.45-3.32,9.99,0,1.99,1.87,18.56,24.64,18.85,26.23.79,4.25-2.7,7.91-7.11,7.11-5-.91-7.51-9.35-11.74-11.85ZM235.55,126l-1.66-2.82-74.9-43.16-77.44,45.49,76.58,45.51,77.43-45.01ZM152.55,258.01v-75.5l-78-46.5v75.5l74.45,45.55,3.55.95ZM242.55,136.01l-78,46.5v75.5l3.55-.95,74.45-45.55v-75.5Z"/>
+</svg>
--- a/src/assets/icons/to-3d-model-2.svg
+++ b/src/assets/icons/to-3d-model-2.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.78 8.46094C12.72 9.08894 12.536 9.68094 12.256 10.2169C11.14 10.7129 9.63597 11.0009 7.99997 11.0009C6.36397 11.0009 4.85997 10.7089 3.74397 10.2129C3.46397 9.67694 3.27997 9.08494 3.21997 8.46094C3.82397 9.13294 5.61597 9.80094 7.99997 9.80094C10.384 9.80094 12.196 9.11294 12.78 8.46094Z" fill="#FF7A51"/>
+<path d="M7.99997 2C4.69197 2 1.99997 4.692 1.99997 8C1.99997 11.308 4.69197 14 7.99997 14C11.308 14 14 11.308 14 8C14 4.692 11.308 2 7.99997 2ZM7.99997 12.8C5.35197 12.8 3.19997 10.648 3.19997 8C3.19997 7.84 3.20797 7.684 3.22397 7.528C3.22797 7.524 3.23197 7.52 3.23997 7.516C3.68797 7.04 4.61597 6.632 5.79597 6.404C6.11997 6.34 6.33197 6.024 6.26797 5.7C6.20397 5.376 5.88797 5.16 5.56397 5.228C4.88397 5.36 4.27197 5.548 3.75197 5.78C4.55597 4.248 6.15597 3.2 8.00397 3.2C9.85197 3.2 11.452 4.248 12.256 5.78C12.244 5.772 12.232 5.764 12.22 5.76C11.308 5.368 10.164 5.112 8.91197 5.032C8.57597 5.008 8.29597 5.26 8.27197 5.592C8.24797 5.924 8.49997 6.208 8.83197 6.232C9.93597 6.304 10.968 6.532 11.744 6.864C11.82 6.896 11.904 6.912 11.98 6.912C12.212 6.912 12.432 6.776 12.532 6.548C12.54 6.524 12.548 6.5 12.552 6.48C12.712 6.96 12.804 7.468 12.804 8C12.804 10.648 10.652 12.8 8.00397 12.8H7.99997Z" fill="black"/>
+</svg>
--- a/Show More
+++ b/Show More
				`@@ -0,0 +1 @@`
				<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747121366655" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="56887" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M800 448H704V320c0-106.4-85.6-192-192-192S320 213.6 320 320h64c0-70.4 57.6-128 128-128s128 57.6 128 128v128H224c-17.6 0-32 14.4-32 32v384c0 17.6 14.4 32 32 32h576c17.6 0 32-14.4 32-32V480c0-17.6-14.4-32-32-32zM512 736c-35.2 0-64-28.8-64-64s28.8-64 64-64 64 28.8 64 64-28.8 64-64 64z" p-id="56888"></path></svg>