@semi-bot/semi-theme-commindlight 1.0.4 → 1.0.5

package/semi.css

@@ -153,17 +153,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-yellow-7: 161,145,25;
   --semi-yellow-8: 121,110,18;
   --semi-yellow-9: 81,74,11;
-  --semi-Tangerine-0: 255,245,237;
-  --semi-Tangerine-1: 255,229,209;
-  --semi-Tangerine-2: 255,200,163;
-  --semi-Tangerine-3: 255,168,117;
-  --semi-Tangerine-4: 255,132,71;
-  --semi-Tangerine-5: 255,94,25;
-  --semi-Tangerine-6: 219,69,15;
-  --semi-Tangerine-7: 184,48,7;
-  --semi-Tangerine-8: 148,31,1;
-  --semi-Tangerine-9: 112,19,0;
-  --semi-blue-grey-0: 247,248,250;
+  --semi-blue-grey-0: 247,248,252;
   --semi-blue-grey-1: 245,246,250;
   --semi-blue-grey-2: 240,242,250;
   --semi-blue-grey-3: 181,193,214;
@@ -173,6 +163,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-blue-grey-7: 99,113,146;
   --semi-blue-grey-8: 82,94,126;
   --semi-blue-grey-9: 65,76,105;
+  --semi-tangerine-0: 255,245,237;
+  --semi-tangerine-1: 255,229,209;
+  --semi-tangerine-2: 255,200,163;
+  --semi-tangerine-3: 255,168,117;
+  --semi-tangerine-4: 255,132,71;
+  --semi-tangerine-5: 255,94,25;
+  --semi-tangerine-6: 219,69,15;
+  --semi-tangerine-7: 184,48,7;
+  --semi-tangerine-8: 148,31,1;
+  --semi-tangerine-9: 112,19,0;
   --semi-light-blue-0: 236,247,254;
   --semi-light-blue-1: 207,235,252;
   --semi-light-blue-2: 160,215,249;
@@ -348,26 +348,26 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-yellow-7: 250,245,168;
   --semi-yellow-8: 252,251,211;
   --semi-yellow-9: 254,254,238;
-  --semi-Blue-grey-0: 69,79,108;
-  --semi-Blue-grey-1: 86,98,129;
-  --semi-Blue-grey-2: 104,117,149;
-  --semi-Blue-grey-3: 123,138,170;
-  --semi-Blue-grey-4: 138,154,187;
-  --semi-Blue-grey-5: 164,177,203;
-  --semi-Blue-grey-6: 185,196,216;
-  --semi-Blue-grey-7: 207,215,229;
-  --semi-Blue-grey-8: 230,235,242;
-  --semi-Blue-grey-9: 247,248,249;
-  --semi-Tangerine-0: 112,23,5;
-  --semi-Tangerine-1: 148,39,12;
-  --semi-Tangerine-2: 184,58,20;
-  --semi-Tangerine-3: 219,81,30;
-  --semi-Tangerine-4: 255,94,25;
-  --semi-Tangerine-5: 255,142,85;
-  --semi-Tangerine-6: 255,175,128;
-  --semi-Tangerine-7: 255,204,170;
-  --semi-Tangerine-8: 255,231,213;
-  --semi-Tangerine-9: 255,246,239;
+  --semi-blue-grey-0: 69,79,108;
+  --semi-blue-grey-1: 86,98,129;
+  --semi-blue-grey-2: 104,117,149;
+  --semi-blue-grey-3: 123,138,170;
+  --semi-blue-grey-4: 138,154,187;
+  --semi-blue-grey-5: 164,177,203;
+  --semi-blue-grey-6: 185,196,216;
+  --semi-blue-grey-7: 207,215,229;
+  --semi-blue-grey-8: 230,235,242;
+  --semi-blue-grey-9: 247,248,249;
+  --semi-tangerine-0: 112,23,5;
+  --semi-tangerine-1: 148,39,12;
+  --semi-tangerine-2: 184,58,20;
+  --semi-tangerine-3: 219,81,30;
+  --semi-tangerine-4: 255,94,25;
+  --semi-tangerine-5: 255,142,85;
+  --semi-tangerine-6: 255,175,128;
+  --semi-tangerine-7: 255,204,170;
+  --semi-tangerine-8: 255,231,213;
+  --semi-tangerine-9: 255,246,239;
   --semi-light-blue-0: 6,53,100;
   --semi-light-blue-1: 12,76,136;
   --semi-light-blue-2: 20,101,172;
@@ -465,6 +465,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-primary-hover: rgba(var(--semi-brand-1),1);
   --semi-color-success-hover: rgba(var(--semi-green-6), 1);
   --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
+  --semi-color-danger-disabled: rgba(var(--semi-red-1),1);
   --semi-color-default-active: rgba(var(--semi-grey-2), 1);
   --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
   --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
@@ -477,18 +478,21 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
   --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
   --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
+  --semi-color-warning-disabled: rgba(var(--semi-orange-2),1);
   --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
   --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
   --semi-color-info-light-hover: rgba(var(--semi-blue-5),0.2);
   --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
   --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
   --semi-color-info-light-default: rgba(var(--semi-blue-5),0.1);
+  --semi-color-info-light-disabled: rgba(var(--semi-blue-2),0.1);
   --semi-color-danger-light-hover: rgba(var(--semi-red-5),0.2);
   --semi-color-danger-light-active: rgba(var(--semi-red-5),0.4);
   --semi-color-danger-light-default: rgba(var(--semi-red-5),0.1);
-  --semi-color-primary-light-hover: rgba(var(--semi-brand-5),0.2);
+  --semi-color-primary-light-hover: rgba(var(--semi-brand-2),0.4);
   --semi-color-success-light-hover: rgba(var(--semi-green-5),0.2);
   --semi-color-warning-light-hover: rgba(var(--semi-orange-5),0.2);
+  --semi-color-danger-light-disabled: rgba(var(--semi-red-2),0.1);
   --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);
@@ -496,7 +500,10 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-success-light-default: rgba(var(--semi-green-5),0.1);
   --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.2);
   --semi-color-warning-light-default: rgba(var(--semi-orange-5),0.1);
+  --semi-color-primary-light-disabled: rgba(var(--semi-brand-2),0.1);
+  --semi-color-success-light-disabled: rgba(var(--semi-green-2),0.1);
   --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.4);
+  --semi-color-warning-light-disabled: rgba(var(--semi-orange-2),0.1);
   --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5),0.2);
   --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.1);
   --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
@@ -540,10 +547,10 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-data-7: rgba(5, 119, 115, 1);
   --semi-color-data-8: rgba(154, 207, 13, 1);
   --semi-color-data-9: rgba(117, 29, 138, 1);
-  --semi-color-fill-0: rgba(var(--semi-white),0.05);
-  --semi-color-fill-1: rgba(var(--semi-white),0.09);
-  --semi-color-fill-2: rgba(var(--semi-white),0.13);
-  --semi-color-fill-3: rgba(var(--semi-Blue-grey-5),0.15);
+  --semi-color-fill-0: rgba(var(--semi-blue-grey-9), 0.05);
+  --semi-color-fill-1: rgba(var(--semi-blue-grey-9), 0.09);
+  --semi-color-fill-2: rgba(var(--semi-blue-grey-9), 0.13);
+  --semi-color-fill-3: rgba(var(--semi-blue-grey-5),0.15);
   --semi-color-fill-4: rgba(255,255,255,0.1);
   --semi-color-fill-5: rgba(29,29,36,1);
   --semi-color-fill-6: rgba(29,29,36,1);
@@ -580,7 +587,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-info-active: rgba(var(--semi-blue-7), 1);
   --semi-color-link-active: rgba(var(--semi-blue-7), 1);
   --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
-  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
+  --semi-color-tertiary: rgba(var(--semi-grey-5),1);
   --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
   --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
   --semi-color-overlay-bg: rgba(22,22,26,0.6);
@@ -588,11 +595,12 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-highlight: rgba(var(--semi-white),1);
   --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
   --semi-color-danger-active: rgba(var(--semi-red-7), 1);
-  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
+  --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
   --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
   --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
   --semi-color-success-hover: rgba(var(--semi-green-6), 1);
   --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
+  --semi-color-danger-disabled: rgba(var(--semi-red-2),1);
   --semi-color-default-active: rgba(var(--semi-grey-2), 1);
   --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
   --semi-color-disabled-text: rgba(var(--semi-grey-9),0.35);
@@ -605,30 +613,36 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
   --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
   --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
+  --semi-color-warning-disabled: rgba(var(--semi-orange-2),1);
   --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
   --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
-  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
+  --semi-color-info-light-hover: rgba(var(--semi-blue-5),0.25);
   --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
   --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
-  --semi-color-info-light-default: rgba(var(--semi-blue-5),0.2);
-  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
-  --semi-color-danger-light-active: rgba(var(--semi-red-5),0.4);
-  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
-  --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-primary-light-active: rgba(var(--semi-brand-5), 0.4);
-  --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
+  --semi-color-info-light-default: rgba(var(--semi-blue-5),0.15);
+  --semi-color-info-light-disabled: rgba(var(--semi-blue-2),0.15);
+  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.25);
+  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
+  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.15);
+  --semi-color-primary-light-hover: rgba(var(--semi-brand-5),0.25);
+  --semi-color-success-light-hover: rgba(var(--semi-green-5),0.25);
+  --semi-color-warning-light-hover: rgba(var(--semi-orange-5),0.25);
+  --semi-color-danger-light-disabled: rgba(var(--semi-red-2),0.15);
+  --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);
-  --semi-color-primary-light-default: rgba(var(--semi-brand-5), 0.2);
-  --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
-  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
-  --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
+  --semi-color-primary-light-default: rgba(var(--semi-brand-5),0.15);
+  --semi-color-success-light-default: rgba(var(--semi-green-5),0.15);
+  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.3);
+  --semi-color-warning-light-default: rgba(var(--semi-orange-5),0.15);
+  --semi-color-primary-light-disabled: rgba(var(--semi-brand-2),0.15);
+  --semi-color-success-light-disabled: rgba(var(--semi-green-2),0.15);
   --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.4);
-  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
-  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
-  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
-  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
+  --semi-color-warning-light-disabled: rgba(var(--semi-orange-2),0.15);
+  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5),0.3);
+  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.2);
+  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
+  --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 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
@@ -15292,6 +15306,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);
 }
@@ -19277,6 +19295,537 @@ img[src=""], img:not([src]) {
   text-align: right;
 }
 
+.semi-sidebar-main .semi-sidebar-container-content {
+  overflow: hidden;
+}
+.semi-sidebar-main-content-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.semi-sidebar-main-content {
+  padding: 12px;
+  height: 100%;
+  box-sizing: border-box;
+  overflow: auto;
+}
+.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-sidebar-container-header {
+  display: flex;
+  align-items: center;
+  padding: 12px 12px 12px 20px;
+  border-bottom: 1px solid var(--semi-color-border);
+}
+.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: 26px;
+  font-weight: 600;
+}
+.semi-sidebar-container-header-closeBtn {
+  flex-shrink: 0;
+}
+.semi-sidebar-container-content {
+  flex: 1 1;
+  overflow: hidden;
+}
+.semi-sidebar-container .semi-toast-wrapper {
+  position: absolute;
+}
+@keyframes semi-sidebar-slideShow_right {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+@keyframes semi-sidebar-slideHide_right {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(100%);
+  }
+}
+.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-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-sidebar-mcp-configure-content {
+  padding: 20px 16px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  box-sizing: border-box;
+}
+.semi-sidebar-mcp-configure-content-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.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-sidebar-mcp-configure-content-search {
+  margin: 16px 0;
+}
+.semi-sidebar-mcp-configure-content-search-container {
+  display: flex;
+  column-gap: 8px;
+}
+.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;
+  margin-right: 12px;
+  flex-shrink: 0;
+}
+.semi-sidebar-mcp-configure-content-item-sign .semi-icon {
+  font-size: 32px;
+}
+.semi-sidebar-mcp-configure-content-item-content {
+  justify-content: center;
+  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: 26px;
+  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);