writetrack 0.10.2 → 0.11.0
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/README.md +88 -37
- package/dist/browser/index.js +1 -1
- package/dist/browser/pipes.js +1 -1
- package/dist/browser/viz.js +60 -44
- package/dist/browser/writetrack.wasm +0 -0
- package/dist/ckeditor/index.d.ts +2 -0
- package/dist/ckeditor/index.js +1 -1
- package/dist/esm/index.d.ts +75 -5
- package/dist/esm/index.js +1 -1
- package/dist/esm/pipes.d.ts +3 -10
- package/dist/esm/pipes.js +1 -1
- package/dist/esm/testing.d.ts +61 -0
- package/dist/esm/testing.js +1 -0
- package/dist/esm/viz.d.ts +124 -30
- package/dist/esm/viz.js +60 -44
- package/dist/esm/writetrack.wasm +0 -0
- package/dist/index.cjs +1 -1
- package/dist/lexical/index.d.ts +2 -0
- package/dist/lexical/index.js +1 -1
- package/dist/pipes.cjs +1 -1
- package/dist/prosemirror/index.d.ts +4 -0
- package/dist/prosemirror/index.js +1 -1
- package/dist/quill/index.d.ts +4 -0
- package/dist/quill/index.js +1 -1
- package/dist/react/index.d.ts +18 -2
- package/dist/react/index.js +1 -1
- package/dist/slate/index.d.ts +4 -0
- package/dist/slate/index.js +1 -1
- package/dist/tinymce/index.d.ts +28 -58
- package/dist/tinymce/index.js +1 -1
- package/dist/tiptap/index.d.ts +8 -1
- package/dist/tiptap/index.js +1 -1
- package/dist/viz.cjs +60 -44
- package/dist/vue/index.d.ts +13 -1
- package/dist/vue/index.js +1 -1
- package/dist/writetrack.wasm +0 -0
- package/package.json +11 -2
package/dist/browser/viz.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var
|
|
1
|
+
var nt=`:host {
|
|
2
2
|
--wt-color-primary: #fbbf24;
|
|
3
3
|
--wt-color-secondary: #22d3ee;
|
|
4
4
|
--wt-color-bg: #111113;
|
|
@@ -6,6 +6,8 @@ var et=`:host {
|
|
|
6
6
|
--wt-color-text: #fafafa;
|
|
7
7
|
--wt-color-text-muted: #a1a1aa;
|
|
8
8
|
--wt-color-border: #27272a;
|
|
9
|
+
--wt-color-clear: #2B7A5D;
|
|
10
|
+
--wt-color-flag: #B8412D;
|
|
9
11
|
--wt-font-data: 'JetBrains Mono', ui-monospace, monospace;
|
|
10
12
|
--wt-font-ui: 'DM Sans', system-ui, sans-serif;
|
|
11
13
|
--wt-radius: 6px;
|
|
@@ -20,6 +22,8 @@ var et=`:host {
|
|
|
20
22
|
--wt-color-text: #1a1a1a;
|
|
21
23
|
--wt-color-text-muted: #6b7280;
|
|
22
24
|
--wt-color-border: #e5e5e5;
|
|
25
|
+
--wt-color-clear: #2B7A5D;
|
|
26
|
+
--wt-color-flag: #B8412D;
|
|
23
27
|
}
|
|
24
28
|
|
|
25
29
|
@media (prefers-color-scheme: light) {
|
|
@@ -31,6 +35,8 @@ var et=`:host {
|
|
|
31
35
|
--wt-color-text: #1a1a1a;
|
|
32
36
|
--wt-color-text-muted: #6b7280;
|
|
33
37
|
--wt-color-border: #e5e5e5;
|
|
38
|
+
--wt-color-clear: #2B7A5D;
|
|
39
|
+
--wt-color-flag: #B8412D;
|
|
34
40
|
}
|
|
35
41
|
}
|
|
36
42
|
|
|
@@ -47,9 +53,7 @@ var et=`:host {
|
|
|
47
53
|
}
|
|
48
54
|
|
|
49
55
|
/* Force light text on dark tooltips regardless of chart theme */
|
|
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 {
|
|
56
|
+
[aria-label="tip"] { color: #fafafa; }`,M={fill:"#1a1a1d",stroke:"#27272a",textPadding:6,fontSize:11,fontFamily:"'JetBrains Mono', ui-monospace, monospace"};function I(n){console.warn(`[WriteTrack] ${n}`)}function vt(n){return n instanceof Error?n.message:String(n)}var k=class extends HTMLElement{constructor(){super();this._data=null;this._resizeObserver=null;this._resizeRaf=null;this.t=null;this.i=0;this.e=!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 nt}connectedCallback(){typeof ResizeObserver<"u"&&(this._resizeObserver=new ResizeObserver(e=>{var a,i;let r=((i=(a=e[0])==null?void 0:a.contentRect)==null?void 0:i.width)??0;r===0||r===this.i||(this.i=r,this.e&&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.t=new MutationObserver(()=>{this.c()}),this.t.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),document.body&&this.t.observe(document.body,{attributes:!0,attributeFilter:["data-theme"]}))}disconnectedCallback(){this.destroy()}attributeChangedCallback(e,r,a){if(e==="data"&&a)try{let i=JSON.parse(a);this.setData(i)}catch(i){I(`BaseChart: invalid JSON in data attribute: ${vt(i)}`)}(e==="theme"||e==="compact")&&this._data&&this.e&&this.safeRender()}setData(e){this._data=e,this.safeRender()}getData(){return this._data}get hasRendered(){return this.e}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.e=!0,this.dispatchEvent(new CustomEvent("wt-render",{bubbles:!1}))}showEmptyState(e="No data"){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-scorecard-font-data,var(--wt-font-data,ui-monospace,monospace));font-size:0.625rem;color:var(--wt-scorecard-text-tertiary,var(--wt-color-text-muted,#a1a1aa));",this.container.replaceChildren(r),this.e=!1}destroy(){this._resizeRaf&&(cancelAnimationFrame(this._resizeRaf),this._resizeRaf=null),this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this.t&&(this.t.disconnect(),this.t=null),this.container.replaceChildren(),this._data=null,this.e=!1}onResize(){this.safeRender()}safeRender(){try{this.render()}catch(e){I(`${this.constructor.name} render failed: ${vt(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)}};k.tagName="wt-base-chart";import*as H from"@observablehq/plot";var xe=5;function Ut(n){var i;let t=(((i=n.session)==null?void 0:i.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 o=Math.max(0,s-xe+1),c=0,l=0;for(let p=o;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 Q=class Q extends k{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]=Ut(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(),i=Math.max(a.width||200,50),s=Math.max(a.height||40,20),o=H.plot({width:i,height:s,axis:null,x:{axis:null},y:{axis:null},marks:[H.areaY(r,{x:"time",y:"speed",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:.1}),H.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(o)}static create(t,e){Q.register();let r=document.createElement(Q.tagName);return t.appendChild(r),r.setData(e),r}};Q.tagName="wt-sparkline";var xt=Q;import*as $ from"@observablehq/plot";var kt="monotone-x";var A={marginTop:4,marginRight:0,marginBottom:4,marginLeft:0};function N(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 i=document.createElement("span");i.style.cssText="display:inline-flex;align-items:center;gap:4px;";let s=document.createElement("span"),o=a==="square"?"2px":"50%";s.style.cssText=`width:8px;height:8px;border-radius:${o};background:${r};flex-shrink:0;`,i.appendChild(s),i.appendChild(document.createTextNode(e)),t.appendChild(i)}return t}var E={background:"transparent",color:"var(--wt-color-text, #fafafa)",fontFamily:"var(--wt-font-data)",fontSize:"11px"},J={strokeDasharray:"4,4",strokeWidth:1};function Kt(n){var a,i,s;let t=(i=(a=n.temporalPatterns)==null?void 0:a.metrics)==null?void 0:i.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 o=0;o<e;o++)r.push({time:t.timestamps[o]/1e3,speed:t.values[o]});return r.sort((o,c)=>o.time-c.time),r}var z=class extends k{render(){if(!this._data)return;let t=Kt(this._data);if(t.length===0){this.showEmptyState("No speed data");return}let e=this.getChartWidth(640),r=this.getChartHeight(200),a=this.compact,i=[$.areaY(t,{x:"time",y:"speed",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:.15,curve:kt}),$.lineY(t,{x:"time",y:"speed",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:a?1.5:2,curve:kt})];a||i.push($.ruleY([0],{stroke:"var(--wt-color-border, #27272a)"}),$.tip(t,$.pointerX({x:"time",y:"speed",title:o=>`${o.time.toFixed(1)}s \u2014 ${Math.round(o.speed)} CPM`,...M})));let s=$.plot({width:e,height:r,...a?A:{marginLeft:50,marginBottom:35},x:a?{axis:null}:{label:"Time (s)"},y:a?{axis:null}:{label:"Speed (CPM)",grid:!0},marks:i,style:E});this.replaceChart(s)}};z.tagName="wt-speed-timeline";import*as L from"@observablehq/plot";var ke=10;function Xt(n){var s,o,c,l,d;let t=(o=(s=n.timingAuthenticity)==null?void 0:s.metrics)==null?void 0:o.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=[],i=Math.min(t.timestamps.length,e.length,r.length);for(let u=0;u<i;u++)e[u]!=null&&r[u]!=null&&a.push({dwell:e[u],flight:r[u]});return a}var G=class extends k{render(){if(!this._data)return;let t=Xt(this._data);if(t.length<ke){this.showEmptyState("Insufficient timing data");return}let e=this.getChartWidth(400),r=Math.min(e,this.getChartHeight(300)),a=this.compact,i=[L.dot(t,{x:"dwell",y:"flight",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:a?.4:.5,r:a?2:3,stroke:"none"})];a||i.push(L.ruleX([t.reduce((o,c)=>o+c.dwell,0)/t.length],{stroke:"var(--wt-color-secondary, #22d3ee)",...J}),L.ruleY([t.reduce((o,c)=>o+c.flight,0)/t.length],{stroke:"var(--wt-color-secondary, #22d3ee)",...J}));let s=L.plot({width:e,height:r,...a?A:{marginLeft:50,marginBottom:35},x:a?{axis:null}:{label:"Dwell (ms)",grid:!0},y:a?{axis:null}:{label:"Flight (ms)",grid:!0},marks:i,style:E});this.replaceChart(s)}};G.tagName="wt-rhythm-heatmap";import*as V from"@observablehq/plot";function Qt(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(i=>({start:i.binStart,end:i.binEnd,count:i.count})):[]}var at=class extends k{render(){if(!this._data)return;let t=Qt(this._data);if(t.length===0){this.showEmptyState("No pause data");return}let e=this.getChartWidth(640),r=this.clientHeight||200,a=V.plot({width:e,height:r,marginLeft:50,marginBottom:35,x:{label:"Pause Duration (ms)"},y:{label:"Count",grid:!0},marks:[V.rectY(t,{x1:"start",x2:"end",y:"count",fill:"var(--wt-color-primary, #fbbf24)",fillOpacity:.8,inset:.5}),V.ruleY([0])],style:E});this.replaceChart(a)}};at.tagName="wt-pause-distribution";import*as T from"@observablehq/plot";var j=/^.$/u;function P(n){return n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")}var ot={insert:"var(--wt-beeswarm-insert, #22c55e)",delete:"var(--wt-beeswarm-delete, #ef4444)",paste:"var(--wt-beeswarm-paste, #22d3ee)",cut:"var(--wt-beeswarm-cut, #f97316)"},Ce=["insert","delete","paste","cut"];function Jt(n){var i,s;let t=(i=n.session)==null?void 0:i.events;if(!(t!=null&&t.length))return[];let e=t.filter(o=>o.type==="keydown");if(e.length===0)return[];let r=e[0].timestamp,a=[];for(let o of e){let c=(o.timestamp-r)/1e3;o.key==="Backspace"||o.key==="Delete"?a.push({time:c,type:"delete",chars:1,key:"\u232B"}):j.test(o.key)&&a.push({time:c,type:"insert",chars:1,key:o.key})}for(let o of((s=n.session)==null?void 0:s.clipboardEvents)??[])if(o.type==="paste"||o.type==="cut"){let c=Math.max(0,(o.timestamp-r)/1e3);a.push({time:c,type:o.type,chars:o.length,key:o.type==="paste"?"\u{1F4CB}":"\u2702"})}return a.sort((o,c)=>o.time-c.time),a}function Te(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,i=new Map;for(let s of n){let o=Math.floor(s.time/a),c=`${o}-${s.type}`,l=i.get(c);l?l.chars=s.type==="paste"||s.type==="cut"?Math.max(l.chars,s.chars):l.chars+s.chars:i.set(c,{time:(o+.5)*a,type:s.type,chars:s.chars,key:s.key})}return[...i.values()].sort((s,o)=>s.time-o.time)}var Y=class extends k{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=Jt(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),o=T.plot({width:e,height:400,marginLeft:40,marginBottom:10,marginTop:35,x:{label:"Time (s)",axis:"top"},y:{axis:null},marks:s,style:E}),c=document.createElement("div");c.appendChild(o),c.appendChild(N(Ce.map(l=>({label:l.charAt(0).toUpperCase()+l.slice(1),color:ot[l]})))),this.replaceChart(c),this.cropViewBox(o,e)}renderCompact(t,e,r){let a=Te(t,e);return T.plot({width:e,height:r,...A,marginLeft:6,marginRight:6,x:{axis:null},y:{axis:null},marks:[T.dot(a,T.dodgeY({anchor:"top",x:"time",r:i=>Math.min(1.5+Math.sqrt(i.chars)*.5,6),fill:i=>ot[i.type],fillOpacity:.6,stroke:"none",clip:!1}))],style:{background:"transparent"}})}buildDotMarks(t){return[T.dot(t,T.dodgeY({anchor:"top",x:"time",r:e=>Math.min(1.5+Math.sqrt(e.chars)*.7,14),fill:e=>ot[e.type],fillOpacity:.7,stroke:"none",clip:!1})),T.tip(t,T.pointer(T.dodgeY({anchor:"top",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[T.text(t,T.dodgeY({anchor:"top",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=>ot[r.type],opacity:.8,fontFamily:"ui-monospace, monospace",fontWeight:600,clip:!1})),T.tip(t,T.pointer(T.dodgeY({anchor:"top",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(i=>t.querySelector(i)).filter(Boolean);if(a.length!==0)try{let i=-1/0;for(let o of a){let c=o.getBBox();i=Math.max(i,c.y+c.height)}let s=Math.max(160,Math.min(parseInt(t.getAttribute("height")||"400",10),i+10));t.setAttribute("height",String(s)),t.setAttribute("viewBox",`0 0 ${e} ${s}`)}catch{}}};Y.tagName="wt-edit-beeswarm";import*as D from"@observablehq/plot";var Se=null;function Zt(){return Se}function st(n,t,e,r){let a=n.length;if(a<=t||t<3)return n;let i=Zt();if(!i)return n;let s=new Float64Array(a),o=new Float64Array(a);for(let d=0;d<a;d++)s[d]=e(n[d]),o[d]=r(n[d]);let c=i.lttb_downsample(s,o,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 it=2e3;function Ee(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 te(n){var o,c;let t=(o=n.session)==null?void 0:o.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:i,cuts:s}=Ee((c=n.session)==null?void 0:c.clipboardEvents,r);return{keystrokes:a,pastes:i,cuts:s}}function Pe(n,t,e){let r=[D.line(n,{x:"time",y:"position",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:1.5,strokeOpacity:.8})];return t.length>0&&r.push(D.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(D.dot(e,{x:"time",y:"position",fill:"var(--wt-color-cut, #f97316)",r:6,stroke:"var(--wt-color-bg, #111113)",strokeWidth:1})),r.push(D.tip(n,D.pointerX({x:"time",y:"position",title:a=>`${a.time.toFixed(1)}s \u2014 position ${a.position}`,...M}))),r}var q=class extends k{render(){if(!this._data)return;let t=te(this._data);if(t.keystrokes.length===0){this.showEmptyState("No cursor position data");return}let e=st(t.keystrokes,it,c=>c.time,c=>c.position),{pastes:r,cuts:a}=t,i=this.getChartWidth(640),s=this.getChartHeight(200),o=this.compact;try{let c;o?c=[D.line(e,{x:"time",y:"position",stroke:"var(--wt-color-primary, #fbbf24)",strokeWidth:1.5,strokeOpacity:.6})]:c=Pe(e,r,a);let l=D.plot({width:i,height:s,...o?A:{marginLeft:50,marginBottom:35},x:o?{axis:null}:{label:"Time (s)"},y:o?{axis:null,reverse:!0}:{label:"Position",reverse:!0,grid:!0},marks:c,style:E});this.replaceChart(l)}catch(c){I(`EditWaterfall render failed: ${c}`)}}};q.tagName="wt-edit-waterfall";import*as R from"@observablehq/plot";var ct={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)"},ee=["insert","delete","paste","cut"];function re(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=[],i=null,s=0,o=0;function c(){i&&s>0&&a.push({time:o,chars:s,type:i}),i=null,s=0}for(let u of e){let p=(u.timestamp-r)/1e3,m=null;u.key==="Backspace"||u.key==="Delete"?m="delete":j.test(u.key)&&(m="insert"),m!==null&&(m!==i&&(c(),i=m,o=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 U=class extends k{render(){if(!this._data)return;let t=re(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 o=this.renderCompact(t,e,r);this.replaceChart(o);return}let i=R.plot({width:e,height:r,marginLeft:70,marginBottom:35,marginTop:10,x:{label:"Time (s)"},y:{label:null,domain:ee},r:{range:[3,12]},marks:[R.dot(t,{x:"time",y:"type",r:"chars",fill:o=>ct[o.type],fillOpacity:.7,stroke:"none"}),R.tip(t,R.pointer({x:"time",y:"type",title:o=>`${o.time.toFixed(1)}s \u2014 ${o.type}, ${o.chars} chars`,...M}))],style:E}),s=document.createElement("div");s.appendChild(i),s.appendChild(N(ee.map(o=>({label:o.charAt(0).toUpperCase()+o.slice(1),color:ct[o]})))),this.replaceChart(s)}renderCompact(t,e,r){if(!t.some(m=>m.type==="paste"||m.type==="cut"))return R.plot({width:e,height:r,...A,marginLeft:4,marginRight:4,x:{axis:null},y:{axis:null,domain:["insert","delete"]},marks:[R.dot(t,{x:"time",y:"type",r:Math.min(3,Math.max(2,e/t.length/4)),fill:m=>ct[m.type],fillOpacity:.6,stroke:"none"})],style:{background:"transparent"}});let i=t.map(m=>m.time),s=Math.min(...i),c=Math.max(...i)-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}`,b=u.get(h);b?b.chars+=m.chars:u.set(h,{time:s+(f+.5)*d,chars:m.chars,type:m.type})}let p=[...u.values()];return R.plot({width:e,height:r,...A,marginLeft:4,marginRight:4,x:{axis:null},y:{axis:null,domain:["cut","paste","insert","delete"]},marks:[R.dot(p,{x:"time",y:"type",r:Math.min(4,Math.max(2,e/p.length/3)),fill:m=>ct[m.type],fillOpacity:.6,stroke:"none"})],style:{background:"transparent"}})}};U.tagName="wt-corrections-bubble";import*as B from"@observablehq/plot";var ne={Typed:"typed",Pasted:"pasted",Autocompleted:"autocompleted"},Ae={typed:"var(--wt-color-primary, #2B7A5D)",pasted:"var(--wt-color-secondary, #B8412D)",autocompleted:"var(--wt-color-tertiary, #7C6DAF)"};function dt(n){var i,s;let t=(s=(i=n.contentOrigin)==null?void 0:i.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(o=>o.value>0)}function mt(n,t,e=Ae,r){if(n.length===0){let s=document.createElementNS("http://www.w3.org/2000/svg","svg");s.setAttribute("width",String(t)),s.setAttribute("height","24"),s.setAttribute("viewBox",`0 0 ${t} 24`);let o=document.createElementNS("http://www.w3.org/2000/svg","rect");return o.setAttribute("width",String(t)),o.setAttribute("height","24"),o.setAttribute("rx","4"),o.setAttribute("fill","var(--wt-color-border, #3f3f46)"),o.setAttribute("opacity","0.3"),s.appendChild(o),s}let i=[B.barX(n,B.stackX({x:"value",fill:s=>e[ne[s.segment]??"typed"],inset:.5})),B.text(n,B.stackX({x:"value",text:s=>s.value<10?"":s.value<25?`${s.value}%`:`${s.segment} ${s.value}%`,fill:s=>{let o=ne[s.segment]??"typed";return(r==null?void 0:r[o])??"white"},fontSize:11,fontWeight:500}))];return B.plot({width:t,height:32,marginTop:0,marginRight:0,marginBottom:0,marginLeft:0,x:{axis:null,domain:[0,100]},y:{axis:null},marks:i,style:{background:"transparent",fontFamily:"var(--wt-scorecard-font-data, var(--wt-font-data, ui-monospace))"}})}var lt=class extends k{render(){if(!this._data)return;let t=dt(this._data);if(t.length===0){this.showEmptyState("No content origin data");return}let e=this.clientWidth||400,r=mt(t,e);r&&this.replaceChart(r)}};lt.tagName="wt-origin-bar";var Z=`:host {
|
|
53
57
|
/* \u2500\u2500 Surface colors (light default) \u2500\u2500 */
|
|
54
58
|
--wt-scorecard-bg: #F7F6F2;
|
|
55
59
|
--wt-scorecard-bg-card: #FFFFFF;
|
|
@@ -75,7 +79,7 @@ var et=`:host {
|
|
|
75
79
|
--wt-scorecard-chart-accent: #2B7A5D;
|
|
76
80
|
--wt-scorecard-chart-flagged: #B8412D;
|
|
77
81
|
--wt-scorecard-chart-tertiary: #7C6DAF;
|
|
78
|
-
--wt-scorecard-chart-cyan: #
|
|
82
|
+
--wt-scorecard-chart-cyan: #5B8FA8;
|
|
79
83
|
|
|
80
84
|
/* \u2500\u2500 Typography (system font defaults \u2014 consumers override) \u2500\u2500 */
|
|
81
85
|
--wt-scorecard-font-display: Georgia, serif;
|
|
@@ -105,7 +109,7 @@ var et=`:host {
|
|
|
105
109
|
--wt-scorecard-chart-accent: #5EAE78;
|
|
106
110
|
--wt-scorecard-chart-flagged: #E06B52;
|
|
107
111
|
--wt-scorecard-chart-tertiary: #A394D1;
|
|
108
|
-
--wt-scorecard-chart-cyan: #
|
|
112
|
+
--wt-scorecard-chart-cyan: #7DB5CC;
|
|
109
113
|
}
|
|
110
114
|
|
|
111
115
|
/* \u2500\u2500 Glossary term tooltips \u2500\u2500 */
|
|
@@ -118,7 +122,7 @@ var et=`:host {
|
|
|
118
122
|
.wt-term:hover {
|
|
119
123
|
text-decoration-color: var(--wt-scorecard-text-secondary);
|
|
120
124
|
}
|
|
121
|
-
`,
|
|
125
|
+
`,un=(()=>{try{let n=new CSSStyleSheet;return n.replaceSync(Z),n}catch{return null}})();var tt=new Uint8Array(256),Ct=new Uint8Array(256);(function(){let n=1;for(let t=0;t<255;t++)tt[t]=n,Ct[n]=t,n=n<<1^(n>=128?285:0);tt[255]=tt[0]})();function se(n,t){return n===0||t===0?0:tt[(Ct[n]+Ct[t])%255]}function Me(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]^=se(t[a],tt[e]);t=r}return t}function $e(n,t){let e=Me(t),r=new Uint8Array(n.length+t);r.set(n);for(let a=0;a<n.length;a++){let i=r[a];if(i!==0)for(let s=0;s<e.length;s++)r[a+s]^=se(e[s],i)}return r.slice(n.length)}var De=[{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}],Re=[[],[6,18],[6,22],[6,26],[6,30],[6,34]];function We(n){for(let t of De)if(n<=t.cap)return t;return null}function _e(n,t){let e=[];function r(h,b){for(let y=b-1;y>=0;y--)e.push(h>>y&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 i=[236,17],s=0;for(;e.length<a;)r(i[s%2],8),s++;let o=[];for(let h=0;h<e.length;h+=8){let b=0;for(let y=0;y<8;y++)b=b<<1|e[h+y];o.push(b)}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 b=c+(h>=t.blocks-l?1:0),y=new Uint8Array(o.slice(p,p+b));d.push(y),u.push($e(y,t.ec)),p+=b}let m=[],f=0;for(let h of d)f=Math.max(f,h.length);for(let h=0;h<f;h++)for(let b of d)h<b.length&&m.push(b[h]);for(let h=0;h<t.ec;h++)for(let b of u)m.push(b[h]);return m}function Be(n){let t=n.size,e=[],r=[];for(let o=0;o<t;o++)e.push(new Int8Array(t)),r.push(new Uint8Array(t));function a(o,c,l){e[c][o]=l?1:-1,r[c][o]=1}function i(o,c){for(let d=-3;d<=3;d++)for(let u=-3;u<=3;u++){let p=o+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=o+(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)}}i(3,3),i(t-4,3),i(3,t-4);for(let o=8;o<t-8;o++)a(o,6,o%2===0),a(6,o,o%2===0);let s=Re[n.ver-1];if(s.length>0)for(let o=0;o<s.length;o++)for(let c=0;c<s.length;c++){let l=s[o],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 o=0;o<8;o++)r[8][o]||(r[8][o]=1),r[8][t-1-o]||(r[8][t-1-o]=1),r[o][8]||(r[o][8]=1),r[t-1-o][8]||(r[t-1-o][8]=1);return r[8][8]=1,{grid:e,reserved:r,n:t}}function Oe(n,t){let{grid:e,reserved:r,n:a}=n,i=[];for(let l of t)for(let d=7;d>=0;d--)i.push(l>>d&1);let s=0,o=a-1,c=!0;for(;o>=0;){if(o===6){o--;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=o-m;f<0||r[p][f]||(e[p][f]=s<i.length&&i[s]?1:-1,s++)}o-=2,c=!c}}var Ne=[(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 ae(n,t,e,r){let a=Ne[r],i=n.map(s=>Int8Array.from(s));for(let s=0;s<e;s++)for(let o=0;o<e;o++)!t[s][o]&&a(o,s)&&(i[s][o]=i[s][o]===1?-1:1);return i}var Le=[21522,20773,24188,23371,17913,16590,20375,19104];function oe(n,t,e){let r=Le[e],a=[];for(let o=14;o>=0;o--)a.push(r>>o&1);let i=[[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 o=0;o<15;o++){let c=a[o]?1:-1;n[i[o][1]][i[o][0]]=c,n[s[o][1]][s[o][0]]=c}}function Ie(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 i=0;for(let l=0;l<t;l++)for(let d=0;d<t;d++)n[l][d]>0&&i++;let s=i*100/(t*t),o=Math.floor(s/5)*5,c=o+5;return e+=10*Math.min(Math.abs(o-50)/5,Math.abs(c-50)/5),e}function Tt(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=We(t.length);if(!e)return null;let r=_e(t,e),a=Be(e);Oe(a,r);let i=0,s=1/0;for(let c=0;c<8;c++){let l=ae(a.grid,a.reserved,a.n,c);oe(l,a.n,c);let d=Ie(l,a.n);d<s&&(s=d,i=c)}let o=ae(a.grid,a.reserved,a.n,i);return oe(o,a.n,i),{grid:o,size:a.n}}function St(n,t,e){let r=n.size,a=Math.max(2,Math.floor(88/r)),i=r*a,s=a/2,o=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=o*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 ${i} ${i}" width="${i}" height="${i}">${l}</svg>`}function ie(n,t,e){let a=72*(n/100),i=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 72" width="${n}" height="${a}">`;return i+=`<path d="M86 2 L86 64" stroke="${e}" stroke-width="5" stroke-linecap="round"/>`,i+=`<path d="M7 12 L98 12" stroke="${e}" stroke-width="5" stroke-linecap="round"/>`,i+=`<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"/>`,i+=`<circle cx="7" cy="12" r="7" fill="${t}"/>`,i+=`<circle cx="86" cy="64" r="7" fill="${e}"/>`,i+="</svg>",i}var Fe=`.integrity-section {
|
|
122
126
|
margin-top: 2rem;
|
|
123
127
|
padding-top: 1.5rem;
|
|
124
128
|
border-top: 1px solid var(--wt-scorecard-border);
|
|
@@ -183,40 +187,50 @@ var et=`:host {
|
|
|
183
187
|
color: var(--wt-scorecard-text-tertiary);
|
|
184
188
|
flex: 1;
|
|
185
189
|
}
|
|
186
|
-
`,
|
|
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=`
|
|
190
|
+
`,ut=class extends k{getStylesheet(){return Z+`
|
|
191
|
+
`+Fe}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 i=document.createElement("div");i.className="integrity-stats",i.textContent=`${t.eventCount} events \xB7 ${t.checkpoints.length} checkpoints`,r.appendChild(i);let s=document.createElement("div");s.className="integrity-hash-block";let o=document.createElement("span");o.className="integrity-hash-label",o.textContent="Digest (SHA-256)";let c=document.createElement("code");c.className="hash",c.textContent=t.finalDigest,s.append(o,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=Tt(t);if(!r)return;let a=getComputedStyle(this),i=a.getPropertyValue("--wt-scorecard-text").trim()||"#E4E2DA",s=a.getPropertyValue("--wt-scorecard-status-clear").trim()||"#5EAE78";e.innerHTML=St(r,i,s)}};ut.tagName="wt-integrity-footer";function ce(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),i=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"}`),i>0&&e===0&&s.push(`${i} ${i===1?"second":"seconds"}`),s.join(" ")||"0 seconds"}function Et(n){var w,v,g,C,_,x,O,Wt,_t,Bt,Ot,Nt,Lt,It,Ft,Ht,zt,Gt,Vt,jt,Yt,qt;if(!n.sufficientData){let X=n.keydownCount??0,we=((v=(w=n.temporalPatterns)==null?void 0:w.metrics)==null?void 0:v.sessionDurationMs)??0;if(X===0)return null;let ve=ce(we);return`This session captured ${X} keystroke${X===1?"":"s"} over ${ve}.`}let t=((_=(C=(g=n.contentOrigin)==null?void 0:g.metrics)==null?void 0:C.charactersByOrigin)==null?void 0:_.typed)??0,e=((Wt=(O=(x=n.contentOrigin)==null?void 0:x.metrics)==null?void 0:O.charactersByOrigin)==null?void 0:Wt.pasted)??0,r=((Ot=(Bt=(_t=n.revisionBehavior)==null?void 0:_t.metrics)==null?void 0:Bt.insertionDeletion)==null?void 0:Ot.deletionCount)??0,a=((It=(Lt=(Nt=n.contentOrigin)==null?void 0:Nt.metrics)==null?void 0:Lt.pasteEditSummary)==null?void 0:It.meanReworkRatio)??0,i=((Ht=(Ft=n.temporalPatterns)==null?void 0:Ft.metrics)==null?void 0:Ht.sessionDurationMs)??0,s=((Vt=(Gt=(zt=n.temporalPatterns)==null?void 0:zt.metrics)==null?void 0:Gt.pause2000ms)==null?void 0:Vt.count)??0,o=((qt=(Yt=(jt=n.sessionContinuity)==null?void 0:jt.metrics)==null?void 0:Yt.tabAwayEvents)==null?void 0:qt.length)??0,c=ce(i),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 b=o>0?` and ${o} tab-away${o===1?"":"s"}`:"",y;return s>0?y=`The session lasted ${c} with ${s} ${s===1?"pause":"pauses"} to think${b}.`:y=`The session lasted ${c} with no significant pauses${b}.`,`${m} ${h} ${y}`}function Pt(n){let t=n.internalPct??0,e=n.externalPct??0,r=n.unknownPct??0,a=n.copyPct??0,i=n.cutPct??0,s=t+e+r;if(s>0&&t>s*.8)return i>a?{type:"internal-cut",label:"cut and re-pasted within the document",breakdown:null}:a>i?{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 o=[];return t>0&&(i>a?o.push(`${Math.round(t)}% cut-pasted`):a>i?o.push(`${Math.round(t)}% copy-pasted`):o.push(`${Math.round(t)}% reorganised`)),e>0&&o.push(`${Math.round(e)}% external`),r>0&&o.push(`${Math.round(r)}% unclassified`),o.length>=1?{type:"mixed",label:"pasted",breakdown:o.join(", ")}:{type:"unknown",label:"pasted",breakdown:null}}var de=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 He(n){return de.has(n)}function K(n){return n?de.has(n)?"pass":"flag":"unknown"}var et={contentOrigin:"Content Origin",timingAuthenticity:"Timing & Rhythm",revisionBehavior:"Revision Behavior",sessionContinuity:"Session Continuity",physicalPlausibility:"Physical Plausibility",temporalPatterns:"Temporal Patterns",writingProcess:"Writing Process"};var ze=["contentOrigin","timingAuthenticity","revisionBehavior"],Ge=["sessionContinuity","physicalPlausibility","temporalPatterns","writingProcess"],Ve={"WT-100":()=>"No content was recorded during this session.","WT-101":n=>{let t=n.params.pct??0,e=100-t,r=Pt(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=Pt(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.`}},je={"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.`}},Ye={"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.`}},qe={"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.`},Ue={"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."},Ke={"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."},Xe={"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.`}},Je={contentOrigin:Ve,timingAuthenticity:Ye,revisionBehavior:qe,sessionContinuity:Ue,physicalPlausibility:Ke,temporalPatterns:Xe,writingProcess:Qe};function pt(n,t){let e=t[n];if(!(e!=null&&e.indicator))return"Analysis data not available.";let r=Je[n];if(!r)return le(e.indicator);if(n==="contentOrigin"&&e.pasteReworkIndicator){let i=e.pasteReworkIndicator.code,s=je[i];if(s)return s(e.pasteReworkIndicator,t)}let a=r[e.indicator.code];return a?a(e.indicator,t):le(e.indicator)}function le(n){return`Indicator ${n.code} detected.`}var Ze={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 At(n){return Ze[n]??null}function ht(n,t){return({contentOrigin:tr,timingAuthenticity:er,revisionBehavior:rr,sessionContinuity:nr,physicalPlausibility:ar,temporalPatterns:or,writingProcess:sr}[n]??(()=>[]))(t)}function tr(n){let t=n.contentOrigin.metrics,e=Math.round(t.charactersByOrigin.pasted*100),r=Math.round(t.charactersByOrigin.typed*100),a=t.pasteEvents.length,i=t.pasteEvents.reduce((s,o)=>s+o.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:ir(i),flagged:!1}]}function er(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 rr(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 nr(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 ar(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 or(n){let t=n.temporalPatterns.metrics;return[{label:"duration",value:me(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 sr(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 ir(n){return n>=1e6?`${(n/1e6).toFixed(1)}m`:n>=1e3?`${(n/1e3).toFixed(1)}k`:String(n)}function me(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 ue={"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 gt(n,t){let e=P(n);for(let[r,a]of Object.entries(ue)){let i=new RegExp(`\\b(${cr(r)})\\b`,"gi");e=e.replace(i,s=>{let o=`title="${P(a.definition)}" class="wt-term"`,c=P(s);if(a.docsPath){let l=(t??"https://writetrack.dev")+a.docsPath;return`<a href="${P(l)}" target="_blank" rel="noopener"><abbr ${o}>${c}</abbr></a>`}return`<abbr ${o}>${c}</abbr>`})}return e}function cr(n){return n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}import*as S from"@observablehq/plot";function $t(n,t=500){var y,w,v;let e=(y=n.session)==null?void 0:y.events;if(!(e!=null&&e.length))return{points:[],pauses:[]};let r=e.filter(g=>g.type==="keydown");if(r.length===0)return{points:[],pauses:[]};let a=r.filter(g=>g.key!=="FOCUS"&&g.key!=="BLUR");if(a.length===0)return{points:[],pauses:[]};let i=n.session.sessionStartTime,s=[];for(let g of a)g.key==="Backspace"||g.key==="Delete"?s.push({timestamp:g.timestamp,processDelta:1,productDelta:-1,cursorPosition:g.cursorPosition,kind:"key",key:g.key}):j.test(g.key)&&s.push({timestamp:g.timestamp,processDelta:1,productDelta:1,cursorPosition:g.cursorPosition,kind:"key",key:g.key});let o=[];for(let g of((w=n.session)==null?void 0:w.clipboardEvents)??[])g.type==="paste"?o.push({timestamp:g.timestamp,processDelta:g.length,productDelta:g.length,kind:"clipboard"}):g.type==="cut"&&o.push({timestamp:g.timestamp,processDelta:g.length,productDelta:-g.length,kind:"clipboard"});let c=[];for(let g of((v=n.session)==null?void 0:v.selectionEvents)??[])c.push({timestamp:g.timestamp,selectedLength:g.selectedLength,kind:"selection"});let l=[...s,...o,...c];if(l.sort((g,C)=>g.timestamp-C.timestamp),l.length===0)return{points:[],pauses:[]};let d=[],u=[],p=0,m=0,f=0,h=0;for(let g of l){if(g.kind==="selection"){h=g.selectedLength;continue}let C=g.productDelta;g.kind==="key"&&h>0?(g.key==="Backspace"||g.key==="Delete"?C=-h:C=1-h,h=0):g.kind==="key"&&(h=0),"processDelta"in g&&(p+=g.processDelta),m=Math.max(0,m+C),g.kind==="key"&&g.cursorPosition!==void 0&&(f=g.cursorPosition),d.push({time:(g.timestamp-i)/1e3,process:p,product:m,cursor:f}),g.kind==="key"&&u.push({timestamp:g.timestamp,productAfter:m})}let b=[];for(let g=1;g<u.length;g++){let C=u[g-1],x=u[g].timestamp-C.timestamp;if(x>=t){let O=C.timestamp+x/2;b.push({time:(O-i)/1e3,product:C.productAfter,pauseMs:x})}}return{points:d,pauses:b}}var pe="var(--wt-color-secondary, #22d3ee)",he="var(--wt-color-primary, #fbbf24)",ge="var(--wt-color-tertiary, #7C6DAF)",Mt="#f97316";function lr(n,t){let e=n/t,r=Math.pow(10,Math.floor(Math.log10(e))),a=e/r;return(a<=1?1:a<=2?2:a<=5?5:10)*r}var dr=28,mr=24,F=class extends k{constructor(){super(...arguments);this.s=null}setChangePoint(e){this.s=e,this._data&&this.safeRender()}static get observedAttributes(){return[...super.observedAttributes,"process","cursor","pauses","pause-threshold"]}attributeChangedCallback(e,r,a){super.attributeChangedCallback(e,r,a),(e==="process"||e==="cursor"||e==="pauses"||e==="pause-threshold")&&this._data&&this.hasRendered&&this.safeRender()}render(){if(!this._data)return;let e=this.getAttribute("pause-threshold"),r=e!==null?Math.max(0,Number(e)):void 0,{points:a,pauses:i}=$t(this._data,r);if(a.length===0){this.showEmptyState("No keystroke data");return}let s=st(a,it,h=>h.time,h=>h.product),o=this.compact,c=this.hasAttribute("process"),l=this.hasAttribute("cursor"),d=this.hasAttribute("pauses")&&!o,u=!o&&(c||l||d),p=this.getChartHeight(400),m=Math.max(p-mr-(u?dr:0),60),f=this.getChartWidth(640);try{let h=[];if(h.push(S.lineY(s,{x:"time",y:"product",stroke:he,strokeWidth:1.5,curve:"step-after"})),c&&h.push(S.lineY(s,{x:"time",y:"process",stroke:pe,strokeWidth:2,curve:"step-after"})),l&&h.push(S.lineY(s,{x:"time",y:"cursor",stroke:ge,strokeWidth:1,strokeDasharray:"4,3",curve:"step-after"})),d&&i.length>0){let y=Math.max(...s.map(x=>x.product));c&&(y=Math.max(y,...s.map(x=>x.process))),l&&(y=Math.max(y,...s.map(x=>x.cursor)));let w=Math.max(...i.map(x=>x.pauseMs/1e3)),v=x=>y>0&&w>0?x/w*y:x,C=lr(w,4),_=[];for(let x=C;x<=w+C*.01;x+=C)_.push(x);h.push(S.axisY({anchor:"left",label:"Characters"})),h.push(S.axisY(_.map(v),{anchor:"right",color:Mt,label:"Pause (s)",tickFormat:(x,O)=>`${_[O]}s`})),h.push(S.dot(i,S.mapY(x=>x.map(v),{x:"time",y:x=>x.pauseMs/1e3,r:x=>Math.max(3,Math.sqrt(x.pauseMs/150)),fill:Mt,fillOpacity:.6})))}!o&&this.s!=null&&h.push(S.ruleX([this.s],{stroke:"var(--wt-color-secondary, #22d3ee)",...J})),o||h.push(S.tip(s,S.pointerX({x:"time",y:"product",title:y=>{let w=`${y.time.toFixed(1)}s
|
|
192
|
+
Product: ${y.product}`;return c&&(w+=`
|
|
193
|
+
Process: ${y.process}`),l&&(w+=`
|
|
194
|
+
Cursor: ${y.cursor}`),w},...M})));let b=S.plot({width:f,height:m,...o?A:{marginLeft:50,marginBottom:35,...d?{marginRight:60}:{}},x:o?{axis:null}:{label:"Time (s)"},y:o?{axis:null}:{label:"Characters",grid:!0},marks:h,style:E});if(u){let y=[];c&&y.push({label:"Process",color:pe}),y.push({label:"Product",color:he}),l&&y.push({label:"Cursor Position",color:ge}),d&&y.push({label:"Pauses",color:Mt});let w=document.createElement("div");w.appendChild(b),w.appendChild(N(y)),this.replaceChart(w)}else this.replaceChart(b)}catch(h){I(`DocumentGrowth render failed: ${h}`)}}};F.tagName="wt-document-growth";var ur=F,pr=$t;var hr=10;function yt(n){var p,m,f,h,b,y,w,v,g,C,_,x;let t=n.finalTextLength??0,e=n.keydownCount??0,i=e>=hr&&t>0?Math.round(e/t*100)/100:null,s=((m=(p=n.contentOrigin)==null?void 0:p.metrics)==null?void 0:m.pasteEvents)??[],o=s.length>0&&t>0?Math.round(Math.max(...s.map(O=>O.characterCount))/t*100):null,c=((b=(h=(f=n.revisionBehavior)==null?void 0:f.metrics)==null?void 0:h.insertionDeletion)==null?void 0:b.deletionCount)??0,l=((w=(y=n.revisionBehavior)==null?void 0:y.metrics)==null?void 0:w.revisionAtFrontierRatio)??0,d=((g=(v=n.revisionBehavior)==null?void 0:v.metrics)==null?void 0:g.revisionAtPriorRatio)??0,u=((x=(_=(C=n.sessionContinuity)==null?void 0:C.metrics)==null?void 0:_.tabAwayEvents)==null?void 0:x.length)??0;return[{label:"Effort Ratio",value:i!==null?`${i.toFixed(2)}\xD7`:"--",status:i===null?"neutral":i<1?"flag":"clear",metric:"effort-ratio"},{label:"Largest Paste",value:o!==null?`${o}%`:"--",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 gr=new Set(["effort-ratio","largest-paste","corrections","tab-aways"]),fr=`
|
|
195
|
+
.wt-chart {
|
|
196
|
+
background: transparent;
|
|
197
|
+
padding: 0;
|
|
198
|
+
border-radius: 0;
|
|
199
|
+
}
|
|
188
200
|
.wt-badge {
|
|
189
201
|
display: inline-flex;
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
202
|
+
align-items: center;
|
|
203
|
+
border-radius: 999px;
|
|
204
|
+
overflow: hidden;
|
|
205
|
+
font-size: 0.75rem;
|
|
206
|
+
line-height: 1;
|
|
195
207
|
border: 1px solid var(--wt-color-border, #27272a);
|
|
196
|
-
font-family: var(--wt-font-ui, system-ui, sans-serif);
|
|
197
|
-
min-width: 0;
|
|
198
208
|
}
|
|
199
209
|
.wt-badge-label {
|
|
200
|
-
|
|
201
|
-
font-weight: 500;
|
|
210
|
+
padding: 0.3125rem 0.5rem;
|
|
202
211
|
color: var(--wt-color-text-muted, #a1a1aa);
|
|
203
|
-
|
|
204
|
-
|
|
212
|
+
font-family: var(--wt-font-ui, system-ui, sans-serif);
|
|
213
|
+
font-weight: 500;
|
|
205
214
|
}
|
|
206
215
|
.wt-badge-value {
|
|
207
|
-
|
|
208
|
-
font-weight: 600;
|
|
216
|
+
padding: 0.3125rem 0.625rem;
|
|
209
217
|
font-family: var(--wt-font-data, ui-monospace, monospace);
|
|
210
|
-
|
|
218
|
+
font-weight: 600;
|
|
211
219
|
}
|
|
212
220
|
.wt-badge-value.clear {
|
|
213
|
-
|
|
221
|
+
background: var(--wt-color-clear, #2B7A5D);
|
|
222
|
+
color: #fff;
|
|
214
223
|
}
|
|
215
224
|
.wt-badge-value.flag {
|
|
216
|
-
|
|
225
|
+
background: var(--wt-color-flag, #B8412D);
|
|
226
|
+
color: #fff;
|
|
217
227
|
}
|
|
218
|
-
|
|
219
|
-
|
|
228
|
+
.wt-badge-value.neutral {
|
|
229
|
+
background: var(--wt-color-border, #27272a);
|
|
230
|
+
color: var(--wt-color-text, #fafafa);
|
|
231
|
+
}
|
|
232
|
+
`;function Dt(n){let t=document.createElement("div");t.className="wt-badges";for(let e of n){let r=document.createElement("span");r.className="wt-badge";let a=document.createElement("span");a.className="wt-badge-label",a.textContent=e.label;let i=document.createElement("span");i.className=`wt-badge-value ${e.status}`,i.textContent=e.value,r.append(a,i),t.appendChild(r)}return t}var ft=class extends k{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 nt+`
|
|
233
|
+
`+fr}render(){if(!this._data)return;let t=this.getAttribute("metric");if(!t||!gr.has(t)){this.container.replaceChildren();return}let r=yt(this._data).find(o=>o.metric===t);if(!r||r.value==="--"){this.container.replaceChildren();return}let a=document.createElement("div");a.className="wt-badge";let i=document.createElement("span");i.className="wt-badge-label",i.textContent=r.label;let s=document.createElement("span");s.className=`wt-badge-value ${r.status}`,s.textContent=r.value,a.append(i,s),this.replaceChart(a)}};ft.tagName="wt-badge";var yr="0.11.0",fe=["contentOrigin","timingAuthenticity","revisionBehavior","sessionContinuity","physicalPlausibility","temporalPatterns"],br={contentOrigin:[0,1],timingAuthenticity:[0,1],revisionBehavior:[0,3],sessionContinuity:[0,1],physicalPlausibility:[0,1],temporalPatterns:[1,2],writingProcess:[0,1]},wr={contentOrigin:"Origin",timingAuthenticity:"Rhythm",revisionBehavior:"Revisions",sessionContinuity:"Continuity",physicalPlausibility:"Plausibility",temporalPatterns:"Temporal",writingProcess:"Process"},vr={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"}},xr=`:host { display: block; overflow-x: hidden; overflow-y: visible; }
|
|
220
234
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
221
235
|
.page {
|
|
222
236
|
max-width: 100%;
|
|
@@ -245,17 +259,17 @@ var et=`:host {
|
|
|
245
259
|
}
|
|
246
260
|
.header-qr { flex-shrink: 0; }
|
|
247
261
|
.header-qr svg { display: block; width: 48px; height: 48px; }
|
|
248
|
-
.header-actions { display: flex;
|
|
262
|
+
.header-actions { display: inline-flex; gap: 0.25rem; margin-left: 0.5rem; vertical-align: middle; }
|
|
249
263
|
.header-actions button {
|
|
250
|
-
appearance: none; border:
|
|
251
|
-
color: var(--wt-scorecard-text-
|
|
264
|
+
appearance: none; border: none; background: transparent;
|
|
265
|
+
color: var(--wt-scorecard-text-tertiary); padding: 0.125rem;
|
|
252
266
|
cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
|
|
253
|
-
transition:
|
|
267
|
+
transition: color 0.15s;
|
|
254
268
|
}
|
|
255
269
|
.header-actions button:hover {
|
|
256
|
-
|
|
270
|
+
color: var(--wt-scorecard-text);
|
|
257
271
|
}
|
|
258
|
-
.header-actions button svg { display: block; width:
|
|
272
|
+
.header-actions button svg { display: block; width: 14px; height: 14px; }
|
|
259
273
|
|
|
260
274
|
/* \u2500\u2500 Version footer \u2500\u2500 */
|
|
261
275
|
.version-footer {
|
|
@@ -302,36 +316,36 @@ var et=`:host {
|
|
|
302
316
|
.origin-bar-container svg { display: block; width: 100%; border-radius: 4px; overflow: hidden; }
|
|
303
317
|
|
|
304
318
|
/* \u2500\u2500 Stat badges \u2500\u2500 */
|
|
305
|
-
.
|
|
319
|
+
.wt-badges {
|
|
306
320
|
display: flex; gap: 0.5rem; flex-wrap: wrap;
|
|
307
321
|
margin-bottom: 1rem; padding: 0 0.25rem;
|
|
308
322
|
}
|
|
309
|
-
.
|
|
323
|
+
.wt-badge {
|
|
310
324
|
display: inline-flex; align-items: center;
|
|
311
325
|
border-radius: 999px; overflow: hidden;
|
|
312
326
|
font-size: 0.75rem; line-height: 1;
|
|
313
327
|
border: 1px solid var(--wt-scorecard-border);
|
|
314
328
|
}
|
|
315
|
-
.
|
|
329
|
+
.wt-badge-label {
|
|
316
330
|
padding: 0.3125rem 0.5rem;
|
|
317
331
|
color: var(--wt-scorecard-text-secondary);
|
|
318
332
|
font-family: var(--wt-scorecard-font-body);
|
|
319
333
|
font-weight: 500;
|
|
320
334
|
}
|
|
321
|
-
.
|
|
335
|
+
.wt-badge-value {
|
|
322
336
|
padding: 0.3125rem 0.625rem;
|
|
323
337
|
font-family: var(--wt-scorecard-font-data);
|
|
324
338
|
font-weight: 600;
|
|
325
339
|
}
|
|
326
|
-
.
|
|
340
|
+
.wt-badge-value.clear {
|
|
327
341
|
background: var(--wt-scorecard-status-clear);
|
|
328
342
|
color: #fff;
|
|
329
343
|
}
|
|
330
|
-
.
|
|
344
|
+
.wt-badge-value.flag {
|
|
331
345
|
background: var(--wt-scorecard-status-flagged);
|
|
332
346
|
color: #fff;
|
|
333
347
|
}
|
|
334
|
-
.
|
|
348
|
+
.wt-badge-value.neutral {
|
|
335
349
|
background: var(--wt-scorecard-border);
|
|
336
350
|
color: var(--wt-scorecard-text);
|
|
337
351
|
}
|
|
@@ -393,7 +407,7 @@ var et=`:host {
|
|
|
393
407
|
.cell-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.25rem; gap: 0.25rem; }
|
|
394
408
|
.cell-name-short { display: inline; }
|
|
395
409
|
.cell-name-full { display: none; }
|
|
396
|
-
@container grid (min-width:
|
|
410
|
+
@container grid (min-width: 1200px) {
|
|
397
411
|
.cell-name-short { display: none; }
|
|
398
412
|
.cell-name-full { display: inline; }
|
|
399
413
|
}
|
|
@@ -401,7 +415,7 @@ var et=`:host {
|
|
|
401
415
|
.cell-status { display: none; }
|
|
402
416
|
.cell-chart { height: 52px; margin: 0.5rem 0 0.5rem; }
|
|
403
417
|
.cell-chart svg { display: block; width: 100%; height: 100%; }
|
|
404
|
-
.cell-chart .wt-empty { display:
|
|
418
|
+
.cell-chart .wt-empty { font-size: 0.625rem; color: var(--wt-scorecard-text-tertiary); font-style: italic; display: flex; align-items: center; justify-content: center; height: 100%; }
|
|
405
419
|
.cell-metrics { display: flex; flex-direction: column; gap: 0.1875rem; }
|
|
406
420
|
.cell-metric { display: flex; justify-content: space-between; align-items: baseline; }
|
|
407
421
|
.cell-metric-label { font-size: 0.6875rem; color: var(--wt-scorecard-text-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
@@ -463,6 +477,8 @@ var et=`:host {
|
|
|
463
477
|
/* \u2500\u2500 Responsive (container queries \u2014 responds to scorecard width, not viewport) \u2500\u2500 */
|
|
464
478
|
@container grid (max-width: 600px) {
|
|
465
479
|
.indicator-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
|
480
|
+
.cell-name-short { display: none; }
|
|
481
|
+
.cell-name-full { display: inline; }
|
|
466
482
|
.cell:nth-child(6n) { border-right: 1px solid var(--wt-scorecard-border); }
|
|
467
483
|
.cell:nth-child(3n) { border-right: none; }
|
|
468
484
|
.cell { border-bottom: 1px solid var(--wt-scorecard-border); }
|
|
@@ -487,5 +503,5 @@ var et=`:host {
|
|
|
487
503
|
.page { padding: 1.25rem 1rem 2rem; }
|
|
488
504
|
.detail-inner { padding: 1rem; }
|
|
489
505
|
}
|
|
490
|
-
`,
|
|
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};
|
|
506
|
+
`,bt=class extends k{constructor(){super(...arguments);this.o="contentOrigin"}static get observedAttributes(){return[...super.observedAttributes,"share","download"]}onResize(){this.rerenderAllCharts()}getStylesheet(){return Z+`
|
|
507
|
+
`+xr}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 b;if(!((b=this._data)!=null&&b.analysis))return;let{data:e,analysis:r}=this._data,a=this.o,i=document.createElement("div");i.className="page",i.setAttribute("part","page"),i.appendChild(this.buildHeader(r,e));let s=yt(r);i.appendChild(Dt(s));let o=Et(r)??"No text was entered.",c=document.createElement("p");c.className="narrative",c.textContent=o,i.appendChild(c);let l=document.createElement("div");l.className="origin-bar-container",l.id="origin-bar",i.appendChild(l);let d=this.buildFlags(r);d&&i.appendChild(d);let u=this.buildGrid(r);i.appendChild(u);let p=this.buildDetailPanel();i.appendChild(p),i.appendChild(this.buildIntegrityDetails(r));let m=document.createElement("div");m.className="version-footer",m.textContent=`WriteTrack v${yr}`,i.appendChild(m);let f=this.closest('[class*="scorecard"]')??this.parentElement,h=(f==null?void 0:f.scrollTop)??0;this.replaceChart(i),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 i=document.createElement("div");i.className="header-logo",a.appendChild(i);let s=document.createElement("div");s.className="header-meta";let o=document.createElement("div");o.className="header-title",o.textContent="WriteTrack Session",s.appendChild(o);let c=r.metadata.sessionId??"";if(c){let w=document.createElement("div");w.className="header-session-id",w.textContent=c,s.appendChild(w)}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 w=new Date(m.getTime()+p),v=m.toLocaleDateString("en-GB",f),g=w.toLocaleDateString("en-GB",f);l.textContent=v===g?v:`${v} \u2013 ${g}`}else l.textContent=m.toLocaleDateString("en-GB",f);s.appendChild(l),a.appendChild(s);let h=document.createElement("div");h.className="header-qr",this.hasAttribute("share")&&(h.style.cursor="pointer",h.title="Share",h.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("wt-share",{bubbles:!0,composed:!0,detail:{report:this._data}}))})),a.appendChild(h);let b=this.hasAttribute("share"),y=this.hasAttribute("download");if(b||y){let w=document.createElement("span");if(w.className="header-actions",b){let v=document.createElement("button");v.setAttribute("data-action","share"),v.setAttribute("aria-label","Share report"),v.title="Share",v.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>',v.addEventListener("click",g=>{g.stopPropagation(),this.dispatchEvent(new CustomEvent("wt-share",{bubbles:!0,composed:!0,detail:{report:this._data}}))}),w.appendChild(v)}if(y){let v=document.createElement("button");v.setAttribute("data-action","download"),v.setAttribute("aria-label","Download session data"),v.title="Download session data",v.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>',v.addEventListener("click",g=>{g.stopPropagation(),this.dispatchEvent(new CustomEvent("wt-download",{bubbles:!0,composed:!0,detail:{report:this._data}}))}),w.appendChild(v)}o.appendChild(w)}return requestAnimationFrame(()=>{let w=getComputedStyle(this),v=w.getPropertyValue("--wt-scorecard-text").trim()||"#E4E2DA",g=w.getPropertyValue("--wt-scorecard-status-clear").trim()||"#5EAE78";i.innerHTML=ie(60,v,g);let C=Tt(e.integrity.finalDigest);C&&(h.innerHTML=St(C,v))}),a}buildFlags(e){if(!e.sufficientData)return null;let r=fe.filter(i=>K(this.getIndicatorCode(e,i))==="flag");if(r.length===0)return null;let a=document.createElement("div");a.className="flags";for(let i of r){let s=document.createElement("div");s.className="flag-item";let o=pt(i,e);s.innerHTML=`<strong class="flag-label">Flagged</strong> ${P(et[i]??i)}\u2009\u2014\u2009${P(o)}`,a.appendChild(s)}return a}buildIntegrityDetails(e){let r=document.createElement("details");r.className="integrity-details";let a=document.createElement("summary"),i=document.createElement("span");i.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(i,s),r.appendChild(a);let o=document.createElement("div");o.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,o.append(c,l),r.appendChild(o),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 i of fe)a.appendChild(this.buildCell(i,e));return r.appendChild(a),r}buildCell(e,r){let a=this.getIndicatorCode(r,e),i=K(a),s=r.sufficientData&&i==="flag",o=document.createElement("div");o.className="cell"+(s?" flagged":""),o.setAttribute("data-category",e),o.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=wr[e]??e;let p=document.createElement("span");p.className="cell-name-full",p.textContent=et[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),o.appendChild(c);let f=document.createElement("div");f.className="cell-chart",o.appendChild(f);let h=ht(e,r),b=br[e];return o.appendChild(this.buildCellMetrics(h,b)),o}buildCellMetrics(e,r){let a=document.createElement("div");a.className="cell-metrics";for(let i of r){let s=e[i];if(!s)continue;let o=document.createElement("div");o.className="cell-metric",o.innerHTML=`<span class="cell-metric-label">${P(s.label)}</span><span class="cell-metric-value">${P(s.value)}</span>`,a.appendChild(o)}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"),i=a&&a.children.length===0;if(this.o===e&&!i)return;this.o=e;let s=this.shadow.getElementById("grid");s==null||s.querySelectorAll(".cell").forEach(l=>l.classList.remove("selected"));let o=s==null?void 0:s.querySelector(`[data-category="${e}"]`);o==null||o.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 i=()=>{this.populateDetail(a,e,r),requestAnimationFrame(()=>{let s=a.querySelector(".detail-chart-area");if(s){let o=this.createDetailChart(e);if(o){let c=s.clientWidth;c>0&&o.el.style.setProperty("--wt-chart-width",`${c}px`),s.replaceChildren(o.el),o.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)i();else{let s=!1,o=()=>{s||(s=!0,i())},c=setTimeout(o,300);a.addEventListener("transitionend",()=>{clearTimeout(c),o()},{once:!0})}}populateDetail(e,r,a){let i=this.getIndicatorCode(a,r),s=K(i),o=a.sufficientData&&s==="flag",c='<div class="detail-head">';c+=`<span class="detail-name">${P(et[r]??r)}</span>`,c+=`<span class="detail-code">${P(i??"")}</span>`,c+=`<span class="detail-status-label ${o?"flagged":"clear"}">${o?"flagged":"clear"}</span>`,c+="</div>";let l=pt(r,a);c+=`<p class="detail-summary">${gt(l)}</p>`,c+='<div class="detail-chart-area"></div>';let d=vr[r];c+=`<div class="detail-chart-caption">${P(d.name)} \u2014 ${P(d.desc)}</div>`;let u=ht(r,a);c+='<div class="detail-metrics">';for(let m of u)c+=`<div class="detail-metric"><span class="detail-metric-value">${P(m.value)}</span><span class="detail-metric-label">${P(m.label)}</span></div>`;c+="</div>";let p=At(r);p&&(c+=`<p class="detail-explainer">${gt(p)}</p>`),e.innerHTML=c}getIndicatorCode(e,r){var i;let a=e[r];return(i=a==null?void 0:a.indicator)==null?void 0:i.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()||"#5B8FA8"}}renderOriginBarIfPresent(){var l;let e=(l=this._data)==null?void 0:l.analysis;if(!e)return;let r=this.shadow.getElementById("origin-bar");if(!r)return;let a=this.getComputedColors(),i={typed:a.accent,pasted:a.chartTertiary,autocompleted:a.cyan},s={autocompleted:a.line},o=r.getBoundingClientRect().width||400,c=mt(dt(e),o,i,s);c&&r.replaceChildren(c)}createDetailChart(e,r=!1){var p;if(!((p=this._data)!=null&&p.analysis))return null;let{data:a,analysis:i}=this._data,s=this.getComputedColors(),o=this.getIndicatorCode(i,e),l=K(o)==="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(Y,m=>m.setData(a));case"timingAuthenticity":return u(G,m=>m.setData(i));case"revisionBehavior":return u(U,m=>m.setData(a));case"sessionContinuity":return u(F,m=>{var h,b;m.setAttribute("process",""),m.setAttribute("cursor","");let f=((b=(h=i.sessionContinuity)==null?void 0:h.metrics)==null?void 0:b.changePoints)??[];f.length>0&&m.setChangePoint(f[0].timestamp/1e3),m.setData(a)});case"physicalPlausibility":return u(q,m=>m.setData(a));case"temporalPatterns":return u(z,m=>m.setData(i));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 i=this.createDetailChart(a,!0);i&&(e.replaceChildren(i.el),i.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 i=r.clientWidth;i>0&&a.el.style.setProperty("--wt-chart-width",`${i}px`),r.replaceChildren(a.el),a.init()}}}this.renderOriginBarIfPresent()}};bt.tagName="wt-scorecard";import*as W from"@observablehq/plot";var rt={typing:"var(--wt-segment-typing, var(--wt-color-primary, #fbbf24))",paste:"var(--wt-segment-paste, var(--wt-color-secondary, #22d3ee))",pause:"var(--wt-segment-pause, var(--wt-color-text-muted, #a1a1aa))",tabAway:"var(--wt-segment-tab-away, #ef4444)",autocomplete:"var(--wt-segment-autocomplete, #a78bfa)",navigating:"var(--wt-segment-navigating, #34d399)"},kr={typing:"Typed",paste:"Pasted",pause:"Pause",tabAway:"Tab away",autocomplete:"Autocomplete",navigating:"Navigating"};function Rt(n){let t=n.sessionTimeline;return t!=null&&t.length?t.map(e=>({start:e.startTime/1e3,end:e.endTime/1e3,type:e.type,color:rt[e.type]??"#666"})):[]}function ye(n){var e,r;return(((r=(e=n.contentOrigin)==null?void 0:e.metrics)==null?void 0:r.pasteEvents)??[]).map(a=>({time:a.timestamp/1e3,chars:a.characterCount,source:a.source}))}function be(n){return Rt(n).filter(t=>t.type==="tabAway")}var wt=class extends k{static get observedAttributes(){return[...super.observedAttributes,"mode"]}get mode(){return this.getAttribute("mode")??"full"}render(){if(!this._data)return;if(this.mode==="focus"){this.d();return}let t=Rt(this._data);if(t.length===0){this.showEmptyState("No session data");return}let e=ye(this._data),r=this.compact,a=[W.barX(t,{x1:"start",x2:"end",fill:"color",y:()=>"Activity",inset:.5})];r||a.push(W.tip(t,W.pointer({x:c=>(c.start+c.end)/2,y:()=>"Activity",title:c=>`${c.type} \u2014 ${(c.end-c.start).toFixed(1)}s`,...M}))),!r&&e.length&&a.push(W.dot(e,{x:"time",y:()=>"Activity",r:"chars",fill:rt.paste,fillOpacity:.7,stroke:"var(--wt-color-bg, #111113)",strokeWidth:1}));let i=this.getChartWidth(640),s=this.getChartHeight(120),o=W.plot({width:i,height:s,...r?A:{marginLeft:8,marginBottom:35},x:r?{axis:null}:{label:"Time (s)"},y:{axis:null,padding:.2},marks:a,style:E});if(r)this.replaceChart(o);else{let c=[...new Set(t.map(d=>d.type))],l=document.createElement("div");l.appendChild(o),l.appendChild(N(c.map(d=>({label:kr[d]??d,color:rt[d]??"#666"})))),this.replaceChart(l)}}d(){if(!this._data)return;let t=be(this._data);if(t.length===0){this.showEmptyState("No tab-away events");return}let e=this.getChartWidth(640),r=this.getChartHeight(60),a=W.plot({width:e,height:r,marginLeft:8,marginBottom:35,x:{label:"Time (s)"},y:{axis:null,padding:.2},marks:[W.barX(t,{x1:"start",x2:"end",fill:rt.tabAway,y:()=>"Focus",inset:.5})],style:E});this.replaceChart(a)}};wt.tagName="wt-composition-timeline";export{k as BaseChart,et as CATEGORY_NAMES,wt as CompositionTimeline,U as CorrectionsBubble,F as DocumentGrowth,Y as EditBeeswarm,q as EditWaterfall,ue as GLOSSARY,ut as IntegrityFooter,at as PauseDistribution,ur as ProcessGraph,G as RhythmHeatmap,rt as SEGMENT_COLORS,xt as Sparkline,z as SpeedTimeline,ze as TIER1_CATEGORIES,Ge as TIER2_CATEGORIES,ft as WtBadge,lt as WtOriginBar,bt as WtScorecard,Jt as extractBeeswarmData,re as extractCorrectionBubbles,be as extractFocusSegments,pr as extractGrowthData,dt as extractOriginData,ye as extractPasteMarkers,Qt as extractPauseHistogram,$t as extractProcessData,Xt as extractRhythmPairs,Rt as extractSegments,Ut as extractSeries,Kt as extractSpeedData,yt as extractStatBadges,te as extractWaterfallData,me as formatDuration,At as generateCaption,pt as generateSummary,Et as generateWritingSummary,ht as getMetrics,K as getStatus,He as isPass,mt as renderOriginBar,Dt as renderStatBadges,gt as wrapTerms};
|