writetrack 0.9.1 → 0.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +1 -1
- package/dist/browser/viz.js +229 -97
- package/dist/browser/writetrack.wasm +0 -0
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js +1 -1
- package/dist/esm/verify.d.ts +1 -1
- package/dist/esm/viz.d.ts +121 -62
- package/dist/esm/viz.js +229 -97
- package/dist/esm/writetrack.wasm +0 -0
- package/dist/index.cjs +1 -1
- package/dist/viz.cjs +229 -97
- package/dist/writetrack.wasm +0 -0
- package/package.json +1 -1
package/dist/browser/viz.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var et=`:host {
|
|
2
2
|
--wt-color-primary: #fbbf24;
|
|
3
3
|
--wt-color-secondary: #22d3ee;
|
|
4
4
|
--wt-color-bg: #111113;
|
|
@@ -34,10 +34,22 @@ var yt=`:host {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
+
.wt-chart {
|
|
38
|
+
background: var(--wt-color-surface);
|
|
39
|
+
border-radius: var(--wt-radius);
|
|
40
|
+
padding: var(--wt-padding);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
:host([compact]) .wt-chart {
|
|
44
|
+
background: transparent;
|
|
45
|
+
padding: 0;
|
|
46
|
+
border-radius: 0;
|
|
47
|
+
}
|
|
48
|
+
|
|
37
49
|
/* Force light text on dark tooltips regardless of chart theme */
|
|
38
|
-
[aria-label="tip"] { color: #fafafa; }`,k={fill:"#1a1a1d",stroke:"#27272a",textPadding:6,fontSize:11,fontFamily:"'JetBrains Mono', ui-monospace, monospace"};function W(a){console.warn(`[WriteTrack] ${a}`)}function ct(a){return a instanceof Error?a.message:String(a)}var g=class extends HTMLElement{constructor(){super();this._data=null;this._resizeObserver=null;this._resizeRaf=null;this.e=null;this.i=!0;this.o=!1;this.a=!1;this.shadow=this.attachShadow({mode:"open"});let e=document.createElement("style");e.textContent=this.getStylesheet(),this.shadow.appendChild(e),this.container=document.createElement("div"),this.container.className="wt-chart",this.shadow.appendChild(this.container)}static get observedAttributes(){return["data","theme","label"]}getStylesheet(){return yt}connectedCallback(){typeof ResizeObserver<"u"&&(this.i=!0,this._resizeObserver=new ResizeObserver(()=>{if(this.i){this.i=!1;return}this._data&&(this._resizeRaf&&cancelAnimationFrame(this._resizeRaf),this._resizeRaf=requestAnimationFrame(()=>{this._resizeRaf=null,this.onResize()}))}),this._resizeObserver.observe(this.container)),this.s(),typeof MutationObserver<"u"&&(this.e=new MutationObserver(()=>{this.s()}),this.e.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),document.body&&this.e.observe(document.body,{attributes:!0,attributeFilter:["data-theme"]}))}disconnectedCallback(){this.destroy()}attributeChangedCallback(e,n,r){if(e==="data"&&r)try{let o=JSON.parse(r);this.setData(o)}catch(o){W(`BaseChart: invalid JSON in data attribute: ${ct(o)}`)}e==="theme"&&this._data&&this.o&&this.safeRender()}setData(e){this._data=e,this.safeRender()}getData(){return this._data}get hasRendered(){return this.o}replaceChart(...e){for(let n of e)if(n instanceof SVGElement){n.setAttribute("role","img");let r=this.getAttribute("label")??this.tagName.toLowerCase().replace("wt-","").replace(/-/g," ")+" chart";n.setAttribute("aria-label",r)}this.container.replaceChildren(...e),this.o=!0,this.dispatchEvent(new CustomEvent("wt-render",{bubbles:!1}))}showEmptyState(e="No data"){let n=document.createElement("div");n.className="wt-empty",n.textContent=e,n.style.cssText="display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--wt-font-ui,system-ui,sans-serif);font-size:11px;color:var(--wt-color-text-muted,#a1a1aa);",this.container.replaceChildren(n),this.o=!1}destroy(){this._resizeRaf&&(cancelAnimationFrame(this._resizeRaf),this._resizeRaf=null),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this.e&&(this.e.disconnect(),this.e=null),this.container.replaceChildren(),this._data=null,this.o=!1}onResize(){this.safeRender()}safeRender(){try{this.render()}catch(e){W(`${this.constructor.name} render failed: ${ct(e)}`)}}static register(){customElements.get(this.tagName)||customElements.define(this.tagName,this)}s(){if(this.hasAttribute("theme")&&!this.a)return;let e=this.parentElement;for(;e;){let n=e.getAttribute("data-theme");if(n){this.shadow.host.setAttribute("theme",n),this.a=!0;return}e=e.parentElement}this.a&&(this.shadow.host.removeAttribute("theme"),this.a=!1)}};g.tagName="wt-base-chart";import*as _ from"@observablehq/plot";var Lt=5;function bt(a){var o;let t=(((o=a.session)==null?void 0:o.events)??[]).filter(i=>i.type==="keydown"&&i.flightTime!=null&&i.flightTime>0);if(t.length<2)return[[],[]];let e=a.session.sessionStartTime,n=[],r=[];for(let i=0;i<t.length;i++){let s=Math.max(0,i-Lt+1),l=0,c=0;for(let u=s;u<=i;u++)l+=t[u].flightTime,c++;let d=l/c,m=Math.round(6e4/d);n.push(Math.round((t[i].timestamp-e)/1e3*100)/100),r.push(m)}return[n,r]}var B=class B extends g{connectedCallback(){super.connectedCallback();let t=getComputedStyle(this);!this.style.display&&t.display==="inline"&&(this.style.display="inline-block"),!this.style.width&&(t.width==="auto"||t.width==="0px")&&(this.style.width="200px"),!this.style.height&&(t.height==="auto"||t.height==="0px")&&(this.style.height="40px")}render(){if(!this._data)return;let[t,e]=bt(this._data);if(t.length===0){this.showEmptyState("No data");return}let n=t.map((l,c)=>({time:l,speed:e[c]})),r=this.getBoundingClientRect(),o=Math.max(r.width||200,50),i=Math.max(r.height||40,20),s=_.plot({width:o,height:i,axis:null,x:{axis:null},y:{axis:null},marks:[_.areaY(n,{x:"time",y:"speed",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:.1}),_.lineY(n,{x:"time",y:"speed",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:1.5})],style:{background:"transparent",overflow:"visible"},margin:0,marginTop:2,marginBottom:2,marginLeft:0,marginRight:0});this.replaceChart(s)}static create(t,e){B.register();let n=document.createElement(B.tagName);return t.appendChild(n),n.setData(e),n}};B.tagName="wt-sparkline";var dt=B;import*as C from"@observablehq/plot";function G(a){var r,o,i;let t=(o=(r=a.temporalPatterns)==null?void 0:r.metrics)==null?void 0:o.speedTimeline;if(!((i=t==null?void 0:t.timestamps)!=null&&i.length))return[];let e=Math.min(t.timestamps.length,t.values.length),n=[];for(let s=0;s<e;s++)n.push({time:t.timestamps[s]/1e3,speed:t.values[s]});return n.sort((s,l)=>s.time-l.time),n}var z=class extends g{render(){if(!this._data)return;let t=G(this._data);if(t.length===0){this.showEmptyState("No speed data");return}let e=this.clientWidth||640,n=this.clientHeight||200,r=C.plot({width:e,height:n,marginLeft:50,marginBottom:35,x:{label:"Time (s)"},y:{label:"Speed (CPM)",grid:!0},marks:[C.areaY(t,{x:"time",y:"speed",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:.15,curve:"monotone-x"}),C.lineY(t,{x:"time",y:"speed",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:2,curve:"monotone-x"}),C.ruleY([0],{stroke:"var(--wt-color-border, #27272a)"}),C.tip(t,C.pointerX({x:"time",y:"speed",title:o=>`${o.time.toFixed(1)}s \u2014 ${Math.round(o.speed)} CPM`,...k}))],style:{background:"transparent",color:"var(--wt-color-text, #fafafa)",fontFamily:"var(--wt-font-data)",fontSize:"11px"}});this.replaceChart(r)}};z.tagName="wt-speed-timeline";import*as P from"@observablehq/plot";var mt={typing:"var(--wt-color-primary, #fbbf24)",paste:"var(--wt-color-secondary, #22d3ee)",pause:"var(--wt-color-text-muted, #a1a1aa)",tabAway:"#ef4444",autocomplete:"#a78bfa",navigating:"#34d399"};function V(a){let t=a.sessionTimeline;return t!=null&&t.length?t.map(e=>({start:e.startTime/1e3,end:e.endTime/1e3,type:e.type,color:mt[e.type]??"#666"})):[]}function wt(a){var e,n;return(((n=(e=a.contentOrigin)==null?void 0:e.metrics)==null?void 0:n.pasteEvents)??[]).map(r=>({time:r.timestamp/1e3,chars:r.characterCount,source:r.source}))}var H=class extends g{render(){if(!this._data)return;let t=V(this._data);if(t.length===0){this.showEmptyState("No session data");return}let e=wt(this._data),n=[P.barX(t,{x1:"start",x2:"end",fill:"color",y:()=>"Activity",inset:.5}),P.tip(t,P.pointer({x:s=>(s.start+s.end)/2,y:()=>"Activity",title:s=>`${s.type} \u2014 ${(s.end-s.start).toFixed(1)}s`,...k}))];e.length&&n.push(P.dot(e,{x:"time",y:()=>"Activity",r:"chars",fill:mt.paste,fillOpacity:.7,stroke:"var(--wt-color-bg, #111113)",strokeWidth:1}));let r=this.clientWidth||640,o=this.clientHeight||80,i=P.plot({width:r,height:o,marginLeft:50,marginBottom:35,x:{label:"Time (s)"},y:{axis:null,padding:.3},marks:n,style:{background:"transparent",color:"var(--wt-color-text, #fafafa)",fontFamily:"var(--wt-font-data)",fontSize:"11px"}});this.replaceChart(i)}};H.tagName="wt-composition-timeline";import*as q from"@observablehq/plot";var Bt=10;function U(a){var i,s,l,c,d;let t=(s=(i=a.timingAuthenticity)==null?void 0:i.metrics)==null?void 0:s.timingOverTime;if(!((l=t==null?void 0:t.timestamps)!=null&&l.length))return[];let e=((c=t.series)==null?void 0:c.meanDwell)??[],n=((d=t.series)==null?void 0:d.meanFlight)??[];if(!e.length||!n.length)return[];let r=[],o=Math.min(t.timestamps.length,e.length,n.length);for(let m=0;m<o;m++)e[m]!=null&&n[m]!=null&&r.push({dwell:e[m],flight:n[m]});return r}var j=class extends g{render(){if(!this._data)return;let t=U(this._data);if(t.length<Bt){this.showEmptyState("Insufficient timing data");return}let e=this.clientWidth||400,n=Math.min(e,this.clientHeight||400),r=q.plot({width:e,height:n,marginLeft:50,marginBottom:35,x:{label:"Dwell (ms)",grid:!0},y:{label:"Flight (ms)",grid:!0},marks:[q.dot(t,{x:"dwell",y:"flight",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:.35,r:3,stroke:"var(--wt-color-primary, #fbbf24)",strokeOpacity:.6,strokeWidth:.5})],style:{background:"transparent",color:"var(--wt-color-text, #fafafa)",fontFamily:"var(--wt-font-data)",fontSize:"11px"}});this.replaceChart(r)}};j.tagName="wt-rhythm-heatmap";import*as D from"@observablehq/plot";function vt(a){var e,n,r;let t=(n=(e=a.temporalPatterns)==null?void 0:e.metrics)==null?void 0:n.pauseDistribution;return(r=t==null?void 0:t.histogram)!=null&&r.length?t.histogram.map(o=>({start:o.binStart,end:o.binEnd,count:o.count})):[]}var Y=class extends g{render(){if(!this._data)return;let t=vt(this._data);if(t.length===0){this.showEmptyState("No pause data");return}let e=this.clientWidth||640,n=this.clientHeight||200,r=D.plot({width:e,height:n,marginLeft:50,marginBottom:35,x:{label:"Pause Duration (ms)"},y:{label:"Count",grid:!0},marks:[D.rectY(t,{x1:"start",x2:"end",y:"count",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:.8,inset:.5}),D.ruleY([0])],style:{background:"transparent",color:"var(--wt-color-text, #fafafa)",fontFamily:"var(--wt-font-data)",fontSize:"11px"}});this.replaceChart(r)}};Y.tagName="wt-pause-distribution";import*as E from"@observablehq/plot";var K=/^.$/u;function v(a){return a.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function Nt(a){let t=[];for(let e of a)e.key==="Backspace"||e.key==="Delete"?t.push({timestamp:e.timestamp,type:"key",delta:-1}):K.test(e.key)&&t.push({timestamp:e.timestamp,type:"key",delta:1});return t}function It(a){let t=[];for(let e of a??[])e.type==="paste"?t.push({timestamp:e.timestamp,type:"paste",delta:e.length,pasteLength:e.length}):e.type==="cut"&&t.push({timestamp:e.timestamp,type:"cut",delta:-e.length,cutLength:e.length});return t}function Ft(a,t){let e=[],n=0;for(let r of a){let o=(r.timestamp-t)/1e3;r.type==="paste"?(e.push({time:o,chars:n,isPaste:!1,isCut:!1}),n+=r.delta,e.push({time:o+.001,chars:n,isPaste:!0,isCut:!1,pasteLength:r.pasteLength})):r.type==="cut"?(e.push({time:o,chars:n,isPaste:!1,isCut:!1}),n=Math.max(0,n+r.delta),e.push({time:o+.001,chars:n,isPaste:!1,isCut:!0,cutLength:r.cutLength})):(n=Math.max(0,n+r.delta),e.push({time:o,chars:n,isPaste:!1,isCut:!1}))}return e}function X(a){var o,i;let t=(o=a.session)==null?void 0:o.events;if(!(t!=null&&t.length))return[];let e=t.filter(s=>s.type==="keydown");if(e.length===0)return[];let n=e[0].timestamp,r=[...Nt(e),...It((i=a.session)==null?void 0:i.clipboardEvents)];return r.sort((s,l)=>s.timestamp-l.timestamp),Ft(r,n)}function zt(a,t,e){let n=[E.lineY(a,{x:"time",y:"chars",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:2})];return t.length>0&&n.push(E.text(t,{x:"time",y:"chars",text:r=>`+${r.pasteLength}`,fill:"var(--wt-color-secondary, #22d3ee)",fontSize:10,dy:-8})),e.length>0&&n.push(E.text(e,{x:"time",y:"chars",text:r=>`\u2212${r.cutLength}`,fill:"#ef4444",fontSize:10,dy:12})),n.push(E.tip(a,E.pointerX({x:"time",y:"chars",title:r=>{let o=`${r.time.toFixed(1)}s \u2014 ${r.chars} chars`;return r.isPaste?`${o}
|
|
39
|
-
+${
|
|
40
|
-
\u2212${r.cutLength} cut`:o},...k}))),n}var Q=class extends g{render(){if(!this._data)return;let t=X(this._data);if(t.length===0){this.showEmptyState("No keystroke data");return}let e=t.filter(i=>i.isPaste),n=t.filter(i=>i.isCut),r=this.clientWidth||640,o=this.clientHeight||200;try{let i=zt(t,e,n),s=E.plot({width:r,height:o,marginLeft:50,marginBottom:35,x:{label:"Time (s)"},y:{label:"Characters",grid:!0},marks:i,style:{background:"transparent",color:"var(--wt-color-text, #fafafa)",fontFamily:"var(--wt-font-data)",fontSize:"11px"}});this.replaceChart(s)}catch(i){W(`DocumentGrowth render failed: ${i}`)}}};Q.tagName="wt-document-growth";import*as A from"@observablehq/plot";function xt(a){var o;let t=(o=a.session)==null?void 0:o.events;if(!(t!=null&&t.length))return[];let e=t.filter(i=>i.type==="keydown");if(e.length===0)return[];let n=e[0].timestamp,r=[];for(let i=0;i<e.length;i++){let s=e[i],l=(s.timestamp-n)/1e3,c=i<e.length-1?(e[i+1].timestamp-n)/1e3:l+(s.dwellTime??50)/1e3,d=s.flightTime??0;r.push({start:l,end:c,flight:d})}return r}var J=class extends g{render(){if(!this._data)return;let t=xt(this._data);if(t.length===0){this.showEmptyState("No keystroke data");return}let e=this.clientWidth||640,n=this.clientHeight||80,r=A.plot({width:e,height:n,marginLeft:50,marginBottom:35,x:{label:"Time (s)"},y:{axis:null},color:{type:"sequential",scheme:"YlOrRd",domain:[0,Math.max(1,t.reduce((o,i)=>i.flight>o?i.flight:o,0))],label:"Flight time (ms)"},marks:[A.rect(t,{x1:"start",x2:"end",y1:()=>0,y2:()=>1,fill:"flight",inset:.5}),A.tip(t,A.pointer({x:o=>(o.start+o.end)/2,y:()=>.5,title:o=>`${o.start.toFixed(1)}s \u2014 ${Math.round(o.flight)}ms flight time`,...k}))],style:{background:"transparent",color:"var(--wt-color-text, #fafafa)",fontFamily:"var(--wt-font-data)",fontSize:"11px"}});this.replaceChart(r)}};J.tagName="wt-document-ribbon";import*as T from"@observablehq/plot";var Gt=null;function St(){return Gt}function kt(a,t,e,n){let r=a.length;if(r<=t||t<3)return a;let o=St();if(!o)return a;let i=new Float64Array(r),s=new Float64Array(r);for(let d=0;d<r;d++)i[d]=e(a[d]),s[d]=n(a[d]);let l=o.lttb_downsample(i,s,t);if(l.length===0)return a;let c=new Array(l.length);for(let d=0;d<l.length;d++)c[d]=a[l[d]];return c}var Ct=2e3;function Ht(a,t){let e=[],n=[];for(let r of a??[])r.type==="paste"?e.push({time:Math.max(0,(r.timestamp-t)/1e3),position:r.position}):r.type==="cut"&&n.push({time:Math.max(0,(r.timestamp-t)/1e3),position:r.position});return{pastes:e,cuts:n}}function tt(a){var s,l;let t=(s=a.session)==null?void 0:s.events;if(!(t!=null&&t.length))return{keystrokes:[],pastes:[],cuts:[]};let e=t.filter(c=>c.type==="keydown"&&c.cursorPosition!=null);if(e.length===0)return{keystrokes:[],pastes:[],cuts:[]};let n=e[0].timestamp,r=e.map(c=>({time:(c.timestamp-n)/1e3,position:c.cursorPosition})),{pastes:o,cuts:i}=Ht((l=a.session)==null?void 0:l.clipboardEvents,n);return{keystrokes:r,pastes:o,cuts:i}}function Vt(a,t,e){let n=[T.line(a,{x:"time",y:"position",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:1,strokeOpacity:.5}),T.dot(a,{x:"time",y:"position",fill:"var(--wt-color-primary, #fbbf24)",r:2})];return t.length>0&&n.push(T.dot(t,{x:"time",y:"position",fill:"var(--wt-color-secondary, #22d3ee)",r:6,stroke:"var(--wt-color-bg, #111113)",strokeWidth:1})),e.length>0&&n.push(T.dot(e,{x:"time",y:"position",fill:"#f97316",r:6,stroke:"var(--wt-color-bg, #111113)",strokeWidth:1})),n.push(T.tip(a,T.pointerX({x:"time",y:"position",title:r=>`${r.time.toFixed(1)}s \u2014 position ${r.position}`,...k}))),n}var Z=class extends g{render(){if(!this._data)return;let t=tt(this._data);if(t.keystrokes.length===0){this.showEmptyState("No cursor position data");return}let e=kt(t.keystrokes,Ct,s=>s.time,s=>s.position),{pastes:n,cuts:r}=t,o=this.clientWidth||640,i=this.clientHeight||200;try{let s=Vt(e,n,r),l=T.plot({width:o,height:i,marginLeft:50,marginBottom:35,x:{label:"Time (s)"},y:{label:"Position",reverse:!0,grid:!0},marks:s,style:{background:"transparent",color:"var(--wt-color-text, #fafafa)",fontFamily:"var(--wt-font-data)",fontSize:"11px"}});this.replaceChart(l)}catch(s){W(`EditWaterfall render failed: ${s}`)}}};Z.tagName="wt-edit-waterfall";import*as M from"@observablehq/plot";var Tt={insert:"#22c55e",delete:"#ef4444",paste:"var(--wt-color-secondary, #22d3ee)",cut:"#f97316"},Et={insert:.6,delete:-.6,paste:0,cut:0};function rt(a){var c,d;let t=(c=a.session)==null?void 0:c.events;if(!(t!=null&&t.length))return[];let e=t.filter(m=>m.type==="keydown");if(e.length===0)return[];let n=e[0].timestamp,r=[],o=null,i=0,s=0;function l(){o&&i>0&&r.push({time:s,chars:i,type:o,size:Math.max(4,Math.sqrt(i)*3)}),o=null,i=0}for(let m of e){let u=(m.timestamp-n)/1e3,p=null;m.key==="Backspace"||m.key==="Delete"?p="delete":K.test(m.key)&&(p="insert"),p!==null&&(p!==o&&(l(),o=p,s=u),i++)}l();for(let m of((d=a.session)==null?void 0:d.clipboardEvents)??[])if(m.type==="paste"||m.type==="cut"){let u=Math.max(0,(m.timestamp-n)/1e3),p=m.length;r.push({time:u,chars:p,type:m.type,size:Math.max(4,Math.sqrt(p)*3)})}return r.sort((m,u)=>m.time-u.time),r}var et=class extends g{render(){if(!this._data)return;let t=rt(this._data);if(t.length===0){this.showEmptyState("No edit data");return}let e=this.clientWidth||640,n=this.clientHeight||140,r=M.plot({width:e,height:n,marginLeft:50,marginBottom:35,marginTop:10,x:{label:"Time (s)"},y:{axis:null,domain:[-1.5,1.5]},marks:[M.dot(t,{x:"time",y:i=>Et[i.type],r:"size",fill:i=>Tt[i.type],fillOpacity:.65,stroke:i=>Tt[i.type],strokeWidth:1}),M.tip(t,M.pointer({x:"time",y:i=>Et[i.type],title:i=>`${i.time.toFixed(1)}s \u2014 ${i.type}, ${i.chars} chars`,...k}))],style:{background:"transparent",color:"var(--wt-color-text, #fafafa)",fontFamily:"var(--wt-font-data)",fontSize:"11px"}});this.replaceChart(r);let o=document.createElement("div");o.className="wt-legend",o.style.cssText="display:flex;gap:12px;padding:6px 0 0;font-family:var(--wt-font-ui,system-ui,sans-serif);font-size:10px;color:var(--wt-color-text-muted,#a1a1aa);";for(let[i,s]of[["Insert","#22c55e"],["Delete","#ef4444"],["Paste","#22d3ee"],["Cut","#f97316"]]){let l=document.createElement("span");l.style.cssText="display:flex;align-items:center;gap:4px;";let c=document.createElement("span");c.style.cssText=`width:8px;height:8px;border-radius:50%;background:${s};`,l.appendChild(c),l.appendChild(document.createTextNode(i)),o.appendChild(l)}this.container.appendChild(o)}};et.tagName="wt-corrections-bubble";var N=`:host {
|
|
50
|
+
[aria-label="tip"] { color: #fafafa; }`,M={fill:"#1a1a1d",stroke:"#27272a",textPadding:6,fontSize:11,fontFamily:"'JetBrains Mono', ui-monospace, monospace"};function B(n){console.warn(`[WriteTrack] ${n}`)}function gt(n){return n instanceof Error?n.message:String(n)}var y=class extends HTMLElement{constructor(){super();this._data=null;this._resizeObserver=null;this._resizeRaf=null;this.e=null;this.s=0;this.t=!1;this.a=!1;this.shadow=this.attachShadow({mode:"open"});let e=document.createElement("style");e.textContent=this.getStylesheet(),this.shadow.appendChild(e),this.container=document.createElement("div"),this.container.className="wt-chart",this.shadow.appendChild(this.container)}static get observedAttributes(){return["data","theme","label","compact"]}get compact(){return this.hasAttribute("compact")}getChartWidth(e){let r=getComputedStyle(this).getPropertyValue("--wt-chart-width").trim();return r?parseInt(r,10)||e:this.container.clientWidth||this.clientWidth||e}getChartHeight(e){let r=getComputedStyle(this).getPropertyValue("--wt-chart-height").trim();if(r)return parseInt(r,10)||e;let a=this.style.height;return a&&parseInt(a,10)||e}getStylesheet(){return et}connectedCallback(){typeof ResizeObserver<"u"&&(this._resizeObserver=new ResizeObserver(e=>{var a,o;let r=((o=(a=e[0])==null?void 0:a.contentRect)==null?void 0:o.width)??0;r===0||r===this.s||(this.s=r,this.t&&this._data&&(this._resizeRaf&&cancelAnimationFrame(this._resizeRaf),this._resizeRaf=requestAnimationFrame(()=>{this._resizeRaf=null,this.onResize()})))}),this._resizeObserver.observe(this.container)),this.c(),typeof MutationObserver<"u"&&(this.e=new MutationObserver(()=>{this.c()}),this.e.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),document.body&&this.e.observe(document.body,{attributes:!0,attributeFilter:["data-theme"]}))}disconnectedCallback(){this.destroy()}attributeChangedCallback(e,r,a){if(e==="data"&&a)try{let o=JSON.parse(a);this.setData(o)}catch(o){B(`BaseChart: invalid JSON in data attribute: ${gt(o)}`)}(e==="theme"||e==="compact")&&this._data&&this.t&&this.safeRender()}setData(e){this._data=e,this.safeRender()}getData(){return this._data}get hasRendered(){return this.t}replaceChart(...e){for(let r of e)if(r instanceof SVGElement){r.setAttribute("role","img");let a=this.getAttribute("label")??this.tagName.toLowerCase().replace("wt-","").replace(/-/g," ")+" chart";r.setAttribute("aria-label",a)}this.container.replaceChildren(...e),this.t=!0,this.dispatchEvent(new CustomEvent("wt-render",{bubbles:!1}))}showEmptyState(e="No data"){if(this.compact){this.container.replaceChildren(),this.t=!1;return}let r=document.createElement("div");r.className="wt-empty",r.textContent=e,r.style.cssText="display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--wt-font-ui,system-ui,sans-serif);font-size:11px;color:var(--wt-color-text-muted,#a1a1aa);",this.container.replaceChildren(r),this.t=!1}destroy(){this._resizeRaf&&(cancelAnimationFrame(this._resizeRaf),this._resizeRaf=null),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this.e&&(this.e.disconnect(),this.e=null),this.container.replaceChildren(),this._data=null,this.t=!1}onResize(){this.safeRender()}safeRender(){try{this.render()}catch(e){B(`${this.constructor.name} render failed: ${gt(e)}`)}}static register(){customElements.get(this.tagName)||customElements.define(this.tagName,this)}c(){if(this.hasAttribute("theme")&&!this.a)return;let e=this.parentElement;for(;e;){let r=e.getAttribute("data-theme");if(r){this.shadow.host.setAttribute("theme",r),this.a=!0;return}e=e.parentElement}this.a&&(this.shadow.host.removeAttribute("theme"),this.a=!1)}};y.tagName="wt-base-chart";import*as _ from"@observablehq/plot";var me=5;function Ht(n){var o;let t=(((o=n.session)==null?void 0:o.events)??[]).filter(s=>s.type==="keydown"&&s.flightTime!=null&&s.flightTime>0);if(t.length<2)return[[],[]];let e=n.session.sessionStartTime,r=[],a=[];for(let s=0;s<t.length;s++){let i=Math.max(0,s-me+1),c=0,l=0;for(let p=i;p<=s;p++)c+=t[p].flightTime,l++;let d=c/l,u=Math.round(6e4/d);r.push(Math.round((t[s].timestamp-e)/1e3*100)/100),a.push(u)}return[r,a]}var U=class U extends y{connectedCallback(){super.connectedCallback();let t=getComputedStyle(this);!this.style.display&&t.display==="inline"&&(this.style.display="inline-block"),!this.style.width&&(t.width==="auto"||t.width==="0px")&&(this.style.width="200px"),!this.style.height&&(t.height==="auto"||t.height==="0px")&&(this.style.height="40px")}render(){if(!this._data)return;let[t,e]=Ht(this._data);if(t.length===0){this.showEmptyState("No data");return}let r=t.map((c,l)=>({time:c,speed:e[l]})),a=this.getBoundingClientRect(),o=Math.max(a.width||200,50),s=Math.max(a.height||40,20),i=_.plot({width:o,height:s,axis:null,x:{axis:null},y:{axis:null},marks:[_.areaY(r,{x:"time",y:"speed",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:.1}),_.lineY(r,{x:"time",y:"speed",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:1.5})],style:{background:"transparent",overflow:"visible"},margin:0,marginTop:2,marginBottom:2,marginLeft:0,marginRight:0});this.replaceChart(i)}static create(t,e){U.register();let r=document.createElement(U.tagName);return t.appendChild(r),r.setData(e),r}};U.tagName="wt-sparkline";var yt=U;import*as P from"@observablehq/plot";var wt="monotone-x",K="step-after",E={marginTop:4,marginRight:0,marginBottom:4,marginLeft:0};function rt(n){let t=document.createElement("div");t.style.cssText="display:flex;flex-wrap:wrap;gap:10px;padding:6px 0 2px;font-family:var(--wt-font-data,ui-monospace,monospace);font-size:10px;color:var(--wt-color-text-muted,#a1a1aa);";for(let{label:e,color:r,shape:a}of n){let o=document.createElement("span");o.style.cssText="display:inline-flex;align-items:center;gap:4px;";let s=document.createElement("span"),i=a==="square"?"2px":"50%";s.style.cssText=`width:8px;height:8px;border-radius:${i};background:${r};flex-shrink:0;`,o.appendChild(s),o.appendChild(document.createTextNode(e)),t.appendChild(o)}return t}var S={background:"transparent",color:"var(--wt-color-text, #fafafa)",fontFamily:"var(--wt-font-data)",fontSize:"11px"},Q={strokeDasharray:"4,4",strokeWidth:1};function zt(n){var a,o,s;let t=(o=(a=n.temporalPatterns)==null?void 0:a.metrics)==null?void 0:o.speedTimeline;if(!((s=t==null?void 0:t.timestamps)!=null&&s.length))return[];let e=Math.min(t.timestamps.length,t.values.length),r=[];for(let i=0;i<e;i++)r.push({time:t.timestamps[i]/1e3,speed:t.values[i]});return r.sort((i,c)=>i.time-c.time),r}var O=class extends y{render(){if(!this._data)return;let t=zt(this._data);if(t.length===0){this.showEmptyState("No speed data");return}let e=this.getChartWidth(640),r=this.getChartHeight(200),a=this.compact,o=[P.areaY(t,{x:"time",y:"speed",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:.15,curve:wt}),P.lineY(t,{x:"time",y:"speed",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:a?1.5:2,curve:wt})];a||o.push(P.ruleY([0],{stroke:"var(--wt-color-border, #27272a)"}),P.tip(t,P.pointerX({x:"time",y:"speed",title:i=>`${i.time.toFixed(1)}s \u2014 ${Math.round(i.speed)} CPM`,...M})));let s=P.plot({width:e,height:r,...a?E:{marginLeft:50,marginBottom:35},x:a?{axis:null}:{label:"Time (s)"},y:a?{axis:null}:{label:"Speed (CPM)",grid:!0},marks:o,style:S});this.replaceChart(s)}};O.tagName="wt-speed-timeline";import*as D from"@observablehq/plot";var ue=10;function Gt(n){var s,i,c,l,d;let t=(i=(s=n.timingAuthenticity)==null?void 0:s.metrics)==null?void 0:i.timingOverTime;if(!((c=t==null?void 0:t.timestamps)!=null&&c.length))return[];let e=((l=t.series)==null?void 0:l.meanDwell)??[],r=((d=t.series)==null?void 0:d.meanFlight)??[];if(!e.length||!r.length)return[];let a=[],o=Math.min(t.timestamps.length,e.length,r.length);for(let u=0;u<o;u++)e[u]!=null&&r[u]!=null&&a.push({dwell:e[u],flight:r[u]});return a}var N=class extends y{render(){if(!this._data)return;let t=Gt(this._data);if(t.length<ue){this.showEmptyState("Insufficient timing data");return}let e=this.getChartWidth(400),r=Math.min(e,this.getChartHeight(300)),a=this.compact,o=[D.dot(t,{x:"dwell",y:"flight",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:a?.4:.5,r:a?2:3,stroke:"none"})];a||o.push(D.ruleX([t.reduce((i,c)=>i+c.dwell,0)/t.length],{stroke:"var(--wt-color-secondary, #22d3ee)",...Q}),D.ruleY([t.reduce((i,c)=>i+c.flight,0)/t.length],{stroke:"var(--wt-color-secondary, #22d3ee)",...Q}));let s=D.plot({width:e,height:r,...a?E:{marginLeft:50,marginBottom:35},x:a?{axis:null}:{label:"Dwell (ms)",grid:!0},y:a?{axis:null}:{label:"Flight (ms)",grid:!0},marks:o,style:S});this.replaceChart(s)}};N.tagName="wt-rhythm-heatmap";import*as I from"@observablehq/plot";function Vt(n){var e,r,a;let t=(r=(e=n.temporalPatterns)==null?void 0:e.metrics)==null?void 0:r.pauseDistribution;return(a=t==null?void 0:t.histogram)!=null&&a.length?t.histogram.map(o=>({start:o.binStart,end:o.binEnd,count:o.count})):[]}var nt=class extends y{render(){if(!this._data)return;let t=Vt(this._data);if(t.length===0){this.showEmptyState("No pause data");return}let e=this.getChartWidth(640),r=this.clientHeight||200,a=I.plot({width:e,height:r,marginLeft:50,marginBottom:35,x:{label:"Pause Duration (ms)"},y:{label:"Count",grid:!0},marks:[I.rectY(t,{x1:"start",x2:"end",y:"count",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:.8,inset:.5}),I.ruleY([0])],style:S});this.replaceChart(a)}};nt.tagName="wt-pause-distribution";import*as C from"@observablehq/plot";var L=/^.$/u;function k(n){return n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}function pe(n){let t=[];for(let e of n)e.key==="Backspace"||e.key==="Delete"?t.push({timestamp:e.timestamp,type:"key",delta:-1}):L.test(e.key)&&t.push({timestamp:e.timestamp,type:"key",delta:1});return t}function he(n){let t=[];for(let e of n??[])e.type==="paste"?t.push({timestamp:e.timestamp,type:"paste",delta:e.length,pasteLength:e.length}):e.type==="cut"&&t.push({timestamp:e.timestamp,type:"cut",delta:-e.length,cutLength:e.length});return t}function fe(n,t){let e=[],r=0;for(let a of n){let o=(a.timestamp-t)/1e3;a.type==="paste"?(e.push({time:o,chars:r,isPaste:!1,isCut:!1}),r+=a.delta,e.push({time:o+.001,chars:r,isPaste:!0,isCut:!1,pasteLength:a.pasteLength})):a.type==="cut"?(e.push({time:o,chars:r,isPaste:!1,isCut:!1}),r=Math.max(0,r+a.delta),e.push({time:o+.001,chars:r,isPaste:!1,isCut:!0,cutLength:a.cutLength})):(r=Math.max(0,r+a.delta),e.push({time:o,chars:r,isPaste:!1,isCut:!1}))}return e}function jt(n){var o,s;let t=(o=n.session)==null?void 0:o.events;if(!(t!=null&&t.length))return[];let e=t.filter(i=>i.type==="keydown");if(e.length===0)return[];let r=e[0].timestamp,a=[...pe(e),...he((s=n.session)==null?void 0:s.clipboardEvents)];return a.sort((i,c)=>i.timestamp-c.timestamp),fe(a,r)}function ge(n,t,e){let r=[C.areaY(n,{x:"time",y:"chars",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:.1,curve:K}),C.lineY(n,{x:"time",y:"chars",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:2,curve:K})];return t.length>0&&r.push(C.text(t,{x:"time",y:"chars",text:a=>`+${a.pasteLength}`,fill:"var(--wt-color-secondary, #22d3ee)",fontSize:10,dy:-8})),e.length>0&&r.push(C.text(e,{x:"time",y:"chars",text:a=>`\u2212${a.cutLength}`,fill:"#ef4444",fontSize:10,dy:12})),r.push(C.tip(n,C.pointerX({x:"time",y:"chars",title:a=>{let o=`${a.time.toFixed(1)}s \u2014 ${a.chars} chars`;return a.isPaste?`${o}
|
|
51
|
+
+${a.pasteLength} pasted`:a.isCut?`${o}
|
|
52
|
+
\u2212${a.cutLength} cut`:o},...M}))),r}var F=class extends y{constructor(){super(...arguments);this.i=null}setChangePoint(e){this.i=e,this._data&&this.render()}render(){if(!this._data)return;let e=jt(this._data);if(e.length===0){this.showEmptyState("No keystroke data");return}let r=e.filter(c=>c.isPaste),a=e.filter(c=>c.isCut),o=this.getChartWidth(640),s=this.getChartHeight(200),i=this.compact;try{let c;i?c=[C.areaY(e,{x:"time",y:"chars",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:.1,curve:K}),C.lineY(e,{x:"time",y:"chars",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:2,curve:K})]:(c=ge(e,r,a),this.i!=null&&c.push(C.ruleX([this.i],{stroke:"var(--wt-color-secondary, #22d3ee)",...Q})));let l=C.plot({width:o,height:s,...i?E:{marginLeft:50,marginBottom:35},x:i?{axis:null}:{label:"Time (s)"},y:i?{axis:null}:{label:"Characters",grid:!0},marks:c,style:S});this.replaceChart(l)}catch(c){B(`DocumentGrowth render failed: ${c}`)}}};F.tagName="wt-document-growth";import*as v from"@observablehq/plot";var at={insert:"var(--wt-beeswarm-insert, #22c55e)",delete:"var(--wt-beeswarm-delete, #ef4444)",paste:"var(--wt-beeswarm-paste, #22d3ee)",cut:"var(--wt-beeswarm-cut, #f97316)"},ye=["insert","delete","paste","cut"];function qt(n){var o,s;let t=(o=n.session)==null?void 0:o.events;if(!(t!=null&&t.length))return[];let e=t.filter(i=>i.type==="keydown");if(e.length===0)return[];let r=e[0].timestamp,a=[];for(let i of e){let c=(i.timestamp-r)/1e3;i.key==="Backspace"||i.key==="Delete"?a.push({time:c,type:"delete",chars:1,key:"\u232B"}):L.test(i.key)&&a.push({time:c,type:"insert",chars:1,key:i.key})}for(let i of((s=n.session)==null?void 0:s.clipboardEvents)??[])if(i.type==="paste"||i.type==="cut"){let c=Math.max(0,(i.timestamp-r)/1e3);a.push({time:c,type:i.type,chars:i.length,key:i.type==="paste"?"\u{1F4CB}":"\u2702"})}return a.sort((i,c)=>i.time-c.time),a}function we(n,t){if(n.length===0)return[];let e=n[n.length-1].time;if(e===0)return n;let r=Math.max(10,Math.floor(t/4)),a=e/r,o=new Map;for(let s of n){let i=Math.floor(s.time/a),c=`${i}-${s.type}`,l=o.get(c);l?l.chars=s.type==="paste"||s.type==="cut"?Math.max(l.chars,s.chars):l.chars+s.chars:o.set(c,{time:(i+.5)*a,type:s.type,chars:s.chars,key:s.key})}return[...o.values()].sort((s,i)=>s.time-i.time)}var H=class extends y{static get observedAttributes(){return[...super.observedAttributes,"glyphs"]}get glyphs(){return this.hasAttribute("glyphs")}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),t==="glyphs"&&this._data&&this.hasRendered&&this.setData(this._data)}render(){if(!this._data)return;let t=qt(this._data);if(t.length===0){this.showEmptyState("No edit data");return}let e=this.getChartWidth(640),r=this.getChartHeight(160);if(this.compact){let l=this.renderCompact(t,e,r);this.replaceChart(l);return}let s=this.glyphs?this.buildGlyphMarks(t):this.buildDotMarks(t),i=v.plot({width:e,height:400,marginLeft:40,marginBottom:35,marginTop:10,x:{label:"Time (s)"},y:{axis:null},marks:s,style:S}),c=document.createElement("div");c.appendChild(i),c.appendChild(rt(ye.map(l=>({label:l.charAt(0).toUpperCase()+l.slice(1),color:at[l]})))),this.replaceChart(c),this.cropViewBox(i,e)}renderCompact(t,e,r){let a=we(t,e);return v.plot({width:e,height:r,...E,marginLeft:6,marginRight:6,x:{axis:null},y:{axis:null},marks:[v.dot(a,v.dodgeY({x:"time",r:o=>Math.min(1.5+Math.sqrt(o.chars)*.5,6),fill:o=>at[o.type],fillOpacity:.6,stroke:"none",clip:!1}))],style:{background:"transparent"}})}buildDotMarks(t){return[v.dot(t,v.dodgeY({x:"time",r:e=>Math.min(1.5+Math.sqrt(e.chars)*.7,14),fill:e=>at[e.type],fillOpacity:.7,stroke:"none",clip:!1})),v.tip(t,v.pointer(v.dodgeY({x:"time",title:e=>`${e.time.toFixed(1)}s \u2014 ${e.key} (${e.type}${e.chars>1?`, ${e.chars} chars`:""})`,...M})))]}buildGlyphMarks(t){let e={insert:r=>r.key,delete:()=>"\xD7",paste:()=>"\u25AE",cut:()=>"\u25AF"};return[v.text(t,v.dodgeY({x:"time",text:r=>e[r.type](r),fontSize:r=>r.type==="paste"||r.type==="cut"?Math.min(14+Math.sqrt(r.chars)*.8,36):9,r:r=>r.type==="paste"||r.type==="cut"?Math.min(8+Math.sqrt(r.chars)*.5,20):5,fill:r=>at[r.type],opacity:.8,fontFamily:"ui-monospace, monospace",fontWeight:600,clip:!1})),v.tip(t,v.pointer(v.dodgeY({x:"time",title:r=>`${r.time.toFixed(1)}s \u2014 ${r.key} (${r.type}${r.chars>1?`, ${r.chars} chars`:""})`,...M})))]}cropViewBox(t,e){let a=['g[aria-label="dot"]','g[aria-label="text"]'].map(o=>t.querySelector(o)).filter(Boolean);if(a.length!==0)try{let o=1/0;for(let l of a){let d=l.getBBox();o=Math.min(o,d.y)}let s=parseInt(t.getAttribute("height")||"400",10),i=Math.max(0,o-10),c=s-i;t.setAttribute("height",String(c)),t.setAttribute("viewBox",`0 ${i} ${e} ${c}`)}catch{}}};H.tagName="wt-edit-beeswarm";import*as A from"@observablehq/plot";var be=null;function Yt(){return be}function Ut(n,t,e,r){let a=n.length;if(a<=t||t<3)return n;let o=Yt();if(!o)return n;let s=new Float64Array(a),i=new Float64Array(a);for(let d=0;d<a;d++)s[d]=e(n[d]),i[d]=r(n[d]);let c=o.lttb_downsample(s,i,t);if(c.length===0)return n;let l=new Array(c.length);for(let d=0;d<c.length;d++)l[d]=n[c[d]];return l}var Kt=2e3;function ve(n,t){let e=[],r=[];for(let a of n??[])a.type==="paste"?e.push({time:Math.max(0,(a.timestamp-t)/1e3),position:a.position}):a.type==="cut"&&r.push({time:Math.max(0,(a.timestamp-t)/1e3),position:a.position});return{pastes:e,cuts:r}}function Qt(n){var i,c;let t=(i=n.session)==null?void 0:i.events;if(!(t!=null&&t.length))return{keystrokes:[],pastes:[],cuts:[]};let e=t.filter(l=>l.type==="keydown"&&l.cursorPosition!=null);if(e.length===0)return{keystrokes:[],pastes:[],cuts:[]};let r=e[0].timestamp,a=e.map(l=>({time:(l.timestamp-r)/1e3,position:l.cursorPosition})),{pastes:o,cuts:s}=ve((c=n.session)==null?void 0:c.clipboardEvents,r);return{keystrokes:a,pastes:o,cuts:s}}function xe(n,t,e){let r=[A.line(n,{x:"time",y:"position",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:1.5,strokeOpacity:.8})];return t.length>0&&r.push(A.dot(t,{x:"time",y:"position",fill:"var(--wt-color-secondary, #22d3ee)",r:6,stroke:"var(--wt-color-bg, #111113)",strokeWidth:1})),e.length>0&&r.push(A.dot(e,{x:"time",y:"position",fill:"var(--wt-color-cut, #f97316)",r:6,stroke:"var(--wt-color-bg, #111113)",strokeWidth:1})),r.push(A.tip(n,A.pointerX({x:"time",y:"position",title:a=>`${a.time.toFixed(1)}s \u2014 position ${a.position}`,...M}))),r}var z=class extends y{render(){if(!this._data)return;let t=Qt(this._data);if(t.keystrokes.length===0){this.showEmptyState("No cursor position data");return}let e=Ut(t.keystrokes,Kt,c=>c.time,c=>c.position),{pastes:r,cuts:a}=t,o=this.getChartWidth(640),s=this.getChartHeight(200),i=this.compact;try{let c;i?c=[A.line(e,{x:"time",y:"position",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:1.5,strokeOpacity:.6})]:c=xe(e,r,a);let l=A.plot({width:o,height:s,...i?E:{marginLeft:50,marginBottom:35},x:i?{axis:null}:{label:"Time (s)"},y:i?{axis:null,reverse:!0}:{label:"Position",reverse:!0,grid:!0},marks:c,style:S});this.replaceChart(l)}catch(c){B(`EditWaterfall render failed: ${c}`)}}};z.tagName="wt-edit-waterfall";import*as $ from"@observablehq/plot";var ot={insert:"var(--wt-bubble-insert, #22c55e)",delete:"var(--wt-bubble-delete, #ef4444)",paste:"var(--wt-bubble-paste, var(--wt-color-secondary, #22d3ee))",cut:"var(--wt-bubble-cut, #f97316)"},Xt=["insert","delete","paste","cut"];function Jt(n){var l,d;let t=(l=n.session)==null?void 0:l.events;if(!(t!=null&&t.length))return[];let e=t.filter(u=>u.type==="keydown");if(e.length===0)return[];let r=e[0].timestamp,a=[],o=null,s=0,i=0;function c(){o&&s>0&&a.push({time:i,chars:s,type:o}),o=null,s=0}for(let u of e){let p=(u.timestamp-r)/1e3,m=null;u.key==="Backspace"||u.key==="Delete"?m="delete":L.test(u.key)&&(m="insert"),m!==null&&(m!==o&&(c(),o=m,i=p),s++)}c();for(let u of((d=n.session)==null?void 0:d.clipboardEvents)??[])if(u.type==="paste"||u.type==="cut"){let p=Math.max(0,(u.timestamp-r)/1e3),m=u.length;a.push({time:p,chars:m,type:u.type})}return a.sort((u,p)=>u.time-p.time),a}var G=class extends y{render(){if(!this._data)return;let t=Jt(this._data);if(t.length===0){this.showEmptyState("No edit data");return}let e=this.getChartWidth(640),r=this.getChartHeight(200);if(this.compact){let i=this.renderCompact(t,e,r);this.replaceChart(i);return}let o=$.plot({width:e,height:r,marginLeft:70,marginBottom:35,marginTop:10,x:{label:"Time (s)"},y:{label:null,domain:Xt},r:{range:[3,12]},marks:[$.dot(t,{x:"time",y:"type",r:"chars",fill:i=>ot[i.type],fillOpacity:.7,stroke:"none"}),$.tip(t,$.pointer({x:"time",y:"type",title:i=>`${i.time.toFixed(1)}s \u2014 ${i.type}, ${i.chars} chars`,...M}))],style:S}),s=document.createElement("div");s.appendChild(o),s.appendChild(rt(Xt.map(i=>({label:i.charAt(0).toUpperCase()+i.slice(1),color:ot[i]})))),this.replaceChart(s)}renderCompact(t,e,r){if(!t.some(m=>m.type==="paste"||m.type==="cut"))return $.plot({width:e,height:r,...E,marginLeft:4,marginRight:4,x:{axis:null},y:{axis:null,domain:["insert","delete"]},marks:[$.dot(t,{x:"time",y:"type",r:Math.min(3,Math.max(2,e/t.length/4)),fill:m=>ot[m.type],fillOpacity:.6,stroke:"none"})],style:{background:"transparent"}});let o=t.map(m=>m.time),s=Math.min(...o),c=Math.max(...o)-s||1,l=20,d=c/l,u=new Map;for(let m of t){let f=Math.min(l-1,Math.floor((m.time-s)/d)),h=`${f}-${m.type}`,g=u.get(h);g?g.chars+=m.chars:u.set(h,{time:s+(f+.5)*d,chars:m.chars,type:m.type})}let p=[...u.values()];return $.plot({width:e,height:r,...E,marginLeft:4,marginRight:4,x:{axis:null},y:{axis:null,domain:["cut","paste","insert","delete"]},marks:[$.dot(p,{x:"time",y:"type",r:Math.min(4,Math.max(2,e/p.length/3)),fill:m=>ot[m.type],fillOpacity:.6,stroke:"none"})],style:{background:"transparent"}})}};G.tagName="wt-corrections-bubble";import*as W from"@observablehq/plot";var Ce={Typed:"typed",Pasted:"pasted",Autocompleted:"autocompleted"},ke={typed:"var(--wt-color-primary, #2B7A5D)",pasted:"var(--wt-color-secondary, #B8412D)",autocompleted:"var(--wt-color-tertiary, #7C6DAF)"};function st(n){var o,s;let t=(s=(o=n.contentOrigin)==null?void 0:o.metrics)==null?void 0:s.charactersByOrigin,e=Math.round(((t==null?void 0:t.typed)??1)*100),r=Math.round(((t==null?void 0:t.pasted)??0)*100),a=Math.round(((t==null?void 0:t.autocompleted)??0)*100);return[{category:"origin",segment:"Typed",value:e},{category:"origin",segment:"Pasted",value:r},{category:"origin",segment:"Autocompleted",value:a}].filter(i=>i.value>0)}function ct(n,t,e=ke){if(n.length===0){let o=document.createElementNS("http://www.w3.org/2000/svg","svg");o.setAttribute("width",String(t)),o.setAttribute("height","24"),o.setAttribute("viewBox",`0 0 ${t} 24`);let s=document.createElementNS("http://www.w3.org/2000/svg","rect");return s.setAttribute("width",String(t)),s.setAttribute("height","24"),s.setAttribute("rx","4"),s.setAttribute("fill","var(--wt-color-border, #3f3f46)"),s.setAttribute("opacity","0.3"),o.appendChild(s),o}let a=[W.barX(n,W.stackX({x:"value",fill:o=>e[Ce[o.segment]??"typed"],inset:.5})),W.text(n,W.stackX({x:"value",text:o=>o.value<10?"":o.value<25?`${o.value}%`:`${o.segment} ${o.value}%`,fill:"white",fontSize:11,fontWeight:500}))];return W.plot({width:t,height:32,marginTop:0,marginRight:0,marginBottom:0,marginLeft:0,x:{axis:null,domain:[0,100]},y:{axis:null},marks:a,style:{background:"transparent",fontFamily:"var(--wt-scorecard-font-data, var(--wt-font-data, ui-monospace))"}})}var it=class extends y{render(){if(!this._data)return;let t=st(this._data);if(t.length===0){this.showEmptyState("No content origin data");return}let e=this.clientWidth||400,r=ct(t,e);r&&this.replaceChart(r)}};it.tagName="wt-origin-bar";var X=`:host {
|
|
41
53
|
/* \u2500\u2500 Surface colors (light default) \u2500\u2500 */
|
|
42
54
|
--wt-scorecard-bg: #F7F6F2;
|
|
43
55
|
--wt-scorecard-bg-card: #FFFFFF;
|
|
@@ -62,6 +74,8 @@ var yt=`:host {
|
|
|
62
74
|
--wt-scorecard-chart-line: #1C1B18;
|
|
63
75
|
--wt-scorecard-chart-accent: #2B7A5D;
|
|
64
76
|
--wt-scorecard-chart-flagged: #B8412D;
|
|
77
|
+
--wt-scorecard-chart-tertiary: #7C6DAF;
|
|
78
|
+
--wt-scorecard-chart-cyan: #22d3ee;
|
|
65
79
|
|
|
66
80
|
/* \u2500\u2500 Typography (system font defaults \u2014 consumers override) \u2500\u2500 */
|
|
67
81
|
--wt-scorecard-font-display: Georgia, serif;
|
|
@@ -90,6 +104,8 @@ var yt=`:host {
|
|
|
90
104
|
--wt-scorecard-chart-line: #E4E2DA;
|
|
91
105
|
--wt-scorecard-chart-accent: #5EAE78;
|
|
92
106
|
--wt-scorecard-chart-flagged: #E06B52;
|
|
107
|
+
--wt-scorecard-chart-tertiary: #A394D1;
|
|
108
|
+
--wt-scorecard-chart-cyan: #67e8f9;
|
|
93
109
|
}
|
|
94
110
|
|
|
95
111
|
/* \u2500\u2500 Glossary term tooltips \u2500\u2500 */
|
|
@@ -102,7 +118,7 @@ var yt=`:host {
|
|
|
102
118
|
.wt-term:hover {
|
|
103
119
|
text-decoration-color: var(--wt-scorecard-text-secondary);
|
|
104
120
|
}
|
|
105
|
-
`,
|
|
121
|
+
`,sn=(()=>{try{let n=new CSSStyleSheet;return n.replaceSync(X),n}catch{return null}})();var J=new Uint8Array(256),bt=new Uint8Array(256);(function(){let n=1;for(let t=0;t<255;t++)J[t]=n,bt[n]=t,n=n<<1^(n>=128?285:0);J[255]=J[0]})();function ee(n,t){return n===0||t===0?0:J[(bt[n]+bt[t])%255]}function Te(n){let t=[1];for(let e=0;e<n;e++){let r=new Array(t.length+1).fill(0);for(let a=0;a<t.length;a++)r[a]^=t[a],r[a+1]^=ee(t[a],J[e]);t=r}return t}function Se(n,t){let e=Te(t),r=new Uint8Array(n.length+t);r.set(n);for(let a=0;a<n.length;a++){let o=r[a];if(o!==0)for(let s=0;s<e.length;s++)r[a+s]^=ee(e[s],o)}return r.slice(n.length)}var Ee=[{ver:1,size:21,dc:16,ec:10,blocks:1,cap:14},{ver:2,size:25,dc:28,ec:16,blocks:1,cap:26},{ver:3,size:29,dc:44,ec:26,blocks:1,cap:42},{ver:4,size:33,dc:64,ec:18,blocks:2,cap:62},{ver:5,size:37,dc:86,ec:24,blocks:2,cap:84},{ver:6,size:41,dc:108,ec:16,blocks:4,cap:106}],Pe=[[],[6,18],[6,22],[6,26],[6,30],[6,34]];function Ae(n){for(let t of Ee)if(n<=t.cap)return t;return null}function $e(n,t){let e=[];function r(h,g){for(let b=g-1;b>=0;b--)e.push(h>>b&1)}r(4,4),r(n.length,8);for(let h of n)r(h,8);let a=t.dc*8;for(r(0,Math.min(4,a-e.length));e.length%8!==0;)e.push(0);let o=[236,17],s=0;for(;e.length<a;)r(o[s%2],8),s++;let i=[];for(let h=0;h<e.length;h+=8){let g=0;for(let b=0;b<8;b++)g=g<<1|e[h+b];i.push(g)}let c=Math.floor(t.dc/t.blocks),l=t.dc-c*t.blocks,d=[],u=[],p=0;for(let h=0;h<t.blocks;h++){let g=c+(h>=t.blocks-l?1:0),b=new Uint8Array(i.slice(p,p+g));d.push(b),u.push(Se(b,t.ec)),p+=g}let m=[],f=0;for(let h of d)f=Math.max(f,h.length);for(let h=0;h<f;h++)for(let g of d)h<g.length&&m.push(g[h]);for(let h=0;h<t.ec;h++)for(let g of u)m.push(g[h]);return m}function Me(n){let t=n.size,e=[],r=[];for(let i=0;i<t;i++)e.push(new Int8Array(t)),r.push(new Uint8Array(t));function a(i,c,l){e[c][i]=l?1:-1,r[c][i]=1}function o(i,c){for(let d=-3;d<=3;d++)for(let u=-3;u<=3;u++){let p=i+u,m=c+d;p<0||p>=t||m<0||m>=t||a(p,m,Math.max(Math.abs(u),Math.abs(d))!==2)}let l=[[-4,0],[4,0],[0,-4],[0,4]];for(let d=-4;d<=4;d++)for(let u of l){let p=i+(u[0]!==0?u[0]:d),m=c+(u[1]!==0?u[1]:d);p>=0&&p<t&&m>=0&&m<t&&a(p,m,!1)}}o(3,3),o(t-4,3),o(3,t-4);for(let i=8;i<t-8;i++)a(i,6,i%2===0),a(6,i,i%2===0);let s=Pe[n.ver-1];if(s.length>0)for(let i=0;i<s.length;i++)for(let c=0;c<s.length;c++){let l=s[i],d=s[c];if(!r[l][d])for(let u=-2;u<=2;u++)for(let p=-2;p<=2;p++)a(d+p,l+u,Math.max(Math.abs(p),Math.abs(u))!==1)}a(8,4*n.ver+9,!0);for(let i=0;i<8;i++)r[8][i]||(r[8][i]=1),r[8][t-1-i]||(r[8][t-1-i]=1),r[i][8]||(r[i][8]=1),r[t-1-i][8]||(r[t-1-i][8]=1);return r[8][8]=1,{grid:e,reserved:r,n:t}}function We(n,t){let{grid:e,reserved:r,n:a}=n,o=[];for(let l of t)for(let d=7;d>=0;d--)o.push(l>>d&1);let s=0,i=a-1,c=!0;for(;i>=0;){if(i===6){i--;continue}let l=c?a-1:0,d=c?-1:a,u=c?-1:1;for(let p=l;p!==d;p+=u)for(let m=0;m<2;m++){let f=i-m;f<0||r[p][f]||(e[p][f]=s<o.length&&o[s]?1:-1,s++)}i-=2,c=!c}}var Re=[(n,t)=>(n+t)%2===0,(n,t)=>t%2===0,(n,t)=>n%3===0,(n,t)=>(n+t)%3===0,(n,t)=>(Math.floor(t/2)+Math.floor(n/3))%2===0,(n,t)=>n*t%2+n*t%3===0,(n,t)=>(n*t%2+n*t%3)%2===0,(n,t)=>((n+t)%2+n*t%3)%2===0];function Zt(n,t,e,r){let a=Re[r],o=n.map(s=>Int8Array.from(s));for(let s=0;s<e;s++)for(let i=0;i<e;i++)!t[s][i]&&a(i,s)&&(o[s][i]=o[s][i]===1?-1:1);return o}var De=[21522,20773,24188,23371,17913,16590,20375,19104];function te(n,t,e){let r=De[e],a=[];for(let i=14;i>=0;i--)a.push(r>>i&1);let o=[[0,8],[1,8],[2,8],[3,8],[4,8],[5,8],[7,8],[8,8],[8,7],[8,5],[8,4],[8,3],[8,2],[8,1],[8,0]],s=[[8,t-1],[8,t-2],[8,t-3],[8,t-4],[8,t-5],[8,t-6],[8,t-7],[t-8,8],[t-7,8],[t-6,8],[t-5,8],[t-4,8],[t-3,8],[t-2,8],[t-1,8]];for(let i=0;i<15;i++){let c=a[i]?1:-1;n[o[i][1]][o[i][0]]=c,n[s[i][1]][s[i][0]]=c}}function Be(n,t){let e=0;for(let l=0;l<t;l++){let d=1;for(let u=1;u<t;u++)n[l][u]>0==n[l][u-1]>0?d++:(d>=5&&(e+=3+(d-5)),d=1);d>=5&&(e+=3+(d-5))}for(let l=0;l<t;l++){let d=1;for(let u=1;u<t;u++)n[u][l]>0==n[u-1][l]>0?d++:(d>=5&&(e+=3+(d-5)),d=1);d>=5&&(e+=3+(d-5))}for(let l=0;l<t-1;l++)for(let d=0;d<t-1;d++){let u=n[l][d]>0;u===n[l][d+1]>0&&u===n[l+1][d]>0&&u===n[l+1][d+1]>0&&(e+=3)}let r=[1,0,1,1,1,0,1,0,0,0,0],a=[0,0,0,0,1,0,1,1,1,0,1];for(let l=0;l<t;l++)for(let d=0;d<=t-11;d++){let u=!0,p=!0;for(let m=0;m<11;m++){let f=n[l][d+m]>0;if(f!==(r[m]===1)&&(u=!1),f!==(a[m]===1)&&(p=!1),!u&&!p)break}u&&(e+=40),p&&(e+=40)}for(let l=0;l<t;l++)for(let d=0;d<=t-11;d++){let u=!0,p=!0;for(let m=0;m<11;m++){let f=n[d+m][l]>0;if(f!==(r[m]===1)&&(u=!1),f!==(a[m]===1)&&(p=!1),!u&&!p)break}u&&(e+=40),p&&(e+=40)}let o=0;for(let l=0;l<t;l++)for(let d=0;d<t;d++)n[l][d]>0&&o++;let s=o*100/(t*t),i=Math.floor(s/5)*5,c=i+5;return e+=10*Math.min(Math.abs(i-50)/5,Math.abs(c-50)/5),e}function vt(n){let t=[];for(let c=0;c<n.length;c++){let l=n.charCodeAt(c);l<128?t.push(l):l<2048&&(t.push(192|l>>6),t.push(128|l&63))}let e=Ae(t.length);if(!e)return null;let r=$e(t,e),a=Me(e);We(a,r);let o=0,s=1/0;for(let c=0;c<8;c++){let l=Zt(a.grid,a.reserved,a.n,c);te(l,a.n,c);let d=Be(l,a.n);d<s&&(s=d,o=c)}let i=Zt(a.grid,a.reserved,a.n,o);return te(i,a.n,o),{grid:i,size:a.n}}function xt(n,t,e){let r=n.size,a=Math.max(2,Math.floor(88/r)),o=r*a,s=a/2,i=s*.82;function c(d,u){let p=Math.sin(d*31+u*17)*1e4;return .75+.25*(p-Math.floor(p))}let l="";for(let d=0;d<r;d++)for(let u=0;u<r;u++){if(n.grid[d][u]<=0)continue;if(u<7&&d<7||u>=r-7&&d<7||u<7&&d>=r-7)l+=`<rect x="${u*a}" y="${d*a}" width="${a}" height="${a}" rx="${a*.15}" fill="${t}"/>`;else{let m=i*c(u,d);l+=`<circle cx="${u*a+s}" cy="${d*a+s}" r="${m.toFixed(1)}" fill="${t}"/>`}}return`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${o} ${o}" width="${o}" height="${o}">${l}</svg>`}function re(n,t,e){let a=72*(n/100),o=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 72" width="${n}" height="${a}">`;return o+=`<path d="M86 2 L86 64" stroke="${e}" stroke-width="5" stroke-linecap="round"/>`,o+=`<path d="M7 12 L98 12" stroke="${e}" stroke-width="5" stroke-linecap="round"/>`,o+=`<path d="M7 18 C7 32, 16 64, 30 64 C44 64, 38 28, 52 28 C66 28, 62 64, 86 64" stroke="${t}" stroke-width="5" stroke-linecap="round" fill="none"/>`,o+=`<circle cx="7" cy="12" r="7" fill="${t}"/>`,o+=`<circle cx="86" cy="64" r="7" fill="${e}"/>`,o+="</svg>",o}var _e=`.integrity-section {
|
|
106
122
|
margin-top: 2rem;
|
|
107
123
|
padding-top: 1.5rem;
|
|
108
124
|
border-top: 1px solid var(--wt-scorecard-border);
|
|
@@ -167,8 +183,40 @@ var yt=`:host {
|
|
|
167
183
|
color: var(--wt-scorecard-text-tertiary);
|
|
168
184
|
flex: 1;
|
|
169
185
|
}
|
|
170
|
-
`,
|
|
171
|
-
`+oe}render(){if(!this._data)return;let{integrity:t,outputSignature:e}=this._data,n=document.createElement("div");n.className="integrity-section";let r=document.createElement("div");r.className="integrity-title",r.textContent="Integrity & Verification",n.appendChild(r);let o=document.createElement("div");o.className="integrity-stats",o.textContent=`${t.eventCount} events \xB7 ${t.checkpoints.length} checkpoints`,n.appendChild(o);let i=document.createElement("div");i.className="integrity-hash-block";let s=document.createElement("span");s.className="integrity-hash-label",s.textContent="Digest (SHA-256)";let l=document.createElement("code");l.className="hash",l.textContent=t.finalDigest,i.append(s,l),n.appendChild(i);let c=document.createElement("div");c.className="integrity-hash-block";let d=document.createElement("span");d.className="integrity-hash-label",d.textContent="Output Signature";let m=document.createElement("code");m.className="hash",m.textContent=e,c.append(d,m),n.appendChild(c);let u=document.createElement("div");u.className="integrity-bottom";let p=document.createElement("div");p.className="qr-container";let y=document.createElement("p");y.className="integrity-explainer",y.textContent="This scorecard includes cryptographic integrity verification. The digest covers all input events; the signature covers the analysis output. Compare against original session data or scan for verification.",u.appendChild(p),u.appendChild(y),n.appendChild(u),this.replaceChart(n),requestAnimationFrame(()=>this.renderQr(t.finalDigest))}renderQr(t){let e=this.shadow.querySelector(".qr-container");if(!e)return;let n=ne(t);if(!n)return;let r=getComputedStyle(this),o=r.getPropertyValue("--wt-scorecard-text").trim()||"#E4E2DA",i=r.getPropertyValue("--wt-scorecard-status-clear").trim()||"#5EAE78";e.innerHTML=ae(n,o,i)}};O.tagName="wt-integrity-footer";var $t=new Set(["WT-104","WT-106","WT-204","WT-302","WT-403","WT-503","WT-506","WT-509","WT-601","WT-602","WT-603"]);function ie(a){return $t.has(a)}function $(a){return a?$t.has(a)?"pass":"flag":"unknown"}var F={contentOrigin:"Content Origin",timingAuthenticity:"Timing & Rhythm",revisionBehavior:"Revision Behavior",sessionContinuity:"Session Continuity",physicalPlausibility:"Physical Plausibility",temporalPatterns:"Temporal Patterns"},nt=["contentOrigin","timingAuthenticity","revisionBehavior","sessionContinuity","physicalPlausibility","temporalPatterns"],pt=["contentOrigin","timingAuthenticity","revisionBehavior"],ht=["sessionContinuity","physicalPlausibility","temporalPatterns"],se={"WT-100":()=>"No content was recorded during this session.","WT-101":a=>{let t=a.params.pct??0,e=100-t;return`Nearly all content (${t}%) was pasted from an external source. Only ${e}% of characters were typed directly.`},"WT-102":a=>`${a.params.pct??0}% of text was inserted via autocomplete, suggesting reliance on predictive input rather than original composition.`,"WT-103":a=>{let t=a.params.pct??0,e=100-t;return`${t}% of text was pasted from external sources. The remaining ${e}% was typed directly.`},"WT-104":()=>"All text was typed directly \u2014 no paste or autocomplete events were detected.","WT-105":()=>"Unmodified external content detected \u2014 pasted text was not edited after insertion, suggesting pre-composed content.","WT-106":a=>`${a.params.rework??0}% of pasted content was subsequently reworked, indicating the writer integrated external material into their own composition.`,"WT-107":a=>{let t=a.params.pasteRatio??0,e=a.params.retentionPct??0;return`High paste volume (${t}% paste ratio) with ${e}% left unmodified \u2014 content was pasted in bulk without rework.`}},le={"WT-105":()=>"Unmodified external content detected \u2014 pasted text was not edited after insertion, suggesting pre-composed content.","WT-106":a=>`${a.params.rework??0}% of pasted content was subsequently reworked, indicating the writer integrated external material into their own composition.`,"WT-107":a=>{let t=a.params.pasteRatio??0,e=a.params.retentionPct??0;return`High paste volume (${t}% paste ratio) with ${e}% left unmodified \u2014 content was pasted in bulk without rework.`}},ce={"WT-200":a=>{let t=(a.params.dwellMean??0).toFixed(1),e=(a.params.flightMean??0).toFixed(1);return`Keystroke timing magnitudes (dwell ${t}ms, flight ${e}ms) fall below plausible human ranges, consistent with programmatic input injection.`},"WT-201":a=>`Keystroke timing is mechanically uniform \u2014 the coefficient of variation (${(a.params.cv??0).toFixed(2)}) falls far below the human range of 0.3\u20130.8. This pattern is consistent with automated input.`,"WT-202":a=>`A highly periodic keystroke pattern was detected (score ${(a.params.score??0).toFixed(2)}). Human typing naturally varies; metronomic regularity suggests automation.`,"WT-203":a=>`Flight times between keystrokes are suspiciously uniform (CV ${(a.params.cv??0).toFixed(2)}), lacking the natural variability expected from human finger movement.`,"WT-204":()=>"Keystroke timing variability falls within normal human ranges. The rhythm is consistent with natural typing."},de={"WT-500":(a,t)=>`Zero corrections across the entire session. Human writers make mistakes \u2014 a ${t.keydownCount}-keystroke session with no corrections is a strong signal content was not composed here.`,"WT-501":()=>"No keystrokes were recorded, so revision behavior could not be analyzed.","WT-502":a=>`Very low correction rate (${(a.params.pct??0).toFixed(1)}%). While some writers are precise, this level of accuracy across an entire session is unusual.`,"WT-503":a=>`Normal correction rate (${(a.params.pct??0).toFixed(1)}%). The writer made and fixed mistakes at a rate consistent with natural composition.`,"WT-504":a=>`No corrections, navigation, or undo in a ${a.params.count??0}-keystroke session \u2014 the text was entered linearly without any revision.`,"WT-505":()=>"Non-linear editing was detected despite a low correction rate, suggesting some revision activity.","WT-506":a=>`Authentic revision depth detected (product-process ratio ${(a.params.ratio??0).toFixed(2)}). The writing process shows genuine iterative refinement.`,"WT-507":a=>{let t=a.params.count??0,e=a.params.keydowns??0;return`Sequential typing pattern: ${t} mid-document insertions in a ${e}-keystroke session. Content was entered start-to-finish without returning to edit earlier sections.`},"WT-508":a=>`Forward-edge concentration: ${Math.round((a.params.ratio??0)*100)}% of keystrokes occurred at the end of the document with almost no in-document editing, consistent with copy-typing or automation.`,"WT-509":a=>`Multi-word restructuring detected (${Math.round((a.params.ratio??0)*100)}% of chars from multi-word pastes), suggesting authentic revision where the writer rearranged their own text.`},me={"WT-300":a=>{let t=Math.round(a.params.timestamp??0),e=(a.params.magnitude??0).toFixed(1);return`Typing rhythm changed abruptly at ${t}s (magnitude ${e}), suggesting a possible switch in input method or author.`},"WT-301":a=>`${a.params.count??0} tab-away events detected \u2014 the writer left and returned to this field multiple times during the session.`,"WT-302":()=>"Behavior was consistent throughout the session with no abrupt changes in typing rhythm or style."},ue={"WT-400":a=>`${a.params.pct??0}% of events lack browser trust indicators (isTrusted=false), suggesting synthetic event injection.`,"WT-401":a=>{let t=a.params.count??0,e=a.params.pct??0;return`${t} keydown events had no matching keyup (${e}% of keydowns). Automation tools often omit keyup events.`},"WT-402":a=>`${a.params.count??0} keystroke sequences exceed the maximum human typing speed, indicating programmatic input.`,"WT-403":()=>"All keystroke timing is physically plausible \u2014 no evidence of synthetic or injected events.","WT-404":a=>{let t=a.params.chars??0,e=a.params.pct??0;return`${t} characters (${e}%) were inserted via untrusted programmatic events rather than direct user input.`},"WT-405":a=>{let t=a.params.count??0,e=a.params.pct??0;return`${t} events (${e}% of keydowns) have sub-millisecond dwell time. Human key press/release always takes 30\u2013150ms; zero-latency events indicate programmatic injection.`}},pe={"WT-600":a=>`No speed variation over a ${a.params.minutes??0}-minute session. Human typing naturally fluctuates; constant speed suggests automation.`,"WT-601":()=>"Natural warmup and fatigue pattern detected \u2014 the writer started slow, reached peak speed, then gradually slowed.","WT-602":()=>"Significant fatigue detected toward the end of the session, consistent with sustained human cognitive effort.","WT-603":()=>"Temporal patterns fall within normal range \u2014 typing pace varied naturally over the session.","WT-604":a=>`${a.params.ratio??0}% of keystrokes occurred in machine-like bursts, suggesting automated input segments.`,"WT-605":a=>`Uniform typing pace across the session (fluency SD ${(a.params.sd??0).toFixed(1)}). Human writers show more variation as they think, pause, and revise.`,"WT-606":a=>`Frequent revision interruptions detected (R-burst median ${(a.params.median??0).toFixed(1)}s), consistent with active editing behavior.`,"WT-607":a=>`No linguistic pause structure detected (sentence/word pause ratio ${(a.params.ratio??0).toFixed(2)}). Human writers pause longer before sentences than within words.`,"WT-608":a=>`Low cognitive pause rate (${(a.params.rate??0).toFixed(1)}% of keystrokes), suggesting text was transcribed rather than composed.`},he={contentOrigin:se,timingAuthenticity:ce,revisionBehavior:de,sessionContinuity:me,physicalPlausibility:ue,temporalPatterns:pe};function at(a,t){let e=t[a];if(!(e!=null&&e.indicator))return"Analysis data not available.";let n=he[a];if(!n)return Wt(e.indicator);if(a==="contentOrigin"&&e.pasteReworkIndicator){let o=e.pasteReworkIndicator.code,i=le[o];if(i)return i(e.pasteReworkIndicator,t)}let r=n[e.indicator.code];return r?r(e.indicator,t):Wt(e.indicator)}function Wt(a){return`Indicator ${a.code} detected.`}var fe={contentOrigin:"Shows the mix of typed, pasted, and autocompleted content. Most writing sessions include some paste events \u2014 the balance and context matter more than presence alone.",timingAuthenticity:"A human heatmap shows scattered clusters reflecting natural variation in finger movement. Tight single-point concentration indicates programmatic keystroke injection.",revisionBehavior:"Human writers produce clusters of corrections as they re-read and revise. Absence of corrections suggests transcription rather than composition.",sessionContinuity:"Steady growth with small plateaus (thinking pauses) is typical. A sudden vertical jump indicates bulk content insertion.",physicalPlausibility:"Human editing jumps around the document \u2014 revising earlier sections, appending new text. Strictly sequential cursor movement suggests automated input.",temporalPatterns:"Human typing shows varied pause durations \u2014 short pauses within words, longer pauses between sentences. Uniform pause lengths suggest automated pacing."};function ft(a){return fe[a]??null}function ot(a,t){return({contentOrigin:ge,timingAuthenticity:ye,revisionBehavior:be,sessionContinuity:we,physicalPlausibility:ve,temporalPatterns:xe}[a]??(()=>[]))(t)}function ge(a){let t=a.contentOrigin.metrics,e=Math.round(t.charactersByOrigin.pasted*100),n=Math.round(t.charactersByOrigin.typed*100),r=t.pasteEvents.length,o=t.pasteEvents.reduce((i,s)=>i+s.characterCount,0);return[{label:"pasted",value:`${e}%`,flagged:e>50},{label:"typed",value:`${n}%`,flagged:!1},{label:"paste events",value:String(r),flagged:!1},{label:"chars pasted",value:Se(o),flagged:!1}]}function ye(a){let t=a.timingAuthenticity.metrics,e=t.flightTimeDistribution.cv,n=t.dwellTimeDistribution.mean;return[{label:"timing cv",value:e.toFixed(2),flagged:e<.2},{label:"mean dwell",value:`${Math.round(n)}ms`,flagged:n<20},{label:"periodicity",value:t.periodicityScore.toFixed(2),flagged:t.periodicityScore>.5},{label:"entropy",value:t.entropy.toFixed(1),flagged:t.entropy<1.5}]}function be(a){let t=a.revisionBehavior.metrics;return[{label:"corrections",value:String(t.correctionCount),flagged:t.correctionCount===0},{label:"navigation",value:String(t.navigationCount),flagged:t.navigationCount===0},{label:"undo / redo",value:String(t.undoRedoCount),flagged:!1},{label:"product-process",value:t.productProcessRatio.toFixed(2),flagged:t.productProcessRatio===0}]}function we(a){let t=a.sessionContinuity.metrics;return[{label:"change points",value:String(t.changePoints.length),flagged:t.changePoints.length>2},{label:"tab-away events",value:String(t.tabAwayEvents.length),flagged:!1}]}function ve(a){let t=a.physicalPlausibility.metrics;return[{label:"synthetic ratio",value:`${Math.round(t.syntheticEventRatio*100)}%`,flagged:t.syntheticEventRatio>.05},{label:"impossible seq.",value:String(t.impossibleSequences.count),flagged:t.impossibleSequences.count>0},{label:"unmatched keydowns",value:String(t.unmatchedKeydownCount),flagged:t.unmatchedKeydownCount>5},{label:"zero-latency",value:String(t.zeroLatencyEventCount),flagged:t.zeroLatencyEventCount>0},{label:"Bulk Insert",value:String(t.bulkInsertCharCount),flagged:t.bulkInsertCharCount>0}]}function xe(a){let t=a.temporalPatterns.metrics;return[{label:"duration",value:it(t.sessionDurationMs),flagged:!1},{label:"warmup ratio",value:t.warmupRatio.toFixed(2),flagged:!1},{label:"fatigue ratio",value:t.fatigueRatio.toFixed(2),flagged:!1},{label:"burst ratio",value:t.burstPattern.burstToTotalRatio.toFixed(2),flagged:t.burstPattern.burstToTotalRatio>.7}]}function Se(a){return a>=1e6?`${(a/1e6).toFixed(1)}m`:a>=1e3?`${(a/1e3).toFixed(1)}k`:String(a)}function it(a){let t=Math.round(a/1e3);if(t<60)return`${t}s`;let e=Math.floor(t/60),n=t%60;return n===0?`${e}m`:`${e}m ${n}s`}var _t={"coefficient of variation":{definition:"Standard deviation divided by the mean \u2014 measures how spread out values are relative to their average. Low CV means uniform timing.",docsPath:"/docs/analysis/timing/"},"dwell time":{definition:"How long a key is held down before being released.",docsPath:"/docs/analysis/timing/"},"flight time":{definition:"The gap between releasing one key and pressing the next.",docsPath:"/docs/analysis/timing/"},"product-process ratio":{definition:"The ratio of final text length to total characters typed. Low values suggest heavy revision; near 1.0 suggests linear transcription.",docsPath:"/docs/analysis/revision/"},periodicity:{definition:"How rhythmically regular the typing pattern is. High periodicity suggests metronomic (automated) input."},entropy:{definition:"A measure of randomness in timing. Low entropy means predictable, uniform intervals."},burst:{definition:"A rapid sequence of keystrokes between pauses. Human typing naturally occurs in bursts."},"synthetic event":{definition:"A keyboard event generated programmatically rather than by a real keypress. Browsers mark these with isTrusted=false."},"change point":{definition:"A moment where typing rhythm shifts abruptly, potentially indicating a switch in input method."}};function st(a,t){let e=v(a);for(let[n,r]of Object.entries(_t)){let o=new RegExp(`\\b(${ke(n)})\\b`,"gi");e=e.replace(o,i=>{let s=`title="${v(r.definition)}" class="wt-term"`,l=v(i);if(r.docsPath){let c=(t??"https://writetrack.dev")+r.docsPath;return`<a href="${v(c)}" target="_blank" rel="noopener"><abbr ${s}>${l}</abbr></a>`}return`<abbr ${s}>${l}</abbr>`})}return e}function ke(a){return a.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}import*as f from"@observablehq/plot";var Ce={contentOrigin:[0,1],timingAuthenticity:[0,1],revisionBehavior:[0,3],sessionContinuity:[0,1],physicalPlausibility:[0,1],temporalPatterns:[1,2]},Te={contentOrigin:{name:"Composition Timeline",desc:"Horizontal bar showing typing vs paste segments over time"},timingAuthenticity:{name:"Rhythm Heatmap",desc:"Dwell time vs flight time scatter showing keystroke timing distribution"},revisionBehavior:{name:"Corrections Timeline",desc:"Edit operations plotted over session time, sized by magnitude"},sessionContinuity:{name:"Document Growth Curve",desc:"Document length over session time, highlighting change points"},physicalPlausibility:{name:"Edit Waterfall",desc:"Cursor position over time, showing insertion and deletion patterns"},temporalPatterns:{name:"Speed Timeline",desc:"Words per minute over session duration, showing warmup, peak, and fatigue"}},Dt={contentOrigin:1,timingAuthenticity:1,revisionBehavior:1,sessionContinuity:2,physicalPlausibility:2,temporalPatterns:2},Ee=`:host { display: block; overflow: hidden; }
|
|
186
|
+
`,lt=class extends y{getStylesheet(){return X+`
|
|
187
|
+
`+_e}render(){if(!this._data)return;let{integrity:t,outputSignature:e}=this._data,r=document.createElement("div");r.className="integrity-section";let a=document.createElement("div");a.className="integrity-title",a.textContent="Integrity & Verification",r.appendChild(a);let o=document.createElement("div");o.className="integrity-stats",o.textContent=`${t.eventCount} events \xB7 ${t.checkpoints.length} checkpoints`,r.appendChild(o);let s=document.createElement("div");s.className="integrity-hash-block";let i=document.createElement("span");i.className="integrity-hash-label",i.textContent="Digest (SHA-256)";let c=document.createElement("code");c.className="hash",c.textContent=t.finalDigest,s.append(i,c),r.appendChild(s);let l=document.createElement("div");l.className="integrity-hash-block";let d=document.createElement("span");d.className="integrity-hash-label",d.textContent="Output Signature";let u=document.createElement("code");u.className="hash",u.textContent=e,l.append(d,u),r.appendChild(l);let p=document.createElement("div");p.className="integrity-bottom";let m=document.createElement("div");m.className="qr-container";let f=document.createElement("p");f.className="integrity-explainer",f.textContent="This scorecard includes cryptographic integrity verification. The digest covers all input events; the signature covers the analysis output. Compare against original session data or scan for verification.",p.appendChild(m),p.appendChild(f),r.appendChild(p),this.replaceChart(r),requestAnimationFrame(()=>this.renderQr(t.finalDigest))}renderQr(t){let e=this.shadow.querySelector(".qr-container");if(!e)return;let r=vt(t);if(!r)return;let a=getComputedStyle(this),o=a.getPropertyValue("--wt-scorecard-text").trim()||"#E4E2DA",s=a.getPropertyValue("--wt-scorecard-status-clear").trim()||"#5EAE78";e.innerHTML=xt(r,o,s)}};lt.tagName="wt-integrity-footer";function ne(n){if(n<1e3)return"0 seconds";let t=Math.floor(n/1e3),e=Math.floor(t/86400),r=Math.floor(t%86400/3600),a=Math.floor(t%3600/60),o=t%60,s=[];return e>0&&s.push(`${e} ${e===1?"day":"days"}`),r>0&&s.push(`${r} ${r===1?"hour":"hours"}`),a>0&&s.push(`${a} ${a===1?"minute":"minutes"}`),o>0&&e===0&&s.push(`${o} ${o===1?"second":"seconds"}`),s.join(" ")||"0 seconds"}function Ct(n){var x,w,T,R,j,q,tt,Et,Pt,At,$t,Mt,Wt,Rt,Dt,Bt,_t,Ot,Nt,It,Lt,Ft;if(!n.sufficientData){let Y=n.keydownCount??0,le=((w=(x=n.temporalPatterns)==null?void 0:x.metrics)==null?void 0:w.sessionDurationMs)??0;if(Y===0)return null;let de=ne(le);return`This session captured ${Y} keystroke${Y===1?"":"s"} over ${de}.`}let t=((j=(R=(T=n.contentOrigin)==null?void 0:T.metrics)==null?void 0:R.charactersByOrigin)==null?void 0:j.typed)??0,e=((Et=(tt=(q=n.contentOrigin)==null?void 0:q.metrics)==null?void 0:tt.charactersByOrigin)==null?void 0:Et.pasted)??0,r=(($t=(At=(Pt=n.revisionBehavior)==null?void 0:Pt.metrics)==null?void 0:At.insertionDeletion)==null?void 0:$t.deletionCount)??0,a=((Rt=(Wt=(Mt=n.contentOrigin)==null?void 0:Mt.metrics)==null?void 0:Wt.pasteEditSummary)==null?void 0:Rt.meanReworkRatio)??0,o=((Bt=(Dt=n.temporalPatterns)==null?void 0:Dt.metrics)==null?void 0:Bt.sessionDurationMs)??0,s=((Nt=(Ot=(_t=n.temporalPatterns)==null?void 0:_t.metrics)==null?void 0:Ot.pause2000ms)==null?void 0:Nt.count)??0,i=((Ft=(Lt=(It=n.sessionContinuity)==null?void 0:It.metrics)==null?void 0:Lt.tabAwayEvents)==null?void 0:Ft.length)??0,c=ne(o),l=(t*100).toFixed(1),d=(e*100).toFixed(1),u=t>=.8,p=e>.5,m;u?m=`This text was typed directly over ${c}.`:p?m=`${d}% of this text was pasted from an external source.`:m=`This text contains a mix of typed (${l}%) and pasted (${d}%) content.`;let f=a>0?", and edited pasted content afterward":"",h;r>0?h=`The author made ${r} ${r===1?"correction":"corrections"}${f}.`:h=`No corrections were made${f}.`;let g=i>0?` and ${i} tab-away${i===1?"":"s"}`:"",b;return s>0?b=`The session lasted ${c} with ${s} ${s===1?"pause":"pauses"} to think${g}.`:b=`The session lasted ${c} with no significant pauses${g}.`,`${m} ${h} ${b}`}function kt(n){let t=n.internalPct??0,e=n.externalPct??0,r=n.unknownPct??0,a=n.copyPct??0,o=n.cutPct??0,s=t+e+r;if(s>0&&t>s*.8)return o>a?{type:"internal-cut",label:"cut and re-pasted within the document",breakdown:null}:a>o?{type:"internal-copy",label:"copied and re-pasted within the document",breakdown:null}:{type:"internal",label:"reorganised within the document",breakdown:null};if(s>0&&e>s*.8)return{type:"external",label:"pasted from external sources",breakdown:null};let i=[];return t>0&&(o>a?i.push(`${Math.round(t)}% cut-pasted`):a>o?i.push(`${Math.round(t)}% copy-pasted`):i.push(`${Math.round(t)}% reorganised`)),e>0&&i.push(`${Math.round(e)}% external`),r>0&&i.push(`${Math.round(r)}% unclassified`),i.length>=1?{type:"mixed",label:"pasted",breakdown:i.join(", ")}:{type:"unknown",label:"pasted",breakdown:null}}var oe=new Set(["WT-103","WT-104","WT-106","WT-204","WT-301","WT-302","WT-403","WT-500","WT-503","WT-505","WT-506","WT-509","WT-601","WT-602","WT-603","WT-606","WT-700","WT-701","WT-702","WT-703","WT-704"]);function Oe(n){return oe.has(n)}function V(n){return n?oe.has(n)?"pass":"flag":"unknown"}var Z={contentOrigin:"Content Origin",timingAuthenticity:"Timing & Rhythm",revisionBehavior:"Revision Behavior",sessionContinuity:"Session Continuity",physicalPlausibility:"Physical Plausibility",temporalPatterns:"Temporal Patterns",writingProcess:"Writing Process"};var Ne=["contentOrigin","timingAuthenticity","revisionBehavior"],Ie=["sessionContinuity","physicalPlausibility","temporalPatterns","writingProcess"],Le={"WT-100":()=>"No content was recorded during this session.","WT-101":n=>{let t=n.params.pct??0,e=100-t,r=kt(n.params);return r.type==="internal-cut"?`Nearly all content (${t}%) was cut and re-pasted within the document \u2014 the writer reorganised their own text. ${e}% of characters were typed directly.`:r.type==="internal-copy"?`Nearly all content (${t}%) was copied and re-pasted within the document \u2014 the writer duplicated and reworked their own text. ${e}% of characters were typed directly.`:r.type==="internal"?`Nearly all content (${t}%) was reorganised within the document. ${e}% of characters were typed directly.`:r.type==="external"?`Nearly all content (${t}%) was pasted from an external source. Only ${e}% of characters were typed directly.`:r.breakdown?`${t}% of content was pasted \u2014 ${r.breakdown}. ${e}% was typed directly.`:`Nearly all content (${t}%) was pasted. Only ${e}% of characters were typed directly.`},"WT-102":n=>`${n.params.pct??0}% of text was inserted via autocomplete, suggesting reliance on predictive input rather than original composition.`,"WT-103":n=>{let t=n.params.pct??0,e=100-t,r=kt(n.params);return r.type==="internal-cut"?`${t}% of text was cut and re-pasted within the document \u2014 the writer reorganised their own text. The remaining ${e}% was typed directly.`:r.type==="internal-copy"?`${t}% of text was copied and re-pasted within the document \u2014 the writer duplicated and reworked their own text. The remaining ${e}% was typed directly.`:r.type==="internal"?`${t}% of text was reorganised within the document. The remaining ${e}% was typed directly.`:r.type==="external"?`${t}% of text was pasted from external sources. The remaining ${e}% was typed directly.`:r.breakdown?`${t}% of text was pasted \u2014 ${r.breakdown}. The remaining ${e}% was typed directly.`:`${t}% of text was pasted. The remaining ${e}% was typed directly.`},"WT-104":()=>"All text was typed directly \u2014 no paste or autocomplete events were detected.","WT-105":()=>"Unmodified external content detected \u2014 pasted text was not edited after insertion, suggesting pre-composed content.","WT-106":n=>`${n.params.rework??0}% of pasted content was subsequently reworked, indicating the writer integrated external material into their own composition.`,"WT-107":n=>{let t=n.params.pasteRatio??0,e=n.params.retentionPct??0;return`High paste volume (${t}% paste ratio) with ${e}% left unmodified \u2014 content was pasted in bulk without rework.`}},Fe={"WT-105":()=>"Unmodified external content detected \u2014 pasted text was not edited after insertion, suggesting pre-composed content.","WT-106":n=>`${n.params.rework??0}% of pasted content was subsequently reworked, indicating the writer integrated external material into their own composition.`,"WT-107":n=>{let t=n.params.pasteRatio??0,e=n.params.retentionPct??0;return`High paste volume (${t}% paste ratio) with ${e}% left unmodified \u2014 content was pasted in bulk without rework.`}},He={"WT-200":n=>{let t=(n.params.dwellMean??0).toFixed(1),e=(n.params.flightMean??0).toFixed(1);return`Keystroke timing magnitudes (dwell ${t}ms, flight ${e}ms) fall below plausible human ranges, consistent with programmatic input injection.`},"WT-201":n=>`Keystroke timing is mechanically uniform \u2014 the coefficient of variation (${(n.params.cv??0).toFixed(2)}) falls far below the human range of 0.3\u20130.8. This pattern is consistent with automated input.`,"WT-202":n=>`A highly periodic keystroke pattern was detected (score ${(n.params.score??0).toFixed(2)}). Human typing naturally varies; metronomic regularity suggests automation.`,"WT-203":n=>`Flight times between keystrokes are suspiciously uniform (CV ${(n.params.cv??0).toFixed(2)}), lacking the natural variability expected from human finger movement.`,"WT-204":()=>"Keystroke timing variability falls within normal human ranges. The rhythm is consistent with natural typing.","WT-205":n=>{let t=(n.params.dwellCv??0).toFixed(2),e=(n.params.flightCv??0).toFixed(2);return`Metronomic keystroke timing \u2014 dwell CV ${t} and flight CV ${e} are far below human ranges, indicating machine-perfect regularity.`}},ze={"WT-500":(n,t)=>{let e=t.keydownCount;return e<50?`No corrections in a short ${e}-keystroke session. This is normal for brief input.`:`No corrections in a ${e}-keystroke session. Longer sessions typically include some corrections.`},"WT-501":()=>"No keystrokes were recorded, so revision behavior could not be analyzed.","WT-502":n=>`Very low correction rate (${(n.params.pct??0).toFixed(1)}%). While some writers are precise, this level of accuracy across an entire session is unusual.`,"WT-503":n=>`Normal correction rate (${(n.params.pct??0).toFixed(1)}%). The writer made and fixed mistakes at a rate consistent with natural composition.`,"WT-504":n=>`No corrections, navigation, or undo in a ${n.params.count??0}-keystroke session \u2014 the text was entered linearly without any revision.`,"WT-505":()=>"Non-linear editing was detected despite a low correction rate, suggesting some revision activity.","WT-506":n=>`Authentic revision depth detected (product-process ratio ${(n.params.ratio??0).toFixed(2)}). The writing process shows genuine iterative refinement.`,"WT-507":n=>{let t=n.params.count??0,e=n.params.keydowns??0;return`Sequential typing pattern: ${t} mid-document insertions in a ${e}-keystroke session. Content was entered start-to-finish without returning to edit earlier sections.`},"WT-508":n=>`Forward-edge concentration: ${Math.round((n.params.ratio??0)*100)}% of keystrokes occurred at the end of the document with almost no in-document editing, consistent with copy-typing or automation.`,"WT-509":n=>`Multi-word restructuring detected (${Math.round((n.params.ratio??0)*100)}% of chars from multi-word pastes), suggesting authentic revision where the writer rearranged their own text.`},Ge={"WT-300":n=>{let t=Math.round(n.params.timestamp??0),e=(n.params.magnitude??0).toFixed(1);return`Typing rhythm changed abruptly at ${t}s (magnitude ${e}), suggesting a possible switch in input method or author.`},"WT-301":n=>`${n.params.count??0} tab-away events detected \u2014 the writer left and returned to this field multiple times during the session.`,"WT-302":()=>"Behavior was consistent throughout the session with no abrupt changes in typing rhythm or style.","WT-303":()=>"No focus events were detected during the session. Real browsers generate focus events on interaction; absence is consistent with headless automation."},Ve={"WT-400":n=>`${n.params.pct??0}% of events lack browser trust indicators (isTrusted=false), suggesting synthetic event injection.`,"WT-401":n=>{let t=n.params.count??0,e=n.params.pct??0;return`${t} keydown events had no matching keyup (${e}% of keydowns). Automation tools often omit keyup events.`},"WT-402":n=>`${n.params.count??0} keystroke sequences exceed the maximum human typing speed, indicating programmatic input.`,"WT-403":()=>"All keystroke timing is physically plausible \u2014 no evidence of synthetic or injected events.","WT-404":n=>{let t=n.params.chars??0,e=n.params.pct??0;return`${t} characters (${e}%) were inserted via untrusted programmatic events rather than direct user input.`},"WT-405":n=>{let t=n.params.count??0,e=n.params.pct??0;return`${t} events (${e}% of keydowns) have sub-millisecond dwell time. Human key press/release always takes 30\u2013150ms; zero-latency events indicate programmatic injection.`},"WT-406":()=>"All dwell times fall within a single histogram bin, indicating uniform key-hold duration. Human typing always produces variation in how long keys are held."},je={"WT-600":n=>`No speed variation over a ${n.params.minutes??0}-minute session. Human typing naturally fluctuates; constant speed suggests automation.`,"WT-601":()=>"Natural warmup and fatigue pattern detected \u2014 the writer started slow, reached peak speed, then gradually slowed.","WT-602":()=>"Significant fatigue detected toward the end of the session, consistent with sustained human cognitive effort.","WT-603":()=>"Temporal patterns fall within normal range \u2014 typing pace varied naturally over the session.","WT-604":n=>`${n.params.ratio??0}% of keystrokes occurred in machine-like bursts, suggesting automated input segments.`,"WT-605":n=>`Uniform typing pace across the session (fluency SD ${(n.params.sd??0).toFixed(1)}). Human writers show more variation as they think, pause, and revise.`,"WT-606":n=>`Frequent revision interruptions detected (R-burst median ${(n.params.median??0).toFixed(1)}s), consistent with active editing behavior.`,"WT-607":n=>`No linguistic pause structure detected (sentence/word pause ratio ${(n.params.ratio??0).toFixed(2)}). Human writers pause longer before sentences than within words.`,"WT-608":n=>`Low cognitive pause rate (${(n.params.rate??0).toFixed(1)}% of keystrokes), suggesting text was transcribed rather than composed.`},qe={"WT-700":()=>"Insufficient data for writing process analysis \u2014 the session was too short to classify phases.","WT-701":n=>`${n.params.pct??0}% of the session was spent in a planning phase \u2014 pausing and thinking before typing. This is a strong human signal.`,"WT-702":n=>`${n.params.pct??0}% of the session was spent in continuous drafting with minimal planning or revision, consistent with transcription or copy-typing.`,"WT-703":n=>`${n.params.pct??0}% of the session was spent revising earlier text. Frequent returns to edit are a strong human signal.`,"WT-704":n=>{let t=n.params.planning??0,e=n.params.drafting??0,r=n.params.revision??0;return`Balanced writing process \u2014 ${t}% planning, ${e}% drafting, ${r}% revision. This distribution is typical of genuine composition.`}},Ye={contentOrigin:Le,timingAuthenticity:He,revisionBehavior:ze,sessionContinuity:Ge,physicalPlausibility:Ve,temporalPatterns:je,writingProcess:qe};function dt(n,t){let e=t[n];if(!(e!=null&&e.indicator))return"Analysis data not available.";let r=Ye[n];if(!r)return ae(e.indicator);if(n==="contentOrigin"&&e.pasteReworkIndicator){let o=e.pasteReworkIndicator.code,s=Fe[o];if(s)return s(e.pasteReworkIndicator,t)}let a=r[e.indicator.code];return a?a(e.indicator,t):ae(e.indicator)}function ae(n){return`Indicator ${n.code} detected.`}var Ue={contentOrigin:"Shows the mix of typed, pasted, and autocompleted content. Most writing sessions include some paste events \u2014 the balance and context matter more than presence alone.",timingAuthenticity:"A human heatmap shows scattered clusters reflecting natural variation in finger movement. Tight single-point concentration indicates programmatic keystroke injection.",revisionBehavior:"Human writers produce clusters of corrections as they re-read and revise. Absence of corrections suggests transcription rather than composition.",sessionContinuity:"Steady growth with small plateaus (thinking pauses) is typical. A sudden vertical jump indicates bulk content insertion.",physicalPlausibility:"Human editing jumps around the document \u2014 revising earlier sections, appending new text. Strictly sequential cursor movement suggests automated input.",temporalPatterns:"Human typing shows varied pause durations \u2014 short pauses within words, longer pauses between sentences. Uniform pause lengths suggest automated pacing.",writingProcess:"Shows the session divided into planning, drafting, and revision phases. Balanced phase distribution is typical of genuine composition; near-100% drafting suggests transcription."};function Tt(n){return Ue[n]??null}function mt(n,t){return({contentOrigin:Ke,timingAuthenticity:Qe,revisionBehavior:Xe,sessionContinuity:Je,physicalPlausibility:Ze,temporalPatterns:tr,writingProcess:er}[n]??(()=>[]))(t)}function Ke(n){let t=n.contentOrigin.metrics,e=Math.round(t.charactersByOrigin.pasted*100),r=Math.round(t.charactersByOrigin.typed*100),a=t.pasteEvents.length,o=t.pasteEvents.reduce((s,i)=>s+i.characterCount,0);return[{label:"pasted",value:`${e}%`,flagged:e>50},{label:"typed",value:`${r}%`,flagged:!1},{label:"paste events",value:String(a),flagged:!1},{label:"chars pasted",value:rr(o),flagged:!1}]}function Qe(n){let t=n.timingAuthenticity.metrics,e=t.flightTimeDistribution.cv,r=t.dwellTimeDistribution.mean;return[{label:"timing cv",value:e.toFixed(2),flagged:e<.2},{label:"mean dwell",value:`${Math.round(r)}ms`,flagged:r<20},{label:"periodicity",value:t.periodicityScore.toFixed(2),flagged:t.periodicityScore>.5},{label:"entropy",value:t.entropy.toFixed(1),flagged:t.entropy<1.5}]}function Xe(n){let t=n.revisionBehavior.metrics;return[{label:"corrections",value:String(t.correctionCount),flagged:t.correctionCount===0&&n.keydownCount>=50},{label:"navigation",value:String(t.navigationCount),flagged:t.navigationCount===0&&n.keydownCount>=50},{label:"undo / redo",value:String(t.undoRedoCount),flagged:!1},{label:"product-process",value:t.productProcessRatio.toFixed(2),flagged:t.productProcessRatio===0}]}function Je(n){let t=n.sessionContinuity.metrics;return[{label:"change points",value:String(t.changePoints.length),flagged:t.changePoints.length>2},{label:"tab-away events",value:String(t.tabAwayEvents.length),flagged:!1}]}function Ze(n){let t=n.physicalPlausibility.metrics;return[{label:"synthetic ratio",value:`${Math.round(t.syntheticEventRatio*100)}%`,flagged:t.syntheticEventRatio>.05},{label:"impossible seq.",value:String(t.impossibleSequences.count),flagged:t.impossibleSequences.count>0},{label:"unmatched keydowns",value:String(t.unmatchedKeydownCount),flagged:t.unmatchedKeydownCount>5},{label:"zero-latency",value:String(t.zeroLatencyEventCount),flagged:t.zeroLatencyEventCount>0},{label:"Bulk Insert",value:String(t.bulkInsertCharCount),flagged:!1}]}function tr(n){let t=n.temporalPatterns.metrics;return[{label:"duration",value:ie(t.sessionDurationMs),flagged:!1},{label:"warmup ratio",value:t.warmupRatio.toFixed(2),flagged:!1},{label:"fatigue ratio",value:t.fatigueRatio.toFixed(2),flagged:!1},{label:"burst ratio",value:t.burstPattern.burstToTotalRatio.toFixed(2),flagged:t.burstPattern.burstToTotalRatio>.7}]}function er(n){let t=n.writingProcess.metrics,e=Math.round(t.timeInPhase.planning*100),r=Math.round(t.timeInPhase.drafting*100),a=Math.round(t.timeInPhase.revision*100);return[{label:"planning",value:`${e}%`,flagged:!1},{label:"drafting",value:`${r}%`,flagged:r>85},{label:"revision",value:`${a}%`,flagged:!1},{label:"phase changes",value:String(t.phaseChangeCount),flagged:t.phaseChangeCount===0&&n.keydownCount>=200}]}function rr(n){return n>=1e6?`${(n/1e6).toFixed(1)}m`:n>=1e3?`${(n/1e3).toFixed(1)}k`:String(n)}function ie(n){let t=Math.round(n/1e3);if(t<60)return`${t}s`;let e=Math.floor(t/60),r=t%60;return r===0?`${e}m`:`${e}m ${r}s`}var se={"coefficient of variation":{definition:"Standard deviation divided by the mean \u2014 measures how spread out values are relative to their average. Low CV means uniform timing.",docsPath:"/docs/analysis/timing/"},"dwell time":{definition:"How long a key is held down before being released.",docsPath:"/docs/analysis/timing/"},"flight time":{definition:"The gap between releasing one key and pressing the next.",docsPath:"/docs/analysis/timing/"},"product-process ratio":{definition:"The ratio of final text length to total characters typed. Low values suggest heavy revision; near 1.0 suggests linear transcription.",docsPath:"/docs/analysis/revision/"},periodicity:{definition:"How rhythmically regular the typing pattern is. High periodicity suggests metronomic (automated) input."},entropy:{definition:"A measure of randomness in timing. Low entropy means predictable, uniform intervals."},burst:{definition:"A rapid sequence of keystrokes between pauses. Human typing naturally occurs in bursts."},"synthetic event":{definition:"A keyboard event generated programmatically rather than by a real keypress. Browsers mark these with isTrusted=false."},"change point":{definition:"A moment where typing rhythm shifts abruptly, potentially indicating a switch in input method."}};function ut(n,t){let e=k(n);for(let[r,a]of Object.entries(se)){let o=new RegExp(`\\b(${nr(r)})\\b`,"gi");e=e.replace(o,s=>{let i=`title="${k(a.definition)}" class="wt-term"`,c=k(s);if(a.docsPath){let l=(t??"https://writetrack.dev")+a.docsPath;return`<a href="${k(l)}" target="_blank" rel="noopener"><abbr ${i}>${c}</abbr></a>`}return`<abbr ${i}>${c}</abbr>`})}return e}function nr(n){return n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}var ar=10;function ht(n){var p,m,f,h,g,b,x,w,T,R,j,q;let t=n.finalTextLength??0,e=n.keydownCount??0,o=e>=ar&&t>0?Math.round(e/t*100)/100:null,s=((m=(p=n.contentOrigin)==null?void 0:p.metrics)==null?void 0:m.pasteEvents)??[],i=s.length>0&&t>0?Math.round(Math.max(...s.map(tt=>tt.characterCount))/t*100):null,c=((g=(h=(f=n.revisionBehavior)==null?void 0:f.metrics)==null?void 0:h.insertionDeletion)==null?void 0:g.deletionCount)??0,l=((x=(b=n.revisionBehavior)==null?void 0:b.metrics)==null?void 0:x.revisionAtFrontierRatio)??0,d=((T=(w=n.revisionBehavior)==null?void 0:w.metrics)==null?void 0:T.revisionAtPriorRatio)??0,u=((q=(j=(R=n.sessionContinuity)==null?void 0:R.metrics)==null?void 0:j.tabAwayEvents)==null?void 0:q.length)??0;return[{label:"Effort Ratio",value:o!==null?`${o.toFixed(2)}\xD7`:"--",status:o===null?"neutral":o<1?"flag":"clear",metric:"effort-ratio"},{label:"Largest Paste",value:i!==null?`${i}%`:"--",status:"neutral",metric:"largest-paste"},{label:"Corrections",value:c>0?`${Math.round(l*100)}% typo / ${Math.round(d*100)}% revision`:"--",status:"neutral",metric:"corrections"},{label:"Tab-Aways",value:String(u),status:"neutral",metric:"tab-aways"}]}var or=new Set(["effort-ratio","largest-paste","corrections","tab-aways"]),ir=`
|
|
188
|
+
.wt-badge {
|
|
189
|
+
display: inline-flex;
|
|
190
|
+
flex-direction: column;
|
|
191
|
+
gap: 2px;
|
|
192
|
+
padding: 6px 10px;
|
|
193
|
+
border-radius: var(--wt-radius, 6px);
|
|
194
|
+
background: var(--wt-color-surface, #1a1a1d);
|
|
195
|
+
border: 1px solid var(--wt-color-border, #27272a);
|
|
196
|
+
font-family: var(--wt-font-ui, system-ui, sans-serif);
|
|
197
|
+
min-width: 0;
|
|
198
|
+
}
|
|
199
|
+
.wt-badge-label {
|
|
200
|
+
font-size: 10px;
|
|
201
|
+
font-weight: 500;
|
|
202
|
+
color: var(--wt-color-text-muted, #a1a1aa);
|
|
203
|
+
text-transform: uppercase;
|
|
204
|
+
letter-spacing: 0.05em;
|
|
205
|
+
}
|
|
206
|
+
.wt-badge-value {
|
|
207
|
+
font-size: 14px;
|
|
208
|
+
font-weight: 600;
|
|
209
|
+
font-family: var(--wt-font-data, ui-monospace, monospace);
|
|
210
|
+
color: var(--wt-color-text, #fafafa);
|
|
211
|
+
}
|
|
212
|
+
.wt-badge-value.clear {
|
|
213
|
+
color: var(--wt-color-primary, #2B7A5D);
|
|
214
|
+
}
|
|
215
|
+
.wt-badge-value.flag {
|
|
216
|
+
color: var(--wt-color-flag, #B8412D);
|
|
217
|
+
}
|
|
218
|
+
`;function St(n){let t=document.createElement("div");t.className="stat-badges";for(let e of n){let r=document.createElement("span");r.className="stat-badge";let a=document.createElement("span");a.className="stat-badge-label",a.textContent=e.label;let o=document.createElement("span");o.className=`stat-badge-value ${e.status}`,o.textContent=e.value,r.append(a,o),t.appendChild(r)}return t}var pt=class extends y{static get observedAttributes(){return["data","theme","label","metric"]}attributeChangedCallback(t,e,r){if(t==="metric"&&this._data){this.setData(this._data);return}super.attributeChangedCallback(t,e,r)}getStylesheet(){return et+`
|
|
219
|
+
`+ir}render(){if(!this._data)return;let t=this.getAttribute("metric");if(!t||!or.has(t)){this.container.replaceChildren();return}let r=ht(this._data).find(i=>i.metric===t);if(!r||r.value==="--"){this.container.replaceChildren();return}let a=document.createElement("div");a.className="wt-badge";let o=document.createElement("span");o.className="wt-badge-label",o.textContent=r.label;let s=document.createElement("span");s.className=`wt-badge-value ${r.status}`,s.textContent=r.value,a.append(o,s),this.replaceChart(a)}};pt.tagName="wt-badge";var sr="0.10.1",ce=["contentOrigin","timingAuthenticity","revisionBehavior","sessionContinuity","physicalPlausibility","temporalPatterns"],cr={contentOrigin:[0,1],timingAuthenticity:[0,1],revisionBehavior:[0,3],sessionContinuity:[0,1],physicalPlausibility:[0,1],temporalPatterns:[1,2],writingProcess:[0,1]},lr={contentOrigin:"Origin",timingAuthenticity:"Rhythm",revisionBehavior:"Revisions",sessionContinuity:"Continuity",physicalPlausibility:"Plausibility",temporalPatterns:"Temporal",writingProcess:"Process"},dr={contentOrigin:{name:"Edit Beeswarm",desc:"Per-keystroke dot plot showing inserts, deletes, pastes, and cuts over time"},timingAuthenticity:{name:"Rhythm Heatmap",desc:"Dwell time vs flight time scatter showing keystroke timing distribution"},revisionBehavior:{name:"Corrections Timeline",desc:"Edit operations plotted over session time, sized by magnitude"},sessionContinuity:{name:"Document Growth Curve",desc:"Document length over session time, highlighting change points"},physicalPlausibility:{name:"Edit Waterfall",desc:"Cursor position over time, showing insertion and deletion patterns"},temporalPatterns:{name:"Speed Timeline",desc:"Words per minute over session duration, showing warmup, peak, and fatigue"},writingProcess:{name:"Writing Process",desc:"Planning, drafting, and revision phases over session time"}},mr=`:host { display: block; overflow: hidden; }
|
|
172
220
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
173
221
|
.page {
|
|
174
222
|
max-width: 100%;
|
|
@@ -179,111 +227,194 @@ var yt=`:host {
|
|
|
179
227
|
}
|
|
180
228
|
|
|
181
229
|
/* \u2500\u2500 Header \u2500\u2500 */
|
|
182
|
-
.header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
|
|
183
|
-
.header-
|
|
184
|
-
.header-
|
|
185
|
-
.header-meta
|
|
186
|
-
.
|
|
187
|
-
font-family: var(--wt-scorecard-font-
|
|
188
|
-
color: var(--wt-scorecard-text
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
230
|
+
.header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; gap: 1rem; }
|
|
231
|
+
.header-logo { flex-shrink: 0; }
|
|
232
|
+
.header-logo svg { display: block; }
|
|
233
|
+
.header-meta { flex: 1; }
|
|
234
|
+
.header-title {
|
|
235
|
+
font-family: var(--wt-scorecard-font-display); font-weight: 700; font-size: 1.25rem;
|
|
236
|
+
color: var(--wt-scorecard-text); margin-bottom: 0.125rem;
|
|
237
|
+
}
|
|
238
|
+
.header-session-id {
|
|
239
|
+
font-family: var(--wt-scorecard-font-data); font-size: 0.75rem;
|
|
240
|
+
color: var(--wt-scorecard-text-tertiary); margin-bottom: 0.25rem;
|
|
241
|
+
}
|
|
242
|
+
.header-meta-line {
|
|
243
|
+
font-size: 0.75rem; color: var(--wt-scorecard-text-tertiary);
|
|
244
|
+
font-family: var(--wt-scorecard-font-data);
|
|
245
|
+
}
|
|
246
|
+
.header-qr { flex-shrink: 0; }
|
|
247
|
+
.header-qr svg { display: block; width: 48px; height: 48px; }
|
|
248
|
+
.header-actions { display: flex; flex-direction: column; gap: 0.25rem; flex-shrink: 0; }
|
|
249
|
+
.header-actions button {
|
|
250
|
+
appearance: none; border: 1px solid var(--wt-scorecard-border); background: var(--wt-scorecard-bg-card);
|
|
251
|
+
color: var(--wt-scorecard-text-secondary); border-radius: 6px; padding: 0.375rem;
|
|
252
|
+
cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
|
|
253
|
+
transition: background-color 0.15s, color 0.15s;
|
|
254
|
+
}
|
|
255
|
+
.header-actions button:hover {
|
|
256
|
+
background: var(--wt-scorecard-bg-card-hover); color: var(--wt-scorecard-text);
|
|
257
|
+
}
|
|
258
|
+
.header-actions button svg { display: block; width: 16px; height: 16px; }
|
|
259
|
+
|
|
260
|
+
/* \u2500\u2500 Version footer \u2500\u2500 */
|
|
261
|
+
.version-footer {
|
|
262
|
+
margin-top: 1rem; padding-top: 0.75rem;
|
|
263
|
+
font-size: 0.6875rem; color: var(--wt-scorecard-text-tertiary);
|
|
264
|
+
text-align: center;
|
|
265
|
+
}
|
|
193
266
|
|
|
194
|
-
/* \u2500\u2500
|
|
195
|
-
.
|
|
196
|
-
.
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
.summary-
|
|
267
|
+
/* \u2500\u2500 Integrity details (bottom) \u2500\u2500 */
|
|
268
|
+
.integrity-details { margin-top: 1.5rem; border-top: 1px solid var(--wt-scorecard-border); padding-top: 1rem; }
|
|
269
|
+
.integrity-details summary {
|
|
270
|
+
font-size: 0.75rem; font-weight: 500; text-transform: uppercase;
|
|
271
|
+
letter-spacing: 0.06em; color: var(--wt-scorecard-text-tertiary);
|
|
272
|
+
cursor: pointer; list-style: none; display: flex; align-items: center; gap: 0.375rem;
|
|
273
|
+
}
|
|
274
|
+
.integrity-details summary::-webkit-details-marker { display: none; }
|
|
275
|
+
.integrity-details summary::before { content: '\u25B8'; font-size: 0.625rem; transition: transform 0.2s; }
|
|
276
|
+
.integrity-details[open] summary::before { transform: rotate(90deg); }
|
|
277
|
+
.integrity-details .integrity-stats {
|
|
278
|
+
font-size: 0.75rem; color: var(--wt-scorecard-text-tertiary); margin-left: auto;
|
|
279
|
+
}
|
|
280
|
+
.integrity-hash-block { margin-top: 0.75rem; }
|
|
281
|
+
.integrity-hash-label {
|
|
282
|
+
display: block; font-size: 0.625rem; font-weight: 500; text-transform: uppercase;
|
|
283
|
+
letter-spacing: 0.06em; color: var(--wt-scorecard-text-tertiary); margin-bottom: 0.25rem;
|
|
284
|
+
}
|
|
285
|
+
.hash {
|
|
286
|
+
font-family: var(--wt-scorecard-font-data); font-size: 0.6875rem;
|
|
287
|
+
color: var(--wt-scorecard-text-secondary); background: var(--wt-scorecard-bg-card);
|
|
288
|
+
padding: 0.375rem 0.625rem; border-radius: 3px; display: block;
|
|
289
|
+
word-break: break-all; line-height: 1.5;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
/* \u2500\u2500 Narrative \u2500\u2500 */
|
|
293
|
+
.narrative {
|
|
294
|
+
font-size: 0.9375rem; color: var(--wt-scorecard-text-secondary); line-height: 1.6;
|
|
295
|
+
margin-bottom: 1.25rem; padding: 0 0.25rem;
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
/* \u2500\u2500 Origin bar \u2500\u2500 */
|
|
299
|
+
.origin-bar-container {
|
|
300
|
+
margin-bottom: 1.25rem; padding: 0 0.25rem;
|
|
301
|
+
}
|
|
302
|
+
.origin-bar-container svg { display: block; width: 100%; border-radius: 4px; overflow: hidden; }
|
|
303
|
+
|
|
304
|
+
/* \u2500\u2500 Stat badges \u2500\u2500 */
|
|
305
|
+
.stat-badges {
|
|
306
|
+
display: flex; gap: 0.5rem; flex-wrap: wrap;
|
|
307
|
+
margin-bottom: 1rem; padding: 0 0.25rem;
|
|
308
|
+
}
|
|
309
|
+
.stat-badge {
|
|
310
|
+
display: inline-flex; align-items: center;
|
|
311
|
+
border-radius: 999px; overflow: hidden;
|
|
312
|
+
font-size: 0.75rem; line-height: 1;
|
|
313
|
+
border: 1px solid var(--wt-scorecard-border);
|
|
314
|
+
}
|
|
315
|
+
.stat-badge-label {
|
|
316
|
+
padding: 0.3125rem 0.5rem;
|
|
317
|
+
color: var(--wt-scorecard-text-secondary);
|
|
318
|
+
font-family: var(--wt-scorecard-font-body);
|
|
319
|
+
font-weight: 500;
|
|
320
|
+
}
|
|
321
|
+
.stat-badge-value {
|
|
322
|
+
padding: 0.3125rem 0.625rem;
|
|
323
|
+
font-family: var(--wt-scorecard-font-data);
|
|
324
|
+
font-weight: 600;
|
|
325
|
+
}
|
|
326
|
+
.stat-badge-value.clear {
|
|
327
|
+
background: var(--wt-scorecard-status-clear);
|
|
328
|
+
color: #fff;
|
|
329
|
+
}
|
|
330
|
+
.stat-badge-value.flag {
|
|
331
|
+
background: var(--wt-scorecard-status-flagged);
|
|
332
|
+
color: #fff;
|
|
333
|
+
}
|
|
334
|
+
.stat-badge-value.neutral {
|
|
335
|
+
background: var(--wt-scorecard-border);
|
|
336
|
+
color: var(--wt-scorecard-text);
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
/* \u2500\u2500 Flags \u2500\u2500 */
|
|
340
|
+
.flags { margin-bottom: 1.25rem; padding: 0 0.25rem; }
|
|
341
|
+
.flag-item {
|
|
202
342
|
border-left: 2px solid var(--wt-scorecard-status-flagged); padding-left: 0.75rem;
|
|
203
|
-
font-size: 0.
|
|
343
|
+
font-size: 0.8125rem; color: var(--wt-scorecard-text-secondary); line-height: 1.6;
|
|
344
|
+
margin-bottom: 0.75rem;
|
|
204
345
|
}
|
|
205
|
-
.
|
|
346
|
+
.flag-item:last-child { margin-bottom: 0; }
|
|
347
|
+
.flag-label {
|
|
206
348
|
color: var(--wt-scorecard-status-flagged); font-weight: 600; font-size: 0.6875rem;
|
|
207
349
|
text-transform: uppercase; letter-spacing: 0.06em;
|
|
208
350
|
}
|
|
209
351
|
|
|
210
|
-
/* \u2500\u2500 Tier labels \u2500\u2500 */
|
|
211
|
-
.tier-label {
|
|
212
|
-
font-size: 0.6875rem; font-weight: 600; text-transform: uppercase;
|
|
213
|
-
letter-spacing: 0.1em; color: var(--wt-scorecard-text-tertiary);
|
|
214
|
-
margin-top: 1.5rem; margin-bottom: 0.625rem;
|
|
215
|
-
padding-bottom: 0.375rem; border-bottom: 1px solid var(--wt-scorecard-border);
|
|
216
|
-
}
|
|
217
|
-
|
|
218
352
|
/* \u2500\u2500 Grid \u2500\u2500 */
|
|
353
|
+
.grid-container {
|
|
354
|
+
container-type: inline-size;
|
|
355
|
+
container-name: grid;
|
|
356
|
+
}
|
|
219
357
|
.indicator-grid {
|
|
220
358
|
display: grid;
|
|
221
|
-
grid-template-columns: repeat(
|
|
359
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
222
360
|
border: 1px solid var(--wt-scorecard-border);
|
|
223
361
|
}
|
|
224
362
|
.cell {
|
|
225
|
-
padding:
|
|
363
|
+
padding: 0.75rem 0.875rem;
|
|
226
364
|
background: var(--wt-scorecard-bg-card);
|
|
227
365
|
border-right: 1px solid var(--wt-scorecard-border);
|
|
228
366
|
cursor: pointer;
|
|
229
367
|
transition: background-color 0.15s;
|
|
230
368
|
position: relative;
|
|
231
369
|
}
|
|
232
|
-
.cell:nth-child(
|
|
370
|
+
.cell:nth-child(6n) { border-right: none; }
|
|
233
371
|
.cell:hover { background: var(--wt-scorecard-bg-card-hover); }
|
|
372
|
+
.cell:not(.selected):hover::after {
|
|
373
|
+
content: ''; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
|
|
374
|
+
width: 0; height: 0; z-index: 3;
|
|
375
|
+
border-left: 8px solid transparent; border-right: 8px solid transparent;
|
|
376
|
+
border-top: 8px solid var(--wt-scorecard-border);
|
|
377
|
+
}
|
|
378
|
+
.cell.flagged:not(.selected):hover::after {
|
|
379
|
+
border-top-color: color-mix(in srgb, var(--wt-scorecard-status-flagged) 30%, transparent);
|
|
380
|
+
}
|
|
234
381
|
.cell.flagged { background: var(--wt-scorecard-bg-card-flagged); }
|
|
235
|
-
.cell.flagged .cell-name
|
|
382
|
+
.cell.flagged .cell-name { border-left: 3px solid var(--wt-scorecard-status-flagged); padding-left: 0.5rem; }
|
|
236
383
|
.cell.selected { background: var(--wt-scorecard-bg-detail); }
|
|
237
384
|
.cell.selected::after {
|
|
238
|
-
content: ''; position: absolute; bottom: -
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
.cell
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
}
|
|
247
|
-
.cell-
|
|
248
|
-
.cell-
|
|
385
|
+
content: ''; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
|
|
386
|
+
width: 0; height: 0; z-index: 3;
|
|
387
|
+
border-left: 8px solid transparent; border-right: 8px solid transparent;
|
|
388
|
+
border-top: 8px solid var(--wt-scorecard-status-clear);
|
|
389
|
+
}
|
|
390
|
+
.cell.selected.flagged::after {
|
|
391
|
+
border-top-color: var(--wt-scorecard-status-flagged);
|
|
392
|
+
}
|
|
393
|
+
.cell-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.25rem; gap: 0.25rem; }
|
|
394
|
+
.cell-name-short { display: inline; }
|
|
395
|
+
.cell-name-full { display: none; }
|
|
396
|
+
@container grid (min-width: 900px) {
|
|
397
|
+
.cell-name-short { display: none; }
|
|
398
|
+
.cell-name-full { display: inline; }
|
|
399
|
+
}
|
|
400
|
+
.cell-name { font-family: var(--wt-scorecard-font-display); font-weight: 600; font-size: 0.875rem; line-height: 1.3; color: var(--wt-scorecard-text); }
|
|
401
|
+
.cell-status { display: none; }
|
|
249
402
|
.cell-chart { height: 52px; margin: 0.5rem 0 0.5rem; }
|
|
250
403
|
.cell-chart svg { display: block; width: 100%; height: 100%; }
|
|
404
|
+
.cell-chart .wt-empty { display: none; }
|
|
251
405
|
.cell-metrics { display: flex; flex-direction: column; gap: 0.1875rem; }
|
|
252
406
|
.cell-metric { display: flex; justify-content: space-between; align-items: baseline; }
|
|
253
|
-
.cell-metric-label { font-size: 0.
|
|
254
|
-
.cell-metric-value { font-family: var(--wt-scorecard-font-data); font-size: 0.
|
|
255
|
-
.cell-affordance {
|
|
256
|
-
display: flex; align-items: center; justify-content: flex-end;
|
|
257
|
-
gap: 0.25rem; margin-top: 0.5rem;
|
|
258
|
-
font-size: 0.6875rem; font-weight: 500; color: var(--wt-scorecard-text-tertiary);
|
|
259
|
-
transition: color 0.2s;
|
|
260
|
-
}
|
|
261
|
-
.cell:hover .cell-affordance { color: var(--wt-scorecard-text-secondary); }
|
|
262
|
-
.cell.selected .cell-affordance { color: var(--wt-scorecard-text-secondary); }
|
|
263
|
-
.cell-affordance-arrow {
|
|
264
|
-
display: inline-block; transition: transform 0.25s;
|
|
265
|
-
font-size: 0.625rem;
|
|
266
|
-
}
|
|
267
|
-
.cell.selected .cell-affordance-arrow { transform: rotate(90deg); }
|
|
268
|
-
.cell-allclear {
|
|
269
|
-
display: flex; align-items: center; gap: 0.375rem;
|
|
270
|
-
font-size: 0.75rem; color: var(--wt-scorecard-status-clear); font-weight: 500;
|
|
271
|
-
margin-top: 0.375rem;
|
|
272
|
-
}
|
|
273
|
-
.cell-allclear-dot {
|
|
274
|
-
width: 5px; height: 5px; border-radius: 50%;
|
|
275
|
-
background: var(--wt-scorecard-status-clear); flex-shrink: 0;
|
|
276
|
-
}
|
|
407
|
+
.cell-metric-label { font-size: 0.6875rem; color: var(--wt-scorecard-text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
408
|
+
.cell-metric-value { font-family: var(--wt-scorecard-font-data); font-size: 0.75rem; color: var(--wt-scorecard-text); flex-shrink: 0; }
|
|
277
409
|
|
|
278
410
|
/* \u2500\u2500 Detail panel \u2500\u2500 */
|
|
279
411
|
.detail-panel {
|
|
280
|
-
overflow: hidden; height: 0;
|
|
281
|
-
transition: height 0.35s ease;
|
|
282
412
|
background: var(--wt-scorecard-bg-detail);
|
|
283
413
|
border: 1px solid var(--wt-scorecard-border); border-top: none;
|
|
284
|
-
position: relative;
|
|
414
|
+
margin-top: 8px; position: relative;
|
|
285
415
|
}
|
|
286
|
-
.detail-inner { padding: 1.5rem 1.5rem 1.25rem; }
|
|
416
|
+
.detail-inner { padding: 1.5rem 1.5rem 1.25rem; transition: opacity 0.2s ease; }
|
|
417
|
+
.detail-inner.fading { opacity: 0; }
|
|
287
418
|
.detail-head { display: flex; align-items: baseline; gap: 0.75rem; margin-bottom: 0.25rem; }
|
|
288
419
|
.detail-name { font-family: var(--wt-scorecard-font-display); font-weight: 600; font-size: 1.1875rem; color: var(--wt-scorecard-text); }
|
|
289
420
|
.detail-code { font-family: var(--wt-scorecard-font-data); font-size: 0.6875rem; color: var(--wt-scorecard-text-tertiary); }
|
|
@@ -291,8 +422,9 @@ var yt=`:host {
|
|
|
291
422
|
.detail-status-label.clear { color: var(--wt-scorecard-status-clear); }
|
|
292
423
|
.detail-status-label.flagged { color: var(--wt-scorecard-status-flagged); }
|
|
293
424
|
.detail-summary { font-size: 0.9375rem; color: var(--wt-scorecard-text-secondary); margin-bottom: 1rem; line-height: 1.5; }
|
|
294
|
-
.detail-chart-area { height:
|
|
425
|
+
.detail-chart-area { min-height: 120px; margin-bottom: 0.375rem; display: flex; align-items: center; justify-content: center; }
|
|
295
426
|
.detail-chart-area svg { display: block; width: 100%; }
|
|
427
|
+
.detail-chart-empty { font-size: 0.8125rem; color: var(--wt-scorecard-text-tertiary); font-style: italic; }
|
|
296
428
|
.detail-chart-caption { font-size: 0.6875rem; color: var(--wt-scorecard-text-tertiary); margin-bottom: 1.25rem; font-style: italic; }
|
|
297
429
|
.detail-metrics {
|
|
298
430
|
display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
|
|
@@ -310,14 +442,6 @@ var yt=`:host {
|
|
|
310
442
|
font-size: 0.8125rem; color: var(--wt-scorecard-text-tertiary); line-height: 1.55;
|
|
311
443
|
padding-top: 0.75rem; border-top: 1px solid var(--wt-scorecard-border);
|
|
312
444
|
}
|
|
313
|
-
.detail-close {
|
|
314
|
-
position: absolute; top: 1rem; right: 1rem;
|
|
315
|
-
font-family: var(--wt-scorecard-font-body); font-size: 0.75rem; font-weight: 500;
|
|
316
|
-
color: var(--wt-scorecard-text-tertiary); background: none; border: 1px solid var(--wt-scorecard-border);
|
|
317
|
-
border-radius: 3px; padding: 0.125rem 0.5rem; cursor: pointer;
|
|
318
|
-
transition: color 0.15s, border-color 0.15s;
|
|
319
|
-
}
|
|
320
|
-
.detail-close:hover { color: var(--wt-scorecard-text-secondary); border-color: var(--wt-scorecard-border-heavy); }
|
|
321
445
|
|
|
322
446
|
/* \u2500\u2500 Print \u2500\u2500 */
|
|
323
447
|
@media print {
|
|
@@ -331,29 +455,37 @@ var yt=`:host {
|
|
|
331
455
|
--wt-scorecard-chart-line: #1C1B18; --wt-scorecard-chart-accent: #2B7A5D;
|
|
332
456
|
--wt-scorecard-chart-flagged: #B8412D;
|
|
333
457
|
}
|
|
334
|
-
.
|
|
335
|
-
.detail-panel { height: auto !important; overflow: visible !important; }
|
|
458
|
+
.detail-panel { overflow: visible !important; }
|
|
336
459
|
.page { padding: 0; max-width: none; }
|
|
460
|
+
.header-actions { display: none; }
|
|
337
461
|
}
|
|
338
462
|
|
|
339
|
-
/* \u2500\u2500 Responsive \u2500\u2500 */
|
|
340
|
-
@
|
|
463
|
+
/* \u2500\u2500 Responsive (container queries \u2014 responds to scorecard width, not viewport) \u2500\u2500 */
|
|
464
|
+
@container grid (max-width: 600px) {
|
|
465
|
+
.indicator-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
|
466
|
+
.cell:nth-child(6n) { border-right: 1px solid var(--wt-scorecard-border); }
|
|
467
|
+
.cell:nth-child(3n) { border-right: none; }
|
|
468
|
+
.cell { border-bottom: 1px solid var(--wt-scorecard-border); }
|
|
469
|
+
.cell:nth-child(n+4) { border-bottom: 1px solid var(--wt-scorecard-border); }
|
|
470
|
+
.cell:nth-child(4):nth-last-child(3),
|
|
471
|
+
.cell:nth-child(5):nth-last-child(2),
|
|
472
|
+
.cell:nth-child(6):last-child { border-bottom: none; }
|
|
473
|
+
}
|
|
474
|
+
@container grid (max-width: 400px) {
|
|
341
475
|
.indicator-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
342
476
|
.cell:nth-child(3n) { border-right: 1px solid var(--wt-scorecard-border); }
|
|
343
477
|
.cell:nth-child(2n) { border-right: none; }
|
|
344
478
|
.cell { border-bottom: 1px solid var(--wt-scorecard-border); }
|
|
345
479
|
.cell:last-child { border-bottom: none; }
|
|
346
480
|
}
|
|
347
|
-
@
|
|
481
|
+
@container grid (max-width: 300px) {
|
|
348
482
|
.indicator-grid { grid-template-columns: 1fr; }
|
|
349
483
|
.cell { border-right: none; border-bottom: 1px solid var(--wt-scorecard-border); }
|
|
350
484
|
.cell:last-child { border-bottom: none; }
|
|
351
|
-
.summary-headline { flex-direction: column; gap: 0.25rem; }
|
|
352
|
-
.summary-headline h1 { font-size: 1.5rem; }
|
|
353
485
|
}
|
|
354
486
|
@media (max-width: 480px) {
|
|
355
487
|
.page { padding: 1.25rem 1rem 2rem; }
|
|
356
488
|
.detail-inner { padding: 1rem; }
|
|
357
489
|
}
|
|
358
|
-
`,
|
|
359
|
-
`+Ee}attributeChangedCallback(e,n,r){if(e==="theme"&&this._data&&this.hasRendered){let o=this.shadow.querySelector(".theme-toggle");o&&(o.textContent=r==="dark"?"Light":"Dark");let i=this.shadow.querySelector("wt-integrity-footer");i&&r&&i.setAttribute("theme",r),requestAnimationFrame(()=>this.rerenderAllCharts());return}super.attributeChangedCallback(e,n,r)}render(){var m;if(!((m=this._data)!=null&&m.analysis))return;let{data:e,analysis:n}=this._data;this.t={1:null,2:null};let r=document.createElement("div");r.className="page",r.appendChild(this.buildHeader(n,e.metadata.sessionId??"")),r.appendChild(this.buildSummary(n)),r.appendChild(this.buildTierLabel("Primary Evidence"));let o=this.buildGrid(1,n);r.appendChild(o);let i=this.buildDetailPanel(1);r.appendChild(i),r.appendChild(this.buildTierLabel("Supporting Context"));let s=this.buildGrid(2,n);r.appendChild(s);let l=this.buildDetailPanel(2);r.appendChild(l);let c=document.createElement("wt-integrity-footer"),d=this.getAttribute("theme");d&&c.setAttribute("theme",d),Pt(c),c.setData({integrity:n.integrity,outputSignature:n.outputSignature,sessionId:e.metadata.sessionId??""}),r.appendChild(c),this.replaceChart(r),requestAnimationFrame(()=>{this.renderAllCharts()})}buildHeader(e,n){let r=document.createElement("header");r.className="header";let o=document.createElement("div");o.className="header-meta";let i=document.createElement("span");i.textContent=`WriteTrack v${e.version}`;let s=document.createElement("span");s.className="sep",s.innerHTML="·";let l=document.createElement("span"),c=new Date(e.analyzedAt);l.textContent=c.toLocaleDateString("en-GB",{day:"numeric",month:"long",year:"numeric"});let d=document.createElement("span");d.className="sep",d.innerHTML="·";let m=document.createElement("span");if(m.className="mono",m.textContent=n,o.append(i,s,l,d,m),this.hasAttribute("no-toggle"))r.append(o);else{let u=document.createElement("button");u.className="theme-toggle",u.textContent=this.getAttribute("theme")==="dark"?"Light":"Dark",u.addEventListener("click",()=>{let y=this.getAttribute("theme")==="dark"?"light":"dark";this.setAttribute("theme",y);try{localStorage.setItem("writetrack-v4-theme",y)}catch{}}),r.append(o,u)}return r}buildSummary(e){let n=document.createElement("section");n.className="summary";let r=document.createElement("div");r.className="summary-headline";let o=document.createElement("h1");o.textContent="Session Scorecard";let i=nt.filter(d=>$(this.getIndicatorCode(e,d))==="pass").length,s=document.createElement("span");s.className="tally",s.textContent=`${i} of ${nt.length} clear`,r.append(o,s),n.appendChild(r);let l=document.createElement("div");l.className="summary-stats";let c=it(e.temporalPatterns.metrics.sessionDurationMs);l.innerHTML=`<span>${v(c)} duration</span><span class="sep">·</span><span>${e.keydownCount} keystrokes</span>`,n.appendChild(l);for(let d of nt)if($(this.getIndicatorCode(e,d))==="flag"){let m=document.createElement("div");m.className="summary-flag";let u=at(d,e);m.innerHTML=`<strong>Flagged</strong> ${v(F[d]??d)}\u2009\u2014\u2009${v(u)}`,n.appendChild(m)}return n}buildTierLabel(e){let n=document.createElement("div");return n.className="tier-label",n.textContent=e,n}buildGrid(e,n){let r=document.createElement("div");r.className="indicator-grid",r.id=`grid-${e}`;let o=e===1?pt:ht;for(let i of o)r.appendChild(this.buildCell(i,n));return r}buildCell(e,n){let r=this.getIndicatorCode(n,e),i=$(r)==="flag",s=document.createElement("div");s.className="cell"+(i?" flagged":""),s.setAttribute("data-category",e),s.addEventListener("click",()=>this.selectCell(e));let l=document.createElement("div");l.className="cell-header";let c=document.createElement("div");c.className="cell-name-col";let d=document.createElement("span");d.className="cell-name",d.textContent=F[e]??e,c.appendChild(d);let m=document.createElement("span");m.className=`cell-status ${i?"flagged":"clear"}`,m.textContent=i?"flagged":"clear",l.append(c,m),s.appendChild(l);let u=document.createElement("div");u.className="cell-chart",s.appendChild(u);let p=ot(e,n),y=Ce[e];if(e==="physicalPlausibility"&&!i)if(p.every(b=>b.value==="0"||b.value==="0%")){let b=document.createElement("div");b.className="cell-allclear",b.innerHTML='<span class="cell-allclear-dot"></span>No anomalies detected',s.appendChild(b)}else s.appendChild(this.buildCellMetrics(p,y));else s.appendChild(this.buildCellMetrics(p,y));let h=document.createElement("div");return h.className="cell-affordance",h.innerHTML='<span>Details</span><span class="cell-affordance-arrow">▸</span>',s.appendChild(h),s}buildCellMetrics(e,n){let r=document.createElement("div");r.className="cell-metrics";for(let o of n){let i=e[o];if(!i)continue;let s=document.createElement("div");s.className="cell-metric",s.innerHTML=`<span class="cell-metric-label">${v(i.label)}</span><span class="cell-metric-value">${v(i.value)}</span>`,r.appendChild(s)}return r}buildDetailPanel(e){let n=document.createElement("div");n.className="detail-panel",n.id=`detail-${e}`;let r=document.createElement("button");r.className="detail-close",r.setAttribute("aria-label","Close detail"),r.innerHTML="× Close",r.addEventListener("click",i=>{i.stopPropagation(),this.closeDetail(e)}),n.appendChild(r);let o=document.createElement("div");return o.className="detail-inner",o.id=`detail-${e}-inner`,n.appendChild(o),n}selectCell(e){var d;let n=(d=this._data)==null?void 0:d.analysis;if(!n)return;let r=Dt[e],o=this.shadow.getElementById(`detail-${r}`),i=this.shadow.getElementById(`detail-${r}-inner`);if(!o||!i)return;let s=this.shadow.getElementById(`grid-${r}`);if(s==null||s.querySelectorAll(".cell").forEach(m=>m.classList.remove("selected")),this.t[r]===e){this.collapsePanel(o),this.t[r]=null;return}let l=this.t[r]!==null;this.t[r]=e;let c=s==null?void 0:s.querySelector(`[data-category="${e}"]`);c==null||c.classList.add("selected"),this.populateDetail(i,e,n),l?requestAnimationFrame(()=>{let m=i.querySelector(".detail-chart-area");if(m){let u=this.plotCategory(e,!1);u&&m.replaceChildren(u)}}):this.expandPanel(o,()=>{let m=i.querySelector(".detail-chart-area");if(m){let u=this.plotCategory(e,!1);u&&m.replaceChildren(u)}})}populateDetail(e,n,r){let o=this.getIndicatorCode(r,n),s=$(o)==="flag",l='<div class="detail-head">';l+=`<span class="detail-name">${v(F[n]??n)}</span>`,l+=`<span class="detail-code">${v(o??"")}</span>`,l+=`<span class="detail-status-label ${s?"flagged":"clear"}">${s?"flagged":"clear"}</span>`,l+="</div>";let c=at(n,r);l+=`<p class="detail-summary">${st(c)}</p>`,l+='<div class="detail-chart-area"></div>';let d=Te[n];l+=`<div class="detail-chart-caption">${v(d.name)} \u2014 ${v(d.desc)}</div>`;let m=ot(n,r);l+='<div class="detail-metrics">';for(let p of m)l+=`<div class="detail-metric"><span class="detail-metric-value">${v(p.value)}</span><span class="detail-metric-label">${v(p.label)}</span></div>`;l+="</div>";let u=ft(n);u&&(l+=`<p class="detail-explainer">${st(u)}</p>`),e.innerHTML=l}closeDetail(e){let n=this.shadow.getElementById(`detail-${e}`);if(!n)return;let r=this.shadow.getElementById(`grid-${e}`);r==null||r.querySelectorAll(".cell").forEach(o=>o.classList.remove("selected")),this.collapsePanel(n),this.t[e]=null}expandPanel(e,n){let r=e.querySelector(".detail-inner");e.style.height="0px",e.style.display="block",e.offsetHeight,e.style.height=`${r.offsetHeight+40}px`;let o=()=>{e.style.height="auto",n==null||n()};e.addEventListener("transitionend",o,{once:!0})}collapsePanel(e){e.style.height=`${e.scrollHeight}px`,e.offsetHeight,e.style.height="0px";let n=()=>{e.style.display=""};e.addEventListener("transitionend",n,{once:!0})}getIndicatorCode(e,n){var o;let r=e[n];return(o=r==null?void 0:r.indicator)==null?void 0:o.code}getComputedColors(){let e=getComputedStyle(this);return{line:e.getPropertyValue("--wt-scorecard-chart-line").trim()||"#1C1B18",accent:e.getPropertyValue("--wt-scorecard-chart-accent").trim()||"#2B7A5D",flagged:e.getPropertyValue("--wt-scorecard-chart-flagged").trim()||"#B8412D",border:e.getPropertyValue("--wt-scorecard-border").trim()||"#E0DED6",tertiary:e.getPropertyValue("--wt-scorecard-text-tertiary").trim()||"#706E64"}}getChartWidth(e,n){var o;let r=n?`[data-category="${e}"] .cell-chart`:`#detail-${Dt[e]}-inner .detail-chart-area`;return((o=this.shadow.querySelector(r))==null?void 0:o.getBoundingClientRect().width)??300}plotOpts(e,n,r,o,i){return{width:e,height:n?52:200,marginTop:n?4:36,marginRight:n?0:16,marginBottom:n?4:44,marginLeft:n?0:55,x:n?{axis:null,...o}:{...o},y:n?{axis:null,...i}:{...i},style:{background:"transparent",color:r.tertiary,fontFamily:"var(--wt-scorecard-font-data)",fontSize:"10px"}}}plotCategory(e,n){var d;if(!((d=this._data)!=null&&d.analysis))return null;let{data:r,analysis:o}=this._data,i=this.getComputedColors(),s=this.getIndicatorCode(o,e),c=$(s)==="flag"?i.flagged:i.accent;switch(e){case"contentOrigin":return this.plotContentOrigin(o,n,i);case"timingAuthenticity":return this.plotTimingAuthenticity(o,n,i,c);case"revisionBehavior":return this.plotRevisionBehavior(r,n,i);case"sessionContinuity":return this.plotSessionContinuity(r,o,n,i,c);case"physicalPlausibility":return this.plotPhysicalPlausibility(r,n,i);case"temporalPatterns":return this.plotTemporalPatterns(o,n,i,c)}}renderAllCharts(){this.shadow.querySelectorAll(".cell-chart").forEach(e=>{let n=e.closest(".cell"),r=n==null?void 0:n.getAttribute("data-category");if(!r)return;let o=this.plotCategory(r,!0);o&&e.replaceChildren(o)})}rerenderAllCharts(){this.renderAllCharts();for(let e of[1,2]){let n=this.t[e];if(n){let r=this.shadow.querySelector(`#detail-${e}-inner .detail-chart-area`);if(r){let o=this.plotCategory(n,!1);o&&r.replaceChildren(o)}}}}plotContentOrigin(e,n,r){let o=V(e);if(o.length===0)return null;let i={typing:r.accent,paste:r.flagged,pause:r.border,tabAway:r.tertiary,autocomplete:r.flagged,navigating:r.line},s=o.map(d=>({...d,color:i[d.type]??r.line})),l=this.getChartWidth("contentOrigin",n),c=this.plotOpts(l,n,r,{label:"Time (s)"},{padding:.2});return f.plot({...c,marginLeft:n?0:8,y:{axis:null,padding:.2},marks:[f.barX(s,{x1:"start",x2:"end",fill:"color",y:()=>"Activity",inset:.5})]})}plotTimingAuthenticity(e,n,r,o){let i=U(e);if(i.length===0)return null;let s=this.getChartWidth("timingAuthenticity",n),l=[f.dot(i,{x:"dwell",y:"flight",fill:o,fillOpacity:n?.4:.5,r:n?2:3,stroke:"none"})];if(!n){let c=i.reduce((m,u)=>m+u.dwell,0)/i.length,d=i.reduce((m,u)=>m+u.flight,0)/i.length;l.push(f.ruleX([c],{stroke:r.accent,strokeDasharray:"4,4",strokeWidth:1}),f.ruleY([d],{stroke:r.accent,strokeDasharray:"4,4",strokeWidth:1}))}return f.plot({...this.plotOpts(s,n,r,{label:"Dwell (ms)"},{label:"Flight (ms)"}),marginRight:n?4:12,marks:l})}plotRevisionBehavior(e,n,r){let o=rt(e);if(o.length===0)return null;let i={insert:r.accent,delete:r.flagged,paste:r.line,cut:r.tertiary},s=o.map(c=>({...c,color:i[c.type]??r.line})),l=this.getChartWidth("revisionBehavior",n);return n?f.plot({...this.plotOpts(l,n,r),marks:[f.dot(s,{x:"time",y:()=>0,fill:"color",fillOpacity:.6,r:Math.min(3,Math.max(2,l/s.length/4)),stroke:"none"})],style:{background:"transparent"}}):f.plot({...this.plotOpts(l,n,r,{label:"Time (s)"},{label:null,domain:["insert","delete","paste","cut"]}),marginLeft:70,r:{range:[3,12]},marks:[f.dot(s,{x:"time",y:"type",r:"chars",fill:"color",fillOpacity:.7,stroke:"none"})]})}plotSessionContinuity(e,n,r,o,i){var m,u;let s=X(e);if(s.length===0)return null;let l=this.getChartWidth("sessionContinuity",r),c=[f.areaY(s,{x:"time",y:"chars",fill:i,fillOpacity:.1,curve:"step-after"}),f.lineY(s,{x:"time",y:"chars",stroke:i,strokeWidth:1.5,curve:"step-after"})],d=((u=(m=n.sessionContinuity)==null?void 0:m.metrics)==null?void 0:u.changePoints)??[];if(d.length>0){let p=d[0].timestamp/1e3;c.push(f.ruleX([p],{stroke:o.flagged,strokeDasharray:"4,3",strokeWidth:1}))}if(!r){let p=s.filter(h=>h.isPaste),y=s.filter(h=>h.isCut);p.length>0&&c.push(f.dot(p,{x:"time",y:"chars",fill:o.accent,r:4,stroke:"none"})),y.length>0&&c.push(f.dot(y,{x:"time",y:"chars",fill:o.flagged,r:4,symbol:"diamond",stroke:"none"}))}return f.plot({...this.plotOpts(l,r,o,{label:"Time (s)"},{label:"Characters",grid:!0}),marks:c})}plotPhysicalPlausibility(e,n,r){let o=tt(e);if(o.keystrokes.length===0)return null;let i=this.getChartWidth("physicalPlausibility",n),s=[f.line(o.keystrokes,{x:"time",y:"position",stroke:r.line,strokeWidth:n?1:1.5,strokeOpacity:n?.6:.8})];return n||(o.pastes.length>0&&s.push(f.dot(o.pastes,{x:"time",y:"position",fill:r.accent,r:4,stroke:"none"})),o.cuts.length>0&&s.push(f.dot(o.cuts,{x:"time",y:"position",fill:r.flagged,r:4,stroke:"none"}))),f.plot({...this.plotOpts(i,n,r,{label:"Time (s)"},{label:"Position",reverse:!0}),marks:s})}plotTemporalPatterns(e,n,r,o){let i=G(e);if(i.length===0)return null;let s=this.getChartWidth("temporalPatterns",n);return f.plot({...this.plotOpts(s,n,r,{label:"Time (s)"},{label:"Speed (CPM)",grid:!0}),marks:[f.areaY(i,{x:"time",y:"speed",fill:o,fillOpacity:.12,curve:"monotone-x"}),f.lineY(i,{x:"time",y:"speed",stroke:o,strokeWidth:1.5,curve:"monotone-x"})]})}};lt.tagName="wt-scorecard";export{g as BaseChart,F as CATEGORY_NAMES,H as CompositionTimeline,et as CorrectionsBubble,Q as DocumentGrowth,J as DocumentRibbon,Z as EditWaterfall,_t as GLOSSARY,O as IntegrityFooter,Y as PauseDistribution,j as RhythmHeatmap,mt as SEGMENT_COLORS,dt as Sparkline,z as SpeedTimeline,pt as TIER1_CATEGORIES,ht as TIER2_CATEGORIES,lt as WtScorecard,rt as extractCorrectionBubbles,X as extractGrowthData,wt as extractPasteMarkers,vt as extractPauseHistogram,U as extractRhythmPairs,xt as extractRibbonData,V as extractSegments,bt as extractSeries,G as extractSpeedData,tt as extractWaterfallData,it as formatDuration,ft as generateCaption,at as generateSummary,ot as getMetrics,$ as getStatus,ie as isPass,st as wrapTerms};
|
|
490
|
+
`,ft=class extends y{constructor(){super(...arguments);this.o="contentOrigin"}static get observedAttributes(){return[...super.observedAttributes,"share","download"]}onResize(){this.rerenderAllCharts()}getStylesheet(){return X+`
|
|
491
|
+
`+mr}attributeChangedCallback(e,r,a){if(e==="theme"&&this._data&&this.hasRendered){requestAnimationFrame(()=>this.rerenderAllCharts());return}if((e==="share"||e==="download")&&this._data&&this.hasRendered){this.setData(this._data);return}super.attributeChangedCallback(e,r,a)}render(){var g;if(!((g=this._data)!=null&&g.analysis))return;let{data:e,analysis:r}=this._data,a=this.o,o=document.createElement("div");o.className="page",o.appendChild(this.buildHeader(r,e));let s=ht(r);o.appendChild(St(s));let i=Ct(r)??"No text was entered.",c=document.createElement("p");c.className="narrative",c.textContent=i,o.appendChild(c);let l=document.createElement("div");l.className="origin-bar-container",l.id="origin-bar",o.appendChild(l);let d=this.buildFlags(r);d&&o.appendChild(d);let u=this.buildGrid(r);o.appendChild(u);let p=this.buildDetailPanel();o.appendChild(p),o.appendChild(this.buildIntegrityDetails(r));let m=document.createElement("div");m.className="version-footer",m.textContent=`WriteTrack v${sr}`,o.appendChild(m);let f=this.closest('[class*="scorecard"]')??this.parentElement,h=(f==null?void 0:f.scrollTop)??0;this.replaceChart(o),requestAnimationFrame(()=>{this.renderAllCharts(),this.renderOriginBarIfPresent(),this.selectCell(a),f&&h>0&&(f.scrollTop=h)})}buildHeader(e,r){let a=document.createElement("header");a.className="header";let o=document.createElement("div");o.className="header-logo",a.appendChild(o);let s=document.createElement("div");s.className="header-meta";let i=document.createElement("div");i.className="header-title",i.textContent="WriteTrack Session",s.appendChild(i);let c=r.metadata.sessionId??"";if(c){let x=document.createElement("div");x.className="header-session-id",x.textContent=c,s.appendChild(x)}let l=document.createElement("div");l.className="header-meta-line";let d=r.metadata.timestamp,p=r.metadata.duration,m=d?new Date(d):new Date(e.analyzedAt),f={day:"numeric",month:"long",year:"numeric"};if(p&&p>0){let x=new Date(m.getTime()+p),w=m.toLocaleDateString("en-GB",f),T=x.toLocaleDateString("en-GB",f);l.textContent=w===T?w:`${w} \u2013 ${T}`}else l.textContent=m.toLocaleDateString("en-GB",f);s.appendChild(l),a.appendChild(s);let h=document.createElement("div");h.className="header-qr",a.appendChild(h);let g=this.hasAttribute("share"),b=this.hasAttribute("download");if(g||b){let x=document.createElement("div");if(x.className="header-actions",g){let w=document.createElement("button");w.setAttribute("data-action","share"),w.setAttribute("aria-label","Share report"),w.title="Share",w.innerHTML='<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v1a1 1 0 001 1h6a1 1 0 001-1v-1M8 2v8M5 5l3-3 3 3"/></svg>',w.addEventListener("click",T=>{T.stopPropagation(),this.dispatchEvent(new CustomEvent("wt-share",{bubbles:!0,composed:!0,detail:{report:this._data}}))}),x.appendChild(w)}if(b){let w=document.createElement("button");w.setAttribute("data-action","download"),w.setAttribute("aria-label","Download as image"),w.title="Download",w.innerHTML='<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v1a1 1 0 001 1h6a1 1 0 001-1v-1M8 10V2M5 7l3 3 3-3"/></svg>',w.addEventListener("click",T=>{T.stopPropagation(),this.dispatchEvent(new CustomEvent("wt-download",{bubbles:!0,composed:!0,detail:{report:this._data}}))}),x.appendChild(w)}a.appendChild(x)}return requestAnimationFrame(()=>{let x=getComputedStyle(this),w=x.getPropertyValue("--wt-scorecard-text").trim()||"#E4E2DA",T=x.getPropertyValue("--wt-scorecard-status-clear").trim()||"#5EAE78";o.innerHTML=re(60,w,T);let R=vt(e.integrity.finalDigest);R&&(h.innerHTML=xt(R,w))}),a}buildFlags(e){if(!e.sufficientData)return null;let r=ce.filter(o=>V(this.getIndicatorCode(e,o))==="flag");if(r.length===0)return null;let a=document.createElement("div");a.className="flags";for(let o of r){let s=document.createElement("div");s.className="flag-item";let i=dt(o,e);s.innerHTML=`<strong class="flag-label">Flagged</strong> ${k(Z[o]??o)}\u2009\u2014\u2009${k(i)}`,a.appendChild(s)}return a}buildIntegrityDetails(e){let r=document.createElement("details");r.className="integrity-details";let a=document.createElement("summary"),o=document.createElement("span");o.textContent="Integrity & Verification";let s=document.createElement("span");s.className="integrity-stats",s.textContent=`${e.integrity.eventCount} events \xB7 ${e.integrity.checkpoints.length} checkpoints`,a.append(o,s),r.appendChild(a);let i=document.createElement("div");i.className="integrity-hash-block";let c=document.createElement("span");c.className="integrity-hash-label",c.textContent="Digest (SHA-256)";let l=document.createElement("code");if(l.className="hash",l.textContent=e.integrity.finalDigest,i.append(c,l),r.appendChild(i),e.outputSignature){let d=document.createElement("div");d.className="integrity-hash-block";let u=document.createElement("span");u.className="integrity-hash-label",u.textContent="Output Signature";let p=document.createElement("code");p.className="hash",p.textContent=e.outputSignature,d.append(u,p),r.appendChild(d)}return r}buildGrid(e){let r=document.createElement("div");r.className="grid-container";let a=document.createElement("div");a.className="indicator-grid",a.id="grid";for(let o of ce)a.appendChild(this.buildCell(o,e));return r.appendChild(a),r}buildCell(e,r){let a=this.getIndicatorCode(r,e),o=V(a),s=r.sufficientData&&o==="flag",i=document.createElement("div");i.className="cell"+(s?" flagged":""),i.setAttribute("data-category",e),i.addEventListener("click",()=>this.selectCell(e));let c=document.createElement("div");c.className="cell-header";let l=document.createElement("div");l.className="cell-name-col";let d=document.createElement("span");d.className="cell-name";let u=document.createElement("span");u.className="cell-name-short",u.textContent=lr[e]??e;let p=document.createElement("span");p.className="cell-name-full",p.textContent=Z[e]??e,d.append(u,p),l.appendChild(d);let m=document.createElement("span");m.className=`cell-status ${s?"flagged":"clear"}`,m.title=s?"Flagged":"Clear",c.append(l,m),i.appendChild(c);let f=document.createElement("div");f.className="cell-chart",i.appendChild(f);let h=mt(e,r),g=cr[e];return i.appendChild(this.buildCellMetrics(h,g)),i}buildCellMetrics(e,r){let a=document.createElement("div");a.className="cell-metrics";for(let o of r){let s=e[o];if(!s)continue;let i=document.createElement("div");i.className="cell-metric",i.innerHTML=`<span class="cell-metric-label">${k(s.label)}</span><span class="cell-metric-value">${k(s.value)}</span>`,a.appendChild(i)}return a}buildDetailPanel(){let e=document.createElement("div");e.className="detail-panel",e.id="detail";let r=document.createElement("div");return r.className="detail-inner",r.id="detail-inner",e.appendChild(r),e}selectCell(e){var c;let r=(c=this._data)==null?void 0:c.analysis;if(!r)return;let a=this.shadow.getElementById("detail-inner"),o=a&&a.children.length===0;if(this.o===e&&!o)return;this.o=e;let s=this.shadow.getElementById("grid");s==null||s.querySelectorAll(".cell").forEach(l=>l.classList.remove("selected"));let i=s==null?void 0:s.querySelector(`[data-category="${e}"]`);i==null||i.classList.add("selected"),this.populateAndRenderDetail(e,r)}populateAndRenderDetail(e,r){let a=this.shadow.getElementById("detail-inner");if(!a)return;a.classList.add("fading");let o=()=>{this.populateDetail(a,e,r),requestAnimationFrame(()=>{let s=a.querySelector(".detail-chart-area");if(s){let i=this.createDetailChart(e);if(i){let c=s.clientWidth;c>0&&i.el.style.setProperty("--wt-chart-width",`${c}px`),s.replaceChildren(i.el),i.init()}else{let c=document.createElement("span");c.className="detail-chart-empty",c.textContent="Insufficient data for chart",s.replaceChildren(c)}}a.classList.remove("fading")})};if(a.children.length===0)o();else{let s=!1,i=()=>{s||(s=!0,o())},c=setTimeout(i,300);a.addEventListener("transitionend",()=>{clearTimeout(c),i()},{once:!0})}}populateDetail(e,r,a){let o=this.getIndicatorCode(a,r),s=V(o),i=a.sufficientData&&s==="flag",c='<div class="detail-head">';c+=`<span class="detail-name">${k(Z[r]??r)}</span>`,c+=`<span class="detail-code">${k(o??"")}</span>`,c+=`<span class="detail-status-label ${i?"flagged":"clear"}">${i?"flagged":"clear"}</span>`,c+="</div>";let l=dt(r,a);c+=`<p class="detail-summary">${ut(l)}</p>`,c+='<div class="detail-chart-area"></div>';let d=dr[r];c+=`<div class="detail-chart-caption">${k(d.name)} \u2014 ${k(d.desc)}</div>`;let u=mt(r,a);c+='<div class="detail-metrics">';for(let m of u)c+=`<div class="detail-metric"><span class="detail-metric-value">${k(m.value)}</span><span class="detail-metric-label">${k(m.label)}</span></div>`;c+="</div>";let p=Tt(r);p&&(c+=`<p class="detail-explainer">${ut(p)}</p>`),e.innerHTML=c}getIndicatorCode(e,r){var o;let a=e[r];return(o=a==null?void 0:a.indicator)==null?void 0:o.code}getComputedColors(){let e=getComputedStyle(this);return{line:e.getPropertyValue("--wt-scorecard-chart-line").trim()||"#1C1B18",accent:e.getPropertyValue("--wt-scorecard-chart-accent").trim()||"#2B7A5D",flagged:e.getPropertyValue("--wt-scorecard-chart-flagged").trim()||"#B8412D",border:e.getPropertyValue("--wt-scorecard-border").trim()||"#E0DED6",tertiary:e.getPropertyValue("--wt-scorecard-text-tertiary").trim()||"#706E64",chartTertiary:e.getPropertyValue("--wt-scorecard-chart-tertiary").trim()||"#7C6DAF",cyan:e.getPropertyValue("--wt-scorecard-chart-cyan").trim()||"#22d3ee"}}renderOriginBarIfPresent(){var c;let e=(c=this._data)==null?void 0:c.analysis;if(!e)return;let r=this.shadow.getElementById("origin-bar");if(!r)return;let a=this.getComputedColors(),o={typed:a.accent,pasted:a.chartTertiary,autocompleted:a.cyan},s=r.getBoundingClientRect().width||400,i=ct(st(e),s,o);i&&r.replaceChildren(i)}createDetailChart(e,r=!1){var p;if(!((p=this._data)!=null&&p.analysis))return null;let{data:a,analysis:o}=this._data,s=this.getComputedColors(),i=this.getIndicatorCode(o,e),l=V(i)==="flag"?s.flagged:s.accent,d=(m,f)=>{f&&m.style.setProperty("--wt-chart-height",`${f}px`),m.style.setProperty("--wt-color-primary",l),m.style.setProperty("--wt-color-secondary",s.accent),m.style.setProperty("--wt-color-text",s.tertiary),m.style.setProperty("--wt-color-text-muted",s.tertiary),m.style.setProperty("--wt-color-border",s.border),m.style.setProperty("--wt-color-bg","transparent"),m.style.setProperty("--wt-color-surface","transparent"),m.style.setProperty("--wt-font-data","var(--wt-scorecard-font-data)"),m.style.setProperty("--wt-font-ui","var(--wt-scorecard-font-display)"),m.style.setProperty("--wt-beeswarm-insert",s.accent),m.style.setProperty("--wt-beeswarm-delete",s.flagged),m.style.setProperty("--wt-beeswarm-paste",s.chartTertiary),m.style.setProperty("--wt-beeswarm-cut",s.tertiary),m.style.setProperty("--wt-bubble-insert",s.accent),m.style.setProperty("--wt-bubble-delete",s.flagged),m.style.setProperty("--wt-bubble-paste",s.chartTertiary),m.style.setProperty("--wt-bubble-cut",s.tertiary),m.style.setProperty("--wt-color-cut",s.flagged),m.style.display="block"},u=(m,f)=>{m.register();let h=new m;return d(h,r?void 0:200),r&&(h.setAttribute("compact",""),h.style.height="52px"),{el:h,init:()=>f(h)}};switch(e){case"contentOrigin":return u(H,m=>m.setData(a));case"timingAuthenticity":return u(N,m=>m.setData(o));case"revisionBehavior":return u(G,m=>m.setData(a));case"sessionContinuity":return u(F,m=>{var h,g;let f=((g=(h=o.sessionContinuity)==null?void 0:h.metrics)==null?void 0:g.changePoints)??[];f.length>0&&m.setChangePoint(f[0].timestamp/1e3),m.setData(a)});case"physicalPlausibility":return u(z,m=>m.setData(a));case"temporalPatterns":return u(O,m=>m.setData(o));default:return null}}renderAllCharts(){this.shadow.querySelectorAll(".cell-chart").forEach(e=>{let r=e.closest(".cell"),a=r==null?void 0:r.getAttribute("data-category");if(!a)return;let o=this.createDetailChart(a,!0);o&&(e.replaceChildren(o.el),o.init())})}rerenderAllCharts(){this.renderAllCharts();let e=this.o;if(e){let r=this.shadow.querySelector("#detail-inner .detail-chart-area");if(r){let a=this.createDetailChart(e);if(a){let o=r.clientWidth;o>0&&a.el.style.setProperty("--wt-chart-width",`${o}px`),r.replaceChildren(a.el),a.init()}}}this.renderOriginBarIfPresent()}};ft.tagName="wt-scorecard";export{y as BaseChart,Z as CATEGORY_NAMES,G as CorrectionsBubble,F as DocumentGrowth,H as EditBeeswarm,z as EditWaterfall,se as GLOSSARY,lt as IntegrityFooter,nt as PauseDistribution,N as RhythmHeatmap,yt as Sparkline,O as SpeedTimeline,Ne as TIER1_CATEGORIES,Ie as TIER2_CATEGORIES,pt as WtBadge,it as WtOriginBar,ft as WtScorecard,qt as extractBeeswarmData,Jt as extractCorrectionBubbles,jt as extractGrowthData,st as extractOriginData,Vt as extractPauseHistogram,Gt as extractRhythmPairs,Ht as extractSeries,zt as extractSpeedData,ht as extractStatBadges,Qt as extractWaterfallData,ie as formatDuration,Tt as generateCaption,dt as generateSummary,Ct as generateWritingSummary,mt as getMetrics,V as getStatus,Oe as isPass,ct as renderOriginBar,St as renderStatBadges,ut as wrapTerms};
|