@streamoid/ui 0.6.14 → 0.6.16

package/dist/index.css

@@ -1305,6 +1305,7 @@
   position: relative;
   overflow: hidden;
   cursor: pointer;
+  transition: transform 0.2s ease, background 0.2s ease;
 }
 .ScButton_container {
   display: flex;
@@ -2396,7 +2397,7 @@
 .ScMenuOptions_scMenuOptions.ScMenuOptions_hover-true.ScMenuOptions_variant-default,
 .ScMenuOptions_scMenuOptions.ScMenuOptions_variant-with-v:hover,
 .ScMenuOptions_scMenuOptions.ScMenuOptions_hover-true.ScMenuOptions_variant-with-v {
-  background: var(--alias-fill-neutral-neutraltohover, #1f1f1f);
+  background: var(--alias-fill-neutral-neutralhover, #242424);
 }
 .ScMenuOptions_scMenuOptions.ScMenuOptions_variant-error:hover,
 .ScMenuOptions_scMenuOptions.ScMenuOptions_hover-true.ScMenuOptions_variant-error {
@@ -3680,6 +3681,77 @@
   flex: unset;
 }
 
+/* src/SC-AskAgentButton/ScAskAgentButton.module.css */
+.ScAskAgentButton_askAgent,
+.ScAskAgentButton_askAgentCollapsed {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-md, 0.5rem);
+  cursor: pointer;
+  color: #f5f5f5;
+  background:
+    linear-gradient(
+      135deg,
+      rgba(217, 21, 54, 1) 0%,
+      rgba(238, 94, 58, 1) 100%);
+  border: 0.5px solid rgba(255, 0, 0, 0.32);
+  border-radius: var(--radius-2xl, 0.75rem);
+}
+.ScAskAgentButton_askAgent {
+  width: 100%;
+  padding: var(--spacing-xl, 0.75rem);
+}
+.ScAskAgentButton_askAgentCollapsed {
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: var(--spacing-md, 0.5rem);
+  flex-shrink: 0;
+}
+.ScAskAgentButton_askAgent:hover,
+.ScAskAgentButton_askAgentCollapsed:hover {
+  filter: brightness(1.08);
+}
+.ScAskAgentButton_askAgentActive {
+  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.4);
+}
+.ScAskAgentButton_askAgent:focus-visible,
+.ScAskAgentButton_askAgentCollapsed:focus-visible {
+  outline: 2px solid rgba(255, 255, 255, 0.9);
+  outline-offset: 2px;
+}
+.ScAskAgentButton_askAgentLabel {
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: 0.75rem;
+  font-weight: 600;
+  line-height: 1.125rem;
+  color: #f5f5f5;
+  white-space: nowrap;
+}
+.ScAskAgentButton_askAgentIcon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: #f5f5f5;
+}
+.ScAskAgentButton_askAgentIcon :where(svg) {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.ScAskAgentButton_askAgentSlot {
+  width: 100%;
+  flex-shrink: 0;
+  padding: 0 var(--spacing-md, 0.5rem) var(--spacing-3xl, 1rem);
+}
+.ScAskAgentButton_askAgentSlotCollapsed {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  flex-shrink: 0;
+  padding: var(--spacing-md, 0.5rem) 0;
+}
+
 /* src/SC-Artifax-Sidebar/ScArtifaxSidebar.module.css */
 .ScArtifaxSidebar_scArtifaxSidebar,
 .ScArtifaxSidebar_scArtifaxSidebar * {
@@ -3894,75 +3966,6 @@
   align-items: center;
   justify-content: center;
 }
-.ScArtifaxSidebar_askAgentSlot {
-  width: 100%;
-  flex-shrink: 0;
-  padding: 0 var(--spacing-md, 0.5rem) var(--spacing-3xl, 1rem);
-}
-.ScArtifaxSidebar_askAgentSlotCollapsed {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  flex-shrink: 0;
-  padding: var(--spacing-md, 0.5rem) 0;
-}
-.ScArtifaxSidebar_askAgent,
-.ScArtifaxSidebar_askAgentCollapsed {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--spacing-md, 0.5rem);
-  cursor: pointer;
-  color: #f5f5f5;
-  background:
-    linear-gradient(
-      135deg,
-      rgba(217, 21, 54, 1) 0%,
-      rgba(238, 94, 58, 1) 100%);
-  border: 0.5px solid rgba(255, 0, 0, 0.32);
-  border-radius: var(--radius-2xl, 0.75rem);
-}
-.ScArtifaxSidebar_askAgent {
-  width: 100%;
-  padding: var(--spacing-xl, 0.75rem);
-}
-.ScArtifaxSidebar_askAgentCollapsed {
-  width: 2.5rem;
-  height: 2.5rem;
-  padding: var(--spacing-md, 0.5rem);
-  flex-shrink: 0;
-}
-.ScArtifaxSidebar_askAgent:hover,
-.ScArtifaxSidebar_askAgentCollapsed:hover {
-  filter: brightness(1.08);
-}
-.ScArtifaxSidebar_askAgentActive {
-  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.4);
-}
-.ScArtifaxSidebar_askAgent:focus-visible,
-.ScArtifaxSidebar_askAgentCollapsed:focus-visible {
-  outline: 2px solid rgba(255, 255, 255, 0.9);
-  outline-offset: 2px;
-}
-.ScArtifaxSidebar_askAgentLabel {
-  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
-  font-size: 0.75rem;
-  font-weight: 600;
-  line-height: 1.125rem;
-  color: #f5f5f5;
-  white-space: nowrap;
-}
-.ScArtifaxSidebar_askAgentIcon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  color: #f5f5f5;
-}
-.ScArtifaxSidebar_askAgentIcon :where(svg) {
-  width: 1.25rem;
-  height: 1.25rem;
-}
 .ScArtifaxSidebar_footerToggle {
   display: flex;
   align-items: center;
@@ -5986,6 +5989,12 @@
   flex-direction: column;
   overflow: hidden;
 }
+.ScDrawer_backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 9;
+}
 
 /* src/SC-Tabs/ScTabs.module.css */
 .ScTabs_tabs,
@@ -6350,87 +6359,592 @@
   width: 10rem;
 }
 
-/* src/SC-ThinkingStepIcon/ScThinkingStepIcon.module.css */
-.ScThinkingStepIcon_scThinkingStepIcon,
-.ScThinkingStepIcon_scThinkingStepIcon * {
+/* src/SC-DefaultCard/ScDefaultCard.module.css */
+.ScDefaultCard_scDefaultCard,
+.ScDefaultCard_scDefaultCard * {
   box-sizing: border-box;
 }
-.ScThinkingStepIcon_scThinkingStepIcon {
-  display: inline-flex;
+.ScDefaultCard_scDefaultCard {
+  background: var(--alias-surface-base, #101010);
+  border: 0.03125rem solid var(--alias-border-subtle, #242424);
+  border-radius: var(--radius-4xl, 1.125rem);
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  width: 100%;
+  position: relative;
+  cursor: pointer;
+  transition: background-color 120ms ease, border-color 120ms ease;
+}
+.ScDefaultCard_scDefaultCard:hover,
+.ScDefaultCard_scDefaultCard.ScDefaultCard_state-hover {
+  background: var(--alias-surface-basesubtle, #151515);
+  border-color: var(--alias-border-default, #3e3e3e);
+}
+.ScDefaultCard_content {
+  display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
-  flex-shrink: 0;
-  position: relative;
-  line-height: 0;
+  gap: var(--spacing-md, 0.5rem);
+  padding: var(--spacing-5xl, 1.25rem);
+  width: 100%;
+  text-align: center;
 }
-.ScThinkingStepIcon_glyph {
-  display: block;
-  overflow: visible;
+.ScDefaultCard_title {
+  margin: 0;
+  width: 100%;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-md-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-md-regular-font-size, 1rem);
+  line-height: var(--text-text-md-regular-line-height, 1.5rem);
+  font-weight: var(--text-text-md-regular-font-weight, 400);
+  word-break: break-word;
 }
-.ScThinkingStepIcon_stroke {
-  fill: none;
+.ScDefaultCard_description {
+  margin: 0;
+  width: 100%;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  font-family: var(--text-text-xs-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-xs-regular-font-size, 0.75rem);
+  line-height: var(--text-text-xs-regular-line-height, 1.125rem);
+  font-weight: var(--text-text-xs-regular-font-weight, 400);
+  word-break: break-word;
 }
-.ScThinkingStepIcon_scThinkingStepIcon.ScThinkingStepIcon_state-default .ScThinkingStepIcon_stroke {
-  stroke: var(--alias-border-divider, #242424);
+
+/* src/SC-ValueMappingL1/ScValueMappingL1.module.css */
+.ScValueMappingL1_scValueMappingL1,
+.ScValueMappingL1_scValueMappingL1 * {
+  box-sizing: border-box;
 }
-.ScThinkingStepIcon_scThinkingStepIcon.ScThinkingStepIcon_state-working .ScThinkingStepIcon_stroke {
-  stroke: var(--alias-text-and-icons-primary, #f5f5f5);
+.ScValueMappingL1_scValueMappingL1 {
+  background: var(--alias-surface-base, #101010);
+  border: 0.03125rem solid var(--alias-border-subtle, #242424);
+  border-radius: var(--radius-3xl, 1rem);
+  display: flex;
+  align-items: center;
+  width: 100%;
+  position: relative;
+  cursor: pointer;
+  transition: background-color 120ms ease, border-color 120ms ease;
 }
-.ScThinkingStepIcon_scThinkingStepIcon.ScThinkingStepIcon_state-completed .ScThinkingStepIcon_stroke {
-  stroke: var(--alias-text-and-icons-success, #00b96b);
+.ScValueMappingL1_scValueMappingL1:hover,
+.ScValueMappingL1_scValueMappingL1.ScValueMappingL1_state-hover {
+  background: var(--alias-surface-basesubtle, #151515);
+  border-color: var(--alias-border-default, #3e3e3e);
 }
-.ScThinkingStepIcon_scThinkingStepIcon.ScThinkingStepIcon_state-error .ScThinkingStepIcon_stroke {
-  stroke: var(--alias-text-and-icons-error, #d11a1a);
+.ScValueMappingL1_scValueMappingL1.ScValueMappingL1_state-active {
+  background: var(--alias-surface-raisedoverlay, #313131);
+  border-color: var(--alias-border-default, #3e3e3e);
 }
-.ScThinkingStepIcon_spinner {
-  transform-box: fill-box;
-  transform-origin: center;
-  animation: ScThinkingStepIcon_scThinkingStepIconSpin 1s linear infinite;
+.ScValueMappingL1_scValueMappingL1.ScValueMappingL1_updated {
+  padding-right: var(--spacing-md, 0.5rem);
 }
-@keyframes ScThinkingStepIcon_scThinkingStepIconSpin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+.ScValueMappingL1_labelWrap {
+  display: flex;
+  flex: 1 0 0;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  padding: var(--spacing-xl, 0.75rem);
 }
-@media (prefers-reduced-motion: reduce) {
-  .ScThinkingStepIcon_spinner {
-    animation: none;
-  }
+.ScValueMappingL1_label {
+  width: 100%;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ScValueMappingL1_dot {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  flex-shrink: 0;
+}
+.ScValueMappingL1_dotInner {
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: var(--radius-full, 999px);
+  background: var(--alias-text-and-icons-infocont, #6da5ff);
 }
 
-/* src/SC-InChatList/ScInChatList.module.css */
-.ScInChatList_scInChatList,
-.ScInChatList_scInChatList * {
+/* src/SC-TaxonomyPill/ScTaxonomyPill.module.css */
+.ScTaxonomyPill_scTaxonomyPill,
+.ScTaxonomyPill_scTaxonomyPill * {
   box-sizing: border-box;
 }
-.ScInChatList_scInChatList {
-  display: flex;
-  flex-direction: row;
+.ScTaxonomyPill_scTaxonomyPill {
+  background: var(--alias-fill-neutral-neutralactive, #313131);
+  border: 0.03125rem solid var(--alias-border-default, #3e3e3e);
+  border-radius: var(--radius-xl, 0.75rem);
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  display: inline-flex;
+  flex-direction: column;
   align-items: flex-start;
-  gap: var(--spacing-md, 8px);
-  max-width: 600px;
-  width: 100%;
   position: relative;
+  cursor: pointer;
+  transition: background-color 120ms ease;
 }
-.ScInChatList_indicatorWrapper {
+.ScTaxonomyPill_scTaxonomyPill:hover,
+.ScTaxonomyPill_scTaxonomyPill.ScTaxonomyPill_state-hover {
+  background: var(--alias-fill-neutral-neutralhovertoactive, #2a2a2a);
+}
+.ScTaxonomyPill_inner {
   display: flex;
-  flex-direction: row;
   align-items: center;
-  justify-content: flex-start;
-  width: 20px;
-  height: 26px;
-  padding: var(--spacing-none, 0) 2px;
+  justify-content: center;
   flex-shrink: 0;
-  position: relative;
 }
-.ScInChatList_content {
-  flex: 1 0 0;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
+.ScTaxonomyPill_type-pill .ScTaxonomyPill_inner {
+  padding: var(--spacing-md, 0.5rem) var(--spacing-3xl, 1rem);
+}
+.ScTaxonomyPill_type-expand .ScTaxonomyPill_inner {
+  gap: 0;
+  padding: var(--spacing-xxs, 0.125rem) var(--spacing-xs, 0.25rem) var(--spacing-xxs, 0.125rem) var(--spacing-md, 0.5rem);
+}
+.ScTaxonomyPill_type-collapse .ScTaxonomyPill_inner {
+  padding: var(--spacing-xs, 0.25rem);
+}
+.ScTaxonomyPill_label {
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+  white-space: nowrap;
+  text-align: center;
+}
+.ScTaxonomyPill_icon {
+  width: 0.75rem !important;
+  height: 0.75rem !important;
+  flex-shrink: 0;
+  color: inherit;
+}
+
+/* src/SC-SelectionPill/ScSelectionPill.module.css */
+.ScSelectionPill_scSelectionPill,
+.ScSelectionPill_scSelectionPill * {
+  box-sizing: border-box;
+}
+.ScSelectionPill_scSelectionPill {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-md, 0.5rem) var(--spacing-3xl, 1rem);
+  border-radius: var(--radius-3xl, 1rem);
+  border: 0.03125rem solid var(--alias-border-subtle, #242424);
+  background: var(--alias-fill-neutral-neutralplus, #151515);
+  cursor: pointer;
+  position: relative;
+  font: inherit;
+  transition: background-color 120ms ease, border-color 120ms ease;
+}
+.ScSelectionPill_scSelectionPill:hover,
+.ScSelectionPill_scSelectionPill.ScSelectionPill_state-hover {
+  background: var(--alias-fill-neutral-neutralhovertoactive, #2a2a2a);
+}
+.ScSelectionPill_scSelectionPill:focus {
+  outline: none;
+}
+.ScSelectionPill_scSelectionPill:focus-visible {
+  outline: 0.125rem solid var(--alias-border-focus, #1a6fff);
+  outline-offset: 0.125rem;
+}
+.ScSelectionPill_scSelectionPill.ScSelectionPill_state-selected {
+  background: var(--alias-fill-base-basehover, #bfbfbf);
+  border-color: transparent;
+}
+.ScSelectionPill_label {
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+  white-space: nowrap;
+  text-align: center;
+}
+.ScSelectionPill_scSelectionPill.ScSelectionPill_state-selected .ScSelectionPill_label {
+  color: var(--alias-text-and-icons-inverse, #101010);
+}
+
+/* src/SC-SelectionPillGroup/ScSelectionPillGroup.module.css */
+.ScSelectionPillGroup_scSelectionPillGroup,
+.ScSelectionPillGroup_scSelectionPillGroup * {
+  box-sizing: border-box;
+}
+.ScSelectionPillGroup_scSelectionPillGroup {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-md, 0.5rem);
+  position: relative;
+  width: 100%;
+}
+
+/* src/SC-MappingCard/ScMappingCard.module.css */
+.ScMappingCard_scMappingCard,
+.ScMappingCard_scMappingCard * {
+  box-sizing: border-box;
+}
+.ScMappingCard_scMappingCard {
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+  flex-shrink: 0;
+  position: relative;
+  background: var(--alias-surface-base, #101010);
+  border: 0.5px solid var(--alias-border-default, #3e3e3e);
+  border-radius: var(--radius-3xl, 16px);
+  overflow: hidden;
+}
+.ScMappingCard_scMappingCard.ScMappingCard_status-confirmed {
+  border: 1px solid var(--alias-border-success, #007d48);
+}
+.ScMappingCard_scMappingCard.ScMappingCard_status-ignored {
+  border: 1px solid var(--alias-border-error, #8f1414);
+}
+.ScMappingCard_badge {
+  flex: 0 0 3rem;
+  width: 3rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  align-self: stretch;
+  background: var(--alias-surface-subtle, #1a1a1a);
+}
+.ScMappingCard_badgeLetter {
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-md-medium-font-family, "Inter-Medium", sans-serif);
+  font-size: var(--text-text-md-medium-font-size, 1rem);
+  line-height: var(--text-text-md-medium-line-height, 1.5rem);
+  font-weight: var(--text-text-md-medium-font-weight, 500);
+  text-transform: uppercase;
+}
+.ScMappingCard_status-confirmed .ScMappingCard_badgeLetter {
+  color: var(--alias-text-and-icons-success, #00b96b);
+}
+.ScMappingCard_status-ignored .ScMappingCard_badgeLetter {
+  color: var(--alias-text-and-icons-error, #d11a1a);
+}
+.ScMappingCard_content {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: flex-start;
+  gap: var(--spacing-6xl, 24px);
+  padding: var(--spacing-6xl, 24px);
+  min-width: 0;
+}
+.ScMappingCard_source {
+  flex: 1 1 0;
+  min-width: 0;
+}
+.ScMappingCard_sourceCard {
+  display: flex;
+  flex-direction: column;
+  align-self: stretch;
+  background: var(--alias-fill-neutral-neutral, #1a1a1a);
+  border-radius: var(--radius-3xl, 16px);
+  overflow: hidden;
+  box-shadow: var(--alias-shadow-sm);
+}
+.ScMappingCard_sourceCard .ScMappingCard_sourceHeader {
+  min-height: 3rem;
+  padding: var(--spacing-xl, 12px) var(--spacing-3xl, 16px);
+  background: var(--alias-surface-raised, #242424);
+  border-radius: var(--radius-3xl, 16px);
+}
+.ScMappingCard_sourceCard .ScMappingCard_sampleRows {
+  padding: var(--spacing-3xl, 16px);
+}
+.ScMappingCard_sourceHeader {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3xl, 16px);
+  width: 100%;
+  min-width: 0;
+}
+.ScMappingCard_columnName {
+  flex: 1 1 auto;
+  min-width: 0;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ScMappingCard_addBtn {
+  flex: 0 0 auto;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: 0;
+  margin: 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+}
+.ScMappingCard_sampleRows {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3xl, 16px);
+  min-width: 0;
+}
+.ScMappingCard_sampleRow {
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ScMappingCard_sourceCollapsed {
+  display: flex;
+  align-items: center;
+  min-height: 3rem;
+  padding: var(--spacing-xl, 12px) var(--spacing-3xl, 16px);
+  background: var(--alias-surface-raised, #242424);
+  border-radius: var(--radius-3xl, 16px);
+  box-shadow: var(--alias-shadow-sm);
+}
+.ScMappingCard_status-ignored .ScMappingCard_sourceCollapsed .ScMappingCard_columnName {
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+}
+.ScMappingCard_targetRegion {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md, 8px);
+  flex: 1 1 0;
+  min-width: 0;
+  align-self: flex-start;
+}
+.ScMappingCard_targetRow {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3xl, 16px);
+  min-width: 0;
+}
+.ScMappingCard_connector {
+  flex: 0 0 auto;
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+}
+.ScMappingCard_targetBox {
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 3rem;
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-xl, 12px) var(--spacing-3xl, 16px);
+  background: var(--alias-surface-raised, #242424);
+  border-radius: var(--radius-3xl, 16px);
+  box-shadow: var(--alias-shadow-sm);
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ScMappingCard_targetBoxDash {
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+}
+.ScMappingCard_warning {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-sm, 6px);
+  min-width: 0;
+  padding-left: 40px;
+}
+.ScMappingCard_warningIcon {
+  flex: 0 0 auto;
+  width: 20px;
+  height: 20px;
+  display: inline-flex;
+  color: var(--alias-text-and-icons-error, #d11a1a);
+}
+.ScMappingCard_warningText {
+  min-width: 0;
+  color: var(--alias-text-and-icons-errorcont, #eb6b6b);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+}
+.ScMappingCard_actions {
+  flex: 0 0 336px;
+  width: 336px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-3xl, 16px);
+  align-self: flex-start;
+}
+.ScMappingCard_actionRow {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-3xl, 16px);
+  width: 100%;
+}
+.ScMappingCard_btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-sm, 6px);
+  height: 3rem;
+  padding: var(--spacing-xl, 12px) var(--spacing-3xl, 16px);
+  border-radius: var(--radius-xl, 12px);
+  font-family: var(--text-text-md-medium-font-family, "Inter-Medium", sans-serif);
+  font-size: var(--text-text-md-medium-font-size, 1rem);
+  line-height: var(--text-text-md-medium-line-height, 1.5rem);
+  font-weight: var(--text-text-md-medium-font-weight, 500);
+  white-space: nowrap;
+  cursor: pointer;
+  border: 1px solid transparent;
+}
+.ScMappingCard_ignoreBtn {
+  background: transparent;
+  border: 1.25px solid var(--alias-border-default, #3e3e3e);
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+}
+.ScMappingCard_whiteBtn {
+  background: var(--alias-fill-base-base, #f5f5f5);
+  color: var(--alias-text-and-icons-inverse, #101010);
+}
+.ScMappingCard_confirmBtn {
+  flex: 1 1 auto;
+}
+.ScMappingCard_statusLabel {
+  flex: 1 1 auto;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-md, 8px);
+  white-space: nowrap;
+  font-family: var(--text-text-sm-medium-font-family, "Inter-Medium", sans-serif);
+  font-size: var(--text-text-sm-medium-font-size, 0.875rem);
+  line-height: var(--text-text-sm-medium-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-medium-font-weight, 500);
+}
+.ScMappingCard_statusIcon {
+  flex: 0 0 auto;
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+}
+.ScMappingCard_statusSuccess {
+  color: var(--alias-text-and-icons-success, #00b96b);
+}
+.ScMappingCard_statusError {
+  color: var(--alias-text-and-icons-error, #d11a1a);
+}
+.ScMappingCard_validityText {
+  width: 100%;
+  text-align: left;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  font-family: var(--text-text-sm-regular-font-family, "Inter-Regular", sans-serif);
+  font-size: var(--text-text-sm-regular-font-size, 0.875rem);
+  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
+  font-weight: var(--text-text-sm-regular-font-weight, 400);
+}
+
+/* src/SC-ThinkingStepIcon/ScThinkingStepIcon.module.css */
+.ScThinkingStepIcon_scThinkingStepIcon,
+.ScThinkingStepIcon_scThinkingStepIcon * {
+  box-sizing: border-box;
+}
+.ScThinkingStepIcon_scThinkingStepIcon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  position: relative;
+  line-height: 0;
+}
+.ScThinkingStepIcon_glyph {
+  display: block;
+  overflow: visible;
+}
+.ScThinkingStepIcon_stroke {
+  fill: none;
+}
+.ScThinkingStepIcon_scThinkingStepIcon.ScThinkingStepIcon_state-default .ScThinkingStepIcon_stroke {
+  stroke: var(--alias-border-divider, #242424);
+}
+.ScThinkingStepIcon_scThinkingStepIcon.ScThinkingStepIcon_state-working .ScThinkingStepIcon_stroke {
+  stroke: var(--alias-text-and-icons-primary, #f5f5f5);
+}
+.ScThinkingStepIcon_scThinkingStepIcon.ScThinkingStepIcon_state-completed .ScThinkingStepIcon_stroke {
+  stroke: var(--alias-text-and-icons-success, #00b96b);
+}
+.ScThinkingStepIcon_scThinkingStepIcon.ScThinkingStepIcon_state-error .ScThinkingStepIcon_stroke {
+  stroke: var(--alias-text-and-icons-error, #d11a1a);
+}
+.ScThinkingStepIcon_spinner {
+  transform-box: fill-box;
+  transform-origin: center;
+  animation: ScThinkingStepIcon_scThinkingStepIconSpin 1s linear infinite;
+}
+@keyframes ScThinkingStepIcon_scThinkingStepIconSpin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .ScThinkingStepIcon_spinner {
+    animation: none;
+  }
+}
+
+/* src/SC-InChatList/ScInChatList.module.css */
+.ScInChatList_scInChatList,
+.ScInChatList_scInChatList * {
+  box-sizing: border-box;
+}
+.ScInChatList_scInChatList {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: var(--spacing-md, 8px);
+  max-width: 600px;
+  width: 100%;
+  position: relative;
+}
+.ScInChatList_indicatorWrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  width: 20px;
+  height: 26px;
+  padding: var(--spacing-none, 0) 2px;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScInChatList_content {
+  flex: 1 0 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
   gap: var(--spacing-md, 8px);
   position: relative;
 }
@@ -9162,3 +9676,218 @@
     background-position: -100% 0;
   }
 }
+
+/* src/SC-ProfilePopup/ScProfilePopup.module.css */
+.ScProfilePopup_scProfilePopup,
+.ScProfilePopup_scProfilePopup * {
+  box-sizing: border-box;
+}
+.ScProfilePopup_scProfilePopup {
+  background: var(--alias-surface-subtle, #1a1a1a);
+  border-radius: var(--radius-4xl, 1.125rem);
+  box-shadow: inset 0 0 0 var(--stroke-st0p5, 0.5px) var(--alias-border-subtle, #242424);
+  padding: var(--spacing-md, 0.5rem);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xl, 0.75rem);
+  align-items: flex-start;
+  justify-content: flex-start;
+  width: var(--sc-profile-popup-width, 20rem);
+  position: relative;
+  backdrop-filter: blur(2.625rem);
+}
+.ScProfilePopup_scProfilePopup > *,
+.ScProfilePopup_settingsOptions > *,
+.ScProfilePopup_profileDetails > *,
+.ScProfilePopup_switchWorkspaceRow > * {
+  align-self: stretch !important;
+  flex-shrink: 0 !important;
+  width: unset !important;
+}
+.ScProfilePopup_profileHeader {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScProfilePopup_headerActions {
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-xs, 0.25rem);
+  align-items: center;
+  justify-content: flex-end;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScProfilePopup_scProfileInstance {
+  flex: 1 !important;
+  width: unset !important;
+  min-width: 0 !important;
+}
+.ScProfilePopup_scProfileInstance img {
+  width: 2rem !important;
+  height: 2rem !important;
+}
+.ScProfilePopup_scProfileInstance > div {
+  min-width: 0;
+}
+.ScProfilePopup_profileBlock {
+  background: none;
+  border: none;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  text-align: left;
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-md, 0.5rem);
+  border-radius: var(--radius-3xl, 1rem);
+  position: relative;
+}
+.ScProfilePopup_profileBlockInteractive {
+  cursor: pointer;
+}
+.ScProfilePopup_profileBlockInteractive:hover {
+  background: var(--alias-fill-neutral-neutralhover, #242424);
+}
+.ScProfilePopup_profileBlockInteractive:focus-visible {
+  outline: var(--stroke-st2, 2px) solid var(--alias-border-default, #3e3e3e);
+  outline-offset: calc(-1 * var(--spacing-xxs, 2px));
+}
+.ScProfilePopup_logoutButton {
+  align-self: stretch;
+  aspect-ratio: 1;
+  padding: var(--spacing-md, 0.5rem);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-3xl, 1rem);
+  flex-shrink: 0;
+  position: relative;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--alias-text-and-icons-errorcont, #eb6b6b);
+}
+.ScProfilePopup_logoutButton:hover {
+  background: var(--alias-fill-error-secondaryhover, #2a0606);
+  box-shadow: inset 0 0 0 var(--stroke-st1, 1px) var(--alias-border-error, #8f1414);
+}
+.ScProfilePopup_logoutButton:focus-visible {
+  outline: var(--stroke-st2, 2px) solid var(--alias-border-error, #8f1414);
+  outline-offset: var(--spacing-xxs, 2px);
+}
+.ScProfilePopup_profileDetails {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs, 0.25rem);
+  align-items: flex-start;
+  justify-content: flex-start;
+  align-self: stretch;
+  flex-shrink: 0;
+  padding-bottom: var(--spacing-md, 0.5rem);
+  position: relative;
+}
+.ScProfilePopup_workspaceInfo {
+  padding: var(--spacing-md, 0.5rem);
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-3xl, 1rem);
+  align-items: center;
+  justify-content: flex-start;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScProfilePopup_scWorkspaceInstance {
+  flex: 1 !important;
+  width: unset !important;
+  min-width: 0 !important;
+}
+.ScProfilePopup_scWorkspaceInstance img {
+  width: 2rem !important;
+  height: 2rem !important;
+}
+.ScProfilePopup_scWorkspaceInstance > div {
+  min-width: 0;
+}
+.ScProfilePopup_creditsPill {
+  background: var(--alias-surface-canvas, #0b0b0b);
+  box-shadow: inset 0 0 0 var(--stroke-st1, 1px) var(--alias-border-divider, #242424);
+  border-radius: var(--radius-md, 0.5rem);
+  padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-sm, 0.375rem);
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  position: relative;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+}
+.ScProfilePopup_creditsValue {
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  text-align: left;
+  font-family: var(--font-family-font-family-body, Inter), sans-serif;
+  font-size: var(--font-size-font-size-xs, 0.75rem);
+  line-height: var(--line-height-line-height-xs, 1.125rem);
+  letter-spacing: var(--letter-spacing-letter-spacing-normal, 0);
+  font-weight: 500;
+  white-space: nowrap;
+  position: relative;
+}
+.ScProfilePopup_switchWorkspaceRow {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs, 0.25rem);
+  align-items: flex-start;
+  justify-content: flex-start;
+  padding: 0 var(--spacing-md, 0.5rem);
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScProfilePopup_switchWorkspaceButton {
+  background: var(--alias-fill-neutral-neutralactive, #313131) !important;
+  cursor: pointer;
+}
+.ScProfilePopup_switchWorkspaceButton:hover {
+  background: var(--alias-fill-neutral-neutralselected, #242424) !important;
+}
+.ScProfilePopup_settingsOptions {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-md, 0.5rem);
+  align-items: flex-start;
+  justify-content: flex-start;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScProfilePopup_menuOptionInstance {
+  cursor: pointer;
+}
+.ScProfilePopup_menuOptionInstance:focus-visible {
+  outline: var(--stroke-st2, 2px) solid var(--alias-border-default, #3e3e3e);
+  outline-offset: calc(-1 * var(--spacing-xxs, 2px));
+}
+.ScProfilePopup_themeTab {
+  flex: 1 !important;
+  align-self: unset !important;
+  flex-shrink: unset !important;
+  color: var(--alias-text-and-icons-muted, #7a7a7a);
+  cursor: pointer;
+}
+.ScProfilePopup_themeTabActive {
+  color: var(--alias-text-and-icons-inverse, #101010);
+}
+.ScProfilePopup_themeTab:focus-visible {
+  outline: var(--stroke-st2, 2px) solid var(--alias-border-default, #3e3e3e);
+  outline-offset: calc(-1 * var(--spacing-xxs, 2px));
+}