<turbo-stream action="update" target="slideover-content"><template>
  <div class="slideover-header">
  <div class="flex items-center justify-between py-4">
    <div class="slideover-title">
      <i class="ph-user "></i>
      <h2 data-skeleton-target="">Profile</h2>
    </div>
    <div class="slideover-actions">
      <button class="modal-close" data-action="slideover#forceClose">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
          <path d="M12.5 3.5L3.5 12.5" stroke="#D4D4D8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
          <path d="M12.5 12.5L3.5 3.5" stroke="#D4D4D8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </button>
    </div>
  </div>
</div>
<div class="slideover-tabs">
    <a id="slideover-tab0" href="/users/g9nGdD8m/profile" class="slideover-tabs-tab" data-method="get">About</a>
    <a id="slideover-tab1" href="/users/g9nGdD8m/profile_activity" class="slideover-tabs-tab slideover-tabs-tab--active" data-method="get">Activity</a>
</div>
<div class="slideover-body" data-slideover-target="body">
  
    
  <div id="replaceable-form" class="scrollable-content gap-1 p-2">
  <div class="accordion-panel" data-controller="accordion-panel" data-accordion-panel-state-value="opened">
    <div class="panel-heading" data-accordion-panel-target="heading">
      <div class="panel-title">
        <i class="ph-article-bold"></i>
        <h4>Latest Posts</h4>
      </div>
    </div>
    <div class="panel-body" data-accordion-panel-target="body">
      <div class="divide-y divide-gray-200">
          <a class="flex flex-col md:flex-row items-start gap-3 py-3 group" data-turbo-frame="_top" href="/base/7129-ai_toolkit_feedback">
            <span class="flex items-start gap-2 flex-1">
              <span class="p-1 rounded-full shrink-0 relative top-1" style="background-color: #F59E0B20;">
                <i class="w-1.5 h-1.5 rounded-full block" style="background-color: #F59E0B;"></i>
              </span>
              <span class="base-related-post-title group-hover:text-primary-500">
                  An anonymous post in AI Toolkit Feedback.
              </span>
            </span>
            <span class="flex items-center gap-1 text-xs text-gray-500 group-hover:text-gray-700">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
                <path d="M11.375 2.6875H2.625C2.38338 2.6875 2.1875 2.88338 2.1875 3.125V11.875C2.1875 12.1166 2.38338 12.3125 2.625 12.3125H11.375C11.6166 12.3125 11.8125 12.1166 11.8125 11.875V3.125C11.8125 2.88338 11.6166 2.6875 11.375 2.6875Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M9.625 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M4.375 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M2.1875 5.3125H11.8125" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
              </svg>
              Aug 25
            </span>
</a>          <a class="flex flex-col md:flex-row items-start gap-3 py-3 group" data-turbo-frame="_top" href="/base/40-hub_feedback">
            <span class="flex items-start gap-2 flex-1">
              <span class="p-1 rounded-full shrink-0 relative top-1" style="background-color: #B9BBB620;">
                <i class="w-1.5 h-1.5 rounded-full block" style="background-color: #B9BBB6;"></i>
              </span>
              <span class="base-related-post-title group-hover:text-primary-500">
                  An anonymous post in Hub Feedback.
              </span>
            </span>
            <span class="flex items-center gap-1 text-xs text-gray-500 group-hover:text-gray-700">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
                <path d="M11.375 2.6875H2.625C2.38338 2.6875 2.1875 2.88338 2.1875 3.125V11.875C2.1875 12.1166 2.38338 12.3125 2.625 12.3125H11.375C11.6166 12.3125 11.8125 12.1166 11.8125 11.875V3.125C11.8125 2.88338 11.6166 2.6875 11.375 2.6875Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M9.625 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M4.375 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M2.1875 5.3125H11.8125" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
              </svg>
              Aug 12
            </span>
</a>          <a class="flex flex-col md:flex-row items-start gap-3 py-3 group" data-turbo-frame="_top" href="/base/40-hub_feedback">
            <span class="flex items-start gap-2 flex-1">
              <span class="p-1 rounded-full shrink-0 relative top-1" style="background-color: #B9BBB620;">
                <i class="w-1.5 h-1.5 rounded-full block" style="background-color: #B9BBB6;"></i>
              </span>
              <span class="base-related-post-title group-hover:text-primary-500">
                  An anonymous post in Hub Feedback.
              </span>
            </span>
            <span class="flex items-center gap-1 text-xs text-gray-500 group-hover:text-gray-700">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
                <path d="M11.375 2.6875H2.625C2.38338 2.6875 2.1875 2.88338 2.1875 3.125V11.875C2.1875 12.1166 2.38338 12.3125 2.625 12.3125H11.375C11.6166 12.3125 11.8125 12.1166 11.8125 11.875V3.125C11.8125 2.88338 11.6166 2.6875 11.375 2.6875Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M9.625 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M4.375 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M2.1875 5.3125H11.8125" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
              </svg>
              Aug 11
            </span>
</a>          <a class="flex flex-col md:flex-row items-start gap-3 py-3 group" data-turbo-frame="_top" href="/base/40-hub_feedback">
            <span class="flex items-start gap-2 flex-1">
              <span class="p-1 rounded-full shrink-0 relative top-1" style="background-color: #B9BBB620;">
                <i class="w-1.5 h-1.5 rounded-full block" style="background-color: #B9BBB6;"></i>
              </span>
              <span class="base-related-post-title group-hover:text-primary-500">
                  An anonymous post in Hub Feedback.
              </span>
            </span>
            <span class="flex items-center gap-1 text-xs text-gray-500 group-hover:text-gray-700">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
                <path d="M11.375 2.6875H2.625C2.38338 2.6875 2.1875 2.88338 2.1875 3.125V11.875C2.1875 12.1166 2.38338 12.3125 2.625 12.3125H11.375C11.6166 12.3125 11.8125 12.1166 11.8125 11.875V3.125C11.8125 2.88338 11.6166 2.6875 11.375 2.6875Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M9.625 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M4.375 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M2.1875 5.3125H11.8125" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
              </svg>
              Jul 15
            </span>
</a>          <a class="flex flex-col md:flex-row items-start gap-3 py-3 group" data-turbo-frame="_top" href="/base/7129-ai_toolkit_feedback">
            <span class="flex items-start gap-2 flex-1">
              <span class="p-1 rounded-full shrink-0 relative top-1" style="background-color: #F59E0B20;">
                <i class="w-1.5 h-1.5 rounded-full block" style="background-color: #F59E0B;"></i>
              </span>
              <span class="base-related-post-title group-hover:text-primary-500">
                  An anonymous post in AI Toolkit Feedback.
              </span>
            </span>
            <span class="flex items-center gap-1 text-xs text-gray-500 group-hover:text-gray-700">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
                <path d="M11.375 2.6875H2.625C2.38338 2.6875 2.1875 2.88338 2.1875 3.125V11.875C2.1875 12.1166 2.38338 12.3125 2.625 12.3125H11.375C11.6166 12.3125 11.8125 12.1166 11.8125 11.875V3.125C11.8125 2.88338 11.6166 2.6875 11.375 2.6875Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M9.625 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M4.375 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M2.1875 5.3125H11.8125" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
              </svg>
              Jul 14
            </span>
</a>      </div>
      <div class="flex flex-col items-center justify-center flex-1 text-center py-10 !hidden">
        <img src="https://d2id8jgnbwyil5.cloudfront.net/notes.svg" class="w-28 shrink-0" />
        <div class="font-semibold text-base text-gray-700 mt-2">No posts available</div>
      </div>
    </div>
  </div>
  <div class="accordion-panel" data-controller="accordion-panel" data-accordion-panel-state-value="opened">
    <div class="panel-heading" data-accordion-panel-target="heading">
      <div class="panel-title">
        <i class="ph-chats-bold"></i>
        <h4>Latest Replies</h4>
      </div>
    </div>
    <div class="panel-body" data-accordion-panel-target="body">
      <div class="divide-y divide-gray-200">
          <a class="flex flex-col md:flex-row items-start gap-3 py-3 group" data-turbo-frame="_top" href="/base/40-hub_feedback">
            <span class="flex items-start gap-2 flex-1">
              <span class="p-1 rounded-full shrink-0 relative top-1" style="background-color: #B9BBB620;">
                <i class="w-1.5 h-1.5 rounded-full block" style="background-color: #B9BBB6;"></i>
              </span>
              <span class="base-related-post-title group-hover:text-primary-500">
                  An anonymous reply to a post in Hub Feedback.
              </span>
            </span>
            <span class="flex items-center gap-1 text-xs text-gray-500 group-hover:text-gray-700">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
                <path d="M11.375 2.6875H2.625C2.38338 2.6875 2.1875 2.88338 2.1875 3.125V11.875C2.1875 12.1166 2.38338 12.3125 2.625 12.3125H11.375C11.6166 12.3125 11.8125 12.1166 11.8125 11.875V3.125C11.8125 2.88338 11.6166 2.6875 11.375 2.6875Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M9.625 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M4.375 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M2.1875 5.3125H11.8125" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
              </svg>
              Jul 01
            </span>
</a>          <a class="flex flex-col md:flex-row items-start gap-3 py-3 group" data-turbo-frame="_top" href="/base/40-hub_feedback">
            <span class="flex items-start gap-2 flex-1">
              <span class="p-1 rounded-full shrink-0 relative top-1" style="background-color: #B9BBB620;">
                <i class="w-1.5 h-1.5 rounded-full block" style="background-color: #B9BBB6;"></i>
              </span>
              <span class="base-related-post-title group-hover:text-primary-500">
                  An anonymous reply to a post in Hub Feedback.
              </span>
            </span>
            <span class="flex items-center gap-1 text-xs text-gray-500 group-hover:text-gray-700">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
                <path d="M11.375 2.6875H2.625C2.38338 2.6875 2.1875 2.88338 2.1875 3.125V11.875C2.1875 12.1166 2.38338 12.3125 2.625 12.3125H11.375C11.6166 12.3125 11.8125 12.1166 11.8125 11.875V3.125C11.8125 2.88338 11.6166 2.6875 11.375 2.6875Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M9.625 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M4.375 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M2.1875 5.3125H11.8125" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
              </svg>
              Jun 25
            </span>
</a>          <a class="flex flex-col md:flex-row items-start gap-3 py-3 group" data-turbo-frame="_top" href="/base/7129-ai_toolkit_feedback">
            <span class="flex items-start gap-2 flex-1">
              <span class="p-1 rounded-full shrink-0 relative top-1" style="background-color: #F59E0B20;">
                <i class="w-1.5 h-1.5 rounded-full block" style="background-color: #F59E0B;"></i>
              </span>
              <span class="base-related-post-title group-hover:text-primary-500">
                  An anonymous reply to a post in AI Toolkit Feedback.
              </span>
            </span>
            <span class="flex items-center gap-1 text-xs text-gray-500 group-hover:text-gray-700">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
                <path d="M11.375 2.6875H2.625C2.38338 2.6875 2.1875 2.88338 2.1875 3.125V11.875C2.1875 12.1166 2.38338 12.3125 2.625 12.3125H11.375C11.6166 12.3125 11.8125 12.1166 11.8125 11.875V3.125C11.8125 2.88338 11.6166 2.6875 11.375 2.6875Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M9.625 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M4.375 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M2.1875 5.3125H11.8125" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
              </svg>
              Jun 13
            </span>
</a>          <a class="flex flex-col md:flex-row items-start gap-3 py-3 group" data-turbo-frame="_top" href="/base/40-hub_feedback">
            <span class="flex items-start gap-2 flex-1">
              <span class="p-1 rounded-full shrink-0 relative top-1" style="background-color: #B9BBB620;">
                <i class="w-1.5 h-1.5 rounded-full block" style="background-color: #B9BBB6;"></i>
              </span>
              <span class="base-related-post-title group-hover:text-primary-500">
                  An anonymous reply to a post in Hub Feedback.
              </span>
            </span>
            <span class="flex items-center gap-1 text-xs text-gray-500 group-hover:text-gray-700">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
                <path d="M11.375 2.6875H2.625C2.38338 2.6875 2.1875 2.88338 2.1875 3.125V11.875C2.1875 12.1166 2.38338 12.3125 2.625 12.3125H11.375C11.6166 12.3125 11.8125 12.1166 11.8125 11.875V3.125C11.8125 2.88338 11.6166 2.6875 11.375 2.6875Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M9.625 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M4.375 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M2.1875 5.3125H11.8125" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
              </svg>
              May 07
            </span>
</a>          <a class="flex flex-col md:flex-row items-start gap-3 py-3 group" data-turbo-frame="_top" href="/base/7129-ai_toolkit_feedback">
            <span class="flex items-start gap-2 flex-1">
              <span class="p-1 rounded-full shrink-0 relative top-1" style="background-color: #F59E0B20;">
                <i class="w-1.5 h-1.5 rounded-full block" style="background-color: #F59E0B;"></i>
              </span>
              <span class="base-related-post-title group-hover:text-primary-500">
                  An anonymous reply to a post in AI Toolkit Feedback.
              </span>
            </span>
            <span class="flex items-center gap-1 text-xs text-gray-500 group-hover:text-gray-700">
              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" fill="none">
                <path d="M11.375 2.6875H2.625C2.38338 2.6875 2.1875 2.88338 2.1875 3.125V11.875C2.1875 12.1166 2.38338 12.3125 2.625 12.3125H11.375C11.6166 12.3125 11.8125 12.1166 11.8125 11.875V3.125C11.8125 2.88338 11.6166 2.6875 11.375 2.6875Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M9.625 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M4.375 1.8125V3.5625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
                <path d="M2.1875 5.3125H11.8125" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="stroke-current text-gray-300"></path>
              </svg>
              May 02
            </span>
</a>      </div>
      <div class="flex flex-col items-center justify-center flex-1 text-center py-10 !hidden">
        <img src="https://d2id8jgnbwyil5.cloudfront.net/notes.svg" class="w-28 shrink-0" />
        <div class="font-semibold text-base text-gray-700 mt-2">No replies available</div>
      </div>
    </div>
  </div>
</div>



</div></template></turbo-stream>
