codebase-onboarder 0.6.0 → 1.0.0

package/public/js/tree.js

@@ -1,48 +1,47 @@
 // Sidebar file tree. Built from the plain path list, rendered with
 // collapsible folders, badges for entries and hubs, and a substring filter.
-
 import { escapeHtml } from './html.js';
-
 export function buildTree(allFiles) {
-  const root = { name: '', path: '', dirs: new Map(), files: [] };
-  for (const path of allFiles) {
-    const parts = path.split('/');
-    let node = root;
-    for (let i = 0; i < parts.length - 1; i++) {
-      const name = parts[i];
-      if (!node.dirs.has(name)) {
-        const dirPath = parts.slice(0, i + 1).join('/');
-        node.dirs.set(name, { name, path: dirPath, dirs: new Map(), files: [] });
-      }
-      node = node.dirs.get(name);
+    const root = { name: '', path: '', dirs: new Map(), files: [] };
+    for (const path of allFiles) {
+        const parts = path.split('/');
+        let node = root;
+        for (let i = 0; i < parts.length - 1; i++) {
+            const name = parts[i];
+            if (!node.dirs.has(name)) {
+                const dirPath = parts.slice(0, i + 1).join('/');
+                node.dirs.set(name, { name, path: dirPath, dirs: new Map(), files: [] });
+            }
+            node = node.dirs.get(name);
+        }
+        node.files.push(path);
     }
-    node.files.push(path);
-  }
-  return root;
+    return root;
 }
-
 // The folder node at `path`, or null if no such folder exists. `''` is the root,
 // which is a real folder here and not "no folder" — several callers pass the
 // empty string on purpose.
 export function findNode(root, path) {
-  if (!path) return root;
-  let node = root;
-  for (const part of path.split('/')) {
-    node = node.dirs?.get(part);
-    if (!node) return null;
-  }
-  return node;
+    if (!path)
+        return root;
+    let node = root;
+    for (const part of path.split('/')) {
+        node = node.dirs?.get(part);
+        if (!node)
+            return null;
+    }
+    return node;
 }
-
 // Files at or below a node. Used to rank folders by size when choosing which
 // ones are worth documenting.
 export function countFiles(node) {
-  if (!node) return 0;
-  let n = node.files.length;
-  for (const dir of node.dirs.values()) n += countFiles(dir);
-  return n;
+    if (!node)
+        return 0;
+    let n = node.files.length;
+    for (const dir of node.dirs.values())
+        n += countFiles(dir);
+    return n;
 }
-
 // A copy of the tree with the filtered-out files removed, and with folders that
 // end up holding nothing removed too — otherwise the tree map fills with empty
 // scaffolding whose labels no longer match anything inside them.
@@ -56,145 +55,149 @@ export function countFiles(node) {
 // The predicates are passed in rather than built here: this file has to stay
 // importable in Node to be testable, which rules out reaching into `/shared/`.
 export function pruneTree(root, include, matchesFolder = null) {
-  if (!include) return root;
-  const walk = (node) => {
-    if (node.path && matchesFolder?.(node.path)) return node;
-    const dirs = new Map();
-    for (const [name, child] of node.dirs) {
-      const pruned = walk(child);
-      if (pruned) dirs.set(name, pruned);
-    }
-    const files = node.files.filter(include);
-    if (!node.path) return { ...node, dirs, files }; // the root always survives
-    if (!dirs.size && !files.length) return null;
-    return { ...node, dirs, files };
-  };
-  return walk(root);
+    if (!include)
+        return root;
+    const walk = (node) => {
+        if (node.path && matchesFolder?.(node.path))
+            return node;
+        const dirs = new Map();
+        for (const [name, child] of node.dirs) {
+            const pruned = walk(child);
+            if (pruned)
+                dirs.set(name, pruned);
+        }
+        const files = node.files.filter(include);
+        if (!node.path)
+            return { ...node, dirs, files }; // the root always survives
+        if (!dirs.size && !files.length)
+            return null;
+        return { ...node, dirs, files };
+    };
+    return walk(root);
 }
-
 // The set of folder ids to treat as open when the reader picks a depth from the
 // stage's depth selector. Ids are `dir:` + path, which is the vocabulary the tree
 // map's cells use; `dir:` alone is the root.
 export function expandedToDepth(root, maxDepth) {
-  const out = new Set();
-  const walk = (node, depth) => {
-    if (depth > maxDepth) return;
-    out.add('dir:' + node.path);
-    for (const d of node.dirs.values()) walk(d, depth + 1);
-  };
-  walk(root, 0);
-  return out;
+    const out = new Set();
+    const walk = (node, depth) => {
+        if (depth > maxDepth)
+            return;
+        out.add('dir:' + node.path);
+        for (const d of node.dirs.values())
+            walk(d, depth + 1);
+    };
+    walk(root, 0);
+    return out;
 }
-
 const openState = new Set();
-
 export function resetOpenState() {
-  openState.clear();
+    openState.clear();
 }
-
 export function renderTree(container, tree, ctx) {
-  const { facts, filter = '', selected, onFile, onFolder } = ctx;
-  container.innerHTML = '';
-  const parsedSet = new Set(ctx.parsedPaths || []);
-  const hubSet = new Set((facts?.hubs || []).filter((h) => h.fanIn >= 4).map((h) => h.path));
-  const entrySet = new Set(facts?.entries || []);
-  const needle = filter.trim().toLowerCase();
-
-  const frag = document.createDocumentFragment();
-
-  const renderDir = (node, parent) => {
-    const dirNames = [...node.dirs.keys()].sort();
-    const filePaths = node.files.slice().sort();
-
-    for (const name of dirNames) {
-      const child = node.dirs.get(name);
-      if (needle && !subtreeHas(child, needle)) continue;
-
-      const wrap = document.createElement('div');
-      wrap.className = 'tree-dir' + (openState.has(child.path) || needle ? ' is-open' : '');
-
-      const head = document.createElement('div');
-      head.className = 'tree-dir-head';
-      const count = countFiles(child);
-      head.innerHTML = `<span class="tree-caret">▸</span><span>${escapeHtml(name)}/</span><span class="tree-count">${count}</span>`;
-      head.addEventListener('click', () => {
-        if (openState.has(child.path)) openState.delete(child.path);
-        else openState.add(child.path);
-        wrap.classList.toggle('is-open');
-        onFolder?.(child.path);
-      });
-      wrap.appendChild(head);
-
-      const kids = document.createElement('div');
-      kids.className = 'tree-children';
-      renderDir(child, kids);
-      wrap.appendChild(kids);
-      parent.appendChild(wrap);
-    }
-
-    for (const path of filePaths) {
-      const name = path.split('/').pop();
-      if (needle && !path.toLowerCase().includes(needle)) continue;
-      const el = document.createElement('div');
-      el.className = 'tree-file' + (path === selected ? ' is-selected' : '');
-      el.dataset.path = path;
-
-      const dot = document.createElement('span');
-      dot.className = 'tree-dot';
-      dot.style.backgroundColor = getExtColor(path);
-      el.appendChild(dot);
-
-      const label = document.createElement('span');
-      label.textContent = name;
-      if (!parsedSet.has(path)) label.style.color = 'var(--faint)';
-      el.appendChild(label);
-
-      if (entrySet.has(path)) {
-        el.appendChild(badge('in', 'is-entry'));
-      } else if (hubSet.has(path)) {
-        el.appendChild(badge('hub', 'is-hub'));
-      }
-      el.addEventListener('click', () => onFile?.(path));
-      parent.appendChild(el);
+    const { facts, filter = '', selected, onFile, onFolder } = ctx;
+    container.innerHTML = '';
+    const parsedSet = new Set(ctx.parsedPaths || []);
+    const hubSet = new Set((facts?.hubs || []).filter((h) => h.fanIn >= 4).map((h) => h.path));
+    const entrySet = new Set(facts?.entries || []);
+    const needle = filter.trim().toLowerCase();
+    const frag = document.createDocumentFragment();
+    const renderDir = (node, parent) => {
+        const dirNames = [...node.dirs.keys()].sort();
+        const filePaths = node.files.slice().sort();
+        for (const name of dirNames) {
+            const child = node.dirs.get(name);
+            if (needle && !subtreeHas(child, needle))
+                continue;
+            const wrap = document.createElement('div');
+            wrap.className = 'tree-dir' + (openState.has(child.path) || needle ? ' is-open' : '');
+            const head = document.createElement('div');
+            head.className = 'tree-dir-head';
+            const count = countFiles(child);
+            head.innerHTML = `<span class="tree-caret">▸</span><span>${escapeHtml(name)}/</span><span class="tree-count">${count}</span>`;
+            head.addEventListener('click', () => {
+                if (openState.has(child.path))
+                    openState.delete(child.path);
+                else
+                    openState.add(child.path);
+                wrap.classList.toggle('is-open');
+                onFolder?.(child.path);
+            });
+            wrap.appendChild(head);
+            const kids = document.createElement('div');
+            kids.className = 'tree-children';
+            renderDir(child, kids);
+            wrap.appendChild(kids);
+            parent.appendChild(wrap);
+        }
+        for (const path of filePaths) {
+            const name = path.split('/').pop();
+            if (needle && !path.toLowerCase().includes(needle))
+                continue;
+            const el = document.createElement('div');
+            el.className = 'tree-file' + (path === selected ? ' is-selected' : '');
+            el.dataset.path = path;
+            const dot = document.createElement('span');
+            dot.className = 'tree-dot';
+            dot.style.backgroundColor = getExtColor(path);
+            el.appendChild(dot);
+            const label = document.createElement('span');
+            label.textContent = name;
+            if (!parsedSet.has(path))
+                label.style.color = 'var(--faint)';
+            el.appendChild(label);
+            if (entrySet.has(path)) {
+                el.appendChild(badge('in', 'is-entry'));
+            }
+            else if (hubSet.has(path)) {
+                el.appendChild(badge('hub', 'is-hub'));
+            }
+            el.addEventListener('click', () => onFile?.(path));
+            parent.appendChild(el);
+        }
+    };
+    renderDir(tree, frag);
+    container.appendChild(frag);
+    if (!container.children.length) {
+        container.innerHTML = '<p style="padding:10px;color:var(--faint)">Nothing matches that filter.</p>';
     }
-  };
-
-  renderDir(tree, frag);
-  container.appendChild(frag);
-
-  if (!container.children.length) {
-    container.innerHTML = '<p style="padding:10px;color:var(--faint)">Nothing matches that filter.</p>';
-  }
 }
-
 function subtreeHas(node, needle) {
-  if (node.path.toLowerCase().includes(needle)) return true;
-  for (const f of node.files) if (f.toLowerCase().includes(needle)) return true;
-  for (const child of node.dirs.values()) if (subtreeHas(child, needle)) return true;
-  return false;
+    if (node.path.toLowerCase().includes(needle))
+        return true;
+    for (const f of node.files)
+        if (f.toLowerCase().includes(needle))
+            return true;
+    for (const child of node.dirs.values())
+        if (subtreeHas(child, needle))
+            return true;
+    return false;
 }
-
 function badge(text, cls) {
-  const b = document.createElement('span');
-  b.className = 'tree-badge ' + cls;
-  b.textContent = text;
-  return b;
+    const b = document.createElement('span');
+    b.className = 'tree-badge ' + cls;
+    b.textContent = text;
+    return b;
 }
-
 function getExtColor(path) {
-  const ext = (path.match(/\.([A-Za-z0-9]+)$/) || [, ''])[1].toLowerCase();
-  switch (ext) {
-    case 'ts': case 'tsx': return '#3178c6';
-    case 'js': case 'jsx': case 'mjs': case 'cjs': return '#f7df1e';
-    case 'py': return '#3572A5';
-    case 'rs': return '#dea584';
-    case 'go': return '#00ADD8';
-    case 'java': return '#b07219';
-    case 'cs': return '#178600';
-    case 'html': return '#e34c26';
-    case 'css': return '#563d7c';
-    case 'json': return '#cbcb41';
-    case 'md': return '#083fa1';
-    default: return 'var(--faint)';
-  }
+    const ext = (path.match(/\.([A-Za-z0-9]+)$/) || [, ''])[1].toLowerCase();
+    switch (ext) {
+        case 'ts':
+        case 'tsx': return '#3178c6';
+        case 'js':
+        case 'jsx':
+        case 'mjs':
+        case 'cjs': return '#f7df1e';
+        case 'py': return '#3572A5';
+        case 'rs': return '#dea584';
+        case 'go': return '#00ADD8';
+        case 'java': return '#b07219';
+        case 'cs': return '#178600';
+        case 'html': return '#e34c26';
+        case 'css': return '#563d7c';
+        case 'json': return '#cbcb41';
+        case 'md': return '#083fa1';
+        default: return 'var(--faint)';
+    }
 }
+//# sourceMappingURL=tree.js.map

package/public/js/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../src/public/js/tree.ts"],"names":[],"mappings":"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","sourcesContent":["// Sidebar file tree. Built from the plain path list, rendered with\n// collapsible folders, badges for entries and hubs, and a substring filter.\n\nimport { escapeHtml } from './html.js';\n\nexport function buildTree(allFiles) {\n  const root = { name: '', path: '', dirs: new Map(), files: [] };\n  for (const path of allFiles) {\n    const parts = path.split('/');\n    let node = root;\n    for (let i = 0; i < parts.length - 1; i++) {\n      const name = parts[i];\n      if (!node.dirs.has(name)) {\n        const dirPath = parts.slice(0, i + 1).join('/');\n        node.dirs.set(name, { name, path: dirPath, dirs: new Map(), files: [] });\n      }\n      node = node.dirs.get(name);\n    }\n    node.files.push(path);\n  }\n  return root;\n}\n\n// The folder node at `path`, or null if no such folder exists. `''` is the root,\n// which is a real folder here and not \"no folder\" — several callers pass the\n// empty string on purpose.\nexport function findNode(root, path) {\n  if (!path) return root;\n  let node = root;\n  for (const part of path.split('/')) {\n    node = node.dirs?.get(part);\n    if (!node) return null;\n  }\n  return node;\n}\n\n// Files at or below a node. Used to rank folders by size when choosing which\n// ones are worth documenting.\nexport function countFiles(node) {\n  if (!node) return 0;\n  let n = node.files.length;\n  for (const dir of node.dirs.values()) n += countFiles(dir);\n  return n;\n}\n\n// A copy of the tree with the filtered-out files removed, and with folders that\n// end up holding nothing removed too — otherwise the tree map fills with empty\n// scaffolding whose labels no longer match anything inside them.\n//\n// `include` is a predicate over file paths, and `matchesFolder` an optional one\n// over folder paths: a folder whose own name matches keeps its whole branch,\n// because searching for \"lib\" should show you lib's contents rather than an empty\n// folder named lib. The root always survives, even when nothing matches, so the\n// caller has something to render instead of null.\n//\n// The predicates are passed in rather than built here: this file has to stay\n// importable in Node to be testable, which rules out reaching into `/shared/`.\nexport function pruneTree(root, include, matchesFolder = null) {\n  if (!include) return root;\n  const walk = (node) => {\n    if (node.path && matchesFolder?.(node.path)) return node;\n    const dirs = new Map();\n    for (const [name, child] of node.dirs) {\n      const pruned = walk(child);\n      if (pruned) dirs.set(name, pruned);\n    }\n    const files = node.files.filter(include);\n    if (!node.path) return { ...node, dirs, files }; // the root always survives\n    if (!dirs.size && !files.length) return null;\n    return { ...node, dirs, files };\n  };\n  return walk(root);\n}\n\n// The set of folder ids to treat as open when the reader picks a depth from the\n// stage's depth selector. Ids are `dir:` + path, which is the vocabulary the tree\n// map's cells use; `dir:` alone is the root.\nexport function expandedToDepth(root, maxDepth): Set<string> {\n  const out = new Set<string>();\n  const walk = (node, depth) => {\n    if (depth > maxDepth) return;\n    out.add('dir:' + node.path);\n    for (const d of node.dirs.values()) walk(d, depth + 1);\n  };\n  walk(root, 0);\n  return out;\n}\n\nconst openState = new Set();\n\nexport function resetOpenState() {\n  openState.clear();\n}\n\nexport function renderTree(container, tree, ctx) {\n  const { facts, filter = '', selected, onFile, onFolder } = ctx;\n  container.innerHTML = '';\n  const parsedSet = new Set(ctx.parsedPaths || []);\n  const hubSet = new Set((facts?.hubs || []).filter((h) => h.fanIn >= 4).map((h) => h.path));\n  const entrySet = new Set(facts?.entries || []);\n  const needle = filter.trim().toLowerCase();\n\n  const frag = document.createDocumentFragment();\n\n  const renderDir = (node, parent) => {\n    const dirNames = [...node.dirs.keys()].sort();\n    const filePaths = node.files.slice().sort();\n\n    for (const name of dirNames) {\n      const child = node.dirs.get(name);\n      if (needle && !subtreeHas(child, needle)) continue;\n\n      const wrap = document.createElement('div');\n      wrap.className = 'tree-dir' + (openState.has(child.path) || needle ? ' is-open' : '');\n\n      const head = document.createElement('div');\n      head.className = 'tree-dir-head';\n      const count = countFiles(child);\n      head.innerHTML = `<span class=\"tree-caret\">▸</span><span>${escapeHtml(name)}/</span><span class=\"tree-count\">${count}</span>`;\n      head.addEventListener('click', () => {\n        if (openState.has(child.path)) openState.delete(child.path);\n        else openState.add(child.path);\n        wrap.classList.toggle('is-open');\n        onFolder?.(child.path);\n      });\n      wrap.appendChild(head);\n\n      const kids = document.createElement('div');\n      kids.className = 'tree-children';\n      renderDir(child, kids);\n      wrap.appendChild(kids);\n      parent.appendChild(wrap);\n    }\n\n    for (const path of filePaths) {\n      const name = path.split('/').pop();\n      if (needle && !path.toLowerCase().includes(needle)) continue;\n      const el = document.createElement('div');\n      el.className = 'tree-file' + (path === selected ? ' is-selected' : '');\n      el.dataset.path = path;\n\n      const dot = document.createElement('span');\n      dot.className = 'tree-dot';\n      dot.style.backgroundColor = getExtColor(path);\n      el.appendChild(dot);\n\n      const label = document.createElement('span');\n      label.textContent = name;\n      if (!parsedSet.has(path)) label.style.color = 'var(--faint)';\n      el.appendChild(label);\n\n      if (entrySet.has(path)) {\n        el.appendChild(badge('in', 'is-entry'));\n      } else if (hubSet.has(path)) {\n        el.appendChild(badge('hub', 'is-hub'));\n      }\n      el.addEventListener('click', () => onFile?.(path));\n      parent.appendChild(el);\n    }\n  };\n\n  renderDir(tree, frag);\n  container.appendChild(frag);\n\n  if (!container.children.length) {\n    container.innerHTML = '<p style=\"padding:10px;color:var(--faint)\">Nothing matches that filter.</p>';\n  }\n}\n\nfunction subtreeHas(node, needle) {\n  if (node.path.toLowerCase().includes(needle)) return true;\n  for (const f of node.files) if (f.toLowerCase().includes(needle)) return true;\n  for (const child of node.dirs.values()) if (subtreeHas(child, needle)) return true;\n  return false;\n}\n\nfunction badge(text, cls) {\n  const b = document.createElement('span');\n  b.className = 'tree-badge ' + cls;\n  b.textContent = text;\n  return b;\n}\n\nfunction getExtColor(path) {\n  const ext = (path.match(/\\.([A-Za-z0-9]+)$/) || [, ''])[1].toLowerCase();\n  switch (ext) {\n    case 'ts': case 'tsx': return '#3178c6';\n    case 'js': case 'jsx': case 'mjs': case 'cjs': return '#f7df1e';\n    case 'py': return '#3572A5';\n    case 'rs': return '#dea584';\n    case 'go': return '#00ADD8';\n    case 'java': return '#b07219';\n    case 'cs': return '#178600';\n    case 'html': return '#e34c26';\n    case 'css': return '#563d7c';\n    case 'json': return '#cbcb41';\n    case 'md': return '#083fa1';\n    default: return 'var(--faint)';\n  }\n}\n"]}

package/public/js/workflowsView.d.ts

@@ -0,0 +1,3 @@
+export declare function renderWorkflows(container: any, { scan }: {
+    scan: any;
+}): void;

package/public/js/workflowsView.js

@@ -1,25 +1,21 @@
 // GitHub Actions & CI/CD Workflows View.
 // Renders workflow triggers, job dependency DAGs, and execution steps.
-
 import { escapeHtml } from './html.js';
-
 export function renderWorkflows(container, { scan }) {
-  if (!container) return;
-
-  const workflows = scan?.workflows || [];
-
-  if (!workflows.length) {
-    container.innerHTML = `
+    if (!container)
+        return;
+    const workflows = scan?.workflows || [];
+    if (!workflows.length) {
+        container.innerHTML = `
       <div class="workflows-empty-wrap">
         <div class="wf-empty-icon">⚙️</div>
         <h3>No CI/CD Workflows Detected</h3>
         <p>No GitHub Actions workflows were found under <code>.github/workflows/</code> in this repository.</p>
       </div>
     `;
-    return;
-  }
-
-  container.innerHTML = `
+        return;
+    }
+    container.innerHTML = `
     <div class="workflows-layout">
       <header class="workflows-header">
         <div>
@@ -35,12 +31,10 @@ export function renderWorkflows(container, { scan }) {
     </div>
   `;
 }
-
 function renderWorkflowCard(wf) {
-  const triggers = wf.triggers || [];
-  const jobs = wf.jobs || [];
-
-  return `
+    const triggers = wf.triggers || [];
+    const jobs = wf.jobs || [];
+    return `
     <article class="workflow-card">
       <div class="wf-card-top">
         <div class="wf-title-area">
@@ -62,12 +56,10 @@ function renderWorkflowCard(wf) {
     </article>
   `;
 }
-
 function renderJobCard(job) {
-  const steps = job.steps || [];
-  const needs = job.needs || [];
-
-  return `
+    const steps = job.steps || [];
+    const needs = job.needs || [];
+    return `
     <div class="wf-job-card">
       <div class="wf-job-head">
         <span class="wf-job-name">${escapeHtml(job.name)}</span>
@@ -93,3 +85,4 @@ function renderJobCard(job) {
     </div>
   `;
 }
+//# sourceMappingURL=workflowsView.js.map

package/public/js/workflowsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflowsView.js","sourceRoot":"","sources":["../../src/public/js/workflowsView.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,uEAAuE;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,MAAM,UAAU,eAAe,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE;IACjD,IAAI,CAAC,SAAS;QAAE,OAAO;IAEvB,MAAM,SAAS,GAAG,IAAI,EAAE,SAAS,IAAI,EAAE,CAAC;IAExC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QACtB,SAAS,CAAC,SAAS,GAAG;;;;;;KAMrB,CAAC;QACF,OAAO;IACT,CAAC;IAED,SAAS,CAAC,SAAS,GAAG;;;;;;;sCAOc,SAAS,CAAC,MAAM,YAAY,SAAS,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;;;;UAIzF,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;;;GAG7D,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE;IAC5B,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC;IAE3B,OAAO;;;;kCAIyB,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC;uCACd,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC;;;;YAI9C,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAiC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,mDAAmD;;;;;oDAKpG,IAAI,CAAC,MAAM;;YAEnD,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,2CAA2C;;;;GAIlG,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,GAAG;IACxB,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC;IAC9B,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC;IAE9B,OAAO;;;oCAG2B,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;kCACtB,UAAU,CAAC,GAAG,CAAC,MAAM,IAAI,eAAe,CAAC;;;QAGnE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;;;YAGX,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,6BAA6B,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;;OAEnF,CAAC,CAAC,CAAC,EAAE;;;UAGF,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC;;wCAEQ,GAAG,GAAG,CAAC;gDACC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;cAC3E,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAuC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;SAE1H,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;;;GAGhB,CAAC;AACJ,CAAC","sourcesContent":["// GitHub Actions & CI/CD Workflows View.\n// Renders workflow triggers, job dependency DAGs, and execution steps.\n\nimport { escapeHtml } from './html.js';\n\nexport function renderWorkflows(container, { scan }) {\n  if (!container) return;\n\n  const workflows = scan?.workflows || [];\n\n  if (!workflows.length) {\n    container.innerHTML = `\n      <div class=\"workflows-empty-wrap\">\n        <div class=\"wf-empty-icon\">⚙️</div>\n        <h3>No CI/CD Workflows Detected</h3>\n        <p>No GitHub Actions workflows were found under <code>.github/workflows/</code> in this repository.</p>\n      </div>\n    `;\n    return;\n  }\n\n  container.innerHTML = `\n    <div class=\"workflows-layout\">\n      <header class=\"workflows-header\">\n        <div>\n          <h2>CI/CD Workflows</h2>\n          <span class=\"wf-sub\">Automated build, test, and release pipelines</span>\n        </div>\n        <div class=\"wf-count-badge\">${workflows.length} workflow${workflows.length === 1 ? '' : 's'}</div>\n      </header>\n\n      <div class=\"workflows-list\">\n        ${workflows.map((wf) => renderWorkflowCard(wf)).join('')}\n      </div>\n    </div>\n  `;\n}\n\nfunction renderWorkflowCard(wf) {\n  const triggers = wf.triggers || [];\n  const jobs = wf.jobs || [];\n\n  return `\n    <article class=\"workflow-card\">\n      <div class=\"wf-card-top\">\n        <div class=\"wf-title-area\">\n          <span class=\"wf-name\">${escapeHtml(wf.name)}</span>\n          <span class=\"wf-file-path\">${escapeHtml(wf.file)}</span>\n        </div>\n        <div class=\"wf-triggers\">\n          <span class=\"wf-trigger-label\">Triggers:</span>\n          ${triggers.map((t) => `<span class=\"wf-trigger-chip\">${escapeHtml(t)}</span>`).join('') || '<span class=\"wf-trigger-chip is-none\">none</span>'}\n        </div>\n      </div>\n\n      <div class=\"wf-jobs-pipeline\">\n        <div class=\"wf-jobs-title\">Pipeline Jobs (${jobs.length})</div>\n        <div class=\"wf-jobs-grid\">\n          ${jobs.map((j) => renderJobCard(j)).join('') || '<p class=\"wf-no-jobs\">No jobs defined</p>'}\n        </div>\n      </div>\n    </article>\n  `;\n}\n\nfunction renderJobCard(job) {\n  const steps = job.steps || [];\n  const needs = job.needs || [];\n\n  return `\n    <div class=\"wf-job-card\">\n      <div class=\"wf-job-head\">\n        <span class=\"wf-job-name\">${escapeHtml(job.name)}</span>\n        <span class=\"wf-job-os\">${escapeHtml(job.runsOn || 'ubuntu-latest')}</span>\n      </div>\n\n      ${needs.length ? `\n        <div class=\"wf-job-needs\">\n          <span>Depends on:</span>\n          ${needs.map((n) => `<span class=\"wf-need-tag\">${escapeHtml(n)}</span>`).join('')}\n        </div>\n      ` : ''}\n\n      <div class=\"wf-steps-list\">\n        ${steps.map((s, idx) => `\n          <div class=\"wf-step-item\">\n            <span class=\"wf-step-num\">${idx + 1}</span>\n            <span class=\"wf-step-name\" title=\"${escapeHtml(s.name)}\">${escapeHtml(s.name)}</span>\n            ${s.uses ? `<span class=\"wf-step-action\" title=\"${escapeHtml(s.uses)}\">${escapeHtml(s.uses.split('@')[0])}</span>` : ''}\n          </div>\n        `).join('')}\n      </div>\n    </div>\n  `;\n}\n"]}