Delete templates

templates/card.html

@@ -1,33 +0,0 @@
-<div class="rm-card {additional_class}">
-    <div class="rm-card-header">
-        Top {k} Action Candidate {suffix}
-    </div>
-    <div class="rm-card-body">
-        <div class="card-section">
-            <div class="card-section-title">Thought:</div>
-            <div class="thought-content">
-                <pre>{thought}</pre>
-            </div>
-        </div>
-        <div class="card-section">
-            <div class="card-section-title">Action:</div>
-            <div class="action-content">
-                <pre>{action}</pre>
-            </div>
-        </div>
-        <div class="card-section">
-            <div class="card-section-title">Reward:</div>
-            <div class="reward-content">
-                <pre>{reward}</pre>
-            </div>
-        </div>
-        <div class="card-section">
-            <details>
-                <summary>Feedback (click to view)</summary>
-                <div class="feedback-content">
-                    <pre>{feedback}</pre>
-                </div>
-            </details>
-        </div>
-    </div>
-</div>

templates/rm_cards.css

@@ -1,106 +0,0 @@
-.rm-cards-container {
-    display: flex;
-    gap: 15px;
-    padding: 10px 0;
-    overflow-x: auto;
-}
-
-.rm-card {
-    min-width: 300px;
-    max-width: 400px;
-    border: 1px solid #ddd;
-    border-radius: 8px;
-    overflow: hidden;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-    background: rgba(255, 255, 255, 0.0);
-}
-
-.rm-card.top-candidate {
-    border: 3px solid #007bff;
-    box-shadow: 0 4px 8px rgba(0, 0, 150, 0.2);
-}
-
-.rm-card-header {
-    background: rgba(240, 240, 240, 0.3);
-    padding: 10px 15px;
-    font-weight: bold;
-    border-bottom: 1px solid #ddd;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.top-candidate .rm-card-header {
-    background: rgba(230, 242, 255, 0.3);
-}
-
-.reward-badge {
-    background: #007bff;
-    color: white;
-    padding: 3px 8px;
-    border-radius: 12px;
-    font-size: 0.9em;
-}
-
-.rm-card-body {
-    padding: 15px;
-    background-color: rgba(240, 240, 240, 0.0);
-}
-
-.card-section {
-    margin-bottom: 12px;
-}
-
-.card-section-title {
-    font-weight: bold;
-    margin-bottom: 5px;
-    color: #555;
-}
-
-.thought-content {
-    background: rgba(247, 247, 255, 0.3);
-    border: 1px solid #d0d0ff;
-    border-radius: 6px;
-    padding: 8px;
-}
-
-.action-content {
-    background: rgba(240, 255, 240, 0.3);
-    border: 1px solid #d0ffd0;
-    border-radius: 6px;
-    padding: 8px;
-}
-
-.feedback-content {
-    background: rgba(255, 247, 240, 0.3);
-    border: 1px solid #ffd0a0;
-    border-radius: 6px;
-    padding: 8px;
-}
-
-.reward-content {
-    background: rgba(240, 240, 255, 0.3);
-    border: 1px solid #d0d0ff;
-    border-radius: 6px;
-    padding: 8px;
-}
-
-details {
-    margin-top: 5px;
-}
-
-summary {
-    cursor: pointer;
-    font-weight: bold;
-    color: #555;
-}
-
-summary:hover {
-    color: #007bff;
-}
-
-pre {
-    margin: 0;
-    white-space: pre-wrap;
-    word-break: break-word;
-}

templates/trajectory.css

@@ -1,82 +0,0 @@
-/* templates/trajectory.css */
-
-.trajectory-container {
-    display: flex;
-    flex-direction: column;
-    gap: 20px;
-}
-
-.step-container {
-    border: 1px solid #ddd;
-    border-radius: 8px;
-    overflow: hidden;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-}
-
-.step-header {
-    background: rgba(240, 240, 240, 0.0);
-    padding: 10px 15px;
-    font-weight: bold;
-    border-bottom: 1px solid #ddd;
-}
-
-.step-content {
-    display: flex;
-    gap: 15px;
-    flex-wrap: wrap;
-}
-
-.step-image {
-    flex: 1 1 40%;
-    padding: 10px;
-}
-
-.step-image img {
-    width: 100%;
-    border: 1px solid #eee;
-    border-radius: 4px;
-}
-
-.step-info {
-    flex: 1 1 55%;
-    display: flex;
-    flex-direction: column;
-    padding: 10px;
-}
-
-.action-candidates {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-}
-
-.candidate-box {
-    background: rgba(245, 240, 255, 0.0);
-    border: 1px solid #d0d0ff;
-    border-radius: 6px;
-    padding: 10px;
-}
-
-.candidate-box.selected {
-    border: 2px solid #7030a0;
-    box-shadow: 0 2px 4px rgba(112, 48, 160, 0.1);
-}
-
-.box-title {
-    font-weight: bold;
-    margin-bottom: 5px;
-}
-
-.reward-text {
-    display: inline-block;
-    color: #555;
-    font-size: 0.9em;
-    margin-left: 8px;
-    font-style: italic;
-}
-
-pre {
-    margin: 0;
-    white-space: pre-wrap;
-    word-break: break-word;
-}