# -*- coding: utf-8 -*-
"""修管理页的窄屏（手机）显示。
问题：
1. 窄屏下每个 td 是 flex 布局，左边用 ::before 显示 data-l 标签，
但我压根没给 td 加 data-l —— 所以左边全是空白。
2. 右边的值（配对码、流量）被挤出屏幕截断了。
修法：
1. 给每个 td 补 data-l="设备/配对码/状态/..."
2. 窄屏布局改成：标签左、值右、允许换行；给值加 min-width:0
和 word-break，别让它把容器撑破。
3. 设备名那一行单独占满，不要挤在 flex 里。
"""
from __future__ import annotations
import ast
import sys
from pathlib import Path
RELAY = Path(r"C:\Users\shu\Desktop\deepseekagent\LanRemote\relay" r"\relay.py")
# ---------------- 1. 给 td 补 data-l ----------------
ROW_OLD = ''' f'| '
f''
f'{_esc(device["name"])} '
f'{_esc(device["deviceId"])} | '
f'{_esc(device["code"])} | '
f'{badge} | '
f'{device["idleSeconds"]}s | '
f'{device["queuedToClient"]} / {device["queuedToAgent"]} | '
f'{_kb(device["bytesIn"])} / {_kb(device["bytesOut"])} | '
' | '
f'{_esc(device["code"])} | '
f'{badge} | '
f'{device["idleSeconds"]}s | '
f'{device["queuedToClient"]} / '
f'{device["queuedToAgent"]} | '
f''
f'{_kb(device["bytesIn"])} / {_kb(device["bytesOut"])} | '
' |