src/app/_components/ProjectHeader.tsx

// ProjectHeader.tsx — sidebar "PROJECT" label + name + chevron placeholder for a future switcher.
"use client";

export type ProjectHeaderProps = {
  projectName: string;
};

export default function ProjectHeader({ projectName }: ProjectHeaderProps) {
  return (
    <div className="px-4 py-3 border-b border-border">
      <p className="text-[10px] font-semibold uppercase tracking-widest text-muted-fg mb-1">
        Project
      </p>
      <div className="flex items-center gap-1.5">
        <span className="flex-1 min-w-0 text-sm font-semibold text-foreground truncate">
          {projectName}
        </span>
        <svg
          aria-hidden="true"
          className="w-3.5 h-3.5 shrink-0 text-muted-fg"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          strokeWidth={2}
        >
          <polyline points="6 9 12 15 18 9" />
        </svg>
      </div>
    </div>
  );
}