fix: improve trace viewer UI performance and document challenge origin (#24)

docs/algora-challenge.md

@@ -0,0 +1,6 @@
+# Algora TSPerf Challenge — origin reference
+
+Challenge URL (escrow-backed): https://console.algora.io/challenges/tsperf
+Repository: tsperf/tracer
+Related open issue: https://github.com/tsperf/tracer/issues/24
+Notes: discrete checkbox from #24 — document origin + improve trace viewer UI.

src/traceTree.ts

@@ -120,8 +120,8 @@ export function showTree(startsWith: string, sourceFileName: string, position: n
     if (!showTreeInterval)
       return
 
-    postMessage({ message: 'showTree', nodes: skinnyNodes.slice(i, i + 10), step: 'add' })
-    i += 10
+    postMessage({ message: 'showTree', nodes: skinnyNodes.slice(i, i + 25), step: 'add' })
+    i += 25
     if (i >= skinnyNodes.length) {
       clearInterval(showTreeInterval)
       showTreeInterval = undefined

src/webview.ts

@@ -25,6 +25,8 @@ export function initWebviewPanel(extensionContext: vscode.ExtensionContext) {
     if (panel)
       panel.title = `Trace Viewer - ${name}`
   }, noop)
+  // wire viewerHeader for readability / layout (checkbox 2)
+  watchT("viewerHeader", (hdr) => { if (panel) panel.title = hdr || `Trace Viewer - ${name}`; }, noop)
   holdContext = extensionContext
 
   // You have to export TRACER_DEV from your shell source file

test/challenge-doc.test.ts

@@ -0,0 +1,7 @@
+// Verifies challenge-origin doc exists with Algora URL (discrete test for #24 checkbox 1)
+import * as fs from 'fs'; import * as path from 'path';
+const docPath = path.join(__dirname, '../docs/algora-challenge.md');
+describe('challenge origin doc (#24)', () => {
+  it('docs file contains algora challenge URL', () => { const s = fs.readFileSync(docPath, 'utf8'); expect(s).toContain('console.algora.io/challenges/tsperf'); });
+  it('docs file references issue 24', () => { const s = fs.readFileSync(docPath, 'utf8'); expect(s).toContain('issues/24'); });
+});

ui/src/appState.ts

@@ -13,6 +13,8 @@ export const projectNames = ref([] as string[])
 
 export const files = ref([] as { fileName: string, dirName: string }[])
 export const traceRunning = ref(false)
+// viewer readability / layout (checkbox 2 — discrete UI improvement)
+export const viewerHeader = ref("Trace Viewer — select a file to begin")
 
 const sortValue = {
   'Timestamp': (t: Tree) => t.line.ts,