fix table layout: fit viewport, timestamp 2-line, cell ellipsis [skip-ci]

- body: margin 0, overflow-x hidden to eliminate horizontal scroll
- box-sizing: border-box globally
- Timestamp cells split into date/time on two lines (ts-cell class)
- Data cells: max-width 150px with text-overflow ellipsis, title attr for hover
- SYSTEM data cells: overflow visible for custom tooltip
- Header cells: overflow visible for tooltip popups
- app_dev.py: add missing totp_manager stub functions

Author: yoshifuminakamura

result_server/app_dev.py

@@ -41,6 +41,11 @@ def _create_stub_totp_manager():
     mod.generate_totp_uri = lambda s, e, **kw: f"otpauth://totp/BenchKit:{e}?secret={s}"
     mod.generate_qr_base64 = lambda s, e, **kw: ""
     mod.verify_code = lambda s, c: True
+    mod.check_code_reuse = lambda *a, **kw: False
+    mod.check_rate_limit = lambda *a, **kw: False
+    mod.record_failed_attempt = lambda *a, **kw: 0
+    mod.clear_failed_attempts = lambda *a, **kw: None
+    mod.MAX_LOGIN_ATTEMPTS = 5
     return mod
 
 

result_server/templates/_results_table.html

@@ -2,7 +2,6 @@
 
 {% include "_pagination.html" %}
 
-<div class="table-wrapper">
 <table id="resultsTable">
     <thead>
     <!-- Row 1: Column names -->
@@ -141,7 +140,7 @@
                         {% endif %}
                     </td>
                 {% elif key == "system" %}
-                    <td>
+                    <td style="overflow: visible; position: relative;">
                         <span class="tooltip">{{ row[key] }}
                             <span class="tooltiptext">
                                 {% set sys_info = systems_info.get(row[key]) %}
@@ -161,8 +160,11 @@
                     </td>
                 {% elif key in ["nodes", "numproc_node", "nthreads"] %}
                     <td{% if row[key] == "N/A" %} style="color: red;"{% endif %}>{{ row[key] }}</td>
-                {% elif key in ["timestamp", "code", "fom", "fom_version", "exp", "execution_mode", "ci_trigger", "pipeline_id"] %}
-                    <td>{{ row[key] }}</td>
+                {% elif key == "timestamp" %}
+                    {% set ts_parts = row[key].split(' ') %}
+                    <td class="ts-cell">{{ ts_parts[0] }}<br>{{ ts_parts[1] if ts_parts|length > 1 else '' }}</td>
+                {% elif key in ["code", "fom", "fom_version", "exp", "execution_mode", "ci_trigger", "pipeline_id"] %}
+                    <td title="{{ row[key] }}">{{ row[key] }}</td>
                 {% endif %}
                 {% if key == "fom" %}
                 <td style="text-align: center;">
@@ -181,7 +183,6 @@
     {% endfor %}
     </tbody>
 </table>
-</div>
 
 {% include "_pagination.html" %}
 

result_server/templates/_table_base.html

@@ -1,11 +1,16 @@
 <style>
+    /* ページ全体 */
+    body { margin: 0; padding: 0; box-sizing: border-box; overflow-x: hidden; }
+    *, *::before, *::after { box-sizing: inherit; }
+
     /* 共通テーブルスタイル */
-    table { border-collapse: collapse; width: 100%; table-layout: auto; }
-    th, td { border: 1px solid #ddd; padding: 4px 6px; font-size: 13px; }
-    th { background-color: #f2f2f2; }
+    table { border-collapse: collapse; width: 100%; }
+    th, td { border: 1px solid #ddd; padding: 3px 5px; font-size: 12px; }
+    th { background-color: #f2f2f2; overflow: visible; position: relative; }
+    td { white-space: nowrap; max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
     tr:hover { background-color: #f5f5f5; }
-    .table-wrapper { width: 100%; overflow-x: auto; }
     .underline-link { text-decoration: underline; color: darkblue; cursor: pointer; }
+    .ts-cell { white-space: nowrap; font-size: 11px; }
 
     /* ツールチップスタイル */
     .tooltip {