<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk" version="4.0"/>
  <object class="GtkBox" id="mainbox">
    <property name="can-focus">0</property>
    <child>
      <object class="GtkBox">
        <property name="spacing">12</property>
        <child>
          <object class="GtkBox" id="account_identifier">
            <property name="visible">0</property>
            <property name="orientation">vertical</property>
            <child>
              <placeholder/>
            </child>
            <style>
              <class name="account-identifier-bar"/>
            </style>
          </object>
        </child>
        <child>
          <object class="GtkImage" id="avatar_image" />
        </child>
        <child>
          <object class="GtkBox">
            <property name="hexpand">1</property>
            <property name="orientation">vertical</property>
            <child>
              <object class="GtkBox">
                <property name="spacing">6</property>
                <child>
                  <object class="GtkBox">
                    <property name="spacing">3</property>
                    <property name="hexpand">1</property>
                    <child>
                      <object class="GtkImage" id="connection_icon">
                        <property name="visible">0</property>
                        <property name="icon_size">normal</property>
                      </object>
                    </child>
                    <child>
                      <object class="GtkImage" id="group_chat_indicator">
                        <property name="visible">0</property>
                        <property name="icon-name">lucide-users-symbolic</property>
                        <style>
                          <class name="dimmed"/>
                        </style>
                      </object>
                    </child>
                    <child>
                      <object class="GtkLabel" id="name_label">
                        <property name="halign">start</property>
                        <property name="ellipsize">end</property>
                        <property name="single-line-mode">1</property>
                        <property name="xalign">0</property>
                      </object>
                    </child>
                    <child>
                      <object class="GtkImage" id="chatstate_image">
                        <property name="visible">0</property>
                        <property name="valign">end</property>
                        <property name="icon-name">lucide-ellipsis-symbolic</property>
                        <style>
                          <class name="chat-state-icon"/>
                        </style>
                      </object>
                    </child>
                  </object>
                </child>
                <child>
                  <object class="GtkImage" id="mute_image">
                    <property name="halign">center</property>
                    <property name="visible">0</property>
                    <property name="icon-name">lucide-volume-off-symbolic</property>
                  </object>
                </child>
                <child>
                  <object class="GtkLabel" id="timestamp_label">
                    <property name="valign">end</property>
                    <style>
                      <class name="dimmed"/>
                    </style>
                  </object>
                </child>
              </object>
            </child>
            <child>
              <object class="GtkBox">
                <property name="spacing">3</property>
                <property name="hexpand">1</property>
                <child>
                  <object class="GtkLabel" id="nick_label">
                    <property name="visible">0</property>
                    <property name="halign">start</property>
                    <property name="ellipsize">end</property>
                    <property name="single-line-mode">1</property>
                    <property name="xalign">0</property>
                    <style>
                      <class name="dimmed"/>
                    </style>
                  </object>
                </child>
                <child>
                  <object class="GtkImage" id="message_icon">
                    <property name="visible">0</property>
                  </object>
                </child>
                <child>
                  <object class="GtkLabel" id="message_label">
                    <property name="halign">start</property>
                    <property name="hexpand">1</property>
                    <property name="ellipsize">end</property>
                    <property name="single-line-mode">1</property>
                    <property name="xalign">0</property>
                  </object>
                </child>
                <child>
                  <object class="GtkImage" id="mention_indicator">
                    <property name="visible">0</property>
                    <property name="icon-name">lucide-at-sign-symbolic</property>
                    <style>
                      <class name="conversation-mention-fg-color"/>
                    </style>
                  </object>
                </child>
                <child>
                  <object class="GtkLabel" id="unread_label">
                    <property name="visible">0</property>
                    <style>
                      <class name="unread-counter"/>
                    </style>
                  </object>
                </child>
              </object>
            </child>
          </object>
        </child>
        <child>
          <object class="GtkRevealer" id="revealer">
            <property name="halign">end</property>
            <property name="transition-type">slide-right</property>
            <property name="transition-duration">100</property>
            <property name="child">
              <object class="GtkButton" id="close_button">
                <property name="visible">1</property>
                <property name="valign">center</property>
                <property name="margin-end">6</property>
                <style>
                  <class name="circular" />
                </style>
                <child>
                  <object class="GtkImage">
                    <property name="icon-name">lucide-x-symbolic</property>
                  </object>
                </child>
              </object>
            </property>
          </object>
        </child>
      </object>
    </child>
  </object>
</interface>
