dsh-livebench-panel 0.1.14 → 0.1.16

package/lib/client.js

@@ -13,7 +13,8 @@ window.__ModuleLoader__.load({
 .dlb_head h2{margin:0;font-size:16px;font-weight:600}
 .dlb_sub{color:var(--dsw-alias-label-tertiary);font-size:12px}
 .dlb_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px}
-.dlb_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
+.dlb_grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
+@media (max-width:860px){.dlb_grid>.dlb_field{grid-column:1/-1 !important}}
 .dlb_field{display:flex;flex-direction:column;gap:4px;min-width:0}
 .dlb_label{color:var(--dsw-alias-label-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.02em}
 .dlb_select,.dlb_input{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;border-radius:8px;padding:0 8px;outline:none;min-width:0}
@@ -50,6 +51,10 @@ window.__ModuleLoader__.load({
 .dlb_chip{appearance:none;font:inherit;cursor:pointer;color:var(--dsw-alias-label-secondary);background:transparent;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;padding:3px 12px;font-size:12px;line-height:18px}
 .dlb_chip:disabled{opacity:.4;cursor:not-allowed}
 .dlb_chipOn{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-state-business-primary);background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 14%,transparent)}
+.dlb_actionWrap{display:flex;gap:12px;align-items:stretch}
+.dlb_actionCol{display:flex;flex-direction:column;gap:8px;width:130px;flex-shrink:0}
+.dlb_btnBar{flex:1;min-height:44px;font-weight:600;white-space:normal}
+@media (max-width:760px){.dlb_actionWrap{flex-direction:column}.dlb_actionCol{flex-direction:row;width:100%}.dlb_btnBar{min-height:40px;flex:1}}
 .dlb_drag{cursor:grab;color:var(--dsw-alias-label-tertiary);text-align:center;user-select:none}`;
 		const tagId = "dsh-livebench-panel/panel.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
@@ -386,9 +391,10 @@ window.__ModuleLoader__.load({
 				),
 				configError !== null && h("p", { className: c("error") }, `加载配置失败：${configError}`),
 				h("div", { className: c("card") },
-					h("div", { className: c("grid") },
-						h("div", { className: c("field"), ref: modelDdRef, style: { position: "relative" } },
-							h("label", { className: c("label") }, "模型（harness 全部模型，可多选）"),
+					h("div", { className: c("actionWrap") },
+						h("div", { className: c("grid"), style: { flex: 1, minWidth: 0 } },
+						h("div", { className: c("field"), ref: modelDdRef, style: { gridColumn: "span 6" } },
+							h("label", { className: c("label") }, "模型（harness 全部模型，可多选；勾选后可在行内单独设定推理强度）"),
 							h("button", {
 								type: "button", className: c("select"), style: { textAlign: "left", width: "100%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
 								onClick: () => setModelDdOpen((v) => !v),
@@ -439,11 +445,22 @@ window.__ModuleLoader__.load({
 													m.efforts.map((e) => h("option", { key: e, value: e }, e === "off" ? "off（关闭思考）" : e)))));
 									}))),
 						),
-						h("div", { className: c("field") },
+						h("div", { className: c("field"), style: { gridColumn: "span 2" } },
 							h("label", { className: c("label") }, "题集 release"),
 							h("select", { className: c("select"), value: sel.release, onChange: setField("release") },
 								(config?.releases ?? ["2024-11-25"]).map((r) => h("option", { key: r, value: r }, r))),
 						),
+						h("div", { className: c("field"), style: { gridColumn: "span 2" } },
+							h("label", { className: c("label") }, "题目序号范围（可选）"),
+							h("div", { className: c("row") },
+								h("input", { className: c("input"), type: "number", min: 0, placeholder: "起", value: sel.begin, onChange: setField("begin"), style: { width: "50%" } }),
+								h("input", { className: c("input"), type: "number", min: 0, placeholder: "止", value: sel.end, onChange: setField("end"), style: { width: "50%" } }),
+							),
+						),
+						h("div", { className: c("field"), style: { gridColumn: "span 2" } },
+							h("label", { className: c("label") }, "max-tokens（默认 32000）"),
+							h("input", { className: c("input"), type: "number", min: 256, max: 32768, value: sel.maxTokens, onChange: setField("maxTokens") }),
+						),
 						h("div", { className: c("field"), style: { gridColumn: "1 / -1" } },
 							h("label", { className: c("label") }, "分类（可多选，不选 = 全部分类；括号内为该 release 下有效题数）"),
 							h("div", { className: c("chips") },
@@ -470,23 +487,15 @@ window.__ModuleLoader__.load({
 									}, `${task}（${n}）`);
 								})),
 						),
-						h("div", { className: c("field") },
-							h("label", { className: c("label") }, "题目序号范围（可选）"),
-							h("div", { className: c("row") },
-								h("input", { className: c("input"), type: "number", min: 0, placeholder: "起", value: sel.begin, onChange: setField("begin"), style: { width: "50%" } }),
-								h("input", { className: c("input"), type: "number", min: 0, placeholder: "止", value: sel.end, onChange: setField("end"), style: { width: "50%" } }),
-							),
-						),
-						h("div", { className: c("field") },
-							h("label", { className: c("label") }, "max-tokens（默认 32000）"),
-							h("input", { className: c("input"), type: "number", min: 256, max: 32768, value: sel.maxTokens, onChange: setField("maxTokens") }),
-						),
 					),
-					h("div", { className: c("row") },
-						h("button", { className: c("btn"), onClick: onStart, disabled: busy || running || !config?.available || sel.models.length === 0 },
-							running ? `评测运行中（可另起）…` : busy ? "启动中…" : `开始评测（${sel.models.length} 个模型并发）`),
-						running && h("button", { className: c("btn") + " " + c("btnDanger"), onClick: onStop }, "停止全部"),
-						h("button", { className: c("btnGhost") + " " + c("btn"), onClick: () => { loadConfig(); loadResults(); } }, "刷新"),
+						h("div", { className: c("actionCol") },
+							h("button", {
+								className: c("btn") + " " + c("btnBar"), onClick: onStart,
+								disabled: busy || !config?.available || sel.models.length === 0,
+							}, `开始评测（${sel.models.length}）`),
+							running && h("button", { className: c("btn") + " " + c("btnDanger") + " " + c("btnBar"), onClick: onStop }, "停止全部"),
+							h("button", { className: c("btnGhost") + " " + c("btn") + " " + c("btnBar"), onClick: () => { loadConfig(); loadResults(); } }, "刷新"),
+						),
 					),
 					startError !== null && h("p", { className: c("error") }, startError),
 				),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-livebench-panel",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "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",