koneck 2.94.0 → 2.96.0

package/dist/web/ui-css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui-css.d.ts","sourceRoot":"","sources":["../../src/web/ui-css.ts"],"names":[],"mappings":"AA8CA,wBAAgB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAk2C3C"}
+{"version":3,"file":"ui-css.d.ts","sourceRoot":"","sources":["../../src/web/ui-css.ts"],"names":[],"mappings":"AA8CA,wBAAgB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAm5C3C"}

package/dist/web/ui-css.js

@@ -803,9 +803,57 @@ textarea.big{width:100%;min-height:220px;padding:11px 13px;border-radius:8px;
   line-height:1.5;resize:vertical}
 
 dialog{border:1px solid var(--line);background:var(--panel);color:var(--ink);
-  border-radius:var(--radius);padding:0;max-width:450px;width:92%;box-shadow:var(--shadow)}
+  border-radius:var(--radius);padding:0;max-width:450px;width:92%;box-shadow:var(--shadow);
+  /* Capped here, and the form inside is what scrolls. Two nested scrollers means a wheel gesture
+     moves whichever one the pointer happens to be over. */
+  max-height:calc(100dvh - 28px)}
+/*
+ * [open], not bare dialog: a closed dialog is hidden by the browser's own display:none, and
+ * setting display here unconditionally would put every dialog on the page at once.
+ */
+dialog[open]{display:flex;flex-direction:column}
 dialog::backdrop{background:rgba(0,0,0,.5)}
-.dlg{padding:18px}
+/*
+ * A dialog that fits the window it is in, with its buttons always on screen.
+ *
+ * Measured with the model dialog at three window heights: at 813px of viewport it fits with the
+ * Switch button visible. At 533px the dialog is 499px tall with content overflowing it, and Switch
+ * sits below the fold — reachable only by scrolling the dialog, which nothing on screen suggests
+ * you can do. At 393px it is 357px of scrolling to get to it. And that was with the list empty; a
+ * provider serving four hundred models is worse.
+ *
+ * So the form is a column that scrolls, and the action row sticks to the bottom of it. The buttons
+ * are then in the same place whatever the window is doing, which is the only thing about this
+ * dialog that must never move: it is how you say yes.
+ *
+ * dvh rather than vh, because on a phone vh is the height the window has when the browser's own
+ * chrome is hidden, so a dialog sized in vh is taller than the space it is in.
+ */
+/*
+ * min-height:0 is what makes this scroll at all.
+ *
+ * A flex child's floor is its content by default, so a form full of content simply grew past the
+ * dialog's cap and the dialog scrolled instead — which put the sticky action row inside a box that
+ * was not the scroller, so it stuck to nothing and went below the fold exactly as before.
+ */
+.dlg{padding:18px;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;
+  overflow-y:auto;overscroll-behavior:contain}
+/*
+ * Nothing shrinks except the list.
+ *
+ * A flex column shrinks its children by default, and the model list is the one that gives — at a
+ * 393px window it was squeezed to two pixels: four hundred models present, none of them visible,
+ * while the heading and the labels kept every pixel they asked for. So the fixed parts stay fixed,
+ * the list takes what is left, and it never goes below a few rows: a list too short to read is the
+ * same as no list, and the dialog scrolling is the better trade.
+ */
+.dlg > *{flex:0 0 auto}
+.dlg > .mlist{flex:1 1 auto;min-height:120px}
+.dlg > .row{position:sticky;bottom:-18px;z-index:1;margin-top:auto;
+  padding:12px 0 0;background:var(--panel)}
+/* Enough of a fade that content scrolling under the buttons reads as going behind them. */
+.dlg > .row::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px;
+  background:linear-gradient(to bottom,rgba(0,0,0,0),var(--panel));pointer-events:none}
 .dlg h3{margin:0 0 5px;font-size:calc(var(--ui) * 1.0714)}
 .dlg p{margin:0 0 14px;color:var(--muted);font-size:calc(var(--ui) * 0.8929)}
 .dlg label{display:block;font-size:calc(var(--ui) * 0.75);letter-spacing:.09em;color:var(--dim);
@@ -846,7 +894,8 @@ dialog:has(.dlg.wide){max-width:560px}
 .linkish:hover{color:var(--fg)}
 .linkish:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:3px}
 .perr{font-size:calc(var(--ui) * 0.8571);color:var(--red);margin:0 0 10px;line-height:1.5}
-.mlist{max-height:270px;overflow-y:auto;border:1px solid var(--line);border-radius:8px;
+/* The list gives up space on a short window rather than pushing the rest of the dialog off it. */
+.mlist{max-height:min(270px,38dvh);overflow-y:auto;border:1px solid var(--line);border-radius:8px;
   background:var(--panel-2);margin-bottom:13px}
 .mlist:empty{display:none}
 .mgroup{padding:6px 11px;font-size:calc(var(--ui) * 0.7143);letter-spacing:.09em;text-transform:uppercase;

package/dist/web/ui-css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-css.js","sourceRoot":"","sources":["../../src/web/ui-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH;;;;;;;;;;;;GAYG;AACH,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;CAkBZ,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAe;IACjC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBO,OAAO;;;oCAGa,IAAI;;2BAEb,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAk0C9B,CAAC;AACF,CAAC"}
+{"version":3,"file":"ui-css.js","sourceRoot":"","sources":["../../src/web/ui-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH;;;;;;;;;;;;GAYG;AACH,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;CAkBZ,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAe;IACjC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBO,OAAO;;;oCAGa,IAAI;;2BAEb,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAm3C9B,CAAC;AACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "koneck",
-  "version": "2.94.0",
+  "version": "2.96.0",
   "description": "Kinetically Orchestrated Neural Execution Engine for Code",
   "type": "module",
   "bin": {