dsh-livebench-panel 0.2.9 → 0.2.10

package/lib/client.js

@@ -107,6 +107,8 @@ window.__ModuleLoader__.load({
 					const [homeBusy, setHomeBusy] = useState(false);
 					const [results, setResults] = useState(null);
 					const [pickedModels, setPickedModels] = useState(() => new Set());
+					const [sortBy, setSortBy] = useState(null);
+					const [sortDir, setSortDir] = useState("asc");
 					const [modelOrder, setModelOrder] = useState(() => {
 						try { return JSON.parse(localStorage.getItem("dlb_model_order_v1")) ?? []; } catch { return []; }
 					});
@@ -323,16 +325,37 @@ window.__ModuleLoader__.load({
 						return { models, tasks, cells, startTimes };
 					}, [results]);
 					const cellOf = (model, key) => matrix.cells.get(`${model}__@__${key}`);
+					// 排序：sortBy=null 时用拖拽自定义顺序；点击表头在 正序/倒序 间切换
 					const sortedModels = useMemo(() => {
 						if (!matrix) return [];
+						const base = [...matrix.models];
+						if (sortBy === "model") {
+							base.sort((a, b) => (sortDir === "asc" ? a.localeCompare(b) : b.localeCompare(a)));
+							return base;
+						}
+						if (sortBy === "time") {
+							base.sort((a, b) => {
+								const ta = matrix.startTimes.get(a) ?? 0;
+								const tb = matrix.startTimes.get(b) ?? 0;
+								return sortDir === "asc" ? ta - tb : tb - ta;
+							});
+							return base;
+						}
 						const indexOf = new Map(modelOrder.map((key, index) => [key, index]));
-						return [...matrix.models].sort((a, b) => {
+						return base.sort((a, b) => {
 							const ia = indexOf.has(a) ? indexOf.get(a) : Number.MAX_SAFE_INTEGER;
 							const ib = indexOf.has(b) ? indexOf.get(b) : Number.MAX_SAFE_INTEGER;
 							if (ia !== ib) return ia - ib;
 							return a.localeCompare(b);
 						});
-					}, [matrix, modelOrder]);
+					}, [matrix, modelOrder, sortBy, sortDir]);
+
+					// 点击表头：切换排序字段（再次点击同一列则反转方向）
+					const toggleSort = (field) => {
+						if (sortBy === field) setSortDir((d) => (d === "asc" ? "desc" : "asc"));
+						else { setSortBy(field); setSortDir("asc"); }
+					};
+					const sortMark = (field) => (sortBy === field ? (sortDir === "asc" ? " ↑" : " ↓") : "");
 
 					const persistModelOrder = (keys) => {
 						setModelOrder(keys);
@@ -343,6 +366,7 @@ window.__ModuleLoader__.load({
 						const sourceModel = dragKey.current;
 						dragKey.current = null;
 						if (!sourceModel || sourceModel === targetModel) return;
+						setSortBy(null); // 拖拽即回到自定义顺序
 						const keys = sortedModels.slice();
 						const from = keys.indexOf(sourceModel);
 						const to = keys.indexOf(targetModel);
@@ -531,13 +555,21 @@ window.__ModuleLoader__.load({
 									h("th", { style: { width: "30px" } },
 										h("input", { type: "checkbox", checked: pickedModels.size > 0 && pickedModels.size === sortedModels.length,
 											onChange: (event) => setPickedModels(event.target.checked ? new Set(sortedModels) : new Set()) })),
-									h("th", null, "model"),
+									h("th", {
+										style: { cursor: "pointer", userSelect: "none" },
+										title: "点击按模型名排序（再次点击切换正序/倒序）",
+										onClick: () => toggleSort("model"),
+									}, "model" + sortMark("model")),
 									matrix.tasks.map((taskKeyCol) => {
 										const [cat, task] = taskKeyCol.split("/");
 										return h("th", { key: taskKeyCol, title: `${cat} / ${task}` }, task);
 									}),
 									h("th", null, "删除"),
-									h("th", null, "time"),
+									h("th", {
+										style: { cursor: "pointer", userSelect: "none" },
+										title: "点击按时间排序（再次点击切换正序/倒序）",
+										onClick: () => toggleSort("time"),
+									}, "time" + sortMark("time")),
 								)),
 								h("tbody", null,
 									sortedModels.map((model) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-livebench-panel",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "DSH web plugin: a LiveBench tab in the Trajectory view (right of 对话/轨迹). Run LiveBench evaluations against every model configured in the DeepSeek Harness — pick provider/model, category, task, release and question range from dropdowns, watch progress, and read scores in place.",
   "license": "MIT",
   "type": "module",