@jjlmoya/utils-pets 1.18.0 → 1.19.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-pets",
-    "version": "1.18.0",
+    "version": "1.19.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/category/index.ts

@@ -2,10 +2,11 @@ import type { PetCategoryEntry } from '../types';
 import { petAge } from '../tool/petAge/entry';
 import { petRation } from '../tool/petRation/entry';
 import { petGestation } from '../tool/petGestation/entry';
+import { petToxicity } from '../tool/petToxicity/entry';
 
 export const petsCategory: PetCategoryEntry = {
   icon: 'mdi:paw',
-  tools: [petAge, petRation, petGestation],
+  tools: [petAge, petRation, petGestation, petToxicity],
   i18n: {
     en: () => import('./i18n/en').then((m) => m.content),
     es: () => import('./i18n/es').then((m) => m.content),

package/src/data.ts

@@ -2,10 +2,12 @@ export { petsCategory } from './category';
 export { petAge } from './tool/petAge';
 export { petRation } from './tool/petRation';
 export { petGestation } from './tool/petGestation';
+export { petToxicity } from './tool/petToxicity';
 
 export type { PetAgeUI, PetAgeLocaleContent } from './tool/petAge';
 export type { PetRationUI, PetRationLocaleContent } from './tool/petRation';
 export type { PetGestationUI, PetGestationLocaleContent } from './tool/petGestation';
+export type { PetToxicityUI, PetToxicityLocaleContent } from './tool/petToxicity';
 
 export type {
   KnownLocale,

package/src/entries.ts

@@ -2,8 +2,11 @@ export { petAge } from './tool/petAge/entry';
 export type { PetAgeUI, PetAgeLocaleContent } from './tool/petAge/entry';
 export { petRation } from './tool/petRation/entry';
 export type { PetRationUI, PetRationLocaleContent } from './tool/petRation/entry';
+export { petToxicity } from './tool/petToxicity/entry';
+export type { PetToxicityUI, PetToxicityLocaleContent } from './tool/petToxicity/entry';
 export { petsCategory } from './category';
 import { petAge } from './tool/petAge/entry';
 import { petRation } from './tool/petRation/entry';
 import { petGestation } from './tool/petGestation/entry';
-export const ALL_ENTRIES = [petAge, petRation, petGestation];
+import { petToxicity } from './tool/petToxicity/entry';
+export const ALL_ENTRIES = [petAge, petRation, petGestation, petToxicity];

package/src/layouts/PreviewLayout.astro

@@ -87,7 +87,9 @@ const {
   }
 
   main {
+    min-width: 0;
     padding: 0 2rem;
+    width: 100%;
   }
 
   .page-wrapper {

package/src/pages/[locale]/[slug].astro

@@ -15,7 +15,8 @@ export async function getStaticPaths() {
   const paths = [];
 
   for (const { entry, Component: lazyComp } of ALL_TOOLS) {
-    const { default: Component } = await lazyComp();
+    const componentLoader = lazyComp as () => Promise<{ default: ToolComponent }>;
+    const { default: Component } = await componentLoader();
     const localeEntries = Object.entries(entry.i18n) as [
       KnownLocale,
       () => Promise<ToolLocaleContent>,
@@ -71,7 +72,7 @@ interface NavItem {
 }
 
 interface Props {
-  Component: unknown;
+  Component: ToolComponent;
   locale: KnownLocale;
   content: ToolLocaleContent;
   localeUrls: Partial<Record<KnownLocale, string>>;
@@ -79,11 +80,14 @@ interface Props {
   englishSlug: string;
 }
 
-const { Component, locale, content, localeUrls, allToolsNav, englishSlug } = Astro.props;
+type ToolComponent = (props: { ui: Record<string, string> }) => unknown;
+
+const { Component, locale, content, localeUrls, allToolsNav, englishSlug } = Astro.props as Props;
 
 const cssFiles = import.meta.glob("../../tool/*/*.css", { query: "?raw", import: "default" });
 const cssKey = Object.keys(cssFiles).find((k) => k.endsWith(`/${englishSlug}.css`));
-const toolCss = cssKey ? await cssFiles[cssKey]() as string : "";
+const cssLoader = cssKey ? cssFiles[cssKey] : undefined;
+const toolCss = cssLoader ? await cssLoader() as string : "";
 
 const seoContent: UtilitySEOContent = { locale, sections: content.seo ?? [] };
 
@@ -132,7 +136,7 @@ const titleBase = words.slice(1).join(" ") || "";
     </section>
 
     <section class="section-faq">
-      <FAQSection items={content.faq} inLanguage={locale} title={content.faqTitle} />
+      <FAQSection items={content.faq} />
     </section>
 
     <section class="section-bibliography">
@@ -146,17 +150,22 @@ const titleBase = words.slice(1).join(" ") || "";
     display: flex;
     flex-direction: column;
     gap: 2rem;
+    min-width: 0;
+    width: 100%;
   }
 
   .section-tool {
     max-width: 1200px;
     margin: 0 auto;
+    min-width: 0;
     width: 100%;
   }
 
   .section-seo,
   .section-faq,
   .section-bibliography {
+    min-width: 0;
+    width: 100%;
     padding-top: 2rem;
     border-top: 1px solid var(--border-color);
   }

package/src/tests/diacritics_density.test.ts

@@ -96,7 +96,7 @@ describe('Diacritics density validation', () => {
           if (!loader) return;
 
           const content = await loader();
-          const text = normalizeText(translatableContent(content as Record<string, unknown>));
+          const text = normalizeText(translatableContent(content as unknown as Record<string, unknown>));
           const rule = DIACRITIC_RULES[typedLocale];
           const letters = letterCount(text);
           const matches = diacriticCount(text, typedLocale);

package/src/tests/faq_count.test.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest';
 import * as DATA from '../data';
 
-const TOOLS = [DATA.petAge, DATA.petRation, DATA.petGestation];
+const TOOLS = [DATA.petAge, DATA.petRation, DATA.petGestation, DATA.petToxicity];
 
 describe('FAQ Content Validation', () => {
   TOOLS.forEach((entry) => {

package/src/tests/inverted_punctuation.test.ts

@@ -60,7 +60,7 @@ describe('Inverted punctuation validation', () => {
 
           const rule = INVERTED_PUNCTUATION_LOCALES[typedLocale];
           const content = await loader();
-          const strings = translatableStrings(content as Record<string, unknown>);
+          const strings = translatableStrings(content as unknown as Record<string, unknown>);
           const missingQuestions = strings.flatMap((text) =>
             findMissingInvertedMarks(text, rule.questionStart, rule.questionEnd)
           );

package/src/tests/locale_completeness.test.ts

@@ -26,6 +26,6 @@ describe('Locale Completeness Validation', () => {
   });
 
   it('all tools registered', () => {
-    expect(ALL_TOOLS.length).toBe(3);
+    expect(ALL_TOOLS.length).toBe(4);
   });
 });

package/src/tests/script_density.test.ts

@@ -73,7 +73,7 @@ describe('Native script density validation', () => {
 
           const content = await loader();
           const rule = SCRIPT_RULES[typedLocale];
-          const text = normalizeText(translatableContent(content as Record<string, unknown>));
+          const text = normalizeText(translatableContent(content as unknown as Record<string, unknown>));
           const letters = letterCount(text);
           const matches = scriptCount(text, typedLocale);
           const ratio = scriptRatio(text, typedLocale);

package/src/tests/title_quality.test.ts

@@ -41,6 +41,7 @@ describe('Project Titles - Separator Validation', () => {
       let match;
       while ((match = pattern.exec(content)) !== null) {
         const title = match[1];
+        if (!title) continue;
         if (title.includes('|') || title.includes('-')) {
           findings.push(title);
         }

package/src/tests/tool_validation.test.ts

@@ -71,7 +71,7 @@ describe('Tool Validation Suite', () => {
               expect(content.slug).toMatch(/^[a-z0-9]+(-[a-z0-9]+)*$/);
 
               if (locale === 'es') {
-                const validSlugs = ['calculadora-edad-mascotas', 'calculadora-racion-diaria-mascotas', 'calculadora-gestacion-mascotas'];
+                const validSlugs = ['calculadora-edad-mascotas', 'calculadora-racion-diaria-mascotas', 'calculadora-gestacion-mascotas', 'buscador-alimentos-toxicos-perros-gatos'];
                 expect(validSlugs).toContain(content.slug);
               }
             });
@@ -96,12 +96,12 @@ describe('Tool Validation Suite', () => {
   });
 
   describe('Library Registration', () => {
-    it('should have 3 tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(3);
+    it('should have 4 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(4);
     });
 
     it('should have all tools in petsCategory', () => {
-      expect(petsCategory.tools.length).toBe(3);
+      expect(petsCategory.tools.length).toBe(4);
       ALL_TOOLS.forEach(({ entry }) => {
         const exists = petsCategory.tools.some((t: any) => t.id === entry.id);
         expect(exists).toBe(true);

package/src/tests/translation_copy.test.ts

@@ -91,6 +91,19 @@ function copySimilarity(left: string, right: string): number {
   return (2 * shared) / (leftTotal + rightTotal);
 }
 
+function findViolations(locales: string[], corpora: Map<string, string>): string[] {
+  const violations: string[] = [];
+  for (let leftIndex = 0; leftIndex < locales.length; leftIndex += 1) {
+    for (let rightIndex = leftIndex + 1; rightIndex < locales.length; rightIndex += 1) {
+      const left = locales[leftIndex] ?? '';
+      const right = locales[rightIndex] ?? '';
+      const similarity = copySimilarity(corpora.get(left) ?? '', corpora.get(right) ?? '');
+      if (similarity >= COPY_THRESHOLD) violations.push(`${left} ↔ ${right}: ${(similarity * 100).toFixed(1)}%`);
+    }
+  }
+  return violations;
+}
+
 describe('Locales must not copy another locale wholesale', () => {
   ALL_ENTRIES.forEach((entry) => {
     it(`${entry.id} is not at least ${COPY_THRESHOLD * 100}% identical to another locale`, async () => {
@@ -102,23 +115,9 @@ describe('Locales must not copy another locale wholesale', () => {
       }
 
       const locales = [...corpora.keys()];
-      const violations: string[] = [];
-
-      for (let leftIndex = 0; leftIndex < locales.length; leftIndex += 1) {
-        for (let rightIndex = leftIndex + 1; rightIndex < locales.length; rightIndex += 1) {
-          const left = locales[leftIndex];
-          const right = locales[rightIndex];
-          const similarity = copySimilarity(corpora.get(left) ?? '', corpora.get(right) ?? '');
-
-          if (similarity >= COPY_THRESHOLD) {
-            violations.push(`${left} ↔ ${right}: ${(similarity * 100).toFixed(1)}%`);
-          }
-        }
-      }
+      const violations = findViolations(locales, corpora);
 
       expect(violations, `Locale copy threshold exceeded in ${entry.id}`).toEqual([]);
     });
   });
 });
-
-

package/src/tool/petGestation/i18n/en.ts

@@ -1,6 +1,7 @@
 import { bibliography } from '../bibliography';
 import type { FAQPage, HowTo, SoftwareApplication, WithContext } from 'schema-dts';
 import type { PetGestationLocaleContent } from '../index';
+import type { PetGestationUI } from '../ui';
 
 const slug = 'pet-gestation-calculator';
 const title = 'Pet Gestation Calculator';

package/src/tool/petGestation/i18n/es.ts

@@ -1,6 +1,7 @@
 import { bibliography } from '../bibliography';
 import type { FAQPage, HowTo, SoftwareApplication, WithContext } from 'schema-dts';
 import type { PetGestationLocaleContent } from '../index';
+import type { PetGestationUI } from '../ui';
 
 const slug = 'calculadora-gestacion-mascotas';
 const title = 'Calculadora de gestación de mascotas';

package/src/tool/petToxicity/bibliography.astro

@@ -0,0 +1,6 @@
+---
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
+import { bibliography } from './bibliography';
+---
+
+<SharedBibliography links={bibliography} />

package/src/tool/petToxicity/bibliography.ts

@@ -0,0 +1,16 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'ASPCA Poison Control: People Foods to Avoid Feeding Your Pets',
+    url: 'https://www.aspca.org/pet-care/aspca-poison-control/people-foods-avoid-feeding-your-pets',
+  },
+  {
+    name: 'FDA: Potentially Dangerous Items for Your Pet',
+    url: 'https://www.fda.gov/animal-veterinary/animal-health-literacy/potentially-dangerous-items-your-pet',
+  },
+  {
+    name: 'Merck Veterinary Manual: Garlic and Onion Toxicosis in Animals',
+    url: 'https://www.merckvetmanual.com/toxicology/food-hazards/garlic-and-onion-allium-spp-toxicosis-in-animals',
+  },
+];

package/src/tool/petToxicity/component.astro

@@ -0,0 +1,53 @@
+---
+import './pet-food-toxicity-checker.css';
+import { getFoodEvaluation } from './logic';
+import { renderFoodMenu, renderResult, renderScene, renderSpeciesMenu } from './dom-views';
+import { petToxicity } from './entry';
+
+const content = await petToxicity.i18n.en?.();
+if (!content) return null;
+const { ui } = content;
+const defaultSpecies = 'dog';
+const defaultFood = 'chocolate';
+const evaluation = getFoodEvaluation(defaultSpecies, defaultFood);
+const config = { ui, defaultSpecies, defaultFood };
+---
+
+<section class="pet-toxicity" data-pet-toxicity-root aria-label={content.title}>
+  <div class="pet-toxicity-journey">
+    <span class="pet-toxicity-journey-mark" aria-hidden="true">!</span>
+    <p>{ui.journeyHint}</p>
+  </div>
+  <div class="pet-toxicity-workbench">
+    <div class="pet-toxicity-controls">
+      <div class="pet-toxicity-control">
+        <span class="pet-toxicity-label">{ui.speciesLabel}</span>
+        <div class="pet-toxicity-select">
+          <button class="pet-toxicity-select-trigger" type="button" data-menu-trigger data-species-trigger aria-haspopup="listbox" aria-expanded="false"><span data-trigger-value>{ui.speciesDog}</span><span class="pet-toxicity-chevron" aria-hidden="true"></span></button>
+          <div class="pet-toxicity-menu" data-menu data-species-menu role="listbox" hidden>{renderSpeciesMenu(defaultSpecies, ui)}</div>
+        </div>
+      </div>
+      <div class="pet-toxicity-control">
+        <span class="pet-toxicity-label">{ui.foodLabel}</span>
+        <div class="pet-toxicity-select">
+          <button class="pet-toxicity-select-trigger" type="button" data-menu-trigger data-food-trigger aria-haspopup="listbox" aria-expanded="false"><span data-trigger-value>{getFoodEvaluation(defaultSpecies, defaultFood)?.food.name ?? ui.foodPlaceholder}</span><span class="pet-toxicity-chevron" aria-hidden="true"></span></button>
+          <div class="pet-toxicity-menu" data-menu data-food-menu role="listbox" hidden>{renderFoodMenu([{ id: 'chocolate', name: 'Chocolate and caffeine', detail: 'Chocolate, coffee, tea, energy drinks' }], defaultFood)}</div>
+        </div>
+        <small class="pet-toxicity-hint">{ui.foodMenuHint}</small>
+      </div>
+    </div>
+    <div class="pet-toxicity-visual" data-scene>{renderScene(defaultSpecies, evaluation, ui)}</div>
+  </div>
+  <div class="pet-toxicity-result" data-result aria-live="polite">{renderResult(evaluation, ui)}</div>
+  <div class="pet-toxicity-emergency"><strong>{ui.emergencyTitle}</strong><span>{ui.emergencyText}</span></div>
+  <div class="pet-toxicity-sources"><span class="pet-toxicity-label">{ui.sourceLabel}</span><p>{ui.sourceText}</p></div>
+</section>
+
+<script is:inline type="application/json" data-pet-toxicity-config set:html={JSON.stringify(config)}></script>
+<script>
+  import { mountPetToxicity } from './controller';
+
+  const root = document.querySelector<HTMLElement>('[data-pet-toxicity-root]');
+  const configElement = document.querySelector<HTMLScriptElement>('[data-pet-toxicity-config]');
+  if (root && configElement?.textContent) mountPetToxicity(root, JSON.parse(configElement.textContent));
+</script>

package/src/tool/petToxicity/controller.ts

@@ -0,0 +1,117 @@
+import { getFoodEvaluation, getFoodOptions } from './logic';
+import type { FoodId, PetSpecies } from './logic';
+import { renderFoodMenu, renderResult, renderScene, renderSpeciesMenu } from './dom-views';
+import { loadSavedState, saveState } from './storage';
+import type { PetToxicityUI } from './ui';
+
+interface MountPayload {
+  ui: PetToxicityUI;
+  defaultSpecies: PetSpecies;
+  defaultFood: FoodId;
+}
+
+interface ToolState {
+  species: PetSpecies;
+  foodId: FoodId;
+}
+
+function findElement<T extends Element>(root: HTMLElement, selector: string): T {
+  const element = root.querySelector<T>(selector);
+  if (!element) throw new Error(`Missing pet toxicity element: ${selector}`);
+  return element;
+}
+
+function closeMenus(root: HTMLElement): void {
+  root.querySelectorAll<HTMLElement>('[data-menu]').forEach((menu) => { menu.hidden = true; });
+  root.querySelectorAll<HTMLElement>('[data-menu-trigger]').forEach((trigger) => { trigger.setAttribute('aria-expanded', 'false'); });
+}
+
+function toggleMenu(root: HTMLElement, menu: HTMLElement, trigger: HTMLElement): void {
+  const shouldOpen = menu.hidden;
+  closeMenus(root);
+  menu.hidden = !shouldOpen;
+  trigger.setAttribute('aria-expanded', String(shouldOpen));
+}
+
+function labelForSpecies(species: PetSpecies, ui: PetToxicityUI): string {
+  return species === 'dog' ? ui.speciesDog : ui.speciesCat;
+}
+
+function setupKeyboard(root: HTMLElement): void {
+  root.querySelectorAll<HTMLElement>('[data-menu-trigger]').forEach((trigger) => {
+    trigger.addEventListener('keydown', (event) => {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        trigger.click();
+      }
+      if (event.key === 'Escape') closeMenus(root);
+    });
+  });
+}
+
+interface ViewElements {
+  speciesTrigger: HTMLButtonElement;
+  speciesMenu: HTMLElement;
+  foodTrigger: HTMLButtonElement;
+  foodMenu: HTMLElement;
+  scene: HTMLElement;
+  result: HTMLElement;
+}
+
+function renderState(elements: ViewElements, state: ToolState, payload: MountPayload): void {
+  const options = getFoodOptions(state.species);
+  if (!options.some((option) => option.id === state.foodId)) state.foodId = options[0]?.id ?? payload.defaultFood;
+  const evaluation = getFoodEvaluation(state.species, state.foodId);
+  const selectedFood = options.find((option) => option.id === state.foodId);
+  elements.speciesTrigger.querySelector('[data-trigger-value]')!.textContent = labelForSpecies(state.species, payload.ui);
+  elements.foodTrigger.querySelector('[data-trigger-value]')!.textContent = selectedFood?.name ?? payload.ui.foodPlaceholder;
+  elements.speciesMenu.innerHTML = renderSpeciesMenu(state.species, payload.ui);
+  elements.foodMenu.innerHTML = renderFoodMenu(options, state.foodId);
+  elements.scene.innerHTML = renderScene(state.species, evaluation, payload.ui);
+  elements.result.innerHTML = renderResult(evaluation, payload.ui);
+  saveState(state);
+}
+
+function bindSelection(root: HTMLElement, elements: ViewElements, state: ToolState, render: () => void): void {
+  elements.speciesTrigger.addEventListener('click', () => toggleMenu(root, elements.speciesMenu, elements.speciesTrigger));
+  elements.foodTrigger.addEventListener('click', () => toggleMenu(root, elements.foodMenu, elements.foodTrigger));
+  root.addEventListener('click', (event) => {
+    const target = event.target as HTMLElement;
+    const speciesOption = target.closest<HTMLElement>('[data-species-id]');
+    const foodOption = target.closest<HTMLElement>('[data-food-id]');
+    if (speciesOption) selectSpecies(speciesOption, root, state, render);
+    if (foodOption) selectFood(foodOption, root, state, render);
+  });
+  document.addEventListener('click', (event) => {
+    if (!root.contains(event.target as Node)) closeMenus(root);
+  });
+}
+
+function selectSpecies(option: HTMLElement, root: HTMLElement, state: ToolState, render: () => void): void {
+  state.species = option.dataset.speciesId as PetSpecies;
+  closeMenus(root);
+  render();
+}
+
+function selectFood(option: HTMLElement, root: HTMLElement, state: ToolState, render: () => void): void {
+  state.foodId = option.dataset.foodId as FoodId;
+  closeMenus(root);
+  render();
+}
+
+export function mountPetToxicity(root: HTMLElement, payload: MountPayload): void {
+  const saved = loadSavedState();
+  const state: ToolState = { species: saved?.species ?? payload.defaultSpecies, foodId: saved?.foodId ?? payload.defaultFood };
+  const elements: ViewElements = {
+    speciesTrigger: findElement<HTMLButtonElement>(root, '[data-species-trigger]'),
+    speciesMenu: findElement<HTMLElement>(root, '[data-species-menu]'),
+    foodTrigger: findElement<HTMLButtonElement>(root, '[data-food-trigger]'),
+    foodMenu: findElement<HTMLElement>(root, '[data-food-menu]'),
+    scene: findElement<HTMLElement>(root, '[data-scene]'),
+    result: findElement<HTMLElement>(root, '[data-result]'),
+  };
+  const render = () => renderState(elements, state, payload);
+  bindSelection(root, elements, state, render);
+  setupKeyboard(root);
+  render();
+}

package/src/tool/petToxicity/dom-views.ts

@@ -0,0 +1,61 @@
+import { getRiskPresentation } from './evaluator';
+import type { RiskTone } from './evaluator';
+import type { FoodEvaluation, FoodOption, PetSpecies } from './logic';
+import type { PetToxicityUI } from './ui';
+
+function escapeHtml(value: string): string {
+  return value.replace(/[&<>"']/g, (character) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' })[character] ?? character);
+}
+
+function selectedAttribute(selected: boolean): string {
+  return selected ? ' aria-selected="true" data-selected="true"' : ' aria-selected="false"';
+}
+
+export function renderSpeciesMenu(species: PetSpecies, ui: PetToxicityUI): string {
+  const options = [
+    { id: 'dog', name: ui.speciesDog, detail: ui.speciesDogMeta },
+    { id: 'cat', name: ui.speciesCat, detail: ui.speciesCatMeta },
+  ];
+  return options.map((option) => `<button class="pet-toxicity-menu-option" type="button" role="option" data-species-id="${option.id}"${selectedAttribute(option.id === species)}><span>${escapeHtml(option.name)}</span><small>${escapeHtml(option.detail)}</small></button>`).join('');
+}
+
+export function renderFoodMenu(options: FoodOption[], selectedId: string): string {
+  return options.map((option) => `<button class="pet-toxicity-menu-option" type="button" role="option" data-food-id="${option.id}"${selectedAttribute(option.id === selectedId)}><span>${escapeHtml(option.name)}</span><small>${escapeHtml(option.detail)}</small></button>`).join('');
+}
+
+function renderMarkers(evaluation: FoodEvaluation | null): string {
+  const tone = evaluation?.level ?? 'empty';
+  const markerClass = evaluation ? `pet-toxicity-marker pet-toxicity-marker-${tone}` : 'pet-toxicity-marker pet-toxicity-marker-empty';
+  return [0, 1, 2, 3, 4].map((index) => `<circle class="${markerClass}" cx="${74 + index * 47}" cy="${82 + (index % 2) * 34}" r="${evaluation ? 7 + index : 5}" />`).join('');
+}
+
+export function renderScene(species: PetSpecies, evaluation: FoodEvaluation | null, ui: PetToxicityUI): string {
+  const speciesName = species === 'dog' ? ui.speciesDog : ui.speciesCat;
+  const selectedName = evaluation?.food.name ?? ui.sceneReady;
+  const stateText = evaluation ? ui.sceneSelected : ui.resultEmpty;
+  return `<div class="pet-toxicity-scene-card"><div class="pet-toxicity-scene-copy"><span class="pet-toxicity-eyebrow">${escapeHtml(ui.sceneLabel)}</span><strong>${escapeHtml(selectedName)}</strong><span>${escapeHtml(speciesName)} · ${escapeHtml(stateText)}</span></div><svg class="pet-toxicity-scene" viewBox="0 0 320 180" role="img" aria-label="${escapeHtml(selectedName)} risk scene"><rect class="pet-toxicity-scene-paper" x="14" y="14" width="292" height="152" rx="18" /><path class="pet-toxicity-scene-line" d="M38 122 C80 46 124 146 166 66 S246 50 282 118" /><path class="pet-toxicity-scene-line-thin" d="M42 138 C92 84 132 138 174 98 S240 82 280 136" />${renderMarkers(evaluation)}<circle class="pet-toxicity-scene-seal" cx="258" cy="52" r="20" /><path class="pet-toxicity-scene-seal-mark" d="M258 43v12" /><circle class="pet-toxicity-scene-seal-dot" cx="258" cy="62" r="1.7" /></svg></div>`;
+}
+
+function renderSignIcon(index: number): string {
+  const paths = [
+    '<circle cx="8" cy="8" r="6" /><path d="M8 4.5v4" /><circle cx="8" cy="11.5" r=".7" />',
+    '<path d="M1.5 9h2.5l1.5-4 2.5 6 1.6-3h2.3" />',
+    '<path d="m8 1.5 6 11H2l6-11Z" /><path d="M8 5v3" /><circle cx="8" cy="10.5" r=".7" />',
+  ];
+  return `<svg viewBox="0 0 16 16" aria-hidden="true" focusable="false">${paths[index % paths.length]}</svg>`;
+}
+
+function renderList(items: string[]): string {
+  return `<ul class="pet-toxicity-sign-list">${items.map((item, index) => `<li><span class="pet-toxicity-sign-icon">${renderSignIcon(index)}</span><span>${escapeHtml(item)}</span></li>`).join('')}</ul>`;
+}
+
+function renderRiskMeter(tone: RiskTone, label: string): string {
+  const activeCount = { critical: 3, high: 2, caution: 1, unknown: 0 }[tone];
+  return `<span class="pet-toxicity-risk-meter" role="img" aria-label="${escapeHtml(label)}"><span class="${activeCount >= 1 ? 'is-active' : ''}"></span><span class="${activeCount >= 2 ? 'is-active' : ''}"></span><span class="${activeCount >= 3 ? 'is-active' : ''}"></span></span>`;
+}
+
+export function renderResult(evaluation: FoodEvaluation | null, ui: PetToxicityUI): string {
+  if (!evaluation) return `<div class="pet-toxicity-result-empty">${escapeHtml(ui.resultEmpty)}</div>`;
+  const risk = getRiskPresentation(evaluation.level, ui);
+  return `<article class="pet-toxicity-result-card pet-toxicity-result-card-${risk.tone}"><div class="pet-toxicity-result-head"><span class="pet-toxicity-eyebrow">${escapeHtml(ui.resultEyebrow)}</span><span class="pet-toxicity-risk-status"><span class="pet-toxicity-risk pet-toxicity-risk-${risk.tone}">${escapeHtml(risk.label)}</span>${renderRiskMeter(risk.tone, `${ui.riskLabel}: ${risk.label}`)}</span></div><h3>${escapeHtml(evaluation.food.name)}</h3><p class="pet-toxicity-summary">${escapeHtml(evaluation.summary)}</p><div class="pet-toxicity-result-grid"><div><span class="pet-toxicity-label">${escapeHtml(ui.whyLabel)}</span><p>${escapeHtml(evaluation.why)}</p></div><div><span class="pet-toxicity-label">${escapeHtml(ui.signsLabel)}</span>${renderList(evaluation.signs)}</div><div class="pet-toxicity-action"><span class="pet-toxicity-label">${escapeHtml(ui.actionLabel)}</span><p>${escapeHtml(evaluation.action)}</p></div></div><div class="pet-toxicity-callout"><strong>${escapeHtml(ui.callVetLabel)}</strong><span>${escapeHtml(ui.callVetText)}</span></div></article>`;
+}

package/src/tool/petToxicity/entry.ts

@@ -0,0 +1,33 @@
+import type { PetToolEntry, ToolLocaleContent } from '../../types';
+import type { PetToxicityUI } from './ui';
+
+export type { PetToxicityUI } from './ui';
+
+export type PetToxicityLocaleContent = ToolLocaleContent<PetToxicityUI>;
+
+export const petToxicity: PetToolEntry<PetToxicityUI> = {
+  id: 'pet-toxicity',
+  icons: {
+    bg: 'mdi:paw',
+    fg: 'mdi:alert-octagon',
+  },
+  i18n: {
+    de: () => import('./i18n/de').then((module) => module.content),
+    en: () => import('./i18n/en').then((module) => module.content),
+    es: () => import('./i18n/es').then((module) => module.content),
+    fr: () => import('./i18n/fr').then((module) => module.content),
+    id: () => import('./i18n/id').then((module) => module.content),
+    it: () => import('./i18n/it').then((module) => module.content),
+    ja: () => import('./i18n/ja').then((module) => module.content),
+    ko: () => import('./i18n/ko').then((module) => module.content),
+    nl: () => import('./i18n/nl').then((module) => module.content),
+    pl: () => import('./i18n/pl').then((module) => module.content),
+    pt: () => import('./i18n/pt').then((module) => module.content),
+    ru: () => import('./i18n/ru').then((module) => module.content),
+    sv: () => import('./i18n/sv').then((module) => module.content),
+    tr: () => import('./i18n/tr').then((module) => module.content),
+    zh: () => import('./i18n/zh').then((module) => module.content),
+  },
+};
+
+export { bibliography } from './bibliography';

package/src/tool/petToxicity/evaluator.ts

@@ -0,0 +1,23 @@
+import type { PetToxicityUI } from './ui';
+import type { FoodEvaluation, RiskLevel } from './logic';
+
+export type RiskTone = 'critical' | 'high' | 'caution' | 'unknown';
+
+export interface RiskPresentation {
+  label: string;
+  tone: RiskTone;
+}
+
+export function getRiskPresentation(level: RiskLevel, ui: PetToxicityUI): RiskPresentation {
+  const labels: Record<RiskLevel, string> = {
+    critical: ui.riskCritical,
+    high: ui.riskHigh,
+    caution: ui.riskCaution,
+    unknown: ui.riskUnknown,
+  };
+  return { label: labels[level], tone: level };
+}
+
+export function getResultTitle(evaluation: FoodEvaluation | null, ui: PetToxicityUI): string {
+  return evaluation ? evaluation.food.name : ui.resultEmpty;
+}