@jjlmoya/utils-astronomy 1.40.0 → 1.41.0

package/src/category/astronomy-category-home.ts

@@ -0,0 +1,52 @@
+const getNodeText = (node: HTMLAnchorElement, selector: string): string =>
+    node.querySelector(selector)?.textContent ?? "";
+
+const setText = (element: HTMLElement | null, text: string): void => {
+    element?.replaceChildren(document.createTextNode(text));
+};
+
+interface MissionElements {
+    title: HTMLElement | null;
+    description: HTMLElement | null;
+    status: HTMLElement | null;
+    link: HTMLAnchorElement | null;
+}
+
+const updateMission = (node: HTMLAnchorElement, mission: MissionElements, label: string): void => {
+    const title = getNodeText(node, "strong");
+    setText(mission.title, title);
+    setText(mission.description, getNodeText(node, "small"));
+    setText(mission.status, title);
+    mission.link?.setAttribute("href", node.href);
+    mission.link?.setAttribute("aria-label", label);
+};
+
+export function enhanceAstronomyHome(): void {
+    const home = document.querySelector<HTMLElement>("[data-astronomy-home]");
+    if (!home) return;
+    const nodes = [...home.querySelectorAll<HTMLAnchorElement>("[data-tool-node]")];
+    if (nodes.length === 0) return;
+    const routeButton = home.querySelector<HTMLButtonElement>("[data-route-button]");
+    const missionTitle = home.querySelector<HTMLElement>("[data-mission-title]");
+    const missionDescription = home.querySelector<HTMLElement>("[data-mission-description]");
+    const missionLink = home.querySelector<HTMLAnchorElement>("[data-mission-link]");
+    const missionStatus = home.querySelector<HTMLElement>("[data-mission-status]");
+    const labels = nodes.map((node) => node.getAttribute("aria-label") ?? "");
+    let activeIndex = 0;
+
+    const selectNode = (index: number, focus = false): void => {
+        const node = nodes[index];
+        if (!node) return;
+        activeIndex = index;
+        nodes.forEach((item, itemIndex) => item.classList.toggle("is-active", itemIndex === index));
+        updateMission(node, { title: missionTitle, description: missionDescription, status: missionStatus, link: missionLink }, labels[index] ?? "");
+        if (focus) node.focus({ preventScroll: false });
+    };
+
+    nodes.forEach((node, index) => {
+        node.addEventListener("focus", () => selectNode(index));
+        node.addEventListener("pointerenter", () => selectNode(index));
+    });
+    selectNode(0);
+    routeButton?.addEventListener("click", () => selectNode((activeIndex + 1) % nodes.length, true));
+}

package/src/category/i18n/es.ts

@@ -5,43 +5,44 @@ export const content: CategoryLocaleContent = {
   title: 'Herramientas de Astronomía',
   description: 'Calculadoras y simuladores gratuitos para astrónomos aficionados. Planifica tus sesiones de observación y astrofotografía.',
   seo: [
-    { type: 'title', text: 'Astronomía Amateur: Herramientas para Explorar el Universo', level: 2 },
+    { type: 'title', text: 'Astronomía amateur: prepara la noche antes de salir', level: 2 },
     {
       type: 'paragraph',
-      html: 'La astronomía aficionada es una de las ciencias ciudadanas más apasionantes del mundo. Con el equipo adecuado y las herramientas correctas para planificar, cualquier persona puede explorar galaxias a millones de años luz, contemplar nebulosas donde nacen nuevas estrellas o estudiar la superficie de planetas de nuestro sistema solar. Esta suite de <strong>calculadoras astronómicas gratuitas</strong> está diseñada para elevar tu experiencia como observador.',
+      html: 'La astronomía amateur no empieza cuando pegas el ojo al ocular. Empieza al mirar el cielo que tendrás, elegir qué quieres observar y comprobar qué puede hacer tu equipo. Estas <strong>herramientas astronómicas gratuitas</strong> convierten esa preparación en decisiones concretas: cuánto ampliar, qué detalle esperar y cuánto tiempo puedes exponer sin dibujar trazas con las estrellas.',
     },
     {
       type: 'paragraph',
-      html: 'Desde la evaluación de la calidad de tu cielo con la escala de Bortle hasta el cálculo de la resolución óptica de tu telescopio, cada herramienta explica la fórmula que utiliza para que puedas planificar una sesión con expectativas realistas.',
+      html: 'No prometen un cielo perfecto ni sustituyen la experiencia. Te ayudan a llegar con menos dudas, aprovechar mejor una ventana de observación y entender por qué una noche funciona, o por qué conviene dejar el telescopio en casa y esperar a otra.',
     },
-    { type: 'title', text: 'Contaminación Lumínica: El Enemigo Número Uno del Astrónomo', level: 2 },
+    { type: 'title', text: 'Primero, averigua qué cielo tienes', level: 2 },
     {
       type: 'paragraph',
-      html: 'Vivimos en un mundo cada vez más iluminado. La <strong>contaminación lumínica</strong> crece a un ritmo del 10% anual y borra el cielo nocturno para más del 80% de la población mundial. La escala de Bortle, con sus 9 niveles, es el estándar internacional para cuantificar esta pérdida. Nuestro simulador de cielo oscuro te permite visualizar interactivamente cómo la luz artificial transforma el firmamento, desde el negro absoluto de un desierto remoto hasta el naranja opresivo de una metrópolis.',
+      html: 'La <strong>escala de Bortle</strong> pone nombre a algo que cualquier observador reconoce: la diferencia entre un cielo lavado por las farolas y uno donde la Vía Láctea vuelve a aparecer. El simulador de cielo oscuro recorre sus nueve niveles para que compares escenarios y sepas si la siguiente mejora está en el telescopio o en encontrar un lugar más oscuro.',
     },
-    { type: 'title', text: 'Tu Telescopio: Entender sus Capacidades Reales', level: 2 },
+    { type: 'title', text: 'Después, mide lo que puede darte el equipo', level: 2 },
     {
       type: 'paragraph',
-      html: 'El mercado está lleno de telescopios que prometen "ver Saturno con sus anillos" con cualquier apertura. La realidad es que la <strong>apertura del objetivo</strong> es el parámetro más crítico. Determina cuánta luz recolecta (magnitud límite) y cuánto detalle puede resolver (poder de resolución). Las calculadoras de alcance y resolución de esta sección te dan números concretos: qué catálogos de objetos están a tu alcance y cuánto detalle puedes esperar en las superficies planetarias.',
+      html: 'La apertura importa, pero no trabaja sola. La <strong>magnitud límite</strong> estima hasta dónde puede llegar tu telescopio; la resolución de Dawes y Rayleigh ayuda a entender cuándo dos estrellas están demasiado juntas para separarlas. El resultado nunca vence a la atmósfera, al enfoque ni a la turbulencia: sirve para poner expectativas realistas y observar con más criterio.',
     },
     {
       type: 'list',
       items: [
-        '<strong>Escala de Bortle:</strong> Evalúa la calidad de tu cielo antes de desplazarte a un lugar de observación.',
-        '<strong>Alcance del Telescopio:</strong> Calcula la magnitud límite de tu equipo en función de la apertura y el cielo.',
-        '<strong>Regla de los 500 / NPF:</strong> Determina el tiempo de exposición máximo para astrofotografía sin trazas.',
-        '<strong>Resolución Óptica:</strong> Conoce el límite de Dawes y Rayleigh de tu telescopio.',
+        '<strong>Cielo oscuro:</strong> Recorre la escala de Bortle y descubre cuánto cambia una misma noche con menos contaminación lumínica.',
+        '<strong>Magnitud límite:</strong> Calcula una referencia del alcance visual de tu telescopio a partir de su apertura.',
+        '<strong>Resolución:</strong> Usa Dawes y Rayleigh para saber cuándo un sistema doble puede empezar a separarse.',
+        '<strong>Oculares:</strong> Relaciona aumento, pupila de salida y campo real antes de cambiar de ocular.',
+        '<strong>Astrofotografía:</strong> Ajusta la exposición, la regla de los 500 o NPF y el apilado para mantener estrellas puntuales.',
       ],
     },
     {
       type: 'tip',
-      title: 'El Primer Paso: Conoce tu Cielo',
-      html: 'Antes de invertir en un telescopio más grande, considera desplazarte a un cielo más oscuro. Un telescopio de 150mm bajo un cielo Bortle 3 supera ampliamente a un instrumento de 300mm bajo un Bortle 7. La oscuridad del cielo multiplica el rendimiento de cualquier equipo.',
+      title: 'La mejora que no se compra con más apertura',
+      html: 'Antes de cambiar de telescopio, prueba el mismo objeto bajo un cielo más oscuro. Pasar de un entorno Bortle 7 a uno Bortle 3 puede revelar contraste, estrellas y estructuras que no faltaban en tu equipo: faltaba oscuridad.',
     },
-    { type: 'title', text: 'Astrofotografía de Cielo Profundo: Captura el Cosmos', level: 2 },
+    { type: 'title', text: 'Si haces fotos, calcula antes de disparar', level: 2 },
     {
       type: 'paragraph',
-      html: 'La astrofotografía ha democratizado el acceso al universo. Con una cámara DSLR estándar y un objetivo gran angular, puedes capturar la Vía Láctea en su esplendor. Con un telescopio y un seguidor ecuatorial, puedes fotografiar nebulosas y galaxias que superan lo que los mejores observatorios podían ver hace solo décadas. La clave está en el <strong>tiempo de exposición</strong>: demasiado corto y pierdes detalles tenues; demasiado largo y obtienes trazos de estrella por la rotación terrestre.',
+      html: 'En una toma fija, la rotación terrestre termina convirtiendo las estrellas en trazas. La regla de los 500 y la NPF ofrecen un tiempo de exposición inicial según la focal y la cámara; el apilado suma señal sin pedirle todo a una sola imagen. Son referencias, no leyes: revisa las esquinas, mira el histograma y ajusta en el campo.',
     },
     {
       type: 'stats',

package/src/layouts/AstronomyCategoryHome.astro

@@ -0,0 +1,224 @@
+---
+import { Icon } from "astro-icon/components";
+import { SEORenderer } from "@jjlmoya/utils-shared";
+import ProductionBreadcrumb from "../components/ProductionBreadcrumb.astro";
+import ProductionPage from "./ProductionPage.astro";
+import { getCategoryPath } from "../mfe/routes";
+import { getCategoryUi } from "../mfe/category-ui";
+import type { CategoryLocaleContent, KnownLocale } from "../types";
+import "../category/astronomy-category-home.css";
+
+interface CategoryTool {
+    id: string;
+    icon: string;
+    title: string;
+    description: string;
+    href: string;
+}
+
+interface Props {
+    locale: KnownLocale;
+    category: CategoryLocaleContent;
+    tools: CategoryTool[];
+    alternates: { language: KnownLocale; url: string }[];
+    image?: string | undefined;
+}
+
+const { locale, category, tools, alternates, image } = Astro.props;
+const publicPath = getCategoryPath(locale, category.slug);
+const ui = getCategoryUi(locale);
+const firstTool = tools[0];
+const constellationTools = tools;
+const getToolPointSize = (count: number): string => {
+    if (count > 500) return "0.28rem";
+    if (count > 80) return "0.4rem";
+    return "0.72rem";
+};
+const toolPointSize = getToolPointSize(tools.length);
+const getStarSize = (index: number): string => {
+    if (index % 11 === 0) return "0.28rem";
+    if (index % 4 === 0) return "0.16rem";
+    return "0.1rem";
+};
+const getStarOpacity = (index: number): string => {
+    if (index % 7 === 0) return "0.95";
+    if (index % 3 === 0) return "0.65";
+    return "0.38";
+};
+const stars = Array.from({ length: 72 }, (_, index) => ({
+    left: `${((index * 47) % 97) + 1}%`,
+    top: `${((index * 61) % 91) + 3}%`,
+    size: getStarSize(index),
+    opacity: getStarOpacity(index),
+    delay: `${index % 9}`,
+}));
+const getConstellationSide = (left: number, top: number): "left" | "right" | "bottom" | "top" => {
+    if (left > 62) return "right";
+    if (left < 38) return "left";
+    return top > 50 ? "bottom" : "top";
+};
+const handPlacedPositions = [
+    [55, 12],
+    [80, 28],
+    [88, 57],
+    [69, 81],
+    [43, 91],
+    [17, 73],
+    [11, 43],
+    [30, 20],
+    [63, 24],
+    [83, 73],
+    [25, 57],
+    [39, 11],
+] as const;
+const constellationPositions = constellationTools.map((_, index) => {
+    const count = Math.max(constellationTools.length, 1);
+    const handPlaced = handPlacedPositions[index];
+    const drift = ((index * 17) % 13) - 6;
+    const angle = index * 2.399963 + drift * 0.025;
+    const radius = 12 + Math.sqrt((index + 0.5) / count) * 34 + drift * 0.25;
+    const left = handPlaced?.[0] ?? 50 + Math.cos(angle) * radius;
+    const top = handPlaced?.[1] ?? 50 + Math.sin(angle) * radius;
+    return {
+        left: `${left.toFixed(2)}%`,
+        top: `${top.toFixed(2)}%`,
+        side: getConstellationSide(left, top),
+    };
+});
+---
+
+<ProductionPage
+    title={category.title}
+    description={category.description}
+    {locale}
+    {publicPath}
+    {alternates}
+    {image}
+>
+    <div class="astronomy-home" data-astronomy-home>
+        <div class="astronomy-page-stars" aria-hidden="true">
+            {stars.slice(0, 42).map((star) => (
+                <i
+                    class="astronomy-page-star"
+                    style={`--star-left: ${star.left}; --star-top: ${star.top}; --star-size: ${star.size}; --star-opacity: ${star.opacity}; --star-delay: ${star.delay}s;`}
+                ></i>
+            ))}
+        </div>
+        <div class="astronomy-shell">
+            <ProductionBreadcrumb locale={locale} currentTitle={category.title} />
+
+            <section class="astronomy-orbit" aria-labelledby="astronomy-title">
+                <div id="astronomy-sky" class:list={["astronomy-sky", tools.length > 12 && "astronomy-sky-dense"]} aria-label={category.title}>
+                    <div class="astronomy-sky-stars" aria-hidden="true">
+                        {stars.map((star) => (
+                            <i
+                                class="astronomy-star"
+                                style={`--star-left: ${star.left}; --star-top: ${star.top}; --star-size: ${star.size}; --star-opacity: ${star.opacity}; --star-delay: ${star.delay}s;`}
+                            ></i>
+                        ))}
+                    </div>
+                    <div class="astronomy-sky-dust" aria-hidden="true"></div>
+                    <div class="astronomy-sky-coordinates" aria-hidden="true">
+                        <span>α 05h 55m 10s</span>
+                        <span>δ +07° 24′ 25″</span>
+                    </div>
+                    <div class="astronomy-celestial-scene" aria-hidden="true">
+                        <div class="astronomy-orbit-track astronomy-orbit-track-one"><span class="astronomy-orbit-body astronomy-orbit-body-one"></span></div>
+                        <div class="astronomy-orbit-track astronomy-orbit-track-two"><span class="astronomy-orbit-body astronomy-orbit-body-two"></span></div>
+                        <div class="astronomy-orbit-track astronomy-orbit-track-three"><span class="astronomy-orbit-body astronomy-orbit-body-three"></span></div>
+                        <div class="astronomy-planet"><span></span></div>
+                    </div>
+                    <div class="astronomy-constellation-center" aria-hidden="true">
+                        <span>ASTRONOMIA</span>
+                        <b>*</b>
+                    </div>
+
+                    {constellationTools.map((tool, index) => (
+                        <a
+                            class:list={["astronomy-star-link", `astronomy-star-link-${constellationPositions[index]?.side ?? "top"}`]}
+                            href={tool.href}
+                            data-tool-node
+                            data-tool-index={index}
+                            style={`--node-left: ${constellationPositions[index]?.left}; --node-top: ${constellationPositions[index]?.top}; --node-size: ${toolPointSize};`}
+                            aria-label={`${tool.title}: ${ui.openTool}`}
+                        >
+                            <span class="astronomy-star-link-point" aria-hidden="true"></span>
+                            <span class="astronomy-star-link-label">
+                                <span class="astronomy-star-link-icon" aria-hidden="true"><Icon name={tool.icon} /></span>
+                                <b>{String(index + 1).padStart(2, "0")}</b>
+                                <strong>{tool.title}</strong>
+                                <small>{tool.description}</small>
+                            </span>
+                        </a>
+                    ))}
+
+                    <p class="astronomy-sky-caption">{String(tools.length).padStart(2, "0")} {ui.catalogLabel}</p>
+                </div>
+
+                <div class="astronomy-editorial">
+                    <p class="astronomy-overline">{ui.observationEyebrow}</p>
+                    <h1 id="astronomy-title">{category.title}</h1>
+                    <p class="astronomy-lede">{category.description}</p>
+
+                    {firstTool && (
+                        <div class="astronomy-observation" data-mission-panel>
+                            <div class="astronomy-observation-heading">
+                                <span class="astronomy-observation-dot" aria-hidden="true"></span>
+                                <p>{ui.missionLabel}</p>
+                            </div>
+                            <h2 data-mission-title>{firstTool.title}</h2>
+                            <p data-mission-description>{firstTool.description}</p>
+                            <div class="astronomy-observation-actions">
+                                <button type="button" data-route-button aria-controls="astronomy-sky">
+                                    {ui.exploreRoute}<span aria-hidden="true">↗</span>
+                                </button>
+                                <a data-mission-link href={firstTool.href}>
+                                    {ui.openTool}<span aria-hidden="true">→</span>
+                                </a>
+                            </div>
+                            <p class="astronomy-observation-status" aria-live="polite" data-mission-status>
+                                {firstTool.title}
+                            </p>
+                        </div>
+                    )}
+
+                    <nav class="astronomy-tool-index" aria-label={category.title}>
+                        <details open={tools.length <= 12}>
+                            <summary class="astronomy-tool-index-title">
+                                <span>{ui.toolIndexLabel}</span>
+                                <span>{String(tools.length).padStart(2, "0")}</span>
+                            </summary>
+                            <ol>
+                                {tools.map((tool, index) => (
+                                    <li>
+                                        <a href={tool.href} data-tool-index-link data-tool-index={index}>
+                                            <span>{String(index + 1).padStart(2, "0")}</span>
+                                            <strong>{tool.title}</strong>
+                                            <i aria-hidden="true">↗</i>
+                                        </a>
+                                    </li>
+                                ))}
+                            </ol>
+                        </details>
+                    </nav>
+                </div>
+            </section>
+
+            <section class="astronomy-field-notes" aria-labelledby="astronomy-notes-title">
+                <div class="astronomy-field-notes-title">
+                    <span class="astronomy-overline">{ui.fieldNotesLabel}</span>
+                    <h2 id="astronomy-notes-title">{ui.fieldNotesTitle}</h2>
+                </div>
+                <div class="astronomy-seo">
+                    <SEORenderer content={{ locale, sections: category.seo }} />
+                </div>
+            </section>
+        </div>
+    </div>
+</ProductionPage>
+
+<script>
+    import { enhanceAstronomyHome } from "../category/astronomy-category-home";
+
+    enhanceAstronomyHome();
+</script>

package/src/mfe/category-ui.ts

@@ -3,6 +3,13 @@ import type { KnownLocale } from '../types';
 export interface CategoryUi {
   useTool: string;
   openTool: string;
+  exploreRoute: string;
+  missionLabel: string;
+  catalogLabel: string;
+  observationEyebrow: string;
+  toolIndexLabel: string;
+  fieldNotesLabel: string;
+  fieldNotesTitle: string;
   relatedEyebrow: string;
   moreToolsIn: string;
   zoom: string;
@@ -14,21 +21,21 @@ export interface CategoryUi {
 }
 
 export const CATEGORY_UI: Record<KnownLocale, CategoryUi> = {
-  es: { useTool: 'Usar herramienta', openTool: 'Abrir herramienta', relatedEyebrow: 'Sigue explorando', moreToolsIn: 'Más herramientas en', zoom: 'Zoom', zoomControls: 'Controles de zoom', zoomOut: 'Reducir zoom', resetZoom: 'Restablecer zoom', zoomIn: 'Aumentar zoom', breadcrumb: 'Migas de pan' },
-  en: { useTool: 'Use tool', openTool: 'Open tool', relatedEyebrow: 'Keep exploring', moreToolsIn: 'More tools in', zoom: 'Zoom', zoomControls: 'Zoom controls', zoomOut: 'Zoom out', resetZoom: 'Reset zoom', zoomIn: 'Zoom in', breadcrumb: 'Breadcrumb' },
-  fr: { useTool: "Utiliser l'outil", openTool: "Ouvrir l'outil", relatedEyebrow: 'Continuez à explorer', moreToolsIn: "Plus d'outils dans", zoom: 'Zoom', zoomControls: 'Commandes de zoom', zoomOut: 'Réduire le zoom', resetZoom: 'Réinitialiser le zoom', zoomIn: 'Augmenter le zoom', breadcrumb: 'Fil d’Ariane' },
-  de: { useTool: 'Werkzeug verwenden', openTool: 'Werkzeug öffnen', relatedEyebrow: 'Mehr entdecken', moreToolsIn: 'Weitere Werkzeuge in', zoom: 'Zoom', zoomControls: 'Zoom-Steuerung', zoomOut: 'Verkleinern', resetZoom: 'Zoom zurücksetzen', zoomIn: 'Vergrößern', breadcrumb: 'Brotkrümelnavigation' },
-  it: { useTool: 'Usa lo strumento', openTool: 'Apri lo strumento', relatedEyebrow: 'Continua a esplorare', moreToolsIn: 'Altri strumenti in', zoom: 'Zoom', zoomControls: 'Controlli zoom', zoomOut: 'Riduci zoom', resetZoom: 'Reimposta zoom', zoomIn: 'Aumenta zoom', breadcrumb: 'Breadcrumb' },
-  pt: { useTool: 'Usar ferramenta', openTool: 'Abrir ferramenta', relatedEyebrow: 'Continue a explorar', moreToolsIn: 'Mais ferramentas em', zoom: 'Zoom', zoomControls: 'Controlos de zoom', zoomOut: 'Reduzir zoom', resetZoom: 'Repor zoom', zoomIn: 'Aumentar zoom', breadcrumb: 'Trilho de navegação' },
-  nl: { useTool: 'Tool gebruiken', openTool: 'Tool openen', relatedEyebrow: 'Blijf ontdekken', moreToolsIn: 'Meer tools in', zoom: 'Zoom', zoomControls: 'Zoomknoppen', zoomOut: 'Uitzoomen', resetZoom: 'Zoom herstellen', zoomIn: 'Inzoomen', breadcrumb: 'Broodkruimelnavigatie' },
-  sv: { useTool: 'Använd verktyget', openTool: 'Öppna verktyget', relatedEyebrow: 'Utforska mer', moreToolsIn: 'Fler verktyg i', zoom: 'Zoom', zoomControls: 'Zoomkontroller', zoomOut: 'Zooma ut', resetZoom: 'Återställ zoom', zoomIn: 'Zooma in', breadcrumb: 'Brödsmulenavigering' },
-  pl: { useTool: 'Użyj narzędzia', openTool: 'Otwórz narzędzie', relatedEyebrow: 'Odkrywaj dalej', moreToolsIn: 'Więcej narzędzi w', zoom: 'Powiększenie', zoomControls: 'Sterowanie powiększeniem', zoomOut: 'Pomniejsz', resetZoom: 'Resetuj powiększenie', zoomIn: 'Powiększ', breadcrumb: 'Okruszki nawigacji' },
-  id: { useTool: 'Gunakan alat', openTool: 'Buka alat', relatedEyebrow: 'Jelajahi lebih lanjut', moreToolsIn: 'Alat lainnya di', zoom: 'Zoom', zoomControls: 'Kontrol zoom', zoomOut: 'Perkecil', resetZoom: 'Atur ulang zoom', zoomIn: 'Perbesar', breadcrumb: 'Breadcrumb' },
-  tr: { useTool: 'Aracı kullan', openTool: 'Aracı aç', relatedEyebrow: 'Keşfetmeye devam edin', moreToolsIn: 'Diğer araçlar:', zoom: 'Yakınlaştırma', zoomControls: 'Yakınlaştırma denetimleri', zoomOut: 'Uzaklaştır', resetZoom: 'Yakınlaştırmayı sıfırla', zoomIn: 'Yakınlaştır', breadcrumb: 'İçerik haritası' },
-  ru: { useTool: 'Использовать инструмент', openTool: 'Открыть инструмент', relatedEyebrow: 'Продолжить изучение', moreToolsIn: 'Другие инструменты в', zoom: 'Масштаб', zoomControls: 'Управление масштабом', zoomOut: 'Уменьшить', resetZoom: 'Сбросить масштаб', zoomIn: 'Увеличить', breadcrumb: 'Навигационная цепочка' },
-  ja: { useTool: 'ツールを使う', openTool: 'ツールを開く', relatedEyebrow: 'さらに探索', moreToolsIn: 'その他のツール：', zoom: 'ズーム', zoomControls: 'ズーム操作', zoomOut: '縮小', resetZoom: 'ズームをリセット', zoomIn: '拡大', breadcrumb: 'パンくずリスト' },
-  ko: { useTool: '도구 사용', openTool: '도구 열기', relatedEyebrow: '더 탐색하기', moreToolsIn: '카테고리의 다른 도구:', zoom: '확대/축소', zoomControls: '확대/축소 컨트롤', zoomOut: '축소', resetZoom: '확대/축소 초기화', zoomIn: '확대', breadcrumb: '탐색 경로' },
-  zh: { useTool: '使用工具', openTool: '打开工具', relatedEyebrow: '继续探索', moreToolsIn: '更多工具：', zoom: '缩放', zoomControls: '缩放控件', zoomOut: '缩小', resetZoom: '重置缩放', zoomIn: '放大', breadcrumb: '面包屑导航' },
+  es: { useTool: 'Usar herramienta', openTool: 'Abrir herramienta', exploreRoute: 'Apuntar al siguiente', missionLabel: 'Objetivo de observación', catalogLabel: 'estrellas', observationEyebrow: 'Cuaderno de observación · 01', toolIndexLabel: 'Todas las estrellas', fieldNotesLabel: 'Notas de campo', fieldNotesTitle: 'Para cuando el cielo pide más tiempo', relatedEyebrow: 'Sigue explorando', moreToolsIn: 'Más herramientas en', zoom: 'Zoom', zoomControls: 'Controles de zoom', zoomOut: 'Reducir zoom', resetZoom: 'Restablecer zoom', zoomIn: 'Aumentar zoom', breadcrumb: 'Migas de pan' },
+  en: { useTool: 'Use tool', openTool: 'Open tool', exploreRoute: 'Point to next', missionLabel: 'Observation target', catalogLabel: 'stars', observationEyebrow: 'Observation log · 01', toolIndexLabel: 'All stars', fieldNotesLabel: 'Field notes', fieldNotesTitle: 'For when the sky asks for more time', relatedEyebrow: 'Keep exploring', moreToolsIn: 'More tools in', zoom: 'Zoom', zoomControls: 'Zoom controls', zoomOut: 'Zoom out', resetZoom: 'Reset zoom', zoomIn: 'Zoom in', breadcrumb: 'Breadcrumb' },
+  fr: { useTool: "Utiliser l'outil", openTool: "Ouvrir l'outil", exploreRoute: 'Pointer vers la suivante', missionLabel: "Cible d'observation", catalogLabel: 'étoiles', observationEyebrow: "Carnet d'observation · 01", toolIndexLabel: 'Toutes les étoiles', fieldNotesLabel: 'Notes de terrain', fieldNotesTitle: 'Quand le ciel demande plus de temps', relatedEyebrow: 'Continuez à explorer', moreToolsIn: "Plus d'outils dans", zoom: 'Zoom', zoomControls: 'Commandes de zoom', zoomOut: 'Réduire zoom', resetZoom: 'Réinitialiser le zoom', zoomIn: 'Augmenter zoom', breadcrumb: 'Fil d’Ariane' },
+  de: { useTool: 'Werkzeug verwenden', openTool: 'Werkzeug öffnen', exploreRoute: 'Nächsten anpeilen', missionLabel: 'Beobachtungsziel', catalogLabel: 'Sterne', observationEyebrow: 'Beobachtungsnotiz · 01', toolIndexLabel: 'Alle Sterne', fieldNotesLabel: 'Feldnotizen', fieldNotesTitle: 'Wenn der Himmel nach mehr Zeit verlangt', relatedEyebrow: 'Mehr entdecken', moreToolsIn: 'Weitere Werkzeuge in', zoom: 'Zoom', zoomControls: 'Zoom-Steuerung', zoomOut: 'Verkleinern', resetZoom: 'Zoom zurücksetzen', zoomIn: 'Vergrößern', breadcrumb: 'Brotkrümelnavigation' },
+  it: { useTool: 'Usa lo strumento', openTool: 'Apri lo strumento', exploreRoute: 'Punta alla prossima', missionLabel: 'Obiettivo di osservazione', catalogLabel: 'stelle', observationEyebrow: 'Diario di osservazione · 01', toolIndexLabel: 'Tutte le stelle', fieldNotesLabel: 'Note di campo', fieldNotesTitle: 'Quando il cielo chiede più tempo', relatedEyebrow: 'Continua a esplorare', moreToolsIn: 'Altri strumenti in', zoom: 'Zoom', zoomControls: 'Controlli zoom', zoomOut: 'Riduci zoom', resetZoom: 'Reimposta zoom', zoomIn: 'Aumenta zoom', breadcrumb: 'Breadcrumb' },
+  pt: { useTool: 'Usar ferramenta', openTool: 'Abrir ferramenta', exploreRoute: 'Apontar para a próxima', missionLabel: 'Alvo de observação', catalogLabel: 'estrelas', observationEyebrow: 'Diário de observação · 01', toolIndexLabel: 'Todas as estrelas', fieldNotesLabel: 'Notas de campo', fieldNotesTitle: 'Quando o céu pede mais tempo', relatedEyebrow: 'Continue a explorar', moreToolsIn: 'Mais ferramentas em', zoom: 'Zoom', zoomControls: 'Controlos de zoom', zoomOut: 'Reduzir zoom', resetZoom: 'Repor zoom', zoomIn: 'Aumentar zoom', breadcrumb: 'Trilho de navegação' },
+  nl: { useTool: 'Tool gebruiken', openTool: 'Tool openen', exploreRoute: 'Volgende aanwijzen', missionLabel: 'Observatiedoel', catalogLabel: 'sterren', observationEyebrow: 'Observatienotitie · 01', toolIndexLabel: 'Alle sterren', fieldNotesLabel: 'Veldnotities', fieldNotesTitle: 'Wanneer de hemel om meer tijd vraagt', relatedEyebrow: 'Blijf ontdekken', moreToolsIn: 'Meer tools in', zoom: 'Zoom', zoomControls: 'Zoomknoppen', zoomOut: 'Uitzoomen', resetZoom: 'Zoom herstellen', zoomIn: 'Inzoomen', breadcrumb: 'Broodkruimelnavigatie' },
+  sv: { useTool: 'Använd verktyget', openTool: 'Öppna verktyget', exploreRoute: 'Peka på nästa', missionLabel: 'Observationsmål', catalogLabel: 'stjärnor', observationEyebrow: 'Observationslogg · 01', toolIndexLabel: 'Alla stjärnor', fieldNotesLabel: 'Fältanteckningar', fieldNotesTitle: 'När himlen ber om mer tid', relatedEyebrow: 'Utforska mer', moreToolsIn: 'Fler verktyg i', zoom: 'Zoom', zoomControls: 'Zoomkontroller', zoomOut: 'Zooma ut', resetZoom: 'Återställ zoom', zoomIn: 'Zooma in', breadcrumb: 'Brödsmulenavigering' },
+  pl: { useTool: 'Użyj narzędzia', openTool: 'Otwórz narzędzie', exploreRoute: 'Wskaż następną', missionLabel: 'Cel obserwacji', catalogLabel: 'gwiazd', observationEyebrow: 'Dziennik obserwacji · 01', toolIndexLabel: 'Wszystkie gwiazdy', fieldNotesLabel: 'Notatki terenowe', fieldNotesTitle: 'Gdy niebo prosi o więcej czasu', relatedEyebrow: 'Odkrywaj dalej', moreToolsIn: 'Więcej narzędzi w', zoom: 'Powiększenie', zoomControls: 'Sterowanie powiększeniem', zoomOut: 'Pomniejsz', resetZoom: 'Resetuj powiększenie', zoomIn: 'Powiększ', breadcrumb: 'Okruszki nawigacji' },
+  id: { useTool: 'Gunakan alat', openTool: 'Buka alat', exploreRoute: 'Arahkan ke berikutnya', missionLabel: 'Target pengamatan', catalogLabel: 'bintang', observationEyebrow: 'Catatan pengamatan · 01', toolIndexLabel: 'Semua bintang', fieldNotesLabel: 'Catatan lapangan', fieldNotesTitle: 'Saat langit meminta lebih banyak waktu', relatedEyebrow: 'Jelajahi lebih lanjut', moreToolsIn: 'Alat lainnya di', zoom: 'Zoom', zoomControls: 'Kontrol zoom', zoomOut: 'Perkecil', resetZoom: 'Atur ulang zoom', zoomIn: 'Perbesar', breadcrumb: 'Breadcrumb' },
+  tr: { useTool: 'Aracı kullan', openTool: 'Aracı aç', exploreRoute: 'Sonrakine yönel', missionLabel: 'Gözlem hedefi', catalogLabel: 'yıldız', observationEyebrow: 'Gözlem günlüğü · 01', toolIndexLabel: 'Tüm yıldızlar', fieldNotesLabel: 'Saha notları', fieldNotesTitle: 'Gökyüzü daha fazla zaman istediğinde', relatedEyebrow: 'Keşfetmeye devam edin', moreToolsIn: 'Diğer araçlar:', zoom: 'Yakınlaştırma', zoomControls: 'Yakınlaştırma denetimleri', zoomOut: 'Uzaklaştır', resetZoom: 'Yakınlaştırmayı sıfırla', zoomIn: 'Yakınlaştır', breadcrumb: 'İçerik haritası' },
+  ru: { useTool: 'Использовать инструмент', openTool: 'Открыть инструмент', exploreRoute: 'Навести на следующую', missionLabel: 'Цель наблюдения', catalogLabel: 'звёзд', observationEyebrow: 'Журнал наблюдений · 01', toolIndexLabel: 'Все звёзды', fieldNotesLabel: 'Полевые заметки', fieldNotesTitle: 'Когда небо просит больше времени', relatedEyebrow: 'Продолжить изучение', moreToolsIn: 'Другие инструменты в', zoom: 'Масштаб', zoomControls: 'Управление масштабом', zoomOut: 'Уменьшить', resetZoom: 'Сбросить масштаб', zoomIn: 'Увеличить', breadcrumb: 'Навигационная цепочка' },
+  ja: { useTool: 'ツールを使う', openTool: 'ツールを開く', exploreRoute: '次へ向ける', missionLabel: '観測対象', catalogLabel: '星', observationEyebrow: '観測ノート · 01', toolIndexLabel: 'すべての星', fieldNotesLabel: 'フィールドノート', fieldNotesTitle: '空がもっと時間を求めるとき', relatedEyebrow: 'さらに探索', moreToolsIn: 'その他のツール：', zoom: 'ズーム', zoomControls: 'ズーム操作', zoomOut: '縮小', resetZoom: 'ズームをリセット', zoomIn: '拡大', breadcrumb: 'パンくずリスト' },
+  ko: { useTool: '도구 사용', openTool: '도구 열기', exploreRoute: '다음 별 가리키기', missionLabel: '관측 대상', catalogLabel: '별', observationEyebrow: '관측 기록 · 01', toolIndexLabel: '모든 별', fieldNotesLabel: '현장 기록', fieldNotesTitle: '하늘이 더 많은 시간을 요구할 때', relatedEyebrow: '더 탐색하기', moreToolsIn: '카테고리의 다른 도구:', zoom: '확대/축소', zoomControls: '확대/축소 컨트롤', zoomOut: '축소', resetZoom: '확대/축소 초기화', zoomIn: '확대', breadcrumb: '탐색 경로' },
+  zh: { useTool: '使用工具', openTool: '打开工具', exploreRoute: '指向下一颗', missionLabel: '观测目标', catalogLabel: '颗星', observationEyebrow: '观测记录 · 01', toolIndexLabel: '所有星辰', fieldNotesLabel: '观测笔记', fieldNotesTitle: '当夜空需要更多时间', relatedEyebrow: '继续探索', moreToolsIn: '更多工具：', zoom: '缩放', zoomControls: '缩放控件', zoomOut: '缩小', resetZoom: '重置缩放', zoomIn: '放大', breadcrumb: '面包屑导航' },
 };
 
 export const getCategoryUi = (locale: KnownLocale): CategoryUi => CATEGORY_UI[locale];

package/src/pages/[locale]/[utilities]/[categories]/[category].astro

@@ -1,5 +1,5 @@
 ---
-import ProductionCategoryPage from "../../../../layouts/ProductionCategoryPage.astro";
+import AstronomyCategoryHome from "../../../../layouts/AstronomyCategoryHome.astro";
 import { ALL_TOOLS, astronomyCategory } from "../../../../index";
 import { LANGUAGE_CODES, type Language } from "../../../../i18n/languages";
 import { getCategoryNamespace, getCategoryPath, getUtilityNamespace, getUtilityPath } from "../../../../mfe/routes";
@@ -41,4 +41,4 @@ const tools = await Promise.all(ALL_TOOLS.map(async ({ entry }) => {
 }));
 ---
 
-<ProductionCategoryPage locale={locale} {category} {tools} {alternates} image={CATEGORY_OG_IMAGE} />
+<AstronomyCategoryHome locale={locale} {category} {tools} {alternates} image={CATEGORY_OG_IMAGE} />

package/src/pages/utilidades/categorias/[category].astro

@@ -1,5 +1,5 @@
 ---
-import ProductionCategoryPage from "../../../layouts/ProductionCategoryPage.astro";
+import AstronomyCategoryHome from "../../../layouts/AstronomyCategoryHome.astro";
 import { ALL_TOOLS, astronomyCategory } from "../../../index";
 import { LANGUAGE_CODES, type Language } from "../../../i18n/languages";
 import { getCategoryPath, getUtilityPath } from "../../../mfe/routes";
@@ -35,4 +35,4 @@ const tools = await Promise.all(ALL_TOOLS.map(async ({ entry }) => {
 }));
 ---
 
-<ProductionCategoryPage locale="es" {category} {tools} {alternates} image={CATEGORY_OG_IMAGE} />
+<AstronomyCategoryHome locale="es" {category} {tools} {alternates} image={CATEGORY_OG_IMAGE} />