npm - prism0x2a - Versions diffs - 0.7.2 → 0.11.0 - Mend

prism0x2a 0.7.2 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (973) hide show

package/.next/standalone/app/blue/page.tsx CHANGED Viewed

@@ -7,6 +7,7 @@ import { useTargetPath } from "@/lib/prism/hooks/useTargetPath";
 import { useActiveWorkspace } from "@/lib/prism/hooks/useActiveWorkspace";
 import { FREE_TIER_LOC_LIMIT } from "@/lib/prism/features.shared";
 import type { BlueScan } from "@/lib/prism/blue/types";
+import { DemoModeNotice, useDemoMode } from "@/components/DemoModeNotice";
 const CARD: React.CSSProperties = {
   background: "var(--surface-panel)",
@@ -62,6 +63,15 @@ export default function BluePage() {
     }
   }
+  if (useDemoMode()) {
+    return (
+      <>
+        <PrismDock />
+        <DemoModeNotice botName="BLUE" botColor="rgb(96,165,250)" botTagline="Sessions + Recommendations" />
+      </>
+    );
+  }
   return (
     <div className="flex flex-col min-h-screen" style={{ background: "var(--bg-app)" }}>
       <PrismDock />

package/.next/standalone/app/green/page.tsx CHANGED Viewed

@@ -3,6 +3,7 @@
 import { useState, useEffect } from "react";
 import Link from "next/link";
 import { PrismDock } from "@/components/PrismDock";
+import { DemoModeNotice, useDemoMode } from "@/components/DemoModeNotice";
 import { useTargetPath } from "@/lib/prism/hooks/useTargetPath";
 import { useActiveWorkspace } from "@/lib/prism/hooks/useActiveWorkspace";
@@ -78,6 +79,15 @@ export default function GreenPage() {
     },
   ];
+  if (useDemoMode()) {
+    return (
+      <>
+        <PrismDock />
+        <DemoModeNotice botName="GREEN" botColor="rgb(52,211,153)" botTagline="Insights + Cross-Layer + Queries" />
+      </>
+    );
+  }
   return (
     <div className="flex flex-col min-h-screen" style={{ background: "var(--bg-app)" }}>
       <PrismDock />

package/.next/standalone/app/layout.tsx CHANGED Viewed

@@ -9,10 +9,66 @@ const inter = Inter({
 });
 export const metadata: Metadata = {
-  title: "prism0x2A — The answer to your codebase.",
-  description: "Local-first code intelligence dashboard. Engine: prismlens. (0x2A = 42.)",
+  title: "prism0x2A — Local-first code intelligence dashboard",
+  description:
+    "Understand your codebase (or what Claude/Cursor just generated). Local-first. Free up to 50k LOC. €39/mo for Pro. Built for TypeScript and React projects.",
+  keywords: [
+    "code intelligence",
+    "local-first",
+    "typescript",
+    "nextjs",
+    "ai code",
+    "anthropic",
+    "cursor",
+    "copilot",
+    "codebase analysis",
+    "import cycles",
+    "code coverage",
+    "monorepo",
+    "prism0x2A",
+    "prismlens",
+  ],
+  authors: [{ name: "dadenjo" }],
+  openGraph: {
+    title: "prism0x2A — Local-first code intelligence",
+    description:
+      "The answer to your codebase. Understand AI-generated code. Free up to 50k LOC.",
+    type: "website",
+    images: [
+      {
+        url: "/opengraph-image",
+        width: 1200,
+        height: 630,
+        alt: "prism0x2A — The answer to your codebase.",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "prism0x2A — Local-first code intelligence",
+    description: "The answer to your codebase. Free up to 50k LOC.",
+    images: ["/opengraph-image"],
+  },
+  metadataBase: new URL("https://prism0x2a.dev"),
 };
+const CSS_VARS = `
+  :root {
+    --bg-app: #020617;
+    --surface-floor: #020617;
+    --surface-panel: #0f172a;
+    --surface-elevated: #1e293b;
+    --border-default: rgba(51,65,85,0.4);
+    --text-primary: #cbd5e1;
+    --text-bright: #f1f5f9;
+    --text-muted: #64748b;
+    --dock-clearance-top: 128px;
+    --infobar-clearance-bottom: 48px;
+    --dock-top-gap: 12px;
+  }
+  body { background: #020617; color: #cbd5e1; min-height: 100vh; }
+`;
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -20,7 +76,11 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en" className={`${inter.variable} h-full antialiased`}>
-      <body className="min-h-full flex flex-col">{children}</body>
+      <body className="min-h-full flex flex-col">
+        {/* eslint-disable-next-line react/no-danger */}
+        <style dangerouslySetInnerHTML={{ __html: CSS_VARS }} />
+        {children}
+      </body>
     </html>
   );
 }

package/.next/standalone/app/opengraph-image.tsx ADDED Viewed

@@ -0,0 +1,126 @@
+import { ImageResponse } from "next/og";
+export const runtime = "edge";
+export const alt = "prism0x2A — The answer to your codebase.";
+export const size = { width: 1200, height: 630 };
+export const contentType = "image/png";
+export default function OgImage() {
+  return new ImageResponse(
+    (
+      <div
+        style={{
+          background: "#020617",
+          width: "100%",
+          height: "100%",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: "24px",
+          fontFamily: "system-ui, sans-serif",
+          padding: "48px",
+        }}
+      >
+        {/* Logo */}
+        <div
+          style={{
+            display: "flex",
+            alignItems: "center",
+            gap: "12px",
+          }}
+        >
+          <span style={{ color: "rgb(56,189,248)", fontSize: "56px" }}>✦</span>
+          <span
+            style={{
+              fontSize: "88px",
+              fontWeight: 700,
+              color: "#f1f5f9",
+              letterSpacing: "-2px",
+            }}
+          >
+            prism
+            <span style={{ color: "rgb(14,165,233)", fontFamily: "monospace" }}>
+              0x2A
+            </span>
+          </span>
+        </div>
+        {/* Tagline */}
+        <div
+          style={{
+            fontSize: "36px",
+            color: "#94a3b8",
+            fontWeight: 500,
+            letterSpacing: "-0.5px",
+          }}
+        >
+          The answer to your codebase.
+        </div>
+        {/* Sub */}
+        <div
+          style={{
+            fontSize: "22px",
+            color: "#475569",
+          }}
+        >
+          Local-first code intelligence · Free up to 50k LOC
+        </div>
+        {/* Badges */}
+        <div
+          style={{
+            display: "flex",
+            gap: "16px",
+            marginTop: "8px",
+          }}
+        >
+          {[
+            { label: "€0 to start", color: "rgb(52,211,153)", bg: "rgba(52,211,153,0.12)", border: "rgba(52,211,153,0.3)" },
+            { label: "MIT Engine", color: "rgb(56,189,248)", bg: "rgba(56,189,248,0.12)", border: "rgba(56,189,248,0.3)" },
+            { label: "No account required", color: "rgb(167,139,250)", bg: "rgba(167,139,250,0.12)", border: "rgba(167,139,250,0.3)" },
+          ].map(({ label, color, bg, border }) => (
+            <div
+              key={label}
+              style={{
+                background: bg,
+                color,
+                border: `1px solid ${border}`,
+                borderRadius: "8px",
+                padding: "8px 18px",
+                fontSize: "18px",
+                fontWeight: 600,
+              }}
+            >
+              {label}
+            </div>
+          ))}
+        </div>
+        {/* Bot spectrum */}
+        <div
+          style={{
+            display: "flex",
+            gap: "32px",
+            marginTop: "8px",
+          }}
+        >
+          {[
+            { label: "BLUE", color: "rgb(96,165,250)" },
+            { label: "AMBER", color: "rgb(251,191,36)" },
+            { label: "GREEN", color: "rgb(52,211,153)" },
+          ].map(({ label, color }) => (
+            <div
+              key={label}
+              style={{ color, fontSize: "16px", fontFamily: "monospace", fontWeight: 700, letterSpacing: "2px" }}
+            >
+              {label}
+            </div>
+          ))}
+        </div>
+      </div>
+    ),
+    { ...size }
+  );
+}

package/.next/standalone/app/page.tsx CHANGED Viewed

@@ -1,139 +1,11 @@
-"use client";
-import { useState } from "react";
-import { PrismDock } from "@/components/PrismDock";
+import { DashboardHome } from "@/components/dashboard/DashboardHome";
+import { LandingPage } from "@/components/landing/LandingPage";
 export default function Home() {
-  const [targetPath, setTargetPath] = useState(
-    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);
-    }
+  // Dashboard mode when PRISM_TARGET is set (local CLI usage).
+  // Marketing landing otherwise (Vercel deploy, no target).
+  if (process.env.PRISM_TARGET) {
+    return <DashboardHome />;
   }
-  return (
-    <div className="flex flex-col min-h-screen" style={{ background: "var(--bg-app)" }}>
-      <PrismDock />
-      {/* Main content */}
-      <main
-        className="flex-1 flex flex-col items-center justify-center px-6 gap-8"
-        style={{ paddingTop: "var(--dock-clearance-top)" }}
-      >
-        {/* Header */}
-        <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>
-          {process.env.PRISM_TARGET && (
-            <p className="mt-1 text-xs text-slate-500 font-mono">
-              Scanning: {process.env.PRISM_TARGET}
-            </p>
-          )}
-        </div>
-        {/* Scan card */}
-        <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>
-        {/* Results card */}
-        {(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>
-  );
+  return <LandingPage />;
 }

package/.next/standalone/app/pricing/page.tsx CHANGED Viewed

@@ -42,9 +42,10 @@ const PRISM_PLANS: PlanDef[] = [
     accentBorder: "rgba(59,130,246,0.35)",
     features: [
       "Unlimited LOC",
+      "Blueprint Explorer (5 views)",
+      "Architect Mode (Ask/Explain/Refactor)",
       "Monorepo support",
       "Aggregate scan",
-      "Cross-workspace insights",
       "LLM insights",
       "Custom queries",
     ],
@@ -138,7 +139,7 @@ export default function PricingPage() {
   const currentTier = license?.tier ?? "free";
   return (
-    <div className="flex flex-col min-h-screen" style={{ background: "var(--bg-app)" }}>
+    <div className="flex flex-col min-h-screen" style={{ background: "#020617" }}>
       <PrismDock />
       <main className="flex-1 flex flex-col items-center px-6 pt-32 pb-24 gap-16">
@@ -207,8 +208,8 @@ export default function PricingPage() {
           <div
             className="rounded-xl p-6 flex flex-col gap-4"
             style={{
-              background: "var(--surface-panel)",
-              border: "1px solid var(--border-default)",
+              background: "#0f172a",
+              border: "1px solid rgba(51,65,85,0.4)",
             }}
           >
             <h2 className="text-xs font-semibold text-slate-500 uppercase tracking-widest">
@@ -228,15 +229,17 @@ export default function PricingPage() {
                 </thead>
                 <tbody>
                   {[
-                    ["Unlimited LOC",           false, true,  true,  true,  false],
-                    ["Monorepo support",         false, true,  true,  true,  false],
-                    ["Aggregate scan",           false, true,  true,  true,  false],
-                    ["LLM insights",             false, true,  true,  true,  false],
-                    ["Custom queries",           false, true,  true,  true,  false],
-                    ["Cross-layer context",      false, false, true,  false, false],
-                    ["Auto insights",            false, false, true,  false, false],
-                    ["Team sync / CI",           false, false, true,  false, false],
-                    ["forge unlimited gen.",     false, false, false, true,  true ],
+                    ["Unlimited LOC",              false, true,  true,  true,  false],
+                    ["Blueprint Explorer (5 views)",false, true,  true,  true,  false],
+                    ["Architect Mode",             false, true,  true,  true,  false],
+                    ["Monorepo support",           false, true,  true,  true,  false],
+                    ["Aggregate scan",             false, true,  true,  true,  false],
+                    ["LLM insights",               false, true,  true,  true,  false],
+                    ["Custom queries",             false, true,  true,  true,  false],
+                    ["Cross-layer context",        false, false, true,  false, false],
+                    ["Auto insights",              false, false, true,  false, false],
+                    ["Team sync / CI",             false, false, true,  false, false],
+                    ["forge unlimited gen.",       false, false, false, true,  true ],
                   ].map(([label, free, pro, team, spectrum, forge]) => (
                     <tr key={String(label)} className="border-b" style={{ borderColor: "rgba(51,65,85,0.2)" }}>
                       <td className="py-2 pr-4 text-slate-400">{String(label)}</td>
@@ -266,8 +269,8 @@ export default function PricingPage() {
                 key={q}
                 className="group rounded-xl px-5 py-4"
                 style={{
-                  background: "var(--surface-panel)",
-                  border: "1px solid var(--border-default)",
+                  background: "#0f172a",
+                  border: "1px solid rgba(51,65,85,0.4)",
                 }}
               >
                 <summary className="text-sm font-medium text-slate-300 cursor-pointer list-none flex items-center justify-between gap-2">

package/.next/standalone/app/robots.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import type { MetadataRoute } from "next";
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: { userAgent: "*", allow: "/" },
+    sitemap: "https://prism0x2a.dev/sitemap.xml",
+  };
+}

package/.next/standalone/app/sitemap.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import type { MetadataRoute } from "next";
+export default function sitemap(): MetadataRoute.Sitemap {
+  return [
+    {
+      url: "https://prism0x2a.dev/",
+      lastModified: new Date(),
+      changeFrequency: "weekly",
+      priority: 1,
+    },
+    {
+      url: "https://prism0x2a.dev/pricing",
+      lastModified: new Date(),
+      changeFrequency: "monthly",
+      priority: 0.8,
+    },
+  ];
+}

package/.next/standalone/components/DemoModeNotice.tsx ADDED Viewed

@@ -0,0 +1,118 @@
+"use client";
+import Link from "next/link";
+interface Props {
+  botName: "BLUE" | "AMBER" | "GREEN";
+  botColor: string;
+  botTagline: string;
+}
+export function DemoModeNotice({ botName, botColor, botTagline }: Props) {
+  return (
+    <div className="max-w-3xl mx-auto px-6 py-16">
+      {/* Bot identifier */}
+      <div className="flex items-baseline gap-3 mb-2">
+        <h1 className="text-3xl font-bold" style={{ color: botColor }}>
+          {botName}
+        </h1>
+        <span className="text-sm text-slate-500">{botTagline}</span>
+      </div>
+      {/* Demo mode banner */}
+      <div
+        className="mt-8 rounded-2xl p-6"
+        style={{
+          background: "rgba(15,23,42,0.6)",
+          border: "1px solid rgba(51,65,85,0.5)",
+        }}
+      >
+        <div className="flex items-center gap-2 mb-3">
+          <div className="w-2 h-2 rounded-full" style={{ background: botColor }} />
+          <span className="text-xs font-mono uppercase tracking-widest text-slate-400">
+            Public Preview
+          </span>
+        </div>
+        <h2 className="text-xl font-semibold text-slate-200 mb-3">
+          This is the public preview of {botName}
+        </h2>
+        <p className="text-slate-400 leading-relaxed mb-5">
+          {botName} runs <strong>locally on your machine</strong> to scan your
+          codebase. The dashboard you're looking at is the public marketing
+          preview — there's no codebase to scan here.
+        </p>
+        <p className="text-slate-400 leading-relaxed mb-5">
+          To use {botName} on YOUR project, install prism0x2A locally:
+        </p>
+        {/* Install code block */}
+        <div
+          className="rounded-lg p-4 font-mono text-sm"
+          style={{
+            background: "rgba(2,6,23,0.8)",
+            border: "1px solid rgba(51,65,85,0.4)",
+          }}
+        >
+          <div className="text-slate-300">
+            <span style={{ color: "rgb(52,211,153)" }}>$</span>{" "}
+            npm install --save-dev prism0x2a
+          </div>
+          <div className="text-slate-300 mt-1">
+            <span style={{ color: "rgb(52,211,153)" }}>$</span>{" "}
+            npx prism dev
+          </div>
+        </div>
+        <p className="text-xs text-slate-500 mt-4 leading-relaxed">
+          Free up to 50k LOC. Dashboard opens at{" "}
+          <code className="text-slate-400">localhost:3001</code>. No cloud, no
+          data leaves your machine.
+        </p>
+        <div className="flex gap-3 mt-6">
+          <Link
+            href="/#quickstart"
+            className="px-5 py-2.5 rounded-lg text-sm font-semibold transition-colors"
+            style={{ background: botColor, color: "rgb(15,23,42)" }}
+          >
+            Full quickstart →
+          </Link>
+          <Link
+            href="/pricing"
+            className="px-5 py-2.5 rounded-lg text-sm font-semibold text-slate-200 transition-colors"
+            style={{
+              background: "rgba(51,65,85,0.4)",
+              border: "1px solid rgba(71,85,105,0.4)",
+            }}
+          >
+            View pricing
+          </Link>
+        </div>
+      </div>
+      {/* Back to landing */}
+      <div className="mt-6 text-center">
+        <Link href="/" className="text-sm text-slate-500 hover:text-slate-300">
+          ← Back to landing
+        </Link>
+      </div>
+    </div>
+  );
+}
+/**
+ * Detect if running in demo/marketing mode (deployed, no local PRISM_TARGET).
+ * Used by bot pages to render DemoModeNotice instead of attempting scans.
+ */
+export function useDemoMode(): boolean {
+  if (typeof window === "undefined") return false;
+  const host = window.location.hostname;
+  return (
+    host.includes(".vercel.app") ||
+    host === "prism0x2a.dev" ||
+    host === "www.prism0x2a.dev"
+  );
+}

package/.next/standalone/components/PrismDock.tsx CHANGED Viewed

@@ -7,7 +7,7 @@ import { useTargetPath } from "@/lib/prism/hooks/useTargetPath";
 import { useActiveWorkspace } from "@/lib/prism/hooks/useActiveWorkspace";
 import { useLicense } from "@/lib/prism/hooks/useLicense";
-const NAV = [
+const NAV_BASE = [
   { href: "/blue", label: "BLUE", color: "rgb(59,130,246)" },
   { href: "/amber", label: "AMBER", color: "rgb(251,191,36)" },
   { href: "/green", label: "GREEN", color: "rgb(52,211,153)" },
@@ -21,6 +21,12 @@ export function PrismDock() {
   const { monorepo, activeWorkspace, setActiveWorkspace } = useActiveWorkspace(tq);
   const { isPro } = useLicense(tq);
+  const NAV = isPro
+    ? [...NAV_BASE.slice(0, 1),
+       { href: "/blue/explorer", label: "Explorer", color: "rgb(56,189,248)" } as const,
+       ...NAV_BASE.slice(1)]
+    : NAV_BASE;
   return (
     <div
       className="fixed top-3 left-1/2 -translate-x-1/2 z-50 flex items-center gap-2 px-4 py-2 rounded-full"
@@ -40,7 +46,7 @@ export function PrismDock() {
       </Link>
       {NAV.map(({ href, label, color }) => {
-        const isActive = pathname.startsWith(href);
+        const isActive = pathname === href || (href !== "/blue" && pathname.startsWith(href));
         return (
           <span key={href} className="flex items-center gap-2">
             <div className="w-px h-4" style={{ background: "rgba(51,65,85,0.6)" }} />