llm_meta_client 1.4.0 → 1.5.0

data/lib/generators/llm_meta_client/scaffold/templates/app/javascript/controllers/llm_selector_controller.js

@@ -1,236 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-// Connects to data-controller="llm-selector"
-export default class extends Controller {
-  static targets = ["family", "apiKey", "model"]
-
-  connect() {
-    this.#setDefaults()
-    this.dispatch("changed")
-  }
-
-  familyChanged(event) {
-    const selectedFamily = event.target.value
-    const familiesData = event.target.dataset.families
-
-    if (!selectedFamily || !familiesData) {
-      this.#showApiKeyField()
-      this.#clearApiKeySelect()
-      this.#clearModelSelect()
-      return
-    }
-
-    try {
-      const families = JSON.parse(familiesData)
-      const family = families.find((f) => f.llm_type === selectedFamily)
-
-      if (family?.api_keys) {
-        if (selectedFamily === "ollama") {
-          // Ollama: skip API key selection entirely, go straight to model
-          const apiKey = family.api_keys[0]
-          this.#hideApiKeyField()
-          this.apiKeyTarget.disabled = false
-          this.apiKeyTarget.innerHTML =
-            `<option value="${apiKey.uuid}" selected>${apiKey.description}</option>`
-          if (apiKey.available_models) {
-            this.#populateModelSelect(apiKey.available_models)
-          } else {
-            this.#clearModelSelect()
-          }
-        } else {
-          this.#showApiKeyField()
-          this.#populateApiKeySelect(family.api_keys)
-        }
-      } else {
-        this.#showApiKeyField()
-        this.#clearApiKeySelect()
-        this.#clearModelSelect()
-      }
-    } catch (e) {
-      console.error("Failed to parse families data:", e)
-      this.#clearApiKeySelect()
-      this.#clearModelSelect()
-    }
-  }
-
-  apiKeyChanged(event) {
-    const selectedValue = event.target.value
-    const familiesData = this.hasFamilyTarget
-      ? this.familyTarget.dataset.families
-      : null
-    const selectedFamily = this.hasFamilyTarget
-      ? this.familyTarget.value
-      : null
-
-    if (!selectedValue || !familiesData || !selectedFamily) {
-      this.#clearModelSelect()
-      return
-    }
-
-    try {
-      const families = JSON.parse(familiesData)
-      const family = families.find((f) => f.llm_type === selectedFamily)
-      const selectedKey = family?.api_keys?.find(
-        (k) => k.uuid === selectedValue
-      )
-
-      if (selectedKey?.available_models) {
-        this.#populateModelSelect(selectedKey.available_models)
-      } else {
-        this.#clearModelSelect()
-      }
-    } catch (e) {
-      console.error("Failed to parse families data:", e)
-      this.#clearModelSelect()
-    }
-  }
-
-  #setDefaults() {
-    const urlParams = new URLSearchParams(window.location.search)
-    const defaultFamily = urlParams.get("family")
-    const defaultApiKey = urlParams.get("api_key_uuid")
-    const defaultModel = urlParams.get("model")
-
-    if (defaultFamily && this.hasFamilyTarget) {
-      const familyOption = Array.from(this.familyTarget.options).find(
-        (o) => o.value === defaultFamily
-      )
-      if (familyOption) {
-        this.familyTarget.value = familyOption.value
-        this.familyChanged({ target: this.familyTarget })
-
-        if (defaultFamily === "ollama") {
-          // Ollama: API key is auto-selected by familyChanged, just set model
-          if (defaultModel && this.hasModelTarget) {
-            const modelOption = Array.from(this.modelTarget.options).find(
-              (o) => o.value === defaultModel
-            )
-            if (modelOption) {
-              this.modelTarget.value = modelOption.value
-            }
-          }
-        } else if (defaultApiKey && this.hasApiKeyTarget) {
-          const apiKeyOption = Array.from(this.apiKeyTarget.options).find(
-            (o) => o.value === defaultApiKey
-          )
-          if (apiKeyOption) {
-            this.apiKeyTarget.value = apiKeyOption.value
-            this.apiKeyChanged({ target: this.apiKeyTarget })
-
-            if (defaultModel && this.hasModelTarget) {
-              const modelOption = Array.from(this.modelTarget.options).find(
-                (o) => o.value === defaultModel
-              )
-              if (modelOption) {
-                this.modelTarget.value = modelOption.value
-              }
-            }
-          }
-        }
-      }
-    } else if (defaultApiKey && this.hasFamilyTarget) {
-      // Fallback: try to find the family from the API key UUID
-      this.#setDefaultsFromApiKey(defaultApiKey, defaultModel)
-    }
-  }
-
-  #setDefaultsFromApiKey(apiKeyUuid, defaultModel) {
-    const familiesData = this.hasFamilyTarget
-      ? this.familyTarget.dataset.families
-      : null
-    if (!familiesData) return
-
-    try {
-      const families = JSON.parse(familiesData)
-      for (const family of families) {
-        const key = family.api_keys?.find((k) => k.uuid === apiKeyUuid)
-        if (key) {
-          this.familyTarget.value = family.llm_type
-          this.familyChanged({ target: this.familyTarget })
-
-          if (family.llm_type !== "ollama") {
-            this.apiKeyTarget.value = apiKeyUuid
-            this.apiKeyChanged({ target: this.apiKeyTarget })
-          }
-
-          if (defaultModel && this.hasModelTarget) {
-            const modelOption = Array.from(this.modelTarget.options).find(
-              (o) => o.value === defaultModel
-            )
-            if (modelOption) {
-              this.modelTarget.value = modelOption.value
-            }
-          }
-          break
-        }
-      }
-    } catch (e) {
-      console.error("Failed to set defaults from API key:", e)
-    }
-  }
-
-  #populateApiKeySelect(apiKeys) {
-    if (!this.hasApiKeyTarget) return
-
-    this.apiKeyTarget.innerHTML =
-      '<option value="">Please select a service</option>'
-    this.apiKeyTarget.disabled = false
-
-    for (const key of apiKeys) {
-      const option = document.createElement("option")
-      option.value = key.uuid
-      option.textContent = key.description
-      this.apiKeyTarget.appendChild(option)
-    }
-
-    // Clear model when API key list changes
-    this.#clearModelSelect()
-    this.dispatch("changed")
-  }
-
-  #clearApiKeySelect() {
-    if (!this.hasApiKeyTarget) return
-
-    this.apiKeyTarget.innerHTML =
-      '<option value="">Please select a family first</option>'
-    this.apiKeyTarget.disabled = true
-    this.#clearModelSelect()
-    this.dispatch("changed")
-  }
-
-  #hideApiKeyField() {
-    if (!this.hasApiKeyTarget) return
-    this.apiKeyTarget.closest(".api-key-field").classList.add("hidden")
-  }
-
-  #showApiKeyField() {
-    if (!this.hasApiKeyTarget) return
-    this.apiKeyTarget.closest(".api-key-field").classList.remove("hidden")
-  }
-
-  #populateModelSelect(models) {
-    if (!this.hasModelTarget) return
-
-    this.modelTarget.innerHTML =
-      '<option value="">Please select a model</option>'
-    this.modelTarget.disabled = false
-
-    for (const model of models) {
-      const option = document.createElement("option")
-      option.value = model.value
-      option.textContent = model.label
-      this.modelTarget.appendChild(option)
-    }
-
-    this.dispatch("changed")
-  }
-
-  #clearModelSelect() {
-    if (!this.hasModelTarget) return
-
-    this.modelTarget.innerHTML =
-      '<option value="">Please select a service first</option>'
-    this.modelTarget.disabled = true
-    this.dispatch("changed")
-  }
-}

data/lib/generators/llm_meta_client/scaffold/templates/app/views/chats/update.turbo_stream.erb

@@ -1,85 +0,0 @@
-<%% # Clear the message input %>
-<%%= turbo_stream.update "message-input" do %>
-<%% end %>
-
-<%% # User message is already shown by JavaScript on form submit %>
-<%% # Only render assistant message here %>
-
-<%%# Render streaming assistant placeholder; the message-stream Stimulus controller opens an EventSource and appends deltas as they arrive. %>
-<%% if @prompt_execution && @error_message.blank? %>
-<%%= turbo_stream.append "messages-list" do %>
-  <%%= render partial: "chats/streaming_message", locals: { chat: @chat, prompt_execution: @prompt_execution } %>
-<%% end %>
-<%% end %>
-
-<%% # Show error message if any %>
-<%% if @error_message %>
-<%%= turbo_stream.append "messages-list" do %>
-  <div class="message error">
-    <div class="message-content">
-      <p><%%= @error_message %></p>
-    </div>
-  </div>
-<%% end %>
-<%% end %>
-
-<%% # Update history sidebar - replace entire content to ensure update %>
-<%% if @prompt_execution %>
-  <%%= turbo_stream.replace "history-sidebar" do %>
-    <div id="history-sidebar">
-      <h2>History</h2>
-      <div class="history-stack" id="history-stack" data-controller="history">
-        <%%= render 'prompt_navigator/history_card', locals: {
-          ann: @prompt_execution,
-          next_ann: (@chat&.ordered_by_descending_prompt_executions || [])[1],
-          is_active: @prompt_execution.execution_id == @active_message_uuid,
-          card_path: ->(uuid) { prompt_path(uuid) }
-        } %>
-        <%% (@chat&.ordered_by_descending_prompt_executions || []).drop(1).each_with_index do |ann, idx| %>
-          <%%= render 'prompt_navigator/history_card', locals: {
-            ann: ann,
-            next_ann: @chat.ordered_by_descending_prompt_executions[idx + 2],
-            is_active: ann.execution_id == @active_message_uuid,
-            card_path: ->(uuid) { prompt_path(uuid) }
-          } %>
-        <%% end %>
-        <svg class="history-arrows" data-history-target="svg"></svg>
-      </div>
-    </div>
-  <%% end %>
-<%% end %>
-
-<%% # Clear input, refocus, and scroll %>
-<turbo-stream action="after" target="messages-list">
-  <template>
-    <script>
-      (function() {
-        // Clear and refocus message input
-        const messageInput = document.getElementById('message-input');
-        if (messageInput) {
-          messageInput.value = '';
-          messageInput.focus();
-        }
-
-        // Update submit button state
-        const form = document.querySelector('[data-controller="chats-form"]');
-        if (form && messageInput) {
-          const event = new Event('input', { bubbles: true });
-          messageInput.dispatchEvent(event);
-        }
-
-        // Update branch_from_uuid to the latest prompt execution
-        const branchField = document.getElementById('branch_from_uuid');
-        if (branchField) {
-          branchField.value = '<%%= @prompt_execution&.execution_id %>';
-        }
-
-        // Scroll to bottom
-        const chatMessages = document.getElementById('chat-messages');
-        if (chatMessages) {
-          chatMessages.scrollTop = chatMessages.scrollHeight;
-        }
-      })();
-    </script>
-  </template>
-</turbo-stream>

data/lib/generators/llm_meta_client/scaffold/templates/app/views/shared/_api_key_field.html.erb

@@ -1,15 +0,0 @@
-<%%
-  stimulus_controller = local_assigns[:stimulus_controller]
-  # Convert hyphens to underscores for Stimulus targets on the Rails side
-  stimulus_target_prefix = stimulus_controller.gsub('-', '_')
-%>
-<div class="api-key-field">
-  <label>LLM Service</label>
-  <%%= select_tag :api_key_uuid,
-                 options_for_select([["Please select a family first", ""]]),
-                 { required: true, disabled: true,
-                   data: {
-                     "#{stimulus_target_prefix}-target": "apiKey",
-                     action: "change->#{stimulus_controller}#apiKeyChanged"
-                   } } %>
-</div>

data/lib/generators/llm_meta_client/scaffold/templates/app/views/shared/_family_field.html.erb

@@ -1,18 +0,0 @@
-<%%
-  llm_families = local_assigns[:llm_families] || []
-  stimulus_controller = local_assigns[:stimulus_controller]
-  # Convert hyphens to underscores for Stimulus targets on the Rails side
-  stimulus_target_prefix = stimulus_controller.gsub('-', '_')
-%>
-<div class="family-field">
-  <label>Family</label>
-  <%%= select_tag :family,
-                 options_for_select([["Please select a family", ""]] +
-                                    llm_families.map { |f| [f[:name], f[:llm_type]] }),
-                 { required: true,
-                   data: {
-                     "#{stimulus_target_prefix}-target": "family",
-                     action: "change->#{stimulus_controller}#familyChanged",
-                     families: llm_families.to_json
-                   } } %>
-</div>

data/lib/generators/llm_meta_client/scaffold/templates/app/views/shared/_model_field.html.erb

@@ -1,12 +0,0 @@
-<%%
-  stimulus_controller = local_assigns[:stimulus_controller]
-  # Convert hyphens to underscores for Stimulus targets on the Rails side
-  stimulus_target_prefix = stimulus_controller.gsub('-', '_')
-%>
-
-<div class="model-field">
-  <label>LLM model</label>
-  <%%= select_tag :model, options_for_select([["Please select a service first", ""]]),
-      { required: true, disabled: true,
-        data: { "#{stimulus_target_prefix}-target": "model" } } %>
-</div>