meta_workflows 0.9.11 → 0.9.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: da33fe899987ea382b188f0c9056155a1d40089422a73f676e68f4cd138a61ce
-  data.tar.gz: 5260bf938ba32055af4487a2ddf696419e066f6038ca8bf26da661a1f3382457
+  metadata.gz: 73fcb0be3ef0902a994689da96b1d7dbd8164fe4997f3d1ffb47bbde0608c163
+  data.tar.gz: 15adbe1b54336b7cbc301a16e38924279d5ff44748d4310bc3bf6f6f28dac583
 SHA512:
-  metadata.gz: 80a92e4f1083182254aa04fff0d25cb027fecdac86c7d4be3cad0c2eb549dd4e1eee618c62ff44fe27d7829f905b1f9409a23fd7e8cd4430280213702f8b66b5
-  data.tar.gz: 2aa86b2638f5a50e4f6d50b66376f7788d1e9948c496d9ad688f3ede119ac5dba2411809d0fcc199f716579ef68a5369e4b198d885b23f5c010746788bf4df8e
+  metadata.gz: db5004eb9417c670f71fe1be96e4e25727dbaae9f592090469de5e4887f65017131aa46a8d127bcbd6077e62c144ba93dc04522988bcc77768095b88ca3eda05
+  data.tar.gz: 02f2c0a1ae62055685a369ff9ca08dd5b4793d4d902894a60eb3148a2857d8c3c2416316d60eadad31825015c5be801ba8f0fe108ae2b8acd0b9633fb3c6406b

data/app/assets/stylesheets/meta_workflows/application.css

@@ -160,6 +160,96 @@
   }
 }
 
+/* Loader Message Styles */
+.lexi-loader-bubble {
+  padding: 0.25rem 0.5rem;
+  margin-bottom: 0.25rem;
+  border: none;
+}
+
+@keyframes gradient-shift {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+@keyframes dot-bounce {
+  0%, 80%, 100% {
+    transform: translateY(0);
+    opacity: 0.7;
+  }
+  40% {
+    transform: translateY(-3px);
+    opacity: 1;
+  }
+}
+
+.lexi-loader-text {
+  font-size: 1.25rem;
+  background: linear-gradient(135deg, #7B5BA3 0%, #3A9999 50%, #7B5BA3 100%);
+  background-size: 200% 200%;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  color: transparent;
+  font-style: italic;
+  animation: gradient-shift 2s ease-in-out infinite;
+  -webkit-text-stroke: 0.75px rgba(0, 0, 0, 0.15);
+  text-stroke: 0.75px rgba(0, 0, 0, 0.15);
+}
+
+.lexi-loader-ellipses {
+  display: inline-block;
+}
+
+.lexi-dot {
+  display: inline-block;
+  font-size: 1.25rem;
+  background: linear-gradient(135deg, #7B5BA3 0%, #3A9999 50%, #7B5BA3 100%);
+  background-size: 200% 200%;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  color: transparent;
+  animation: gradient-shift 2s ease-in-out infinite, dot-bounce 1.4s ease-in-out infinite;
+  -webkit-text-stroke: 0.75px rgba(0, 0, 0, 0.15);
+  text-stroke: 0.75px rgba(0, 0, 0, 0.15);
+  margin-left: -0.125rem;
+}
+
+.lexi-dot-1 {
+  animation-delay: 0s, 0s;
+}
+
+.lexi-dot-2 {
+  animation-delay: 0s, 0.2s;
+}
+
+.lexi-dot-3 {
+  animation-delay: 0s, 0.4s;
+}
+
+.lexi-dot.lexi-dot-error {
+  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 50%, #dc2626 100%);
+  background-size: 200% 200%;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  color: transparent;
+  -webkit-text-stroke: 0.75px rgba(220, 38, 38, 0.15);
+  text-stroke: 0.75px rgba(220, 38, 38, 0.15);
+}
+
+.lexi-loader-container {
+  margin-top: -0.5rem;
+}
+
 /* Lexi Chat Tray Styles */
 .lexi-chat-tray {
   display: flex;
@@ -380,13 +470,13 @@
 }
 
 .lexi-message-content-user {
-  font-size: 1rem;
+  font-size: 1.25rem;
   color: var(--gray-800);
 }
 
 .lexi-message-content-assistant {
   color: black;
-  font-size: 1rem;
+  font-size: 1.25rem;
   line-height: 1.25;
   max-width: none;
 }
@@ -723,3 +813,14 @@
 .lexi-chat-alpha-input-container {
   width: 100%;
 }
+
+.lexi-error-content {
+  display: flex;
+  align-items: baseline;
+  gap: 0.5rem;
+  color: var(--red-700);
+}
+
+.lexi-error-content .lexi-loader-ellipses {
+  margin-left: 0.375rem;
+}

data/app/controllers/meta_workflows/humans_controller.rb

@@ -45,8 +45,8 @@ module MetaWorkflows
         format.turbo_stream do
           render turbo_stream: [
             turbo_stream.replace(
-              target_frame_id(@record),
-              partial: meta_loader,
+              target_frame_id(@record, loader: true),
+              partial: meta_loader_message,
               locals: {
                 record: @record,
                 step_progress: fetch_step_progress

data/app/controllers/meta_workflows/meta_controller.rb

@@ -15,8 +15,7 @@ module MetaWorkflows
     protected
 
     def fetch_step_progress
-      @workflow_execution.step_progress(@workflow_execution.current_step) || ['Processing your request...',
-                                                                              'Talking to the LLM...']
+      @workflow_execution.step_progress(@workflow_execution.current_step) || default_step_progress
     end
 
     def current_step_repetitions

data/app/helpers/meta_workflows/meta_workflows_helper.rb

@@ -2,17 +2,25 @@
 
 module MetaWorkflows
   module MetaWorkflowsHelper
-    def target_frame_id(record, form: nil)
+    def target_frame_id(record, form: nil, loader: nil)
       base_id = "#{record.class.name.downcase}_#{record.id}"
-      form ? "#{base_id}_form" : base_id
+
+      return "#{base_id}_loader" if loader
+      return "#{base_id}_form" if form
+
+      base_id
     end
 
     def turbo_stream_name(record)
       [record.class.name.downcase, record.id]
     end
 
-    def meta_loader
-      'meta_workflows/loader'
+    def meta_loader_message
+      'meta_workflows/loader_message'
+    end
+
+    def meta_error_message
+      'meta_workflows/error_message'
     end
 
     def meta_response_form
@@ -67,5 +75,9 @@ module MetaWorkflows
     def current_step_has_repetitions?(workflow_execution)
       workflow_execution.step_repetitions(workflow_execution.current_step).present?
     end
+
+    def default_step_progress
+      ['Thinking']
+    end
   end
 end

data/app/jobs/meta_workflows/human_input_job.rb

@@ -20,6 +20,13 @@ module MetaWorkflows
       last_message = messages.last
       is_streaming = full_response.present?
 
+      # Remove loader message
+      Turbo::StreamsChannel.broadcast_remove_to(
+        turbo_stream_name(record),
+        target: target_frame_id(record, loader: true)
+      )
+
+      # Update main chat content
       Turbo::StreamsChannel.broadcast_replace_to(turbo_stream_name(record),
                                                  target: target_frame_id(record),
                                                  locals: {

data/app/jobs/meta_workflows/meta_job.rb

@@ -73,7 +73,7 @@ module MetaWorkflows
     def handle_llm_error(error, workflow_step, conversation)
       log_error(error)
       store_error_in_workflow_step(error, workflow_step, conversation)
-      broadcast_error_response(error)
+      broadcast_error_response
     end
 
     def log_error(error)
@@ -97,9 +97,16 @@ module MetaWorkflows
       workflow_execution.workflow_steps.find_by(step: workflow_execution.current_step)
     end
 
-    def broadcast_error_response(error)
-      error_message = "Error occured during LLM processing: #{error.message}"
-      broadcast_response(chat, error_message)
+    def broadcast_error_response
+      # Replace loader with error message
+      Turbo::StreamsChannel.broadcast_replace_to(
+        turbo_stream_name(record),
+        target: target_frame_id(record, loader: true),
+        partial: 'meta_workflows/error_message',
+        locals: {
+          record: record
+        }
+      )
     end
 
     def broadcast_form(chat)

data/app/views/meta_workflows/_error_message.html.erb

@@ -0,0 +1,14 @@
+<div class="lexi-message-assistant">
+  <div class="lexi-message-bubble-assistant">
+    <div class="lexi-message-content-assistant">
+      <div class="lexi-error-content">
+        <i class="fa-solid fa-exclamation-triangle"></i>
+        <span>Uh oh! Lexi needs a quick break. One moment<span class="lexi-loader-ellipses">
+          <span class="lexi-dot lexi-dot-error lexi-dot-1">.</span>
+          <span class="lexi-dot lexi-dot-error lexi-dot-2">.</span>
+          <span class="lexi-dot lexi-dot-error lexi-dot-3">.</span>
+        </span></span>
+      </div>
+    </div>
+  </div>
+</div> 

data/app/views/meta_workflows/_lexi_chat_alpha_tray.html.erb

@@ -1,4 +1,7 @@
 <%# Lexi Chat Alpha Tray (Center Display) %>
+<% active_execution = local_assigns[:record]&.workflow_executions&.order(created_at: :desc)&.first %>
+<% active_chat = active_execution&.workflow_steps&.last&.chat %>
+
 <div class="lexi-chat-alpha-tray lexi-chat-container">
   <%# Header with Lexi logo left and close button right %>
   <div class="lexi-chat-alpha-header">
@@ -19,17 +22,25 @@
       <%= image_tag("lexi-expanded2.png", alt: "Lexi Avatar", class: "lexi-avatar-large") %>
     </div>
     
+    <!-- Main content area (chat + input) -->
     <%# Right column - Chat and Input %>
     <div class="lexi-chat-alpha-right-column">
       <%# Scrollable chat messages area %>
       <div id="main-scroll-container" class="lexi-chat-alpha-messages">
-        <%= render partial: meta_loader, locals: {record: local_assigns[:record], step_progress: ["Generating draft course objectives...", "Talking to the LLM..."] } %>
+        <%= render partial: meta_response, locals: {
+          record: local_assigns[:record],
+          chat: active_chat,
+          messages: active_chat&.messages&.order(:created_at) || [],
+          user_messages: active_chat&.messages&.where(role: 'user')&.order(:created_at) || [],
+          last_message: active_chat&.messages&.last,
+          full_response: nil,
+          is_streaming: false
+        } %>
       </div>
 
       <%# Input area (fixed at bottom) %>
       <div class="lexi-chat-alpha-input-area">
         <div class="lexi-chat-alpha-input-container">
-          <% active_execution = local_assigns[:record]&.workflow_executions&.order(created_at: :desc)&.first %>
           <%= render partial: meta_response_form, locals: {record: local_assigns[:record], response_enabled: true, workflow_execution_id: active_execution&.id, chat_id: active_execution&.workflow_steps&.last&.chat&.id, step_has_repetitions: true } %>
         </div>
       </div>

data/app/views/meta_workflows/_lexi_chat_right_tray.html.erb

@@ -1,4 +1,7 @@
 <%# Lexi Chat Tray %>
+<% active_execution = local_assigns[:record]&.workflow_executions&.order(created_at: :desc)&.first %>
+<% active_chat = active_execution&.workflow_steps&.last&.chat %>
+
 <div class="lexi-chat-tray lexi-chat-container-full">
   <!-- Header with Lexi logo and action icons -->
   <div class="lexi-chat-header">
@@ -17,14 +20,21 @@
 
   <!-- Chat messages area -->
   <div id="main-scroll-container" class="lexi-chat-messages">
-    <%= render partial: meta_loader, locals: {record: local_assigns[:record], step_progress: ["Generating draft course objectives...", "Talking to the LLM..."] } %>
+    <%= render partial: meta_response, locals: {
+      record: local_assigns[:record],
+      chat: active_chat,
+      messages: active_chat&.messages&.order(:created_at) || [],
+      user_messages: active_chat&.messages&.where(role: 'user')&.order(:created_at) || [],
+      last_message: active_chat&.messages&.last,
+      full_response: nil,
+      is_streaming: false
+    } %>
   </div>
 
   <!-- Avatar and input area pinned to bottom -->
   <div class="lexi-chat-bottom">
     <%= image_tag("lexi-expanded.png", alt: "Lexi Avatar", class: "lexi-avatar") %>
     <div class="lexi-input-wrapper">
-      <% active_execution = local_assigns[:record]&.workflow_executions&.order(created_at: :desc)&.first %>
       <%= render partial: meta_response_form, locals: {record: local_assigns[:record], response_enabled: true, workflow_execution_id: active_execution&.id, chat_id: active_execution&.workflow_steps&.last&.chat&.id, step_has_repetitions: true } %>
     </div>
   </div>

data/app/views/meta_workflows/_loader_message.html.erb

@@ -0,0 +1,16 @@
+<div class="lexi-message-assistant">
+  <div class="lexi-loader-bubble">
+    <div class="lexi-message-content-assistant" 
+         data-controller="loading-phrases"
+         data-loading-phrases-phrases-value="<%= (local_assigns[:step_progress] || default_step_progress).to_json %>">
+      <span data-loading-phrases-target="message" class="lexi-loader-text">
+        <%= default_step_progress.first %>
+      </span>
+      <span class="lexi-loader-ellipses">
+        <span class="lexi-dot lexi-dot-1">.</span>
+        <span class="lexi-dot lexi-dot-2">.</span>
+        <span class="lexi-dot lexi-dot-3">.</span>
+      </span>
+    </div>
+  </div>
+</div> 

data/app/views/meta_workflows/_response_lexi.html.erb

@@ -44,4 +44,15 @@
     <% end %>
   <% end %>
 </div>
-<% end %> 
+<% end %>
+
+<div class="lexi-loader-container">
+  <%= turbo_frame_tag target_frame_id(record, loader: true) do %>
+    <% if chat.blank? || chat.messages.empty? %>
+      <%= render partial: meta_loader_message, locals: {
+        record: local_assigns[:record],
+        step_progress: default_step_progress
+      } %>
+    <% end %>
+  <% end %>
+</div> 

data/lib/meta_workflows/version.rb

@@ -3,7 +3,7 @@
 module MetaWorkflows
   MAJOR = 0
   MINOR = 9
-  PATCH = 11 # this is automatically incremented by the build process
+  PATCH = 12 # this is automatically incremented by the build process
 
   VERSION = "#{MetaWorkflows::MAJOR}.#{MetaWorkflows::MINOR}.#{MetaWorkflows::PATCH}".freeze
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: meta_workflows
 version: !ruby/object:Gem::Version
-  version: 0.9.11
+  version: 0.9.12
 platform: ruby
 authors:
 - Leonid Medovyy
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-10 00:00:00.000000000 Z
+date: 2025-07-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -160,9 +160,10 @@ files:
 - app/services/meta_workflows/workflow_import_service.rb
 - app/sidekiq/meta_workflows/tools/meta_workflow_tool.rb
 - app/views/layouts/meta_workflows/application.html.erb
+- app/views/meta_workflows/_error_message.html.erb
 - app/views/meta_workflows/_lexi_chat_alpha_tray.html.erb
 - app/views/meta_workflows/_lexi_chat_right_tray.html.erb
-- app/views/meta_workflows/_loader.html.erb
+- app/views/meta_workflows/_loader_message.html.erb
 - app/views/meta_workflows/_redirect.html.erb
 - app/views/meta_workflows/_response_form_lexi.html.erb
 - app/views/meta_workflows/_response_lexi.html.erb

data/app/views/meta_workflows/_loader.html.erb

@@ -1,17 +0,0 @@
-<%= turbo_frame_tag target_frame_id(record) do %>
-  <div class="flex flex-col items-center justify-center gap-2"
-       data-controller="loading-phrases"
-       data-loading-phrases-phrases-value="<%= (local_assigns[:step_progress] || ["Processing your request...", "Talking to the LLM..."]).to_json %>">
-    <h2
-      class="text-center font-semibold"
-      data-loading-phrases-target="message"
-    >
-      Processing your request...
-    </h2>
-    <div class="sm-sprite loader">
-      <span class="image-container">
-        <img class="" src="https://cdn.strongmind.com/backpack-ui/latest/assets/images/png/loaders/CB_loader.png" alt="loaders/CB_loader.png">
-      </span>
-    </div>
-  </div>
-<% end %>