Fix enhancement issues: i18n tabs, misleading AI label, unused deps by clubanderson · Pull Request #5229 · kubestellar/console

clubanderson · 2026-04-07T13:13:23Z

Summary

MissionDetailView Tab Labels Are Hardcoded English : Bypass i18n System #5216: Add useTranslation() to MissionDetailView.tsx and replace hardcoded English tab labels (Install, Uninstall, Update/Upgrade, Troubleshooting) with t() calls. Added translation keys under missions.detail.tabs in common.json.
ReplaceCardModal "AI-Powered" Tab Uses Hardcoded Keyword-Matching Instead of Actual AI #5200: Rename misleading "AI-Powered Card Creation" to "Smart Suggestions" in ReplaceCardModal.tsx. Replace Sparkles icon with Lightbulb since the feature uses keyword matching, not AI. Updated translation keys accordingly.
[Auto-QA] Potentially unused npm dependencies #5196: Remove unused react-compiler-runtime (dependency) and babel-plugin-react-compiler (devDependency) from package.json since React Compiler was disabled.
First-Import Toast Timer (setInterval) Leaks on Rapid Re-imports or Unmount #5211: Already fixed by a previous agent -- timer leak cleanup is properly implemented with ref-based interval tracking and useEffect cleanup.

Closes #5216
Closes #5200
Closes #5196
Closes #5211

Test plan

Verify MissionDetailView tab labels render correctly (same English text, now from i18n)
Verify ReplaceCardModal "Describe What You Need" tab shows "Smart Suggestions" header with Lightbulb icon instead of "AI-Powered" with Sparkles
Verify npm run build passes
Verify no runtime errors from removed dependencies

Add useTranslation() and use t() for Install, Uninstall, Update/Upgrade, and Troubleshooting tab labels and empty-state messages. Add corresponding translation keys under missions.detail.tabs in common.json. Signed-off-by: Andrew Anderson <andy@clubanderson.com>

The "AI-Powered Creation" tab in ReplaceCardModal uses keyword matching, not AI. Rename to "Smart Suggestions" with honest description, replace Sparkles icon with Lightbulb to avoid implying AI capabilities. Signed-off-by: Andrew Anderson <andy@clubanderson.com>

…mpiler (#5196) React Compiler was disabled but these dependencies remained. Remove both react-compiler-runtime (dependency) and babel-plugin-react-compiler (devDependency) since they are no longer used. Signed-off-by: Andrew Anderson <andy@clubanderson.com>

kubestellar-prow · 2026-04-07T13:13:29Z

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign clubanderson for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

netlify · 2026-04-07T13:13:29Z

✅ Deploy Preview for kubestellarconsole ready!

Name	Link
🔨 Latest commit	`8ca0d41`
🔍 Latest deploy log	https://app.netlify.com/projects/kubestellarconsole/deploys/69d502f6e4d2650008c48197
😎 Deploy Preview	https://deploy-preview-5229.console-deploy-preview.kubestellar.io
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

github-actions · 2026-04-07T13:13:32Z

👋 Hey @clubanderson — thanks for opening this PR!

🤖 This project is developed exclusively using AI coding assistants.

Please do not attempt to code anything for this project manually.
All contributions should be authored using an AI coding tool such as:

Claude Code (Opus 4.5 / 4.6) — recommended

GitHub Copilot

Cursor

Other AI coding assistants

This ensures consistency in code style, architecture patterns, test coverage,
and commit quality across the entire codebase.

This is an automated message.

github-actions · 2026-04-07T13:13:39Z

Thank you for your contribution! Your PR has been merged.

Check out what's new:

KubeStellar Console — Live multi-cluster dashboard
Marketplace — Community extensions
Knowledge Base — Troubleshooting and how-tos

Stay connected: Slack #kubestellar-dev | Multi-Cluster Survey

github-actions · 2026-04-07T13:17:08Z

Post-merge build verification passed ✅

Both Go and frontend builds compiled successfully against merge commit 5585534ac30f83981a018b5eab61cc7319616db6.

Copilot

Pull request overview

This PR addresses a set of UX/maintenance cleanup items in the web console: internationalizing Mission detail tab labels, removing “AI” branding from a keyword-matching suggestion flow, and dropping unused React Compiler dependencies.

Changes:

Internationalized MissionDetailView tab labels/empty states via useTranslation() and new missions.detail.tabs.* keys.
Renamed the Replace Card modal “AI-Powered” UI to “Smart Suggestions”, swapped the icon, and updated related copy/labels.
Removed unused react-compiler-runtime and babel-plugin-react-compiler from web dependencies (and updated lockfile).

Reviewed changes

Copilot reviewed 4 out of 5 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
web/src/locales/en/common.json	Adds `missions.detail.tabs.*` keys and updates Replace Card modal strings to “Smart Suggestions” wording.
web/src/components/missions/MissionDetailView.tsx	Replaces hardcoded tab labels/empty messages with i18n `t()` calls.
web/src/components/dashboard/ReplaceCardModal.tsx	Rebrands the “AI” tab UI to “Smart Suggestions” and replaces `Sparkles` with `Lightbulb`.
web/package.json	Removes unused React Compiler-related dependencies.
web/package-lock.json	Removes corresponding lockfile entries for the removed packages.

Files not reviewed (1)

web/package-lock.json: Language not supported

Copilot · 2026-04-07T13:19:05Z

web/src/components/missions/MissionDetailView.tsx

  const tabs: TabDef[] = [
    {
      id: 'install',
-      label: 'Install',
+      label: t('missions.detail.tabs.install'),
      icon: Download,


This PR updates the tab labels to use i18n, but MissionDetailView still contains several other user-facing strings hardcoded in English (e.g., "Back to listing", "Preview"/"View Raw", "Improve", default importLabel="Import", etc.). If the intent is to close #5216 (i18n bypass), those strings should also be routed through t() (and added to common.json), or the issue/PR description should be adjusted so we don’t mark the i18n work as complete prematurely.

Copilot · 2026-04-07T13:19:06Z

web/src/components/dashboard/ReplaceCardModal.tsx

  const handleAIGenerate = async () => {
    if (!nlPrompt.trim()) return
    setIsProcessing(true)
    setAiSuggestion(null)

-    // Simulate AI processing
+    // Simulate processing delay for keyword matching
    await new Promise((resolve) => setTimeout(resolve, NAV_AFTER_ANIMATION_MS))


The UI is now labeled "Smart Suggestions" and the implementation is explicitly keyword matching, but the internal API still uses AI-centric names (handleAIGenerate, aiSuggestion, tab id 'ai', etc.). Renaming these identifiers to reflect the actual behavior would reduce confusion and make future maintenance (e.g., adding a real AI path later) less error-prone.

clubanderson · 2026-04-07T13:19:23Z

🔄 Auto-Applying Copilot Code Review

Copilot code review found 0 code suggestion(s) and 2 general comment(s).

Also address these general comments:

web/src/components/missions/MissionDetailView.tsx (line 227): This PR updates the tab labels to use i18n, but MissionDetailView still contains several other user-facing strings hardc
web/src/components/dashboard/ReplaceCardModal.tsx (line 97): The UI is now labeled "Smart Suggestions" and the implementation is explicitly keyword matching, but the internal API st

Push all fixes in a single commit. Run cd web && npm run build && npm run lint before committing.

Auto-generated by copilot-review-apply workflow.

github-actions · 2026-04-07T13:27:38Z

✅ Post-Merge Verification: passed

Commit: 5585534ac30f83981a018b5eab61cc7319616db6
Specs run: Dashboard.spec.ts Missions.spec.ts mission-import.spec.ts smoke.spec.ts
Report: https://github.com/kubestellar/console/actions/runs/24083247571

clubanderson added 3 commits April 7, 2026 09:08

Copilot AI review requested due to automatic review settings April 7, 2026 13:13

kubestellar-prow bot added the dco-signoff: yes Indicates the PR's author has signed the DCO. label Apr 7, 2026

clubanderson merged commit 5585534 into main Apr 7, 2026
16 of 18 checks passed

kubestellar-prow bot deleted the fix/enhancement-issues-5216-5200-5196 branch April 7, 2026 13:13

kubestellar-prow bot added the size/M Denotes a PR that changes 30-99 lines, ignoring generated files. label Apr 7, 2026

Copilot started reviewing on behalf of clubanderson April 7, 2026 13:14 View session

Copilot AI reviewed Apr 7, 2026

View reviewed changes

clubanderson assigned Copilot Apr 7, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Fix enhancement issues: i18n tabs, misleading AI label, unused deps#5229

Fix enhancement issues: i18n tabs, misleading AI label, unused deps#5229
clubanderson merged 3 commits intomainfrom
fix/enhancement-issues-5216-5200-5196

clubanderson commented Apr 7, 2026

Uh oh!

kubestellar-prow bot commented Apr 7, 2026

Uh oh!

netlify bot commented Apr 7, 2026 •

edited

Loading

Uh oh!

Uh oh!

github-actions bot commented Apr 7, 2026

Uh oh!

github-actions bot commented Apr 7, 2026

Uh oh!

github-actions bot commented Apr 7, 2026

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Apr 7, 2026

Uh oh!

Copilot AI Apr 7, 2026

Uh oh!

clubanderson commented Apr 7, 2026

Uh oh!

github-actions bot commented Apr 7, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

clubanderson commented Apr 7, 2026

Summary

Test plan

Uh oh!

kubestellar-prow bot commented Apr 7, 2026

Uh oh!

netlify bot commented Apr 7, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for kubestellarconsole ready!

Uh oh!

Uh oh!

github-actions bot commented Apr 7, 2026

Uh oh!

github-actions bot commented Apr 7, 2026

Uh oh!

github-actions bot commented Apr 7, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Apr 7, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 7, 2026

Choose a reason for hiding this comment

Uh oh!

clubanderson commented Apr 7, 2026

🔄 Auto-Applying Copilot Code Review

Uh oh!

github-actions bot commented Apr 7, 2026

✅ Post-Merge Verification: passed

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

netlify bot commented Apr 7, 2026 •

edited

Loading