ECHO-448 add 'x' button to clear filters for conversations

[MsVivienne]

Summary by CodeRabbit

• New Features

  • Replaced the inline "Reset All Options" with a compact reset icon next to conversation filter controls; it clears all filters and is disabled when no filters are applied.

• Localization

  • Added “Reset to default” translations for German, Spanish, French, and Dutch.
  • Updated English and Spanish locale content to reflect revised translation payloads.

[coderabbitai]

Walkthrough

Adds a compact Tooltip-wrapped reset ActionIcon to ConversationAccordion that calls the existing resetEverything handler and is disabled when no filters are applied; introduces a "Reset to default" i18n key across .po files and replaces en-US.ts and es-ES.ts translation payloads. LGTM.

Changes

Cohort / File(s)	Summary of changes
Conversation filters UI echo/frontend/src/components/conversation/ConversationAccordion.tsx	Replaces the previous inline "Reset All Options" with a Tooltip-wrapped outline X ActionIcon placed next to filter controls; invokes existing resetEverything; disabled when filterApplied is false.
PO locale additions echo/frontend/src/locales/en-US.po, echo/frontend/src/locales/de-DE.po, echo/frontend/src/locales/es-ES.po, echo/frontend/src/locales/fr-FR.po, echo/frontend/src/locales/nl-NL.po	Adds the "Reset to default" translation entry (references in ConversationAccordion.tsx).
TS locale payload replacements echo/frontend/src/locales/en-US.ts, echo/frontend/src/locales/es-ES.ts	Replaces the JSON translation payloads (content changed); export signatures (export const messages = JSON.parse(...) as Messages) remain unchanged.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

• ECHO-473 ECHO-448 Make tags searchable #304 — Modifies ConversationAccordion filter UI and reset behavior; strongly overlaps with the new reset control and translations.
• ECHO-415 Chat and conversation changes #266 — Also touches ConversationAccordion and locale entries; likely adjacent i18n/UI changes.
• ECHO-381 Conversation loading skeleton addition #258 — Alters ConversationAccordion structure (Suspense/skeleton); relevant for integration with the updated header control.

Pre-merge checks and finishing touches

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changes. Docstring coverage check skipped.
Title Check	✅ Passed	This title succinctly captures the primary change introduced by the PR—adding an 'x' button to clear conversation filters—without extraneous detail, making it immediately clear to reviewers what functionality is being added.

✨ Finishing touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment

Tip

👮 Agentic pre-merge checks are now available in preview!

Pro plan users can now enable pre-merge checks in their settings to enforce checklists before merging PRs.

• Built-in checks – Quickly apply ready-made checks to enforce title conventions, require pull request descriptions that follow templates, validate linked issues for compliance, and more.
• Custom agentic checks – Define your own rules using CodeRabbit’s advanced agentic capabilities to enforce organization-specific policies and workflows. For example, you can instruct CodeRabbit’s agent to verify that API documentation is updated whenever API schema files are modified in a PR. Note: Upto 5 custom checks are currently allowed during the preview period. Pricing for this feature will be announced in a few weeks.

Please see the documentation for more information.

Example:

reviews:
  pre_merge_checks:
    custom_checks:
      - name: "Undocumented Breaking Changes"
        mode: "warning"
        instructions: |
          Pass/fail criteria: All breaking changes to public APIs, CLI flags, environment variables, configuration keys, database schemas, or HTTP/GraphQL endpoints must be documented in the "Breaking Change" section of the PR description and in CHANGELOG.md. Exclude purely internal or private changes (e.g., code not exported from package entry points or explicitly marked as internal).

Please share your feedback with us on this Discord post.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 3

📜 Review details

Configuration used: CodeRabbit UI

Review profile: ASSERTIVE

Plan: Pro

Disabled knowledge base sources:

• Linear integration is disabled by default for public repositories

You can enable these sources in your CodeRabbit configuration.

📥 Commits

Reviewing files that changed from the base of the PR and between a3b8c56 and 8185f45.

📒 Files selected for processing (8)

• echo/frontend/src/components/conversation/ConversationAccordion.tsx (1 hunks)
• echo/frontend/src/locales/de-DE.po (1 hunks)
• echo/frontend/src/locales/en-US.po (1 hunks)
• echo/frontend/src/locales/en-US.ts (1 hunks)
• echo/frontend/src/locales/es-ES.po (1 hunks)
• echo/frontend/src/locales/es-ES.ts (1 hunks)
• echo/frontend/src/locales/fr-FR.po (1 hunks)
• echo/frontend/src/locales/nl-NL.po (1 hunks)

🧰 Additional context used

🧬 Code graph analysis (2)

echo/frontend/src/locales/es-ES.ts (1)

echo/frontend/src/locales/en-US.ts (1)

• messages (1-1)

echo/frontend/src/locales/en-US.ts (4)

echo/frontend/src/locales/es-ES.ts (1)

• messages (1-1)

echo/frontend/src/locales/de-DE.ts (1)

• messages (1-1)

echo/frontend/src/locales/fr-FR.ts (1)

• messages (1-1)

echo/frontend/src/locales/nl-NL.ts (1)

• messages (1-1)

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (1)

• GitHub Check: ci-check-server

🔇 Additional comments (5)

echo/frontend/src/locales/de-DE.po (1)

2496-2500: LGTM — new translation key verified across all locales
Verified that msgid "Reset to default" appears exactly once in each .po and no duplicate or stale entries detected.

echo/frontend/src/locales/fr-FR.po (1)

2504-2508: LGTM — FR locale entry is present and translation is accurate; optional alternatives: “Réinitialiser aux valeurs par défaut” or “Rétablir les paramètres par défaut”.

echo/frontend/src/locales/en-US.po (1)

2562-2566: LGTM — key wired & localized.
New msgid is present in en-US, nl-NL, es-ES, fr-FR, de-DE and used twice as tReset to default (Tooltip label + aria-label) in ConversationAccordion.tsx — consistent for tooltip/ARIA. Ship it.

echo/frontend/src/locales/es-ES.po (1)

2504-2508: i18n: New key wired correctly

Spanish reads well, references align with the new control. LGTM.

echo/frontend/src/locales/en-US.ts (1)

1-1: Confirm Lingui compiler guard settings
I couldn’t find failOnMissing or failOnCompileError in your Lingui config—please verify that your lingui.config.js (or equivalent) includes:

compiler: {
  failOnMissing: true,
  failOnCompileError: true,
}

to enforce missing keys and compile errors in CI.

[coderabbitai]

🧹 Nitpick | 🔵 Trivial

🧩 Analysis chain

ES payload refreshed; confirm coverage for new key

Looks auto-generated and includes “Restablecer a valores predeterminados.” LGTM. Let’s verify presence and guard CI. Based on learnings

---

🏁 Script executed:

#!/bin/bash
# Ensure the new text is compiled into ES
rg -n 'Restablecer a valores predeterminados' echo/frontend/src/locales/es-ES.*

# Cross-check msgid presence in PO as well
rg -n 'msgid "Reset to default"' echo/frontend/src/locales/es-ES.po

# Recommend enabling Lingui compiler guards:
# compiler: { failOnMissing: true, failOnCompileError: true }

Length of output: 49528

---

Enable Lingui compiler guardrails
Verified “Restablecer a valores predeterminados” exists in both .ts and .po. Add to your Lingui config:

module.exports = {
  compiler: {
    failOnMissing: true,
    failOnCompileError: true,
  },
  // …
}

🤖 Prompt for AI Agents

In echo/frontend/src/locales/es-ES.ts around lines 1 to 1, the review requests
enabling Lingui compiler guardrails; update your Lingui configuration (e.g.,
lingui.config.js or module.exports config file) to add a compiler section with
failOnMissing: true and failOnCompileError: true so builds fail when
translations are missing or compilation errors occur; save and commit the
updated config and re-run the Lingui compilation to verify no missing keys or
compile errors remain.

[coderabbitai]

🧹 Nitpick | 🔵 Trivial

Polish the Dutch phrasing for naturalness.

Consider “Standaardinstellingen herstellen” — more idiomatic and consistent with “Alle opties resetten”.

-msgid "Reset to default"
-msgstr "Resetten naar standaardinstellingen"
+msgid "Reset to default"
+msgstr "Standaardinstellingen herstellen"

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	#: src/components/conversation/ConversationAccordion.tsx:1104
	#: src/components/conversation/ConversationAccordion.tsx:1109
	msgid "Reset to default"
	msgstr "Resetten naar standaardinstellingen"
	#: src/components/conversation/ConversationAccordion.tsx:1104
	#: src/components/conversation/ConversationAccordion.tsx:1109
	msgid "Reset to default"
	msgstr "Standaardinstellingen herstellen"

🤖 Prompt for AI Agents

In echo/frontend/src/locales/nl-NL.po around lines 2716 to 2720, the Dutch
translation "Resetten naar standaardinstellingen" is awkward; replace it with
the more natural phrasing "Standaardinstellingen herstellen" to match idiomatic
Dutch and align with existing phrasing like "Alle opties resetten".