@chrysb/alphaclaw 0.4.5 → 0.4.6-beta.1

package/lib/public/js/components/doctor/general-warning.js

@@ -0,0 +1,37 @@
+import { h } from "https://esm.sh/preact";
+import htm from "https://esm.sh/htm";
+import { ActionButton } from "../action-button.js";
+import { getDoctorWarningMessage, shouldShowDoctorWarning } from "./helpers.js";
+
+const html = htm.bind(h);
+
+export const GeneralDoctorWarning = ({
+  doctorStatus = null,
+  dismissedUntilMs = 0,
+  onOpenDoctor = () => {},
+  onDismiss = () => {},
+}) => {
+  if (!shouldShowDoctorWarning(doctorStatus, dismissedUntilMs)) return null;
+  return html`
+    <div class="bg-yellow-500/10 border border-yellow-500/35 rounded-xl p-4">
+      <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3">
+        <div class="space-y-1">
+          <h2 class="font-semibold text-sm text-yellow-300">Drift Doctor</h2>
+          <p class="text-xs text-yellow-100/80">${getDoctorWarningMessage(doctorStatus)}</p>
+        </div>
+        <div class="flex flex-wrap gap-2">
+          <${ActionButton}
+            onClick=${onDismiss}
+            tone="secondary"
+            idleLabel="Dismiss for 1 week"
+          />
+          <${ActionButton}
+            onClick=${onOpenDoctor}
+            tone="warning"
+            idleLabel="Open Drift Doctor"
+          />
+        </div>
+      </div>
+    </div>
+  `;
+};

package/lib/public/js/components/doctor/helpers.js

@@ -0,0 +1,144 @@
+export const getDoctorPriorityTone = (priority = "") => {
+  const normalized = String(priority || "").trim().toUpperCase();
+  if (normalized === "P0") return "danger";
+  if (normalized === "P1") return "warning";
+  return "neutral";
+};
+
+export const getDoctorStatusTone = (status = "") => {
+  const normalized = String(status || "").trim().toLowerCase();
+  if (normalized === "fixed") return "success";
+  if (normalized === "dismissed") return "neutral";
+  return "warning";
+};
+
+export const getDoctorCategoryTone = (category = "") => {
+  const normalized = String(category || "")
+    .trim()
+    .toLowerCase()
+    .replace(/[_-]+/g, " ");
+  if (normalized === "token efficiency") return "info";
+  if (normalized === "redundancy") return "accent";
+  if (normalized === "mixed concerns") return "cyan";
+  if (normalized === "workspace state") return "secondary";
+  return "info";
+};
+
+export const formatDoctorCategory = (category = "") => {
+  const normalized = String(category || "")
+    .trim()
+    .replace(/[_-]+/g, " ");
+  if (!normalized) return "Workspace";
+  return normalized.replace(/\b\w/g, (character) => character.toUpperCase());
+};
+
+export const buildDoctorPriorityCounts = (cards = []) =>
+  cards.reduce(
+    (totals, card) => {
+      const priority = String(card?.priority || "").trim().toUpperCase();
+      if (priority === "P0" || priority === "P1" || priority === "P2") {
+        totals[priority] += 1;
+      }
+      return totals;
+    },
+    { P0: 0, P1: 0, P2: 0 },
+  );
+
+export const groupDoctorCardsByStatus = (cards = []) =>
+  cards.reduce(
+    (groups, card) => {
+      const status = String(card?.status || "open").trim().toLowerCase();
+      if (status === "fixed") {
+        groups.fixed.push(card);
+        return groups;
+      }
+      if (status === "dismissed") {
+        groups.dismissed.push(card);
+        return groups;
+      }
+      groups.open.push(card);
+      return groups;
+    },
+    { open: [], dismissed: [], fixed: [] },
+  );
+
+export const shouldShowDoctorWarning = (
+  doctorStatus = null,
+  dismissedUntilMs = 0,
+) => {
+  if (!doctorStatus || doctorStatus.runInProgress) return false;
+  if (doctorStatus.needsInitialRun || !doctorStatus.stale) return false;
+  if (!doctorStatus.changeSummary?.hasMeaningfulChanges) return false;
+  return Number(dismissedUntilMs || 0) <= Date.now();
+};
+
+export const getDoctorWarningMessage = (doctorStatus = null) => {
+  if (!doctorStatus) return "";
+  const changedFilesCount = Number(doctorStatus.changeSummary?.changedFilesCount || 0);
+  if (changedFilesCount > 0) {
+    return `Drift Doctor has not been run in the last week and ${changedFilesCount} file${changedFilesCount === 1 ? "" : "s"} changed since the last review.`;
+  }
+  return "Doctor has not been run in the last week.";
+};
+
+export const getDoctorChangeLabel = (changeSummary = null) => {
+  const changedFilesCount = Number(changeSummary?.changedFilesCount || 0);
+  const hasMeaningfulChanges = !!changeSummary?.hasMeaningfulChanges;
+  if (changedFilesCount === 0) {
+    return { text: "No changes since last run", meaningful: false };
+  }
+  return {
+    text: `${changedFilesCount} change${changedFilesCount === 1 ? "" : "s"} since last run`,
+    meaningful: hasMeaningfulChanges,
+  };
+};
+
+export const getDoctorRunPillDetail = (run = null) => {
+  if (!run || typeof run !== "object") return "";
+  if (run.status === "running") return "Running";
+  if (run.status === "failed") return "Failed";
+  if ((run.cardCount || 0) === 0) return "No findings";
+  return `${run.cardCount || 0} finding${run.cardCount === 1 ? "" : "s"}`;
+};
+
+export const buildDoctorRunMarkers = (run = null) => {
+  if (!run || typeof run !== "object") return [];
+  if (run.status === "running") {
+    return [{ tone: "cyan", count: 0, label: "Running" }];
+  }
+  if (run.status === "failed") {
+    return [{ tone: "neutral", count: 0, label: "Failed" }];
+  }
+  if ((run.cardCount || 0) === 0) {
+    return [{ tone: "success", count: 0, label: "No findings" }];
+  }
+  const markers = [];
+  if (Number(run?.priorityCounts?.P0 || 0) > 0) {
+    markers.push({
+      tone: "danger",
+      count: Number(run.priorityCounts.P0 || 0),
+      label: "P0",
+    });
+  }
+  if (Number(run?.priorityCounts?.P1 || 0) > 0) {
+    markers.push({
+      tone: "warning",
+      count: Number(run.priorityCounts.P1 || 0),
+      label: "P1",
+    });
+  }
+  if (Number(run?.priorityCounts?.P2 || 0) > 0) {
+    markers.push({
+      tone: "neutral",
+      count: Number(run.priorityCounts.P2 || 0),
+      label: "P2",
+    });
+  }
+  return markers;
+};
+
+export const buildDoctorStatusFilterOptions = () => [
+  { value: "open", label: "Open" },
+  { value: "dismissed", label: "Dismissed" },
+  { value: "fixed", label: "Fixed" },
+];