fix: v1.7.2 — infralens green harmonization, tool category labels, icon dedup

- infralens: repointed the brand-secondary token from blue to green across
  the hero, landing cards, history, and recommendation links, keeping the
  semantic "Info" and diff "Added" blues intact; surfaced "Compare reports"
  in the hero so it's reachable before running a scan
- tool pages (cron builder, json studio, api studio, metalens): page header
  and social-share image now show the tool's real category instead of a
  generic "Developer Tool" label
- about: replaced the two icons that duplicated the tools collection's
  wrench with distinct ones

Author: Randy-R-code

CHANGELOG.md

@@ -9,6 +9,29 @@ InfraLens's history as a standalone product (2026-01-06 to 2026-08-10) is
 frozen in [`docs/infralens/CHANGELOG.md`](docs/infralens/CHANGELOG.md).
 InfraLens changes since its native migration are recorded here.
 
+## [1.7.2] — 2026-08-20
+
+### Fixed
+
+- **InfraLens's remaining blue accents repainted green** — the
+  `brand-secondary` token (hero kicker text, category icon badges, history
+  hover states, recommendation links, compare drag-over highlight) was
+  still aliased to InfraLens's original blue; repointed to a lighter green
+  tier so every decorative accent matches its actual green identity. The
+  semantic blue used for "Info" status badges and the compare page's
+  "Added" diff category is unchanged.
+- **Compare reports wasn't discoverable before running a scan** — added
+  next to GitHub/Docs/Privacy/License in InfraLens's hero; previously only
+  reachable from the report header after an analysis.
+- **About page's two non-tool icons no longer share the tools collection's
+  wrench** — "Produit-first" and "Mécanique" now use distinct icons
+  (`Target`, `Gauge`).
+- **Tool pages showed a generic "Developer Tool" label instead of their
+  real category** — Cron Builder, JSON Studio, API Studio and MetaLens's
+  page header and social-share image now read their actual category
+  ("Web & API" or "Developer Utilities") from the same source already
+  used on `/tools`.
+
 ## [1.7.1] — 2026-08-20
 
 ### Changed

app/about/page.tsx

@@ -1,6 +1,6 @@
 import { PageShell } from "@/components/layout/page-shell";
 import { brand } from "@/lib/brand";
-import { Code2, Lightbulb, Package, Wrench, Zap } from "lucide-react";
+import { Code2, Gauge, Lightbulb, Package, Target, Zap } from "lucide-react";
 import type { Metadata } from "next";
 import Link from "next/link";
 
@@ -45,7 +45,7 @@ const values = [
     desc: "Je choisis les outils adaptés au problème, pas les plus tendance. La simplicité est une feature.",
   },
   {
-    icon: Wrench,
+    icon: Target,
     title: "Produit-first",
     desc: "Je code pour résoudre un problème business. La technique est au service de la valeur livrée.",
   },
@@ -58,7 +58,7 @@ const values = [
 
 const domains = [
   {
-    icon: Wrench,
+    icon: Gauge,
     title: "Mécanique",
     tagline: "Diagnostic & précision",
     intro:

app/globals.css

@@ -5,15 +5,17 @@
 @custom-variant dark (&:is(.dark *));
 
 @theme {
-  /* InfraLens brand tokens — the hex values already match the blue-/green-
-     scale below one-for-one; kept as named aliases because InfraLens's
+  /* InfraLens brand tokens — kept as named aliases because InfraLens's
      components reference bg-brand-accent, text-brand-secondary-hover, etc.
-     directly. */
+     directly. brand-secondary used to alias the blue scale (a leftover from
+     the original standalone repo); repointed to a lighter green tier so
+     every decorative accent in InfraLens reads as its actual green identity
+     instead of mixing in blue. */
   --color-brand-accent: #14b894;
   --color-brand-accent-hover: #35d3ad;
   --color-brand-accent-strong: #0c9478;
-  --color-brand-secondary: #2388f2;
-  --color-brand-secondary-hover: #4aa7ff;
+  --color-brand-secondary: var(--green-400);
+  --color-brand-secondary-hover: var(--green-300);
 }
 
 @theme inline {

app/privacy/page.tsx

@@ -44,8 +44,8 @@ export default function ConfidentialitePage() {
       <Block title="Éditeur du site">
         <p>
           Ce site est publié par{" "}
-          <span className="font-medium text-zinc-200">Randy Rimbault</span>, à
-          titre personnel et non professionnel. Contact :{" "}
+          <span className="font-medium text-zinc-200">Randy Rimbault</span>.
+          Contact :{" "}
           <a
             href="mailto:randy.rcode@gmail.com"
             className="text-blue-400 underline underline-offset-2 hover:text-blue-300"

app/tools/api-studio/opengraph-image.tsx

@@ -1,5 +1,6 @@
 import { renderToolOgImage } from "@/components/og/tool-og-image";
 import { brand } from "@/lib/brand";
+import { TOOL_CATEGORY_LABELS } from "@/lib/tools";
 
 export const runtime = "nodejs";
 export const alt = "API Studio — Randy Code";
@@ -123,6 +124,7 @@ export default async function Image() {
     tagline: "Build, send, receive, and inspect HTTP requests.",
     color,
     iconNodes: SEND_ICON,
+    label: TOOL_CATEGORY_LABELS["web-api"],
     preview,
   });
 }

app/tools/api-studio/page.tsx

@@ -3,6 +3,7 @@ import { ToolAboutSection } from "@/components/layout/tool-about-section";
 import { ToolHeader } from "@/components/layout/tool-header";
 import { ToolPageShell } from "@/components/layout/tool-page-shell";
 import { brand } from "@/lib/brand";
+import { TOOL_CATEGORY_LABELS } from "@/lib/tools";
 import { Send } from "lucide-react";
 import type { Metadata, Viewport } from "next";
 
@@ -57,7 +58,7 @@ export default function ApiStudioPage() {
         <div className="mx-auto w-full max-w-5xl">
           <ToolHeader
             icon={Send}
-            label="Developer Tool"
+            label={TOOL_CATEGORY_LABELS["web-api"]}
             title="API Studio"
             tagline="Build, send, receive, and inspect HTTP requests."
             color={brand.colors.green[500]}

app/tools/cron-builder/opengraph-image.tsx

@@ -1,5 +1,6 @@
 import { Icon, renderToolOgImage } from "@/components/og/tool-og-image";
 import { brand } from "@/lib/brand";
+import { TOOL_CATEGORY_LABELS } from "@/lib/tools";
 
 export const runtime = "nodejs";
 export const alt = "Cron Builder — Randy Code";
@@ -128,6 +129,7 @@ export default async function Image() {
     tagline: "Build, validate and understand cron expressions.",
     color,
     iconNodes: CLOCK_ICON,
+    label: TOOL_CATEGORY_LABELS["developer-utilities"],
     preview,
   });
 }

app/tools/cron-builder/page.tsx

@@ -4,6 +4,7 @@ import { ToolPageShell } from "@/components/layout/tool-page-shell";
 import { CronBuilder } from "@/cron-builder/components/cron-builder";
 import { CronReference } from "@/cron-builder/components/cron-reference";
 import { brand } from "@/lib/brand";
+import { TOOL_CATEGORY_LABELS } from "@/lib/tools";
 import { Clock } from "lucide-react";
 import type { Metadata, Viewport } from "next";
 
@@ -52,7 +53,7 @@ export default function CronBuilderPage() {
         <div className="mx-auto w-full max-w-5xl">
           <ToolHeader
             icon={Clock}
-            label="Developer Tool"
+            label={TOOL_CATEGORY_LABELS["developer-utilities"]}
             title="Cron Builder"
             tagline="Build, validate, and understand cron expressions without memorizing the syntax."
             color={brand.colors.green[500]}

app/tools/json-studio/opengraph-image.tsx

@@ -1,5 +1,6 @@
 import { Icon, renderToolOgImage } from "@/components/og/tool-og-image";
 import { brand } from "@/lib/brand";
+import { TOOL_CATEGORY_LABELS } from "@/lib/tools";
 
 export const runtime = "nodejs";
 export const alt = "JSON Studio — Randy Code";
@@ -122,6 +123,7 @@ export default async function Image() {
     tagline: "Validate, format and inspect JSON instantly.",
     color,
     iconNodes: BRACES_ICON,
+    label: TOOL_CATEGORY_LABELS["developer-utilities"],
     preview,
   });
 }

app/tools/json-studio/page.tsx

@@ -3,6 +3,7 @@ import { ToolHeader } from "@/components/layout/tool-header";
 import { ToolPageShell } from "@/components/layout/tool-page-shell";
 import { JsonStudio } from "@/json-studio/components/json-studio";
 import { brand } from "@/lib/brand";
+import { TOOL_CATEGORY_LABELS } from "@/lib/tools";
 import { Braces } from "lucide-react";
 import type { Metadata, Viewport } from "next";
 
@@ -47,7 +48,7 @@ export default function JsonStudioPage() {
         <div className="mx-auto w-full max-w-5xl">
           <ToolHeader
             icon={Braces}
-            label="Developer Tool"
+            label={TOOL_CATEGORY_LABELS["developer-utilities"]}
             title="JSON Studio"
             tagline="Format, validate and explore JSON instantly."
             color={brand.colors.green[500]}