rubyllm-observ 0.5.0

data/Rakefile

@@ -0,0 +1,49 @@
+require "bundler/setup"
+require "bundler/gem_tasks"
+
+# Load Rails tasks only when Rails is available
+if defined?(Rails)
+  load "rails/tasks/statistics.rake"
+end
+
+namespace :gem do
+  desc "Build and install gem locally"
+  task :install_local do
+    Rake::Task["build"].invoke
+    gem_file = Dir["pkg/*.gem"].sort_by { |f| File.mtime(f) }.last
+    sh "gem install #{gem_file}"
+  end
+
+  desc "Build, tag, and push gem to RubyGems"
+  task :publish do
+    require_relative "lib/observ/version"
+    version = Observ::VERSION
+
+    puts "Publishing observ v#{version}..."
+
+    # Build the gem
+    puts "\n1. Building gem..."
+    Rake::Task["build"].invoke
+
+    # Tag the release
+    puts "\n2. Creating git tag v#{version}..."
+    sh "git tag -a v#{version} -m 'Release v#{version}'" rescue puts "Tag already exists"
+
+    # Push gem to RubyGems
+    puts "\n3. Pushing to RubyGems..."
+    gem_file = "pkg/observ-#{version}.gem"
+    sh "gem push #{gem_file}"
+
+    # Push tags to remote
+    puts "\n4. Pushing tags to remote..."
+    sh "git push origin --tags"
+
+    puts "\n✓ Successfully published observ v#{version}!"
+    puts "  View at: https://rubygems.org/gems/observ"
+  end
+
+  desc "Clean built gems"
+  task :clean do
+    sh "rm -f *.gem"
+  end
+end

data/app/assets/javascripts/observ/application.js

@@ -0,0 +1,12 @@
+// Observ Engine JavaScript
+// This file is automatically included when the engine layout is rendered
+
+// Import Stimulus if available
+if (typeof Stimulus !== 'undefined') {
+  console.log('Observ: Stimulus detected');
+}
+
+// Observ initialization
+document.addEventListener('DOMContentLoaded', function() {
+  console.log('Observ engine loaded');
+});

data/app/assets/javascripts/observ/controllers/autoscroll_controller.js

@@ -0,0 +1,33 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["container"]
+
+  connect() {
+    console.log('[Observ] autoscroll controller connected')
+    this.scrollToBottom()
+    this.observer = new MutationObserver(() => {
+      this.scrollToBottom()
+    })
+    
+    this.observer.observe(this.containerTarget, {
+      childList: true,
+      subtree: true
+    })
+  }
+
+  disconnect() {
+    if (this.observer) {
+      this.observer.disconnect()
+    }
+  }
+
+  scrollToBottom() {
+    requestAnimationFrame(() => {
+      const lastMessage = this.containerTarget.lastElementChild
+      if (lastMessage) {
+        lastMessage.scrollIntoView({ behavior: "smooth", block: "start" })
+      }
+    })
+  }
+}

data/app/assets/javascripts/observ/controllers/chat_form_controller.js

@@ -0,0 +1,93 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="observ--chat-form"
+export default class extends Controller {
+  static targets = ["agentSelect", "promptVersionGroup", "promptVersionSelect"]
+  static values = { 
+    promptsUrl: String,
+    agentsWithPrompts: Object  // Map of agent_name => prompt_name
+  }
+  
+  connect() {
+    console.log('[Observ] chat-form controller connected')
+    console.log('  - Prompts URL:', this.promptsUrlValue)
+    console.log('  - Agents with prompts:', this.agentsWithPromptsValue)
+    this.togglePromptVersionField()
+  }
+  
+  disconnect() {
+    console.log('[Observ] chat-form controller disconnected')
+  }
+  
+  agentChanged() {
+    console.log('[Observ] Agent selection changed')
+    this.togglePromptVersionField()
+  }
+  
+  togglePromptVersionField() {
+    if (!this.hasAgentSelectTarget) {
+      console.warn('[Observ] Agent select target not found')
+      return
+    }
+    
+    const selectedAgent = this.agentSelectTarget.value
+    console.log('  - Selected agent:', selectedAgent)
+    
+    const promptName = this.agentsWithPromptsValue[selectedAgent]
+    console.log('  - Prompt name for agent:', promptName)
+    
+    if (promptName) {
+      this.loadPromptVersions(promptName)
+      this.showPromptVersionField()
+    } else {
+      this.hidePromptVersionField()
+    }
+  }
+  
+  loadPromptVersions(promptName) {
+    const url = `${this.promptsUrlValue}/${promptName}/versions.json`
+    console.log('  - Fetching versions from:', url)
+    
+    fetch(url)
+      .then(response => {
+        console.log('  - Response status:', response.status)
+        if (!response.ok) {
+          throw new Error(`Failed to fetch prompt versions: ${response.status}`)
+        }
+        return response.json()
+      })
+      .then(data => {
+        console.log('  - Versions loaded:', data.length, 'version(s)')
+        this.populateVersions(data)
+      })
+      .catch(error => {
+        console.error('[Observ] Error loading prompt versions:', error)
+        // On error, hide the field gracefully
+        this.hidePromptVersionField()
+      })
+  }
+  
+  populateVersions(versions) {
+    this.promptVersionSelectTarget.innerHTML = this.buildVersionOptions(versions)
+  }
+  
+  buildVersionOptions(versions) {
+    const defaultOption = '<option value="">Use default (production)</option>'
+    const versionOptions = versions.map(v => {
+      const commitMsg = v.commit_message ? ` - ${v.commit_message}` : ''
+      return `<option value="${v.version}">v${v.version} - ${v.state}${commitMsg}</option>`
+    }).join('')
+    
+    return defaultOption + versionOptions
+  }
+  
+  showPromptVersionField() {
+    this.promptVersionGroupTarget.classList.remove('observ-hidden')
+  }
+  
+  hidePromptVersionField() {
+    this.promptVersionGroupTarget.classList.add('observ-hidden')
+    // Clear the select value when hiding
+    this.promptVersionSelectTarget.value = ''
+  }
+}

data/app/assets/javascripts/observ/controllers/copy_controller.js

@@ -0,0 +1,43 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["source", "button"]
+  static classes = ["success"]
+  static values = {
+    successDuration: { type: Number, default: 2000 }
+  }
+
+  connect() {
+    console.log('[Observ] copy controller connected')
+  }
+
+  copy(event) {
+    event.preventDefault()
+
+    const text = this.sourceTarget.textContent || this.sourceTarget.value
+
+    navigator.clipboard.writeText(text).then(() => {
+      this.showSuccess()
+    }).catch(err => {
+      console.error('Failed to copy text: ', err)
+    })
+  }
+
+  showSuccess() {
+    const originalText = this.buttonTarget.textContent
+
+    this.buttonTarget.textContent = "Copied!"
+    
+    if (this.hasSuccessClass) {
+      this.buttonTarget.classList.add(...this.successClasses)
+    }
+
+    setTimeout(() => {
+      this.buttonTarget.textContent = originalText
+      
+      if (this.hasSuccessClass) {
+        this.buttonTarget.classList.remove(...this.successClasses)
+      }
+    }, this.successDurationValue)
+  }
+}

data/app/assets/javascripts/observ/controllers/dashboard_controller.js

@@ -0,0 +1,58 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["metrics"]
+  static values = {
+    refreshInterval: { type: Number, default: 30000 },
+    autoRefresh: { type: Boolean, default: false }
+  }
+
+  connect() {
+    console.log('[Observ] dashboard controller connected')
+    if (this.autoRefreshValue) {
+      this.startAutoRefresh()
+    }
+  }
+
+  disconnect() {
+    this.stopAutoRefresh()
+  }
+
+  startAutoRefresh() {
+    this.refreshTimer = setInterval(() => {
+      this.refresh()
+    }, this.refreshIntervalValue)
+  }
+
+  stopAutoRefresh() {
+    if (this.refreshTimer) {
+      clearInterval(this.refreshTimer)
+      this.refreshTimer = null
+    }
+  }
+
+  async refresh() {
+    try {
+      const response = await fetch('/observ/dashboard/metrics', {
+        headers: {
+          'Accept': 'application/json'
+        }
+      })
+
+      if (!response.ok) {
+        throw new Error('Network response was not ok')
+      }
+
+      const data = await response.json()
+      this.updateMetrics(data)
+    } catch (error) {
+      console.error('Failed to refresh metrics:', error)
+    }
+  }
+
+  updateMetrics(data) {
+    if (this.hasMetricsTarget) {
+      console.log('Metrics updated:', data)
+    }
+  }
+}

data/app/assets/javascripts/observ/controllers/drawer_controller.js

@@ -0,0 +1,58 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["drawer", "content", "headerTitle"]
+
+  connect() {
+    console.log('[Observ] drawer controller connected')
+  }
+
+  open(event) {
+    event.preventDefault()
+    const url = event.currentTarget.dataset.drawerUrlParam
+
+    if (!url) {
+      console.error("No URL provided for drawer")
+      return
+    }
+
+    this.drawerTarget.classList.add("open")
+    this.replaceSpinners()
+    this.fetchContent(url)
+  }
+
+  close(event) {
+    if (event) {
+      event.preventDefault()
+    }
+    this.drawerTarget.classList.remove("open")
+  }
+
+  replaceSpinners() {
+    this.headerTitleTarget.innerHTML = '<span class="observ-spinner"></span>'
+    this.contentTarget.innerHTML = '<div class="observ-drawer__loading"><span class="observ-spinner"></span></div>'
+  }
+
+  async fetchContent(url) {
+    try {
+      const response = await fetch(url, {
+        headers: {
+          Accept: "text/vnd.turbo-stream.html"
+        }
+      })
+
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`)
+      }
+
+      const html = await response.text()
+      const turboStream = document.createElement("div")
+      turboStream.innerHTML = html
+      document.body.appendChild(turboStream)
+      setTimeout(() => turboStream.remove(), 100)
+    } catch (error) {
+      console.error("Failed to fetch drawer content:", error)
+      this.contentTarget.innerHTML = '<div class="observ-drawer__error">Failed to load content</div>'
+    }
+  }
+}

data/app/assets/javascripts/observ/controllers/expandable_controller.js

@@ -0,0 +1,33 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["content", "toggle"]
+  static classes = ["expanded"]
+  static values = {
+    expanded: { type: Boolean, default: false }
+  }
+
+  connect() {
+    console.log('[Observ] expandable controller connected')
+    this.updateState()
+  }
+
+  toggle() {
+    this.expandedValue = !this.expandedValue
+    this.updateState()
+  }
+
+  updateState() {
+    if (this.expandedValue) {
+      this.contentTarget.classList.remove("hidden")
+      if (this.hasToggleTarget) {
+        this.toggleTarget.textContent = "Collapse ▲"
+      }
+    } else {
+      this.contentTarget.classList.add("hidden")
+      if (this.hasToggleTarget) {
+        this.toggleTarget.textContent = "Expand ▼"
+      }
+    }
+  }
+}

data/app/assets/javascripts/observ/controllers/filter_controller.js

@@ -0,0 +1,36 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["form", "input"]
+
+  connect() {
+    console.log('[Observ] filter controller connected')
+  }
+
+  submit(event) {
+    event.preventDefault()
+    this.formTarget.requestSubmit()
+  }
+
+  clear(event) {
+    event.preventDefault()
+    
+    this.inputTargets.forEach(input => {
+      if (input.type === "text" || input.type === "date") {
+        input.value = ""
+      } else if (input.type === "select-one") {
+        input.selectedIndex = 0
+      }
+    })
+
+    this.formTarget.requestSubmit()
+  }
+
+  autoSubmit() {
+    clearTimeout(this.timeout)
+    
+    this.timeout = setTimeout(() => {
+      this.formTarget.requestSubmit()
+    }, 500)
+  }
+}

data/app/assets/javascripts/observ/controllers/index.js

@@ -0,0 +1,52 @@
+// Auto-generated index file for Observ Stimulus controllers
+// Register all Observ controllers with the observ-- prefix
+//
+// This file is designed to be imported by the host application's Stimulus setup.
+// The host app should import this file in their controllers/index.js:
+//   import "./observ"
+
+import AutoscrollController from "./autoscroll_controller.js"
+import ChatFormController from "./chat_form_controller.js"
+import CopyController from "./copy_controller.js"
+import DashboardController from "./dashboard_controller.js"
+import DrawerController from "./drawer_controller.js"
+import ExpandableController from "./expandable_controller.js"
+import FilterController from "./filter_controller.js"
+import JsonViewerController from "./json_viewer_controller.js"
+import MessageFormController from "./message_form_controller.js"
+import PromptVariablesController from "./prompt_variables_controller.js"
+import TextSelectController from "./text_select_controller.js"
+
+// Export controllers for manual registration if needed
+export {
+  AutoscrollController,
+  ChatFormController,
+  CopyController,
+  DashboardController,
+  DrawerController,
+  ExpandableController,
+  FilterController,
+  JsonViewerController,
+  MessageFormController,
+  PromptVariablesController,
+  TextSelectController
+}
+
+// Auto-register if Stimulus application is available globally
+if (typeof window.Stimulus !== "undefined") {
+  const application = window.Stimulus
+  
+  application.register("observ--autoscroll", AutoscrollController)
+  application.register("observ--chat-form", ChatFormController)
+  application.register("observ--copy", CopyController)
+  application.register("observ--dashboard", DashboardController)
+  application.register("observ--drawer", DrawerController)
+  application.register("observ--expandable", ExpandableController)
+  application.register("observ--filter", FilterController)
+  application.register("observ--json-viewer", JsonViewerController)
+  application.register("observ--message-form", MessageFormController)
+  application.register("observ--prompt-variables", PromptVariablesController)
+  application.register("observ--text-select", TextSelectController)
+  
+  console.log("Observ Stimulus controllers registered")
+}