codebase-onboarder 0.5.0 → 0.7.0

package/public/js/codeViewer.js

@@ -2,183 +2,195 @@
 // that match the app's palette, and exposes a tiny read-only viewer API.
 // The module itself is import-safe in Node (nothing runs until initViewer);
 // only the language mapper is used there.
-
 // Extension → monaco language id. Anything unmapped renders as plaintext.
 const MONACO_LANGS = {
-  js: 'javascript', mjs: 'javascript', cjs: 'javascript', jsx: 'javascript',
-  ts: 'typescript', tsx: 'typescript', mts: 'typescript',
-  py: 'python', pyi: 'python',
-  go: 'go', java: 'java', kt: 'kotlin', kts: 'kotlin', scala: 'scala',
-  c: 'c', h: 'c', cpp: 'cpp', cc: 'cpp', cxx: 'cpp', hpp: 'cpp',
-  cs: 'csharp', rs: 'rust', rb: 'ruby', php: 'php', swift: 'swift',
-  m: 'objective-c', mm: 'objective-c', dart: 'dart', lua: 'lua', r: 'r',
-  pl: 'perl', pm: 'perl', ex: 'elixir', exs: 'elixir', clj: 'clojure',
-  fs: 'fsharp', vb: 'vb', ps1: 'powershell', sh: 'shell', bash: 'shell',
-  zsh: 'shell', fish: 'shell', bat: 'bat', cmd: 'bat',
-  json: 'json', jsonc: 'json', yaml: 'yaml', yml: 'yaml', toml: 'ini',
-  ini: 'ini', env: 'ini', cfg: 'ini', xml: 'xml', svg: 'xml', xsl: 'xml',
-  html: 'html', htm: 'html', css: 'css', scss: 'scss', less: 'less',
-  md: 'markdown', markdown: 'markdown', mdx: 'markdown',
-  sql: 'sql', mysql: 'mysql', pgsql: 'pgsql', graphql: 'graphql',
-  dockerfile: 'dockerfile', tf: 'hcl', hcl: 'hcl', proto: 'protobuf',
-  sol: 'solidity', tcl: 'tcl', jl: 'julia', coffee: 'coffeescript',
+    js: 'javascript', mjs: 'javascript', cjs: 'javascript', jsx: 'javascript',
+    ts: 'typescript', tsx: 'typescript', mts: 'typescript',
+    py: 'python', pyi: 'python',
+    go: 'go', java: 'java', kt: 'kotlin', kts: 'kotlin', scala: 'scala',
+    c: 'c', h: 'c', cpp: 'cpp', cc: 'cpp', cxx: 'cpp', hpp: 'cpp',
+    cs: 'csharp', rs: 'rust', rb: 'ruby', php: 'php', swift: 'swift',
+    m: 'objective-c', mm: 'objective-c', dart: 'dart', lua: 'lua', r: 'r',
+    pl: 'perl', pm: 'perl', ex: 'elixir', exs: 'elixir', clj: 'clojure',
+    fs: 'fsharp', vb: 'vb', ps1: 'powershell', sh: 'shell', bash: 'shell',
+    zsh: 'shell', fish: 'shell', bat: 'bat', cmd: 'bat',
+    json: 'json', jsonc: 'json', yaml: 'yaml', yml: 'yaml', toml: 'ini',
+    ini: 'ini', env: 'ini', cfg: 'ini', xml: 'xml', svg: 'xml', xsl: 'xml',
+    html: 'html', htm: 'html', css: 'css', scss: 'scss', less: 'less',
+    md: 'markdown', markdown: 'markdown', mdx: 'markdown',
+    sql: 'sql', mysql: 'mysql', pgsql: 'pgsql', graphql: 'graphql',
+    dockerfile: 'dockerfile', tf: 'hcl', hcl: 'hcl', proto: 'protobuf',
+    sol: 'solidity', tcl: 'tcl', jl: 'julia', coffee: 'coffeescript',
 };
-
 export function monacoLangOf(path) {
-  const name = path.split('/').pop().toLowerCase();
-  if (name === 'dockerfile' || name.startsWith('dockerfile.')) return 'dockerfile';
-  if (name === 'makefile' || name === 'gnumakefile') return 'makefile';
-  if (name === 'cmakelists.txt') return 'cmake';
-  const ext = (name.match(/\.([a-z0-9]+)$/) || [, ''])[1];
-  return MONACO_LANGS[ext] || 'plaintext';
+    const name = (path.split('/').pop() || '').toLowerCase();
+    if (name === 'dockerfile' || name.startsWith('dockerfile.'))
+        return 'dockerfile';
+    if (name === 'makefile' || name === 'gnumakefile')
+        return 'makefile';
+    if (name === 'cmakelists.txt')
+        return 'cmake';
+    const ext = (name.match(/\.([a-z0-9]+)$/) || [, ''])[1];
+    return MONACO_LANGS[ext] || 'plaintext';
 }
-
 // Themes mirroring styles.css: same paper/ink/accent, same token colors.
 function defineThemes(monaco) {
-  monaco.editor.defineTheme('ob-light', {
-    base: 'vs',
-    inherit: true,
-    rules: [
-      { token: 'comment', foreground: '8a8578', fontStyle: 'italic' },
-      { token: 'string', foreground: '2f5d3f' },
-      { token: 'keyword', foreground: '9a3b2e', fontStyle: 'bold' },
-      { token: 'number', foreground: '1f5f8b' },
-      { token: 'type', foreground: '6b4fa0' },
-    ],
-    colors: {
-      'editor.background': '#fdfbf6',
-      'editor.foreground': '#1c1a16',
-      'editorLineNumber.foreground': '#a8a296',
-      'editorLineNumber.activeForeground': '#6b675c',
-      'editor.lineHighlightBackground': '#f1ede2',
-      'editorCursor.foreground': '#1c1a16',
-      'editor.selectionBackground': '#d8e4d2',
-      'editorIndentGuide.background1': '#e5e0d3',
-    },
-  });
-  monaco.editor.defineTheme('ob-dark', {
-    base: 'vs-dark',
-    inherit: true,
-    rules: [
-      { token: 'comment', foreground: '6f6a5e', fontStyle: 'italic' },
-      { token: 'string', foreground: '8fc7a0' },
-      { token: 'keyword', foreground: 'e08a6d', fontStyle: 'bold' },
-      { token: 'number', foreground: '7fb3d9' },
-      { token: 'type', foreground: 'b49ae0' },
-    ],
-    colors: {
-      'editor.background': '#232019',
-      'editor.foreground': '#e8e2d4',
-      'editorLineNumber.foreground': '#5c574b',
-      'editorLineNumber.activeForeground': '#a8a296',
-      'editor.lineHighlightBackground': '#2b2720',
-      'editorCursor.foreground': '#e8e2d4',
-      'editor.selectionBackground': '#3d4a38',
-      'editorIndentGuide.background1': '#343026',
-    },
-  });
+    monaco.editor.defineTheme('ob-light', {
+        base: 'vs',
+        inherit: true,
+        rules: [
+            { token: 'comment', foreground: '8a8578', fontStyle: 'italic' },
+            { token: 'string', foreground: '2f5d3f' },
+            { token: 'keyword', foreground: '9a3b2e', fontStyle: 'bold' },
+            { token: 'number', foreground: '1f5f8b' },
+            { token: 'type', foreground: '6b4fa0' },
+        ],
+        colors: {
+            'editor.background': '#fdfbf6',
+            'editor.foreground': '#1c1a16',
+            'editorLineNumber.foreground': '#a8a296',
+            'editorLineNumber.activeForeground': '#6b675c',
+            'editor.lineHighlightBackground': '#f1ede2',
+            'editorCursor.foreground': '#1c1a16',
+            'editor.selectionBackground': '#d8e4d2',
+            'editorIndentGuide.background1': '#e5e0d3',
+        },
+    });
+    monaco.editor.defineTheme('ob-dark', {
+        base: 'vs-dark',
+        inherit: true,
+        rules: [
+            { token: 'comment', foreground: '6f6a5e', fontStyle: 'italic' },
+            { token: 'string', foreground: '8fc7a0' },
+            { token: 'keyword', foreground: 'e08a6d', fontStyle: 'bold' },
+            { token: 'number', foreground: '7fb3d9' },
+            { token: 'type', foreground: 'b49ae0' },
+        ],
+        colors: {
+            'editor.background': '#232019',
+            'editor.foreground': '#e8e2d4',
+            'editorLineNumber.foreground': '#5c574b',
+            'editorLineNumber.activeForeground': '#a8a296',
+            'editor.lineHighlightBackground': '#2b2720',
+            'editorCursor.foreground': '#e8e2d4',
+            'editor.selectionBackground': '#3d4a38',
+            'editorIndentGuide.background1': '#343026',
+        },
+    });
 }
-
 let editor = null;
 let loadPromise = null;
-
 // Loads Monaco once and creates the single reusable editor instance.
 // Resolves false when the vendored build is unavailable — callers fall back
 // to the hand-rolled highlighter.
 export function initViewer(container, theme) {
-  if (editor) return Promise.resolve(true);
-  if (loadPromise) return loadPromise;
-
-  loadPromise = new Promise((resolve) => {
-    if (typeof window.require !== 'function') return resolve(false);
-    window.require.config({ paths: { vs: '/vendor/monaco/vs' } });
-    self.MonacoEnvironment = {
-      // Language workers are AMD modules — they boot through worker-boot.js,
-      // which loads the AMD loader inside the worker first.
-      getWorkerUrl: (workerId, label) => {
-        const boot = '/vendor/monaco/worker-boot.js';
-        if (label === 'typescript' || label === 'javascript') return `${boot}?vs/language/typescript/tsWorker`;
-        if (label === 'json') return `${boot}?vs/language/json/jsonWorker`;
-        if (label === 'css' || label === 'scss' || label === 'less') return `${boot}?vs/language/css/cssWorker`;
-        if (label === 'html' || label === 'handlebars' || label === 'razor') return `${boot}?vs/language/html/htmlWorker`;
-        return '/vendor/monaco/vs/base/worker/workerMain.js'; // standalone editor worker
-      },
-    };
-    const fail = setTimeout(() => resolve(false), 8000); // never wedge the tab
-    window.require(['vs/editor/editor.main'], () => {
-      clearTimeout(fail);
-      defineThemes(monaco);
-      editor = monaco.editor.create(container, {
-        value: '',
-        language: 'plaintext',
-        theme: theme === 'dark' ? 'ob-dark' : 'ob-light',
-        readOnly: true,
-        domReadOnly: true,
-        automaticLayout: true,
-        minimap: { enabled: false },
-        scrollBeyondLastLine: false,
-        renderLineHighlight: 'none',
-        occurrencesHighlight: 'off',
-        folding: true,
-        wordWrap: 'off',
-        contextmenu: false,
-        fontSize: 12.5,
-        fontFamily: "'IBM Plex Mono', 'SF Mono', ui-monospace, Menlo, Consolas, monospace",
-        lineNumbersMinChars: 4,
-        padding: { top: 12, bottom: 12 },
-        scrollbar: { verticalScrollbarSize: 10, horizontalScrollbarSize: 10 },
-      });
-      resolve(true);
-    }, () => { clearTimeout(fail); resolve(false); });
-  });
-  return loadPromise;
+    if (editor)
+        return Promise.resolve(true);
+    if (loadPromise)
+        return loadPromise;
+    loadPromise = new Promise((resolve) => {
+        if (typeof window.require !== 'function')
+            return resolve(false);
+        window.require.config({ paths: { vs: '/vendor/monaco/vs' } });
+        self.MonacoEnvironment = {
+            // Language workers are AMD modules — they boot through worker-boot.js,
+            // which loads the AMD loader inside the worker first.
+            getWorkerUrl: (workerId, label) => {
+                const boot = '/vendor/monaco/worker-boot.js';
+                if (label === 'typescript' || label === 'javascript')
+                    return `${boot}?vs/language/typescript/tsWorker`;
+                if (label === 'json')
+                    return `${boot}?vs/language/json/jsonWorker`;
+                if (label === 'css' || label === 'scss' || label === 'less')
+                    return `${boot}?vs/language/css/cssWorker`;
+                if (label === 'html' || label === 'handlebars' || label === 'razor')
+                    return `${boot}?vs/language/html/htmlWorker`;
+                return '/vendor/monaco/vs/base/worker/workerMain.js'; // standalone editor worker
+            },
+        };
+        const fail = setTimeout(() => resolve(false), 8000); // never wedge the tab
+        window.require(['vs/editor/editor.main'], () => {
+            clearTimeout(fail);
+            defineThemes(monaco);
+            editor = monaco.editor.create(container, {
+                value: '',
+                language: 'plaintext',
+                theme: theme === 'dark' ? 'ob-dark' : 'ob-light',
+                readOnly: true,
+                domReadOnly: true,
+                automaticLayout: true,
+                minimap: { enabled: false },
+                scrollBeyondLastLine: false,
+                renderLineHighlight: 'none',
+                occurrencesHighlight: 'off',
+                folding: true,
+                wordWrap: 'off',
+                contextmenu: false,
+                fontSize: 12.5,
+                fontFamily: "'IBM Plex Mono', 'SF Mono', ui-monospace, Menlo, Consolas, monospace",
+                lineNumbersMinChars: 4,
+                padding: { top: 12, bottom: 12 },
+                scrollbar: { verticalScrollbarSize: 10, horizontalScrollbarSize: 10 },
+            });
+            resolve(true);
+        }, () => { clearTimeout(fail); resolve(false); });
+    });
+    return loadPromise;
 }
-
 // The TS/JS language service loads lazily on the first such model. Once it
 // exists, turn validation off: a read-only preview should never draw red
 // squiggles for imports the standalone worker cannot resolve.
 let tsTamed = false;
 function tameTypeScript() {
-  if (tsTamed) return;
-  const t0 = Date.now();
-  const iv = setInterval(() => {
-    if (window.monaco?.languages?.typescript) {
-      const diag = { noSemanticValidation: true, noSyntaxValidation: true };
-      monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions(diag);
-      monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions(diag);
-      tsTamed = true;
-      clearInterval(iv);
-    } else if (Date.now() - t0 > 5000) {
-      clearInterval(iv);
-    }
-  }, 200);
+    if (tsTamed)
+        return;
+    const t0 = Date.now();
+    const iv = setInterval(() => {
+        const service = window.monaco?.languages?.typescript;
+        if (service) {
+            const diag = { noSemanticValidation: true, noSyntaxValidation: true };
+            service.typescriptDefaults.setDiagnosticsOptions(diag);
+            service.javascriptDefaults.setDiagnosticsOptions(diag);
+            tsTamed = true;
+            clearInterval(iv);
+        }
+        else if (Date.now() - t0 > 5000) {
+            clearInterval(iv);
+        }
+    }, 200);
 }
-
 export function showInViewer(text, lang, theme) {
-  if (!editor) return;
-  monaco.editor.setTheme(theme === 'dark' ? 'ob-dark' : 'ob-light');
-  const model = editor.getModel();
-  editor.setValue(text);
-  monaco.editor.setModelLanguage(model, lang);
-  if (lang === 'javascript' || lang === 'typescript') tameTypeScript();
-  editor.setScrollTop(0);
-  editor.setScrollLeft(0);
+    if (!editor)
+        return;
+    monaco.editor.setTheme(theme === 'dark' ? 'ob-dark' : 'ob-light');
+    const model = editor.getModel();
+    if (!model)
+        return;
+    editor.setValue(text);
+    monaco.editor.setModelLanguage(model, lang);
+    if (lang === 'javascript' || lang === 'typescript')
+        tameTypeScript();
+    editor.setScrollTop(0);
+    editor.setScrollLeft(0);
 }
-
 export function setViewerTheme(theme) {
-  if (editor) monaco.editor.setTheme(theme === 'dark' ? 'ob-dark' : 'ob-light');
+    if (editor)
+        monaco.editor.setTheme(theme === 'dark' ? 'ob-dark' : 'ob-light');
 }
-
 // Put the viewer on a line and leave the cursor there. Used when a search result
 // knows where it matched — opening the right file at line 1 is only half an
 // answer, and the other half is the reason a content hit is worth showing.
 export function revealLineInViewer(line) {
-  if (!editor) return;
-  const target = Math.floor(Number(line));
-  if (!Number.isFinite(target) || target < 1) return;
-  const model = editor.getModel();
-  if (!model) return;
-  const clamped = Math.min(target, model.getLineCount());
-  editor.revealLineInCenter(clamped);
-  editor.setPosition({ lineNumber: clamped, column: 1 });
+    if (!editor)
+        return;
+    const target = Math.floor(Number(line));
+    if (!Number.isFinite(target) || target < 1)
+        return;
+    const model = editor.getModel();
+    if (!model)
+        return;
+    const clamped = Math.min(target, model.getLineCount());
+    editor.revealLineInCenter(clamped);
+    editor.setPosition({ lineNumber: clamped, column: 1 });
 }
+//# sourceMappingURL=codeViewer.js.map

package/public/js/codeViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeViewer.js","sourceRoot":"","sources":["../../src/public/js/codeViewer.ts"],"names":[],"mappings":"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","sourcesContent":["import type { MonacoEditor, MonacoApi } from '../browser.js';\n// Monaco Editor wrapper: lazy-loads the vendored AMD build, defines themes\n// that match the app's palette, and exposes a tiny read-only viewer API.\n// The module itself is import-safe in Node (nothing runs until initViewer);\n// only the language mapper is used there.\n\n// Extension → monaco language id. Anything unmapped renders as plaintext.\nconst MONACO_LANGS: Record<string, string> = {\n  js: 'javascript', mjs: 'javascript', cjs: 'javascript', jsx: 'javascript',\n  ts: 'typescript', tsx: 'typescript', mts: 'typescript',\n  py: 'python', pyi: 'python',\n  go: 'go', java: 'java', kt: 'kotlin', kts: 'kotlin', scala: 'scala',\n  c: 'c', h: 'c', cpp: 'cpp', cc: 'cpp', cxx: 'cpp', hpp: 'cpp',\n  cs: 'csharp', rs: 'rust', rb: 'ruby', php: 'php', swift: 'swift',\n  m: 'objective-c', mm: 'objective-c', dart: 'dart', lua: 'lua', r: 'r',\n  pl: 'perl', pm: 'perl', ex: 'elixir', exs: 'elixir', clj: 'clojure',\n  fs: 'fsharp', vb: 'vb', ps1: 'powershell', sh: 'shell', bash: 'shell',\n  zsh: 'shell', fish: 'shell', bat: 'bat', cmd: 'bat',\n  json: 'json', jsonc: 'json', yaml: 'yaml', yml: 'yaml', toml: 'ini',\n  ini: 'ini', env: 'ini', cfg: 'ini', xml: 'xml', svg: 'xml', xsl: 'xml',\n  html: 'html', htm: 'html', css: 'css', scss: 'scss', less: 'less',\n  md: 'markdown', markdown: 'markdown', mdx: 'markdown',\n  sql: 'sql', mysql: 'mysql', pgsql: 'pgsql', graphql: 'graphql',\n  dockerfile: 'dockerfile', tf: 'hcl', hcl: 'hcl', proto: 'protobuf',\n  sol: 'solidity', tcl: 'tcl', jl: 'julia', coffee: 'coffeescript',\n};\n\nexport function monacoLangOf(path: string): string {\n  const name = (path.split('/').pop() || '').toLowerCase();\n  if (name === 'dockerfile' || name.startsWith('dockerfile.')) return 'dockerfile';\n  if (name === 'makefile' || name === 'gnumakefile') return 'makefile';\n  if (name === 'cmakelists.txt') return 'cmake';\n  const ext = (name.match(/\\.([a-z0-9]+)$/) || [, ''])[1];\n  return MONACO_LANGS[ext] || 'plaintext';\n}\n\n// Themes mirroring styles.css: same paper/ink/accent, same token colors.\nfunction defineThemes(monaco: MonacoApi) {\n  monaco.editor.defineTheme('ob-light', {\n    base: 'vs',\n    inherit: true,\n    rules: [\n      { token: 'comment', foreground: '8a8578', fontStyle: 'italic' },\n      { token: 'string', foreground: '2f5d3f' },\n      { token: 'keyword', foreground: '9a3b2e', fontStyle: 'bold' },\n      { token: 'number', foreground: '1f5f8b' },\n      { token: 'type', foreground: '6b4fa0' },\n    ],\n    colors: {\n      'editor.background': '#fdfbf6',\n      'editor.foreground': '#1c1a16',\n      'editorLineNumber.foreground': '#a8a296',\n      'editorLineNumber.activeForeground': '#6b675c',\n      'editor.lineHighlightBackground': '#f1ede2',\n      'editorCursor.foreground': '#1c1a16',\n      'editor.selectionBackground': '#d8e4d2',\n      'editorIndentGuide.background1': '#e5e0d3',\n    },\n  });\n  monaco.editor.defineTheme('ob-dark', {\n    base: 'vs-dark',\n    inherit: true,\n    rules: [\n      { token: 'comment', foreground: '6f6a5e', fontStyle: 'italic' },\n      { token: 'string', foreground: '8fc7a0' },\n      { token: 'keyword', foreground: 'e08a6d', fontStyle: 'bold' },\n      { token: 'number', foreground: '7fb3d9' },\n      { token: 'type', foreground: 'b49ae0' },\n    ],\n    colors: {\n      'editor.background': '#232019',\n      'editor.foreground': '#e8e2d4',\n      'editorLineNumber.foreground': '#5c574b',\n      'editorLineNumber.activeForeground': '#a8a296',\n      'editor.lineHighlightBackground': '#2b2720',\n      'editorCursor.foreground': '#e8e2d4',\n      'editor.selectionBackground': '#3d4a38',\n      'editorIndentGuide.background1': '#343026',\n    },\n  });\n}\n\nlet editor: MonacoEditor | null = null;\nlet loadPromise: Promise<boolean> | null = null;\n\n// Loads Monaco once and creates the single reusable editor instance.\n// Resolves false when the vendored build is unavailable — callers fall back\n// to the hand-rolled highlighter.\nexport function initViewer(container: HTMLElement, theme: string): Promise<boolean> {\n  if (editor) return Promise.resolve(true);\n  if (loadPromise) return loadPromise;\n\n  loadPromise = new Promise<boolean>((resolve) => {\n    if (typeof window.require !== 'function') return resolve(false);\n    window.require.config({ paths: { vs: '/vendor/monaco/vs' } });\n    self.MonacoEnvironment = {\n      // Language workers are AMD modules — they boot through worker-boot.js,\n      // which loads the AMD loader inside the worker first.\n      getWorkerUrl: (workerId, label) => {\n        const boot = '/vendor/monaco/worker-boot.js';\n        if (label === 'typescript' || label === 'javascript') return `${boot}?vs/language/typescript/tsWorker`;\n        if (label === 'json') return `${boot}?vs/language/json/jsonWorker`;\n        if (label === 'css' || label === 'scss' || label === 'less') return `${boot}?vs/language/css/cssWorker`;\n        if (label === 'html' || label === 'handlebars' || label === 'razor') return `${boot}?vs/language/html/htmlWorker`;\n        return '/vendor/monaco/vs/base/worker/workerMain.js'; // standalone editor worker\n      },\n    };\n    const fail = setTimeout(() => resolve(false), 8000); // never wedge the tab\n    window.require(['vs/editor/editor.main'], () => {\n      clearTimeout(fail);\n      defineThemes(monaco);\n      editor = monaco.editor.create(container, {\n        value: '',\n        language: 'plaintext',\n        theme: theme === 'dark' ? 'ob-dark' : 'ob-light',\n        readOnly: true,\n        domReadOnly: true,\n        automaticLayout: true,\n        minimap: { enabled: false },\n        scrollBeyondLastLine: false,\n        renderLineHighlight: 'none',\n        occurrencesHighlight: 'off',\n        folding: true,\n        wordWrap: 'off',\n        contextmenu: false,\n        fontSize: 12.5,\n        fontFamily: \"'IBM Plex Mono', 'SF Mono', ui-monospace, Menlo, Consolas, monospace\",\n        lineNumbersMinChars: 4,\n        padding: { top: 12, bottom: 12 },\n        scrollbar: { verticalScrollbarSize: 10, horizontalScrollbarSize: 10 },\n      });\n      resolve(true);\n    }, () => { clearTimeout(fail); resolve(false); });\n  });\n  return loadPromise;\n}\n\n// The TS/JS language service loads lazily on the first such model. Once it\n// exists, turn validation off: a read-only preview should never draw red\n// squiggles for imports the standalone worker cannot resolve.\nlet tsTamed = false;\nfunction tameTypeScript() {\n  if (tsTamed) return;\n  const t0 = Date.now();\n  const iv = setInterval(() => {\n    const service = window.monaco?.languages?.typescript;\n    if (service) {\n      const diag = { noSemanticValidation: true, noSyntaxValidation: true };\n      service.typescriptDefaults.setDiagnosticsOptions(diag);\n      service.javascriptDefaults.setDiagnosticsOptions(diag);\n      tsTamed = true;\n      clearInterval(iv);\n    } else if (Date.now() - t0 > 5000) {\n      clearInterval(iv);\n    }\n  }, 200);\n}\n\nexport function showInViewer(text: string, lang: string, theme: string): void {\n  if (!editor) return;\n  monaco.editor.setTheme(theme === 'dark' ? 'ob-dark' : 'ob-light');\n  const model = editor.getModel();\n  if (!model) return;\n  editor.setValue(text);\n  monaco.editor.setModelLanguage(model, lang);\n  if (lang === 'javascript' || lang === 'typescript') tameTypeScript();\n  editor.setScrollTop(0);\n  editor.setScrollLeft(0);\n}\n\nexport function setViewerTheme(theme: string): void {\n  if (editor) monaco.editor.setTheme(theme === 'dark' ? 'ob-dark' : 'ob-light');\n}\n\n// Put the viewer on a line and leave the cursor there. Used when a search result\n// knows where it matched — opening the right file at line 1 is only half an\n// answer, and the other half is the reason a content hit is worth showing.\nexport function revealLineInViewer(line: unknown): void {\n  if (!editor) return;\n  const target = Math.floor(Number(line));\n  if (!Number.isFinite(target) || target < 1) return;\n  const model = editor.getModel();\n  if (!model) return;\n  const clamped = Math.min(target, model.getLineCount());\n  editor.revealLineInCenter(clamped);\n  editor.setPosition({ lineNumber: clamped, column: 1 });\n}\n"]}

package/public/js/components/FileChip.d.ts

@@ -0,0 +1,9 @@
+export declare class FileChip extends HTMLElement {
+    title: any;
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    getRiskColor(risk: any): "rgb(244, 67, 54)" | "rgb(255, 193, 7)" | "rgb(76, 175, 80)";
+    render(): void;
+}

package/public/js/components/FileChip.js

@@ -1,51 +1,47 @@
 export class FileChip extends HTMLElement {
-  constructor() {
-    super();
-    this.attachShadow({ mode: 'open' });
-  }
-
-  static get observedAttributes() {
-    return ['path', 'lang', 'risk'];
-  }
-
-  connectedCallback() {
-    this.render();
-    this.addEventListener('click', () => {
-      this.dispatchEvent(new CustomEvent('file-select', {
-        detail: { path: this.getAttribute('path') },
-        bubbles: true,
-        composed: true
-      }));
-    });
-  }
-
-  attributeChangedCallback(name, oldValue, newValue) {
-    if (oldValue !== newValue) {
-      this.render();
+    title;
+    constructor() {
+        super();
+        this.attachShadow({ mode: 'open' });
     }
-  }
-
-  getRiskColor(risk) {
-    const score = parseInt(risk, 10) || 0;
-    if (score <= 33) return 'rgb(76, 175, 80)';
-    if (score <= 66) return 'rgb(255, 193, 7)';
-    return 'rgb(244, 67, 54)';
-  }
-
-  render() {
-    const path = this.getAttribute('path') || '';
-    const lang = this.getAttribute('lang') || 'txt';
-    const risk = this.getAttribute('risk') || '0';
-    
-    const basename = path.split('/').pop();
-    const riskColor = this.getRiskColor(risk);
-    
-    // Hash for lang color
-    let hash = 0;
-    for (let i = 0; i < lang.length; i++) hash = lang.charCodeAt(i) + ((hash << 5) - hash);
-    const langHue = Math.abs(hash) % 360;
-
-    this.shadowRoot.innerHTML = `
+    static get observedAttributes() {
+        return ['path', 'lang', 'risk'];
+    }
+    connectedCallback() {
+        this.render();
+        this.addEventListener('click', () => {
+            this.dispatchEvent(new CustomEvent('file-select', {
+                detail: { path: this.getAttribute('path') },
+                bubbles: true,
+                composed: true
+            }));
+        });
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (oldValue !== newValue) {
+            this.render();
+        }
+    }
+    getRiskColor(risk) {
+        const score = parseInt(risk, 10) || 0;
+        if (score <= 33)
+            return 'rgb(76, 175, 80)';
+        if (score <= 66)
+            return 'rgb(255, 193, 7)';
+        return 'rgb(244, 67, 54)';
+    }
+    render() {
+        const path = this.getAttribute('path') || '';
+        const lang = this.getAttribute('lang') || 'txt';
+        const risk = this.getAttribute('risk') || '0';
+        const basename = path.split('/').pop();
+        const riskColor = this.getRiskColor(risk);
+        // Hash for lang color
+        let hash = 0;
+        for (let i = 0; i < lang.length; i++)
+            hash = lang.charCodeAt(i) + ((hash << 5) - hash);
+        const langHue = Math.abs(hash) % 360;
+        this.shadowRoot.innerHTML = `
       <style>
         :host {
           display: inline-flex;
@@ -95,8 +91,8 @@ export class FileChip extends HTMLElement {
       <div class="name" title="${path}">${basename}</div>
       <div class="risk-dot" title="Risk: ${risk}"></div>
     `;
-    this.title = path;
-  }
+        this.title = path;
+    }
 }
-
 customElements.define('file-chip', FileChip);
+//# sourceMappingURL=FileChip.js.map

package/public/js/components/FileChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileChip.js","sourceRoot":"","sources":["../../../src/public/js/components/FileChip.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,QAAS,SAAQ,WAAW;IACvC,KAAK,CAAM;IAEX;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IACtC,CAAC;IAED,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAClC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE;gBAChD,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;gBAC3C,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC,CAAC;QACN,CAAC,CAAC,CAAC;IACL,CAAC;IAED,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ;QAC/C,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAED,YAAY,CAAC,IAAI;QACf,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,KAAK,IAAI,EAAE;YAAE,OAAO,kBAAkB,CAAC;QAC3C,IAAI,KAAK,IAAI,EAAE;YAAE,OAAO,kBAAkB,CAAC;QAC3C,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IAED,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC;QAChD,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC;QAE9C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;QACvC,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAE1C,sBAAsB;QACtB,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE;YAAE,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;QACvF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;QAErC,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;4BAqBJ,OAAO;;;;;;;;;;;;;;;;;;;;;wBAqBX,SAAS;;;;sCAIK,IAAI,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;iCAClC,IAAI,KAAK,QAAQ;2CACP,IAAI;KAC1C,CAAC;QACF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;CACF;AAED,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["export class FileChip extends HTMLElement {\n  title: any;\n\n  constructor() {\n    super();\n    this.attachShadow({ mode: 'open' });\n  }\n\n  static get observedAttributes() {\n    return ['path', 'lang', 'risk'];\n  }\n\n  connectedCallback() {\n    this.render();\n    this.addEventListener('click', () => {\n      this.dispatchEvent(new CustomEvent('file-select', {\n        detail: { path: this.getAttribute('path') },\n        bubbles: true,\n        composed: true\n      }));\n    });\n  }\n\n  attributeChangedCallback(name, oldValue, newValue) {\n    if (oldValue !== newValue) {\n      this.render();\n    }\n  }\n\n  getRiskColor(risk) {\n    const score = parseInt(risk, 10) || 0;\n    if (score <= 33) return 'rgb(76, 175, 80)';\n    if (score <= 66) return 'rgb(255, 193, 7)';\n    return 'rgb(244, 67, 54)';\n  }\n\n  render() {\n    const path = this.getAttribute('path') || '';\n    const lang = this.getAttribute('lang') || 'txt';\n    const risk = this.getAttribute('risk') || '0';\n    \n    const basename = path.split('/').pop();\n    const riskColor = this.getRiskColor(risk);\n    \n    // Hash for lang color\n    let hash = 0;\n    for (let i = 0; i < lang.length; i++) hash = lang.charCodeAt(i) + ((hash << 5) - hash);\n    const langHue = Math.abs(hash) % 360;\n\n    this.shadowRoot.innerHTML = `\n      <style>\n        :host {\n          display: inline-flex;\n          align-items: center;\n          padding: 4px 8px;\n          border-radius: 16px;\n          background: rgba(128, 128, 128, 0.1);\n          border: 1px solid rgba(128, 128, 128, 0.2);\n          cursor: pointer;\n          font-family: sans-serif;\n          font-size: 12px;\n          transition: background 0.2s;\n        }\n        :host(:hover) {\n          background: rgba(128, 128, 128, 0.2);\n        }\n        .lang-icon {\n          width: 16px;\n          height: 16px;\n          border-radius: 50%;\n          background: hsl(${langHue}, 70%, 50%);\n          color: white;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 8px;\n          font-weight: bold;\n          margin-right: 6px;\n          text-transform: uppercase;\n        }\n        .name {\n          flex: 1;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 150px;\n        }\n        .risk-dot {\n          width: 8px;\n          height: 8px;\n          border-radius: 50%;\n          background: ${riskColor};\n          margin-left: 6px;\n        }\n      </style>\n      <div class=\"lang-icon\" title=\"${lang}\">${lang.substring(0, 2)}</div>\n      <div class=\"name\" title=\"${path}\">${basename}</div>\n      <div class=\"risk-dot\" title=\"Risk: ${risk}\"></div>\n    `;\n    this.title = path;\n  }\n}\n\ncustomElements.define('file-chip', FileChip);\n"]}

package/public/js/components/MetricSparkline.d.ts

@@ -0,0 +1,7 @@
+export declare class MetricSparkline extends HTMLElement {
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    render(): void;
+}

package/public/js/components/MetricSparkline.js

@@ -1,48 +1,39 @@
 export class MetricSparkline extends HTMLElement {
-  constructor() {
-    super();
-    this.attachShadow({ mode: 'open' });
-  }
-
-  static get observedAttributes() {
-    return ['values', 'label'];
-  }
-
-  connectedCallback() {
-    this.render();
-  }
-
-  attributeChangedCallback(name, oldValue, newValue) {
-    if (oldValue !== newValue) {
-      this.render();
+    constructor() {
+        super();
+        this.attachShadow({ mode: 'open' });
     }
-  }
-
-  render() {
-    const valuesStr = this.getAttribute('values') || '';
-    const label = this.getAttribute('label') || '';
-    const values = valuesStr.split(',').map(n => parseFloat(n)).filter(n => !isNaN(n));
-    
-    if (values.length === 0) {
-      this.shadowRoot.innerHTML = '';
-      return;
+    static get observedAttributes() {
+        return ['values', 'label'];
     }
-
-    const width = 120;
-    const height = 32;
-    const min = Math.min(...values);
-    const max = Math.max(...values);
-    const range = max - min || 1;
-    
-    const points = values.map((val, i) => {
-      const x = (i / (values.length - 1)) * width;
-      const y = height - ((val - min) / range) * (height - 4) - 2;
-      return `${x},${y}`;
-    }).join(' ');
-
-    const fillPoints = `0,${height} ${points} ${width},${height}`;
-
-    this.shadowRoot.innerHTML = `
+    connectedCallback() {
+        this.render();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (oldValue !== newValue) {
+            this.render();
+        }
+    }
+    render() {
+        const valuesStr = this.getAttribute('values') || '';
+        const label = this.getAttribute('label') || '';
+        const values = valuesStr.split(',').map(n => parseFloat(n)).filter(n => !isNaN(n));
+        if (values.length === 0) {
+            this.shadowRoot.innerHTML = '';
+            return;
+        }
+        const width = 120;
+        const height = 32;
+        const min = Math.min(...values);
+        const max = Math.max(...values);
+        const range = max - min || 1;
+        const points = values.map((val, i) => {
+            const x = (i / (values.length - 1)) * width;
+            const y = height - ((val - min) / range) * (height - 4) - 2;
+            return `${x},${y}`;
+        }).join(' ');
+        const fillPoints = `0,${height} ${points} ${width},${height}`;
+        this.shadowRoot.innerHTML = `
       <style>
         :host {
           display: inline-flex;
@@ -83,7 +74,7 @@ export class MetricSparkline extends HTMLElement {
       </svg>
       ${label ? `<div class="label">${label}</div>` : ''}
     `;
-  }
+    }
 }
-
 customElements.define('metric-sparkline', MetricSparkline);
+//# sourceMappingURL=MetricSparkline.js.map