[BUG] ShadCN auto-save-indicator Translation Key should change & auto-save-indicator not added

[indramal]

Describe the bug

I found two bugs,

1. auto-save-indicator not added when use npm create refine-app@latest my-app -- --preset vite-shadcn command to create project.
2. I can that auto-save-indicator file Translation Key should change.

Steps To Reproduce

This is the https://github.com/refinedev/refine/blob/main/packages/refine-ui/registry/new-york/refine-ui/form/auto-save-indicator.tsx file found related to Translation Key and I can see Translation JSON file can see https://refine.dev/core/docs/guides-concepts/i18n/#adding-the-translations-files documentation.

According to the documentation:

  "autoSave": {
    "success": "saved",
    "error": "auto save failure",
    "loading": "saving...",
    "idle": "waiting for changes"
  }

But below line is different:

refine/packages/refine-ui/registry/new-york/refine-ui/form/auto-save-indicator.tsx

Line 45 in 6ffee62

{t("autoSave.saving", "Saving")}

refine/packages/refine-ui/registry/new-york/refine-ui/form/auto-save-indicator.tsx

Line 67 in 6ffee62

{t("autoSave.saved", "Saved")}

refine/packages/refine-ui/registry/new-york/refine-ui/form/auto-save-indicator.tsx

Line 84 in 6ffee62

{t("autoSave.failed", "Failed")}

This line is correct:

refine/packages/refine-ui/registry/new-york/refine-ui/form/auto-save-indicator.tsx

Line 100 in 6ffee62

<span>{t("autoSave.idle", "Idle")} </span>

Expected behavior

Not show translation values, it show translation keys on webpage.

Packages

npm create refine-app@latest my-app -- --preset vite-shadcn

Additional Context

No response

[s3ldc]

Thanks for reporting this!

I’m planning to investigate the auto-save indicator issue with the ShadCN template — specifically:

1. Why the indicator isn’t appearing after creating a new app with vite-shadcn.
2. Whether the translation keys align with what’s documented in the i18n guide.

Before I start, could anyone confirm if the auto-save indicator should appear by default in the ShadCN UI setup? Also, is there any preferred way you’d like translation key updates handled (e.g., matching core keys exactly)?

Happy to work on a fix once I understand the expected behavior.

[yasuo72]

I’d like to work on this issue, starting with the translation key mismatch in the auto-save indicator.

My plan:

Update auto-save-indicator.tsx (ShadCN registry component) and its registry JSON to use the documented keys:
autoSave.loading, autoSave.success, autoSave.error, autoSave.idle.
Verify that, when translations follow the i18n guide, the indicator shows the correct translated text instead of keys.
After that, I can also look into why the auto-save indicator is not added by default in the vite-shadcn preset if that’s expected behavior.

[indramal]

@yasuo72 @s3ldc This table filter file have additional keys for i18n. Those are not available in doc also. Example: table.filter.text.placeholder, table.filter.numeric.placeholder etc. I think these also can add to JSON file.

File - https://github.com/refinedev/refine/blob/main/packages/refine-ui/registry/new-york/refine-ui/data-table/data-table-filter.tsx

[s3ldc]

I’ve opened a PR that documents the missing ShadCN DataTable filter i18n keys, including buttons, placeholders, and operators.
This keeps the implementation unchanged and makes the keys discoverable in the i18n guide.