@semi-bot/semi-theme-seek 1.7.1 → 1.7.3

package/semi.css

@@ -1,6 +1,6 @@
 /* sizing */
 /* spacing */
-body, body[theme-mode=dark] .semi-always-light {
+body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light {
   --semi-black: 0,0,0;
   --semi-red-0: 253,240,236;
   --semi-red-1: 251,218,207;
@@ -175,7 +175,7 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-light-green-9: 36,61,18;
 }
 
-body[theme-mode=dark], body .semi-always-dark {
+body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
   --semi-black: 0, 0, 0;
   --semi-red-0: 95,7,8;
   --semi-red-1: 131,15,13;
@@ -370,7 +370,7 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-light-green-9: 243,248,236;
 }
 
-body, body[theme-mode=dark] .semi-always-light {
+body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light {
   --semi-color-bg-0: rgba(233,236,238,1);
   --semi-color-bg-1: rgba(255,255,255,1);
   --semi-color-bg-2: rgba(255,255,255,1);
@@ -490,7 +490,7 @@ body, body[theme-mode=dark] .semi-always-light {
   --semi-border-radius-extra-small: 3px;
 }
 
-body[theme-mode=dark], body .semi-always-dark {
+body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
   --semi-color-bg-0: rgba(var(--semi-grey-0), 1);
   --semi-color-bg-1: rgba(var(--semi-grey-1), 1);
   --semi-color-bg-2: rgba(var(--semi-grey-2), 1);
@@ -593,6 +593,8 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-color-tertiary-active: rgba(255,255,255,0.24);
   --semi-color-input-bg-default: rgba(var(--semi-grey-0),0);
   --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
+  --semi-color-Comparison-V1bg: rgba(var(--semi-blue-1),0.8);
+  --semi-color-Comparison-V2bg: rgba(var(--semi-green-1),0.8);
   --semi-color-input-bg-disabled: rgba(var(--semi-grey-2), 1);
   --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
   --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
@@ -608,6 +610,8 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
   --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
   --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
+  --semi-color-Comparison-V1bg-loading: rgba(var(--semi-blue-0),1);
+  --semi-color-Comparison-V2bg-loading: rgba(var(--semi-green-0),0.8);
   --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
   --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
   --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
@@ -637,7 +641,7 @@ body[theme-mode=dark], body .semi-always-dark {
   --semi-border-radius-extra-small: 3px;
 }
 
-body {
+body, :host {
   --semi-transform_scale-none:scale(1,1);
   --semi-transform_scale-small:scale(1,1);
   --semi-transform_scale-medium:scale(1,1);
@@ -686,6 +690,1158 @@ body {
   min-width: max-content;
 }
 
+.semi-ai-chat-dialogue {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.semi-ai-chat-dialogue-list {
+  flex: 1 1;
+  position: relative;
+  overflow-y: scroll;
+}
+.semi-ai-chat-dialogue-list-scroll-hidden::-webkit-scrollbar {
+  display: none;
+}
+.semi-ai-chat-dialogue-wrapper {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  flex-wrap: nowrap;
+  padding: 8px 16px;
+  margin-top: 2px;
+  column-gap: 16px;
+}
+.semi-ai-chat-dialogue-wrapper-selected {
+  background-color: var(--semi-color-fill-0);
+  border-radius: 16px;
+}
+.semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: row;
+  column-gap: 12px;
+}
+.semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right {
+  flex-direction: row-reverse;
+}
+.semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-inner {
+  align-items: flex-end;
+}
+.semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-content-no-bubble, .semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-content-user, .semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-content-custom-renderer {
+  margin-left: auto;
+}
+.semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-content-inner {
+  text-align: right;
+}
+.semi-ai-chat-dialogue-wrapper .semi-ai-chat-dialogue-container-right .semi-ai-chat-dialogue-content-inner .semi-markdownRender {
+  text-align: left;
+}
+.semi-ai-chat-dialogue-wrapper:hover .semi-ai-chat-dialogue-action:not(.semi-ai-chat-dialogue-action-hidden) {
+  visibility: visible;
+}
+.semi-ai-chat-dialogue-backBottom {
+  position: relative;
+  z-index: 1;
+}
+.semi-ai-chat-dialogue-backBottom-button {
+  width: 42px;
+  height: 42px;
+  border-radius: 50%;
+}
+.semi-ai-chat-dialogue-backBottom .semi-button {
+  position: absolute;
+  bottom: 10px;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.semi-ai-chat-dialogue-title {
+  line-height: 20px;
+  font-size: 16px;
+  font-weight: 400;
+}
+.semi-ai-chat-dialogue-inner {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.semi-ai-chat-dialogue-avatar {
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+}
+.semi-ai-chat-dialogue-avatar-hidden {
+  visibility: hidden;
+}
+.semi-ai-chat-dialogue-content {
+  max-width: 100%;
+  font-size: 14px;
+}
+.semi-ai-chat-dialogue-content pre {
+  background-color: transparent;
+}
+.semi-ai-chat-dialogue-content-editing {
+  width: 100%;
+}
+.semi-ai-chat-dialogue-content-wrapper {
+  display: flex;
+  align-items: end;
+}
+.semi-ai-chat-dialogue-content-inner {
+  margin-left: auto;
+  width: 100%;
+}
+.semi-ai-chat-dialogue-content-failed {
+  color: var(--semi-color-danger);
+  margin-right: 8px;
+}
+.semi-ai-chat-dialogue-content-user {
+  display: flex;
+}
+.semi-ai-chat-dialogue-content-user:hover .semi-ai-chat-dialogue-content-icon-reference {
+  display: flex;
+  padding: 0px 8px;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.semi-ai-chat-dialogue-content-bubble, .semi-ai-chat-dialogue-content-userBubble {
+  margin-top: 8px;
+  padding: 12px 16px;
+  border-radius: var(--semi-border-radius-large);
+  background-color: var(--semi-color-fill-0);
+  max-width: 100%;
+  box-sizing: border-box;
+  width: fit-content;
+}
+.semi-ai-chat-dialogue-content-no-bubble {
+  margin-top: 8px;
+  width: fit-content;
+}
+.semi-ai-chat-dialogue-content-loading {
+  display: flex;
+  align-items: center;
+  margin-top: 8px;
+}
+.semi-ai-chat-dialogue-content-loading > span:nth-child(1) {
+  animation-delay: -200ms;
+  background-color: rgb(83, 56, 255);
+}
+.semi-ai-chat-dialogue-content-loading > span:nth-child(2) {
+  animation-delay: -100ms;
+  background-color: rgb(176, 48, 240);
+}
+.semi-ai-chat-dialogue-content-loading > span:nth-child(3) {
+  animation-delay: 0ms;
+  background-color: rgb(231, 45, 255);
+}
+.semi-ai-chat-dialogue-content-loading-item {
+  border-radius: var(--semi-border-radius-circle);
+  height: 3px;
+  width: 3px;
+  margin: 1px 1px;
+  overflow: visible;
+  position: relative;
+  animation: semi-ai-chat-dialogue-loading-bounce 1s infinite ease;
+}
+.semi-ai-chat-dialogue-content-loading-text {
+  margin-left: 8px;
+  color: var(--semi-color-text-3);
+  font-size: 14px;
+}
+.semi-ai-chat-dialogue-content-icon-reference {
+  display: none;
+}
+.semi-ai-chat-dialogue-content-img {
+  margin-top: 8px;
+  border-radius: var(--semi-border-radius-medium);
+}
+.semi-ai-chat-dialogue-content-img img {
+  width: 256px;
+  height: 256px;
+  object-fit: cover;
+}
+.semi-ai-chat-dialogue-content-img-list {
+  display: inline-flex;
+  flex-direction: column;
+  margin-right: 4px;
+}
+.semi-ai-chat-dialogue-content-img-list img {
+  width: 128px;
+  height: 128px;
+  object-fit: cover;
+}
+.semi-ai-chat-dialogue-content-img-last {
+  margin-right: 0;
+}
+.semi-ai-chat-dialogue-content-file {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  height: 36px;
+  width: 224px;
+  column-gap: 8px;
+  padding: 8px 8px;
+  margin-top: 8px;
+  margin-right: 8px;
+  border-radius: var(--semi-border-radius-medium);
+  background: var(--semi-color-fill-0);
+  text-decoration: none;
+  vertical-align: top;
+}
+.semi-ai-chat-dialogue-content-file:hover .semi-ai-chat-dialogue-content-icon-reference {
+  display: flex;
+  flex-shrink: 0;
+  padding: 0px 8px;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-left: auto;
+  color: var(--semi-color-text-0);
+}
+.semi-ai-chat-dialogue-content-file:hover .semi-ai-chat-dialogue-content-file-title-ellipsis {
+  max-width: 140px;
+}
+.semi-ai-chat-dialogue-content-file-last {
+  margin-right: 0;
+}
+.semi-ai-chat-dialogue-content-file-icon {
+  color: var(--semi-color-white);
+}
+.semi-ai-chat-dialogue-content-file-icon-wrapper {
+  width: 36px;
+  height: 36px;
+  border-radius: var(--semi-border-radius-extra-small);
+  flex-shrink: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.semi-ai-chat-dialogue-content-file-icon-code {
+  background-color: rgba(var(--semi-teal-4), 1);
+}
+.semi-ai-chat-dialogue-content-file-icon-word {
+  background-color: rgba(var(--semi-blue-4), 1);
+}
+.semi-ai-chat-dialogue-content-file-icon-pdf {
+  background-color: rgba(var(--semi-red-4), 1);
+}
+.semi-ai-chat-dialogue-content-file-icon-excel {
+  background-color: rgba(var(--semi-green-4), 1);
+}
+.semi-ai-chat-dialogue-content-file-icon-video {
+  background-color: rgba(var(--semi-purple-4), 1);
+}
+.semi-ai-chat-dialogue-content-file-icon-image .semi-ai-chat-dialogue-content-file-icon {
+  background-size: cover;
+  background-position: center;
+  width: 36px;
+  height: 36px;
+}
+.semi-ai-chat-dialogue-content-file-icon-default {
+  background-color: rgba(var(--semi-grey-4), 1);
+}
+.semi-ai-chat-dialogue-content-file-info {
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+  flex-shrink: 1;
+}
+.semi-ai-chat-dialogue-content-file-title {
+  font-size: 16px;
+  color: var(--semi-color-text-0);
+  max-width: 180px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.semi-ai-chat-dialogue-content-file-metadata {
+  font-size: 14px;
+  color: var(--semi-color-text-2);
+}
+.semi-ai-chat-dialogue-content-file-type {
+  text-transform: uppercase;
+}
+.semi-ai-chat-dialogue-content-tool-call {
+  display: flex;
+  color: var(--semi-color-text-2);
+  padding: 6px 8px;
+  background-color: var(--semi-color-fill-0);
+  border-radius: var(--semi-border-radius-medium);
+  width: fit-content;
+  align-items: center;
+  justify-content: center;
+  column-gap: 4px;
+  margin-top: 8px;
+}
+.semi-ai-chat-dialogue-content-custom-renderer {
+  margin-top: 8px;
+  width: fit-content;
+}
+.semi-ai-chat-dialogue-action {
+  margin-top: 8px;
+  visibility: hidden;
+}
+.semi-ai-chat-dialogue-action-btn {
+  width: 24px;
+  height: 24px;
+}
+.semi-ai-chat-dialogue-action-icon-flip {
+  transform: scaleY(-1);
+}
+.semi-ai-chat-dialogue-action-show {
+  visibility: visible;
+}
+.semi-ai-chat-dialogue-action.semi-ai-chat-dialogue-action-hidden, .semi-ai-chat-dialogue-action:hover.semi-ai-chat-dialogue-action-hidden {
+  visibility: hidden;
+}
+.semi-ai-chat-dialogue-action-dropdown li {
+  color: var(--semi-color-danger);
+}
+.semi-ai-chat-dialogue-action-dropdown .semi-icon {
+  font-size: 16px;
+}
+.semi-ai-chat-dialogue-reasoning {
+  width: 100%;
+}
+.semi-ai-chat-dialogue-reasoning-wrapper {
+  width: 100%;
+  margin-top: 8px;
+  cursor: pointer;
+  border: 1px solid var(--semi-color-border);
+  border-radius: var(--semi-border-radius-large);
+}
+.semi-ai-chat-dialogue-reasoning-header {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+}
+.semi-ai-chat-dialogue-reasoning-header-prefix, .semi-ai-chat-dialogue-reasoning-header-suffix {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.semi-ai-chat-dialogue-reasoning-header-title {
+  flex: 1 1 auto;
+  line-height: 22px;
+  font-weight: 600;
+}
+.semi-ai-chat-dialogue-reasoning-content {
+  padding: 12px 16px;
+  border-top: 1px solid var(--semi-color-border);
+}
+.semi-ai-chat-dialogue-step {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  line-height: 20px;
+  padding: 6px 12px;
+  border: 1px solid var(--semi-color-border);
+  border-radius: var(--semi-border-radius-medium);
+  margin-top: 12px;
+  font-size: 14px;
+}
+.semi-ai-chat-dialogue-step .semi-ai-chat-dialogue-content-loading {
+  margin-top: 0;
+}
+.semi-ai-chat-dialogue-step-completed {
+  color: var(--semi-color-success);
+}
+.semi-ai-chat-dialogue-step-summary {
+  display: inline-block;
+  width: fit-content;
+  cursor: pointer;
+}
+.semi-ai-chat-dialogue-step-prefix {
+  width: 20px;
+  height: 20px;
+  color: var(--semi-color-text-1);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 6px;
+}
+.semi-ai-chat-dialogue-step-suffix {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--semi-color-text-1);
+  margin-left: 8px;
+}
+.semi-ai-chat-dialogue-step-panel {
+  display: flex;
+  gap: 12px;
+}
+.semi-ai-chat-dialogue-step-line {
+  width: 1px;
+  background-color: var(--semi-color-border);
+  margin-left: 20px;
+}
+.semi-ai-chat-dialogue-step-action {
+  line-height: 20px;
+  margin-top: 12px;
+  font-size: 14px;
+}
+.semi-ai-chat-dialogue-step-action-summary {
+  margin-bottom: 4px;
+}
+.semi-ai-chat-dialogue-step-action-desc {
+  display: inline-flex;
+  color: var(--semi-color-text-2);
+  padding: 6px 8px;
+  background-color: var(--semi-color-fill-0);
+  border-radius: var(--semi-border-radius-medium);
+  width: fit-content;
+  align-items: center;
+  justify-content: center;
+  column-gap: 4px;
+}
+.semi-ai-chat-dialogue-step-wrapper > .semi-ai-chat-dialogue-step:first-child {
+  margin-top: 4px;
+}
+.semi-ai-chat-dialogue-annotation {
+  width: 100%;
+}
+.semi-ai-chat-dialogue-annotation-wrapper {
+  width: fit-content;
+  margin-top: 8px;
+  flex: 1 1 auto;
+  border: 1px solid var(--semi-color-border);
+  border-radius: var(--semi-border-radius-medium);
+  padding: 8px 12px;
+}
+.semi-ai-chat-dialogue-annotation-wrapper:hover {
+  background-color: var(--semi-color-fill-0);
+}
+.semi-ai-chat-dialogue-annotation-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  column-gap: 8px;
+  font-size: 14px;
+  color: var(--semi-color-text-2);
+  cursor: pointer;
+}
+.semi-ai-chat-dialogue-annotation-content .semi-avatar-group {
+  display: flex;
+}
+.semi-ai-chat-dialogue-annotation-content-logo {
+  width: 16px;
+  height: 16px;
+  display: flex;
+}
+.semi-ai-chat-dialogue-annotation-content-logo-renderMore {
+  width: 16px;
+  height: 16px;
+}
+.semi-ai-chat-dialogue-annotation-content-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.semi-ai-chat-dialogue-references {
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--semi-color-text-2);
+  margin-top: 8px;
+  column-gap: 4px;
+  row-gap: 4px;
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference {
+  display: flex;
+  padding: 8px 12px;
+  box-sizing: border-box;
+  width: fit-content;
+  max-width: 200px;
+  flex-shrink: 1;
+  align-items: center;
+  column-gap: 8px;
+  background-color: var(--semi-color-fill-0);
+  border-radius: var(--semi-border-radius-medium);
+  margin-left: auto;
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-content {
+  display: flex;
+  align-items: center;
+  flex-grow: 1;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 4px;
+  color: var(--semi-color-white);
+  width: 16px;
+  height: 16px;
+  border-radius: 2px;
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-word {
+  background-color: rgba(var(--semi-blue-4), 1);
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-pdf {
+  background-color: rgba(var(--semi-red-4), 1);
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-excel {
+  background-color: rgba(var(--semi-green-4), 1);
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-video {
+  background-color: rgba(var(--semi-purple-4), 1);
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-icon-code {
+  background-color: rgba(var(--semi-teal-4), 1);
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-img {
+  margin-right: 4px;
+}
+.semi-ai-chat-dialogue-references .semi-ai-chat-dialogue-reference-name {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  max-width: 130px;
+}
+.semi-ai-chat-dialogue-code {
+  border-radius: var(--semi-border-radius-large);
+  overflow: hidden;
+  border: 1px solid var(--semi-color-border);
+  line-height: 32px;
+}
+.semi-ai-chat-dialogue-code .semi-codeHighlight pre {
+  word-break: break-all;
+  white-space: pre-wrap;
+}
+.semi-ai-chat-dialogue-code-topSlot {
+  display: flex;
+  justify-content: space-between;
+  background-color: var(--semi-color-fill-0);
+  align-items: center;
+  padding: 8px 16px;
+  color: var(--semi-color-text-0);
+  font-size: 14px;
+}
+.semi-ai-chat-dialogue-code-topSlot-copy {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  width: 24px;
+}
+.semi-ai-chat-dialogue-code-topSlot-copy-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  background: transparent;
+  border: none;
+}
+.semi-ai-chat-dialogue-code .semi-codeHighlight-defaultTheme pre[class*=language-] {
+  margin: 0px;
+  background: var(--semi-color-bg-0);
+}
+.semi-ai-chat-dialogue-hints {
+  display: flex;
+  flex-direction: column;
+  row-gap: 8px;
+  margin-top: 4px;
+  margin-bottom: 12px;
+  margin-left: 52px;
+}
+.semi-ai-chat-dialogue-hints-selecting {
+  margin-left: 68px;
+}
+.semi-ai-chat-dialogue-hint-item {
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  width: fit-content;
+  background: var(--semi-color-bg-0);
+  align-items: center;
+  border: 1px solid var(--semi-color-border);
+  padding: 8px 16px;
+  border-radius: var(--semi-border-radius-medium);
+}
+.semi-ai-chat-dialogue-hint-item:hover {
+  background-color: var(--semi-color-fill-0);
+}
+.semi-ai-chat-dialogue-hint-content {
+  font-size: 14px;
+  color: var(--semi-color-text-0);
+}
+
+@keyframes semi-ai-chat-dialogue-loading-bounce {
+  /* 起点（站在地面） */
+  0% {
+    transform: translateY(0) scale(1);
+  }
+  /* 上升到最高点（略变瘦） */
+  18% {
+    transform: translateY(-4px) scale(0.96);
+  }
+  /* 落地瞬间（略压扁，模拟缓冲） */
+  36% {
+    transform: translateY(0) scale(1.06);
+  }
+  /* 轻微回弹（小幅再向上） */
+  44% {
+    transform: translateY(-0.5px) scale(0.98);
+  }
+  /* 回到静止（消除抖动） */
+  52% {
+    transform: translateY(0) scale(1);
+  }
+  /* 余下时间保持静止，等待下一轮 */
+  100% {
+    transform: translateY(0) scale(1);
+  }
+}
+.semi-rtl .semi-ai-chat-dialogue-wrapper,
+.semi-portal-rtl .semi-ai-chat-dialogue-wrapper {
+  direction: rtl;
+}
+.semi-rtl .semi-ai-chat-dialogue-wrapper-action-icon-redo,
+.semi-portal-rtl .semi-ai-chat-dialogue-wrapper-action-icon-redo {
+  transform: scaleX(-1);
+}
+
+.semi-aiChatInput {
+  display: flex;
+  flex-direction: column;
+  padding: 20px;
+  border-radius: 12px;
+  border: 1px solid var(--semi-color-border);
+  box-sizing: border-box;
+}
+.semi-aiChatInput-skill {
+  padding: 4px 0px;
+  border-radius: 8px;
+  overflow: scroll;
+}
+.semi-aiChatInput-skill-item {
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+  padding: 8px 20px;
+  cursor: pointer;
+}
+.semi-aiChatInput-skill-item-active {
+  background-color: var(--semi-color-fill-0);
+}
+.semi-aiChatInput-popover-suggestion {
+  box-shadow: none;
+}
+.semi-aiChatInput-suggestion {
+  overflow: scroll;
+}
+.semi-aiChatInput-suggestion-item {
+  border-radius: 6px;
+  padding: 8px 20px;
+  color: var(--semi-color-text-0);
+  font-size: 14px;
+  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 20px;
+}
+.semi-aiChatInput-suggestion-item-active {
+  background-color: var(--semi-color-fill-0);
+}
+.semi-aiChatInput-reference-icon {
+  width: 16px;
+  height: 16px;
+  border-radius: 2px;
+  margin-right: 4px;
+}
+.semi-aiChatInput-ref-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--semi-color-white);
+  flex-shrink: 0;
+}
+.semi-aiChatInput-ref-icon-word {
+  background-color: rgba(var(--semi-blue-4), 1);
+}
+.semi-aiChatInput-ref-icon-pdf {
+  background-color: rgba(var(--semi-red-4), 1);
+}
+.semi-aiChatInput-ref-icon-code {
+  background-color: rgba(var(--semi-teal-5), 1);
+}
+.semi-aiChatInput-ref-icon-excel {
+  background-color: rgba(var(--semi-green-5), 1);
+}
+.semi-aiChatInput-ref-icon-video {
+  background-color: rgba(var(--semi-purple-4), 1);
+}
+.semi-aiChatInput-ref-icon-audio {
+  background-color: rgba(var(--semi-purple-4), 1);
+}
+.semi-aiChatInput-ref-icon-unknown {
+  background-color: rgba(var(--semi-grey-5), 1);
+}
+.semi-aiChatInput-references {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 8px;
+  font-size: 12px;
+  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  color: var(--semi-color-text-2);
+  column-gap: 4px;
+  row-gap: 4px;
+}
+.semi-aiChatInput-references > .semi-aiChatInput-reference:only-child {
+  width: 100%;
+}
+.semi-aiChatInput-references > .semi-aiChatInput-reference:nth-last-child(2):first-child, .semi-aiChatInput-references > .semi-aiChatInput-reference:nth-child(2):nth-last-child(1) {
+  flex-basis: calc(50% - 4px);
+  max-width: calc(50% - 4px);
+}
+.semi-aiChatInput-references > .semi-aiChatInput-reference:nth-last-child(n+3):nth-child(1),
+.semi-aiChatInput-references > .semi-aiChatInput-reference:nth-last-child(n+3):nth-child(1) ~ .semi-aiChatInput-reference {
+  width: calc(33.333% - 4px);
+}
+.semi-aiChatInput-reference {
+  padding: 8px 12px;
+  box-sizing: border-box;
+  border-radius: 6px;
+  background: var(--semi-color-fill-0);
+  flex-shrink: 1;
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+}
+.semi-aiChatInput-reference-content {
+  display: flex;
+  align-items: center;
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.semi-aiChatInput-reference-img {
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+}
+.semi-aiChatInput-reference-name {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+}
+.semi-aiChatInput-reference-delete {
+  cursor: pointer;
+  padding: 2px;
+  border-radius: 50%;
+}
+.semi-aiChatInput-reference-delete:hover {
+  background: var(--semi-color-fill-1);
+}
+.semi-aiChatInput-footer {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 20px;
+  align-items: center;
+  user-select: none;
+  -webkit-user-select: none;
+}
+.semi-aiChatInput-footer-round .semi-aiChatInput-footer-configure-select, .semi-aiChatInput-footer-round .semi-aiChatInput-footer-configure-button,
+.semi-aiChatInput-footer-round .semi-aiChatInput-footer-configure-radio-button, .semi-aiChatInput-footer-round .semi-aiChatInput-footer-configure-mcp-trigger,
+.semi-aiChatInput-footer-round .semi-aiChatInput-footer-action-button, .semi-aiChatInput-footer-round .semi-aiChatInput-footer-action-upload,
+.semi-aiChatInput-footer-round .semi-radio-addon-buttonRadio {
+  border-radius: 9999px;
+}
+.semi-aiChatInput-footer-action {
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+}
+.semi-aiChatInput-footer-action button {
+  padding: 0px;
+  border: 0px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.semi-aiChatInput-footer-action-button {
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+  border-radius: 8px;
+}
+.semi-aiChatInput-footer-action-send {
+  background-color: var(--semi-color-primary);
+  color: rgba(var(--semi-white), 1);
+}
+.semi-aiChatInput-footer-action-send:hover:not(.semi-aiChatInput-footer-action-send-disabled) {
+  background-color: var(--semi-color-primary-hover);
+}
+.semi-aiChatInput-footer-action-send:active:not(.semi-aiChatInput-footer-action-send-disabled) {
+  background-color: var(--semi-color-primary-active);
+}
+.semi-aiChatInput-footer-action-send-disabled {
+  background-color: var(--semi-color-fill-2);
+}
+.semi-aiChatInput-footer-action-stop {
+  background-color: var(--semi-color-primary);
+  color: rgba(var(--semi-white), 1);
+}
+.semi-aiChatInput-footer-action-stop:hover:not(.semi-aiChatInput-footer-action-send-disabled) {
+  background-color: var(--semi-color-primary-hover);
+}
+.semi-aiChatInput-footer-action-stop:active:not(.semi-aiChatInput-footer-action-send-disabled) {
+  background-color: var(--semi-color-primary-active);
+}
+.semi-aiChatInput-footer-action-stop-disabled {
+  background-color: var(--semi-color-fill-2);
+}
+.semi-aiChatInput-footer-action-upload {
+  background: transparent;
+  color: var(--semi-color-text-1);
+}
+.semi-aiChatInput-footer-action-upload:hover {
+  background-color: var(--semi-color-fill-0);
+}
+.semi-aiChatInput-footer-action-upload:active {
+  background-color: var(--semi-color-fill-1);
+}
+.semi-aiChatInput-footer-configure {
+  display: flex;
+  flex-direction: row;
+  column-gap: 8px;
+}
+.semi-aiChatInput-footer-configure-button {
+  border: 1px solid var(--semi-color-primary);
+}
+.semi-aiChatInput-footer-configure-button-active.semi-button-tertiary.semi-button-outline {
+  border: 1px solid var(--semi-color-primary);
+  color: var(--semi-color-primary);
+  background-color: var(--semi-color-primary-light-default);
+}
+.semi-aiChatInput-footer-configure-select {
+  border: 1px solid var(--semi-color-border);
+  background: transparent;
+}
+.semi-aiChatInput-footer-configure-select.semi-select-focus, .semi-aiChatInput-footer-configure-select .semi-select-selection-text {
+  font-weight: 600;
+  color: var(--semi-color-text-1);
+}
+.semi-aiChatInput-footer-configure-select.semi-select:hover {
+  border-color: var(--semi-color-border);
+}
+.semi-aiChatInput-footer-configure-select.semi-select:focus {
+  border: 1px solid var(--semi-color-border);
+  background: transparent;
+}
+.semi-aiChatInput-footer-configure-radio-button .semi-radio-addon-buttonRadio {
+  height: 16px;
+  padding: 4px;
+  font-size: 14px;
+}
+.semi-aiChatInput-footer-configure-radio-button .semi-radio-addon-buttonRadio-checked {
+  color: var(--semi-color-text-1);
+  background: var(--semi-color-bg-2);
+}
+.semi-aiChatInput-footer-configure-mcp-header {
+  padding: 8px 16px 0px;
+  font-size: 12px;
+  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  height: 16px;
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  column-gap: 4px;
+}
+.semi-aiChatInput-footer-configure-mcp-header-title {
+  color: var(--semi-color-text-2);
+}
+.semi-aiChatInput-footer-configure-mcp-header-config.semi-button {
+  padding: 0px;
+  border: 0px;
+  height: fit-content;
+  font-size: 12px;
+  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+}
+.semi-aiChatInput-attachment {
+  position: relative;
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+  border-radius: 6px;
+  background: var(--semi-color-fill-0);
+  padding: 8px;
+  width: 224px;
+  height: 36px;
+  overflow: hidden;
+  letter-spacing: 0;
+  flex-shrink: 0;
+}
+.semi-aiChatInput-attachment-icon, .semi-aiChatInput-attachment-img {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  border-radius: 3px;
+  width: 36px;
+  height: 36px;
+}
+.semi-aiChatInput-attachment-img {
+  object-fit: cover;
+}
+.semi-aiChatInput-attachment-content {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  align-items: flex-start;
+  width: 180px;
+}
+.semi-aiChatInput-attachment-content-name {
+  flex-shrink: 0;
+  width: 180px;
+  height: 20px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: var(--semi-color-text-0);
+  font-size: 12px;
+  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  font-weight: 600;
+}
+.semi-aiChatInput-attachment-content-size {
+  display: flex;
+  flex-shrink: 0;
+  align-items: flex-start;
+  column-gap: 4px;
+  color: var(--semi-color-text-2);
+  font-size: 12px;
+  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  text-transform: uppercase;
+}
+.semi-aiChatInput-attachment-delete {
+  display: none;
+}
+.semi-aiChatInput-attachment:hover > .semi-aiChatInput-attachment-delete {
+  cursor: pointer;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  background: rgba(var(--semi-grey-7), 1);
+  color: var(--semi-color-white);
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.semi-aiChatInput-attachment-progress.semi-progress-circle {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.semi-aiChatInput-scroll-wrapper {
+  position: relative;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+}
+.semi-aiChatInput-scroll-container {
+  display: flex;
+  overflow-x: auto;
+  scroll-behavior: smooth;
+  /* Hide scrollbar */
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+  column-gap: 8px;
+  /* hidden Webkit (Chrome, Safari) scrollbar */
+}
+.semi-aiChatInput-scroll-container::-webkit-scrollbar {
+  display: none;
+}
+.semi-aiChatInput-scroll-button {
+  padding: 0px;
+  border: 0px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 10;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: var(--semi-color-white);
+  box-shadow: var(--semi-shadow-elevated);
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: background-color 0.2s, box-shadow 0.2s;
+}
+.semi-aiChatInput-scroll-button .semi-icon {
+  font-size: 12px;
+  color: var(--semi-color-text-2);
+}
+.semi-aiChatInput-scroll-button:active {
+  transform: translateY(-50%) scale(0.95);
+}
+.semi-aiChatInput-scroll-button-left-icon {
+  transform: rotate(180deg);
+}
+.semi-aiChatInput-scroll-button.semi-aiChatInput-scroll-button-left {
+  left: 10px;
+}
+.semi-aiChatInput-scroll-button.semi-aiChatInput-scroll-button-right {
+  right: 10px;
+}
+.semi-aiChatInput-editor-content {
+  flex: 1 1 0%;
+  min-height: 0;
+  margin-top: -4px;
+  padding-top: 4px;
+  overflow: auto;
+}
+.semi-aiChatInput-editor-content .tiptap {
+  font-size: 14px;
+  line-height: 24px;
+}
+.semi-aiChatInput-editor-content .tiptap p.is-editor-empty:first-child::before {
+  color: var(--semi-color-text-2);
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  pointer-events: none;
+}
+.semi-aiChatInput-editor-content .tiptap p {
+  margin: 0px;
+  white-space: pre-wrap;
+}
+.semi-aiChatInput-editor-content .tiptap:focus {
+  outline: none;
+}
+.semi-aiChatInput-editor-content .tiptap .node-inputSlot {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 20px;
+}
+.semi-aiChatInput-editor-content .tiptap .input-slot {
+  display: inline-block;
+  background-color: var(--semi-color-primary-light-default);
+  border-radius: 4px;
+  padding: 2px 4px;
+  position: relative;
+  margin: 2px 2px;
+  font-weight: 600;
+  min-width: 2px;
+}
+.semi-aiChatInput-editor-content .tiptap .input-slot .content {
+  color: var(--semi-color-primary);
+}
+.semi-aiChatInput-editor-content .tiptap .input-slot .input-slot-placeholder {
+  user-select: none;
+  position: absolute;
+  top: 2px;
+  left: 4px;
+  pointer-events: none;
+  white-space: pre;
+  z-index: 1;
+  color: var(--semi-color-primary-disabled);
+}
+.semi-aiChatInput-editor-content .tiptap .node-selectSlot {
+  display: inline-flex;
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot {
+  font-size: 14px;
+  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 20px;
+  height: 24px;
+  padding: 2px 4px;
+  border-radius: 4px;
+  background-color: var(--semi-color-primary-light-default);
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot:first-child {
+  margin-left: 0px;
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot-wrapper {
+  display: inline-flex;
+  margin: 2px 4px;
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot .semi-select-selection {
+  color: var(--semi-color-primary);
+  font-weight: bold;
+  margin-left: 0px;
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot .semi-select-arrow {
+  color: var(--semi-color-text-2);
+  width: 16px;
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot.semi-select-open, .semi-aiChatInput-editor-content .tiptap .select-slot.semi-select-focus {
+  border-color: transparent;
+}
+.semi-aiChatInput-editor-content .tiptap .select-slot.semi-select:focus {
+  border-color: transparent;
+}
+.semi-aiChatInput-editor-content .tiptap .node-skillSlot {
+  display: inline-flex;
+}
+.semi-aiChatInput-editor-content .tiptap .skill-slot {
+  color: var(--semi-color-primary);
+  font-weight: 600;
+  outline: none;
+}
+.semi-aiChatInput-editor-content .tiptap .skill-slot-wrapper {
+  display: inline-flex;
+  position: relative;
+  padding: 0px 4px;
+  margin: 2px 2px;
+  border-radius: 4px;
+}
+.semi-aiChatInput-editor-content .tiptap .skill-slot-wrapper:hover {
+  background-color: var(--semi-color-primary-light-default);
+}
+.semi-aiChatInput-editor-content .tiptap .skill-slot-wrapper:hover .skill-slot-delete {
+  cursor: pointer;
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  background: rgba(var(--semi-grey-7), 1);
+  color: var(--semi-color-white);
+  transform: translate(50%, -50%);
+  border-radius: 50%;
+  width: 12px;
+  height: 12px;
+  font-size: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.semi-aiChatInput-editor-content .tiptap .skill-slot-delete {
+  display: none;
+}
+
 .semi-anchor {
   font-size: 14px;
   font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Inter", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -2188,6 +3344,16 @@ body {
   background-color: var(--semi-color-fill-1);
 }
 
+.semi-button {
+  --semi-button-colorful-multiple-fill-0: rgba(var(--semi-ai-general-5-3));
+  --semi-button-colorful-multiple-fill-1: rgba(var(--semi-ai-general-5-2));
+  --semi-button-colorful-multiple-fill-2: rgba(var(--semi-ai-general-5-1));
+  --semi-button-colorful-multiple-fill-3: rgba(var(--semi-ai-general-5-0));
+  --semi-button-colorful-disabled-fill: var(--semi-color-disabled-text);
+  --semi-button-colorful-fill-primary: var(--semi-color-ai-purple);
+  --semi-button-colorful-fill-secondary: var(--semi-color-text-0);
+}
+
 .semi-button {
   box-shadow: none;
   height: 32px;
@@ -2286,6 +3452,20 @@ body {
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
+.semi-button-tertiary.semi-button-colorful.semi-button-solid {
+  background: var(--semi-ai-general-0);
+}
+.semi-button-tertiary.semi-button-colorful.semi-button-solid:hover {
+  background: var(--semi-ai-general-1);
+}
+.semi-button-tertiary.semi-button-colorful.semi-button-solid:active {
+  background: var(--semi-ai-general-2);
+}
+.semi-button-tertiary.semi-button-colorful.semi-button-solid .semi-button-content-right, .semi-button-tertiary.semi-button-colorful.semi-button-solid .semi-button-content:not(:has(> .semi-button-content-right)) {
+  background: var(--semi-color-ai-general);
+  background-clip: text;
+  color: transparent;
+}
 .semi-button-tertiary-disabled {
   background-color: var(--semi-color-disabled-bg);
 }
@@ -2315,6 +3495,29 @@ body {
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
+.semi-button-primary.semi-button-colorful.semi-button-solid {
+  background: var(--semi-color-ai-general);
+}
+.semi-button-primary.semi-button-colorful.semi-button-solid:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
+  background: var(--semi-color-ai-general-hover);
+}
+.semi-button-primary.semi-button-colorful.semi-button-solid:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):active {
+  background: var(--semi-color-ai-general-active);
+}
+.semi-button-primary.semi-button-colorful.semi-button-light .semi-button-content-right, .semi-button-primary.semi-button-colorful.semi-button-light .semi-button-content:not(:has(> .semi-button-content-right)) {
+  background: var(--semi-color-ai-general);
+  background-clip: text;
+  color: transparent;
+}
+.semi-button-primary.semi-button-colorful.semi-button-outline {
+  color: var(--semi-color-ai-purple);
+  border-color: var(--semi-color-ai-purple);
+}
+.semi-button-primary.semi-button-colorful.semi-button-borderless .semi-button-content-right, .semi-button-primary.semi-button-colorful.semi-button-borderless .semi-button-content:not(:has(> .semi-button-content-right)) {
+  background: var(--semi-color-ai-general);
+  background-clip: text;
+  color: transparent;
+}
 .semi-button-primary-disabled {
   background-color: var(--semi-color-disabled-bg);
 }
@@ -5385,6 +6588,9 @@ body {
 .semi-cropper {
   position: relative;
 }
+.semi-cropper img {
+  max-width: none;
+}
 .semi-cropper-img {
   position: absolute;
   user-select: none;
@@ -7213,6 +8419,208 @@ body {
   margin-right: 32px;
 }
 
+.semi-feedback-emoji-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  column-gap: 24px;
+  align-self: stretch;
+  margin-top: 24px;
+  margin-bottom: 24px;
+}
+.semi-feedback-emoji-item {
+  user-select: none;
+  cursor: pointer;
+  font-family: Inter;
+  font-size: 36px;
+  line-height: 36px;
+  height: 36px;
+  font-style: normal;
+  filter: grayscale(100%);
+}
+.semi-feedback-emoji-item:hover, .semi-feedback-emoji-item-selected {
+  filter: none;
+}
+.semi-feedback-thank-text {
+  color: var(--semi-color-text-2);
+  text-align: center;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  margin-bottom: 0px;
+  margin-top: 24px;
+}
+.semi-feedback .semi-checkboxGroup-vertical {
+  row-gap: 16px;
+}
+.semi-feedback-footer {
+  display: flex;
+  justify-content: flex-end;
+  column-gap: 12px;
+}
+.semi-feedback .semi-modal {
+  width: 400px;
+}
+.semi-feedback.semi-feedback-text .semi-modal {
+  width: 400px;
+}
+.semi-feedback .semi-sidesheet-inner {
+  border-radius: 12px;
+}
+.semi-feedback.semi-sidesheet.semi-sidesheet-size-small {
+  width: 400px;
+}
+.semi-feedback.semi-sidesheet.semi-feedback-text {
+  width: 600px;
+}
+.semi-feedback.semi-sidesheet-bottom {
+  right: 20px;
+  left: auto;
+}
+.semi-feedback.semi-sidesheet-bottom .semi-sidesheet-inner-wrap {
+  bottom: 50px;
+}
+@keyframes semi-sidesheet-slideShow_bottom {
+  from {
+    transform: translateY(calc(100% + 50px));
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+@keyframes semi-sidesheet-slideHide_bottom {
+  from {
+    transform: translateY(0);
+  }
+  to {
+    transform: translateY(calc(100% + 50px));
+  }
+}
+.semi-feedback.semi-sidesheet .semi-sidesheet-fixed.semi-feedback-bottom {
+  top: auto;
+}
+.semi-feedback.semi-sidesheet .semi-sidesheet-fixed.semi-feedback-bottom .semi-sidesheet-inner {
+  bottom: 50px;
+}
+
+.semi-floatButton {
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  z-index: 1000;
+  cursor: pointer;
+}
+.semi-floatButton-body {
+  background-color: var(--semi-color-fill-0);
+  box-shadow: var(--semi-shadow-elevated);
+  color: var(--semi-color-primary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.semi-floatButton-body:hover {
+  background-color: var(--semi-color-fill-1);
+}
+.semi-floatButton-body:active {
+  background-color: var(--semi-color-fill-2);
+}
+.semi-floatButton-disabled {
+  background: var(--semi-color-disabled-bg);
+  color: var(--semi-color-disabled-text);
+  cursor: not-allowed;
+}
+.semi-floatButton-disabled:hover {
+  background-color: var(--semi-color-disabled-bg);
+}
+.semi-floatButton-colorful {
+  background: var(--semi-color-ai-general);
+  color: var(--semi-color-white);
+}
+.semi-floatButton-colorful:hover {
+  background: var(--semi-color-ai-general-hover);
+}
+.semi-floatButton-colorful:active {
+  background: var(--semi-color-ai-general-active);
+}
+.semi-floatButton.semi-floatButton-square .semi-badge-dot, .semi-floatButton.semi-floatButton-square .semi-badge-count {
+  /* Calculation logic:
+  The center of the badge is the intersection of two lines. 
+  - The first line is the connecting line between the center of the floatButton and the upper right corner of the enclosing rectangle. 
+  - The second line is the border of the floatButton.
+  Can be calculated through radius， (√2 - 1）/√2 * R = 0.29 * R
+  */
+  top: 2.32px;
+  inset-inline-end: 2.32px;
+}
+.semi-floatButton-default {
+  width: 32px;
+  height: 32px;
+}
+.semi-floatButton-default.semi-floatButton-round .semi-badge-dot, .semi-floatButton-default.semi-floatButton-round .semi-badge-count {
+  /* Calculation logic:
+  The center of the badge is the intersection of two lines. 
+  - The first line is the connecting line between the center of the floatButton and the upper right corner of the enclosing rectangle. 
+  - The second line is the border of the floatButton.
+  Can be calculated through radius (√2 - 1）/√2 * R = 0.29 * R，and R = 0.5 * width
+  */
+  top: 4.64px;
+  inset-inline-end: 4.64px;
+}
+.semi-floatButton-small {
+  width: 24px;
+  height: 24px;
+}
+.semi-floatButton-small.semi-floatButton-round .semi-badge-dot, .semi-floatButton-small.semi-floatButton-round .semi-badge-count {
+  top: 3.48px;
+  inset-inline-end: 3.48px;
+}
+.semi-floatButton-large {
+  width: 40px;
+  height: 40px;
+}
+.semi-floatButton-large.semi-floatButton-round .semi-badge-dot, .semi-floatButton-large.semi-floatButton-round .semi-badge-count {
+  top: 5.8px;
+  inset-inline-end: 5.8px;
+}
+.semi-floatButton-square {
+  border-radius: 8px;
+}
+.semi-floatButton-round {
+  border-radius: var(--semi-border-radius-full);
+}
+
+.semi-floatButtonGroup {
+  position: fixed;
+  border-radius: 8px;
+  bottom: 24px;
+  right: 24px;
+  z-index: 1000;
+  background: var(--semi-color-bg-0);
+  box-shadow: var(--semi-shadow-elevated);
+  display: inline-flex;
+  padding: 6px;
+  gap: 4px;
+}
+.semi-floatButtonGroup-item {
+  cursor: pointer;
+  display: flex;
+  padding: 6px 12px;
+  align-items: center;
+  column-gap: 8px;
+  border-radius: 4px;
+  color: var(--semi-color-text-0);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+}
+.semi-floatButtonGroup-item:hover {
+  background: var(--semi-color-fill-1);
+}
+.semi-floatButtonGroup-item:active {
+  background: var(--semi-color-fill-2);
+}
+
 .semi-form .semi-form-field {
   box-sizing: border-box;
 }
@@ -12879,6 +14287,14 @@ body {
   display: inline-block;
   overflow: hidden;
 }
+.semi-image img {
+  /**
+      * In tailwind, the max-width of img/video is set to 100%, 
+      * which will affect the amplification effect of the picture.
+      * So we need to set max-width to none.
+  */
+  max-width: none;
+}
 .semi-image-img {
   vertical-align: top;
   border-radius: inherit;
@@ -13049,12 +14465,6 @@ body {
   transform: scale3d(1, 1, 1) var(--semi-transform-rotate-none);
   z-index: 0;
   user-select: none;
-  /**
-   * In tailwind, the max-width of img/video is set to 100%, 
-   * which will affect the amplification effect of the picture.
-   * So we need to set max-width to none.
-  */
-  max-width: none;
 }
 .semi-image-preview-image-spin {
   position: absolute;
@@ -20535,15 +21945,80 @@ img[src=""], img:not([src]) {
   width: 20px;
   height: 20px;
 }
-.semi-tag-solid .semi-tag-close {
+.semi-tag-colorful {
+  font-weight: 600;
+}
+.semi-tag-colorful.semi-tag-solid {
+  background: var(--semi-color-ai-purple);
   color: var(--semi-color-white);
-  opacity: 0.8;
 }
-.semi-tag-solid .semi-tag-close:hover {
-  opacity: 1;
+.semi-tag-colorful.semi-tag-solid.semi-tag-gradient {
+  background: var(--semi-color-ai-general);
+}
+.semi-tag-colorful.semi-tag-light {
+  background: rgba(var(--semi-ai-purple-0), 1);
+  color: var(--semi-color-ai-purple);
+}
+.semi-tag-colorful.semi-tag-light.semi-tag-gradient {
+  background: var(--semi-ai-general-0);
+}
+.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(1) {
+  stop-color: rgba(var(--semi-ai-general-5-0), 1);
+}
+.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(2) {
+  stop-color: rgba(var(--semi-ai-general-5-1), 1);
+}
+.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(3) {
+  stop-color: rgba(var(--semi-ai-general-5-2), 1);
+}
+.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(4) {
+  stop-color: rgba(var(--semi-ai-general-5-3), 1);
+}
+.semi-tag-colorful.semi-tag-light.semi-tag-gradient .semi-tag-content {
+  background: var(--semi-color-ai-general);
+  background-clip: text;
+  color: transparent;
+}
+.semi-tag-colorful.semi-tag-ghost {
+  background: var(--semi-color-white);
+  color: var(--semi-color-ai-purple);
+  border-color: var(--semi-color-ai-general);
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient {
+  border: none;
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(1) {
+  stop-color: rgba(var(--semi-ai-general-5-0), 1);
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(2) {
+  stop-color: rgba(var(--semi-ai-general-5-1), 1);
 }
-.semi-tag-solid .semi-tag-close:active {
-  opacity: 0.9;
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(3) {
+  stop-color: rgba(var(--semi-ai-general-5-2), 1);
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-prefix-icon svg stop:nth-child(4) {
+  stop-color: rgba(var(--semi-ai-general-5-3), 1);
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient.semi-tag-circle::before {
+  border-radius: var(--semi-border-radius-full);
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: var(--semi-border-radius-small);
+  padding: 1px;
+  background: var(--semi-color-ai-general);
+  -webkit-mask: linear-gradient(var(--semi-color-white) 0 0) content-box, linear-gradient(var(--semi-color-white) 0 0);
+  mask: linear-gradient(var(--semi-color-white) 0 0) content-box, linear-gradient(var(--semi-color-white) 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  pointer-events: none;
+}
+.semi-tag-colorful.semi-tag-ghost.semi-tag-gradient .semi-tag-content {
+  background: var(--semi-color-ai-general);
+  background-clip: text;
+  color: transparent;
 }
 
 .semi-tag-group {
@@ -21652,9 +23127,9 @@ img[src=""], img:not([src]) {
 }
 .semi-tooltip-wrapper {
   position: relative;
-  background-color: rgba(var(--semi-grey-7), 1);
+  background-color: var(--semi-color-bg-3);
   backdrop-filter: none;
-  color: var(--semi-color-bg-0);
+  color: var(--semi-color-text-0);
   border-radius: var(--semi-border-radius-medium);
   padding-top: 8px;
   padding-right: 12px;
@@ -24304,10 +25779,7 @@ p.semi-typography-extended,
   pointer-events: none;
   cursor: not-allowed;
 }
-.semi-button.semi-button-loading .semi-button-content .semi-button-content-loading-icon {
-  animation: 1600ms linear infinite semi-animation-rotate;
-}
-.semi-button.semi-button-loading .semi-button-content > svg {
+.semi-button.semi-button-loading .semi-button-content > svg, .semi-button.semi-button-loading .semi-button-content-loading-icon {
   width: 16px;
   height: 16px;
   animation: 600ms linear infinite semi-animation-rotate;