prism0x2a 0.11.3 → 0.12.0

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

@@ -4,6 +4,8 @@ import Link from "next/link";
 import { usePathname } from "next/navigation";
 import type { BlueprintData } from "@/lib/prism/blue/explorer/types";
 import { RescanButton } from "./RescanButton";
+import { ViewModeToggle } from "./ViewModeToggle";
+import type { ViewMode } from "@/lib/prism/blue/explorer/useViewMode";
 
 export const SUB_TABS = [
   { href: "/blue/explorer",          label: "List",    exact: true  },
@@ -19,10 +21,16 @@ export function ExplorerNav({
   target,
   outdated,
   onRescan,
+  hideRescan,
+  viewMode,
+  onViewModeChange,
 }: {
   target: string;
   outdated?: boolean;
   onRescan: (data: BlueprintData) => void;
+  hideRescan?: boolean;
+  viewMode?: ViewMode;
+  onViewModeChange?: (m: ViewMode) => void;
 }) {
   const pathname = usePathname();
 
@@ -53,7 +61,10 @@ export function ExplorerNav({
           );
         })}
         <div className="flex-1" />
-        <RescanButton target={target} onComplete={onRescan} />
+        {viewMode && onViewModeChange && (
+          <ViewModeToggle mode={viewMode} onChange={onViewModeChange} />
+        )}
+        {!hideRescan && <RescanButton target={target} onComplete={onRescan} />}
       </div>
 
       {outdated && (

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

@@ -0,0 +1,85 @@
+"use client";
+
+import type { ReactNode } from "react";
+import Link from "next/link";
+
+interface Props {
+  children: ReactNode;
+  feature?: string;
+}
+
+/**
+ * Renders children behind a blur overlay when the user is on the free tier.
+ * Replaces the hard 403 ProGate with a preview-and-upgrade pattern.
+ */
+export function UpgradeBlur({ children, feature = "Blueprint Explorer" }: Props) {
+  return (
+    <div className="relative">
+      {/* Blurred preview of real content */}
+      <div
+        className="pointer-events-none select-none"
+        style={{ filter: "blur(5px)", opacity: 0.45 }}
+        aria-hidden
+      >
+        {children}
+      </div>
+
+      {/* Upgrade card centred over the blur */}
+      <div
+        className="absolute inset-0 flex items-center justify-center"
+        style={{ minHeight: 320 }}
+      >
+        <div
+          className="rounded-2xl px-8 py-7 flex flex-col items-center gap-4 text-center max-w-sm w-full mx-4"
+          style={{
+            background: "rgba(2,6,23,0.88)",
+            border: "1px solid rgba(59,130,246,0.3)",
+            boxShadow: "0 0 40px rgba(59,130,246,0.12), 0 8px 32px rgba(0,0,0,0.4)",
+            backdropFilter: "blur(8px)",
+          }}
+        >
+          <div
+            className="flex items-center gap-2 px-3 py-1 rounded-full text-xs font-bold"
+            style={{
+              background: "rgba(59,130,246,0.12)",
+              border: "1px solid rgba(59,130,246,0.3)",
+              color: "rgb(96,165,250)",
+            }}
+          >
+            <span aria-hidden>✦</span>
+            <span>PRO FEATURE</span>
+          </div>
+
+          <div>
+            <h3 className="text-lg font-semibold text-slate-100 mb-1">{feature}</h3>
+            <p className="text-xs text-slate-400 leading-relaxed">
+              Full view available on Pro and above — heat scores, import graphs,
+              coverage overlays, AI recommendations, and zone analysis.
+            </p>
+          </div>
+
+          <div className="flex flex-col gap-2 w-full">
+            <Link
+              href="/pricing?utm_source=upgrade_blur&utm_content=blueprint_explorer"
+              className="w-full py-2.5 rounded-lg text-sm font-semibold text-center transition-all"
+              style={{
+                background: "rgb(59,130,246)",
+                color: "#fff",
+                boxShadow: "0 0 20px rgba(59,130,246,0.3)",
+              }}
+            >
+              Unlock — from €39/mo
+            </Link>
+            <Link
+              href="/pricing?utm_source=upgrade_blur&utm_content=spectrum"
+              className="w-full py-2 rounded-lg text-xs font-medium text-center transition-colors"
+              style={{ color: "rgb(167,139,250)", border: "1px solid rgba(99,102,241,0.25)" }}
+            >
+              Spectrum 0x55 bundle — €49/mo (prism + forge)
+            </Link>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

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

@@ -0,0 +1,32 @@
+"use client";
+
+import type { ViewMode } from "@/lib/prism/blue/explorer/useViewMode";
+
+interface Props {
+  mode: ViewMode;
+  onChange: (m: ViewMode) => void;
+}
+
+export function ViewModeToggle({ mode, onChange }: Props) {
+  return (
+    <div
+      className="flex items-center rounded-lg overflow-hidden flex-shrink-0"
+      style={{ border: "1px solid rgba(51,65,85,0.5)", background: "rgba(15,23,42,0.6)" }}
+    >
+      {(["simple", "expert"] as ViewMode[]).map((m) => (
+        <button
+          key={m}
+          onClick={() => onChange(m)}
+          className="px-2.5 py-1 text-[10px] font-semibold capitalize transition-all"
+          style={
+            mode === m
+              ? { background: "rgba(59,130,246,0.2)", color: "rgb(96,165,250)" }
+              : { background: "transparent", color: "rgb(71,85,105)" }
+          }
+        >
+          {m === "simple" ? "Simple" : "Expert"}
+        </button>
+      ))}
+    </div>
+  );
+}

package/.next/standalone/lib/prism/blue/explorer/useExplorerBlueprint.ts

@@ -10,19 +10,23 @@ export function useExplorerBlueprint() {
   // rather than slicing and re-encoding (which double-encodes the value).
   const target = new URLSearchParams(tq.slice(1)).get("target") ?? "";
 
-  const [data, setData]       = useState<BlueprintData | null>(null);
-  const [loading, setLoading] = useState(false);
-  const [error, setError]     = useState<string | null>(null);
+  const [data, setData]         = useState<BlueprintData | null>(null);
+  const [loading, setLoading]   = useState(false);
+  const [error, setError]       = useState<string | null>(null);
   const [outdated, setOutdated] = useState(false);
+  const [isDemo, setIsDemo]     = useState(false);
+  const [isProGated, setIsProGated] = useState(false);
 
   useEffect(() => {
     if (!ready) return;
     setLoading(true);
     fetch(`/api/blue/explorer${tq}`)
       .then((r) => r.json())
-      .then(({ data: d }) => {
+      .then(({ data: d, _isDemo, _proGated }) => {
         setData(d ?? null);
-        if (d?.generatedAt) {
+        setIsDemo(!!_isDemo);
+        setIsProGated(!!_proGated);
+        if (d?.generatedAt && !_isDemo && !_proGated) {
           fetch(
             `/api/blue/explorer/outdated${tq}&since=${encodeURIComponent(d.generatedAt)}`
           )
@@ -35,5 +39,5 @@ export function useExplorerBlueprint() {
       .finally(() => setLoading(false));
   }, [ready]); // eslint-disable-line react-hooks/exhaustive-deps
 
-  return { data, setData, loading, error, outdated, setOutdated, target, ready };
+  return { data, setData, loading, error, outdated, setOutdated, target, ready, isDemo, isProGated };
 }

package/.next/standalone/lib/prism/blue/explorer/useViewMode.ts

@@ -0,0 +1,25 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+
+export type ViewMode = "simple" | "expert";
+
+const STORAGE_KEY = "prism.viewMode";
+
+export function useViewMode(): [ViewMode, (m: ViewMode) => void] {
+  const [mode, setModeState] = useState<ViewMode>("expert");
+
+  useEffect(() => {
+    try {
+      const stored = localStorage.getItem(STORAGE_KEY);
+      if (stored === "simple" || stored === "expert") setModeState(stored);
+    } catch {}
+  }, []);
+
+  const setMode = useCallback((m: ViewMode) => {
+    setModeState(m);
+    try { localStorage.setItem(STORAGE_KEY, m); } catch {}
+  }, []);
+
+  return [mode, setMode];
+}

package/.next/standalone/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prism0x2a",
-  "version": "0.11.3",
+  "version": "0.12.0",
   "description": "prism0x2A — local-first code intelligence dashboard. Powered by prismlens.",
   "private": false,
   "license": "SEE LICENSE IN LICENSE",