@nebulord/sickbay 0.1.0

package/dist/StatsApp-BI6COY7S.js

@@ -0,0 +1,375 @@
+import {
+  Header
+} from "./chunk-BIK4EL4H.js";
+import {
+  shortName
+} from "./chunk-BUD5BE6U.js";
+
+// src/components/StatsApp.tsx
+import React, { useState, useEffect } from "react";
+import { Box, Text, useApp } from "ink";
+import Spinner from "ink-spinner";
+
+// src/commands/stats.ts
+import { readFileSync, readdirSync, statSync, existsSync } from "fs";
+import { join, extname } from "path";
+import { execSync } from "child_process";
+import { detectProject } from "@nebulord/sickbay-core";
+var IGNORE_DIRS = /* @__PURE__ */ new Set([
+  "node_modules",
+  ".git",
+  "dist",
+  "build",
+  ".next",
+  "coverage",
+  ".turbo",
+  ".cache",
+  ".vite",
+  "__pycache__",
+  ".svelte-kit"
+]);
+var SOURCE_EXTENSIONS = /* @__PURE__ */ new Set([
+  ".ts",
+  ".tsx",
+  ".js",
+  ".jsx",
+  ".mjs",
+  ".cjs",
+  ".css",
+  ".scss",
+  ".less",
+  ".sass",
+  ".json",
+  ".html",
+  ".svg",
+  ".vue",
+  ".svelte"
+]);
+function walkDir(dir, extensions) {
+  const results = [];
+  try {
+    const entries = readdirSync(dir, { withFileTypes: true });
+    for (const entry of entries) {
+      if (entry.name.startsWith(".") && entry.isDirectory()) continue;
+      if (IGNORE_DIRS.has(entry.name)) continue;
+      const fullPath = join(dir, entry.name);
+      if (entry.isDirectory()) {
+        results.push(...walkDir(fullPath, extensions));
+      } else {
+        const ext = extname(entry.name).toLowerCase();
+        if (extensions.has(ext)) {
+          results.push({ path: fullPath, ext });
+        }
+      }
+    }
+  } catch {
+  }
+  return results;
+}
+function countLines(filePath) {
+  try {
+    const content = readFileSync(filePath, "utf-8");
+    return content.split("\n").length;
+  } catch {
+    return 0;
+  }
+}
+function countComponents(filePath) {
+  try {
+    const content = readFileSync(filePath, "utf-8");
+    const functional = (content.match(
+      /(?:export\s+)?(?:default\s+)?function\s+[A-Z]\w*\s*\(/g
+    ) ?? []).length + (content.match(
+      /(?:export\s+)?(?:default\s+)?const\s+[A-Z]\w*\s*[=:]\s*(?:\(|React\.)/g
+    ) ?? []).length;
+    const classBased = (content.match(
+      /class\s+[A-Z]\w*\s+extends\s+(?:React\.)?(?:Component|PureComponent)/g
+    ) ?? []).length;
+    return { functional, classBased };
+  } catch {
+    return { functional: 0, classBased: 0 };
+  }
+}
+function getGitInfo(projectPath) {
+  try {
+    if (!existsSync(join(projectPath, ".git"))) return null;
+    const commits = parseInt(
+      execSync("git rev-list --count HEAD", {
+        cwd: projectPath,
+        encoding: "utf-8"
+      }).trim(),
+      10
+    );
+    const contributors = parseInt(
+      execSync("git log --format='%ae' | sort -u | wc -l", {
+        cwd: projectPath,
+        encoding: "utf-8",
+        shell: "/bin/sh"
+      }).trim(),
+      10
+    );
+    const firstCommit = execSync("git log --reverse --format='%ar' | head -1", {
+      cwd: projectPath,
+      encoding: "utf-8",
+      shell: "/bin/sh"
+    }).trim();
+    const branch = execSync("git branch --show-current", {
+      cwd: projectPath,
+      encoding: "utf-8"
+    }).trim();
+    return { commits, contributors, age: firstCommit, branch };
+  } catch {
+    return null;
+  }
+}
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+async function gatherStats(projectPath) {
+  const project = await detectProject(projectPath);
+  const files = walkDir(projectPath, SOURCE_EXTENSIONS);
+  const byExtension = {};
+  for (const f of files) {
+    byExtension[f.ext] = (byExtension[f.ext] ?? 0) + 1;
+  }
+  let totalLines = 0;
+  let totalFunctional = 0;
+  let totalClassBased = 0;
+  let testFiles = 0;
+  let totalBytes = 0;
+  const componentExts = /* @__PURE__ */ new Set([".tsx", ".jsx", ".js", ".ts"]);
+  for (const f of files) {
+    const lines = countLines(f.path);
+    totalLines += lines;
+    try {
+      totalBytes += statSync(f.path).size;
+    } catch {
+    }
+    if (componentExts.has(f.ext)) {
+      const { functional, classBased } = countComponents(f.path);
+      totalFunctional += functional;
+      totalClassBased += classBased;
+    }
+    const name = f.path.toLowerCase();
+    if (name.includes(".test.") || name.includes(".spec.") || name.includes("__tests__")) {
+      testFiles++;
+    }
+  }
+  const git = getGitInfo(projectPath);
+  return {
+    project,
+    files: {
+      total: files.length,
+      byExtension
+    },
+    lines: {
+      total: totalLines,
+      avgPerFile: files.length > 0 ? Math.round(totalLines / files.length) : 0
+    },
+    components: {
+      total: totalFunctional + totalClassBased,
+      functional: totalFunctional,
+      classBased: totalClassBased
+    },
+    dependencies: {
+      prod: Object.keys(project.dependencies).length,
+      dev: Object.keys(project.devDependencies).length,
+      total: project.totalDependencies
+    },
+    git,
+    testFiles,
+    sourceSize: formatBytes(totalBytes)
+  };
+}
+
+// src/components/StatsApp.tsx
+var FRAMEWORK_LABELS = {
+  next: "Next.js",
+  vite: "Vite",
+  cra: "Create React App",
+  react: "React",
+  unknown: "Unknown"
+};
+var PM_LABELS = {
+  npm: "npm",
+  pnpm: "pnpm",
+  yarn: "Yarn"
+};
+function StatRow({
+  label,
+  value,
+  dimValue
+}) {
+  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, label.padEnd(18)), /* @__PURE__ */ React.createElement(Text, { bold: true }, value), dimValue && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " ", dimValue));
+}
+function formatExtBreakdown(byExtension) {
+  const sorted = Object.entries(byExtension).sort((a, b) => b[1] - a[1]).slice(0, 6);
+  return sorted.map(([ext, count]) => `${ext}: ${count}`).join(", ");
+}
+function ToolBadges({ project }) {
+  const badges = [
+    { label: "TypeScript", active: project.hasTypeScript },
+    { label: "ESLint", active: project.hasESLint },
+    { label: "Prettier", active: project.hasPrettier }
+  ];
+  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Tooling".padEnd(18)), badges.map((b, i) => /* @__PURE__ */ React.createElement(React.Fragment, { key: b.label }, i > 0 && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " "), /* @__PURE__ */ React.createElement(Text, { color: b.active ? "green" : "red" }, b.active ? "\u2713" : "\u2717", " ", b.label))));
+}
+function SingleProjectStats({ stats }) {
+  const {
+    project,
+    files,
+    lines,
+    components,
+    dependencies,
+    git,
+    testFiles,
+    sourceSize
+  } = stats;
+  const frameworkLabel = FRAMEWORK_LABELS[project.framework] ?? project.framework;
+  const techStack = [frameworkLabel];
+  if (project.hasTypeScript) {
+    const tsVersion = { ...project.dependencies, ...project.devDependencies }["typescript"];
+    techStack.push(
+      `TypeScript${tsVersion ? ` ${tsVersion.replace("^", "")}` : ""}`
+    );
+  }
+  const reactVersion = project.dependencies["react"] ?? project.devDependencies["react"];
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React.createElement(
+    StatRow,
+    {
+      label: "Framework",
+      value: frameworkLabel,
+      dimValue: reactVersion ? `(React ${reactVersion.replace("^", "")})` : void 0
+    }
+  ), /* @__PURE__ */ React.createElement(
+    StatRow,
+    {
+      label: "Package Manager",
+      value: PM_LABELS[project.packageManager] ?? project.packageManager
+    }
+  ), /* @__PURE__ */ React.createElement(ToolBadges, { project })), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, marginLeft: 2, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2501".repeat(48))), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React.createElement(
+    StatRow,
+    {
+      label: "Files",
+      value: `${files.total}`,
+      dimValue: `(${formatExtBreakdown(files.byExtension)})`
+    }
+  ), /* @__PURE__ */ React.createElement(
+    StatRow,
+    {
+      label: "Lines of Code",
+      value: lines.total.toLocaleString(),
+      dimValue: `(avg ${lines.avgPerFile}/file)`
+    }
+  ), /* @__PURE__ */ React.createElement(StatRow, { label: "Source Size", value: sourceSize })), components.total > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React.createElement(
+    StatRow,
+    {
+      label: "Components",
+      value: `${components.total}`,
+      dimValue: `(${components.functional} functional${components.classBased > 0 ? `, ${components.classBased} class` : ""})`
+    }
+  )), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React.createElement(
+    StatRow,
+    {
+      label: "Dependencies",
+      value: `${dependencies.total}`,
+      dimValue: `(prod: ${dependencies.prod}, dev: ${dependencies.dev})`
+    }
+  ), /* @__PURE__ */ React.createElement(
+    StatRow,
+    {
+      label: "Test Files",
+      value: `${testFiles}`,
+      dimValue: files.total > 0 ? `(covering ${Math.round(testFiles / files.total * 100)}% of files)` : void 0
+    }
+  )), git && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { marginTop: 1, marginLeft: 2, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2501".repeat(48))), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React.createElement(StatRow, { label: "Git Branch", value: git.branch }), /* @__PURE__ */ React.createElement(
+    StatRow,
+    {
+      label: "Commits",
+      value: `${git.commits}`,
+      dimValue: `by ${git.contributors} contributor${git.contributors !== 1 ? "s" : ""}`
+    }
+  ), /* @__PURE__ */ React.createElement(StatRow, { label: "Project Age", value: git.age }))));
+}
+function StatsApp({
+  projectPath,
+  jsonOutput,
+  isMonorepo,
+  packagePaths,
+  packageNames
+}) {
+  const { exit } = useApp();
+  const [stats, setStats] = useState(null);
+  const [packageStats, setPackageStats] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (isMonorepo && packagePaths && packageNames) {
+      Promise.all(
+        packagePaths.map(async (pkgPath) => {
+          const name = packageNames.get(pkgPath) ?? pkgPath;
+          const s = await gatherStats(pkgPath);
+          return { name, path: pkgPath, stats: s };
+        })
+      ).then((all) => {
+        setPackageStats(all);
+        setLoading(false);
+        if (jsonOutput) {
+          const output = all.map((p) => ({
+            package: p.name,
+            path: p.path,
+            stats: p.stats
+          }));
+          process.stdout.write(JSON.stringify(output, null, 2) + "\n");
+        }
+        setTimeout(() => exit(), 100);
+      }).catch((err) => {
+        setError(err instanceof Error ? err.message : String(err));
+        setLoading(false);
+        setTimeout(() => exit(), 100);
+      });
+    } else {
+      gatherStats(projectPath).then((s) => {
+        setStats(s);
+        setLoading(false);
+        if (jsonOutput) {
+          process.stdout.write(JSON.stringify(s, null, 2) + "\n");
+        }
+        setTimeout(() => exit(), 100);
+      }).catch((err) => {
+        setError(err instanceof Error ? err.message : String(err));
+        setLoading(false);
+        setTimeout(() => exit(), 100);
+      });
+    }
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Header, null), /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: "green" }, /* @__PURE__ */ React.createElement(Spinner, { type: "dots" })), " ", "Scanning project", isMonorepo ? ` (${packagePaths?.length} packages)` : "", "..."));
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Header, null), /* @__PURE__ */ React.createElement(Text, { color: "red" }, "\u2717 Error: ", error));
+  }
+  if (jsonOutput) return null;
+  if (isMonorepo && packageStats.length > 0) {
+    const totals = packageStats.reduce(
+      (acc, p) => ({
+        files: acc.files + p.stats.files.total,
+        lines: acc.lines + p.stats.lines.total,
+        deps: acc.deps + p.stats.dependencies.total,
+        tests: acc.tests + p.stats.testFiles
+      }),
+      { files: 0, lines: 0, deps: 0, tests: 0 }
+    );
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Header, null), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Monorepo Overview"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, packageStats.length, " packages"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Package".padEnd(36)), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Framework".padEnd(14)), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Files".padEnd(8)), /* @__PURE__ */ React.createElement(Text, { bold: true }, "LOC".padEnd(10)), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Deps".padEnd(8)), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Tests")), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2501".repeat(84)), packageStats.map((pkg) => {
+      const fw = FRAMEWORK_LABELS[pkg.stats.project.framework] ?? pkg.stats.project.framework;
+      return /* @__PURE__ */ React.createElement(Box, { key: pkg.path }, /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, shortName(pkg.name).padEnd(36)), /* @__PURE__ */ React.createElement(Text, null, fw.padEnd(14)), /* @__PURE__ */ React.createElement(Text, null, String(pkg.stats.files.total).padEnd(8)), /* @__PURE__ */ React.createElement(Text, null, pkg.stats.lines.total.toLocaleString().padEnd(10)), /* @__PURE__ */ React.createElement(Text, null, String(pkg.stats.dependencies.total).padEnd(8)), /* @__PURE__ */ React.createElement(Text, null, pkg.stats.testFiles));
+    }), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2501".repeat(84)), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Total".padEnd(36)), /* @__PURE__ */ React.createElement(Text, null, "".padEnd(14)), /* @__PURE__ */ React.createElement(Text, { bold: true }, String(totals.files).padEnd(8)), /* @__PURE__ */ React.createElement(Text, { bold: true }, totals.lines.toLocaleString().padEnd(10)), /* @__PURE__ */ React.createElement(Text, { bold: true }, String(totals.deps).padEnd(8)), /* @__PURE__ */ React.createElement(Text, { bold: true }, totals.tests))));
+  }
+  if (!stats) return null;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Header, { projectName: stats.project.name }), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Codebase Overview"), /* @__PURE__ */ React.createElement(SingleProjectStats, { stats }));
+}
+export {
+  StatsApp
+};

package/dist/TrendApp-XL77HKDR.js

@@ -0,0 +1,118 @@
+import {
+  sparkline,
+  trendArrow
+} from "./chunk-SSUXSMGH.js";
+import {
+  detectRegressions,
+  loadHistory
+} from "./chunk-5KJOYSVJ.js";
+import {
+  Header
+} from "./chunk-BIK4EL4H.js";
+import {
+  shortName
+} from "./chunk-BUD5BE6U.js";
+
+// src/components/TrendApp.tsx
+import React, { useState, useEffect } from "react";
+import { Box, Text, useApp } from "ink";
+var CATEGORIES = [
+  "dependencies",
+  "security",
+  "code-quality",
+  "performance",
+  "git"
+];
+var CATEGORY_LABELS = {
+  dependencies: "Dependencies",
+  security: "Security",
+  "code-quality": "Code Quality",
+  performance: "Performance",
+  git: "Git"
+};
+function trendColor(direction) {
+  if (direction === "up") return "green";
+  if (direction === "down") return "red";
+  return "gray";
+}
+function SingleTrendView({
+  history,
+  last
+}) {
+  const entries = history.entries.slice(-last);
+  const scores = entries.map((e) => e.overallScore);
+  const overall = trendArrow(scores);
+  const regressions = detectRegressions(entries);
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Score History"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, entries.length, " scan", entries.length !== 1 ? "s" : "", " recorded"), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, marginLeft: 2, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Overall".padEnd(15)), /* @__PURE__ */ React.createElement(Text, { color: trendColor(overall.direction) }, sparkline(scores)), /* @__PURE__ */ React.createElement(Text, { bold: true }, " ", scores[scores.length - 1], "/100 "), /* @__PURE__ */ React.createElement(Text, { color: trendColor(overall.direction) }, overall.label)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, CATEGORIES.map((cat) => {
+    const catScores = entries.map((e) => e.categoryScores[cat]).filter((s) => s !== void 0);
+    if (catScores.length === 0) return null;
+    const catTrend = trendArrow(catScores);
+    return /* @__PURE__ */ React.createElement(Box, { key: cat }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, (CATEGORY_LABELS[cat] ?? cat).padEnd(15)), /* @__PURE__ */ React.createElement(Text, { color: trendColor(catTrend.direction) }, sparkline(catScores)), /* @__PURE__ */ React.createElement(Text, null, " ", catScores[catScores.length - 1], "/100 "), /* @__PURE__ */ React.createElement(Text, { color: trendColor(catTrend.direction) }, catTrend.label));
+  }))), regressions.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "red" }, "Regressions Detected:"), regressions.map((r) => /* @__PURE__ */ React.createElement(Box, { key: r.category, marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: "red" }, "\u2193 ", CATEGORY_LABELS[r.category] ?? r.category, ": ", r.from, " \u2192", " ", r.to, " (-", r.drop, " pts)")))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2501".repeat(52))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "First scan: ", new Date(entries[0].timestamp).toLocaleDateString(), "  \xB7  ", "Latest:", " ", new Date(
+    entries[entries.length - 1].timestamp
+  ).toLocaleDateString())));
+}
+function TrendApp({
+  projectPath,
+  last,
+  jsonOutput,
+  isMonorepo,
+  packagePaths,
+  packageNames
+}) {
+  const { exit } = useApp();
+  const [history, setHistory] = useState(null);
+  const [packageTrends, setPackageTrends] = useState([]);
+  const [loaded, setLoaded] = useState(false);
+  useEffect(() => {
+    if (isMonorepo && packagePaths && packageNames) {
+      const trends = packagePaths.map((pkgPath) => {
+        const name = packageNames.get(pkgPath) ?? pkgPath;
+        const h = loadHistory(pkgPath);
+        return { name, path: pkgPath, history: h };
+      });
+      setPackageTrends(trends);
+      setLoaded(true);
+      if (jsonOutput) {
+        const output = trends.map((t) => ({
+          package: t.name,
+          path: t.path,
+          history: t.history
+        }));
+        process.stdout.write(JSON.stringify(output, null, 2) + "\n");
+      }
+      setTimeout(() => exit(), 100);
+    } else {
+      const h = loadHistory(projectPath);
+      setHistory(h);
+      setLoaded(true);
+      if (jsonOutput && h) {
+        process.stdout.write(JSON.stringify(h, null, 2) + "\n");
+      }
+      setTimeout(() => exit(), 100);
+    }
+  }, []);
+  if (!loaded) return null;
+  if (jsonOutput) return null;
+  if (isMonorepo && packageTrends.length > 0) {
+    const withHistory = packageTrends.filter(
+      (t) => t.history && t.history.entries.length > 0
+    );
+    if (withHistory.length === 0) {
+      return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Header, null), /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "No scan history found for any package in this monorepo."), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Run "), /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, "sickbay --package <name>"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " first to start tracking scores.")));
+    }
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Header, null), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Monorepo Score Trends"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, withHistory.length, " of ", packageTrends.length, " packages have history"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Package".padEnd(24)), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Trend".padEnd(22)), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Score".padEnd(10)), /* @__PURE__ */ React.createElement(Text, { bold: true }, "Direction")), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\u2501".repeat(64)), withHistory.map((pkg) => {
+      const entries = pkg.history.entries.slice(-last);
+      const scores = entries.map((e) => e.overallScore);
+      const trend = trendArrow(scores);
+      return /* @__PURE__ */ React.createElement(Box, { key: pkg.path }, /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, shortName(pkg.name).padEnd(24)), /* @__PURE__ */ React.createElement(Text, { color: trendColor(trend.direction) }, sparkline(scores).padEnd(22)), /* @__PURE__ */ React.createElement(Text, { bold: true }, String(scores[scores.length - 1]).padEnd(10)), /* @__PURE__ */ React.createElement(Text, { color: trendColor(trend.direction) }, trend.label));
+    })), packageTrends.length > withHistory.length && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, packageTrends.length - withHistory.length, " package", packageTrends.length - withHistory.length !== 1 ? "s" : "", " with no history yet")));
+  }
+  if (!history || history.entries.length === 0) {
+    return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Header, null), /* @__PURE__ */ React.createElement(Text, { color: "yellow" }, "No scan history found for this project."), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Run "), /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, "sickbay"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " first to start tracking scores.")));
+  }
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Header, { projectName: history.projectName }), /* @__PURE__ */ React.createElement(SingleTrendView, { history, last }));
+}
+export {
+  TrendApp
+};