feat: publish HoloLake model-native living system source

product-source/hololake-platform/src/components/ConflictNoteBanner.tsx

@@ -0,0 +1,70 @@
+import { Warning as AlertTriangle } from '@phosphor-icons/react'
+import { translate, type AppLocale } from '../lib/i18n'
+
+interface ConflictNoteBannerProps {
+  onKeepMine: () => void
+  onKeepTheirs: () => void
+  locale?: AppLocale
+}
+
+export function ConflictNoteBanner({ onKeepMine, onKeepTheirs, locale = 'en' }: ConflictNoteBannerProps) {
+  return (
+    <div
+      data-testid="conflict-note-banner"
+      style={{
+        display: 'flex',
+        alignItems: 'center',
+        gap: 6,
+        padding: '4px 16px',
+        background: 'var(--muted)',
+        borderBottom: '1px solid var(--border)',
+        fontSize: 12,
+        color: 'var(--accent-orange)',
+        flexShrink: 0,
+      }}
+    >
+      <AlertTriangle size={13} />
+      <span>{translate(locale, 'editor.banner.conflict')}</span>
+      <div style={{ marginLeft: 'auto', display: 'flex', gap: 4 }}>
+        <button type="button"
+          data-testid="conflict-keep-mine-btn"
+          onClick={onKeepMine}
+          style={{
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 4,
+            padding: '2px 8px',
+            background: 'transparent',
+            border: '1px solid var(--border)',
+            borderRadius: 4,
+            fontSize: 11,
+            color: 'var(--foreground)',
+            cursor: 'pointer',
+          }}
+          title={translate(locale, 'editor.banner.keepMineTooltip')}
+        >
+          {translate(locale, 'editor.banner.keepMine')}
+        </button>
+        <button type="button"
+          data-testid="conflict-keep-theirs-btn"
+          onClick={onKeepTheirs}
+          style={{
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 4,
+            padding: '2px 8px',
+            background: 'transparent',
+            border: '1px solid var(--border)',
+            borderRadius: 4,
+            fontSize: 11,
+            color: 'var(--foreground)',
+            cursor: 'pointer',
+          }}
+          title={translate(locale, 'editor.banner.keepTheirsTooltip')}
+        >
+          {translate(locale, 'editor.banner.keepTheirs')}
+        </button>
+      </div>
+    </div>
+  )
+}