tech-debt-visualizer 0.2.11 → 0.2.13

package/dist/reports/assets/report.css

@@ -316,15 +316,87 @@ body.dashboard-page {
 
 .overlay-body {
   padding: 1rem;
-  overflow: auto;
+  overflow: hidden;
   flex: 1;
   min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
 }
 
-.overlay-placeholder {
+.overlay-plan-mode {
   margin: 0;
   font-size: 13px;
-  color: var(--text-muted);
+  color: var(--text);
+  padding: 0.6rem 0.75rem;
+  background: rgba(87, 148, 242, 0.1);
+  border: 1px solid var(--link);
+  border-radius: var(--radius);
+  flex-shrink: 0;
+}
+
+.overlay-plan-mode strong {
+  color: var(--link);
+}
+
+.overlay-prompt-wrap {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 0.75rem 1rem;
+}
+
+.overlay-prompt-text {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--text);
+  white-space: pre-wrap;
+  word-break: break-word;
+  font-family: ui-monospace, "SF Mono", Consolas, monospace;
+}
+
+.btn-copy-prompt {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  font: inherit;
+  font-size: 15px;
+  font-weight: 600;
+  padding: 0.75rem 1.25rem;
+  background: var(--link);
+  color: #fff;
+  border: none;
+  border-radius: var(--radius);
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background 0.15s ease, transform 0.1s ease;
+}
+
+.btn-copy-prompt:hover {
+  background: #6ba3f7;
+}
+
+.btn-copy-prompt:active {
+  transform: scale(0.98);
+}
+
+.btn-copy-prompt.copied {
+  background: var(--tier-5);
+}
+
+.btn-copy-icon {
+  display: inline-flex;
+  line-height: 0;
+}
+
+.btn-copy-icon svg {
+  display: block;
 }
 
 /* ——— Panels: borders, colored accents ——— */

package/dist/reports/assets/report.js

@@ -321,7 +321,67 @@ function showDetail(file, items) {
   };
 }
 
+function buildAiCleanupPrompt() {
+  var overall = "";
+  if (DATA.llmOverallAssessment) {
+    overall = stripTrailingSeverityAndScore(DATA.llmOverallAssessment);
+  } else if (DATA.llmOverallRaw) {
+    overall = stripTrailingSeverityAndScore(DATA.llmOverallRaw);
+  }
+  var files = DATA.fileMetrics.filter(function (m) {
+    return m.llmSeverity && m.llmSeverity !== "none";
+  });
+  var parts = [];
+  parts.push("We are trying to reduce the technical debt of this repository.");
+  if (overall && overall.trim()) {
+    parts.push("");
+    parts.push("Overall assessment:");
+    parts.push(overall.trim());
+    parts.push("");
+  }
+  parts.push("The following files have been identified with fixes that are necessary:");
+  parts.push("");
+  files.forEach(function (m) {
+    parts.push(m.file);
+    var explanation = (m.llmRawAssessment || m.llmAssessment || "").trim();
+    if (explanation) explanation = stripTrailingSeverityAndScore(explanation);
+    parts.push(explanation || "(No explanation provided.)");
+    parts.push("");
+  });
+  parts.push("With those files and explanations of them in mind, lets change them to be better structured. Look at the whole codebase and those specific files for reference. Clean up anything you see might need to also be cleaned up outside of those descriptions, but mainly focus on the identified files. Keep the functionality EXACTLY THE SAME, and ensure it is the same.");
+  return parts.join("\n");
+}
+
 (function () {
+  var promptEl = document.getElementById("aiPromptsText");
+  if (promptEl) promptEl.textContent = buildAiCleanupPrompt();
+
+  var copyBtn = document.getElementById("copyAiPrompts");
+  if (copyBtn && promptEl) {
+    copyBtn.addEventListener("click", function () {
+      var text = promptEl.textContent || "";
+      if (!text) return;
+      navigator.clipboard.writeText(text).then(
+        function () {
+          var label = copyBtn.querySelector(".btn-copy-label");
+          if (label) {
+            var orig = label.textContent;
+            label.textContent = "Copied!";
+            copyBtn.classList.add("copied");
+            setTimeout(function () {
+              label.textContent = orig;
+              copyBtn.classList.remove("copied");
+            }, 2000);
+          }
+        },
+        function () {
+          var label = copyBtn.querySelector(".btn-copy-label");
+          if (label) label.textContent = "Copy failed";
+        }
+      );
+    });
+  }
+
   var btn = document.getElementById("btnAiPrompts");
   var overlay = document.getElementById("aiPromptsOverlay");
   var closeBtn = document.getElementById("closeAiPrompts");

package/dist/reports/html.js

@@ -193,7 +193,14 @@ function buildHtml(run, title, darkMode, css, script) {
         <button type="button" class="overlay-close" id="closeAiPrompts" aria-label="Close">&times;</button>
       </div>
       <div class="overlay-body">
-        <p class="overlay-placeholder">Prompts to pass into AI for cleaning up the codebase will appear here.</p>
+        <p class="overlay-plan-mode">Give this prompt to a <strong>PLAN MODE</strong> AI or coding agent (e.g. plan mode in your IDE).</p>
+        <div class="overlay-prompt-wrap">
+          <pre id="aiPromptsText" class="overlay-prompt-text"></pre>
+        </div>
+        <button type="button" class="btn-copy-prompt" id="copyAiPrompts" aria-label="Copy prompt">
+          <span class="btn-copy-icon" aria-hidden="true"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg></span>
+          <span class="btn-copy-label">Copy prompt</span>
+        </button>
       </div>
     </div>
   </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tech-debt-visualizer",
-  "version": "0.2.11",
+  "version": "0.2.13",
   "description": "Language-agnostic CLI that analyzes repos and generates interactive technical debt visualizations with AI-powered insights",
   "type": "module",
   "main": "dist/index.js",