chore: trim distribution clutter and add lint/test tooling

Keep only example workflows in default/, move site-specific YAMLs to gitignored local/, remove the duplicate get-current-time plugin install, document personal plugins, clarify PM2 ecosystem usage, add shared Vitest and web ESLint, and extract OpsStatusCard for ops cards.

Co-authored-by: Cursor <cursoragent@cursor.com>

packages/web/src/components/HttpProcessCard.jsx

@@ -1,4 +1,5 @@
 import { LuCircleCheck, LuCircleX } from "react-icons/lu";
+import { OpsStatusCard } from "./OpsStatusCard.jsx";
 
 export function HttpProcessCard({
   httpOnline,
@@ -8,39 +9,38 @@ export function HttpProcessCard({
   stopPending = false,
 }) {
   return (
-    <div className="card bg-base-100 border border-base-300 shadow-sm">
-      <div className="card-body gap-4">
-        <h2 className="card-title text-lg">HTTP process</h2>
-        <div className="flex items-center gap-2">
-          {httpOnline ? (
-            <LuCircleCheck className="size-6 text-success" aria-hidden />
-          ) : (
-            <LuCircleX className="size-6 text-error" aria-hidden />
-          )}
-          <span>{httpOnline ? "Running" : "Stopped"}</span>
-        </div>
-        <div className="card-actions justify-start px-0">
-          {httpOnline ? (
-            <button
-              type="button"
-              className="btn btn-sm btn-warning"
-              disabled={stopPending}
-              onClick={onStop}
-            >
-              Stop HTTP
-            </button>
-          ) : (
-            <button
-              type="button"
-              className="btn btn-sm btn-primary"
-              disabled={startPending}
-              onClick={onStart}
-            >
-              Start HTTP
-            </button>
-          )}
-        </div>
+    <OpsStatusCard
+      title="HTTP process"
+      actions={
+        httpOnline ? (
+          <button
+            type="button"
+            className="btn btn-sm btn-warning"
+            disabled={stopPending}
+            onClick={onStop}
+          >
+            Stop HTTP
+          </button>
+        ) : (
+          <button
+            type="button"
+            className="btn btn-sm btn-primary"
+            disabled={startPending}
+            onClick={onStart}
+          >
+            Start HTTP
+          </button>
+        )
+      }
+    >
+      <div className="flex items-center gap-2">
+        {httpOnline ? (
+          <LuCircleCheck className="size-6 text-success" aria-hidden />
+        ) : (
+          <LuCircleX className="size-6 text-error" aria-hidden />
+        )}
+        <span>{httpOnline ? "Running" : "Stopped"}</span>
       </div>
-    </div>
+    </OpsStatusCard>
   );
 }

packages/web/src/components/OpsStatusCard.jsx

@@ -0,0 +1,11 @@
+export function OpsStatusCard({ title, children, actions }) {
+  return (
+    <div className="card bg-base-100 border border-base-300 shadow-sm">
+      <div className="card-body gap-4">
+        <h2 className="card-title text-lg">{title}</h2>
+        {children}
+        {actions ? <div className="card-actions justify-start px-0">{actions}</div> : null}
+      </div>
+    </div>
+  );
+}

packages/web/src/components/QueueCard.jsx

@@ -1,4 +1,5 @@
 import { LuCircleCheck, LuCirclePause } from "react-icons/lu";
+import { OpsStatusCard } from "./OpsStatusCard.jsx";
 
 export function QueueCard({
   paused = false,
@@ -11,51 +12,50 @@ export function QueueCard({
   resumePending = false,
 }) {
   return (
-    <div className="card bg-base-100 border border-base-300 shadow-sm">
-      <div className="card-body gap-4">
-        <h2 className="card-title text-lg">Queue</h2>
-        <div className="flex items-center gap-2">
-          {paused ? (
-            <LuCirclePause className="size-6 text-warning" aria-hidden />
-          ) : (
-            <LuCircleCheck className="size-6 text-success" aria-hidden />
-          )}
-          <span>
-            {paused
-              ? "Paused"
-              : `Running (${workersOnline} worker${workersOnline === 1 ? "" : "s"})`}
-          </span>
-        </div>
-        <div className="space-y-1 text-sm tabular-nums">
-          <p>
-            {activeJobs} running job{activeJobs === 1 ? "" : "s"}
-          </p>
-          <p>
-            {queuedJobs} queued job{queuedJobs === 1 ? "" : "s"}
-          </p>
-        </div>
-        <div className="card-actions justify-start px-0">
-          {paused ? (
-            <button
-              type="button"
-              className="btn btn-sm btn-primary"
-              disabled={resumePending}
-              onClick={onResume}
-            >
-              Resume workers
-            </button>
-          ) : (
-            <button
-              type="button"
-              className="btn btn-sm btn-warning"
-              disabled={pausePending}
-              onClick={onPause}
-            >
-              Pause workers
-            </button>
-          )}
-        </div>
+    <OpsStatusCard
+      title="Queue"
+      actions={
+        paused ? (
+          <button
+            type="button"
+            className="btn btn-sm btn-primary"
+            disabled={resumePending}
+            onClick={onResume}
+          >
+            Resume workers
+          </button>
+        ) : (
+          <button
+            type="button"
+            className="btn btn-sm btn-warning"
+            disabled={pausePending}
+            onClick={onPause}
+          >
+            Pause workers
+          </button>
+        )
+      }
+    >
+      <div className="flex items-center gap-2">
+        {paused ? (
+          <LuCirclePause className="size-6 text-warning" aria-hidden />
+        ) : (
+          <LuCircleCheck className="size-6 text-success" aria-hidden />
+        )}
+        <span>
+          {paused
+            ? "Paused"
+            : `Running (${workersOnline} worker${workersOnline === 1 ? "" : "s"})`}
+        </span>
       </div>
-    </div>
+      <div className="space-y-1 text-sm tabular-nums">
+        <p>
+          {activeJobs} running job{activeJobs === 1 ? "" : "s"}
+        </p>
+        <p>
+          {queuedJobs} queued job{queuedJobs === 1 ? "" : "s"}
+        </p>
+      </div>
+    </OpsStatusCard>
   );
 }

packages/web/src/lib/workflow-mermaid.js

@@ -39,7 +39,7 @@ function parentIdsFromNeeds(needs) {
 function mermaidLabel(text) {
   return String(text ?? "")
     .replace(/"/g, "#quot;")
-    .replace(/[\[\]]/g, " ")
+    .replace(/[[\]]/g, " ")
     .trim() || "node";
 }