feat: add workflow folder operations (rename, delete, create, drag-drop move)

Add moveUserDataDir() and deleteUserDataDir() API methods. Add
moveWorkflowToFolder, renameFolder, deleteFolder, createFolder store
actions. Wire folder rename/delete/create/drop to Browse tree nodes
and add New Folder toolbar button.

.coderabbit.yaml

@@ -5,3 +5,10 @@ reviews:
   high_level_summary: false
   auto_review:
     drafts: true
+    ignore_title_keywords:
+      - '[release]'
+      - '[backport'
+    ignore_usernames:
+      - comfy-pr-bot
+      - github-actions
+      - github-actions[bot]

.github/AGENTS.md

@@ -13,3 +13,11 @@ This automated review performs comprehensive analysis:
 - Integration concerns
 
 For implementation details, see `.claude/commands/comprehensive-pr-review.md`.
+
+## GitHub Actions: Fork PR Permissions
+
+Fork PRs get a **read-only `GITHUB_TOKEN`** — no PR comments, no secret access, no pushing.
+
+Any workflow that needs write access must use the **two-workflow split**: a `pull_request`-triggered `ci-*.yaml` uploads artifacts (including PR metadata), then a `workflow_run`-triggered `pr-*.yaml` downloads them and posts comments with write permissions. See `ci-size-data` → `pr-size-report` or `ci-perf-report` → `pr-perf-report`. Use `.github/actions/post-pr-report-comment` for the comment step.
+
+Never write PR comments directly from `pull_request` workflows or use `pull_request_target` to run untrusted code.

.github/actions/post-pr-report-comment/action.yaml

@@ -0,0 +1,35 @@
+name: Post PR Report Comment
+description: Reads a markdown report file and posts/updates a single idempotent comment on a PR.
+
+inputs:
+  pr-number:
+    description: PR number to comment on
+    required: true
+  report-file:
+    description: Path to the markdown report file
+    required: true
+  comment-marker:
+    description: HTML comment marker for idempotent matching
+    required: true
+  token:
+    description: GitHub token with pull-requests write permission
+    required: true
+
+runs:
+  using: composite
+  steps:
+    - name: Read report
+      id: report
+      uses: juliangruber/read-file-action@b549046febe0fe86f8cb4f93c24e284433f9ab58 # v1.1.7
+      with:
+        path: ${{ inputs.report-file }}
+
+    - name: Create or update PR comment
+      uses: actions-cool/maintain-one-comment@4b2dbf086015f892dcb5e8c1106f5fccd6c1476b # v3.2.0
+      with:
+        token: ${{ inputs.token }}
+        number: ${{ inputs.pr-number }}
+        body: |
+          ${{ steps.report.outputs.content }}
+          ${{ inputs.comment-marker }}
+        body-include: ${{ inputs.comment-marker }}

.github/workflows/ci-perf-report.yaml

@@ -0,0 +1,70 @@
+name: 'CI: Performance Report'
+
+on:
+  push:
+    branches: [main, core/*]
+    paths-ignore: ['**/*.md']
+  pull_request:
+    branches-ignore: [wip/*, draft/*, temp/*]
+    paths-ignore: ['**/*.md']
+
+concurrency:
+  group: perf-${{ github.ref }}
+  cancel-in-progress: true
+
+permissions:
+  contents: read
+
+jobs:
+  perf-tests:
+    if: github.repository == 'Comfy-Org/ComfyUI_frontend'
+    runs-on: ubuntu-latest
+    timeout-minutes: 30
+    container:
+      image: ghcr.io/comfy-org/comfyui-ci-container:0.0.12
+      credentials:
+        username: ${{ github.actor }}
+        password: ${{ secrets.GITHUB_TOKEN }}
+    permissions:
+      contents: read
+      packages: read
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+
+      - name: Setup frontend
+        uses: ./.github/actions/setup-frontend
+        with:
+          include_build_step: true
+
+      - name: Start ComfyUI server
+        uses: ./.github/actions/start-comfyui-server
+
+      - name: Run performance tests
+        id: perf
+        continue-on-error: true
+        run: pnpm exec playwright test --project=performance --workers=1 --repeat-each=3
+
+      - name: Upload perf metrics
+        if: always()
+        uses: actions/upload-artifact@v6
+        with:
+          name: perf-metrics
+          path: test-results/perf-metrics.json
+          retention-days: 30
+          if-no-files-found: warn
+
+      - name: Save PR metadata
+        if: github.event_name == 'pull_request'
+        run: |
+          mkdir -p temp/perf-meta
+          echo "${{ github.event.number }}" > temp/perf-meta/number.txt
+          echo "${{ github.event.pull_request.base.ref }}" > temp/perf-meta/base.txt
+
+      - name: Upload PR metadata
+        if: github.event_name == 'pull_request'
+        uses: actions/upload-artifact@v6
+        with:
+          name: perf-meta
+          path: temp/perf-meta/

.github/workflows/ci-tests-e2e.yaml

@@ -39,7 +39,7 @@ jobs:
     runs-on: ubuntu-latest
     timeout-minutes: 60
     container:
-      image: ghcr.io/comfy-org/comfyui-ci-container:0.0.12
+      image: ghcr.io/comfy-org/comfyui-ci-container:0.0.13
       credentials:
         username: ${{ github.actor }}
         password: ${{ secrets.GITHUB_TOKEN }}
@@ -87,7 +87,7 @@ jobs:
     needs: setup
     runs-on: ubuntu-latest
     container:
-      image: ghcr.io/comfy-org/comfyui-ci-container:0.0.12
+      image: ghcr.io/comfy-org/comfyui-ci-container:0.0.13
       credentials:
         username: ${{ github.actor }}
         password: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/cloud-dispatch-build.yaml

@@ -0,0 +1,45 @@
+---
+# Dispatches a frontend-asset-build event to the cloud repo on push to
+# cloud/* branches and main. The cloud repo handles the actual build,
+# GCS upload, and secret management (Sentry, Algolia, GCS creds).
+#
+# This is fire-and-forget — it does NOT wait for the cloud workflow to
+# complete. Status is visible in the cloud repo's Actions tab.
+
+name: Cloud Frontend Build Dispatch
+
+on:
+  push:
+    branches:
+      - 'cloud/*'
+      - 'main'
+  workflow_dispatch:
+
+permissions: {}
+
+concurrency:
+  group: cloud-dispatch-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  dispatch:
+    # Fork guard: prevent forks from dispatching to the cloud repo
+    if: github.repository == 'Comfy-Org/ComfyUI_frontend'
+    runs-on: ubuntu-latest
+    steps:
+      - name: Build client payload
+        id: payload
+        run: |
+          payload="$(jq -nc \
+            --arg ref "${GITHUB_SHA}" \
+            --arg branch "${GITHUB_REF_NAME}" \
+            '{ref: $ref, branch: $branch}')"
+          echo "json=${payload}" >> "${GITHUB_OUTPUT}"
+
+      - name: Dispatch to cloud repo
+        uses: peter-evans/repository-dispatch@28959ce8df70de7be546dd1250a005dd32156697 # v4.0.1
+        with:
+          token: ${{ secrets.CLOUD_DISPATCH_TOKEN }}
+          repository: Comfy-Org/cloud
+          event-type: frontend-asset-build
+          client-payload: ${{ steps.payload.outputs.json }}

.github/workflows/pr-perf-report.yaml

@@ -0,0 +1,102 @@
+name: 'PR: Performance Report'
+
+on:
+  workflow_run:
+    workflows: ['CI: Performance Report']
+    types:
+      - completed
+
+permissions:
+  contents: read
+  pull-requests: write
+  issues: write
+
+jobs:
+  comment:
+    runs-on: ubuntu-latest
+    if: >
+      github.repository == 'Comfy-Org/ComfyUI_frontend' &&
+      github.event.workflow_run.event == 'pull_request' &&
+      github.event.workflow_run.conclusion == 'success'
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version: 22
+
+      - name: Download PR metadata
+        uses: dawidd6/action-download-artifact@0bd50d53a6d7fb5cb921e607957e9cc12b4ce392 # v12
+        with:
+          name: perf-meta
+          run_id: ${{ github.event.workflow_run.id }}
+          path: temp/perf-meta/
+
+      - name: Resolve and validate PR metadata
+        id: pr-meta
+        uses: actions/github-script@v8
+        with:
+          script: |
+            const fs = require('fs');
+            const artifactPr = Number(fs.readFileSync('temp/perf-meta/number.txt', 'utf8').trim());
+            const artifactBase = fs.readFileSync('temp/perf-meta/base.txt', 'utf8').trim();
+
+            // Resolve PR from trusted workflow context
+            let pr = context.payload.workflow_run.pull_requests?.[0];
+            if (!pr) {
+              const { data: prs } = await github.rest.repos.listPullRequestsAssociatedWithCommit({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                commit_sha: context.payload.workflow_run.head_sha,
+              });
+              pr = prs.find(p => p.state === 'open');
+            }
+
+            if (!pr) {
+              core.setFailed('Unable to resolve PR from workflow_run context.');
+              return;
+            }
+
+            if (Number(pr.number) !== artifactPr) {
+              core.setFailed(`Artifact PR number (${artifactPr}) does not match trusted context (${pr.number}).`);
+              return;
+            }
+
+            const trustedBase = pr.base?.ref;
+            if (!trustedBase || artifactBase !== trustedBase) {
+              core.setFailed(`Artifact base (${artifactBase}) does not match trusted context (${trustedBase}).`);
+              return;
+            }
+
+            core.setOutput('number', String(pr.number));
+            core.setOutput('base', trustedBase);
+
+      - name: Download PR perf metrics
+        uses: dawidd6/action-download-artifact@0bd50d53a6d7fb5cb921e607957e9cc12b4ce392 # v12
+        with:
+          name: perf-metrics
+          run_id: ${{ github.event.workflow_run.id }}
+          path: test-results/
+
+      - name: Download baseline perf metrics
+        uses: dawidd6/action-download-artifact@0bd50d53a6d7fb5cb921e607957e9cc12b4ce392 # v12
+        with:
+          branch: ${{ steps.pr-meta.outputs.base }}
+          workflow: ci-perf-report.yaml
+          event: push
+          name: perf-metrics
+          path: temp/perf-baseline/
+          if_no_artifact_found: warn
+
+      - name: Generate perf report
+        run: npx --yes tsx scripts/perf-report.ts > perf-report.md
+
+      - name: Post PR comment
+        uses: ./.github/actions/post-pr-report-comment
+        with:
+          pr-number: ${{ steps.pr-meta.outputs.number }}
+          report-file: ./perf-report.md
+          comment-marker: '<!-- COMFYUI_FRONTEND_PERF -->'
+          token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/pr-size-report.yaml

@@ -45,28 +45,76 @@ jobs:
           run_id: ${{ github.event_name == 'workflow_dispatch' && inputs.run_id || github.event.workflow_run.id }}
           path: temp/size
 
-      - name: Set PR number
-        id: pr-number
-        run: |
-          if [ "${{ github.event_name }}" == "workflow_dispatch" ]; then
-            echo "content=${{ inputs.pr_number }}" >> $GITHUB_OUTPUT
-          else
-            echo "content=$(cat temp/size/number.txt)" >> $GITHUB_OUTPUT
-          fi
+      - name: Resolve and validate PR metadata
+        id: pr-meta
+        uses: actions/github-script@v8
+        with:
+          script: |
+            const fs = require('fs');
 
-      - name: Set base branch
-        id: pr-base
-        run: |
-          if [ "${{ github.event_name }}" == "workflow_dispatch" ]; then
-            echo "content=main" >> $GITHUB_OUTPUT
-          else
-            echo "content=$(cat temp/size/base.txt)" >> $GITHUB_OUTPUT
-          fi
+            // workflow_dispatch: validate artifact metadata against API-resolved PR
+            if (context.eventName === 'workflow_dispatch') {
+              const pullNumber = Number('${{ inputs.pr_number }}');
+              const { data: dispatchPr } = await github.rest.pulls.get({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                pull_number: pullNumber,
+              });
+
+              const artifactPr = Number(fs.readFileSync('temp/size/number.txt', 'utf8').trim());
+              const artifactBase = fs.readFileSync('temp/size/base.txt', 'utf8').trim();
+
+              if (artifactPr !== dispatchPr.number) {
+                core.setFailed(`Artifact PR number (${artifactPr}) does not match dispatch PR (${dispatchPr.number}).`);
+                return;
+              }
+              if (artifactBase !== dispatchPr.base.ref) {
+                core.setFailed(`Artifact base (${artifactBase}) does not match dispatch PR base (${dispatchPr.base.ref}).`);
+                return;
+              }
+
+              core.setOutput('number', String(dispatchPr.number));
+              core.setOutput('base', dispatchPr.base.ref);
+              return;
+            }
+
+            // workflow_run: validate artifact metadata against trusted context
+            const artifactPr = Number(fs.readFileSync('temp/size/number.txt', 'utf8').trim());
+            const artifactBase = fs.readFileSync('temp/size/base.txt', 'utf8').trim();
+
+            let pr = context.payload.workflow_run.pull_requests?.[0];
+            if (!pr) {
+              const { data: prs } = await github.rest.repos.listPullRequestsAssociatedWithCommit({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                commit_sha: context.payload.workflow_run.head_sha,
+              });
+              pr = prs.find(p => p.state === 'open');
+            }
+
+            if (!pr) {
+              core.setFailed('Unable to resolve PR from workflow_run context.');
+              return;
+            }
+
+            if (Number(pr.number) !== artifactPr) {
+              core.setFailed(`Artifact PR number (${artifactPr}) does not match trusted context (${pr.number}).`);
+              return;
+            }
+
+            const trustedBase = pr.base?.ref;
+            if (!trustedBase || artifactBase !== trustedBase) {
+              core.setFailed(`Artifact base (${artifactBase}) does not match trusted context (${trustedBase}).`);
+              return;
+            }
+
+            core.setOutput('number', String(pr.number));
+            core.setOutput('base', trustedBase);
 
       - name: Download previous size data
         uses: dawidd6/action-download-artifact@0bd50d53a6d7fb5cb921e607957e9cc12b4ce392 # v12
         with:
-          branch: ${{ steps.pr-base.outputs.content }}
+          branch: ${{ steps.pr-meta.outputs.base }}
           workflow: ci-size-data.yaml
           event: push
           name: size-data
@@ -76,18 +124,10 @@ jobs:
       - name: Generate size report
         run: node scripts/size-report.js > size-report.md
 
-      - name: Read size report
-        id: size-report
-        uses: juliangruber/read-file-action@b549046febe0fe86f8cb4f93c24e284433f9ab58 # v1.1.7
-        with:
-          path: ./size-report.md
-
-      - name: Create or update PR comment
-        uses: actions-cool/maintain-one-comment@4b2dbf086015f892dcb5e8c1106f5fccd6c1476b # v3.2.0
+      - name: Post PR comment
+        uses: ./.github/actions/post-pr-report-comment
         with:
+          pr-number: ${{ steps.pr-meta.outputs.number }}
+          report-file: ./size-report.md
+          comment-marker: '<!-- COMFYUI_FRONTEND_SIZE -->'
           token: ${{ secrets.GITHUB_TOKEN }}
-          number: ${{ steps.pr-number.outputs.content }}
-          body: |
-            ${{ steps.size-report.outputs.content }}
-            <!-- COMFYUI_FRONTEND_SIZE -->
-          body-include: '<!-- COMFYUI_FRONTEND_SIZE -->'

.github/workflows/pr-update-playwright-expectations.yaml

@@ -77,7 +77,7 @@ jobs:
     needs: setup
     runs-on: ubuntu-latest
     container:
-      image: ghcr.io/comfy-org/comfyui-ci-container:0.0.12
+      image: ghcr.io/comfy-org/comfyui-ci-container:0.0.13
       credentials:
         username: ${{ github.actor }}
         password: ${{ secrets.GITHUB_TOKEN }}

.oxlintrc.json

@@ -35,7 +35,7 @@
       }
     ],
     "no-control-regex": "off",
-    "no-eval": "off",
+    "no-eval": "error",
     "no-redeclare": "error",
     "no-restricted-imports": [
       "error",

browser_tests/assets/subgraphs/subgraph-nested-promotion.json

@@ -0,0 +1,760 @@
+{
+  "id": "9a37f747-e96b-4304-9212-7abcaad7bdac",
+  "revision": 0,
+  "last_node_id": 11,
+  "last_link_id": 18,
+  "nodes": [
+    {
+      "id": 2,
+      "type": "PreviewAny",
+      "pos": [1031, 434],
+      "size": [250, 178],
+      "flags": {},
+      "order": 2,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "source",
+          "type": "*",
+          "link": 5
+        }
+      ],
+      "outputs": [],
+      "properties": {
+        "Node name for S&R": "PreviewAny"
+      },
+      "widgets_values": [null, null, null]
+    },
+    {
+      "id": 5,
+      "type": "1e38d8ea-45e1-48a5-aa20-966584201867",
+      "pos": [788, 433.5],
+      "size": [225, 380],
+      "flags": {},
+      "order": 1,
+      "mode": 0,
+      "inputs": [
+        {
+          "name": "string_a",
+          "type": "STRING",
+          "widget": {
+            "name": "string_a"
+          },
+          "link": 4
+        }
+      ],
+      "outputs": [
+        {
+          "name": "STRING",
+          "type": "STRING",
+          "links": [5]
+        }
+      ],
+      "properties": {
+        "proxyWidgets": [
+          ["3", "string_a"],
+          ["4", "value"],
+          ["6", "value"],
+          ["6", "value_1"]
+        ]
+      },
+      "widgets_values": []
+    },
+    {
+      "id": 1,
+      "type": "PrimitiveStringMultiline",
+      "pos": [548, 451],
+      "size": [225, 142],
+      "flags": {},
+      "order": 0,
+      "mode": 0,
+      "inputs": [],
+      "outputs": [
+        {
+          "name": "STRING",
+          "type": "STRING",
+          "links": [4]
+        }
+      ],
+      "title": "Outer",
+      "properties": {
+        "Node name for S&R": "PrimitiveStringMultiline"
+      },
+      "widgets_values": ["Outer\n"]
+    }
+  ],
+  "links": [
+    [4, 1, 0, 5, 0, "STRING"],
+    [5, 5, 0, 2, 0, "STRING"]
+  ],
+  "groups": [],
+  "definitions": {
+    "subgraphs": [
+      {
+        "id": "1e38d8ea-45e1-48a5-aa20-966584201867",
+        "version": 1,
+        "state": {
+          "lastGroupId": 0,
+          "lastNodeId": 11,
+          "lastLinkId": 18,
+          "lastRerouteId": 0
+        },
+        "revision": 0,
+        "config": {},
+        "name": "Sub 0",
+        "inputNode": {
+          "id": -10,
+          "bounding": [351, 432.5, 120, 120]
+        },
+        "outputNode": {
+          "id": -20,
+          "bounding": [1352, 294.5, 120, 60]
+        },
+        "inputs": [
+          {
+            "id": "7bf3e1d4-0521-4b5c-92f5-47ca598b7eb4",
+            "name": "string_a",
+            "type": "STRING",
+            "linkIds": [1],
+            "localized_name": "string_a",
+            "pos": [451, 452.5]
+          },
+          {
+            "id": "5fb3dcf7-9bfd-4b3c-a1b9-750b4f3edf19",
+            "name": "value",
+            "type": "STRING",
+            "linkIds": [13],
+            "pos": [451, 472.5]
+          },
+          {
+            "id": "55d24b8a-7c82-4b02-8e3d-ff31ffb8aa13",
+            "name": "value_1",
+            "type": "STRING",
+            "linkIds": [16],
+            "pos": [451, 492.5]
+          },
+          {
+            "id": "c1fe7cc3-547e-4fb0-b763-61888558d4bd",
+            "name": "value_1_1",
+            "type": "STRING",
+            "linkIds": [18],
+            "pos": [451, 512.5]
+          }
+        ],
+        "outputs": [
+          {
+            "id": "fbe975ba-d7c2-471e-a99a-a1e2c6ab466d",
+            "name": "STRING",
+            "type": "STRING",
+            "linkIds": [9],
+            "localized_name": "STRING",
+            "pos": [1372, 314.5]
+          }
+        ],
+        "widgets": [],
+        "nodes": [
+          {
+            "id": 4,
+            "type": "PrimitiveStringMultiline",
+            "pos": [504, 437],
+            "size": [210, 88],
+            "flags": {},
+            "order": 1,
+            "mode": 0,
+            "inputs": [
+              {
+                "localized_name": "value",
+                "name": "value",
+                "type": "STRING",
+                "widget": {
+                  "name": "value"
+                },
+                "link": 13
+              }
+            ],
+            "outputs": [
+              {
+                "localized_name": "STRING",
+                "name": "STRING",
+                "type": "STRING",
+                "links": [2]
+              }
+            ],
+            "title": "Inner 1",
+            "properties": {
+              "Node name for S&R": "PrimitiveStringMultiline"
+            },
+            "widgets_values": ["Inner 1\n"]
+          },
+          {
+            "id": 3,
+            "type": "StringConcatenate",
+            "pos": [743, 325],
+            "size": [347, 231],
+            "flags": {},
+            "order": 0,
+            "mode": 0,
+            "inputs": [
+              {
+                "localized_name": "string_a",
+                "name": "string_a",
+                "type": "STRING",
+                "widget": {
+                  "name": "string_a"
+                },
+                "link": 1
+              },
+              {
+                "localized_name": "string_b",
+                "name": "string_b",
+                "type": "STRING",
+                "widget": {
+                  "name": "string_b"
+                },
+                "link": 2
+              }
+            ],
+            "outputs": [
+              {
+                "localized_name": "STRING",
+                "name": "STRING",
+                "type": "STRING",
+                "links": [7]
+              }
+            ],
+            "properties": {
+              "Node name for S&R": "StringConcatenate"
+            },
+            "widgets_values": ["", "", ""]
+          },
+          {
+            "id": 6,
+            "type": "9be42452-056b-4c99-9f9f-7381d11c4454",
+            "pos": [1115, 301],
+            "size": [210, 196],
+            "flags": {},
+            "order": 2,
+            "mode": 0,
+            "inputs": [
+              {
+                "localized_name": "string_a",
+                "name": "string_a",
+                "type": "STRING",
+                "widget": {
+                  "name": "string_a"
+                },
+                "link": 7
+              },
+              {
+                "name": "value",
+                "type": "STRING",
+                "widget": {
+                  "name": "value"
+                },
+                "link": 16
+              },
+              {
+                "name": "value_1",
+                "type": "STRING",
+                "widget": {
+                  "name": "value_1"
+                },
+                "link": 18
+              }
+            ],
+            "outputs": [
+              {
+                "localized_name": "STRING",
+                "name": "STRING",
+                "type": "STRING",
+                "links": [9]
+              }
+            ],
+            "properties": {
+              "proxyWidgets": [
+                ["5", "string_a"],
+                ["11", "value"],
+                ["9", "value"],
+                ["10", "string_a"]
+              ]
+            },
+            "widgets_values": []
+          }
+        ],
+        "groups": [],
+        "links": [
+          {
+            "id": 2,
+            "origin_id": 4,
+            "origin_slot": 0,
+            "target_id": 3,
+            "target_slot": 1,
+            "type": "STRING"
+          },
+          {
+            "id": 1,
+            "origin_id": -10,
+            "origin_slot": 0,
+            "target_id": 3,
+            "target_slot": 0,
+            "type": "STRING"
+          },
+          {
+            "id": 7,
+            "origin_id": 3,
+            "origin_slot": 0,
+            "target_id": 6,
+            "target_slot": 0,
+            "type": "STRING"
+          },
+          {
+            "id": 6,
+            "origin_id": 6,
+            "origin_slot": 0,
+            "target_id": -20,
+            "target_slot": 1,
+            "type": "STRING"
+          },
+          {
+            "id": 9,
+            "origin_id": 6,
+            "origin_slot": 0,
+            "target_id": -20,
+            "target_slot": 0,
+            "type": "STRING"
+          },
+          {
+            "id": 13,
+            "origin_id": -10,
+            "origin_slot": 1,
+            "target_id": 4,
+            "target_slot": 0,
+            "type": "STRING"
+          },
+          {
+            "id": 16,
+            "origin_id": -10,
+            "origin_slot": 2,
+            "target_id": 6,
+            "target_slot": 1,
+            "type": "STRING"
+          },
+          {
+            "id": 18,
+            "origin_id": -10,
+            "origin_slot": 3,
+            "target_id": 6,
+            "target_slot": 2,
+            "type": "STRING"
+          }
+        ],
+        "extra": {}
+      },
+      {
+        "id": "9be42452-056b-4c99-9f9f-7381d11c4454",
+        "version": 1,
+        "state": {
+          "lastGroupId": 0,
+          "lastNodeId": 11,
+          "lastLinkId": 18,
+          "lastRerouteId": 0
+        },
+        "revision": 0,
+        "config": {},
+        "name": "Sub 1",
+        "inputNode": {
+          "id": -10,
+          "bounding": [180, 739, 120, 100]
+        },
+        "outputNode": {
+          "id": -20,
+          "bounding": [1246, 612, 120, 60]
+        },
+        "inputs": [
+          {
+            "id": "01c05c51-86b5-4bad-b32f-9c911683a13d",
+            "name": "string_a",
+            "type": "STRING",
+            "linkIds": [4],
+            "localized_name": "string_a",
+            "pos": [280, 759]
+          },
+          {
+            "id": "d50f6a62-0185-43d4-a174-a8a94bd8f6e7",
+            "name": "value",
+            "type": "STRING",
+            "linkIds": [14],
+            "pos": [280, 779]
+          },
+          {
+            "id": "6b78450e-5986-49cd-b743-c933e5a34a69",
+            "name": "value_1",
+            "type": "STRING",
+            "linkIds": [17],
+            "pos": [280, 799]
+          }
+        ],
+        "outputs": [
+          {
+            "id": "a8bcf3bf-a66a-4c71-8d92-17a2a4d03686",
+            "name": "STRING",
+            "type": "STRING",
+            "linkIds": [12],
+            "localized_name": "STRING",
+            "pos": [1266, 632]
+          }
+        ],
+        "widgets": [],
+        "nodes": [
+          {
+            "id": 11,
+            "type": "PrimitiveStringMultiline",
+            "pos": [334, 742],
+            "size": [210, 88],
+            "flags": {},
+            "order": 2,
+            "mode": 0,
+            "inputs": [
+              {
+                "localized_name": "value",
+                "name": "value",
+                "type": "STRING",
+                "widget": {
+                  "name": "value"
+                },
+                "link": 14
+              }
+            ],
+            "outputs": [
+              {
+                "localized_name": "STRING",
+                "name": "STRING",
+                "type": "STRING",
+                "links": [7]
+              }
+            ],
+            "title": "Inner 2",
+            "properties": {
+              "Node name for S&R": "PrimitiveStringMultiline"
+            },
+            "widgets_values": ["Inner 2\n"]
+          },
+          {
+            "id": 10,
+            "type": "StringConcatenate",
+            "pos": [581, 637],
+            "size": [400, 200],
+            "flags": {},
+            "order": 1,
+            "mode": 0,
+            "inputs": [
+              {
+                "localized_name": "string_a",
+                "name": "string_a",
+                "type": "STRING",
+                "widget": {
+                  "name": "string_a"
+                },
+                "link": 4
+              },
+              {
+                "localized_name": "string_b",
+                "name": "string_b",
+                "type": "STRING",
+                "widget": {
+                  "name": "string_b"
+                },
+                "link": 7
+              }
+            ],
+            "outputs": [
+              {
+                "localized_name": "STRING",
+                "name": "STRING",
+                "type": "STRING",
+                "links": [11]
+              }
+            ],
+            "properties": {
+              "Node name for S&R": "StringConcatenate"
+            },
+            "widgets_values": ["", "", ""]
+          },
+          {
+            "id": 9,
+            "type": "7c2915a5-5eb8-4958-a8fd-4beb30f370ce",
+            "pos": [1004, 613],
+            "size": [210, 142],
+            "flags": {},
+            "order": 0,
+            "mode": 0,
+            "inputs": [
+              {
+                "localized_name": "string_a",
+                "name": "string_a",
+                "type": "STRING",
+                "widget": {
+                  "name": "string_a"
+                },
+                "link": 11
+              },
+              {
+                "name": "value",
+                "type": "STRING",
+                "widget": {
+                  "name": "value"
+                },
+                "link": 17
+              }
+            ],
+            "outputs": [
+              {
+                "localized_name": "STRING",
+                "name": "STRING",
+                "type": "STRING",
+                "links": [12]
+              }
+            ],
+            "properties": {
+              "proxyWidgets": [
+                ["7", "string_a"],
+                ["8", "value"]
+              ]
+            },
+            "widgets_values": []
+          }
+        ],
+        "groups": [],
+        "links": [
+          {
+            "id": 4,
+            "origin_id": -10,
+            "origin_slot": 0,
+            "target_id": 10,
+            "target_slot": 0,
+            "type": "STRING"
+          },
+          {
+            "id": 7,
+            "origin_id": 11,
+            "origin_slot": 0,
+            "target_id": 10,
+            "target_slot": 1,
+            "type": "STRING"
+          },
+          {
+            "id": 11,
+            "origin_id": 10,
+            "origin_slot": 0,
+            "target_id": 9,
+            "target_slot": 0,
+            "type": "STRING"
+          },
+          {
+            "id": 10,
+            "origin_id": 9,
+            "origin_slot": 0,
+            "target_id": -20,
+            "target_slot": 0,
+            "type": "STRING"
+          },
+          {
+            "id": 12,
+            "origin_id": 9,
+            "origin_slot": 0,
+            "target_id": -20,
+            "target_slot": 0,
+            "type": "STRING"
+          },
+          {
+            "id": 14,
+            "origin_id": -10,
+            "origin_slot": 1,
+            "target_id": 11,
+            "target_slot": 0,
+            "type": "STRING"
+          },
+          {
+            "id": 17,
+            "origin_id": -10,
+            "origin_slot": 2,
+            "target_id": 9,
+            "target_slot": 1,
+            "type": "STRING"
+          }
+        ],
+        "extra": {}
+      },
+      {
+        "id": "7c2915a5-5eb8-4958-a8fd-4beb30f370ce",
+        "version": 1,
+        "state": {
+          "lastGroupId": 0,
+          "lastNodeId": 11,
+          "lastLinkId": 18,
+          "lastRerouteId": 0
+        },
+        "revision": 0,
+        "config": {},
+        "name": "Sub 2",
+        "inputNode": {
+          "id": -10,
+          "bounding": [262, 1222, 120, 80]
+        },
+        "outputNode": {
+          "id": -20,
+          "bounding": [1123.089999999999, 1125.1999999999998, 120, 60]
+        },
+        "inputs": [
+          {
+            "id": "934a8baa-d79c-428c-8ec9-814ad437d7c7",
+            "name": "string_a",
+            "type": "STRING",
+            "linkIds": [9],
+            "localized_name": "string_a",
+            "pos": [362, 1242]
+          },
+          {
+            "id": "3a545207-7202-42a9-a82f-3b62e1b0f459",
+            "name": "value",
+            "type": "STRING",
+            "linkIds": [15],
+            "pos": [362, 1262]
+          }
+        ],
+        "outputs": [
+          {
+            "id": "4c3d243b-9ff6-4dcd-9dbf-e4ec8e1fc879",
+            "name": "STRING",
+            "type": "STRING",
+            "linkIds": [10],
+            "localized_name": "STRING",
+            "pos": [1143.089999999999, 1145.1999999999998]
+          }
+        ],
+        "widgets": [],
+        "nodes": [
+          {
+            "id": 8,
+            "type": "PrimitiveStringMultiline",
+            "pos": [412.96000000000004, 1228.2399999999996],
+            "size": [210, 88],
+            "flags": {},
+            "order": 1,
+            "mode": 0,
+            "inputs": [
+              {
+                "localized_name": "value",
+                "name": "value",
+                "type": "STRING",
+                "widget": {
+                  "name": "value"
+                },
+                "link": 15
+              }
+            ],
+            "outputs": [
+              {
+                "localized_name": "STRING",
+                "name": "STRING",
+                "type": "STRING",
+                "links": [8]
+              }
+            ],
+            "title": "Inner 3",
+            "properties": {
+              "Node name for S&R": "PrimitiveStringMultiline"
+            },
+            "widgets_values": ["Inner 3\n"]
+          },
+          {
+            "id": 7,
+            "type": "StringConcatenate",
+            "pos": [686.08, 1132.38],
+            "size": [400, 200],
+            "flags": {},
+            "order": 0,
+            "mode": 0,
+            "inputs": [
+              {
+                "localized_name": "string_a",
+                "name": "string_a",
+                "type": "STRING",
+                "widget": {
+                  "name": "string_a"
+                },
+                "link": 9
+              },
+              {
+                "localized_name": "string_b",
+                "name": "string_b",
+                "type": "STRING",
+                "widget": {
+                  "name": "string_b"
+                },
+                "link": 8
+              }
+            ],
+            "outputs": [
+              {
+                "localized_name": "STRING",
+                "name": "STRING",
+                "type": "STRING",
+                "links": [10]
+              }
+            ],
+            "properties": {
+              "Node name for S&R": "StringConcatenate"
+            },
+            "widgets_values": ["", "", ""]
+          }
+        ],
+        "groups": [],
+        "links": [
+          {
+            "id": 8,
+            "origin_id": 8,
+            "origin_slot": 0,
+            "target_id": 7,
+            "target_slot": 1,
+            "type": "STRING"
+          },
+          {
+            "id": 9,
+            "origin_id": -10,
+            "origin_slot": 0,
+            "target_id": 7,
+            "target_slot": 0,
+            "type": "STRING"
+          },
+          {
+            "id": 10,
+            "origin_id": 7,
+            "origin_slot": 0,
+            "target_id": -20,
+            "target_slot": 0,
+            "type": "STRING"
+          },
+          {
+            "id": 15,
+            "origin_id": -10,
+            "origin_slot": 1,
+            "target_id": 8,
+            "target_slot": 0,
+            "type": "STRING"
+          }
+        ],
+        "extra": {}
+      }
+    ]
+  },
+  "config": {},
+  "extra": {
+    "ds": {
+      "scale": 1,
+      "offset": [-412, 11]
+    },
+    "frontendVersion": "1.41.7"
+  },
+  "version": 0.4
+}

browser_tests/fixtures/ComfyPage.ts

@@ -24,6 +24,7 @@ import {
 } from './components/SidebarTab'
 import { Topbar } from './components/Topbar'
 import { CanvasHelper } from './helpers/CanvasHelper'
+import { PerformanceHelper } from './helpers/PerformanceHelper'
 import { ClipboardHelper } from './helpers/ClipboardHelper'
 import { CommandHelper } from './helpers/CommandHelper'
 import { DragDropHelper } from './helpers/DragDropHelper'
@@ -185,6 +186,7 @@ export class ComfyPage {
   public readonly dragDrop: DragDropHelper
   public readonly command: CommandHelper
   public readonly bottomPanel: BottomPanel
+  public readonly perf: PerformanceHelper
 
   /** Worker index to test user ID */
   public readonly userIds: string[] = []
@@ -229,6 +231,7 @@ export class ComfyPage {
     this.dragDrop = new DragDropHelper(page, this.assetPath.bind(this))
     this.command = new CommandHelper(page)
     this.bottomPanel = new BottomPanel(page)
+    this.perf = new PerformanceHelper(page)
   }
 
   get visibleToasts() {
@@ -436,7 +439,13 @@ export const comfyPageFixture = base.extend<{
     }
 
     await comfyPage.setup()
+
+    const isPerf = testInfo.tags.includes('@perf')
+    if (isPerf) await comfyPage.perf.init()
+
     await use(comfyPage)
+
+    if (isPerf) await comfyPage.perf.dispose()
   },
   comfyMouse: async ({ comfyPage }, use) => {
     const comfyMouse = new ComfyMouse(comfyPage)

browser_tests/fixtures/helpers/PerformanceHelper.ts

@@ -0,0 +1,96 @@
+import type { CDPSession, Page } from '@playwright/test'
+
+interface PerfSnapshot {
+  RecalcStyleCount: number
+  RecalcStyleDuration: number
+  LayoutCount: number
+  LayoutDuration: number
+  TaskDuration: number
+  JSHeapUsedSize: number
+  Timestamp: number
+}
+
+export interface PerfMeasurement {
+  name: string
+  durationMs: number
+  styleRecalcs: number
+  styleRecalcDurationMs: number
+  layouts: number
+  layoutDurationMs: number
+  taskDurationMs: number
+  heapDeltaBytes: number
+}
+
+export class PerformanceHelper {
+  private cdp: CDPSession | null = null
+  private snapshot: PerfSnapshot | null = null
+
+  constructor(private readonly page: Page) {}
+
+  async init(): Promise<void> {
+    this.cdp = await this.page.context().newCDPSession(this.page)
+    await this.cdp.send('Performance.enable')
+  }
+
+  async dispose(): Promise<void> {
+    this.snapshot = null
+    if (this.cdp) {
+      try {
+        await this.cdp.send('Performance.disable')
+      } finally {
+        await this.cdp.detach()
+        this.cdp = null
+      }
+    }
+  }
+
+  private async getSnapshot(): Promise<PerfSnapshot> {
+    if (!this.cdp) throw new Error('PerformanceHelper not initialized')
+    const { metrics } = (await this.cdp.send('Performance.getMetrics')) as {
+      metrics: { name: string; value: number }[]
+    }
+    function get(name: string): number {
+      return metrics.find((m) => m.name === name)?.value ?? 0
+    }
+    return {
+      RecalcStyleCount: get('RecalcStyleCount'),
+      RecalcStyleDuration: get('RecalcStyleDuration'),
+      LayoutCount: get('LayoutCount'),
+      LayoutDuration: get('LayoutDuration'),
+      TaskDuration: get('TaskDuration'),
+      JSHeapUsedSize: get('JSHeapUsedSize'),
+      Timestamp: get('Timestamp')
+    }
+  }
+
+  async startMeasuring(): Promise<void> {
+    if (this.snapshot) {
+      throw new Error(
+        'Measurement already in progress — call stopMeasuring() first'
+      )
+    }
+    this.snapshot = await this.getSnapshot()
+  }
+
+  async stopMeasuring(name: string): Promise<PerfMeasurement> {
+    if (!this.snapshot) throw new Error('Call startMeasuring() first')
+    const after = await this.getSnapshot()
+    const before = this.snapshot
+    this.snapshot = null
+
+    function delta(key: keyof PerfSnapshot): number {
+      return after[key] - before[key]
+    }
+
+    return {
+      name,
+      durationMs: delta('Timestamp') * 1000,
+      styleRecalcs: delta('RecalcStyleCount'),
+      styleRecalcDurationMs: delta('RecalcStyleDuration') * 1000,
+      layouts: delta('LayoutCount'),
+      layoutDurationMs: delta('LayoutDuration') * 1000,
+      taskDurationMs: delta('TaskDuration') * 1000,
+      heapDeltaBytes: delta('JSHeapUsedSize')
+    }
+  }
+}

browser_tests/globalTeardown.ts

@@ -1,11 +1,14 @@
 import type { FullConfig } from '@playwright/test'
 import dotenv from 'dotenv'
 
+import { writePerfReport } from './helpers/perfReporter'
 import { restorePath } from './utils/backupUtils'
 
 dotenv.config()
 
 export default function globalTeardown(_config: FullConfig) {
+  writePerfReport()
+
   if (!process.env.CI && process.env.TEST_COMFYUI_DIR) {
     restorePath([process.env.TEST_COMFYUI_DIR, 'user'])
     restorePath([process.env.TEST_COMFYUI_DIR, 'models'])

browser_tests/helpers/perfReporter.ts

@@ -0,0 +1,49 @@
+import { mkdirSync, readdirSync, readFileSync, writeFileSync } from 'fs'
+import { join } from 'path'
+
+import type { PerfMeasurement } from '../fixtures/helpers/PerformanceHelper'
+
+export interface PerfReport {
+  timestamp: string
+  gitSha: string
+  branch: string
+  measurements: PerfMeasurement[]
+}
+
+const TEMP_DIR = join('test-results', 'perf-temp')
+
+export function recordMeasurement(m: PerfMeasurement) {
+  mkdirSync(TEMP_DIR, { recursive: true })
+  const filename = `${m.name}-${Date.now()}.json`
+  writeFileSync(join(TEMP_DIR, filename), JSON.stringify(m))
+}
+
+export function writePerfReport(
+  gitSha = process.env.GITHUB_SHA ?? 'local',
+  branch = process.env.GITHUB_HEAD_REF ?? 'local'
+) {
+  if (!readdirSync('test-results', { withFileTypes: true }).length) return
+
+  let tempFiles: string[]
+  try {
+    tempFiles = readdirSync(TEMP_DIR).filter((f) => f.endsWith('.json'))
+  } catch {
+    return
+  }
+  if (tempFiles.length === 0) return
+
+  const measurements: PerfMeasurement[] = tempFiles.map((f) =>
+    JSON.parse(readFileSync(join(TEMP_DIR, f), 'utf-8'))
+  )
+
+  const report: PerfReport = {
+    timestamp: new Date().toISOString(),
+    gitSha,
+    branch,
+    measurements
+  }
+  writeFileSync(
+    join('test-results', 'perf-metrics.json'),
+    JSON.stringify(report, null, 2)
+  )
+}

browser_tests/tests/interaction.spec.ts

@@ -171,6 +171,9 @@ test.describe('Node Interaction', () => {
 
   test('Can drag node', { tag: '@screenshot' }, async ({ comfyPage }) => {
     await comfyPage.nodeOps.dragTextEncodeNode2()
+    // Move mouse away to avoid hover highlight on the node at the drop position.
+    await comfyPage.canvasOps.moveMouseToEmptyArea()
+    await comfyPage.nextFrame()
     await expect(comfyPage.canvas).toHaveScreenshot('dragged-node1.png')
   })
 

browser_tests/tests/performance.spec.ts

@@ -0,0 +1,132 @@
+import { comfyPageFixture as test } from '../fixtures/ComfyPage'
+import { recordMeasurement } from '../helpers/perfReporter'
+
+test.describe('Performance', { tag: ['@perf'] }, () => {
+  test('canvas idle style recalculations', async ({ comfyPage }) => {
+    await comfyPage.workflow.loadWorkflow('default')
+    await comfyPage.perf.startMeasuring()
+
+    // Let the canvas idle for 2 seconds — no user interaction.
+    // Measures baseline style recalcs from reactive state + render loop.
+    for (let i = 0; i < 120; i++) {
+      await comfyPage.nextFrame()
+    }
+
+    const m = await comfyPage.perf.stopMeasuring('canvas-idle')
+    recordMeasurement(m)
+    console.log(
+      `Canvas idle: ${m.styleRecalcs} style recalcs, ${m.layouts} layouts`
+    )
+  })
+
+  test('canvas mouse interaction style recalculations', async ({
+    comfyPage
+  }) => {
+    await comfyPage.workflow.loadWorkflow('default')
+    await comfyPage.perf.startMeasuring()
+
+    const canvas = comfyPage.canvas
+    const box = await canvas.boundingBox()
+    if (!box) throw new Error('Canvas bounding box not available')
+
+    // Sweep mouse across the canvas — crosses nodes, empty space, slots
+    for (let i = 0; i < 100; i++) {
+      await comfyPage.page.mouse.move(
+        box.x + (box.width * i) / 100,
+        box.y + (box.height * (i % 3)) / 3
+      )
+    }
+
+    const m = await comfyPage.perf.stopMeasuring('canvas-mouse-sweep')
+    recordMeasurement(m)
+    console.log(
+      `Mouse sweep: ${m.styleRecalcs} style recalcs, ${m.layouts} layouts`
+    )
+  })
+
+  test('DOM widget clipping during node selection', async ({ comfyPage }) => {
+    // Load default workflow which has DOM widgets (text inputs, combos)
+    await comfyPage.workflow.loadWorkflow('default')
+    await comfyPage.perf.startMeasuring()
+
+    // Select and deselect nodes rapidly to trigger clipping recalculation
+    const canvas = comfyPage.canvas
+    const box = await canvas.boundingBox()
+    if (!box) throw new Error('Canvas bounding box not available')
+
+    for (let i = 0; i < 20; i++) {
+      // Click on canvas area (nodes occupy various positions)
+      await comfyPage.page.mouse.click(
+        box.x + box.width / 3 + (i % 5) * 30,
+        box.y + box.height / 3 + (i % 4) * 30
+      )
+      await comfyPage.nextFrame()
+    }
+
+    const m = await comfyPage.perf.stopMeasuring('dom-widget-clipping')
+    recordMeasurement(m)
+    console.log(`Clipping: ${m.layouts} forced layouts`)
+  })
+
+  test('subgraph idle style recalculations', async ({ comfyPage }) => {
+    await comfyPage.workflow.loadWorkflow('subgraphs/nested-subgraph')
+    await comfyPage.perf.startMeasuring()
+
+    for (let i = 0; i < 120; i++) {
+      await comfyPage.nextFrame()
+    }
+
+    const m = await comfyPage.perf.stopMeasuring('subgraph-idle')
+    recordMeasurement(m)
+    console.log(
+      `Subgraph idle: ${m.styleRecalcs} style recalcs, ${m.layouts} layouts`
+    )
+  })
+
+  test('subgraph mouse interaction style recalculations', async ({
+    comfyPage
+  }) => {
+    await comfyPage.workflow.loadWorkflow('subgraphs/nested-subgraph')
+    await comfyPage.perf.startMeasuring()
+
+    const canvas = comfyPage.canvas
+    const box = await canvas.boundingBox()
+    if (!box) throw new Error('Canvas bounding box not available')
+
+    for (let i = 0; i < 100; i++) {
+      await comfyPage.page.mouse.move(
+        box.x + (box.width * i) / 100,
+        box.y + (box.height * (i % 3)) / 3
+      )
+    }
+
+    const m = await comfyPage.perf.stopMeasuring('subgraph-mouse-sweep')
+    recordMeasurement(m)
+    console.log(
+      `Subgraph mouse sweep: ${m.styleRecalcs} style recalcs, ${m.layouts} layouts`
+    )
+  })
+
+  test('subgraph DOM widget clipping during node selection', async ({
+    comfyPage
+  }) => {
+    await comfyPage.workflow.loadWorkflow('subgraphs/nested-subgraph')
+    await comfyPage.perf.startMeasuring()
+
+    const canvas = comfyPage.canvas
+    const box = await canvas.boundingBox()
+    if (!box) throw new Error('Canvas bounding box not available')
+
+    for (let i = 0; i < 20; i++) {
+      await comfyPage.page.mouse.click(
+        box.x + box.width / 3 + (i % 5) * 30,
+        box.y + box.height / 3 + (i % 4) * 30
+      )
+      await comfyPage.nextFrame()
+    }
+
+    const m = await comfyPage.perf.stopMeasuring('subgraph-dom-widget-clipping')
+    recordMeasurement(m)
+    console.log(`Subgraph clipping: ${m.layouts} forced layouts`)
+  })
+})

browser_tests/tests/subgraphPromotion.spec.ts

@@ -555,6 +555,74 @@ test.describe(
       })
     })
 
+    test.describe('Nested Promoted Widget Disabled State', () => {
+      test('Externally linked promoted widget is disabled, unlinked ones are not', async ({
+        comfyPage
+      }) => {
+        await comfyPage.workflow.loadWorkflow(
+          'subgraphs/subgraph-nested-promotion'
+        )
+        await comfyPage.nextFrame()
+
+        // Node 5 (Sub 0) has 4 promoted widgets. The first (string_a) has its
+        // slot connected externally from the Outer node, so it should be
+        // disabled. The remaining promoted textarea widgets (value, value_1)
+        // are unlinked and should be enabled.
+        const promotedNames = await getPromotedWidgetNames(comfyPage, '5')
+        expect(promotedNames).toContain('string_a')
+        expect(promotedNames).toContain('value')
+
+        const disabledState = await comfyPage.page.evaluate(() => {
+          const node = window.app!.canvas.graph!.getNodeById('5')
+          return (node?.widgets ?? []).map((w) => ({
+            name: w.name,
+            disabled: !!w.computedDisabled
+          }))
+        })
+
+        const linkedWidget = disabledState.find((w) => w.name === 'string_a')
+        expect(linkedWidget?.disabled).toBe(true)
+
+        const unlinkedWidgets = disabledState.filter(
+          (w) => w.name !== 'string_a'
+        )
+        for (const w of unlinkedWidgets) {
+          expect(w.disabled).toBe(false)
+        }
+      })
+
+      test('Unlinked promoted textarea widgets are editable on the subgraph exterior', async ({
+        comfyPage
+      }) => {
+        await comfyPage.workflow.loadWorkflow(
+          'subgraphs/subgraph-nested-promotion'
+        )
+        await comfyPage.nextFrame()
+
+        // The promoted textareas that are NOT externally linked should be
+        // fully opaque and interactive.
+        const textareas = comfyPage.page.getByTestId(
+          TestIds.widgets.domWidgetTextarea
+        )
+        await expect(textareas.first()).toBeVisible()
+
+        const count = await textareas.count()
+        for (let i = 0; i < count; i++) {
+          const textarea = textareas.nth(i)
+          const wrapper = textarea.locator('..')
+          const opacity = await wrapper.evaluate(
+            (el) => getComputedStyle(el).opacity
+          )
+
+          if (opacity === '1' && (await textarea.isEditable())) {
+            const testContent = `nested-promotion-edit-${i}`
+            await textarea.fill(testContent)
+            await expect(textarea).toHaveValue(testContent)
+          }
+        }
+      })
+    })
+
     test.describe('Promotion Cleanup', () => {
       test('Removing subgraph node clears promotion store entries', async ({
         comfyPage

eslint.config.ts

@@ -1,6 +1,7 @@
 // For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
 import pluginJs from '@eslint/js'
 import pluginI18n from '@intlify/eslint-plugin-vue-i18n'
+import betterTailwindcss from 'eslint-plugin-better-tailwindcss'
 import { createTypeScriptImportResolver } from 'eslint-import-resolver-typescript'
 import { importX } from 'eslint-plugin-import-x'
 import oxlint from 'eslint-plugin-oxlint'
@@ -22,7 +23,9 @@ const extraFileExtensions = ['.vue']
 
 const commonGlobals = {
   ...globals.browser,
-  __COMFYUI_FRONTEND_VERSION__: 'readonly'
+  __COMFYUI_FRONTEND_VERSION__: 'readonly',
+  __DISTRIBUTION__: 'readonly',
+  __IS_NIGHTLY__: 'readonly'
 } as const
 
 const settings = {
@@ -75,6 +78,7 @@ export default defineConfig([
       'src/scripts/*',
       'src/types/generatedManagerTypes.ts',
       'src/types/vue-shim.d.ts',
+      'packages/design-system/src/css/lucideStrokePlugin.js',
       'test-results/*',
       'vitest.setup.ts'
     ]
@@ -109,6 +113,27 @@ export default defineConfig([
   tseslintConfigs.recommended,
   // Difference in typecheck on CI vs Local
   pluginVue.configs['flat/recommended'],
+  // Tailwind CSS v4 linting (class ordering, duplicates, conflicts, etc.)
+  betterTailwindcss.configs.recommended,
+  {
+    settings: {
+      'better-tailwindcss': {
+        entryPoint: 'packages/design-system/src/css/style.css'
+      }
+    },
+    rules: {
+      // Off: requires whitelisting non-Tailwind classes (PrimeIcons, custom CSS)
+      'better-tailwindcss/no-unknown-classes': 'off',
+      // Off: may conflict with oxfmt formatting
+      'better-tailwindcss/enforce-consistent-line-wrapping': 'off',
+      // Off: large batch change, enable and apply with `eslint --fix`
+      'better-tailwindcss/enforce-consistent-class-order': 'off',
+      // Off: large batch change (v3→v4 renames like rounded→rounded-sm),
+      // enable and apply with `eslint --fix` in a follow-up PR
+      'better-tailwindcss/enforce-canonical-classes': 'off',
+      'better-tailwindcss/no-deprecated-classes': 'error'
+    }
+  },
   // Disables ESLint rules that conflict with formatters
   eslintConfigPrettier,
   // @ts-expect-error Type incompatibility between storybook plugin and ESLint config types

knip.config.ts

@@ -41,7 +41,9 @@ const config: KnipConfig = {
     // Used by a custom node (that should move off of this)
     'src/scripts/ui/components/splitButton.ts',
     // Workflow files contain license names that knip misinterprets as binaries
-    '.github/workflows/ci-oss-assets-validation.yaml'
+    '.github/workflows/ci-oss-assets-validation.yaml',
+    // Pending integration in stacked PR
+    'src/components/sidebar/tabs/nodeLibrary/CustomNodesPanel.vue'
   ],
   compilers: {
     // https://github.com/webpro-nl/knip/issues/1008#issuecomment-3207756199

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comfyorg/comfyui-frontend",
-  "version": "1.41.5",
+  "version": "1.41.12",
   "private": true,
   "description": "Official front-end implementation of ComfyUI",
   "homepage": "https://comfy.org",
@@ -146,6 +146,7 @@
     "eslint": "catalog:",
     "eslint-config-prettier": "catalog:",
     "eslint-import-resolver-typescript": "catalog:",
+    "eslint-plugin-better-tailwindcss": "catalog:",
     "eslint-plugin-import-x": "catalog:",
     "eslint-plugin-oxlint": "catalog:",
     "eslint-plugin-storybook": "catalog:",

packages/design-system/package.json

@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "@iconify-json/lucide": "catalog:",
-    "@iconify/tailwind4": "catalog:"
+    "@iconify/tailwind4": "catalog:",
+    "@iconify/utils": "catalog:"
   },
   "devDependencies": {
     "tailwindcss": "catalog:",

packages/design-system/src/css/lucideStrokePlugin.js

@@ -0,0 +1,71 @@
+import plugin from 'tailwindcss/plugin'
+import { getIconsCSSData } from '@iconify/utils/lib/css/icons'
+import { loadIconSet } from '@iconify/tailwind4/lib/helpers/loader.js'
+import { matchIconName } from '@iconify/utils/lib/icon/name'
+
+/**
+ * Tailwind 4 plugin that provides lucide icon variants with configurable
+ * stroke-width via class prefix.
+ *
+ * Usage in CSS:
+ *   @plugin "./lucideStrokePlugin.js";
+ *
+ * Usage in templates:
+ *   <i class="icon-s1-[lucide--settings]" />     <!-- stroke-width: 1 -->
+ *   <i class="icon-s1.5-[lucide--settings]" />   <!-- stroke-width: 1.5 -->
+ *   <i class="icon-s2.5-[lucide--settings]" />   <!-- stroke-width: 2.5 -->
+ *
+ * The default class remains stroke-width: 2.
+ */
+
+const STROKE_WIDTHS = ['1', '1.3', '1.5', '2', '2.5']
+
+const SCALE = 1.2
+
+function getDynamicCSSRulesWithStroke(icon, strokeWidth) {
+  const nameParts = icon.split(/--|:/)
+  if (nameParts.length !== 2) {
+    throw new Error(`Invalid icon name: "${icon}"`)
+  }
+  const [prefix, name] = nameParts
+  if (!(prefix.match(matchIconName) && name.match(matchIconName))) {
+    throw new Error(`Invalid icon name: "${icon}"`)
+  }
+  const iconSet = loadIconSet(prefix)
+  if (!iconSet) {
+    throw new Error(
+      `Cannot load icon set for "${prefix}". Install "@iconify-json/${prefix}" as dev dependency?`
+    )
+  }
+  const generated = getIconsCSSData(iconSet, [name], {
+    iconSelector: '.icon',
+    customise: (content) =>
+      content.replaceAll('stroke-width="2"', `stroke-width="${strokeWidth}"`)
+  })
+  if (generated.css.length !== 1) {
+    throw new Error(`Cannot find "${icon}". Bad icon name?`)
+  }
+  if (SCALE && generated.common?.rules) {
+    generated.common.rules.height = SCALE + 'em'
+    generated.common.rules.width = SCALE + 'em'
+  }
+  return {
+    ...generated.common?.rules,
+    ...generated.css[0].rules
+  }
+}
+
+export default plugin(({ matchComponents }) => {
+  for (const sw of STROKE_WIDTHS) {
+    matchComponents({
+      [`icon-s${sw}`]: (icon) => {
+        try {
+          return getDynamicCSSRulesWithStroke(icon, sw)
+        } catch (err) {
+          console.warn(err.message)
+          return {}
+        }
+      }
+    })
+  }
+})

packages/design-system/src/css/style.css

@@ -12,11 +12,13 @@
   icon-sets: from-folder(comfy, './packages/design-system/src/icons');
 }
 
+@plugin "./lucideStrokePlugin.js";
+
 /* Safelist dynamic comfy icons for node library folders */
 @source inline("icon-[comfy--{ai-model,bfl,bria,bytedance,credits,extensions-blocks,file-output,gemini,grok,hitpaw,ideogram,image-ai-edit,kling,ltxv,luma,magnific,mask,meshy,minimax,moonvalley-marey,node,openai,pin,pixverse,play,recraft,rodin,runway,sora,stability-ai,template,tencent,topaz,tripo,veo,vidu,wan,wavespeed,workflow}]");
 
 /* Safelist dynamic comfy icons for essential nodes (kebab-case of node names) */
-@source inline("icon-[comfy--{load-image,save-image,load-video,save-video,load-3-d,save-glb,image-batch,image-crop,image-scale,image-rotate,image-blur,image-invert,canny,recraft-remove-background-node,kling-lip-sync-audio-to-video-node,load-audio,save-audio,stability-text-to-audio,lora-loader,clip-text-encode,get-video-components,tencent-text-to-model-node,tencent-image-to-model-node,open-ai-chat-node,subgraph-blueprint-canny-to-video-ltx-2-0,subgraph-blueprint-pose-to-video-ltx-2-0}]");
+@source inline("icon-[comfy--{save-image,load-video,save-video,load-3-d,save-glb,image-batch,batch-images-node,image-crop,image-scale,image-rotate,image-blur,image-invert,canny,recraft-remove-background-node,kling-lip-sync-audio-to-video-node,load-audio,save-audio,stability-text-to-audio,lora-loader,lora-loader-model-only,primitive-string-multiline,get-video-components,video-slice,tencent-text-to-model-node,tencent-image-to-model-node,open-ai-chat-node,subgraph-blueprint-canny-to-video-ltx-2-0,subgraph-blueprint-pose-to-video-ltx-2-0,preview-image,image-and-mask-preview,layer-mask-mask-preview,mask-preview,image-preview-from-latent}]");
 
 @custom-variant touch (@media (hover: none));
 
@@ -199,7 +201,7 @@
       #3e1ffc 65.17%,
       #009dff 103.86%
     ),
-    var(--color-button-surface, #2d2e32);
+    linear-gradient(var(--color-button-surface, #2d2e32));
 
   /* Code styling colors for help menu*/
   --code-text-color: rgb(0 122 255 / 1);
@@ -358,26 +360,6 @@
   --button-active-surface: var(--color-charcoal-600);
   --button-icon: var(--color-smoke-800);
 
-  --subscription-button-gradient:
-    linear-gradient(
-      315deg,
-      rgb(105 230 255 / 0.15) 0%,
-      rgb(99 73 233 / 0.5) 100%
-    ),
-    radial-gradient(
-      70.71% 70.71% at 50% 50%,
-      rgb(62 99 222 / 0.15) 0.01%,
-      rgb(66 0 123 / 0.5) 100%
-    ),
-    linear-gradient(
-      92deg,
-      #d000ff 0.38%,
-      #b009fe 37.07%,
-      #3e1ffc 65.17%,
-      #009dff 103.86%
-    ),
-    var(--color-button-surface, #2d2e32);
-
   --dialog-surface: var(--color-neutral-700);
 
   --interface-menu-component-surface-hovered: var(--color-charcoal-400);
@@ -490,7 +472,6 @@
   --color-button-icon: var(--button-icon);
   --color-button-surface: var(--button-surface);
   --color-button-surface-contrast: var(--button-surface-contrast);
-  --color-subscription-button-gradient: var(--subscription-button-gradient);
 
   --color-modal-card-background: var(--modal-card-background);
   --color-modal-card-background-hovered: var(--modal-card-background-hovered);
@@ -634,6 +615,14 @@
   }
 }
 
+@utility highlight {
+  background-color: color-mix(in srgb, currentColor 20%, transparent);
+  font-weight: 700;
+  border-radius: 0.25rem;
+  padding: 0 0.125rem;
+  margin: -0.125rem 0.125rem;
+}
+
 @utility scrollbar-hide {
   scrollbar-width: none;
   &::-webkit-scrollbar {

packages/design-system/src/icons/batch-images-node.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 17L12.9427 14.9426C12.6926 14.6927 12.3536 14.5522 12 14.5522C11.6464 14.5522 11.3074 14.6927 11.0573 14.9426L5 21M20 15C20.5523 15 21 14.5523 21 14V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H10C9.44772 3 9 3.44772 9 4M17 18C17.5523 18 18 17.5523 18 17V8C18 7.46957 17.7893 6.96086 17.4142 6.58579C17.0391 6.21071 16.5304 6 16 6H7C6.44772 6 6 6.44772 6 7M4.33333 9H13.6667C14.403 9 15 9.59695 15 10.3333V19.6667C15 20.403 14.403 21 13.6667 21H4.33333C3.59695 21 3 20.403 3 19.6667V10.3333C3 9.59695 3.59695 9 4.33333 9ZM8.33333 13C8.33333 13.7364 7.73638 14.3333 7 14.3333C6.26362 14.3333 5.66667 13.7364 5.66667 13C5.66667 12.2636 6.26362 11.6667 7 11.6667C7.73638 11.6667 8.33333 12.2636 8.33333 13Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

packages/design-system/src/icons/compare_images.svg

@@ -1,5 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M29.9316 2.13269H25.2057V3.57269H29.9316C31.1241 3.57269 32.0916 4.54018 32.0916 5.73269V18.0646C32.0916 19.2571 31.1241 20.2246 29.9316 20.2246H25.2057V21.6646H29.9316C30.8859 21.6646 31.8019 21.2849 32.4768 20.6099C33.1516 19.9349 33.5314 19.019 33.5314 18.0647V5.73281C33.5314 4.77843 33.1518 3.86249 32.4768 3.18761C31.8018 2.51273 30.8858 2.13293 29.9316 2.13293V2.13269Z" fill="#8A8A8A"/>
-<path d="M30.2025 15.7602C30.5531 15.7602 30.8738 15.5652 31.0341 15.2539C31.1953 14.9427 31.1691 14.5677 30.9656 14.2817L29.0269 11.5601L26.7994 8.44014C26.6231 8.19359 26.3391 8.04733 26.0363 8.04733C25.7335 8.04733 25.4494 8.19358 25.2731 8.44014L25.2056 8.53389V15.7601L30.2025 15.7602Z" fill="#8A8A8A"/>
-<path d="M23.0457 1.00018C22.6482 1.00018 22.3257 1.32269 22.3257 1.72018V2.13269H17.5999C16.6455 2.13269 15.7296 2.51237 15.0547 3.18737C14.3798 3.86237 14 4.77831 14 5.73257V18.0645C14 19.0189 14.3797 19.9348 15.0547 20.6097C15.7297 21.2846 16.6456 21.6644 17.5999 21.6644H22.3257V21.88C22.3257 22.2775 22.6482 22.6 23.0457 22.6C23.4432 22.6 23.7657 22.2775 23.7657 21.88V1.72C23.7657 1.32251 23.4432 1.00018 23.0457 1.00018ZM22.3257 15.7602H17.3289C16.9783 15.7602 16.6577 15.5652 16.4974 15.2539C16.3361 14.9427 16.3624 14.5677 16.5658 14.2817L17.4471 13.0433L18.6208 11.397H18.6199C18.7961 11.1495 19.0802 11.0033 19.383 11.0033C19.6867 11.0033 19.9708 11.1495 20.1471 11.397L21.318 13.0433L21.6517 13.5233L22.3258 12.568L22.3257 15.7602Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/compare_videos.svg

@@ -1,5 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M29.9316 2.13269H25.2057V3.57269H29.9316C31.1241 3.57269 32.0916 4.54018 32.0916 5.73269V18.0646C32.0916 19.2571 31.1241 20.2246 29.9316 20.2246H25.2057V21.6646H29.9316C30.8859 21.6646 31.8019 21.2849 32.4768 20.6099C33.1516 19.9349 33.5314 19.019 33.5314 18.0647V5.73281C33.5314 4.77843 33.1518 3.86249 32.4768 3.18761C31.8018 2.51273 30.8858 2.13293 29.9316 2.13293V2.13269Z" fill="#8A8A8A"/>
-<path d="M29.0586 10.918C29.5299 11.2086 29.703 11.7469 29.7031 12.1836C29.7031 12.6202 29.5288 13.1584 29.0576 13.4492L25 16.0273V12.4717L25.6396 12.0801L25 11.6865V8.33887L29.0586 10.918Z" fill="#8A8A8A"/>
-<path d="M23.0459 1C23.4433 1.0001 23.7656 1.32234 23.7656 1.71973V21.8799C23.7656 22.2773 23.4433 22.5995 23.0459 22.5996C22.6484 22.5996 22.3262 22.2774 22.3262 21.8799V21.6641H17.5996C16.6454 21.664 15.7296 21.2842 15.0547 20.6094C14.3798 19.9345 14 19.0188 14 18.0645V5.73242C14 4.77822 14.3799 3.86249 15.0547 3.1875C15.7295 2.51256 16.6453 2.13288 17.5996 2.13281H22.3262V1.71973C22.3263 1.32236 22.6485 1 23.0459 1ZM19.3008 5.00195C18.5469 5.04101 17.991 5.7594 18.001 6.48438V17.8672C17.9877 18.3783 18.241 18.8887 18.667 19.1621L18.6709 19.165C19.1025 19.4368 19.6599 19.4326 20.0879 19.1494L22 17.9336V14.3105L20.7266 15.0918V9.06055L22 9.84277V6.43359L20.0869 5.21875C19.8834 5.08395 19.6474 5.00777 19.4072 5L19.3008 5.00195Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/crop_video.svg

@@ -1,4 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M22.3697 9.5C22.4578 9.50289 22.5441 9.53066 22.6187 9.58008L25.9107 11.6699C26.0837 11.7765 26.1471 11.9746 26.1471 12.1348C26.147 12.2949 26.0827 12.4921 25.9098 12.5986L22.6187 14.6895C22.4617 14.7931 22.2574 14.7941 22.0992 14.6943L22.0982 14.6934C21.9419 14.5931 21.8483 14.4063 21.8531 14.2188V10.0439C21.8496 9.77812 22.0541 9.51424 22.3307 9.5H22.3697ZM22.8619 13.2754L24.6646 12.1338L22.8619 10.9893V13.2754Z" fill="#8A8A8A"/>
-<path d="M18 1.2002C18.4418 1.2002 18.7998 1.55817 18.7998 2V5.2002H29C29.9941 5.2002 30.7998 6.00589 30.7998 7V17.7002H34C34.4418 17.7002 34.7998 18.0582 34.7998 18.5C34.7998 18.9418 34.4418 19.2998 34 19.2998H30.7998V22.5C30.7998 22.9418 30.4418 23.2998 30 23.2998C29.5582 23.2998 29.2002 22.9418 29.2002 22.5V19.2998H19C18.0059 19.2998 17.2002 18.4941 17.2002 17.5V6.7998H14C13.5582 6.7998 13.2002 6.44183 13.2002 6C13.2002 5.55817 13.5582 5.2002 14 5.2002H17.2002V2C17.2002 1.55817 17.5582 1.2002 18 1.2002ZM18.7998 17.5C18.7998 17.6105 18.8895 17.7002 19 17.7002H29.2002V7C29.2002 6.88954 29.1105 6.79981 29 6.7998H18.7998V17.5Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/depth_to_image.svg

@@ -1,12 +0,0 @@
-<svg width="49" height="24" viewBox="0 0 49 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M47.2461 5C47.9942 5.00009 48.6152 5.59922 48.6152 6.32031V16.8799C48.6152 17.601 47.9942 18.2001 47.2461 18.2002H31.9844C31.2363 18.2 30.6152 17.6009 30.6152 16.8799V6.32031C30.6152 5.59931 31.2363 5.00024 31.9844 5H47.2461ZM31.7891 14.918V16.8799C31.7891 16.9939 31.8661 17.0682 31.9844 17.0684H47.2461C47.3644 17.0682 47.4414 16.994 47.4414 16.8799V15.2656L44.085 12.6787L41.3154 14.5166C41.1091 14.6507 40.8115 14.6383 40.6182 14.4873L36.8516 11.5527L31.7891 14.918ZM31.9844 6.13184C31.8662 6.13202 31.7891 6.20628 31.7891 6.32031V13.5391L36.54 10.3799C36.6194 10.3255 36.7125 10.2913 36.8086 10.2803C36.9629 10.2641 37.1232 10.3091 37.2432 10.4033L41.0098 13.3447L43.7852 11.5059C43.9915 11.3718 44.2891 11.3841 44.4824 11.5352L47.4414 13.8154V6.32031C47.4414 6.20619 47.3645 6.13191 47.2461 6.13184H31.9844ZM40.9854 7.63965C41.9503 7.63986 42.7459 8.40684 42.7461 9.33691C42.7461 10.2671 41.9505 11.034 40.9854 11.0342C40.0201 11.0342 39.2236 10.2673 39.2236 9.33691C39.2238 8.40671 40.0202 7.63965 40.9854 7.63965ZM40.9854 8.77148C40.6545 8.77148 40.3986 9.01812 40.3984 9.33691C40.3984 9.65587 40.6544 9.90332 40.9854 9.90332C41.3161 9.90312 41.5723 9.65574 41.5723 9.33691C41.5721 9.01825 41.316 8.77168 40.9854 8.77148Z" fill="#8A8A8A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M27.6398 11.7209C27.8739 11.9552 27.874 12.3353 27.6398 12.5695L25.0948 15.1154C24.8607 15.3496 24.4805 15.3492 24.2462 15.1154C24.0119 14.8811 24.0119 14.5011 24.2462 14.2668L25.7638 12.7492L18.2159 12.7492C17.8845 12.7492 17.6153 12.481 17.6153 12.1496C17.6153 11.8182 17.8846 11.55 18.2159 11.55L25.7726 11.55L24.2462 10.0236C24.0119 9.78931 24.0119 9.40931 24.2462 9.175C24.4805 8.94094 24.8606 8.94077 25.0948 9.175L27.6398 11.7209Z" fill="#8A8A8A"/>
-<rect x="0.5" y="4.5" width="14" height="14" rx="2.5" fill="#1C1C24" stroke="#8A8A8A"/>
-<circle cx="9.04375" cy="10.6062" r="3.98125" fill="url(#paint0_radial_1684_13636)"/>
-<defs>
-<radialGradient id="paint0_radial_1684_13636" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.53125 10.7687) rotate(-139.289) scale(4.6091)">
-<stop offset="0.00961538" stop-color="white"/>
-<stop offset="1" stop-color="#686868"/>
-</radialGradient>
-</defs>
-</svg>

packages/design-system/src/icons/depth_to_video.svg

@@ -1,12 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M28.0245 11.721C28.2587 11.9553 28.2588 12.3354 28.0245 12.5696L25.4796 15.1155C25.2454 15.3497 24.8653 15.3494 24.631 15.1155C24.3967 14.8812 24.3967 14.5012 24.631 14.2669L26.1485 12.7493L18.6007 12.7493C18.2693 12.7493 18.0001 12.4811 18.0001 12.1497C18.0001 11.8184 18.2693 11.5501 18.6007 11.5501L26.1573 11.5501L24.631 10.0238C24.3966 9.78943 24.3966 9.40944 24.631 9.17512C24.8653 8.94106 25.2454 8.94089 25.4796 9.17512L28.0245 11.721Z" fill="#8A8A8A"/>
-<rect x="0.5" y="4.61523" width="14" height="14" rx="2.5" fill="#1C1C24" stroke="#8A8A8A"/>
-<circle cx="9.04375" cy="10.7215" r="3.98125" fill="url(#paint0_radial_1694_13931)"/>
-<path d="M44.203 5C46.2974 5 48.01 6.71671 48.01 8.84956V14.3804C48.01 16.5133 46.2974 18.23 44.203 18.23H34.807C32.7125 18.23 31 16.5133 31 14.3804V8.84956C31 6.71671 32.7125 5 34.807 5H44.203ZM34.807 6.37812C33.4315 6.37812 32.3499 7.48086 32.3499 8.84956V14.3804C32.3499 15.7491 33.4315 16.8519 34.807 16.8519H44.203C45.5785 16.8519 46.6601 15.7491 46.6601 14.3804V8.84956C46.6601 7.48086 45.5785 6.37812 44.203 6.37812H34.807ZM37.5598 8.12949C37.6752 8.13322 37.7884 8.16994 37.8862 8.23544L42.193 11.0009C42.4194 11.1419 42.5025 11.403 42.5025 11.615C42.5025 11.8269 42.419 12.0878 42.1927 12.2288L37.8865 14.9946C37.6809 15.132 37.4135 15.1341 37.2063 15.002L37.2046 15.0009C37 14.8683 36.8785 14.6208 36.8848 14.3727V8.84956C36.88 8.49772 37.1469 8.14891 37.5089 8.13007L37.5598 8.12949ZM38.2041 13.1249L40.5626 11.6144L38.2041 10.0996V13.1249ZM42.1753 11.8255C42.1606 11.8574 42.1424 11.887 42.1205 11.913L42.1506 11.8717C42.1598 11.8571 42.168 11.8414 42.1753 11.8255Z" fill="#8A8A8A"/>
-<defs>
-<radialGradient id="paint0_radial_1694_13931" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.53125 10.884) rotate(-139.289) scale(4.6091)">
-<stop offset="0.00961538" stop-color="white"/>
-<stop offset="1" stop-color="#686868"/>
-</radialGradient>
-</defs>
-</svg>

packages/design-system/src/icons/edit_image.svg

@@ -1,3 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M32.2435 1.33301C33.4808 1.33312 34.4935 2.34575 34.4935 3.58301V11.2422C35.9784 11.809 36.5649 13.8317 35.3109 15.0859C28.4415 21.9551 28.9659 21.498 28.681 21.5654C25.4267 22.3753 25.6288 22.3379 25.5013 22.3379L25.4935 22.3301C25.0063 22.3298 24.647 21.8727 24.767 21.4004C25.5693 18.2061 25.5088 18.2582 25.7113 18.0557L30.7767 12.9893C30.2817 12.6244 29.582 12.1127 28.6029 11.4082L24.5423 14.8135C24.2463 15.0618 23.7681 15.0618 23.472 14.8135L17.1341 9.49805L13.4955 12.042V17.0811C13.4955 17.4933 13.8322 17.8308 14.2445 17.8311H23.2445C23.6568 17.8313 23.9945 18.1687 23.9945 18.5811C23.9943 18.9933 23.6567 19.3309 23.2445 19.3311H14.2445C13.0073 19.3308 11.9955 18.3182 11.9955 17.0811V3.58301C11.9955 2.34583 13.0073 1.33325 14.2445 1.33301H32.2435ZM26.9183 18.9629L26.5209 20.5459L28.1039 20.1484L32.2982 15.9521C32.0571 15.7222 31.6993 15.3563 31.1127 14.7676L26.9183 18.9629ZM34.4857 13.4219C34.4857 12.672 33.5781 12.3043 33.0531 12.8291L32.7962 13.085C32.7438 13.1746 32.6636 13.2544 32.5629 13.3184L32.1712 13.71L33.3558 14.8945L34.2377 14.0137C34.3951 13.8562 34.4856 13.6468 34.4857 13.4219ZM14.2445 2.83301C13.8322 2.83325 13.4955 3.1707 13.4955 3.58301V10.4395L16.6937 8.14844C16.9973 7.93835 17.4383 7.951 17.7191 8.18652L24.0111 13.4639L28.0267 10.0967C28.3076 9.86126 28.7554 9.84805 29.0589 10.0645L31.8558 11.9102L31.9955 11.7715C32.2782 11.4887 32.6198 11.2892 32.9935 11.1816V3.58301C32.9935 3.17062 32.6559 2.83312 32.2435 2.83301H14.2445ZM24.2494 4.33301C25.4866 4.33301 26.4991 5.3449 26.4994 6.58203C26.4994 7.81936 25.4868 8.83203 24.2494 8.83203C23.0122 8.8318 22.0004 7.81922 22.0004 6.58203C22.0006 5.34504 23.0123 4.33323 24.2494 4.33301ZM24.2494 5.83301C23.8372 5.83323 23.4996 6.16991 23.4994 6.58203C23.4994 6.99435 23.8371 7.3318 24.2494 7.33203C24.6618 7.33203 24.9994 6.99449 24.9994 6.58203C24.9991 6.16977 24.6617 5.83301 24.2494 5.83301Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/edit_video.svg

@@ -1,4 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M27.6289 0C30.5839 0.000217009 32.9999 2.46547 33 5.52832V11.666L31.0957 13.3594V5.52832C31.0956 3.56289 29.5694 1.9797 27.6289 1.97949H14.3711C12.4306 1.9797 10.9044 3.56289 10.9043 5.52832V13.4717C10.9044 15.4371 12.4306 17.0203 14.3711 17.0205H27V19H14.3711C11.4161 18.9998 9.00008 16.5345 9 13.4717V5.52832C9.00008 2.46547 11.4161 0.000217423 14.3711 0H27.6289ZM18.2559 4.49414C18.4185 4.49956 18.578 4.55256 18.7158 4.64648L24.793 8.61816C25.1122 8.82076 25.2295 9.19571 25.2295 9.5C25.2295 9.80434 25.1113 10.1792 24.792 10.3818L18.7168 14.3535C18.4268 14.5509 18.0492 14.5538 17.7568 14.3643L17.7539 14.3623C17.4655 14.1718 17.2938 13.8161 17.3027 13.46V5.52832C17.296 5.02308 17.6729 4.52218 18.1836 4.49512L18.2559 4.49414ZM19.1641 11.668L22.4922 9.49902L19.1641 7.32422V11.668Z" fill="#8A8A8A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M39.784 8.33301C40.5601 8.37159 41.2873 8.69547 41.8368 9.24316L41.8407 9.24707C42.4245 9.83307 42.7546 10.6211 42.7547 11.4551C42.7547 11.8685 42.6746 12.2762 42.5155 12.6572C42.3585 13.0341 42.1305 13.3744 41.8446 13.6631L41.8397 13.667L41.1717 14.3369C41.0982 14.4106 41.0176 14.4759 40.9325 14.5332C40.8753 14.6183 40.8098 14.6989 40.7362 14.7725L33.4803 22.0264C33.2633 22.2432 32.9882 22.3939 32.6883 22.459L29.9276 23.0576C29.396 23.1727 28.8415 23.0106 28.4569 22.626C28.0723 22.2413 27.91 21.6869 28.0252 21.1553L28.6239 18.3945L28.6522 18.2832C28.7275 18.0268 28.8667 17.7924 29.0565 17.6025L36.3124 10.3477L36.4335 10.2383C36.4711 10.2075 36.51 10.1782 36.5497 10.1514C36.6059 10.0679 36.6713 9.98891 36.745 9.91504L37.4139 9.24609L37.4188 9.24023C38.0053 8.65788 38.7927 8.3291 39.6278 8.3291L39.784 8.33301ZM30.1874 18.7344L29.5887 21.4941L32.3485 20.8955L38.9071 14.3369L36.745 12.1758L30.1874 18.7344ZM39.6278 9.92871C39.2325 9.92871 38.8609 10.078 38.5751 10.3477L40.7333 12.5059C40.863 12.3681 40.9676 12.2125 41.0389 12.041C41.0962 11.9038 41.1326 11.758 41.1473 11.6074L41.1551 11.4551C41.155 11.0484 40.9947 10.6649 40.7069 10.376C40.418 10.0883 40.0349 9.92882 39.6278 9.92871Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/enhance.svg

@@ -1,3 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M27.6635 4.83333L30.6632 7.83286M16.9985 5.49937V9.49874M30.9971 13.4981V17.4975M21.998 1.5V3.49969M18.9983 7.49906H14.9987M32.9969 15.4978H28.9973M22.9979 2.49984H20.9981M33.6369 3.13979L32.3571 1.85999C32.2446 1.74632 32.1106 1.65609 31.963 1.59451C31.8154 1.53293 31.6571 1.50122 31.4971 1.50122C31.3372 1.50122 31.1789 1.53293 31.0313 1.59451C30.8837 1.65609 30.7497 1.74632 30.6372 1.85999L14.3588 18.1374C14.2451 18.2499 14.1549 18.3838 14.0933 18.5314C14.0317 18.679 14 18.8374 14 18.9973C14 19.1572 14.0317 19.3156 14.0933 19.4631C14.1549 19.6107 14.2451 19.7447 14.3588 19.8572L15.6387 21.137C15.7505 21.2518 15.8842 21.3432 16.0319 21.4055C16.1796 21.4679 16.3383 21.5 16.4986 21.5C16.6589 21.5 16.8176 21.4679 16.9653 21.4055C17.113 21.3432 17.2467 21.2518 17.3585 21.137L33.6369 4.85952C33.7518 4.74771 33.8432 4.61402 33.9055 4.46633C33.9679 4.31865 34 4.15996 34 3.99965C34 3.83934 33.9679 3.68066 33.9055 3.53297C33.8432 3.38528 33.7518 3.25159 33.6369 3.13979Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

packages/design-system/src/icons/enhance_3dmodel.svg

@@ -1,4 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M31.7844 13.8522L29.9803 15.6814M24.2027 8.42231V10.8612M26.6082 16.2013V18.6402M31.7844 8V9.21945M23 9.64176H25.4055M25.4055 17.4207H27.8109M31.183 8.60973H32.3857M27.1899 11.8036L27.9597 11.0231C28.0273 10.9538 28.1079 10.8988 28.1966 10.8612C28.2854 10.8237 28.3807 10.8043 28.4768 10.8043C28.573 10.8043 28.6683 10.8237 28.757 10.8612C28.8458 10.8988 28.9263 10.9538 28.994 11.0231L38.7842 20.9494C38.8526 21.018 38.9069 21.0997 38.9439 21.1897C38.9809 21.2797 39 21.3763 39 21.4738C39 21.5713 38.9809 21.6679 38.9439 21.7579C38.9069 21.8479 38.8526 21.9296 38.7842 21.9982L38.0145 22.7786C37.9472 22.8487 37.8668 22.9044 37.778 22.9424C37.6892 22.9804 37.5937 23 37.4973 23C37.4009 23 37.3054 22.9804 37.2166 22.9424C37.1278 22.9044 37.0474 22.8487 36.9801 22.7786L27.1899 12.8523C27.1208 12.7841 27.0659 12.7026 27.0284 12.6125C26.9909 12.5225 26.9716 12.4257 26.9716 12.3279C26.9716 12.2302 26.9909 12.1334 27.0284 12.0433C27.0659 11.9533 27.1208 11.8717 27.1899 11.8036Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.5908 0.00488281C18.644 0.010556 18.6968 0.0211124 18.748 0.0361328L18.8496 0.0732422L27.4863 3.82031C27.7975 3.956 27.9999 4.25977 27.999 4.59668V4.88281L25.2773 6.32324L19.3633 8.8916V17.8164L24 15.8018V15.959L19.2197 18.0361V18.0381L24 15.9609V17.6523L18.8496 19.8877C18.6546 19.9719 18.4361 19.982 18.2353 19.9189L18.1504 19.8877L9.51367 16.1396L9.40332 16.082C9.15808 15.9302 9.00203 15.6645 9 15.3721V4.59668C8.99911 4.25968 9.20241 3.95595 9.51367 3.82031L18.1494 0.0732422L18.2852 0.0263672C18.3319 0.0145036 18.3802 0.00679393 18.4287 0.00292969L18.5908 0.00488281ZM10.583 14.9121L17.7803 18.0381V18.0361L10.583 14.9102V14.9121ZM10.7266 14.8154L17.6357 17.8164V8.8916L10.7266 5.8916V14.8154ZM18.5 7.57617L11.6348 4.59668L11.6328 4.59863L18.5 7.57812L25.3672 4.59863L25.3643 4.59668L18.5 7.57617ZM11.9932 4.59668L18.5 7.41895L25.0059 4.59668L18.5 1.76758L11.9932 4.59668ZM18.4394 0.146484C18.359 0.152931 18.28 0.173119 18.207 0.205078L9.57129 3.95215C9.39972 4.0269 9.26947 4.16303 9.20019 4.32617C9.2698 4.16409 9.4004 4.02953 9.57129 3.95508L18.207 0.207031C18.28 0.175072 18.359 0.154884 18.4394 0.148438C18.5602 0.139301 18.6815 0.159598 18.792 0.207031L27.4287 3.95508C27.5993 4.02948 27.7311 4.16342 27.8008 4.3252C27.7314 4.16231 27.6 4.02684 27.4287 3.95215L18.792 0.205078C18.6815 0.157614 18.5602 0.137346 18.4394 0.146484Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/enhance_video.svg

@@ -1,4 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M24.6289 0C27.5839 0.000217454 29.9999 2.46547 30 5.52832V12.7998L27.8828 14.7041C28.0196 14.3204 28.0957 13.9056 28.0957 13.4717V5.52832C28.0956 3.56289 26.5694 1.9797 24.6289 1.97949H11.3711C9.4306 1.9797 7.90438 3.56289 7.9043 5.52832V13.4717C7.90437 15.4371 9.4306 17.0203 11.3711 17.0205H24.6289C24.8981 17.0205 25.1589 16.9884 25.4092 16.9307L23.1113 19H11.3711C8.41613 18.9998 6.00008 16.5345 6 13.4717V5.52832C6.00008 2.46547 8.41613 0.000217456 11.3711 0H24.6289ZM15.2559 4.49414C15.4185 4.49956 15.578 4.55256 15.7158 4.64648L21.793 8.61816C22.1122 8.82076 22.2295 9.19571 22.2295 9.5C22.2295 9.80434 22.1113 10.1792 21.792 10.3818L15.7168 14.3535C15.4268 14.5509 15.0492 14.5538 14.7568 14.3643L14.7539 14.3623C14.4655 14.1718 14.2938 13.8161 14.3027 13.46V5.52832C14.296 5.02308 14.6729 4.52218 15.1836 4.49512L15.2559 4.49414ZM16.1641 11.668L19.4922 9.49902L16.1641 7.32422V11.668Z" fill="#8A8A8A"/>
-<path d="M32.6395 13.0655L34.6395 15.0655M38.5 4.66675V7.33341M35.9728 17.7322V20.3988M32.6395 6.66675V8.00008M39.8333 6.00008H37.1667M37.3062 19.0655H34.6395M33.3062 7.33341H31.9728M37.7329 10.8255L36.8795 9.97218C36.8045 9.89639 36.7152 9.83623 36.6168 9.79517C36.5184 9.75411 36.4128 9.73297 36.3062 9.73297C36.1996 9.73297 36.094 9.75411 35.9956 9.79517C35.8972 9.83623 35.8079 9.89639 35.7329 9.97218L24.8795 20.8255C24.8037 20.9005 24.7436 20.9898 24.7025 21.0882C24.6615 21.1866 24.6403 21.2922 24.6403 21.3988C24.6403 21.5055 24.6615 21.6111 24.7025 21.7095C24.7436 21.8079 24.8037 21.8972 24.8795 21.9722L25.7329 22.8255C25.8074 22.9021 25.8965 22.963 25.995 23.0046C26.0935 23.0462 26.1993 23.0676 26.3062 23.0676C26.4131 23.0676 26.5189 23.0462 26.6174 23.0046C26.7158 22.963 26.805 22.9021 26.8795 22.8255L37.7329 11.9722C37.8095 11.8976 37.8704 11.8085 37.9119 11.71C37.9535 11.6115 37.9749 11.5057 37.9749 11.3988C37.9749 11.292 37.9535 11.1862 37.9119 11.0877C37.8704 10.9892 37.8095 10.9001 37.7329 10.8255Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

packages/design-system/src/icons/image-and-mask-preview.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.03125 18.6735L1.42188 18.8997C1.42457 18.907 1.4274 18.9142 1.43035 18.9213L2.03125 18.6735ZM2.03125 18.3255L1.43035 18.0777C1.4274 18.0849 1.42457 18.0921 1.42188 18.0993L2.03125 18.3255ZM11.9687 18.3255L12.5781 18.0993C12.5754 18.0921 12.5726 18.0849 12.5697 18.0777L11.9687 18.3255ZM11.9687 18.6735L12.5697 18.9213C12.5726 18.9142 12.5754 18.907 12.5781 18.8997L11.9687 18.6735ZM9.54038 7.54038C9.28654 7.79422 9.28654 8.20578 9.54038 8.45962C9.79422 8.71346 10.2058 8.71346 10.4596 8.45962L10 8L9.54038 7.54038ZM15.4596 3.45962C15.7135 3.20578 15.7135 2.79422 15.4596 2.54038C15.2058 2.28654 14.7942 2.28654 14.5404 2.54038L15 3L15.4596 3.45962ZM12.5404 10.5404L12.0808 11L13 11.9192L13.4596 11.4596L13 11L12.5404 10.5404ZM20.4596 4.45962C20.7135 4.20578 20.7135 3.79422 20.4596 3.54038C20.2058 3.28654 19.7942 3.28654 19.5404 3.54038L20 4L20.4596 4.45962ZM15.5404 13.5404C15.2865 13.7942 15.2865 14.2058 15.5404 14.4596C15.7942 14.7135 16.2058 14.7135 16.4596 14.4596L16 14L15.5404 13.5404ZM21.4596 9.45962C21.7135 9.20578 21.7135 8.79422 21.4596 8.54038C21.2058 8.28654 20.7942 8.28654 20.5404 8.54038L21 9L21.4596 9.45962ZM14.5 20.35C14.141 20.35 13.85 20.641 13.85 21C13.85 21.359 14.141 21.65 14.5 21.65V21V20.35ZM2.35 13C2.35 13.359 2.64101 13.65 3 13.65C3.35899 13.65 3.65 13.359 3.65 13H3H2.35ZM2.03125 18.6735L2.64062 18.4473C2.65313 18.481 2.65313 18.518 2.64062 18.5517L2.03125 18.3255L1.42188 18.0993C1.32604 18.3575 1.32604 18.6415 1.42188 18.8997L2.03125 18.6735ZM2.03125 18.3255L2.63215 18.5733C2.9889 17.7083 3.59447 16.9687 4.37207 16.4483L4.01054 15.9081L3.649 15.3679C2.65744 16.0316 1.88526 16.9747 1.43035 18.0777L2.03125 18.3255ZM4.01054 15.9081L4.37207 16.4483C5.14968 15.9278 6.0643 15.65 7 15.65V15V14.35C5.80685 14.35 4.64056 14.7043 3.649 15.3679L4.01054 15.9081ZM7 15V15.65C7.9357 15.65 8.85032 15.9278 9.62793 16.4483L9.98946 15.9081L10.351 15.3679C9.35944 14.7043 8.19315 14.35 7 14.35V15ZM9.98946 15.9081L9.62793 16.4483C10.4055 16.9687 11.0111 17.7083 11.3678 18.5733L11.9687 18.3255L12.5697 18.0777C12.1147 16.9747 11.3426 16.0316 10.351 15.3679L9.98946 15.9081ZM11.9687 18.3255L11.3594 18.5517C11.3469 18.518 11.3469 18.481 11.3594 18.4473L11.9687 18.6735L12.5781 18.8997C12.674 18.6415 12.674 18.3575 12.5781 18.0993L11.9687 18.3255ZM11.9687 18.6735L11.3678 18.4257C11.0111 19.2907 10.4055 20.0303 9.62793 20.5508L9.98946 21.0909L10.351 21.6311C11.3426 20.9675 12.1147 20.0244 12.5697 18.9213L11.9687 18.6735ZM9.98946 21.0909L9.62793 20.5508C8.85032 21.0712 7.9357 21.349 7 21.349V21.999V22.649C8.19315 22.649 9.35944 22.2948 10.351 21.6311L9.98946 21.0909ZM7 21.999V21.349C6.0643 21.349 5.14968 21.0712 4.37207 20.5508L4.01054 21.0909L3.649 21.6311C4.64056 22.2948 5.80685 22.649 7 22.649V21.999ZM4.01054 21.0909L4.37207 20.5508C3.59447 20.0303 2.9889 19.2907 2.63215 18.4257L2.03125 18.6735L1.43035 18.9213C1.88526 20.0244 2.65744 20.9675 3.649 21.6311L4.01054 21.0909ZM8.49992 18.4995H7.84992C7.84992 18.9689 7.46939 19.3494 6.99999 19.3494V19.9994V20.6494C8.18736 20.6494 9.14992 19.6868 9.14992 18.4995H8.49992ZM6.99999 19.9994V19.3494C6.53059 19.3494 6.15007 18.9689 6.15007 18.4995H5.50007H4.85007C4.85007 19.6868 5.81262 20.6494 6.99999 20.6494V19.9994ZM5.50007 18.4995H6.15007C6.15007 18.0301 6.53059 17.6495 6.99999 17.6495V16.9995V16.3495C5.81262 16.3495 4.85007 17.3121 4.85007 18.4995H5.50007ZM6.99999 16.9995V17.6495C7.46939 17.6495 7.84992 18.0301 7.84992 18.4995H8.49992H9.14992C9.14992 17.3121 8.18736 16.3495 6.99999 16.3495V16.9995ZM10 8L10.4596 8.45962L15.4596 3.45962L15 3L14.5404 2.54038L9.54038 7.54038L10 8ZM13 11L13.4596 11.4596L20.4596 4.45962L20 4L19.5404 3.54038L12.5404 10.5404L13 11ZM16 14L16.4596 14.4596L21.4596 9.45962L21 9L20.5404 8.54038L15.5404 13.5404L16 14ZM5 3V3.65H19V3V2.35H5V3ZM19 3V3.65C19.7456 3.65 20.35 4.25442 20.35 5H21H21.65C21.65 3.53645 20.4636 2.35 19 2.35V3ZM21 5H20.35V19H21H21.65V5H21ZM21 19H20.35C20.35 19.7456 19.7456 20.35 19 20.35V21V21.65C20.4636 21.65 21.65 20.4636 21.65 19H21ZM3 5H3.65C3.65 4.25442 4.25442 3.65 5 3.65V3V2.35C3.53645 2.35 2.35 3.53645 2.35 5H3ZM19 21V20.35H14.5V21V21.65H19V21ZM3 13H3.65V5H3H2.35V13H3ZM5 3L4.54038 3.45962L20.5404 19.4596L21 19L21.4596 18.5404L5.45962 2.54038L5 3Z" fill="#8A8A8A"/>
+</svg>

packages/design-system/src/icons/image-batch.svg

@@ -1,3 +1,3 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.5 9C12.7761 9 13 9.22386 13 9.5V20C13 20.2761 13.2239 20.5 13.5 20.5H28C28.2761 20.5 28.5 20.7239 28.5 21C28.5 21.2761 28.2761 21.5 28 21.5H13.5C12.6716 21.5 12 20.8284 12 20V9.5C12 9.22386 12.2239 9 12.5 9ZM14.5 7C14.7761 7 15 7.22386 15 7.5V18C15 18.2761 15.2239 18.5 15.5 18.5H30C30.2761 18.5 30.5 18.7239 30.5 19C30.5 19.2761 30.2761 19.5 30 19.5H15.5C14.6716 19.5 14 18.8284 14 18V7.5C14 7.22386 14.2239 7 14.5 7ZM16.5 5C16.7761 5 17 5.22386 17 5.5V16C17 16.2761 17.2239 16.5 17.5 16.5H32C32.2761 16.5 32.5 16.7239 32.5 17C32.5 17.2761 32.2761 17.5 32 17.5H17.5C16.6716 17.5 16 16.8284 16 16V5.5C16 5.22386 16.2239 5 16.5 5ZM33.7061 2.5C34.4126 2.5 34.9999 3.08968 35 3.7998V14.2002C34.9999 14.9103 34.4126 15.5 33.7061 15.5H19.2939C18.5874 15.5 18.0001 14.9103 18 14.2002V3.7998C18.0001 3.08968 18.5874 2.5 19.2939 2.5H33.7061ZM19.1084 12.2676V14.2002C19.1085 14.3124 19.1814 14.3856 19.293 14.3857H33.7061C33.8179 14.3857 33.8915 14.3125 33.8916 14.2002V12.6094L30.7207 10.0615L28.1055 11.873C27.9107 12.005 27.6299 11.9923 27.4473 11.8438L23.8896 8.95312L19.1084 12.2676ZM19.2939 3.61426C19.1821 3.61426 19.1085 3.68744 19.1084 3.7998V10.9092L23.5957 7.79883C23.6707 7.74519 23.7587 7.71107 23.8496 7.7002C23.9954 7.68428 24.1465 7.72944 24.2598 7.82227L27.8164 10.7178L30.4385 8.90723C30.6334 8.7753 30.9141 8.78784 31.0967 8.93652L33.8916 11.1826V3.7998C33.8915 3.68747 33.8179 3.61426 33.7061 3.61426H19.2939ZM27.7939 5.09961C28.7054 5.09987 29.4561 5.8554 29.4561 6.77148C29.456 7.68754 28.7054 8.44213 27.7939 8.44238C26.8823 8.44238 26.1309 7.6877 26.1309 6.77148C26.1309 5.85524 26.8823 5.09961 27.7939 5.09961ZM27.7939 6.21387C27.4814 6.21387 27.2393 6.45737 27.2393 6.77148C27.2393 7.08557 27.4814 7.32812 27.7939 7.32812C28.1062 7.32788 28.3476 7.08542 28.3477 6.77148C28.3477 6.45752 28.1063 6.21411 27.7939 6.21387Z" fill="#8A8A8A"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 17L12.9427 14.9426C12.6926 14.6927 12.3536 14.5522 12 14.5522C11.6464 14.5522 11.3074 14.6927 11.0573 14.9426L5 21M20 15C20.5523 15 21 14.5523 21 14V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3H10C9.44772 3 9 3.44772 9 4M17 18C17.5523 18 18 17.5523 18 17V8C18 7.46957 17.7893 6.96086 17.4142 6.58579C17.0391 6.21071 16.5304 6 16 6H7C6.44772 6 6 6.44772 6 7M4.33333 9H13.6667C14.403 9 15 9.59695 15 10.3333V19.6667C15 20.403 14.403 21 13.6667 21H4.33333C3.59695 21 3 20.403 3 19.6667V10.3333C3 9.59695 3.59695 9 4.33333 9ZM8.33333 13C8.33333 13.7364 7.73638 14.3333 7 14.3333C6.26362 14.3333 5.66667 13.7364 5.66667 13C5.66667 12.2636 6.26362 11.6667 7 11.6667C7.73638 11.6667 8.33333 12.2636 8.33333 13Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

packages/design-system/src/icons/image-invert.svg

@@ -1,4 +1,3 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M24.0035 1C17.9391 1 13 5.93909 13 12.0035C13 18.068 17.9391 23 24.0035 23C30.068 23 35 18.068 35 12.0035C35 5.93909 30.068 1 24.0035 1ZM24.0035 2.83353C29.0778 2.83353 33.1665 6.92919 33.1665 12.0035C33.1665 17.0779 29.0776 21.1665 24.0035 21.1665C18.9292 21.1665 14.8335 17.0776 14.8335 12.0035C14.8335 6.92949 18.9292 2.83353 24.0035 2.83353Z" fill="#8A8A8A"/>
-<path d="M24.0012 1.91791C21.3277 1.91791 18.762 2.98021 16.871 4.87092C14.9801 6.76174 13.9168 9.32742 13.9168 12.0023C13.9168 14.6772 14.9802 17.2415 16.871 19.1325C18.7618 21.0234 21.3275 22.0867 24.0012 22.0867V1.91791Z" fill="#8A8A8A"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9999 4L11.9999 3.35L11.3499 3.35V4H11.9999ZM11.9999 20H11.3499C11.3499 20.1724 11.4184 20.3377 11.5403 20.4596C11.6622 20.5815 11.8275 20.65 11.9999 20.65L11.9999 20ZM11.9999 11.35H11.3499V12.65H11.9999V12V11.35ZM19.9999 12.65C20.3589 12.65 20.6499 12.359 20.6499 12C20.6499 11.641 20.3589 11.35 19.9999 11.35V12V12.65ZM11.9999 13.35H11.3499V14.65H11.9999V14V13.35ZM19.9999 14.65C20.3589 14.65 20.6499 14.359 20.6499 14C20.6499 13.641 20.3589 13.35 19.9999 13.35V14V14.65ZM11.9999 9.34999H11.3499V10.65H11.9999V9.99999V9.34999ZM19.9999 10.65C20.3589 10.65 20.6499 10.359 20.6499 9.99999C20.6499 9.64101 20.3589 9.34999 19.9999 9.34999V9.99999V10.65ZM11.9999 7.34999H11.3499V8.64999H11.9999V7.99999V7.34999ZM18.9999 8.64999C19.3589 8.64999 19.6499 8.35898 19.6499 7.99999C19.6499 7.64101 19.3589 7.34999 18.9999 7.34999V7.99999V8.64999ZM11.9999 15.35H11.3499V16.65H11.9999V16V15.35ZM18.9999 16.65C19.3589 16.65 19.6499 16.359 19.6499 16C19.6499 15.641 19.3589 15.35 18.9999 15.35V16V16.65ZM11.9999 17.35H11.3499V18.65H11.9999V18V17.35ZM17.4999 18.65C17.8589 18.65 18.1499 18.359 18.1499 18C18.1499 17.641 17.8589 17.35 17.4999 17.35V18V18.65ZM11.9999 5.34999H11.3499V6.64999H11.9999V5.99999V5.34999ZM17.4999 6.64999C17.8589 6.64999 18.1499 6.35898 18.1499 5.99999C18.1499 5.64101 17.8589 5.34999 17.4999 5.34999V5.99999V6.64999ZM14.4999 4.64999C14.8589 4.64999 15.1499 4.35897 15.1499 3.99999C15.1499 3.641 14.8589 3.34999 14.4999 3.34999L14.4999 3.99999L14.4999 4.64999ZM14.4999 20.65C14.8589 20.65 15.1499 20.359 15.1499 20C15.1499 19.641 14.8589 19.35 14.4999 19.35L14.4999 20L14.4999 20.65ZM11.9999 4H11.3499V20H11.9999H12.6499V4H11.9999ZM11.9999 12V12.65H19.9999V12V11.35H11.9999V12ZM11.9999 14V14.65H19.9999V14V13.35H11.9999V14ZM11.9999 9.99999V10.65H19.9999V9.99999V9.34999H11.9999V9.99999ZM11.9999 7.99999V8.64999H18.9999V7.99999V7.34999H11.9999V7.99999ZM11.9999 16V16.65H18.9999V16V15.35H11.9999V16ZM11.9999 18V18.65H17.4999V18V17.35H11.9999V18ZM11.9999 5.99999V6.64999H17.4999V5.99999V5.34999H11.9999V5.99999ZM11.9999 4L11.9999 4.65L14.4999 4.64999L14.4999 3.99999L14.4999 3.34999L11.9999 3.35L11.9999 4ZM11.9999 20L11.9999 20.65L14.4999 20.65L14.4999 20L14.4999 19.35L11.9999 19.35L11.9999 20ZM20.4852 11.9705H19.8352C19.8352 16.2978 16.3272 19.8058 11.9999 19.8058V20.4558V21.1058C17.0452 21.1058 21.1352 17.0158 21.1352 11.9705H20.4852ZM11.9999 20.4558V19.8058C7.67262 19.8058 4.16465 16.2978 4.16465 11.9705H3.51465H2.86465C2.86465 17.0158 6.95465 21.1058 11.9999 21.1058V20.4558ZM3.51465 11.9705H4.16465C4.16465 7.64323 7.67262 4.13526 11.9999 4.13526V3.48526V2.83526C6.95465 2.83526 2.86465 6.92526 2.86465 11.9705H3.51465ZM11.9999 3.48526V4.13526C16.3272 4.13526 19.8352 7.64323 19.8352 11.9705H20.4852H21.1352C21.1352 6.92526 17.0452 2.83526 11.9999 2.83526V3.48526Z" fill="#8A8A8A"/>
 </svg>

packages/design-system/src/icons/image-preview-from-latent.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 14.9999L17.914 11.9139C17.5389 11.539 17.0303 11.3284 16.5 11.3284C15.9697 11.3284 15.4611 11.539 15.086 11.9139L12.6935 14.3064M14.5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5C3.89543 3 3 3.89543 3 5V13M11 9C11 10.1046 10.1046 11 9 11C7.89543 11 7 10.1046 7 9C7 7.89543 7.89543 7 9 7C10.1046 7 11 7.89543 11 9ZM2.03125 18.6735C1.98958 18.5613 1.98958 18.4378 2.03125 18.3255C2.43708 17.3415 3.12595 16.5001 4.01054 15.9081C4.89512 15.3161 5.93558 15 7 15C8.06442 15 9.10488 15.3161 9.98946 15.9081C10.874 16.5001 11.5629 17.3415 11.9687 18.3255C12.0104 18.4378 12.0104 18.5613 11.9687 18.6735C11.5629 19.6575 10.874 20.4989 9.98946 21.0909C9.10488 21.683 8.06442 21.999 7 21.999C5.93558 21.999 4.89512 21.683 4.01054 21.0909C3.12595 20.4989 2.43708 19.6575 2.03125 18.6735ZM8.49992 18.4995C8.49992 19.3278 7.82838 19.9994 6.99999 19.9994C6.17161 19.9994 5.50007 19.3278 5.50007 18.4995C5.50007 17.6711 6.17161 16.9995 6.99999 16.9995C7.82838 16.9995 8.49992 17.6711 8.49992 18.4995Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

packages/design-system/src/icons/image-rotate.svg

@@ -1,4 +1,3 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14 1.2002C14.4418 1.2002 14.7998 1.55817 14.7998 2V8.00684C14.8958 7.83091 14.9994 7.65581 15.1113 7.48438C15.6603 6.64373 16.4355 5.78389 17.3633 5.01074C19.2091 3.47256 21.7588 2.2002 24.5 2.2002C29.8381 2.20019 35.7998 5.96117 35.7998 13.5C35.7998 13.9418 35.4418 14.2998 35 14.2998C34.5582 14.2998 34.2002 13.9418 34.2002 13.5C34.2002 7.03883 29.1619 3.7998 24.5 3.7998C22.2413 3.79981 20.0409 4.86081 18.3867 6.23926C17.5645 6.92442 16.9022 7.6688 16.4512 8.35938C16.1004 8.89656 15.9082 9.35442 15.835 9.7002H20.5C20.9418 9.7002 21.2998 10.0582 21.2998 10.5C21.2998 10.9418 20.9418 11.2998 20.5 11.2998H15C14.0059 11.2998 13.2002 10.4941 13.2002 9.5V2C13.2002 1.55817 13.5582 1.2002 14 1.2002Z" fill="#8A8A8A"/>
-<path d="M18.3446 15.6464C17.9126 15.8958 17.758 16.4565 18.0038 16.8823L21.6038 23.1177C21.8497 23.5435 22.4126 23.69 22.8446 23.4406L31.6554 18.3537C32.0874 18.1043 32.242 17.5435 31.9962 17.1177L28.3962 10.8823C28.1503 10.4565 27.5874 10.31 27.1554 10.5594L18.3446 15.6464ZM18.7303 16.3145L27.5411 11.2275C27.6095 11.188 27.6795 11.2062 27.7184 11.2736L30.2738 15.6996L27.7878 15.3394C27.6246 15.3147 27.4487 15.4064 27.3753 15.5544L26.3994 17.5653L23.2225 17.0844C23.121 17.0687 23.0133 17.095 22.9296 17.156C22.8778 17.1947 22.8358 17.2462 22.8085 17.3049L21.1425 20.7535L18.6816 16.491C18.6426 16.4236 18.6619 16.3539 18.7303 16.3145ZM24.4407 14.2052C23.8834 14.527 23.6855 15.245 24.0027 15.7943C24.3198 16.3436 25.0406 16.5312 25.5979 16.2095C26.1552 15.8877 26.3531 15.1697 26.0359 14.6204C25.7188 14.0711 24.998 13.8835 24.4407 14.2052ZM24.8264 14.8733C25.0175 14.763 25.2494 14.8234 25.3582 15.0117C25.4669 15.2 25.4032 15.4311 25.2121 15.5414C25.0211 15.6517 24.7891 15.5913 24.6804 15.403C24.5717 15.2147 24.6354 14.9836 24.8264 14.8733ZM23.3884 17.8934L26.5633 18.3707C26.7264 18.3954 26.9023 18.3037 26.9757 18.1558L27.948 16.1469L30.7679 16.5556L31.3183 17.509C31.3572 17.5764 31.338 17.6461 31.2696 17.6856L22.4588 22.7725C22.3904 22.812 22.3205 22.7938 22.2815 22.7264L21.6126 21.5677L23.3884 17.8934Z" fill="#8A8A8A"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 17L12.9427 14.9426C12.6926 14.6927 12.3536 14.5522 12 14.5522C11.6464 14.5522 11.3074 14.6927 11.0573 14.9426L5 21M23 10L21 12M21 12L19 10M21 12V8C21 5.23858 18.7614 3 16 3H13M4.33333 9H13.6667C14.403 9 15 9.59695 15 10.3333V19.6667C15 20.403 14.403 21 13.6667 21H4.33333C3.59695 21 3 20.403 3 19.6667V10.3333C3 9.59695 3.59695 9 4.33333 9ZM8.33333 13C8.33333 13.7364 7.73638 14.3333 7 14.3333C6.26362 14.3333 5.66667 13.7364 5.66667 13C5.66667 12.2636 6.26362 11.6667 7 11.6667C7.73638 11.6667 8.33333 12.2636 8.33333 13Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

packages/design-system/src/icons/image-scale.svg

@@ -1,3 +1,3 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.4316 13.4326C21.7455 13.1187 22.2535 13.1188 22.5674 13.4326C22.8813 13.7465 22.8813 14.2544 22.5674 14.5684L15.6777 21.4502H18.25C18.692 21.4502 19.0498 21.808 19.0498 22.25C19.0498 22.692 18.692 23.0498 18.25 23.0498H13.75C13.5592 23.0498 13.3754 22.9822 13.2305 22.8584L13.2295 22.8574C13.1888 22.8217 13.1504 22.7816 13.1172 22.7373V22.7363C13.0211 22.6128 12.9622 22.4629 12.9502 22.3066V17.75C12.9502 17.308 13.308 16.9502 13.75 16.9502C14.192 16.9502 14.5498 17.308 14.5498 17.75V20.3213L21.4316 13.4326ZM34.75 7.9502C34.9619 7.9502 35.1664 8.03452 35.3164 8.18457C35.4662 8.33455 35.5498 8.53829 35.5498 8.75V22.25C35.5498 22.4619 35.4665 22.6664 35.3164 22.8164C35.1664 22.9665 34.9619 23.0498 34.75 23.0498H21.25C20.8081 23.0497 20.4502 22.692 20.4502 22.25C20.4503 21.8081 20.8081 21.4503 21.25 21.4502H33.9502V8.75C33.9503 8.30811 34.3081 7.95026 34.75 7.9502ZM27.25 0.450195C27.6919 0.450195 28.0497 0.808072 28.0498 1.25C28.0498 1.692 27.692 2.0498 27.25 2.0498H14.5498V14.75C14.5498 14.9619 14.4665 15.1664 14.3164 15.3164C14.1664 15.4665 13.9619 15.5498 13.75 15.5498C13.5383 15.5498 13.3346 15.4662 13.1846 15.3164C13.0345 15.1664 12.9502 14.9619 12.9502 14.75V1.25C12.9503 0.808109 13.3081 0.450255 13.75 0.450195H27.25ZM35.5498 5.75C35.5498 6.192 35.192 6.5498 34.75 6.5498C34.3081 6.54974 33.9502 6.19196 33.9502 5.75V3.17773L27.0684 10.0674C26.9184 10.2183 26.7131 10.3047 26.5 10.3047C26.2872 10.3046 26.0825 10.2189 25.9326 10.0684C25.7817 9.91843 25.6953 9.71311 25.6953 9.5C25.6953 9.28687 25.7817 9.08159 25.9326 8.93164L32.8223 2.0498H30.25C29.808 2.0498 29.4502 1.692 29.4502 1.25C29.4502 0.808002 29.808 0.450195 30.25 0.450195H34.75C34.9408 0.450201 35.1246 0.517855 35.2695 0.641602L35.2705 0.642578C35.3109 0.678079 35.3488 0.717743 35.3818 0.761719L35.4473 0.859375C35.5053 0.961394 35.5408 1.07563 35.5498 1.19336V5.75Z" fill="#8A8A8A" stroke="#8A8A8A" stroke-width="0.1"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 3H21M21 3V8M21 3L17 7M18 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19M21 12V15M3 6V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3M9 3H12M15 17L12.9427 14.9426C12.6926 14.6927 12.3536 14.5522 12 14.5522C11.6464 14.5522 11.3074 14.6927 11.0573 14.9426L5 21M4.33333 9H13.6667C14.403 9 15 9.59695 15 10.3333V19.6667C15 20.403 14.403 21 13.6667 21H4.33333C3.59695 21 3 20.403 3 19.6667V10.3333C3 9.59695 3.59695 9 4.33333 9ZM8.33333 13C8.33333 13.7364 7.73638 14.3333 7 14.3333C6.26362 14.3333 5.66667 13.7364 5.66667 13C5.66667 12.2636 6.26362 11.6667 7 11.6667C7.73638 11.6667 8.33333 12.2636 8.33333 13Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

packages/design-system/src/icons/image_captioning.svg

@@ -1,3 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M25.5386 22.7695C25.8783 22.7697 26.1538 23.045 26.1538 23.3848C26.1537 23.7245 25.8783 23.9998 25.5386 24H15.3843C15.0445 23.9999 14.7691 23.7245 14.769 23.3848C14.769 23.0449 15.0445 22.7696 15.3843 22.7695H25.5386ZM32.6147 19.3848C32.9546 19.3848 33.231 19.6601 33.231 20C33.231 20.3399 32.9546 20.6152 32.6147 20.6152H15.3843C15.0445 20.6152 14.769 20.3398 14.769 20C14.769 19.6602 15.0445 19.3848 15.3843 19.3848H32.6147ZM32.6147 16C32.9546 16 33.2309 16.2754 33.231 16.6152C33.231 16.9551 32.9546 17.2305 32.6147 17.2305H15.3843C15.0445 17.2304 14.769 16.9551 14.769 16.6152C14.7691 16.2755 15.0445 16.0001 15.3843 16H32.6147ZM31.8257 0C32.593 0 33.2308 0.614038 33.231 1.35352V12.1846C33.231 12.9242 32.5931 13.5381 31.8257 13.5381H16.1733C15.4061 13.5379 14.769 12.9241 14.769 12.1846V1.35352C14.7692 0.614161 15.4062 0.000205504 16.1733 0H31.8257ZM15.9731 10.1719V12.1846C15.9731 12.3016 16.052 12.3778 16.1733 12.3779H31.8257C31.9472 12.3779 32.0269 12.3017 32.0269 12.1846V10.5283L28.5835 7.875L25.7427 9.76074C25.531 9.89807 25.2261 9.88528 25.0278 9.73047L21.1655 6.7207L15.9731 10.1719ZM16.1733 1.16016C16.0522 1.16032 15.9733 1.2367 15.9731 1.35352V8.75781L20.8452 5.51758C20.9267 5.4617 21.0228 5.42637 21.1216 5.41504C21.2799 5.39849 21.4439 5.44534 21.5669 5.54199L25.4292 8.55859L28.2769 6.67285C28.4885 6.53537 28.7934 6.54826 28.9917 6.70312L32.0269 9.04199V1.35352C32.0267 1.2366 31.9471 1.16016 31.8257 1.16016H16.1733ZM25.4048 2.70801C26.3946 2.70816 27.2104 3.49419 27.2104 4.44824C27.2104 5.40234 26.3947 6.1893 25.4048 6.18945C24.4148 6.18945 23.5981 5.40243 23.5981 4.44824C23.5982 3.4941 24.4148 2.70801 25.4048 2.70801ZM25.4048 3.86816C25.0654 3.86816 24.8023 4.12117 24.8022 4.44824C24.8022 4.77537 25.0654 5.02832 25.4048 5.02832C25.7441 5.02818 26.0063 4.77528 26.0063 4.44824C26.0063 4.12126 25.744 3.86831 25.4048 3.86816Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/image_color_adjust.svg

@@ -1,3 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M24.0002 10.9506C22.4541 9.6908 20.4514 9.1392 18.4787 9.42816C18.2607 8.80882 18.1488 8.15727 18.1496 7.50043V7.49945C18.1498 5.41028 19.2656 3.47869 21.0754 2.43304C22.885 1.38855 25.1153 1.38845 26.925 2.43304L27.2561 2.6391C28.8699 3.72034 29.8497 5.5406 29.8498 7.49945V7.50043C29.8506 8.15737 29.7388 8.80876 29.5207 9.42816C27.5483 9.13945 25.5462 9.69102 24.0002 10.9506ZM22.2297 13.0707C20.9335 12.6588 19.8225 11.8085 19.0862 10.6674C19.2239 10.6578 19.3618 10.6504 19.5002 10.6498C20.7921 10.6481 22.0453 11.0775 23.0656 11.8657C22.7457 12.2373 22.466 12.6415 22.2297 13.0707ZM25.7697 13.0698C25.5339 12.6414 25.254 12.2386 24.9348 11.8676C25.954 11.079 27.2077 10.6501 28.4992 10.6508C28.6376 10.6514 28.7756 10.6578 28.9133 10.6674C28.1769 11.8085 27.066 12.6579 25.7697 13.0698ZM19.0969 22.3315C17.6196 22.2291 16.2357 21.5709 15.2248 20.4887C14.2139 19.4065 13.6505 17.9801 13.6496 16.4995C13.6507 15.2383 14.0599 14.0112 14.8156 13.0014C15.5468 12.0225 16.566 11.2995 17.7287 10.9301C18.5931 12.5003 20.0112 13.6917 21.7072 14.2719C21.3242 15.4366 21.2474 16.6814 21.4856 17.8852C21.7241 19.0859 22.2682 20.2045 23.0627 21.1332C21.9324 22.0019 20.5223 22.4303 19.0969 22.3315ZM29.6819 22.2426C28.0119 22.5816 26.28 22.1738 24.9367 21.1332C25.7315 20.2044 26.2763 19.0853 26.5149 17.8842C26.753 16.6805 26.6752 15.4365 26.2922 14.2719C27.988 13.692 29.405 12.5008 30.2697 10.9311C31.9037 11.4445 33.2334 12.6462 33.9035 14.226C34.5881 15.843 34.5115 17.682 33.6926 19.2348C32.8746 20.7878 31.402 21.8925 29.6819 22.2426ZM24.4133 13.3334C24.1376 13.3528 23.8609 13.3529 23.5852 13.3334C23.7115 13.1369 23.8508 12.9495 24.0002 12.77C24.1494 12.9492 24.2871 13.1372 24.4133 13.3334ZM24.0002 20.228C23.3622 19.4615 22.9284 18.5463 22.7453 17.5639C22.559 16.5634 22.6407 15.5335 22.9748 14.5746C23.6529 14.6745 24.3414 14.6744 25.0188 14.5746C25.3546 15.5336 25.4377 16.5632 25.2522 17.5629C25.07 18.5453 24.6372 19.4615 24.0002 20.228ZM35.6506 16.3696H35.6467C35.6172 14.8949 35.1354 13.4636 34.2619 12.2729C33.3925 11.087 32.1799 10.2008 30.7903 9.72797C31.027 9.00974 31.1505 8.25806 31.1496 7.50043C31.1506 5.39267 30.2222 3.3924 28.6115 2.03265C27.0017 0.673924 24.873 0.0954168 22.7961 0.449646C20.7192 0.803888 18.9039 2.05694 17.8362 3.8725C16.793 5.64585 16.5674 7.77997 17.2082 9.72894C15.2317 10.3959 13.6402 11.8926 12.8586 13.8334C12.0592 15.8203 12.1936 18.0622 13.2238 19.9409C14.2542 21.8195 16.0735 23.1361 18.1789 23.5297C20.2439 23.9157 22.3716 23.3717 23.9992 22.0502C25.3822 23.1703 27.134 23.737 28.9133 23.6332C30.7347 23.5279 32.446 22.73 33.6985 21.4047C34.9499 20.0786 35.6486 18.3245 35.6506 16.5004V16.3696Z" fill="#8A8A8A" stroke="#8A8A8A" stroke-width="0.3"/>
-</svg>

packages/design-system/src/icons/image_compositor.svg

@@ -1,3 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.1625 8.91744L23.6625 14.1674C23.8744 14.2743 24.1256 14.2743 24.3375 14.1674L34.8375 8.91744C35.0878 8.789 35.2453 8.53119 35.2453 8.24996C35.2453 7.96872 35.0878 7.71089 34.8375 7.58247L24.3375 2.33247C24.1256 2.22559 23.8744 2.22559 23.6625 2.33247L13.1625 7.58247C12.9122 7.71091 12.7547 7.96872 12.7547 8.24996C12.7547 8.53119 12.9122 8.78902 13.1625 8.91744ZM23.9999 3.84L32.82 8.25L23.9999 12.66L15.1799 8.25L23.9999 3.84ZM35.1674 11.6626C35.353 12.031 35.2049 12.4801 34.8374 12.6676L24.3374 17.9176C24.1255 18.0244 23.8743 18.0244 23.6624 17.9176L13.1624 12.6676C12.8258 12.4651 12.7021 12.0366 12.8802 11.6869C13.0574 11.3363 13.4746 11.1816 13.8374 11.3326L23.9999 16.41L34.1625 11.3326C34.531 11.1469 34.9799 11.2951 35.1674 11.6626ZM35.1674 15.4126C35.353 15.781 35.2049 16.2301 34.8374 16.4176L24.3374 21.6676C24.1255 21.7744 23.8743 21.7744 23.6624 21.6676L13.1624 16.4176C12.8258 16.2151 12.7021 15.7866 12.8802 15.4369C13.0574 15.0863 13.4746 14.9316 13.8374 15.0826L23.9999 20.16L34.1625 15.0826C34.531 14.8969 34.9799 15.0451 35.1674 15.4126Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/image_depth.svg

@@ -1,15 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1683_13310)">
-<rect x="12.9001" y="0.400061" width="22.7" height="22.7" rx="7.35" fill="#1C1C24" stroke="#8A8A8A" stroke-width="1.3"/>
-<circle cx="24.35" cy="11.35" r="7.35" fill="url(#paint0_radial_1683_13310)"/>
-</g>
-<defs>
-<radialGradient id="paint0_radial_1683_13310" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25.25 11.65) rotate(-139.289) scale(8.50911)">
-<stop offset="0.00961538" stop-color="white"/>
-<stop offset="1" stop-color="#686868"/>
-</radialGradient>
-<clipPath id="clip0_1683_13310">
-<rect width="48" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

packages/design-system/src/icons/image_iterator.svg

@@ -1,3 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M30.5488 2.5C32.0541 2.50024 33.2763 3.71416 33.2763 5.20898V13.1113L35.0712 11.3291C35.2839 11.1179 35.628 11.1179 35.8407 11.3291C36.0531 11.5403 36.0533 11.8816 35.8407 12.0928H35.8447L33.1171 14.8008C33.0681 14.8494 33.0069 14.8936 32.9365 14.9199C32.8713 14.9472 32.8007 14.9638 32.7294 14.9639C32.659 14.9638 32.5868 14.9473 32.5214 14.9199C32.456 14.8925 32.3959 14.8545 32.3417 14.8008L29.9999 12.4766V15.5996C29.9999 16.0913 29.5856 16.5 29.0868 16.5H18.913C18.4142 16.5 17.9999 16.0913 17.9999 15.5996V13.3271C17.8586 13.3266 17.723 13.279 17.6142 13.1709L15.8193 11.3887V19.291C15.8194 20.1845 16.5562 20.9158 17.456 20.916H30.5478C31.4476 20.9159 32.1834 20.1845 32.1835 19.291V18.208C32.1835 17.9111 32.4287 17.6671 32.7275 17.666C33.0265 17.6667 33.2714 17.9109 33.2714 18.208V19.291C33.2713 20.7857 32.0492 21.9998 30.5439 22H17.4511C15.946 21.9996 14.7237 20.7856 14.7236 19.291V11.3887L12.9286 13.1709C12.7159 13.3818 12.3717 13.382 12.1591 13.1709C11.9469 12.9598 11.9469 12.6184 12.1591 12.4072L14.8876 9.69922C14.9417 9.64553 15.0021 9.60748 15.0673 9.58008C15.1981 9.5263 15.3505 9.52641 15.4814 9.58008C15.5519 9.60647 15.613 9.6505 15.662 9.69922L17.9999 12.0195V8.40039C17.9999 7.90871 18.4142 7.5 18.913 7.5H29.0868C29.5856 7.5 29.9999 7.90871 29.9999 8.40039V11.1709C30.1386 11.1713 30.2768 11.2239 30.3827 11.3291L32.1777 13.1113V5.20898C32.1777 4.31525 31.441 3.58398 30.5409 3.58398H17.455C16.5553 3.58438 15.8193 4.31549 15.8193 5.20898V6.29199C15.8191 6.58944 15.573 6.83398 15.2734 6.83398C14.9741 6.83359 14.7286 6.5892 14.7284 6.29199V5.20898C14.7284 3.71427 15.9508 2.50043 17.456 2.5H30.5488ZM18.7822 14.2617V15.5996C18.7822 15.6775 18.834 15.7285 18.913 15.7285H29.0868C29.1658 15.7285 29.2177 15.6775 29.2177 15.5996V14.499L26.9794 12.7354L25.1327 13.9893C24.9953 14.0803 24.7976 14.0714 24.6689 13.9688L22.1572 11.9678L18.7822 14.2617ZM18.913 8.27148C18.834 8.27148 18.7822 8.32254 18.7822 8.40039V13.3223L21.9491 11.168C22.0021 11.1308 22.0647 11.1072 22.1288 11.0996C22.2317 11.0886 22.3379 11.1204 22.4179 11.1846L24.9296 13.1895L26.7802 11.9355C26.9177 11.8444 27.1153 11.8533 27.2441 11.9561L29.2177 13.5107V8.40039C29.2177 8.32254 29.1658 8.27148 29.0868 8.27148H18.913ZM24.913 9.2998C25.5565 9.29981 26.0868 9.82277 26.0868 10.457C26.0868 11.0913 25.5565 11.6143 24.913 11.6143C24.2695 11.6143 23.7392 11.0914 23.7392 10.457C23.7392 9.82276 24.2695 9.2998 24.913 9.2998ZM24.913 10.0713C24.6924 10.0713 24.5215 10.2396 24.5214 10.457C24.5214 10.6745 24.6924 10.8428 24.913 10.8428C25.1336 10.8428 25.3046 10.6745 25.3046 10.457C25.3046 10.2396 25.1336 10.0713 24.913 10.0713Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/image_normalmap.svg

@@ -1,21 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="12" width="24" height="24" rx="8" fill="url(#paint0_linear_1814_3711)"/>
-<circle cx="24.35" cy="12.35" r="7.35" fill="url(#paint1_radial_1814_3711)"/>
-<circle cx="24.35" cy="12.35" r="7.35" fill="url(#paint2_radial_1814_3711)"/>
-<defs>
-<linearGradient id="paint0_linear_1814_3711" x1="24" y1="0" x2="24" y2="24" gradientUnits="userSpaceOnUse">
-<stop stop-color="#D18EFF"/>
-<stop offset="1" stop-color="#5C91FD"/>
-</linearGradient>
-<radialGradient id="paint1_radial_1814_3711" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.35 12.35) rotate(90) scale(7.35)">
-<stop stop-color="#2BECFF"/>
-<stop offset="0.37" stop-color="#F03CFF"/>
-<stop offset="0.72" stop-color="#133AFF"/>
-<stop offset="1" stop-color="#34F0FF"/>
-</radialGradient>
-<radialGradient id="paint2_radial_1814_3711" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.35 12.35) rotate(90) scale(7.35)">
-<stop stop-color="#8998FF"/>
-<stop offset="1" stop-color="#8998FF" stop-opacity="0"/>
-</radialGradient>
-</defs>
-</svg>

packages/design-system/src/icons/image_pose.svg

@@ -1,10 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1683_13339)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M21.8111 0.763488C22.0544 0.680752 22.3219 0.694326 22.5572 0.804504L24.2105 1.57892L25.3502 0.86798L25.4605 0.80841C25.7263 0.685595 26.0353 0.68534 26.3043 0.81134L28.3394 1.76446C28.7393 1.95203 28.9116 2.42892 28.7242 2.82892C28.5366 3.22887 28.0597 3.40119 27.6597 3.21368L25.9205 2.39825L24.7994 3.09943V5.68927H28.8726C29.2124 5.68941 29.5256 5.86158 29.7086 6.14044L29.7789 6.26642L31.7134 10.4129C31.7319 10.4525 31.7482 10.4934 31.7613 10.535L31.7925 10.6629L32.7877 16.3514C32.8637 16.7865 32.5724 17.201 32.1373 17.2772C31.7022 17.3531 31.2876 17.0619 31.2115 16.6268L30.23 11.0174L28.4898 7.28888H24.7994V12.4891C24.7994 12.5583 24.7895 12.6252 24.773 12.6893H25.5162C25.8633 12.6893 26.1818 12.8688 26.3629 13.157L26.4312 13.2869L28.2476 17.4227C28.2921 17.5239 28.3195 17.6318 28.3287 17.742L28.7964 23.4236C28.8326 23.8639 28.5053 24.2497 28.065 24.2859C27.6248 24.322 27.239 23.9947 27.2027 23.5545L26.7418 17.9734L25.1236 14.2889H23.2964L21.2535 18.0096L20.7964 23.5545C20.7602 23.9948 20.3744 24.3221 19.9341 24.2859C19.494 24.2496 19.1666 23.8638 19.2027 23.4236L19.6695 17.7518L19.6832 17.6473C19.7027 17.5443 19.7389 17.4446 19.7896 17.3524L22.065 13.2078L22.1382 13.0936C22.3251 12.8415 22.622 12.6895 22.941 12.6893H23.2261C23.2096 12.6253 23.1998 12.5582 23.1998 12.4891V7.28888H19.9586L17.7593 11.0584L16.7857 16.1629C16.7029 16.5969 16.2832 16.8815 15.8492 16.7986C15.4156 16.7156 15.1308 16.2968 15.2134 15.8631L16.2076 10.658L16.2535 10.4949C16.2733 10.4422 16.2973 10.3905 16.3257 10.3416L18.7505 6.18536C18.9297 5.87821 19.2592 5.68933 19.6148 5.68927H23.1998V2.87189L22.1324 2.37189L20.3394 3.21368C19.9394 3.40112 19.4625 3.22884 19.275 2.82892C19.0876 2.42898 19.2599 1.95204 19.6597 1.76446L21.7086 0.804504L21.8111 0.763488Z" fill="#8A8A8A"/>
-</g>
-<defs>
-<clipPath id="clip0_1683_13339">
-<rect width="48" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

packages/design-system/src/icons/image_shader.svg

@@ -1,5 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M31.5 5.25659V2.25659C31.5 1.01534 30.4913 0.0065918 29.25 0.0065918H15.75C14.5087 0.0065918 13.5 1.01534 13.5 2.25659V5.25659C13.5 6.49785 14.5087 7.50659 15.75 7.50659H29.25C30.4913 7.50659 31.5 6.49785 31.5 5.25659Z" fill="#8A8A8A"/>
-<path d="M21.75 15.0066C20.5087 15.0066 19.5 16.0153 19.5 17.2566V21.7434C19.5 22.9846 20.5087 23.9934 21.75 23.9934C22.9913 23.9934 24 22.9846 24 21.7434V17.2566C24 16.0153 22.9913 15.0066 21.75 15.0066Z" fill="#8A8A8A"/>
-<path d="M33 3.51276V9.0066C33 9.42004 32.6634 9.7566 32.25 9.7566H23.25C22.0087 9.7566 21 10.7653 21 12.0066V13.5825C21.2419 13.5328 21.4931 13.5066 21.75 13.5066C22.0069 13.5066 22.2581 13.5328 22.5 13.5825V12.0066C22.5 11.5931 22.8366 11.2566 23.25 11.2566H32.25C33.4913 11.2566 34.5 10.2479 34.5 9.0066V5.63172C34.5 4.65484 33.8719 3.82212 33 3.51276Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/image_to_image.svg

@@ -1,4 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6309 5C17.379 5.00009 18 5.59922 18 6.32031V16.8799C18 17.601 17.379 18.2001 16.6309 18.2002H1.36914C0.621115 18.2 0 17.6009 0 16.8799V6.32031C0 5.59931 0.621115 5.00024 1.36914 5H16.6309ZM46.6309 5C47.379 5.00009 48 5.59922 48 6.32031V16.8799C48 17.601 47.379 18.2001 46.6309 18.2002H31.3691C30.6211 18.2 30 17.6009 30 16.8799V6.32031C30 5.59931 30.6211 5.00024 31.3691 5H46.6309ZM1.17383 14.918V16.8799C1.17383 16.9939 1.25087 17.0682 1.36914 17.0684H16.6309C16.7492 17.0682 16.8262 16.994 16.8262 16.8799V15.2656L13.4697 12.6787L10.7002 14.5166C10.4938 14.6507 10.1963 14.6383 10.0029 14.4873L6.23633 11.5527L1.17383 14.918ZM31.1738 14.918V16.8799C31.1738 16.9939 31.2509 17.0682 31.3691 17.0684H46.6309C46.7492 17.0682 46.8262 16.994 46.8262 16.8799V15.2656L43.4697 12.6787L40.7002 14.5166C40.4938 14.6507 40.1963 14.6383 40.0029 14.4873L36.2363 11.5527L31.1738 14.918ZM1.36914 6.13184C1.25093 6.13202 1.17383 6.20628 1.17383 6.32031V13.5391L5.9248 10.3799C6.00415 10.3255 6.09727 10.2913 6.19336 10.2803C6.34772 10.2641 6.50795 10.3091 6.62793 10.4033L10.3945 13.3447L13.1699 11.5059C13.3763 11.3718 13.6738 11.3841 13.8672 11.5352L16.8262 13.8154V6.32031C16.8262 6.20619 16.7492 6.13191 16.6309 6.13184H1.36914ZM31.3691 6.13184C31.2509 6.13202 31.1738 6.20628 31.1738 6.32031V13.5391L35.9248 10.3799C36.0042 10.3255 36.0973 10.2913 36.1934 10.2803C36.3477 10.2641 36.5079 10.3091 36.6279 10.4033L40.3945 13.3447L43.1699 11.5059C43.3763 11.3718 43.6738 11.3841 43.8672 11.5352L46.8262 13.8154V6.32031C46.8262 6.20619 46.7492 6.13191 46.6309 6.13184H31.3691ZM10.3701 7.63965C11.3351 7.63986 12.1307 8.40682 12.1309 9.33691C12.1309 10.2671 11.3352 11.034 10.3701 11.0342C9.40483 11.0342 8.6084 10.2673 8.6084 9.33691C8.60857 8.4067 9.40493 7.63965 10.3701 7.63965ZM40.3701 7.63965C41.3351 7.63986 42.1307 8.40682 42.1309 9.33691C42.1309 10.2671 41.3352 11.034 40.3701 11.0342C39.4048 11.0342 38.6084 10.2673 38.6084 9.33691C38.6086 8.4067 39.4049 7.63965 40.3701 7.63965ZM10.3701 8.77148C10.0393 8.77148 9.78336 9.0181 9.7832 9.33691C9.7832 9.65587 10.0392 9.90332 10.3701 9.90332C10.7009 9.90312 10.957 9.65574 10.957 9.33691C10.9569 9.01823 10.7008 8.77168 10.3701 8.77148ZM40.3701 8.77148C40.0393 8.77148 39.7834 9.0181 39.7832 9.33691C39.7832 9.65587 40.0392 9.90332 40.3701 9.90332C40.7009 9.90312 40.957 9.65574 40.957 9.33691C40.9569 9.01823 40.7008 8.77168 40.3701 8.77148Z" fill="#8A8A8A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M29.0246 11.7207C29.2588 11.9549 29.2586 12.335 29.0246 12.5693L26.4797 15.1152C26.2455 15.3494 25.8654 15.3492 25.6311 15.1152C25.3968 14.8809 25.3968 14.5009 25.6311 14.2666L27.1477 12.75L19.5998 12.75C19.2686 12.7497 19.0002 12.4806 19.0002 12.1494C19.0004 11.8183 19.2688 11.55 19.5998 11.5498L27.1574 11.5498L25.6311 10.0234C25.3968 9.78908 25.3968 9.40907 25.6311 9.17477C25.8654 8.94115 26.2456 8.94071 26.4797 9.17477L29.0246 11.7207Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/image_to_layers.svg

@@ -1,6 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.6309 5C17.379 5.00009 18 5.59922 18 6.32031V16.8799C18 17.601 17.379 18.2001 16.6309 18.2002H1.36914C0.621115 18.2 0 17.6009 0 16.8799V6.32031C0 5.59931 0.621115 5.00024 1.36914 5H16.6309ZM1.17383 14.918V16.8799C1.17383 16.9939 1.25087 17.0682 1.36914 17.0684H16.6309C16.7492 17.0682 16.8262 16.994 16.8262 16.8799V15.2656L13.4697 12.6787L10.7002 14.5166C10.4938 14.6507 10.1963 14.6383 10.0029 14.4873L6.23633 11.5527L1.17383 14.918ZM1.36914 6.13184C1.25093 6.13202 1.17383 6.20628 1.17383 6.32031V13.5391L5.9248 10.3799C6.00415 10.3255 6.09728 10.2913 6.19336 10.2803C6.34771 10.2641 6.50795 10.3091 6.62793 10.4033L10.3945 13.3447L13.1699 11.5059C13.3763 11.3718 13.6738 11.3841 13.8672 11.5352L16.8262 13.8154V6.32031C16.8262 6.20619 16.7492 6.13191 16.6309 6.13184H1.36914ZM10.3701 7.63965C11.3351 7.63986 12.1307 8.40684 12.1309 9.33691C12.1309 10.2671 11.3352 11.034 10.3701 11.0342C9.40483 11.0342 8.6084 10.2673 8.6084 9.33691C8.60859 8.40671 9.40495 7.63965 10.3701 7.63965ZM10.3701 8.77148C10.0393 8.77148 9.78338 9.01812 9.7832 9.33691C9.7832 9.65587 10.0392 9.90332 10.3701 9.90332C10.7009 9.90312 10.957 9.65574 10.957 9.33691C10.9569 9.01825 10.7007 8.77168 10.3701 8.77148Z" fill="#8A8A8A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M29.0243 11.7215C29.2585 11.9558 29.2585 12.3359 29.0243 12.5701L26.4794 15.116C26.2452 15.3502 25.8651 15.3499 25.6307 15.116C25.3964 14.8817 25.3964 14.5017 25.6307 14.2674L27.1483 12.7498L19.6005 12.7498C19.2691 12.7498 18.9999 12.4816 18.9999 12.1502C18.9999 11.8188 19.2691 11.5506 19.6005 11.5506L27.1571 11.5506L25.6307 10.0242C25.3964 9.78992 25.3964 9.40992 25.6307 9.17561C25.8651 8.94155 26.2451 8.94138 26.4794 9.17561L29.0243 11.7215Z" fill="#8A8A8A"/>
-<path d="M47.1523 16.3271C47.1523 16.5005 47.0912 16.6844 46.9463 16.8242C46.8031 16.9622 46.6216 17.0156 46.457 17.0156H31.1953C30.9111 17.0155 30.6187 16.8504 30.5264 16.5225C30.5141 16.479 30.508 16.4338 30.5078 16.3887L30.5 14.3672C30.4993 14.1991 30.5836 14.0413 30.7236 13.9482L35.7861 10.584L35.8555 10.5449C36.0228 10.4687 36.2216 10.4898 36.3701 10.6055L40.1367 13.54L40.1611 13.5518C40.1808 13.5572 40.2058 13.5585 40.2266 13.5547L40.2539 13.5449L43.0195 11.709L43.0889 11.6709C43.2553 11.5951 43.4523 11.6153 43.6006 11.7295L46.958 14.3164C47.0807 14.4111 47.1523 14.5579 47.1523 14.7129V16.3271Z" stroke="#8A8A8A" stroke-linejoin="round"/>
-<path d="M31.7607 6C32.726 6 33.5215 6.76692 33.5215 7.69727C33.5214 8.62757 32.726 9.39453 31.7607 9.39453C30.7956 9.39445 30.0001 8.62752 30 7.69727C30 6.76697 30.7955 6.00008 31.7607 6ZM31.7607 7.13184C31.4299 7.13191 31.1738 7.37836 31.1738 7.69727C31.1739 8.01607 31.43 8.26262 31.7607 8.2627C32.0916 8.2627 32.3476 8.01613 32.3477 7.69727C32.3477 7.37831 32.0917 7.13184 31.7607 7.13184Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/image_to_video.svg

@@ -1,4 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M43.6982 4.98535C45.7927 4.98543 47.5049 6.70216 47.5049 8.83496V14.3652C47.5049 16.498 45.7927 18.2148 43.6982 18.2148H34.3018C32.2075 18.2146 30.4951 16.4979 30.4951 14.3652V8.83496C30.4951 6.70225 32.2075 4.98558 34.3018 4.98535H43.6982ZM16.6309 5C17.379 5.00009 18 5.59922 18 6.32031V16.8799C18 17.601 17.379 18.2001 16.6309 18.2002H1.36914C0.621115 18.2 0 17.6009 0 16.8799V6.32031C0 5.59931 0.621115 5.00024 1.36914 5H16.6309ZM1.17383 14.918V16.8799C1.17383 16.9939 1.25087 17.0682 1.36914 17.0684H16.6309C16.7492 17.0682 16.8262 16.994 16.8262 16.8799V15.2656L13.4697 12.6787L10.7002 14.5166C10.4938 14.6507 10.1963 14.6383 10.0029 14.4873L6.23633 11.5527L1.17383 14.918ZM34.3018 6.36328C32.9265 6.3635 31.8447 7.4664 31.8447 8.83496V14.3652C31.8447 15.7338 32.9265 16.8367 34.3018 16.8369H43.6982C45.0737 16.8368 46.1553 15.7339 46.1553 14.3652V8.83496C46.1553 7.46631 45.0737 6.36336 43.6982 6.36328H34.3018ZM37.0547 8.11426C37.1701 8.11799 37.284 8.15521 37.3818 8.2207L41.6885 10.9863C41.9146 11.1274 41.998 11.3888 41.998 11.6006C41.9979 11.8124 41.9137 12.0729 41.6875 12.2139L37.3818 14.9795C37.1763 15.117 36.9084 15.1194 36.7012 14.9873L36.7002 14.9863C36.4956 14.8537 36.3735 14.6055 36.3799 14.3574V8.83496C36.3751 8.48315 36.642 8.13414 37.0039 8.11523L37.0547 8.11426ZM1.36914 6.13184C1.25093 6.13202 1.17383 6.20628 1.17383 6.32031V13.5391L5.9248 10.3799C6.00415 10.3255 6.09727 10.2913 6.19336 10.2803C6.34772 10.2641 6.50795 10.3091 6.62793 10.4033L10.3945 13.3447L13.1699 11.5059C13.3763 11.3718 13.6738 11.3841 13.8672 11.5352L16.8262 13.8154V6.32031C16.8262 6.20619 16.7492 6.13191 16.6309 6.13184H1.36914ZM37.6992 13.1104L40.0576 11.5996L37.6992 10.085V13.1104ZM41.6152 11.8984L41.6455 11.8564C41.6546 11.8419 41.6627 11.8264 41.6699 11.8105C41.6553 11.8424 41.6371 11.8725 41.6152 11.8984ZM10.3701 7.63965C11.3351 7.63986 12.1307 8.40682 12.1309 9.33691C12.1309 10.2671 11.3352 11.034 10.3701 11.0342C9.40483 11.0342 8.6084 10.2673 8.6084 9.33691C8.60857 8.4067 9.40493 7.63965 10.3701 7.63965ZM10.3701 8.77148C10.0393 8.77148 9.78336 9.0181 9.7832 9.33691C9.7832 9.65587 10.0392 9.90332 10.3701 9.90332C10.7009 9.90312 10.957 9.65574 10.957 9.33691C10.9569 9.01823 10.7008 8.77168 10.3701 8.77148Z" fill="#8A8A8A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M29.0245 11.721C29.2587 11.9553 29.2588 12.3354 29.0245 12.5696L26.4796 15.1155C26.2454 15.3497 25.8653 15.3494 25.631 15.1155C25.3967 14.8812 25.3967 14.5012 25.631 14.2669L27.1485 12.7493L19.6007 12.7493C19.2693 12.7493 19.0001 12.4811 19.0001 12.1497C19.0001 11.8184 19.2693 11.5501 19.6007 11.5501L27.1573 11.5501L25.631 10.0238C25.3966 9.78943 25.3966 9.40944 25.631 9.17512C25.8653 8.94106 26.2454 8.94089 26.4796 9.17512L29.0245 11.721Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/inpaint_image.svg

@@ -1,4 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M33.6737 13.2531L39.0537 7.87977C39.2291 7.69873 39.4387 7.5544 39.6704 7.45517C39.9021 7.35595 40.1512 7.30382 40.4033 7.30182C40.6553 7.29982 40.9052 7.34798 41.1385 7.44351C41.3717 7.53904 41.5836 7.68003 41.7619 7.85825C41.9401 8.03648 42.0811 8.24839 42.1766 8.48164C42.2721 8.71488 42.3203 8.96481 42.3183 9.21685C42.3163 9.46889 42.2642 9.71802 42.1649 9.94972C42.0657 10.1814 41.9214 10.3911 41.7403 10.5664L36.367 15.9531M32.347 15.2798C31.2403 15.2798 30.347 16.1798 30.347 17.2931C30.347 18.1798 28.6803 18.3065 29.0137 18.6398C29.7337 19.3731 30.6737 19.9865 31.6803 19.9865C33.147 19.9865 34.347 18.7865 34.347 17.2931C34.3479 17.0296 34.2968 16.7685 34.1968 16.5247C34.0968 16.2809 33.9497 16.0592 33.764 15.8722C33.5783 15.6853 33.3575 15.5367 33.1144 15.4351C32.8713 15.3334 32.6105 15.2807 32.347 15.2798Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M30.1738 3C31.1714 3 31.9998 3.79837 32 4.75977V11.1914L30.4355 12.5156V4.75977C30.4354 4.6077 30.3317 4.50879 30.1738 4.50879H9.82617C9.6683 4.50879 9.56554 4.60767 9.56543 4.75977V14.3848L15.8994 10.1738C16.0053 10.1012 16.1295 10.0548 16.2578 10.04C16.4637 10.0184 16.6769 10.0794 16.8369 10.2051L21.8584 14.126L25.5596 11.6748C25.8347 11.4961 26.2314 11.5125 26.4893 11.7139L29.0508 13.6875L27.8545 14.6992L26.5107 13.6631L27.4463 15.2842L27.0977 17.1406L25.1533 13.7725L23.6758 14.7529L26.1816 19.0918H26.7324L26.4502 20.6006H9.82617C8.82854 20.6006 8 19.8014 8 18.8398V4.75977C8.00017 3.79837 8.82864 3 9.82617 3H30.1738ZM9.56543 18.8398C9.56543 18.9921 9.66822 19.0918 9.82617 19.0918H11.0283L9.56543 16.5576V18.8398ZM10.4521 15.6338L12.4492 19.0918H14.4922L11.9287 14.6523L10.4521 15.6338ZM12.9551 13.9697L15.9131 19.0918H17.9561L14.4316 12.9883L12.9551 13.9697ZM15.459 12.3057L19.3779 19.0918H21.4209L17.877 12.9541L20.459 14.9668L22.8408 19.0918H24.7598L22.6484 15.4355L22.2666 15.6895C21.9915 15.8682 21.5947 15.8517 21.3369 15.6504L16.3154 11.7373L15.459 12.3057ZM21.8262 6.52051C23.1132 6.52051 24.1738 7.54274 24.1738 8.7832C24.1737 10.0236 23.1131 11.0459 21.8262 11.0459C20.5393 11.0458 19.4786 10.0235 19.4785 8.7832C19.4785 7.54278 20.5392 6.52057 21.8262 6.52051ZM21.8262 8.02832C21.385 8.02838 21.0439 8.35797 21.0439 8.7832C21.0441 9.20833 21.3851 9.53705 21.8262 9.53711C22.2673 9.53711 22.6093 9.20837 22.6094 8.7832C22.6094 8.35793 22.2674 8.02832 21.8262 8.02832Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/inpaint_video.svg

@@ -1,4 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M31.6737 13.2531L37.0537 7.87977C37.2291 7.69873 37.4387 7.5544 37.6704 7.45517C37.9021 7.35595 38.1512 7.30382 38.4033 7.30182C38.6553 7.29982 38.9052 7.34798 39.1385 7.44351C39.3717 7.53904 39.5836 7.68003 39.7619 7.85825C39.9401 8.03648 40.0811 8.24839 40.1766 8.48164C40.2721 8.71488 40.3203 8.96481 40.3183 9.21685C40.3163 9.46889 40.2642 9.71802 40.1649 9.94972C40.0657 10.1814 39.9214 10.3911 39.7403 10.5664L34.367 15.9531M30.347 15.2798C29.2403 15.2798 28.347 16.1798 28.347 17.2931C28.347 18.1798 26.6803 18.3065 27.0137 18.6398C27.7337 19.3731 28.6737 19.9865 29.6803 19.9865C31.147 19.9865 32.347 18.7865 32.347 17.2931C32.3479 17.0296 32.2968 16.7685 32.1968 16.5247C32.0968 16.2809 31.9497 16.0592 31.764 15.8722C31.5783 15.6853 31.3575 15.5367 31.1144 15.4351C30.8713 15.3334 30.6105 15.2807 30.347 15.2798Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M24.6289 0C27.5839 0.000217454 29.9999 2.46547 30 5.52832V11.5L28.0957 13.4043V5.52832C28.0956 3.56289 26.5694 1.9797 24.6289 1.97949H11.3711C9.4306 1.9797 7.90438 3.56289 7.9043 5.52832V13.4717C7.90437 15.4371 9.4306 17.0203 11.3711 17.0205H24.5V19H11.3711C8.41613 18.9998 6.00008 16.5345 6 13.4717V5.52832C6.00008 2.46547 8.41613 0.000217456 11.3711 0H24.6289ZM15.2559 4.49414C15.4185 4.49956 15.578 4.55256 15.7158 4.64648L21.793 8.61816C22.1122 8.82076 22.2295 9.19571 22.2295 9.5C22.2295 9.80434 22.1113 10.1792 21.792 10.3818L15.7168 14.3535C15.4268 14.5509 15.0492 14.5538 14.7568 14.3643L14.7539 14.3623C14.4655 14.1718 14.2938 13.8161 14.3027 13.46V5.52832C14.296 5.02308 14.6729 4.52218 15.1836 4.49512L15.2559 4.49414ZM16.1641 11.668L19.4922 9.49902L16.1641 7.32422V11.668Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/layer-mask-mask-preview.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.07572 3C8.28083 10.9427 13.8455 15.7083 21 14.914" stroke="#8A8A8A" stroke-width="1.3"/>
+<path d="M9.75 8.25L15 3" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round"/>
+<path d="M12 12L18.75 5.25" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="square"/>
+<path d="M15.75 14.25L21 9" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round"/>
+<path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

packages/design-system/src/icons/layers_to_image.svg

@@ -1,6 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M46.6309 5C47.379 5.00009 48 5.59922 48 6.32031V16.8799C48 17.601 47.379 18.2001 46.6309 18.2002H31.3691C30.6211 18.2 30 17.6009 30 16.8799V6.32031C30 5.59931 30.6211 5.00024 31.3691 5H46.6309ZM31.1738 14.918V16.8799C31.1738 16.9939 31.2509 17.0682 31.3691 17.0684H46.6309C46.7492 17.0682 46.8262 16.994 46.8262 16.8799V15.2656L43.4697 12.6787L40.7002 14.5166C40.4938 14.6507 40.1963 14.6383 40.0029 14.4873L36.2363 11.5527L31.1738 14.918ZM31.3691 6.13184C31.2509 6.13202 31.1738 6.20628 31.1738 6.32031V13.5391L35.9248 10.3799C36.0042 10.3255 36.0973 10.2913 36.1934 10.2803C36.3477 10.2641 36.5079 10.3091 36.6279 10.4033L40.3945 13.3447L43.1699 11.5059C43.3763 11.3718 43.6738 11.3841 43.8672 11.5352L46.8262 13.8154V6.32031C46.8262 6.20619 46.7492 6.13191 46.6309 6.13184H31.3691ZM40.3701 7.63965C41.3351 7.63986 42.1307 8.40682 42.1309 9.33691C42.1309 10.2671 41.3352 11.034 40.3701 11.0342C39.4048 11.0342 38.6084 10.2673 38.6084 9.33691C38.6086 8.4067 39.4049 7.63965 40.3701 7.63965ZM40.3701 8.77148C40.0393 8.77148 39.7834 9.0181 39.7832 9.33691C39.7832 9.65587 40.0392 9.90332 40.3701 9.90332C40.7009 9.90312 40.957 9.65574 40.957 9.33691C40.9569 9.01823 40.7008 8.77168 40.3701 8.77148Z" fill="#8A8A8A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M28.0243 11.7215C28.2585 11.9557 28.2585 12.3358 28.0243 12.5701L25.4794 15.116C25.2452 15.3501 24.8651 15.3499 24.6308 15.116C24.3965 14.8817 24.3965 14.5017 24.6308 14.2674L26.1483 12.7498L18.6005 12.7498C18.2691 12.7498 17.9999 12.4815 17.9999 12.1502C17.9999 11.8188 18.2691 11.5506 18.6005 11.5506L26.1571 11.5506L24.6308 10.0242C24.3964 9.78987 24.3964 9.40987 24.6308 9.17555C24.8651 8.9416 25.2452 8.94136 25.4794 9.17555L28.0243 11.7215Z" fill="#8A8A8A"/>
-<path d="M17.1523 16.3271C17.1523 16.5005 17.0912 16.6844 16.9463 16.8242C16.8031 16.9622 16.6216 17.0156 16.457 17.0156H1.19531C0.911144 17.0155 0.618719 16.8504 0.526367 16.5225C0.514126 16.479 0.507988 16.4338 0.507812 16.3887L0.5 14.3672C0.499346 14.1991 0.583623 14.0413 0.723633 13.9482L5.78613 10.584L5.85547 10.5449C6.02284 10.4687 6.22164 10.4898 6.37012 10.6055L10.1367 13.54L10.1611 13.5518C10.1808 13.5572 10.2058 13.5585 10.2266 13.5547L10.2539 13.5449L13.0195 11.709L13.0889 11.6709C13.2553 11.5951 13.4523 11.6153 13.6006 11.7295L16.958 14.3164C17.0807 14.4111 17.1523 14.5579 17.1523 14.7129V16.3271Z" stroke="#8A8A8A" stroke-linejoin="round"/>
-<path d="M1.76074 6C2.72603 6 3.52148 6.76692 3.52148 7.69727C3.52143 8.62757 2.72599 9.39453 1.76074 9.39453C0.795561 9.39445 5.54527e-05 8.62752 0 7.69727C0 6.76697 0.795528 6.00008 1.76074 6ZM1.76074 7.13184C1.42989 7.13191 1.17383 7.37836 1.17383 7.69727C1.17393 8.01607 1.42996 8.26262 1.76074 8.2627C2.09161 8.2627 2.34755 8.01613 2.34766 7.69727C2.34766 7.37831 2.09167 7.13184 1.76074 7.13184Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/load-3-d.svg

@@ -1,3 +1,3 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M23.9551 11.569C24.0223 11.5639 24.0902 11.5717 24.1543 11.5905L24.2178 11.6129L29.5977 13.9469L29.667 13.984C29.821 14.0797 29.9185 14.2476 29.918 14.4313V21.1432C29.9163 21.351 29.7897 21.5385 29.5977 21.6217L24.2178 23.9557C24.0964 24.0081 23.9599 24.0154 23.835 23.9762L23.7822 23.9557L18.4023 21.6207C18.2107 21.537 18.0837 21.3512 18.082 21.1432V14.4313C18.0814 14.2213 18.2084 14.0314 18.4023 13.9469L23.7822 11.6129L23.8662 11.5836C23.8952 11.5763 23.925 11.5714 23.9551 11.569ZM24.1113 23.8951C24.1199 23.893 24.1292 23.8929 24.1377 23.8903L24.1816 23.8737C24.1589 23.8834 24.135 23.8892 24.1113 23.8951ZM19.1582 20.7965L23.4619 22.6657V17.1061L19.1582 15.2379V20.7965ZM24.5381 17.1061V22.6657L28.8418 20.7965V15.2379L24.5381 17.1061ZM19.9473 14.4303L24 16.1891L28.0527 14.4303L24 12.6686L19.9473 14.4303ZM23.7217 0.174444C23.8965 -0.000257044 24.1535 -0.043465 24.3691 0.043585C24.441 0.0726834 24.5091 0.116253 24.5674 0.174444L27.1035 2.71058C27.3368 2.94397 27.3367 3.32286 27.1035 3.55628C26.8701 3.78915 26.4911 3.78945 26.2578 3.55628L24.7471 2.04554V9.56409C24.7467 9.89377 24.4791 10.1615 24.1494 10.1617C23.8197 10.1615 23.5512 9.89373 23.5508 9.56409V2.03675L22.0312 3.55628C21.7978 3.78915 21.4188 3.78945 21.1855 3.55628C20.9528 3.32298 20.9528 2.9439 21.1855 2.71058L23.7217 0.174444Z" fill="#8A8A8A"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 21.7299L4 17.7299C3.69626 17.5545 3.44398 17.3024 3.26846 16.9987C3.09294 16.6951 3.00036 16.3506 3 15.9999V7.9999C3.00036 7.64918 3.09294 7.30471 3.26846 7.00106C3.44398 6.69742 3.69626 6.44526 4 6.2699L11 2.2699C11.304 2.09437 11.6489 2.00195 12 2.00195C12.3511 2.00195 12.696 2.09437 13 2.2699L20 6.2699C20.3037 6.44526 20.556 6.69742 20.7315 7.00106C20.9071 7.30471 20.9996 7.64918 21 7.9999V15M3.30005 7L12 12M12 12L20.7001 7M12 12V16.5M14 19.5L17 16.5M17 16.5V22M17 16.5L20 19.5" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

packages/design-system/src/icons/load-audio.svg

@@ -1,4 +1,3 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M28.8809 12C29.3076 12 29.6533 12.2991 29.6533 12.667V23.333C29.6533 23.7016 29.3077 24 28.8809 24C28.4549 23.9999 28.1094 23.7015 28.1094 23.333V12.667C28.1094 12.2985 28.4548 12.0001 28.8809 12ZM22.5352 12.4297C22.9619 12.4297 23.3076 12.7288 23.3076 13.0967V22.9033C23.3076 23.2712 22.9612 23.5693 22.5352 23.5693C22.1091 23.5693 21.7627 23.2713 21.7627 22.9033V13.0967C21.7627 12.7281 22.1091 12.4297 22.5352 12.4297ZM25.708 14.3652C26.1348 14.3652 26.4805 14.6643 26.4805 15.0322V20.9678C26.4802 21.3355 26.1347 21.6338 25.708 21.6338C25.2823 21.6336 24.9368 21.3354 24.9365 20.9678V15.0322C24.9365 14.6638 25.2821 14.3654 25.708 14.3652ZM16.1885 14.7959C16.6153 14.7959 16.9609 15.095 16.9609 15.4629V20.5371C16.9609 20.9057 16.6145 21.2041 16.1885 21.2041C15.7617 21.204 15.417 20.9056 15.417 20.5371V15.4629C15.417 15.0944 15.7625 14.796 16.1885 14.7959ZM32.0547 14.7959C32.4813 14.7961 32.8262 15.0951 32.8262 15.4629V20.5371C32.8262 20.9055 32.4813 21.2039 32.0547 21.2041C31.6286 21.2041 31.2832 20.9057 31.2832 20.5371V15.4629C31.2832 15.0943 31.6286 14.7959 32.0547 14.7959ZM12.7725 15.6553C13.1992 15.6553 13.5449 15.9543 13.5449 16.3223V19.6768C13.5447 20.0451 13.1984 20.3428 12.7725 20.3428C12.3458 20.3428 12.0003 20.0451 12 19.6768V16.3223C12 15.9537 12.3457 15.6553 12.7725 15.6553ZM19.3623 15.6553C19.7889 15.6555 20.1338 15.9545 20.1338 16.3223V19.6768C20.1336 20.045 19.7881 20.3426 19.3623 20.3428C18.9356 20.3428 18.59 20.0452 18.5898 19.6768V16.3223C18.5898 15.9537 18.9355 15.6553 19.3623 15.6553ZM35.2285 15.6553C35.6552 15.6554 36 15.9544 36 16.3223V19.6768C35.9997 20.045 35.6543 20.3427 35.2285 20.3428C34.8019 20.3428 34.4563 20.0451 34.4561 19.6768V16.3223C34.4561 15.9537 34.8017 15.6553 35.2285 15.6553Z" fill="#8A8A8A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24.2595 0.0109778C24.3727 0.0328866 24.4813 0.0875782 24.5691 0.17504L27.115 2.72094C27.3493 2.95522 27.3492 3.33525 27.115 3.56957C26.8807 3.80389 26.5007 3.80389 26.2664 3.56957L24.7498 2.05297V9.59984C24.7498 9.93112 24.4814 10.2003 24.1501 10.2004C23.8188 10.2004 23.5496 9.93122 23.5496 9.59984V2.04223L22.0232 3.56957C21.7889 3.80363 21.4098 3.80362 21.1755 3.56957C20.9416 3.33522 20.9414 2.95512 21.1755 2.72094L23.7205 0.17504C23.8081 0.0874084 23.9169 0.0330238 24.03 0.0109778C24.1056 -0.00371393 24.1839 -0.00360448 24.2595 0.0109778Z" fill="#8A8A8A"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 10V13M6 6V17M10 3V21M14 8V14.5M18 5V12.5M22 10V13M14 19.5L17 16.5M17 16.5V22M17 16.5L20 19.5" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

packages/design-system/src/icons/load-image.svg

@@ -1,3 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M31.6309 10.8003C32.379 10.8004 33 11.3996 33 12.1207V22.6802C33 23.4013 32.379 24.0004 31.6309 24.0005H16.3691C15.6211 24.0003 15 23.4012 15 22.6802V12.1207C15 11.3996 15.6211 10.8006 16.3691 10.8003H31.6309ZM16.1738 20.7183V22.6802C16.1738 22.7943 16.2509 22.8686 16.3691 22.8687H31.6309C31.7492 22.8686 31.8262 22.7943 31.8262 22.6802V21.066L28.4697 18.479L25.7002 20.3169C25.4938 20.451 25.1963 20.4386 25.0029 20.2876L21.2363 17.3531L16.1738 20.7183ZM16.3691 11.9312C16.2509 11.9314 16.1738 12.0066 16.1738 12.1207V19.3394L20.9248 16.1802C21.0042 16.1259 21.0973 16.0917 21.1934 16.0806C21.3477 16.0644 21.5079 16.1094 21.6279 16.2037L25.3945 19.1451L28.1699 17.3062C28.3763 17.1721 28.6738 17.1845 28.8672 17.3355L31.8262 19.6158V12.1207C31.8262 12.0065 31.7492 11.9313 31.6309 11.9312H16.3691ZM25.3701 13.44C26.3352 13.4402 27.1308 14.2071 27.1309 15.1373C27.1309 16.0675 26.3352 16.8343 25.3701 16.8345C24.4048 16.8345 23.6084 16.0676 23.6084 15.1373C23.6085 14.207 24.4049 13.44 25.3701 13.44ZM25.3701 14.5718C25.0393 14.5718 24.7833 14.8184 24.7832 15.1373C24.7832 15.4562 25.0392 15.7027 25.3701 15.7027C25.7009 15.7025 25.957 15.4561 25.957 15.1373C25.9569 14.8185 25.7008 14.572 25.3701 14.5718ZM24.1104 0.0112754C24.2235 0.0332536 24.3322 0.0877981 24.4199 0.175338L26.9658 2.72124C27.1999 2.95549 27.1998 3.33559 26.9658 3.56987C26.7316 3.80407 26.3515 3.80398 26.1172 3.56987L24.6006 2.05327V9.60014C24.6006 9.93138 24.3312 10.1996 24 10.1998C23.6688 10.1995 23.4004 9.93135 23.4004 9.60014V2.04253L21.874 3.56987C21.6398 3.80381 21.2606 3.80371 21.0264 3.56987C20.7922 3.33556 20.7921 2.95552 21.0264 2.72124L23.5713 0.175338C23.659 0.0877596 23.7677 0.0332911 23.8809 0.0112754C23.9565 -0.00336574 24.0348 -0.00333736 24.1104 0.0112754Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/load-video.svg

@@ -1,3 +1,3 @@
-<svg width="48" height="25" viewBox="0 0 48 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M28.4741 11.649C30.4688 11.649 32.1001 13.2838 32.1001 15.315V20.5826C32.1001 22.6138 30.4688 24.2486 28.4741 24.2486H19.5259C17.5312 24.2486 15.8999 22.6138 15.8999 20.5826V15.315C15.8999 13.2837 17.5312 11.649 19.5259 11.649H28.4741ZM19.5259 12.9615C18.2159 12.9615 17.1861 14.0115 17.186 15.315V20.5826C17.1861 21.8861 18.2159 22.9361 19.5259 22.9361H28.4741C29.7841 22.9361 30.8139 21.8861 30.814 20.5826V15.315C30.8139 14.0115 29.7841 12.9615 28.4741 12.9615H19.5259ZM22.147 14.6294C22.2569 14.633 22.3654 14.6677 22.4585 14.73L26.5601 17.3638C26.7756 17.4982 26.855 17.747 26.855 17.9488C26.855 18.1506 26.7746 18.3994 26.5591 18.5337L22.4585 21.1675C22.2628 21.2984 22.0083 21.3 21.811 21.1744L21.8091 21.1734C21.6142 21.0471 21.4983 20.811 21.5044 20.5748V15.315C21.4998 14.9799 21.7544 14.6474 22.0991 14.6294H22.147ZM22.7612 19.3873L25.0073 17.9478L22.7612 16.5054V19.3873ZM26.4907 18.233L26.519 18.1929C26.5277 18.179 26.5355 18.1642 26.5425 18.149C26.5286 18.1794 26.5116 18.2082 26.4907 18.233ZM23.312 0.174364C23.4869 -2.2942e-05 23.744 -0.043522 23.9595 0.0435047C24.0313 0.072586 24.0994 0.116224 24.1577 0.174364L26.6938 2.7105C26.927 2.94375 26.9267 3.32274 26.6938 3.5562C26.4604 3.78907 26.0814 3.78937 25.8481 3.5562L24.3374 2.04546V9.56401C24.337 9.89367 24.0694 10.1614 23.7397 10.1617C23.41 10.1615 23.1415 9.89373 23.1411 9.56401V2.03667L21.6216 3.5562C21.3881 3.78907 21.0091 3.78937 20.7759 3.5562C20.5432 3.32289 20.5432 2.94378 20.7759 2.7105L23.312 0.174364Z" fill="#8A8A8A"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V15M14 19.5L17 16.5M17 16.5V22M17 16.5L20 19.5M9 8L15 12L9 16V8Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

packages/design-system/src/icons/lora-loader-model-only.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.41 20H4C3.46957 20 2.96086 19.7893 2.58579 19.4142C2.21071 19.0391 2 18.5304 2 18V5C2 4.46957 2.21071 3.96086 2.58579 3.58579C2.96086 3.21071 3.46957 3 4 3H7.93C8.26111 3.00005 8.58702 3.08231 8.8785 3.2394C9.16997 3.39648 9.41789 3.62347 9.6 3.9L10.41 5.1C10.594 5.37938 10.8451 5.60815 11.1403 5.76538C11.4355 5.92261 11.7655 6.00328 12.1 6H20C20.5304 6 21.0391 6.21071 21.4142 6.58579C21.7893 6.96086 22 7.46957 22 8V15M14 19.5L17 16.5M17 16.5V22M17 16.5L20 19.5" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

packages/design-system/src/icons/lora-loader.svg

@@ -1,5 +1,3 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M25.12 4.65979C26.0073 3.75304 27.4985 3.73975 28.3787 4.65979L31.3397 7.62073H31.3387C32.2523 8.49397 32.253 10.0028 31.3182 10.8785L31.3192 10.8795L23.62 18.5797L22.5096 19.6891V7.27112L22.7 7.08069L25.12 4.65979Z" stroke="#8A8A8A" stroke-width="1.3"/>
-<path d="M32.3396 13.8499C33.6177 13.8499 34.65 14.8804 34.6501 16.1594V20.3401C34.6501 21.6199 33.618 22.6506 32.3396 22.6506H20.3503L21.4597 21.5403L29.1501 13.8499H32.3396Z" stroke="#8A8A8A" stroke-width="1.3"/>
-<path d="M17.7604 17.2496C17.1991 17.2496 16.7498 17.6986 16.7497 18.2594C16.7497 18.8208 17.1995 19.2701 17.7604 19.2701C18.3065 19.2699 18.7702 18.8157 18.7702 18.2594C18.7701 17.6982 18.3211 17.2499 17.7604 17.2496ZM22.1706 18.2399C22.1706 20.6987 20.2192 22.6498 17.7604 22.65C15.2992 22.65 13.3493 20.677 13.3493 18.2399V3.65979C13.3494 2.38005 14.3815 1.34933 15.6598 1.34924H19.8405C21.1222 1.34934 22.1421 2.38132 22.1706 3.64514V18.2399Z" stroke="#8A8A8A" stroke-width="1.3"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.41 20H4C3.46957 20 2.96086 19.7893 2.58579 19.4142C2.21071 19.0391 2 18.5304 2 18V5C2 4.46957 2.21071 3.96086 2.58579 3.58579C2.96086 3.21071 3.46957 3 4 3H7.93C8.26111 3.00005 8.58702 3.08231 8.8785 3.2394C9.16997 3.39648 9.41789 3.62347 9.6 3.9L10.41 5.1C10.594 5.37938 10.8451 5.60815 11.1403 5.76538C11.4355 5.92261 11.7655 6.00328 12.1 6H20C20.5304 6 21.0391 6.21071 21.4142 6.58579C21.7893 6.96086 22 7.46957 22 8V15M14 19.5L17 16.5M17 16.5V22M17 16.5L20 19.5" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

packages/design-system/src/icons/mask-preview.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.72252 3.06471C9.75827 2.70751 9.49768 2.38896 9.14048 2.35322C8.78328 2.31747 8.46473 2.57806 8.42898 2.93526L9.07575 2.99998L9.72252 3.06471ZM21.0718 15.56C21.4285 15.5204 21.6857 15.1991 21.6461 14.8423C21.6065 14.4855 21.2851 14.2284 20.9283 14.268L21 14.914L21.0718 15.56ZM9.29041 7.79037C9.03657 8.04421 9.03657 8.45576 9.29041 8.7096C9.54425 8.96344 9.95581 8.96344 10.2097 8.7096L9.75003 8.24998L9.29041 7.79037ZM15.4597 3.4596C15.7135 3.20576 15.7135 2.79421 15.4597 2.54037C15.2058 2.28652 14.7943 2.28652 14.5404 2.54037L15 2.99998L15.4597 3.4596ZM11.5404 11.5404L11.0808 12L12 12.9192L12.4597 12.4596L12 12L11.5404 11.5404ZM19.2097 5.7096C19.4635 5.45576 19.4635 5.04421 19.2097 4.79037C18.9558 4.53652 18.5443 4.53652 18.2904 4.79037L18.75 5.24998L19.2097 5.7096ZM15.2904 13.7904C15.0366 14.0442 15.0366 14.4558 15.2904 14.7096C15.5443 14.9634 15.9558 14.9634 16.2097 14.7096L15.75 14.25L15.2904 13.7904ZM21.4597 9.4596C21.7135 9.20576 21.7135 8.79421 21.4597 8.54037C21.2058 8.28652 20.7943 8.28652 20.5404 8.54037L21 8.99998L21.4597 9.4596ZM1.35 12C1.35 12.359 1.64101 12.65 2 12.65C2.35899 12.65 2.65 12.359 2.65 12H2H1.35ZM15.7398 20.5723C15.4108 20.716 15.2606 21.0992 15.4044 21.4282C15.5481 21.7571 15.9313 21.9073 16.2602 21.7635L16 21.1679L15.7398 20.5723ZM2.03128 18.6735L1.42191 18.8997C1.4246 18.9069 1.42743 18.9142 1.43038 18.9213L2.03128 18.6735ZM2.03128 18.3255L1.43038 18.0777C1.42743 18.0848 1.4246 18.0921 1.42191 18.0993L2.03128 18.3255ZM11.9688 18.3255L12.5782 18.0993C12.5755 18.0921 12.5726 18.0848 12.5697 18.0777L11.9688 18.3255ZM11.9688 18.6735L12.5697 18.9213C12.5726 18.9142 12.5755 18.9069 12.5782 18.8997L11.9688 18.6735ZM9.07575 2.99998L8.42898 2.93526C8.01458 7.07604 9.25668 10.461 11.6083 12.7037C13.9543 14.9412 17.3344 15.9749 21.0718 15.56L21 14.914L20.9283 14.268C17.5111 14.6473 14.5317 13.6954 12.5055 11.763C10.4848 9.83582 9.34203 6.8666 9.72252 3.06471L9.07575 2.99998ZM9.75003 8.24998L10.2097 8.7096L15.4597 3.4596L15 2.99998L14.5404 2.54037L9.29041 7.79037L9.75003 8.24998ZM12 12L12.4597 12.4596L19.2097 5.7096L18.75 5.24998L18.2904 4.79037L11.5404 11.5404L12 12ZM15.75 14.25L16.2097 14.7096L21.4597 9.4596L21 8.99998L20.5404 8.54037L15.2904 13.7904L15.75 14.25ZM2 12H2.65C2.65 6.83614 6.83614 2.65 12 2.65V2V1.35C6.11817 1.35 1.35 6.11817 1.35 12H2ZM12 2V2.65C17.1639 2.65 21.35 6.83614 21.35 12H22H22.65C22.65 6.11817 17.8818 1.35 12 1.35V2ZM22 12H21.35C21.35 15.8331 19.0434 19.1289 15.7398 20.5723L16 21.1679L16.2602 21.7635C20.0203 20.1207 22.65 16.3682 22.65 12H22ZM2.03128 18.6735L2.64065 18.4473C2.65316 18.481 2.65316 18.518 2.64065 18.5517L2.03128 18.3255L1.42191 18.0993C1.32607 18.3575 1.32607 18.6415 1.42191 18.8997L2.03128 18.6735ZM2.03128 18.3255L2.63218 18.5733C2.98893 17.7083 3.5945 16.9687 4.3721 16.4483L4.01057 15.9081L3.64903 15.3679C2.65747 16.0315 1.88529 16.9747 1.43038 18.0777L2.03128 18.3255ZM4.01057 15.9081L4.3721 16.4483C5.14971 15.9278 6.06433 15.65 7.00003 15.65V15V14.35C5.80688 14.35 4.64059 14.7043 3.64903 15.3679L4.01057 15.9081ZM7.00003 15V15.65C7.93573 15.65 8.85035 15.9278 9.62796 16.4483L9.98949 15.9081L10.351 15.3679C9.35947 14.7043 8.19318 14.35 7.00003 14.35V15ZM9.98949 15.9081L9.62796 16.4483C10.4056 16.9687 11.0111 17.7083 11.3679 18.5733L11.9688 18.3255L12.5697 18.0777C12.1148 16.9747 11.3426 16.0315 10.351 15.3679L9.98949 15.9081ZM11.9688 18.3255L11.3594 18.5517C11.3469 18.518 11.3469 18.481 11.3594 18.4473L11.9688 18.6735L12.5782 18.8997C12.674 18.6415 12.674 18.3575 12.5782 18.0993L11.9688 18.3255ZM11.9688 18.6735L11.3679 18.4257C11.0111 19.2907 10.4056 20.0303 9.62796 20.5507L9.98949 21.0909L10.351 21.6311C11.3426 20.9675 12.1148 20.0243 12.5697 18.9213L11.9688 18.6735ZM9.98949 21.0909L9.62796 20.5507C8.85035 21.0712 7.93573 21.349 7.00003 21.349V21.999V22.649C8.19318 22.649 9.35947 22.2947 10.351 21.6311L9.98949 21.0909ZM7.00003 21.999V21.349C6.06433 21.349 5.14971 21.0712 4.3721 20.5507L4.01057 21.0909L3.64903 21.6311C4.64059 22.2947 5.80688 22.649 7.00003 22.649V21.999ZM4.01057 21.0909L4.3721 20.5507C3.5945 20.0303 2.98893 19.2907 2.63218 18.4257L2.03128 18.6735L1.43038 18.9213C1.88529 20.0243 2.65747 20.9675 3.64903 21.6311L4.01057 21.0909ZM8.49995 18.4994H7.84995C7.84995 18.9688 7.46942 19.3494 7.00002 19.3494V19.9994V20.6494C8.18739 20.6494 9.14995 19.6868 9.14995 18.4994H8.49995ZM7.00002 19.9994V19.3494C6.53062 19.3494 6.1501 18.9688 6.1501 18.4994H5.5001H4.8501C4.8501 19.6868 5.81265 20.6494 7.00002 20.6494V19.9994ZM5.5001 18.4994H6.1501C6.1501 18.03 6.53062 17.6495 7.00002 17.6495V16.9995V16.3495C5.81265 16.3495 4.8501 17.3121 4.8501 18.4994H5.5001ZM7.00002 16.9995V17.6495C7.46942 17.6495 7.84995 18.03 7.84995 18.4994H8.49995H9.14995C9.14995 17.3121 8.18739 16.3495 7.00002 16.3495V16.9995Z" fill="#8A8A8A"/>
+</svg>

packages/design-system/src/icons/music_generation.svg

@@ -1,6 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M24.9961 8.39551C25.2763 8.39551 25.5009 8.62089 25.501 8.90039H25.499L25.498 18.3691C25.498 18.3961 25.4947 18.421 25.4912 18.4473C25.4912 18.486 25.498 18.527 25.498 18.5713C25.498 19.8522 24.239 20.8953 22.6924 20.8955C21.1456 20.8955 19.8887 19.8523 19.8887 18.5713C19.8887 17.2881 21.1456 16.2432 22.6924 16.2432C23.3759 16.2432 23.9991 16.4451 24.4883 16.7812V11.875H17.6094V20.3799C17.6094 20.4276 17.6007 20.4743 17.5869 20.5186C17.4219 21.67 16.238 22.5693 14.8027 22.5693C13.2562 22.5692 12.0002 21.5258 12 20.2422C12 18.9577 13.256 17.9142 14.8027 17.9141C15.4866 17.9141 16.1103 18.1158 16.5996 18.4521V8.90039C16.5997 8.62032 16.8252 8.39573 17.1045 8.39551H24.9961Z" fill="#8A8A8A"/>
-<path d="M27.5083 1.79395V7.01134M30.0083 4.40264H25.0083" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M33.5084 7.59473V10.3773M34.8417 8.98603H32.175" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M29.3084 12.9834V15.766M30.6417 14.3747H27.975" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

packages/design-system/src/icons/open-ai-chat-node.svg

@@ -1,3 +1,3 @@
-<svg width="48" height="25" viewBox="0 0 48 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M24.6685 8.66309C25.1372 8.66309 25.5171 9.03766 25.5171 9.5V11.7314C25.5169 12.1936 25.1371 12.5684 24.6685 12.5684C24.2 12.5682 23.821 12.1935 23.8208 11.7314V10.3359H19.8608V22.0518H21.8403C22.309 22.0518 22.6889 22.4264 22.689 22.8887C22.689 23.351 22.3091 23.7256 21.8403 23.7256H16.1851C15.7163 23.7256 15.3364 23.351 15.3364 22.8887C15.3365 22.4264 15.7163 22.0518 16.1851 22.0518H18.1646V10.3359H14.2056V11.7314C14.2054 12.1935 13.8254 12.5682 13.3569 12.5684C12.8883 12.5684 12.5085 12.1936 12.5083 11.7314V9.5C12.5083 9.03766 12.8882 8.66309 13.3569 8.66309H24.6685ZM29.3081 13.1895C29.6669 13.1895 29.9583 13.481 29.9585 13.8398V14.5811H30.6421C31.0008 14.5813 31.2913 14.8728 31.2915 15.2314C31.2913 15.5902 31.0008 15.8806 30.6421 15.8809H29.9585V16.6221C29.9585 16.981 29.6671 17.2724 29.3081 17.2725C28.9493 17.2723 28.6587 16.9809 28.6587 16.6221V15.8809H27.9751C27.6162 15.8809 27.3249 15.5903 27.3247 15.2314C27.3249 14.8726 27.6162 14.5811 27.9751 14.5811H28.6587V13.8398C28.6589 13.4811 28.9494 13.1896 29.3081 13.1895ZM33.5083 7.80078C33.8672 7.80092 34.1587 8.09227 34.1587 8.45117V9.19238H34.8423C35.201 9.19269 35.4917 9.48398 35.4917 9.84277C35.4915 10.2014 35.2009 10.4919 34.8423 10.4922H34.1587V11.2334C34.1587 11.5923 33.8671 11.8837 33.5083 11.8838C33.1495 11.8836 32.8589 11.5922 32.8589 11.2334V10.4922H32.1753C31.8164 10.4922 31.5251 10.2016 31.5249 9.84277C31.5249 9.48379 31.8163 9.19238 32.1753 9.19238H32.8589V8.45117C32.8589 8.0923 33.1495 7.80096 33.5083 7.80078ZM27.5083 0C27.8673 5.15104e-07 28.1587 0.291406 28.1587 0.650391V2.60938H30.0083C30.3672 2.60938 30.6585 2.89994 30.6587 3.25879C30.6586 3.61772 30.3672 3.90918 30.0083 3.90918H28.1587V5.86816C28.1584 6.22692 27.8671 6.51758 27.5083 6.51758C27.1495 6.51755 26.8582 6.2269 26.8579 5.86816V3.90918H25.0083C24.6494 3.90915 24.358 3.6177 24.3579 3.25879C24.3581 2.89996 24.6494 2.6094 25.0083 2.60938H26.8579V0.650391C26.8579 0.291423 27.1493 2.78729e-05 27.5083 0Z" fill="#8A8A8A"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.3333 11.0335H3M15 15.0335H3M11.0667 18.9667H3M17.7169 10.6415L18.8234 8.05975C18.8689 7.95355 18.9535 7.86892 19.0597 7.8234L21.6415 6.71693C22.0051 6.56108 22.0051 6.04555 21.6415 5.8897L19.0597 4.78323C18.9535 4.73772 18.8689 4.65309 18.8234 4.54688L17.7169 1.96512C17.5611 1.60147 17.0455 1.60147 16.8897 1.96512L15.7832 4.54688C15.7377 4.65309 15.6531 4.73772 15.5469 4.78323L12.9651 5.8897C12.6015 6.04555 12.6015 6.56108 12.9651 6.71693L15.5469 7.8234C15.6531 7.86892 15.7377 7.95355 15.7832 8.05975L16.8897 10.6415C17.0455 11.0052 17.5611 11.0052 17.7169 10.6415Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round"/>
 </svg>

packages/design-system/src/icons/outpaint_image.svg

@@ -1,5 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M28.1738 3C29.1714 3 29.9998 3.79837 30 4.75977V18.8398C30 19.8014 29.1715 20.6006 28.1738 20.6006H7.82617C6.82854 20.6006 6 19.8014 6 18.8398V4.75977C6.00017 3.79837 6.82864 3 7.82617 3H28.1738ZM7.56543 16.2236V18.8398C7.56543 18.9921 7.66822 19.0918 7.82617 19.0918H28.1738C28.3318 19.0918 28.4346 18.9921 28.4346 18.8398V16.6875L23.959 13.2383L20.2666 15.6895C19.9915 15.8682 19.5947 15.8517 19.3369 15.6504L14.3154 11.7373L7.56543 16.2236ZM7.82617 4.50879C7.6683 4.50879 7.56554 4.60767 7.56543 4.75977V14.3848L13.8994 10.1738C14.0053 10.1012 14.1295 10.0548 14.2578 10.04C14.4637 10.0184 14.6769 10.0794 14.8369 10.2051L19.8584 14.126L23.5596 11.6748C23.8347 11.4961 24.2314 11.5125 24.4893 11.7139L28.4355 14.7549V4.75977C28.4354 4.6077 28.3317 4.50879 28.1738 4.50879H7.82617ZM19.8262 6.52051C21.1132 6.52051 22.1738 7.54274 22.1738 8.7832C22.1737 10.0236 21.1131 11.0459 19.8262 11.0459C18.5393 11.0458 17.4786 10.0235 17.4785 8.7832C17.4785 7.54278 18.5392 6.52057 19.8262 6.52051ZM19.8262 8.02832C19.385 8.02838 19.0439 8.35797 19.0439 8.7832C19.0441 9.20833 19.3851 9.53705 19.8262 9.53711C20.2673 9.53711 20.6093 9.20837 20.6094 8.7832C20.6094 8.35793 20.2674 8.02832 19.8262 8.02832Z" fill="#8A8A8A"/>
-<path d="M40.4717 3C40.4717 3.35895 40.7622 3.65033 41.1211 3.65039H42.5C42.6444 3.65039 42.7823 3.67273 42.9111 3.71387C43.2179 3.81186 43.5419 3.66872 43.6846 3.3916C43.846 3.51071 43.9882 3.65309 44.1074 3.81445C43.8306 3.95724 43.6882 4.28222 43.7861 4.58887C43.8273 4.71771 43.8496 4.85556 43.8496 5V6.33984C43.8499 6.69862 44.1412 6.98926 44.5 6.98926V9.81055C44.141 9.81055 43.8496 10.102 43.8496 10.4609V13.1396C43.8497 13.4985 44.1411 13.7891 44.5 13.7891V16.6104C44.141 16.6104 43.8496 16.9018 43.8496 17.2607V18.5996C43.8496 18.7441 43.8273 18.8828 43.7861 19.0117C43.6884 19.3182 43.8308 19.6424 44.1074 19.7852C43.9882 19.9466 43.846 20.0889 43.6846 20.208C43.5617 19.9696 43.3052 19.8307 43.04 19.8594L42.9111 19.8867C42.7823 19.9278 42.6444 19.9502 42.5 19.9502H41.1211C40.7623 19.9503 40.4719 20.2408 40.4717 20.5996H37.5283C37.5281 20.2408 37.2377 19.9503 36.8789 19.9502H34.1211C33.7623 19.9503 33.4719 20.2408 33.4717 20.5996H30.5283C30.5281 20.2408 30.2377 19.9503 29.8789 19.9502H29.1504V19.4443C29.1503 19.0854 28.8589 18.7949 28.5 18.7949V16.5391C28.8142 16.5391 29.0762 16.3159 29.1367 16.0195L29.1504 15.8887V13.5781C29.1504 13.2191 28.859 12.9277 28.5 12.9277V10.6719C28.8141 10.6719 29.0761 10.4495 29.1367 10.1533L29.1504 10.0225V7.71094C29.1503 7.35203 28.8589 7.06152 28.5 7.06152V4.80566C28.8142 4.80566 29.0763 4.58252 29.1367 4.28613L29.1504 4.15527V3.65039H29.8789C30.2378 3.65033 30.5283 3.35895 30.5283 3H33.4717C33.4717 3.35895 33.7622 3.65033 34.1211 3.65039H36.8789C37.2378 3.65033 37.5283 3.35895 37.5283 3H40.4717Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-dasharray="2.6 4"/>
-<path d="M30 16.5L35.7727 13.2806C36.0841 13.1069 36.4645 13.1122 36.771 13.2945L43 17" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="2.6 2.6"/>
-</svg>

packages/design-system/src/icons/painter.svg

@@ -1,3 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.5 11.8L30.1304 1.80247C30.4457 1.48849 30.8226 1.23816 31.2392 1.06607C31.6558 0.893979 32.1037 0.803564 32.5568 0.800092C33.01 0.796619 33.4593 0.880159 33.8787 1.04584C34.298 1.21153 34.679 1.45605 34.9995 1.76516C35.3199 2.07427 35.5734 2.4418 35.7451 2.84634C35.9169 3.25088 36.0035 3.68434 35.9999 4.12147C35.9963 4.55861 35.9026 4.99069 35.7242 5.39254C35.5458 5.7944 35.2863 6.15799 34.9608 6.46216L24 16.796M19.5369 11.8C17.0673 11.8 15.0738 13.9034 15.0738 16.5054C15.0738 18.5776 11.3545 18.8736 12.0984 19.6527C13.7051 21.3666 15.8027 22.8 18.0492 22.8C21.3221 22.8 24 19.9955 24 16.5054C24.0019 15.8895 23.888 15.2792 23.6648 14.7095C23.4416 14.1397 23.1134 13.6215 22.6989 13.1846C22.2845 12.7477 21.7919 12.4005 21.2494 12.1629C20.7068 11.9254 20.1249 11.802 19.5369 11.8Z" stroke="#8A8A8A" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

packages/design-system/src/icons/pose_to_image.svg

@@ -1,5 +0,0 @@
-<svg width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M46.6309 5C47.379 5.00009 48 5.59922 48 6.32031V16.8799C48 17.601 47.379 18.2001 46.6309 18.2002H31.3691C30.6211 18.2 30 17.6009 30 16.8799V6.32031C30 5.59931 30.6211 5.00024 31.3691 5H46.6309ZM31.1738 14.918V16.8799C31.1738 16.9939 31.2509 17.0682 31.3691 17.0684H46.6309C46.7492 17.0682 46.8262 16.994 46.8262 16.8799V15.2656L43.4697 12.6787L40.7002 14.5166C40.4938 14.6507 40.1963 14.6383 40.0029 14.4873L36.2363 11.5527L31.1738 14.918ZM31.3691 6.13184C31.2509 6.13202 31.1738 6.20628 31.1738 6.32031V13.5391L35.9248 10.3799C36.0042 10.3255 36.0973 10.2913 36.1934 10.2803C36.3477 10.2641 36.5079 10.3091 36.6279 10.4033L40.3945 13.3447L43.1699 11.5059C43.3763 11.3718 43.6738 11.3841 43.8672 11.5352L46.8262 13.8154V6.32031C46.8262 6.20619 46.7492 6.13191 46.6309 6.13184H31.3691ZM40.3701 7.63965C41.3351 7.63986 42.1307 8.40682 42.1309 9.33691C42.1309 10.2671 41.3352 11.034 40.3701 11.0342C39.4048 11.0342 38.6084 10.2673 38.6084 9.33691C38.6086 8.4067 39.4049 7.63965 40.3701 7.63965ZM40.3701 8.77148C40.0393 8.77148 39.7834 9.0181 39.7832 9.33691C39.7832 9.65587 40.0392 9.90332 40.3701 9.90332C40.7009 9.90312 40.957 9.65574 40.957 9.33691C40.9569 9.01823 40.7008 8.77168 40.3701 8.77148Z" fill="#8A8A8A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M26.0245 11.7209C26.2587 11.9552 26.2588 12.3353 26.0245 12.5695L23.4796 15.1154C23.2454 15.3496 22.8653 15.3492 22.631 15.1154C22.3967 14.8811 22.3967 14.5011 22.631 14.2668L24.1485 12.7492L16.6007 12.7492C16.2693 12.7492 16.0001 12.481 16.0001 12.1496C16.0001 11.8182 16.2693 11.55 16.6007 11.55L24.1573 11.55L22.631 10.0236C22.3966 9.78931 22.3966 9.40931 22.631 9.175C22.8653 8.94094 23.2454 8.94077 23.4796 9.175L26.0245 11.7209Z" fill="#8A8A8A"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.50879 3.99908C4.67448 3.94286 4.85638 3.95242 5.0166 4.0274L6.14453 4.55474L6.9209 4.07037L6.99609 4.03033C7.17731 3.9466 7.38792 3.94638 7.57129 4.03228L8.95898 4.6817C9.23158 4.80955 9.34936 5.13462 9.22168 5.40728C9.09386 5.67981 8.76872 5.7975 8.49609 5.66998L7.30957 5.11334L6.5459 5.59088V7.35748H9.32227C9.55399 7.35758 9.76787 7.47491 9.89258 7.6651L9.94043 7.75103L11.2598 10.5782C11.2723 10.6051 11.2831 10.633 11.292 10.6612L11.3135 10.7481L11.9922 14.626C12.044 14.9227 11.8445 15.206 11.5479 15.2579C11.2515 15.3094 10.9691 15.1108 10.917 14.8145L10.248 10.9903L9.06152 8.4483H6.5459V11.9932C6.5459 12.0406 6.53772 12.0861 6.52637 12.1299H7.03418C7.27074 12.13 7.48787 12.2519 7.61133 12.4483L7.6582 12.5372L8.89648 15.3565C8.92679 15.4255 8.94591 15.4992 8.95215 15.5743L9.27051 19.4483C9.29492 19.7481 9.07228 20.0113 8.77246 20.0362C8.47235 20.0608 8.20934 19.8373 8.18457 19.5372L7.87012 15.7325L6.7666 13.2198H5.52148L4.12793 15.7569L3.81641 19.5372C3.79165 19.8373 3.52864 20.0608 3.22852 20.0362C2.92858 20.0114 2.70604 19.7482 2.73047 19.4483L3.04785 15.5811L3.05762 15.5098C3.07094 15.4396 3.09534 15.3716 3.12988 15.3087L4.68164 12.4835L4.73145 12.4053C4.85878 12.2335 5.06092 12.1302 5.27832 12.1299H5.47461C5.46324 12.0861 5.45508 12.0406 5.45508 11.9932V8.4483H3.24512L1.74609 11.0176L1.08203 14.4981C1.02541 14.7938 0.739135 14.9882 0.443359 14.9317C0.147892 14.8749 -0.045583 14.5886 0.0107421 14.293L0.688476 10.7452L0.719726 10.6338C0.733191 10.5979 0.749175 10.5626 0.768555 10.5294L2.42187 7.69537C2.54403 7.48613 2.76846 7.35759 3.01074 7.35748H5.45508V5.43658L4.72754 5.09576L3.50488 5.66998C3.23223 5.79763 2.90714 5.67987 2.7793 5.40728C2.65156 5.1346 2.76937 4.80956 3.04199 4.6817L4.43848 4.0274L4.50879 3.99908Z" fill="#8A8A8A"/>
-</svg>

packages/design-system/src/icons/preview-image.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 14.9999L17.914 11.9139C17.5389 11.539 17.0303 11.3284 16.5 11.3284C15.9697 11.3284 15.4611 11.539 15.086 11.9139L12.6935 14.3064M14.5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5C3.89543 3 3 3.89543 3 5V13M11 9C11 10.1046 10.1046 11 9 11C7.89543 11 7 10.1046 7 9C7 7.89543 7.89543 7 9 7C10.1046 7 11 7.89543 11 9ZM2.03125 18.6735C1.98958 18.5613 1.98958 18.4378 2.03125 18.3255C2.43708 17.3415 3.12595 16.5001 4.01054 15.9081C4.89512 15.3161 5.93558 15 7 15C8.06442 15 9.10488 15.3161 9.98946 15.9081C10.874 16.5001 11.5629 17.3415 11.9687 18.3255C12.0104 18.4378 12.0104 18.5613 11.9687 18.6735C11.5629 19.6575 10.874 20.4989 9.98946 21.0909C9.10488 21.683 8.06442 21.999 7 21.999C5.93558 21.999 4.89512 21.683 4.01054 21.0909C3.12595 20.4989 2.43708 19.6575 2.03125 18.6735ZM8.49992 18.4995C8.49992 19.3278 7.82838 19.9994 6.99999 19.9994C6.17161 19.9994 5.50007 19.3278 5.50007 18.4995C5.50007 17.6711 6.17161 16.9995 6.99999 16.9995C7.82838 16.9995 8.49992 17.6711 8.49992 18.4995Z" stroke="#8A8A8A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>