[AI-100] DO NOT MERGE: description assistant prototype on the AI-3 LLM connection

app/components/admin/text_transform_actions/sandbox_component.html.erb

@@ -0,0 +1,138 @@
+<%#-- copyright
+OpenProject is an open source project management software.
+Copyright (C) the OpenProject GmbH
+
+This program is free software; you can redistribute it and/or
+modify it under the terms of the GNU General Public License version 3.
+
+OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
+Copyright (C) 2006-2013 Jean-Philippe Lang
+Copyright (C) 2010-2013 the ChiliProject Team
+
+This program is free software; you can redistribute it and/or
+modify it under the terms of the GNU General Public License
+as published by the Free Software Foundation; either version 2
+of the License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program; if not, write to the Free Software
+Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+
+See COPYRIGHT and LICENSE files for more details.
+
+++#%>
+
+<%=
+  render(Primer::Beta::BorderBox.new(mt: 5, data: controller_data, test_selector: "ai-text-transform-sandbox")) do |box|
+    box.with_header do |header|
+      header.with_title(tag: :h2) { label(:title) }
+    end
+
+    box.with_body do
+      flex_layout(direction: :column) do |layout|
+        layout.with_row(mb: 3) do
+          render(Primer::Beta::Text.new(tag: :p, color: :muted)) { label(:description) }
+        end
+
+        layout.with_row(mb: 3) do
+          helpers.primer_form_with(url: "#", method: :post, data: form_data) do |f|
+            render(Admin::TextTransformActions::SandboxForm.new(f, types:))
+          end
+        end
+
+        layout.with_row(mb: 3) do
+          flex_layout(align_items: :center) do |controls|
+            controls.with_column(mr: 2) do
+              render(
+                Primer::Beta::Button.new(
+                  scheme: :primary,
+                  type: :button,
+                  data: target(:execute).merge(action: "ai-text-transform-sandbox#execute")
+                )
+              ) { label(:execute) }
+            end
+            controls.with_column(mr: 3) do
+              render(
+                Primer::Beta::Button.new(
+                  scheme: :danger,
+                  type: :button,
+                  disabled: true,
+                  data: target(:cancel).merge(action: "ai-text-transform-sandbox#cancel")
+                )
+              ) { label(:cancel) }
+            end
+            controls.with_column(mr: 2, hidden: true, data: target(:spinner)) do
+              render(Primer::Beta::Spinner.new(size: :small))
+            end
+            controls.with_column(mr: 2) do
+              render(Primer::Beta::Label.new(scheme: :secondary, data: target(:status))) { label(:status_idle) }
+            end
+            controls.with_column do
+              render(Primer::Beta::Text.new(tag: :span, font_family: :mono, color: :muted, data: target(:timer))) { "" }
+            end
+          end
+        end
+
+        layout.with_row(mb: 3) do
+          render(Primer::Box.new(border: true, border_radius: 2, p: 3, bg: :subtle)) do
+            content_tag(
+              :pre,
+              "",
+              class: "text-mono f5",
+              style: "white-space: pre-wrap; margin: 0; min-height: 6rem;",
+              data: target(:output)
+            )
+          end
+        end
+
+        layout.with_row do
+          render(Primer::Alpha::Dialog.new(id: DIALOG_ID, title: label(:details_title), size: :xlarge)) do |dialog|
+            dialog.with_show_button(scheme: :default) { label(:details) }
+            dialog.with_header(variant: :large)
+            dialog.with_body do
+              flex_layout(direction: :column) do |details|
+                details.with_row(mb: 3) do
+                  render(Primer::Beta::Heading.new(tag: :h3, font_size: 5, mb: 2)) { label(:run_section) }
+                end
+                details.with_row(mb: 4) do
+                  content_tag(:dl, "", class: "text-mono f6", data: target(:runMeta))
+                end
+                details.with_row(mb: 3) do
+                  render(Primer::Beta::Heading.new(tag: :h3, font_size: 5, mb: 2)) { label(:system_prompt_section) }
+                end
+                details.with_row(mb: 4) do
+                  render(Primer::Box.new(border: true, border_radius: 2, p: 3, bg: :subtle)) do
+                    content_tag(:pre, "", class: "text-mono f6", style: "white-space: pre-wrap; margin: 0;", data: target(:systemPrompt))
+                  end
+                end
+                details.with_row(mb: 3) do
+                  render(Primer::Beta::Heading.new(tag: :h3, font_size: 5, mb: 2)) { label(:events_section) }
+                end
+                details.with_row do
+                  content_tag(:table, class: "text-mono f6 width-full") do
+                    concat(
+                      content_tag(:thead) do
+                        content_tag(:tr) do
+                          safe_join(%i[event_seq event_kind event_payload event_time].map { |key| content_tag(:th, label(key), class: "text-left p-2 border-bottom") })
+                        end
+                      end
+                    )
+                    concat(content_tag(:tbody, "", data: target(:eventsBody)))
+                  end
+                end
+              end
+            end
+            dialog.with_footer(show_divider: true) do
+              render(Primer::Beta::Button.new(data: { close_dialog_id: DIALOG_ID })) { I18n.t(:button_close) }
+            end
+          end
+        end
+      end
+    end
+  end
+%>

app/components/admin/text_transform_actions/sandbox_component.rb

@@ -0,0 +1,73 @@
+# frozen_string_literal: true
+
+#-- copyright
+# OpenProject is an open source project management software.
+# Copyright (C) the OpenProject GmbH
+#
+# This program is free software; you can redistribute it and/or
+# modify it under the terms of the GNU General Public License version 3.
+#
+# OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
+# Copyright (C) 2006-2013 Jean-Philippe Lang
+# Copyright (C) 2010-2013 the ChiliProject Team
+#
+# This program is free software; you can redistribute it and/or
+# modify it under the terms of the GNU General Public License
+# as published by the Free Software Foundation; either version 2
+# of the License, or (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License
+# along with this program; if not, write to the Free Software
+# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+#
+# See COPYRIGHT and LICENSE files for more details.
+#++
+
+module Admin
+  module TextTransformActions
+    # Prototype only: lets an administrator run the action against arbitrary text
+    # through the execute API and watch the run being polled.
+    class SandboxComponent < ApplicationComponent
+      include OpPrimer::ComponentHelpers
+      include API::V3::Utilities::PathHelper
+
+      DIALOG_ID = "ai-text-transform-sandbox-details"
+
+      alias action model
+
+      private
+
+      def controller_data
+        {
+          controller: "ai-text-transform-sandbox",
+          ai_text_transform_sandbox_url_value: api_v3_paths.ai_text_transform_runs,
+          ai_text_transform_sandbox_action_id_value: action.id
+        }
+      end
+
+      def form_data
+        {
+          controller: "show-when-value-selected",
+          action: "submit->ai-text-transform-sandbox#submit"
+        }
+      end
+
+      def target(name)
+        { ai_text_transform_sandbox_target: name }
+      end
+
+      def label(key)
+        I18n.t("admin.text_transform_actions.sandbox.#{key}")
+      end
+
+      def types
+        Type.order(:position)
+      end
+    end
+  end
+end

app/components/ai/text_transforms/result_pane_component.html.erb

@@ -26,13 +26,15 @@ See COPYRIGHT and LICENSE files for more details.
 
 ++#%>
 
-<%= component_wrapper(data: { test_selector: "ai-text-transform-result" }) do %>
+<%= component_wrapper(data: wrapper_data) do %>
   <%=
     render(
       Primer::BaseComponent.new(
         tag: :div,
         role: :dialog,
         aria: { label: label(:title) },
+        tabindex: -1,
+        data: target(:pane),
         position: :fixed,
         display: :flex,
         direction: :column,
@@ -42,11 +44,11 @@ See COPYRIGHT and LICENSE files for more details.
       safe_join(
         [
           render(Primer::Beta::BorderBox.new(flex: 1, overflow: :hidden, display: :flex, direction: :column, box_shadow: :extra_large)) do |box|
-            box.with_header(classes: "op-ai-result-pane--handle") do
+            box.with_header(classes: "op-ai-result-pane--handle", data: action(beginDrag: :pointerdown)) do
               flex_layout(align_items: :center, justify_content: :space_between) do |header|
                 header.with_column { render(Title.new(pane:)) }
                 header.with_column do
-                  render(Primer::Beta::CloseButton.new("aria-label": label(:close)))
+                  render(Primer::Beta::CloseButton.new("aria-label": label(:close), data: action(close: :click)))
                 end
               end
             end
@@ -58,7 +60,7 @@ See COPYRIGHT and LICENSE files for more details.
               Primer::BaseComponent.new(
                 tag: :span,
                 classes: "op-ai-result-pane--resize op-ai-result-pane--resize_#{edge}",
-                data: { edge: },
+                data: { edge:, **action(beginResize: :pointerdown) },
                 "aria-hidden": true
               )
             ) do

app/components/ai/text_transforms/result_pane_component.rb

@@ -49,6 +49,15 @@ def initialize(pane:)
       private
 
       attr_reader :pane
+
+      def wrapper_data
+        {
+          test_selector: "ai-text-transform-result",
+          controller: "ai-text-transform-pane",
+          ai_text_transform_pane_close_form_value: CLOSE_FORM_ID,
+          **action(close: "keydown.esc", keepInViewport: "resize@window")
+        }
+      end
     end
   end
 end

app/components/ai/text_transforms/result_pane_component.sass

@@ -11,6 +11,7 @@
   &--grip
     cursor: grab
     user-select: none
+    touch-action: none
 
   &--grip
     display: inline-flex
@@ -23,6 +24,7 @@
     position: absolute
     display: flex
     line-height: 0
+    touch-action: none
 
     &_left,
     &_right

app/components/ai/text_transforms/result_pane_component/body.html.erb

@@ -35,9 +35,9 @@ See COPYRIGHT and LICENSE files for more details.
         end
       end
       if done?
-        body.with_row(mb: 3, hidden: true, test_selector: "ai-text-transform-pane-apply-failed") do
+        body.with_row(mb: 3, hidden: true, test_selector: "ai-text-transform-pane-apply-failed", data: target(:applyFailed)) do
           render(Primer::Alpha::Banner.new(scheme: :danger)) do
-            render(Primer::Beta::Text.new(tag: :span)) { "" }
+            render(Primer::Beta::Text.new(tag: :span, data: target(:applyFailedMessage))) { "" }
           end
         end
       end
@@ -47,7 +47,7 @@ See COPYRIGHT and LICENSE files for more details.
         end
       end
       if done?
-        body.with_row { content_tag(:template, pane.text) }
+        body.with_row { content_tag(:template, pane.text, data: target(:raw)) }
       end
     end
   %>

app/components/ai/text_transforms/result_pane_component/body.rb

@@ -56,7 +56,7 @@ def done?
         end
 
         def output
-          helpers.format_text(pane.text, object: pane.work_package)
+          helpers.format_text(pane.text, object: pane.work_package, project: pane.project)
         end
       end
     end

app/components/ai/text_transforms/result_pane_component/footer.html.erb

@@ -27,9 +27,13 @@ See COPYRIGHT and LICENSE files for more details.
 ++#%>
 
 <%= component_wrapper do %>
+  <%= content_tag(:span, nil, hidden: true, data: state_data) %>
+  <%= form(id: CLOSE_FORM_ID, url: helpers.ai_text_transform_pane_path(pane.uuid), method: :delete) %>
+  <%= form(id: APPLY_FORM_ID, url: helpers.apply_ai_text_transform_pane_path(pane.uuid), method: :post) if state == "done" %>
+  <%= form(id: RETRY_FORM_ID, url: helpers.ai_text_transform_panes_path, method: :post, fields: form_params.merge(retry_of: pane.uuid)) if retryable? %>
   <%=
     flex_layout(align_items: :center, classes: "op-ai-result-pane--footer") do |bar|
-      bar.with_column(mr: 2, classes: "op-ai-result-pane--grip") do
+      bar.with_column(mr: 2, classes: "op-ai-result-pane--grip", data: action(beginDrag: :pointerdown)) do
         render(Primer::Beta::Octicon.new(icon: :grabber, color: :muted))
       end
       bar.with_column(flex: 1) do
@@ -40,30 +44,30 @@ See COPYRIGHT and LICENSE files for more details.
               render(Primer::Beta::Text.new(color: :muted)) { label(:generating) }
             end
             footer.with_column do
-              render(Primer::Beta::Button.new) { label(:cancel) }
+              render(Primer::Beta::Button.new(data: action(close: :click))) { label(:cancel) }
             end
           end
         when "done"
           flex_layout(align_items: :center) do |footer|
             footer.with_column(flex: 1) do
-              render(Primer::Beta::Button.new(scheme: :invisible)) { label(:copy) }
+              render(Primer::Beta::ClipboardCopyButton.new(scheme: :invisible, value: pane.text, "aria-label": label(:copy)))
             end
             footer.with_column(mr: 2) do
-              render(Primer::Beta::Button.new) { label(:discard) }
+              render(Primer::Beta::Button.new(data: action(close: :click))) { label(:discard) }
             end
             footer.with_column do
-              render(Primer::Beta::Button.new(scheme: :primary)) { label(:replace) }
+              render(Primer::Beta::Button.new(scheme: :primary, type: :submit, form: APPLY_FORM_ID)) { label(:replace) }
             end
           end
         else
           flex_layout(align_items: :center, justify_content: :flex_end) do |footer|
             if pane.run
               footer.with_column(mr: 2) do
-                render(Primer::Beta::Button.new) { label(:try_again) }
+                render(Primer::Beta::Button.new(type: :submit, form: RETRY_FORM_ID)) { label(:try_again) }
               end
             end
             footer.with_column do
-              render(Primer::Beta::Button.new) { label(:close) }
+              render(Primer::Beta::Button.new(data: action(close: :click))) { label(:close) }
             end
           end
         end