@semi-bot/semi-theme-imwf 1.0.2 → 1.0.4

package/semi.css

@@ -453,12 +453,12 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
-  --semi-shadow-elevated: 0px 0px 0px 0px rgba(0,0,0,0.30),0px 4px 16px 0px rgba(0,0,0,0.10);
+  --semi-shadow-elevated: 0px 0px 0px 0px rgba(0,0,0,0.30),0px 4px 20px 0px rgba(0,0,0,0.10);
   --semi-shadow-0: none;
   --semi-shadow-1: none;
   --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
   --semi-shadow-3: 0px 4px 8px 0px rgba(0,0,0,0.03);
-  --semi-shadow-knob: 0px 4px 8px 0px rgba(0,0,0,0.10),0px 0px 1px 0px rgba(0,0,0,0.30);
+  --semi-shadow-knob: 0px 4px 10px 0px rgba(0,0,0,0.10),0px 0px 1px 0px rgba(0,0,0,0.30);
   --semi-border-radius-m12: 12px;
   --semi-border-radius-full: 9999px;
   --semi-border-radius-large: 16px;
@@ -569,12 +569,12 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
-  --semi-shadow-elevated: 0px 0px 0px 0px rgba(0,0,0,0.30),0px 4px 16px 0px rgba(0,0,0,0.10);
+  --semi-shadow-elevated: 0px 0px 0px 0px rgba(0,0,0,0.30),0px 4px 20px 0px rgba(0,0,0,0.10);
   --semi-shadow-0: none;
   --semi-shadow-1: none;
   --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
   --semi-shadow-3: 0px 4px 8px 0px rgba(0,0,0,0.03);
-  --semi-shadow-knob: 0px 4px 8px 0px rgba(0,0,0,0.10),0px 0px 1px 0px rgba(0,0,0,0.30);
+  --semi-shadow-knob: 0px 4px 10px 0px rgba(0,0,0,0.10),0px 0px 1px 0px rgba(0,0,0,0.30);
   --semi-border-radius-m12: 12px;
   --semi-border-radius-full: 9999px;
   --semi-border-radius-large: 16px;
@@ -1678,6 +1678,17 @@ body, :host {
   height: 0;
   pointer-events: none;
 }
+.semi-aiChatInput-editor-content .tiptap p.has-skill-slot.is-editor-empty:first-child::before {
+  content: none;
+}
+.semi-aiChatInput-editor-content .tiptap p.has-skill-slot.is-editor-empty:first-child::after {
+  color: var(--semi-color-text-2);
+  content: attr(data-placeholder);
+  display: inline;
+  height: 0;
+  margin-left: 8px;
+  pointer-events: none;
+}
 .semi-aiChatInput-editor-content .tiptap p {
   margin: 0px;
   white-space: pre-wrap;
@@ -2982,10 +2993,10 @@ body, :host {
   display: inline-block;
 }
 .semi-badge-primary.semi-badge-solid {
-  background-color: var(--semi-color-primary);
+  background-color: var(--semi-color-data-2);
 }
 .semi-badge-primary.semi-badge-light {
-  background-color: var(--semi-color-primary-light-default);
+  background-color: var(--semi-color-highlight-bg);
   color: var(--semi-color-primary);
 }
 .semi-badge-primary.semi-badge-inverted {
@@ -3569,8 +3580,8 @@ body, :host {
   height: 24px;
   padding-top: 2px;
   padding-bottom: 2px;
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 10px;
+  padding-right: 10px;
   font-size: 14px;
   line-height: 20px;
   font-weight: 600;
@@ -3607,8 +3618,8 @@ body, :host {
   padding-right: 16px;
 }
 .semi-button-group > .semi-button-size-small .semi-button-content {
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 10px;
+  padding-right: 10px;
 }
 .semi-button-group > .semi-button.semi-button-with-icon-only {
   padding-left: 0;
@@ -3683,8 +3694,8 @@ body, :host {
 }
 .semi-rtl .semi-button-size-small,
 .semi-portal-rtl .semi-button-size-small {
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 10px;
+  padding-right: 10px;
 }
 .semi-rtl .semi-button-size-large,
 .semi-portal-rtl .semi-button-size-large {
@@ -3712,8 +3723,8 @@ body, :host {
 }
 .semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content,
 .semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 10px;
+  padding-right: 10px;
 }
 .semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only,
 .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {
@@ -4897,11 +4908,11 @@ body, :host {
   line-height: 24px;
 }
 .semi-cascader-small .semi-cascader-selection {
-  padding-left: 12px;
+  padding-left: 8px;
   padding-right: 12px;
 }
 .semi-cascader-small .semi-cascader-selection-multiple {
-  padding-left: 4px;
+  padding-left: 2px;
   padding-right: 4px;
 }
 .semi-cascader-large {
@@ -4974,7 +4985,7 @@ body, :host {
   flex-wrap: wrap;
   flex-grow: 1;
   overflow: hidden;
-  padding-left: 12px;
+  padding-left: 8px;
   padding-right: 12px;
   cursor: pointer;
   color: var(--semi-color-text-0);
@@ -6026,7 +6037,7 @@ body, :host {
 .semi-checkbox-cardType {
   flex-wrap: nowrap;
   align-items: flex-start;
-  border-radius: 3px;
+  border-radius: 8px;
   padding: 12px 16px;
   background: transparent;
   border: 1px solid transparent;
@@ -7253,10 +7264,10 @@ body, :host {
   height: fit-content;
   border: none;
 }
-.semi-datepicker-range-input-wrapper .semi-input-wrapper:active {
+.semi-datepicker-range-input-wrapper .semi-input-wrapper:active:not(#neverExistElement) {
   background-color: transparent;
 }
-.semi-datepicker-range-input-wrapper .semi-input-wrapper:hover {
+.semi-datepicker-range-input-wrapper .semi-input-wrapper:hover:not(#neverExistElement) {
   background-color: transparent;
 }
 .semi-datepicker-range-input-wrapper-focus {
@@ -8193,7 +8204,7 @@ body, :host {
 }
 .semi-dropdown-wrapper {
   overflow-y: auto;
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
   position: relative;
   z-index: 1050;
   border-radius: var(--semi-border-radius-medium);
@@ -8612,7 +8623,7 @@ body, :host {
 }
 .semi-form-field-label {
   box-sizing: border-box;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--semi-color-text-0);
   margin-bottom: 4px;
   margin-top: 0px;
@@ -14508,7 +14519,7 @@ img[src=""], img:not([src]) {
   line-height: 20px;
   background-color: var(--semi-color-fill-0);
   border: 1px transparent solid;
-  border-radius: var(--semi-border-radius-small);
+  border-radius: 6px;
   width: 100%;
   outline: none;
   cursor: text;
@@ -14631,7 +14642,7 @@ img[src=""], img:not([src]) {
 }
 .semi-input-wrapper .semi-input-clearbtn:focus-visible,
 .semi-input-wrapper .semi-input-modebtn:focus-visible {
-  border-radius: var(--semi-border-radius-small);
+  border-radius: 6px;
   outline: 2px solid var(--semi-color-primary-light-active);
   outline-offset: -1px;
 }
@@ -14644,14 +14655,14 @@ img[src=""], img:not([src]) {
   justify-content: center;
 }
 .semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
 }
 .semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input:not(:last-child) {
   border-right-style: none;
   border-radius: 0;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input {
-  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
+  border-radius: 6px 0 0 6px;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input:not(:last-child) {
   border-right-style: none;
@@ -14694,7 +14705,7 @@ img[src=""], img:not([src]) {
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn {
   border: 1px var(--semi-color-focus-border) solid;
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
   border-left-style: none;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn:not(:last-child) {
@@ -14702,7 +14713,7 @@ img[src=""], img:not([src]) {
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
   border: 1px var(--semi-color-focus-border) solid;
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
   border-left-style: none;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn:not(:last-child) {
@@ -14718,7 +14729,7 @@ img[src=""], img:not([src]) {
   background-color: var(--semi-color-fill-0);
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error {
   border-color: transparent;
@@ -14753,7 +14764,7 @@ img[src=""], img:not([src]) {
   background-color: var(--semi-color-danger-light-default);
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover:last-child {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning {
   border-color: transparent;
@@ -14788,7 +14799,7 @@ img[src=""], img:not([src]) {
   background-color: var(--semi-color-warning-light-default);
 }
 .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
 }
 .semi-input-wrapper-disabled {
   cursor: not-allowed;
@@ -14812,8 +14823,8 @@ img[src=""], img:not([src]) {
   outline: none;
   width: 100%;
   color: inherit;
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 8px;
+  padding-right: 8px;
   background-color: transparent;
   box-sizing: border-box;
 }
@@ -14912,11 +14923,11 @@ img[src=""], img:not([src]) {
   padding: 0 12px;
 }
 .semi-input-append {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
   border-left: 1px transparent solid;
 }
 .semi-input-prepend {
-  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
+  border-radius: 6px 0 0 6px;
   border-right: 1px transparent solid;
 }
 .semi-input-disabled::placeholder {
@@ -14938,13 +14949,13 @@ img[src=""], img:not([src]) {
 .semi-input-group .semi-tagInput:first-child,
 .semi-input-group .semi-cascader:first-child,
 .semi-input-group .semi-tree-select:first-child, .semi-input-group > .semi-input-wrapper:first-child {
-  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
+  border-radius: 6px 0 0 6px;
 }
 .semi-input-group .semi-select:last-child,
 .semi-input-group .semi-tagInput:last-child,
 .semi-input-group .semi-cascader:last-child,
 .semi-input-group .semi-tree-select:last-child, .semi-input-group > .semi-input-wrapper:last-child {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
 }
 .semi-input-group .semi-select:not(:last-child),
 .semi-input-group .semi-tagInput:not(:last-child),
@@ -14985,7 +14996,7 @@ img[src=""], img:not([src]) {
 .semi-input-group .semi-timepicker:first-child .semi-datepicker-range-input,
 .semi-input-group .semi-autocomplete:first-child .semi-input-wrapper,
 .semi-input-group .semi-autocomplete:first-child .semi-datepicker-range-input {
-  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
+  border-radius: 6px 0 0 6px;
 }
 .semi-input-group .semi-input-number:last-child .semi-input-wrapper,
 .semi-input-group .semi-input-number:last-child .semi-datepicker-range-input,
@@ -14995,7 +15006,7 @@ img[src=""], img:not([src]) {
 .semi-input-group .semi-timepicker:last-child .semi-datepicker-range-input,
 .semi-input-group .semi-autocomplete:last-child .semi-input-wrapper,
 .semi-input-group .semi-autocomplete:last-child .semi-datepicker-range-input {
-  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
+  border-radius: 0 6px 6px 0;
 }
 .semi-input-group .semi-input-number:not(:last-child),
 .semi-input-group .semi-datepicker:not(:last-child),
@@ -15069,8 +15080,8 @@ img[src=""], img:not([src]) {
 }
 .semi-rtl .semi-input,
 .semi-portal-rtl .semi-input {
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 8px;
+  padding-right: 8px;
 }
 .semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
 .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text,
@@ -15137,8 +15148,8 @@ img[src=""], img:not([src]) {
   flex-direction: column;
   margin-left: 4px;
   border: 1px solid var(--semi-color-border);
-  border-radius: var(--semi-border-radius-small);
-  background-color: var(--semi-color-bg-2);
+  border-radius: 5px;
+  background-color: var(--semi-color-default);
   box-sizing: border-box;
 }
 .semi-input-number-suffix-btns > .semi-input-number-button {
@@ -15230,6 +15241,10 @@ img[src=""], img:not([src]) {
   margin-right: 0;
 }
 
+.semi-json-viewer {
+  box-sizing: border-box;
+  padding: 12px 0;
+}
 .semi-json-viewer-background {
   background-color: var(--semi-color-default);
 }
@@ -16722,7 +16737,7 @@ img[src=""], img:not([src]) {
 }
 
 .semi-notification-notice {
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
   border-radius: var(--semi-border-radius-medium);
   padding-top: 16px;
   padding-right: 12px;
@@ -17354,7 +17369,7 @@ img[src=""], img:not([src]) {
   position: relative;
   background-color: var(--semi-color-bg-3);
   backdrop-filter: none;
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
   z-index: 1030;
   border-radius: var(--semi-border-radius-medium);
   font-size: 14px;
@@ -17824,7 +17839,7 @@ img[src=""], img:not([src]) {
 }
 .semi-radio-addon-buttonRadio {
   text-align: center;
-  border-radius: var(--semi-border-radius-small);
+  border-radius: 6px;
   font-weight: 600;
   color: var(--semi-color-text-1);
   font-size: 12px;
@@ -18179,7 +18194,7 @@ img[src=""], img:not([src]) {
   height: 100%;
   width: 100%;
   inset: 0;
-  z-index: 2010;
+  z-index: 20;
   opacity: 0;
   position: fixed;
 }
@@ -18557,7 +18572,7 @@ img[src=""], img:not([src]) {
   align-items: center;
   flex-grow: 1;
   overflow: hidden;
-  margin-left: 12px;
+  margin-left: 8px;
   cursor: pointer;
   color: var(--semi-color-text-0);
 }
@@ -18877,7 +18892,7 @@ img[src=""], img:not([src]) {
 .semi-rtl .semi-select-selection,
 .semi-portal-rtl .semi-select-selection {
   margin-left: 0;
-  margin-right: 12px;
+  margin-right: 8px;
 }
 .semi-rtl .semi-select-selection .semi-tag:nth-of-type(1),
 .semi-portal-rtl .semi-select-selection .semi-tag:nth-of-type(1) {
@@ -19215,143 +19230,674 @@ img[src=""], img:not([src]) {
   text-align: right;
 }
 
-.semi-skeleton-avatar, .semi-skeleton-image, .semi-skeleton-title, .semi-skeleton-button {
-  background: var(--semi-color-fill-0);
-  border-radius: var(--semi-border-radius-small);
-}
-.semi-skeleton-avatar-circle {
-  border-radius: 50%;
+.semi-sidebar-main .semi-sidebar-container-content {
+  overflow: hidden;
 }
-.semi-skeleton-avatar-extra-extra-small {
-  width: 20px;
-  height: 20px;
+.semi-sidebar-main-content-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
 }
-.semi-skeleton-avatar-extra-small {
-  width: 24px;
-  height: 24px;
+.semi-sidebar-main-content {
+  padding: 12px;
+  height: 100%;
+  box-sizing: border-box;
+  overflow: auto;
 }
-.semi-skeleton-avatar-medium {
-  width: 48px;
-  height: 48px;
+.semi-sidebar-container {
+  height: 100%;
+  border-left: 1px solid var(--semi-color-border);
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  position: relative;
 }
-.semi-skeleton-avatar-small {
-  width: 32px;
-  height: 32px;
+.semi-sidebar-container-header {
+  display: flex;
+  align-items: center;
+  padding: 12px 12px 12px 20px;
+  border-bottom: 1px solid var(--semi-color-border);
 }
-.semi-skeleton-avatar-large {
-  width: 72px;
-  height: 72px;
+.semi-sidebar-container-header-title {
+  flex: 1;
+  font-size: 16px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 22px;
+  font-weight: 600;
 }
-.semi-skeleton-avatar-extra-large {
-  width: 128px;
-  height: 128px;
+.semi-sidebar-container-header-closeBtn {
+  flex-shrink: 0;
 }
-.semi-skeleton-paragraph {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
+.semi-sidebar-container-content {
+  flex: 1 1;
+  overflow: hidden;
 }
-.semi-skeleton-paragraph li {
-  background: var(--semi-color-fill-0);
-  border-radius: var(--semi-border-radius-small);
-  width: 100%;
-  height: 16px;
-  margin-bottom: 10px;
+.semi-sidebar-container .semi-toast-wrapper {
+  position: absolute;
 }
-.semi-skeleton-paragraph li:last-child {
-  width: 60%;
-  margin-bottom: 0;
+@keyframes semi-sidebar-slideShow_right {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
 }
-.semi-skeleton-paragraph li:first-child {
-  width: 100%;
+@keyframes semi-sidebar-slideHide_right {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(100%);
+  }
 }
-.semi-skeleton-title {
-  width: 100%;
-  height: 24px;
+.semi-sidebar-animation-content_show {
+  animation: semi-sidebar-slideShow_right 180ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
+  animation-fill-mode: forwards;
 }
-.semi-skeleton-button {
-  width: 115px;
-  height: 32px;
+.semi-sidebar-animation-content_hide {
+  animation: semi-sidebar-slideHide_right 180ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
+  animation-fill-mode: forwards;
 }
-.semi-skeleton-image {
-  width: 100%;
+.semi-sidebar-mcp-configure-content {
+  padding: 20px 16px;
+  display: flex;
+  flex-direction: column;
   height: 100%;
+  box-sizing: border-box;
 }
-.semi-skeleton-active .semi-skeleton-avatar,
-.semi-skeleton-active .semi-skeleton-image,
-.semi-skeleton-active .semi-skeleton-title,
-.semi-skeleton-active .semi-skeleton-button,
-.semi-skeleton-active .semi-skeleton-paragraph li {
-  background: linear-gradient(90deg, var(--semi-color-fill-0) 25%, var(--semi-color-fill-1) 44%, var(--semi-color-fill-0) 88%);
-  background-size: 400% 100%;
-  animation: 1400ms skeleton-loading ease infinite;
-  animation-fill-mode: forwards;
+.semi-sidebar-mcp-configure-content-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
-@keyframes skeleton-loading {
-  0% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0 50%;
-  }
+.semi-sidebar-mcp-configure-content-header-count {
+  font-size: 12px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  vertical-align: middle;
+  color: var(--semi-color-text-2);
 }
-
-.semi-rtl .semi-skeleton,
-.semi-portal-rtl .semi-skeleton {
-  direction: rtl;
+.semi-sidebar-mcp-configure-content-search {
+  margin: 16px 0;
 }
-
-.semi-slider {
-  padding: 0px 13px;
-  margin: 0px;
+.semi-sidebar-mcp-configure-content-search-container {
+  display: flex;
+  column-gap: 8px;
 }
-.semi-slider-wrapper {
-  box-sizing: border-box;
-  position: relative;
+.semi-sidebar-mcp-configure-content-item-container {
+  overflow-y: auto;
+}
+.semi-sidebar-mcp-configure-content-item {
+  padding: 8px 16px;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid var(--semi-color-border);
+}
+.semi-sidebar-mcp-configure-content-item-sign {
+  width: 32px;
   height: 32px;
-  width: 100%;
-  display: inline-block;
-  vertical-align: bottom;
+  margin-right: 12px;
+  flex-shrink: 0;
 }
-.semi-slider-rail {
-  box-sizing: border-box;
-  margin: 0px;
-  padding: 0px;
-  color: rgba(0, 0, 0, 0.65);
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5;
-  list-style: none;
-  font-feature-settings: "tnum";
-  position: absolute;
-  height: 4px;
-  cursor: pointer;
-  touch-action: none;
-  background-color: var(--semi-color-fill-0);
-  width: 100%;
-  border-radius: var(--semi-border-radius-small);
-  top: 14px;
+.semi-sidebar-mcp-configure-content-item-sign .semi-icon {
+  font-size: 32px;
 }
-.semi-slider-handle {
-  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
-  box-sizing: border-box;
-  touch-action: none;
-  position: absolute;
-  width: 24px;
-  height: 24px;
-  margin-top: 4px;
-  background-color: var(--semi-color-white);
-  border: none;
-  border-radius: 50%;
-  cursor: pointer;
-  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
-  transform: var(--semi-transform_scale-small) translateX(-50%) translateY(0px);
-  display: inline-flex;
+.semi-sidebar-mcp-configure-content-item-content {
   justify-content: center;
-  align-items: center;
-}
-.semi-slider-handle:focus-visible {
-  outline: 2px solid var(--semi-color-primary-light-active);
+  flex: 1;
+  min-width: 0;
+  margin-right: 24px;
+}
+.semi-sidebar-mcp-configure-content-item-content-label {
+  font-size: 14px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 20px;
+  font-weight: 600;
+  color: var(--semi-color-text-0);
+}
+.semi-sidebar-mcp-configure-content-item-content-desc {
+  font-size: 12px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  color: var(--semi-color-text-0);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+}
+.semi-sidebar-mcp-configure-content-item-button {
+  flex-shrink: 0;
+}
+.semi-sidebar-mcp-configure-content-item-button-configure {
+  margin-right: 12px;
+}
+.semi-sidebar-mcp-configure-content-item-button.semi-button.semi-button-with-icon-only {
+  width: 24px;
+  height: 24px;
+}
+.semi-sidebar-mcp-configure-content-custom-empty {
+  margin-top: 64px;
+}
+.semi-sidebar-annotation .semi-sidebar-container-content {
+  padding: 12px;
+  overflow: auto;
+}
+.semi-sidebar-annotation-content {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 8px;
+  width: 100%;
+}
+.semi-sidebar-annotation-item {
+  cursor: pointer;
+}
+.semi-sidebar-annotation-item-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+  max-width: 100%;
+  display: -webkit-box;
+  line-clamp: 2;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  font-size: 14px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 20px;
+  color: var(--semi-color-text-0);
+  font-weight: 600;
+}
+.semi-sidebar-annotation-item-footer {
+  display: flex;
+  column-gap: 4px;
+  align-items: center;
+}
+.semi-sidebar-annotation-item-footer-logo {
+  font-size: 14px;
+  width: 14px;
+  height: 14px;
+}
+.semi-sidebar-annotation-item-footer-text {
+  font-size: 12px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  color: var(--semi-color-text-0);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex-grow: 1;
+}
+.semi-sidebar-annotation-item-footer-order {
+  box-sizing: border-box;
+  min-width: 16px;
+  padding: 0 2px;
+  height: 16px;
+  border-radius: 8px;
+  background-color: var(--semi-color-fill-1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  color: var(--semi-color-text-2);
+}
+.semi-sidebar-annotation-item-text {
+  padding: 3px 12px;
+  width: 100%;
+  row-gap: 8px;
+  display: flex;
+  flex-direction: column;
+}
+.semi-sidebar-annotation-item-text-detail {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+  max-width: 100%;
+  display: -webkit-box;
+  line-clamp: 4;
+  -webkit-line-clamp: 4;
+  -webkit-box-orient: vertical;
+  font-size: 12px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  color: var(--semi-color-text-2);
+}
+.semi-sidebar-annotation-item-video {
+  border-radius: 6px;
+  border: 1px solid var(--semi-color-border);
+  overflow: hidden;
+  width: calc((100% - 8px) / 2);
+  box-sizing: border-box;
+}
+.semi-sidebar-annotation-item-video-content {
+  padding: 8px 8px 12px 8px;
+  display: flex;
+  flex-direction: column;
+  row-gap: 8px;
+}
+.semi-sidebar-annotation-item-video .semi-sidebar-annotation-item-title {
+  height: 40px;
+}
+.semi-sidebar-annotation-item-video-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.semi-sidebar-annotation-item-video-img-wrapper {
+  position: relative;
+  width: 100%;
+  height: 107px;
+}
+.semi-sidebar-annotation-item-video-play {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  border: 1px solid var(--semi-color-bg-0);
+  background: var(--semi-color-text-2);
+  color: var(--semi-color-bg-0);
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+}
+.semi-sidebar-annotation-item-video-play.semi-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+}
+.semi-sidebar-annotation-item-video-duration {
+  padding: 2px 4px;
+  position: absolute;
+  bottom: 6px;
+  right: 6px;
+  background-color: rgba(var(--semi-grey-7), 0.7);
+  border-radius: 4px;
+  font-size: 12px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 16px;
+  color: var(--semi-color-bg-0);
+}
+.semi-sidebar-annotation-item-video-title {
+  font-size: 14px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 20px;
+  color: var(--semi-color-text-0);
+}
+.semi-sidebar-code-content {
+  height: 100%;
+}
+.semi-sidebar-code-content .semi-codeHighlight-defaultTheme pre[class*=language-], .semi-sidebar-main-content .semi-codeHighlight-defaultTheme pre[class*=language-] {
+  margin: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  background-color: transparent;
+  overflow-y: hidden;
+  overflow-x: auto;
+}
+.semi-sidebar-code-content .semi-codeHighlight .line-numbers .line-numbers-rows, .semi-sidebar-main-content .semi-codeHighlight .line-numbers .line-numbers-rows {
+  border-right: none;
+}
+.semi-sidebar-code-content .semi-json-viewer, .semi-sidebar-main-content .semi-json-viewer {
+  padding-top: 0px;
+  padding-bottom: 0px;
+  background-color: transparent;
+}
+.semi-sidebar-collapse .semi-collapse-item {
+  border: 1px solid var(--semi-color-border);
+  border-radius: 8px;
+}
+.semi-sidebar-collapse .semi-collapse-item:not(:last-child) {
+  margin-bottom: 8px;
+}
+.semi-sidebar-collapse .semi-collapse-header {
+  padding: 8px 16px;
+  margin: 0px;
+  font-weight: 400;
+}
+.semi-sidebar-collapse-header-content {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding-right: 8px;
+}
+.semi-sidebar-collapse-header-content .semi-icon {
+  color: var(--semi-color-text-1);
+}
+.semi-sidebar-collapse-header-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.semi-sidebar-collapse-header-expand-btn {
+  flex-shrink: 0;
+}
+.semi-sidebar-collapse-header-expand-btn.semi-button.semi-button-with-icon-only {
+  padding: 4px;
+  width: 24px;
+  height: 24px;
+}
+.semi-sidebar-collapse .semi-collapse-item-active .semi-collapsible-wrapper {
+  border-top: 1px solid var(--semi-color-border);
+}
+.semi-sidebar-collapse-code .semi-collapse-content {
+  padding: 12px 0px;
+}
+.semi-sidebar-options {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--semi-color-border);
+}
+.semi-sidebar-options-button .semi-button-content-right {
+  margin-left: 4px;
+}
+.semi-sidebar-options-normal.semi-button-primary.semi-button-light {
+  color: var(--semi-color-text-2);
+  font-weight: 400;
+}
+.semi-sidebar-file .tiptap {
+  font-size: 14px;
+  line-height: 24px;
+}
+.semi-sidebar-file .tiptap ::selection {
+  background: rgba(var(--semi-light-blue-1), 1);
+}
+.semi-sidebar-file .tiptap ::-moz-selection {
+  background: rgba(var(--semi-light-blue-1), 1);
+}
+.semi-sidebar-file .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-sidebar-file .tiptap p {
+  margin: 0px;
+  white-space: pre-wrap;
+  color: var(--semi-color-text-0);
+}
+.semi-sidebar-file .tiptap blockquote {
+  border-left: 3px solid var(--semi-color-border);
+  margin: 24px 0;
+  padding-left: 16px;
+}
+.semi-sidebar-file .tiptap:focus {
+  outline: none;
+}
+.semi-sidebar-file .tiptap pre {
+  background-color: var(--semi-color-fill-0);
+  padding: 2px 4px;
+  border-radius: 4px;
+  overflow: auto;
+  font-size: 14px;
+  line-height: 24px;
+  border: 1px solid var(--semi-color-border);
+}
+.semi-sidebar-file .tiptap pre code {
+  background-color: transparent;
+}
+.semi-sidebar-file .tiptap code {
+  background-color: var(--semi-color-border);
+  padding: 2px 4px;
+}
+.semi-sidebar-file .tiptap hr {
+  border: none;
+  border-top: 1px solid var(--semi-color-border);
+}
+.semi-sidebar-file .tiptap span.select {
+  display: inline-block;
+  background-color: rgba(var(--semi-light-blue-1), 1);
+  line-height: 24px;
+}
+.semi-sidebar-file .tiptap.ProseMirror img:not([data-type=emoji] img) {
+  outline: 0.125rem solid transparent;
+  margin: 12px 0;
+}
+.semi-sidebar-file .tiptap.ProseMirror img:not([data-type=emoji] img).ProseMirror-selectednode {
+  outline-color: var(--semi-color-text-0);
+}
+.semi-sidebar-file .tiptap .tiptap-image-slot .uploadFail .semi-upload-drag-area, .semi-sidebar-file .tiptap .tiptap-image-slot .validateFail .semi-upload-drag-area, .semi-sidebar-file .tiptap .tiptap-image-slot .uploading .semi-upload-drag-area, .semi-sidebar-file .tiptap .tiptap-image-slot .success .semi-upload-drag-area {
+  display: none;
+}
+.semi-sidebar-file-menu-bar {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 2px;
+  border-top: 1px solid var(--semi-color-border);
+  border-bottom: 1px solid var(--semi-color-border);
+  padding: 2px 12px;
+}
+.semi-sidebar-file-menu-bar-dropdown-item-active {
+  color: var(--semi-color-primary);
+  background: var(--semi-color-fill-0);
+}
+.semi-sidebar-file-menu-bar .semi-divider-vertical {
+  margin: 0px;
+}
+.semi-sidebar-file-menu-bar-btn-active.semi-button-tertiary.semi-button-borderless {
+  background: var(--semi-color-fill-0);
+}
+.semi-sidebar-file-menu-bar-btn-codeblock {
+  font-size: 12px;
+  line-height: 16px;
+  padding: 8px;
+}
+.semi-sidebar-file-menu-bar-link-dropdown {
+  padding: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.semi-sidebar-file-menu-bar-link-dropdown-btn-active.semi-button-tertiary.semi-button-borderless {
+  color: var(--semi-color-primary);
+}
+.semi-sidebar-detail .semi-sidebar-file {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.semi-sidebar-detail .semi-sidebar-file-content {
+  height: 100%;
+}
+.semi-sidebar-detail .semi-sidebar-file-editor {
+  overflow: auto;
+  flex: 1;
+  padding: 0 12px;
+}
+.semi-sidebar-detail .semi-sidebar-code-content {
+  overflow: auto;
+}
+.semi-sidebar-main .semi-sidebar-code-content {
+  height: 200px;
+  overflow: auto;
+}
+.semi-sidebar-main .semi-sidebar-collapse-file .semi-collapse-content {
+  max-height: 400px;
+  overflow: auto;
+}
+.semi-sidebar-main .semi-sidebar-collapse-code .semi-collapse-content {
+  max-height: 200px;
+  overflow: auto;
+}
+.semi-sidebar-main .semi-codeHighlight {
+  height: 200px;
+  overflow: auto;
+}
+.semi-sidebar-detail-header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--semi-color-text-0);
+  padding: 12px;
+}
+.semi-sidebar-detail-header-left {
+  display: flex;
+  flex-direction: row;
+  column-gap: 8px;
+  align-items: center;
+}
+.semi-sidebar-detail-header-title {
+  font-size: 16px;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 22px;
+  font-weight: 600;
+}
+.semi-sidebar-detail-header-right {
+  display: flex;
+  flex-direction: row;
+  column-gap: 4px;
+  align-items: center;
+}
+
+.semi-skeleton-avatar, .semi-skeleton-image, .semi-skeleton-title, .semi-skeleton-button {
+  background: var(--semi-color-fill-0);
+  border-radius: var(--semi-border-radius-small);
+}
+.semi-skeleton-avatar-circle {
+  border-radius: 50%;
+}
+.semi-skeleton-avatar-extra-extra-small {
+  width: 20px;
+  height: 20px;
+}
+.semi-skeleton-avatar-extra-small {
+  width: 24px;
+  height: 24px;
+}
+.semi-skeleton-avatar-medium {
+  width: 48px;
+  height: 48px;
+}
+.semi-skeleton-avatar-small {
+  width: 32px;
+  height: 32px;
+}
+.semi-skeleton-avatar-large {
+  width: 72px;
+  height: 72px;
+}
+.semi-skeleton-avatar-extra-large {
+  width: 128px;
+  height: 128px;
+}
+.semi-skeleton-paragraph {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.semi-skeleton-paragraph li {
+  background: var(--semi-color-fill-0);
+  border-radius: var(--semi-border-radius-small);
+  width: 100%;
+  height: 16px;
+  margin-bottom: 10px;
+}
+.semi-skeleton-paragraph li:last-child {
+  width: 60%;
+  margin-bottom: 0;
+}
+.semi-skeleton-paragraph li:first-child {
+  width: 100%;
+}
+.semi-skeleton-title {
+  width: 100%;
+  height: 24px;
+}
+.semi-skeleton-button {
+  width: 115px;
+  height: 32px;
+}
+.semi-skeleton-image {
+  width: 100%;
+  height: 100%;
+}
+.semi-skeleton-active .semi-skeleton-avatar,
+.semi-skeleton-active .semi-skeleton-image,
+.semi-skeleton-active .semi-skeleton-title,
+.semi-skeleton-active .semi-skeleton-button,
+.semi-skeleton-active .semi-skeleton-paragraph li {
+  background: linear-gradient(90deg, var(--semi-color-fill-0) 25%, var(--semi-color-fill-1) 44%, var(--semi-color-fill-0) 88%);
+  background-size: 400% 100%;
+  animation: 1400ms skeleton-loading ease infinite;
+  animation-fill-mode: forwards;
+}
+@keyframes skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+
+.semi-rtl .semi-skeleton,
+.semi-portal-rtl .semi-skeleton {
+  direction: rtl;
+}
+
+.semi-slider {
+  padding: 0px 13px;
+  margin: 0px;
+}
+.semi-slider-wrapper {
+  box-sizing: border-box;
+  position: relative;
+  height: 32px;
+  width: 100%;
+  display: inline-block;
+  vertical-align: bottom;
+}
+.semi-slider-rail {
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 0px;
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5;
+  list-style: none;
+  font-feature-settings: "tnum";
+  position: absolute;
+  height: 4px;
+  cursor: pointer;
+  touch-action: none;
+  background-color: var(--semi-color-fill-0);
+  width: 100%;
+  border-radius: var(--semi-border-radius-small);
+  top: 14px;
+}
+.semi-slider-handle {
+  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
+  box-sizing: border-box;
+  touch-action: none;
+  position: absolute;
+  width: 24px;
+  height: 24px;
+  margin-top: 4px;
+  background-color: var(--semi-color-white);
+  border: none;
+  border-radius: 50%;
+  cursor: pointer;
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
+  transform: var(--semi-transform_scale-small) translateX(-50%) translateY(0px);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+.semi-slider-handle:focus-visible {
+  outline: 2px solid var(--semi-color-primary-light-active);
 }
 .semi-slider-handle-dot {
   background: var(--semi-color-primary);
@@ -19856,6 +20402,9 @@ img[src=""], img:not([src]) {
 }
 .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title {
   max-width: 80%;
+  min-height: 24px;
+  display: inline-flex;
+  align-items: center;
 }
 .semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text {
   overflow: hidden;
@@ -19863,6 +20412,9 @@ img[src=""], img:not([src]) {
   white-space: nowrap;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
+.semi-steps-basic.semi-steps-horizontal .semi-steps-item .semi-steps-item-title .semi-steps-item-title-text-empty {
+  width: 0;
+}
 .semi-steps-basic.semi-steps-vertical {
   display: flex;
   flex-flow: column nowrap;
@@ -20197,7 +20749,7 @@ img[src=""], img:not([src]) {
   background-color: var(--semi-color-fill-1);
 }
 .semi-switch-knob {
-  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
   cursor: pointer;
   border-radius: 9px;
   background-color: rgba(var(--semi-white), 1);
@@ -20543,7 +21095,7 @@ img[src=""], img:not([src]) {
   width: 48px;
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head {
-  background-color: var(--semi-color-bg-1);
+  background-color: var(--semi-color-default);
   color: var(--semi-color-text-2);
   font-weight: 600;
   text-align: left;
@@ -20567,7 +21119,7 @@ img[src=""], img:not([src]) {
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left, .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right {
   z-index: 101;
   position: sticky;
-  background-color: var(--semi-color-bg-1);
+  background-color: var(--semi-color-default);
 }
 .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
   border-right: 1px solid var(--semi-color-border);
@@ -21083,7 +21635,7 @@ img[src=""], img:not([src]) {
   padding: 8px 12px;
 }
 .semi-tabs-bar-more-trigger-button {
-  padding: 8px 12px;
+  padding: 6px 15px;
 }
 .semi-tabs-bar .semi-tabs-tab {
   font-size: 14px;
@@ -21095,7 +21647,7 @@ img[src=""], img:not([src]) {
   display: block;
   float: left;
   font-weight: 400;
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-text-1);
   user-select: none;
 }
 .semi-tabs-bar .semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
@@ -21155,7 +21707,7 @@ img[src=""], img:not([src]) {
   position: relative;
   display: inline-block;
   font-weight: 400;
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-text-1);
   user-select: none;
 }
 .semi-tabs-tab-single.semi-tabs-tab .semi-icon:not(.semi-icon-checkbox_tick, .semi-icon-radio, .semi-icon-checkbox_indeterminate) {
@@ -21447,9 +21999,9 @@ img[src=""], img:not([src]) {
   margin-right: 8px;
 }
 .semi-tabs-bar-button .semi-tabs-tab {
-  padding: 8px 12px;
+  padding: 6px 15px;
   border-radius: 23px;
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-text-1);
   border: none;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
@@ -21681,9 +22233,9 @@ img[src=""], img:not([src]) {
   border: none;
 }
 .semi-tabs-tab-button.semi-tabs-tab {
-  padding: 8px 12px;
+  padding: 6px 15px;
   border-radius: 23px;
-  color: var(--semi-color-text-2);
+  color: var(--semi-color-text-1);
   border: none;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
@@ -22956,13 +23508,13 @@ img[src=""], img:not([src]) {
 }
 .semi-toast-content {
   pointer-events: all;
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
   font-size: 14px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 20px;
   background-color: var(--semi-color-bg-3);
   border-radius: var(--semi-border-radius-medium);
-  padding: 12px 8px 12px 8px;
+  padding: 12px 8px 12px 12px;
   display: inline-flex;
   align-items: flex-start;
   justify-content: center;
@@ -24121,7 +24673,7 @@ img[src=""], img:not([src]) {
   flex-wrap: wrap;
   flex-grow: 1;
   overflow: hidden;
-  padding-left: 12px;
+  padding-left: 8px;
   padding-right: 0;
   cursor: pointer;
   color: var(--semi-color-text-0);
@@ -24146,7 +24698,7 @@ img[src=""], img:not([src]) {
 }
 .semi-tree-select-selection-TriggerSearchItem {
   position: absolute;
-  max-width: calc(100% - 12px);
+  max-width: calc(100% - 8px);
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -24367,7 +24919,7 @@ img[src=""], img:not([src]) {
 }
 .semi-rtl .semi-tree-select-selection,
 .semi-portal-rtl .semi-tree-select-selection {
-  padding-right: 12px;
+  padding-right: 8px;
   padding-left: 0;
 }
 .semi-rtl .semi-tree-select-multiple .semi-tree-select-selection,
@@ -25804,8 +26356,8 @@ p.semi-typography-extended,
 }
 .semi-rtl .semi-button-size-small,
 .semi-portal-rtl .semi-button-size-small {
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 10px;
+  padding-right: 10px;
 }
 .semi-rtl .semi-button-size-large,
 .semi-portal-rtl .semi-button-size-large {
@@ -25833,8 +26385,8 @@ p.semi-typography-extended,
 }
 .semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content,
 .semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 10px;
+  padding-right: 10px;
 }
 .semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only,
 .semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {
@@ -25907,7 +26459,7 @@ p.semi-typography-extended,
   position: relative;
   width: 100%;
   border: 1px transparent solid;
-  border-radius: var(--semi-border-radius-small);
+  border-radius: 6px;
   vertical-align: bottom;
   background-color: var(--semi-color-fill-0);
   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);
@@ -26071,6 +26623,49 @@ p.semi-typography-extended,
   color: var(--semi-color-warning);
 }
 
+.semi-input-textarea-wrapper-withLineNumber {
+  display: flex;
+  padding: 0;
+  align-items: flex-start;
+}
+.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber {
+  flex-shrink: 0;
+  padding: 5px 12px;
+  background-color: var(--semi-color-fill-1);
+  border-right: 1px solid var(--semi-color-border);
+  color: var(--semi-color-text-2);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: inherit;
+  line-height: 1.5;
+  text-align: right;
+  user-select: none;
+  min-width: 36px;
+  border-radius: 6px 0 0 6px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber::-webkit-scrollbar {
+  display: none;
+}
+.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-content {
+  display: flex;
+  flex: 1;
+  min-width: 0;
+}
+.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea-lineNumber-item {
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-end;
+  box-sizing: border-box;
+}
+.semi-input-textarea-wrapper-withLineNumber .semi-input-textarea {
+  border-radius: 0 6px 6px 0;
+  line-height: 1.5;
+  flex: 1;
+}
+
 .semi-rtl .semi-input-wrapper,
 .semi-portal-rtl .semi-input-wrapper {
   direction: rtl;
@@ -26087,8 +26682,8 @@ p.semi-typography-extended,
 }
 .semi-rtl .semi-input,
 .semi-portal-rtl .semi-input {
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 8px;
+  padding-right: 8px;
 }
 .semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
 .semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text,