@evotecit/canopyx 0.3.18 → 0.3.21

package/CanopyX.Html/Assets/canopyx-cell-range.css

@@ -18,14 +18,14 @@ background-position:top,bottom,left,right,0 0;background-repeat:no-repeat;
 .cx-data-grid .cx-row .cx-cell.cx-range-fill{outline:var(--cx-size-1px) dashed var(--cx-range-edge);outline-offset:calc(-1 * var(--hfx-focus-width,2px));}
 .cx-data-grid .cx-row .cx-cell:is(.cx-range,.cx-range-fill):not([data-cx-pin]){position:relative;}
 .cx-data-grid :is(.cx-range-handle,.cx-fill-handle){position:absolute;z-index:6;box-sizing:border-box;background:var(--cx-range-edge);touch-action:none;}
-.cx-data-grid .cx-range-handle{width:var(--cx-size-14px);height:var(--cx-size-14px);border:var(--cx-size-2px) solid var(--hfx-color-surface,light-dark(#ffffff,#16181c));border-radius:50%;box-shadow:0 0 0 var(--cx-size-1px) var(--cx-range-edge);}
+.cx-data-grid .cx-range-handle{width:var(--cx-size-14px);height:var(--cx-size-14px);border:var(--cx-size-2px) solid var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));border-radius:50%;box-shadow:0 0 0 var(--cx-size-1px) var(--cx-range-edge);}
 .cx-data-grid .cx-range-handle-start{left:0;top:0;}
 .cx-data-grid .cx-range-handle-end{right:0;bottom:0;}
-.cx-data-grid .cx-fill-handle{right:0;bottom:0;width:var(--cx-size-7px);height:var(--cx-size-7px);border:var(--cx-size-1px) solid var(--hfx-color-surface,light-dark(#ffffff,#16181c));cursor:crosshair;}
+.cx-data-grid .cx-fill-handle{right:0;bottom:0;width:var(--cx-size-7px);height:var(--cx-size-7px);border:var(--cx-size-1px) solid var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));cursor:crosshair;}
 .cx-data-grid .cx-fill-handle::before{content:"";position:absolute;inset:calc(var(--cx-size-6px) * -1);}
 .cx-data-grid .cx-paste-report{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--cx-size-4px) var(--cx-size-8px);margin:0 0 var(--cx-size-6px);
-padding:var(--cx-size-6px) var(--cx-size-6px) var(--cx-size-6px) var(--cx-size-12px);border:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));border-left:var(--cx-size-3px) solid var(--hfx-color-status-warn-fg,light-dark(#8c5c05,#eeb640));
-border-radius:var(--hfx-radius-sm,4px);background:var(--hfx-color-surface,light-dark(#ffffff,#16181c));font-size:var(--cx-size-13px);}
+padding:var(--cx-size-6px) var(--cx-size-6px) var(--cx-size-6px) var(--cx-size-12px);border:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));border-left:var(--cx-size-3px) solid var(--hfx-color-status-warn-fg,light-dark(#8c5c05,#eeb640));
+border-radius:var(--hfx-radius-sm,4px);background:var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));font-size:var(--cx-size-13px);}
 .cx-data-grid .cx-paste-report p{margin:0;}
 .cx-data-grid .cx-paste-report details{grid-column:1 / -1;}
 .cx-data-grid .cx-paste-report summary{cursor:pointer;color:var(--hfx-color-accent-text,var(--hfx-color-accent,light-dark(#11776f,#37c9b8)));}

package/CanopyX.Html/Assets/canopyx-cell-range.js

@@ -1,4 +1,4 @@
-(function(global){"use strict";const installed=new WeakSet();const part={version:"53c37a658f4f7afb",requires:["ui-menu"],install(context){if(installed.has(context.DataGrid.prototype))return;const{toneVariable,bindContextMenu,DataGrid,h,setText,fill,columnWidth,foldText,gridButton,gridIcon,gridDecorateButton,cellText,cellValue,isCellObject,numberFormat,gridFreeze,gridMomentFromParts,requireIdentifier,loadGridFilterEditor,CELL_CONTROLS,reachable,gridExportField}=context;const CR_LIMIT=200000;const crBad=problem=>{throw new Error("CanopyX: "+problem+".")};function crOptions(grid){const declared=grid.opts.rangeSelection??grid.view.rangeSelection,clipboard=Object.assign({},grid.view.clipboard,grid.opts.clipboard);const object=declared!==null&&typeof declared==="object"&&!Array.isArray(declared),range=object?declared:{};const flag=value=>value===undefined||typeof value==="boolean";if(declared!==undefined&&typeof declared!=="boolean"&&!object||!flag(range.enabled)||!flag(range.multiple)||!flag(range.fillHandle)||
+(function(global){"use strict";const installed=new WeakSet();const part={version:"cb29468954702795",requires:["ui-menu"],install(context){if(installed.has(context.DataGrid.prototype))return;const{toneVariable,bindContextMenu,DataGrid,h,setText,fill,columnWidth,foldText,gridButton,gridIcon,gridDecorateButton,cellText,cellValue,isCellObject,numberFormat,gridFreeze,gridMomentFromParts,requireIdentifier,loadGridFilterEditor,CELL_CONTROLS,reachable,gridExportField}=context;const CR_LIMIT=200000;const crBad=problem=>{throw new Error("CanopyX: "+problem+".")};function crOptions(grid){const declared=grid.opts.rangeSelection??grid.view.rangeSelection,clipboard=Object.assign({},grid.view.clipboard,grid.opts.clipboard);const object=declared!==null&&typeof declared==="object"&&!Array.isArray(declared),range=object?declared:{};const flag=value=>value===undefined||typeof value==="boolean";if(declared!==undefined&&typeof declared!=="boolean"&&!object||!flag(range.enabled)||!flag(range.multiple)||!flag(range.fillHandle)||
 !flag(clipboard.copyHeaders)||!flag(clipboard.paste)||clipboard.copyValues!==undefined&&!["display","raw"].includes(clipboard.copyValues))
 crBad("rangeSelection takes true or { enabled, multiple, fillHandle }, and clipboard { copyHeaders, copyValues, paste }");return Object.freeze({enabled:declared===true||object&&range.enabled!==false,multiple:range.multiple!==false,fillHandle:!!range.fillHandle,headers:!!clipboard.copyHeaders,values:clipboard.copyValues||"display",paste:clipboard.paste!==false})}
 const crRows=grid=>grid.rowProjection||grid;function crBounds(grid){if(grid.rowProjection)return{first:0,last:grid.rowProjection.rowCount()- 1};const bounds=grid.rowBounds();return{first:Math.max(0,bounds.first),last:bounds.last}}

package/CanopyX.Html/Assets/canopyx-changes.css

@@ -1,6 +1,6 @@
 /* The change views: a text diff,a change list and a propagation view (docs/changes.md). Tones mark what changed,and each change also
    has a sign,a badge or a symbol,so none relies on colour alone. */
-.cx-diff,.cx-changes,.cx-prop{--cx-size-112px:112px;--cx-size-150px:150px;--cx-chg-tint:9%;--cx-chg-strong:28%;min-width:0;color:var(--hfx-color-text,light-dark(#16181c,#f2f3f5));font:var(--hfx-control-font-size,calc(var(--hfx-type-body-size,0.875rem) - var(--cx-compact,0) * .0625rem))/1.4 var(--hfx-font-sans,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif);}
+.cx-diff,.cx-changes,.cx-prop{--cx-size-112px:112px;--cx-size-150px:150px;--cx-chg-tint:9%;--cx-chg-strong:28%;min-width:0;color:var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));font:var(--hfx-control-font-size,calc(var(--hfx-type-body-size,0.875rem) - var(--cx-compact,0) * .0625rem))/1.4 var(--hfx-font-sans,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif);}
 @media screen{.cx-host[data-cx-theme="dark"] :is(.cx-diff,.cx-changes,.cx-prop){--cx-chg-tint:15%;--cx-chg-strong:36%;}}
 @media screen and (prefers-color-scheme:dark){.cx-host[data-cx-theme="auto"] :is(.cx-diff,.cx-changes,.cx-prop){--cx-chg-tint:15%;--cx-chg-strong:36%;}}
 .cx-change-host:is([data-cx-height],[style*="height"]) > :is(.cx-diff,.cx-changes,.cx-prop){height:100%;overflow:auto;}
@@ -18,55 +18,55 @@
 .cx-diff-minus{color:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
 .cx-diff-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cx-size-6px);}
 .cx-diff-notes{display:grid;gap:var(--cx-size-4px);}
-.cx-diff-note{padding:var(--cx-size-6px) var(--cx-size-10px);font-size:var(--cx-size-13px);color:var(--hfx-color-text,light-dark(#16181c,#f2f3f5));background:var(--hfx-color-hover,light-dark(#f5f5f5,#232529));border-inline-start:var(--cx-size-3px) solid var(--hfx-color-border-strong,light-dark(#cdd0d5,#363a42));border-radius:var(--hfx-radius-sm,4px);}
+.cx-diff-note{padding:var(--cx-size-6px) var(--cx-size-10px);font-size:var(--cx-size-13px);color:var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));background:var(--hfx-color-hover,light-dark(#f5f5f5,#232529));border-inline-start:var(--cx-size-3px) solid var(--hfx-color-border-strong,light-dark(#cdd0d5,#363a42));border-radius:var(--hfx-radius-sm,4px);}
 .cx-diff-note:is(.cx-tone-info,.cx-tone-warning,.cx-tone-danger,.cx-tone-success){border-inline-start-color:var(--cx-chg-note);}
 .cx-diff-note.cx-tone-info{--cx-chg-note:var(--hfx-color-status-info-fg,light-dark(#2b5fc0,#74a2f7));}
 .cx-diff-note.cx-tone-warning{--cx-chg-note:var(--hfx-color-status-warn-fg,light-dark(#8c5c05,#eeb640));}
 .cx-diff-note.cx-tone-danger{--cx-chg-note:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
 .cx-diff-note.cx-tone-success{--cx-chg-note:var(--hfx-color-status-good-fg,light-dark(#177345,#4cc78a));}
-.cx-diff-state{padding:var(--cx-size-16px);color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));text-align:center;border:var(--cx-size-1px) dashed var(--hfx-color-border-strong,light-dark(#cdd0d5,#363a42));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));}
-.cx-diff-scroll{position:relative;flex:0 1 auto;min-height:0;max-height:var(--cx-diff-max-height,70vh);overflow:auto;background:var(--hfx-color-surface,light-dark(#ffffff,#16181c));border:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));
+.cx-diff-state{padding:var(--cx-size-16px);color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));text-align:center;border:var(--cx-size-1px) dashed var(--hfx-color-border-strong,light-dark(#cdd0d5,#363a42));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));}
+.cx-diff-scroll{position:relative;flex:0 1 auto;min-height:0;max-height:var(--cx-diff-max-height,70vh);overflow:auto;background:var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));border:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));
 border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));font-family:var(--hfx-font-mono,"Cascadia Mono","Cascadia Code",Consolas,"SFMono-Regular",Menlo,monospace);font-size:var(--cx-size-12px);overscroll-behavior:contain;}
 .cx-change-host:is([data-cx-height],[style*="height"]) .cx-diff-scroll{flex:1 1 auto;max-height:none;}
 .cx-diff-frame{position:relative;display:flex;flex-direction:column;flex:0 1 auto;min-height:0;}
 .cx-change-host:is([data-cx-height],[style*="height"]) .cx-diff-frame{flex:1 1 auto;}
 .cx-diff-edge{position:absolute;top:calc(var(--cx-size-1px) + var(--cx-diff-head,0px));bottom:calc(var(--cx-size-1px) + var(--cx-diff-bar-x,0px));width:var(--cx-size-32px);z-index:3;pointer-events:none;
---cx-diff-shade:color-mix(in srgb,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)) 26%,transparent);--cx-diff-line:color-mix(in srgb,var(--hfx-color-accent,light-dark(#11776f,#37c9b8)) 70%,transparent);}
+--cx-diff-shade:color-mix(in srgb,var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5))) 26%,transparent);--cx-diff-line:color-mix(in srgb,var(--hfx-color-accent,light-dark(#11776f,#37c9b8)) 70%,transparent);}
 .cx-diff-edge-start{inset-inline-start:var(--cx-size-1px);background:linear-gradient(to right,var(--cx-diff-shade),transparent);border-inline-start:var(--cx-size-2px) solid var(--cx-diff-line);}
 .cx-diff-edge-end{inset-inline-end:calc(var(--cx-size-1px) + var(--cx-diff-bar-y,0px));background:linear-gradient(to left,var(--cx-diff-shade),transparent);border-inline-end:var(--cx-size-2px) solid var(--cx-diff-line);}
 .cx-diff-edge-start:dir(rtl){background:linear-gradient(to left,var(--cx-diff-shade),transparent);}
 .cx-diff-edge-end:dir(rtl){background:linear-gradient(to right,var(--cx-diff-shade),transparent);}
 :is(.cx-diff,.cx-changes) [data-cx-tip]{position:relative;}
 :is(.cx-diff,.cx-changes) [data-cx-tip]:not([data-cx-tip-off]):focus-visible::after{content:attr(data-cx-tip);position:absolute;bottom:calc(100% + var(--cx-size-6px));inset-inline-end:0;z-index:6;padding:var(--cx-size-2px) var(--cx-size-8px);
-font-size:var(--cx-size-12px);font-weight:400;line-height:1.4;white-space:nowrap;color:var(--hfx-color-surface,light-dark(#ffffff,#16181c));background:var(--hfx-color-text,light-dark(#16181c,#f2f3f5));border-radius:var(--hfx-radius-sm,4px);pointer-events:none;}
+font-size:var(--cx-size-12px);font-weight:400;line-height:1.4;white-space:nowrap;color:var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));background:var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));border-radius:var(--hfx-radius-sm,4px);pointer-events:none;}
 @media (hover:hover){
 :is(.cx-diff,.cx-changes) [data-cx-tip]:not([data-cx-tip-off]):hover::after{content:attr(data-cx-tip);position:absolute;bottom:calc(100% + var(--cx-size-6px));inset-inline-end:0;z-index:6;padding:var(--cx-size-2px) var(--cx-size-8px);
-font-size:var(--cx-size-12px);font-weight:400;line-height:1.4;white-space:nowrap;color:var(--hfx-color-surface,light-dark(#ffffff,#16181c));background:var(--hfx-color-text,light-dark(#16181c,#f2f3f5));border-radius:var(--hfx-radius-sm,4px);pointer-events:none;}
+font-size:var(--cx-size-12px);font-weight:400;line-height:1.4;white-space:nowrap;color:var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));background:var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));border-radius:var(--hfx-radius-sm,4px);pointer-events:none;}
 }
 .cx-diff-tools [data-cx-tip]::after{bottom:auto !important;top:calc(100% + var(--cx-size-6px));}
 .cx-diff-scroll:focus-visible{outline:var(--hfx-focus-width,2px) solid var(--hfx-color-focus-ring,light-dark(#02726a,#37c9b8));outline-offset:calc(var(--cx-size-2px) * -1);}
-.cx-diff-columns{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));border-bottom:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));
-font-family:var(--hfx-font-sans,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif);font-size:var(--cx-size-12px);font-weight:600;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-diff-columns{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));border-bottom:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));
+font-family:var(--hfx-font-sans,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif);font-size:var(--cx-size-12px);font-weight:600;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-diff-colhead{padding:var(--cx-size-4px) var(--cx-size-10px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.cx-diff-colhead + .cx-diff-colhead{border-inline-start:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));}
+.cx-diff-colhead + .cx-diff-colhead{border-inline-start:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
 .cx-diff-canvas{position:relative;}
 .cx-diff-row{position:absolute;top:0;inset-inline-start:0;width:100%;height:20px;display:grid;grid-template-columns:var(--cx-diff-num) var(--cx-diff-num) 2ch minmax(0,1fr);line-height:20px;contain:layout style;}
 .cx-diff-split .cx-diff-pairrow{grid-template-columns:var(--cx-diff-num) minmax(0,1fr) var(--cx-diff-num) minmax(0,1fr);}
-.cx-diff-num{padding:0 var(--cx-size-8px);text-align:end;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));font-variant-numeric:tabular-nums;user-select:none;}
-.cx-diff-pairrow .cx-diff-num:nth-child(3){border-inline-start:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));}
-.cx-diff-sign{text-align:center;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));user-select:none;}
+.cx-diff-num{padding:0 var(--cx-size-8px);text-align:end;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));font-variant-numeric:tabular-nums;user-select:none;}
+.cx-diff-pairrow .cx-diff-num:nth-child(3){border-inline-start:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
+.cx-diff-sign{text-align:center;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));user-select:none;}
 .cx-diff-code{padding-inline:var(--cx-size-6px) var(--cx-size-16px);white-space:pre;overflow:hidden;tab-size:4;}
 .cx-diff-del{--cx-chg-diff:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
 .cx-diff-add{--cx-chg-diff:var(--hfx-color-status-good-fg,light-dark(#177345,#4cc78a));}
-.cx-diff-row:is(.cx-diff-del,.cx-diff-add),.cx-diff-pairrow .cx-diff-code:is(.cx-diff-del,.cx-diff-add){background:color-mix(in srgb,var(--cx-chg-diff) var(--cx-chg-tint),var(--hfx-color-surface,light-dark(#ffffff,#16181c)));}
+.cx-diff-row:is(.cx-diff-del,.cx-diff-add),.cx-diff-pairrow .cx-diff-code:is(.cx-diff-del,.cx-diff-add){background:color-mix(in srgb,var(--cx-chg-diff) var(--cx-chg-tint),var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c))));}
 .cx-diff-row:is(.cx-diff-del,.cx-diff-add) :is(.cx-diff-num,.cx-diff-sign),.cx-diff-pairrow .cx-diff-num:is(.cx-diff-del,.cx-diff-add){
-color:color-mix(in srgb,var(--cx-chg-diff) 70%,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));background:color-mix(in srgb,var(--cx-chg-diff) calc(var(--cx-chg-tint) * 1.8),var(--hfx-color-surface,light-dark(#ffffff,#16181c)));}
-.cx-diff-mark{color:inherit;text-decoration:none;border-radius:var(--cx-size-2px);background:color-mix(in srgb,var(--cx-chg-diff) var(--cx-chg-strong),var(--hfx-color-surface,light-dark(#ffffff,#16181c)));}
-.cx-diff-blank{background:repeating-linear-gradient(135deg,transparent 0 var(--cx-size-5px),color-mix(in srgb,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)) 55%,transparent) var(--cx-size-5px) var(--cx-size-6px));}
-.cx-diff-gaprow{background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+color:color-mix(in srgb,var(--cx-chg-diff) 70%,var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5))));background:color-mix(in srgb,var(--cx-chg-diff) calc(var(--cx-chg-tint) * 1.8),var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c))));}
+.cx-diff-mark{color:inherit;text-decoration:none;border-radius:var(--cx-size-2px);background:color-mix(in srgb,var(--cx-chg-diff) var(--cx-chg-strong),var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c))));}
+.cx-diff-blank{background:repeating-linear-gradient(135deg,transparent 0 var(--cx-size-5px),color-mix(in srgb,var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30))) 55%,transparent) var(--cx-size-5px) var(--cx-size-6px));}
+.cx-diff-gaprow{background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-diff-gap{grid-column:1 / -1;display:flex;align-items:center;gap:var(--cx-size-6px);padding:0 var(--cx-size-10px);font-family:var(--hfx-font-sans,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif);font-size:var(--cx-size-12px);}
 .cx-diff-expand{min-height:20px;padding:0 var(--cx-size-4px);font:inherit;color:var(--hfx-color-accent-text,light-dark(#02726a,#37c9b8));background:none;border:0;border-radius:var(--hfx-radius-sm,4px);cursor:pointer;}
-.cx-diff-expand::before{content:"\22EF  ";color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-diff-expand::before{content:"\22EF  ";color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-diff-expand:hover{text-decoration:underline;}
 .cx-diff-current{box-shadow:inset var(--cx-size-3px) 0 0 var(--hfx-color-accent,light-dark(#11776f,#37c9b8));}
 .cx-diff-current:dir(rtl){box-shadow:inset calc(var(--cx-size-3px) * -1) 0 0 var(--hfx-color-accent,light-dark(#11776f,#37c9b8));}
@@ -78,33 +78,33 @@ color:color-mix(in srgb,var(--cx-chg-diff) 70%,var(--hfx-color-text,light-dark(#
 .cx-chg-kind{padding-inline-start:var(--hfx-space-1,0.25rem);}
 .cx-chg-count{font-size:var(--cx-size-13px);font-weight:600;font-variant-numeric:tabular-nums;}
 .cx-chg-switch{display:inline-flex;align-items:center;gap:var(--cx-size-6px);min-height:var(--cx-size-30px);font-size:var(--cx-size-13px);cursor:pointer;}
-.cx-chg-summary{margin-inline-start:auto;font-size:var(--cx-size-13px);color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));font-variant-numeric:tabular-nums;}
+.cx-chg-summary{margin-inline-start:auto;font-size:var(--cx-size-13px);color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));font-variant-numeric:tabular-nums;}
 .cx-chg-printnote{display:none;}
 .cx-chg-tools{display:flex;flex-wrap:wrap;gap:var(--cx-size-6px);}
 .cx-chg-summary:empty ~ .cx-chg-tools{margin-inline-start:auto;}
 a.cx-chg-action{text-decoration:none;}
 .cx-chg-panel{display:grid;gap:var(--cx-size-6px);max-width:var(--cx-size-640px);margin:0 var(--cx-size-12px) var(--cx-size-10px) calc(var(--cx-size-30px) + var(--cx-size-16px));padding:var(--cx-size-10px) var(--cx-size-12px);
-background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));border:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));}
+background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));border:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));}
 .cx-chg-barpanel > .cx-chg-panel{margin:var(--cx-size-8px) 0 0;}
 .cx-chg-asklabel{font-size:var(--cx-size-13px);font-weight:600;}
 .cx-chg-reasonbox{inline-size:100%;resize:vertical;}
 .cx-chg-reasonbox[aria-invalid="true"]{border-color:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
-.cx-chg-hint{font-size:var(--cx-size-12px);color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-chg-hint{font-size:var(--cx-size-12px);color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-chg-askerror{font-size:var(--cx-size-12px);font-weight:600;color:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
 .cx-chg-askerror:empty{display:none;}
 .cx-chg-askbtns{display:flex;flex-wrap:wrap;gap:var(--cx-size-6px);}
 .cx-chg-note{margin:0;font-size:var(--cx-size-13px);}
 .cx-chg-badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;}
 .cx-chg-list,.cx-chg-sublist,.cx-chg-reasons{list-style:none;margin:0;padding:0;}
-.cx-chg-list{border:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));background:var(--hfx-color-surface,light-dark(#ffffff,#16181c));}
-.cx-chg-folder{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--cx-size-6px);padding:var(--cx-size-6px) var(--cx-size-12px);background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));border-bottom:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));}
-.cx-chg-group + .cx-chg-group .cx-chg-folder{border-top:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));}
+.cx-chg-list{border:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));background:var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));}
+.cx-chg-folder{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--cx-size-6px);padding:var(--cx-size-6px) var(--cx-size-12px);background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));border-bottom:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
+.cx-chg-group + .cx-chg-group .cx-chg-folder{border-top:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
 .cx-chg-foldername{font-family:var(--hfx-font-mono,"Cascadia Mono","Cascadia Code",Consolas,"SFMono-Regular",Menlo,monospace);font-size:var(--cx-size-12px);font-weight:600;overflow-wrap:anywhere;}
-.cx-chg-foldercount{font-size:var(--cx-size-12px);color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
-.cx-chg-item + .cx-chg-item{border-top:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));}
+.cx-chg-foldercount{font-size:var(--cx-size-12px);color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
+.cx-chg-item + .cx-chg-item{border-top:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
 .cx-chg-row{display:grid;grid-template-columns:var(--cx-size-30px) var(--cx-size-112px) minmax(0,1fr) auto auto;grid-template-areas:"toggle badge main meta actions";align-items:center;
 column-gap:var(--cx-size-10px);row-gap:var(--cx-size-4px);padding:var(--cx-size-6px) var(--cx-size-12px) var(--cx-size-6px) var(--cx-size-6px);}
-.cx-chg-toggle{grid-area:toggle;display:inline-flex;align-items:center;justify-content:center;width:var(--cx-size-30px);height:var(--cx-size-30px);padding:0;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));background:none;border:0;border-radius:var(--hfx-radius-sm,4px);cursor:pointer;}
+.cx-chg-toggle{grid-area:toggle;display:inline-flex;align-items:center;justify-content:center;width:var(--cx-size-30px);height:var(--cx-size-30px);padding:0;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));background:none;border:0;border-radius:var(--hfx-radius-sm,4px);cursor:pointer;}
 .cx-chg-toggle .cx-chg-ico{transition:transform .12s;}
 .cx-chg-toggle[aria-expanded="true"] .cx-chg-ico{transform:rotate(90deg);}
 .cx-chg-toggle:dir(rtl) .cx-chg-ico{transform:scaleX(-1);}
@@ -113,10 +113,10 @@ column-gap:var(--cx-size-10px);row-gap:var(--cx-size-4px);padding:var(--cx-size-
 .cx-chg-main{grid-area:main;min-width:0;display:grid;gap:var(--cx-size-2px);}
 .cx-chg-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--cx-size-2px) var(--cx-size-8px);min-width:0;}
 .cx-chg-name{font-family:var(--hfx-font-mono,"Cascadia Mono","Cascadia Code",Consolas,"SFMono-Regular",Menlo,monospace);font-size:var(--cx-size-13px);font-weight:600;overflow-wrap:anywhere;}
-.cx-chg-from,.cx-chg-sub{font-size:var(--cx-size-12px);color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));overflow-wrap:anywhere;}
+.cx-chg-from,.cx-chg-sub{font-size:var(--cx-size-12px);color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));overflow-wrap:anywhere;}
 .cx-chg-flags{display:flex;flex-wrap:wrap;gap:var(--cx-size-4px);}
 .cx-chg-flag{display:inline-flex;align-items:center;gap:var(--cx-size-4px);padding:var(--cx-size-1px) var(--cx-size-8px) var(--cx-size-1px) var(--cx-size-6px);font-size:var(--cx-size-12px);font-weight:600;
-color:var(--cx-chg-flag,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));background:color-mix(in srgb,var(--cx-chg-flag,var(--hfx-color-text,light-dark(#16181c,#f2f3f5))) 12%,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));border-radius:var(--hfx-radius-sm,4px);}
+color:var(--cx-chg-flag,var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5))));background:color-mix(in srgb,var(--cx-chg-flag,var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)))) 12%,var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c))));border-radius:var(--hfx-radius-sm,4px);}
 .cx-chg-flag .cx-chg-ico{width:var(--cx-size-12px);height:var(--cx-size-12px);}
 .cx-chg-flag.cx-tone-warning,.cx-chg-reason.cx-tone-warning{--cx-chg-flag:var(--hfx-color-status-warn-fg,light-dark(#8c5c05,#eeb640));}
 .cx-chg-flag.cx-tone-danger,.cx-chg-reason.cx-tone-danger{--cx-chg-flag:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
@@ -126,26 +126,26 @@ color:var(--cx-chg-flag,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));backg
 .cx-chg-size{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--hfx-color-text-secondary,light-dark(#4d525b,#b0b4bc));}
 .cx-chg-hash{display:inline-flex;align-items:center;gap:var(--cx-size-2px);min-width:calc(var(--cx-size-150px) + var(--cx-size-56px));white-space:nowrap;}
 .cx-chg-hashbtn{padding:var(--cx-size-1px) var(--cx-size-4px);font-family:var(--hfx-font-mono,"Cascadia Mono","Cascadia Code",Consolas,"SFMono-Regular",Menlo,monospace);font-size:var(--cx-size-12px);color:var(--hfx-color-text-secondary,light-dark(#4d525b,#b0b4bc));background:none;border:0;border-radius:var(--hfx-radius-sm,4px);cursor:copy;}
-.cx-chg-arrow{color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-chg-arrow{color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-chg-actions{grid-area:actions;display:flex;gap:var(--cx-size-4px);justify-content:flex-end;}
 .cx-chg-action:not(.cx-chg-textaction){padding:0;inline-size:var(--hfx-control-height-sm,calc(28px - var(--cx-compact,0) * 4px));}
 .cx-chg-detail{display:grid;gap:var(--cx-size-10px);padding:var(--cx-size-4px) var(--cx-size-12px) var(--cx-size-12px) calc(var(--cx-size-30px) + var(--cx-size-16px));}
-.cx-chg-dhead{font-size:var(--cx-size-12px);font-weight:600;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));text-transform:uppercase;letter-spacing:var(--cx-size-d04em);}
+.cx-chg-dhead{font-size:var(--cx-size-12px);font-weight:600;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));text-transform:uppercase;letter-spacing:var(--cx-size-d04em);}
 .cx-chg-reasons{display:grid;gap:var(--cx-size-4px);font-size:var(--cx-size-13px);}
-.cx-chg-reason{color:var(--cx-chg-flag,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));}
+.cx-chg-reason{color:var(--cx-chg-flag,var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5))));}
 .cx-chg-facts{border-collapse:collapse;font-size:var(--cx-size-13px);width:100%;max-width:var(--cx-size-640px);}
-.cx-chg-facts :is(th,td){padding:var(--cx-size-4px) var(--cx-size-10px);text-align:start;vertical-align:top;border-bottom:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));}
-.cx-chg-facts thead th{font-size:var(--cx-size-12px);color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));font-weight:600;background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));}
-.cx-chg-facts tbody th{font-weight:400;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));white-space:nowrap;}
+.cx-chg-facts :is(th,td){padding:var(--cx-size-4px) var(--cx-size-10px);text-align:start;vertical-align:top;border-bottom:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
+.cx-chg-facts thead th{font-size:var(--cx-size-12px);color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));font-weight:600;background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));}
+.cx-chg-facts tbody th{font-weight:400;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));white-space:nowrap;}
 .cx-chg-mono{font-family:var(--hfx-font-mono,"Cascadia Mono","Cascadia Code",Consolas,"SFMono-Regular",Menlo,monospace);font-size:var(--cx-size-12px);overflow-wrap:anywhere;}
 .cx-chg-changed{font-weight:600;}
-.cx-chg-factnote{margin-top:var(--cx-size-2px);font-family:var(--hfx-font-sans,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif);font-size:var(--cx-size-12px);font-weight:400;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-chg-factnote{margin-top:var(--cx-size-2px);font-family:var(--hfx-font-sans,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif);font-size:var(--cx-size-12px);font-weight:400;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-chg-facts.cx-chg-onevalue :is(th,td):first-child{width:28%;}
 .cx-chg-facts td.cx-tone-warning{color:var(--hfx-color-status-warn-fg,light-dark(#8c5c05,#eeb640));}
 .cx-chg-facts td.cx-tone-danger{color:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
 .cx-chg-facts td.cx-tone-success{color:var(--hfx-color-status-good-fg,light-dark(#177345,#4cc78a));}
 .cx-chg-diff{--cx-diff-max-height:var(--cx-size-480px);min-width:0;}
-.cx-chg-empty{padding:var(--cx-size-16px);text-align:center;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));border:var(--cx-size-1px) dashed var(--hfx-color-border,light-dark(#e2e4e7,#272a30));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));}
+.cx-chg-empty{padding:var(--cx-size-16px);text-align:center;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));border:var(--cx-size-1px) dashed var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));}
 .cx-chg-more{align-self:flex-start;}
 @container (max-width:700px){
 .cx-chg-row{grid-template-columns:var(--cx-size-30px) minmax(0,1fr) auto;grid-template-areas:"toggle badge actions" ". main main" ". meta meta";}
@@ -157,42 +157,42 @@ color:var(--cx-chg-flag,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));backg
 .cx-prop{container-type:inline-size;display:flex;flex-direction:column;gap:var(--cx-size-10px);}
 .cx-prop-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cx-size-6px) var(--cx-size-10px);}
 .cx-prop-summary{font-size:var(--cx-size-14px);}
-:is(.cx-prop-state,.cx-prop-key,.cx-prop-badge){display:inline-flex;align-items:center;gap:var(--cx-size-4px);font-weight:600;color:var(--cx-chg-state,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
-.cx-prop-state{padding:var(--cx-size-2px) var(--cx-size-8px) var(--cx-size-2px) var(--cx-size-6px);border-radius:var(--hfx-radius-sm,4px);background:color-mix(in srgb,var(--cx-chg-state,var(--hfx-color-text,light-dark(#16181c,#f2f3f5))) 10%,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));}
-.cx-prop-badge.cx-prop-attn{padding:0 var(--cx-size-6px) 0 var(--cx-size-4px);border-radius:var(--hfx-radius-sm,4px);background:color-mix(in srgb,var(--cx-chg-state) 12%,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));}
+:is(.cx-prop-state,.cx-prop-key,.cx-prop-badge){display:inline-flex;align-items:center;gap:var(--cx-size-4px);font-weight:600;color:var(--cx-chg-state,var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d))));}
+.cx-prop-state{padding:var(--cx-size-2px) var(--cx-size-8px) var(--cx-size-2px) var(--cx-size-6px);border-radius:var(--hfx-radius-sm,4px);background:color-mix(in srgb,var(--cx-chg-state,var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)))) 10%,var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c))));}
+.cx-prop-badge.cx-prop-attn{padding:0 var(--cx-size-6px) 0 var(--cx-size-4px);border-radius:var(--hfx-radius-sm,4px);background:color-mix(in srgb,var(--cx-chg-state) 12%,var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c))));}
 :is(.cx-prop-state,.cx-prop-key,.cx-prop-badge,.cx-prop-fill).cx-tone-success{--cx-chg-state:var(--hfx-color-status-good-fg,light-dark(#177345,#4cc78a));}
 :is(.cx-prop-state,.cx-prop-key,.cx-prop-badge,.cx-prop-fill).cx-tone-warning{--cx-chg-state:var(--hfx-color-status-warn-fg,light-dark(#8c5c05,#eeb640));}
 :is(.cx-prop-state,.cx-prop-key,.cx-prop-badge,.cx-prop-fill).cx-tone-danger{--cx-chg-state:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
-:is(.cx-prop-state,.cx-prop-key,.cx-prop-badge,.cx-prop-fill).cx-tone-muted{--cx-chg-state:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+:is(.cx-prop-state,.cx-prop-key,.cx-prop-badge,.cx-prop-fill).cx-tone-muted{--cx-chg-state:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-prop-counts{display:flex;flex-wrap:wrap;gap:var(--cx-size-4px) var(--cx-size-16px);margin:0;padding:0;list-style:none;font-size:var(--cx-size-13px);}
 .cx-prop-count{display:inline-flex;align-items:center;gap:var(--cx-size-6px);}
-.cx-prop-key{font-weight:400;color:var(--hfx-color-text,light-dark(#16181c,#f2f3f5));}
+.cx-prop-key{font-weight:400;color:var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));}
 .cx-prop-key .cx-chg-ico{color:var(--cx-chg-state);}
 .cx-prop-number{font-weight:600;font-variant-numeric:tabular-nums;}
-.cx-prop-table{width:100%;border-collapse:collapse;font-size:var(--cx-size-13px);background:var(--hfx-color-surface,light-dark(#ffffff,#16181c));border:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));}
-.cx-prop-table :is(th,td){padding:var(--cx-size-6px) var(--cx-size-10px);text-align:start;vertical-align:top;border-bottom:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));}
-.cx-prop-table thead th{font-size:var(--cx-size-12px);font-weight:600;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));white-space:nowrap;}
+.cx-prop-table{width:100%;border-collapse:collapse;font-size:var(--cx-size-13px);background:var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));border:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));}
+.cx-prop-table :is(th,td){padding:var(--cx-size-6px) var(--cx-size-10px);text-align:start;vertical-align:top;border-bottom:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
+.cx-prop-table thead th{font-size:var(--cx-size-12px);font-weight:600;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));white-space:nowrap;}
 .cx-prop-table tbody th{font-weight:600;}
 .cx-prop-group th{font-size:var(--cx-size-12px);font-weight:600;background:var(--hfx-color-row-alt,light-dark(#fafafa,#1d1f23));}
-.cx-prop-groupcount{font-weight:400;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-prop-groupcount{font-weight:400;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-prop-name{margin-inline-end:var(--cx-size-6px);}
-.cx-prop-source{display:inline-block;padding:0 var(--cx-size-6px);font-size:var(--cx-size-11px);font-weight:600;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));border:var(--cx-size-1px) solid var(--hfx-color-border-strong,light-dark(#cdd0d5,#363a42));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));}
-.cx-prop-sub,.cx-prop-delay,.cx-prop-none{display:block;font-size:var(--cx-size-12px);font-weight:400;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-prop-source{display:inline-block;padding:0 var(--cx-size-6px);font-size:var(--cx-size-11px);font-weight:600;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));border:var(--cx-size-1px) solid var(--hfx-color-border-strong,light-dark(#cdd0d5,#363a42));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));}
+.cx-prop-sub,.cx-prop-delay,.cx-prop-none{display:block;font-size:var(--cx-size-12px);font-weight:400;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-prop-first,.cx-prop-last{white-space:nowrap;font-variant-numeric:tabular-nums;}
 .cx-prop-lanecell{width:var(--cx-size-160px);vertical-align:middle !important;}
 .cx-prop-lane{position:relative;height:var(--cx-size-8px);min-width:var(--cx-size-92px);background:var(--hfx-color-hover,light-dark(#f5f5f5,#232529));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));overflow:hidden;}
-.cx-prop-fill{height:100%;background:color-mix(in srgb,var(--cx-chg-state,var(--hfx-color-text-muted,light-dark(#626770,#8f949d))) 70%,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));border-radius:inherit;}
-.cx-prop-fill.cx-prop-open{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--cx-chg-state) 55%,var(--hfx-color-surface,light-dark(#ffffff,#16181c))) 0 var(--cx-size-4px),transparent var(--cx-size-4px) var(--cx-size-8px));}
+.cx-prop-fill{height:100%;background:color-mix(in srgb,var(--cx-chg-state,var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)))) 70%,var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c))));border-radius:inherit;}
+.cx-prop-fill.cx-prop-open{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--cx-chg-state) 55%,var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)))) 0 var(--cx-size-4px),transparent var(--cx-size-4px) var(--cx-size-8px));}
 @container (max-width:560px){
 .cx-prop-table thead{display:none;}
 .cx-prop-table,.cx-prop-table tbody{display:block;}
-.cx-prop-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name state" "first last" "lane lane";column-gap:var(--cx-size-10px);padding:var(--cx-size-8px) var(--cx-size-10px);border-bottom:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));}
+.cx-prop-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name state" "first last" "lane lane";column-gap:var(--cx-size-10px);padding:var(--cx-size-8px) var(--cx-size-10px);border-bottom:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
 .cx-prop-table tr.cx-prop-group{display:block;padding:var(--cx-size-6px) var(--cx-size-10px);background:var(--hfx-color-row-alt,light-dark(#fafafa,#1d1f23));}
 .cx-prop-table :is(th,td){display:block;padding:0;border:0;}
 .cx-prop-row > th{grid-area:name;}
 .cx-prop-statecell{grid-area:state;text-align:end;}
 .cx-prop-first{grid-area:first;margin-top:var(--cx-size-4px);}
-.cx-prop-last{grid-area:last;margin-top:var(--cx-size-4px);text-align:end;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-prop-last{grid-area:last;margin-top:var(--cx-size-4px);text-align:end;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-prop-lanecell{grid-area:lane;width:auto;margin-top:var(--cx-size-6px);}
 }
 @media print{
@@ -204,9 +204,9 @@ color:var(--cx-chg-flag,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));backg
 .cx-diff,.cx-changes,.cx-prop{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
 .cx-diff-printtable{width:100%;border-collapse:collapse;font-family:var(--hfx-font-mono,"Cascadia Mono","Cascadia Code",Consolas,"SFMono-Regular",Menlo,monospace);font-size:var(--cx-size-11px);}
 .cx-diff-printtable td{padding:0 var(--cx-size-4px);vertical-align:top;}
-.cx-diff-printtable :is(.cx-diff-num,.cx-diff-sign){width:1%;white-space:nowrap;text-align:end;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-diff-printtable :is(.cx-diff-num,.cx-diff-sign){width:1%;white-space:nowrap;text-align:end;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-diff-printtable .cx-diff-code{white-space:pre-wrap;word-break:break-all;}
-.cx-diff-printtable tr:is(.cx-diff-del,.cx-diff-add){background:color-mix(in srgb,var(--cx-chg-diff) 12%,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));}
+.cx-diff-printtable tr:is(.cx-diff-del,.cx-diff-add){background:color-mix(in srgb,var(--cx-chg-diff) 12%,var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c))));}
 .cx-chg-row{grid-template-columns:var(--cx-size-112px) minmax(0,1fr) auto;grid-template-areas:"badge main meta";}
 .cx-chg-facts{table-layout:fixed;max-width:none;}
 .cx-chg-facts thead th:first-child{width:28%;}

package/CanopyX.Html/Assets/canopyx-changes.js

@@ -1,4 +1,4 @@
-(function(global){"use strict";const installed=new WeakSet();const part={version:"419bb03b4580fd5c",install(context){if(installed.has(context.CHANGES_IMPL))return;const{CHANGES_IMPL,h,setText,fill,plural,numberFormat,gridFreeze,toneOf,applyTone,svgIcon,PROTOCOL}=context;function humanTimeFormat(lang,local,utcTemplate){const formatter=new Intl.DateTimeFormat(lang||undefined,{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",hourCycle:"h23",timeZone:local?undefined:"UTC",...(local?{timeZoneName:"short"}:{})});return{format(value){const parts=formatter.formatToParts(new Date(value));const text=parts.map((part,index)=>part.type==="literal"&&parts[index+1]?.type==="timeZoneName"?part.value.replace(/\s/g,"\u00a0"):part.value).join("");
+(function(global){"use strict";const installed=new WeakSet();const part={version:"7d9a526aa07a8838",install(context){if(installed.has(context.CHANGES_IMPL))return;const{CHANGES_IMPL,h,setText,fill,plural,numberFormat,gridFreeze,toneOf,applyTone,svgIcon,PROTOCOL}=context;function humanTimeFormat(lang,local,utcTemplate){const formatter=new Intl.DateTimeFormat(lang||undefined,{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",hourCycle:"h23",timeZone:local?undefined:"UTC",...(local?{timeZoneName:"short"}:{})});return{format(value){const parts=formatter.formatToParts(new Date(value));const text=parts.map((part,index)=>part.type==="literal"&&parts[index+1]?.type==="timeZoneName"?part.value.replace(/\s/g,"\u00a0"):part.value).join("");
 return local?text:fill(utcTemplate||"{time} UTC",{time:text}).replace(/ (\S+)$/,"\u00a0$1");
 }}}
 const CHANGE_LABELS={changeInline:"Inline",changeSplit:"Side by side",changeLayout:"Layout",changeCopyDiff:"Copy diff",changeCopied:"Copied",changeCopyFailed:"Could not copy",changeNext:"Next change",changePrevious:"Previous change",changePosition:"Change {index} of {count}",changeShowLines:"[one]Show {count} more line[other]Show {count} more lines",changeHiddenLines:"[one]{count} unchanged line not included[other]{count} unchanged lines not included",changeLineCounts:"Lines added: {added}, removed: {removed}",changeLineAdded:"Added line {line}",changeLineRemoved:"Removed line {line}",changeLineContext:"Line {line}",changeBefore:"Before",changeAfter:"After",changeBinary:"Binary file: compared by size and hash, not by lines.",changeUnavailable:"The content of this file is not available.",changeIdentical:"The text did not change.",changeTruncated:"Some changes are not shown: the comparison was too large.",changeTooLarge:"These texts are too long to compare here.",changeDiffOf:"Changes in {name}",changeAdded:"Added",changeRemoved:"Removed",changeModified:"Modified",changeRenamed:"Renamed",changeFlaggedOnly:"Flagged only",changeFlaggedCount:"{count} flagged",changeNoItems:"No changes to show.",changeSize:"Size",changeHash:"Hash",changeTime:"Time",changeCopyHash:"Copy the full hash",changeDetails:"Details of {name}",changeFileCount:"[one]{count} file[other]{count} files",changeFrom:"from {path}",changeShowMore:"Show more",changeFlags:"Flags",changeFacts:"Details",changeRoot:"Top level",changeShown:"{shown} of {total} shown",changeFilter:"Show changes",changeActions:"Actions for {name}",changeConverged:"Converged",changePropagating:"Propagating",changeFault:"Fault",changeUnknown:"Unknown",changeReplica:"Replica",changeState:"State",changeFirstSeen:"First seen",changeLastSeen:"Last seen",changeTimeline:"Delay",changeNotSeen:"Not seen yet",changeDelay:"+{duration}",changeSource:"Source",changeProgress:"{converged} of {total} have the change",changeSeconds:"{count} s",changeMinutes:"{count} min",changeHours:"{count} h",changeDays:"{count} d",changeUtcTime:"{time} UTC",changeExportCsv:"Export CSV",changeExportJson:"Export JSON",changeReason:"Reason",changeReasonHint:"{action}: say why. The reason is kept with the action.",changeReasonRequired:"Enter a reason first.",changeCancel:"Cancel",changeUnclaimed:"This page cannot carry out “{action}” itself. Copy the request to pass it on.",changeCopyRequest:"Copy request",changeFiltered:"Filtered: {filters}",changePrintLimit:"[one]{count} more line is not printed.[other]{count} more lines are not printed."};function changeLabels(...sources){const labels={...CHANGE_LABELS};for(const source of sources){if(source==null)continue;if(typeof source!=="object"||Array.isArray(source))changeFail("labels must be an object of strings");for(const[name,text]of Object.entries(source)){if(!Object.hasOwn(labels,name)){if(/^change[A-Z]/.test(name)) changeFail("there is no change label '" + name + "'"); continue; }

package/CanopyX.Html/Assets/canopyx-column-groups.css

@@ -1,12 +1,16 @@
 /* Column groups: header rows above the column headers (canopyx.column-groups.source),and the nested Columns menu. */
 .cx-data-grid .cx-hgroup-row{height:var(--hfx-table-header-height,calc(40px - var(--cx-compact,0) * 8px));}
 .cx-data-grid.cx-phone .cx-hgroup-row{height:var(--cx-size-32px);}
-.cx-data-grid .cx-hgroup{overflow:visible;justify-content:flex-start;border-bottom:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));}
+.cx-data-grid .cx-hgroup{overflow:visible;justify-content:flex-start;border-bottom:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
 .cx-data-grid .cx-hgroup::after{top:0;bottom:0;}
 .cx-data-grid .cx-hgroup-row .cx-hcell:last-child::after{display:block;}
 .cx-data-grid .cx-hgroup-row .cx-hcell:last-child:not(.cx-hgroup)::after,.cx-data-grid .cx-hgroup-pad::after{display:none;}
 .cx-data-grid .cx-hgroup-title{position:sticky;left:calc(var(--cx-pin-left-w,0px) + var(--hfx-cell-padding-x,calc(12px - var(--cx-compact,0) * 4px)));min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .cx-data-grid .cx-hgroup[data-cx-pin] .cx-hgroup-title{position:static;}
+.cx-data-grid .cx-hband{background:color-mix(in srgb,var(--hfx-color-accent,light-dark(#11776f,#37c9b8)) 8%,var(--cx-grid-header,var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317))));font-weight:var(--hfx-table-header-weight,var(--hfx-weight-semibold,600));border-inline-end:var(--hfx-border-width,1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
+.cx-data-grid .cx-hband::after{display:none;}
+.cx-data-grid .cx-hband-continuation .cx-hgroup-title{text-decoration:underline dotted;text-underline-offset:var(--cx-size-4px);}
+.cx-data-grid .cx-hband-continuation .cx-hgroup-title::before{content:"↳ ";}
 .cx-data-grid .cx-hgroup .cx-column-move{flex:none;}
 .cx-data-grid .cx-hgroup.cx-drop-before{box-shadow:inset var(--cx-size-2px) 0 var(--hfx-color-accent,light-dark(#11776f,#37c9b8));}
 .cx-data-grid .cx-hgroup.cx-drop-after{box-shadow:inset var(--cx-size-neg-2px) 0 var(--hfx-color-accent,light-dark(#11776f,#37c9b8));}

package/CanopyX.Html/Assets/canopyx-column-groups.js

@@ -1,8 +1,8 @@
-(function(global){"use strict";const installed=new WeakSet();const part={version:"cd6d93e033719439",install(context){if(installed.has(context.DataGrid.prototype))return;const{DataGrid,h,setText,fill,columnWidth,foldText,gridButton,gridIcon,gridDecorateButton,cellText,cellValue,isCellObject,numberFormat,gridFreeze,requireIdentifier,loadGridFilterEditor,CELL_CONTROLS,reachable}=context;const CG_DEPTH=3,CG_PINS=["left","none","right"];const cgBad=problem=>{throw new Error("CanopyX: column groups "+problem+".")};function cgRead(view){const declared=new Set(view.columns.map(column=>column.id)),owner=new Map(),byId=new Map();if(!Array.isArray(view.columnGroups)||view.columnGroups.length>1000)cgBad("must be an array of at most 1000 groups");const read=(input,parent,depth)=>{if(!input||typeof input!=="object"||Array.isArray(input))cgBad("must be objects");requireIdentifier(input.id,"column group ID");const columns=input.columns??[],groups=input.groups??[];if(byId.has(input.id)||typeof input.title!=="string"||!input.title.trim()||input.title.length>256||depth>CG_DEPTH||
+(function(global){"use strict";const installed=new WeakSet();const part={version:"91abd99e8ff95b58",install(context){if(installed.has(context.DataGrid.prototype))return;const{DataGrid,h,setText,fill,columnWidth,foldText,gridButton,gridIcon,gridDecorateButton,cellText,cellValue,isCellObject,numberFormat,gridFreeze,requireIdentifier,loadGridFilterEditor,CELL_CONTROLS,reachable}=context;const CG_DEPTH=3,CG_PINS=["left","none","right"];const cgBad=problem=>{throw new Error("CanopyX: column groups "+problem+".")};function cgRead(view){const declared=new Set(view.columns.map(column=>column.id)),owner=new Map(),byId=new Map(),definitions=view.columnBands??view.columnGroups;if(!Array.isArray(definitions)||definitions.length>1000)cgBad("must be an array of at most 1000 groups");const read=(input,parent,depth)=>{if(!input||typeof input!=="object"||Array.isArray(input))cgBad("must be objects");requireIdentifier(input.id,"column group ID");const columns=input.columns??[],groups=input.groups??[];if(byId.has(input.id)||typeof input.title!=="string"||!input.title.trim()||input.title.length>256||depth>CG_DEPTH||
 !Array.isArray(columns)||!Array.isArray(groups)||!columns.length&&!groups.length||
-input.pinned!==undefined&&(parent||![null,"left","right"].includes(input.pinned)))
+input.pinned!==undefined&&(view.columnBands!==undefined||parent||![null,"left","right"].includes(input.pinned)))
 cgBad("need unique IDs, titles, members, at most "+CG_DEPTH+" levels, and a pin only on a top-level group");const node={id:input.id,title:input.title,pinned:input.pinned,parent,depth,columns:[],groups:[],leaves:[]};byId.set(node.id,node);for(const id of columns){if(!declared.has(id)||owner.has(id))cgBad("name declared columns, each in one group at most");owner.set(id,node);node.columns.push(id)}
-for(const group of groups)node.groups.push(read(group,node,depth+1));return node};const roots=view.columnGroups.map(group=>read(group,null,1));const gather=node=>node.leaves=[...node.columns,...node.groups.flatMap(gather)];roots.forEach(gather);return{roots,byId,owner,depth:Math.max(0,...[...byId.values()].map(node=>node.depth))}}
+for(const group of groups)node.groups.push(read(group,node,depth+1));return node};const roots=definitions.map(group=>read(group,null,1));const gather=node=>node.leaves=[...node.columns,...node.groups.flatMap(gather)];roots.forEach(gather);return{roots,byId,owner,depth:Math.max(0,...[...byId.values()].map(node=>node.depth))}}
 function cgPath(model,id){const path=[];for(let node=model.owner.get(id);node;node=node.parent)path.unshift(node);return path}
 function cgOrder(grid){const model=grid.columnGroupModel,rank=new Map(grid.columns.map((column,index)=>[column.id,index]));const byId=new Map(grid.columns.map(column=>[column.id,column]));const middle=ids=>ids.map(id=>rank.get(id)).sort((a,b)=>a-b)[(ids.length-1)>>1];const place=node=>[...node.columns.map(id=>({at:rank.get(id),ids:[id]})),...node.groups.map(group=>({at:middle(group.leaves),ids:place(group)}))]
 .sort((a,b)=>a.at-b.at).flatMap(item=>item.ids);const items=model.roots.map(root=>{const members=root.leaves.map(id=>byId.get(id)).sort((a,b)=>rank.get(a.id)- rank.get(b.id)),counts=new Map();for(const column of members)counts.set(column.pin||"none",(counts.get(column.pin||"none")||0)+ 1);let pin=members[0].pin||"none";for(const[side,count]of counts)if(count>counts.get(pin))pin=side;for(const column of members)column.pin=pin;return{at:middle(root.leaves),ids:place(root),pin}});for(const column of grid.columns)if(!model.owner.has(column.id))items.push({at:rank.get(column.id),ids:[column.id],pin:column.pin||"none"});items.sort((a,b)=>CG_PINS.indexOf(a.pin)- CG_PINS.indexOf(b.pin)||a.at-b.at);const order=items.flatMap(item=>item.ids);if(order.some((id,index)=>grid.columns[index].id!==id))grid.columns=order.map(id=>byId.get(id))}
@@ -13,10 +13,12 @@ const order=grid.columns.map(column=>column.id);return order.indexOf(cgFirst(gri
 function cgFirst(grid,id){const node=grid.columnGroupModel.byId.get(id);return node?grid.columns.find(column=>node.leaves.includes(column.id)).id:id}
 function cgTop(grid,node,first){const members=[...node.columns,...node.groups.map(group=>group.id)],order=grid.columns.map(column=>column.id);const at=id=>order.indexOf(cgFirst(grid,id));return members.sort((a,b)=>first?at(a)- at(b):at(b)- at(a))[0]}
 function cgMoved(grid,id,targetId,after){const model=grid.columnGroupModel,block=model.byId.get(id)?.leaves||[id],targetBlock=model.byId.get(targetId)?.leaves||[targetId];const order=grid.columns.map(column=>column.id).filter(item=>!block.includes(item));const positions=targetBlock.map(item=>order.indexOf(item)).filter(index=>index>=0);if(!positions.length)return null;order.splice(after?Math.max(...positions)+ 1:Math.min(...positions),0,...grid.columns.map(column=>column.id).filter(item=>block.includes(item)));return order}
-function cgHeader(grid){const model=grid.columnGroupModel,cols=grid.cols,paths=cols.map(column=>cgPath(model,column.id));const depth=Math.max(0,...paths.map(path=>path.length));for(const row of grid.groupRows||[])row.remove();grid.groupRows=[];grid.groupCells=[];for(let level=0;level<depth;level++){const row=h("div","cx-hrow cx-hgroup-row");row.setAttribute("role","row");row.setAttribute("aria-rowindex",String(level+1));for(let first=0;first<cols.length;){const node=paths[first][level];let end=first+1;if(node)while(end<cols.length&&paths[end][level]===node)end++;const cell=node?cgGroupCell(grid,node,first,end-first):h("div","cx-hcell cx-hgroup-pad");if(!node)cell.setAttribute("aria-hidden","true");cell._cxSpan={first,last:end-1};row.appendChild(cell);grid.groupCells.push(cell);first=end}
+function cgHeader(grid){const model=grid.columnGroupModel,cols=grid.cols,paths=cols.map(column=>cgPath(model,column.id));const depth=Math.max(0,...paths.map(path=>path.length));for(const row of grid.groupRows||[])row.remove();grid.groupRows=[];grid.groupCells=[];for(let level=0;level<depth;level++){const row=h("div","cx-hrow cx-hgroup-row"),seen=new Set();row.setAttribute("role","row");row.setAttribute("aria-rowindex",String(level+1));for(let first=0;first<cols.length;){const node=paths[first][level];let end=first+1;if(node)while(end<cols.length&&paths[end][level]===node&&cols[end].effectivePin===cols[first].effectivePin)end++;const cell=node?cgGroupCell(grid,node,first,end-first):h("div","cx-hcell cx-hgroup-pad");if(node&&grid.view.columnBands!==undefined){cell.classList.add("cx-hband");cell.classList.toggle("cx-hband-continuation",seen.has(node));seen.add(node)}
+if(!node)cell.setAttribute("aria-hidden","true");cell._cxSpan={first,last:end-1};row.appendChild(cell);grid.groupCells.push(cell);first=end}
 grid.groupRows.push(row)}
-grid.head.prepend(...grid.groupRows);grid.headRow.setAttribute("aria-rowindex",String(depth+1));grid.host.classList.toggle("cx-column-groups",depth>0);cgDepth(grid,depth);cgLayout(grid)}
-function cgGroupCell(grid,node,first,span){const cell=h("div","cx-hcell cx-hgroup"),title=h("span","cx-hgroup-title");cell.setAttribute("role","columnheader");cell.setAttribute("aria-colindex",String(first+1));cell.setAttribute("aria-colspan",String(span));cell.setAttribute("aria-label",node.title);cell.dataset.cxGroup=node.id;cell.dataset.cxLevel=String(node.depth);setText(title,node.title);title.title=node.title;cell.appendChild(title);if(grid.view.reporting?.columnReorder)cgMoveButton(grid,node,cell);cell.appendChild(cgGrip(grid,node));return cell}
+grid.head.prepend(...grid.groupRows);grid.headRow.setAttribute("aria-rowindex",String(depth+1));grid.host.classList.toggle("cx-column-groups",depth>0);cgDepth(grid,depth);cgLayout(grid);grid.columnBandKey=cgBandKey(grid)}
+function cgGroupCell(grid,node,first,span){const cell=h("div","cx-hcell cx-hgroup"),title=h("span","cx-hgroup-title");cell.setAttribute("role","columnheader");cell.setAttribute("aria-colindex",String(first+1));cell.setAttribute("aria-colspan",String(span));cell.setAttribute("aria-label",node.title);cell.dataset.cxGroup=node.id;cell.dataset.cxLevel=String(node.depth);setText(title,node.title);title.title=node.title;cell.appendChild(title);if(grid.view.columnBands===undefined){if(grid.view.reporting?.columnReorder)cgMoveButton(grid,node,cell);cell.appendChild(cgGrip(grid,node))}
+return cell}
 function cgDepth(grid,depth){const previous=grid.headDepth||0;if(previous===depth)return;grid.headDepth=depth;const count=grid.grid.getAttribute("aria-rowcount");if(count&&count!=="-1")grid.grid.setAttribute("aria-rowcount",String(Number(count)- previous+depth));for(const row of[...grid.rendered.values(),...grid.pool])row._index=undefined;grid.scheduleRender()}
 function cgLayout(grid){const cells=grid.headCells||[],widths=cells.map(cell=>parseFloat(cell.style.width)||0);for(const row of grid.groupRows||[])row.style.width=grid.headRow.style.width;for(const cell of grid.groupCells||[]){const{first,last}=cell._cxSpan;if(last>=cells.length)continue;let width=0;for(let index=first;index<=last;index++)width +=widths[index];const head=cells[first],tail=cells[last],pin=head.dataset.cxPin;cell.style.width=width+"px";if(pin)cell.dataset.cxPin=pin;else cell.removeAttribute("data-cx-pin");cell.style.left=pin==="left"?head.style.left:"";cell.style.right=pin==="right"?tail.style.right:"";cell.classList.toggle("cx-pin-edge",cells.slice(first,last+1).some(item=>item.classList.contains("cx-pin-edge")));const grip=cell.querySelector(":scope > .cx-resize"),columns=grid.cols.slice(first,last+1);if(grip){grip.setAttribute("aria-valuemin",String(columns.reduce((sum,column)=>sum+column.minW,0)));grip.setAttribute("aria-valuemax",String(Math.min(2147483647,columns.reduce((sum,column)=>sum+column.maxW,0))));grip.setAttribute("aria-valuenow",String(Math.round(width)));grip.setAttribute("aria-valuetext",fill(grid.labels.columnWidth,{width:numberFormat(grid.lang).format(Math.round(width))}))}}
 grid.host.style.setProperty("--cx-pin-left-w",(grid.pinnedLeftWidth||0)+ "px")}
@@ -43,9 +45,13 @@ function cgChoose(grid,id,targetId,after){const node=grid.columnGroupModel.byId.
 const to=cgSibling(grid,id,targetId,after),order=to.id!==id&&cgMoved(grid,id,to.id,to.after);if(!order)return;if(!grid.columnGroupModel.owner.has(id))grid.columns.find(column=>column.id===id).pin=grid.columns.find(column=>column.id===cgFirst(grid,to.id)).pin;grid.setColumnOrder(order)}
 function cgDragChoice(grid,list,row,handle,id,event){if(event.button)return;event.preventDefault();handle.focus();handle.setPointerCapture(event.pointerId);let target=null;const clear=()=>{for(const item of list.querySelectorAll(".cx-drop-before,.cx-drop-after"))item.classList.remove("cx-drop-before","cx-drop-after")};handle.onpointermove=move=>{clear();target=null;const over=document.elementFromPoint(move.clientX,move.clientY)?.closest(".cx-grid-column-choice");if(!over||over===row||!list.contains(over))return;const box=over.getBoundingClientRect(),to=cgSibling(grid,id,over.dataset.cxColumn||over.dataset.cxGroup,move.clientY>box.top+box.height / 2);
 if(to.id===id)return;target=to;const marked=list.querySelector('[data-cx-column="'+CSS.escape(to.id)+ '"],[data-cx-group="'+CSS.escape(to.id)+ '"]');marked?.classList.add(to.after?"cx-drop-after":"cx-drop-before")};handle.onpointerup=handle.onpointercancel=up=>{handle.onpointermove=handle.onpointerup=handle.onpointercancel=null;clear();if(up.type==="pointerup"&&target)cgChoose(grid,id,target.id,target.after)}}
+const cgBandKey=grid=>JSON.stringify(grid.cols.map(column=>[column.id,column.effectivePin||"none"]));function cgInstallPresentation(grid){const shared=Object.getPrototypeOf(grid);grid.buildHeader=function(...args){this.groupCells=[];this.columnBandsBuilding=true;try{shared.buildHeader.apply(this,args)}
+finally{this.columnBandsBuilding=false}
+cgHeader(this)};grid.applyWidths=function(...args){shared.applyWidths.apply(this,args);if(this.columnBandsBuilding||!this.cols||this.headCells?.length!==this.cols.length)return;if(this.columnBandKey!==cgBandKey(this))cgHeader(this);else cgLayout(this)};grid.lifetime.signal.addEventListener("abort",()=>{grid.host.classList.remove("cx-column-groups");grid.host.style.removeProperty("--cx-pin-left-w")},{once:true});grid.buildHeader();grid.render()}
 function cgColumn(grid,to){const node=grid.columnGroupModel.byId.get(to.id);if(!node)return grid.columns.find(column=>column.id===to.id);const members=grid.columns.filter(column=>node.leaves.includes(column.id));return to.after?members[members.length-1]:members[0]}
 function cgInstall(grid){const shared=Object.getPrototypeOf(grid);grid.buildHeader=function(){this.groupCells=[];cgOrder(this);shared.buildHeader.call(this);cgHeader(this)};grid.applyWidths=function(...args){shared.applyWidths.apply(this,args);if(this.cols&&this.headCells?.length===this.cols.length)cgUnsplit(this);cgLayout(this)};grid.setColumnPinned=function(id,pin){const root=cgPath(this.columnGroupModel,id)[0];if(root&&CG_PINS.includes(pin))for(const column of this.columns)if(root.leaves.includes(column.id))column.pin=pin;return shared.setColumnPinned.call(this,id,pin)};grid.moveReportingColumn=function(column,target,after){const to=cgSibling(this,column.id,target.id,after),landing=cgColumn(this,to);if(to.id!==column.id&&landing&&landing!==column)shared.moveReportingColumn.call(this,column,landing,to.after)};grid.moveColumnChoice=function(column,target,after){cgChoose(this,column.id,target.id,after)};grid.syncColumnControls=function(...args){return this.columnList?cgColumnControls(this):shared.syncColumnControls.apply(this,args)}}
-Object.assign(DataGrid.prototype,{startColumnGroups(){if(this.columnGroupModel||this.destroyed)return;if(!this.view.columnGroups?.length){this.columnGroupModel={roots:[],byId:new Map(),owner:new Map(),depth:0};return}
-const model=this.columnGroupModel=cgRead(this.view),byId=new Map(this.columns.map(column=>[column.id,column]));if(!this.initialState)for(const root of model.roots)if(root.pinned!==undefined)for(const id of root.leaves)byId.get(id).pin=root.pinned||"none";const titles=new Map();for(const node of model.byId.values())titles.set(node.title,(titles.get(node.title)||0)+ 1);for(const[id,node]of model.owner){const column=byId.get(id);column.section??=titles.get(node.title)>1?cgPath(model,id).map(group=>group.title).join(" · "):node.title}
+Object.assign(DataGrid.prototype,{startColumnGroups(){if(this.columnGroupModel||this.destroyed)return;if(!(this.view.columnBands??this.view.columnGroups)?.length){this.columnGroupModel={roots:[],byId:new Map(),owner:new Map(),depth:0};return}
+const model=this.columnGroupModel=cgRead(this.view),byId=new Map(this.columns.map(column=>[column.id,column]));if(this.view.columnBands!==undefined){cgInstallPresentation(this);return}
+if(!this.initialState)for(const root of model.roots)if(root.pinned!==undefined)for(const id of root.leaves)byId.get(id).pin=root.pinned||"none";const titles=new Map();for(const node of model.byId.values())titles.set(node.title,(titles.get(node.title)||0)+ 1);for(const[id,node]of model.owner){const column=byId.get(id);column.section??=titles.get(node.title)>1?cgPath(model,id).map(group=>group.title).join(" · "):node.title}
 cgOrder(this);if(this.defaultState){const saved=new Map(this.defaultState.columns.map(column=>[column.id,column]));const declared={columnGroupModel:model,columns:this.defaultState.columns.map(entry=>({id:entry.id,pin:entry.pin??byId.get(entry.id).pin}))};for(const root of model.roots)if(root.pinned!==undefined)for(const column of declared.columns)if(root.leaves.includes(column.id))column.pin=root.pinned||"none";cgOrder(declared);this.defaultState.columns=declared.columns.map(column=>{const entry=saved.get(column.id);if("pin" in entry)entry.pin=column.pin||"none";return entry})}
-cgInstall(this);this.lifetime.signal.addEventListener("abort",()=>{this.cancelColumnDrag?.();this.host.classList.remove("cx-column-groups");this.host.style.removeProperty("--cx-pin-left-w")},{once:true});this.buildHeader();this.syncColumnControls();this.render()},getColumnGroups(){const model=this.columnGroupModel;if(!model?.roots.length)return[];const shown=new Set((this.cols||[]).map(column=>column.id)),order=this.columns.map(column=>column.id);const describe=node=>{const columns=order.filter(id=>node.leaves.includes(id));return Object.freeze({id:node.id,title:node.title,columns:Object.freeze(columns),visibleColumns:Object.freeze(columns.filter(id=>shown.has(id))),pin:this.columns.find(column=>column.id===columns[0]).pin||"none",groups:Object.freeze(cgSiblings(this,node).filter(id=>model.byId.has(id)).map(id=>describe(model.byId.get(id))))})};return Object.freeze(cgSiblings(this,null).filter(id=>model.byId.has(id)).map(id=>describe(model.byId.get(id))))},setColumnGroupVisible(id,visible){const node=this.columnGroupModel?.byId.get(id);if(!node||typeof visible!=="boolean"||this.destroyed)throw new Error("CanopyX: visibility needs a declared column group and a boolean.");const members=this.columns.filter(column=>node.leaves.includes(column.id));if(!visible&&this.columns.every(column=>column.hidden||members.includes(column)))throw new Error("CanopyX: keep at least one column visible.");for(const column of members)column.hidden=!visible;this.buildHeader();this.syncColumnControls();this.scheduleRender();this.noteViewPreferenceIntent?.();this.stateChanged()}});installed.add(context.DataGrid.prototype)}};(global.CanopyXParts||=[]).push(["column-groups",part])})(typeof window!=="undefined"?window:globalThis);
+cgInstall(this);this.lifetime.signal.addEventListener("abort",()=>{this.cancelColumnDrag?.();this.host.classList.remove("cx-column-groups");this.host.style.removeProperty("--cx-pin-left-w")},{once:true});this.buildHeader();this.syncColumnControls();this.render()},getColumnGroups(){const model=this.columnGroupModel;if(!model?.roots.length)return[];const shown=new Set((this.cols||[]).map(column=>column.id)),order=this.columns.map(column=>column.id);const describe=node=>{const columns=order.filter(id=>node.leaves.includes(id));const pins=new Set(this.columns.filter(column=>columns.includes(column.id)).map(column=>column.pin||"none"));return Object.freeze({id:node.id,title:node.title,columns:Object.freeze(columns),visibleColumns:Object.freeze(columns.filter(id=>shown.has(id))),pin:pins.size>1?"mixed":[...pins][0],groups:Object.freeze(cgSiblings(this,node).filter(id=>model.byId.has(id)).map(id=>describe(model.byId.get(id))))})};return Object.freeze(cgSiblings(this,null).filter(id=>model.byId.has(id)).map(id=>describe(model.byId.get(id))))},getColumnBands(){return Object.freeze((this.groupCells||[]).filter(cell=>cell.dataset.cxGroup).map(cell=>{const{first,last}=cell._cxSpan;return Object.freeze({id:cell.dataset.cxGroup,title:cell.getAttribute("aria-label"),level:Number(cell.dataset.cxLevel),columnIndex:first+1,columnSpan:last-first+1,pin:cell.dataset.cxPin||"none",columns:Object.freeze(this.cols.slice(first,last+1).map(column=>column.id))})}))},setColumnGroupVisible(id,visible){if(this.view.columnBands!==undefined)throw new Error("CanopyX: presentation bands do not change column visibility; use setColumnVisible.");const node=this.columnGroupModel?.byId.get(id);if(!node||typeof visible!=="boolean"||this.destroyed)throw new Error("CanopyX: visibility needs a declared column group and a boolean.");const members=this.columns.filter(column=>node.leaves.includes(column.id));if(!visible&&this.columns.every(column=>column.hidden||members.includes(column)))throw new Error("CanopyX: keep at least one column visible.");for(const column of members)column.hidden=!visible;this.buildHeader();this.syncColumnControls();this.scheduleRender();this.noteViewPreferenceIntent?.();this.stateChanged()}});installed.add(context.DataGrid.prototype)}};(global.CanopyXParts||=[]).push(["column-groups",part])})(typeof window!=="undefined"?window:globalThis);

package/CanopyX.Html/Assets/canopyx-compare.css

@@ -1,4 +1,4 @@
-.cx-compare-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--hfx-space-3,0.75rem) var(--hfx-space-6,2rem);width:100%;box-sizing:border-box;padding:calc(var(--hfx-space-1,0.25rem)*3.5) var(--hfx-space-4,1rem);border-block-end:var(--hfx-border-width,1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));background:var(--hfx-color-surface,light-dark(#ffffff,#16181c));color:var(--hfx-color-text,light-dark(#16181c,#f2f3f5));font:inherit;}
+.cx-compare-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--hfx-space-3,0.75rem) var(--hfx-space-6,2rem);width:100%;box-sizing:border-box;padding:calc(var(--hfx-space-1,0.25rem)*3.5) var(--hfx-space-4,1rem);border-block-end:var(--hfx-border-width,1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));background:var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));color:var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));font:inherit;}
 .cx-compare-counts{display:flex;flex-wrap:wrap;gap:calc(var(--hfx-space-1,0.25rem)*2.5) var(--hfx-space-6,2rem);}
 .cx-compare-count{display:inline-flex;align-items:baseline;gap:var(--hfx-space-1-5,6px);white-space:nowrap;}
 .cx-compare-count strong{font-size:var(--hfx-type-title-size,1.25rem);font-variant-numeric:tabular-nums;}
@@ -9,7 +9,7 @@
 .cx-compare-added{color:var(--hfx-color-status-good-fg,light-dark(#177345,#4cc78a));}
 .cx-compare-removed{color:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
 .cx-compare-changed{color:var(--hfx-color-status-warn-fg,light-dark(#8c5c05,#eeb640));}
-.cx-compare-unchanged{color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-compare-unchanged{color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}
 .cx-before-after{display:inline-flex;align-items:baseline;gap:var(--hfx-space-1-5,6px);max-width:100%;line-height:inherit;}
 .cx-wrap .cx-before-after{flex-wrap:wrap;}
 .cx-before-after del{color:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));text-decoration-thickness:var(--hfx-border-width,1px);overflow-wrap:anywhere;}
@@ -28,10 +28,10 @@ body .cx-host.cx-compare-drawer{height:var(--cx-ui-viewport-block);min-height:0;
 .cx-compare-drawer .cx-drawer-body .cx-dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--hfx-space-3,0.75rem) var(--hfx-space-4,1rem);margin:0;padding:var(--hfx-space-3,0.75rem) 0;}
 .cx-compare-drawer .cx-dl dt{font-size:var(--hfx-type-small-size,0.8125rem);color:var(--hfx-color-text-secondary,light-dark(#4d525b,#b0b4bc));}
 .cx-compare-drawer .cx-dl dd{margin:0;}
-.cx-compare-record-changes{margin:0;padding:0 0 var(--hfx-space-3,0.75rem);border-bottom:var(--hfx-border-width,1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));}
+.cx-compare-record-changes{margin:0;padding:0 0 var(--hfx-space-3,0.75rem);border-bottom:var(--hfx-border-width,1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
 .cx-compare-record-changes h3,.cx-compare-drawer .cx-drawer-body .cx-record-toggle{margin:0;font-size:var(--hfx-type-small-size,0.8125rem);font-weight:var(--hfx-weight-semibold,600);letter-spacing:normal;text-transform:none;color:var(--hfx-color-text-secondary,light-dark(#4d525b,#b0b4bc));}
 .cx-compare-drawer .cx-drawer-body .cx-record-toggle{padding:var(--hfx-space-3,0.75rem) 0 var(--hfx-space-1,0.25rem);justify-content:space-between;}
 .cx-compare-drawer[data-phone="true"] .cx-dl{grid-template-columns:minmax(0,1fr);gap:var(--hfx-space-1,0.25rem);}
 .cx-compare-drawer[data-phone="true"] .cx-dl dd{margin-block-end:var(--hfx-space-2,0.5rem);}
 @media (forced-colors:active){.cx-before-after del{color:CanvasText;}.cx-before-after ins{color:CanvasText;}}
-.cx-compare-removed-row .cx-before-after del{color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));}
+.cx-compare-removed-row .cx-before-after del{color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));}

package/CanopyX.Html/Assets/canopyx-compare.js

@@ -1,4 +1,4 @@
-(function(global){"use strict";const installed=new WeakSet();const part={version:"2df5f137f630380f",requires:["presenters"],install(context){if(installed.has(context.DataGrid.prototype))return;const{DataGrid,h,setText,fill,plural,cellValue,numberFormat,gridQueryStart,gridQuery}=context;const COMPARE_LABELS={compareSummary:"Dataset comparison",compareAdded:"Added",compareRemoved:"Removed",compareChanged:"Changed",compareUnchanged:"Unchanged",compareOnlyChanges:"Changed only",compareColumnChanges:"[one]{column}: {count} changed cell[other]{column}: {count} changed cells",compareChanges:"Changes"};function compareDefinition(grid){const value=grid.view.compare,columns=new Set(grid.columns.map(column=>column.id));if(!value||typeof value!=="object"||!columns.has(value.statusColumn)||
+(function(global){"use strict";const installed=new WeakSet();const part={version:"46245b96483e9c30",requires:["presenters"],install(context){if(installed.has(context.DataGrid.prototype))return;const{DataGrid,h,setText,fill,plural,cellValue,numberFormat,gridQueryStart,gridQuery}=context;const COMPARE_LABELS={compareSummary:"Dataset comparison",compareAdded:"Added",compareRemoved:"Removed",compareChanged:"Changed",compareUnchanged:"Unchanged",compareOnlyChanges:"Changed only",compareColumnChanges:"[one]{column}: {count} changed cell[other]{column}: {count} changed cells",compareChanges:"Changes"};function compareDefinition(grid){const value=grid.view.compare,columns=new Set(grid.columns.map(column=>column.id));if(!value||typeof value!=="object"||!columns.has(value.statusColumn)||
 typeof value.onlyChanges!=="boolean"||!value.counts||!value.columns||
 ["added","removed","changed","unchanged"].some(name=>!Number.isSafeInteger(value.counts[name])||value.counts[name]<0)||
 Object.entries(value.columns).some(([id,count])=>!columns.has(id)||id===value.statusColumn||!Number.isSafeInteger(count)||count<0))

package/CanopyX.Html/Assets/canopyx-detail-rows.css

@@ -1,17 +1,17 @@
 /* ---------- detail rows: the expander,the row and the content inside the visible width ---------- */
-.cx-detail-toggle{flex:none;display:inline-grid;place-items:center;width:var(--cx-size-20px);height:var(--cx-size-20px);margin-inline-end:var(--cx-size-4px);padding:0;border:0;border-radius:var(--hfx-radius-sm,4px);background:transparent;color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));cursor:pointer;}
+.cx-detail-toggle{flex:none;display:inline-grid;place-items:center;width:var(--cx-size-20px);height:var(--cx-size-20px);margin-inline-end:var(--cx-size-4px);padding:0;border:0;border-radius:var(--hfx-radius-sm,4px);background:transparent;color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));cursor:pointer;}
 .cx-detail-toggle::before{content:"";width:var(--cx-size-6px);height:var(--cx-size-6px);border-right:var(--cx-size-1d6px) solid currentColor;border-bottom:var(--cx-size-1d6px) solid currentColor;transform:translateX(var(--cx-size-neg-1px)) rotate(-45deg);transition:transform .12s;}
 .cx-detail-toggle[aria-expanded="true"]::before{transform:translateY(var(--cx-size-neg-1px)) rotate(45deg);}
-.cx-detail-toggle:hover{color:var(--hfx-color-text,light-dark(#16181c,#f2f3f5));background:var(--hfx-color-hover,light-dark(#f5f5f5,#232529));}
+.cx-detail-toggle:hover{color:var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));background:var(--hfx-color-hover,light-dark(#f5f5f5,#232529));}
 .cx-detail-toggle:focus-visible{outline:var(--hfx-focus-width,2px) solid var(--hfx-color-focus-ring,light-dark(#02726a,#37c9b8));outline-offset:var(--hfx-focus-offset,2px);}
 .cx-detail-toggle[aria-expanded="true"]{color:var(--hfx-color-accent,light-dark(#11776f,#37c9b8));}
 .cx-data-grid .cx-row.cx-detail-row{background:var(--hfx-color-row-alt,light-dark(#fafafa,#1d1f23));border-bottom:var(--cx-size-1px) solid var(--hfx-color-border-strong,light-dark(#cdd0d5,#363a42));}
 .cx-data-grid .cx-row.cx-detail-row:hover{background:var(--hfx-color-row-alt,light-dark(#fafafa,#1d1f23));}
 .cx-data-grid .cx-detail-cell{flex:none;width:100%;padding:0;border-right:0;overflow:visible;}
 .cx-data-grid .cx-detail-row .cx-detail-body{padding:var(--cx-size-10px) var(--cx-size-12px) var(--cx-size-12px);box-sizing:border-box;}
-.cx-detail-pending{color:var(--hfx-color-text-muted,light-dark(#626770,#8f949d));font-style:italic;}
+.cx-detail-pending{color:var(--hfx-color-text-secondary,var(--hfx-color-text-muted,light-dark(#626770,#8f949d)));font-style:italic;}
 .cx-detail-error{margin:0 0 var(--cx-size-8px);color:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
-.cx-detail-view{height:var(--cx-size-320px);border:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));background:var(--hfx-color-surface,light-dark(#ffffff,#16181c));}
+.cx-detail-view{height:var(--cx-size-320px);border:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));background:var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));}
 .cx-detail-view.cx-host{padding:0;}
 .cx-phone .cx-detail-view{height:var(--cx-size-280px);}
 @media (prefers-reduced-motion:reduce){.cx-detail-toggle::before{transition:none;}}

package/CanopyX.Html/Assets/canopyx-detail-rows.js

@@ -1,4 +1,4 @@
-(function(global){"use strict";const installed=new WeakSet();const part={version:"e4150bb67f40d597",install(context){if(installed.has(context.DataGrid.prototype))return;const{DataGrid,GRID_ROWS,GRID_REPORTING,h,setText,fill,gridButton,gridFreeze,cellText,formatting,labelsFor,requireIdentifier,GridRowOffsets,TreeGrid,createDataGrid,createTreeGrid,disposeRowHostCells,OWN_ARROWS,hostHtml}=context;const ROWS_BASE={};for(const name of["render","renderPass","trimInactiveCache","syncRowOffsets","setFocus","onKey","fillRow","destroy"])
+(function(global){"use strict";const installed=new WeakSet();const part={version:"1892f1fd9d035c0f",install(context){if(installed.has(context.DataGrid.prototype))return;const{DataGrid,GRID_ROWS,GRID_REPORTING,h,setText,fill,gridButton,gridFreeze,cellText,formatting,labelsFor,requireIdentifier,GridRowOffsets,TreeGrid,createDataGrid,createTreeGrid,disposeRowHostCells,OWN_ARROWS,hostHtml}=context;const ROWS_BASE={};for(const name of["render","renderPass","trimInactiveCache","syncRowOffsets","setFocus","onKey","fillRow","destroy"])
 ROWS_BASE[name]=DataGrid.prototype[name];GRID_ROWS.view=ROWS_BASE;function rowsLowerBound(list,value){let low=0,high=list.length;while(low<high){const middle=(low+high)>>>1;if(list[middle]<value)low=middle+1;else high=middle}
 return low}
 function rowsAtOrBefore(list,value,field){let low=0,high=list.length;while(low<high){const middle=(low+high)>>>1;if(list[middle][field]<=value)low=middle+1;else high=middle}

package/CanopyX.Html/Assets/canopyx-editing.css

@@ -7,12 +7,12 @@
 .cx-data-grid .cx-cell.cx-editing > :not(.cx-editor-host){display:none;}
 .cx-editor-host{flex:1;min-width:0;height:100%;display:flex;align-items:center;}
 .cx-editor-combo{display:flex;flex:1;min-width:0;height:100%;align-items:center;}
-.cx-editor{box-sizing:border-box;width:100%;min-width:0;height:calc(100% - var(--cx-size-4px));margin:0;padding:0 var(--cx-size-6px);font:inherit;color:var(--hfx-color-text,light-dark(#16181c,#f2f3f5));background:var(--hfx-color-surface,light-dark(#ffffff,#16181c));border:var(--cx-size-1px) solid var(--hfx-color-accent,light-dark(#11776f,#37c9b8));border-radius:var(--hfx-radius-sm,4px);outline:none;color-scheme:inherit;}
+.cx-editor{box-sizing:border-box;width:100%;min-width:0;height:calc(100% - var(--cx-size-4px));margin:0;padding:0 var(--cx-size-6px);font:inherit;color:var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));background:var(--hfx-color-surface-card,var(--hfx-color-surface,light-dark(#ffffff,#16181c)));border:var(--cx-size-1px) solid var(--hfx-color-accent,light-dark(#11776f,#37c9b8));border-radius:var(--hfx-radius-sm,4px);outline:none;color-scheme:inherit;}
 .cx-editor:focus-visible{box-shadow:0 0 0 var(--cx-size-2px) var(--hfx-color-accent-subtle,light-dark(#e7f1f1,#1b3435));}
 .cx-editor[aria-invalid="true"]{border-color:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
 .cx-kind-number .cx-editor{text-align:right;font-variant-numeric:tabular-nums;}
 .cx-editor.cx-editor-toggle{flex:none;width:var(--cx-size-18px);height:var(--cx-size-18px);margin:0 auto 0 var(--cx-size-6px);accent-color:var(--hfx-color-accent,light-dark(#11776f,#37c9b8));}
-.cx-edit-tip{position:fixed;inset:auto;margin:0;box-sizing:border-box;background:var(--hfx-color-surface-raised,light-dark(#ffffff,#1e2126));color:var(--hfx-color-text,light-dark(#16181c,#f2f3f5));border:var(--cx-size-1px) solid var(--hfx-color-border-strong,light-dark(#cdd0d5,#363a42));border-radius:var(--hfx-radius-overlay,var(--hfx-radius-lg,10px));box-shadow:var(--hfx-elevation-2,0 1px 2px rgba(22,24,28,.05),0 6px 18px -10px rgba(22,24,28,.18));font:var(--cx-size-13d5px)/1.4 var(--hfx-font-sans,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif);}
+.cx-edit-tip{position:fixed;inset:auto;margin:0;box-sizing:border-box;background:var(--hfx-color-surface-raised,light-dark(#ffffff,#1e2126));color:var(--hfx-color-text-primary,var(--hfx-color-text,light-dark(#16181c,#f2f3f5)));border:var(--cx-size-1px) solid var(--hfx-color-border-strong,light-dark(#cdd0d5,#363a42));border-radius:var(--hfx-radius-overlay,var(--hfx-radius-lg,10px));box-shadow:var(--hfx-elevation-2,0 1px 2px rgba(22,24,28,.05),0 6px 18px -10px rgba(22,24,28,.18));font:var(--cx-size-13d5px)/1.4 var(--hfx-font-sans,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif);}
 .cx-edit-tip{max-width:var(--cx-size-280px);padding:var(--cx-size-6px) var(--cx-size-10px);border-left:var(--cx-size-3px) solid var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));white-space:normal;pointer-events:none;}
 .cx-editbar{display:flex;align-items:center;gap:var(--cx-size-4px);height:var(--hfx-control-height-md,calc(36px - var(--cx-compact,0) * 8px));padding:0 var(--cx-size-4px) 0 var(--cx-size-10px);border-radius:var(--hfx-radius-control,var(--hfx-radius-md,6px));background:var(--hfx-color-surface-sunken,light-dark(#f7f8f9,#111317));font-size:var(--cx-size-13d5px);}
 .cx-editbar[hidden]{display:none;}
@@ -30,7 +30,7 @@
 .cx-drawer.cx-edit-form.cx-phone .cx-dl dd .cx-editor{height:var(--cx-size-44px);}
 .cx-drawer.cx-edit-form .cx-editor-host{height:auto;}
 .cx-edit-message{margin-top:var(--cx-size-4px);font-size:var(--cx-size-13px);color:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
-.cx-drawer-f{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:var(--cx-size-8px);padding:var(--cx-size-12px) var(--cx-size-16px);border-top:var(--cx-size-1px) solid var(--hfx-color-border,light-dark(#e2e4e7,#272a30));}
+.cx-drawer-f{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:var(--cx-size-8px);padding:var(--cx-size-12px) var(--cx-size-16px);border-top:var(--cx-size-1px) solid var(--hfx-color-surface-line,var(--hfx-color-border,light-dark(#e2e4e7,#272a30)));}
 .cx-drawer-summary{margin:0 auto 0 0;font-size:var(--cx-size-13px);color:var(--hfx-color-status-bad-fg,light-dark(#b8292a,#f47171));}
 @media (forced-colors:active){
 .cx-data-grid .cx-cell.cx-dirty{text-decoration:underline dotted;}

package/CanopyX.Html/Assets/canopyx-editing.js

@@ -1,4 +1,4 @@
-(function(global){"use strict";const installed=new WeakSet();const part={version:"25fd83789bef4fcb",requires:["filter-editor","forms"],install(context){if(installed.has(context.DataGrid.prototype))return;const{DataGrid,FORMS_IMPL,h,setText,fill,gridButton,gridDecorateButton,GRID_ICONS,cellValue,cellText,isCellObject,gridFreeze,gridMomentFromParts,numberFormat,gridQuery,foldText,requireIdentifier,checkDocument,validateGridRows,inlineGridSource,PROTOCOL,boundedPattern,validateGridFacetPage,RECORD_IMPL}=context;const{EDIT_EDITORS,editOptions,formRuleSpec,formCheck,FORM_LABELS}=FORMS_IMPL;const EDIT_LABELS={...FORM_LABELS,gridEditCell:"Edit {column}",gridEditSave:"Save",gridEditCancel:"Cancel",gridEditDiscard:"Discard",gridEditUndo:"Undo",gridEditRedo:"Redo",gridEditEdited:"Edited",gridEditChanges:"Unsaved changes: {count}",gridEditErrors:"Errors: {count}",gridEditSaving:"Saving…",gridEditSaved:"Saved rows: {count}",gridEditFailed:"Rows not saved: {count}",gridEditConflict:"Someone else changed this row. Reload it and try again.",gridEditRejected:"Not saved: {error}",gridEditNotSaved:"Not saved.",gridEditUndone:"Undone: {column}",gridEditRedone:"Redone: {column}"};const editCopy=value=>gridFreeze(JSON.parse(JSON.stringify(value===undefined?null:value)));const editSame=(left,right)=>left===right||left==null&&right==null;const editScalar=value=>value===null||typeof value==="string"||typeof value==="boolean"||Number.isFinite(value);const editBad=(id,problem)=>{throw new Error("CanopyX: column "+id+" "+problem+".")};function editSpec(column,editors,columns){const id=column.id,raw=column.editor===undefined?{}:typeof column.editor==="string"?{type:column.editor}:column.editor;const rules=column.validation===undefined?{}:column.validation,object=value=>value&&typeof value==="object"&&!Array.isArray(value);if(!object(raw)||!object(rules))editBad(id,"has an invalid editor or validation");const type=raw.type??column.kind;if(typeof type!=="string"||!Object.hasOwn(editors,type))editBad(id,"names an editor nobody registered");const fits={number:["number"],text:["text"],toggle:["text"],date:["datetime","text"],datetime:["datetime","text"],time:["datetime","text"]}[type];if(fits&&!fits.includes(column.kind))editBad(id,"cannot use a "+type+" editor for its kind");const{pattern,rules:checks}=formRuleSpec(raw,rules,problem=>editBad(id,problem));const lookup=raw.lookup??(type==="lookup"?{}:null);if(lookup&&(!object(lookup)||lookup.column!==undefined&&!columns.some(item=>item.id===lookup.column)||
+(function(global){"use strict";const installed=new WeakSet();const part={version:"88e4ca705a7eb0c3",requires:["filter-editor","forms"],install(context){if(installed.has(context.DataGrid.prototype))return;const{DataGrid,FORMS_IMPL,h,setText,fill,gridButton,gridDecorateButton,GRID_ICONS,cellValue,cellText,isCellObject,gridFreeze,gridMomentFromParts,numberFormat,gridQuery,foldText,requireIdentifier,checkDocument,validateGridRows,inlineGridSource,PROTOCOL,boundedPattern,validateGridFacetPage,RECORD_IMPL}=context;const{EDIT_EDITORS,editOptions,formRuleSpec,formCheck,FORM_LABELS}=FORMS_IMPL;const EDIT_LABELS={...FORM_LABELS,gridEditCell:"Edit {column}",gridEditSave:"Save",gridEditCancel:"Cancel",gridEditDiscard:"Discard",gridEditUndo:"Undo",gridEditRedo:"Redo",gridEditEdited:"Edited",gridEditChanges:"Unsaved changes: {count}",gridEditErrors:"Errors: {count}",gridEditSaving:"Saving…",gridEditSaved:"Saved rows: {count}",gridEditFailed:"Rows not saved: {count}",gridEditConflict:"Someone else changed this row. Reload it and try again.",gridEditRejected:"Not saved: {error}",gridEditNotSaved:"Not saved.",gridEditUndone:"Undone: {column}",gridEditRedone:"Redone: {column}"};const editCopy=value=>gridFreeze(JSON.parse(JSON.stringify(value===undefined?null:value)));const editSame=(left,right)=>left===right||left==null&&right==null;const editScalar=value=>value===null||typeof value==="string"||typeof value==="boolean"||Number.isFinite(value);const editBad=(id,problem)=>{throw new Error("CanopyX: column "+id+" "+problem+".")};function editSpec(column,editors,columns){const id=column.id,raw=column.editor===undefined?{}:typeof column.editor==="string"?{type:column.editor}:column.editor;const rules=column.validation===undefined?{}:column.validation,object=value=>value&&typeof value==="object"&&!Array.isArray(value);if(!object(raw)||!object(rules))editBad(id,"has an invalid editor or validation");const type=raw.type??column.kind;if(typeof type!=="string"||!Object.hasOwn(editors,type))editBad(id,"names an editor nobody registered");const fits={number:["number"],text:["text"],toggle:["text"],date:["datetime","text"],datetime:["datetime","text"],time:["datetime","text"]}[type];if(fits&&!fits.includes(column.kind))editBad(id,"cannot use a "+type+" editor for its kind");const{pattern,rules:checks}=formRuleSpec(raw,rules,problem=>editBad(id,problem));const lookup=raw.lookup??(type==="lookup"?{}:null);if(lookup&&(!object(lookup)||lookup.column!==undefined&&!columns.some(item=>item.id===lookup.column)||
 lookup.limit!==undefined&&!(Number.isInteger(lookup.limit)&&lookup.limit>=1&&lookup.limit<=50)||
 lookup.minLength!==undefined&&!(Number.isInteger(lookup.minLength)&&lookup.minLength>=0&&lookup.minLength<=16)))editBad(id,"has invalid lookup settings");return Object.freeze({id,column,type,editor:gridFreeze({...raw,type}),options:editOptions(raw.options,id),lookup:lookup&&Object.freeze({column:lookup.column??id,limit:lookup.limit??20,minLength:lookup.minLength??1}),pattern,rules:checks})}
 function editCell(original,value,text){if(!isCellObject(original)&&text===undefined)return value;const cell=isCellObject(original)?{...original}:{};delete cell.text;delete cell.searchText;delete cell.sort;delete cell.secondary;cell.value=value;if(text!==undefined)cell.text=text;return cell}