codeprobe-scanner 1.0.3 → 1.0.5

package/archived/dashboard/pages/ScanDetailPage.tsx

@@ -1,143 +0,0 @@
-import React from "react";
-import { useScan } from "../hooks/useScan.ts";
-import { RiskGauge } from "../components/RiskGauge.tsx";
-import { CVETable } from "../components/CVETable.tsx";
-import { PatchDiffViewer } from "../components/PatchDiffViewer.tsx";
-import { BusinessImpactCard } from "../components/BusinessImpactCard.tsx";
-
-interface ScanDetailPageProps {
-  scanId: string;
-  token: string | null;
-  onBack: () => void;
-}
-
-export function ScanDetailPage({ scanId, token, onBack }: ScanDetailPageProps) {
-  const { scan, loading, error } = useScan(scanId, token);
-
-  if (error) {
-    return (
-      <div className="space-y-4">
-        <button onClick={onBack} className="text-blue-400 hover:text-blue-300">
-          ← Back
-        </button>
-        <div className="bg-red-900 border border-red-600 rounded p-4 text-white">
-          Failed to load scan. Try refreshing.
-        </div>
-      </div>
-    );
-  }
-
-  if (loading) {
-    return (
-      <div className="space-y-4">
-        <button onClick={onBack} className="text-blue-400 hover:text-blue-300">
-          ← Back
-        </button>
-        <p className="text-gray-400">Loading scan details...</p>
-      </div>
-    );
-  }
-
-  if (!scan) {
-    return (
-      <div className="space-y-4">
-        <button onClick={onBack} className="text-blue-400 hover:text-blue-300">
-          ← Back
-        </button>
-        <div className="text-center py-8 text-gray-400">
-          Scan not found. It may have been deleted.
-        </div>
-      </div>
-    );
-  }
-
-  const copyUrl = () => {
-    const url = `${window.location.origin}?scan=${scanId}`;
-    navigator.clipboard.writeText(url);
-    alert("Scan URL copied!");
-  };
-
-  const exportJson = () => {
-    const element = document.createElement("a");
-    element.setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(JSON.stringify(scan, null, 2)));
-    element.setAttribute("download", `${scanId}.json`);
-    element.style.display = "none";
-    document.body.appendChild(element);
-    element.click();
-    document.body.removeChild(element);
-  };
-
-  return (
-    <div className="space-y-8">
-      <button onClick={onBack} className="text-blue-400 hover:text-blue-300 text-sm font-semibold">
-        ← Back to Scans
-      </button>
-
-      <div className="space-y-4">
-        <h2 className="text-2xl font-bold">{scan.repo}</h2>
-        <p className="text-gray-400 text-sm">
-          Scan ID: <code className="bg-gray-800 px-2 py-1 rounded">{scan.id}</code>
-        </p>
-        <p className="text-gray-400 text-sm">
-          Timestamp: {new Date(scan.timestamp * 1000).toLocaleString()}
-        </p>
-      </div>
-
-      <div className="bg-gray-800 rounded-lg p-6">
-        <RiskGauge score={scan.riskScore || 0} />
-      </div>
-
-      {scan.cves && scan.cves.length > 0 && (
-        <BusinessImpactCard riskScore={scan.riskScore} cveCount={scan.cves.length} />
-      )}
-
-      <div className="grid grid-cols-3 gap-4">
-        <div className="bg-gray-800 rounded p-4">
-          <p className="text-gray-400 text-xs font-semibold mb-1">Confirmed Exploitable</p>
-          <p className="text-2xl font-bold text-red-400">
-            {scan.cves?.filter((c: any) => c.status.includes("Confirmed")).length || 0}
-          </p>
-        </div>
-        <div className="bg-gray-800 rounded p-4">
-          <p className="text-gray-400 text-xs font-semibold mb-1">Theoretical Risk</p>
-          <p className="text-2xl font-bold text-yellow-400">
-            {scan.cves?.filter((c: any) => c.status.includes("Theoretical")).length || 0}
-          </p>
-        </div>
-        <div className="bg-gray-800 rounded p-4">
-          <p className="text-gray-400 text-xs font-semibold mb-1">Supply Chain Warnings</p>
-          <p className="text-2xl font-bold text-orange-400">{scan.supplyChainWarnings || 0}</p>
-        </div>
-      </div>
-
-      {scan.cves && scan.cves.length > 0 && (
-        <div className="bg-gray-800 rounded-lg p-6">
-          <h3 className="text-xl font-bold mb-4">Vulnerabilities</h3>
-          <CVETable cves={scan.cves} />
-        </div>
-      )}
-
-      {scan.cves?.[0]?.patch && (
-        <div className="bg-gray-800 rounded-lg p-6">
-          <h3 className="text-xl font-bold mb-4">Patch Diff</h3>
-          <PatchDiffViewer diff={scan.cves[0].patch} />
-        </div>
-      )}
-
-      <div className="flex gap-2 flex-wrap">
-        <button
-          onClick={copyUrl}
-          className="px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded font-semibold text-sm transition"
-        >
-          Copy Scan URL
-        </button>
-        <button
-          onClick={exportJson}
-          className="px-4 py-2 bg-gray-700 hover:bg-gray-600 rounded font-semibold text-sm transition"
-        >
-          Export as JSON
-        </button>
-      </div>
-    </div>
-  );
-}

package/archived/dashboard/pages/ScansListPage.tsx

@@ -1,160 +0,0 @@
-import React, { useState } from "react";
-import { useScans } from "../hooks/useScan.ts";
-
-interface ScansListPageProps {
-  token: string | null;
-  onSelectScan: (scanId: string) => void;
-}
-
-export function ScansListPage({ token, onSelectScan }: ScansListPageProps) {
-  const { scans, loading, error } = useScans(token);
-  const [page, setPage] = useState(1);
-  const [filter, setFilter] = useState<string | null>(null);
-
-  const itemsPerPage = 10;
-  const filtered = filter
-    ? scans.filter((s) => {
-        const risk = s.riskScore || 0;
-        if (filter === "CRITICAL") return risk >= 8;
-        if (filter === "HIGH") return risk >= 6 && risk < 8;
-        if (filter === "MEDIUM") return risk >= 4 && risk < 6;
-        return risk < 4;
-      })
-    : scans;
-
-  const paginated = filtered.slice((page - 1) * itemsPerPage, page * itemsPerPage);
-  const maxPages = Math.ceil(filtered.length / itemsPerPage);
-
-  if (error) {
-    return (
-      <div className="bg-red-900 border border-red-600 rounded p-4 text-white">
-        Failed to load scans. Try refreshing.
-      </div>
-    );
-  }
-
-  if (filtered.length === 0 && !loading) {
-    return (
-      <div className="text-center py-12">
-        <p className="text-gray-400 mb-4">No scans yet.</p>
-        <p className="text-gray-500 text-sm">
-          Run <code className="bg-gray-800 px-2 py-1 rounded">codeprobe scan</code> from CLI
-        </p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="space-y-6">
-      <div className="flex gap-2 flex-wrap">
-        <button
-          onClick={() => {
-            setFilter(null);
-            setPage(1);
-          }}
-          className={`px-4 py-2 rounded text-sm font-semibold transition ${
-            filter === null
-              ? "bg-blue-600 text-white"
-              : "bg-gray-700 text-gray-300 hover:bg-gray-600"
-          }`}
-        >
-          All
-        </button>
-        {["CRITICAL", "HIGH", "MEDIUM", "LOW"].map((level) => (
-          <button
-            key={level}
-            onClick={() => {
-              setFilter(level);
-              setPage(1);
-            }}
-            className={`px-4 py-2 rounded text-sm font-semibold transition ${
-              filter === level
-                ? "bg-blue-600 text-white"
-                : "bg-gray-700 text-gray-300 hover:bg-gray-600"
-            }`}
-          >
-            {level}
-          </button>
-        ))}
-      </div>
-
-      {loading && <p className="text-gray-400">Loading scans...</p>}
-
-      {!loading && (
-        <>
-          <div className="overflow-x-auto">
-            <table className="w-full text-sm">
-              <thead>
-                <tr className="border-b border-gray-700">
-                  <th className="text-left py-3 px-4 font-semibold text-gray-300">Scan ID</th>
-                  <th className="text-left py-3 px-4 font-semibold text-gray-300">Repo</th>
-                  <th className="text-left py-3 px-4 font-semibold text-gray-300">Risk</th>
-                  <th className="text-left py-3 px-4 font-semibold text-gray-300">CVEs</th>
-                  <th className="text-left py-3 px-4 font-semibold text-gray-300">Timestamp</th>
-                  <th className="text-left py-3 px-4 font-semibold text-gray-300">Action</th>
-                </tr>
-              </thead>
-              <tbody>
-                {paginated.map((scan: any) => (
-                  <tr key={scan.id} className="border-b border-gray-800 hover:bg-gray-800 transition">
-                    <td className="py-4 px-4 font-mono text-blue-400 text-xs">{scan.id}</td>
-                    <td className="py-4 px-4 text-gray-300 max-w-xs truncate">{scan.repo}</td>
-                    <td className="py-4 px-4">
-                      <span
-                        className={`px-2 py-1 rounded text-xs font-semibold ${
-                          scan.riskScore >= 8
-                            ? "bg-red-900 text-red-300"
-                            : scan.riskScore >= 6
-                              ? "bg-orange-900 text-orange-300"
-                              : scan.riskScore >= 4
-                                ? "bg-yellow-900 text-yellow-300"
-                                : "bg-green-900 text-green-300"
-                        }`}
-                      >
-                        {scan.riskScore?.toFixed(1) || "N/A"}
-                      </span>
-                    </td>
-                    <td className="py-4 px-4 text-gray-300">{scan.cves?.length || 0}</td>
-                    <td className="py-4 px-4 text-gray-400 text-xs">
-                      {new Date(scan.timestamp * 1000).toLocaleString()}
-                    </td>
-                    <td className="py-4 px-4">
-                      <button
-                        onClick={() => onSelectScan(scan.id)}
-                        className="text-blue-400 hover:text-blue-300 text-sm font-semibold"
-                      >
-                        View →
-                      </button>
-                    </td>
-                  </tr>
-                ))}
-              </tbody>
-            </table>
-          </div>
-
-          {maxPages > 1 && (
-            <div className="flex justify-between items-center">
-              <button
-                onClick={() => setPage(Math.max(1, page - 1))}
-                disabled={page === 1}
-                className="px-4 py-2 bg-gray-700 hover:bg-gray-600 disabled:opacity-50 disabled:cursor-not-allowed rounded transition"
-              >
-                Previous
-              </button>
-              <span className="text-gray-400 text-sm">
-                Page {page} of {maxPages}
-              </span>
-              <button
-                onClick={() => setPage(Math.min(maxPages, page + 1))}
-                disabled={page === maxPages}
-                className="px-4 py-2 bg-gray-700 hover:bg-gray-600 disabled:opacity-50 disabled:cursor-not-allowed rounded transition"
-              >
-                Next
-              </button>
-            </div>
-          )}
-        </>
-      )}
-    </div>
-  );
-}