supervaizer 0.9.8__py3-none-any.whl → 0.10.0__py3-none-any.whl

supervaizer/__init__.py

@@ -14,7 +14,14 @@ from supervaizer.agent import (
     AgentMethodParams,
     AgentMethods,
 )
-from supervaizer.case import Case, CaseNodeUpdate, CaseNoteType, Cases
+from supervaizer.case import (
+    Case,
+    CaseNodeUpdate,
+    CaseNodeType,
+    Cases,
+    CaseNode,
+    CaseNodes,
+)
 from supervaizer.common import ApiError, ApiResult, ApiSuccess
 from supervaizer.event import (
     AgentRegisterEvent,
@@ -51,8 +58,10 @@ __all__ = [
     "ApiSuccess",
     "Case",
     "CaseNodeUpdate",
-    "CaseNoteType",
+    "CaseNodeType",
     "Cases",
+    "CaseNode",
+    "CaseNodes",
     "CaseStartEvent",
     "CaseUpdateEvent",
     "create_error_response",

supervaizer/__version__.py

@@ -5,6 +5,6 @@
 # https://mozilla.org/MPL/2.0/.
 
 
-VERSION = "0.9.8"
+VERSION = "0.10.0"
 API_VERSION = "v1"
 TELEMETRY_VERSION = "v1"

supervaizer/account.py

@@ -20,6 +20,7 @@ if TYPE_CHECKING:
     from supervaizer.event import Event
     from supervaizer.job import Job
     from supervaizer.server import Server
+from supervaizer.common import log
 
 
 class AccountAbstract(SvBaseModel):
@@ -268,6 +269,9 @@ class Account(AccountAbstract):
 
     def send_update_case(self, case: "Case", update: "CaseNodeUpdate") -> ApiResult:
         # Import here to avoid circular imports
+        log.debug(f"[send_update_case] CaseRef {case} with update {update}")
+        log.debug(f"[send_update_case] {type(case)}")
+        log.debug(f"[send_update_case] {type(update)}")
         from supervaizer.event import CaseUpdateEvent
 
         event = CaseUpdateEvent(case=case, update=update, account=self)

supervaizer/account_service.py

@@ -9,6 +9,7 @@
 # https://mozilla.org/MPL/2.0/.
 
 import logging
+import os
 from typing import TYPE_CHECKING, Union
 
 import httpx
@@ -19,6 +20,11 @@ logger = logging.getLogger("httpx")
 # Enable httpx debug logging (optional - uncomment for transport-level debugging)
 logger.setLevel(logging.DEBUG)
 
+_httpx_transport = httpx.HTTPTransport(
+    retries=int(os.getenv("SUPERVAIZE_HTTP_MAX_RETRIES", 2))
+)
+_httpx_client = httpx.Client(transport=_httpx_transport)
+
 if TYPE_CHECKING:
     from supervaizer.account import Account
     from supervaizer.agent import Agent
@@ -60,7 +66,7 @@ def send_event(
     curl_cmd = f"curl -X 'GET' '{account.url_event}'  {curl_headers}"
 
     try:
-        response = httpx.post(account.url_event, headers=headers, json=payload)
+        response = _httpx_client.post(account.url_event, headers=headers, json=payload)
 
         # Log response details before raising for status
 

supervaizer/admin/routes.py

@@ -27,7 +27,7 @@ from fastapi.templating import Jinja2Templates
 from pydantic import BaseModel
 from sse_starlette.sse import EventSourceResponse
 
-from supervaizer.__version__ import API_VERSION
+from supervaizer.__version__ import API_VERSION, VERSION
 from supervaizer.common import log
 from supervaizer.lifecycle import EntityStatus
 from supervaizer.storage import (
@@ -257,10 +257,11 @@ def create_admin_routes() -> APIRouter:
             stats = get_dashboard_stats(storage)
 
             return templates.TemplateResponse(
+                request,
                 "dashboard.html",
                 {
                     "request": request,
-                    "api_version": API_VERSION,
+                    "api_version": VERSION,
                     "stats": stats,
                     "system_status": "Online",
                     "db_name": "TinyDB",
@@ -276,10 +277,11 @@ def create_admin_routes() -> APIRouter:
     async def admin_jobs_page(request: Request) -> Response:
         """Jobs management page."""
         return templates.TemplateResponse(
+            request,
             "jobs_list.html",
             {
                 "request": request,
-                "api_version": API_VERSION,
+                "api_version": VERSION,
                 "api_key": os.getenv("SUPERVAIZER_API_KEY"),
             },
         )
@@ -288,10 +290,11 @@ def create_admin_routes() -> APIRouter:
     async def admin_cases_page(request: Request) -> Response:
         """Cases management page."""
         return templates.TemplateResponse(
+            request,
             "cases_list.html",
             {
                 "request": request,
-                "api_version": API_VERSION,
+                "api_version": VERSION,
                 "api_key": os.getenv("SUPERVAIZER_API_KEY"),
             },
         )
@@ -305,10 +308,11 @@ def create_admin_routes() -> APIRouter:
             server_config = get_server_configuration(storage)
 
             return templates.TemplateResponse(
+                request,
                 "server.html",
                 {
                     "request": request,
-                    "api_version": API_VERSION,
+                    "api_version": VERSION,
                     "server_status": server_status,
                     "server_config": server_config,
                     "api_key": os.getenv("SUPERVAIZER_API_KEY"),
@@ -331,10 +335,11 @@ def create_admin_routes() -> APIRouter:
                 )
 
             return templates.TemplateResponse(
+                request,
                 "agents.html",
                 {
                     "request": request,
-                    "api_version": API_VERSION,
+                    "api_version": VERSION,
                     "agents": server_info.agents,
                     "api_key": os.getenv("SUPERVAIZER_API_KEY"),
                 },
@@ -349,10 +354,11 @@ def create_admin_routes() -> APIRouter:
     async def admin_job_start_test_page(request: Request) -> Response:
         """Job start form test page."""
         return templates.TemplateResponse(
+            request,
             "job_start_test.html",
             {
                 "request": request,
-                "api_version": API_VERSION,
+                "api_version": VERSION,
                 "api_key": os.getenv("SUPERVAIZER_API_KEY"),
             },
         )
@@ -378,7 +384,9 @@ def create_admin_routes() -> APIRouter:
         console_token = generate_console_token()
 
         return templates.TemplateResponse(
-            "console.html", {"request": request, "console_token": console_token}
+            request,
+            "console.html",
+            {"request": request, "console_token": console_token},
         )
 
     # API Routes
@@ -394,6 +402,7 @@ def create_admin_routes() -> APIRouter:
             server_status = get_server_status()
 
             return templates.TemplateResponse(
+                request,
                 "server_status_cards.html",
                 {
                     "request": request,
@@ -466,6 +475,7 @@ def create_admin_routes() -> APIRouter:
                 pass
 
             return templates.TemplateResponse(
+                request,
                 "agents_grid.html",
                 {
                     "request": request,
@@ -503,6 +513,7 @@ def create_admin_routes() -> APIRouter:
                 raise HTTPException(status_code=404, detail="Agent not found")
 
             return templates.TemplateResponse(
+                request,
                 "agent_detail.html",
                 {
                     "request": request,
@@ -586,6 +597,7 @@ def create_admin_routes() -> APIRouter:
                 jobs.append(job)
 
             return templates.TemplateResponse(
+                request,
                 "jobs_table.html",
                 {
                     "request": request,
@@ -614,6 +626,7 @@ def create_admin_routes() -> APIRouter:
             cases_data = storage.get_cases_for_job(job_id)
 
             return templates.TemplateResponse(
+                request,
                 "job_detail.html",
                 {
                     "request": request,
@@ -704,6 +717,7 @@ def create_admin_routes() -> APIRouter:
                 cases.append(case)
 
             return templates.TemplateResponse(
+                request,
                 "cases_table.html",
                 {
                     "request": request,
@@ -734,6 +748,7 @@ def create_admin_routes() -> APIRouter:
                 job_data = storage.get_object_by_id("Job", case_data["job_id"])
 
             return templates.TemplateResponse(
+                request,
                 "case_detail.html",
                 {
                     "request": request,
@@ -885,6 +900,7 @@ def create_admin_routes() -> APIRouter:
             activities = activities[:10]  # Top 10 recent activities
 
             return templates.TemplateResponse(
+                request,
                 "recent_activity.html",
                 {
                     "request": request,

supervaizer/admin/templates/agents.html

@@ -126,6 +126,43 @@
     </div>
 </div>
 
+<!-- Instructions Modal -->
+<div id="instructions-modal"
+     class="fixed inset-0 z-50"
+     x-data="{ open: false, agentSlug: '', instructionsPath: 'supervaize_instructions.html' }"
+     x-show="open"
+     x-cloak
+     @open-instructions.window="agentSlug = $event.detail.slug; instructionsPath = $event.detail.instructionsPath || 'supervaize_instructions.html'; open = true">
+    <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+        <div class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" @click="open = false"></div>
+
+        <div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-6xl sm:w-full">
+            <div class="bg-white px-4 pt-5 pb-4 sm:p-6">
+                <div class="flex items-center justify-between mb-4">
+                    <h3 class="text-lg leading-6 font-medium text-gray-900">Supervaize Instructions</h3>
+                    <button
+                        @click="open = false"
+                        class="bg-white rounded-md text-gray-400 hover:text-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+                    >
+                        <span class="sr-only">Close</span>
+                        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+                        </svg>
+                    </button>
+                </div>
+                <div class="mt-4" style="height: 80vh; overflow-y: auto;">
+                    <iframe
+                        id="instructions-iframe"
+                        x-bind:src="agentSlug && instructionsPath ? `/supervaizer/agents/${agentSlug}/${instructionsPath}` : ''"
+                        class="w-full h-full border-0"
+                        style="min-height: 600px;"
+                    ></iframe>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
 <script>
     // Handle agent modal
     document.body.addEventListener('htmx:afterRequest', function(e) {
@@ -151,6 +188,43 @@
         htmx.ajax('GET', `/admin/api/agents/${encodeURIComponent(agentSlug)}`, {target: '#agent-modal-content'});
     };
 
+    window.showAgentInstructions = function(agentSlug, instructionsPath) {
+        console.log('showAgentInstructions called with slug:', agentSlug, 'path:', instructionsPath);
+
+        if (!agentSlug || agentSlug.trim() === '') {
+            console.error('Agent slug is missing or empty');
+            return;
+        }
+
+        // Default instructions path if not provided
+        instructionsPath = instructionsPath || 'supervaize_instructions.html';
+
+        const modal = document.getElementById('instructions-modal');
+        if (!modal) {
+            console.error('Instructions modal not found');
+            return;
+        }
+
+        // Dispatch Alpine.js event to open modal (Alpine will handle iframe src reactively)
+        const event = new CustomEvent('open-instructions', {
+            detail: { slug: agentSlug, instructionsPath: instructionsPath },
+            bubbles: true
+        });
+        modal.dispatchEvent(event);
+        console.log('Dispatched open-instructions event with slug:', agentSlug, 'path:', instructionsPath);
+
+        // Also try direct Alpine.js access as fallback
+        if (modal._x_dataStack && modal._x_dataStack[0]) {
+            const alpineData = modal._x_dataStack[0];
+            alpineData.agentSlug = agentSlug;
+            alpineData.instructionsPath = instructionsPath;
+            alpineData.open = true;
+            console.log('Modal opened via direct Alpine.js access');
+        } else {
+            console.warn('Alpine.js data not available, modal may not open');
+        }
+    };
+
     window.editAgent = function(agentId) {
         console.log('Edit agent:', agentId);
         // Future: htmx.ajax('GET', `/admin/api/agents/${agentId}/edit`, {target: '#agent-modal-content'});

supervaizer/admin/templates/agents_grid.html

@@ -33,7 +33,7 @@
                             </div>
                             {% endif %}
                             <div class="ml-3">
-                                <h3 class="text-lg font-medium text-gray-900">{{ agent.name }}</h3>
+                                <h3 class="text-lg font-medium text-gray-900">{{ agent.name }} </h3>
                                 <p class="text-sm text-gray-500 capitalize">{{ agent.type or "conversational" }}</p>
                             </div>
                         </div>
@@ -56,10 +56,12 @@
                         </div>
                     </div>
                     <div class="mt-6 flex space-x-3">
-                        <button onclick="showAgentDetails('{{ agent.slug }}')" class="flex-1 bg-blue-50 text-blue-700 hover:bg-blue-100 px-3 py-2 rounded-md text-sm font-medium transition-colors">
+                        {% set agent_slug = agent.slug if agent.slug else (agent.api_path.replace('/agents/', '').rstrip('/') if agent.api_path and agent.api_path.startswith('/agents/') else '') %}
+                        {% set instructions_path = agent.instructions_path if agent.instructions_path else 'supervaize_instructions.html' %}
+                        <button onclick="showAgentInstructions('{{ agent_slug }}', '{{ instructions_path }}')" class="flex-1 bg-blue-50 text-blue-700 hover:bg-blue-100 px-3 py-2 rounded-md text-sm font-medium transition-colors">
                             View
                         </button>
-                        <button onclick="editAgent('{{ agent.slug }}')" class="flex-1 bg-gray-50 text-gray-700 hover:bg-gray-100 px-3 py-2 rounded-md text-sm font-medium transition-colors">
+                        <button onclick="showAgentDetails('{{ agent_slug }}')" class="flex-1 bg-gray-50 text-gray-700 hover:bg-gray-100 px-3 py-2 rounded-md text-sm font-medium transition-colors">
                             Configure
                         </button>
                     </div>

supervaizer/admin/templates/navigation.html

@@ -83,6 +83,14 @@
                              class="absolute left-0 mt-2 w-48 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 z-50"
                              x-cloak>
                             <div class="py-1">
+                                <a href="https://doc.supervaize.com/docs/category/supervaizer-controller" target="_blank" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors">
+                                    Supervaizer Doc
+                                    <svg class="inline ml-1 h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
+                                    </svg>
+                                </a>
+                                <div class="border-t border-gray-200 my-1"></div>
+                                <div class="px-4 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider">API Documentation</div>
                                 <a href="/docs" target="_blank" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors">
                                     Swagger API
                                     <svg class="inline ml-1 h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -110,7 +118,7 @@
 
             <!-- Right side -->
             <div class="flex items-center space-x-4">
-                <span class="text-sm text-gray-500">API {{ api_version }}</span>
+                <span class="text-sm text-gray-500">{{ api_version }}</span>
 
                 <!-- Mobile menu button -->
                 <button @click="mobileMenuOpen = !mobileMenuOpen" class="sm:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100">
@@ -142,6 +150,8 @@
             <!-- Documentation section -->
             <div class="pl-3 pr-4 py-2">
                 <div class="text-base font-medium text-gray-700 mb-2">Documentation</div>
+                <a href="https://doc.supervaize.com/docs/category/supervaizer-controller" target="_blank" class="block pl-4 py-1 text-sm text-gray-500 hover:text-gray-700">Supervaizer Controller</a>
+                <div class="pl-4 py-1 text-xs font-semibold text-gray-500 uppercase tracking-wider">API Documentation</div>
                 <a href="/docs" target="_blank" class="block pl-4 py-1 text-sm text-gray-500 hover:text-gray-700">Swagger API</a>
                 <a href="/redoc" target="_blank" class="block pl-4 py-1 text-sm text-gray-500 hover:text-gray-700">ReDoc</a>
                 <a href="https://github.com/supervaize/supervaizer-controller" target="_blank" class="block pl-4 py-1 text-sm text-gray-500 hover:text-gray-700">Supervaizer GitHub</a>

supervaizer/admin/templates/supervaize_instructions.html

@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Supervaize Instructions - {{ registration_info.name }}</title>
+
+    <!-- Tailwind CSS -->
+    <script src="https://cdn.tailwindcss.com"></script>
+
+    <style>
+        pre {
+            white-space: pre-wrap;
+            word-wrap: break-word;
+        }
+        .json-key {
+            color: #0369a1;
+            font-weight: 600;
+        }
+        .json-string {
+            color: #059669;
+        }
+        .json-number {
+            color: #dc2626;
+        }
+        .json-boolean {
+            color: #7c3aed;
+        }
+        .json-null {
+            color: #6b7280;
+        }
+    </style>
+</head>
+<body class="bg-gray-50 min-h-screen">
+    <div class="max-w-4xl mx-auto py-8 px-4 sm:px-6 lg:px-8">
+        <!-- Header -->
+        <div class="bg-white shadow rounded-lg mb-6 p-6">
+            <h1 class="text-3xl font-bold text-gray-900 mb-2">{{ registration_info.name }}</h1>
+            {% if registration_info.description %}
+            <p class="text-lg text-gray-600">{{ registration_info.description }}</p>
+            {% endif %}
+            {% if registration_info.version %}
+            <p class="text-sm text-gray-500 mt-2">Version: {{ registration_info.version }}</p>
+            {% endif %}
+        </div>
+
+        <!-- Basic Information -->
+        <div class="bg-white shadow rounded-lg mb-6 p-6">
+            <h2 class="text-xl font-semibold text-gray-900 mb-4">Agent Information</h2>
+            <dl class="grid grid-cols-1 gap-4 sm:grid-cols-2">
+                {% if registration_info.id %}
+                <div>
+                    <dt class="text-sm font-medium text-gray-500">ID</dt>
+                    <dd class="mt-1 text-sm text-gray-900">{{ registration_info.id }}</dd>
+                </div>
+                {% endif %}
+                {% if registration_info.api_path %}
+                <div>
+                    <dt class="text-sm font-medium text-gray-500">API Path</dt>
+                    <dd class="mt-1 text-sm text-gray-900 font-mono">{{ registration_info.api_path }}</dd>
+                </div>
+                {% endif %}
+                {% if registration_info.author %}
+                <div>
+                    <dt class="text-sm font-medium text-gray-500">Author</dt>
+                    <dd class="mt-1 text-sm text-gray-900">{{ registration_info.author }}</dd>
+                </div>
+                {% endif %}
+                {% if registration_info.developer %}
+                <div>
+                    <dt class="text-sm font-medium text-gray-500">Developer</dt>
+                    <dd class="mt-1 text-sm text-gray-900">{{ registration_info.developer }}</dd>
+                </div>
+                {% endif %}
+                {% if registration_info.maintainer %}
+                <div>
+                    <dt class="text-sm font-medium text-gray-500">Maintainer</dt>
+                    <dd class="mt-1 text-sm text-gray-900">{{ registration_info.maintainer }}</dd>
+                </div>
+                {% endif %}
+                {% if registration_info.editor %}
+                <div>
+                    <dt class="text-sm font-medium text-gray-500">Editor</dt>
+                    <dd class="mt-1 text-sm text-gray-900">{{ registration_info.editor }}</dd>
+                </div>
+                {% endif %}
+                {% if registration_info.max_execution_time %}
+                <div>
+                    <dt class="text-sm font-medium text-gray-500">Max Execution Time</dt>
+                    <dd class="mt-1 text-sm text-gray-900">{{ registration_info.max_execution_time }} seconds</dd>
+                </div>
+                {% endif %}
+            </dl>
+        </div>
+
+        <!-- Tags -->
+        {% if registration_info.tags %}
+        <div class="bg-white shadow rounded-lg mb-6 p-6">
+            <h2 class="text-xl font-semibold text-gray-900 mb-4">Tags</h2>
+            <div class="flex flex-wrap gap-2">
+                {% for tag in registration_info.tags %}
+                <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800">
+                    {{ tag }}
+                </span>
+                {% endfor %}
+            </div>
+        </div>
+        {% endif %}
+
+        <!-- Methods -->
+        {% if registration_info.methods %}
+        <div class="bg-white shadow rounded-lg mb-6 p-6">
+            <h2 class="text-xl font-semibold text-gray-900 mb-4">Available Methods</h2>
+            <div class="space-y-4">
+                {% if registration_info.methods.job_start %}
+                <div class="border-l-4 border-green-500 pl-4">
+                    <h3 class="font-medium text-gray-900">Job Start</h3>
+                    {% if registration_info.methods.job_start.description %}
+                    <p class="text-sm text-gray-600 mt-1">{{ registration_info.methods.job_start.description }}</p>
+                    {% endif %}
+                </div>
+                {% endif %}
+                {% if registration_info.methods.job_stop %}
+                <div class="border-l-4 border-red-500 pl-4">
+                    <h3 class="font-medium text-gray-900">Job Stop</h3>
+                    {% if registration_info.methods.job_stop.description %}
+                    <p class="text-sm text-gray-600 mt-1">{{ registration_info.methods.job_stop.description }}</p>
+                    {% endif %}
+                </div>
+                {% endif %}
+                {% if registration_info.methods.job_status %}
+                <div class="border-l-4 border-blue-500 pl-4">
+                    <h3 class="font-medium text-gray-900">Job Status</h3>
+                    {% if registration_info.methods.job_status.description %}
+                    <p class="text-sm text-gray-600 mt-1">{{ registration_info.methods.job_status.description }}</p>
+                    {% endif %}
+                </div>
+                {% endif %}
+                {% if registration_info.methods.chat %}
+                <div class="border-l-4 border-purple-500 pl-4">
+                    <h3 class="font-medium text-gray-900">Chat</h3>
+                    {% if registration_info.methods.chat.description %}
+                    <p class="text-sm text-gray-600 mt-1">{{ registration_info.methods.chat.description }}</p>
+                    {% endif %}
+                </div>
+                {% endif %}
+                {% if registration_info.methods.custom %}
+                {% for method_name, method_info in registration_info.methods.custom.items() %}
+                <div class="border-l-4 border-yellow-500 pl-4">
+                    <h3 class="font-medium text-gray-900">{{ method_name }}</h3>
+                    {% if method_info.description %}
+                    <p class="text-sm text-gray-600 mt-1">{{ method_info.description }}</p>
+                    {% endif %}
+                </div>
+                {% endfor %}
+                {% endif %}
+            </div>
+        </div>
+        {% endif %}
+        <!-- Parameters Setup -->
+        <div class="bg-white shadow rounded-lg mb-6 p-6">
+            <h2 class="text-xl font-semibold text-gray-900 mb-4">Parameters</h2>
+            {% if registration_info.parameters_setup %}
+            <div class="overflow-x-auto">
+                <table class="min-w-full divide-y divide-gray-200">
+                    <thead class="bg-gray-50">
+                        <tr>
+                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Description</th>
+                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Type</th>
+                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Required</th>
+                        </tr>
+                    </thead>
+                    <tbody class="bg-white divide-y divide-gray-200">
+                        {% for param in registration_info.parameters_setup %}
+                        <tr>
+                            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">{{ param.name }}</td>
+                            <td class="px-6 py-4 text-sm text-gray-500">{{ param.description or "-" }}</td>
+                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                                {% if param.is_secret %}
+                                <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">Secret</span>
+                                {% else %}
+                                <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">Standard</span>
+                                {% endif %}
+                            </td>
+                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                                {% if param.is_required %}
+                                <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">Required</span>
+                                {% else %}
+                                <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Optional</span>
+                                {% endif %}
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+            {% else %}
+            <p class="text-sm text-gray-500">No parameters configured.</p>
+            {% endif %}
+        </div>
+
+        <!-- Custom instructions -->
+        <div class="bg-white shadow rounded-lg mb-6 p-6">
+            <h2 class="text-xl font-semibold text-gray-900 mb-4">Setup instructions</h2>
+            <div class="overflow-x-auto">
+                TBD
+            </div>
+        </div>
+    </div>
+</body>
+</html>