refactor(metadata-admin): i18n read-only type banner with dark mode

Author: os-zhuang

packages/app-shell/src/views/metadata-admin/ResourceEditPage.tsx

@@ -578,11 +578,20 @@ export function MetadataResourceEditPage({
               </div>
             )}
             {readOnly && (
-              <div className="text-xs text-amber-800 border border-amber-300 bg-amber-50 rounded p-3">
-                This type is read-only. To enable runtime editing, set{' '}
-                <code className="font-mono">OBJECTSTACK_METADATA_WRITABLE</code> to
-                include <code className="font-mono">{type}</code>, or flip{' '}
-                <code className="font-mono">allowOrgOverride</code> in the registry.
+              <div className="text-xs text-amber-800 border border-amber-300 bg-amber-50 rounded p-3 dark:text-amber-200 dark:border-amber-700/50 dark:bg-amber-950/30">
+                {/* The platform i18n bundle ships `engine.edit.readOnlyTypeBanner`
+                    with `{flag} / {type} / {override}` placeholders so the
+                    monospace tokens are inlined inside the translated sentence
+                    in any locale. Splitting on the three tokens preserves the
+                    sentence order across translations. */}
+                {t('engine.edit.readOnlyTypeBanner', locale)
+                  .split(/(\{flag\}|\{type\}|\{override\})/)
+                  .map((part, i) => {
+                    if (part === '{flag}') return <code key={i} className="font-mono">OBJECTSTACK_METADATA_WRITABLE</code>;
+                    if (part === '{type}') return <code key={i} className="font-mono">{type}</code>;
+                    if (part === '{override}') return <code key={i} className="font-mono">allowOrgOverride</code>;
+                    return <React.Fragment key={i}>{part}</React.Fragment>;
+                  })}
               </div>
             )}
           </div>

packages/app-shell/src/views/metadata-admin/i18n.ts

@@ -170,7 +170,7 @@ const ENGINE_STRINGS_EN: Record<string, string> = {
   'engine.edit.overlay': 'overlay',
   'engine.edit.readOnlyBanner': 'Viewing in read-only mode. Click {edit} to make changes.',
   'engine.edit.readOnlyTypeBanner':
-    'This type is read-only. To enable runtime editing, set {flag} to include {type}, or flip {override} in the registry.',
+    'This metadata type is read-only for safety: it ships executable code or sensitive configuration and cannot be overlaid at runtime. Edit the source in your package and redeploy. To override this lock (use with caution), set {flag} to include {type}, or flip {override} in the registry.',
   'engine.repeater.empty': 'No items. Click + to add.',
   'engine.badge.writable': 'writable',
   'engine.badge.readOnly': 'read-only',
@@ -284,7 +284,7 @@ const ENGINE_STRINGS_ZH: Record<string, string> = {
   'engine.edit.overlay': '覆盖',
   'engine.edit.readOnlyBanner': '当前为只读模式。点击 {edit} 进行修改。',
   'engine.edit.readOnlyTypeBanner':
-    '此类型为只读。如需启用运行时编辑，请将 {flag} 设置为包含 {type}，或在注册表中开启 {override}。',
+    '出于安全考虑，此元数据类型为只读：它包含可执行代码或敏感配置，不允许在运行时通过覆盖层修改。请编辑包内源代码后重新部署。如需临时解除限制（请谨慎使用），可将 {flag} 设置为包含 {type}，或在注册表中开启 {override}。',
   'engine.repeater.empty': '暂无条目。点击 + 添加。',
   'engine.badge.writable': '可写',
   'engine.badge.readOnly': '只读',