@wendellresearch-ai/benchwarmers 0.5.3 → 0.5.4

package/VERSION

@@ -1 +1 @@
-0.5.3
+0.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wendellresearch-ai/benchwarmers",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "Self-hosted panel gateway for LLMs: ask a collection of models at once, keep every answer side by side, rotate explorer models in, and let your verdicts pick the next panel.",
   "mcpName": "io.github.WendellResearch-AI/benchwarmers",
   "license": "MIT",

package/scripts/test_serve_edit.py

@@ -461,6 +461,15 @@ def main() -> int:
     print(("ok   " if ok else "FAIL ") + "action needed drops alerts on retired models")
     failures += 0 if ok else 1
 
+    # A provider's words end where its link begins, and are not cut short here:
+    # the page cuts them to a line, and a phone, with no hover, shows them whole.
+    text, url = serve.said("Error: Error code: 403 - {'error': {'message': 'm needs your consent. Give it once at"
+                           " https://p.example/consents?model=m; it covers every model.'}}")
+    long, _ = serve.said("Error: Error code: 429 - {'error': {'message': 'Too many requests. " + "w " * 80 + "end'}}")
+    ok = text.endswith("Give it once at") and url == "https://p.example/consents?model=m" and long.endswith("end")
+    print(("ok   " if ok else "FAIL ") + "action needed shows a provider's words whole, its link after them")
+    failures += 0 if ok else 1
+
     # Dismiss: one picker key or many in one write, a change-log line each;
     # undo brings back only the ones named; nothing named is refused.
     serve.DISMISSED_PATH = cfg / "dismissed.json"

package/serve.py

@@ -2007,7 +2007,9 @@ def said(detail: str) -> tuple[str, str]:
     """An error as one short line, and the link the provider put in it: the
     status code and the provider's own words, without the JSON around them or
     a lead-in such as "Too many requests." that says less than the sentence
-    after it. The whole detail stays in the row's title."""
+    after it, ending where the link it gives begins (the link follows it on
+    the page). Cut to a line by the page, not here: a phone shows it whole.
+    The whole detail stays in the row's title."""
     code = re.search(r"Error code: (\w+)", detail)
     quoted = re.search(r"""['"](?:message|detail)['"]: ['"](.+?)(?:['"]\s*[,}]|$)""", detail)
     text = (quoted.group(1) if quoted else re.sub(r"^.*?Error: ", "", detail) if "Error: " in detail
@@ -2017,8 +2019,16 @@ def said(detail: str) -> tuple[str, str]:
     if rest and len(first) < 25:
         text = rest
     url = re.search(r"https?://[^\s;,'\"()]+", quoted.group(1) if quoted else "")
+    if url and url.group(0) in text:
+        text = text[:text.index(url.group(0))].rstrip()
     text = (f"{code.group(1)} · " if code else "") + text
-    return (text if len(text) <= 110 else text[:109].rstrip() + "…"), (url.group(0) if url else "")
+    return (text if len(text) <= 400 else text[:399].rstrip() + "…"), (url.group(0) if url else "")
+
+
+def breakable(name: str) -> str:
+    """An escaped name that may wrap at a domain's dots (`…-api.unorouter.com`),
+    never inside a version number (`llama-3.2`)."""
+    return re.sub(r"\.(?=[a-z])", ".<wbr>", name)
 
 
 def open_actions() -> tuple[dict[str, dict], list[tuple[str, dict]]]:
@@ -2128,7 +2138,7 @@ def actions_page(groups: dict, auto: list) -> str:
                     f"<span class='acts'>{got}</span></div>")
         alias = esc(r["alias"])
         return (f"<div class='a-row' data-row><a href='#' class='model' data-alias='{alias}'>"
-                f"<span class='alias'>{alias}</span></a><span>{chip(r['label'], r['css'])}</span>"
+                f"<span class='alias'>{breakable(alias)}</span></a><span>{chip(r['label'], r['css'])}</span>"
                 f"<span class='why' title='{esc(r['title'])}'><span class='said'>{esc(r['said'])}</span>{link(r['url'])}</span>"
                 f"<span class='acts'><button class='linkish' data-act='retry' data-alias='{alias}'"
                 " title='One call now; an answer clears the alert'>Retry</button>"
@@ -2155,7 +2165,7 @@ def actions_page(groups: dict, auto: list) -> str:
     tags = load_json(DATA / "config" / "provider-tags.json")      # a retired model's connection, by served name
     gone = "".join(
         f"<div class='a-row' data-row><a href='#' class='model' data-alias='{esc(alias)}'>"
-        f"<span class='alias'>{esc(alias)}</span></a><span class='when'>{esc(r['at'][:10])}</span>"
+        f"<span class='alias'>{breakable(esc(alias))}</span></a><span class='when'>{esc(r['at'][:10])}</span>"
         f"<span class='why' title='{esc(r.get('why', ''))}'><span class='said'>"
         f"{esc(tags.get(r.get('served', ''), '').strip('?') or r.get('endpoint') or endpoints.default())}"
         f" · {esc(said(r.get('why', '').removeprefix('auto: '))[0])}</span></span>"

package/ui/bench.css

@@ -132,18 +132,21 @@ main { max-width: var(--page, 104rem); margin: 0 auto; padding: 0 var(--gutter)
           background: var(--warn-ground); border-radius: var(--radius); font-size: .9375rem; overflow-wrap: anywhere; }
 .a-held .chip { flex: none; background: var(--ink); color: var(--paper); }
 .a-held a { color: var(--ink); font-weight: 500; }
-.a-rows { display: grid; grid-template-columns: minmax(10rem, max-content) max-content minmax(0, 1fr) max-content;
+/* The same fixed columns in every group and the retired list, so state,
+   words and actions line up down the whole page whatever each group's
+   longest name; a long name wraps in its column. */
+#tab-needs > .panel { container-type: inline-size; }
+.a-rows { display: grid; grid-template-columns: minmax(0, 32%) 8.25rem minmax(0, 1fr) 6.25rem;
           gap: 0 1rem; align-items: baseline; }
 .a-row { display: contents; }
 .a-row > * { padding: .3rem 0; border-top: 1px solid color-mix(in oklab, var(--line) 55%, transparent); }
 .a-row:first-child > * { border-top: 0; }
-.a-row .alias, .a-row .what { font-weight: 500; }
-.a-row .what { max-width: 24rem; }                  /* a notice's sentence wraps, leaving its detail room */
+.a-row .alias, .a-row .what { font-weight: 500; overflow-wrap: anywhere; }   /* a name breaks at its dots first (<wbr>) */
 .a-row .why, .a-row .when { color: var(--muted); font-size: .875rem; overflow-wrap: anywhere; }
-/* One line a model: the provider's words cut to the column, whole on hover; its link stays whole. */
+/* One line a model: the provider's words cut to the column, whole on hover; the link gives way last. */
 .a-row .why:has(> .said) { display: flex; gap: .5rem; min-width: 0; }
-.a-row .said { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.a-row .why > a { flex: none; }
+.a-row .said { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.a-row .why > a { flex: none; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .a-row .acts { display: flex; gap: .9rem; font-size: .875rem; }
 .linkish.danger { color: var(--err); }
 .a-retired { margin-top: .75rem; border-top: 1px solid var(--line); padding-top: .5rem; }
@@ -542,11 +545,18 @@ dialog .pick { display: flex; gap: 1.5rem; }
   button.c-row { grid-template-columns: minmax(0, 1fr); }     /* the seats get the width; the whole row opens */
   .c-row .open-hint { display: none; }
   .a-line { margin: 1rem 1rem 0; }
-  .a-rows { grid-template-columns: minmax(0, 1fr) max-content; }    /* name and state; the words and actions under them */
+}
+/* A narrow page (a phone, or a window with the sidebar beside it): name and
+   state on one line, the words and actions under them. No gap between name
+   and state, so the line above a model runs unbroken. */
+@container (max-width: 46rem) {
+  .a-rows { grid-template-columns: minmax(0, 1fr) max-content; column-gap: 0; }
+  .a-row > :nth-child(2) { padding-left: .75rem; }
   .a-row .why, .a-row .acts { grid-column: 1 / -1; padding-top: 0; border-top: 0; }
   .a-row .acts { padding-bottom: .5rem; }
   .a-row .why:has(> .said) { flex-wrap: wrap; }
-  .a-row .said { white-space: normal; }             /* a phone has the height to read it whole */
+  .a-row .said { white-space: normal; }             /* the height to read it whole */
+  .a-row .why > a { max-width: none; }
 }
 @media (prefers-reduced-motion: reduce) {
   * { transition: none !important; }