<commit_before>.chat {
  .flexy();
  .user-select(none);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.chat-offset {
  .flex(1);
  position: relative;
}
.chat-window {
  .size_of(chat; width);
  .animation(in-fade-right @run_slow @bezier_fadein);
  .flexy(stretch; flex-end; column);
  .user-select(auto); // VETO
  position: relative;
  min-width: @tile;
  max-width: calc(~"100% -" @tile);
  height: 100%;
  background: @dye_outer;
  box-shadow: -1px 0 @gray_lighter;
  pointer-events: auto; // VETO
  will-change: transform;
  top: 0;
  right: 0;
  &.closed {
    .animation-name(none);
    .translate3d(101%, 0, 0);
    .transition_transform(@run_slow @bezier_fadein);
    position: absolute;
    .chat-input {
      visibility: hidden;
      transition: visibility @now @run_slow @bezier_fadein;
    }
  }
}
.chat-background {
  .transform-origin(left);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: @dye_inner;
  box-shadow: -1px 0 @gray_dark;
  will-change: transform;
  transition: @run @bezier_deform;
}
.chat-log {
  .user-select(none); // so you only select text and not entire chat menu
  .scrollbar_hide();
  position: relative;
  padding: 1em 0 1.25em;
  overflow-y: auto;
  transition: @run_fast @run @bezier_fadein;
  span {
    .user-select(auto); // so you only select text and not entire chat menu
    white-space: pre-line; // honors new line (shift + enter)
  }
}
.chat-box {
  .box-sizing(content-box);
  position: relative;
  height: @tile;
  min-height: @tile;
  border-top: 1px solid @gray_dark;
  transition: border-top @run_fast @run_fast @bezier_fadein;
  &:after {
    .gradient(to bottom; @dye_inner; fade(@dye_inner, 0));
    .gradient(to bottom; @dye_inner; fade(@dye_inner, 0));
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 33%;
    pointer-events: none;<commit_msg>prevent long links from breaking chat<commit_after>.chat {
  .flexy();
  .user-select(none);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.chat-offset {
  .flex(1);
  position: relative;
}
.chat-window {
  .size_of(chat; width);
  .animation(in-fade-right @run_slow @bezier_fadein);
  .flexy(stretch; flex-end; column);
  .user-select(auto); // VETO
  position: relative;
  min-width: @tile;
  max-width: calc(~"100% -" @tile);
  height: 100%;
  background: @dye_outer;
  box-shadow: -1px 0 @gray_lighter;
  pointer-events: auto; // VETO
  will-change: transform;
  top: 0;
  right: 0;
  &.closed {
    .animation-name(none);
    .translate3d(101%, 0, 0);
    .transition_transform(@run_slow @bezier_fadein);
    position: absolute;
    .chat-input {
      visibility: hidden;
      transition: visibility @now @run_slow @bezier_fadein;
    }
  }
}
.chat-background {
  .transform-origin(left);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: @dye_inner;
  box-shadow: -1px 0 @gray_dark;
  will-change: transform;
  transition: @run @bezier_deform;
}
.chat-log {
  .user-select(none); // so you only select text and not entire chat menu
  .scrollbar_hide();
  position: relative;
  padding: 1em 0 1.25em;
  overflow-y: auto;
  transition: @run_fast @run @bezier_fadein;
  span {
    .user-select(auto); // so you only select text and not entire chat menu
    white-space: pre-line; // honors new line (shift + enter)
    word-break: break-word;
  }
}
.chat-box {
  .box-sizing(content-box);
  position: relative;
  height: @tile;
  min-height: @tile;
  border-top: 1px solid @gray_dark;
  transition: border-top @run_fast @run_fast @bezier_fadein;
  &:after {
    .gradient(to bottom; @dye_inner; fade(@dye_inner, 0));
    .gradient(to bottom; @dye_inner; fade(@dye_inner, 0));
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 33%;
    pointer-events: none;
{'fraction_non_alphanumeric': 0.15314401622718052, 'fraction_numerical': 0.02535496957403651, 'mean_word_length': 3.2510775862068964, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2389021', 'n_tokens_mistral': 1580, 'n_tokens_neox': 1468, 'n_words': 364}