<commit_before>.item {
  outline: none;
  display: flex;
  padding: 10px 8px 10px 24px;
  position: relative;
}

.item:hover {
  background: #efefef;
}

.actions {
  display: none;
  position: absolute;
  right: 16px;
  top: 10px;
  z-index: 10;
}

.item:hover .actions {
  display: block;
}

.call-button {
  background-color: #30d557;
}

.action-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
  padding: 11px;
}

.avatar-wrapper {
  display: flex;
  align-items: center;
}

.avatar-wrapper > div > div {
  width: 38px;
  height: 38px;
}

.avatar-group {
  border: 2px solid #ccc;
  border-radius: 50%;
}

.avatar-wrapper .avatar-group > div {
  margin: 3px;
  width: 28px;
  height: 28px;
}

.unread-indicator {
  position: absolute;
  left: 13px;
  top: 46%; /* A bit of a hack but visually looks good */
  border-radius: 50%;
  height: 6px;
  width: 6px;
  background-color: #07c1e4;
}

.team-name {
  font-size: 10px;
  text-transform: uppercase;
}

.title {
  font-size: 14px;
  color: #4f5051;
}

.meta {
  flex: 1 1 auto;
  width: 100%;
  padding: 0 50px 0 8px;
  overflow: hidden;
}

.last-activity {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  white-space: nowrap;
}

.timestamp {
  position: absolute;
  right: 10px;
  top: 8px;
  white-space: nowrap;
  color: #999;
  font-size: 10px;
}

.direct-space:hover .timestamp {
  display: none;
}

.mid-dot:after {
    content: '\b7';
    padding: 0 3px;
}<commit_msg>style(widget-recents): truncate long space names<commit_after>.item {
  outline: none;
  display: flex;
  padding: 10px 8px 10px 24px;
  position: relative;
}

.item:hover {
  background: #efefef;
}

.actions {
  display: none;
  position: absolute;
  right: 16px;
  top: 10px;
  z-index: 10;
}

.item:hover .actions {
  display: block;
}

.call-button {
  background-color: #30d557;
}

.action-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
  padding: 11px;
}

.avatar-wrapper {
  display: flex;
  align-items: center;
}

.avatar-wrapper > div > div {
  width: 38px;
  height: 38px;
}

.avatar-group {
  border: 2px solid #ccc;
  border-radius: 50%;
}

.avatar-wrapper .avatar-group > div {
  margin: 3px;
  width: 28px;
  height: 28px;
}

.unread-indicator {
  position: absolute;
  left: 13px;
  top: 46%; /* A bit of a hack but visually looks good */
  border-radius: 50%;
  height: 6px;
  width: 6px;
  background-color: #07c1e4;
}

.team-name {
  font-size: 10px;
  text-transform: uppercase;
}

.title {
  font-size: 14px;
  color: #4f5051;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.meta {
  flex: 1 1 auto;
  width: 100%;
  padding: 0 50px 0 8px;
  overflow: hidden;
}

.last-activity {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  white-space: nowrap;
}

.timestamp {
  white-space: nowrap;
  color: #999;
  font-size: 10px;
}

.direct-space:hover .timestamp {
  display: none;
}

.mid-dot:after {
    content: '\b7';
    padding: 0 3px;
}
{'fraction_non_alphanumeric': 0.14919614147909968, 'fraction_numerical': 0.05627009646302251, 'mean_word_length': 2.998714652956298, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '6082100', 'n_tokens_mistral': 1440, 'n_tokens_neox': 1283, 'n_words': 320}