collavre 0.24.0 → 0.25.0

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

@@ -1,10 +1,39 @@
+<% creative_index_content = capture do %>
+<% if creative_workspace? %>
+  <%= tag.div id: "workspace-navigation-state-#{@parent_creative&.id || 'root'}",
+              hidden: true,
+              data: {
+                workspace_navigation_state: true,
+                creative_id: @parent_creative&.id,
+                creative_path: @workspace_path_ids,
+                creative_snippet: @parent_creative&.creative_snippet,
+                can_comment: @parent_creative&.has_permission?(Current.user, :feedback),
+                last_visited_creative_visit_token: @last_visited_creative_token,
+                last_visited_creative_visit_sequence: @last_visited_creative_visit_sequence
+              } %>
+<% end %>
 <%= tag.div(flash[:alert], class: "flash-alert") if flash[:alert] %>
-<% if authenticated? %>
+<%# In workspace mode the creative-tree stream source lives in the persistent
+    shell (_workspace_tree) so center-frame swaps never drop the subscription %>
+<% if authenticated? && !creative_workspace? %>
   <%= turbo_stream_from Current.user, :creative_tree %>
 <% end %>
 <% if @auto_fullscreen %>
   <% content_for :comments_popup_auto_fullscreen, "true" %>
 <% end %>
+<% if authenticated? && !creative_workspace? && @parent_creative %>
+  <%= tag.div(
+        nil,
+        hidden: true,
+        data: {
+          controller: "last-visited-creative",
+          last_visited_creative_url_value: creatives_path,
+          last_visited_creative_creative_id_value: @parent_creative.id,
+          last_visited_creative_visit_token_value: @last_visited_creative_token,
+          last_visited_creative_visit_sequence_value: @last_visited_creative_visit_sequence
+        }
+      ) %>
+<% end %>
 
 <div data-controller="creatives--import creatives--select-mode creatives--drag-drop creatives--expansion creatives--row-editor share-modal"
      data-creatives--import-parent-id-value="<%= @parent_creative&.id %>"
@@ -15,6 +44,10 @@
      data-creatives--import-dragover-class="dragover">
   <% current_creative = @parent_creative || @creative %>
   <% can_manage_integrations = current_creative&.has_permission?(Current.user, :admin) %>
+  <%# Reused for the header Add button, the Import menu item, and the empty-state
+      CTAs: root level is always addable for authenticated users; a nested level
+      additionally requires write permission on @parent_creative. %>
+  <% can_add = authenticated? && (!params[:id] || (@parent_creative && @parent_creative.has_permission?(Current.user, :write))) %>
 
   <div class="creative-actions-row">
     <%# Left: breadcrumb ancestry %>
@@ -22,21 +55,21 @@
       <% if @parent_creative && authenticated? %>
         <span id="creative-presence-avatars" class="creative-presence-avatars"></span>
       <% end %>
-      <a href="<%= creatives_path %>" class="creative-breadcrumb-link"><%= t('collavre.creatives.index.root_breadcrumb', default: '최상위') %></a>
+      <a href="<%= creatives_path %>" class="creative-breadcrumb-link" data-turbo-action="advance"><%= t('collavre.creatives.index.root_breadcrumb', default: '최상위') %></a>
       <% if @parent_creative %>
         <% @parent_creative.ancestors.reverse.each do |ancestor| %>
           <span class="creative-breadcrumb-sep" aria-hidden="true">/</span>
-          <a href="<%= creative_path(ancestor) %>" class="creative-breadcrumb-link" title="<%= strip_tags(ancestor.effective_description) %>"><%= truncate(strip_tags(ancestor.effective_description), length: 20) %></a>
+          <a href="<%= creative_path(ancestor) %>" class="creative-breadcrumb-link" data-turbo-action="advance" data-turbo-prefetch="false" title="<%= Collavre::HtmlText.label(ancestor.effective_description) %>"><%= Collavre::HtmlText.truncated_label(ancestor.effective_description, 20) %></a>
         <% end %>
         <span class="creative-breadcrumb-sep" aria-hidden="true">/</span>
-        <a href="<%= creative_path(@parent_creative) %>" class="creative-breadcrumb-link creative-breadcrumb-current" data-turbo-action="replace"><%= truncate(strip_tags(@parent_creative.effective_description), length: 30) %></a>
+        <a href="<%= creative_path(@parent_creative) %>" class="creative-breadcrumb-link creative-breadcrumb-current" data-turbo-action="replace" data-turbo-prefetch="false"><%= Collavre::HtmlText.truncated_label(@parent_creative.effective_description, 30) %></a>
       <% end %>
     </div>
 
     <%# Right: primary actions + overflow %>
     <div class="creative-header-actions">
       <%# Add button (always visible) %>
-      <%= render 'add_button' if authenticated? && (!params[:id] || (@parent_creative && @parent_creative.has_permission?(Current.user, :write))) %>
+      <%= render 'add_button' if can_add %>
 
       <%# Expand/collapse toggle (always visible) %>
       <button id="expand-all-btn" class="creative-header-outline-btn" title="<%= t('app.expand_all') %>" data-expand-text="<%= t('app.expand_all') %>" data-collapse-text="<%= t('app.collapse_all') %>" data-action="click->creatives--expansion#toggleAll" data-creatives--expansion-target="expand">
@@ -69,12 +102,12 @@
           </button>
         <% end %>
         <% if @parent_creative.present? %>
-          <%= button_to slide_view_creative_path(@parent_creative), method: :get, class: 'popup-menu-item' do %>
+          <%= button_to slide_view_creative_path(@parent_creative), method: :get, class: 'popup-menu-item', form: { data: { turbo_frame: '_top' } } do %>
             <span aria-hidden="true"><%= svg_tag 'slide.svg', width: 16, height: 16 %></span> <%= t('collavre.creatives.index.slide_view') %>
           <% end %>
         <% end %>
         <div class="creative-overflow-divider"></div>
-        <% if authenticated? && (!params[:id] || (@parent_creative && @parent_creative.has_permission?(Current.user, :write))) %>
+        <% if can_add %>
           <button type="button" id="import-markdown-btn" class="popup-menu-item" data-action="click->creatives--import#toggle" data-creatives--import-target="toggle">
             <span aria-hidden="true"><%= svg_tag 'arrow-down.svg', width: 16, height: 16 %></span> <%= t('.import_markdown') %>
           </button>
@@ -144,7 +177,7 @@
 
 <% if @parent_creative %>
   <% content_for :head do %>
-    <meta property="og:title" content="<%= strip_tags(@parent_creative.effective_origin.description) %>">
+    <meta property="og:title" content="<%= Collavre::HtmlText.label(@parent_creative.effective_origin.description) %>">
   <% end %>
   <% title_templates = [
         content_tag(:template, data: { part: "description" }) { sanitize @parent_creative.effective_description },
@@ -210,19 +243,28 @@
 <% end %>
 
 <%
-  empty_html = nil
-  if (@creatives || []).blank?
-    if params[:search].present?
-      empty_html = content_tag(:p, t('.no_search_results'), style: 'text-align: center;')
+  empty_body =
+    if any_filter_active?
+      content_tag(:p, t('.no_search_results'), style: 'text-align: center;')
     elsif params[:id] && @creative && !@creative.has_permission?(Current.user, :read)
       message = content_tag(:p, t('.no_permission'), style: 'text-align: center;')
       action = content_tag(:div, button_to(t('.request_permission'), request_permission_creative_path(@creative), method: :post), style: 'text-align: center;')
-      empty_html = message + action
+      message + action
     else
-      text = params[:id] ? t('.no_sub_creatives') : t('.no_creatives')
-      empty_html = content_tag(:p, text, style: 'text-align: center;')
+      render('empty_state', root: params[:id].blank?, can_add: can_add, creative: @parent_creative)
     end
-  end
+  # data-creatives-empty-state marks the placeholder so client-side row insertion
+  # (inline editor / websocket broadcast) can hide it as soon as the tree is no
+  # longer empty, and show it again when the last row is removed.
+  # See app/javascript/modules/creative_tree_empty_state.js.
+  empty_html = content_tag(:div, empty_body, data: { creatives_empty_state: '' })
+  # Distinct fallback for when the async tree fetch itself fails (non-2xx,
+  # JSON parse failure, or a non-transient network error after retries are
+  # exhausted). Must NOT include the Add/Import CTAs the empty state carries:
+  # the request never confirmed the tree is empty, so offering creation actions
+  # here would mislead a user whose workspace already has creatives. Passed as
+  # text, not markup — the client builds the element, so there is no HTML sink.
+  error_text = t('.load_error')
   # Only pass filter parameters to avoid unnecessary params in URL
   tree_params = params.to_unsafe_h.slice(
     "id", "tags", "min_progress", "max_progress", "search", "comment",
@@ -232,13 +274,24 @@
   tree_url = creatives_path(tree_params)
 %>
 
+<%# The tree is client-rendered, so the empty state lives *only* in this template.
+    Rendering it inside #creatives would paint "No sub-creatives yet" on the very
+    first frame — before Stimulus has even booted, let alone confirmed the tree is
+    empty — which reads as a false empty state on every page load. #creatives gets
+    a loading placeholder instead, and the client clones this template once the
+    fetch actually reports zero rows (or the last row is removed). A <template> is
+    cloned, never parsed from a string, so no HTML sink is involved and the
+    button_to CSRF token stays intact. %>
+<%= tag.template(empty_html, id: 'creatives-empty-state-template') %>
+
 <%= tag.div(
-      empty_html,
+      render('tree_loading_placeholder'),
       id: 'creatives',
       data: {
         controller: 'creatives--tree creatives--sync',
         'creatives--tree-url-value': tree_url,
-        'creatives--tree-empty-html-value': empty_html.to_s,
+        'creatives--tree-error-text-value': error_text,
+        'creatives--tree-loading-text-value': t('.loading_creatives'),
         'creatives--sync-root-id-value': @parent_creative&.effective_origin&.id,
         'creatives--sync-current-user-id-value': Current.user&.id,
         edit_icon_html: svg_tag("edit.svg", className: "icon-edit"),
@@ -254,3 +307,11 @@
   <%= render 'integration_modals', creative: current_creative %>
 <% end %>
 </div>
+<% end %>
+<% if creative_workspace? %>
+  <%= turbo_frame_tag "creative-workspace-content" do %>
+    <%= creative_index_content %>
+  <% end %>
+<% else %>
+  <%= creative_index_content %>
+<% end %>

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

@@ -0,0 +1,114 @@
+<% content_for :head do %>
+  <%= stylesheet_link_tag "collavre/desktop_setup", "data-turbo-track": "reload" %>
+<% end %>
+
+<% steps = Collavre::DesktopSetupController::STEPS %>
+<% current_index = steps.index(@step) %>
+
+<section class="desktop-setup" aria-labelledby="desktop-setup-title">
+  <header class="desktop-setup__header">
+    <p class="desktop-setup__eyebrow"><%= t("collavre.desktop_setup.kicker") %></p>
+    <h1 id="desktop-setup-title"><%= t("collavre.desktop_setup.title") %></h1>
+    <p><%= t("collavre.desktop_setup.subtitle") %></p>
+  </header>
+
+  <ol class="desktop-setup__progress" aria-label="<%= t("collavre.desktop_setup.progress_label") %>">
+    <% steps.each_with_index do |step, index| %>
+      <li class="<%= "is-current" if index == current_index %> <%= "is-complete" if index < current_index %>">
+        <span><%= index + 1 %></span><%= t("collavre.desktop_setup.steps.#{step}") %>
+      </li>
+    <% end %>
+  </ol>
+
+  <div class="desktop-setup__panel">
+    <% case @step %>
+    <% when "account" %>
+      <p class="desktop-setup__kicker"><%= t("collavre.desktop_setup.account.kicker") %></p>
+      <h2><%= t("collavre.desktop_setup.account.title") %></h2>
+      <p class="desktop-setup__lead"><%= t("collavre.desktop_setup.account.body") %></p>
+      <% if @account_required %>
+        <% if @user&.errors&.any? %><p class="flash-alert"><%= @user.errors.full_messages.to_sentence %></p><% end %>
+        <%= form_with scope: :admin, url: collavre.desktop_setup_account_path, class: "desktop-setup__account-form", aria: { describedby: "desktop-setup-account-hint" } do |form| %>
+          <div class="desktop-setup__field">
+            <%= form.label :name, t("collavre.desktop_setup.account.name_label"), for: "desktop-setup-admin-name" %>
+            <%= form.text_field :name, id: "desktop-setup-admin-name", autocomplete: "name", placeholder: t("collavre.desktop_setup.account.name_placeholder"), required: true %>
+          </div>
+          <div class="desktop-setup__field">
+            <%= form.label :email, t("collavre.desktop_setup.account.email_label"), for: "desktop-setup-admin-email" %>
+            <%= form.email_field :email, id: "desktop-setup-admin-email", autocomplete: "email", placeholder: t("collavre.desktop_setup.account.email_placeholder"), required: true %>
+          </div>
+          <div class="desktop-setup__form-grid">
+            <div class="desktop-setup__field">
+              <%= form.label :password, t("collavre.desktop_setup.account.password_label"), for: "desktop-setup-admin-password" %>
+              <%= form.password_field :password, id: "desktop-setup-admin-password", autocomplete: "new-password", placeholder: t("collavre.desktop_setup.account.password_placeholder"), required: true %>
+            </div>
+            <div class="desktop-setup__field">
+              <%= form.label :password_confirmation, t("collavre.desktop_setup.account.password_confirmation_label"), for: "desktop-setup-admin-password-confirmation" %>
+              <%= form.password_field :password_confirmation, id: "desktop-setup-admin-password-confirmation", autocomplete: "new-password", placeholder: t("collavre.desktop_setup.account.password_confirmation_placeholder"), required: true %>
+            </div>
+          </div>
+          <%= form.submit t("collavre.desktop_setup.account.continue"), class: "desktop-setup__button" %>
+        <% end %>
+        <p id="desktop-setup-account-hint" class="desktop-setup__hint"><%= t("collavre.desktop_setup.account.hint") %></p>
+      <% else %>
+        <p class="desktop-setup__lead"><%= t("collavre.desktop_setup.account.existing") %></p>
+        <% if @user %>
+          <%= button_to t("app.sign_out"), collavre.session_path, method: :delete, class: "desktop-setup__button desktop-setup__button--secondary" %>
+        <% end %>
+        <%= link_to t("app.sign_in"), collavre.new_session_path, class: "desktop-setup__button" %>
+      <% end %>
+      <aside class="desktop-setup__notice"><%= t("collavre.desktop_setup.account.notice") %></aside>
+    <% when "install" %>
+      <p class="desktop-setup__kicker"><%= t("collavre.desktop_setup.install.kicker") %></p>
+      <h2><%= t("collavre.desktop_setup.install.title") %></h2>
+      <p class="desktop-setup__lead"><%= t("collavre.desktop_setup.install.body") %></p>
+      <div class="desktop-setup__summary">
+        <% %w[installation keys registration].each do |item| %>
+          <div><strong><%= t("collavre.desktop_setup.install.items.#{item}.title") %></strong><span><%= t("collavre.desktop_setup.install.items.#{item}.body") %></span></div>
+        <% end %>
+      </div>
+      <div data-controller="desktop-proxy-setup"
+           data-desktop-proxy-setup-token-url-value="<%= collavre.desktop_setup_registration_token_path %>"
+           data-desktop-proxy-setup-next-url-value="<%= collavre.desktop_setup_path(step: :adapters) %>"
+           data-desktop-proxy-setup-unavailable-value="<%= t("collavre.desktop_setup.install.unavailable") %>"
+           data-desktop-proxy-setup-failed-value="<%= t("collavre.desktop_setup.install.failed") %>">
+        <label class="desktop-setup__consent"><input type="checkbox" data-desktop-proxy-setup-target="consent" data-action="desktop-proxy-setup#toggle"> <span><%= t("collavre.desktop_setup.install.consent") %></span></label>
+        <p class="desktop-setup__hint"><%= t("collavre.desktop_setup.install.hint") %></p>
+        <p class="flash-alert" hidden data-desktop-proxy-setup-target="error"></p>
+        <button type="button" class="desktop-setup__button" disabled data-desktop-proxy-setup-target="submit" data-action="desktop-proxy-setup#install"><%= t("collavre.desktop_setup.install.continue") %></button>
+      </div>
+    <% when "adapters" %>
+      <p class="desktop-setup__kicker"><%= t("collavre.desktop_setup.adapters.kicker") %></p>
+      <h2><%= t("collavre.desktop_setup.adapters.title") %></h2>
+      <p class="desktop-setup__lead"><%= t("collavre.desktop_setup.adapters.body") %></p>
+      <div class="desktop-setup__adapter-list">
+        <% %w[claude codex].each do |adapter| %>
+          <% detected = params[adapter] == "1" %>
+          <article>
+            <div><h3><%= t("collavre.desktop_setup.adapters.#{adapter}.title") %></h3><p><%= t("collavre.desktop_setup.adapters.#{adapter}.body") %></p></div>
+            <span class="desktop-setup__status"><%= t("collavre.desktop_setup.adapters.#{detected ? "detected" : "not_detected"}") %></span>
+          </article>
+        <% end %>
+      </div>
+      <aside class="desktop-setup__notice"><%= t("collavre.desktop_setup.adapters.notice") %></aside>
+    <% when "ready" %>
+      <div class="desktop-setup__ready-mark" aria-hidden="true">✓</div>
+      <p class="desktop-setup__kicker"><%= t("collavre.desktop_setup.ready.kicker") %></p>
+      <h2><%= t("collavre.desktop_setup.ready.title") %></h2>
+      <p class="desktop-setup__lead"><%= t("collavre.desktop_setup.ready.body") %></p>
+      <ul class="desktop-setup__checklist"><% %w[proxy gateway agents].each do |item| %><li>✓ <%= t("collavre.desktop_setup.ready.items.#{item}") %></li><% end %></ul>
+      <aside class="desktop-setup__notice"><%= t("collavre.desktop_setup.ready.notice") %></aside>
+    <% end %>
+  </div>
+
+  <footer class="desktop-setup__actions">
+    <% if current_index.positive? %><%= link_to t("collavre.desktop_setup.back"), collavre.desktop_setup_path(step: steps[current_index - 1]), class: "desktop-setup__button desktop-setup__button--secondary" %><% else %><span></span><% end %>
+    <% if @step == "account" || @step == "install" %>
+      <span></span>
+    <% elsif current_index < steps.length - 1 %>
+      <%= link_to t("collavre.desktop_setup.next"), collavre.desktop_setup_path(step: steps[current_index + 1], claude: params[:claude], codex: params[:codex]), class: "desktop-setup__button" %>
+    <% else %>
+      <%= link_to t("collavre.desktop_setup.ready.open"), main_app.root_path, class: "desktop-setup__button" %>
+    <% end %>
+  </footer>
+</section>

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

@@ -0,0 +1,42 @@
+<%# Public hub for the feature guides — the same cards the empty chat shows,
+    minus the in-app actions, each linking to its long-form page. %>
+<% content_for :page_title, t('collavre.features.index.meta_title') %>
+<% content_for :page_description, t('collavre.features.index.meta_description') %>
+
+<div class="landing">
+  <section class="landing-section landing-features">
+    <div class="landing-container">
+      <nav class="feature-guide-breadcrumb">
+        <%= link_to t('collavre.features.nav.landing'), collavre.landing_path(locale: I18n.locale, script_name: request.script_name) %>
+      </nav>
+
+      <h1 class="landing-section-title"><%= t('collavre.features.index.title') %></h1>
+      <p class="landing-section-sub"><%= t('collavre.features.index.subtitle') %></p>
+
+      <div class="landing-features-grid">
+        <% @cards.each do |card| %>
+          <%= link_to collavre.feature_path(card.key, locale: I18n.locale, script_name: request.script_name), class: "landing-feature-card feature-guide-link-card" do %>
+            <div class="landing-feature-icon" aria-hidden="true"><%= card.icon %></div>
+            <h2><%= t(card.title_key) %></h2>
+            <p><%= t(card.description_key) %></p>
+            <span class="feature-guide-more"><%= t('collavre.features.index.card_more') %></span>
+          <% end %>
+        <% end %>
+      </div>
+    </div>
+  </section>
+
+  <section class="landing-section landing-cta">
+    <div class="landing-container">
+      <h2 class="landing-cta-title"><%= t('collavre.landing.cta.title') %></h2>
+      <p class="landing-cta-sub"><%= t('collavre.landing.cta.subtitle') %></p>
+      <%= link_to t('collavre.landing.cta.start'), collavre.new_user_path(locale: I18n.locale, script_name: request.script_name), class: "landing-btn landing-btn-lg" %>
+    </div>
+  </section>
+
+  <footer class="landing-footer">
+    <div class="landing-container landing-footer-inner">
+      <p class="landing-footer-copy"><%= t('collavre.landing.footer.copyright', year: Date.today.year, app_name: t('app.name')) %></p>
+    </div>
+  </footer>
+</div>

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

@@ -0,0 +1,52 @@
+<%# Long-form guide for one feature card. Copy comes from
+    collavre.features.pages.<key>; the registry supplies only the icon/key. %>
+<% content_for :page_title, @page[:title].presence || t(@card.title_key) %>
+<% content_for :page_description, @page[:meta_description].presence || t(@card.description_key) %>
+
+<div class="landing">
+  <article class="landing-section">
+    <div class="landing-container feature-guide-container">
+      <nav class="feature-guide-breadcrumb">
+        <%= link_to t('collavre.features.nav.landing'), collavre.landing_path(locale: I18n.locale, script_name: request.script_name) %>
+        <span aria-hidden="true"><%= t('collavre.features.nav.separator') %></span>
+        <%= link_to t('collavre.features.nav.all'), collavre.features_path(locale: I18n.locale, script_name: request.script_name) %>
+      </nav>
+
+      <header class="feature-guide-header">
+        <div class="landing-feature-icon" aria-hidden="true"><%= @card.icon %></div>
+        <h1 class="feature-guide-title"><%= @page[:title].presence || t(@card.title_key) %></h1>
+        <p class="feature-guide-tagline"><%= @page[:tagline].presence || t(@card.description_key) %></p>
+      </header>
+
+      <% @page[:sections].each do |section| %>
+        <section class="feature-guide-section">
+          <% if section[:heading].present? %>
+            <h2 class="feature-guide-heading"><%= section[:heading] %></h2>
+          <% end %>
+          <p class="feature-guide-body"><%= section[:body] %></p>
+        </section>
+      <% end %>
+
+      <% if @page[:tips].any? %>
+        <section class="feature-guide-section">
+          <h2 class="feature-guide-heading"><%= t('collavre.features.show.tips') %></h2>
+          <ul class="feature-guide-tips">
+            <% @page[:tips].each do |tip| %>
+              <li><%= tip %></li>
+            <% end %>
+          </ul>
+        </section>
+      <% end %>
+
+      <p class="feature-guide-back">
+        <%= link_to t('collavre.features.nav.all_arrow'), collavre.features_path(locale: I18n.locale, script_name: request.script_name), class: "landing-btn landing-btn-ghost" %>
+      </p>
+    </div>
+  </article>
+
+  <footer class="landing-footer">
+    <div class="landing-container landing-footer-inner">
+      <p class="landing-footer-copy"><%= t('collavre.landing.footer.copyright', year: Date.today.year, app_name: t('app.name')) %></p>
+    </div>
+  </footer>
+</div>

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

@@ -1,5 +1,5 @@
 <p>
   <%= t('collavre.invitation_mailer.invite.message_html',
-         creative: strip_tags(@invitation.creative.effective_origin.description),
+         creative: Collavre::HtmlText.label(@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

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

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

@@ -1,5 +1,18 @@
+<% creative_title = Collavre::HtmlText.label(@invitation.creative.effective_origin.description) %>
+<% meta_title = t(".meta.title", creative: creative_title) %>
+<% content_for :title, meta_title %>
+<% content_for :head do %>
+  <meta property="og:type" content="website">
+  <meta property="og:site_name" content="<%= t("app.name") %>">
+  <meta property="og:title" content="<%= meta_title %>">
+  <meta property="og:description" content="<%= t(".meta.description", inviter: @invitation.inviter.display_name) %>">
+  <meta property="og:url" content="<%= request.original_url %>">
+  <meta property="og:image" content="<%= "#{request.base_url}/icon-1e3cf549d2.png" %>">
+  <meta property="og:image:alt" content="<%= t("app.name") %>">
+<% end %>
+
 <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.invited_by', inviter: @invitation.inviter.display_name, email: @invitation.inviter.email, creative: creative_title) %></p>
 <p><%= t('collavre.invites.show.prompt') %></p>
 <p>
   <%= link_to t('collavre.invites.show.login'), new_session_path(invite_token: params[:token]) %> |

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

@@ -72,6 +72,10 @@
         </div>
 
       </div>
+
+      <p class="landing-features-more">
+        <%= link_to t('collavre.landing.features.explore'), collavre.features_path(locale: I18n.locale, script_name: request.script_name), class: "landing-btn landing-btn-ghost" %>
+      </p>
     </div>
   </section>
 
@@ -166,7 +170,7 @@
   <%# ═══════════════════════════════════════ FOOTER ═══════════════════════════════════════════ %>
   <footer class="landing-footer">
     <div class="landing-container landing-footer-inner">
-      <p class="landing-footer-copy">© <%= Date.today.year %> <%= t('app.name') %>. <%= t('collavre.landing.footer.rights') %></p>
+      <p class="landing-footer-copy"><%= t('collavre.landing.footer.copyright', year: Date.today.year, app_name: t('app.name')) %></p>
     </div>
   </footer>
 </div>

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

@@ -2,7 +2,10 @@
      data-link-creative-loading-text="<%= t('collavre.creatives.index.link_loading', default: 'Loading…') %>"
      data-link-creative-no-results-text="<%= t('collavre.creatives.index.no_search_results', default: 'No creatives match your search.') %>"
      data-link-creative-empty-text="<%= t('collavre.creatives.index.no_sub_creatives', default: 'No sub-creatives found.') %>"
-     data-link-creative-expand-text="<%= t('collavre.creatives.index.link_expand', default: 'Expand') %>">
+     data-link-creative-expand-text="<%= t('collavre.creatives.index.link_expand', default: 'Expand') %>"
+     data-link-creative-create-text="<%= t('collavre.creatives.index.link_create', query: '%{query}', default: 'Create “%{query}”') %>"
+     data-link-creative-creating-text="<%= t('collavre.creatives.index.link_creating', default: 'Creating creative…') %>"
+     data-link-creative-create-failed-text="<%= t('collavre.creatives.index.link_create_failed', default: 'Could not create the 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">

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

@@ -1 +1,3 @@
-<%= button_tag t('app.help'), id: "creative-guide-link", class: "creative-guide-link", data: { help_url: SystemSetting.help_menu_link } %>
+<% default_help_url = collavre.features_path(locale: I18n.locale, script_name: request.script_name) %>
+<% help_url = SystemSetting.help_menu_link.presence || default_help_url %>
+<%= link_to t('app.help'), help_url, id: "creative-guide-link", class: "creative-guide-link", target: "_blank", rel: "noopener" %>

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

@@ -1,13 +1,6 @@
 <%= render_extension_slot(:navigation_panels) %>
 
-<% if Current.user %>
+<% if Current.user && !creative_workspace? %>
   <%= render 'collavre/comments/comments_popup',
              auto_fullscreen: content_for?(:comments_popup_auto_fullscreen) %>
 <% end %>
-
-<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;">
-  <button type="button" id="close-creative-guide" class="popup-close-btn">&times;</button>
-  <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/_search_form.html.erb

@@ -1,4 +1,7 @@
-<div class="search-popup-wrapper" data-controller="search-popup">
+<div class="search-popup-wrapper"
+     data-controller="search-popup"
+     data-search-popup-index-path-value="<%= collavre.creatives_path %>"
+     data-search-popup-on-index-value="<%= creative_index_page? %>">
   <%
     raw_url = begin; request.original_url; rescue; request.url; end
     url = URI.parse(raw_url)
@@ -19,7 +22,7 @@
                      end
   %>
 
-  <button type="button" class="search-popup-trigger<%= ' active' if has_any_filter %>" data-action="click->search-popup#toggle" aria-label="<%= t('app.search_placeholder') %>">
+  <button type="button" class="search-popup-trigger<%= ' active' if has_any_filter %>" data-filter-state="any-filter" data-action="click->search-popup#toggle" aria-label="<%= t('app.search_placeholder') %>">
     <span class="search-popup-trigger-icon" aria-hidden="true"><%= svg_tag 'search.svg', width: 16, height: 16 rescue '🔍' %></span>
     <span class="search-popup-trigger-label"><%= t('collavre.search_popup.search') %></span>
   </button>
@@ -54,14 +57,17 @@
           <button type="button"
                   class="search-popup-filter-btn<%= ' active' if progress_state == :all %>"
                   data-filter="all"
+                  data-filter-state="progress:all"
                   data-action="click->search-popup#applyProgressFilter"><%= t('app.filter_all') %></button>
           <button type="button"
                   class="search-popup-filter-btn<%= ' active' if progress_state == :incomplete %>"
                   data-filter="incomplete"
+                  data-filter-state="progress:incomplete"
                   data-action="click->search-popup#applyProgressFilter"><%= t('app.filter_incomplete') %></button>
           <button type="button"
                   class="search-popup-filter-btn<%= ' active' if progress_state == :complete %>"
                   data-filter="complete"
+                  data-filter-state="progress:complete"
                   data-action="click->search-popup#applyProgressFilter"><%= t('app.filter_complete') %></button>
         </div>
       </div>
@@ -71,10 +77,15 @@
         <div class="search-popup-filter-buttons">
           <button type="button"
                   class="search-popup-filter-btn<%= ' active' if has_comment %>"
+                  data-filter-state="comment"
                   data-action="click->search-popup#applyCommentFilter"><%= t('app.filter_comments') %></button>
           <% if authenticated? %>
+            <%# Both labels ship up front so a frame-only navigation can swap them without a round trip. %>
             <button type="button"
                     class="search-popup-filter-btn<%= ' active' if has_archived %>"
+                    data-filter-state="archived"
+                    data-label-on="<%= t('collavre.creatives.index.hide_archived') %>"
+                    data-label-off="<%= t('collavre.creatives.index.show_archived') %>"
                     data-action="click->search-popup#toggleArchive"><%= has_archived ? t('collavre.creatives.index.hide_archived') : t('collavre.creatives.index.show_archived') %></button>
           <% end %>
         </div>

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

@@ -51,7 +51,7 @@
                 <% unless Current.user.theme == theme.id.to_s %>
                 <%= button_to t('collavre.themes.apply'), collavre.apply_user_theme_path(theme), method: :post, class: "btn btn-xs" %>
               <% end %>
-              <%= button_to t('collavre.themes.delete'), collavre.user_theme_path(theme), method: :delete, class: "btn btn-xs btn-danger", form_class: "inline-block", onclick: "return confirm('#{t('collavre.themes.confirm_delete')}')" %>
+              <%= button_to t('collavre.themes.delete'), collavre.user_theme_path(theme), method: :delete, class: "btn btn-xs btn-danger", form: { class: "inline-block", data: { turbo_confirm: t('collavre.themes.confirm_delete') } } %>
               </div>
             </td>
           </tr>

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

@@ -0,0 +1,65 @@
+<% models = @llm_models.map do |model|
+     {
+       id: model.id,
+       vendor: model.llm_vendor,
+       name: model.name,
+       delete_url: collavre.llm_model_path(model)
+     }
+   end %>
+
+<div data-controller="llm-model"
+     data-llm-model-menu-id-value="llm-model-suggestions"
+     data-llm-model-models-value="<%= models.to_json %>"
+     data-llm-model-delete-label-value="<%= t('collavre.users.new_ai.remove_model') %>"
+     data-llm-model-delete-failed-value="<%= t('collavre.users.new_ai.remove_model_failed') %>">
+  <div class="form-group">
+    <%= form.label :llm_vendor, t('collavre.users.new_ai.vendor_label') %>
+    <%= form.select :llm_vendor,
+                    options_for_select(Collavre::User::LLM_VENDOR_OPTIONS, selected_vendor),
+                    {},
+                    class: "stacked-form-control",
+                    data: {
+                      agent_vendor_target: "vendor",
+                      llm_model_target: "vendor",
+                      action: "change->llm-model#vendorChanged agent-vendor#update"
+                    } %>
+    <small class="form-text text-muted"><%= t('collavre.users.new_ai.vendor_help') %></small>
+  </div>
+
+  <div class="form-group" data-agent-vendor-target="gateway">
+    <%= form.label :agent_gateway_id, t("collavre.users.new_ai.agent_gateway_label") %>
+    <%= form.select :agent_gateway_id,
+                    options_from_collection_for_select(@agent_gateways, :id, :name, selected_gateway_id),
+                    { include_blank: t("collavre.users.new_ai.agent_gateway_blank") },
+                    class: "stacked-form-control",
+                    data: { agent_vendor_target: "gatewaySelect" } %>
+    <small class="form-text text-muted">
+      <%= t("collavre.users.new_ai.agent_gateway_help") %>
+      <%= link_to t("collavre.users.new_ai.manage_gateways"), collavre.agent_gateways_path,
+                  data: { turbo: false } %>
+    </small>
+    <% if selected_gateway %>
+      <div class="alert alert-info mt-2">
+        <%= t("collavre.users.edit_ai.gateway_mode", mode: t("collavre.agent_gateways.workspace_mode.#{selected_gateway.workspace_mode}")) %>
+      </div>
+    <% end %>
+  </div>
+
+  <div class="form-group">
+    <%= form.label :llm_model, t('collavre.users.new_ai.model_label') %>
+    <div style="position: relative;">
+      <%= form.text_field :llm_model,
+                          required: true,
+                          maxlength: Collavre::LlmModel::MAX_NAME_LENGTH,
+                          class: "stacked-form-control",
+                          autocomplete: "off",
+                          value: selected_model,
+                          data: {
+                            agent_vendor_target: "model",
+                            llm_model_target: "input",
+                            action: "input->llm-model#search focus->llm-model#focus blur->llm-model#blur keydown->llm-model#handleKeydown"
+                          } %>
+      <%= render Collavre::UserMentionMenuComponent.new(menu_id: 'llm-model-suggestions') %>
+    </div>
+  </div>
+</div>

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

@@ -8,7 +8,7 @@
 <details class="org-chart-group" <%= 'open' if depth == 0 %>>
   <summary class="org-chart-creative-row <%= 'org-chart-depth-0' if depth == 0 %>" style="--depth: <%= depth %>">
     <span class="org-chart-creative-icon"><%= depth == 0 ? '📂' : '📁' %></span>
-    <%= link_to strip_tags(creative.effective_description.to_s).truncate(60),
+    <%= link_to Collavre::HtmlText.truncated_label(creative.effective_description, 60),
         collavre.creative_path(creative),
         class: "org-chart-creative-link" %>
     <% if effective.user_id == Current.user.id %>