Initial commit: NetMesh smart ops platform with 3D topology, inspection reports, RCA and AI ops assistant

components/AppWordmark.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+interface AppWordmarkProps {
+  accessibleLabel?: string;
+  className?: string;
+  text?: string;
+}
+
+/** 产品品牌文字 — 默认显示 productName，可通过 text 覆盖。 */
+export const AppWordmark: React.FC<AppWordmarkProps> = ({ accessibleLabel, className, text }) => (
+  <span
+    className={`font-bold tracking-tight text-foreground ${className || ''}`}
+    aria-label={accessibleLabel}
+    role={accessibleLabel ? 'img' : undefined}
+    style={{ fontFamily: 'inherit', fontWeight: 700, letterSpacing: '-0.02em' }}
+  >
+    {text ?? accessibleLabel ?? 'NetMesh'}
+  </span>
+);
+
+export default AppWordmark;