collavre 0.20.2 → 0.21.0

data/app/services/collavre/topic_branch_service.rb

@@ -4,16 +4,23 @@ module Collavre
 
     MAX_BRANCH_COMMENTS = 100
 
-    def initialize(creative:, user:, source_topic:)
+    def initialize(creative:, user:, source_topic:, name: nil)
       @creative = creative
       @user = user
       @source_topic = source_topic
+      @name = name
     end
 
     # Creates a new topic with copies of the selected comments.
     # Returns the new Topic.
-    def call(comment_ids:)
-      comment_ids = Array(comment_ids).map(&:presence).compact.map(&:to_i).first(MAX_BRANCH_COMMENTS)
+    # enforce_limit: false bypasses MAX_BRANCH_COMMENTS for system-initiated
+    # full-history copies (e.g. Drop Trigger) where the UI's selection cap
+    # does not apply.
+    # auto_select: false omits user_id from the topic-created broadcast so
+    # background/system branches do not hijack the owner's current selection.
+    def call(comment_ids:, enforce_limit: true, auto_select: true)
+      comment_ids = Array(comment_ids).map(&:presence).compact.map(&:to_i)
+      comment_ids = comment_ids.first(MAX_BRANCH_COMMENTS) if enforce_limit
       raise BranchError, I18n.t("collavre.comments.branch.no_selection") if comment_ids.empty?
 
       validate_permissions!
@@ -24,14 +31,14 @@ module Collavre
         copy_comments(originals)
       end
 
-      broadcast_topic_created
+      broadcast_topic_created(auto_select: auto_select)
 
       @new_topic
     end
 
     private
 
-    attr_reader :creative, :user, :source_topic
+    attr_reader :creative, :user, :source_topic, :name
 
     def validate_permissions!
       unless creative.has_permission?(user, :feedback)
@@ -49,25 +56,28 @@ module Collavre
     end
 
     def create_branch_topic
-      prefix = I18n.t("collavre.topics.branch_prefix")
-      source_name = source_topic&.name || I18n.t("collavre.comments.topic_main", default: "All Messages")
-      name = "#{prefix}:#{source_name}"
-
-      # Ensure uniqueness
-      existing = creative.topics.where("name LIKE ?", "#{Topic.sanitize_sql_like(name)}%").pluck(:name)
-      if existing.include?(name)
-        counter = 2
-        counter += 1 while existing.include?("#{name} #{counter}")
-        name = "#{name} #{counter}"
-      end
+      topic_name = name.presence || default_branch_name
 
       creative.topics.create!(
-        name: name,
+        name: topic_name,
         user: user,
         source_topic_id: source_topic&.id
       )
     end
 
+    def default_branch_name
+      prefix = I18n.t("collavre.topics.branch_prefix")
+      source_name = source_topic&.name || I18n.t("collavre.comments.topic_main", default: "All Messages")
+      candidate = "#{prefix}:#{source_name}"
+
+      existing = creative.topics.where("name LIKE ?", "#{Topic.sanitize_sql_like(candidate)}%").pluck(:name)
+      return candidate unless existing.include?(candidate)
+
+      counter = 2
+      counter += 1 while existing.include?("#{candidate} #{counter}")
+      "#{candidate} #{counter}"
+    end
+
     def copy_comments(originals)
       id_mapping = {}
 
@@ -98,15 +108,13 @@ module Collavre
       end
     end
 
-    def broadcast_topic_created
-      TopicsChannel.broadcast_to(
-        creative,
-        {
-          action: "created",
-          topic: { id: @new_topic.id, name: @new_topic.name, source_topic_id: @new_topic.source_topic_id },
-          user_id: user.id
-        }
-      )
+    def broadcast_topic_created(auto_select: true)
+      payload = {
+        action: "created",
+        topic: { id: @new_topic.id, name: @new_topic.name, source_topic_id: @new_topic.source_topic_id }
+      }
+      payload[:user_id] = user.id if auto_select
+      TopicsChannel.broadcast_to(creative, payload)
     end
   end
 end

data/app/views/admin/shared/_tabs.html.erb

@@ -3,4 +3,5 @@
   <%= link_to t('admin.tabs.uiux'), collavre.admin_uiux_path, class: "tab-button #{'active' if controller_name == 'settings' && action_name == 'uiux'}" %>
   <%= link_to t('admin.tabs.users'), collavre.users_path, class: "tab-button #{'active' if controller_name == 'users'}" %>
   <%= link_to t('admin.tabs.orchestration'), collavre.admin_orchestration_path, class: "tab-button #{'active' if controller_name == 'orchestration'}" %>
+  <%= link_to t('collavre.admin.integrations.tab_label'), collavre.admin_integrations_path, class: "tab-button #{'active' if controller_name == 'integrations'}" %>
 </div>

data/app/views/collavre/admin/integrations/_category.html.erb

@@ -0,0 +1,22 @@
+<div style="margin-top: 2em; border-top: 1px solid var(--color-border); padding-top: 1.5em;">
+  <h3 style="font-size: 1.1em; margin-bottom: 1em;">
+    <%= t("collavre.admin.integrations.category.#{category}", default: category.to_s.humanize) %>
+  </h3>
+
+  <div class="table-scroll">
+    <table class="settings-table" style="width: 100%; min-width: 640px; border-collapse: collapse;">
+      <thead>
+        <tr>
+          <th style="text-align: left; padding: 0.5em; width: 30%;"><%= t("collavre.admin.integrations.headers.key") %></th>
+          <th style="text-align: left; padding: 0.5em; width: 50%;"><%= t("collavre.admin.integrations.headers.value") %></th>
+          <th style="text-align: left; padding: 0.5em; width: 20%;"><%= t("collavre.admin.integrations.headers.actions") %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% rows.each do |row| %>
+          <%= render partial: "setting_row", locals: { row: row, bulk_form_id: bulk_form_id } %>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>

data/app/views/collavre/admin/integrations/_setting_row.html.erb

@@ -0,0 +1,54 @@
+<% definition = row[:definition] %>
+<% key_str = definition.key.to_s %>
+<%
+  source_bg, source_fg = case row[:source]
+    when :db      then ["var(--color-success)", "var(--text-on-badge)"]
+    when :env     then ["var(--color-warning)", "var(--text-on-badge)"]
+    else               ["var(--surface-btn)",   "var(--text-on-btn)"]
+  end
+  current_display = row[:present] ? row[:display_value].to_s : "—"
+%>
+<tr style="border-top: 1px solid var(--color-border);">
+  <td style="padding: 0.5em; vertical-align: top;">
+    <code><%= key_str %></code>
+    <% if definition.requires_restart %>
+      <span class="badge badge-warning" style="display: inline-block; margin-left: 0.5em; padding: 0.1em 0.5em; font-size: 0.75em; background: var(--color-warning); color: var(--text-on-badge); border-radius: 3px;">
+        <%= t("collavre.admin.integrations.restart_required") %>
+      </span>
+    <% end %>
+    <div style="font-size: 0.8em; color: var(--color-muted); margin-top: 0.25em;">
+      <%= t("collavre.admin.integrations.env_var_label") %>: <code><%= definition.env_var %></code>
+    </div>
+  </td>
+  <td style="padding: 0.5em; vertical-align: top;">
+    <%# Input references the bulk form via HTML5 `form` attribute so the table is not nested inside <form>. %>
+    <%# Placeholder displays the current value (masked for sensitive); empty input keeps the existing value. %>
+    <% input_tag = definition.sensitive ? :password_field_tag : :text_field_tag %>
+    <%= send(input_tag,
+          "integration_setting[#{key_str}]",
+          nil,
+          form: bulk_form_id,
+          placeholder: current_display,
+          autocomplete: "off",
+          style: "width: 100%;") %>
+    <div style="font-size: 0.8em; margin-top: 0.25em;">
+      <span class="badge badge-source-<%= row[:source] %>" style="display: inline-block; padding: 0.1em 0.5em; font-size: 0.85em; border-radius: 3px; background: <%= source_bg %>; color: <%= source_fg %>;">
+        <%= t("collavre.admin.integrations.source.#{row[:source]}", default: row[:source].to_s.upcase) %>
+      </span>
+      <% if definition.sensitive %>
+        <span style="margin-left: 0.5em; color: var(--color-muted);"><%= t("collavre.admin.integrations.sensitive") %></span>
+      <% end %>
+      <span style="margin-left: 0.5em; color: var(--color-muted);"><%= t("collavre.admin.integrations.placeholder_leave_blank") %></span>
+    </div>
+  </td>
+  <td style="padding: 0.5em; vertical-align: top; white-space: nowrap;">
+    <%= button_to t("collavre.admin.integrations.actions.reset"),
+          collavre.reset_admin_integration_path(key: key_str),
+          method: :delete,
+          form: {
+            style: "display: inline-block;",
+            data: { turbo_confirm: t("collavre.admin.integrations.confirm_reset") }
+          },
+          class: "btn btn-small btn-secondary" %>
+  </td>
+</tr>

data/app/views/collavre/admin/integrations/index.html.erb

@@ -0,0 +1,42 @@
+<h1 class="no-top-margin"><%= t("collavre.admin.integrations.title") %></h1>
+
+<%= render "admin/shared/tabs" %>
+
+<div class="tab-panels">
+  <section class="tab-panel active">
+    <%= tag.div(flash[:alert], class: "flash-alert") if flash[:alert] %>
+    <%= tag.div(flash[:warning], class: "flash-warning") if flash[:warning] %>
+    <%= tag.div(flash[:notice], class: "flash-notice") if flash[:notice] %>
+
+    <p style="color: var(--color-muted); margin-bottom: 1.5em;">
+      <%= t("collavre.admin.integrations.subtitle") %>
+    </p>
+
+    <% if @grouped_settings.empty? %>
+      <p class="empty-state" style="padding: 2em; text-align: center; color: var(--color-muted);">
+        <%= t("collavre.admin.integrations.empty_state") %>
+      </p>
+    <% else %>
+      <%# Bulk-save form is an empty container. Row inputs reference it via the HTML5
+          `form` attribute; per-row Reset/Seed `button_to` forms sit as siblings,
+          so we never nest <form> inside <form>. %>
+      <%= form_with url: collavre.bulk_update_admin_integrations_path,
+                    method: :patch,
+                    local: true,
+                    id: "integrations-bulk-form",
+                    html: { id: "integrations-bulk-form", class: "profile-form" } do %>
+      <% end %>
+
+      <% @grouped_settings.each do |category, rows| %>
+        <%= render partial: "category", locals: { category: category, rows: rows, bulk_form_id: "integrations-bulk-form" } %>
+      <% end %>
+
+      <div style="margin-top: 2em;">
+        <%= button_tag t("collavre.admin.integrations.actions.save"),
+              type: :submit,
+              form: "integrations-bulk-form",
+              class: "btn btn-primary" %>
+      </div>
+    <% end %>
+  </section>
+</div>

data/app/views/collavre/admin/settings/_system_tab.html.erb

@@ -38,6 +38,14 @@
       </div>
     </div>
 
+    <div style="margin-top: 1.5em;">
+      <%= f.label :home_page_path_authenticated, t('admin.settings.home_page_path_authenticated') %>
+      <%= f.text_field :home_page_path_authenticated, value: @home_page_path_authenticated, placeholder: "/creatives" %>
+      <div class="help-text" style="font-size: 0.85em; color: var(--color-text-muted); margin-top: 0.25em;">
+        <%= t('admin.settings.home_page_path_authenticated_hint') %>
+      </div>
+    </div>
+
     <div style="margin-top: 2em; border-top: 1px solid var(--color-border); padding-top: 1.5em;">
       <h3 style="font-size: 1.1em; margin-bottom: 1em;"><%= t('admin.settings.account_lockout') %></h3>
       <div style="display: flex; gap: 2em; flex-wrap: wrap;">

data/app/views/collavre/comments/_channel_chips.html.erb

@@ -0,0 +1,33 @@
+<%# locals: { topic: Collavre::Topic } %>
+<div class="channel-chips" data-comments--presence-target="channelChips" data-topic-id="<%= topic.id %>">
+  <% topic.channels.not_dismissed.each do |channel| %>
+    <%# Chip is kept after detach so the final closed/stopped badge stays
+        visible until the user dismisses it with the X button. Subclasses
+        drive the colored badge via badge_state / badge_title; returning nil
+        from badge_state hides the badge entirely. %>
+    <% badge_state = channel.badge_state %>
+    <% badge_title = channel.badge_title %>
+    <% chip_classes = [ "channel-chip" ]
+       chip_classes << "channel-chip--detached" if channel.detached? %>
+    <% chip_label = channel.latest_label.presence || channel.default_label.presence || channel.class.name.demodulize %>
+    <% chip_link  = channel.latest_link.presence  || channel.default_link.presence %>
+    <span class="<%= chip_classes.join(' ') %>" data-channel-id="<%= channel.id %>">
+      <% if badge_state %>
+        <span class="channel-chip-badge channel-chip-badge--<%= badge_state %>"
+              title="<%= badge_title %>"
+              aria-label="<%= badge_title %>"></span>
+      <% end %>
+      <% if chip_link %>
+        <a href="<%= chip_link %>" target="_blank" rel="noopener">
+          <%= chip_label %>
+        </a>
+      <% else %>
+        <%= chip_label %>
+      <% end %>
+      <button type="button"
+              data-action="comments--presence#detachChannel"
+              data-channel-id="<%= channel.id %>"
+              aria-label="<%= t('collavre.channels.detach', default: 'Detach') %>">&times;</button>
+    </span>
+  <% end %>
+</div>

data/app/views/collavre/comments/_comment.html.erb

@@ -164,7 +164,12 @@
       <details class="comment-action-details">
         <summary class="comment-action-summary"><%= t("collavre.comments.action_summary") %></summary>
         <div class="comment-action-body">
-          <pre class="comment-action-json" data-comment-action-json><%= formatted_comment_action(comment) %></pre>
+          <% action_md = comment_action_markdown(comment) %>
+          <% if action_md && !has_pending_action %>
+            <div class="comment-content comment-action-markdown"><%= action_md %></div>
+          <% else %>
+            <pre class="comment-action-json" data-comment-action-json><%= formatted_comment_action(comment) %></pre>
+          <% end %>
           <% if has_pending_action %>
             <div class="comment-action-approve-controls comment-approve-hidden" data-comment-target="actionApproveControls">
               <button class="edit-comment-action-btn" type="button" data-comment-id="<%= comment.id %>"><%= t("collavre.comments.edit_action_button") %></button>

data/app/views/collavre/comments/_comments_popup.html.erb

@@ -120,6 +120,7 @@
   <div id="comments-list" data-comments--popup-target="list" data-comments--list-target="list"><%= t('app.loading') %></div>
   <div id="typing-indicator-row">
     <button type="button" id="scroll-prev-msg-btn" class="scroll-prev-msg-btn" data-action="click->comments--list#scrollToPreviousMessage" title="<%= t('collavre.comments.scroll_to_prev', default: 'Previous message') %>" aria-label="<%= t('collavre.comments.scroll_to_prev', default: 'Previous message') %>">&#8963;</button>
+    <div id="channel-chips-container" data-comments--presence-target="channelChips"></div>
     <div id="typing-indicator" data-comments--presence-target="typingIndicator" data-comments--popup-target="typingIndicator" data-stop-agent-text="<%= t('collavre.comments.stop_agent') %>"></div>
   </div>
   <form id="new-comment-form" data-comments--popup-target="form" data-comments--form-target="form" style="display:none;">

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

@@ -3,6 +3,8 @@
     <input type="hidden" id="inline-method" name="_method" value="patch" />
     <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>" />
     <input type="hidden" id="inline-creative-description" name="creative[description]" />
+    <input type="hidden" id="inline-content-type" name="creative[content_type_input]" value="html" />
+    <input type="hidden" id="inline-markdown-source" name="creative[markdown_source]" />
     <input type="hidden" id="inline-parent-id" name="creative[parent_id]" />
     <input type="hidden" id="inline-before-id" name="before_id" />
     <input type="hidden" id="inline-after-id" name="after_id" />
@@ -14,6 +16,14 @@
          data-direct-upload-url="<%= main_app.rails_direct_uploads_path %>"
          data-blob-url-template="<%= main_app.rails_service_blob_path(':signed_id', ':filename') %>"
          data-placeholder="<%= t('collavre.creatives.inline_editor.placeholder') %>"></div>
+    <div id="markdown-editor-wrapper" class="markdown-editor-wrapper" style="display:none;">
+      <textarea id="markdown-editor-textarea"
+                class="markdown-editor-textarea"
+                rows="10"
+                placeholder="<%= t('collavre.creatives.inline_editor.markdown_placeholder') %>"></textarea>
+      <div id="markdown-preview" class="markdown-preview"
+           data-placeholder="<%= t('collavre.creatives.inline_editor.markdown_preview_placeholder') %>"></div>
+    </div>
     <div id="actions-inline-editor" style="padding: 0px 8px;">
       <div style="margin-top:0.5em;display:flex;align-items:center;gap:0.5em;">
         <input type="hidden" name="creative[progress]" value="0">
@@ -30,6 +40,15 @@
         <button type="button" id="inline-metadata-btn" class="creative-action-btn" title="<%= t('collavre.creatives.index.metadata_tooltip') %>" style="margin-left:0.5em;font-family:monospace;font-size:0.9em;">
           { }
         </button>
+        <button type="button" id="inline-toggle-markdown" class="creative-action-btn"
+                title="<%= t('collavre.creatives.index.toggle_markdown') %>"
+                data-label-markdown="<%= t('collavre.creatives.index.toggle_markdown') %>"
+                data-label-richtext="<%= t('collavre.creatives.index.toggle_richtext') %>"
+                data-confirm-to-richtext="<%= t('collavre.creatives.index.markdown_to_richtext_confirm') %>"
+                data-confirm-to-markdown="<%= t('collavre.creatives.index.richtext_to_markdown_confirm') %>"
+                style="margin-left:0.5em;font-family:monospace;font-size:0.9em;">
+          <%= t('collavre.creatives.index.toggle_markdown') %>
+        </button>
       </div>
       <div style="margin-top:0.5em;">
         <button type="button" id="inline-move-up" class="creative-action-btn" title="<%= t('collavre.creatives.index.inline_move_up_tooltip') %>">

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

@@ -154,17 +154,25 @@
     title_row_content += content_tag(:template, data: { part: "edit-icon" }) { svg_tag("edit.svg", class: "icon-edit") }
     title_row_content += content_tag(:template, data: { part: "edit-off-icon" }) { svg_tag("edit-off.svg", class: "icon-edit") }
   %>
+  <%
+    title_can_write = @parent_creative.has_permission?(Current.user, :write)
+    title_effective_origin = @parent_creative.effective_origin(Set.new)
+    title_content_type = title_effective_origin.data&.dig("content_type")
+    title_markdown_source = title_can_write ? title_effective_origin.data&.dig("markdown_source") : nil
+  %>
   <%= content_tag(
         "creative-tree-row",
         title_row_content,
         "dom-id": "creative-markdown-block",
         "creative-id": @parent_creative.id,
         "parent-id": @parent_creative.parent_id,
-        "can-write": @parent_creative.has_permission?(Current.user, :write) ? "true" : "false",
+        "can-write": title_can_write ? "true" : "false",
         "is-title": "",
         "data-description-raw-html": @parent_creative.description,
         "data-progress-value": @parent_creative.progress,
-        "data-origin-id": @parent_creative.origin_id
+        "data-origin-id": @parent_creative.origin_id,
+        "data-content-type": title_content_type,
+        "data-markdown-source": title_markdown_source
       ) %>
 <% else %>
   <%= content_tag(

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

@@ -0,0 +1,130 @@
+<%# Landing Page — Collavre %>
+
+<div class="landing">
+  <%# ═══════════════════════════════════════════ HERO ══════════════════════════════════════════ %>
+  <section class="landing-hero">
+    <div class="landing-hero-glow"></div>
+    <div class="landing-container">
+      <h1 class="landing-hero-title"><%= t('collavre.landing.hero.headline_html') %></h1>
+      <p class="landing-hero-sub"><%= t('collavre.landing.hero.subline') %></p>
+      <p class="landing-hero-brand"><%= t('app.name') %></p>
+      <div class="landing-hero-actions">
+        <a href="#problem" class="landing-btn landing-btn-lg"><%= t('collavre.landing.hero.learn_more') %></a>
+        <%= link_to t('app.sign_in'), collavre.new_session_path, class: "landing-btn landing-btn-ghost landing-btn-lg" %>
+      </div>
+    </div>
+  </section>
+
+  <%# ══════════════════════════════════════ PROBLEM STATEMENT ══════════════════════════════════ %>
+  <section id="problem" class="landing-section landing-problem">
+    <div class="landing-container">
+      <h2 class="landing-section-title"><%= t('collavre.landing.problem.title') %></h2>
+      <div class="landing-problem-grid">
+        <div class="landing-problem-card">
+          <span class="landing-problem-icon">📝</span>
+          <h3><%= t('collavre.landing.problem.notion.title') %></h3>
+          <p><%= t('collavre.landing.problem.notion.desc') %></p>
+        </div>
+        <div class="landing-problem-card">
+          <span class="landing-problem-icon">📋</span>
+          <h3><%= t('collavre.landing.problem.jira.title') %></h3>
+          <p><%= t('collavre.landing.problem.jira.desc') %></p>
+        </div>
+        <div class="landing-problem-card">
+          <span class="landing-problem-icon">💬</span>
+          <h3><%= t('collavre.landing.problem.slack.title') %></h3>
+          <p><%= t('collavre.landing.problem.slack.desc') %></p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <%# ═══════════════════════════════════════ FEATURES ═════════════════════════════════════════ %>
+  <section id="features" class="landing-section landing-features">
+    <div class="landing-container">
+      <h2 class="landing-section-title"><%= t('collavre.landing.features.title') %></h2>
+      <p class="landing-section-sub"><%= t('collavre.landing.features.subtitle') %></p>
+
+      <div class="landing-features-grid">
+        <div class="landing-feature-card">
+          <div class="landing-feature-icon">🌳</div>
+          <h3><%= t('collavre.landing.features.tree.title') %></h3>
+          <p><%= t('collavre.landing.features.tree.desc') %></p>
+        </div>
+
+        <div class="landing-feature-card">
+          <div class="landing-feature-icon">🤖</div>
+          <h3><%= t('collavre.landing.features.ai.title') %></h3>
+          <p><%= t('collavre.landing.features.ai.desc') %></p>
+        </div>
+
+        <div class="landing-feature-card">
+          <div class="landing-feature-icon">💡</div>
+          <h3><%= t('collavre.landing.features.context.title') %></h3>
+          <p><%= t('collavre.landing.features.context.desc') %></p>
+        </div>
+
+        <div class="landing-feature-card">
+          <div class="landing-feature-icon">💬</div>
+          <h3><%= t('collavre.landing.features.chat.title') %></h3>
+          <p><%= t('collavre.landing.features.chat.desc') %></p>
+        </div>
+
+
+      </div>
+    </div>
+  </section>
+
+  <%# ══════════════════════════════════════════ DEMO ══════════════════════════════════════════ %>
+  <section id="demo" class="landing-section landing-demo">
+    <div class="landing-container">
+      <h2 class="landing-section-title"><%= t('collavre.landing.demo.title') %></h2>
+      <%# Light mode video %>
+      <div class="landing-demo-frame landing-demo-light" data-controller="landing-video">
+        <video class="landing-demo-video"
+               data-landing-video-target="video"
+               autoplay muted loop playsinline
+               poster="/public-assets/blobs/eyJfcmFpbHMiOnsiZGF0YSI6NDEyLCJwdXIiOiJibG9iX2lkIn19--33811afcd451cef0cf10313fa1bfecca15b41299/demo-poster.jpg">
+          <source src="/public-assets/blobs/eyJfcmFpbHMiOnsiZGF0YSI6NDEwLCJwdXIiOiJibG9iX2lkIn19--c272341a19ed8e847208c52da0617ebc801e2e67/demo.mp4" type="video/mp4">
+        </video>
+        <div class="landing-demo-progress" data-landing-video-target="progressBar">
+          <div class="landing-demo-progress-fill" data-landing-video-target="progressFill"></div>
+        </div>
+        <button class="landing-demo-toggle" data-landing-video-target="toggle" data-action="click->landing-video#togglePlay">
+          <span class="landing-demo-toggle-icon" data-landing-video-target="icon">❚❚</span>
+        </button>
+      </div>
+      <%# Dark mode video %>
+      <div class="landing-demo-frame landing-demo-dark" data-controller="landing-video">
+        <video class="landing-demo-video"
+               data-landing-video-target="video"
+               autoplay muted loop playsinline
+               poster="/public-assets/blobs/eyJfcmFpbHMiOnsiZGF0YSI6NDEzLCJwdXIiOiJibG9iX2lkIn19--53c3c505596bca0befbbebb5958764a153ffee5e/demo-dark-poster.jpg">
+          <source src="/public-assets/blobs/eyJfcmFpbHMiOnsiZGF0YSI6NDExLCJwdXIiOiJibG9iX2lkIn19--758c90c311bb68f46a2bda87553e3cdfd800420b/demo-dark.mp4" type="video/mp4">
+        </video>
+        <div class="landing-demo-progress" data-landing-video-target="progressBar">
+          <div class="landing-demo-progress-fill" data-landing-video-target="progressFill"></div>
+        </div>
+        <button class="landing-demo-toggle" data-landing-video-target="toggle" data-action="click->landing-video#togglePlay">
+          <span class="landing-demo-toggle-icon" data-landing-video-target="icon">❚❚</span>
+        </button>
+      </div>
+    </div>
+  </section>
+
+  <%# ═══════════════════════════════════════ FINAL CTA ════════════════════════════════════════ %>
+  <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, class: "landing-btn landing-btn-lg" %>
+    </div>
+  </section>
+
+  <%# ═══════════════════════════════════════ 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>
+    </div>
+  </footer>
+</div>

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

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= t('app.name') %> — <%= t('collavre.landing.meta.title') %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="description" content="<%= t('collavre.landing.meta.description') %>">
+    <meta property="og:title" content="<%= t('app.name') %> — <%= t('collavre.landing.meta.title') %>">
+    <meta property="og:description" content="<%= t('collavre.landing.meta.description') %>">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <link rel="icon" href="/icon-1e3cf549d2.png" type="image/png">
+    <link rel="icon" href="/icon-1e3cf549d2.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/icon-1e3cf549d2.png">
+
+    <%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
+    <%= collavre_stylesheets %>
+    <%= stylesheet_link_tag "collavre/landing", "data-turbo-track": "reload" %>
+
+    <%= javascript_include_tag "application", "data-turbo-track": "reload", defer: true, type: "module" %>
+
+    <%# Admin-configured default themes for users without personal theme %>
+    <% default_styles = default_theme_styles %>
+    <% if default_styles.present? %>
+      <style id="default-theme-styles" data-turbo-track="reload"><%= default_styles %></style>
+    <% end %>
+  </head>
+  <body class="<%= body_theme_class %> landing-page">
+    <main>
+      <%= yield %>
+    </main>
+  </body>
+</html>

data/config/locales/admin.en.yml

@@ -13,8 +13,10 @@ en:
       mcp_tool_approval_hint: "Require system administrator approval for new MCP tools."
       creatives_login_required: "Require Login for Creatives"
       creatives_login_required_hint: "If checked, users must be logged in to view /creatives."
-      home_page_path: "Home Page Path"
-      home_page_path_hint: "Path to render when accessing '/'. The URL stays as '/' but shows content from the specified path. Leave empty to use default (/creatives). Examples: /creatives, /user"
+      home_page_path: "Home Page Path (Unauthenticated)"
+      home_page_path_hint: "Path to render for visitors who hit '/' while signed out. The URL stays as '/' but the response shows content from the specified path. Leave empty to use default (/creatives). Examples: /landing, /creatives"
+      home_page_path_authenticated: "Home Page Path (Authenticated)"
+      home_page_path_authenticated_hint: "Signed-in users who hit '/' are redirected to this path. Unlike the unauthenticated path, the URL actually changes. Leave empty to use default (/creatives). Set to '/' to disable the redirect and fall back to the unauthenticated path above. Examples: /creatives, /dashboard"
       home_page_path_invalid_url: "Home page path cannot be a full URL. Please enter a path like /creatives or /user."
       home_page_path_not_routable: "Home page path '%{path}' is not a valid route. Please enter an existing path."
       home_page_path_not_html: "Home page path '%{path}' does not serve HTML content. Please enter a path to an HTML page."

data/config/locales/admin.ko.yml

@@ -13,8 +13,10 @@ ko:
       mcp_tool_approval_hint: "새 MCP 도구 등록 시 시스템 관리자의 승인이 필요합니다."
       creatives_login_required: "Creatives 로그인 필요"
       creatives_login_required_hint: "체크 시, 로그인을 한 사용자만 /creatives 에 접근할 수 있습니다."
-      home_page_path: "홈 페이지 경로"
-      home_page_path_hint: "'/' 접속 시 표시할 경로입니다. URL은 '/'로 유지되며 지정된 경로의 콘텐츠가 표시됩니다. 비워두면 기본값(/creatives)을 사용합니다. 예: /creatives, /user"
+      home_page_path: "홈 페이지 경로 (비로그인)"
+      home_page_path_hint: "비로그인 사용자가 '/' 접속 시 표시할 경로입니다. URL은 '/'로 유지되며 지정된 경로의 콘텐츠가 표시됩니다. 비워두면 기본값(/creatives)을 사용합니다. 예: /landing, /creatives"
+      home_page_path_authenticated: "홈 페이지 경로 (로그인)"
+      home_page_path_authenticated_hint: "로그인 사용자가 '/' 접속 시 이 경로로 리다이렉트됩니다. 비로그인 경로와 달리 URL이 실제로 변경됩니다. 비워두면 기본값(/creatives)을 사용합니다. '/'로 설정하면 리다이렉트하지 않고 위의 비로그인 경로 설정을 따릅니다. 예: /creatives, /dashboard"
       home_page_path_invalid_url: "홈 페이지 경로는 전체 URL이 될 수 없습니다. /creatives 또는 /user와 같은 경로를 입력하세요."
       home_page_path_not_routable: "홈 페이지 경로 '%{path}'는 유효한 라우트가 아닙니다. 존재하는 경로를 입력하세요."
       home_page_path_not_html: "홈 페이지 경로 '%{path}'는 HTML 콘텐츠를 제공하지 않습니다. HTML 페이지 경로를 입력하세요."

data/config/locales/channels.en.yml

@@ -0,0 +1,11 @@
+en:
+  collavre:
+    channels:
+      detach: "Detach"
+    channel:
+      preview:
+        label_default: "Preview"
+        attached_message: "%{label} server started.\n\n%{url}"
+        badge:
+          running: "Running"
+          stopped: "Stopped"

data/config/locales/channels.ko.yml

@@ -0,0 +1,11 @@
+ko:
+  collavre:
+    channels:
+      detach: "해제"
+    channel:
+      preview:
+        label_default: "프리뷰"
+        attached_message: "%{label} 서버가 시작되었습니다.\n\n%{url}"
+        badge:
+          running: "실행 중"
+          stopped: "중지됨"

data/config/locales/comments.en.yml

@@ -211,6 +211,8 @@ en:
         delete: Delete
         delete_confirm: Delete this image?
         counter: "%{current} / %{total}"
+    channels:
+      detach: "Detach"
     calendar_events:
       deleted: Calendar event deleted.
     google_calendar:

data/config/locales/comments.ko.yml

@@ -208,6 +208,8 @@ ko:
         delete: 삭제
         delete_confirm: 이 이미지를 삭제하시겠습니까?
         counter: "%{current} / %{total}"
+    channels:
+      detach: "해제"
     calendar_events:
       deleted: 캘린더 이벤트가 삭제되었습니다.
     google_calendar: