ai_upgrade_assistant-0.2.0-alpha2/templates/upgrade-path-step.html.twig

{#
/**
 * @file
 * Default theme implementation to display upgrade step details.
 *
 * Available variables:
 * - module: The module name.
 * - step: The step data.
 */
#}
<div class="upgrade-step-details">
  <div class="step-details-header">
    <h2>{{ 'Step Details for @module'|t({'@module': module}) }}</h2>
    <div class="step-meta">
      <span class="step-type">{{ step.type|replace({'_': ' '})|title }}</span>
      {% if step.automated %}
        <span class="badge badge-success">{{ 'Automated'|t }}</span>
      {% endif %}
      {% if step.confidence %}
        <span class="confidence-indicator" title="{{ 'Confidence: @score%'|t({'@score': (step.confidence * 100)|round}) }}">
          {{ (step.confidence * 100)|round }}%
        </span>
      {% endif %}
    </div>
  </div>

  <div class="step-details-content">
    <div class="step-description">
      <h3>{{ 'Description'|t }}</h3>
      <p>{{ step.description }}</p>
    </div>

    {% if step.transformation %}
      <div class="code-transformation">
        <h3>{{ 'Code Transformation'|t }}</h3>
        <div class="transformation-comparison">
          <div class="before-code">
            <h4>{{ 'Before'|t }}</h4>
            <pre><code class="language-php">{{ step.transformation.before }}</code></pre>
          </div>
          <div class="after-code">
            <h4>{{ 'After'|t }}</h4>
            <pre><code class="language-php">{{ step.transformation.after }}</code></pre>
          </div>
        </div>
      </div>
    {% endif %}

    {% if step.risks %}
      <div class="step-risks">
        <h3>{{ 'Risks and Considerations'|t }}</h3>
        <ul class="risk-list">
          {% for risk in step.risks %}
            <li class="risk-item risk-{{ risk.level }}">
              <span class="risk-level">{{ risk.level|title }}</span>
              <span class="risk-description">{{ risk.description }}</span>
            </li>
          {% endfor %}
        </ul>
      </div>
    {% endif %}

    {% if step.mitigation %}
      <div class="mitigation-steps">
        <h3>{{ 'Mitigation Steps'|t }}</h3>
        <ul>
          {% for item in step.mitigation %}
            <li>{{ item }}</li>
          {% endfor %}
        </ul>
      </div>
    {% endif %}

    {% if step.dependencies %}
      <div class="step-dependencies">
        <h3>{{ 'Dependencies'|t }}</h3>
        <ul>
          {% for dep in step.dependencies %}
            <li>{{ dep }}</li>
          {% endfor %}
        </ul>
      </div>
    {% endif %}
  </div>

  <div class="step-details-actions">
    {% if step.automated %}
      <button class="button button--primary apply-transformation">
        {{ 'Apply Transformation'|t }}
      </button>
    {% endif %}
    <button class="button mark-complete">{{ 'Mark as Complete'|t }}</button>
    <button class="button skip-step">{{ 'Skip Step'|t }}</button>
  </div>
</div>