collavre 0.1.0

data/app/views/collavre/inbox_items/_items.html.erb

@@ -0,0 +1,3 @@
+<% items.each do |item| %>
+  <%= render partial: 'collavre/inbox_items/item', locals: { item: item } %>
+<% end %>

data/app/views/collavre/inbox_items/_list.html.erb

@@ -0,0 +1,7 @@
+<div id="inbox-items" data-next-page="<%= next_page || '' %>">
+  <% if items.any? %>
+    <%= render partial: 'collavre/inbox_items/items', locals: { items: items } %>
+  <% else %>
+    <div class="inbox-empty"><%= t('collavre.inbox.no_messages') %></div>
+  <% end %>
+</div>

data/app/views/collavre/inbox_items/index.html.erb

@@ -0,0 +1 @@
+<%= render partial: 'collavre/inbox_items/list', locals: { items: @inbox_items, next_page: @next_page } %>

data/app/views/collavre/inbox_mailer/daily_summary.html.erb

@@ -0,0 +1,11 @@
+<h1><%= t('collavre.inbox_mailer.daily_summary.greeting') %></h1>
+<ul>
+  <% @items.each do |item| %>
+    <li>
+      <%= item.localized_message %>
+      <% if item.link.present? %>
+        (<a href="<%= item.link %>"><%= t('collavre.inbox_mailer.daily_summary.view') %></a>)
+      <% end %>
+    </li>
+  <% end %>
+</ul>

data/app/views/collavre/inbox_mailer/daily_summary.text.erb

@@ -0,0 +1,8 @@
+<%= t('collavre.inbox_mailer.daily_summary.greeting') %>
+
+<% @items.each do |item| %>
+* <%= item.localized_message %>
+  <% if item.link.present? %>
+    <%= item.link %>
+  <% end %>
+<% end %>

data/app/views/collavre/invitation_mailer/invite.html.erb

@@ -0,0 +1,5 @@
+<p>
+  <%= t('collavre.invitation_mailer.invite.message_html',
+         creative: strip_tags(@invitation.creative.effective_origin.description),
+         link: link_to(t('app.here'), collavre.invite_url(token: @invitation.generate_token_for(:invite)))) %>
+</p>

data/app/views/collavre/invitation_mailer/invite.text.erb

@@ -0,0 +1,3 @@
+<%= t('collavre.invitation_mailer.invite.message_text',
+       creative: strip_tags(@invitation.creative.effective_origin.description),
+       link: collavre.invite_url(token: @invitation.generate_token_for(:invite))) %>

data/app/views/collavre/invites/show.html.erb

@@ -0,0 +1,8 @@
+<h1 class="no-top-margin"><%= t('.title') %></h1>
+<p><%= t('collavre.invites.show.invited_by', inviter: @invitation.inviter.display_name, email: @invitation.inviter.email, creative: strip_tags(@invitation.creative.effective_origin.description)) %></p>
+<p><%= t('collavre.invites.show.prompt') %></p>
+<p>
+  <%= link_to t('collavre.invites.show.login'), new_session_path(invite_token: params[:token]) %> |
+  <%= link_to t('collavre.invites.show.sign_up'), new_user_path(invite_token: params[:token]) %>
+</p>
+</div>

data/app/views/collavre/passwords/edit.html.erb

@@ -0,0 +1,12 @@
+<h1 class="no-top-margin"><%= t('collavre.users.change_password') %></h1>
+
+<%= tag.div(flash[:alert], class: "flash-alert") if flash[:alert] %>
+
+<%= form_with url: collavre.password_path(params[:token]), method: :put do |form| %>
+  <%= form.password_field :password, required: true, autocomplete: "new-password", placeholder: t('collavre.users.new_password'), minlength: Collavre::SystemSetting.password_min_length, maxlength: 72 %>
+  <div class="help-text" style="font-size: 0.85em; color: var(--color-text-muted); margin-top: 0.25em; margin-bottom: 0.5em;">
+    <%= t('collavre.users.password_min_length_hint', count: Collavre::SystemSetting.password_min_length) %>
+  </div>
+  <%= form.password_field :password_confirmation, required: true, autocomplete: "new-password", placeholder: t('collavre.users.confirm_new_password'), minlength: Collavre::SystemSetting.password_min_length, maxlength: 72 %><br>
+  <%= form.submit t('app.save') %>
+<% end %>

data/app/views/collavre/passwords/new.html.erb

@@ -0,0 +1,17 @@
+<h1 class="no-top-margin"><%= t('collavre.users.forgot_password') %></h1>
+
+<%= tag.div(flash[:alert], class: "flash-alert") if flash[:alert] %>
+
+<%= form_with url: passwords_path, class: "stacked-form" do |form| %>
+  <%= form.email_field :email,
+                       required: true,
+                       autofocus: true,
+                       autocomplete: "username",
+                       placeholder: t("collavre.users.new.enter_your_email"),
+                       value: params[:email],
+                       class: "stacked-form-control" %>
+  <%= form.submit t('collavre.users.send_password_reset_instructions'), class: "primary-action-button" %>
+<% end %>
+
+<br/>
+<%= link_to t('collavre.users.new.back_to_sign_in'), new_session_path %>

data/app/views/collavre/passwords_mailer/reset.html.erb

@@ -0,0 +1,4 @@
+<p>
+  You can reset your password within the next 15 minutes on
+  <%= link_to "this password reset page", collavre.edit_password_url(@user.password_reset_token) %>.
+</p>

data/app/views/collavre/passwords_mailer/reset.text.erb

@@ -0,0 +1,2 @@
+You can reset your password within the next 15 minutes on this password reset page:
+<%= collavre.edit_password_url(@user.password_reset_token) %>

data/app/views/collavre/sessions/new.html.erb

@@ -0,0 +1,27 @@
+<%= render 'collavre/users/app_header' %>
+
+<%= tag.div(flash[:alert], class: "flash-alert") if flash[:alert] %>
+
+<%= form_with url: collavre.session_path, class: "stacked-form" do |form| %>
+  <% if auth_provider_enabled?(:email) %>
+    <%= render 'collavre/users/id_pwd_fields', form: form, skip_name_field: true %>
+    <%= form.hidden_field :timezone, id: 'login-timezone' %>
+    <%= form.hidden_field :invite_token, value: params[:invite_token] if params[:invite_token] %>
+    <%= form.submit t('app.sign_in'), id: 'sign-in-submit', class: "primary-action-button" %>
+  <% end %>
+<% end %>
+
+<% Rails.application.config.auth_providers.sort_by { |p| p[:priority] }.each do |provider| %>
+  <% next if provider[:key] == :email %>
+  <% if auth_provider_enabled?(provider[:key]) && provider[:partial_path].present? %>
+    <div class="auth-alt-action">
+      <%= render provider[:partial_path] %>
+    </div>
+  <% end %>
+<% end %>
+
+<% if auth_provider_enabled?(:email) %>
+  <%= link_to t('collavre.users.sessions.new.forgot_password'), collavre.new_password_path %>
+  <br>
+  <%= link_to t("collavre.users.new.sign_up"), params[:invite_token] ? collavre.new_user_path(invite_token: params[:invite_token]) : collavre.new_user_path, class: "sign-up-link" %>
+<% end %>

data/app/views/collavre/sessions/providers/_google.html.erb

@@ -0,0 +1,7 @@
+<%= button_to t('collavre.users.sessions.new.sign_in_with_google'),
+              '/auth/google_oauth2',
+              method: :post,
+              params: { timezone: '' },
+              data: { turbo: false },
+              class: "primary-action-button",
+              form: { class: "auth-alt-action__form" } %>

data/app/views/collavre/sessions/providers/_passkey.html.erb

@@ -0,0 +1,3 @@
+<button data-controller="webauthn" data-action="click->webauthn#signin" data-webauthn-not-supported-message-value="<%= t('collavre.users.webauthn.not_supported') %>" class="primary-action-button">
+  <%= t('collavre.users.sessions.new.sign_in_with_webauthn') %>
+</button>

data/app/views/collavre/shared/_link_creative_modal.html.erb

@@ -0,0 +1,6 @@
+<div id="link-creative-modal" class="common-popup" style="display:none;" data-controller="link-creative">
+  <button type="button" id="close-link-creative-modal" class="popup-close-btn" data-link-creative-target="close">&times;</button>
+  <h3><%= t('collavre.creatives.index.link', default: 'Link') %></h3>
+  <input type="text" id="link-creative-search" class="shared-input-surface" style="width:100%;margin-bottom:0.5em;" placeholder="<%= t('collavre.creatives.index.search_placeholder', default: 'Search creative') %>" data-link-creative-target="input">
+  <ul id="link-creative-results" class="common-popup-list" data-popup-list data-link-creative-target="list"></ul>
+</div>

data/app/views/collavre/shared/_navigation.html.erb

@@ -0,0 +1,37 @@
+<nav>
+  <%# Search Section %>
+  <% navigation_items_for(:search).each do |item| %>
+    <%= render_navigation_item(item) %>
+  <% end %>
+
+  <%# Mobile Plans Button (special: outside popup) %>
+  <% if (mobile_plans = Navigation::Registry.instance.find(:mobile_plans)) && navigation_item_visible?(mobile_plans, desktop: false) %>
+    <%= render_navigation_item(mobile_plans, mobile: true) %>
+  <% end %>
+
+  <%# Desktop Navigation %>
+  <div class="desktop-only">
+    <% navigation_items_for(:main, desktop: true).each do |item| %>
+      <%= render_navigation_item(item) %>
+    <% end %>
+  </div>
+
+  <%# Mobile Popup Menu %>
+  <%= render PopupMenuComponent.new(
+        button_content: safe_join(['...', (render(Inbox::BadgeComponent.new(user: Current.user, badge_id: 'mobile-inbox-badge')) if Current.user)]),
+        button_classes: 'mobile-only',
+        menu_id: 'mobile-more-menu',
+        align: :right
+      ) do %>
+    <% navigation_items_for(:main, desktop: false).reject { |i| i[:key] == :mobile_plans }.each do |item| %>
+      <%= render_mobile_navigation_item(item) %>
+    <% end %>
+  <% end %>
+
+  <%# User Menu %>
+  <% navigation_items_for(:user).each do |item| %>
+    <%= render_navigation_item_with_children(item) %>
+  <% end %>
+</nav>
+
+<%= render "collavre/shared/navigation/panels" %>

data/app/views/collavre/shared/navigation/_help_button.html.erb

@@ -0,0 +1 @@
+<%= button_tag "?", id: "creative-guide-link", class: "creative-guide-link", data: { help_url: SystemSetting.help_menu_link } %>

data/app/views/collavre/shared/navigation/_inbox_button.html.erb

@@ -0,0 +1,5 @@
+<% if Current.user %>
+  <form id="inbox_button_to">
+    <button id="inbox-menu-btn" class="inbox-menu-btn" type="button"><%= t('app.inbox') %><%= render Inbox::BadgeComponent.new(user: Current.user, badge_id: local_assigns[:badge_id] || 'desktop-inbox-badge') %></button>
+  </form>
+<% end %>

data/app/views/collavre/shared/navigation/_mobile_inbox_button.html.erb

@@ -0,0 +1,3 @@
+<% if Current.user %>
+  <button class="inbox-menu-btn" type="button"><%= t('app.inbox') %><%= render Inbox::BadgeComponent.new(user: Current.user, badge_id: 'mobile-inbox-badge') %></button>
+<% end %>

data/app/views/collavre/shared/navigation/_mobile_plans_button.html.erb

@@ -0,0 +1 @@
+<button class="plans-menu-btn mobile-only" type="button"><%= t('app.plans') %></button>

data/app/views/collavre/shared/navigation/_panels.html.erb

@@ -0,0 +1,18 @@
+<div id="plans-list-area" style="display:none;">
+  <%= render PlansTimelineComponent.new(plans: Plan.none) %>
+</div>
+
+<div id="inbox-panel" class="slide-panel">
+  <div class="inbox-panel-header">
+    <button id="close-inbox" type="button">&times;</button>
+    <label><input type="checkbox" id="toggle-inbox-read"> <%= t('collavre.inbox.show_read') %></label>
+  </div>
+  <div id="inbox-list" data-loading-text="<%= t('app.loading') %>" data-empty-text="<%= t('collavre.inbox.no_messages') %>"></div>
+</div>
+
+<div id="creative-guide-popover" style="display:none; position:fixed; top:60px; left:50%; transform:translateX(-50%); background:white; border:1px solid var(--color-border); box-shadow:0 2px 8px rgba(0,0,0,0.12); padding:1.2em; max-width:400px; z-index:1000; border-radius:8px;">
+  <span style="float:right; cursor:pointer; font-weight:bold;" id="close-creative-guide">&times;</span>
+  <div style="margin-top:0.5em; color:#444; font-size:1em; line-height:1.5;">
+    <%= t('app.creative_guide') %>
+  </div>
+</div>

data/app/views/collavre/shared/navigation/_plans_button.html.erb

@@ -0,0 +1,3 @@
+<form id="button_to">
+  <button id="plans-menu-btn" class="plans-menu-btn" type="button"><%= t('app.plans') %></button>
+</form>

data/app/views/collavre/shared/navigation/_search_form.html.erb

@@ -0,0 +1,6 @@
+<form action="<%= collavre.creatives_path %>" method="get">
+  <% if params[:id].present? %>
+    <input type="hidden" name="id" value="<%= params[:id] %>" />
+  <% end %>
+  <input type="text" id="search" class="shared-input-surface" name="search" value="<%= params[:search] %>" placeholder="<%= t('app.search_placeholder') %>" />
+</form>

data/app/views/collavre/user_themes/index.html.erb

@@ -0,0 +1,75 @@
+<div style="max-width: 960px; margin: 0 auto; padding: 1rem;">
+  <h1><%= t('collavre.themes.manage_themes') %></h1>
+
+  <div class="card" style="margin-bottom: 2rem; padding: 1.5rem; background: var(--color-section-bg); border: 1px solid var(--color-border); border-radius: 8px;">
+    <h3><%= t('collavre.themes.create_new') %></h3>
+    <%= form_with url: collavre.user_themes_path, method: :post, local: true do |f| %>
+      <div class="stacked-form-control">
+        <%= f.text_area :description, rows: 3, class: "shared-input-surface", style: "width: 100%; box-sizing: border-box;", required: true, value: params[:description], placeholder: t('collavre.themes.description_prompt') %>
+        <% if @error %>
+          <div style="color: red; font-size: 0.9em; margin-top: 5px;"><%= @error %></div>
+        <% end %>
+      </div>
+      <%= f.submit t('collavre.themes.generate'), class: "btn-primary", style: "width: 100%; margin-top: 10px; box-sizing: border-box;", data: { turbo_submits_with: "..." } %>
+    <% end %>
+  </div>
+
+  <h3><%= t('collavre.themes.your_themes') %></h3>
+
+  <div class="table-scroll">
+    <table class="table">
+      <thead>
+        <tr>
+          <th><%= t('collavre.themes.name') %></th>
+          <th><%= t('collavre.themes.preview') %></th>
+          <th><%= t('collavre.themes.created_at') %></th>
+          <th><%= t('collavre.themes.actions') %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @themes.each do |theme| %>
+          <tr>
+            <td>
+              <strong><%= theme.name %></strong>
+              <% if Current.user.theme == theme.id.to_s %>
+                <span class="badge badge-success"><%= t('collavre.themes.active') %></span>
+              <% end %>
+            </td>
+            <td>
+              <div style="display: flex; gap: 4px;">
+                <% 
+                   preview_vars = theme.variables.slice("--color-bg", "--color-text", "--color-btn-bg", "--color-link")
+                %>
+                <% preview_vars.each do |k, v| %>
+                  <div title="<%= k %>: <%= v %>" style="width: 20px; height: 20px; background-color: <%= v %>; border: 1px solid var(--color-border); border-radius: 4px;"></div>
+                <% end %>
+              </div>
+            </td>
+            <td><%= l theme.created_at, format: :short %></td>
+            <td>
+              <div style="display: flex; gap: 0.5rem;">
+                <% if Current.user.theme == theme.id.to_s %>
+                <span class="badge badge-success"><%= t('collavre.themes.active') %></span>
+              <% else %>
+                <%= button_to t('collavre.themes.apply'), collavre.apply_user_theme_path(theme), method: :post, class: "btn-sm" %>
+              <% end %>
+              <%= button_to t('collavre.themes.delete'), collavre.user_theme_path(theme), method: :delete, class: "btn-sm btn-danger", form_class: "inline-block", onclick: "return confirm('#{t('collavre.themes.confirm_delete')}')" %>
+              </div>
+            </td>
+          </tr>
+        <% end %>
+        <% if @themes.empty? %>
+          <tr>
+            <td colspan="4" style="text-align: center; color: var(--color-muted); padding: 2rem;">
+              <p><%= t('collavre.themes.no_themes') %></p>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+  
+  <div style="margin-top: 1rem;">
+     <%= link_to t('app.back_to_profile', default: 'Back to Profile'), collavre.user_path(Current.user), class: "unstyled-link", style: "text-decoration: underline;" %>
+  </div>
+</div>

data/app/views/collavre/users/_app_header.html.erb

@@ -0,0 +1,5 @@
+<header style="margin-bottom: 1em;">
+  <h1 style="margin: 0; font-size: 2em;"> <%= t('app.name') %> </h1>
+  <div style="font-size: 1.2em;"><%= t('.your_creativeness_is_coming') %></div>
+  <div style="font-size: 1.2em;"><%= t('.a_tracker_of_your_creatives') %></div>
+</header>

data/app/views/collavre/users/_contact_management.html.erb

@@ -0,0 +1,77 @@
+<div class="contact-management">
+  <div class="flex-row-center-between">
+    <p class="text-muted"><%= t('collavre.contacts.description') %></p>
+    <%= link_to t('collavre.users.add_ai_user'), collavre.new_ai_users_path, class: "primary-action-button" %>
+  </div>
+
+  <% show_actions = (contacts || []).any? { |c| c.contact_user.ai_user? && c.contact_user.created_by_id == Current.user.id } %>
+
+  <% if contacts.present? %>
+    <div class="table-scroll">
+      <table class="contacts-table">
+        <thead>
+          <tr>
+            <th><%= t('collavre.users.table.avatar') %></th>
+            <th><%= t('collavre.users.table.name') %></th>
+            <th><%= t('collavre.users.table.email') %></th>
+            <th><%= t('collavre.contacts.table.shared_creatives') %></th>
+            <th><%= t('collavre.contacts.table.shared_with_me') %></th>
+            <% if show_actions %>
+              <th><%= t('collavre.users.table.actions') %></th>
+            <% end %>
+          </tr>
+        </thead>
+        <tbody>
+          <% contacts.each do |contact| %>
+            <% contact_user = contact.contact_user %>
+            <tr>
+              <td>
+                <%= render AvatarComponent.new(
+                  user: contact_user,
+                  size: 32,
+                  classes: "avatar"
+                ) %>
+              </td>
+              <td><%= contact_user.display_name %></td>
+              <td><%= contact_user.email %></td>
+              <td class="creative-cell">
+                <%= render_contact_creatives(shared_by_me.fetch(contact_user.id, [])) %>
+              </td>
+              <td class="creative-cell">
+                <%= render_contact_creatives(shared_with_me.fetch(contact_user.id, [])) %>
+              </td>
+              <% if show_actions %>
+                <td class="text-right">
+                  <% if contact_user.ai_user? && contact_user.created_by_id == Current.user.id %>
+                    <%= link_to t('collavre.users.edit_ai.link'), collavre.edit_ai_user_path(contact_user), class: "btn btn-sm btn-secondary mr-1" %>
+                    <%= button_to t('collavre.users.destroy.delete_ai_user'),
+                                  collavre.user_path(contact_user),
+                                  method: :delete,
+                                  form: { data: { turbo_confirm: t('collavre.users.destroy.confirm_ai') } },
+                                  class: "danger-link" %>
+                  <% end %>
+                </td>
+              <% end %>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% else %>
+    <p class="text-muted"><%= t('collavre.contacts.empty_state') %></p>
+  <% end %>
+
+  <% if total_contact_pages.to_i > 1 %>
+    <nav class="contact-pagination">
+      <% prev_page = contact_page.to_i - 1 %>
+      <% next_page = contact_page.to_i + 1 %>
+      <% if contact_page.to_i > 1 %>
+        <%= link_to t('collavre.contacts.pagination.prev'), collavre.user_path(Current.user, tab: 'contacts', contact_page: prev_page), class: 'pagination-button' %>
+      <% end %>
+      <span class="pagination-status"><%= t('collavre.contacts.pagination.page_info', current: contact_page, total: total_contact_pages) %></span>
+      <% if contact_page.to_i < total_contact_pages.to_i %>
+        <%= link_to t('collavre.contacts.pagination.next'), collavre.user_path(Current.user, tab: 'contacts', contact_page: next_page), class: 'pagination-button' %>
+      <% end %>
+    </nav>
+  <% end %>
+</div>

data/app/views/collavre/users/_id_pwd_fields.html.erb

@@ -0,0 +1,27 @@
+<% unless local_assigns[:skip_name_field] %>
+  <%= form.text_field :name,
+                      autofocus: true,
+                      required: true,
+                      placeholder: t('collavre.users.new.enter_your_name'),
+                      class: "stacked-form-control" %>
+<% end %>
+<%= form.email_field :email,
+                     required: true,
+                     autocomplete: "username",
+                     placeholder: t('collavre.users.new.enter_your_email'),
+                     value: (form.object.respond_to?(:email) && form.object.email.presence) || params[:email],
+                     readonly: local_assigns[:disable_email],
+                     class: "stacked-form-control" %>
+<% is_login_form = local_assigns[:skip_name_field] %>
+<%= form.password_field :password,
+                        required: true,
+                        autocomplete: is_login_form ? "current-password" : "new-password",
+                        placeholder: t('collavre.users.new.enter_your_password'),
+                        minlength: is_login_form ? nil : Collavre::SystemSetting.password_min_length,
+                        maxlength: 72,
+                        class: "stacked-form-control" %>
+<% unless is_login_form %>
+  <div class="help-text" style="font-size: 0.85em; color: var(--color-text-muted); margin-top: 0.25em; margin-bottom: 0.5em;">
+    <%= t('collavre.users.password_min_length_hint', count: Collavre::SystemSetting.password_min_length) %>
+  </div>
+<% end %>

data/app/views/collavre/users/edit_ai.html.erb

@@ -0,0 +1,79 @@
+<h1 class="text-center" style="margin-top: 0;"><%= t('collavre.users.edit_ai.title') %></h1>
+
+<%= form_with model: @user, url: collavre.update_ai_user_path(@user), method: :patch, class: "stacked-form" do |form| %>
+  <div class="form-group">
+    <%= form.label :name, t('collavre.users.new_ai.name_label') %>
+    <%= form.text_field :name, required: true, class: "stacked-form-control", placeholder: "e.g. My Bot" %>
+  </div>
+
+  <div class="form-group">
+    <%= form.label :system_prompt, t('collavre.users.new_ai.system_prompt_label') %>
+    <%= form.text_area :system_prompt, required: true, class: "stacked-form-control", rows: 5 %>
+  </div>
+
+  <div class="form-group">
+    <%= form.label :routing_expression, "Routing Expression (Liquid)" %>
+    <%= form.text_area :routing_expression, class: "stacked-form-control", rows: 2, placeholder: "chat.mentioned_user.id == agent.id" %>
+    <small class="form-text text-muted">Liquid expression to determine if this agent should handle an event. Example: <code>chat.mentioned_user.id == agent.id</code></small>
+  </div>
+
+  <div class="form-group">
+    <%= form.label :llm_model, t('collavre.users.new_ai.model_label') %>
+    <div style="position: relative;"
+         data-controller="llm-model"
+         data-llm-model-menu-id-value="llm-model-suggestions"
+         data-llm-model-models-value="<%= Collavre::User::SUPPORTED_LLM_MODELS.to_json %>">
+      <%= form.text_field :llm_model,
+                          required: true,
+                          class: "stacked-form-control",
+                          autocomplete: "off",
+                          data: {
+                            llm_model_target: "input",
+                            action: "input->llm-model#search focus->llm-model#focus blur->llm-model#blur keydown->llm-model#handleKeydown"
+                          } %>
+      <%= render UserMentionMenuComponent.new(menu_id: 'llm-model-suggestions') %>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <%= form.label :llm_api_key, t('collavre.users.new_ai.api_key_label') %>
+    <%= form.password_field :llm_api_key, class: "stacked-form-control", placeholder: "sk-...", value: @user.llm_api_key %>
+    <small class="form-text text-muted"><%= t('collavre.users.new_ai.api_key_help') %></small>
+  </div>
+
+  <div class="form-group">
+    <label class="form-label"><%= t('collavre.users.edit_ai.tools_title') %></label>
+    <p class="text-muted small"><%= t('collavre.users.edit_ai.tools_description') %></p>
+
+    <% if @available_tools.any? %>
+      <div class="tools-selection">
+        <% @available_tools.each do |tool| %>
+          <div class="form-check mb-2">
+            <%= check_box_tag "user[tools][]", tool[:name], (@user.tools || []).include?(tool[:name]), id: "tool_#{tool[:name]}", class: "form-check-input" %>
+            <label class="form-check-label" for="tool_<%= tool[:name] %>">
+              <strong><%= tool[:name] %></strong>
+              <br>
+              <span class="text-muted small"><%= tool[:description] %></span>
+            </label>
+            <details class="ml-4">
+              <summary class="text-muted small" style="cursor: pointer;">Parameters</summary>
+              <pre class="small bg-light p-2 mt-1"><code><%= JSON.pretty_generate(tool[:parameters]) %></code></pre>
+            </details>
+          </div>
+        <% end %>
+      </div>
+    <% else %>
+      <p class="text-muted"><%= t('collavre.users.edit_ai.no_tools_found') %></p>
+    <% end %>
+  </div>
+
+  <div class="form-group">
+    <div class="form-check">
+      <%= form.check_box :searchable, { class: "form-check-input" }, true, false %>
+      <%= form.label :searchable, t('collavre.users.new_ai.searchable_label'), class: "form-check-label" %>
+    </div>
+    <small class="form-text text-muted"><%= t('collavre.users.new_ai.searchable_help') %></small>
+  </div>
+
+  <%= form.button t('common.save'), type: "submit", class: "primary-action-button" %>
+<% end %>

data/app/views/collavre/users/edit_password.html.erb

@@ -0,0 +1,27 @@
+<h1 class="no-top-margin"><%= t('collavre.users.change_password') %></h1>
+
+<%= form_with(model: @user, url: collavre.update_password_user_path(@user), method: :patch, local: true) do |form| %>
+  <%= tag.div(flash[:alert], class: "flash-alert") if flash[:alert] %>
+  <div>
+    <%= form.label :current_password, t('collavre.users.current_password') %><br>
+    <%= form.password_field :current_password, autocomplete: 'current-password', maxlength: 72 %>
+  </div>
+  <div>
+    <%= form.label :password, t('collavre.users.new_password') %><br>
+    <%= form.password_field :password, autocomplete: 'new-password', minlength: Collavre::SystemSetting.password_min_length, maxlength: 72 %>
+    <div class="help-text" style="font-size: 0.85em; color: var(--color-text-muted); margin-top: 0.25em;">
+      <%= t('collavre.users.password_min_length_hint', count: Collavre::SystemSetting.password_min_length) %>
+    </div>
+  </div>
+  <div>
+    <%= form.label :password_confirmation, t('collavre.users.confirm_new_password') %><br>
+    <%= form.password_field :password_confirmation, autocomplete: 'new-password', minlength: Collavre::SystemSetting.password_min_length, maxlength: 72 %>
+  </div>
+  <div>
+    <%= form.submit t('collavre.users.change_password') %>
+  </div>
+<% end %>
+
+
+
+<%= link_to t('collavre.users.back'), collavre.user_path(@user) %>

data/app/views/collavre/users/index.html.erb

@@ -0,0 +1,80 @@
+<% content_for :head do %>
+  <%= stylesheet_link_tag 'collavre/comments_popup', media: 'all' %>
+<% end %>
+
+<h1 class="no-top-margin"><%= t('collavre.users.index_title') %></h1>
+
+<%= render "admin/shared/tabs" %>
+
+<table>
+  <thead>
+    <tr>
+      <th><%= t('collavre.users.table.avatar') %></th>
+      <th><%= t('collavre.users.table.name') %></th>
+      <th><%= t('collavre.users.table.email') %></th>
+      <th><%= t('collavre.users.table.last_login_at') %></th>
+      <th><%= t('collavre.users.table.push_token') %></th>
+      <th><%= t('collavre.users.table.notifications') %></th>
+      <th><%= t('collavre.users.table.actions') %></th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @users.each do |user| %>
+      <% last_login_at = user.sessions.max_by(&:updated_at)&.updated_at %>
+      <tr>
+        <td>
+          <%= render AvatarComponent.new(
+                user: user,
+                size: 20,
+                classes: "avatar comment-presence-avatar#{' inactive' if user.sessions.empty?}" ) %>
+        </td>
+        <td>
+          <% if user.ai_user? %>
+            <%= link_to user.display_name, collavre.edit_ai_user_path(user) %>
+          <% else %>
+            <%= user.display_name %>
+          <% end %>
+        </td>
+        <td><%= user.email %></td>
+        <td>
+          <% if last_login_at %>
+            <%= I18n.l(last_login_at, format: :short) %>
+          <% else %>
+            <%= t('collavre.users.table.last_login_unknown') %>
+          <% end %>
+        </td>
+        <td><%= user.devices.any? ? t('collavre.users.push_token_present') : t('collavre.users.push_token_absent') %></td>
+        <td>
+          <% case user.notifications_enabled %>
+          <% when true %>
+            <%= t('collavre.users.table.notifications_enabled') %>
+          <% when false %>
+            <%= t('collavre.users.table.notifications_disabled') %>
+          <% else %>
+            <%= t('collavre.users.table.notifications_unset') %>
+          <% end %>
+        </td>
+        <td>
+          <% if user != Current.user %>
+            <% if user.system_admin? %>
+              <%= button_to t('collavre.users.make_normal_user'),
+                            collavre.revoke_system_admin_user_path(user),
+                            method: :patch %>
+            <% else %>
+              <%= button_to t('collavre.users.make_system_admin'),
+                            collavre.grant_system_admin_user_path(user),
+                            method: :patch,
+                            form: { data: { turbo_confirm: t('collavre.users.confirm_grant_system_admin') } } %>
+            <% end %>
+            <%= button_to t('collavre.users.delete'),
+                          collavre.user_path(user),
+                          method: :delete,
+                          form: { data: { turbo_confirm: t('collavre.users.confirm_destroy') } } %>
+          <% else %>
+            <span class="text-muted"><%= t('collavre.users.table.current_user') %></span>
+          <% end %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>