@streamoid/ui 0.6.7 → 0.6.9

package/dist/index.css

@@ -869,6 +869,51 @@
   height: 1.25rem !important;
 }
 
+/* src/SC-AppCardForCopilot/ScAppCardForCopilot.module.css */
+.ScAppCardForCopilot_card {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: var(--spacing-sm, 0.375rem);
+  padding: var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem);
+  border-radius: var(--radius-3xl, 1rem);
+  background: #101010;
+  -webkit-backdrop-filter: blur(4px);
+  backdrop-filter: blur(4px);
+  border: none;
+  cursor: pointer;
+  width: fit-content;
+  text-align: left;
+}
+.ScAppCardForCopilot_header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-md, 0.5rem);
+  width: 100%;
+}
+.ScAppCardForCopilot_logo {
+  color: var(--alias-text---icons-fullwhite, #ffffff);
+  height: 14px;
+}
+.ScAppCardForCopilot_arrow {
+  flex-shrink: 0;
+  opacity: 0;
+  transition: opacity 120ms ease;
+}
+.ScAppCardForCopilot_card:hover .ScAppCardForCopilot_arrow,
+.ScAppCardForCopilot_card:focus-visible .ScAppCardForCopilot_arrow {
+  opacity: 1;
+}
+.ScAppCardForCopilot_subText {
+  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);
+  font-weight: 400;
+  color: #9e9e9e;
+}
+
 /* src/SC-Badges/ScBadges.module.css */
 .ScBadges_scBadges,
 .ScBadges_scBadges * {
@@ -1200,8 +1245,7 @@
   overflow: visible;
   aspect-ratio: 1;
 }
-.ScRadio_scRadio.ScRadio_state-default .ScRadio_vector,
-.ScRadio_scRadio.ScRadio_state-selected .ScRadio_vector {
+.ScRadio_scRadio .ScRadio_vector {
   width: 100%;
   height: 100%;
   position: absolute;
@@ -1212,8 +1256,9 @@
   overflow: visible;
   aspect-ratio: 1;
 }
+.ScRadio_scRadio.ScRadio_state-default,
 .ScRadio_scRadio.ScRadio_state-selected {
-  aspect-ratio: unset;
+  aspect-ratio: 1;
 }
 
 /* src/SC-checkbox/ScCheckbox.module.css */
@@ -4545,7 +4590,7 @@
 .ScBriefCard_scBriefCard {
   background: var(--alias-surface-base, #101010);
   border-radius: calc(var(--radius-3xl, 1rem) - 1px);
-  padding: var(--spacing-5xl, 1.25rem) var(--spacing-3xl, 1rem);
+  padding: var(--spacing-5xl, 1.25rem);
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xl, 0.75rem);
@@ -5788,6 +5833,458 @@
   background: var(--alias-fill-error-solidhover, #e04444);
 }
 
+/* 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;
+}
+.ScInChatList_headerArea {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.ScInChatList_stepCount {
+  font-family: "Inter", sans-serif;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: 0;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  margin: 0;
+  padding: var(--spacing-xs, 4px) var(--spacing-none, 0) var(--spacing-none, 0) var(--spacing-none, 0);
+}
+.ScInChatList_titleRow {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--spacing-md, 8px);
+  padding: var(--spacing-xs, 4px) var(--spacing-none, 0);
+  width: 100%;
+}
+.ScInChatList_titleRowClickable {
+  cursor: pointer;
+}
+.ScInChatList_titleRowStatic {
+  cursor: default;
+}
+.ScInChatList_title {
+  font-family: "Inter", sans-serif;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: 0;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  margin: 0;
+  max-width: 560px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ScInChatList_chevronWrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 18px;
+  flex-shrink: 0;
+}
+.ScInChatList_chevronIcon {
+  width: 12px;
+  height: 12px;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  flex-shrink: 0;
+}
+.ScInChatList_descriptionRow {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-xs, 4px);
+  width: 100%;
+}
+.ScInChatList_descriptionIcon {
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+}
+.ScInChatList_descriptionDot {
+  width: 20px;
+  height: 20px;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  opacity: 0.5;
+}
+.ScInChatList_descriptionText {
+  font-family: "Inter", sans-serif;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: 0;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  margin: 0;
+  flex: 1 0 0;
+  min-width: 0;
+}
+.ScInChatList_toolPill {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-xs, 4px) var(--spacing-md, 8px);
+  background-color: var(--alias-fill-neutral-neutraltohover, #1f1f1f);
+  border-radius: var(--radius-md, 8px);
+  align-self: flex-start;
+  flex-shrink: 0;
+}
+.ScInChatList_toolText {
+  font-family: "Inter", sans-serif;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+  letter-spacing: 0;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  margin: 0;
+  white-space: nowrap;
+}
+
+/* src/SC-SubAgent/ScSubAgent.module.css */
+.ScSubAgent_scSubAgent,
+.ScSubAgent_scSubAgent * {
+  box-sizing: border-box;
+}
+.ScSubAgent_scSubAgent {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: fit-content;
+  padding: var(--spacing-xs, 0.25rem) var(--spacing-md, 0.5rem);
+  background: var(--alias-fill-neutral-neutraltohover, #1f1f1f);
+  border-radius: var(--radius-md, 0.5rem);
+  position: relative;
+}
+.ScSubAgent_label {
+  margin: 0;
+  flex-shrink: 0;
+  position: relative;
+  font-family: Inter, sans-serif;
+  font-weight: 400;
+  font-size: 0.75rem;
+  line-height: 1.125rem;
+  letter-spacing: 0;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  white-space: nowrap;
+}
+
+/* src/SC-InChatMessage/ScInChatMessage.module.css */
+.ScInChatMessage_scInChatMessage,
+.ScInChatMessage_scInChatMessage * {
+  box-sizing: border-box;
+}
+.ScInChatMessage_scInChatMessage {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  max-width: 600px;
+  padding: var(--spacing-xl, 12px) var(--spacing-3xl, 16px);
+  position: relative;
+}
+.ScInChatMessage_text {
+  margin: 0;
+  width: 100%;
+  position: relative;
+  flex-shrink: 0;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  font-family: "Inter", sans-serif;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 24px;
+  letter-spacing: 0;
+  word-break: break-word;
+}
+.ScInChatMessage_scInChatMessage.ScInChatMessage_type-input {
+  background: var(--alias-surface-subtleraised, #1f1f1f);
+  border-top-left-radius: var(--radius-4xl, 18px);
+  border-top-right-radius: var(--radius-4xl, 18px);
+  border-bottom-left-radius: var(--radius-4xl, 18px);
+  border-bottom-right-radius: var(--radius-xs, 4px);
+}
+.ScInChatMessage_scInChatMessage.ScInChatMessage_type-output {
+  background: var(--alias-surface-base, #101010);
+  border: 1px solid var(--alias-border-divider, #242424);
+  border-radius: var(--radius-4xl, 18px);
+}
+
+/* src/SC-Selection/ScSelection.module.css */
+.ScSelection_scSelection,
+.ScSelection_scSelection * {
+  box-sizing: border-box;
+}
+.ScSelection_scSelection {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-3xl, 16px);
+  padding: var(--spacing-xl, 12px);
+  border-radius: var(--radius-xl, 12px);
+  position: relative;
+  width: 100%;
+  cursor: pointer;
+}
+.ScSelection_scRadioInstance {
+  width: 1.25rem;
+  height: 1.25rem;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScSelection_scRadioInstance svg {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+.ScSelection_wrapper {
+  display: flex;
+  flex: 1 0 0;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: center;
+  gap: var(--spacing-xs, 4px);
+  min-width: 0;
+  position: relative;
+  word-break: break-word;
+}
+.ScSelection_title,
+.ScSelection_description {
+  margin: 0;
+  width: 100%;
+  font-family: "Inter", sans-serif;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: 0;
+  position: relative;
+}
+.ScSelection_title {
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+}
+.ScSelection_description {
+  color: var(--alias-text-and-icons-muted, #7a7a7a);
+}
+.ScSelection_scSelection.ScSelection_state-default {
+  background: transparent;
+}
+.ScSelection_scSelection.ScSelection_state-active {
+  background: var(--alias-fill-neutral-neutral, #1a1a1a);
+}
+
+/* src/SC-SelectionList/ScSelectionList.module.css */
+.ScSelectionList_scSelectionList,
+.ScSelectionList_scSelectionList * {
+  box-sizing: border-box;
+}
+.ScSelectionList_scSelectionList {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md, 8px);
+  width: 100%;
+  max-width: 600px;
+  padding: var(--spacing-none, 0);
+  position: relative;
+  font-family: "Inter", sans-serif;
+}
+.ScSelectionList_toggles {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md, 8px);
+  padding: 0 2px;
+  flex-shrink: 0;
+}
+.ScSelectionList_checkToggle,
+.ScSelectionList_rejectToggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  border-radius: 50%;
+  border: 0.5px solid var(--alias-text-and-icons-disabled, #5c5c5c);
+  background: transparent;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background-color 0.15s ease, opacity 0.15s ease;
+}
+.ScSelectionList_checkToggle:disabled,
+.ScSelectionList_rejectToggle:disabled {
+  cursor: default;
+}
+.ScSelectionList_checkIcon,
+.ScSelectionList_closeIcon {
+  display: block;
+  flex-shrink: 0;
+  color: var(--alias-text-and-icons-disabled, #5c5c5c);
+}
+.ScSelectionList_content {
+  flex: 1 0 0;
+  min-width: 1px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  position: relative;
+}
+.ScSelectionList_row {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md, 8px);
+  padding: var(--spacing-xs, 4px) var(--spacing-none, 0);
+  width: 100%;
+}
+.ScSelectionList_label {
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 400;
+  letter-spacing: 0;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  white-space: nowrap;
+  word-break: break-word;
+  max-width: 560px;
+  flex-shrink: 0;
+}
+.ScSelectionList_valuesPill {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-xs, 4px) var(--spacing-md, 8px);
+  border-radius: var(--radius-md, 8px);
+  background: var(--alias-surface-basesubtle, #151515);
+  flex-shrink: 0;
+}
+.ScSelectionList_valuesText {
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 400;
+  letter-spacing: 0;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  white-space: nowrap;
+  word-break: break-word;
+}
+.ScSelectionList_scSelectionList.ScSelectionList_state-default .ScSelectionList_checkIcon,
+.ScSelectionList_scSelectionList.ScSelectionList_state-default .ScSelectionList_closeIcon {
+  color: var(--alias-text-and-icons-disabled, #5c5c5c);
+}
+.ScSelectionList_scSelectionList.ScSelectionList_state-approved .ScSelectionList_checkToggle {
+  border-color: transparent;
+  background: var(--alias-text-and-icons-primary, #f5f5f5);
+}
+.ScSelectionList_scSelectionList.ScSelectionList_state-approved .ScSelectionList_checkIcon {
+  color: var(--alias-text-and-icons-inverse, #101010);
+}
+.ScSelectionList_scSelectionList.ScSelectionList_state-approved .ScSelectionList_rejectToggle {
+  opacity: 0.3;
+}
+.ScSelectionList_scSelectionList.ScSelectionList_state-rejected .ScSelectionList_rejectToggle {
+  border-color: transparent;
+  background: var(--alias-fill-error-solidhover, #e04444);
+}
+.ScSelectionList_scSelectionList.ScSelectionList_state-rejected .ScSelectionList_closeIcon {
+  color: var(--alias-text-and-icons-inverse, #101010);
+}
+.ScSelectionList_scSelectionList.ScSelectionList_state-rejected .ScSelectionList_checkToggle {
+  opacity: 0.3;
+}
+.ScSelectionList_scSelectionList.ScSelectionList_state-rejected .ScSelectionList_content {
+  opacity: 0.5;
+}
+.ScSelectionList_scSelectionList.ScSelectionList_state-rejected .ScSelectionList_label,
+.ScSelectionList_scSelectionList.ScSelectionList_state-rejected .ScSelectionList_valuesText {
+  text-decoration: line-through;
+  text-decoration-skip-ink: none;
+  text-underline-position: from-font;
+}
+.ScSelectionList_scSelectionList.ScSelectionList_disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
 /* src/SC-Role-Mobile/ScRoleMobile.module.css */
 .ScRoleMobile_scRoleMobile {
   display: flex;