collavre 0.20.2 → 0.21.0

data/app/assets/stylesheets/collavre/landing.css

@@ -0,0 +1,507 @@
+/* ============================================================================
+ * Collavre Landing Page
+ * Uses design tokens exclusively — no hardcoded colors.
+ * Primary accent: --color-active (the blue used throughout the app UI)
+ *
+ * Typography scale (4 levels only):
+ *   L1  --text-7                     Hero title, CTA title
+ *   L2  --text-5                     Section titles, tagline
+ *   L3  --text-3                     Card titles, subtitles, button-lg
+ *   L4  --text-2                     Body copy, descriptions, buttons, footer
+ * ============================================================================ */
+
+/* ─── Reset & Base ──────────────────────────────────────────────────────────── */
+.landing-page {
+  overflow-x: hidden;
+  scroll-behavior: smooth;
+}
+
+.landing-page nav {
+  display: none; /* hide app navigation */
+}
+
+.landing {
+  font-family: var(--font-sans);
+  color: var(--text-primary);
+  line-height: var(--leading-2);
+}
+
+/* Container: sets the content boundary */
+.landing-container {
+  max-width: 1080px;
+  margin: 0 auto;
+  padding: 0 var(--space-5);
+}
+
+/* ─── Buttons ───────────────────────────────────────────────────────────────── */
+.landing-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--space-2) var(--space-5);
+  border-radius: var(--radius-3);
+  font-weight: var(--weight-6);
+  font-size: var(--text-2);             /* L4 */
+  text-decoration: none;
+  transition: all 0.2s var(--ease-2);
+  background: var(--color-active);
+  color: white;
+  border: none;
+  cursor: pointer;
+}
+
+.landing-btn:hover {
+  filter: brightness(1.1);
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-2);
+}
+
+.landing-btn-lg {
+  padding: var(--space-3) var(--space-7);
+  font-size: var(--text-3);             /* L3 */
+  border-radius: var(--radius-4);
+}
+
+.landing-btn-ghost {
+  background: transparent;
+  color: var(--text-muted);
+  border: var(--border-1) solid var(--border-color);
+}
+
+.landing-btn-ghost:hover {
+  color: var(--text-primary);
+  border-color: var(--text-muted);
+  background: var(--surface-hover);
+  filter: none;
+}
+
+/* ─── Hero ──────────────────────────────────────────────────────────────────── */
+.landing-hero {
+  position: relative;
+  padding: var(--space-10) 0 var(--space-8);
+  text-align: center;
+}
+
+.landing-hero-glow {
+  position: absolute;
+  top: -20%;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 600px;
+  height: 600px;
+  background: radial-gradient(circle, color-mix(in srgb, var(--color-active) 12%, transparent) 0%, transparent 70%);
+  pointer-events: none;
+  z-index: 0;
+}
+
+.landing-hero-title {                   /* L1 — main headline */
+  font-size: var(--text-7);
+  font-weight: var(--weight-8);
+  letter-spacing: 0.02em;
+  line-height: var(--leading-1);
+  color: var(--text-primary);
+  margin: 0 auto var(--space-5);
+  max-width: 900px;
+  position: relative;
+  z-index: 1;
+}
+
+.landing-hero-sub {                     /* L3 — subline */
+  font-size: var(--text-3);
+  font-weight: var(--weight-6);
+  color: var(--text-muted);
+  margin: 0 auto var(--space-5);
+  max-width: 900px;
+  text-align: center;
+  position: relative;
+  z-index: 1;
+}
+
+.landing-hero-brand {                   /* L1 — "콜라브" in brand color */
+  font-size: var(--text-7);
+  font-weight: var(--weight-8);
+  letter-spacing: 0.02em;
+  color: var(--color-active);
+  margin: 0 auto var(--space-7);
+  text-align: center;
+  position: relative;
+  z-index: 1;
+}
+
+.landing-hero-actions {
+  display: flex;
+  gap: var(--space-3);
+  justify-content: center;
+  flex-wrap: wrap;
+  position: relative;
+  z-index: 1;
+}
+
+/* ─── Demo Section ──────────────────────────────────────────────────────────── */
+
+.landing-demo-frame {
+  position: relative;
+  max-width: 900px;
+  margin: 0 auto;
+  aspect-ratio: 16 / 9;
+  border-radius: var(--radius-4);
+  border: var(--border-1) solid var(--border-color);
+  background: var(--surface-section);
+  overflow: hidden;
+  box-shadow: var(--shadow-3);
+}
+
+.landing-demo-video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
+/* ─── Demo: Progress bar ──────────────────────────────────────────────────── */
+.landing-demo-progress {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background: color-mix(in srgb, var(--text-primary) 15%, transparent);
+  z-index: 2;
+}
+
+.landing-demo-progress-fill {
+  height: 100%;
+  width: 0;
+  background: var(--color-active);
+  transition: width 0.1s linear;
+}
+
+/* ─── Demo: Play/Pause toggle ─────────────────────────────────────────────── */
+.landing-demo-toggle {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.25s ease;
+  z-index: 1;
+}
+
+.landing-demo-frame:hover .landing-demo-toggle {
+  opacity: 1;
+  background: color-mix(in srgb, var(--bg-primary) 40%, transparent);
+}
+
+.landing-demo-toggle-icon {
+  font-size: var(--text-5);             /* L2 */
+  color: var(--text-primary);
+  background: color-mix(in srgb, var(--bg-primary) 80%, transparent);
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  backdrop-filter: blur(4px);
+  box-shadow: var(--shadow-2);
+}
+
+/* ─── Sections (shared) ─────────────────────────────────────────────────────── */
+.landing-section {
+  padding: var(--space-10) 0;
+}
+
+.landing-section-title {                /* L2 */
+  font-size: var(--text-5);
+  font-weight: var(--weight-7);
+  text-align: center;
+  letter-spacing: -0.02em;
+  margin-bottom: var(--space-3);
+}
+
+.landing-section-sub {                  /* L4 */
+  font-size: var(--text-2);
+  color: var(--text-muted);
+  text-align: center;
+  max-width: 560px;
+  margin: 0 auto var(--space-8);
+}
+
+/* ─── Problem Section ───────────────────────────────────────────────────────── */
+.landing-problem {
+  background: var(--surface-section);
+}
+
+.landing-problem-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: var(--space-5);
+  max-width: 900px;
+  margin: var(--space-7) auto 0;
+}
+
+.landing-problem-card {
+  padding: var(--space-5);
+  border-radius: var(--radius-3);
+  border: var(--border-1) solid var(--border-color);
+  background: var(--surface-bg);
+  transition: border-color 0.2s var(--ease-2);
+}
+
+.landing-problem-card:hover {
+  border-color: var(--text-muted);
+}
+
+.landing-problem-icon {
+  font-size: var(--text-5);             /* L2 — emoji decorative */
+  display: block;
+  margin-bottom: var(--space-3);
+}
+
+.landing-problem-card h3 {             /* L3 */
+  font-size: var(--text-3);
+  font-weight: var(--weight-6);
+  margin-bottom: var(--space-2);
+}
+
+.landing-problem-card p {              /* L4 */
+  font-size: var(--text-2);
+  color: var(--text-muted);
+  line-height: var(--leading-2);
+}
+
+/* ─── Features Grid ─────────────────────────────────────────────────────────── */
+.landing-features {
+  background: var(--surface-bg);
+}
+
+.landing-features-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: var(--space-5);
+}
+
+.landing-feature-card {
+  padding: var(--space-5);
+  border-radius: var(--radius-3);
+  border: var(--border-1) solid var(--border-color);
+  background: var(--surface-section);
+  transition: all 0.25s var(--ease-2);
+}
+
+.landing-feature-card:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-2);
+  border-color: var(--color-active);
+}
+
+.landing-feature-icon {
+  font-size: var(--text-5);             /* L2 — emoji decorative */
+  margin-bottom: var(--space-3);
+}
+
+.landing-feature-card h3 {             /* L3 */
+  font-size: var(--text-3);
+  font-weight: var(--weight-6);
+  margin-bottom: var(--space-2);
+}
+
+.landing-feature-card p {              /* L4 */
+  font-size: var(--text-2);
+  color: var(--text-muted);
+  line-height: var(--leading-2);
+}
+
+/* ─── How It Works ──────────────────────────────────────────────────────────── */
+.landing-how {
+  background: var(--surface-section);
+}
+
+.landing-steps {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  gap: var(--space-3);
+  flex-wrap: wrap;
+  max-width: 900px;
+  margin: var(--space-7) auto 0;
+}
+
+.landing-step {
+  flex: 1;
+  min-width: 200px;
+  max-width: 260px;
+  text-align: center;
+}
+
+.landing-step-num {
+  width: 48px;
+  height: 48px;
+  border-radius: var(--radius-round);
+  background: var(--color-active);
+  color: white;
+  font-size: var(--text-3);             /* L3 */
+  font-weight: var(--weight-7);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: var(--space-3);
+}
+
+.landing-step h3 {                     /* L3 */
+  font-size: var(--text-3);
+  font-weight: var(--weight-6);
+  margin-bottom: var(--space-2);
+}
+
+.landing-step p {                      /* L4 */
+  font-size: var(--text-2);
+  color: var(--text-muted);
+  line-height: var(--leading-2);
+}
+
+.landing-step-arrow {
+  font-size: var(--text-5);             /* L2 */
+  color: var(--text-muted);
+  padding-top: var(--space-3);
+  user-select: none;
+}
+
+/* ─── CTA Section ───────────────────────────────────────────────────────────── */
+.landing-cta {
+  text-align: center;
+  padding: var(--space-11) 0;
+  background: var(--surface-bg);
+}
+
+.landing-cta-title {                    /* L1 */
+  font-size: var(--text-7);
+  font-weight: var(--weight-8);
+  letter-spacing: 0.02em;
+  margin-bottom: var(--space-3);
+}
+
+.landing-cta-sub {                     /* L4 */
+  font-size: var(--text-2);
+  color: var(--text-muted);
+  margin-bottom: var(--space-7);
+  max-width: 480px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/* ─── Footer (center-aligned) ───────────────────────────────────────────────── */
+.landing-footer {
+  border-top: var(--border-1) solid var(--border-color);
+  padding: var(--space-5) 0;
+}
+
+.landing-footer-inner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-2);
+  text-align: center;
+}
+
+.landing-footer-brand {                /* L4 */
+  font-weight: var(--weight-6);
+  font-size: var(--text-2);
+  color: var(--text-primary);
+}
+
+.landing-footer-copy {                 /* L4 */
+  font-size: var(--text-2);
+  color: var(--text-muted);
+}
+
+/* ─── Demo: Theme-aware video switching ────────────────────────────────────── */
+.landing-demo-dark { display: none; }
+
+body.dark-mode .landing-demo-light { display: none; }
+body.dark-mode .landing-demo-dark { display: block; }
+
+@media (prefers-color-scheme: dark) {
+  body:not(.light-mode) .landing-demo-light { display: none; }
+  body:not(.light-mode) .landing-demo-dark { display: block; }
+}
+
+/* ─── Responsive ────────────────────────────────────────────────────────────── */
+@media (max-width: 640px) {
+  .landing-container {
+    padding: 0 var(--space-3);
+  }
+
+  .landing-hero {
+    padding: var(--space-9) 0 var(--space-7);
+  }
+
+  .landing-hero-title {                  /* L1 scaled down on mobile */
+    font-size: var(--text-5);
+  }
+
+  .landing-hero-brand {                 /* L1 scaled down on mobile */
+    font-size: var(--text-5);
+  }
+
+  .landing-hero-glow {
+    width: 350px;
+    height: 350px;
+  }
+
+  .landing-section {
+    padding: var(--space-8) 0;
+  }
+
+  .landing-steps {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .landing-step-arrow {
+    transform: rotate(90deg);
+    padding: 0;
+  }
+
+  .landing-step {
+    max-width: 100%;
+  }
+
+  .landing-features-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .landing-cta-title {                  /* L1 scaled down on mobile */
+    font-size: var(--text-5);
+  }
+}
+
+/* ─── Entrance animations ───────────────────────────────────────────────────── */
+@keyframes landing-fade-up {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.landing-hero-title,
+.landing-hero-sub,
+.landing-hero-brand,
+.landing-hero-actions {
+  animation: landing-fade-up 0.6s var(--ease-out-3) both;
+}
+
+.landing-hero-title { animation-delay: 0s; }
+.landing-hero-sub { animation-delay: 0.1s; }
+.landing-hero-brand { animation-delay: 0.2s; }
+.landing-hero-actions { animation-delay: 0.3s; }

data/app/channels/collavre/comments_presence_channel.rb

@@ -1,5 +1,12 @@
 module Collavre
 class CommentsPresenceChannel < ApplicationCable::Channel
+  def self.broadcast_channel_chips_changed(creative_id, topic_id:)
+    ActionCable.server.broadcast(
+      "comments_presence:#{creative_id}",
+      { channel_chips: { topic_id: topic_id } }
+    )
+  end
+
   def self.broadcast_shares_changed(creative_id, shared_user_id:, permission: nil, action: "updated", has_access: nil, can_comment: nil, has_access_changed: nil, can_comment_changed: nil)
     ActionCable.server.broadcast(
       "comments_presence:#{creative_id}",

data/app/controllers/collavre/admin/integrations_controller.rb

@@ -0,0 +1,82 @@
+# frozen_string_literal: true
+
+module Collavre
+  module Admin
+    class IntegrationsController < ApplicationController
+      before_action :require_system_admin!
+      before_action :load_definition!, only: [ :reset ]
+
+      Registry = Collavre::IntegrationSettings::Registry
+      Resolver = Collavre::IntegrationSettings::Resolver
+
+      def index
+        @grouped_settings = build_grouped_settings
+      end
+
+      def bulk_update
+        submitted = (params[:integration_setting] || {}).to_unsafe_h
+        restart_required_changed = false
+
+        Collavre::IntegrationSetting.transaction do
+          submitted.each do |key, raw_value|
+            value = raw_value.to_s
+            next if value.blank?
+
+            definition = Registry.instance.find(key) or next
+
+            row = Collavre::IntegrationSetting.find_or_initialize_by(key: definition.key.to_s)
+            row.category = definition.category
+            row.value = value
+            row.save!
+
+            restart_required_changed ||= definition.requires_restart
+          end
+        end
+
+        flash[:notice] = t("collavre.admin.integrations.flash.updated")
+        flash[:warning] = t("collavre.admin.integrations.flash.restart_required") if restart_required_changed
+        redirect_to collavre.admin_integrations_path
+      end
+
+      def reset
+        Collavre::IntegrationSetting.where(key: @definition.key.to_s).destroy_all
+        redirect_to collavre.admin_integrations_path,
+          notice: t("collavre.admin.integrations.flash.reset_done", key: @definition.key)
+      end
+
+      private
+
+      def load_definition!
+        @definition = Registry.instance.find(params[:key]) or
+          (render file: Rails.root.join("public/404.html"), status: :not_found, layout: false and return)
+      end
+
+      def build_grouped_settings
+        Registry.instance.by_category.sort_by { |category, _defs| category.to_s }.map do |category, definitions|
+          rows = definitions.map { |definition| build_row(definition) }
+          [ category, rows ]
+        end
+      end
+
+      def build_row(definition)
+        value = Resolver.get(definition.key)
+        source = Resolver.source_for(definition.key)
+        display = definition.sensitive ? mask_value(value) : value
+
+        {
+          definition: definition,
+          source: source,
+          display_value: display,
+          present: value.present?
+        }
+      end
+
+      def mask_value(value)
+        return nil if value.blank?
+        return "••••" if value.to_s.length <= 4
+
+        "••••#{value.to_s[-4..]}"
+      end
+    end
+  end
+end

data/app/controllers/collavre/admin/settings_controller.rb

@@ -10,6 +10,7 @@ module Collavre
         @mcp_tool_approval = SystemSetting.find_by(key: "mcp_tool_approval_required")&.value == "true"
         @creatives_login_required = SystemSetting.creatives_login_required?
         @home_page_path = SystemSetting.home_page_path
+        @home_page_path_authenticated = SystemSetting.home_page_path_authenticated
 
         # Account lockout settings
         @max_login_attempts = SystemSetting.max_login_attempts
@@ -93,23 +94,9 @@ module Collavre
           creatives_login_setting.value = params[:creatives_login_required] == "1" ? "true" : "false"
           creatives_login_setting.save!
 
-          # Home Page Path
-          home_page_path_input = params[:home_page_path].to_s.strip
-          if home_page_path_input.present?
-            normalized_path, error = validate_and_normalize_home_page_path(home_page_path_input)
-            if error
-              home_page_setting = SystemSetting.new(key: "home_page_path")
-              home_page_setting.errors.add(:base, error)
-              raise ActiveRecord::RecordInvalid, home_page_setting
-            end
-            home_page_setting = SystemSetting.find_or_initialize_by(key: "home_page_path")
-            home_page_setting.value = normalized_path
-            home_page_setting.save!
-          else
-            home_page_setting = SystemSetting.find_or_initialize_by(key: "home_page_path")
-            home_page_setting.value = nil
-            home_page_setting.save!
-          end
+          # Home Page Paths (unauthenticated default + authenticated override)
+          save_home_page_path("home_page_path", params[:home_page_path])
+          save_home_page_path("home_page_path_authenticated", params[:home_page_path_authenticated])
 
           # Account Lockout Settings
           max_attempts = params[:max_login_attempts].to_i
@@ -171,6 +158,7 @@ module Collavre
         @mcp_tool_approval = params[:mcp_tool_approval] == "1"
         @creatives_login_required = params[:creatives_login_required] == "1"
         @home_page_path = params[:home_page_path]
+        @home_page_path_authenticated = params[:home_page_path_authenticated]
         @max_login_attempts = params[:max_login_attempts].to_i.positive? ? params[:max_login_attempts].to_i : SystemSetting::DEFAULT_MAX_LOGIN_ATTEMPTS
         @lockout_duration_minutes = params[:lockout_duration_minutes].to_i.positive? ? params[:lockout_duration_minutes].to_i : SystemSetting::DEFAULT_LOCKOUT_DURATION_MINUTES
         @password_min_length = [ [ params[:password_min_length].to_i, SystemSetting::DEFAULT_PASSWORD_MIN_LENGTH ].max, 72 ].min
@@ -186,6 +174,23 @@ module Collavre
 
       private
 
+      def save_home_page_path(key, raw_value)
+        input = raw_value.to_s.strip
+        setting = SystemSetting.find_or_initialize_by(key: key)
+        if input.present?
+          normalized_path, error = validate_and_normalize_home_page_path(input)
+          if error
+            stub = SystemSetting.new(key: key)
+            stub.errors.add(:base, error)
+            raise ActiveRecord::RecordInvalid, stub
+          end
+          setting.value = normalized_path
+        else
+          setting.value = nil
+        end
+        setting.save!
+      end
+
       def validate_and_normalize_home_page_path(value)
         path = value.to_s.strip
 

data/app/controllers/collavre/application_controller.rb

@@ -9,8 +9,35 @@ module Collavre
     # of sync with the session cookie and POSTs fail with 422.
     after_action :set_csrf_token_header
 
+    before_action :redirect_authenticated_root_to_home
+
     private
 
+    # If the original request was for "/" and the user is signed in,
+    # honor SystemSetting.home_page_path_authenticated by redirecting.
+    # The middleware preserves "/" as a stable URL for unauthenticated
+    # visitors; authenticated users get a real URL change so the address
+    # bar reflects state.
+    #
+    # Loop safety: the env flag is only set when PATH_INFO == "/" hits
+    # the middleware. Direct visits to the redirect target never trip it,
+    # so comparing request.path to target would be wrong here — when both
+    # home_page_path and home_page_path_authenticated resolve to the same
+    # path, the middleware has already rewritten request.path to that
+    # target while the browser URL is still "/", and we must still
+    # redirect so the address bar reflects state.
+    def redirect_authenticated_root_to_home
+      return unless request.get? || request.head?
+      return unless request.env["collavre.root_request"]
+      return unless authenticated?
+
+      target = SystemSetting.home_page_path_authenticated
+      return if target.blank?
+      return if target == "/"
+
+      redirect_to target
+    end
+
     def set_csrf_token_header
       return unless protect_against_forgery?