@nebulord/sickbay 0.1.0

package/dist/TuiApp-VJNV4FD3.js

@@ -0,0 +1,982 @@
+import {
+  LOADING_MESSAGES
+} from "./chunk-POUHUMJN.js";
+import {
+  sparkline,
+  trendArrow
+} from "./chunk-SSUXSMGH.js";
+import {
+  loadHistory
+} from "./chunk-5KJOYSVJ.js";
+
+// src/components/tui/TuiApp.tsx
+import React11, { useState as useState8, useEffect as useEffect7, useCallback as useCallback2, useRef as useRef5 } from "react";
+import { Box as Box11, Text as Text11, useInput } from "ink";
+
+// src/components/tui/PanelBorder.tsx
+import React from "react";
+import { Box, Text } from "ink";
+function PanelBorder({ title, color, focused, visible = true, flash, children }) {
+  const borderColor = flash ?? (focused ? color : "gray");
+  const borderStyle = flash ? "double" : focused ? "double" : "single";
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle,
+      borderColor,
+      paddingX: 1,
+      flexGrow: 1
+    },
+    /* @__PURE__ */ React.createElement(Text, { bold: true, color: flash ?? color }, title),
+    visible ? children : /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "\xB7\xB7\xB7")
+  );
+}
+
+// src/components/tui/HotkeyBar.tsx
+import React2 from "react";
+import { Box as Box2, Text as Text2 } from "ink";
+var HOTKEYS = [
+  { key: "h", label: "health", panel: "health" },
+  { key: "g", label: "git", panel: "git" },
+  { key: "t", label: "trend", panel: "trend" },
+  { key: "q", label: "quick wins", panel: "quickwins" },
+  { key: "a", label: "activity", panel: "activity" },
+  { key: "r", label: "re-run" },
+  { key: "w", label: "web" },
+  { key: "W", label: "web+AI" },
+  { key: "?", label: "help" }
+];
+function HotkeyBar({ activePanel }) {
+  return /* @__PURE__ */ React2.createElement(Box2, null, HOTKEYS.map((hk) => {
+    const isActive = hk.panel !== void 0 && hk.panel === activePanel;
+    return /* @__PURE__ */ React2.createElement(Box2, { key: hk.key, marginRight: 2 }, /* @__PURE__ */ React2.createElement(Text2, { bold: isActive, color: isActive ? "cyan" : void 0 }, "[", hk.key, "]"), /* @__PURE__ */ React2.createElement(Text2, { bold: isActive, color: isActive ? "cyan" : "gray" }, " ", hk.label));
+  }));
+}
+
+// src/components/tui/HealthPanel.tsx
+import React3, { useState, useEffect } from "react";
+import { Box as Box3, Text as Text3 } from "ink";
+function scoreColor(score) {
+  if (score >= 80) return "green";
+  if (score >= 60) return "yellow";
+  return "red";
+}
+function scoreBar(score, width = 10) {
+  const filled = Math.round(score / 100 * width);
+  return "\u2588".repeat(filled) + "\u2591".repeat(width - filled);
+}
+function truncate(str, maxLen) {
+  return str.length > maxLen ? str.slice(0, maxLen - 1) + "\u2026" : str;
+}
+function statusIcon(status) {
+  switch (status) {
+    case "pass":
+      return "\u2713";
+    case "fail":
+      return "\u2717";
+    case "warning":
+      return "\u26A0";
+    case "skipped":
+      return "\u25CB";
+    default:
+      return "?";
+  }
+}
+function HealthPanel({
+  checks,
+  isScanning,
+  progress,
+  scrollOffset,
+  availableHeight
+}) {
+  const [msgIdx, setMsgIdx] = useState(0);
+  useEffect(() => {
+    if (!isScanning || progress.length > 0) return;
+    const id = setInterval(() => {
+      setMsgIdx((i) => (i + 1) % LOADING_MESSAGES.length);
+    }, 4e3);
+    return () => clearInterval(id);
+  }, [isScanning, progress.length]);
+  if (isScanning && checks.length === 0) {
+    if (progress.length === 0) {
+      return /* @__PURE__ */ React3.createElement(Box3, null, /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, LOADING_MESSAGES[msgIdx]));
+    }
+    return /* @__PURE__ */ React3.createElement(Box3, { flexDirection: "column" }, progress.map((p) => /* @__PURE__ */ React3.createElement(Box3, { key: p.name }, /* @__PURE__ */ React3.createElement(
+      Text3,
+      {
+        color: p.status === "done" ? "green" : p.status === "running" ? "yellow" : "gray"
+      },
+      p.status === "done" ? "\u2713" : p.status === "running" ? "\u25CC" : "\u25CB"
+    ), /* @__PURE__ */ React3.createElement(Text3, null, " ", p.name))));
+  }
+  if (checks.length === 0) {
+    return /* @__PURE__ */ React3.createElement(Box3, null, /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "No results yet. Press [r] to scan."));
+  }
+  const maxVisible = Math.max(1, availableHeight);
+  const visible = checks.slice(scrollOffset, scrollOffset + maxVisible);
+  const hasMore = scrollOffset + maxVisible < checks.length;
+  const hasLess = scrollOffset > 0;
+  return /* @__PURE__ */ React3.createElement(Box3, { flexDirection: "column" }, hasLess && /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, " \\u25B2 ", scrollOffset, " more above"), visible.map((check) => /* @__PURE__ */ React3.createElement(Box3, { key: check.id }, /* @__PURE__ */ React3.createElement(
+    Text3,
+    {
+      color: check.status === "pass" ? "green" : check.status === "fail" ? "red" : "yellow"
+    },
+    statusIcon(check.status)
+  ), /* @__PURE__ */ React3.createElement(Text3, null, " "), /* @__PURE__ */ React3.createElement(Box3, { width: 26 }, /* @__PURE__ */ React3.createElement(Text3, { wrap: "truncate" }, truncate(check.name, 26))), /* @__PURE__ */ React3.createElement(Text3, null, " "), /* @__PURE__ */ React3.createElement(Text3, { color: scoreColor(check.score) }, scoreBar(check.score)), /* @__PURE__ */ React3.createElement(Text3, { color: scoreColor(check.score) }, " ", String(check.score).padStart(3)))), hasMore && /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "  \u25BC ", checks.length - scrollOffset - maxVisible, " more below"), isScanning && /* @__PURE__ */ React3.createElement(Text3, { color: "yellow" }, "  \u25CC Re-scanning..."));
+}
+
+// src/components/tui/ScorePanel.tsx
+import React4, { useState as useState2, useEffect as useEffect2, useRef } from "react";
+import { Box as Box4, Text as Text4 } from "ink";
+function scoreColor2(score) {
+  if (score >= 80) return "green";
+  if (score >= 60) return "yellow";
+  return "red";
+}
+function scoreBar2(score, width = 15) {
+  const filled = Math.round(score / 100 * width);
+  return "\u2588".repeat(filled) + "\u2591".repeat(width - filled);
+}
+function ScorePanel({ report, previousScore, animate = true }) {
+  const [animatedScore, setAnimatedScore] = useState2(0);
+  const prevTargetRef = useRef(0);
+  useEffect2(() => {
+    if (!animate) return;
+    if (!report) {
+      setAnimatedScore(0);
+      prevTargetRef.current = 0;
+      return;
+    }
+    const target = report.overallScore;
+    const start = prevTargetRef.current;
+    prevTargetRef.current = target;
+    if (start === target) return;
+    let current = start;
+    const step = target > start ? 1 : -1;
+    const id = setInterval(() => {
+      current += step;
+      setAnimatedScore(current);
+      if (current === target) clearInterval(id);
+    }, 20);
+    return () => clearInterval(id);
+  }, [report, animate]);
+  const displayScore = animate ? animatedScore : report?.overallScore ?? 0;
+  if (!report) {
+    return /* @__PURE__ */ React4.createElement(Box4, null, /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, "Waiting for scan..."));
+  }
+  const delta = previousScore !== null ? report.overallScore - previousScore : null;
+  return /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Box4, null, /* @__PURE__ */ React4.createElement(Text4, { color: scoreColor2(displayScore), bold: true }, displayScore, "/100"), /* @__PURE__ */ React4.createElement(Text4, null, " "), /* @__PURE__ */ React4.createElement(Text4, { color: scoreColor2(displayScore) }, scoreBar2(displayScore))), delta !== null && /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, delta > 0 ? `+${delta}` : delta === 0 ? "\xB10" : `${delta}`, " since last scan"), /* @__PURE__ */ React4.createElement(Box4, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React4.createElement(Box4, null, /* @__PURE__ */ React4.createElement(Text4, { color: "red" }, "\u2717", " ", report.summary.critical, " critical"), /* @__PURE__ */ React4.createElement(Text4, null, "  "), /* @__PURE__ */ React4.createElement(Text4, { color: "yellow" }, "\u26A0", " ", report.summary.warnings, " warn"), /* @__PURE__ */ React4.createElement(Text4, null, "  "), /* @__PURE__ */ React4.createElement(Text4, { dimColor: true }, "i ", report.summary.info, " info"))), report.quote && /* @__PURE__ */ React4.createElement(Box4, { marginTop: 1 }, /* @__PURE__ */ React4.createElement(Text4, { italic: true, dimColor: true }, '"', report.quote.text, '" \u2014 ', report.quote.source)));
+}
+
+// src/components/tui/TrendPanel.tsx
+import React5, { useState as useState3, useEffect as useEffect3 } from "react";
+import { Box as Box5, Text as Text5 } from "ink";
+var CATEGORY_COLORS = {
+  overall: "white",
+  dependencies: "blue",
+  security: "green",
+  "code-quality": "yellow",
+  performance: "magenta",
+  git: "cyan"
+};
+var SHORT_LABELS = {
+  dependencies: "Deps",
+  security: "Security",
+  "code-quality": "Quality",
+  performance: "Perf",
+  git: "Git"
+};
+function TrendPanel({
+  projectPath,
+  lastScanTime,
+  availableHeight
+}) {
+  const [trends, setTrends] = useState3([]);
+  useEffect3(() => {
+    const history = loadHistory(projectPath);
+    if (!history || history.entries.length === 0) {
+      setTrends([]);
+      return;
+    }
+    const entries = history.entries.slice(-10);
+    const overallValues = entries.map((e) => e.overallScore);
+    const overallArrow = trendArrow(overallValues);
+    const result = [
+      {
+        label: "Overall",
+        spark: sparkline(overallValues),
+        latest: overallValues[overallValues.length - 1],
+        arrow: overallArrow.label,
+        color: "white"
+      }
+    ];
+    const categories = Object.keys(entries[entries.length - 1].categoryScores);
+    for (const cat of categories) {
+      const values = entries.map((e) => e.categoryScores[cat]).filter((v) => v !== void 0);
+      if (values.length === 0) continue;
+      const arrow = trendArrow(values);
+      result.push({
+        label: SHORT_LABELS[cat] || cat.charAt(0).toUpperCase() + cat.slice(1),
+        spark: sparkline(values),
+        latest: values[values.length - 1],
+        arrow: arrow.label,
+        color: CATEGORY_COLORS[cat] || "white"
+      });
+    }
+    setTrends(result);
+  }, [projectPath, lastScanTime]);
+  if (trends.length === 0) {
+    return /* @__PURE__ */ React5.createElement(Box5, null, /* @__PURE__ */ React5.createElement(Text5, { dimColor: true }, "No trend data yet."));
+  }
+  const maxRows = availableHeight ?? trends.length;
+  const visible = trends.slice(0, maxRows);
+  return /* @__PURE__ */ React5.createElement(Box5, { flexDirection: "column" }, visible.map((t) => /* @__PURE__ */ React5.createElement(Box5, { key: t.label }, /* @__PURE__ */ React5.createElement(Box5, { width: 10 }, /* @__PURE__ */ React5.createElement(Text5, { color: t.color }, t.label)), /* @__PURE__ */ React5.createElement(Text5, null, t.spark), /* @__PURE__ */ React5.createElement(Text5, { bold: true }, " ", String(t.latest).padStart(3)), /* @__PURE__ */ React5.createElement(Text5, null, " ", t.arrow))));
+}
+
+// src/components/tui/GitPanel.tsx
+import React6 from "react";
+import { Box as Box6, Text as Text6 } from "ink";
+
+// src/components/tui/hooks/useGitStatus.ts
+import { useState as useState4, useEffect as useEffect4, useRef as useRef2 } from "react";
+import { execFile } from "child_process";
+import { promisify } from "util";
+var exec = promisify(execFile);
+async function git(args, cwd) {
+  try {
+    const { stdout } = await exec("git", args, { cwd, timeout: 5e3 });
+    return stdout.trim();
+  } catch {
+    return "";
+  }
+}
+async function fetchGitStatus(projectPath) {
+  const [branch, porcelain, revList, stashList, logLine] = await Promise.all([
+    git(["branch", "--show-current"], projectPath),
+    git(["status", "--porcelain"], projectPath),
+    git(
+      ["rev-list", "--left-right", "--count", "HEAD...@{upstream}"],
+      projectPath
+    ),
+    git(["stash", "list"], projectPath),
+    git(["log", "-1", "--format=%s|%cr"], projectPath)
+  ]);
+  const lines = porcelain ? porcelain.split("\n") : [];
+  const staged = lines.filter((l) => /^[MADRC]/.test(l)).length;
+  const modified = lines.filter((l) => /^.[MD]/.test(l)).length;
+  const untracked = lines.filter((l) => l.startsWith("??")).length;
+  let ahead = 0;
+  let behind = 0;
+  if (revList) {
+    const parts = revList.split(/\s+/);
+    ahead = parseInt(parts[0], 10) || 0;
+    behind = parseInt(parts[1], 10) || 0;
+  }
+  const stashes = stashList ? stashList.split("\n").filter(Boolean).length : 0;
+  const [lastCommit, lastCommitTime] = logLine.split("|");
+  return {
+    branch: branch || "unknown",
+    modified,
+    staged,
+    untracked,
+    ahead,
+    behind,
+    stashes,
+    lastCommit: lastCommit || "",
+    lastCommitTime: lastCommitTime || ""
+  };
+}
+function useGitStatus(projectPath, pollInterval = 1e4) {
+  const [status, setStatus] = useState4(null);
+  const intervalRef = useRef2(
+    void 0
+  );
+  useEffect4(() => {
+    fetchGitStatus(projectPath).then(setStatus);
+    intervalRef.current = setInterval(() => {
+      fetchGitStatus(projectPath).then(setStatus);
+    }, pollInterval);
+    return () => {
+      if (intervalRef.current) clearInterval(intervalRef.current);
+    };
+  }, [projectPath, pollInterval]);
+  return status;
+}
+
+// src/components/tui/GitPanel.tsx
+function GitPanel({ projectPath, availableWidth = 30 }) {
+  const status = useGitStatus(projectPath);
+  if (!status) {
+    return /* @__PURE__ */ React6.createElement(Box6, null, /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, "Loading git info..."));
+  }
+  return /* @__PURE__ */ React6.createElement(Box6, { flexDirection: "column" }, /* @__PURE__ */ React6.createElement(Box6, null, /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, "Branch: "), /* @__PURE__ */ React6.createElement(Text6, { bold: true, color: "green" }, status.branch)), (status.ahead > 0 || status.behind > 0) && /* @__PURE__ */ React6.createElement(Box6, null, status.ahead > 0 && /* @__PURE__ */ React6.createElement(Text6, { color: "green" }, "\u2191", status.ahead, " "), status.behind > 0 && /* @__PURE__ */ React6.createElement(Text6, { color: "red" }, "\u2193", status.behind)), /* @__PURE__ */ React6.createElement(Box6, null, /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, "Modified:  "), /* @__PURE__ */ React6.createElement(Text6, { color: status.modified > 0 ? "yellow" : "green" }, status.modified)), /* @__PURE__ */ React6.createElement(Box6, null, /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, "Staged:    "), /* @__PURE__ */ React6.createElement(Text6, { color: status.staged > 0 ? "cyan" : "green" }, status.staged)), /* @__PURE__ */ React6.createElement(Box6, null, /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, "Untracked: "), /* @__PURE__ */ React6.createElement(Text6, null, status.untracked)), status.stashes > 0 && /* @__PURE__ */ React6.createElement(Box6, null, /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, "Stashes:   "), /* @__PURE__ */ React6.createElement(Text6, null, status.stashes)), status.lastCommit && /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, "Last commit:"), /* @__PURE__ */ React6.createElement(Text6, null, status.lastCommit.length > availableWidth ? status.lastCommit.slice(0, availableWidth - 3) + "..." : status.lastCommit), /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, status.lastCommitTime)));
+}
+
+// src/components/tui/QuickWinsPanel.tsx
+import React7 from "react";
+import { Box as Box7, Text as Text7 } from "ink";
+function replacePackageManager(cmd, pm) {
+  if (pm === "npm") return cmd;
+  const install = pm === "pnpm" ? "pnpm add" : pm === "yarn" ? "yarn add" : "bun add";
+  const uninstall = pm === "pnpm" ? "pnpm remove" : pm === "yarn" ? "yarn remove" : "bun remove";
+  const update = pm === "pnpm" ? "pnpm update" : pm === "yarn" ? "yarn upgrade" : "bun update";
+  const auditFix = pm === "pnpm" ? "pnpm audit --fix" : pm === "yarn" ? "yarn npm audit --fix" : "bun audit";
+  return cmd.replace(/^npm install(?=\s)/, install).replace(/^npm uninstall(?=\s)/, uninstall).replace(/^npm update(?=\s)/, update).replace(/^npm audit fix/, auditFix);
+}
+function shortenPath(filepath) {
+  const parts = filepath.split("/");
+  if (parts.length <= 2) return filepath;
+  return "\u2026/" + parts.slice(-2).join("/");
+}
+function smartTruncate(str, maxLen) {
+  if (str.length <= maxLen) return str;
+  const pathMatch = str.match(/(\S*\/\S+)/);
+  if (pathMatch) {
+    const shortened = str.replace(pathMatch[1], shortenPath(pathMatch[1]));
+    if (shortened.length <= maxLen) return shortened;
+    return shortened.slice(0, maxLen - 1) + "\u2026";
+  }
+  return str.slice(0, maxLen - 1) + "\u2026";
+}
+function shortenCommand(cmd, maxLen) {
+  if (cmd.length <= maxLen) return cmd;
+  const shortened = cmd.replace(/(\S*\/\S+)/g, (match) => shortenPath(match));
+  if (shortened.length <= maxLen) return shortened;
+  return shortened.slice(0, maxLen - 1) + "\u2026";
+}
+function QuickWinsPanel({ report, availableWidth }) {
+  if (!report) {
+    return /* @__PURE__ */ React7.createElement(Box7, null, /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, "Waiting for scan..."));
+  }
+  const fixes = [];
+  for (const check of report.checks) {
+    for (const issue of check.issues) {
+      if (issue.fix?.command) {
+        fixes.push({
+          description: issue.fix.description,
+          command: issue.fix.command,
+          severity: issue.severity
+        });
+      }
+    }
+  }
+  const order = { critical: 0, warning: 1, info: 2 };
+  fixes.sort((a, b) => (order[a.severity] ?? 3) - (order[b.severity] ?? 3));
+  const top = fixes.slice(0, 5);
+  if (top.length === 0) {
+    return /* @__PURE__ */ React7.createElement(Box7, null, /* @__PURE__ */ React7.createElement(Text7, { color: "green" }, "Looking good!"));
+  }
+  const pm = report.projectInfo?.packageManager ?? "npm";
+  const maxTextLen = Math.max(16, (availableWidth ?? 26) - 4);
+  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column" }, top.map((fix, i) => /* @__PURE__ */ React7.createElement(
+    Box7,
+    {
+      key: i,
+      flexDirection: "column",
+      marginBottom: i < top.length - 1 ? 1 : 0
+    },
+    /* @__PURE__ */ React7.createElement(Text7, null, /* @__PURE__ */ React7.createElement(
+      Text7,
+      {
+        color: fix.severity === "critical" ? "red" : fix.severity === "warning" ? "yellow" : "gray"
+      },
+      "\u2192",
+      " "
+    ), smartTruncate(fix.description, maxTextLen)),
+    /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, "  ", shortenCommand(replacePackageManager(fix.command, pm), maxTextLen))
+  )));
+}
+
+// src/components/tui/MonorepoPanel.tsx
+import React8 from "react";
+import { Box as Box8, Text as Text8 } from "ink";
+function scoreBar3(score, width = 8) {
+  const filled = Math.round(score / 100 * width);
+  return "\u2588".repeat(filled) + "\u2591".repeat(width - filled);
+}
+function scoreColor3(score) {
+  if (score >= 80) return "green";
+  if (score >= 60) return "yellow";
+  return "red";
+}
+function MonorepoPanel({ report, availableWidth }) {
+  if (!report) {
+    return /* @__PURE__ */ React8.createElement(Box8, null, /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, "Waiting for scan..."));
+  }
+  const nameWidth = Math.max(
+    12,
+    Math.min(20, (availableWidth ?? 36) - 22)
+  );
+  return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column" }, /* @__PURE__ */ React8.createElement(Box8, { marginBottom: 1 }, /* @__PURE__ */ React8.createElement(Text8, { bold: true }, report.packages.length, " packages"), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, " \xB7 "), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, report.monorepoType, " workspaces"), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, " \xB7 "), /* @__PURE__ */ React8.createElement(Text8, { color: scoreColor3(report.overallScore), bold: true }, report.overallScore), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, " avg")), report.packages.map((pkg) => {
+    const name = pkg.name.includes("/") ? pkg.name.split("/").pop() ?? pkg.name : pkg.name;
+    const truncatedName = name.length > nameWidth ? name.slice(0, nameWidth - 1) + "\u2026" : name.padEnd(nameWidth);
+    return /* @__PURE__ */ React8.createElement(Box8, { key: pkg.path, gap: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: scoreColor3(pkg.score) }, scoreBar3(pkg.score)), /* @__PURE__ */ React8.createElement(Text8, { color: scoreColor3(pkg.score), bold: true }, String(pkg.score).padStart(3)), /* @__PURE__ */ React8.createElement(Text8, null, truncatedName), pkg.summary.critical > 0 && /* @__PURE__ */ React8.createElement(Text8, { color: "red" }, " \u26A0"));
+  }), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, "Press "), /* @__PURE__ */ React8.createElement(Text8, { color: "cyan" }, "[w]"), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true }, " for per-package web view")));
+}
+
+// src/components/tui/ActivityPanel.tsx
+import React9 from "react";
+import { Box as Box9, Text as Text9 } from "ink";
+var TYPE_COLOR = {
+  "scan-start": "cyan",
+  "scan-complete": "green",
+  "file-change": "yellow",
+  "git-change": "magenta",
+  regression: "red",
+  info: "gray"
+};
+function formatTime(date) {
+  return date.toLocaleTimeString("en-US", { hour12: false });
+}
+function ActivityPanel({ entries, availableHeight }) {
+  if (entries.length === 0) {
+    return /* @__PURE__ */ React9.createElement(Box9, null, /* @__PURE__ */ React9.createElement(Text9, { dimColor: true }, "No activity yet."));
+  }
+  const visible = entries.slice(-Math.max(1, availableHeight));
+  return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column" }, visible.map((entry) => /* @__PURE__ */ React9.createElement(Box9, { key: `${entry.timestamp.getTime()}-${entry.type}` }, /* @__PURE__ */ React9.createElement(Text9, { dimColor: true }, formatTime(entry.timestamp), "  "), /* @__PURE__ */ React9.createElement(Text9, { color: TYPE_COLOR[entry.type] || "white" }, entry.message))));
+}
+
+// src/components/tui/HelpPanel.tsx
+import React10 from "react";
+import { Box as Box10, Text as Text10 } from "ink";
+var SECTIONS = [
+  {
+    title: "PANELS",
+    rows: [
+      { keys: ["h"], description: "Focus / unfocus Health Checks" },
+      { keys: ["g"], description: "Focus / unfocus Git Status" },
+      { keys: ["t"], description: "Focus / unfocus Trend" },
+      { keys: ["q"], description: "Focus / unfocus Quick Wins" },
+      { keys: ["a"], description: "Focus / unfocus Activity" },
+      { keys: ["f"], description: "Expand focused panel to full screen" },
+      { keys: ["Esc"], description: "Unfocus panel / exit full screen" }
+    ]
+  },
+  {
+    title: "SCROLLING",
+    rows: [
+      { keys: ["\u2191", "\u2193"], description: "Scroll Health Checks (when focused)" }
+    ]
+  },
+  {
+    title: "ACTIONS",
+    rows: [
+      { keys: ["r"], description: "Re-run scan" },
+      { keys: ["w"], description: "Open web dashboard in browser" },
+      { keys: ["W"], description: "Open web dashboard with AI insights" },
+      { keys: ["?"], description: "Toggle this help screen" }
+    ]
+  }
+];
+function HelpPanel() {
+  return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React10.createElement(Box10, { marginBottom: 1 }, /* @__PURE__ */ React10.createElement(Text10, { bold: true, color: "cyan" }, "SICKBAY TUI \u2014 KEYBOARD SHORTCUTS")), SECTIONS.map((section) => /* @__PURE__ */ React10.createElement(Box10, { key: section.title, flexDirection: "column", marginBottom: 1 }, /* @__PURE__ */ React10.createElement(Box10, { marginBottom: 0 }, /* @__PURE__ */ React10.createElement(Text10, { bold: true, color: "white" }, section.title)), section.rows.map((row) => /* @__PURE__ */ React10.createElement(Box10, { key: row.description, marginLeft: 2 }, /* @__PURE__ */ React10.createElement(Box10, { width: 16 }, row.keys.map((k, i) => /* @__PURE__ */ React10.createElement(Text10, { key: k }, /* @__PURE__ */ React10.createElement(Text10, { color: "cyan", bold: true }, "[", k, "]"), i < row.keys.length - 1 ? /* @__PURE__ */ React10.createElement(Text10, { dimColor: true }, " / ") : null))), /* @__PURE__ */ React10.createElement(Text10, { dimColor: true }, row.description))))), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React10.createElement(Text10, { dimColor: true }, "Pro tip: focus a panel with its hotkey, then press", " "), /* @__PURE__ */ React10.createElement(Text10, { color: "cyan", bold: true }, "[f]"), /* @__PURE__ */ React10.createElement(Text10, { dimColor: true }, " to expand it full screen for more detail.")), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, { dimColor: true }, "Press "), /* @__PURE__ */ React10.createElement(Text10, { color: "cyan", bold: true }, "[?]"), /* @__PURE__ */ React10.createElement(Text10, { dimColor: true }, " or "), /* @__PURE__ */ React10.createElement(Text10, { color: "cyan", bold: true }, "[Esc]"), /* @__PURE__ */ React10.createElement(Text10, { dimColor: true }, " to close")));
+}
+
+// src/components/tui/hooks/useSickbayRunner.ts
+import { useState as useState5, useCallback, useRef as useRef3 } from "react";
+import { runSickbay, runSickbayMonorepo, detectMonorepo, buildSummary } from "@nebulord/sickbay-core";
+function rollUpMonorepoReport(monorepo) {
+  const byId = /* @__PURE__ */ new Map();
+  for (const pkg of monorepo.packages) {
+    for (const check of pkg.checks) {
+      const existing = byId.get(check.id);
+      if (!existing || check.score < existing.score) {
+        byId.set(check.id, check);
+      }
+    }
+  }
+  const checks = Array.from(byId.values());
+  return {
+    timestamp: monorepo.timestamp,
+    projectPath: monorepo.rootPath,
+    projectInfo: {
+      name: `monorepo (${monorepo.packages.length} packages)`,
+      version: "0.0.0",
+      hasTypeScript: false,
+      hasESLint: false,
+      hasPrettier: false,
+      framework: "node",
+      packageManager: monorepo.packageManager,
+      totalDependencies: 0,
+      dependencies: {},
+      devDependencies: {}
+    },
+    checks,
+    overallScore: monorepo.overallScore,
+    summary: buildSummary(checks)
+  };
+}
+function useSickbayRunner({ projectPath, checks, quotes }) {
+  const [report, setReport] = useState5(null);
+  const [monorepoReport, setMonorepoReport] = useState5(null);
+  const [isScanning, setIsScanning] = useState5(false);
+  const [progress, setProgress] = useState5([]);
+  const [error, setError] = useState5(null);
+  const scanningRef = useRef3(false);
+  const scan = useCallback(async () => {
+    if (scanningRef.current) return null;
+    scanningRef.current = true;
+    setIsScanning(true);
+    setError(null);
+    try {
+      const monorepoInfo = await detectMonorepo(projectPath);
+      if (monorepoInfo.isMonorepo) {
+        const result2 = await runSickbayMonorepo({
+          projectPath,
+          checks,
+          quotes
+        });
+        setMonorepoReport(result2);
+        const rolledUp = rollUpMonorepoReport(result2);
+        setReport(rolledUp);
+        setIsScanning(false);
+        scanningRef.current = false;
+        return rolledUp;
+      }
+      const result = await runSickbay({
+        projectPath,
+        checks,
+        quotes,
+        onRunnersReady: (names) => {
+          setProgress(names.map((name) => ({ name, status: "pending" })));
+        },
+        onCheckStart: (name) => {
+          setProgress(
+            (prev) => prev.map((p) => p.name === name ? { ...p, status: "running" } : p)
+          );
+        },
+        onCheckComplete: (check) => {
+          setProgress(
+            (prev) => prev.map((p) => p.name === check.id ? { ...p, status: "done" } : p)
+          );
+        }
+      });
+      setMonorepoReport(null);
+      setReport(result);
+      try {
+        const { saveEntry } = await import("./history-DYFJ65XH.js");
+        saveEntry(result);
+      } catch {
+      }
+      setIsScanning(false);
+      scanningRef.current = false;
+      return result;
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+      setIsScanning(false);
+      scanningRef.current = false;
+      return null;
+    }
+  }, [projectPath, checks, quotes]);
+  return { report, monorepoReport, isScanning, progress, error, scan };
+}
+
+// src/components/tui/hooks/useFileWatcher.ts
+import { useState as useState6, useEffect as useEffect5, useRef as useRef4 } from "react";
+function useFileWatcher({
+  projectPath,
+  enabled,
+  debounceMs = 2e3,
+  onFilesChanged
+}) {
+  const [changedFiles, setChangedFiles] = useState6([]);
+  const debounceRef = useRef4(
+    void 0
+  );
+  const pendingRef = useRef4([]);
+  const watcherRef = useRef4(null);
+  useEffect5(() => {
+    if (!enabled) return;
+    let mounted = true;
+    (async () => {
+      try {
+        const { watch } = await import("chokidar");
+        if (!mounted) return;
+        const watcher = watch(["**/*.{ts,tsx,js,jsx,json}"], {
+          cwd: projectPath,
+          ignored: [
+            "**/node_modules/**",
+            "**/dist/**",
+            "**/.git/**",
+            "**/build/**",
+            "**/.next/**",
+            "**/.turbo/**",
+            "**/coverage/**"
+          ],
+          ignoreInitial: true,
+          persistent: true
+        });
+        watcherRef.current = watcher;
+        watcher.on("change", (path) => {
+          pendingRef.current.push(path);
+          setChangedFiles((prev) => [...prev, path]);
+          if (debounceRef.current) clearTimeout(debounceRef.current);
+          debounceRef.current = setTimeout(() => {
+            const files = [...pendingRef.current];
+            pendingRef.current = [];
+            onFilesChanged?.(files);
+          }, debounceMs);
+        });
+      } catch {
+      }
+    })();
+    return () => {
+      mounted = false;
+      if (debounceRef.current) clearTimeout(debounceRef.current);
+      if (watcherRef.current) watcherRef.current.close();
+    };
+  }, [projectPath, enabled, debounceMs]);
+  return changedFiles;
+}
+
+// src/components/tui/hooks/useTerminalSize.ts
+import { useState as useState7, useEffect as useEffect6 } from "react";
+function useTerminalSize() {
+  const [size, setSize] = useState7({
+    columns: process.stdout.columns || 80,
+    rows: process.stdout.rows || 24
+  });
+  useEffect6(() => {
+    const handler = () => {
+      setSize({
+        columns: process.stdout.columns || 80,
+        rows: process.stdout.rows || 24
+      });
+    };
+    process.stdout.on("resize", handler);
+    return () => {
+      process.stdout.off("resize", handler);
+    };
+  }, []);
+  return size;
+}
+
+// src/components/tui/TuiApp.tsx
+function TuiApp({
+  projectPath,
+  checks,
+  watchEnabled,
+  refreshInterval,
+  quotes,
+  animateOnMount = true
+}) {
+  const { rows, columns } = useTerminalSize();
+  const { report, monorepoReport, isScanning, progress, scan } = useSickbayRunner({
+    projectPath,
+    checks,
+    quotes
+  });
+  const [focusedPanel, setFocusedPanel] = useState8(null);
+  const [expandedPanel, setExpandedPanel] = useState8(null);
+  const [showHelp, setShowHelp] = useState8(false);
+  const [lastScanTime, setLastScanTime] = useState8(null);
+  const [previousScore, setPreviousScore] = useState8(null);
+  const [activityLog, setActivityLog] = useState8([]);
+  const [healthScrollOffset, setHealthScrollOffset] = useState8(0);
+  const [scoreFlash, setScoreFlash] = useState8();
+  const ALL_PANELS = /* @__PURE__ */ new Set(["health", "score", "trend", "git", "quickwins", "activity"]);
+  const [visiblePanels, setVisiblePanels] = useState8(
+    animateOnMount ? /* @__PURE__ */ new Set() : ALL_PANELS
+  );
+  const refreshRef = useRef5(void 0);
+  useEffect7(() => {
+    const schedule = [
+      ["health", 100],
+      ["score", 300],
+      ["trend", 500],
+      ["git", 700],
+      ["quickwins", 900],
+      ["activity", 1100]
+    ];
+    const timers = schedule.map(
+      ([panel, delay]) => setTimeout(() => {
+        setVisiblePanels((prev) => /* @__PURE__ */ new Set([...prev, panel]));
+      }, delay)
+    );
+    return () => timers.forEach(clearTimeout);
+  }, []);
+  const reportRef = useRef5(null);
+  const monorepoReportRef = useRef5(null);
+  useEffect7(() => {
+    reportRef.current = report;
+  }, [report]);
+  useEffect7(() => {
+    monorepoReportRef.current = monorepoReport;
+  }, [monorepoReport]);
+  const addActivity = useCallback2(
+    (type, message) => {
+      setActivityLog((prev) => [
+        ...prev,
+        { timestamp: /* @__PURE__ */ new Date(), type, message }
+      ]);
+    },
+    []
+  );
+  const handleScanComplete = useCallback2(
+    async (result) => {
+      const prevScore = reportRef.current?.overallScore ?? null;
+      if (prevScore !== null) setPreviousScore(prevScore);
+      setLastScanTime(/* @__PURE__ */ new Date());
+      try {
+        const { saveLastReport } = await import("./history-DYFJ65XH.js");
+        saveLastReport(result);
+      } catch {
+      }
+      try {
+        const { getDependencyTree } = await import("@nebulord/sickbay-core");
+        const { saveDepTree } = await import("./history-DYFJ65XH.js");
+        const tree = await getDependencyTree(projectPath, result.projectInfo.packageManager);
+        saveDepTree(projectPath, tree);
+      } catch {
+      }
+      const delta = prevScore !== null ? result.overallScore - prevScore : null;
+      addActivity(
+        "scan-complete",
+        `Scan complete: ${result.overallScore}/100${delta !== null ? ` (${delta >= 0 ? "+" : ""}${delta})` : ""}`
+      );
+      if (delta !== null && delta !== 0) {
+        const flash = delta > 0 ? "green" : "red";
+        setScoreFlash(flash);
+        setTimeout(() => setScoreFlash(void 0), 600);
+      }
+      try {
+        const { loadHistory: loadHistory2, detectRegressions } = await import("./history-DYFJ65XH.js");
+        const history = loadHistory2(projectPath);
+        if (history) {
+          const regressions = detectRegressions(history.entries);
+          for (const reg of regressions) {
+            addActivity(
+              "regression",
+              `\u26A0 ${reg.category} regressed: ${reg.from} \u2192 ${reg.to}`
+            );
+          }
+        }
+      } catch {
+      }
+    },
+    [addActivity, projectPath]
+  );
+  useEffect7(() => {
+    addActivity("info", "TUI started");
+    addActivity("scan-start", "Starting initial health scan...");
+    scan().then((result) => {
+      if (result) handleScanComplete(result);
+    });
+  }, []);
+  useEffect7(() => {
+    if (refreshInterval <= 0) return;
+    refreshRef.current = setInterval(async () => {
+      addActivity("scan-start", "Auto-scan triggered");
+      const result = await scan();
+      if (result) handleScanComplete(result);
+    }, refreshInterval * 1e3);
+    return () => {
+      if (refreshRef.current) clearInterval(refreshRef.current);
+    };
+  }, [refreshInterval, scan, handleScanComplete, addActivity]);
+  useFileWatcher({
+    projectPath,
+    enabled: watchEnabled,
+    onFilesChanged: async (files) => {
+      for (const f of files.slice(0, 3)) {
+        addActivity("file-change", `File changed: ${f}`);
+      }
+      if (files.length > 3) {
+        addActivity("file-change", `...and ${files.length - 3} more files`);
+      }
+      addActivity("scan-start", "Re-scan triggered (file change)");
+      const result = await scan();
+      if (result) handleScanComplete(result);
+    }
+  });
+  const triggerRescan = useCallback2(async () => {
+    addActivity("scan-start", "Manual re-scan triggered");
+    const result = await scan();
+    if (result) handleScanComplete(result);
+  }, [addActivity, scan, handleScanComplete]);
+  const isTTY = !!(process.stdin.isTTY && process.stdin.setRawMode);
+  useInput((input, key) => {
+    if (showHelp) {
+      if (input === "?" || key.escape) {
+        setShowHelp(false);
+      }
+      return;
+    }
+    if (expandedPanel) {
+      if (key.escape || input === "f") {
+        setExpandedPanel(null);
+        return;
+      }
+    }
+    if (input === "?") {
+      setShowHelp(true);
+      return;
+    }
+    if (input === "h")
+      setFocusedPanel((prev) => prev === "health" ? null : "health");
+    else if (input === "g")
+      setFocusedPanel((prev) => prev === "git" ? null : "git");
+    else if (input === "t")
+      setFocusedPanel((prev) => prev === "trend" ? null : "trend");
+    else if (input === "q")
+      setFocusedPanel((prev) => prev === "quickwins" ? null : "quickwins");
+    else if (input === "a")
+      setFocusedPanel((prev) => prev === "activity" ? null : "activity");
+    else if (input === "r") triggerRescan();
+    else if (input === "f" && focusedPanel) setExpandedPanel(focusedPanel);
+    else if (input === "w" || input === "W") {
+      const withAI = input === "W";
+      (async () => {
+        const webReport = monorepoReportRef.current ?? reportRef.current;
+        if (!webReport) return;
+        try {
+          const { serveWeb } = await import("./web-EE2VYPEX.js");
+          const { default: openBrowser } = await import("open");
+          let aiService;
+          if (withAI && process.env.ANTHROPIC_API_KEY && !monorepoReportRef.current) {
+            const { createAIService } = await import("./ai-7DGOLNJX.js");
+            aiService = createAIService(process.env.ANTHROPIC_API_KEY);
+            addActivity("info", "Launching web dashboard with AI...");
+          } else {
+            addActivity("info", "Launching web dashboard...");
+          }
+          const url = await serveWeb(webReport, 3030, aiService);
+          await openBrowser(url);
+          addActivity("info", `Web dashboard at ${url}${withAI && aiService ? " (AI enabled)" : ""}`);
+        } catch (err) {
+          addActivity(
+            "info",
+            `Failed to open web: ${err instanceof Error ? err.message : err}`
+          );
+        }
+      })();
+    } else if (key.escape) {
+      setFocusedPanel(null);
+    }
+    if (focusedPanel === "health") {
+      if (key.upArrow)
+        setHealthScrollOffset((prev) => Math.max(0, prev - 1));
+      if (key.downArrow) {
+        const maxOffset = Math.max(0, visibleChecks.length - 5);
+        setHealthScrollOffset((prev) => Math.min(maxOffset, prev + 1));
+      }
+    }
+  }, { isActive: isTTY });
+  const visibleChecks = report?.checks.filter((c) => c.status !== "skipped") ?? [];
+  const topHeight = Math.floor((rows - 2) * 0.6);
+  const bottomHeight = rows - 2 - topHeight;
+  if (showHelp) {
+    return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", width: columns, height: rows }, /* @__PURE__ */ React11.createElement(Box11, { flexGrow: 1 }, /* @__PURE__ */ React11.createElement(PanelBorder, { title: "HELP", color: "cyan", focused: true }, /* @__PURE__ */ React11.createElement(HelpPanel, null))), /* @__PURE__ */ React11.createElement(HotkeyBar, { activePanel: focusedPanel }));
+  }
+  if (expandedPanel) {
+    return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", width: columns, height: rows }, /* @__PURE__ */ React11.createElement(Box11, { flexGrow: 1 }, expandedPanel === "health" && /* @__PURE__ */ React11.createElement(PanelBorder, { title: "HEALTH CHECKS", color: "green", focused: true }, /* @__PURE__ */ React11.createElement(
+      HealthPanel,
+      {
+        checks: visibleChecks,
+        isScanning,
+        progress,
+        scrollOffset: healthScrollOffset,
+        availableHeight: rows - 4
+      }
+    )), expandedPanel === "git" && /* @__PURE__ */ React11.createElement(PanelBorder, { title: "GIT STATUS", color: "yellow", focused: true }, /* @__PURE__ */ React11.createElement(GitPanel, { projectPath, availableWidth: columns - 4 })), expandedPanel === "trend" && /* @__PURE__ */ React11.createElement(PanelBorder, { title: "TREND", color: "magenta", focused: true }, /* @__PURE__ */ React11.createElement(
+      TrendPanel,
+      {
+        projectPath,
+        lastScanTime
+      }
+    )), expandedPanel === "quickwins" && /* @__PURE__ */ React11.createElement(PanelBorder, { title: monorepoReport ? "MONOREPO" : "QUICK WINS", color: "red", focused: true }, monorepoReport ? /* @__PURE__ */ React11.createElement(MonorepoPanel, { report: monorepoReport }) : /* @__PURE__ */ React11.createElement(QuickWinsPanel, { report })), expandedPanel === "activity" && /* @__PURE__ */ React11.createElement(PanelBorder, { title: "ACTIVITY", color: "cyan", focused: true }, /* @__PURE__ */ React11.createElement(
+      ActivityPanel,
+      {
+        entries: activityLog,
+        availableHeight: rows - 4
+      }
+    ))), /* @__PURE__ */ React11.createElement(HotkeyBar, { activePanel: expandedPanel }));
+  }
+  const projectName = monorepoReport ? `${monorepoReport.rootPath.split("/").pop()} (monorepo)` : report?.projectInfo?.name ?? "\u2014";
+  const projectVersion = report?.projectInfo?.version;
+  const scanLabel = lastScanTime ? `Last scan ${lastScanTime.toLocaleTimeString()}` : isScanning ? "Scanning\u2026" : "Not yet scanned";
+  return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", width: columns, height: rows }, /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, justifyContent: "space-between" }, /* @__PURE__ */ React11.createElement(Box11, { gap: 1 }, /* @__PURE__ */ React11.createElement(Text11, { bold: true, color: "cyan" }, "SICKBAY"), /* @__PURE__ */ React11.createElement(Text11, { bold: true }, projectName), projectVersion && /* @__PURE__ */ React11.createElement(Text11, { dimColor: true }, "v", projectVersion)), /* @__PURE__ */ React11.createElement(Text11, { dimColor: true }, scanLabel)), /* @__PURE__ */ React11.createElement(Box11, { height: topHeight }, /* @__PURE__ */ React11.createElement(Box11, { width: "55%" }, /* @__PURE__ */ React11.createElement(
+    PanelBorder,
+    {
+      title: "HEALTH CHECKS",
+      color: "green",
+      focused: focusedPanel === "health",
+      visible: visiblePanels.has("health")
+    },
+    /* @__PURE__ */ React11.createElement(
+      HealthPanel,
+      {
+        checks: visibleChecks,
+        isScanning,
+        progress,
+        scrollOffset: healthScrollOffset,
+        availableHeight: topHeight - 4
+      }
+    )
+  )), /* @__PURE__ */ React11.createElement(Box11, { width: "45%", flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Box11, { height: "50%" }, /* @__PURE__ */ React11.createElement(PanelBorder, { title: "SCORE", color: "blue", visible: visiblePanels.has("score"), flash: scoreFlash }, /* @__PURE__ */ React11.createElement(ScorePanel, { report, previousScore, animate: animateOnMount }))), /* @__PURE__ */ React11.createElement(Box11, { height: "50%" }, /* @__PURE__ */ React11.createElement(
+    PanelBorder,
+    {
+      title: "TREND",
+      color: "magenta",
+      focused: focusedPanel === "trend",
+      visible: visiblePanels.has("trend")
+    },
+    /* @__PURE__ */ React11.createElement(
+      TrendPanel,
+      {
+        projectPath,
+        lastScanTime,
+        availableHeight: Math.floor(topHeight / 2) - 3
+      }
+    )
+  )))), /* @__PURE__ */ React11.createElement(Box11, { height: bottomHeight }, /* @__PURE__ */ React11.createElement(Box11, { width: "25%" }, /* @__PURE__ */ React11.createElement(
+    PanelBorder,
+    {
+      title: "GIT STATUS",
+      color: "yellow",
+      focused: focusedPanel === "git",
+      visible: visiblePanels.has("git")
+    },
+    /* @__PURE__ */ React11.createElement(GitPanel, { projectPath, availableWidth: Math.floor(columns * 0.25) - 4 })
+  )), /* @__PURE__ */ React11.createElement(Box11, { width: "30%" }, /* @__PURE__ */ React11.createElement(
+    PanelBorder,
+    {
+      title: monorepoReport ? "MONOREPO" : "QUICK WINS",
+      color: "red",
+      focused: focusedPanel === "quickwins",
+      visible: visiblePanels.has("quickwins")
+    },
+    monorepoReport ? /* @__PURE__ */ React11.createElement(
+      MonorepoPanel,
+      {
+        report: monorepoReport,
+        availableWidth: Math.floor(columns * 0.3) - 4
+      }
+    ) : /* @__PURE__ */ React11.createElement(
+      QuickWinsPanel,
+      {
+        report,
+        availableWidth: Math.floor(columns * 0.3) - 4
+      }
+    )
+  )), /* @__PURE__ */ React11.createElement(Box11, { width: "45%" }, /* @__PURE__ */ React11.createElement(
+    PanelBorder,
+    {
+      title: "ACTIVITY",
+      color: "cyan",
+      focused: focusedPanel === "activity",
+      visible: visiblePanels.has("activity")
+    },
+    /* @__PURE__ */ React11.createElement(
+      ActivityPanel,
+      {
+        entries: activityLog,
+        availableHeight: bottomHeight - 4
+      }
+    )
+  ))), /* @__PURE__ */ React11.createElement(HotkeyBar, { activePanel: focusedPanel }));
+}
+export {
+  TuiApp
+};