- Rename npm packages from @kb/* to @hai/* and update all workspace references - Rename CLI binary from kb to hai and config directory from .kb to .hai - Update dashboard UI branding, titles, and references from kb to hai - Update all test files, CI workflows, and documentation to reflect new naming - Run comprehensive grep verification to ensure no stale kb references remain
23 lines
632 B
TypeScript
23 lines
632 B
TypeScript
import { Settings } from "lucide-react";
|
|
|
|
interface HeaderProps {
|
|
onOpenSettings?: () => void;
|
|
}
|
|
|
|
export function Header({ onOpenSettings }: HeaderProps) {
|
|
return (
|
|
<header className="header">
|
|
<div className="header-left">
|
|
<img src="/logo.svg" alt="kb logo" className="header-logo" width={24} height={24} />
|
|
<h1 className="logo">kb</h1>
|
|
<span className="logo-sub">board</span>
|
|
</div>
|
|
<div className="header-actions">
|
|
<button className="btn-icon" onClick={onOpenSettings} title="Settings">
|
|
<Settings size={16} />
|
|
</button>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|