@ozdao/martyrs 0.2.570 → 0.2.572

package/src/modules/governance/reactcode/src/pages/InitiativeDetailPage.tsx

@@ -23,7 +23,7 @@ export default function InitiativeDetailPage() {
     return (
       <div className="min-h-screen bg-gray-50 flex items-center justify-center">
         <div className="text-center">
-          <h2 className="text-2xl font-bold text-gray-900 mb-2">Product not found</h2>
+          <h2 className="text-2xl fonfw-bold text-gray-900 mb-2">Product not found</h2>
           <Link to="/" className="text-blue-600 hover:text-blue-700">
             Back to products
           </Link>
@@ -79,7 +79,7 @@ export default function InitiativeDetailPage() {
             />
             <div className="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent" />
             <div className="absolute bottom-6 left-6 right-6">
-              <h1 className="text-4xl font-bold text-white mb-2">{initiative.title}</h1>
+              <h1 className="text-4xl fonfw-bold text-white mb-2">{initiative.title}</h1>
               <p className="text-white/90 text-lg">{initiative.description}</p>
             </div>
           </div>
@@ -88,17 +88,17 @@ export default function InitiativeDetailPage() {
         {(initiative.fullDescription || initiative.valueProposition || initiative.targetAudience || (initiative.successCriteria && initiative.successCriteria.length > 0) || initiative.team) && (
           <div className="bg-white rounded-xl shadow-sm p-6 mb-6">
             <div className="flex items-center justify-between mb-4">
-              <h3 className="text-lg font-semibold text-gray-900 flex items-center gap-2">
+              <h3 className="text-lg fonfw-semibold text-gray-900 flex items-center gap-2">
                 <FileText className="w-5 h-5 text-gray-600" />
                 About This Initiative
               </h3>
               <div className="flex items-center gap-3">
-                <span className={`px-4 py-2 rounded-lg text-sm font-semibold border ${status.color}`}>
+                <span className={`px-4 py-2 rounded-lg text-sm fonfw-semibold border ${status.color}`}>
                   {status.label}
                 </span>
                 <button
                   onClick={() => setShowTaskForm(true)}
-                  className="bg-blue-600 hover:bg-blue-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2 transition-colors text-sm"
+                  className="bg-blue-600 hover:bg-blue-700 text-white fonfw-semibold px-4 py-2 rounded-lg flex items-center gap-2 transition-colors text-sm"
                 >
                   <Vote className="w-4 h-4" />
                   Open Voting
@@ -114,7 +114,7 @@ export default function InitiativeDetailPage() {
                 {initiative.fullDescription.length > 200 && (
                   <button
                     onClick={() => setShowFullDescription(!showFullDescription)}
-                    className="text-blue-600 hover:text-blue-700 text-sm font-medium mt-2"
+                    className="text-blue-600 hover:text-blue-700 text-sm fonfw-medium mt-2"
                   >
                     {showFullDescription ? 'Show less' : 'Show more'}
                   </button>
@@ -126,21 +126,21 @@ export default function InitiativeDetailPage() {
               <>
                 {initiative.valueProposition && (
                   <div className="mb-4">
-                    <h4 className="font-semibold text-gray-900 mb-2">Value Proposition</h4>
+                    <h4 className="fonfw-semibold text-gray-900 mb-2">Value Proposition</h4>
                     <p className="text-gray-700">{initiative.valueProposition}</p>
                   </div>
                 )}
 
                 {initiative.targetAudience && (
                   <div className="mb-4">
-                    <h4 className="font-semibold text-gray-900 mb-2">Target Audience</h4>
+                    <h4 className="fonfw-semibold text-gray-900 mb-2">Target Audience</h4>
                     <p className="text-gray-700">{initiative.targetAudience}</p>
                   </div>
                 )}
 
                 {initiative.successCriteria && initiative.successCriteria.length > 0 && (
                   <div>
-                    <h4 className="font-semibold text-gray-900 mb-3">Success Criteria</h4>
+                    <h4 className="fonfw-semibold text-gray-900 mb-3">Success Criteria</h4>
                     <ul className="space-y-2">
                       {initiative.successCriteria.map((criteria: string, index: number) => (
                         <li key={index} className="flex items-start gap-2">
@@ -157,10 +157,10 @@ export default function InitiativeDetailPage() {
             {initiative.releases && initiative.releases.length > 0 && (
               <div className="mt-6 pt-6 border-t border-gray-200">
                 <div className="flex items-center justify-between mb-3">
-                  <h4 className="font-semibold text-gray-900">Recent Release</h4>
+                  <h4 className="fonfw-semibold text-gray-900">Recent Release</h4>
                   <Link
                     to={`/initiatives/${id}/roadmap`}
-                    className="text-blue-600 hover:text-blue-700 text-sm font-medium flex items-center gap-1 transition-colors"
+                    className="text-blue-600 hover:text-blue-700 text-sm fonfw-medium flex items-center gap-1 transition-colors"
                   >
                     View All Releases
                     <ArrowRight className="w-4 h-4" />
@@ -168,11 +168,11 @@ export default function InitiativeDetailPage() {
                 </div>
                 <div className="border border-gray-200 rounded-lg p-4 flex items-start justify-between bg-gradient-to-br from-blue-50 to-white">
                   <div>
-                    <h5 className="font-semibold text-gray-900">{initiative.releases[0].version}</h5>
+                    <h5 className="fonfw-semibold text-gray-900">{initiative.releases[0].version}</h5>
                     <p className="text-sm text-gray-500">{formatDate(initiative.releases[0].date)}</p>
                     <p className="text-gray-700 mt-1">{initiative.releases[0].notes}</p>
                   </div>
-                  <span className="px-3 py-1 bg-green-100 text-green-700 rounded text-sm font-medium">
+                  <span className="px-3 py-1 bg-green-100 text-green-700 rounded text-sm fonfw-medium">
                     {initiative.releases[0].status}
                   </span>
                 </div>
@@ -182,10 +182,10 @@ export default function InitiativeDetailPage() {
             {initiative.team && (
               <div className="mt-6 pt-6 border-t border-gray-200">
                 <div className="flex items-center justify-between mb-3">
-                  <h4 className="font-semibold text-gray-900">Team</h4>
+                  <h4 className="fonfw-semibold text-gray-900">Team</h4>
                   <Link
                     to={`/initiatives/${id}/team`}
-                    className="text-blue-600 hover:text-blue-700 text-sm font-medium flex items-center gap-1 transition-colors"
+                    className="text-blue-600 hover:text-blue-700 text-sm fonfw-medium flex items-center gap-1 transition-colors"
                   >
                     Manage Team
                     <ArrowRight className="w-4 h-4" />
@@ -194,7 +194,7 @@ export default function InitiativeDetailPage() {
                 <div className="grid grid-cols-3 gap-4">
                   {initiative.team.owners && initiative.team.owners.length > 0 && (
                     <div className="border border-gray-200 rounded-lg p-4 bg-gradient-to-br from-amber-50 to-white">
-                      <h5 className="text-xs font-semibold text-gray-500 uppercase mb-3">Owners</h5>
+                      <h5 className="text-xs fonfw-semibold text-gray-500 uppercase mb-3">Owners</h5>
                       <div className="space-y-2">
                         {initiative.team.owners.slice(0, 3).map((member: any) => (
                           <div key={member.id} className="flex items-center gap-2">
@@ -215,7 +215,7 @@ export default function InitiativeDetailPage() {
 
                   {initiative.team.coreTeam && initiative.team.coreTeam.length > 0 && (
                     <div className="border border-gray-200 rounded-lg p-4 bg-gradient-to-br from-blue-50 to-white">
-                      <h5 className="text-xs font-semibold text-gray-500 uppercase mb-3">Core Team</h5>
+                      <h5 className="text-xs fonfw-semibold text-gray-500 uppercase mb-3">Core Team</h5>
                       <div className="space-y-2">
                         {initiative.team.coreTeam.slice(0, 3).map((member: any) => (
                           <div key={member.id} className="flex items-center gap-2">
@@ -236,7 +236,7 @@ export default function InitiativeDetailPage() {
 
                   {initiative.team.contributors && initiative.team.contributors.length > 0 && (
                     <div className="border border-gray-200 rounded-lg p-4 bg-gradient-to-br from-green-50 to-white">
-                      <h5 className="text-xs font-semibold text-gray-500 uppercase mb-3">Contributors</h5>
+                      <h5 className="text-xs fonfw-semibold text-gray-500 uppercase mb-3">Contributors</h5>
                       <div className="space-y-2">
                         {initiative.team.contributors.slice(0, 3).map((member: any) => (
                           <div key={member.id} className="flex items-center gap-2">
@@ -260,19 +260,19 @@ export default function InitiativeDetailPage() {
 
             {initiative.metrics && (
               <div className="mt-6 pt-6 border-t border-gray-200">
-                <h4 className="font-semibold text-gray-900 mb-3">Key Metrics</h4>
+                <h4 className="fonfw-semibold text-gray-900 mb-3">Key Metrics</h4>
                 <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
                   <div className="bg-gray-50 rounded-lg p-4">
                     <div className="text-xs text-gray-500 mb-1">Task Progress</div>
-                    <div className="text-2xl font-bold text-gray-900">{initiative.metrics.taskProgress}%</div>
+                    <div className="text-2xl fonfw-bold text-gray-900">{initiative.metrics.taskProgress}%</div>
                   </div>
                   <div className="bg-gray-50 rounded-lg p-4">
                     <div className="text-xs text-gray-500 mb-1">Milestone Progress</div>
-                    <div className="text-2xl font-bold text-gray-900">{initiative.metrics.milestoneProgress}%</div>
+                    <div className="text-2xl fonfw-bold text-gray-900">{initiative.metrics.milestoneProgress}%</div>
                   </div>
                   <div className="bg-gray-50 rounded-lg p-4">
                     <div className="text-xs text-gray-500 mb-1">Risk Index</div>
-                    <div className={`text-sm font-bold capitalize px-2 py-1 rounded ${
+                    <div className={`text-sm fonfw-bold capitalize px-2 py-1 rounded ${
                       initiative.metrics.riskIndex === 'low' ? 'bg-green-100 text-green-700' :
                       initiative.metrics.riskIndex === 'medium' ? 'bg-yellow-100 text-yellow-700' :
                       'bg-red-100 text-red-700'
@@ -282,15 +282,15 @@ export default function InitiativeDetailPage() {
                   </div>
                   <div className="bg-gray-50 rounded-lg p-4">
                     <div className="text-xs text-gray-500 mb-1">Availability</div>
-                    <div className="text-2xl font-bold text-gray-900">{initiative.metrics.availabilityIndex}%</div>
+                    <div className="text-2xl fonfw-bold text-gray-900">{initiative.metrics.availabilityIndex}%</div>
                   </div>
                   <div className="bg-gray-50 rounded-lg p-4">
                     <div className="text-xs text-gray-500 mb-1">Active Users</div>
-                    <div className="text-2xl font-bold text-gray-900">{initiative.metrics.activeUsers.toLocaleString()}</div>
+                    <div className="text-2xl fonfw-bold text-gray-900">{initiative.metrics.activeUsers.toLocaleString()}</div>
                   </div>
                   <div className="bg-gray-50 rounded-lg p-4">
                     <div className="text-xs text-gray-500 mb-1">Performance</div>
-                    <div className="text-2xl font-bold text-gray-900">{initiative.metrics.performance}</div>
+                    <div className="text-2xl fonfw-bold text-gray-900">{initiative.metrics.performance}</div>
                   </div>
                 </div>
               </div>
@@ -303,9 +303,9 @@ export default function InitiativeDetailPage() {
             <div className="flex items-center justify-between mb-6">
               <div className="flex items-center gap-2">
                 <Vote className="w-5 h-5 text-gray-600" />
-                <h3 className="text-lg font-semibold text-gray-900">Governance & Approvals</h3>
+                <h3 className="text-lg fonfw-semibold text-gray-900">Governance & Approvals</h3>
               </div>
-              <Link to="/votings" className="text-blue-600 hover:text-blue-700 text-sm font-medium">
+              <Link to="/votings" className="text-blue-600 hover:text-blue-700 text-sm fonfw-medium">
                 View all votings
               </Link>
             </div>
@@ -322,11 +322,11 @@ export default function InitiativeDetailPage() {
             <div className="flex items-center justify-between mb-6">
               <div className="flex items-center gap-2">
                 <Zap className="w-5 h-5 text-gray-600" />
-                <h3 className="text-lg font-semibold text-gray-900">Active Sprints</h3>
+                <h3 className="text-lg fonfw-semibold text-gray-900">Active Sprints</h3>
               </div>
               <Link
                 to={`/initiatives/${id}/milestones`}
-                className="text-blue-600 hover:text-blue-700 text-sm font-medium flex items-center gap-1"
+                className="text-blue-600 hover:text-blue-700 text-sm fonfw-medium flex items-center gap-1"
               >
                 View Roadmap
                 <ArrowRight className="w-4 h-4" />
@@ -341,7 +341,7 @@ export default function InitiativeDetailPage() {
                 >
                   <div className="flex items-start justify-between mb-3">
                     <div>
-                      <h4 className="font-semibold text-gray-900 group-hover:text-blue-600">{sprint.name}</h4>
+                      <h4 className="fonfw-semibold text-gray-900 group-hover:text-blue-600">{sprint.name}</h4>
                       <p className="text-sm text-gray-600">{sprint.theme}</p>
                     </div>
                     <span className="text-sm text-gray-500">
@@ -353,7 +353,7 @@ export default function InitiativeDetailPage() {
                     <div className="flex-1">
                       <div className="flex justify-between text-sm mb-1">
                         <span className="text-gray-600">Progress</span>
-                        <span className="font-medium text-gray-900">
+                        <span className="fonfw-medium text-gray-900">
                           {sprint.completedCount}/{sprint.taskCount} tasks
                         </span>
                       </div>
@@ -389,13 +389,13 @@ export default function InitiativeDetailPage() {
         <div className="bg-white rounded-xl shadow-sm p-6 mb-6">
           <div className="flex items-center gap-2 mb-6">
             <LinkIcon className="w-5 h-5 text-gray-600" />
-            <h3 className="text-lg font-semibold text-gray-900">Links, Artifacts & Repositories</h3>
+            <h3 className="text-lg fonfw-semibold text-gray-900">Links, Artifacts & Repositories</h3>
           </div>
 
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
             {initiative.repositories && initiative.repositories.length > 0 && (
               <div className="border border-gray-200 rounded-lg p-4">
-                <h4 className="font-semibold text-gray-900 mb-3">Repositories</h4>
+                <h4 className="fonfw-semibold text-gray-900 mb-3">Repositories</h4>
                 <div className="space-y-2">
                   {initiative.repositories.map((repo: any, index: number) => (
                     <a
@@ -414,7 +414,7 @@ export default function InitiativeDetailPage() {
             )}
             {initiative.links?.documentation && initiative.links.documentation.length > 0 && (
               <div className="border border-gray-200 rounded-lg p-4">
-                <h4 className="font-semibold text-gray-900 mb-3 flex items-center gap-2">
+                <h4 className="fonfw-semibold text-gray-900 mb-3 flex items-center gap-2">
                   <FileText className="w-4 h-4" />
                   Documentation
                 </h4>
@@ -437,7 +437,7 @@ export default function InitiativeDetailPage() {
 
             {initiative.links?.design && initiative.links.design.length > 0 && (
               <div className="border border-gray-200 rounded-lg p-4">
-                <h4 className="font-semibold text-gray-900 mb-3">Design</h4>
+                <h4 className="fonfw-semibold text-gray-900 mb-3">Design</h4>
                 <div className="space-y-2">
                   {initiative.links.design.map((link: string, index: number) => (
                     <a
@@ -457,7 +457,7 @@ export default function InitiativeDetailPage() {
 
             {initiative.links?.cicd && initiative.links.cicd.length > 0 && (
               <div className="border border-gray-200 rounded-lg p-4">
-                <h4 className="font-semibold text-gray-900 mb-3">CI/CD</h4>
+                <h4 className="fonfw-semibold text-gray-900 mb-3">CI/CD</h4>
                 <div className="space-y-2">
                   {initiative.links.cicd.map((link: string, index: number) => (
                     <a
@@ -477,7 +477,7 @@ export default function InitiativeDetailPage() {
 
             {initiative.links?.monitoring && initiative.links.monitoring.length > 0 && (
               <div className="border border-gray-200 rounded-lg p-4">
-                <h4 className="font-semibold text-gray-900 mb-3">Monitoring</h4>
+                <h4 className="fonfw-semibold text-gray-900 mb-3">Monitoring</h4>
                 <div className="space-y-2">
                   {initiative.links.monitoring.map((link: string, index: number) => (
                     <a
@@ -497,7 +497,7 @@ export default function InitiativeDetailPage() {
 
             {initiative.links?.analytics && initiative.links.analytics.length > 0 && (
               <div className="border border-gray-200 rounded-lg p-4">
-                <h4 className="font-semibold text-gray-900 mb-3">Analytics</h4>
+                <h4 className="fonfw-semibold text-gray-900 mb-3">Analytics</h4>
                 <div className="space-y-2">
                   {initiative.links.analytics.map((link: string, index: number) => (
                     <a
@@ -518,13 +518,13 @@ export default function InitiativeDetailPage() {
 
           {initiative.environments && initiative.environments.length > 0 && (
             <div className="mt-6">
-              <h4 className="font-semibold text-gray-900 mb-3">Environments</h4>
+              <h4 className="fonfw-semibold text-gray-900 mb-3">Environments</h4>
               <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                 {initiative.environments.map((env: any, index: number) => (
                   <div key={index} className="border border-gray-200 rounded-lg p-4">
                     <div className="flex items-center justify-between mb-2">
-                      <h5 className="font-medium text-gray-900">{env.name}</h5>
-                      <span className={`px-2 py-1 rounded text-xs font-medium ${
+                      <h5 className="fonfw-medium text-gray-900">{env.name}</h5>
+                      <span className={`px-2 py-1 rounded text-xs fonfw-medium ${
                         env.status === 'healthy' ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700'
                       }`}>
                         {env.status}

package/src/modules/governance/reactcode/src/pages/InitiativeMilestonesPage.tsx

@@ -14,7 +14,7 @@ export default function InitiativeMilestonesPage() {
     return (
       <div className="min-h-screen bg-gray-50 flex items-center justify-center">
         <div className="text-center">
-          <h2 className="text-2xl font-bold text-gray-900 mb-2">Initiative not found</h2>
+          <h2 className="text-2xl fonfw-bold text-gray-900 mb-2">Initiative not found</h2>
           <Link to="/" className="text-blue-600 hover:text-blue-700">
             Back to initiatives
           </Link>
@@ -59,7 +59,7 @@ export default function InitiativeMilestonesPage() {
         <div className="bg-white rounded-xl shadow-sm p-8 mb-8">
           <div className="flex items-start justify-between mb-6">
             <div className="flex-1">
-              <h1 className="text-3xl font-bold text-gray-900 mb-2">{initiative.title}</h1>
+              <h1 className="text-3xl fonfw-bold text-gray-900 mb-2">{initiative.title}</h1>
               <p className="text-gray-600 text-lg mb-4">{initiative.description}</p>
               <div className="flex items-center gap-6 text-sm">
                 {initiative.date && (
@@ -80,8 +80,8 @@ export default function InitiativeMilestonesPage() {
 
           <div className="border-t border-gray-200 pt-6">
             <div className="flex items-center justify-between mb-3">
-              <span className="text-sm font-medium text-gray-700">Overall Progress</span>
-              <span className="text-2xl font-bold text-gray-900">{overallProgress}%</span>
+              <span className="text-sm fonfw-medium text-gray-700">Overall Progress</span>
+              <span className="text-2xl fonfw-bold text-gray-900">{overallProgress}%</span>
             </div>
             <div className="w-full bg-gray-200 rounded-full h-3 overflow-hidden mb-4">
               <div
@@ -107,7 +107,7 @@ export default function InitiativeMilestonesPage() {
         </div>
 
         <div className="mb-6">
-          <h2 className="text-2xl font-bold text-gray-900">Milestones Roadmap</h2>
+          <h2 className="text-2xl fonfw-bold text-gray-900">Milestones Roadmap</h2>
           <p className="text-gray-600 mt-1">Track progress across all milestones</p>
         </div>
 
@@ -123,7 +123,7 @@ export default function InitiativeMilestonesPage() {
               <div>
                 <div className="flex items-center gap-2 mb-4">
                   <Clock className="w-5 h-5 text-blue-600" />
-                  <h3 className="text-lg font-semibold text-gray-900">In Progress</h3>
+                  <h3 className="text-lg fonfw-semibold text-gray-900">In Progress</h3>
                   <span className="text-sm text-gray-500">({inProgressMilestones.length})</span>
                 </div>
                 <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -138,7 +138,7 @@ export default function InitiativeMilestonesPage() {
               <div>
                 <div className="flex items-center gap-2 mb-4">
                   <AlertCircle className="w-5 h-5 text-gray-400" />
-                  <h3 className="text-lg font-semibold text-gray-900">Not Started</h3>
+                  <h3 className="text-lg fonfw-semibold text-gray-900">Not Started</h3>
                   <span className="text-sm text-gray-500">({notStartedMilestones.length})</span>
                 </div>
                 <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -153,7 +153,7 @@ export default function InitiativeMilestonesPage() {
               <div>
                 <div className="flex items-center gap-2 mb-4">
                   <CheckCircle className="w-5 h-5 text-green-600" />
-                  <h3 className="text-lg font-semibold text-gray-900">Completed</h3>
+                  <h3 className="text-lg fonfw-semibold text-gray-900">Completed</h3>
                   <span className="text-sm text-gray-500">({completedMilestones.length})</span>
                 </div>
                 <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">

package/src/modules/governance/reactcode/src/pages/InitiativesListPage.tsx

@@ -46,12 +46,12 @@ export default function InitiativesListPage() {
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         <div className="flex items-center justify-between mb-8">
           <div>
-            <h1 className="text-3xl font-bold text-gray-900">Products</h1>
+            <h1 className="text-3xl fonfw-bold text-gray-900">Products</h1>
             <p className="text-gray-600 mt-1">Manage and track all your products</p>
           </div>
           <button
             onClick={() => setShowCreateForm(true)}
-            className="bg-blue-600 hover:bg-blue-700 text-white font-semibold px-6 py-3 rounded-lg flex items-center gap-2 transition-colors shadow-sm"
+            className="bg-blue-600 hover:bg-blue-700 text-white fonfw-semibold px-6 py-3 rounded-lg flex items-center gap-2 transition-colors shadow-sm"
           >
             <Plus className="w-5 h-5" />
             Create Product
@@ -78,7 +78,7 @@ export default function InitiativesListPage() {
               <Filter className="w-5 h-5" />
               Filters
               {(statusFilter !== 'all' || riskFilter !== 'all') && (
-                <span className="px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full text-xs font-medium">
+                <span className="px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full text-xs fonfw-medium">
                   Active
                 </span>
               )}
@@ -89,7 +89,7 @@ export default function InitiativesListPage() {
             <div className="mt-4 pt-4 border-t border-gray-200">
               <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                 <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-2">Status</label>
+                  <label className="block text-sm fonfw-medium text-gray-700 mb-2">Status</label>
                   <select
                     value={statusFilter}
                     onChange={(e) => setStatusFilter(e.target.value)}
@@ -105,7 +105,7 @@ export default function InitiativesListPage() {
                 </div>
 
                 <div>
-                  <label className="block text-sm font-medium text-gray-700 mb-2">Risk Level</label>
+                  <label className="block text-sm fonfw-medium text-gray-700 mb-2">Risk Level</label>
                   <select
                     value={riskFilter}
                     onChange={(e) => setRiskFilter(e.target.value)}
@@ -144,7 +144,7 @@ export default function InitiativesListPage() {
                 setRiskFilter('all');
                 setSearchQuery('');
               }}
-              className="text-blue-600 hover:text-blue-700 font-medium"
+              className="text-blue-600 hover:text-blue-700 fonfw-medium"
             >
               Clear filters
             </button>

package/src/modules/governance/reactcode/src/pages/MilestoneDetailPage.tsx

@@ -27,7 +27,7 @@ export default function MilestoneDetailPage() {
     return (
       <div className="min-h-screen bg-gray-50 flex items-center justify-center">
         <div className="text-center">
-          <h2 className="text-2xl font-bold text-gray-900 mb-2">Milestone not found</h2>
+          <h2 className="text-2xl fonfw-bold text-gray-900 mb-2">Milestone not found</h2>
           <Link to="/" className="text-blue-600 hover:text-blue-700">
             Back to initiatives
           </Link>
@@ -74,12 +74,12 @@ export default function MilestoneDetailPage() {
                   {formatDate(milestone.startDate)} - {formatDate(milestone.dueDate)}
                 </div>
               </div>
-              <h1 className="text-3xl font-bold text-gray-900 mb-3">{milestone.name}</h1>
+              <h1 className="text-3xl fonfw-bold text-gray-900 mb-3">{milestone.name}</h1>
               <p className="text-gray-700 text-lg">{milestone.description}</p>
             </div>
             <button
               onClick={() => setShowTaskForm(true)}
-              className="bg-blue-600 hover:bg-blue-700 text-white font-semibold px-4 py-2 rounded-lg flex items-center gap-2 transition-colors ml-4"
+              className="bg-blue-600 hover:bg-blue-700 text-white fonfw-semibold px-4 py-2 rounded-lg flex items-center gap-2 transition-colors ml-4"
             >
               <Plus className="w-5 h-5" />
               Propose Task
@@ -88,8 +88,8 @@ export default function MilestoneDetailPage() {
 
           <div className="border-t border-gray-200 pt-6">
             <div className="flex items-center justify-between mb-3">
-              <span className="text-sm font-medium text-gray-700">Progress</span>
-              <span className="text-2xl font-bold text-gray-900">{milestone.progress}%</span>
+              <span className="text-sm fonfw-medium text-gray-700">Progress</span>
+              <span className="text-2xl fonfw-bold text-gray-900">{milestone.progress}%</span>
             </div>
             <div className="w-full bg-gray-200 rounded-full h-3 overflow-hidden">
               <div
@@ -106,7 +106,7 @@ export default function MilestoneDetailPage() {
                 />
                 <div>
                   <div className="text-xs text-gray-500">Owner</div>
-                  <div className="font-medium text-gray-900">{milestone.owner.name}</div>
+                  <div className="fonfw-medium text-gray-900">{milestone.owner.name}</div>
                 </div>
               </div>
               {milestone.contributors.length > 0 && (
@@ -130,7 +130,7 @@ export default function MilestoneDetailPage() {
         </div>
 
         <div className="mb-6">
-          <h2 className="text-2xl font-bold text-gray-900">Tasks</h2>
+          <h2 className="text-2xl fonfw-bold text-gray-900">Tasks</h2>
         </div>
 
         {tasks.length === 0 ? (
@@ -148,8 +148,8 @@ export default function MilestoneDetailPage() {
               return (
                 <div key={column.id} className="bg-gray-100 rounded-lg p-4">
                   <div className="flex items-center justify-between mb-4">
-                    <h3 className="font-semibold text-gray-900">{column.title}</h3>
-                    <span className="bg-gray-200 text-gray-700 text-xs font-semibold px-2 py-1 rounded-full">
+                    <h3 className="fonfw-semibold text-gray-900">{column.title}</h3>
+                    <span className="bg-gray-200 text-gray-700 text-xs fonfw-semibold px-2 py-1 rounded-full">
                       {columnTasks.length}
                     </span>
                   </div>

package/src/modules/governance/reactcode/src/pages/RoadmapPage.tsx

@@ -16,7 +16,7 @@ export default function RoadmapPage() {
     return (
       <div className="min-h-screen bg-gray-50 flex items-center justify-center">
         <div className="text-center">
-          <h2 className="text-2xl font-bold text-gray-900 mb-2">Initiative not found</h2>
+          <h2 className="text-2xl fonfw-bold text-gray-900 mb-2">Initiative not found</h2>
           <Link to="/" className="text-blue-600 hover:text-blue-700">
             Back to initiatives
           </Link>
@@ -55,7 +55,7 @@ export default function RoadmapPage() {
         <div className="bg-white rounded-xl shadow-sm p-8 mb-8">
           <div className="flex items-start justify-between mb-6">
             <div className="flex-1">
-              <h1 className="text-3xl font-bold text-gray-900 mb-2">{initiative.title}</h1>
+              <h1 className="text-3xl fonfw-bold text-gray-900 mb-2">{initiative.title}</h1>
               <p className="text-gray-600 text-lg mb-4">{initiative.description}</p>
               <div className="flex items-center gap-6 text-sm">
                 {initiative.date && (
@@ -78,7 +78,7 @@ export default function RoadmapPage() {
             <div className="flex gap-8">
               <button
                 onClick={() => setActiveTab('milestones')}
-                className={`pb-4 px-2 border-b-2 font-medium transition-colors ${
+                className={`pb-4 px-2 border-b-2 fonfw-medium transition-colors ${
                   activeTab === 'milestones'
                     ? 'border-blue-600 text-blue-600'
                     : 'border-transparent text-gray-600 hover:text-gray-900'
@@ -88,7 +88,7 @@ export default function RoadmapPage() {
               </button>
               <button
                 onClick={() => setActiveTab('releases')}
-                className={`pb-4 px-2 border-b-2 font-medium transition-colors ${
+                className={`pb-4 px-2 border-b-2 fonfw-medium transition-colors ${
                   activeTab === 'releases'
                     ? 'border-blue-600 text-blue-600'
                     : 'border-transparent text-gray-600 hover:text-gray-900'
@@ -102,8 +102,8 @@ export default function RoadmapPage() {
           {activeTab === 'milestones' && (
             <div className="border-t border-gray-200 pt-6">
               <div className="flex items-center justify-between mb-3">
-                <span className="text-sm font-medium text-gray-700">Overall Progress</span>
-                <span className="text-2xl font-bold text-gray-900">{overallProgress}%</span>
+                <span className="text-sm fonfw-medium text-gray-700">Overall Progress</span>
+                <span className="text-2xl fonfw-bold text-gray-900">{overallProgress}%</span>
               </div>
               <div className="w-full bg-gray-200 rounded-full h-3 overflow-hidden mb-4">
                 <div
@@ -132,7 +132,7 @@ export default function RoadmapPage() {
         {activeTab === 'milestones' ? (
           <>
             <div className="mb-6">
-              <h2 className="text-2xl font-bold text-gray-900">Milestones Roadmap</h2>
+              <h2 className="text-2xl fonfw-bold text-gray-900">Milestones Roadmap</h2>
               <p className="text-gray-600 mt-1">Track progress across all milestones</p>
             </div>
 
@@ -148,7 +148,7 @@ export default function RoadmapPage() {
                   <div>
                     <div className="flex items-center gap-2 mb-4">
                       <Clock className="w-5 h-5 text-blue-600" />
-                      <h3 className="text-lg font-semibold text-gray-900">In Progress</h3>
+                      <h3 className="text-lg fonfw-semibold text-gray-900">In Progress</h3>
                       <span className="text-sm text-gray-500">({inProgressMilestones.length})</span>
                     </div>
                     <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -163,7 +163,7 @@ export default function RoadmapPage() {
                   <div>
                     <div className="flex items-center gap-2 mb-4">
                       <AlertCircle className="w-5 h-5 text-gray-400" />
-                      <h3 className="text-lg font-semibold text-gray-900">Not Started</h3>
+                      <h3 className="text-lg fonfw-semibold text-gray-900">Not Started</h3>
                       <span className="text-sm text-gray-500">({notStartedMilestones.length})</span>
                     </div>
                     <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -178,7 +178,7 @@ export default function RoadmapPage() {
                   <div>
                     <div className="flex items-center gap-2 mb-4">
                       <CheckCircle className="w-5 h-5 text-green-600" />
-                      <h3 className="text-lg font-semibold text-gray-900">Completed</h3>
+                      <h3 className="text-lg fonfw-semibold text-gray-900">Completed</h3>
                       <span className="text-sm text-gray-500">({completedMilestones.length})</span>
                     </div>
                     <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@@ -194,7 +194,7 @@ export default function RoadmapPage() {
         ) : (
           <>
             <div className="mb-6">
-              <h2 className="text-2xl font-bold text-gray-900">Release History</h2>
+              <h2 className="text-2xl fonfw-bold text-gray-900">Release History</h2>
               <p className="text-gray-600 mt-1">All releases for this product</p>
             </div>
 
@@ -214,9 +214,9 @@ export default function RoadmapPage() {
                     <div className="flex items-start justify-between mb-4">
                       <div className="flex-1">
                         <div className="flex items-center gap-3 mb-2">
-                          <h3 className="text-xl font-bold text-gray-900">{release.version}</h3>
+                          <h3 className="text-xl fonfw-bold text-gray-900">{release.version}</h3>
                           <span
-                            className={`px-3 py-1 rounded-full text-sm font-medium ${
+                            className={`px-3 py-1 rounded-full text-sm fonfw-medium ${
                               release.status === 'released'
                                 ? 'bg-green-100 text-green-700'
                                 : release.status === 'in_progress'
@@ -236,7 +236,7 @@ export default function RoadmapPage() {
                     <p className="text-gray-700 leading-relaxed">{release.notes}</p>
                     {release.migrations && release.migrations.length > 0 && (
                       <div className="mt-4 pt-4 border-t border-gray-200">
-                        <h4 className="text-sm font-semibold text-gray-700 mb-2">Migrations</h4>
+                        <h4 className="text-sm fonfw-semibold text-gray-700 mb-2">Migrations</h4>
                         <ul className="list-disc list-inside text-sm text-gray-600 space-y-1">
                           {release.migrations.map((migration: string, idx: number) => (
                             <li key={idx}>{migration}</li>