<commit_before><!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>{{T "title"}}</title>

    <link href="public/favicon.ico" rel="icon">

    <link href="public/manifest.json" rel="manifest">

    <link href="public/styles/main.css" rel="stylesheet">
    <link href="public/styles/chat.css" rel="stylesheet">
  </head>
  <body>
    <header class="header">
      <a href="/">{{T "header_title"}}</a>
      <img src="{{.AvatarURL}}">
    </header>

    <main class="main" id="app">
      <ul class="chat-content" ref="chat">
        <li v-for="msg in chat">
          <!-- Message -->
          <template v-if="msg.type === 'message'">
            <img class="avatar" :src="msg.avatar" :alt="msg.userName" :title="msg.userName">
            <span class="message">${msg.content}</span>
          </template>
          <!-- Notice -->
          <template v-else-if="msg.type === 'notice'">
            <span class="notice">${msg.content}</span>
          </template>
          <!-- Warning -->
          <template v-else-if="msg.type === 'warning'">
            <span class="warning">${msg.content}</span>
          </template>
        </li>
      </ul>

      <div class="chat-message">
        <input type="text" maxlength="270" placeholder="{{T "chat_message_placeholder"}}" v-model="message" @keyup.enter="send">
        <button @click="send">{{T "chat_message_send"}}</button><commit_msg>Scroll to last on message input focus<commit_after><!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>{{T "title"}}</title>

    <link href="public/favicon.ico" rel="icon">

    <link href="public/manifest.json" rel="manifest">

    <link href="public/styles/main.css" rel="stylesheet">
    <link href="public/styles/chat.css" rel="stylesheet">
  </head>
  <body>
    <header class="header">
      <a href="/">{{T "header_title"}}</a>
      <img src="{{.AvatarURL}}">
    </header>

    <main class="main" id="app">
      <ul class="chat-content" ref="chat">
        <li v-for="msg in chat">
          <!-- Message -->
          <template v-if="msg.type === 'message'">
            <img class="avatar" :src="msg.avatar" :alt="msg.userName" :title="msg.userName">
            <span class="message">${msg.content}</span>
          </template>
          <!-- Notice -->
          <template v-else-if="msg.type === 'notice'">
            <span class="notice">${msg.content}</span>
          </template>
          <!-- Warning -->
          <template v-else-if="msg.type === 'warning'">
            <span class="warning">${msg.content}</span>
          </template>
        </li>
      </ul>

      <div class="chat-message">
        <input
          type="text"
          maxlength="270"
          placeholder="{{T "chat_message_placeholder"}}"
          v-model="message"
          @focus="scrollToLast(true)"
          @keyup.enter="send"
        />
        <button @click="send">{{T "chat_message_send"}}</button>
{'fraction_non_alphanumeric': 0.20965651328580687, 'fraction_numerical': 0.0032404406999351912, 'mean_word_length': 2.492081447963801, 'pattern_counts': {'":': 0, '<': 89, '<?xml version=': 0, '>': 89, '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': '5589098', 'n_tokens_mistral': 998, 'n_tokens_neox': 955, 'n_words': 174}