legate 0.1.0

data/lib/legate/web/views/_agent_tool_table.slim

@@ -0,0 +1,74 @@
+/ File: lib/legate/web/views/_agent_tool_table.slim
+/ Renders the tools as a card grid layout.
+/ Expects locals:
+/   agent_data (Hash: {name, ...}) - Used only for potential future actions
+/   view_configured_tools (Array<Hash>: Filtered list of configured tool metadata)
+/   mcp_tool_results (Array<Hash>: Raw results from fetch_mcp_tools for error display)
+
+.box.mb-5
+  - if view_configured_tools && !view_configured_tools.empty?
+    .tools-card-grid
+      - view_configured_tools.each do |tool_info|
+        .tool-card
+          .tool-card-header
+            .tool-card-icon
+              - icon_class = case tool_info[:source]
+              - when :native then "fa-gem"
+              - when :mcp then "fa-plug"
+              - else "fa-wrench"
+              span.icon.is-medium
+                i.fas class=icon_class
+            .tool-card-meta
+              - source_tag_class = (tool_info[:source] == :native) ? 'is-info' : 'is-link'
+              span.tag.is-small class="#{source_tag_class} is-light" = tool_info[:source_detail]
+          
+          .tool-card-body
+            h4.tool-card-title
+              - if tool_info[:source] == :native
+                a href="/tools/#{tool_info[:name]}" = tool_info[:name]
+              - else
+                = tool_info[:name]
+            p.tool-card-description= tool_info[:description] || "No description available"
+          
+          .tool-card-footer
+            - if tool_info[:parameters].is_a?(Array) && !tool_info[:parameters].empty? && tool_info[:parameters].all? { |p| p.is_a?(Hash) }
+              .tool-card-params
+                span.icon.is-small
+                  i.fas.fa-sliders-h
+                span.tool-param-count = "#{tool_info[:parameters].size} parameter#{'s' if tool_info[:parameters].size != 1}"
+                .tool-param-details
+                  - tool_info[:parameters].each do |param|
+                    .tool-param
+                      code= param[:name]
+                      span.tool-param-type= param[:type]
+                      - if param[:required]
+                        span.tag.is-danger.is-light.is-small required
+            - else
+              .tool-card-params
+                span.icon.is-small.has-text-grey-light
+                  i.fas.fa-sliders-h
+                span.has-text-grey No parameters
+
+  - else
+    .tools-empty-state
+      .tools-empty-icon
+        span.icon.is-large.has-text-grey-light
+          i.fas.fa-3x.fa-toolbox
+      h4.tools-empty-title No Tools Configured
+      p.tools-empty-text This agent doesn't have any tools configured yet.
+      p.tools-empty-hint
+        | Tools give agents the ability to perform actions like searching the web, 
+        | reading files, or calling external APIs.
+
+  / --- Display MCP Server Errors (if any) ---
+  - if defined?(mcp_tool_results) && mcp_tool_results.any? { |r| r[:status] == :error }
+    .tools-mcp-errors.mt-5
+      h5.tools-mcp-errors-title
+        span.icon.is-small.mr-2
+          i.fas.fa-exclamation-triangle
+        | MCP Server Issues
+      - mcp_tool_results.each do |result|
+        - if result[:status] == :error
+          .notification.is-danger.is-light.is-size-7.mb-2
+            strong= result[:server]
+            |  — #{result[:message]}

data/lib/legate/web/views/_chat_message.slim

@@ -0,0 +1,95 @@
+/ File: lib/legate/web/views/_chat_message.slim
+
+/ Display the user's message
+.message.is-link.is-small.mb-2.user-message
+  .message-header
+    p You
+  .message-body
+    = user_message
+
+/ Process the agent's result to get display data
+- response_data = process_agent_response(agent_result)
+/ Capture the original user message text for use in the Mermaid diagram generation
+- original_user_input_for_diagram = user_message
+
+/ Display the agent's response message
+.message class="#{response_data[:msg_class]} agent-message is-small mb-4" id="event-#{response_data[:event_id]}"
+  .message-header
+    / Determine and display the source of the agent's message (Agent, Tool Request, Tool Result)
+    - if agent_result.is_a?(Legate::Event) && agent_result.role == :tool_request
+      p Tool Request
+      span.tag.is-info.ml-2 #{agent_result.content[:tool_name] if agent_result.content.is_a?(Hash) && agent_result.content[:tool_name]}
+    - elsif agent_result.is_a?(Legate::Event) && agent_result.role == :tool_result
+      p Tool Result
+      - result_status = agent_result.content.is_a?(Hash) && agent_result.content[:status] ? agent_result.content[:status] : :success
+      span.tag class="is-#{result_status == :error ? 'danger' : (result_status == :pending ? 'warning' : 'success')} ml-2" #{result_status}
+    - else
+      p Agent (#{agent_name})
+
+    / Button to toggle raw JSON display
+    - unless response_data[:raw_json_content].empty?
+      button.button.is-light.is-small.ml-1( onclick="var el = document.getElementById('raw-#{response_data[:event_id]}'); el.style.display = (el.style.display == 'none' ? 'block' : 'none');" )
+        | Raw JSON
+
+    /! --- MODIFIED: Mermaid Modal Trigger Button ---
+    - if agent_result.is_a?(Legate::Event) && agent_result.role == :agent && agent_result.content.is_a?(Hash) && agent_result.content[:plan_details]
+      - mermaid_definition = generate_mermaid_sequence_diagram(agent_result.content, original_user_input_for_diagram)
+      - unless mermaid_definition.empty?
+        button.button.is-light.is-small.ml-1.show-mermaid-flow-btn(data-mermaid-definition=mermaid_definition)
+          span.icon.is-small
+            i.fas.fa-project-diagram
+          span Flow
+    /! --- END MODIFICATION ---
+
+  .message-body
+    / Display the primary textual content of the agent's response
+    - if agent_result.is_a?(Legate::Event) && agent_result.role == :tool_request
+      - if agent_result.content.is_a?(Hash)
+        - if agent_result.content[:params].is_a?(Hash) && !agent_result.content[:params].empty?
+          p.mb-2 Parameters:
+          pre.has-background-light.p-2.is-size-7= JSON.pretty_generate(agent_result.content[:params])
+        - else
+          p No parameters
+      - else
+        p= agent_result.content.to_s
+    - elsif agent_result.is_a?(Legate::Event) && agent_result.role == :tool_result
+      - if agent_result.content.is_a?(Hash)
+        - if agent_result.content[:error]
+          p.has-text-danger= agent_result.content[:error]
+        - elsif agent_result.content[:result]
+          - result_content = agent_result.content[:result]
+          - if result_content.is_a?(String)
+            p= result_content
+          - else
+            pre.has-background-light.p-2.is-size-7= JSON.pretty_generate(result_content)
+        - else
+          pre.has-background-light.p-2.is-size-7= JSON.pretty_generate(agent_result.content)
+      - else
+        p= agent_result.content.to_s
+    - else
+      div style="white-space: pre-wrap; word-break: break-all; margin-bottom: 0.5rem;" = response_data[:display_content]
+
+      /! Display Execution Plan details if available
+      - if agent_result.is_a?(Legate::Event) && agent_result.content.is_a?(Hash) && agent_result.content[:plan_details].is_a?(Array) && !agent_result.content[:plan_details].empty?
+        details.execution-plan-details
+          summary.execution-plan-summary
+            | Execution Plan (#{agent_result.content[:plan_details].size} step#{'s' if agent_result.content[:plan_details].size != 1})
+          .execution-plan-steps
+            - agent_result.content[:plan_details].each_with_index do |step_detail, index|
+              .execution-plan-step
+                p.step-title Step #{index + 1}: #{step_detail[:tool_name]}
+                p.step-params-label Parameters:
+                pre.step-params-pre= pretty_json(step_detail[:params] || {})
+
+                - result_status = step_detail.dig(:result, :status)
+                - result_class = case result_status when :success then 'has-text-success-dark' when :error then 'has-text-danger-dark' when :pending then 'has-text-warning-dark' else 'has-text-grey' end
+
+                p class="step-result-label #{result_class}" Result (#{result_status || "unknown"}):
+                pre class="step-result-pre #{result_class}"= pretty_json(step_detail[:result] || {}) rescue "{}"
+
+    /! Display Raw JSON content (hidden by default)
+    - unless response_data[:raw_json_content].empty?
+      div.raw-json-container id="raw-#{response_data[:event_id]}" style="display: none;"
+        pre.raw-json-pre= response_data[:raw_json_content]
+
+    /! --- REMOVED: Inline Mermaid Diagram Container and pre.mermaid ---

data/lib/legate/web/views/_display_agent_configuration.slim

@@ -0,0 +1,26 @@
+/ File: lib/legate/web/views/_display_agent_configuration.slim
+/ Displays the read-only configuration fields for an agent.
+/ Expects locals: agent_data
+
+.box.config-panel
+  h3.title.is-5.mb-4 Configuration Details
+
+  / --- Model ---
+  div.config-field
+    == slim :_display_agent_model, locals: { agent_data: agent_data, show_edit_button: true }
+
+  / --- Fallback ---
+  div.config-field
+    == slim :_display_agent_fallback, locals: { agent_data: agent_data, show_edit_button: true }
+
+  / --- MCP ---
+  div.config-field
+    == slim :_display_agent_mcp, locals: { agent_data: agent_data, show_edit_button: true }
+
+  / --- Output Key ---
+  div.config-field
+    == slim :_display_agent_output_key, locals: { agent_data: agent_data, show_edit_button: true }
+
+  / --- Instructions ---
+  div.config-field
+    == slim :_display_agent_instruction, locals: { agent_data: agent_data, show_edit_button: true }

data/lib/legate/web/views/_display_agent_description.slim

@@ -0,0 +1,11 @@
+/ File: lib/legate/web/views/_display_agent_description.slim
+/ Displays the agent description and an edit button
+
+/ Use a flex container to keep text and button together
+.is-flex.is-align-items-center
+  / Description text paragraph
+  p.description-text.has-text-grey.mb-0= agent_data[:description] || "No description provided."
+  / Edit button with left margin for spacing
+  button.button.is-small.is-text.has-text-grey.edit-description-btn.ml-2 hx-get="/agents/#{agent_data[:name]}/edit/description" hx-target="#agent-description-display" hx-swap="outerHTML"
+    span.icon.is-small
+      i.fas.fa-pencil-alt

data/lib/legate/web/views/_display_agent_fallback.slim

@@ -0,0 +1,15 @@
+/ File: lib/legate/web/views/_display_agent_fallback.slim
+/ Displays the agent fallback mode and optionally an edit button.
+/ Expects locals: agent_data, show_edit_button (boolean, optional, defaults to true)
+
+- show_edit_button = defined?(show_edit_button) ? show_edit_button : true
+
+div#agent-fallback-display-container
+  .config-field-row
+    .config-field-main
+      span.config-label Planning Fallback
+      - fallback_text = agent_data[:fallback_mode] == :echo ? "Echo User Input" : "Return Error Message"
+      span.config-value= fallback_text
+    - if show_edit_button
+      button.config-edit-btn(hx-get="/agents/#{agent_data[:name]}/edit/fallback" hx-target="#agent-fallback-display-container" hx-swap="outerHTML" title="Edit planning fallback")
+        i.fas.fa-pencil-alt

data/lib/legate/web/views/_display_agent_hierarchy.slim

@@ -0,0 +1,93 @@
+/ File: lib/legate/web/views/_display_agent_hierarchy.slim
+/ Expects agent_data hash with name, agent_type, sub_agent_names
+
+- agent_name = agent_data[:name]
+- agent_type = agent_data[:agent_type]&.to_sym || :llm
+- sub_agent_names = agent_data[:sub_agent_names] || []
+- show_edit_button = locals.fetch(:show_edit_button, true)
+- loop_max = agent_data[:loop_max_iterations]
+- loop_key = agent_data[:loop_condition_state_key]
+- loop_val = agent_data[:loop_condition_expected_value]
+
+.content#agent-hierarchy-display
+  h4.is-size-5
+    span.icon.mr-2
+      - type_icon = case agent_type
+      - when :sequential then "fa-list-ol"
+      - when :parallel then "fa-layer-group"
+      - when :loop then "fa-sync-alt"
+      - else "fa-sitemap"
+      i(class="fas #{type_icon}")
+    
+    - if agent_type == :llm
+      | Delegation Targets
+    - elsif agent_type == :sequential
+      | Sequential Workflow
+    - elsif agent_type == :parallel
+      | Parallel Workflow
+    - elsif agent_type == :loop
+      | Loop Workflow
+    - else
+      | Agent Hierarchy
+
+  - if agent_type == :llm
+    p.help This agent can delegate tasks to the following agents:
+  - elsif agent_type == :sequential 
+    p.help Sub-agents execute in sequence, passing state between them.
+  - elsif agent_type == :parallel
+    p.help Sub-agents execute concurrently and results are combined.
+  - elsif agent_type == :loop
+    p.help Sub-agents execute repeatedly until a condition is met.
+    .tags.are-medium.mt-2.mb-3
+      - if loop_max
+        span.tag.is-light
+          span.has-text-weight-bold.mr-1 Max:
+          = loop_max
+      - if loop_key
+        span.tag.is-light 
+          span.has-text-weight-bold.mr-1 Until:
+          code = loop_key
+          span.mx-1 ==
+          code = loop_val.inspect
+
+  - if sub_agent_names.any?
+    .panel.mt-3
+      p.panel-heading.is-size-6 
+        = agent_type == :llm ? "Delegation Targets" : "Workflow Components"
+        span.tag.is-info.is-light.ml-2= "#{sub_agent_names.size} #{sub_agent_names.size == 1 ? 'agent' : 'agents'}"
+
+      - if agent_type == :sequential
+        p.panel-block.is-size-7.has-text-grey
+          | Agents will execute in the order shown below:
+      
+      - sub_agent_names.each_with_index do |sub_agent_name, index|
+        a.panel-block(href="/agents/#{sub_agent_name}")
+          span.icon.is-small.mr-2
+            - if agent_type == :sequential
+              span.tag.is-info.is-light.mr-1= index + 1
+            - elsif agent_type == :parallel
+              i.fas.fa-arrow-right
+            - elsif agent_type == :loop
+              i.fas.fa-redo-alt
+            - else
+              i.fas.fa-chevron-right
+          = sub_agent_name
+  - else
+    .notification.is-light.is-warning 
+      - if agent_type == :llm
+        | No delegation targets configured. This agent cannot delegate tasks.
+      - else
+        | This workflow has no components defined. Add sub-agents to make this workflow functional.
+
+  - if show_edit_button
+    .field.mt-4
+      button.button.is-small.is-link.is-light(
+        hx-get="/agents/#{agent_name}/edit/hierarchy"
+        hx-target="#agent-hierarchy-display"
+        hx-swap="outerHTML"
+        hx-indicator=".htmx-indicator")
+        span.icon.is-small.htmx-indicator
+          i.fas.fa-spinner.fa-spin
+        span.icon.is-small
+          i.fas.fa-edit
+        span Edit Configuration 

data/lib/legate/web/views/_display_agent_instruction.slim

@@ -0,0 +1,17 @@
+/ File: lib/legate/web/views/_display_agent_instruction.slim
+/ Displays the agent instructions and optionally an edit button.
+/ Expects locals: agent_data, show_edit_button (boolean, optional, defaults to true)
+
+- show_edit_button = defined?(show_edit_button) ? show_edit_button : true
+
+div#agent-instruction-display-container
+  .config-field-head
+    span.config-label Instructions (System Prompt)
+    - if show_edit_button
+      button.config-edit-btn(hx-get="/agents/#{agent_data[:name]}/edit/instruction" hx-target="#agent-instruction-display-container" hx-swap="outerHTML" title="Edit instructions")
+        i.fas.fa-pencil-alt
+  - instruction_text = agent_data[:instruction]
+  - if instruction_text.nil? || instruction_text.strip.empty?
+    p.config-empty No specific instructions provided.
+  - else
+    pre.config-code.instruction-display= instruction_text

data/lib/legate/web/views/_display_agent_mcp.slim

@@ -0,0 +1,13 @@
+/ File: lib/legate/web/views/_display_agent_mcp.slim
+/ Displays the agent MCP server configuration and optionally an edit button.
+/ Expects locals: agent_data, show_edit_button (boolean, optional, defaults to true)
+
+- show_edit_button = defined?(show_edit_button) ? show_edit_button : true
+
+div#agent-mcp-display-container
+  .config-field-head
+    span.config-label MCP Server Configurations (JSON)
+    - if show_edit_button
+      button.config-edit-btn(hx-get="/agents/#{agent_data[:name]}/edit/mcp" hx-target="#agent-mcp-display-container" hx-swap="outerHTML" title="Edit MCP servers")
+        i.fas.fa-pencil-alt
+  pre.config-code.mcp-json-display= agent_data[:mcp_display_string]

data/lib/legate/web/views/_display_agent_model.slim

@@ -0,0 +1,17 @@
+/ File: lib/legate/web/views/_display_agent_model.slim
+/ Displays the agent model and optionally an edit button.
+/ Expects locals: agent_data, show_edit_button (boolean, optional, defaults to true)
+
+- show_edit_button = defined?(show_edit_button) ? show_edit_button : true
+
+div#agent-model-display-container
+  .config-field-row
+    .config-field-main
+      span.config-label Model
+      span.mono-chip
+        span.icon.is-small
+          i.fas.fa-microchip
+        span= agent_data[:model]
+    - if show_edit_button
+      button.config-edit-btn(hx-get="/agents/#{agent_data[:name]}/edit/model" hx-target="#agent-model-display-container" hx-swap="outerHTML" title="Edit model")
+        i.fas.fa-pencil-alt

data/lib/legate/web/views/_display_agent_name.slim

@@ -0,0 +1,42 @@
+/ File: lib/legate/web/views/_display_agent_name.slim
+/ Expects locals: agent_data (Hash)
+
+- if agent_data && agent_data[:name]
+  .agent-hero-identity
+    / Agent name - large and prominent
+    h1.agent-hero-name= agent_data[:name]
+    
+    / Badges row - model and type
+    .agent-hero-badges
+      / Model badge
+      - if agent_data[:model]
+        span.tag.is-info.is-light.is-rounded.agent-model-badge
+          span.icon.is-small
+            i.fas.fa-microchip
+          span= agent_data[:model]
+      
+      / Type badge
+      - agent_type = agent_data[:agent_type]&.to_sym || :llm
+      - type_class = case agent_type
+      - when :sequential then "is-primary is-light"
+      - when :parallel then "is-link is-light"
+      - when :loop then "is-warning is-light"
+      - else "is-light"
+      - type_label = case agent_type
+      - when :sequential then "Sequential"
+      - when :parallel then "Parallel"
+      - when :loop then "Loop"
+      - else "LLM"
+      span.tag.is-rounded(class=type_class)
+        span.icon.is-small
+          - type_icon = case agent_type
+          - when :sequential then "fa-list-ol"
+          - when :parallel then "fa-layer-group"
+          - when :loop then "fa-sync-alt"
+          - else "fa-robot"
+          i(class="fas #{type_icon}")
+        span= type_label
+
+- else
+  .agent-hero-identity
+    h1.agent-hero-name.has-text-danger [Error: Agent Name Unavailable]

data/lib/legate/web/views/_display_agent_output_key.slim

@@ -0,0 +1,26 @@
+/ File: lib/legate/web/views/_display_agent_output_key.slim
+/ Expects agent_data hash with output_key
+/ locals: show_edit_button (boolean)
+
+- output_key = agent_data[:output_key]
+- show_edit_button = locals.fetch(:show_edit_button, false)
+
+.field#agent-output-key-display
+  .config-field-row
+    .config-field-main
+      span.config-label Output Key
+      - if output_key && !output_key.to_s.empty?
+        span.mono-chip
+          span.icon.is-small
+            i.fas.fa-key
+          span= output_key
+      - else
+        span.config-empty No output key configured
+    - if show_edit_button
+      button.config-edit-btn(
+        hx-get="/agents/#{agent_data[:name]}/edit/output_key"
+        hx-target="#agent-output-key-display"
+        hx-swap="outerHTML"
+        title="Edit Output Key"
+      )
+        i.fas.fa-pencil-alt

data/lib/legate/web/views/_display_agent_type.slim

@@ -0,0 +1,65 @@
+/ File: lib/legate/web/views/_display_agent_type.slim
+/ Expects agent_data hash with name and agent_type
+
+- agent_name = agent_data[:name]
+- agent_type = agent_data[:agent_type]&.to_sym || :llm
+- planning_strategy = agent_data[:planning_strategy]&.to_sym || :plan
+- show_edit_button = locals.fetch(:show_edit_button, true)
+
+.content#agent-type-display
+  h4.is-size-5
+    span.icon.mr-2
+      - type_icon = case agent_type
+      - when :sequential then "fa-list-ol"
+      - when :parallel then "fa-layer-group"
+      - when :loop then "fa-sync-alt"
+      - else "fa-robot"
+      i(class="fas #{type_icon}")
+    | Agent Type
+
+  .tags.has-addons.mb-2
+    - type_class = case agent_type
+    - when :sequential then "is-primary"
+    - when :parallel then "is-info"
+    - when :loop then "is-warning"
+    - else "is-light"
+    span.tag.is-medium(class=type_class)
+      - type_label = case agent_type
+      - when :sequential then "Sequential Workflow"
+      - when :parallel then "Parallel Workflow"
+      - when :loop then "Loop Workflow"
+      - else "LLM Agent"
+      = type_label
+
+  - if agent_type == :llm
+    .tags.has-addons.mb-2
+      span.tag.is-medium.is-dark Planning
+      span.tag.is-medium(class=(planning_strategy == :react ? "is-success" : "is-light"))
+        = planning_strategy == :react ? "ReAct (agentic loop)" : "Plan (default)"
+    p.help
+      | Standard LLM agent. Can have sub-agents and be used for delegation.
+      - if planning_strategy == :react
+        br
+        | ReAct: acts one step at a time, observing each tool result before deciding the next.
+  - elsif agent_type == :sequential 
+    p.help
+      | Sequential workflow agent. Executes sub-agents in sequence, passing state between them.
+  - elsif agent_type == :parallel
+    p.help
+      | Parallel workflow agent. Executes sub-agents concurrently and combines their results.
+  - elsif agent_type == :loop
+    p.help
+      | Loop workflow agent. Repeatedly executes sub-agents until a condition is met.
+
+  - if show_edit_button
+    .field.mt-3
+      button.button.is-small.is-link.is-light(
+        hx-get="/agents/#{agent_name}/edit/type"
+        hx-target="#agent-type-display"
+        hx-swap="outerHTML"
+        hx-indicator="this .htmx-indicator")
+        span.icon.is-small.htmx-indicator
+          i.fas.fa-spinner.fa-spin
+        span.icon.is-small
+          i.fas.fa-edit
+        span Edit Type 

data/lib/legate/web/views/_edit_agent_configuration.slim

@@ -0,0 +1,74 @@
+/ File: lib/legate/web/views/_edit_agent_configuration.slim
+/ Displays the form for editing agent configuration fields.
+/ Expects locals: agent_data, available_models, error_message (optional)
+
+.box
+  form( hx-put="/agents/#{agent_data[:name]}/update/configuration"
+        hx-target="#agent-configuration-content"
+        hx-swap="innerHTML" )
+
+    h3.title.is-5 Edit Agent Configuration
+
+    / --- Display Error Message if Present ---
+    - if defined?(error_message) && error_message
+      .notification.is-danger.is-light.mb-4
+        button.delete type="button" onclick="this.parentElement.remove()"
+        = error_message
+
+    / --- Model ---
+    .field.mb-4
+      label.label Language Model
+      /! Use edit partial content directly
+      .field.has-addons
+        .control.is-expanded
+          .select.is-fullwidth
+            select(name="model")
+              - current_model = agent_data[:model] || Legate::Agent::DEFAULT_MODEL
+              - available_models.each do |model_name|
+                option(value=model_name selected=(model_name == current_model)) = model_name
+        /! Buttons moved to bottom
+
+    / --- Fallback ---
+    .field.mb-4
+      label.label Planning Fallback
+      /! Use edit partial content directly
+      .field.has-addons
+        .control.is-expanded
+          .select.is-fullwidth
+            select(name="fallback_mode")
+              - current_fallback_mode = agent_data[:fallback_mode] || 'error'
+              option(value="error" selected=(current_fallback_mode == 'error')) Return Error Message
+              option(value="echo" selected=(current_fallback_mode == 'echo')) Attempt Echo Tool (if available)
+        /! Buttons moved to bottom
+
+    / --- MCP ---
+    .field.mb-4
+      label.label for="mcp-json-editor" MCP Server Configurations (JSON Array)
+      /! Use edit partial content directly
+      .control
+        textarea.textarea#mcp-json-editor name="mcp_servers_json" rows="6" placeholder='[{"type": "stdio", "command": "...", "args": ["..."]}]' == agent_data[:mcp_servers_json]
+      p.help
+        | Enter a valid JSON array or leave empty. Example: `[{"type": "stdio", "command": "npx", "args": [...]}]`
+
+    / --- Instructions ---
+    .field.mb-5
+      label.label for="edit-instruction-textarea" Instructions (System Prompt)
+      /! Use edit partial content directly
+      .control
+        textarea.textarea#edit-instruction-textarea name="instruction" rows="5" placeholder="Guide the agent's behavior..." == agent_data[:instruction]
+      p.help Guide behavior, persona, tool usage. Markdown might be supported by the model.
+
+
+    / --- Action Buttons ---
+    .field.is-grouped.is-grouped-right
+      .control
+        button.button.is-light( type="button"
+                                hx-get="/agents/#{agent_data[:name]}/display/configuration"
+                                hx-target="#agent-configuration-content"
+                                hx-swap="innerHTML" )
+          span Cancel
+      .control
+        button.button.is-success(type="submit")
+          span.icon.is-small
+            i.fas.fa-check
+          span Save Configuration

data/lib/legate/web/views/_edit_agent_description.slim

@@ -0,0 +1,16 @@
+/ File: lib/legate/web/views/_edit_agent_description.slim
+div#agent-description-display
+  form( hx-put="/agents/#{agent_data[:name]}/update/description" hx-target="#agent-description-display" hx-swap="outerHTML" )
+    .field
+      label.label.is-small Description
+      .control
+        textarea.textarea.is-small(name="value" rows="3" style="min-height: 6em;")= agent_data[:description]
+    .field.is-grouped.is-grouped-right
+      .control
+        button.button.is-light.is-small(type="button" hx-get="/agents/#{agent_data[:name]}/display/description" hx-target="#agent-description-display" hx-swap="outerHTML")
+          span Cancel
+      .control
+        button.button.is-success.is-small(type="submit")
+          span.icon.is-small
+            i.fas.fa-check
+          span Save

data/lib/legate/web/views/_edit_agent_fallback.slim

@@ -0,0 +1,25 @@
+/ File: lib/legate/web/views/_edit_agent_fallback.slim
+/ Expects: agent_data (Hash: {name, fallback_mode})
+
+- current_fallback_mode = agent_data[:fallback_mode] || 'error'
+form( hx-put="/agents/#{agent_data[:name]}/update/fallback"
+      hx-target="this"
+      hx-swap="outerHTML" )
+  label.label Planning Fallback
+  .field.has-addons
+    .control.is-expanded
+      .select.is-fullwidth
+        select(name="value")
+          option(value="error" selected=(current_fallback_mode == 'error')) Return Error Message
+          option(value="echo" selected=(current_fallback_mode == 'echo')) Attempt Echo Tool (if available)
+    .control
+      button.button( type="button"
+                      hx-get="/agents/#{agent_data[:name]}/display/fallback"
+                      hx-target="closest form"
+                      hx-swap="outerHTML" )
+        span Cancel
+    .control
+      button.button.is-success(type="submit")
+        span.icon.is-small
+          i.fas.fa-check
+        span Save