perf: T2I template editor preview

[IGCrystal-A]

This PR brings several improvements to the Template Editor preview:

• Dynamic Versioning: Replaced hardcoded v4.0.0 with real-time version fetching from /api/stat/version.

Modifications / 改动点

• This is NOT a breaking change. / 这不是一个破坏性变更。

Screenshots or Test Results / 运行截图或测试结果

---

Checklist / 检查清单

• 😊 如果 PR 中有新加入的功能，已经通过 Issue / 邮件等方式和作者讨论过。/ If there are new features added in the PR, I have discussed it with the authors through issues/emails, etc.
• 👀 我的更改经过了良好的测试，并已在上方提供了“验证步骤”和“运行截图”。/ My changes have been well-tested, and "Verification Steps" and "Screenshots" have been provided above.
• 🤓 我确保没有引入新依赖库，或者引入了新依赖库的同时将其添加到了 requirements.txt 和 pyproject.toml 文件相应位置。/ I have ensured that no new dependencies are introduced, OR if new dependencies are introduced, they have been added to the appropriate locations in requirements.txt and pyproject.toml.
• 😮 我的更改没有引入恶意代码。/ My changes do not introduce malicious code.

Summary by Sourcery

通过使用动态数据来替代硬编码的值，为 T2I 模板编辑器预览提供版本号和预览文本，从而改进预览效果。

新功能：

• 从 /api/stat/version 接口获取模板预览版本，并在预览中动态显示该版本信息。
• 使用 i18n 翻译键对预览示例文本进行本地化，而不是使用硬编码字符串。

改进：

• 在刷新预览或打开编辑器对话框时触发版本同步，以确保预览内容保持最新。

Original summary in English

Summary by Sourcery

Improve the T2I template editor preview by using dynamic data for version and preview text instead of hardcoded values.

New Features:

• Fetch the template preview version from the /api/stat/version endpoint and display it dynamically in the preview.
• Localize the preview sample text using the i18n translation key rather than a hardcoded string.

Enhancements:

• Trigger version synchronization whenever the preview is refreshed or the editor dialog is opened to keep the preview up to date.

[sourcery-ai]

Hey - 我发现了 1 个问题，并留下了一些高层次的反馈：

• 建议在对话框打开时只获取一次版本并进行缓存/复用，而不是在 dialog 打开和每次 refreshPreview 时都调用 syncPreviewVersion()，以避免重复的网络请求。
• 如果其他组件也需要应用版本信息，获取版本的逻辑（syncPreviewVersion）可能更适合抽取到一个共享的 composable 或 service 中，这样之后就不用在多个地方重复处理 /api/stat/version 了。
• 建议不要在 syncPreviewVersion 中直接使用 console.warn，可以考虑通过现有的 UI 通知或日志上报机制来处理错误，这样失败信息就能更一致地展示给用户或监控系统。

Prompt for AI Agents

Please address the comments from this code review:

## Overall Comments
- Consider fetching the version once on dialog open and caching/reusing it rather than calling `syncPreviewVersion()` both on `dialog` open and every `refreshPreview`, to avoid redundant network requests.
- The version-fetching logic (`syncPreviewVersion`) might be better extracted into a shared composable or service if other components also need the app version, so you don't duplicate the `/api/stat/version` handling in multiple places later.
- Instead of using `console.warn` directly in `syncPreviewVersion`, consider routing errors through your existing UI notification or logging mechanism so failures are surfaced consistently to users or monitoring.

## Individual Comments

### Comment 1
<location> `dashboard/src/components/shared/T2ITemplateEditor.vue:299-302` </location>
<code_context>
 }
+
+const previewData = computed(() => ({
+  text: tm('t2iTemplateEditor.previewText') || '这是一个示例文本，用于预览模板效果。\n\n这里可以包含多行文本，支持换行和各种格式。',
+  version: previewVersion.value 
+}))
</code_context>

<issue_to_address>
**suggestion:** Using `||` means an intentionally empty translated string will fall back to the default text.

If `tm('t2iTemplateEditor.previewText')` returns an intentionally empty string, `||` will treat it as falsy and incorrectly fall back to the default Chinese text. To only fall back when the translation is missing (undefined/null), use nullish coalescing or an explicit check, e.g.:

```ts
const t = tm('t2iTemplateEditor.previewText')
text: t ?? defaultText
// or
text: t !== undefined ? t : defaultText
```

```suggestion
const previewData = computed(() => {
  const t = tm('t2iTemplateEditor.previewText')
  return {
    text: t ?? '这是一个示例文本，用于预览模板效果。\n\n这里可以包含多行文本，支持换行和各种格式。',
    version: previewVersion.value
  }
})
```
</issue_to_address>

---

Sourcery 对开源项目免费——如果你觉得我们的 Review 有帮助，欢迎分享 ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{帮我变得更有用！请在每条评论上点 👍 或 👎，我会根据你的反馈改进以后的 Review。}

Original comment in English

Hey - I've found 1 issue, and left some high level feedback:

• Consider fetching the version once on dialog open and caching/reusing it rather than calling syncPreviewVersion() both on dialog open and every refreshPreview, to avoid redundant network requests.
• The version-fetching logic (syncPreviewVersion) might be better extracted into a shared composable or service if other components also need the app version, so you don't duplicate the /api/stat/version handling in multiple places later.
• Instead of using console.warn directly in syncPreviewVersion, consider routing errors through your existing UI notification or logging mechanism so failures are surfaced consistently to users or monitoring.

Prompt for AI Agents

Please address the comments from this code review:

## Overall Comments
- Consider fetching the version once on dialog open and caching/reusing it rather than calling `syncPreviewVersion()` both on `dialog` open and every `refreshPreview`, to avoid redundant network requests.
- The version-fetching logic (`syncPreviewVersion`) might be better extracted into a shared composable or service if other components also need the app version, so you don't duplicate the `/api/stat/version` handling in multiple places later.
- Instead of using `console.warn` directly in `syncPreviewVersion`, consider routing errors through your existing UI notification or logging mechanism so failures are surfaced consistently to users or monitoring.

## Individual Comments

### Comment 1
<location> `dashboard/src/components/shared/T2ITemplateEditor.vue:299-302` </location>
<code_context>
 }
+
+const previewData = computed(() => ({
+  text: tm('t2iTemplateEditor.previewText') || '这是一个示例文本，用于预览模板效果。\n\n这里可以包含多行文本，支持换行和各种格式。',
+  version: previewVersion.value 
+}))
</code_context>

<issue_to_address>
**suggestion:** Using `||` means an intentionally empty translated string will fall back to the default text.

If `tm('t2iTemplateEditor.previewText')` returns an intentionally empty string, `||` will treat it as falsy and incorrectly fall back to the default Chinese text. To only fall back when the translation is missing (undefined/null), use nullish coalescing or an explicit check, e.g.:

```ts
const t = tm('t2iTemplateEditor.previewText')
text: t ?? defaultText
// or
text: t !== undefined ? t : defaultText
```

```suggestion
const previewData = computed(() => {
  const t = tm('t2iTemplateEditor.previewText')
  return {
    text: t ?? '这是一个示例文本，用于预览模板效果。\n\n这里可以包含多行文本，支持换行和各种格式。',
    version: previewVersion.value
  }
})
```
</issue_to_address>

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}

[sourcery-ai]

suggestion: 使用 || 会导致有意配置为空字符串的翻译也回退到默认文案。

如果 tm('t2iTemplateEditor.previewText') 返回的是一个有意设置的空字符串，|| 会把它当作 falsy，从而错误地回退到默认的中文文案。为了只在翻译缺失（undefined/null）时回退，建议使用空值合并运算符或显式判断，例如：

const t = tm('t2iTemplateEditor.previewText')
text: t ?? defaultText
// or
text: t !== undefined ? t : defaultText

Suggested change

	const previewData = computed(() => ({
	text: tm('t2iTemplateEditor.previewText') || '这是一个示例文本，用于预览模板效果。\n\n这里可以包含多行文本，支持换行和各种格式。',
	version: previewVersion.value
	}))
	const previewData = computed(() => {
	const t = tm('t2iTemplateEditor.previewText')
	return {
	text: t ?? '这是一个示例文本，用于预览模板效果。\n\n这里可以包含多行文本，支持换行和各种格式。',
	version: previewVersion.value
	}
	})

Original comment in English

suggestion: Using || means an intentionally empty translated string will fall back to the default text.

If tm('t2iTemplateEditor.previewText') returns an intentionally empty string, || will treat it as falsy and incorrectly fall back to the default Chinese text. To only fall back when the translation is missing (undefined/null), use nullish coalescing or an explicit check, e.g.:

const t = tm('t2iTemplateEditor.previewText')
text: t ?? defaultText
// or
text: t !== undefined ? t : defaultText

Suggested change

	const previewData = computed(() => ({
	text: tm('t2iTemplateEditor.previewText') || '这是一个示例文本，用于预览模板效果。\n\n这里可以包含多行文本，支持换行和各种格式。',
	version: previewVersion.value
	}))
	const previewData = computed(() => {
	const t = tm('t2iTemplateEditor.previewText')
	return {
	text: t ?? '这是一个示例文本，用于预览模板效果。\n\n这里可以包含多行文本，支持换行和各种格式。',
	version: previewVersion.value
	}
	})