prism0x2a 0.7.2 → 0.11.0

package/.next/standalone/components/blue-explorer/ZonesView.tsx

@@ -0,0 +1,171 @@
+"use client";
+
+import { useMemo } from "react";
+import type { BlueprintData, FileEntry } from "@/lib/prism/blue/explorer/types";
+import { catIcon, covAvg, covBucket, COV_COLOR, heatBarColor } from "@/lib/prism/blue/explorer/heatHelpers";
+
+function zoneKey(path: string): string {
+  const parts = path.split("/");
+  return parts.length > 1 ? parts[0] : "(root)";
+}
+
+interface ZoneData {
+  name: string;
+  files: FileEntry[];
+  avgHeat: number;
+  avgCov: number | null;
+  hasCyclic: boolean;
+}
+
+function buildZones(files: FileEntry[]): ZoneData[] {
+  const zoneMap = new Map<string, FileEntry[]>();
+  for (const f of files) {
+    const key = zoneKey(f.path);
+    const arr = zoneMap.get(key) ?? [];
+    arr.push(f);
+    zoneMap.set(key, arr);
+  }
+
+  return Array.from(zoneMap.entries())
+    .map(([name, zFiles]) => {
+      const avgHeat =
+        zFiles.reduce((s, f) => s + f.metrics.heatScore, 0) / zFiles.length;
+      const covFiles = zFiles.filter((f) => f.coverage !== null);
+      const avgCov =
+        covFiles.length > 0
+          ? covFiles.reduce((s, f) => s + (covAvg(f.coverage) ?? 0), 0) / covFiles.length
+          : null;
+      return {
+        name,
+        files: zFiles,
+        avgHeat,
+        avgCov,
+        hasCyclic: zFiles.some((f) => f.isCyclic),
+      };
+    })
+    .sort((a, b) => b.avgHeat - a.avgHeat);
+}
+
+function ZoneCard({
+  zone,
+  onSelect,
+}: {
+  zone: ZoneData;
+  onSelect: (file: FileEntry) => void;
+}) {
+  const barColor = heatBarColor(zone.avgHeat);
+  const catCounts = zone.files.reduce<Record<string, number>>((acc, f) => {
+    acc[f.category] = (acc[f.category] ?? 0) + 1;
+    return acc;
+  }, {});
+
+  return (
+    <div
+      className="rounded-lg border flex flex-col overflow-hidden"
+      style={{ borderColor: `${barColor}33`, background: "rgba(8,15,30,0.7)" }}
+    >
+      {/* Zone header */}
+      <div
+        className="px-3 py-2 flex items-center gap-2 border-b"
+        style={{ borderColor: `${barColor}22`, background: `${barColor}0a` }}
+      >
+        <span
+          className="text-[10px] font-mono font-bold px-1.5 py-0.5 rounded"
+          style={{ background: `${barColor}22`, color: barColor }}
+        >
+          {zone.avgHeat.toFixed(1)}
+        </span>
+        <span className="text-xs font-mono font-semibold text-slate-200 truncate flex-1">{zone.name}/</span>
+        <span className="text-[10px] text-slate-500 font-mono">{zone.files.length} files</span>
+        {zone.hasCyclic && <span className="text-[10px] text-red-400">↺</span>}
+      </div>
+
+      {/* Heat bar */}
+      <div className="h-0.5 w-full bg-slate-900">
+        <div
+          className="h-full"
+          style={{ width: `${Math.min(100, zone.avgHeat)}%`, background: barColor }}
+        />
+      </div>
+
+      {/* Category chips */}
+      <div className="px-3 py-1.5 flex flex-wrap gap-1 border-b" style={{ borderColor: "rgba(30,41,59,0.5)" }}>
+        {Object.entries(catCounts)
+          .sort(([, a], [, b]) => b - a)
+          .slice(0, 6)
+          .map(([cat, count]) => (
+            <span
+              key={cat}
+              className="text-[9px] font-mono px-1 py-0.5 rounded"
+              style={{ background: "rgba(30,41,59,0.6)", color: "rgb(100,116,139)", border: "1px solid rgba(51,65,85,0.4)" }}
+            >
+              {catIcon(cat)} {count}
+            </span>
+          ))}
+        {zone.avgCov !== null && (
+          <span
+            className="text-[9px] font-mono px-1 py-0.5 rounded ml-auto"
+            style={{ color: COV_COLOR[covBucket(zone.avgCov)], background: "rgba(20,30,48,0.6)" }}
+          >
+            🧪 {zone.avgCov.toFixed(0)}%
+          </span>
+        )}
+      </div>
+
+      {/* File list */}
+      <div className="flex flex-col divide-y divide-slate-800/40 overflow-y-auto max-h-40">
+        {zone.files
+          .sort((a, b) => b.metrics.heatScore - a.metrics.heatScore)
+          .slice(0, 8)
+          .map((f) => (
+            <button
+              key={f.id}
+              onClick={() => onSelect(f)}
+              className="flex items-center gap-2 px-3 py-1 hover:bg-slate-800/40 text-left transition-colors"
+            >
+              <span
+                className="text-[9px] font-mono shrink-0"
+                style={{ color: heatBarColor(f.metrics.heatScore) }}
+              >
+                {f.metrics.heatScore.toFixed(0)}
+              </span>
+              <span className="text-[10px] font-mono text-slate-400 truncate flex-1">
+                {f.path.split("/").pop()}
+              </span>
+              {f.isCyclic && <span className="text-[9px] text-red-400">↺</span>}
+            </button>
+          ))}
+        {zone.files.length > 8 && (
+          <div className="px-3 py-1 text-[9px] text-slate-600 font-mono">
+            +{zone.files.length - 8} more
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+export function ZonesView({
+  data,
+  onSelectFile,
+}: {
+  data: BlueprintData;
+  onSelectFile: (file: FileEntry | null) => void;
+}) {
+  const zones = useMemo(() => buildZones(data.files), [data]);
+
+  return (
+    <div className="h-full overflow-y-auto p-4">
+      <div className="grid grid-cols-2 gap-3 xl:grid-cols-3">
+        {zones.map((z) => (
+          <ZoneCard key={z.name} zone={z} onSelect={onSelectFile} />
+        ))}
+      </div>
+      {zones.length === 0 && (
+        <div className="flex items-center justify-center h-full text-slate-600 text-sm">
+          No files to display.
+        </div>
+      )}
+    </div>
+  );
+}

package/.next/standalone/components/blue-explorer/primitives.tsx

@@ -0,0 +1,127 @@
+"use client";
+// Shared primitives for Blueprint Explorer — ported from maternity-copilot.
+
+import { useState } from "react";
+import type { ReactNode } from "react";
+
+export function Section({ title, children }: { title: string; children: ReactNode }) {
+  return (
+    <div>
+      <h3 className="text-[10px] uppercase tracking-widest font-semibold text-slate-600 mb-2 pb-1 border-b border-slate-800">
+        {title}
+      </h3>
+      {children}
+    </div>
+  );
+}
+
+export function MiniSpark({
+  values,
+  direction = "neutral",
+  label,
+}: {
+  values: number[];
+  direction?: "up-good" | "down-good" | "neutral";
+  label?: string;
+}) {
+  const [pos, setPos] = useState<{ x: number; y: number } | null>(null);
+  if (values.length < 2) return null;
+
+  const min = Math.min(...values);
+  const max = Math.max(...values, min + 1);
+  const range = max - min;
+  const W = 48, H = 10;
+  const pts = values
+    .map((v, i) => `${(i / (values.length - 1)) * W},${H - ((v - min) / range) * (H - 1)}`)
+    .join(" ");
+
+  const first = values[0], last = values[values.length - 1], delta = last - first;
+  const isSignificant = range > 0 && Math.abs(delta) > range * 0.05;
+  const color = !isSignificant
+    ? "#64748b"
+    : direction === "up-good"   ? (delta > 0 ? "#22c55e" : "#f97316")
+    : direction === "down-good" ? (delta < 0 ? "#22c55e" : "#f97316")
+    : "#64748b";
+
+  const TW = 160, TH = 38;
+  const bigPts = values
+    .map((v, i) => `${(i / (values.length - 1)) * TW},${TH - 2 - ((v - min) / range) * (TH - 6)}`)
+    .join(" ");
+  const firstY = TH - 2 - ((first - min) / range) * (TH - 6);
+  const lastY  = TH - 2 - ((last  - min) / range) * (TH - 6);
+  const fmt = (v: number) => Number.isInteger(v) ? v.toString() : Math.abs(v) >= 10 ? v.toFixed(1) : v.toFixed(2);
+  const fmtDelta = `${delta >= 0 ? "+" : ""}${fmt(delta)}`;
+
+  return (
+    <div
+      className="relative shrink-0 cursor-default"
+      onMouseEnter={(e) => {
+        const r = e.currentTarget.getBoundingClientRect();
+        setPos({ x: r.left + r.width / 2, y: r.top });
+      }}
+      onMouseLeave={() => setPos(null)}
+    >
+      <svg width={W} height={H} className="opacity-70 block" aria-hidden>
+        <polyline points={pts} fill="none" stroke={color} strokeWidth="1.5"
+          strokeLinecap="round" strokeLinejoin="round" />
+      </svg>
+      {pos && (
+        <div className="pointer-events-none fixed z-[9999]"
+          style={{ left: pos.x, top: pos.y - 8, transform: "translate(-50%, -100%)" }}>
+          <div className="bg-slate-900 border border-slate-700/80 rounded-lg shadow-2xl px-3 pt-2.5 pb-2 w-[188px]">
+            {label && <p className="text-[9px] uppercase tracking-widest text-slate-500 mb-1.5 font-semibold truncate">{label}</p>}
+            <svg width={TW} height={TH} className="block mb-2" aria-hidden>
+              <line x1={0} y1={TH - 1} x2={TW} y2={TH - 1} stroke="#1e293b" strokeWidth="1" />
+              <polyline points={bigPts} fill="none" stroke={color} strokeWidth="1.5"
+                strokeLinecap="round" strokeLinejoin="round" />
+              <circle cx={0}  cy={firstY} r="2.5" fill={color} opacity="0.5" />
+              <circle cx={TW} cy={lastY}  r="3"   fill={color} />
+            </svg>
+            <div className="flex items-center justify-between text-[10px] font-mono leading-none mb-1">
+              <span className="text-slate-500">{fmt(first)}</span>
+              <span className="text-slate-600 px-1">→</span>
+              <span style={{ color }} className="font-semibold">{fmt(last)}</span>
+              <span className="ml-auto pl-2 font-semibold"
+                style={{ color: delta === 0 ? "#64748b" : delta > 0 === (direction === "up-good") ? "#22c55e" : "#f97316" }}>
+                {fmtDelta}
+              </span>
+            </div>
+            <div className="flex items-center justify-between text-[9px] font-mono text-slate-600 pt-1 border-t border-slate-800">
+              <span>↓ {fmt(min)}</span>
+              <span>{values.length} pts</span>
+              <span>↑ {fmt(Math.max(...values))}</span>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+export function MetricRow({
+  label, value, trend, direction = "neutral",
+}: {
+  label: string;
+  value: number | string;
+  trend?: number[];
+  direction?: "up-good" | "down-good" | "neutral";
+}) {
+  return (
+    <div className="flex items-center justify-between bg-slate-900/60 px-2.5 py-1.5 rounded gap-2">
+      <span className="text-slate-500 text-xs">{label}</span>
+      <div className="flex items-center gap-1.5">
+        {trend && trend.length >= 2 && <MiniSpark values={trend} direction={direction} label={label} />}
+        <span className="text-slate-300 font-mono font-medium text-xs">{value}</span>
+      </div>
+    </div>
+  );
+}
+
+export function SummaryCard({ label, value }: { label: string; value: number }) {
+  return (
+    <div className="bg-slate-900 rounded-lg p-3 text-center border border-slate-800">
+      <p className="text-xl font-bold text-slate-100 font-mono">{value}</p>
+      <p className="text-[11px] text-slate-500 mt-1">{label}</p>
+    </div>
+  );
+}

package/.next/standalone/components/dashboard/DashboardHome.tsx

@@ -0,0 +1,123 @@
+"use client";
+
+import { useState } from "react";
+import { PrismDock } from "@/components/PrismDock";
+
+export function DashboardHome() {
+  const [targetPath, setTargetPath] = useState(
+    process.env.NEXT_PUBLIC_PRISM_TARGET ?? process.env.PRISM_TARGET ?? ""
+  );
+  const [result, setResult] = useState<string | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  async function runCycleDetection() {
+    if (!targetPath.trim()) return;
+    setLoading(true);
+    setError(null);
+    setResult(null);
+    try {
+      const res = await fetch("/api/scan", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ targetPath: targetPath.trim() }),
+      });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error ?? "Scan failed");
+      setResult(JSON.stringify(data, null, 2));
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <div className="flex flex-col min-h-screen" style={{ background: "var(--bg-app)" }}>
+      <PrismDock />
+
+      <main
+        className="flex-1 flex flex-col items-center justify-center px-6 gap-8"
+        style={{ paddingTop: "var(--dock-clearance-top)" }}
+      >
+        <div className="text-center">
+          <h1 className="text-2xl font-semibold text-slate-100 tracking-tight">
+            prism<span className="font-mono text-sky-500">0x2A</span>
+          </h1>
+          <p className="mt-1 text-sm text-slate-400">
+            The answer to your codebase. &mdash;{" "}
+            <span className="text-sky-400 font-mono">prismlens</span>
+          </p>
+        </div>
+
+        <div
+          className="w-full max-w-lg rounded-xl p-6 flex flex-col gap-4"
+          style={{
+            background: "var(--surface-panel)",
+            border: "1px solid var(--border-default)",
+            boxShadow:
+              "0 1px 2px rgba(15,23,42,.05),0 4px 16px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.04)",
+          }}
+        >
+          <h2 className="text-sm font-semibold text-slate-300 uppercase tracking-widest">
+            Scan a directory
+          </h2>
+          <div className="flex flex-col gap-2">
+            <label className="text-xs text-slate-400" htmlFor="targetPath">
+              Absolute path
+            </label>
+            <input
+              id="targetPath"
+              type="text"
+              value={targetPath}
+              onChange={(e) => setTargetPath(e.target.value)}
+              placeholder="/Users/you/your-project"
+              className="w-full rounded-lg px-3 py-2 text-sm font-mono text-slate-200 outline-none focus:ring-2 focus:ring-sky-500/50"
+              style={{
+                background: "rgba(2,6,23,0.6)",
+                border: "1px solid var(--border-default)",
+              }}
+              onKeyDown={(e) => e.key === "Enter" && runCycleDetection()}
+            />
+          </div>
+          <button
+            onClick={runCycleDetection}
+            disabled={loading || !targetPath.trim()}
+            className="w-full py-2 rounded-lg text-sm font-semibold transition-all disabled:opacity-40 disabled:cursor-not-allowed"
+            style={{ background: "rgb(14,165,233)", color: "#020617" }}
+          >
+            {loading ? "Scanning…" : "Run cycle detection"}
+          </button>
+        </div>
+
+        {(result || error) && (
+          <div
+            className="w-full max-w-lg rounded-xl p-6 flex flex-col gap-3"
+            style={{
+              background: "var(--surface-panel)",
+              border: `1px solid ${error ? "rgba(239,68,68,0.3)" : "var(--border-default)"}`,
+            }}
+          >
+            <h2 className="text-sm font-semibold text-slate-300 uppercase tracking-widest">
+              Results
+            </h2>
+            {error && <p className="text-sm text-red-400 font-mono">{error}</p>}
+            {result && (
+              <pre className="text-xs font-mono text-slate-300 overflow-auto max-h-96 leading-relaxed"
+                style={{ whiteSpace: "pre-wrap", wordBreak: "break-all" }}>
+                {result}
+              </pre>
+            )}
+          </div>
+        )}
+      </main>
+
+      <footer
+        className="text-center py-4 text-xs text-slate-600"
+        style={{ marginBottom: "var(--infobar-clearance-bottom)" }}
+      >
+        prism<span className="font-mono">0x2A</span> v{process.env.NEXT_PUBLIC_PRISM_VERSION}
+      </footer>
+    </div>
+  );
+}

package/.next/standalone/components/landing/Footer.tsx

@@ -0,0 +1,104 @@
+import Link from "next/link";
+
+export function Footer() {
+  return (
+    <footer
+      className="border-t mt-24"
+      style={{ borderColor: "rgba(51,65,85,0.3)" }}
+    >
+      <div className="max-w-5xl mx-auto px-6 py-16 grid grid-cols-2 sm:grid-cols-4 gap-10">
+        {/* Brand */}
+        <div className="col-span-2 sm:col-span-1 flex flex-col gap-3">
+          <div className="flex items-center gap-1.5">
+            <span className="text-sky-400 text-base select-none">✦</span>
+            <span className="text-slate-200 text-sm font-semibold tracking-tight">
+              prism<span className="font-mono text-sky-500">0x2A</span>
+            </span>
+          </div>
+          <p className="text-xs text-slate-600 leading-relaxed">
+            Local-first code intelligence.<br />
+            Engine: <span className="font-mono text-slate-500">prismlens</span>.
+          </p>
+          <p className="text-xs text-slate-700 font-mono">0x2A = 42</p>
+        </div>
+
+        {/* Product */}
+        <div className="flex flex-col gap-3">
+          <h3 className="text-xs font-semibold text-slate-500 uppercase tracking-widest">Product</h3>
+          <nav className="flex flex-col gap-2">
+            <Link href="/pricing" className="text-xs text-slate-600 hover:text-slate-400 transition-colors">Pricing</Link>
+            <Link
+              href="https://github.com/dadenjo/prism0x2A"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-xs text-slate-600 hover:text-slate-400 transition-colors"
+            >
+              Docs
+            </Link>
+            <Link
+              href="https://github.com/dadenjo/prism0x2A/blob/main/CHANGELOG.md"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-xs text-slate-600 hover:text-slate-400 transition-colors"
+            >
+              Changelog
+            </Link>
+          </nav>
+        </div>
+
+        {/* Resources */}
+        <div className="flex flex-col gap-3">
+          <h3 className="text-xs font-semibold text-slate-500 uppercase tracking-widest">Resources</h3>
+          <nav className="flex flex-col gap-2">
+            <Link
+              href="https://github.com/dadenjo/prism0x2A"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-xs text-slate-600 hover:text-slate-400 transition-colors"
+            >
+              GitHub — prism0x2A
+            </Link>
+            <Link
+              href="https://github.com/dadenjo/forge0x2B"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-xs text-slate-600 hover:text-slate-400 transition-colors"
+            >
+              forge0x2B (coming soon)
+            </Link>
+            <span className="text-xs text-slate-700">Engine: prismlens</span>
+          </nav>
+        </div>
+
+        {/* Legal */}
+        <div className="flex flex-col gap-3">
+          <h3 className="text-xs font-semibold text-slate-500 uppercase tracking-widest">Legal</h3>
+          <nav className="flex flex-col gap-2">
+            <Link
+              href="https://github.com/dadenjo/prism0x2A/blob/main/LICENSE"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-xs text-slate-600 hover:text-slate-400 transition-colors"
+            >
+              License
+            </Link>
+            <span className="text-xs text-slate-700">Terms (coming)</span>
+            <span className="text-xs text-slate-700">Privacy (coming)</span>
+          </nav>
+        </div>
+      </div>
+
+      <div
+        className="max-w-5xl mx-auto px-6 pb-8 flex flex-col sm:flex-row items-center justify-between gap-2 border-t"
+        style={{ borderColor: "rgba(51,65,85,0.2)" }}
+      >
+        <p className="text-xs text-slate-700">
+          Made in Germany 🇩🇪 · © 2026 prism0x2A
+        </p>
+        <p className="text-xs text-slate-700 font-mono">
+          The answer is 42.
+        </p>
+      </div>
+    </footer>
+  );
+}