@import '../../scss/mixin';
@import '../../scss/mixin';

.thread {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.threadMessage {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}

.threadMessageUser {}

.threadMessageAssistant {
  /*
  [data-chunk-type="text"],
  [data-chunk-type="string"] {
    &[data-chunk-index="0"] {

      :global {
        .llm__text .llm__text-body {
          @include text(display2);
        }
      }
    }
  }
  */

  [data-chunk-type="text"],
  [data-chunk-type="string"] {
    &:not([data-chunk-index="0"]) {

      :global {
        .llm__text .llm__text-body {
          @include markdown();

          p {
            margin-bottom: 12px;
          }
        }
      }
    }
  }
}

.threadInner {
  &:empty {
    display: none;
  }

  &:not(:first-child) {
    :global {

      .message__badge,
      .message__head {
        display: none;
      }
    }
  }
}

.threadEnd {}

.cardGroup {}