Merge branch 'release/4.15.0'

.circleci/config.yml

@@ -144,7 +144,7 @@ jobs:
   # Backend tests with parallelization
   backend-tests:
     <<: *defaults
-    parallelism: 18
+    parallelism: 20
     steps:
       - checkout
       - node/install:

AGENTS.md

@@ -43,18 +43,13 @@
 
 ## General Guidelines
 
-- Prefer the smallest production-ready change that solves the current problem.
-- Build for the expected production path first. Do not add speculative guards, fallbacks, retries, or edge-case handling unless the caller can actually hit that case or production has proven it necessary.
-- When an impossible or misconfigured state would indicate a setup/deployment bug, let it fail loudly instead of silently skipping behavior.
-- For locked/internal configs that must exist in production, prefer direct reads (`find`, `find_by!`, required hash keys) over silent fallbacks.
-- Do not add validation or response checks unless the code uses the result or the check changes behavior meaningfully.
-- Prefer existing repo dependencies/client libraries over hand-rolled protocol code for auth, signing, parsing, or API plumbing.
-- Avoid one-use private helpers unless they hide real complexity or make the main flow meaningfully easier to read.
+- MVP focus: Least code change, happy-path only
+- No unnecessary defensive programming
+- Ship the happy path first: limit guards/fallbacks to what production has proven necessary, then iterate
 - Prefer minimal, readable code over elaborate abstractions; clarity beats cleverness
 - Break down complex tasks into small, testable units
 - Iterate after confirmation
 - Avoid writing specs unless explicitly asked
-- In specs, avoid custom helper methods for setup/data. Prefer `let` values and direct per-example setup; only add a helper when it removes meaningful repeated complexity.
 - Remove dead/unreachable/unused code
 - Don’t write multiple versions or backups for the same logic — pick the best approach and implement it
 - Prefer `with_modified_env` (from spec helpers) over stubbing `ENV` directly in specs

Gemfile

@@ -195,7 +195,7 @@ gem 'reverse_markdown'
 
 gem 'iso-639'
 gem 'ruby-openai'
-gem 'ai-agents', '>= 0.12.0'
+gem 'ai-agents', '>= 0.10.0'
 
 # TODO: Move this gem as a dependency of ai-agents
 gem 'ruby_llm', '>= 1.14.1'

Gemfile.lock

@@ -126,7 +126,7 @@ GEM
       jbuilder (~> 2)
       rails (>= 4.2, < 7.2)
       selectize-rails (~> 0.6)
-    ai-agents (0.12.0)
+    ai-agents (0.10.0)
       ruby_llm (~> 1.14)
     annotaterb (4.20.0)
       activerecord (>= 6.0.0)
@@ -170,7 +170,7 @@ GEM
     base64 (0.3.0)
     bcrypt (3.1.22)
     benchmark (0.4.1)
-    bigdecimal (4.1.2)
+    bigdecimal (3.3.1)
     bindex (0.8.1)
     bootsnap (1.16.0)
       msgpack (~> 1.2)
@@ -193,12 +193,12 @@ GEM
     climate_control (1.2.0)
     coderay (1.1.3)
     commonmarker (0.23.10)
-    concurrent-ruby (1.3.7)
+    concurrent-ruby (1.3.5)
     connection_pool (2.5.5)
     crack (1.0.0)
       bigdecimal
       rexml
-    crass (1.0.7)
+    crass (1.0.6)
     cronex (0.15.0)
       tzinfo
       unicode (>= 0.4.4.5)
@@ -274,8 +274,8 @@ GEM
       dry-logic (~> 1.5)
       dry-types (~> 1.8)
       zeitwerk (~> 2.6)
-    dry-types (1.9.1)
-      bigdecimal (>= 3.0)
+    dry-types (1.8.3)
+      bigdecimal (~> 3.0)
       concurrent-ruby (~> 1.0)
       dry-core (~> 1.0)
       dry-inflector (~> 1.0)
@@ -304,7 +304,7 @@ GEM
       railties (>= 5.0.0)
     faker (3.2.0)
       i18n (>= 1.8.11, < 2)
-    faraday (2.14.3)
+    faraday (2.14.2)
       faraday-net_http (>= 2.0, < 3.5)
       json
       logger
@@ -474,7 +474,7 @@ GEM
       rails-dom-testing (>= 1, < 3)
       railties (>= 4.2.0)
       thor (>= 0.14, < 2.0)
-    json (2.19.9)
+    json (2.19.8)
     json_refs (0.1.8)
       hana
     json_schemer (0.2.24)
@@ -570,7 +570,7 @@ GEM
     minitest (5.25.5)
     mock_redis (0.36.0)
       ruby2_keywords
-    msgpack (1.8.3)
+    msgpack (1.8.0)
     multi_json (1.15.0)
     multi_xml (0.9.1)
       bigdecimal (>= 3.1, < 5)
@@ -598,14 +598,14 @@ GEM
     newrelic_rpm (9.6.0)
       base64
     nio4r (2.7.5)
-    nokogiri (1.19.4)
+    nokogiri (1.19.3)
       mini_portile2 (~> 2.8.2)
       racc (~> 1.4)
-    nokogiri (1.19.4-arm64-darwin)
+    nokogiri (1.19.3-arm64-darwin)
       racc (~> 1.4)
-    nokogiri (1.19.4-x86_64-darwin)
+    nokogiri (1.19.3-x86_64-darwin)
       racc (~> 1.4)
-    nokogiri (1.19.4-x86_64-linux-gnu)
+    nokogiri (1.19.3-x86_64-linux-gnu)
       racc (~> 1.4)
     oauth (1.1.6)
       auth-sanitizer (~> 0.2, >= 0.2.1)
@@ -627,7 +627,7 @@ GEM
       rack (>= 1.2, < 4)
       snaky_hash (~> 2.0, >= 2.0.5)
       version_gem (~> 1.1, >= 1.1.11)
-    oj (3.17.3)
+    oj (3.16.10)
       bigdecimal (>= 3.0)
       ostruct (>= 0.2)
     omniauth (2.1.4)
@@ -674,7 +674,7 @@ GEM
       opentelemetry-api (~> 1.0)
     orm_adapter (0.5.0)
     os (1.1.4)
-    ostruct (0.6.3)
+    ostruct (0.6.1)
     parallel (1.27.0)
     parser (3.3.8.0)
       ast (~> 2.4.1)
@@ -1058,7 +1058,7 @@ DEPENDENCIES
   administrate (>= 0.20.1)
   administrate-field-active_storage (>= 1.0.3)
   administrate-field-belongs_to_search (>= 0.9.0)
-  ai-agents (>= 0.12.0)
+  ai-agents (>= 0.10.0)
   annotaterb
   attr_extras
   audited (~> 5.4, >= 5.4.1)

VERSION_CW

@@ -1 +1 @@
-4.15.1
+4.15.0

app/builders/messages/facebook/message_builder.rb

@@ -91,17 +91,15 @@ class Messages::Facebook::MessageBuilder < Messages::Messenger::MessageBuilder
 
   def fallback_params(attachment)
     {
-      fallback_title: attachment['title'] || attachment.dig('payload', 'title'),
+      fallback_title: attachment['title'],
       external_url: attachment['url'] || attachment.dig('payload', 'url')
     }
   end
 
   # Facebook shared posts point to page URLs, not downloadable media URLs.
-  # Both `share` and `post` attachment types carry a page URL rather than a media file,
-  # so map them to `fallback` (which keeps the title/link without attempting a download).
   # Keep this Facebook-only so Messenger/Instagram share attachments still use the parent media handling.
   def normalize_file_type(type)
-    return :fallback if [:share, :post].include?(type.to_sym)
+    return :fallback if type.to_sym == :share
 
     super
   end

app/builders/messages/messenger/message_builder.rb

@@ -6,11 +6,6 @@ class Messages::Messenger::MessageBuilder
     return if unsupported_file_type?(attachment['type'])
 
     params = attachment_params(attachment)
-    # During Meta's sticker webhook transition, a sticker message carries both an `image`
-    # and a `sticker` attachment pointing to the same URL. Skip the redundant sticker so it
-    # isn't attached twice, while still storing legitimate duplicate attachments of other types.
-    return if duplicate_sticker?(attachment, params[:external_url])
-
     attachment_obj = @message.attachments.new(params.except(:remote_file_url))
     attachment_obj.save!
     if facebook_reel?(attachment)
@@ -18,14 +13,10 @@ class Messages::Messenger::MessageBuilder
     elsif params[:remote_file_url]
       attach_file(attachment_obj, params[:remote_file_url])
     end
-    fetch_attachment_links(attachment_obj)
-    update_attachment_file_type(attachment_obj)
-  end
-
-  def fetch_attachment_links(attachment_obj)
     fetch_story_link(attachment_obj) if attachment_obj.file_type == 'story_mention'
     fetch_ig_story_link(attachment_obj) if attachment_obj.file_type == 'ig_story'
     fetch_ig_post_link(attachment_obj) if attachment_obj.file_type == 'ig_post'
+    update_attachment_file_type(attachment_obj)
   end
 
   def attach_file(attachment, file_url)
@@ -120,20 +111,13 @@ class Messages::Messenger::MessageBuilder
 
   # Facebook may send attachment types that don't directly match our file_type enum.
   # Map known aliases to their canonical enum values.
-  FACEBOOK_FILE_TYPE_MAP = { reel: :ig_reel, sticker: :image }.freeze
+  FACEBOOK_FILE_TYPE_MAP = { reel: :ig_reel }.freeze
 
   def normalize_file_type(type)
     sym = type.to_sym
     FACEBOOK_FILE_TYPE_MAP.fetch(sym, sym)
   end
 
-  def duplicate_sticker?(attachment, url)
-    return false unless attachment['type'].to_sym == :sticker
-    return false if url.blank?
-
-    @message.attachments.any? { |existing| existing.external_url == url }
-  end
-
   # Facebook sends reel URLs as webpage links (facebook.com/reel/...) rather than
   # direct video URLs. Downloading these yields HTML, not video content.
   def facebook_reel?(attachment)

app/controllers/api/v1/accounts/assignment_policies_controller.rb

@@ -30,8 +30,7 @@ class Api::V1::Accounts::AssignmentPoliciesController < Api::V1::Accounts::BaseC
   def assignment_policy_params
     params.require(:assignment_policy).permit(
       :name, :description, :assignment_order, :conversation_priority,
-      :fair_distribution_limit, :fair_distribution_window, :enabled,
-      :exclude_older_than_hours
+      :fair_distribution_limit, :fair_distribution_window, :enabled
     )
   end
 end

app/controllers/api/v1/accounts/captain/preferences_controller.rb

@@ -8,8 +8,8 @@ class Api::V1::Accounts::Captain::PreferencesController < Api::V1::Accounts::Bas
 
   def update
     params_to_update = captain_params
-    @current_account.captain_models = params_to_update[:captain_models] if params_to_update.key?(:captain_models)
-    @current_account.captain_features = params_to_update[:captain_features] if params_to_update.key?(:captain_features)
+    @current_account.captain_models = params_to_update[:captain_models] if params_to_update[:captain_models]
+    @current_account.captain_features = params_to_update[:captain_features] if params_to_update[:captain_features]
     @current_account.save!
 
     render json: preferences_payload
@@ -38,7 +38,7 @@ class Api::V1::Accounts::Captain::PreferencesController < Api::V1::Accounts::Bas
 
   def merged_captain_models
     existing_models = @current_account.captain_models || {}
-    existing_models.merge(permitted_captain_models).compact_blank.presence
+    existing_models.merge(permitted_captain_models)
   end
 
   def merged_captain_features
@@ -47,30 +47,29 @@ class Api::V1::Accounts::Captain::PreferencesController < Api::V1::Accounts::Bas
   end
 
   def permitted_captain_models
-    params.require(:captain_models).permit(*captain_feature_keys).to_h.stringify_keys
+    params.require(:captain_models).permit(
+      :editor, :assistant, :copilot, :label_suggestion,
+      :audio_transcription, :help_center_search
+    ).to_h.stringify_keys
   end
 
   def permitted_captain_features
-    params.require(:captain_features).permit(*captain_feature_keys).to_h.stringify_keys
-  end
-
-  def captain_feature_keys
-    Llm::Models.feature_keys.map(&:to_sym)
+    params.require(:captain_features).permit(
+      :editor, :assistant, :copilot, :label_suggestion,
+      :audio_transcription, :help_center_search
+    ).to_h.stringify_keys
   end
 
   def features_with_account_preferences
     preferences = Current.account.captain_preferences
     account_features = preferences[:features] || {}
+    account_models = preferences[:models] || {}
 
     Llm::Models.feature_keys.index_with do |feature_key|
       config = Llm::Models.feature_config(feature_key)
-      route = Llm::FeatureRouter.resolve(feature: feature_key, account: Current.account)
       config.merge(
         enabled: account_features[feature_key] == true,
-        model: route[:model],
-        selected: route[:model],
-        provider: route[:provider],
-        source: route[:source]
+        selected: account_models[feature_key] || config[:default]
       )
     end
   end

app/controllers/api/v1/accounts/conversations/messages_controller.rb

@@ -52,9 +52,6 @@ class Api::V1::Accounts::Conversations::MessagesController < Api::V1::Accounts::
     end
 
     render json: { content: translated_content }
-  rescue Google::Cloud::Error => e
-    # `details` carries the clean human message; `message` includes gRPC debug noise
-    render_could_not_create_error(e.details.presence || e.message)
   end
 
   private

app/controllers/api/v1/accounts/integrations/dyte_controller.rb

@@ -15,7 +15,7 @@ class Api::V1::Accounts::Integrations::DyteController < Api::V1::Accounts::BaseC
     end
 
     render_response(
-      dyte_processor_service.add_participant_to_meeting(@message.content_attributes['data']['meeting_id'], Current.user, @message)
+      dyte_processor_service.add_participant_to_meeting(@message.content_attributes['data']['meeting_id'], Current.user)
     )
   end
 

app/controllers/api/v1/accounts/onboardings_controller.rb

@@ -1,19 +1,17 @@
 class Api::V1::Accounts::OnboardingsController < Api::V1::Accounts::BaseController
   before_action :check_admin_authorization?
 
-  ONBOARDING_STEP_KEY = 'onboarding_step'.freeze
-  STEP_ACCOUNT_DETAILS = 'account_details'.freeze
-  STEP_INBOX_SETUP = 'inbox_setup'.freeze
-  ONBOARDING_STEPS = [STEP_ACCOUNT_DETAILS, STEP_INBOX_SETUP].freeze
-
   def update
-    return render json: { error: 'Invalid onboarding step' }, status: :unprocessable_entity unless ONBOARDING_STEPS.include?(params[:onboarding_step])
-
     @account = Current.account
-    # The client declares the step it is completing; `account_details` runs
-    # `complete_account_details`, and so on. The known-step guard above keeps the
-    # client value from `send`-ing an arbitrary method.
-    send("complete_#{params[:onboarding_step]}")
+    finalize = finalizing_account_details?
+
+    @account.assign_attributes(account_params)
+    @account.custom_attributes.merge!(custom_attributes_params)
+    @account.custom_attributes.delete('onboarding_step') if finalize
+    @account.save!
+
+    # TODO: re-enable when the help center generation UI is ready to surface progress
+    # Onboarding::HelpCenterCreationService.new(@account, Current.user).perform if finalize && website.present?
 
     render 'api/v1/accounts/update', format: :json
   end
@@ -24,48 +22,12 @@ class Api::V1::Accounts::OnboardingsController < Api::V1::Accounts::BaseControll
 
   private
 
-  def complete_account_details
-    # Only act while the cursor still points here, so a stale replay after
-    # onboarding finished can't re-enter it.
-    return unless current_step == STEP_ACCOUNT_DETAILS
-
-    @account.assign_attributes(account_params)
-    @account.custom_attributes.merge!(custom_attributes_params)
-
-    # inbox_setup is a cloud-only step (DEPLOYMENT_ENV config, not a hardcoded
-    # environment check); self-hosted finishes onboarding here.
-    if ChatwootApp.chatwoot_cloud?
-      move_to_step(STEP_INBOX_SETUP)
-      create_onboarding_inboxes
-    else
-      finish_onboarding
-    end
+  def finalizing_account_details?
+    @account.custom_attributes['onboarding_step'] == 'account_details'
   end
 
-  def complete_inbox_setup
-    # Only finalize while the cursor still points here, so a stale or out-of-order
-    # request can't end onboarding early. Replays are no-ops.
-    return unless current_step == STEP_INBOX_SETUP
-
-    finish_onboarding
-  end
-
-  def current_step
-    @account.custom_attributes[ONBOARDING_STEP_KEY]
-  end
-
-  def move_to_step(step)
-    @account.custom_attributes[ONBOARDING_STEP_KEY] = step
-    @account.save!
-  end
-
-  def finish_onboarding
-    @account.custom_attributes.delete(ONBOARDING_STEP_KEY)
-    @account.save!
-  end
-
-  def create_onboarding_inboxes
-    Onboarding::WebWidgetCreationService.new(@account, Current.user).perform
+  def website
+    custom_attributes_params[:website]
   end
 
   def account_params

app/controllers/api/v1/accounts/teams_controller.rb

@@ -29,6 +29,6 @@ class Api::V1::Accounts::TeamsController < Api::V1::Accounts::BaseController
   end
 
   def team_params
-    params.require(:team).permit(:name, :description, :allow_auto_assign, :icon, :icon_color)
+    params.require(:team).permit(:name, :description, :allow_auto_assign)
   end
 end

app/controllers/api/v1/widget/integrations/dyte_controller.rb

@@ -10,8 +10,7 @@ class Api::V1::Widget::Integrations::DyteController < Api::V1::Widget::BaseContr
 
     response = dyte_processor_service.add_participant_to_meeting(
       @message.content_attributes['data']['meeting_id'],
-      @conversation.contact,
-      @message
+      @conversation.contact
     )
     render_response(response)
   end

app/controllers/concerns/portal_home_data.rb

@@ -1,29 +0,0 @@
-module PortalHomeData
-  extend ActiveSupport::Concern
-
-  private
-
-  def load_home_data
-    base_articles = @portal.articles.published.where(locale: @locale).includes(:author, :category)
-    @visible_categories = @portal.categories
-                                 .where(locale: @locale)
-                                 .joins(:articles).where(articles: { status: :published })
-                                 .order(position: :asc)
-                                 .group('categories.id')
-    @popular_topics = @visible_categories.first(3)
-    @featured = base_articles.order_by_views.limit(6)
-    @category_contributors = build_category_contributors(@visible_categories)
-  end
-
-  def build_category_contributors(categories)
-    category_ids = categories.map(&:id)
-    return {} if category_ids.empty?
-
-    @portal.articles
-           .published
-           .where(locale: @locale, category_id: category_ids)
-           .includes(:author)
-           .group_by(&:category_id)
-           .transform_values { |articles| articles.filter_map(&:author).uniq.first(3) }
-  end
-end

app/controllers/dashboard_controller.rb

@@ -1,6 +1,5 @@
 class DashboardController < ActionController::Base
   include SwitchLocale
-  include PortalHomeData
 
   GLOBAL_CONFIG_KEYS = %w[
     LOGO
@@ -64,10 +63,6 @@ class DashboardController < ActionController::Base
     return unless @portal
 
     @locale = @portal.default_locale
-    if @portal.layout == 'documentation'
-      request.variant = :documentation
-      load_home_data
-    end
     render 'public/api/v1/portals/show', layout: 'portal', portal: @portal and return
   end
 

app/controllers/public/api/v1/portals/base_controller.rb

@@ -39,11 +39,9 @@ class Public::Api::V1::Portals::BaseController < PublicController
   end
 
   def switch_locale_with_portal(&)
-    # Keep @locale as the portal's own locale code (e.g. th_TH) for content queries,
-    # while UI translations fall back to an available I18n locale (e.g. th).
-    @locale = params[:locale]
+    @locale = validate_and_get_locale(params[:locale])
 
-    I18n.with_locale(validate_and_get_locale(@locale), &)
+    I18n.with_locale(@locale, &)
   end
 
   def switch_locale_with_article(&)
@@ -51,12 +49,13 @@ class Public::Api::V1::Portals::BaseController < PublicController
     Rails.logger.info "Article: not found for slug: #{params[:article_slug]}"
     render_404 && return if article.blank?
 
-    @locale = if article.category.present?
-                article.category.locale
-              else
-                article.locale
-              end
-    I18n.with_locale(validate_and_get_locale(@locale), &)
+    article_locale = if article.category.present?
+                       article.category.locale
+                     else
+                       article.locale
+                     end
+    @locale = validate_and_get_locale(article_locale)
+    I18n.with_locale(@locale, &)
   end
 
   def allow_iframe_requests

app/controllers/public/api/v1/portals_controller.rb

@@ -1,6 +1,4 @@
 class Public::Api::V1::PortalsController < Public::Api::V1::Portals::BaseController
-  include PortalHomeData
-
   before_action :ensure_custom_domain_request, only: [:show]
   before_action :redirect_to_portal_with_locale, only: [:show]
   before_action :portal
@@ -33,4 +31,28 @@ class Public::Api::V1::PortalsController < Public::Api::V1::Portals::BaseControl
     portal
     redirect_to "/hc/#{@portal.slug}/#{@portal.default_locale}"
   end
+
+  def load_home_data
+    base_articles = @portal.articles.published.where(locale: @locale).includes(:author, :category)
+    @visible_categories = @portal.categories
+                                 .where(locale: @locale)
+                                 .joins(:articles).where(articles: { status: :published })
+                                 .order(position: :asc)
+                                 .group('categories.id')
+    @popular_topics = @visible_categories.first(3)
+    @featured = base_articles.order_by_views.limit(6)
+    @category_contributors = build_category_contributors(@visible_categories)
+  end
+
+  def build_category_contributors(categories)
+    category_ids = categories.map(&:id)
+    return {} if category_ids.empty?
+
+    @portal.articles
+           .published
+           .where(locale: @locale, category_id: category_ids)
+           .includes(:author)
+           .group_by(&:category_id)
+           .transform_values { |articles| articles.filter_map(&:author).uniq.first(3) }
+  end
 end

app/controllers/super_admin/accounts_controller.rb

@@ -35,8 +35,7 @@ class SuperAdmin::AccountsController < SuperAdmin::ApplicationController
   #
   def resource_params
     permitted_params = super
-    permitted_params[:limits] = permitted_params[:limits].to_h.compact if permitted_params.key?(:limits)
-    permitted_params[:captain_models] = permitted_params[:captain_models].to_h.compact_blank.presence if permitted_params.key?(:captain_models)
+    permitted_params[:limits] = permitted_params[:limits].to_h.compact
     permitted_params[:selected_feature_flags] = params[:enabled_features].keys.map(&:to_sym) if params[:enabled_features].present?
     permitted_params
   end

app/dashboards/account_dashboard.rb

@@ -18,7 +18,6 @@ class AccountDashboard < Administrate::BaseDashboard
 
                                  # Add all_features last so it appears after manually_managed_features
                                  attributes[:all_features] = AccountFeaturesField
-                                 attributes[:captain_models] = CaptainModelOverridesField
 
                                  attributes
                                else
@@ -58,7 +57,6 @@ class AccountDashboard < Administrate::BaseDashboard
                                       attrs = %i[custom_attributes limits]
                                       attrs << :manually_managed_features if ChatwootApp.chatwoot_cloud?
                                       attrs << :all_features
-                                      attrs << :captain_models
                                       attrs
                                     else
                                       []
@@ -81,7 +79,6 @@ class AccountDashboard < Administrate::BaseDashboard
                                  attrs = %i[limits]
                                  attrs << :manually_managed_features if ChatwootApp.chatwoot_cloud?
                                  attrs << :all_features
-                                 attrs << :captain_models
                                  attrs
                                else
                                  []
@@ -120,7 +117,7 @@ class AccountDashboard < Administrate::BaseDashboard
   # to prevent an error from being raised (wrong number of arguments)
   # Reference: https://github.com/thoughtbot/administrate/pull/2356/files#diff-4e220b661b88f9a19ac527c50d6f1577ef6ab7b0bed2bfdf048e22e6bfa74a05R204
   def permitted_attributes(action)
-    attrs = super + [limits: {}, captain_models: {}]
+    attrs = super + [limits: {}]
 
     # Add manually_managed_features to permitted attributes only for Chatwoot Cloud
     attrs << { manually_managed_features: [] } if ChatwootApp.chatwoot_cloud?

app/finders/conversation_finder.rb

@@ -142,7 +142,7 @@ class ConversationFinder
       conversation_ids = current_account.mentions.where(user: current_user).pluck(:conversation_id)
       @conversations = @conversations.where(id: conversation_ids)
     when 'participating'
-      @conversations = current_user.participating_conversations.where(account_id: current_account.id)
+      @conversations = @conversations.where(id: current_user.participating_conversations.where(account_id: current_account.id).select(:id))
     when 'unattended'
       @conversations = @conversations.unattended
     end

app/javascript/dashboard/api/captain/assistant.js

@@ -21,16 +21,6 @@ class CaptainAssistant extends ApiClient {
       message_history: messageHistory,
     });
   }
-
-  getStats({ assistantId, range }) {
-    return axios.get(`${this.url}/${assistantId}/stats`, { params: { range } });
-  }
-
-  getSummary({ assistantId, range }) {
-    return axios.get(`${this.url}/${assistantId}/summary`, {
-      params: { range },
-    });
-  }
 }
 
 export default new CaptainAssistant();

app/javascript/dashboard/api/captain/messageReports.js

@@ -1,9 +0,0 @@
-import ApiClient from '../ApiClient';
-
-class MessageReports extends ApiClient {
-  constructor() {
-    super('captain/message_reports', { accountScoped: true });
-  }
-}
-
-export default new MessageReports();

app/javascript/dashboard/api/helpCenter/articles.js

@@ -16,7 +16,6 @@ class ArticlesAPI extends PortalsAPI {
     authorId,
     categorySlug,
     sort,
-    query,
   }) {
     const url = getArticleSearchURL({
       pageNumber,
@@ -26,7 +25,6 @@ class ArticlesAPI extends PortalsAPI {
       authorId,
       categorySlug,
       sort,
-      query,
       host: this.url,
     });
 

app/javascript/dashboard/components-next/Conversation/ConversationCard/VoiceCallStatus.vue

@@ -20,7 +20,6 @@ const ICON_MAP = {
   [VOICE_CALL_STATUS.IN_PROGRESS]: 'i-ph-phone-call',
   [VOICE_CALL_STATUS.NO_ANSWER]: 'i-ph-phone-x',
   [VOICE_CALL_STATUS.FAILED]: 'i-ph-phone-x',
-  [VOICE_CALL_STATUS.REJECTED]: 'i-ph-phone-x',
 };
 
 const COLOR_MAP = {
@@ -29,18 +28,13 @@ const COLOR_MAP = {
   [VOICE_CALL_STATUS.COMPLETED]: 'text-n-slate-11',
   [VOICE_CALL_STATUS.NO_ANSWER]: 'text-n-ruby-9',
   [VOICE_CALL_STATUS.FAILED]: 'text-n-ruby-9',
-  [VOICE_CALL_STATUS.REJECTED]: 'text-n-ruby-9',
 };
 
 const isOutbound = computed(
   () => props.direction === VOICE_CALL_DIRECTION.OUTBOUND
 );
 const isFailed = computed(() =>
-  [
-    VOICE_CALL_STATUS.NO_ANSWER,
-    VOICE_CALL_STATUS.FAILED,
-    VOICE_CALL_STATUS.REJECTED,
-  ].includes(props.status)
+  [VOICE_CALL_STATUS.NO_ANSWER, VOICE_CALL_STATUS.FAILED].includes(props.status)
 );
 
 const labelKey = computed(() => {

app/javascript/dashboard/components-next/HelpCenter/ArticleCard/ArticleCard.vue

@@ -210,9 +210,9 @@ const handleClick = id => {
         </div>
       </div>
     </div>
-    <div class="flex items-center justify-between w-full gap-2 sm:gap-4">
-      <div class="flex items-center min-w-0 gap-2 sm:gap-4">
-        <div class="flex items-center min-w-0 gap-1">
+    <div class="flex items-center justify-between w-full gap-4">
+      <div class="flex items-center gap-4">
+        <div class="flex items-center gap-1">
           <Avatar
             :name="authorName"
             :src="authorThumbnailSrc"
@@ -223,17 +223,19 @@ const handleClick = id => {
             {{ authorName || '-' }}
           </span>
         </div>
-        <span class="flex items-center min-w-0 gap-1 text-sm text-n-slate-11">
+        <span
+          class="flex items-center gap-1 text-sm whitespace-nowrap text-n-slate-11"
+        >
           <EmojiIcon
             v-if="category?.icon"
             :value="category.icon"
             :color="category.icon_color"
             class="flex-shrink-0 size-4"
           />
-          <span class="truncate">{{ categoryName }}</span>
+          {{ categoryName }}
         </span>
         <div
-          class="inline-flex items-center gap-1 text-n-slate-11 whitespace-nowrap shrink-0"
+          class="inline-flex items-center gap-1 text-n-slate-11 whitespace-nowrap"
         >
           <Icon icon="i-lucide-eye" class="size-4" />
           <span class="text-sm">
@@ -245,7 +247,7 @@ const handleClick = id => {
           </span>
         </div>
       </div>
-      <span class="text-sm text-n-slate-11 line-clamp-1 shrink-0">
+      <span class="text-sm text-n-slate-11 line-clamp-1">
         {{ lastUpdatedAt }}
       </span>
     </div>

app/javascript/dashboard/components-next/HelpCenter/HelpCenterLayout.vue

@@ -67,11 +67,11 @@ const togglePortalSwitcher = () => {
         >
           <span
             v-if="activePortalName"
-            class="min-w-0 text-xl font-medium truncate text-n-slate-12"
+            class="text-xl font-medium text-n-slate-12"
           >
             {{ activePortalName }}
           </span>
-          <div v-if="activePortalName" class="relative shrink-0 group">
+          <div v-if="activePortalName" class="relative group">
             <OnClickOutside @trigger="showPortalSwitcher = false">
               <Button
                 icon="i-lucide-chevron-down"
@@ -91,9 +91,6 @@ const togglePortalSwitcher = () => {
             </OnClickOutside>
             <CreatePortalDialog ref="createPortalDialogRef" />
           </div>
-          <div class="flex justify-end min-w-0 grow">
-            <slot name="title-actions" />
-          </div>
         </div>
         <slot name="header-actions" />
       </div>

app/javascript/dashboard/components-next/HelpCenter/Pages/ArticlePage/ArticleList.vue

@@ -24,10 +24,6 @@ const props = defineProps({
     type: Set,
     default: () => new Set(),
   },
-  isSearching: {
-    type: Boolean,
-    default: false,
-  },
 });
 
 const emit = defineEmits(['translateArticle', 'toggleSelect']);
@@ -45,7 +41,6 @@ const hoveredArticleId = ref(null);
 const dragEnabled = computed(() => {
   return (
     props.isCategoryArticles &&
-    !props.isSearching &&
     localArticles.value?.length > 1 &&
     props.selectedArticleIds.size === 0
   );

app/javascript/dashboard/components-next/HelpCenter/Pages/ArticlePage/ArticlesPage.vue

@@ -5,7 +5,6 @@ import { useI18n } from 'vue-i18n';
 import { OnClickOutside } from '@vueuse/components';
 import { useMapGetter } from 'dashboard/composables/store.js';
 import { useConfig } from 'dashboard/composables/useConfig';
-import { debounce } from '@chatwoot/utils';
 import { ARTICLE_TABS, CATEGORY_ALL } from 'dashboard/helper/portalHelper';
 import { FEATURE_FLAGS } from 'dashboard/featureFlags';
 import { useAlert } from 'dashboard/composables';
@@ -19,7 +18,6 @@ import Spinner from 'dashboard/components-next/spinner/Spinner.vue';
 import ArticleEmptyState from 'dashboard/components-next/HelpCenter/EmptyState/Article/ArticleEmptyState.vue';
 import BulkSelectBar from 'dashboard/components-next/captain/assistant/BulkSelectBar.vue';
 import Button from 'dashboard/components-next/button/Button.vue';
-import Input from 'dashboard/components-next/input/Input.vue';
 import Dialog from 'dashboard/components-next/dialog/Dialog.vue';
 import DropdownMenu from 'dashboard/components-next/dropdown-menu/DropdownMenu.vue';
 import BulkTranslateDialog from './BulkTranslateDialog.vue';
@@ -51,12 +49,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits([
-  'pageChange',
-  'fetchPortal',
-  'refreshArticles',
-  'search',
-]);
+const emit = defineEmits(['pageChange', 'fetchPortal', 'refreshArticles']);
 
 const router = useRouter();
 const route = useRoute();
@@ -72,9 +65,6 @@ const isFeatureEnabledonAccount = useMapGetter(
 const selectedArticleIds = ref(new Set());
 const deleteConfirmDialogRef = ref(null);
 const isCategoryMenuOpen = ref(false);
-const searchQuery = ref(route.query.search || '');
-
-const debouncedSearch = debounce(() => emit('search', searchQuery.value), 500);
 
 const { isEnterprise } = useConfig();
 
@@ -132,7 +122,6 @@ const updateRoute = newParams => {
       categorySlug: newParams.categorySlug ?? categorySlug,
       ...newParams,
     },
-    query: route.query,
   });
 };
 
@@ -156,12 +145,7 @@ const showCategoryHeaderControls = computed(
   () => props.isCategoryArticles && !isSwitchingPortal.value
 );
 
-const isSearching = computed(() => Boolean(searchQuery.value?.trim()));
-
 const getEmptyStateText = type => {
-  if (isSearching.value) {
-    return t(`HELP_CENTER.ARTICLES_PAGE.EMPTY_STATE.SEARCH.${type}`);
-  }
   if (props.isCategoryArticles) {
     return t(`HELP_CENTER.ARTICLES_PAGE.EMPTY_STATE.CATEGORY.${type}`);
   }
@@ -307,19 +291,6 @@ watch(
     :show-pagination-footer="shouldShowPaginationFooter"
     @update:current-page="handlePageChange"
   >
-    <template #title-actions>
-      <Input
-        v-if="!isSwitchingPortal"
-        v-model="searchQuery"
-        :placeholder="
-          t('HELP_CENTER.ARTICLES_PAGE.ARTICLES_HEADER.SEARCH_PLACEHOLDER')
-        "
-        type="search"
-        size="sm"
-        class="w-full max-w-[16rem] min-w-0"
-        @input="debouncedSearch"
-      />
-    </template>
     <template #header-actions>
       <div class="flex items-end justify-between">
         <ArticleHeaderControls
@@ -451,7 +422,6 @@ watch(
         <ArticleList
           :articles="articles"
           :is-category-articles="isCategoryArticles"
-          :is-searching="isSearching"
           :selected-article-ids="selectedArticleIds"
           class="relative z-0"
           @translate-article="handleTranslateArticle"
@@ -463,7 +433,7 @@ watch(
         class="pt-14"
         :title="getEmptyStateTitle"
         :subtitle="getEmptyStateSubtitle"
-        :show-button="hasNoArticlesInPortal && !isSearching"
+        :show-button="hasNoArticlesInPortal"
         :button-label="
           t('HELP_CENTER.ARTICLES_PAGE.EMPTY_STATE.ALL.BUTTON_LABEL')
         "

app/javascript/dashboard/components-next/HelpCenter/Pages/CategoryPage/CategoriesPage.vue

@@ -37,21 +37,10 @@ const { t } = useI18n();
 
 const editCategoryDialog = ref(null);
 const selectedCategory = ref(null);
-const searchQuery = ref('');
 
 const isSwitchingPortal = useMapGetter('portals/isSwitchingPortal');
 const isLoading = computed(() => props.isFetching || isSwitchingPortal.value);
-
-const filteredCategories = computed(() => {
-  const query = searchQuery.value.trim().toLowerCase();
-  if (!query) return props.categories;
-  return props.categories.filter(category =>
-    category.name?.toLowerCase().includes(query)
-  );
-});
-
-const hasCategories = computed(() => filteredCategories.value?.length > 0);
-const isSearching = computed(() => searchQuery.value.trim().length > 0);
+const hasCategories = computed(() => props.categories?.length > 0);
 
 const updateRoute = (newParams, routeName) => {
   const { accountId, portalSlug, locale } = route.params;
@@ -126,7 +115,6 @@ const reorderCategories = async reorderedGroup => {
   <HelpCenterLayout :show-pagination-footer="false">
     <template #header-actions>
       <CategoryHeaderControls
-        v-model:search-query="searchQuery"
         :categories="categories"
         :is-category-articles="false"
         :allowed-locales="allowedLocales"
@@ -142,18 +130,11 @@ const reorderCategories = async reorderedGroup => {
       </div>
       <CategoryList
         v-else-if="hasCategories"
-        :categories="filteredCategories"
-        :disable-drag="isSearching"
+        :categories="categories"
         @click="openCategoryArticles"
         @action="handleAction"
         @reorder="reorderCategories"
       />
-      <CategoryEmptyState
-        v-else-if="isSearching"
-        class="pt-14"
-        :title="t('HELP_CENTER.CATEGORY_PAGE.SEARCH_EMPTY_STATE.TITLE')"
-        :subtitle="t('HELP_CENTER.CATEGORY_PAGE.SEARCH_EMPTY_STATE.SUBTITLE')"
-      />
       <CategoryEmptyState
         v-else
         class="pt-14"

app/javascript/dashboard/components-next/HelpCenter/Pages/CategoryPage/CategoryHeaderControls.vue

@@ -6,7 +6,6 @@ import { OnClickOutside } from '@vueuse/components';
 import { useStoreGetters } from 'dashboard/composables/store.js';
 
 import Button from 'dashboard/components-next/button/Button.vue';
-import Input from 'dashboard/components-next/input/Input.vue';
 import Breadcrumb from 'dashboard/components-next/breadcrumb/Breadcrumb.vue';
 import DropdownMenu from 'dashboard/components-next/dropdown-menu/DropdownMenu.vue';
 import CategoryDialog from 'dashboard/components-next/HelpCenter/Pages/CategoryPage/CategoryDialog.vue';
@@ -28,11 +27,6 @@ const props = defineProps({
 
 const emit = defineEmits(['localeChange', 'newArticle']);
 
-const searchQuery = defineModel('searchQuery', {
-  type: String,
-  default: '',
-});
-
 const route = useRoute();
 const router = useRouter();
 const getters = useStoreGetters();
@@ -168,34 +162,23 @@ const handleBreadcrumbClick = () => {
       :items="breadcrumbItems"
       @click="handleBreadcrumbClick"
     />
-    <div v-if="!hasSelectedCategory" class="flex items-center gap-2">
-      <Input
-        v-model="searchQuery"
-        :placeholder="
-          t('HELP_CENTER.CATEGORY_PAGE.CATEGORY_HEADER.SEARCH_PLACEHOLDER')
-        "
-        type="search"
-        size="sm"
-        class="w-48"
-      />
-      <div class="relative">
-        <OnClickOutside @trigger="isCreateCategoryDialogOpen = false">
-          <Button
-            :label="t('HELP_CENTER.CATEGORY_PAGE.CATEGORY_HEADER.NEW_CATEGORY')"
-            icon="i-lucide-plus"
-            size="sm"
-            @click="isCreateCategoryDialogOpen = !isCreateCategoryDialogOpen"
-          />
-          <CategoryDialog
-            v-if="isCreateCategoryDialogOpen"
-            mode="create"
-            :portal-name="currentPortalName"
-            :active-locale-name="activeLocaleName"
-            :active-locale-code="activeLocaleCode"
-            @close="isCreateCategoryDialogOpen = false"
-          />
-        </OnClickOutside>
-      </div>
+    <div v-if="!hasSelectedCategory" class="relative">
+      <OnClickOutside @trigger="isCreateCategoryDialogOpen = false">
+        <Button
+          :label="t('HELP_CENTER.CATEGORY_PAGE.CATEGORY_HEADER.NEW_CATEGORY')"
+          icon="i-lucide-plus"
+          size="sm"
+          @click="isCreateCategoryDialogOpen = !isCreateCategoryDialogOpen"
+        />
+        <CategoryDialog
+          v-if="isCreateCategoryDialogOpen"
+          mode="create"
+          :portal-name="currentPortalName"
+          :active-locale-name="activeLocaleName"
+          :active-locale-code="activeLocaleCode"
+          @close="isCreateCategoryDialogOpen = false"
+        />
+      </OnClickOutside>
     </div>
     <div v-else class="relative flex items-center gap-2">
       <OnClickOutside @trigger="isEditCategoryDialogOpen = false">

app/javascript/dashboard/components-next/HelpCenter/Pages/CategoryPage/CategoryList.vue

@@ -8,10 +8,6 @@ const props = defineProps({
     type: Array,
     required: true,
   },
-  disableDrag: {
-    type: Boolean,
-    default: false,
-  },
 });
 
 const emit = defineEmits(['click', 'action', 'reorder']);
@@ -19,7 +15,7 @@ const emit = defineEmits(['click', 'action', 'reorder']);
 const localCategories = ref(props.categories);
 
 const dragEnabled = computed(() => {
-  return !props.disableDrag && localCategories.value?.length > 1;
+  return localCategories.value?.length > 1;
 });
 
 const handleClick = slug => {

app/javascript/dashboard/components-next/HelpCenter/Pages/LocalePage/LocalesPage.vue

@@ -2,12 +2,8 @@
 import { computed, ref } from 'vue';
 import { useMapGetter } from 'dashboard/composables/store.js';
 
-import { useI18n } from 'vue-i18n';
-
 import HelpCenterLayout from 'dashboard/components-next/HelpCenter/HelpCenterLayout.vue';
 import Button from 'dashboard/components-next/button/Button.vue';
-import Input from 'dashboard/components-next/input/Input.vue';
-import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
 import Spinner from 'dashboard/components-next/spinner/Spinner.vue';
 import LocaleList from 'dashboard/components-next/HelpCenter/Pages/LocalePage/LocaleList.vue';
 import AddLocaleDialog from 'dashboard/components-next/HelpCenter/Pages/LocalePage/AddLocaleDialog.vue';
@@ -23,10 +19,7 @@ const props = defineProps({
   },
 });
 
-const { t } = useI18n();
-
 const addLocaleDialogRef = ref(null);
-const searchQuery = ref('');
 
 const isSwitchingPortal = useMapGetter('portals/isSwitchingPortal');
 
@@ -35,19 +28,6 @@ const openAddLocaleDialog = () => {
 };
 
 const localeCount = computed(() => props.locales?.length);
-
-const filteredLocales = computed(() => {
-  const query = searchQuery.value.trim().toLowerCase();
-  if (!query) return props.locales;
-  return props.locales.filter(
-    locale =>
-      locale.name?.toLowerCase().includes(query) ||
-      locale.code?.toLowerCase().includes(query)
-  );
-});
-
-const isSearching = computed(() => searchQuery.value.trim().length > 0);
-const hasResults = computed(() => filteredLocales.value?.length > 0);
 </script>
 
 <template>
@@ -59,21 +39,12 @@ const hasResults = computed(() => filteredLocales.value?.length > 0);
             {{ $t('HELP_CENTER.LOCALES_PAGE.LOCALES_COUNT', localeCount) }}
           </span>
         </div>
-        <div class="flex items-center gap-2">
-          <Input
-            v-model="searchQuery"
-            :placeholder="$t('HELP_CENTER.LOCALES_PAGE.SEARCH_PLACEHOLDER')"
-            type="search"
-            size="sm"
-            class="w-48"
-          />
-          <Button
-            :label="$t('HELP_CENTER.LOCALES_PAGE.NEW_LOCALE_BUTTON_TEXT')"
-            icon="i-lucide-plus"
-            size="sm"
-            @click="openAddLocaleDialog"
-          />
-        </div>
+        <Button
+          :label="$t('HELP_CENTER.LOCALES_PAGE.NEW_LOCALE_BUTTON_TEXT')"
+          icon="i-lucide-plus"
+          size="sm"
+          @click="openAddLocaleDialog"
+        />
       </div>
     </template>
     <template #content>
@@ -83,13 +54,7 @@ const hasResults = computed(() => filteredLocales.value?.length > 0);
       >
         <Spinner />
       </div>
-      <EmptyStateLayout
-        v-else-if="isSearching && !hasResults"
-        :title="t('HELP_CENTER.LOCALES_PAGE.SEARCH_EMPTY_STATE.TITLE')"
-        :subtitle="t('HELP_CENTER.LOCALES_PAGE.SEARCH_EMPTY_STATE.SUBTITLE')"
-        :show-backdrop="false"
-      />
-      <LocaleList v-else :locales="filteredLocales" :portal="portal" />
+      <LocaleList v-else :locales="locales" :portal="portal" />
     </template>
     <AddLocaleDialog ref="addLocaleDialogRef" :portal="portal" />
   </HelpCenterLayout>

app/javascript/dashboard/components-next/captain/PageLayout.vue

@@ -182,8 +182,7 @@ const handleCreateAssistant = () => {
             </div>
           </div>
 
-          <div class="flex items-center gap-2">
-            <slot name="headerActions" />
+          <div class="flex gap-2">
             <slot name="search" />
             <div
               v-if="!showPaywall && buttonLabel"

app/javascript/dashboard/components-next/captain/pageComponents/assistant/settings/AssistantSystemSettingsForm.vue

@@ -29,6 +29,7 @@ const initialState = {
   handoffMessage: '',
   resolutionMessage: '',
   instructions: '',
+  temperature: 1,
 };
 
 const state = reactive({ ...initialState });
@@ -56,6 +57,7 @@ const updateStateFromAssistant = assistant => {
   state.handoffMessage = config.handoff_message;
   state.resolutionMessage = config.resolution_message;
   state.instructions = config.instructions;
+  state.temperature = config.temperature || 1;
 };
 
 const handleSystemMessagesUpdate = async () => {
@@ -78,6 +80,7 @@ const handleSystemMessagesUpdate = async () => {
       ...props.assistant.config,
       handoff_message: state.handoffMessage,
       resolution_message: state.resolutionMessage,
+      temperature: state.temperature || 1,
     },
   };
 
@@ -128,6 +131,26 @@ watch(
       class="z-0"
     />
 
+    <div class="flex flex-col gap-2">
+      <label class="text-sm font-medium text-n-slate-12">
+        {{ t('CAPTAIN.ASSISTANTS.FORM.TEMPERATURE.LABEL') }}
+      </label>
+      <div class="flex items-center gap-4">
+        <input
+          v-model="state.temperature"
+          type="range"
+          min="0"
+          max="1"
+          step="0.1"
+          class="w-full"
+        />
+        <span class="text-sm text-n-slate-12">{{ state.temperature }}</span>
+      </div>
+      <p class="text-sm text-n-slate-11 italic">
+        {{ t('CAPTAIN.ASSISTANTS.FORM.TEMPERATURE.DESCRIPTION') }}
+      </p>
+    </div>
+
     <div>
       <Button
         :label="t('CAPTAIN.ASSISTANTS.FORM.UPDATE')"

app/javascript/dashboard/components-next/captain/pageComponents/overview/CoverageBanner.vue

@@ -1,88 +0,0 @@
-<script setup>
-import { computed, ref } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { LocalStorage } from 'shared/helpers/localStorage';
-
-const props = defineProps({
-  knowledge: {
-    type: Object,
-    default: () => ({ approved: 0, pending: 0, documents: 0, coverage: 0 }),
-  },
-});
-
-const route = useRoute();
-const router = useRouter();
-
-// Dismissal is remembered per assistant for 24 hours (setFlag's default expiry).
-const DISMISS_STORE = 'captain_overview_coverage_banner';
-
-const accountId = computed(() => route.params.accountId);
-const assistantId = computed(() => route.params.assistantId);
-
-const dismissed = ref(
-  LocalStorage.getFlag(DISMISS_STORE, accountId.value, assistantId.value)
-);
-
-// Thin coverage paired with a large review backlog: approving the pending FAQs
-// is the quickest lever to lift auto-resolution, so nudge the team to act.
-const COVERAGE_THRESHOLD = 85;
-const PENDING_THRESHOLD = 100;
-
-const showBanner = computed(
-  () =>
-    !dismissed.value &&
-    (props.knowledge?.coverage ?? 0) < COVERAGE_THRESHOLD &&
-    (props.knowledge?.pending ?? 0) > PENDING_THRESHOLD
-);
-
-const dismiss = () => {
-  LocalStorage.setFlag(DISMISS_STORE, accountId.value, assistantId.value);
-  dismissed.value = true;
-};
-
-const goToPending = () => {
-  router.push({
-    name: 'captain_assistants_responses_pending',
-    params: {
-      accountId: route.params.accountId,
-      assistantId: route.params.assistantId,
-    },
-  });
-};
-</script>
-
-<template>
-  <div
-    v-if="showBanner"
-    class="flex items-center justify-between gap-3 px-3 py-2 text-sm border rounded-xl bg-n-amber-3 border-n-amber-4 text-n-amber-11"
-  >
-    <div class="flex items-center gap-2 min-w-0">
-      <span class="shrink-0 i-lucide-triangle-alert size-4" />
-      <span class="truncate">
-        {{
-          $t('CAPTAIN.OVERVIEW.COVERAGE_BANNER.TEXT', {
-            count: knowledge.pending,
-            coverage: knowledge.coverage,
-          })
-        }}
-      </span>
-    </div>
-    <div class="flex items-center gap-1 shrink-0">
-      <button
-        type="button"
-        class="px-3 py-1 rounded-lg bg-n-amber-4 hover:bg-n-amber-5"
-        @click="goToPending"
-      >
-        {{ $t('CAPTAIN.OVERVIEW.COVERAGE_BANNER.ACTION') }}
-      </button>
-      <button
-        type="button"
-        class="grid rounded-lg size-7 place-content-center hover:bg-n-amber-4"
-        :aria-label="$t('CAPTAIN.OVERVIEW.COVERAGE_BANNER.DISMISS')"
-        @click="dismiss"
-      >
-        <span class="i-lucide-x size-4" />
-      </button>
-    </div>
-  </div>
-</template>

app/javascript/dashboard/components-next/captain/pageComponents/overview/CreditUsageCard.vue

@@ -1,79 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-
-defineProps({
-  // Selected day-range, used only for the chart's start-axis label.
-  range: { type: String, default: '30' },
-});
-
-// Daily assistant credit usage (sample data) rendered as a lightweight bar
-// chart, so we avoid pulling in a chart library for placeholder visuals.
-const creditUsage = {
-  total: '48,210',
-  trend: '+18.2%',
-  daily: [
-    120, 145, 132, 160, 175, 158, 190, 210, 195, 230, 220, 245, 260, 240, 275,
-    290, 270, 310, 295, 330, 350, 325, 360, 380, 355, 400, 420, 395, 440, 465,
-  ],
-};
-
-// Bar heights as a percentage of the peak day, with a small floor so even the
-// lowest day stays visible.
-const bars = computed(() => {
-  const max = Math.max(...creditUsage.daily);
-  return creditUsage.daily.map((value, index) => ({
-    key: index,
-    value,
-    height: Math.max(6, Math.round((value / max) * 100)),
-  }));
-});
-</script>
-
-<template>
-  <section class="flex flex-col gap-4">
-    <div class="flex items-start justify-between gap-4">
-      <div class="flex flex-col gap-1">
-        <h3 class="text-base font-medium text-n-slate-12">
-          {{ $t('CAPTAIN.OVERVIEW.CREDITS.TITLE') }}
-        </h3>
-        <div class="flex items-baseline gap-2">
-          <span class="text-2xl font-semibold tabular-nums text-n-slate-12">
-            {{ creditUsage.total }}
-          </span>
-          <span class="text-sm text-n-slate-11">
-            {{ $t('CAPTAIN.OVERVIEW.CREDITS.UNIT') }}
-          </span>
-          <span class="text-sm font-medium tabular-nums text-n-slate-11">
-            {{ creditUsage.trend }}
-          </span>
-        </div>
-      </div>
-      <div class="flex items-center gap-2 mt-1">
-        <span class="rounded-full size-2.5 bg-n-brand" />
-        <span class="text-xs text-n-slate-11">
-          {{ $t('CAPTAIN.OVERVIEW.CREDITS.LEGEND') }}
-        </span>
-      </div>
-    </div>
-
-    <div class="p-5 border rounded-xl bg-n-solid-1 border-n-weak">
-      <div class="flex items-end gap-1 h-40">
-        <div
-          v-for="bar in bars"
-          :key="bar.key"
-          v-tooltip="`${bar.value} ${$t('CAPTAIN.OVERVIEW.CREDITS.UNIT')}`"
-          class="flex-1 rounded-t transition-colors bg-n-brand/70 hover:bg-n-brand"
-          :style="{ height: `${bar.height}%` }"
-        />
-      </div>
-      <div class="flex items-center justify-between mt-3">
-        <span class="text-xs text-n-slate-10">
-          {{ $t('CAPTAIN.OVERVIEW.CREDITS.AXIS_START', { count: range }) }}
-        </span>
-        <span class="text-xs text-n-slate-10">
-          {{ $t('CAPTAIN.OVERVIEW.CREDITS.AXIS_END') }}
-        </span>
-      </div>
-    </div>
-  </section>
-</template>

app/javascript/dashboard/components-next/captain/pageComponents/overview/InboxBanner.vue

@@ -1,73 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { useStore, useMapGetter } from 'dashboard/composables/store';
-
-const route = useRoute();
-const router = useRouter();
-const store = useStore();
-
-const dismissed = ref(false);
-
-const assistantId = computed(() => route.params.assistantId);
-const inboxes = useMapGetter('captainInboxes/getRecords');
-const uiFlags = useMapGetter('captainInboxes/getUIFlags');
-
-// Only surface once we know the assistant has no connected inboxes.
-const showBanner = computed(
-  () =>
-    !dismissed.value &&
-    !uiFlags.value.fetchingList &&
-    inboxes.value.length === 0
-);
-
-watch(
-  assistantId,
-  id => {
-    dismissed.value = false;
-    if (id) store.dispatch('captainInboxes/get', { assistantId: id });
-  },
-  { immediate: true }
-);
-
-const goToInboxes = () => {
-  router.push({
-    name: 'captain_assistants_inboxes_index',
-    params: {
-      accountId: route.params.accountId,
-      assistantId: assistantId.value,
-    },
-  });
-};
-</script>
-
-<template>
-  <div
-    v-if="showBanner"
-    class="flex items-center justify-between gap-3 px-3 py-2 text-sm border rounded-xl bg-n-amber-3 border-n-amber-4 text-n-amber-11"
-  >
-    <div class="flex items-center gap-2 min-w-0">
-      <span class="shrink-0 i-lucide-triangle-alert size-4" />
-      <span class="truncate">
-        {{ $t('CAPTAIN.OVERVIEW.INBOX_BANNER.TEXT') }}
-      </span>
-    </div>
-    <div class="flex items-center gap-1 shrink-0">
-      <button
-        type="button"
-        class="px-3 py-1 rounded-lg bg-n-amber-4 hover:bg-n-amber-5"
-        @click="goToInboxes"
-      >
-        {{ $t('CAPTAIN.OVERVIEW.INBOX_BANNER.ACTION') }}
-      </button>
-      <button
-        type="button"
-        class="grid rounded-lg size-7 place-content-center hover:bg-n-amber-4"
-        :aria-label="$t('CAPTAIN.OVERVIEW.INBOX_BANNER.DISMISS')"
-        @click="dismissed = true"
-      >
-        <span class="i-lucide-x size-4" />
-      </button>
-    </div>
-  </div>
-</template>

app/javascript/dashboard/components-next/captain/pageComponents/overview/KnowledgeCard.vue

@@ -1,87 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { useRoute } from 'vue-router';
-import { useI18n } from 'vue-i18n';
-
-const props = defineProps({
-  knowledge: {
-    type: Object,
-    default: () => ({ approved: 0, pending: 0, documents: 0, coverage: 0 }),
-  },
-});
-
-const { t } = useI18n();
-const route = useRoute();
-
-const approvedPct = computed(() => props.knowledge.coverage ?? 0);
-
-const linkTo = routeName => ({
-  name: routeName,
-  params: {
-    accountId: route.params.accountId,
-    assistantId: route.params.assistantId,
-  },
-});
-
-const stats = computed(() => [
-  {
-    key: 'approved',
-    value: props.knowledge.approved,
-    label: t('CAPTAIN.OVERVIEW.KNOWLEDGE.APPROVED'),
-    to: linkTo('captain_assistants_responses_index'),
-  },
-  {
-    key: 'pending',
-    value: props.knowledge.pending,
-    label: t('CAPTAIN.OVERVIEW.KNOWLEDGE.PENDING'),
-    to: linkTo('captain_assistants_responses_pending'),
-  },
-  {
-    key: 'documents',
-    value: props.knowledge.documents,
-    label: t('CAPTAIN.OVERVIEW.KNOWLEDGE.DOCUMENTS'),
-    to: linkTo('captain_assistants_documents_index'),
-  },
-]);
-</script>
-
-<template>
-  <div
-    class="flex flex-col gap-4 p-5 border rounded-xl bg-n-solid-1 border-n-weak"
-  >
-    <div class="flex items-center justify-between">
-      <span class="text-sm font-medium text-n-slate-12">
-        {{ $t('CAPTAIN.OVERVIEW.KNOWLEDGE.TITLE') }}
-      </span>
-      <span class="text-sm tabular-nums text-n-slate-11">
-        {{ $t('CAPTAIN.OVERVIEW.KNOWLEDGE.COVERAGE', { pct: approvedPct }) }}
-      </span>
-    </div>
-    <div class="w-full h-2 overflow-hidden rounded-full bg-n-alpha-2">
-      <div
-        class="h-full rounded-full bg-n-brand"
-        :style="{ width: `${approvedPct}%` }"
-      />
-    </div>
-    <div class="grid grid-cols-3 gap-3">
-      <RouterLink
-        v-for="stat in stats"
-        :key="stat.key"
-        :to="stat.to"
-        class="flex flex-col gap-1 group/stat"
-      >
-        <span class="text-xl font-semibold tabular-nums text-n-slate-12">
-          {{ stat.value }}
-        </span>
-        <span
-          class="inline-flex items-center gap-1 text-xs transition-colors text-n-slate-11 group-hover/stat:text-n-slate-12"
-        >
-          {{ stat.label }}
-          <span
-            class="transition-opacity opacity-0 i-lucide-arrow-up-right size-3 group-hover/stat:opacity-100"
-          />
-        </span>
-      </RouterLink>
-    </div>
-  </div>
-</template>

app/javascript/dashboard/components-next/captain/pageComponents/overview/MetricCard.vue

@@ -1,40 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-
-const props = defineProps({
-  label: { type: String, required: true },
-  value: { type: String, required: true },
-  trend: { type: String, default: '' },
-  hint: { type: String, default: '' },
-  // null = neutral, true = good direction, false = bad direction
-  trendGood: { type: Boolean, default: null },
-});
-
-const trendClass = computed(() => {
-  if (props.trendGood === null) return 'text-n-slate-11';
-  return props.trendGood ? 'text-n-teal-11' : 'text-n-ruby-11';
-});
-</script>
-
-<template>
-  <div class="flex flex-col gap-3 p-5 group bg-n-solid-1">
-    <div class="flex items-center gap-1.5">
-      <span class="text-sm font-medium text-n-slate-11">{{ label }}</span>
-      <span
-        v-if="hint"
-        v-tooltip="hint"
-        class="transition-opacity opacity-0 cursor-help i-lucide-info size-3.5 text-n-slate-10 group-hover:opacity-100"
-      />
-    </div>
-    <div class="flex items-end justify-between gap-2">
-      <span
-        class="text-3xl font-semibold tracking-tight tabular-nums text-n-slate-12"
-      >
-        {{ value }}
-      </span>
-      <span class="text-sm font-medium tabular-nums" :class="trendClass">
-        {{ trend }}
-      </span>
-    </div>
-  </div>
-</template>

app/javascript/dashboard/components-next/captain/pageComponents/overview/QuickLinks.vue

@@ -1,81 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { useRoute, RouterLink } from 'vue-router';
-import { useI18n } from 'vue-i18n';
-import { useAccount } from 'dashboard/composables/useAccount';
-import { getHelpUrlForFeature } from 'dashboard/helper/featureHelper';
-
-const { t } = useI18n();
-const route = useRoute();
-const { isOnChatwootCloud } = useAccount();
-
-const assistantParams = computed(() => ({
-  accountId: route.params.accountId,
-  assistantId: route.params.assistantId,
-}));
-
-const links = computed(() => [
-  {
-    key: 'docs',
-    title: t('CAPTAIN.OVERVIEW.LINKS.DOCS.TITLE'),
-    description: t('CAPTAIN.OVERVIEW.LINKS.DOCS.DESCRIPTION'),
-    icon: 'i-lucide-book-open',
-    href: getHelpUrlForFeature('captain'),
-  },
-  {
-    key: 'playground',
-    title: t('CAPTAIN.OVERVIEW.LINKS.PLAYGROUND.TITLE'),
-    description: t('CAPTAIN.OVERVIEW.LINKS.PLAYGROUND.DESCRIPTION'),
-    icon: 'i-lucide-flask-conical',
-    to: {
-      name: 'captain_assistants_playground_index',
-      params: assistantParams.value,
-    },
-  },
-  {
-    key: 'billing',
-    title: t('CAPTAIN.OVERVIEW.LINKS.BILLING.TITLE'),
-    description: t('CAPTAIN.OVERVIEW.LINKS.BILLING.DESCRIPTION'),
-    icon: 'i-lucide-credit-card',
-    to: {
-      name: 'billing_settings_index',
-      params: { accountId: route.params.accountId },
-    },
-  },
-]);
-</script>
-
-<template>
-  <div v-if="isOnChatwootCloud" class="grid grid-cols-1 gap-4 sm:grid-cols-3">
-    <component
-      :is="link.href ? 'a' : RouterLink"
-      v-for="link in links"
-      :key="link.key"
-      :href="link.href"
-      :to="link.to"
-      :target="link.href ? '_blank' : undefined"
-      :rel="link.href ? 'noopener noreferrer' : undefined"
-      class="flex items-center gap-3 p-4 transition-colors border rounded-xl bg-n-solid-1 border-n-weak hover:bg-n-alpha-1 group/link"
-    >
-      <span
-        class="grid rounded-lg size-9 shrink-0 place-content-center bg-n-alpha-2 text-n-slate-11"
-      >
-        <span :class="link.icon" class="size-4" />
-      </span>
-      <div class="flex flex-col min-w-0">
-        <span class="text-sm font-medium text-n-slate-12">
-          {{ link.title }}
-        </span>
-        <span class="text-xs truncate text-n-slate-11">
-          {{ link.description }}
-        </span>
-      </div>
-      <span
-        :class="
-          link.href ? 'i-lucide-arrow-up-right' : 'i-lucide-chevron-right'
-        "
-        class="ml-auto transition-opacity opacity-0 size-4 text-n-slate-10 group-hover/link:opacity-100"
-      />
-    </component>
-  </div>
-</template>

app/javascript/dashboard/components-next/captain/pageComponents/overview/RangeSelector.vue

@@ -1,79 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { useToggle } from '@vueuse/core';
-import { useI18n } from 'vue-i18n';
-import { vOnClickOutside } from '@vueuse/components';
-import Button from 'dashboard/components-next/button/Button.vue';
-import DropdownMenu from 'dashboard/components-next/dropdown-menu/DropdownMenu.vue';
-
-const modelValue = defineModel({ type: String, default: '30' });
-
-const { t } = useI18n();
-const [showDropdown, toggleDropdown] = useToggle();
-
-const DAY_RANGES = ['7', '30', '90'];
-
-const decorate = item => ({
-  ...item,
-  action: 'select',
-  isSelected: item.value === modelValue.value,
-});
-
-const menuSections = computed(() => {
-  const dayItems = DAY_RANGES.map(value =>
-    decorate({
-      value,
-      label: t('CAPTAIN.OVERVIEW.RANGES.LAST_DAYS', { count: value }),
-    })
-  );
-  const monthItems = [
-    decorate({
-      value: 'this_month',
-      label: t('CAPTAIN.OVERVIEW.RANGES.THIS_MONTH'),
-    }),
-    decorate({
-      value: 'last_month',
-      label: t('CAPTAIN.OVERVIEW.RANGES.LAST_MONTH'),
-    }),
-  ];
-  return [{ items: dayItems }, { items: monthItems }];
-});
-
-const menuItems = computed(() =>
-  menuSections.value.flatMap(section => section.items)
-);
-
-const selectedLabel = computed(
-  () => menuItems.value.find(item => item.isSelected)?.label || ''
-);
-
-const handleAction = ({ value }) => {
-  toggleDropdown(false);
-  modelValue.value = value;
-};
-</script>
-
-<template>
-  <div
-    v-on-click-outside="() => toggleDropdown(false)"
-    class="relative flex items-center group"
-  >
-    <Button
-      sm
-      slate
-      faded
-      trailing-icon
-      icon="i-lucide-chevron-down"
-      :label="selectedLabel"
-      class="rounded-md group-hover:bg-n-alpha-2"
-      @click="toggleDropdown()"
-    />
-    <DropdownMenu
-      v-if="showDropdown"
-      :menu-items="menuItems"
-      :menu-sections="menuSections"
-      class="mt-1 ltr:right-0 rtl:left-0 top-full"
-      @action="handleAction($event)"
-    />
-  </div>
-</template>

app/javascript/dashboard/components-next/captain/pageComponents/overview/ResponseQualityCard.vue

@@ -1,76 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-const { t } = useI18n();
-
-// Flagged responses broken down by report reason, mapped from
-// captain_message_reports.report_reason (sample data).
-const flagReasons = [
-  {
-    key: 'incorrect',
-    label: t('CAPTAIN.OVERVIEW.FLAG_REASONS.INCORRECT'),
-    count: 11,
-  },
-  {
-    key: 'incomplete',
-    label: t('CAPTAIN.OVERVIEW.FLAG_REASONS.INCOMPLETE'),
-    count: 7,
-  },
-  {
-    key: 'outdated',
-    label: t('CAPTAIN.OVERVIEW.FLAG_REASONS.OUTDATED'),
-    count: 4,
-  },
-  {
-    key: 'inappropriate',
-    label: t('CAPTAIN.OVERVIEW.FLAG_REASONS.INAPPROPRIATE'),
-    count: 2,
-  },
-  { key: 'other', label: t('CAPTAIN.OVERVIEW.FLAG_REASONS.OTHER'), count: 3 },
-];
-
-const total = computed(() =>
-  flagReasons.reduce((sum, reason) => sum + reason.count, 0)
-);
-
-// Flagged responses as a share of all Captain replies (sample data).
-const rate = '1.3%';
-</script>
-
-<template>
-  <div
-    class="flex flex-col gap-4 p-5 border rounded-xl bg-n-solid-1 border-n-weak"
-  >
-    <div class="flex items-center justify-between">
-      <span class="text-sm font-medium text-n-slate-12">
-        {{ $t('CAPTAIN.OVERVIEW.FLAGGED.TITLE') }}
-      </span>
-      <span class="text-sm tabular-nums text-n-slate-11">
-        {{ $t('CAPTAIN.OVERVIEW.FLAGGED.TOTAL', { count: total, rate }) }}
-      </span>
-    </div>
-    <div class="flex flex-col gap-3">
-      <div
-        v-for="reason in flagReasons"
-        :key="reason.key"
-        class="flex items-center gap-3"
-      >
-        <span class="w-28 text-xs truncate text-n-slate-11 shrink-0">
-          {{ reason.label }}
-        </span>
-        <div class="flex-1 h-2 overflow-hidden rounded-full bg-n-alpha-2">
-          <div
-            class="h-full rounded-full bg-n-amber-9"
-            :style="{ width: `${Math.round((reason.count / total) * 100)}%` }"
-          />
-        </div>
-        <span
-          class="w-6 text-xs font-medium text-right tabular-nums text-n-slate-12"
-        >
-          {{ reason.count }}
-        </span>
-      </div>
-    </div>
-  </div>
-</template>

app/javascript/dashboard/components-next/captain/pageComponents/overview/WelcomeCard.vue

@@ -1,109 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue';
-import { useRoute } from 'vue-router';
-import CaptainAssistant from 'dashboard/api/captain/assistant';
-
-const props = defineProps({
-  range: {
-    type: String,
-    default: '30',
-  },
-});
-
-const route = useRoute();
-const assistantId = computed(() => route.params.assistantId);
-
-// Markdown summary generated by the model from the assistant's stats (served by
-// the captain/assistants/:id/summary endpoint). Numbers are emphasised with
-// **bold** so we can highlight them.
-const welcomeMarkdown = ref('');
-const isLoading = ref(false);
-
-const fetchSummary = async () => {
-  isLoading.value = true;
-  try {
-    const { data } = await CaptainAssistant.getSummary({
-      assistantId: assistantId.value,
-      range: props.range,
-    });
-    welcomeMarkdown.value = data.message ?? '';
-  } catch {
-    welcomeMarkdown.value = '';
-  } finally {
-    isLoading.value = false;
-  }
-};
-
-watch([() => props.range, assistantId], fetchSummary, { immediate: true });
-
-// Split a line on **bold** runs so we can render emphasised numbers as
-// brand-highlighted spans with Tailwind (instead of styling raw HTML).
-const parseSegments = text => {
-  const parts = [];
-  const regex = /\*\*(.+?)\*\*/g;
-  let lastIndex = 0;
-  let match = regex.exec(text);
-  while (match) {
-    if (match.index > lastIndex) {
-      parts.push({ text: text.slice(lastIndex, match.index) });
-    }
-    parts.push({ text: match[1], bold: true });
-    lastIndex = regex.lastIndex;
-    match = regex.exec(text);
-  }
-  if (lastIndex < text.length) {
-    parts.push({ text: text.slice(lastIndex) });
-  }
-  return parts.map((part, index) => ({ ...part, key: index }));
-};
-
-// Break the markdown into paragraphs on blank lines so newline breaks survive
-// (a single <p> would collapse them), each parsed into highlightable segments.
-const paragraphs = computed(() =>
-  welcomeMarkdown.value
-    .split(/\n{2,}/)
-    .map(block => block.trim())
-    .filter(Boolean)
-    .map((block, index) => ({ key: index, segments: parseSegments(block) }))
-);
-</script>
-
-<!-- eslint-disable-next-line vue/no-root-v-if -->
-<template>
-  <div v-if="isLoading || welcomeMarkdown" class="flex flex-col gap-3">
-    <div class="flex items-center gap-1.5 text-n-slate-10">
-      <span class="i-lucide-sparkles size-3.5" />
-      <span class="text-xs">
-        {{ $t('CAPTAIN.OVERVIEW.WELCOME.LABEL') }}
-      </span>
-    </div>
-    <div
-      v-if="isLoading"
-      class="flex flex-col gap-5"
-      :aria-label="$t('CAPTAIN.OVERVIEW.WELCOME.LOADING')"
-    >
-      <div class="flex flex-col gap-2.5">
-        <div class="w-full h-5 rounded bg-n-slate-3 animate-pulse" />
-        <div class="w-11/12 h-5 rounded bg-n-slate-3 animate-pulse" />
-        <div class="w-4/6 h-5 rounded bg-n-slate-3 animate-pulse" />
-      </div>
-      <div class="w-5/6 h-5 rounded bg-n-slate-3 animate-pulse" />
-    </div>
-    <template v-else>
-      <p
-        v-for="paragraph in paragraphs"
-        :key="paragraph.key"
-        class="text-lg leading-relaxed text-n-slate-12"
-      >
-        <template v-for="segment in paragraph.segments" :key="segment.key">
-          <span
-            v-if="segment.bold"
-            class="font-bold tabular-nums text-n-brand"
-            >{{ segment.text }}</span
-          >
-          <template v-else>{{ segment.text }}</template>
-        </template>
-      </p>
-    </template>
-  </div>
-</template>

app/javascript/dashboard/components-next/emoji-icon-picker/EmojiIconPicker.vue

@@ -168,7 +168,6 @@ const selectEmoji = emoji => {
       <Button
         v-if="showRemoveButton && value"
         v-tooltip.top="t('EMOJI_ICON_PICKER.REMOVE')"
-        type="button"
         variant="ghost"
         color="slate"
         size="sm"

app/javascript/dashboard/components-next/message/Message.vue

@@ -147,14 +147,8 @@ const { t } = useI18n();
 const route = useRoute();
 const inboxGetter = useMapGetter('inboxes/getInbox');
 const inbox = computed(() => inboxGetter.value(props.inboxId) || {});
-const isOnChatwootCloud = useMapGetter('globalConfig/isOnChatwootCloud');
 const { replaceInstallationName } = useBranding();
 
-const isCaptainMessage = computed(() => {
-  const senderType = props.sender?.type ?? props.senderType;
-  return senderType === SENDER_TYPES.CAPTAIN_ASSISTANT;
-});
-
 /**
  * Computes the message variant based on props
  * @type {import('vue').ComputedRef<'user'|'agent'|'activity'|'private'|'bot'|'template'>}
@@ -396,10 +390,6 @@ const contextMenuEnabledOptions = computed(() => {
       !props.private &&
       props.inboxSupportsReplyTo.outgoing &&
       !isFailedOrProcessing,
-    report:
-      isOnChatwootCloud.value &&
-      isCaptainMessage.value &&
-      !isMessageDeleted.value,
   };
 });
 

app/javascript/dashboard/components-next/message/bubbles/VoiceCall.vue

@@ -34,7 +34,6 @@ const ICON_MAP = {
   [VOICE_CALL_STATUS.COMPLETED]: 'i-ph-phone-bold',
   [VOICE_CALL_STATUS.NO_ANSWER]: 'i-ph-phone-x-bold',
   [VOICE_CALL_STATUS.FAILED]: 'i-ph-phone-x-bold',
-  [VOICE_CALL_STATUS.REJECTED]: 'i-ph-phone-x-bold',
 };
 
 const { t } = useI18n();
@@ -82,11 +81,7 @@ const isWhatsapp = computed(
   () => call.value?.provider === VOICE_CALL_PROVIDERS.WHATSAPP
 );
 const isFailed = computed(() =>
-  [
-    VOICE_CALL_STATUS.NO_ANSWER,
-    VOICE_CALL_STATUS.FAILED,
-    VOICE_CALL_STATUS.REJECTED,
-  ].includes(status.value)
+  [VOICE_CALL_STATUS.NO_ANSWER, VOICE_CALL_STATUS.FAILED].includes(status.value)
 );
 const isMissedInbound = computed(() => isFailed.value && !isOutbound.value);
 const endReason = computed(() => call.value?.endReason);

app/javascript/dashboard/components-next/message/constants.js

@@ -90,7 +90,6 @@ export const VOICE_CALL_STATUS = {
   COMPLETED: 'completed',
   NO_ANSWER: 'no-answer',
   FAILED: 'failed',
-  REJECTED: 'rejected',
 };
 
 export const VOICE_CALL_DIRECTION = {

app/javascript/dashboard/components-next/sidebar/ChannelLeaf.vue

@@ -22,6 +22,10 @@ const props = defineProps({
     type: [Number, String],
     default: 0,
   },
+  badgeTooltip: {
+    type: String,
+    default: '',
+  },
 });
 
 const reauthorizationRequired = computed(() => {
@@ -34,7 +38,7 @@ const reauthorizationRequired = computed(() => {
     <ChannelIcon :inbox="inbox" class="size-4" />
   </span>
   <div class="flex-1 truncate min-w-0">{{ label }}</div>
-  <SidebarUnreadBadge :count="badgeCount" />
+  <SidebarUnreadBadge :count="badgeCount" :tooltip="badgeTooltip" />
   <div
     v-if="reauthorizationRequired"
     v-tooltip.top-end="$t('SIDEBAR.REAUTHORIZE')"

app/javascript/dashboard/components-next/sidebar/Sidebar.vue

@@ -199,6 +199,18 @@ const getLabelUnreadCount = useMapGetter(
 const getTeamUnreadCount = useMapGetter(
   'conversationUnreadCounts/getTeamUnreadCount'
 );
+const mentionsUnreadCount = useMapGetter(
+  'conversationUnreadCounts/getMentionsUnreadCount'
+);
+const participatingUnreadCount = useMapGetter(
+  'conversationUnreadCounts/getParticipatingUnreadCount'
+);
+const unattendedUnreadCount = useMapGetter(
+  'conversationUnreadCounts/getUnattendedUnreadCount'
+);
+const getFolderUnreadCount = useMapGetter(
+  'conversationUnreadCounts/getFolderUnreadCount'
+);
 const teams = useMapGetter('teams/getMyTeams');
 const contactCustomViews = useMapGetter('customViews/getContactCustomViews');
 const conversationCustomViews = useMapGetter(
@@ -280,6 +292,19 @@ const sortedLabels = computed(() =>
   })
 );
 
+const unreadBadgeTooltips = computed(() => ({
+  ALL: t('SIDEBAR.UNREAD_COUNT_TOOLTIP.ALL'),
+  INBOX: t('SIDEBAR.UNREAD_COUNT_TOOLTIP.INBOX'),
+  LABEL: t('SIDEBAR.UNREAD_COUNT_TOOLTIP.LABEL'),
+  TEAM: t('SIDEBAR.UNREAD_COUNT_TOOLTIP.TEAM'),
+  FOLDER: t('SIDEBAR.UNREAD_COUNT_TOOLTIP.FOLDER'),
+  MENTIONS: t('SIDEBAR.UNREAD_COUNT_TOOLTIP.MENTIONS'),
+  PARTICIPATING: t('SIDEBAR.UNREAD_COUNT_TOOLTIP.PARTICIPATING'),
+  UNATTENDED: t('SIDEBAR.UNREAD_COUNT_TOOLTIP.UNATTENDED'),
+}));
+
+const unreadBadgeTooltip = type => unreadBadgeTooltips.value[type];
+
 const closeMobileSidebar = () => {
   if (!props.isMobileSidebarOpen) return;
   emit('closeMobileSidebar');
@@ -335,12 +360,15 @@ const menuItems = computed(() => {
           label: t('SIDEBAR.ALL_CONVERSATIONS'),
           icon: 'i-lucide-inbox',
           badgeCount: allUnreadCount.value,
+          badgeTooltip: unreadBadgeTooltip('ALL'),
           activeOn: ['inbox_conversation'],
           to: accountScopedRoute('home'),
         },
         {
           name: 'Mentions',
           label: t('SIDEBAR.MENTIONED_CONVERSATIONS'),
+          badgeCount: mentionsUnreadCount.value,
+          badgeTooltip: unreadBadgeTooltip('MENTIONS'),
           icon: 'i-lucide-at-sign',
           activeOn: ['conversation_through_mentions'],
           to: accountScopedRoute('conversation_mentions'),
@@ -348,6 +376,8 @@ const menuItems = computed(() => {
         {
           name: 'Participating',
           label: t('SIDEBAR.PARTICIPATING_CONVERSATIONS'),
+          badgeCount: participatingUnreadCount.value,
+          badgeTooltip: unreadBadgeTooltip('PARTICIPATING'),
           icon: 'i-lucide-user-round-check',
           activeOn: ['conversation_through_participating'],
           to: accountScopedRoute('conversation_participating'),
@@ -355,6 +385,8 @@ const menuItems = computed(() => {
         {
           name: 'Unattended',
           activeOn: ['conversation_through_unattended'],
+          badgeCount: unattendedUnreadCount.value,
+          badgeTooltip: unreadBadgeTooltip('UNATTENDED'),
           label: t('SIDEBAR.UNATTENDED_CONVERSATIONS'),
           icon: 'i-lucide-clock-alert',
           to: accountScopedRoute('conversation_unattended'),
@@ -370,6 +402,8 @@ const menuItems = computed(() => {
           children: sortedFolders.value.map(view => ({
             name: `${view.name}-${view.id}`,
             label: view.name,
+            badgeCount: getFolderUnreadCount.value(view.id),
+            badgeTooltip: unreadBadgeTooltip('FOLDER'),
             to: accountScopedRoute('folder_conversations', { id: view.id }),
           })),
         },
@@ -385,6 +419,7 @@ const menuItems = computed(() => {
             name: `${team.name}-${team.id}`,
             label: team.name,
             badgeCount: getTeamUnreadCount.value(team.id),
+            badgeTooltip: unreadBadgeTooltip('TEAM'),
             to: accountScopedRoute('team_conversations', { teamId: team.id }),
           })),
         },
@@ -400,6 +435,7 @@ const menuItems = computed(() => {
             name: `${inbox.name}-${inbox.id}`,
             label: inbox.name,
             badgeCount: getInboxUnreadCount.value(inbox.id),
+            badgeTooltip: unreadBadgeTooltip('INBOX'),
             icon: h(ChannelIcon, { inbox, class: 'size-[16px]' }),
             to: accountScopedRoute('inbox_dashboard', { inbox_id: inbox.id }),
             component: leafProps =>
@@ -408,6 +444,7 @@ const menuItems = computed(() => {
                 active: leafProps.active,
                 inbox,
                 badgeCount: leafProps.badgeCount,
+                badgeTooltip: leafProps.badgeTooltip,
               }),
           })),
         },
@@ -423,6 +460,7 @@ const menuItems = computed(() => {
             name: `${label.title}-${label.id}`,
             label: label.title,
             badgeCount: getLabelUnreadCount.value(label.id),
+            badgeTooltip: unreadBadgeTooltip('LABEL'),
             icon: h('span', {
               class: `size-[8px] rounded-sm`,
               style: { backgroundColor: label.color },
@@ -440,14 +478,6 @@ const menuItems = computed(() => {
       label: t('SIDEBAR.CAPTAIN'),
       activeOn: ['captain_assistants_create_index'],
       children: [
-        {
-          name: 'Overview',
-          label: t('SIDEBAR.CAPTAIN_OVERVIEW'),
-          activeOn: ['captain_assistants_overview_index'],
-          to: accountScopedRoute('captain_assistants_index', {
-            navigationPath: 'captain_assistants_overview_index',
-          }),
-        },
         {
           name: 'FAQs',
           label: t('SIDEBAR.CAPTAIN_RESPONSES'),

app/javascript/dashboard/components-next/sidebar/SidebarCollapsedPopover.vue

@@ -197,7 +197,10 @@ onMounted(async () => {
                         class="size-4 flex-shrink-0"
                       />
                       <span class="flex-1 truncate">{{ subChild.label }}</span>
-                      <SidebarUnreadBadge :count="subChild.badgeCount" />
+                      <SidebarUnreadBadge
+                        :count="subChild.badgeCount"
+                        :tooltip="subChild.badgeTooltip"
+                      />
                     </button>
                   </li>
                 </ul>
@@ -220,7 +223,10 @@ onMounted(async () => {
                   class="size-4 flex-shrink-0"
                 />
                 <span class="flex-1 truncate">{{ child.label }}</span>
-                <SidebarUnreadBadge :count="child.badgeCount" />
+                <SidebarUnreadBadge
+                  :count="child.badgeCount"
+                  :tooltip="child.badgeTooltip"
+                />
               </button>
             </li>
           </template>

app/javascript/dashboard/components-next/sidebar/SidebarGroupLeaf.vue

@@ -12,6 +12,7 @@ const props = defineProps({
   active: { type: Boolean, default: false },
   component: { type: Function, default: null },
   badgeCount: { type: [Number, String], default: 0 },
+  badgeTooltip: { type: String, default: '' },
   hideTreeLine: { type: Boolean, default: false },
   thinTreeLine: { type: Boolean, default: false },
 });
@@ -52,14 +53,14 @@ const TREE_CONNECTOR =
       <component
         :is="component"
         v-if="shouldRenderComponent"
-        v-bind="{ label, icon, active, badgeCount }"
+        v-bind="{ label, icon, active, badgeCount, badgeTooltip }"
       />
       <template v-else>
         <span v-if="icon" class="size-4 grid place-content-center rounded-full">
           <Icon :icon="icon" class="size-4 inline-block" />
         </span>
         <div class="flex-1 truncate min-w-0 text-sm">{{ label }}</div>
-        <SidebarUnreadBadge :count="badgeCount" />
+        <SidebarUnreadBadge :count="badgeCount" :tooltip="badgeTooltip" />
       </template>
     </component>
   </Policy>

app/javascript/dashboard/components-next/sidebar/SidebarUnreadBadge.vue

@@ -3,6 +3,7 @@ import { computed } from 'vue';
 
 const props = defineProps({
   count: { type: [Number, String], default: 0 },
+  tooltip: { type: String, default: '' },
 });
 
 const normalizedCount = computed(() => {
@@ -18,6 +19,7 @@ const displayCount = computed(() =>
 <template>
   <span
     v-if="normalizedCount > 0"
+    v-tooltip.top="tooltip || null"
     data-test-id="sidebar-unread-badge"
     class="inline-grid h-5 min-w-5 place-items-center rounded-full bg-n-slate-4 px-1 text-xxs font-medium leading-3 text-n-slate-12 dark:bg-n-slate-5 flex-shrink-0"
   >

app/javascript/dashboard/components-next/sidebar/specs/ChannelLeaf.spec.js

@@ -1,5 +1,6 @@
 import { mount } from '@vue/test-utils';
 import ChannelLeaf from '../ChannelLeaf.vue';
+import SidebarUnreadBadge from '../SidebarUnreadBadge.vue';
 
 const mountChannelLeaf = props =>
   mount(ChannelLeaf, {
@@ -28,6 +29,17 @@ describe('ChannelLeaf', () => {
     expect(badge.text()).toBe('3');
   });
 
+  it('passes tooltip copy to unread badge', () => {
+    const wrapper = mountChannelLeaf({
+      badgeCount: 3,
+      badgeTooltip: 'Total unread conversations in this inbox',
+    });
+
+    expect(wrapper.findComponent(SidebarUnreadBadge).props('tooltip')).toBe(
+      'Total unread conversations in this inbox'
+    );
+  });
+
   it('does not render unread badge when count is zero', () => {
     const wrapper = mountChannelLeaf({ badgeCount: 0 });
 

app/javascript/dashboard/components-next/sidebar/specs/SidebarGroupLeaf.spec.js

@@ -1,6 +1,7 @@
 import { mount } from '@vue/test-utils';
 import { h } from 'vue';
 import SidebarGroupLeaf from '../SidebarGroupLeaf.vue';
+import SidebarUnreadBadge from '../SidebarUnreadBadge.vue';
 
 vi.mock('../provider', () => ({
   useSidebarContext: () => ({
@@ -44,6 +45,17 @@ describe('SidebarGroupLeaf', () => {
     expect(badge.text()).toBe('7');
   });
 
+  it('passes tooltip copy to unread badge', () => {
+    const wrapper = mountLeaf({
+      badgeCount: 7,
+      badgeTooltip: 'Total unread conversations in this label',
+    });
+
+    expect(wrapper.findComponent(SidebarUnreadBadge).props('tooltip')).toBe(
+      'Total unread conversations in this label'
+    );
+  });
+
   it('does not render unread badge when count is zero', () => {
     const wrapper = mountLeaf({ badgeCount: 0 });
 
@@ -63,14 +75,17 @@ describe('SidebarGroupLeaf', () => {
   it('passes unread count to custom leaf components', () => {
     const wrapper = mountLeaf({
       badgeCount: 4,
+      badgeTooltip: 'Total unread conversations in this inbox',
       component: leafProps =>
         h(
           'span',
           { 'data-test-id': 'custom-leaf-count' },
-          leafProps.badgeCount
+          `${leafProps.badgeCount}:${leafProps.badgeTooltip}`
         ),
     });
 
-    expect(wrapper.find('[data-test-id="custom-leaf-count"]').text()).toBe('4');
+    expect(wrapper.find('[data-test-id="custom-leaf-count"]').text()).toBe(
+      '4:Total unread conversations in this inbox'
+    );
   });
 });

app/javascript/dashboard/components/widgets/VideoCallButton.vue

@@ -31,22 +31,12 @@ export default {
     }
   },
   methods: {
-    createErrorMessage(error) {
-      const responseError = error?.response?.data?.error;
-      if (typeof responseError === 'string') return responseError;
-
-      return (
-        responseError?.error?.message ||
-        responseError?.message ||
-        this.$t('INTEGRATION_SETTINGS.DYTE.CREATE_ERROR')
-      );
-    },
     async onClick() {
       this.isLoading = true;
       try {
         await DyteAPI.createAMeeting(this.conversationId);
       } catch (error) {
-        useAlert(this.createErrorMessage(error));
+        useAlert(this.$t('INTEGRATION_SETTINGS.DYTE.CREATE_ERROR'));
       } finally {
         this.isLoading = false;
       }

app/javascript/dashboard/components/widgets/conversation/VoiceCallStatus.vue

@@ -21,7 +21,6 @@ const ICON_MAP = {
   [VOICE_CALL_STATUS.IN_PROGRESS]: 'i-ph-phone-call',
   [VOICE_CALL_STATUS.NO_ANSWER]: 'i-ph-phone-x',
   [VOICE_CALL_STATUS.FAILED]: 'i-ph-phone-x',
-  [VOICE_CALL_STATUS.REJECTED]: 'i-ph-phone-x',
 };
 
 const COLOR_MAP = {
@@ -30,18 +29,13 @@ const COLOR_MAP = {
   [VOICE_CALL_STATUS.COMPLETED]: 'text-n-slate-11',
   [VOICE_CALL_STATUS.NO_ANSWER]: 'text-n-ruby-9',
   [VOICE_CALL_STATUS.FAILED]: 'text-n-ruby-9',
-  [VOICE_CALL_STATUS.REJECTED]: 'text-n-ruby-9',
 };
 
 const isOutbound = computed(
   () => props.direction === VOICE_CALL_DIRECTION.OUTBOUND
 );
 const isFailed = computed(() =>
-  [
-    VOICE_CALL_STATUS.NO_ANSWER,
-    VOICE_CALL_STATUS.FAILED,
-    VOICE_CALL_STATUS.REJECTED,
-  ].includes(props.status)
+  [VOICE_CALL_STATUS.NO_ANSWER, VOICE_CALL_STATUS.FAILED].includes(props.status)
 );
 
 const labelKey = computed(() => {

app/javascript/dashboard/constants/editor.js

@@ -163,11 +163,6 @@ export const FORMATTING = {
     nodes: [],
     menu: [],
   },
-  'Context::NoToolbar': {
-    marks: ['strong', 'em', 'link'],
-    nodes: ['bulletList', 'orderedList'],
-    menu: [],
-  },
 };
 
 // Editor menu options for Full Editor

app/javascript/dashboard/helper/AnalyticsHelper/events.js

@@ -162,7 +162,4 @@ export const SESSION_EVENTS = Object.freeze({
 export const ONBOARDING_EVENTS = Object.freeze({
   ACCOUNT_DETAILS_VISITED: 'Onboarding: Account details visited',
   ACCOUNT_DETAILS_COMPLETED: 'Onboarding: Account details completed',
-  INBOX_SETUP_VISITED: 'Onboarding: Inbox setup visited',
-  INBOX_SETUP_COMPLETED: 'Onboarding: Inbox setup completed',
-  INBOX_SETUP_SKIPPED: 'Onboarding: Inbox setup skipped',
 });

app/javascript/dashboard/helper/featureHelper.js

@@ -19,7 +19,6 @@ const FEATURE_HELP_URLS = {
   webhook: 'https://chwt.app/hc/webhooks',
   billing: 'https://chwt.app/pricing',
   saml: 'https://chwt.app/hc/saml',
-  captain: 'https://chwt.app/captain-docs',
   captain_billing: 'https://chwt.app/hc/captain_billing',
 };
 

app/javascript/dashboard/helper/inbox.js

@@ -13,24 +13,6 @@ export const INBOX_TYPES = {
   TIKTOK: 'Channel::Tiktok',
 };
 
-// Short channel-type slugs used to identify a channel without leaning on its
-// Channel:: class name — e.g. onboarding channel cards and OAuth provider maps.
-export const CHANNEL_TYPES = {
-  WEBSITE: 'website',
-  WHATSAPP: 'whatsapp',
-  FACEBOOK: 'facebook',
-  INSTAGRAM: 'instagram',
-  TIKTOK: 'tiktok',
-  TELEGRAM: 'telegram',
-  LINE: 'line',
-  GMAIL: 'gmail',
-  OUTLOOK: 'outlook',
-  SMS: 'sms',
-  API: 'api',
-  VOICE: 'voice',
-  EMAIL: 'email',
-};
-
 // Add providers here as they gain voice capability (e.g., WhatsApp Cloud, Twilio WhatsApp)
 export const VOICE_CALL_PROVIDERS = {
   TWILIO: 'twilio',

app/javascript/dashboard/helper/voice.js

@@ -7,7 +7,6 @@ export const TERMINAL_STATUSES = [
   'completed',
   'busy',
   'failed',
-  'rejected',
   'no-answer',
   'canceled',
   'missed',

app/javascript/dashboard/i18n/locale/en/conversation.json

@@ -304,25 +304,6 @@
         "MESSAGE": "You cannot undo this action",
         "DELETE": "Delete",
         "CANCEL": "Cancel"
-      },
-      "REPORT_MESSAGE": {
-        "LABEL": "Report message",
-        "TITLE": "Report Captain message",
-        "DESCRIPTION": "Found an issue with this AI response? Let us know what went wrong and our team will review it to help improve Captain's accuracy.",
-        "PROBLEM_TYPE": "Problem type",
-        "PROBLEM_TYPE_PLACEHOLDER": "Select a problem type",
-        "DESCRIPTION_LABEL": "Description",
-        "DESCRIPTION_PLACEHOLDER": "Describe the problem in detail",
-        "SUBMIT": "Report",
-        "SUCCESS": "Thanks for reporting. Our team will take a look.",
-        "ERROR": "Could not report this message. Please try again.",
-        "REASONS": {
-          "incorrect_information": "Incorrect information",
-          "inappropriate_response": "Inappropriate response",
-          "incomplete_response": "Incomplete response",
-          "outdated_information": "Outdated information",
-          "other": "Other"
-        }
       }
     },
     "SIDEBAR": {

app/javascript/dashboard/i18n/locale/en/helpCenter.json

@@ -552,7 +552,6 @@
         "LOCALE": {
           "ALL": "All locales"
         },
-        "SEARCH_PLACEHOLDER": "Search articles...",
         "NEW_ARTICLE": "New article"
       },
       "EMPTY_STATE": {
@@ -580,10 +579,6 @@
         "CATEGORY": {
           "TITLE": "There are no articles in this category",
           "SUBTITLE": "Articles in this category will appear here"
-        },
-        "SEARCH": {
-          "TITLE": "No matching articles",
-          "SUBTITLE": "We couldn't find any articles matching your search. Try a different term."
         }
       },
       "BULK_TRANSLATE": {
@@ -629,7 +624,6 @@
       "CATEGORY_HEADER": {
         "NEW_CATEGORY": "New category",
         "EDIT_CATEGORY": "Edit category",
-        "SEARCH_PLACEHOLDER": "Search categories...",
         "CATEGORIES_COUNT": "{n} category | {n} categories",
         "BREADCRUMB": {
           "CATEGORY_LOCALE": "Categories ({localeCode})",
@@ -640,10 +634,6 @@
         "TITLE": "No categories found",
         "SUBTITLE": "Categories will appear here. You can add a category by clicking the 'New Category' button."
       },
-      "SEARCH_EMPTY_STATE": {
-        "TITLE": "No matching categories",
-        "SUBTITLE": "We couldn't find any categories matching your search. Try a different term."
-      },
       "CATEGORY_CARD": {
         "ARTICLES_COUNT": "{count} article | {count} articles"
       },
@@ -701,11 +691,6 @@
     "LOCALES_PAGE": {
       "LOCALES_COUNT": "No locales available | {n} locale | {n} locales",
       "NEW_LOCALE_BUTTON_TEXT": "New locale",
-      "SEARCH_PLACEHOLDER": "Search locales...",
-      "SEARCH_EMPTY_STATE": {
-        "TITLE": "No matching locales",
-        "SUBTITLE": "We couldn't find any locales matching your search. Try a different term."
-      },
       "LOCALE_CARD": {
         "ARTICLES_COUNT": "{count} article | {count} articles",
         "CATEGORIES_COUNT": "{count} category | {count} categories",

app/javascript/dashboard/i18n/locale/en/inboxMgmt.json

@@ -65,8 +65,7 @@
         "CONNECT_YOUR_TIKTOK_PROFILE": "Connect your TikTok Profile",
         "HELP": "To add your TikTok profile as a channel, you need to authenticate your TikTok Profile by clicking on 'Continue with TikTok' ",
         "ERROR_MESSAGE": "There was an error connecting to TikTok, please try again",
-        "ERROR_AUTH": "There was an error connecting to TikTok, please try again",
-        "NORTH_AMERICA_WARNING": "TikTok connections for North American accounts are temporarily unavailable while we wait for an update from the TikTok team."
+        "ERROR_AUTH": "There was an error connecting to TikTok, please try again"
       },
       "TWITTER": {
         "HELP": "To add your Twitter profile as a channel, you need to authenticate your Twitter Profile by clicking on 'Sign in with Twitter' ",

app/javascript/dashboard/i18n/locale/en/integrations.json

@@ -392,93 +392,6 @@
   "CAPTAIN": {
     "NAME": "Captain",
     "HEADER_KNOW_MORE": "Know more",
-    "OVERVIEW": {
-      "HEADER": "Overview",
-      "WELCOME": {
-        "LABEL": "Captain summary",
-        "LOADING": "Generating summary…"
-      },
-      "INBOX_BANNER": {
-        "TEXT": "This assistant isn't connected to any inbox yet, so it won't respond to conversations.",
-        "ACTION": "Connect inbox",
-        "DISMISS": "Dismiss"
-      },
-      "COVERAGE_BANNER": {
-        "TEXT": "{count} FAQs are pending review, keeping coverage at {coverage}%. Approve them so your assistant can resolve more on its own.",
-        "ACTION": "Review FAQs",
-        "DISMISS": "Dismiss"
-      },
-      "RANGES": {
-        "LAST_DAYS": "Last {count} days",
-        "THIS_MONTH": "This month",
-        "LAST_MONTH": "Last month"
-      },
-      "METRICS": {
-        "HANDLED": {
-          "LABEL": "Conversations handled",
-          "HINT": "Distinct conversations this assistant replied in."
-        },
-        "AUTO_RESOLUTION": {
-          "LABEL": "Auto-resolution rate",
-          "HINT": "Share of handled conversations closed without a human reply."
-        },
-        "HANDOFF": {
-          "LABEL": "Handoff rate",
-          "HINT": "Share of handled conversations escalated to a human agent."
-        },
-        "HOURS_SAVED": {
-          "LABEL": "Hours saved",
-          "HINT": "Estimate: Captain replies times the team's average response time. Directional, not measured labor."
-        },
-        "REOPEN": {
-          "LABEL": "Reopen rate",
-          "HINT": "Auto-resolved conversations that were reopened afterwards."
-        },
-        "DEPTH": {
-          "LABEL": "Messages / conversation",
-          "HINT": "Average replies the assistant sends per conversation."
-        }
-      },
-      "KNOWLEDGE": {
-        "TITLE": "Knowledge coverage",
-        "COVERAGE": "{pct}% approved",
-        "APPROVED": "Approved FAQs",
-        "PENDING": "Pending FAQs",
-        "DOCUMENTS": "Documents"
-      },
-      "FLAGGED": {
-        "TITLE": "Response quality",
-        "TOTAL": "{count} flagged · {rate}"
-      },
-      "CREDITS": {
-        "TITLE": "Credit usage",
-        "UNIT": "credits",
-        "LEGEND": "Daily credits used",
-        "AXIS_START": "{count}d ago",
-        "AXIS_END": "Today"
-      },
-      "LINKS": {
-        "DOCS": {
-          "TITLE": "Captain docs",
-          "DESCRIPTION": "Guides and how-tos for Captain"
-        },
-        "PLAYGROUND": {
-          "TITLE": "Playground",
-          "DESCRIPTION": "Test this assistant's replies"
-        },
-        "BILLING": {
-          "TITLE": "Billing",
-          "DESCRIPTION": "Manage credits and plan"
-        }
-      },
-      "FLAG_REASONS": {
-        "INCORRECT": "Incorrect info",
-        "INCOMPLETE": "Incomplete",
-        "OUTDATED": "Outdated",
-        "INAPPROPRIATE": "Inappropriate",
-        "OTHER": "Other"
-      }
-    },
     "ASSISTANT_SWITCHER": {
       "ASSISTANTS": "Assistants",
       "SWITCH_ASSISTANT": "Switch between assistants",
@@ -581,6 +494,10 @@
           "PLACEHOLDER": "Enter assistant name",
           "ERROR": "The name is required"
         },
+        "TEMPERATURE": {
+          "LABEL": "Response Temperature",
+          "DESCRIPTION": "Adjust how creative or restrictive the assistant's responses should be. Lower values produce more focused and deterministic responses, while higher values allow for more creative and varied outputs."
+        },
         "DESCRIPTION": {
           "LABEL": "Description",
           "PLACEHOLDER": "Enter assistant description",

app/javascript/dashboard/i18n/locale/en/onboarding.json

@@ -30,59 +30,5 @@
     "VALIDATION_ERROR": "Please fill in all required fields",
     "SUCCESS": "Details saved successfully",
     "ERROR": "Could not save details. Please try again."
-  },
-  "ONBOARDING_INBOX_SETUP": {
-    "GREETING": "Let's set up a few things",
-    "SUBTITLE": "This will give you head-start in your workspace",
-    "CONTINUE": "Continue",
-    "SKIP": "Skip",
-    "ERROR": "Something went wrong. Please try again.",
-    "WHATSAPP_CONNECTED": "WhatsApp connected successfully",
-    "FACEBOOK_CONNECTED": "Facebook connected successfully",
-    "CREATED_FOR_YOU": {
-      "TITLE": "We've created the following for you",
-      "LIVE_CHAT": "Live Chat widget",
-      "LIVE_CHAT_DESCRIPTION": "Instant messenger for your website",
-      "LIVE_CHAT_STATUS": "Almost done…",
-      "LIVE_CHAT_READY": "Ready",
-      "HELP_CENTER": "Help Center",
-      "HELP_CENTER_DESCRIPTION": "Your digital encyclopedia",
-      "HELP_CENTER_GENERATING": "Creating your help center…",
-      "HELP_CENTER_ANALYZING_WEBSITE": "Analyzing your website…",
-      "HELP_CENTER_SETTING_UP_CATEGORIES": "Setting up categories…",
-      "HELP_CENTER_CURATING_ARTICLES": "Curating articles…",
-      "HELP_CENTER_ARTICLES": "Created {count} article | Created {count} articles",
-      "HELP_CENTER_CATEGORIES": "{count} category | {count} categories",
-      "HELP_CENTER_SUMMARY": "Created {count} article across {categories} | Created {count} articles across {categories}"
-    },
-    "CHANNELS": {
-      "TITLE": "Connect all your conversation channels",
-      "HEADER": "We found a few channels you can connect",
-      "CONNECT": "Connect",
-      "CONNECTED": "Connected",
-      "MORE_CHANNELS_NOTE": "Set up {email} and {voice} channels later inside the app",
-      "MORE_CHANNELS_EMAIL": "Email",
-      "MORE_CHANNELS_VOICE": "Voice",
-      "VIEW_ALL": "View all",
-      "GMAIL": "Gmail",
-      "OUTLOOK": "Outlook",
-      "OTHER_EMAIL": "Other Email Providers"
-    },
-    "CHANNELS_DIALOG": {
-      "TITLE": "Connect all your channels instantly",
-      "SUBTITLE": "Manage all of them from one dashboard. You can also set up and edit inboxes later inside the app.",
-      "NOTE": "SMS, API, Voice, and other email providers can be set up later from your dashboard.",
-      "CONNECT_TITLE": "Connect your {name} account",
-      "CONNECT_SUBTITLE": "Fill out these quick details",
-      "CONNECT": "Connect",
-      "BACK": "Back",
-      "SETUP_LATER": "Setup later in app",
-      "FACEBOOK_SUBTITLE": "Authorize access and choose a Page to connect.",
-      "FACEBOOK_LAUNCH": "Continue with Facebook",
-      "FACEBOOK_SELECT_PAGE": "Select a Page to connect",
-      "FACEBOOK_LOADING": "Loading your Facebook Pages…",
-      "FACEBOOK_NO_PAGES": "No connectable Pages found. All your Pages are already connected.",
-      "FACEBOOK_ERROR": "Couldn't connect to Facebook. Please try again."
-    }
   }
 }

app/javascript/dashboard/i18n/locale/en/settings.json

@@ -316,6 +316,16 @@
     "MENTIONED_CONVERSATIONS": "Mentions",
     "PARTICIPATING_CONVERSATIONS": "Participating",
     "UNATTENDED_CONVERSATIONS": "Unattended",
+    "UNREAD_COUNT_TOOLTIP": {
+      "ALL": "Total unread conversations",
+      "INBOX": "Total unread conversations in this inbox",
+      "LABEL": "Total unread conversations in this label",
+      "TEAM": "Total unread conversations in this team",
+      "FOLDER": "Total unread conversations in this folder",
+      "MENTIONS": "Unread conversations where you were mentioned",
+      "PARTICIPATING": "Unread conversations you're participating in",
+      "UNATTENDED": "Unread unattended conversations"
+    },
     "REPORTS": "Reports",
     "SETTINGS": "Settings",
     "CONTACTS": "Contacts",
@@ -324,7 +334,6 @@
     "ALL_COMPANIES": "All Companies",
     "CAPTAIN": "Captain",
     "CAPTAIN_ASSISTANTS": "Assistants",
-    "CAPTAIN_OVERVIEW": "Overview",
     "CAPTAIN_DOCUMENTS": "Documents",
     "CAPTAIN_RESPONSES": "FAQs",
     "CAPTAIN_TOOLS": "Tools",
@@ -441,9 +450,7 @@
       "DESCRIPTION": "Enable or disable AI-powered features.",
       "AUDIO_TRANSCRIPTION": {
         "TITLE": "Audio Transcription",
-        "DESCRIPTION": "Automatically convert voice messages and call recordings into searchable text transcripts.",
-        "MODEL_TITLE": "Audio Transcription Model",
-        "MODEL_DESCRIPTION": "Select the AI model to use for converting audio messages into text transcripts"
+        "DESCRIPTION": "Automatically convert voice messages and call recordings into searchable text transcripts."
       },
       "HELP_CENTER_SEARCH": {
         "TITLE": "Help Center Search Indexing",
@@ -801,14 +808,10 @@
         },
         "FAIR_DISTRIBUTION": {
           "LABEL": "Fair distribution policy",
-          "DESCRIPTION": "Cap conversations per agent within a time window to avoid overload. Defaults to 100 per hour.",
+          "DESCRIPTION": "Set the maximum number of conversations that can be assigned per agent within a time window to avoid overloading any one agent. This required field defaults to 100 conversations per hour.",
           "INPUT_MAX": "Assign max",
           "DURATION": "Conversations per agent in every"
         },
-        "EXCLUDE_OLDER_THAN": {
-          "LABEL": "Skip stale conversations",
-          "DESCRIPTION": "Skip unassigned conversations older than this. Defaults to 7 days; clear to disable."
-        },
         "INBOXES": {
           "LABEL": "Added inboxes",
           "DESCRIPTION": "Add inboxes for which this policy will be applicable.",

app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue

@@ -6,7 +6,6 @@ import ContextMenu from 'dashboard/components/ui/ContextMenu.vue';
 import AddCannedModal from 'dashboard/routes/dashboard/settings/canned/AddCanned.vue';
 import { useSnakeCase } from 'dashboard/composables/useTransformKeys';
 import { copyTextToClipboard } from 'shared/helpers/clipboard';
-import { parseAPIErrorResponse } from 'dashboard/store/utils/api';
 import { conversationUrl, frontendURL } from '../../../helper/URLHelper';
 import {
   ACCOUNT_EVENTS,
@@ -15,7 +14,6 @@ import {
 import MenuItem from '../../../components/widgets/conversation/contextMenu/menuItem.vue';
 import { useTrack } from 'dashboard/composables';
 import NextButton from 'dashboard/components-next/button/Button.vue';
-import ReportCaptainMessageDialog from './ReportCaptainMessageDialog.vue';
 
 export default {
   components: {
@@ -23,7 +21,6 @@ export default {
     MenuItem,
     ContextMenu,
     NextButton,
-    ReportCaptainMessageDialog,
   },
   props: {
     message: {
@@ -120,20 +117,16 @@ export default {
     handleClose(e) {
       this.$emit('close', e);
     },
-    async handleTranslate() {
+    handleTranslate() {
       const { locale: accountLocale } = this.getAccount(this.currentAccountId);
       const agentLocale = this.getUISettings?.locale;
       const targetLanguage = agentLocale || accountLocale || 'en';
-      try {
-        await this.$store.dispatch('translateMessage', {
-          conversationId: this.conversationId,
-          messageId: this.messageId,
-          targetLanguage,
-        });
-        useTrack(CONVERSATION_EVENTS.TRANSLATE_A_MESSAGE);
-      } catch (error) {
-        useAlert(parseAPIErrorResponse(error));
-      }
+      this.$store.dispatch('translateMessage', {
+        conversationId: this.conversationId,
+        messageId: this.messageId,
+        targetLanguage,
+      });
+      useTrack(CONVERSATION_EVENTS.TRANSLATE_A_MESSAGE);
       this.handleClose();
     },
     handleReplyTo() {
@@ -159,10 +152,6 @@ export default {
     closeDeleteModal() {
       this.showDeleteModal = false;
     },
-    openReportDialog() {
-      this.handleClose();
-      this.$refs.reportDialog?.open();
-    },
   },
 };
 </script>
@@ -254,16 +243,6 @@ export default {
           variant="icon"
           @click.stop="showCannedResponseModal"
         />
-        <hr v-if="enabledOptions['report']" />
-        <MenuItem
-          v-if="enabledOptions['report']"
-          :option="{
-            icon: 'warning',
-            label: $t('CONVERSATION.CONTEXT_MENU.REPORT_MESSAGE.LABEL'),
-          }"
-          variant="icon"
-          @click.stop="openReportDialog"
-        />
         <hr v-if="enabledOptions['delete']" />
         <MenuItem
           v-if="enabledOptions['delete']"
@@ -276,11 +255,6 @@ export default {
         />
       </div>
     </ContextMenu>
-    <ReportCaptainMessageDialog
-      v-if="enabledOptions['report']"
-      ref="reportDialog"
-      :message-id="messageId"
-    />
   </div>
 </template>
 

app/javascript/dashboard/modules/conversations/components/ReportCaptainMessageDialog.vue

@@ -1,119 +0,0 @@
-<script setup>
-import { computed, reactive, ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useAlert } from 'dashboard/composables';
-import MessageReportsAPI from 'dashboard/api/captain/messageReports';
-
-import Dialog from 'dashboard/components-next/dialog/Dialog.vue';
-import Select from 'dashboard/components-next/select/Select.vue';
-import TextArea from 'dashboard/components-next/textarea/TextArea.vue';
-
-const props = defineProps({
-  messageId: { type: [Number, String], required: true },
-});
-
-const { t } = useI18n();
-const dialogRef = ref(null);
-const isLoading = ref(false);
-
-const REPORT_REASONS = [
-  'incorrect_information',
-  'inappropriate_response',
-  'incomplete_response',
-  'outdated_information',
-  'other',
-];
-
-const reasonOptions = computed(() =>
-  REPORT_REASONS.map(value => ({
-    value,
-    label: t(`CONVERSATION.CONTEXT_MENU.REPORT_MESSAGE.REASONS.${value}`),
-  }))
-);
-
-const form = reactive({ reportReason: '', description: '' });
-
-const isFormInvalid = computed(() => !form.reportReason);
-
-const resetForm = () => {
-  form.reportReason = '';
-  form.description = '';
-};
-
-const open = () => {
-  resetForm();
-  dialogRef.value?.open();
-};
-
-const close = () => {
-  dialogRef.value?.close();
-};
-
-const handleConfirm = async () => {
-  if (isFormInvalid.value) return;
-
-  isLoading.value = true;
-  try {
-    await MessageReportsAPI.create({
-      message_id: props.messageId,
-      report_reason: form.reportReason,
-      description: form.description.trim() || null,
-    });
-    useAlert(t('CONVERSATION.CONTEXT_MENU.REPORT_MESSAGE.SUCCESS'));
-    close();
-  } catch (error) {
-    useAlert(t('CONVERSATION.CONTEXT_MENU.REPORT_MESSAGE.ERROR'));
-  } finally {
-    isLoading.value = false;
-  }
-};
-
-defineExpose({ open, close });
-</script>
-
-<template>
-  <Dialog
-    ref="dialogRef"
-    :title="t('CONVERSATION.CONTEXT_MENU.REPORT_MESSAGE.TITLE')"
-    :description="t('CONVERSATION.CONTEXT_MENU.REPORT_MESSAGE.DESCRIPTION')"
-    :confirm-button-label="t('CONVERSATION.CONTEXT_MENU.REPORT_MESSAGE.SUBMIT')"
-    :is-loading="isLoading"
-    :disable-confirm-button="isFormInvalid"
-    @confirm="handleConfirm"
-  >
-    <div class="flex flex-col gap-4">
-      <div class="flex flex-col gap-1">
-        <label class="text-sm font-medium text-n-slate-12">
-          {{ t('CONVERSATION.CONTEXT_MENU.REPORT_MESSAGE.PROBLEM_TYPE') }}
-        </label>
-        <Select
-          v-model="form.reportReason"
-          class="!w-full [&>select]:w-full"
-          :options="reasonOptions"
-          :placeholder="
-            t(
-              'CONVERSATION.CONTEXT_MENU.REPORT_MESSAGE.PROBLEM_TYPE_PLACEHOLDER'
-            )
-          "
-        />
-      </div>
-      <div class="flex flex-col gap-1">
-        <label class="text-sm font-medium text-n-slate-12">
-          {{ t('CONVERSATION.CONTEXT_MENU.REPORT_MESSAGE.DESCRIPTION_LABEL') }}
-        </label>
-        <TextArea
-          v-model="form.description"
-          class="w-full"
-          :placeholder="
-            t(
-              'CONVERSATION.CONTEXT_MENU.REPORT_MESSAGE.DESCRIPTION_PLACEHOLDER'
-            )
-          "
-          :max-length="500"
-          show-character-count
-          auto-height
-        />
-      </div>
-    </div>
-  </Dialog>
-</template>

app/javascript/dashboard/modules/search/components/SearchHeader.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, useTemplateRef } from 'vue';
+import { ref, watch, useTemplateRef } from 'vue';
 import { FEATURE_FLAGS } from 'dashboard/featureFlags';
 import { INSTALLATION_TYPES } from 'dashboard/constants/installationTypes';
 import { ROLES } from 'dashboard/constants/permissions';
@@ -30,6 +30,16 @@ const onSelectRecentSearch = query => {
   searchQuery.value = query;
   onSearch(query);
 };
+
+watch(
+  () => props.initialQuery,
+  newValue => {
+    if (searchQuery.value !== newValue) {
+      searchQuery.value = newValue;
+    }
+  },
+  { immediate: true }
+);
 </script>
 
 <template>

app/javascript/dashboard/modules/search/components/SearchInput.vue

@@ -30,13 +30,10 @@ const debouncedEmit = debounce(
   500
 );
 
-const onInput = e => {
-  // Use the DOM value, not searchQuery.value: the defineModel ref updates a tick
-  // later, so reading it back here lags one character behind.
-  const value = e.target.value;
-  debouncedEmit(value);
+const onInput = () => {
+  debouncedEmit(searchQuery.value);
 
-  if (value.trim()) {
+  if (searchQuery.value.trim()) {
     showRecentSearches.value = false;
   } else if (isInputFocused.value) {
     showRecentSearches.value = true;

app/javascript/dashboard/modules/search/components/SearchTabs.vue

@@ -1,6 +1,8 @@
 <script setup>
 import { computed, watch, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 import TabBar from 'dashboard/components-next/tabbar/TabBar.vue';
+import Button from 'dashboard/components-next/button/Button.vue';
 
 const props = defineProps({
   tabs: {
@@ -15,6 +17,8 @@ const props = defineProps({
 
 const emit = defineEmits(['tabChange']);
 
+const { t } = useI18n();
+
 const activeTab = ref(props.selectedTab);
 
 watch(
@@ -47,5 +51,14 @@ const onTabChange = selectedTab => {
       :initial-active-tab="activeTab"
       @tab-changed="onTabChange"
     />
+
+    <Button
+      :label="t('SEARCH.SORT_BY.RELEVANCE')"
+      sm
+      link
+      slate
+      class="hover:!no-underline pointer-events-none lg:inline-flex hidden"
+      icon="i-lucide-arrow-up-down"
+    />
   </div>
 </template>

app/javascript/dashboard/modules/search/components/SearchView.vue

@@ -1,9 +1,8 @@
 <script setup>
-import { ref, computed, onMounted, onUnmounted, watch } from 'vue';
+import { ref, computed, onMounted, onUnmounted } from 'vue';
 import { useMapGetter, useStore } from 'dashboard/composables/store.js';
 import { useRouter, useRoute } from 'vue-router';
 import { useTrack } from 'dashboard/composables';
-import { useAccount } from 'dashboard/composables/useAccount';
 import { useI18n } from 'vue-i18n';
 import { useCamelCase } from 'dashboard/composables/useTransformKeys';
 import { generateURLParams, parseURLParams } from '../helpers/searchHelper';
@@ -29,7 +28,6 @@ import SearchResultArticlesList from './SearchResultArticlesList.vue';
 const router = useRouter();
 const route = useRoute();
 const store = useStore();
-const { currentAccount } = useAccount();
 const { t } = useI18n();
 
 const PER_PAGE = 15; // Results per page
@@ -340,25 +338,18 @@ const onTabChange = tab => {
 onMounted(() => {
   store.dispatch('conversationSearch/clearSearchResults');
   store.dispatch('agents/get');
-});
 
-// Wait for the account before restoring URL filters: the ADVANCED_SEARCH flag
-// derives from account.features (loaded async), and reading it too early strips
-// the filter params from the URL. `immediate` covers the already-loaded case.
-watch(
-  () => currentAccount.value?.id,
-  id => {
-    if (!id) return;
-    filters.value = parseURLParams(
-      route.query,
-      isFeatureFlagEnabled(FEATURE_FLAGS.ADVANCED_SEARCH)
-    );
-    if (route.query.q) {
-      onSearch(route.query.q);
-    }
-  },
-  { immediate: true }
-);
+  const parsedFilters = parseURLParams(
+    route.query,
+    isFeatureFlagEnabled(FEATURE_FLAGS.ADVANCED_SEARCH)
+  );
+  filters.value = parsedFilters;
+
+  // Auto-execute search if query parameter exists
+  if (route.query.q) {
+    onSearch(route.query.q);
+  }
+});
 
 onUnmounted(() => {
   query.value = '';

app/javascript/dashboard/routes/dashboard/captain/assistants/overview/Index.vue

@@ -1,137 +0,0 @@
-<script setup>
-import { computed, ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useRoute } from 'vue-router';
-import { FEATURE_FLAGS } from 'dashboard/featureFlags';
-import CaptainAssistant from 'dashboard/api/captain/assistant';
-
-import PageLayout from 'dashboard/components-next/captain/PageLayout.vue';
-import RangeSelector from 'dashboard/components-next/captain/pageComponents/overview/RangeSelector.vue';
-import WelcomeCard from 'dashboard/components-next/captain/pageComponents/overview/WelcomeCard.vue';
-import MetricCard from 'dashboard/components-next/captain/pageComponents/overview/MetricCard.vue';
-import KnowledgeCard from 'dashboard/components-next/captain/pageComponents/overview/KnowledgeCard.vue';
-import QuickLinks from 'dashboard/components-next/captain/pageComponents/overview/QuickLinks.vue';
-import InboxBanner from 'dashboard/components-next/captain/pageComponents/overview/InboxBanner.vue';
-import CoverageBanner from 'dashboard/components-next/captain/pageComponents/overview/CoverageBanner.vue';
-
-const { t } = useI18n();
-const route = useRoute();
-
-const selectedRange = ref('this_month');
-
-const assistantId = computed(() => route.params.assistantId);
-const stats = ref(null);
-
-const fetchStats = async () => {
-  try {
-    const { data } = await CaptainAssistant.getStats({
-      assistantId: assistantId.value,
-      range: selectedRange.value,
-    });
-    stats.value = data;
-  } catch {
-    stats.value = null;
-  }
-};
-
-watch([selectedRange, assistantId], fetchStats, { immediate: true });
-
-// `direction` says whether a rising trend is good ('up'), bad ('down'), or
-// neutral, so we can colour the delta independently of its sign.
-const resolveTrendGood = (trendValue, direction) => {
-  if (direction === 'neutral' || trendValue === 0) return null;
-  return direction === 'up' ? trendValue > 0 : trendValue < 0;
-};
-
-const metricFor = (statKey, formatValue, direction, absoluteTrend = false) => {
-  const data = stats.value?.[statKey];
-  if (!data) return { value: '—', trend: '', trendGood: null };
-
-  const sign = data.trend > 0 ? '+' : '';
-  return {
-    value: formatValue(data.current),
-    trend: absoluteTrend ? `${sign}${data.trend}` : `${sign}${data.trend}%`,
-    trendGood: resolveTrendGood(data.trend, direction),
-  };
-};
-
-const metrics = computed(() => [
-  {
-    key: 'handled',
-    label: t('CAPTAIN.OVERVIEW.METRICS.HANDLED.LABEL'),
-    hint: t('CAPTAIN.OVERVIEW.METRICS.HANDLED.HINT'),
-    ...metricFor('conversations_handled', v => v.toLocaleString(), 'up'),
-  },
-  {
-    key: 'autoResolution',
-    label: t('CAPTAIN.OVERVIEW.METRICS.AUTO_RESOLUTION.LABEL'),
-    hint: t('CAPTAIN.OVERVIEW.METRICS.AUTO_RESOLUTION.HINT'),
-    ...metricFor('auto_resolution_rate', v => `${v}%`, 'up'),
-  },
-  {
-    key: 'handoff',
-    label: t('CAPTAIN.OVERVIEW.METRICS.HANDOFF.LABEL'),
-    hint: t('CAPTAIN.OVERVIEW.METRICS.HANDOFF.HINT'),
-    ...metricFor('handoff_rate', v => `${v}%`, 'down'),
-  },
-  {
-    key: 'hoursSaved',
-    label: t('CAPTAIN.OVERVIEW.METRICS.HOURS_SAVED.LABEL'),
-    hint: t('CAPTAIN.OVERVIEW.METRICS.HOURS_SAVED.HINT'),
-    ...metricFor('hours_saved', v => `${v}h`, 'up'),
-  },
-  {
-    key: 'reopen',
-    label: t('CAPTAIN.OVERVIEW.METRICS.REOPEN.LABEL'),
-    hint: t('CAPTAIN.OVERVIEW.METRICS.REOPEN.HINT'),
-    ...metricFor('reopen_rate', v => `${v}%`, 'down'),
-  },
-  {
-    key: 'depth',
-    label: t('CAPTAIN.OVERVIEW.METRICS.DEPTH.LABEL'),
-    hint: t('CAPTAIN.OVERVIEW.METRICS.DEPTH.HINT'),
-    ...metricFor('conversation_depth', v => v.toFixed(1), 'neutral', true),
-  },
-]);
-</script>
-
-<template>
-  <PageLayout
-    :header-title="$t('CAPTAIN.OVERVIEW.HEADER')"
-    :is-empty="false"
-    :show-pagination-footer="false"
-    :show-know-more="false"
-    :feature-flag="FEATURE_FLAGS.CAPTAIN"
-  >
-    <template #headerActions>
-      <RangeSelector v-model="selectedRange" />
-    </template>
-    <template #body>
-      <div class="flex flex-col gap-6">
-        <InboxBanner />
-
-        <CoverageBanner :knowledge="stats?.knowledge" />
-
-        <WelcomeCard :range="selectedRange" />
-
-        <div
-          class="grid grid-cols-1 gap-px overflow-hidden border rounded-xl sm:grid-cols-2 lg:grid-cols-3 bg-n-weak border-n-weak"
-        >
-          <MetricCard
-            v-for="metric in metrics"
-            :key="metric.key"
-            :label="metric.label"
-            :value="metric.value"
-            :trend="metric.trend"
-            :hint="metric.hint"
-            :trend-good="metric.trendGood"
-          />
-        </div>
-
-        <KnowledgeCard :knowledge="stats?.knowledge" />
-
-        <QuickLinks />
-      </div>
-    </template>
-  </PageLayout>
-</template>

app/javascript/dashboard/routes/dashboard/captain/captain.routes.js

@@ -6,7 +6,6 @@ import CaptainPageRouteView from './pages/CaptainPageRouteView.vue';
 import AssistantsIndexPage from './pages/AssistantsIndexPage.vue';
 import AssistantEmptyStateIndex from './assistants/Index.vue';
 
-import AssistantOverviewIndex from './assistants/overview/Index.vue';
 import AssistantSettingsIndex from './assistants/settings/Settings.vue';
 import AssistantInboxesIndex from './assistants/inboxes/Index.vue';
 import AssistantPlaygroundIndex from './assistants/playground/Index.vue';
@@ -37,12 +36,6 @@ const metaV2 = {
 };
 
 const assistantRoutes = [
-  {
-    path: frontendURL('accounts/:accountId/captain/:assistantId/overview'),
-    component: AssistantOverviewIndex,
-    name: 'captain_assistants_overview_index',
-    meta,
-  },
   {
     path: frontendURL('accounts/:accountId/captain/:assistantId/faqs'),
     component: ResponsesIndex,

app/javascript/dashboard/routes/dashboard/captain/pages/AssistantsIndexPage.vue

@@ -53,7 +53,6 @@ const routeToLastActiveAssistant = () => {
 
   const { navigationPath } = route.params;
   const isAValidRoute = [
-    'captain_assistants_overview_index', // Overview page
     'captain_assistants_responses_index', // Faq page
     'captain_assistants_documents_index', // Document page
     'captain_assistants_scenarios_index', // Scenario page

app/javascript/dashboard/routes/dashboard/conversation/ConversationAction.vue

@@ -252,7 +252,6 @@ export default {
       <MultiselectDropdown
         :options="teamsList"
         :selected-item="assignedTeam"
-        show-emoji-icon
         :multiselector-title="$t('AGENT_MGMT.MULTI_SELECTOR.TITLE.TEAM')"
         :multiselector-placeholder="$t('AGENT_MGMT.MULTI_SELECTOR.PLACEHOLDER')"
         :no-search-result="

app/javascript/dashboard/routes/dashboard/dashboard.routes.js

@@ -13,7 +13,6 @@ import AppContainer from './Dashboard.vue';
 import Suspended from './suspended/Index.vue';
 import NoAccounts from './noAccounts/Index.vue';
 import OnboardingAccountDetails from './onboarding/Index.vue';
-import OnboardingInboxSetup from './onboarding/InboxSetup.vue';
 
 export default {
   routes: [
@@ -41,14 +40,6 @@ export default {
       },
       component: OnboardingAccountDetails,
     },
-    {
-      path: frontendURL('accounts/:accountId/onboarding/inbox-setup'),
-      name: 'onboarding_inbox_setup',
-      meta: {
-        permissions: ['administrator', 'agent', 'custom_role'],
-      },
-      component: OnboardingInboxSetup,
-    },
     {
       path: frontendURL('accounts/:accountId/suspended'),
       name: 'account_suspended',

app/javascript/dashboard/routes/dashboard/helpcenter/pages/PortalsArticlesIndexPage.vue

@@ -1,17 +1,15 @@
 <script setup>
 import { computed, ref, onMounted, watch } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+import { useRoute } from 'vue-router';
 import { useMapGetter, useStore } from 'dashboard/composables/store.js';
 import allLocales from 'shared/constants/locales.js';
 import { getArticleStatus } from 'dashboard/helper/portalHelper.js';
 import ArticlesPage from 'dashboard/components-next/HelpCenter/Pages/ArticlePage/ArticlesPage.vue';
 
 const route = useRoute();
-const router = useRouter();
 const store = useStore();
 
 const pageNumber = ref(1);
-const searchQuery = ref(route.query.search || '');
 
 const allArticles = useMapGetter('articles/allArticles');
 const articlesSortedByPosition = useMapGetter(
@@ -76,7 +74,6 @@ const fetchArticles = ({ pageNumber: pageNumberParam } = {}) => {
     status: status.value,
     authorId: author.value,
     categorySlug: selectedCategorySlug.value,
-    query: searchQuery.value || undefined,
   });
 };
 
@@ -84,15 +81,6 @@ const onPageChange = pageNumberParam => {
   fetchArticles({ pageNumber: pageNumberParam });
 };
 
-const onSearch = query => {
-  searchQuery.value = query;
-  pageNumber.value = 1;
-  router.replace({
-    query: { ...route.query, search: query || undefined },
-  });
-  fetchArticles({ pageNumber: 1 });
-};
-
 const fetchPortalAndItsCategories = async locale => {
   await store.dispatch('portals/index');
   const selectedPortalParam = {
@@ -130,7 +118,6 @@ watch(
       :portal-meta="portalMeta"
       :is-category-articles="isCategoryArticles"
       @page-change="onPageChange"
-      @search="onSearch"
       @fetch-portal="fetchPortalAndItsCategories"
       @refresh-articles="fetchArticles"
     />

app/javascript/dashboard/routes/dashboard/onboarding/InboxSetup.vue

@@ -1,158 +0,0 @@
-<script setup>
-import { computed, onMounted, ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useRouter } from 'vue-router';
-import { useStore, useMapGetter } from 'dashboard/composables/store';
-import { useAlert, useTrack } from 'dashboard/composables';
-import { useAccount } from 'dashboard/composables/useAccount';
-import { useConfig } from 'dashboard/composables/useConfig';
-import { ONBOARDING_EVENTS } from 'dashboard/helper/AnalyticsHelper/events';
-import Icon from 'dashboard/components-next/icon/Icon.vue';
-import OnboardingLayout from './shared/OnboardingLayout.vue';
-import OnboardingSection from './shared/OnboardingSection.vue';
-import InboxChannelsDialog from './inbox-setup/InboxChannelsDialog.vue';
-import InboxChannelsFooter from './inbox-setup/InboxChannelsFooter.vue';
-import ChannelRow from './inbox-setup/ChannelRow.vue';
-import WebWidgetCreationStatus from './inbox-setup/WebWidgetCreationStatus.vue';
-import HelpCenterCreationStatus from './inbox-setup/HelpCenterCreationStatus.vue';
-import { CHANNEL_TYPES } from 'dashboard/helper/inbox';
-import { useChannelConnect } from './inbox-setup/useChannelConnect';
-import { useDetectedChannels } from './inbox-setup/useDetectedChannels';
-import { DIALOG_CHANNELS } from './inbox-setup/constants';
-
-const { t } = useI18n();
-const store = useStore();
-const router = useRouter();
-const { accountId, currentAccount, finishOnboarding } = useAccount();
-const { isEnterprise } = useConfig();
-const { connectViaOAuth, connectWhatsapp } = useChannelConnect();
-
-const helpCenterGenerationId = computed(
-  () => currentAccount.value?.custom_attributes?.help_center_generation_id
-);
-
-const isSubmitting = ref(false);
-
-const inboxes = useMapGetter('inboxes/getInboxes');
-
-const {
-  displayedChannels,
-  remainingChannels,
-  connectedInbox,
-  hasDetectedChannels,
-} = useDetectedChannels();
-
-const channelsDialogRef = ref(null);
-
-// The initial inboxes fetch happens in WebWidgetCreationStatus, which polls
-// `inboxes/get` from its own mount — no need to dispatch it here too.
-onMounted(() => {
-  useTrack(ONBOARDING_EVENTS.INBOX_SETUP_VISITED);
-});
-
-const completeOnboarding = async event => {
-  if (isSubmitting.value) return;
-
-  isSubmitting.value = true;
-  try {
-    // Declare the step we're completing so the controller only clears it when
-    // the stored step still matches (idempotent). setUser then refreshes the
-    // auth store so the router guard sees the cleared step and lets us in.
-    await finishOnboarding({ onboarding_step: 'inbox_setup' });
-    useTrack(event);
-    await store.dispatch('setUser');
-    router.push({ name: 'home', params: { accountId: accountId.value } });
-  } catch {
-    useAlert(t('ONBOARDING_INBOX_SETUP.ERROR'));
-  } finally {
-    isSubmitting.value = false;
-  }
-};
-
-const handleContinue = () =>
-  completeOnboarding(ONBOARDING_EVENTS.INBOX_SETUP_COMPLETED);
-const handleSkip = () =>
-  completeOnboarding(ONBOARDING_EVENTS.INBOX_SETUP_SKIPPED);
-const openChannelsDialog = () => channelsDialogRef.value?.open();
-const refetchInboxes = () => store.dispatch('inboxes/get');
-
-// WhatsApp connects via Meta's embedded-signup popup; the DIALOG_CHANNELS open
-// the channels dialog preselected to their in-dialog step; the rest go through
-// the redirect OAuth flow (Gmail/Outlook keyed by email provider, Instagram by
-// channel type).
-const connectChannel = channel => {
-  if (channel.type === CHANNEL_TYPES.WHATSAPP) {
-    connectWhatsapp();
-    return;
-  }
-  if (DIALOG_CHANNELS.includes(channel.type)) {
-    channelsDialogRef.value?.open(channel.type);
-    return;
-  }
-  connectViaOAuth(channel.inbox?.provider || channel.type);
-};
-</script>
-
-<template>
-  <div>
-    <OnboardingLayout
-      :greeting="t('ONBOARDING_INBOX_SETUP.GREETING')"
-      :subtitle="t('ONBOARDING_INBOX_SETUP.SUBTITLE')"
-      :continue-label="t('ONBOARDING_INBOX_SETUP.CONTINUE')"
-      :skip-label="t('ONBOARDING_INBOX_SETUP.SKIP')"
-      :is-loading="isSubmitting"
-      @continue="handleContinue"
-      @skip="handleSkip"
-    >
-      <template #greeting-icon>
-        <Icon icon="i-lucide-wrench" class="size-4 text-n-slate-7" />
-      </template>
-
-      <OnboardingSection
-        :title="t('ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.TITLE')"
-        icon="i-lucide-sparkles"
-      >
-        <div class="divide-y divide-n-weak">
-          <WebWidgetCreationStatus />
-          <HelpCenterCreationStatus
-            v-if="isEnterprise && helpCenterGenerationId"
-          />
-        </div>
-      </OnboardingSection>
-
-      <OnboardingSection
-        :title="t('ONBOARDING_INBOX_SETUP.CHANNELS.TITLE')"
-        icon="i-lucide-inbox"
-      >
-        <div
-          v-if="hasDetectedChannels"
-          class="flex items-center gap-2 p-3 border-b border-dashed border-n-strong"
-        >
-          <Icon
-            icon="i-lucide-lightbulb"
-            class="size-4 text-n-slate-11 flex-shrink-0"
-          />
-          <span class="flex-1 min-w-0 text-body-main text-n-slate-11">
-            {{ t('ONBOARDING_INBOX_SETUP.CHANNELS.HEADER') }}
-          </span>
-        </div>
-        <ChannelRow
-          v-for="channel in displayedChannels"
-          :key="channel.type"
-          :channel="channel"
-          :connected-inbox="connectedInbox(channel)"
-          @connect="connectChannel"
-        />
-        <InboxChannelsFooter
-          :remaining-channels="remainingChannels"
-          @view-all="openChannelsDialog"
-        />
-      </OnboardingSection>
-    </OnboardingLayout>
-    <InboxChannelsDialog
-      ref="channelsDialogRef"
-      :inboxes="inboxes"
-      @connected="refetchInboxes"
-    />
-  </div>
-</template>

app/javascript/dashboard/routes/dashboard/onboarding/Index.vue

@@ -1,22 +1,21 @@
 <script setup>
-import { ref, computed, nextTick, onMounted } from 'vue';
+import { ref, computed, nextTick, onMounted, onUnmounted, watch } from 'vue';
 import { useVuelidate } from '@vuelidate/core';
-import { required } from '@vuelidate/validators';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { useAlert, useTrack } from 'dashboard/composables';
 import { ONBOARDING_EVENTS } from 'dashboard/helper/AnalyticsHelper/events';
 import { useAccount } from 'dashboard/composables/useAccount';
 import { useConfig } from 'dashboard/composables/useConfig';
-import { useStore, useMapGetter } from 'dashboard/composables/store';
+import { useMapGetter, useStore } from 'dashboard/composables/store';
+import { frontendURL } from 'dashboard/helper/URLHelper';
 import Avatar from 'dashboard/components-next/avatar/Avatar.vue';
 import Icon from 'dashboard/components-next/icon/Icon.vue';
 import NextButton from 'dashboard/components-next/button/Button.vue';
-import OnboardingLayout from './shared/OnboardingLayout.vue';
-import OnboardingSection from './shared/OnboardingSection.vue';
-import OnboardingFormRow from './account-details/OnboardingFormRow.vue';
-import OnboardingFormSelect from './account-details/OnboardingFormSelect.vue';
-import { useAccountEnrichment } from './account-details/useAccountEnrichment';
+import OnboardingLayout from './OnboardingLayout.vue';
+import OnboardingSection from './OnboardingSection.vue';
+import OnboardingFormRow from './OnboardingFormRow.vue';
+import OnboardingFormSelect from './OnboardingFormSelect.vue';
 import InlineInput from 'dashboard/components-next/inline-input/InlineInput.vue';
 import Spinner from 'dashboard/components-next/spinner/Spinner.vue';
 import {
@@ -24,16 +23,12 @@ import {
   INDUSTRY_OPTIONS,
   REFERRAL_SOURCE_OPTIONS,
   USER_ROLE_OPTIONS,
-} from './shared/constants';
+} from './constants';
 
 const { t } = useI18n();
 const router = useRouter();
 const store = useStore();
 const { accountId, currentAccount, finishOnboarding } = useAccount();
-
-// Where each onboarding cursor routes. The backend owns which steps run where;
-// the frontend just follows the cursor it advanced us to (no deployment checks).
-const STEP_ROUTES = { inbox_setup: 'onboarding_inbox_setup' };
 const { enabledLanguages } = useConfig();
 const currentUser = useMapGetter('getCurrentUser');
 
@@ -51,10 +46,7 @@ const showErrorOnFields = ref(false);
 
 const validationRules = {
   userRole: {},
-  // Website is required: the onboarding web-widget inbox can't be created
-  // without a URL (Channel::WebWidget validates presence), so a blank value
-  // would leave the "Live Chat widget" status polling forever.
-  website: { required },
+  website: {},
   locale: {},
   timezone: {},
   companySize: {},
@@ -75,15 +67,12 @@ const v$ = useVuelidate(validationRules, {
 const userName = computed(() => currentUser.value?.name || '');
 const userEmail = computed(() => currentUser.value?.email || '');
 const accountName = computed(() => currentAccount.value?.name || '');
-const { isEnriching, getChangedFields } = useAccountEnrichment({
-  locale,
-  website,
-  timezone,
-  companySize,
-  industry,
-  referralSource,
-});
-
+const enrichmentTimedOut = ref(false);
+const isEnriching = computed(
+  () =>
+    !enrichmentTimedOut.value &&
+    currentAccount.value?.custom_attributes?.onboarding_step === 'enrichment'
+);
 const companyLogo = computed(() => {
   const logos = currentAccount.value?.custom_attributes?.brand_info?.logos;
   if (!logos?.length) return '';
@@ -109,10 +98,94 @@ const timezoneOptions = computed(() => {
   }
 });
 
+// Best-effort match browser language to enabled Chatwoot locales.
+// Tries exact match first (e.g. 'pt_BR'), then base language (e.g. 'pt'),
+// falls back to account locale or 'en'.
+const detectBestLocale = () => {
+  const codes = (enabledLanguages || []).map(l => l.iso_639_1_code);
+  const browserLang = navigator.language?.replace('-', '_');
+  const accountLocale = currentAccount.value?.locale || 'en';
+  if (!browserLang) return accountLocale;
+
+  if (codes.includes(browserLang)) return browserLang;
+  const base = browserLang.split('_')[0];
+  if (codes.includes(base)) return base;
+
+  return accountLocale;
+};
+
+// Snapshot of auto-populated values to detect user edits at submit time
+const initialValues = ref({});
+
+const snapshotInitialValues = () => {
+  initialValues.value = {
+    website: website.value,
+    company_size: companySize.value,
+    industry: industry.value,
+  };
+};
+
+// Idempotent: only fills empty fields, so late-arriving enrichment data
+// populates untouched fields without clobbering user edits.
+const populateFormFields = () => {
+  const account = currentAccount.value;
+  const attrs = account?.custom_attributes || {};
+  const brandInfo = attrs.brand_info;
+
+  if (!locale.value) locale.value = detectBestLocale();
+  if (!website.value) {
+    website.value = attrs.website || brandInfo?.domain || '';
+  }
+  if (!timezone.value) {
+    timezone.value =
+      attrs.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone || '';
+  }
+  if (!companySize.value) companySize.value = attrs.company_size || '';
+  if (!industry.value) {
+    industry.value =
+      attrs.industry || brandInfo?.industries?.[0]?.industry || '';
+  }
+  if (!referralSource.value) referralSource.value = attrs.referral_source || '';
+
+  snapshotInitialValues();
+};
+
+let enrichmentTimer = null;
+
+const startEnrichmentTimer = () => {
+  if (enrichmentTimer) clearTimeout(enrichmentTimer);
+  enrichmentTimer = setTimeout(() => {
+    enrichmentTimedOut.value = true;
+    populateFormFields();
+  }, 30000);
+};
+
 onMounted(() => {
+  populateFormFields();
   useTrack(ONBOARDING_EVENTS.ACCOUNT_DETAILS_VISITED);
+  if (isEnriching.value) startEnrichmentTimer();
 });
 
+onUnmounted(() => {
+  if (enrichmentTimer) clearTimeout(enrichmentTimer);
+});
+
+watch(isEnriching, newVal => {
+  if (newVal) {
+    startEnrichmentTimer();
+  } else {
+    if (enrichmentTimer) clearTimeout(enrichmentTimer);
+    populateFormFields();
+  }
+});
+
+// Re-populate when account data arrives after mount, or when brand_info
+// appears after enrichment. populateFormFields is idempotent so this is safe.
+watch(
+  () => currentAccount.value?.custom_attributes,
+  () => populateFormFields()
+);
+
 const enableWebsiteEditing = () => {
   isEditingWebsite.value = true;
   nextTick(() => websiteInput.value?.focus());
@@ -131,10 +204,8 @@ const normalizeWebsiteUrl = raw => {
 const handleSubmit = async () => {
   // Block submit while enrichment is still running so users can't bypass
   // the form with empty values — the controller would otherwise clear
-  // onboarding_step and persist incomplete data. Also guard against
-  // re-entry while a submit is in flight (double-click/Enter), which would
-  // fire parallel requests that can duplicate the auto-created inbox/portal.
-  if (isEnriching.value || isSubmitting.value) return;
+  // onboarding_step and persist incomplete data.
+  if (isEnriching.value) return;
 
   v$.value.$touch();
   if (v$.value.$invalid) {
@@ -143,15 +214,22 @@ const handleSubmit = async () => {
     setTimeout(() => {
       showErrorOnFields.value = false;
     }, 600);
-    // The website field is read-only until edited; open it so a required-but-
-    // empty value is immediately fixable rather than just shaking a locked field.
-    if (v$.value.website.$error) enableWebsiteEditing();
     return;
   }
 
-  // Capture which enrichable fields the user edited *before* normalizing the
-  // website, so an untouched auto-filled domain isn't falsely flagged.
-  const fieldsChanged = getChangedFields();
+  // Detect which enrichable fields the user actually edited *before*
+  // normalizing — otherwise an untouched auto-filled domain
+  // (acme.com -> https://acme.com) compares unequal against the raw snapshot
+  // and gets falsely reported as changed, skewing onboarding telemetry.
+  const init = initialValues.value;
+  const enrichableFields = {
+    website: website.value,
+    company_size: companySize.value,
+    industry: industry.value,
+  };
+  const fieldsChanged = Object.entries(enrichableFields)
+    .filter(([key, val]) => val !== init[key])
+    .map(([key]) => key);
 
   // Persist with a scheme so downstream consumers (Firecrawl, portal
   // homepage_link) get a fully-qualified URL regardless of what the user typed.
@@ -168,7 +246,6 @@ const handleSubmit = async () => {
       timezone: timezone.value,
       referral_source: referralSource.value,
       user_role: userRole.value,
-      onboarding_step: 'account_details',
     });
 
     useTrack(ONBOARDING_EVENTS.ACCOUNT_DETAILS_COMPLETED, {
@@ -183,19 +260,8 @@ const handleSubmit = async () => {
     });
 
     useAlert(t('ONBOARDING_NEXT.SUCCESS'));
-    // Follow the cursor the backend advanced us to. A next step routes there; no
-    // next step means onboarding is complete, so refresh the user (so the router
-    // guard sees the cleared cursor) and head to the dashboard.
-    const nextStep = currentAccount.value?.custom_attributes?.onboarding_step;
-    if (STEP_ROUTES[nextStep]) {
-      router.push({
-        name: STEP_ROUTES[nextStep],
-        params: { accountId: accountId.value },
-      });
-    } else {
-      await store.dispatch('setUser');
-      router.push({ name: 'home', params: { accountId: accountId.value } });
-    }
+    store.commit('RESET_ONBOARDING', accountId.value);
+    router.push(frontendURL(`accounts/${accountId.value}/dashboard`));
   } catch {
     useAlert(t('ONBOARDING_NEXT.ERROR'));
   } finally {

app/javascript/dashboard/routes/dashboard/onboarding/OnboardingLayout.vue

@@ -5,12 +5,11 @@ defineProps({
   greeting: { type: String, required: true },
   subtitle: { type: String, default: '' },
   continueLabel: { type: String, default: 'Continue' },
-  skipLabel: { type: String, default: '' },
   isLoading: { type: Boolean, default: false },
   disabled: { type: Boolean, default: false },
 });
 
-defineEmits(['continue', 'skip']);
+defineEmits(['continue']);
 </script>
 
 <template>
@@ -21,7 +20,7 @@ defineEmits(['continue', 'skip']);
     <div
       class="absolute inset-0 bg-[size:96px_96px] bg-[image:linear-gradient(to_right,rgb(var(--border-weak))_1px,transparent_1px),linear-gradient(to_bottom,rgb(var(--border-weak))_1px,transparent_1px)] [mask-image:radial-gradient(ellipse_80%_80%_at_100%_0%,black_5%,transparent_50%),radial-gradient(ellipse_80%_80%_at_0%_100%,black_5%,transparent_50%)] [mask-composite:add] [-webkit-mask-composite:source-over]"
     />
-    <div class="relative w-full max-w-[40rem]">
+    <div class="relative w-full max-w-[580px]">
       <div class="relative ps-12">
         <!-- Timeline dotted line -->
         <svg
@@ -105,30 +104,16 @@ defineEmits(['continue', 'skip']);
         >
           <path d="M6 0L0 3L6 6Z" fill="rgb(var(--blue-9))" />
         </svg>
-        <div class="flex items-center gap-3">
-          <NextButton
-            type="submit"
-            blue
-            :is-loading="isLoading"
-            :disabled="disabled"
-            :class="
-              skipLabel ? 'flex-1 justify-center' : 'w-full justify-center'
-            "
-            @click="$emit('continue')"
-          >
-            {{ continueLabel }}
-          </NextButton>
-          <NextButton
-            v-if="skipLabel"
-            type="button"
-            slate
-            outline
-            class="flex-1 justify-center"
-            @click="$emit('skip')"
-          >
-            {{ skipLabel }}
-          </NextButton>
-        </div>
+        <NextButton
+          type="submit"
+          blue
+          :is-loading="isLoading"
+          :disabled="disabled"
+          class="w-full justify-center"
+          @click="$emit('continue')"
+        >
+          {{ continueLabel }}
+        </NextButton>
       </div>
     </div>
   </div>

app/javascript/dashboard/routes/dashboard/onboarding/OnboardingSection.vue

@@ -4,7 +4,6 @@ import Icon from 'dashboard/components-next/icon/Icon.vue';
 defineProps({
   title: { type: String, required: true },
   icon: { type: String, required: true },
-  bare: { type: Boolean, default: false },
 });
 </script>
 
@@ -43,12 +42,8 @@ defineProps({
     </div>
 
     <!-- Card -->
-    <div
-      v-if="!bare"
-      class="border border-n-weak rounded-xl overflow-hidden bg-n-surface-1"
-    >
+    <div class="border border-n-weak rounded-xl overflow-hidden bg-n-surface-1">
       <slot />
     </div>
-    <slot v-else />
   </div>
 </template>

app/javascript/dashboard/routes/dashboard/onboarding/account-details/useAccountEnrichment.js

@@ -1,136 +0,0 @@
-import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
-import { useAccount } from 'dashboard/composables/useAccount';
-import { useConfig } from 'dashboard/composables/useConfig';
-
-const ENRICHMENT_TIMEOUT = 30000;
-
-// Manages the post-signup enrichment lifecycle for the account-details form.
-// After signup the account is enriched asynchronously (onboarding_step ===
-// 'enrichment'); this fills empty form fields from the enriched
-// custom_attributes/brand_info as it arrives — idempotently, so it never
-// clobbers a value the user has already typed — waits the step out (with a
-// timeout fallback), and tracks which enrichable fields the user edited.
-//
-// `fields` is the set of form refs to populate, owned by the component so it can
-// still wire them to validation and the template.
-export function useAccountEnrichment(fields) {
-  const { currentAccount } = useAccount();
-  const { enabledLanguages } = useConfig();
-
-  const enrichmentTimedOut = ref(false);
-  const isEnriching = computed(
-    () =>
-      !enrichmentTimedOut.value &&
-      currentAccount.value?.custom_attributes?.onboarding_step === 'enrichment'
-  );
-
-  // Best-effort match browser language to enabled Chatwoot locales: exact match
-  // first (e.g. 'pt_BR'), then base language (e.g. 'pt'), else the account
-  // locale or 'en'.
-  const detectBestLocale = () => {
-    const codes = (enabledLanguages || []).map(l => l.iso_639_1_code);
-    const browserLang = navigator.language?.replace('-', '_');
-    const accountLocale = currentAccount.value?.locale || 'en';
-    if (!browserLang) return accountLocale;
-
-    if (codes.includes(browserLang)) return browserLang;
-    const base = browserLang.split('_')[0];
-    if (codes.includes(base)) return base;
-
-    return accountLocale;
-  };
-
-  // Snapshot of the auto-populated values, used to detect user edits at submit.
-  const initialValues = ref({});
-  const snapshotInitialValues = () => {
-    initialValues.value = {
-      website: fields.website.value,
-      company_size: fields.companySize.value,
-      industry: fields.industry.value,
-    };
-  };
-
-  // Idempotent: only fills empty fields, so late-arriving enrichment data
-  // populates untouched fields without clobbering user edits.
-  const populateFormFields = () => {
-    const {
-      website,
-      timezone,
-      company_size: companySize,
-      industry,
-      referral_source: referralSource,
-      brand_info: brandInfo,
-    } = currentAccount.value?.custom_attributes || {};
-
-    const fillIfEmpty = (field, value) => {
-      if (!field.value) field.value = value || '';
-    };
-
-    fillIfEmpty(fields.locale, detectBestLocale());
-    fillIfEmpty(fields.website, website || brandInfo?.domain);
-    fillIfEmpty(
-      fields.timezone,
-      timezone || Intl.DateTimeFormat().resolvedOptions().timeZone
-    );
-    fillIfEmpty(fields.companySize, companySize);
-    fillIfEmpty(
-      fields.industry,
-      industry || brandInfo?.industries?.[0]?.industry
-    );
-    fillIfEmpty(fields.referralSource, referralSource);
-
-    snapshotInitialValues();
-  };
-
-  let enrichmentTimer = null;
-  const startEnrichmentTimer = () => {
-    if (enrichmentTimer) clearTimeout(enrichmentTimer);
-    enrichmentTimer = setTimeout(() => {
-      enrichmentTimedOut.value = true;
-      populateFormFields();
-    }, ENRICHMENT_TIMEOUT);
-  };
-
-  onMounted(() => {
-    populateFormFields();
-    if (isEnriching.value) startEnrichmentTimer();
-  });
-
-  onUnmounted(() => {
-    if (enrichmentTimer) clearTimeout(enrichmentTimer);
-  });
-
-  watch(isEnriching, enriching => {
-    if (enriching) {
-      startEnrichmentTimer();
-    } else {
-      if (enrichmentTimer) clearTimeout(enrichmentTimer);
-      populateFormFields();
-    }
-  });
-
-  // Re-populate when account data arrives after mount, or when brand_info
-  // appears after enrichment. populateFormFields is idempotent so this is safe.
-  watch(
-    () => currentAccount.value?.custom_attributes,
-    () => populateFormFields()
-  );
-
-  // Enrichable fields the user actually edited since they were auto-filled.
-  // Compare against the snapshot *before* the caller normalizes any values —
-  // otherwise an untouched auto-filled domain (acme.com -> https://acme.com)
-  // compares unequal and gets falsely reported as changed.
-  const getChangedFields = () => {
-    const init = initialValues.value;
-    const current = {
-      website: fields.website.value,
-      company_size: fields.companySize.value,
-      industry: fields.industry.value,
-    };
-    return Object.entries(current)
-      .filter(([key, value]) => value !== init[key])
-      .map(([key]) => key);
-  };
-
-  return { isEnriching, getChangedFields };
-}

app/javascript/dashboard/routes/dashboard/onboarding/inbox-setup/ChannelRow.vue

@@ -1,60 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import ChannelIcon from 'dashboard/components-next/icon/ChannelIcon.vue';
-
-const props = defineProps({
-  channel: { type: Object, required: true },
-  connectedInbox: { type: Object, default: null },
-});
-
-defineEmits(['connect']);
-
-const { t } = useI18n();
-
-const connected = computed(() => Boolean(props.connectedInbox));
-// Prefer the real connected account's name over the detected handle — the user
-// may have connected a different account than the one we detected.
-const connectedName = computed(
-  () =>
-    props.connectedInbox?.name ||
-    props.channel.handle ||
-    t(props.channel.labelKey)
-);
-</script>
-
-<template>
-  <div class="flex items-center gap-2 p-3 border-b border-n-weak">
-    <div class="size-4 rounded overflow-hidden flex-shrink-0">
-      <ChannelIcon
-        :inbox="channel.inbox"
-        use-brand-icon
-        class="size-4"
-        :class="{ grayscale: !connected }"
-      />
-    </div>
-    <span class="flex-1 min-w-0 truncate text-body-main text-n-slate-12">
-      {{ t(channel.labelKey) }}
-    </span>
-    <div
-      v-if="connected"
-      class="flex items-center gap-2 flex-shrink-0 text-body-main text-n-slate-11"
-    >
-      <span class="whitespace-nowrap">{{ connectedName }}</span>
-      <span class="w-px h-3 bg-n-weak" />
-      <span class="whitespace-nowrap">
-        {{ t('ONBOARDING_INBOX_SETUP.CHANNELS.CONNECTED') }}
-      </span>
-    </div>
-    <button
-      v-else
-      type="button"
-      class="flex items-center flex-shrink-0 h-7 px-2 rounded-lg outline outline-1 outline-n-container bg-n-button-color text-button text-n-blue-11"
-      @click="$emit('connect', channel)"
-    >
-      <span class="truncate">
-        {{ t('ONBOARDING_INBOX_SETUP.CHANNELS.CONNECT') }}
-      </span>
-    </button>
-  </div>
-</template>

app/javascript/dashboard/routes/dashboard/onboarding/inbox-setup/CreationStatusRow.vue

@@ -1,33 +0,0 @@
-<script setup>
-import Icon from 'dashboard/components-next/icon/Icon.vue';
-import Spinner from 'dashboard/components-next/spinner/Spinner.vue';
-
-// Presentational shell for the "Created for you" rows. The owning component
-// drives `ready` from its own lifecycle (widget polling, help-center events);
-// row separation is handled by the parent's `divide-y`.
-defineProps({
-  ready: { type: Boolean, default: false },
-  title: { type: String, required: true },
-  description: { type: String, default: '' },
-  status: { type: String, default: '' },
-});
-</script>
-
-<template>
-  <div class="flex items-center justify-between gap-3 px-3 py-3">
-    <div class="flex items-center gap-2 min-w-0">
-      <Icon
-        v-if="ready"
-        icon="i-lucide-check"
-        class="size-4 text-n-teal-11 flex-shrink-0"
-      />
-      <Spinner v-else :size="16" class="text-n-slate-9 flex-shrink-0" />
-      <span class="text-sm font-medium text-n-slate-12 flex-shrink-0">
-        {{ title }}
-      </span>
-      <span class="w-px h-4 bg-n-weak flex-shrink-0" />
-      <span class="text-sm text-n-slate-11 truncate">{{ description }}</span>
-    </div>
-    <span class="text-sm text-n-slate-11 flex-shrink-0">{{ status }}</span>
-  </div>
-</template>

app/javascript/dashboard/routes/dashboard/onboarding/inbox-setup/HelpCenterCreationStatus.vue

@@ -1,116 +0,0 @@
-<script setup>
-import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
-import { useTimeoutPoll } from '@vueuse/core';
-import { useI18n } from 'vue-i18n';
-import OnboardingAPI from 'dashboard/api/onboarding';
-import CreationStatusRow from './CreationStatusRow.vue';
-
-const { t } = useI18n();
-const POLL_INTERVAL = 5000;
-
-const generation = ref({
-  generation_id: null,
-  state: null,
-  articles_count: 0,
-  categories_count: 0,
-});
-
-// Before the first article arrives, advance through phases so the spinner
-// label doesn't sit on a single line through the whole curation step.
-const generatingPhases = computed(() => [
-  t('ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.HELP_CENTER_GENERATING'),
-  t('ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.HELP_CENTER_ANALYZING_WEBSITE'),
-  t('ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.HELP_CENTER_SETTING_UP_CATEGORIES'),
-  t('ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.HELP_CENTER_CURATING_ARTICLES'),
-]);
-const PHASE_DELAY_BASE = 4000;
-const PHASE_DELAY_JITTER = 2000;
-
-const phaseIndex = ref(0);
-let phaseTimer = null;
-
-// Advance one phase after a jittered delay; stop once we reach the last line
-// (it then holds until the first article arrives).
-const scheduleNextPhase = () => {
-  if (phaseIndex.value >= generatingPhases.value.length - 1) return;
-  const delay = PHASE_DELAY_BASE + Math.random() * PHASE_DELAY_JITTER;
-  phaseTimer = setTimeout(() => {
-    phaseIndex.value += 1;
-    scheduleNextPhase();
-  }, delay);
-};
-
-const status = computed(
-  () =>
-    generation.value.state?.status ||
-    (generation.value.generation_id ? 'generating' : 'not_started')
-);
-const isCompleted = computed(() => status.value === 'completed');
-const isSkipped = computed(() => status.value === 'skipped');
-const isNotStarted = computed(() => status.value === 'not_started');
-const isTerminal = computed(
-  () => isCompleted.value || isSkipped.value || isNotStarted.value
-);
-const articlesCount = computed(() => generation.value.articles_count || 0);
-const categoriesCount = computed(() => generation.value.categories_count || 0);
-
-// Poll the generation status until it reaches a terminal state. useTimeoutPoll
-// waits for each request to settle before scheduling the next (so requests never
-// overlap), fires immediately on mount, and stops on unmount.
-const { pause: stopPolling } = useTimeoutPoll(
-  async () => {
-    try {
-      const { data } = await OnboardingAPI.getHelpCenterGeneration();
-      generation.value = data;
-      if (isTerminal.value) stopPolling();
-    } catch {
-      // Keep polling; transient network failures should not strand onboarding.
-    }
-  },
-  POLL_INTERVAL,
-  { immediate: true }
-);
-
-onMounted(scheduleNextPhase);
-onBeforeUnmount(() => clearTimeout(phaseTimer));
-
-const articlesText = computed(() =>
-  t(
-    'ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.HELP_CENTER_ARTICLES',
-    { count: articlesCount.value },
-    articlesCount.value
-  )
-);
-
-const statusText = computed(() => {
-  if (isCompleted.value) {
-    const categories = t(
-      'ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.HELP_CENTER_CATEGORIES',
-      { count: categoriesCount.value },
-      categoriesCount.value
-    );
-    return t(
-      'ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.HELP_CENTER_SUMMARY',
-      { count: articlesCount.value, categories },
-      articlesCount.value
-    );
-  }
-  if (articlesCount.value > 0) return articlesText.value;
-  return generatingPhases.value[phaseIndex.value];
-});
-
-const isVisible = computed(() => !isSkipped.value && !isNotStarted.value);
-</script>
-
-<!-- eslint-disable-next-line vue/no-root-v-if -->
-<template>
-  <CreationStatusRow
-    v-if="isVisible"
-    :ready="isCompleted"
-    :title="t('ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.HELP_CENTER')"
-    :description="
-      t('ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.HELP_CENTER_DESCRIPTION')
-    "
-    :status="statusText"
-  />
-</template>

app/javascript/dashboard/routes/dashboard/onboarding/inbox-setup/InboxChannelForm.vue

@@ -1,139 +0,0 @@
-<script setup>
-import { computed, reactive, ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useStore } from 'dashboard/composables/store';
-import { useAlert } from 'dashboard/composables';
-import Input from 'dashboard/components-next/input/Input.vue';
-import NextButton from 'dashboard/components-next/button/Button.vue';
-
-const props = defineProps({
-  channel: { type: Object, required: true },
-});
-
-const emit = defineEmits(['back', 'created']);
-
-const { t } = useI18n();
-const store = useStore();
-
-// Per-channel field list + payload shape, mirroring the standalone settings
-// forms (channels/Line.vue, channels/Telegram.vue). Labels/placeholders reuse
-// the existing INBOX_MGMT translations so there's nothing new to localize.
-const FORMS = {
-  line: {
-    fields: [
-      {
-        key: 'lineChannelId',
-        label: t('INBOX_MGMT.ADD.LINE_CHANNEL.LINE_CHANNEL_ID.LABEL'),
-        placeholder: t(
-          'INBOX_MGMT.ADD.LINE_CHANNEL.LINE_CHANNEL_ID.PLACEHOLDER'
-        ),
-      },
-      {
-        key: 'lineChannelSecret',
-        label: t('INBOX_MGMT.ADD.LINE_CHANNEL.LINE_CHANNEL_SECRET.LABEL'),
-        placeholder: t(
-          'INBOX_MGMT.ADD.LINE_CHANNEL.LINE_CHANNEL_SECRET.PLACEHOLDER'
-        ),
-        type: 'password',
-      },
-      {
-        key: 'lineChannelToken',
-        label: t('INBOX_MGMT.ADD.LINE_CHANNEL.LINE_CHANNEL_TOKEN.LABEL'),
-        placeholder: t(
-          'INBOX_MGMT.ADD.LINE_CHANNEL.LINE_CHANNEL_TOKEN.PLACEHOLDER'
-        ),
-        type: 'password',
-      },
-    ],
-    errorMessage: t('INBOX_MGMT.ADD.LINE_CHANNEL.API.ERROR_MESSAGE'),
-    // Inbox name is mandatory for Line; prefill it from the channel label
-    // rather than asking, to keep the form to just the credentials.
-    buildPayload: values => ({
-      name: t(props.channel.labelKey),
-      channel: {
-        type: 'line',
-        line_channel_id: values.lineChannelId,
-        line_channel_secret: values.lineChannelSecret,
-        line_channel_token: values.lineChannelToken,
-      },
-    }),
-  },
-  telegram: {
-    fields: [
-      {
-        key: 'botToken',
-        label: t('INBOX_MGMT.ADD.TELEGRAM_CHANNEL.BOT_TOKEN.LABEL'),
-        placeholder: t('INBOX_MGMT.ADD.TELEGRAM_CHANNEL.BOT_TOKEN.PLACEHOLDER'),
-        type: 'password',
-      },
-    ],
-    errorMessage: t('INBOX_MGMT.ADD.TELEGRAM_CHANNEL.API.ERROR_MESSAGE'),
-    buildPayload: values => ({
-      channel: { type: 'telegram', bot_token: values.botToken },
-    }),
-  },
-};
-
-const config = FORMS[props.channel.type];
-const values = reactive(
-  Object.fromEntries(config.fields.map(field => [field.key, '']))
-);
-const isCreating = ref(false);
-
-const isValid = computed(() =>
-  config.fields.every(field => values[field.key].trim())
-);
-
-const submit = async () => {
-  if (!isValid.value || isCreating.value) return;
-
-  isCreating.value = true;
-  try {
-    await store.dispatch('inboxes/createChannel', config.buildPayload(values));
-    emit('created');
-  } catch (error) {
-    useAlert(error?.message || config.errorMessage);
-  } finally {
-    isCreating.value = false;
-  }
-};
-</script>
-
-<!-- This sits inside the dialog's <form>; intercept Enter so it submits the
-  channel here instead of bubbling up and completing onboarding. -->
-<template>
-  <div class="flex flex-col gap-4" @keydown.enter.prevent="submit">
-    <div class="grid grid-cols-[auto_1fr] items-center gap-4">
-      <template v-for="field in config.fields" :key="field.key">
-        <label :for="field.key" class="text-sm font-medium text-n-slate-12">
-          {{ field.label }}
-        </label>
-        <Input
-          :id="field.key"
-          v-model="values[field.key]"
-          :type="field.type || 'text'"
-          :placeholder="field.placeholder"
-        />
-      </template>
-    </div>
-    <div class="flex items-center gap-3">
-      <NextButton
-        type="button"
-        slate
-        faded
-        class="flex-1 justify-center"
-        :label="t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.BACK')"
-        @click="emit('back')"
-      />
-      <NextButton
-        type="button"
-        blue
-        class="flex-1 justify-center"
-        :is-loading="isCreating"
-        :disabled="!isValid"
-        :label="t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.CONNECT')"
-        @click="submit"
-      />
-    </div>
-  </div>
-</template>

app/javascript/dashboard/routes/dashboard/onboarding/inbox-setup/InboxChannelsDialog.vue

@@ -1,210 +0,0 @@
-<script setup>
-import { computed, ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-import Dialog from 'dashboard/components-next/dialog/Dialog.vue';
-import Icon from 'dashboard/components-next/icon/Icon.vue';
-import ChannelIcon from 'dashboard/components-next/icon/ChannelIcon.vue';
-import { CHANNEL_TYPES } from 'dashboard/helper/inbox';
-import { useChannelConnect } from './useChannelConnect';
-import { useChannelConfig } from './useChannelConfig';
-import { CHANNEL_LIST } from './constants';
-import { isChannelConnected } from './channelMatchers';
-import InboxChannelForm from './InboxChannelForm.vue';
-import InboxFacebookForm from './InboxFacebookForm.vue';
-
-const props = defineProps({
-  inboxes: { type: Array, default: () => [] },
-});
-
-const emit = defineEmits(['connected']);
-
-const { t } = useI18n();
-const { connectViaOAuth, connectWhatsapp } = useChannelConnect();
-const { isConfigured } = useChannelConfig();
-
-// Maps the dialog's display types to the OAuth client key the flow expects.
-// Types without an entry (manual-setup channels) are no-ops for now.
-const OAUTH_PROVIDERS = {
-  [CHANNEL_TYPES.GMAIL]: 'google',
-  [CHANNEL_TYPES.OUTLOOK]: 'microsoft',
-  [CHANNEL_TYPES.INSTAGRAM]: 'instagram',
-  [CHANNEL_TYPES.TIKTOK]: 'tiktok',
-};
-
-// A card's availability — what the user can do with it right now:
-//   available  — usable now (configured, not deferred)
-//   setupLater — deferred to in-app setup (SMS/API/Voice/Email cards)
-// Channels whose installation OAuth credentials are missing are hidden entirely
-// (see channelCards), so they never reach this state.
-// `connected` (a real inbox already backs it) is orthogonal and tracked
-// separately, since a connected channel can still be in any of these states.
-const channelAvailability = channel =>
-  channel.setupLater ? 'setupLater' : 'available';
-
-const CARD_CLASS = {
-  available: 'bg-n-solid-1 hover:outline-n-slate-6 cursor-pointer',
-  setupLater: 'bg-n-slate-2 cursor-not-allowed',
-};
-
-// Decorate the catalog with per-render state so the template reads plain fields
-// rather than calling predicates for each card. Channels needing an absent
-// installation credential are dropped so they don't show at all; deferred
-// (setupLater) channels stay since they aren't a configuration problem.
-const channelCards = computed(() =>
-  CHANNEL_LIST.filter(
-    channel => channel.setupLater || isConfigured(channel.type)
-  ).map(channel => {
-    const connected = isChannelConnected(props.inboxes, channel.inbox);
-    // Website inboxes are only auto-created during onboarding — there is no
-    // manual creation path, so an unconnected Website card defers rather than
-    // offering a click that can't do anything.
-    const availability =
-      channel.type === CHANNEL_TYPES.WEBSITE && !connected
-        ? 'setupLater'
-        : channelAvailability(channel);
-    return { ...channel, availability, connected };
-  })
-);
-
-const dialogRef = ref(null);
-
-// Credential-form channels (Line, Telegram) and Facebook swap the grid for an
-// inline view; OAuth channels redirect; the rest are no-ops for now.
-const selectedChannel = ref(null);
-
-// An inbox was created by an in-dialog form (Line/Telegram credentials or the
-// Facebook page picker); close the dialog (its @close resets the form view) and
-// let the parent refetch so the connected state and real channel icons update.
-const onCreated = () => {
-  dialogRef.value?.close();
-  emit('connected');
-};
-
-const onCardClick = channel => {
-  if (channel.availability !== 'available') return;
-  if (channel.form) {
-    selectedChannel.value = channel;
-    return;
-  }
-  // WhatsApp uses Meta's embedded-signup popup, not the redirect OAuth flow.
-  if (channel.type === CHANNEL_TYPES.WHATSAPP) {
-    connectWhatsapp();
-    return;
-  }
-  // Facebook swaps to an in-dialog page picker (FB.login → choose a Page).
-  if (channel.type === CHANNEL_TYPES.FACEBOOK) {
-    selectedChannel.value = channel;
-    return;
-  }
-  connectViaOAuth(OAUTH_PROVIDERS[channel.type]);
-};
-
-const dialogTitle = computed(() =>
-  selectedChannel.value
-    ? t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.CONNECT_TITLE', {
-        name: t(selectedChannel.value.labelKey),
-      })
-    : t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.TITLE')
-);
-
-const dialogDescription = computed(() => {
-  if (!selectedChannel.value) {
-    return t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.SUBTITLE');
-  }
-  if (selectedChannel.value.type === CHANNEL_TYPES.FACEBOOK) {
-    return t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.FACEBOOK_SUBTITLE');
-  }
-  return t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.CONNECT_SUBTITLE');
-});
-
-const open = preselectType => {
-  const entry = preselectType
-    ? channelCards.value.find(channel => channel.type === preselectType)
-    : null;
-  // Only jump straight into a channel's view when it's actually usable;
-  // otherwise show the grid (with its muted card) rather than launching SDK
-  // auth with a missing credential.
-  selectedChannel.value = entry?.availability === 'available' ? entry : null;
-  dialogRef.value?.open();
-};
-const close = () => dialogRef.value?.close();
-
-defineExpose({ open, close });
-</script>
-
-<template>
-  <Dialog
-    ref="dialogRef"
-    :title="dialogTitle"
-    :description="dialogDescription"
-    width="lg"
-    :show-confirm-button="false"
-    :show-cancel-button="false"
-    @close="selectedChannel = null"
-  >
-    <InboxFacebookForm
-      v-if="selectedChannel?.type === CHANNEL_TYPES.FACEBOOK"
-      @back="selectedChannel = null"
-      @created="onCreated"
-    />
-    <InboxChannelForm
-      v-else-if="selectedChannel"
-      :channel="selectedChannel"
-      @back="selectedChannel = null"
-      @created="onCreated"
-    />
-    <template v-else>
-      <div class="grid grid-cols-2 gap-3">
-        <button
-          v-for="channel in channelCards"
-          :key="channel.type"
-          type="button"
-          :disabled="channel.availability !== 'available'"
-          class="flex items-center gap-3 p-3 rounded-xl outline outline-1 outline-n-weak shadow-[0px_1px_2px_0px_rgba(27,28,29,0.036)] transition-colors text-start"
-          :class="CARD_CLASS[channel.availability]"
-          @click="onCardClick(channel)"
-        >
-          <div
-            class="size-9 rounded-[10px] outline outline-1 outline-n-weak flex items-center justify-center flex-shrink-0"
-          >
-            <ChannelIcon
-              v-if="channel.inbox"
-              :inbox="channel.inbox"
-              use-brand-icon
-              class="size-5 text-n-slate-11"
-            />
-            <Icon
-              v-else
-              :icon="channel.fallbackIcon"
-              class="size-4 text-n-slate-11"
-            />
-          </div>
-          <div class="flex-1 min-w-0">
-            <span class="block text-sm font-medium text-n-slate-12">
-              {{ t(channel.labelKey) }}
-            </span>
-            <span
-              v-if="channel.availability === 'setupLater'"
-              class="block text-xs text-n-slate-11"
-            >
-              {{ t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.SETUP_LATER') }}
-            </span>
-          </div>
-          <Icon
-            v-if="channel.connected"
-            icon="i-lucide-circle-check"
-            class="size-5 text-n-teal-11"
-          />
-          <Icon
-            v-else-if="channel.availability === 'available'"
-            icon="i-lucide-chevron-right"
-            class="size-5 text-n-slate-9"
-          />
-        </button>
-      </div>
-      <p class="text-sm text-n-slate-11">
-        {{ t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.NOTE') }}
-      </p>
-    </template>
-  </Dialog>
-</template>

app/javascript/dashboard/routes/dashboard/onboarding/inbox-setup/InboxChannelsFooter.vue

@@ -1,70 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { useI18n, I18nT } from 'vue-i18n';
-import Icon from 'dashboard/components-next/icon/Icon.vue';
-import ChannelIcon from 'dashboard/components-next/icon/ChannelIcon.vue';
-import { FALLBACK_PREVIEW_CHANNELS } from './constants';
-import { useChannelConfig } from './useChannelConfig';
-
-const props = defineProps({
-  remainingChannels: { type: Array, default: () => [] },
-});
-
-defineEmits(['viewAll']);
-
-const { t } = useI18n();
-const { isConfigured } = useChannelConfig();
-
-// Icons shown next to "View all". Defaults to the unconnected socials, but when
-// everything detected is already connected we still want a hint of what's
-// behind the dialog — fall back to a representative trio. Either way, drop
-// channels whose installation credentials are missing so we never preview an
-// icon the dialog itself hides.
-const previewChannels = computed(() =>
-  (props.remainingChannels.length
-    ? props.remainingChannels
-    : FALLBACK_PREVIEW_CHANNELS
-  ).filter(channel => isConfigured(channel.type))
-);
-</script>
-
-<template>
-  <div class="flex items-center gap-2 px-3 pt-3 pb-4">
-    <Icon icon="i-lucide-info" class="size-4 text-n-slate-9 flex-shrink-0" />
-    <I18nT
-      keypath="ONBOARDING_INBOX_SETUP.CHANNELS.MORE_CHANNELS_NOTE"
-      tag="span"
-      class="flex-1 min-w-0 text-body-main text-n-slate-11"
-    >
-      <template #email>
-        <span class="text-n-slate-12">
-          {{ t('ONBOARDING_INBOX_SETUP.CHANNELS.MORE_CHANNELS_EMAIL') }}
-        </span>
-      </template>
-      <template #voice>
-        <span class="text-n-slate-12">
-          {{ t('ONBOARDING_INBOX_SETUP.CHANNELS.MORE_CHANNELS_VOICE') }}
-        </span>
-      </template>
-    </I18nT>
-    <div class="flex items-center gap-2 flex-shrink-0">
-      <ChannelIcon
-        v-for="channel in previewChannels"
-        :key="channel.type"
-        :inbox="channel.inbox"
-        use-brand-icon
-        class="size-5"
-      />
-    </div>
-    <div class="flex items-center gap-2 flex-shrink-0 ps-1">
-      <span class="w-px h-3 bg-n-weak" />
-      <button
-        type="button"
-        class="text-button text-n-slate-12 hover:underline"
-        @click="$emit('viewAll')"
-      >
-        {{ t('ONBOARDING_INBOX_SETUP.CHANNELS.VIEW_ALL') }}
-      </button>
-    </div>
-  </div>
-</template>

app/javascript/dashboard/routes/dashboard/onboarding/inbox-setup/InboxFacebookForm.vue

@@ -1,157 +0,0 @@
-<script setup>
-import { computed, onMounted, ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { useStore } from 'dashboard/composables/store';
-import { useAlert } from 'dashboard/composables';
-import { parseAPIErrorResponse } from 'dashboard/store/utils/api';
-import { useFacebookPageConnect } from 'dashboard/composables/useFacebookPageConnect';
-import ComboBox from 'dashboard/components-next/combobox/ComboBox.vue';
-import NextButton from 'dashboard/components-next/button/Button.vue';
-import Spinner from 'dashboard/components-next/spinner/Spinner.vue';
-
-const emit = defineEmits(['back', 'created']);
-
-const { t } = useI18n();
-const store = useStore();
-const { isAuthenticating, preloadSdk, loginAndFetchPages } =
-  useFacebookPageConnect();
-
-// null until the login + page fetch completes.
-const pages = ref(null);
-const userAccessToken = ref('');
-const selectedPageId = ref('');
-const errored = ref(false);
-const isCreating = ref(false);
-
-const hasFetched = computed(() => pages.value !== null);
-// Pages already connected as inboxes come back with `exists: true`.
-const pageOptions = computed(() =>
-  (pages.value || [])
-    .filter(page => !page.exists)
-    .map(page => ({ value: page.id, label: page.name }))
-);
-
-// Warm the SDK on open so the login click opens its popup within the gesture's
-// activation window (see useFacebookPageConnect).
-onMounted(preloadSdk);
-
-const connect = async () => {
-  errored.value = false;
-  try {
-    const result = await loginAndFetchPages();
-    if (!result) return; // cancelled — stay on the connect prompt
-    userAccessToken.value = result.userAccessToken;
-    pages.value = result.pages;
-  } catch {
-    errored.value = true;
-  }
-};
-
-const createInbox = async () => {
-  const page = (pages.value || []).find(p => p.id === selectedPageId.value);
-  if (!page || isCreating.value) return;
-
-  isCreating.value = true;
-  try {
-    await store.dispatch('inboxes/createFBChannel', {
-      user_access_token: userAccessToken.value,
-      page_access_token: page.access_token,
-      page_id: page.id,
-      inbox_name: page.name,
-    });
-    useAlert(t('ONBOARDING_INBOX_SETUP.FACEBOOK_CONNECTED'));
-    emit('created');
-  } catch (error) {
-    useAlert(parseAPIErrorResponse(error) || t('ONBOARDING_INBOX_SETUP.ERROR'));
-  } finally {
-    isCreating.value = false;
-  }
-};
-</script>
-
-<template>
-  <div class="flex flex-col gap-4">
-    <div
-      v-if="isAuthenticating"
-      class="flex items-center justify-center gap-3 py-8"
-    >
-      <Spinner :size="16" class="text-n-blue-10" />
-      <span class="text-sm text-n-slate-11">
-        {{ t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.FACEBOOK_LOADING') }}
-      </span>
-    </div>
-
-    <template v-else-if="hasFetched && pageOptions.length">
-      <div class="flex flex-col gap-2">
-        <label class="text-sm font-medium text-n-slate-12">
-          {{ t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.FACEBOOK_SELECT_PAGE') }}
-        </label>
-        <ComboBox
-          v-model="selectedPageId"
-          :options="pageOptions"
-          :placeholder="
-            t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.FACEBOOK_SELECT_PAGE')
-          "
-        />
-      </div>
-      <div class="flex items-center gap-3">
-        <NextButton
-          type="button"
-          slate
-          faded
-          class="flex-1 justify-center"
-          :label="t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.BACK')"
-          @click="emit('back')"
-        />
-        <NextButton
-          type="button"
-          blue
-          class="flex-1 justify-center"
-          :is-loading="isCreating"
-          :disabled="!selectedPageId"
-          :label="t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.CONNECT')"
-          @click="createInbox"
-        />
-      </div>
-    </template>
-
-    <template v-else-if="hasFetched">
-      <p class="text-sm text-n-slate-11">
-        {{ t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.FACEBOOK_NO_PAGES') }}
-      </p>
-      <div class="flex">
-        <NextButton
-          type="button"
-          slate
-          faded
-          class="flex-1 justify-center"
-          :label="t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.BACK')"
-          @click="emit('back')"
-        />
-      </div>
-    </template>
-
-    <template v-else>
-      <p v-if="errored" class="text-sm text-n-ruby-11">
-        {{ t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.FACEBOOK_ERROR') }}
-      </p>
-      <div class="flex items-center gap-3">
-        <NextButton
-          type="button"
-          slate
-          faded
-          class="flex-1 justify-center"
-          :label="t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.BACK')"
-          @click="emit('back')"
-        />
-        <NextButton
-          type="button"
-          blue
-          class="flex-1 justify-center"
-          :label="t('ONBOARDING_INBOX_SETUP.CHANNELS_DIALOG.FACEBOOK_LAUNCH')"
-          @click="connect"
-        />
-      </div>
-    </template>
-  </div>
-</template>

app/javascript/dashboard/routes/dashboard/onboarding/inbox-setup/WebWidgetCreationStatus.vue

@@ -1,44 +0,0 @@
-<script setup>
-import { computed } from 'vue';
-import { useTimeoutPoll } from '@vueuse/core';
-import { useI18n } from 'vue-i18n';
-import { useStore, useMapGetter } from 'dashboard/composables/store';
-import CreationStatusRow from './CreationStatusRow.vue';
-
-const POLL_INTERVAL = 5000;
-
-const { t } = useI18n();
-const store = useStore();
-
-// The web widget inbox is created asynchronously during account setup. We poll
-// the inboxes endpoint until it shows up, then stop — much simpler than the
-// event-driven help center flow.
-const websiteInboxes = useMapGetter('inboxes/getWebsiteInboxes');
-const isReady = computed(() => websiteInboxes.value.length > 0);
-
-// useTimeoutPoll waits for each fetch to settle before scheduling the next (so
-// requests never overlap), fires immediately on mount, and stops on unmount.
-const { pause } = useTimeoutPoll(
-  async () => {
-    await store.dispatch('inboxes/get');
-    if (isReady.value) pause();
-  },
-  POLL_INTERVAL,
-  { immediate: true }
-);
-</script>
-
-<template>
-  <CreationStatusRow
-    :ready="isReady"
-    :title="t('ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.LIVE_CHAT')"
-    :description="
-      t('ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.LIVE_CHAT_DESCRIPTION')
-    "
-    :status="
-      isReady
-        ? t('ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.LIVE_CHAT_READY')
-        : t('ONBOARDING_INBOX_SETUP.CREATED_FOR_YOU.LIVE_CHAT_STATUS')
-    "
-  />
-</template>

app/javascript/dashboard/routes/dashboard/onboarding/inbox-setup/channelMatchers.js

@@ -1,18 +0,0 @@
-import { INBOX_TYPES } from 'dashboard/helper/inbox';
-
-// A detected channel maps to a real inbox when they share a channel_type. Gmail
-// and Outlook both use Channel::Email, so for email we also match on provider.
-// `stub` is a channel's `{ channel_type, provider }` shape (e.g. channel.inbox).
-
-// Returns the matching inbox (not a boolean) so callers can show the connected
-// account's real name rather than the detected handle.
-export const findConnectedInbox = (inboxes, stub) =>
-  inboxes.find(
-    inbox =>
-      inbox.channel_type === stub?.channel_type &&
-      (stub?.channel_type !== INBOX_TYPES.EMAIL ||
-        inbox.provider === stub?.provider)
-  );
-
-export const isChannelConnected = (inboxes, stub) =>
-  Boolean(stub) && Boolean(findConnectedInbox(inboxes, stub));

app/javascript/dashboard/routes/dashboard/onboarding/inbox-setup/constants.js

@@ -1,149 +0,0 @@
-import { CHANNEL_TYPES } from 'dashboard/helper/inbox';
-
-// Channels whose connect flow opens the channels dialog preselected to their
-// in-dialog step — Facebook (page picker) and the credential-form channels
-// (Telegram, Line) — rather than redirecting through OAuth.
-export const DIALOG_CHANNELS = [
-  CHANNEL_TYPES.FACEBOOK,
-  CHANNEL_TYPES.TELEGRAM,
-  CHANNEL_TYPES.LINE,
-];
-
-// Suggested channels (in priority order) to offer as rows when nothing is
-// detected, so the step isn't empty. The mainstream OAuth channels show on
-// configured installs, while credential-free Telegram/LINE keep the list
-// non-empty on a bare self-host.
-export const DEFAULT_CHANNEL_TYPES = [
-  CHANNEL_TYPES.WHATSAPP,
-  CHANNEL_TYPES.FACEBOOK,
-  CHANNEL_TYPES.INSTAGRAM,
-  CHANNEL_TYPES.TELEGRAM,
-  CHANNEL_TYPES.LINE,
-];
-
-// Channels offered in the onboarding "View all" dialog. `inbox` is a stub shaped
-// like a real inbox so ChannelIcon can resolve the icon from the shared provider.
-// With `use-brand-icon`, ChannelIcon renders the full-color brand logo when one
-// exists and falls back to the monochrome glyph otherwise, so no per-channel
-// style flag is needed. Entries without a channel type (Voice, Other Email
-// Providers) render `fallbackIcon` instead. `form: true` swaps the grid for an
-// inline credential form; `setupLater: true` defers the channel to in-app setup
-// for this phase. `labelKey` is an i18n key — most reuse the shared channel
-// titles from the inbox settings (INBOX_MGMT.ADD.AUTH.CHANNEL.*.TITLE) so the
-// names translate without duplicating strings; resolve it with `t()` at display.
-export const CHANNEL_LIST = [
-  {
-    type: 'website',
-    labelKey: 'INBOX_MGMT.ADD.AUTH.CHANNEL.WEBSITE.TITLE',
-    inbox: { channel_type: 'Channel::WebWidget' },
-  },
-  {
-    type: 'whatsapp',
-    labelKey: 'INBOX_MGMT.ADD.AUTH.CHANNEL.WHATSAPP.TITLE',
-    inbox: { channel_type: 'Channel::Whatsapp' },
-  },
-  {
-    type: 'instagram',
-    labelKey: 'INBOX_MGMT.ADD.AUTH.CHANNEL.INSTAGRAM.TITLE',
-    inbox: { channel_type: 'Channel::Instagram' },
-  },
-  {
-    type: 'facebook',
-    labelKey: 'INBOX_MGMT.ADD.AUTH.CHANNEL.FACEBOOK.TITLE',
-    inbox: { channel_type: 'Channel::FacebookPage' },
-  },
-  {
-    type: 'tiktok',
-    labelKey: 'INBOX_MGMT.ADD.AUTH.CHANNEL.TIKTOK.TITLE',
-    inbox: { channel_type: 'Channel::Tiktok' },
-  },
-  {
-    type: 'telegram',
-    labelKey: 'INBOX_MGMT.ADD.AUTH.CHANNEL.TELEGRAM.TITLE',
-    inbox: { channel_type: 'Channel::Telegram' },
-    form: true,
-  },
-  {
-    type: 'line',
-    labelKey: 'INBOX_MGMT.ADD.AUTH.CHANNEL.LINE.TITLE',
-    inbox: { channel_type: 'Channel::Line' },
-    form: true,
-  },
-  // Email channels (including Gmail/Outlook OAuth) are set up later in-app for
-  // this phase; they will be enabled in a future PR.
-  {
-    type: 'gmail',
-    labelKey: 'ONBOARDING_INBOX_SETUP.CHANNELS.GMAIL',
-    inbox: { channel_type: 'Channel::Email', provider: 'google' },
-    setupLater: true,
-  },
-  {
-    type: 'outlook',
-    labelKey: 'ONBOARDING_INBOX_SETUP.CHANNELS.OUTLOOK',
-    inbox: { channel_type: 'Channel::Email', provider: 'microsoft' },
-    setupLater: true,
-  },
-  {
-    type: 'sms',
-    labelKey: 'INBOX_MGMT.ADD.AUTH.CHANNEL.SMS.TITLE',
-    inbox: { channel_type: 'Channel::Sms' },
-    setupLater: true,
-  },
-  {
-    type: 'api',
-    labelKey: 'INBOX_MGMT.ADD.AUTH.CHANNEL.API.TITLE',
-    inbox: { channel_type: 'Channel::Api' },
-    setupLater: true,
-  },
-  {
-    type: 'voice',
-    labelKey: 'INBOX_MGMT.ADD.AUTH.CHANNEL.VOICE.TITLE',
-    fallbackIcon: 'i-woot-voice',
-    setupLater: true,
-  },
-  {
-    type: 'email',
-    labelKey: 'ONBOARDING_INBOX_SETUP.CHANNELS.OTHER_EMAIL',
-    fallbackIcon: 'i-woot-mail',
-    setupLater: true,
-  },
-];
-
-const channelByType = type =>
-  CHANNEL_LIST.find(channel => channel.type === type);
-
-// Icons shown next to "View all" when every detected channel is already
-// connected — a representative trio sourced from CHANNEL_LIST so the inbox stubs
-// aren't duplicated.
-export const FALLBACK_PREVIEW_CHANNELS = ['gmail', 'tiktok', 'whatsapp'].map(
-  channelByType
-);
-
-// Social channels that detected brand_info socials map to, keyed by social type
-// in the order they're offered as rows. Derived from CHANNEL_LIST so channel
-// identity (label, channel_type) has a single source. Keys mirror
-// SocialLinkParser::SOCIAL_DOMAIN_MAP.
-const SOCIAL_PLATFORM_TYPES = [
-  'whatsapp',
-  'facebook',
-  'line',
-  'instagram',
-  'telegram',
-  'tiktok',
-];
-
-export const SOCIAL_PLATFORMS = Object.fromEntries(
-  SOCIAL_PLATFORM_TYPES.map(type => {
-    const { labelKey, inbox } = channelByType(type);
-    return [type, { labelKey, channelType: inbox.channel_type }];
-  })
-);
-
-// Mailbox providers inferred from the signup domain's MX records, keyed by
-// Channel::Email#provider. Derived from CHANNEL_LIST's email entries.
-export const EMAIL_PROVIDERS = Object.fromEntries(
-  CHANNEL_LIST.filter(channel => channel.inbox?.provider).map(channel => [
-    channel.inbox.provider,
-    { labelKey: channel.labelKey },
-  ])
-);

app/javascript/dashboard/routes/dashboard/onboarding/inbox-setup/useChannelConfig.js

@@ -1,29 +0,0 @@
-import { useMapGetter } from 'dashboard/composables/store';
-
-// OAuth/SDK channels need installation-level app credentials to be usable. When
-// the credential is missing the channel is "not configured" and is hidden from
-// onboarding entirely. Channels without an entry (Website, Telegram, Line, …)
-// need no installation credential and are always considered configured.
-// Mirrors the availability checks in ChannelItem.vue.
-export function useChannelConfig() {
-  const globalConfig = useMapGetter('globalConfig/get');
-  const installationConfig = window.chatwootConfig || {};
-
-  const CHANNEL_CONFIGURED = {
-    // WhatsApp is onboarded only via Meta embedded signup, which needs both the
-    // app id (not the 'none' sentinel) and the signup configuration id.
-    whatsapp: () =>
-      Boolean(installationConfig.whatsappAppId) &&
-      installationConfig.whatsappAppId !== 'none' &&
-      Boolean(installationConfig.whatsappConfigurationId),
-    facebook: () => Boolean(installationConfig.fbAppId),
-    instagram: () => Boolean(installationConfig.instagramAppId),
-    tiktok: () => Boolean(installationConfig.tiktokAppId),
-    gmail: () => Boolean(installationConfig.googleOAuthClientId),
-    outlook: () => Boolean(globalConfig.value.azureAppId),
-  };
-
-  const isConfigured = type => CHANNEL_CONFIGURED[type]?.() ?? true;
-
-  return { isConfigured };
-}

app/javascript/dashboard/routes/dashboard/onboarding/inbox-setup/useChannelConnect.js

@@ -1,67 +0,0 @@
-import { useI18n } from 'vue-i18n';
-import { useAlert } from 'dashboard/composables';
-import { useStore } from 'dashboard/composables/store';
-import { useWhatsappEmbeddedSignup } from 'dashboard/composables/useWhatsappEmbeddedSignup';
-import { parseAPIErrorResponse } from 'dashboard/store/utils/api';
-import googleClient from 'dashboard/api/channel/googleClient';
-import microsoftClient from 'dashboard/api/channel/microsoftClient';
-import instagramClient from 'dashboard/api/channel/instagramClient';
-import tiktokClient from 'dashboard/api/channel/tiktokClient';
-
-// Channels that complete via an OAuth redirect. Email channels are keyed by their
-// Channel::Email provider, others by channel type. The request is tagged with a
-// return hint so the callback brings the user back to onboarding instead of the
-// inbox settings page.
-const OAUTH_CLIENTS = {
-  google: googleClient,
-  microsoft: microsoftClient,
-  instagram: instagramClient,
-  tiktok: tiktokClient,
-};
-
-export function useChannelConnect() {
-  const { t } = useI18n();
-  const store = useStore();
-  const { runEmbeddedSignup } = useWhatsappEmbeddedSignup();
-
-  const connectViaOAuth = async provider => {
-    const client = OAUTH_CLIENTS[provider];
-    if (!client) return;
-
-    try {
-      const {
-        data: { url },
-      } = await client.generateAuthorization({ return_to: 'onboarding' });
-      window.location.href = url;
-    } catch {
-      useAlert(t('ONBOARDING_INBOX_SETUP.ERROR'));
-    }
-  };
-
-  // WhatsApp connects via Meta's embedded-signup popup instead of the redirect
-  // OAuth flow above. Collect the signup credentials, exchange them for an
-  // inbox, and surface the result inline — then refetch so the connected state
-  // reflects the freshly created inbox (and renders its real channel icon).
-  const connectWhatsapp = async () => {
-    let credentials;
-    try {
-      credentials = await runEmbeddedSignup();
-    } catch {
-      useAlert(t('ONBOARDING_INBOX_SETUP.ERROR'));
-      return;
-    }
-    if (!credentials) return; // user dismissed the popup
-
-    try {
-      await store.dispatch('inboxes/createWhatsAppEmbeddedSignup', credentials);
-      await store.dispatch('inboxes/get');
-      useAlert(t('ONBOARDING_INBOX_SETUP.WHATSAPP_CONNECTED'));
-    } catch (error) {
-      useAlert(
-        parseAPIErrorResponse(error) || t('ONBOARDING_INBOX_SETUP.ERROR')
-      );
-    }
-  };
-
-  return { connectViaOAuth, connectWhatsapp };
-}