Create frontend/src/components/TopBar.tsx

frontend/src/components/TopBar.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { FaCode, FaGithub, FaRocket } from 'react-icons/fa';
+
+const TopBar: React.FC = () => {
+  return (
+    <div style={{ height: 36, background: 'var(--bg-secondary)', borderBottom: '1px solid var(--border)', display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '0 12px', fontSize: 13 }}>
+      <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
+        <FaCode style={{ color: 'var(--accent)' }} />
+        <span style={{ fontWeight: 600 }}>Codeki</span>
+        <span style={{ color: 'var(--text-secondary)' }}>– AI Coding Assistant</span>
+      </div>
+      <div style={{ display: 'flex', gap: 15, alignItems: 'center' }}>
+        <FaGithub style={{ color: 'var(--text-secondary)', cursor: 'pointer' }} />
+        <FaRocket style={{ color: 'var(--accent)', cursor: 'pointer' }} />
+      </div>
+    </div>
+  );
+};
+
+export default TopBar;