ivoryos 1.0.9__py3-none-any.whl → 1.2.0b1__py3-none-any.whl

ivoryos/routes/design/templates/components/modals/saveas_modal.html

@@ -0,0 +1,27 @@
+{# Save as modal component #}
+<div class="modal fade" id="saveasModal" tabindex="-1" aria-labelledby="saveasModal" aria-hidden="true" >
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h1 class="modal-title fs-5" id="saveasModal">Save your script as </h1>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <form method="POST" name="save-as" action="{{ url_for('library.save_as') }}">
+                <div class="modal-body">
+                    <div class="input-group mb-3">
+                        <label class="input-group-text" for="run_name">Run Name</label>
+                        <input class="form-control" type="text" name="run_name" id="run_name" placeholder="{{script['name']}}" required="required">
+                    </div>
+                    <div class="form-check form-switch">
+                        <input class="form-check-input" type="checkbox" name="register_workflow" id="register_workflow">
+                        <label class="input-group-label" for="register_workflow">Register this workflow</label>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> Close </button>
+                    <button type="submit"  class="btn btn-primary" > Save </button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div> 

ivoryos/routes/design/templates/components/modals.html

@@ -0,0 +1,6 @@
+{# Modals component for experiment builder #}
+{% include 'components/modals/new_script_modal.html' %}
+{% include 'components/modals/saveas_modal.html' %}
+{% include 'components/modals/rename_modal.html' %}
+{% include 'components/modals/json_modal.html' %}
+{% include 'components/modals/drop_modal.html' %} 

ivoryos/routes/design/templates/components/python_code_overlay.html

@@ -0,0 +1,39 @@
+{# Python code overlay component #}
+{#{% if session.get('show_code') %}#}
+<style>
+.code-overlay {
+    position: fixed;
+    right: 0;
+    top: 180px;
+    height: 100vh;
+    width: 400px;
+    z-index: 1000;
+    transition: transform 0.3s ease;
+    transform: translateX(100%);
+}
+
+.code-overlay.show {
+    transform: translateX(0);
+}
+</style>
+<script>hljs.highlightAll();</script>
+{% if session.get('show_code') %}
+<div id="pythonCodeOverlay" class="code-overlay bg-light border-start show">
+{% else %}
+<div id="pythonCodeOverlay" class="code-overlay bg-light border-start">
+{% endif %}
+    <div class="overlay-header d-flex justify-content-between align-items-center px-3 py-2 border-bottom">
+        <strong>Python Code</strong>
+        <button class="btn btn-sm btn-outline-secondary" onclick="toggleCodeOverlay()">
+            <i class="bi bi-x-lg"></i>
+        </button>
+    </div>
+    <div class="overlay-content p-3">
+        {% for stype, script in session.get('python_code', {}).items() %}
+            <pre><code class="language-python">{{ script }}</code></pre>
+        {% endfor %}
+        <a href="{{ url_for('design.design_files.download_python', filetype='python') }}">
+            Download <i class="bi bi-download"></i>
+        </a>
+    </div>
+</div>

ivoryos/routes/design/templates/components/sidebar.html

@@ -0,0 +1,15 @@
+{# Sidebar component for experiment builder #}
+<div class="instrument-panel" id="instrument-panel">
+    {% if instrument %}
+        <div class="instrument-methods" id="instrument-methods">
+        {% include 'components/actions_panel.html' %}
+        </div>
+    {% else %}
+        {# select deck if this is online#}
+        {% if off_line %}
+            {% include 'components/deck_selector.html' %}
+        {% endif %}
+
+        {% include 'components/instruments_panel.html' %}
+    {% endif %}
+</div>

ivoryos/routes/design/templates/components/text_to_code_panel.html

@@ -0,0 +1,20 @@
+{# Text-to-code panel component #}
+<div class="accordion-item text-to-code">
+    <h2 class="accordion-header">
+        <button class="accordion-button text-to-code" type="button" data-bs-toggle="collapse" data-bs-target="#text-to-code" aria-expanded="false" aria-controls="collapseExample">
+            Text-to-Code
+        </button>
+    </h2>
+    <div id="text-to-code" class="accordion-collapse collapse show" data-bs-parent="#accordionActions">
+        <div class="accordion-body">
+            <form role="form" method='POST' name="generate" id="generate" action="{{url_for('design.generate_code')}}">
+                <input type="hidden" id="instrument" name="instrument" value="{{instrument}}">
+                <textarea class="form-control" id="prompt" name="prompt" rows="6" aria-describedby="promptHelpBlock">{{ session['prompt'][instrument] if instrument in session['prompt'] else '' }}</textarea>
+                <div id="promptHelpBlock" class="form-text">
+                    This will overwrite current design.
+                </div>
+                <button type="submit" class="btn btn-dark" id="gen" name="gen">Generate</button>
+            </form>
+        </div>
+    </div>
+</div> 

ivoryos/routes/design/templates/experiment_builder.html

@@ -0,0 +1,41 @@
+{% extends 'base.html' %}
+{% block title %}IvoryOS | Design{% endblock %}
+
+{% block body %}
+    {# overlay block for text-to-code gen #}
+
+    <div id="overlay" class="overlay">
+        <div>
+            <h3 id="overlay-text">Generating design, please wait...</h3>
+            <div class="spinner-border" role="status"></div>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-3 scroll-column" id="sidebar-wrapper">
+            {% include 'components/sidebar.html' %}
+        </div>
+        <div class="col-md-9 scroll-column" id="canvas-wrapper">
+            {% include 'components/canvas.html' %}
+        </div>
+
+    </div>
+
+    {# Include all modals #}
+    {% include 'components/modals.html' %}
+
+    {# Include all scripts #}
+    <script>
+        const updateListUrl = "{{ url_for('design.design_steps.update_list') }}";
+        const scriptUIStateUrl = "{{ url_for('design.update_ui_state') }}";
+        const scriptMetaUrl = "{{ url_for('design.update_script_meta') }}";
+        const scriptStepUrl = `{{ url_for('design.design_steps.get_step', uuid=0) }}`;
+        const scriptStepDupUrl = `{{ url_for('design.design_steps.duplicate_action', uuid=0) }}`;
+        const scriptDeleteUrl = "{{ url_for('design.clear_draft') }}";
+    </script>
+    <script src="{{ url_for('static', filename='js/sortable_design.js') }}"></script>
+    <script src="{{ url_for('static', filename='js/action_handlers.js') }}"></script>
+    <script src="{{ url_for('static', filename='js/script_metadata.js') }}"></script>
+    <script src="{{ url_for('static', filename='js/ui_state.js') }}"></script>
+
+{% endblock %}

ivoryos/routes/execute/execute.py

@@ -0,0 +1,317 @@
+import csv
+import os
+import time
+
+from flask import Blueprint, redirect, url_for, flash, jsonify, request, render_template, session, \
+    current_app, g
+from flask_login import login_required
+
+from ivoryos.routes.execute.execute_file import files
+from ivoryos.utils import utils
+from ivoryos.utils.bo_campaign import parse_optimization_form
+from ivoryos.utils.db_models import SingleStep, WorkflowRun, WorkflowStep
+from ivoryos.utils.global_config import GlobalConfig
+from ivoryos.utils.form import create_action_button
+
+from werkzeug.utils import secure_filename
+
+from ivoryos.socket_handlers import runner, retry, pause, abort_pending, abort_current
+
+execute = Blueprint('execute', __name__, template_folder='templates')
+
+execute.register_blueprint(files)
+# Register sub-blueprints
+global_config = GlobalConfig()
+
+
+@execute.route("/executions/config", methods=['GET', 'POST'])
+@login_required
+def experiment_run():
+    """
+    .. :quickref: Workflow Execution Config; Execute/iterate the workflow
+
+    .. http:get:: /executions/config
+
+    Load the experiment execution interface.
+
+    .. http:post:: /executions/config
+
+    Start workflow execution with experiment configuration.
+
+    """
+    deck = global_config.deck
+    script = utils.get_script_file()
+    # runner = global_config.runner
+    existing_data = None
+    # script.sort_actions() # handled in update list
+    off_line = current_app.config["OFF_LINE"]
+    deck_list = utils.import_history(os.path.join(current_app.config["OUTPUT_FOLDER"], 'deck_history.txt'))
+    optimizers_schema = {k: v.get_schema() for k, v in global_config.optimizers.items()}
+    design_buttons = {stype: create_action_button(script, stype) for stype in script.stypes}
+    config_preview = []
+    config_file_list = [i for i in os.listdir(current_app.config["CSV_FOLDER"]) if not i == ".gitkeep"]
+
+    try:
+        exec_string = script.python_script if script.python_script else script.compile(
+            current_app.config['SCRIPT_FOLDER'])
+    except Exception as e:
+        flash(e.__str__())
+        if request.accept_mimetypes.best_match(['application/json', 'text/html']) == 'application/json':
+            return jsonify({"error": e.__str__()})
+        else:
+            return redirect(url_for("design.experiment_builder"))
+
+    config_file = request.args.get("filename")
+    config = []
+    if config_file:
+        session['config_file'] = config_file
+    filename = session.get("config_file")
+    if filename:
+        config = list(csv.DictReader(open(os.path.join(current_app.config['CSV_FOLDER'], filename))))
+        config_preview = config[1:]
+        arg_type = config.pop(0)  # first entry is types
+
+    try:
+        # Handle both string and dict exec_string
+        if isinstance(exec_string, dict):
+            for key, func_str in exec_string.items():
+                exec(func_str)
+            line_collection = script.convert_to_lines(exec_string)
+        else:
+            # Handle string case - you might need to adjust this based on your needs
+            line_collection = []
+    except Exception:
+        flash(f"Please check syntax!!")
+        return redirect(url_for("design.experiment_builder"))
+
+    run_name = script.name if script.name else "untitled"
+
+    dismiss = session.get("dismiss", None)
+    script = utils.get_script_file()
+    no_deck_warning = False
+
+    _, return_list = script.config_return()
+    config_list, config_type_list = script.config("script")
+    data_list = os.listdir(current_app.config['DATA_FOLDER'])
+    data_list.remove(".gitkeep") if ".gitkeep" in data_list else data_list
+
+    if deck is None:
+        no_deck_warning = True
+        flash(f"No deck is found, import {script.deck}")
+    elif script.deck:
+        is_deck_match = script.deck == deck.__name__ or script.deck == \
+                        os.path.splitext(os.path.basename(deck.__file__))[0]
+        if not is_deck_match:
+            flash(f"This script is not compatible with current deck, import {script.deck}")
+
+    if request.method == "POST":
+        bo_args = None
+        compiled = False
+        if request.accept_mimetypes.best_match(['application/json', 'text/html']) == 'application/json':
+            payload_json = request.get_json()
+            compiled = True
+            if "kwargs" in payload_json:
+                config = payload_json["kwargs"]
+            elif "parameters" in payload_json:
+                bo_args = payload_json
+            repeat = payload_json.pop("repeat", None)
+        else:
+            if "bo" in request.form:
+                bo_args = request.form.to_dict()
+                existing_data = bo_args.pop("existing_data")
+            if "online-config" in request.form:
+                config = utils.web_config_entry_wrapper(request.form.to_dict(), config_list)
+            repeat = request.form.get('repeat', None)
+
+        try:
+            datapath = current_app.config["DATA_FOLDER"]
+            run_name = script.validate_function_name(run_name)
+            runner.run_script(script=script, run_name=run_name, config=config, bo_args=bo_args,
+                              logger=g.logger, socketio=g.socketio, repeat_count=repeat,
+                              output_path=datapath, compiled=compiled, history=existing_data,
+                              current_app=current_app._get_current_object()
+                              )
+            if utils.check_config_duplicate(config):
+                flash(f"WARNING: Duplicate in config entries.")
+        except Exception as e:
+            if request.accept_mimetypes.best_match(['application/json', 'text/html']) == 'application/json':
+                return jsonify({"error": e.__str__()})
+            else:
+                flash(e)
+
+    if request.accept_mimetypes.best_match(['application/json', 'text/html']) == 'application/json':
+        # wait to get a workflow ID
+        while not global_config.runner_status:
+            time.sleep(1)
+        return jsonify({"status": "task started", "task_id": global_config.runner_status.get("id")})
+    else:
+        return render_template('experiment_run.html', script=script.script_dict, filename=filename,
+                               dot_py=exec_string, line_collection=line_collection,
+                               return_list=return_list, config_list=config_list, config_file_list=config_file_list,
+                               config_preview=config_preview, data_list=data_list, config_type_list=config_type_list,
+                               no_deck_warning=no_deck_warning, dismiss=dismiss, design_buttons=design_buttons,
+                               history=deck_list, pause_status=runner.pause_status(), optimizer_schema=optimizers_schema)
+
+@execute.route("/executions/campaign", methods=["POST"])
+@login_required
+def run_bo():
+    """
+    .. :quickref: Workflow Execution; run Bayesian Optimization
+    Run Bayesian Optimization with the given parameters and objectives.
+
+    .. http:post:: /executions/campaign
+
+    :form repeat: number of iterations to run
+    :form optimizer_type: type of optimizer to use
+    :form existing_data: existing data to use for optimization
+    :form parameters: parameters for optimization
+    :form objectives: objectives for optimization
+    TODO: merge to experiment_run or not, add more details about the form fields and their expected values.
+    """
+    script = utils.get_script_file()
+    run_name = script.name if script.name else "untitled"
+    payload = request.form.to_dict()
+    repeat = payload.pop("repeat", None)
+    optimizer_type = payload.pop("optimizer_type", None)
+    existing_data = payload.pop("existing_data", None)
+    parameters, objectives, steps = parse_optimization_form(payload)
+    try:
+        datapath = current_app.config["DATA_FOLDER"]
+        run_name = script.validate_function_name(run_name)
+        Optimizer = global_config.optimizers.get(optimizer_type, None)
+        if not Optimizer:
+            raise ValueError(f"Optimizer {optimizer_type} is not supported or not found.")
+        optimizer = Optimizer(experiment_name=run_name, parameter_space=parameters, objective_config=objectives,
+                              optimizer_config=steps)
+        runner.run_script(script=script, run_name=run_name, optimizer=optimizer,
+                          logger=g.logger, socketio=g.socketio, repeat_count=repeat,
+                          output_path=datapath, compiled=False, history=existing_data,
+                          current_app=current_app._get_current_object()
+                          )
+
+    except Exception as e:
+        if request.accept_mimetypes.best_match(['application/json', 'text/html']) == 'application/json':
+            return jsonify({"error": e.__str__()})
+        else:
+            flash(e.__str__())
+    return redirect(url_for("execute.experiment_run"))
+
+
+
+@execute.route("/executions/status", methods=["GET"])
+def runner_status():
+    """
+    .. :quickref: Workflow Execution Control; backend runner status
+
+    get is system is busy and current task
+
+    .. http:get:: /executions/status
+
+
+    """
+    # runner = global_config.runner
+    runner_busy = global_config.runner_lock.locked()
+    status = {"busy": runner_busy}
+    task_status = global_config.runner_status
+    current_step = {}
+
+    if task_status is not None:
+        task_type = task_status["type"]
+        task_id = task_status["id"]
+        if task_type == "task":
+            # todo
+            step = SingleStep.query.get(task_id)
+            current_step = step.as_dict()
+        if task_type == "workflow":
+            workflow = WorkflowRun.query.get(task_id)
+            if workflow is not None:
+                latest_step = WorkflowStep.query.filter_by(workflow_id=workflow.id).order_by(
+                    WorkflowStep.start_time.desc()).first()
+                if latest_step is not None:
+                    current_step = latest_step.as_dict()
+                status["workflow_status"] = {"workflow_info": workflow.as_dict(), "runner_status": runner.get_status()}
+    status["current_task"] = current_step
+    return jsonify(status), 200
+
+
+@execute.route("/executions/abort/next-iteration", methods=["POST"])
+def api_abort_pending():
+    """
+    .. :quickref: Workflow Execution control; abort pending workflow
+
+    finish the current iteration and stop pending workflow iterations
+
+    .. http:get:: /executions/abort/next-iteration
+
+    """
+    abort_pending()
+    return jsonify({"status": "ok"}), 200
+
+
+@execute.route("/executions/abort/next-task", methods=["POST"])
+def api_abort_current():
+    """
+    .. :quickref: Workflow Execution Control; abort all pending tasks starting from the next task
+
+    finish the current task and stop all pending tasks or iterations
+
+    .. http:get:: /executions/abort/next-task
+
+    """
+    abort_current()
+    return jsonify({"status": "ok"}), 200
+
+
+@execute.route("/executions/pause-resume", methods=["POST"])
+def api_pause():
+    """
+    .. :quickref: Workflow Execution Control; pause and resume
+
+    pause workflow iterations or resume workflow iterations
+
+    .. http:get:: /executions/pause-resume
+
+    """
+    msg = pause()
+    return jsonify({"status": "ok", "pause_status": msg}), 200
+
+
+@execute.route("/executions/retry", methods=["POST"])
+def api_retry():
+    """
+    .. :quickref: Workflow Execution Control; retry the failed workflow execution step.
+
+    retry the failed workflow execution step.
+
+    .. http:get:: /executions/retry
+
+    """
+    retry()
+    return jsonify({"status": "ok, retrying failed step"}), 200
+
+
+@execute.route('/files/preview/<string:filename>')
+@login_required
+def data_preview(filename):
+    """
+    .. :quickref: Workflow Execution Files; preview a workflow history file (.CSV)
+
+    Preview the contents of a workflow history file in CSV format.
+
+    .. http:get:: /files/preview/<str:filename>
+    """
+    import csv
+    import os
+    from flask import abort
+
+    data_folder = current_app.config['DATA_FOLDER']
+    file_path = os.path.join(data_folder, filename)
+    if not os.path.exists(file_path):
+        abort(404)
+    with open(file_path, newline='') as csvfile:
+        reader = csv.DictReader(csvfile)
+        rows = list(reader)
+    # Limit preview to first 10 rows
+    return jsonify({"columns": reader.fieldnames, "rows": rows})
+
+

ivoryos/routes/execute/execute_file.py

@@ -0,0 +1,78 @@
+import csv
+import json
+import os
+from flask import Blueprint, send_file, request, flash, redirect, url_for, session, current_app
+from werkzeug.utils import secure_filename
+from ivoryos.utils import utils
+
+files = Blueprint('execute_files', __name__)
+
+
+@files.route('/files/execution-configs')
+def download_empty_config():
+    """
+    .. :quickref: Workflow Files; download an empty workflow config file (.CSV)
+
+    .. http:get:: /files/execution-configs
+
+    :form file: workflow design CSV file
+    :status 302: load pseudo deck and then redirects to :http:get:`/ivoryos/executions/config`
+    """
+    script = utils.get_script_file()
+    run_name = script.name if script.name else "untitled"
+
+    filepath = os.path.join(current_app.config['SCRIPT_FOLDER'], f"{run_name}_config.csv")
+    with open(filepath, 'w', newline='') as f:
+        writer = csv.writer(f)
+        cfg, cfg_types = script.config("script")
+        writer.writerow(cfg)
+        writer.writerow(list(cfg_types.values()))
+    return send_file(os.path.abspath(filepath), as_attachment=True)
+
+@files.route('/files/batch-configs', methods=['POST'])
+def upload():
+    """
+    .. :quickref: Workflow Files; upload a workflow config file (.CSV)
+
+    .. http:post:: /files/execution-configs
+
+    :form file: workflow CSV config file
+    :status 302: save csv file and then redirects to :http:get:`/ivoryos/executions/config`
+    """
+    if request.method == "POST":
+        f = request.files['file']
+        if 'file' not in request.files:
+            flash('No file part')
+        if f.filename.split('.')[-1] == "csv":
+            filename = secure_filename(f.filename)
+            f.save(os.path.join(current_app.config['CSV_FOLDER'], filename))
+            session['config_file'] = filename
+            return redirect(url_for("execute.experiment_run"))
+        else:
+            flash("Config file is in csv format")
+            return redirect(url_for("execute.experiment_run"))
+
+
+@files.route('/files/execution-data', methods=['POST'])
+def upload_history():
+    """
+    .. :quickref: Workflow Files; upload a workflow history file (.CSV)
+
+    .. http:post:: /files/execution-data
+
+    :form file: workflow history CSV file
+    :status 302: save csv file and then redirects to :http:get:`/ivoryos/executions/config`
+    """
+    if request.method == "POST":
+        f = request.files['historyfile']
+        if 'historyfile' not in request.files:
+            flash('No file part')
+        if f.filename.split('.')[-1] == "csv":
+            filename = secure_filename(f.filename)
+            f.save(os.path.join(current_app.config['DATA_FOLDER'], filename))
+            return redirect(url_for("execute.experiment_run"))
+        else:
+            flash("Config file is in csv format")
+            return redirect(url_for("execute.experiment_run"))
+
+

ivoryos/routes/execute/templates/components/error_modal.html

@@ -0,0 +1,20 @@
+{# Error modal component for experiment run #}
+<div class="modal fade" id="error-modal" tabindex="-1" aria-labelledby="errorModalLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="errorModalLabel">Error Detected</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <p id="error-message">An error has occurred.</p>
+        <p>Do you want to continue execution or stop?</p>
+      </div>
+      <div class="modal-footer">
+          <button type="button" class="btn btn-primary" id="retry-btn" data-bs-dismiss="modal">Rerun Current Step</button>
+          <button type="button" class="btn btn-success" id="continue-btn" data-bs-dismiss="modal">Continue</button>
+          <button type="button" class="btn btn-danger" id="stop-btn" data-bs-dismiss="modal">Stop Execution</button>
+      </div>
+    </div>
+  </div>
+</div> 

ivoryos/routes/execute/templates/components/logging_panel.html

@@ -0,0 +1,31 @@
+{# Logging panel component for experiment run #}
+<div class="col-lg-6 col-sm-12 logging-panel">
+    <p>
+        <div class="p d-flex justify-content-between align-items-center">
+            <h5>Progress：</h5>
+            <div class="d-flex gap-2 ms-auto">
+                <button id="pause-resume" class="btn btn-info text-white" data-bs-toggle="tooltip" title="Pause execution">
+                    {% if pause_status %}
+                        <i class="bi bi-play-circle"></i>
+                    {% else %}
+                        <i class="bi bi-pause-circle"></i>
+                    {% endif %}
+                </button>
+                <button id="abort-current" class="btn btn-danger text-white" data-bs-toggle="tooltip" title="Stop execution after current step">
+                    <i class="bi bi-stop-circle"></i>
+                </button>
+                <button id="abort-pending" class="btn btn-warning text-white" data-bs-toggle="tooltip" title="Stop execution after current iteration">
+                    <i class="bi bi-hourglass-split"></i>
+                </button>
+            </div>
+        </div>
+        <div class="text-muted mt-2">
+            <small><strong>Note:</strong> The current step cannot be paused or stopped until it completes. </small>
+        </div>
+
+    <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
+        <div id="progress-bar-inner" class="progress-bar progress-bar-striped progress-bar-animated"></div>
+    </div>
+    <p><h5>Log：</h5></p>
+    <div id="logging-panel"></div>
+</div> 

ivoryos/routes/execute/templates/components/progress_panel.html

@@ -0,0 +1,27 @@
+{# Progress panel component for experiment run #}
+<div class="col-lg-6 col-sm-12" id="code-panel" style="{{ '' if pause_status else 'display: none;'}}">
+    <p>
+        <h5>Progress：</h5>
+        {% if "prep" in line_collection.keys() %}
+            {% set stype = "prep" %}
+            <h6>Preparation：</h6>
+            {% for code in line_collection["prep"] %}
+                <pre style="margin: 0; padding: 0; line-height: 1;"><code class="python" id="{{ stype }}-{{ loop.index0 }}" >{{code}}</code></pre>
+            {% endfor %}
+        {% endif %}
+        {% if "script" in line_collection.keys() %}
+            {% set stype = "script" %}
+            <h6>Experiment：</h6>
+            {% for code in line_collection["script"] %}
+                <pre style="margin: 0; padding: 0; line-height: 1;"><code class="python" id="{{ stype }}-{{ loop.index0 }}" >{{code}}</code></pre>
+            {% endfor %}
+        {% endif %}
+        {% if "cleanup" in line_collection.keys() %}
+            {% set stype = "cleanup" %}
+            <h6>Cleanup：</h6>
+            {% for code in line_collection["cleanup"] %}
+                <pre style="margin: 0; padding: 0; line-height: 1;"><code class="python" id="{{ stype }}-{{ loop.index0 }}" >{{code}}</code></pre>
+            {% endfor %}
+        {% endif %}
+    </p>
+</div> 

ivoryos/routes/execute/templates/components/run_panel.html

@@ -0,0 +1,9 @@
+{# Run panel component for experiment run #}
+{% if script['script'] or script['prep'] or script['cleanup'] %}
+    <div class="col-lg-6 col-sm-12" id="run-panel"  style="{{ 'display: none;'  if pause_status else '' }}">
+        {% include 'components/run_tabs.html' %}
+    </div>
+{% else %}
+    <div class="col-lg-6 col-sm-12" id="placeholder-panel">
+    </div>
+{% endif %} 

ivoryos/routes/execute/templates/components/run_tabs.html

@@ -0,0 +1,17 @@
+{# Run tabs component for experiment run #}
+<ul class="nav nav-tabs" id="myTabs" role="tablist">
+    <li class="nav-item" role="presentation">
+        <a class="nav-link {{ 'disabled' if config_list else '' }} {{ 'active' if not config_list else '' }}" id="tab1-tab" data-bs-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="false">Repeat</a>
+    </li>
+    <li class="nav-item" role="presentation">
+        <a class="nav-link {{ 'disabled' if not config_list else '' }} {{ 'active' if config_list else '' }}" id="tab2-tab" data-bs-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false">Configuration</a>
+    </li>
+    <li class="nav-item" role="presentation">
+        <a class="nav-link {{ 'disabled' if not config_list or not return_list else '' }}" id="tab3-tab" data-bs-toggle="tab" href="#tab3" role="tab" aria-controls="tab3" aria-selected="false">Bayesian Optimization</a>
+    </li>
+</ul>
+<div class="tab-content" id="myTabsContent">
+    {% include 'components/tab_repeat.html' %}
+    {% include 'components/tab_configuration.html' %}
+    {% include 'components/tab_bayesian.html' %}
+</div>